@font-face {
  font-family: 'Blender';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: local("Blender Book"),
       local("BlenderBook"),
       url("../fonts/Blender/Blender-Book.otf") format("opentype");
  /* Modern Browsers */
}

@font-face {
  font-family: 'Blender';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: local("Blender Medium"),
       local("Blender Medium"),
       url("../fonts/Blender/Blender-Medium.otf") format("opentype");
  /* Modern Browsers */
}

@font-face {
  font-family: 'Blender';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: local("Blender Bold"),
       local("Blender Bold"),
       url("../fonts/Blender/Blender-Bold.otf") format("opentype");
  /* Modern Browsers */
}

@font-face {
  font-family: 'Blender';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: local("Blender Heavy"),
       local("Blender Heavy"),
       url("../fonts/Blender/Blender-Heavy.otf") format("opentype");
  /* Modern Browsers */
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: 'Blender', sans-serif;
  font-weight: 500;
  font-size:15px;
  line-height:21px;
}
b, strong{font-weight:600;}
label{font-size:16px;line-height:22px;}
.form-control{font-size:16px;line-height:22px;}
.fw-600 {
  font-weight: 600 !important;
}
.login-page, .main-sidebar{background-color:rgba(0, 24, 133, 1) !important;}
.login-logo{width:360px;height:auto;}
.header-logo{height:auto;}
.btn-login, .btn-login:hover, .btn-login:focus, .btn-login:active{background-color:rgba(0, 24, 133, 1);border-color:rgba(0, 24, 133, 1);color:#ffffff;font-weight:600;font-size:15px;line-height:21px;text-transform:uppercase;}
.btn-login-white { background-color: #fff; color:rgba(0, 24, 133, 1);  }
.header-cotecna, .modal-primary .popup-header, .modal-primary .popup-footer{background-color:#00ba80 !important;}
body.dev .header-cotecna {background-color:#dd4b39 !important;}
.text-success {color:#00ba80; }
.sidebar-toggle, .sidebar-toggle:hover, .sidebar-toggle:focus, .sidebar-toggle:active{color:#ffffff !important;}
.logo{background-color:rgba(0, 24, 133, 1) !important;}
.sidebar{margin-top:25px;}
.menu-text, .menu-text:hover, .menu-text:focus, .menu-text:active{color:#ffffff;}
.menu-text > span{font-family:'Blender', sans-serif !important;font-size:18px;line-height:24px;margin-left:10px;float:left;font-weight:500;}
.menu-text > i{font-size:22px;line-height:28px;opacity:0.9;}
.sidebar-menu li.active > .menu-text > span{font-weight:bold;}
.sidebar-menu li.active > .menu-text > i{opacity:1;}
.sidebar-menu li.active{background-color:#2A2894;}
.user-logo > img{height:auto;width:200px;border:none;position:relative;transform:translateY(-50%);top:50%;}
.nav > li > a, .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus{
  font-size:16px;
  line-height:22px;
  color:#ffffff !important;
  background-color:transparent !important;
  padding:0 !important;
}
.menu-icon{width:24px;height:22px;float:left;}
.mod-menu-icon{
  width:18px;
  height:18px;
  float:left;
  background-repeat:no-repeat;
  background-size:100% 100%;
  margin-top:3px;
}
.home-icon{background-image:url('../images/home.png');}
.dashboard-icon{background-image:url('../images/dashboard.png');}
.video-icon{background-image:url('../images/video.png');}
.employees-icon{background-image:url('../images/employees.png');}
.certification-icon{background-image:url('../images/certification.svg');}
.clock-history-icon{background-image:url('../images/clock-history.svg');}
.file-earmark-text-icon{background-image:url('../images/file-earmark-text.svg');}
.module-icon{background-image:url('../images/modules.png');}
.admin-icon{background-image:url('../images/administration.png');}
.mod-manage-icon{background-image:url('../images/module_management.png');}
.publication-icon{background-image:url('../images/publications.png');}
.areas-icon{background-image:url('../images/areas.png');}
.emails-icon{background-image:url('../images/email.png');}
.countries-icon{background-image:url('../images/countries.png');}
.entities-icon{background-image:url('../images/entities.png');}
.locations-icon{background-image:url('../images/locations.png');width:13px !important;margin-left:5px;}
.emp-status-icon{background-image:url('../images/emp_status.png');width:13px !important;margin-left:5px;}
.reason-for-leaving-icon{background-image:url('../images/logout.png');width:13px !important;margin-left:5px;}
.functions-icon{background-image:url('../images/functions.png');}
.settings-icon{background-image:url('../images/settings.png');}
.menu-text > i.submenu-ln{font-size:16px !important;line-height:22px !important;}
.parameter-footer{display:flex;align-items:center;justify-content:center;}
.parameter-footer > button{display:inline-block;height:45px;}
.modal-primary .popup-body{background-color:#ffffff !important;}
.popup-body > p{font-size:16px;line-height:22px;}
.popup-label{color:#4a4a4a;font-weight:500;}
.parameter-label{width:30%;}
.parameter-value{width:40%;max-width:40% !important;}
.parameter-delete{width:10%;}
.error-text{color:red;font-size:16px;line-height:22px;display:none;text-align:center;}
.scroll-list{height:500px;overflow:scroll;overflow-x:hidden;overflow-y:scroll;}
.module-add-head{font-family:'Blender', sans-serif !important;font-size:18px;line-height:24px;font-weight:600;text-transform:uppercase;}
.scroll-list span > ul, .scroll-list > ul > li{float:left;width:100%;list-style:none;padding:0;}
.scroll-list span > ul > li{font-size:17px;line-height:23px;margin-bottom:4px;cursor:pointer;padding:5px;}
.scroll-list span > ul > li:last-child{margin-bottom:0;}
.module-list-empty{margin-top:50px;}
.scroll-list span > ul > li.active{color:#ffffff;background-color:rgba(0, 24, 133, 1);}
.btn-success{background-color:rgba(33, 188, 128, 1) !important;border-color:rgba(33, 188, 128, 1) !important;font-weight:600;font-size:15px;line-height:21px;text-transform:uppercase;}
.area-countries > ul > li{float:left;width:30%;margin-right:15px;}
.area-countries > ul > li:nth-child(3){margin-right:0 !important;}
.area-countries > ul, .area-countries > ul > li{list-style:none;padding:0;}
.country-list{height:350px;overflow:scroll;overflow-x:hidden;overflow-y:scroll;}
table.dataTable{border-collapse:collapse !important;}
table.dataTable > thead{background-color:rgba(0, 24, 133, 1) !important;border:1px solid rgba(0, 24, 133, 1) !important;}
table.dataTable > thead > tr{color:#ffffff;}
table.dataTable > thead > tr > th{padding-bottom:15px !important;padding-top:15px !important;border-left: 1px solid white;vertical-align: middle;}
table.dataTable thead .sorting::after {color:#ffffff !important;opacity:0.5 !important;height: 80%;display: flex;align-items: center;}
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after{color:#ffffff !important;opacity:1 !important;height: 80%;display: flex;align-items: center;}
table.dataTable > tbody > tr{border-bottom:1px solid #4a4a4a !important;border-right:1px solid #4a4a4a !important;border-left:1px solid #4a4a4a !important;}
.user-datatables table.dataTable thead > tr > th:first-child{opacity:0 !important;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:active,
.pagination > .active > a:hover, .pagination > .active > span,
.pagination > .active > span:focus, .pagination > .active > span:active, .pagination > .active > span:hover{background-color:rgba(0, 24, 133, 1) !important;border-color:rgba(0, 24, 133, 1) !important;}
.user-status-sec > p, .user-roles > p{font-weight:700;}
.user-status-sec > label, .user-roles > label{margin-right:10px;font-weight:500 !important;cursor:pointer;}
.user-status-sec > label:last-child, .user-roles > label:last-child{margin-right:0;}
.user-roles > p{padding:10px;color:#ffffff;background-color:rgba(0, 24, 133, 1);text-align:center;font-size:17px;line-height:23px;margin-bottom:25px;}
.btn-user-add{width:170px;height:40px;}
.user_search{margin-top:27px;}
.bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body{background-color:rgba(33, 188, 128, 1) !important;border-color:rgba(33, 188, 128, 1) !important;}
.alert .close, .alert .close:hover{color:#ffffff !important;opacity:0.9 !important;}
.rights-list, .rights-list > li{float:left;width:100%;font-family:'Blender', sans-serif !important;font-size:16px;line-height:22px;font-weight:500;}
.rights-list > li{margin-bottom:8px;}
.rights-list > li:last-child{margin-bottom:0;}
.left-padding{padding-left:125px !important;}
.btn-cotecna, .btn-cotecna:hover, .btn-cotecna:focus, .btn-cotecna:active{background-color:rgba(33, 188, 128, 1);border-color:rgba(33, 188, 128, 1);color:#ffffff;}
.mod-users-list{height:390px !important;}
.publication-tables table.dataTable thead > tr > th:first-child::after{opacity:0 !important;}
.list-sub-datas > p{margin-bottom:5px;}
.list-sub-datas > p:last-child{margin-bottom:0 !important;}
.publication-dialog{width:650px !important;}
.publish-start, .publish-end{width:47.5%;}
.publish-start{margin-right:5%;}
.publish-functions{height:350px;overflow:scroll;overflow-x:hidden;overflow-y:scroll;}
.functions-list > ul > li{float:left;width:100%;}
.form-control[readonly]{background-color:#ffffff !important;}
.datepicker{z-index:9999 !important;}
.modal-danger .email-pop-footer{background-color:#dd4b39 !important;border-color:#dd4b39 !important;padding-top:0 !important;}
.confirm-pop-text{color:#4a4a4a !important;}
.confirm-dialog{width:400px !important;}

/*Tree view css starts*/
#entity-tree .jstree-node > a, #entity-tree-edit .jstree-node > a{color:#4a4a4a !important;max-width:100%;}
#entity-tree .jstree-open > .jstree-icon, #entity-tree-edit .jstree-open > .jstree-icon{background-image:url('../images/down-arrow.png') !important;}
#entity-tree .jstree-closed > .jstree-icon,
#entity-tree-edit .jstree-closed > .jstree-icon{background-image:url('../images/right-arrow.png') !important;}
#entity-tree .jstree-leaf > .jstree-icon, #entity-tree-edit .jstree-leaf > .jstree-icon{display:none !important;}
#entity-tree .jstree-leaf > a, #entity-tree-edit .jstree-leaf > a{cursor:default !important;}
#entity-tree .jstree-closed > .jstree-icon, #entity-tree-edit .jstree-closed > .jstree-icon{background-image:url('../images/right-arrow.png') !important;}
#entity-tree .jstree-leaf > .jstree-anchor, #entity-tree-edit .jstree-leaf > .jstree-anchor{padding-left:0;}
#entity-tree .jstree-clicked, #entity-tree .jstree-hovered,
#entity-tree-edit .jstree-clicked, #entity-tree-edit .jstree-hovered{background:inherit !important;box-shadow:none !important;}
#entity-tree .selected-node > a, #entity-tree-edit .selected-node > a{
  background-image:url('../images/tick.svg') !important;
  background-position:right center !important;
  background-repeat:no-repeat !important;
  width:auto;
  padding-right:20px;
  background-size:13px !important;
}
/*Tree view css ends*/

/*Tree Checkbox css starts*/
    .checkbox-container {
      display: block;
      position: relative;
      padding-left: 30px;
      margin-bottom: 0;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      font-weight:500;
    }

    /* Hide the browser's default checkbox */
    .checkbox-container input {
      position: absolute;
      opacity: 0;
      cursor: pointer;
      height: 0;
      width: 0;
    }

    /* Create a custom checkbox */
    .checkmark {
      position: absolute;
      top: 0;
      left: 0;
      height: 20px;
      width: 20px;
      background-color: #ccc;
      margin-top:2px;
    }

    /* On mouse-over, add a grey background color */
    .checkbox-container:hover input ~ .checkmark {background-color:#ccc;}

    /* When the checkbox is checked, add a blue background */
    .checkbox-container input:checked ~ .checkmark {background-color:rgba(33, 188, 128, 1);}

    /* Create the checkmark/indicator (hidden when not checked) */
    .checkmark:after {
      content: "";
      position: absolute;
      display: none;
    }

    /* Show the checkmark when checked */
    .checkbox-container input:checked ~ .checkmark:after {display:block;}

    /* Style the checkmark/indicator */
    .checkbox-container .checkmark:after {
      left: 7px;
      top: 3px;
      width: 7px;
      height: 11px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
    }
/*Tree Checkbox css ends*/

/*Dashboard css starts*/
#employee-donut-chart, #module-donut-chart{height:300px;}
.widget-empty > p{margin-top:20px;margin-bottom:15px;font-weight:600;font-size:16px;line-height:22px;}
#entity-bar-chart, #functions-bar-chart, #location-bar-chart,
#remote-bar-chart{min-height:300px;height:100%;}
#country-bar-chart, #areas-bar-chart, #countries-bar-chart{min-height:500px;height:100%;}
.dashboard-widget{
  background-color:rgba(255, 255, 255, 1);
  box-sizing:border-box;
  border:1px solid rgba(242, 242, 242, 1);
  box-shadow:5px 5px 8px rgba(204, 204, 204, 0.349019607843137);
  -moz-box-shadow:5px 5px 8px rgba(204, 204, 204, 0.349019607843137);
  -webkit-box-shadow:5px 5px 8px rgba(204, 204, 204, 0.349019607843137);
  margin-bottom:20px;
  padding-top:10px;
}
.dashboard-heading{
  float:left;
  width:100%;
  font-size:14px;
  line-height:20px;
  font-weight:700;
  margin-top:0;
  margin-bottom:5px;
  text-align:left;
  color:#333333;
  padding-right:15px;
  padding-left:15px;
}
.dashboard-count{
  text-align:center;
  font-size:28px;
  line-height:34px;
  color:#333333;
  font-weight:500;
  padding-right:15px;
  padding-left:15px;
}
.dashboard-count > span{font-size:18px;line-height:24px;font-weight:400;}
.more-info, .more-info:hover, .more-info:focus, .more-info:active{
  float:left;
  width:100%;
  text-align:center;
  color:#ffffff;
  font-size:13px;
  line-height:19px;
  text-decoration:none;
  background-color:rgba(0, 24, 133, 1);
  padding-top:4px;
  padding-bottom:4px;
  font-weight:600;
}
.stats-text{float:left;width:100%;text-align:center;font-size:14px;line-height:20px;font-weight:600;}
.stats-text > i{font-size:10px;}
.stats-text > .stats-yes{color:#4D9BD1;}
.stats-text > .stats-no{color:#F47A3E;}
.stats-text > .stats-completed{color:#21BC80;}
.stats-text > .stats-not-completed{color:#001885;}
.stats-text > .stats-valid{color:#21BC80;}
.stats-text > .stats-expired{color:#4D9BD1;}
.stats-text > .stats-not-trained{color:#F47A3E;}
.dashboard-export, .dashboard-export:hover, .dashboard-export:focus, .dashboard-export:active{
  text-decoration:none;
  color:#4a4a4a;
  padding-left:15px;
  padding-right:15px;
  font-weight:600;
}
.dashboard-export > i{font-size:30px;line-height:36px;margin-right:8px;}
/*Dashboard css ends*/

/*New css starts*/
.user-content{padding:30px !important;}
.user-content > .box{border-top:none !important;box-shadow:none !important;background:transparent !important;}
.user-blocks{background:#ffffff;}
.user-blocks > h3, .home-blocks h3{
  font-family:'Blender', sans-serif !important;
  font-size:48px;
  line-height:56px;
  color:#000087;
  font-weight:600;
  margin-bottom:20px;
}
.user-blocks > .form-group > label, .user-blocks > .form-group > p, .label-text,
div.dataTables_wrapper div.dataTables_filter label{
  font-family:'Blender', sans-serif !important;
  font-size:18px;
  line-height:24px;
  color:#000087;
  font-weight:600;
  text-transform:uppercase;
}
.user-blocks > .form-group > .form-control, .form-new,
div.dataTables_wrapper div.dataTables_filter input{
  font-family:'Blender', sans-serif !important;
  height:45px;
  border:1px solid #e6e6e6 !important;
  padding:10px 15px 10px 15px;
  color:#1e1e23 !important;
  font-size:18px;
  line-height:24px;
  font-weight:500;
  outline:none !important;
  background-color:#ffffff;
  cursor:unset !important;
}
div.dataTables_wrapper div.dataTables_filter input{cursor:text !important;}
.form-new{max-width:320px;}
.user-blocks > .form-group > label.user-radio{
  font-size:18px !important;
  line-height:24px !important;
  color:#1e1e23 !important;
  text-transform:none !important;
}
.user-dropdown{
  background-image:url('../images/down.png');
  background-repeat:no-repeat;
  background-position:right 10px center;
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
}
.user-blocks > .form-group > .form-control::-webkit-input-placeholder,
.user-blocks > .form-group > .form-control::-moz-placeholder,
.user-blocks > .form-group > .form-control:-ms-input-placeholder,
.user-blocks > .form-group > .form-control:-moz-placeholder { /* Chrome/Opera/Safari */
  color: #e6e6e6 !important;
}
.user-sup{min-height:56px;}
.user-save, .user-save:hover, .user-save:focus, .user-save:active{
  font-family:'Blender', sans-serif !important;
  font-size:18px;
  line-height:24px;
  font-weight:600;
  color:#ffffff;
  background-color:#00ba80;
  padding:13px 18px 13px 18px;
  text-transform:uppercase;
  box-shadow:none !important;
}
.user-save > img, .user-save > span{float:left;}
.user-save > span{padding:0 !important;}
.has-error .form-control{
  border-color:#DD4B39 !important;
  -webkit-box-shadow:none !important;
  box-shadow:none !important;
}
.user-date{
  background-image:url('../images/calendar.png');
  background-repeat:no-repeat;
  background-position:right 10px center;
}
.user-wrapper{background-color:#f5f5f5 !important;}
.user-export, .user-export:hover, .user-export:focus, .user-export:active{background-color:#000087 !important;}
.home-blocks{float:left;width:49%;}
.margin-right-2{margin-right:2%}
.home-blocks > .inner-part{padding:25px;background-color:#ffffff;}
.home-blocks h3.home-head{font-family:'Blender', sans-serif !important;font-size:48px !important;line-height:56px !important;margin-top:0 !important;}
.home-blocks p.home-content{
  float:left;
  width:100%;
  margin-bottom:0;
  font-family:'Blender', sans-serif !important;
  font-size:18px;
  font-weight:400;
  line-height:24px;
  color:#1e1e23;
  text-align:left;
}
.home-blocks ul, .home-blocks ul > li{float:left;width:100%;list-style:none;padding-left:0;}
.home-blocks ul > li, .home-blocks .empty-text{
  font-family:'Blender', sans-serif !important;
  font-size:18px;
  line-height:24px;
  font-weight:600;
  color:#000087;
  font-weight:800;
  padding-bottom:20px;
  border-bottom:1px solid #e1e1e1;
  margin-bottom:25px;
}
.home-blocks ul > li:last-child{margin-bottom:0 !important;}
.home-blocks .empty-text{
  border:none !important;
  text-align:center;
}
.params-text{height:150px !important;}
.user-wrapper > .content-header{display:none !important;}
.announcement{
  float:left;
  width:100%;
  background-color:#ffffff;
  padding:25px;
  position:relative;
}
.announcement > p{
  font-family:'Blender', sans-serif !important;
  font-size:18px;
  line-height:24px;
  font-weight:400;
  color:#000087;
  margin-bottom:0;
}
.announcement > i{position:absolute;right:20px;top:15px;cursor:pointer;color:#000087;z-index:999;}
.pub-text, .pub-countries > ul > li, .pub-functions > ul > li{
  float:left;
  width:100%;
  font-size:15px;
  line-height:21px;
  color:#4a4a4a;
  font-weight:600;
}
.pub-text > span{font-size:16px;line-height:22px;font-weight:bold;color:#000087;float:left;min-width:60px;margin-right:10px;}
.pub-countries > ul, .pub-countries > ul > li,
.pub-functions > ul, .pub-functions > ul > li{float:left;width:100%;padding-left:0 !important;list-style:none;}
.pub-countries > ul > li, .pub-functions > ul > li{margin-bottom:7px;}
.pub-countries > ul > li:last-child, .pub-functions > ul > li:last-child{margin-bottom:0 !important;}
.pub-countries > p, .pub-functions > p{color:#4a4a4a;}
#email-exists-modal .modal-body > ul > li:first-child{list-style:none !important;margin-left:-15px;font-weight:600;font-size:16px;line-height:22px;margin-bottom:4px;}
.plat-params-head{padding:15px !important;width:685px;}

.header-cotecna{max-height:120px !important;}
.header-cotecna .navbar, .header-cotecna .logo{height:120px !important;}
.cotecna-sidebar{padding-top:120px !important;}
.cotecna-sidebar > .sidebar{margin-top:0 !important;}
.header-cotecna .navbar{
  background-image:url('../images/header.png');
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  padding-right:50px;
  padding-left:50px;
}
.header-cotecna .logo .logo-lg{position:relative;top:50%;transform:translateY(-50%);}
.header-cotecna .navbar > h2{
  font-family:'Blender', sans-serif !important;
  font-size:36px;
  line-height:42px;
  color:#ffffff;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  margin:0;
  font-weight:500;
}
.header-cotecna .navbar-custom-menu{position:relative;top:50%;transform:translateY(-50%);}
.nav > li > a > span{font-weight:600;}
.cotecna-custom-menu > .navbar-nav > li > .dropdown-menu{right:-50px !important;top:72px;}
.sidebar-menu, .sidebar-menu > li{float:left;width:100%;}
.sidebar-menu li.treeview > a, .sidebar-menu > li.menu-open > a{background-repeat:no-repeat;background-position:right 20px center;}
.sidebar-menu li.treeview > a{background-image:url('../images/plus.png');}
.sidebar-menu li.menu-open > a{background-image:url('../images/minus.png') !important;}
.treeview-menu{float:left;width:100%;}
.treeview-menu > li{position:relative;float:left;width:100%;}
.sidebar-menu > li > a, .treeview-menu > li > a{padding:15px 5px 15px 15px !important;text-transform:uppercase;float:left;width:100%;}
.treeview-menu > li > a{padding:15px 5px 15px 30px !important;}
.active-bar{width:5px;height:18px;background-color:#ffffff;float:left;position:absolute;top:50%;transform:translateY(-50%);display:none;}
.sidebar-menu li.active > .active-bar{display:block !important;}
.user-menu > a.dropdown-toggle > i{float:right;}
.user-menu > a.dropdown-toggle > i > img{max-height:18px;}
.log-buttons{
  background-color: #00ba80 !important;
  color: #ffffff !important;
  border-radius: 4px;
  font-size: 16px;
  line-height:22px;
  font-weight: 900;
}
.log-text{color:#4a4a4a;font-size:16px;line-height:22px;}
#logout-modal{display:none;background-color:transparent;box-shadow:none;}
#logout-modal > .modal-dialog{width:450px !important;}
#logout-modal > .modal-dialog > .modal-content{float:left;width:450px !important;border-radius:10px;padding:15px;}
.menu-text > span.emp-status{font-size:17px !important;line-height:23px !important;}
.table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{font-size:14px;line-height:20px;}
.table > tbody > tr > td, .table > tbody > tr > th{font-size:15px;line-height:21px;}
.icheck > label{font-weight:500;}
.popup-header > h4{font-weight:600;font-size:25px;line-height:31px;}
.btn-outline, .btn-danger{font-size:15px;line-height:21px;font-weight:600;text-transform:uppercase;}
.box-title{font-weight:600;}
.wrapper-new > .content-header{display:block !important;}
.content-header{padding:0;margin-top:20px;}
.header-text{padding:0px 15px 0px 15px;}
.header-text > h1{
  padding:10px;
  background:#fff;
  font-size:48px;
  line-height:54px;
  color:#000087;
  font-weight:600;
  border-bottom:1px solid #f4f4f4;
}
.settings-add{position:absolute;top:-52px;}
.dropdown-menu{font-size:15px;}
.user-head-buttons{width:auto;position:absolute;top:-55px;right:15px;}
.table.dataTable{width:100% !important;}
.alert h4, .modal-title{font-size:17px;line-height:23px;font-weight:600;}
.modal-text, .login-box-msg, .register-box-msg{font-size:16px;line-height:22px;}
.jstree-default .jstree-node{margin-bottom:5px;}
.jstree-default .jstree-node:last-child{margin-bottom:0;}
.close, .close:focus, .close:hover{color:#ffffff;opacity:1;}
.login-box-msg, .register-box-msg{font-weight:600;}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback{color:#001885;top:6px;}
body.dev .login-box-body { border: solid 10px red;}
.alert ul > li{font-size:16px;line-height:22px;}
.jstree-entity .jstree-anchor{height:auto !important;white-space:normal;}
.datepicker table{
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #dddddd;
}
.legend > table{display:none !important;}
.scroll-list span > ul > li > .entity-check{margin-left:3px;}
.scroll-list span > ul > li.active > .entity-check{color:#ffffff !important;}
.treeview-menu > li > a.entity-menu, .treeview-menu > li > a.video-menu{padding-left:50px !important;}
.menu-text > span > small{font-size:100% !important;text-transform:lowercase;}
#hr-entities > ul > li{width:48% !important;margin-right:2% !important;}
#hr-entities > ul > li:nth-child(2n){margin-right:0 !important;}
.fp-section{height:35px;}
.fp-section > a{
  float:left;
  width:auto;
  margin-top:7px;
  color:rgba(0, 24, 133, 1);
  font-style:italic;
}
.user-id{font-size:20px;font-weight:400;}
/*New css ends*/

@media (min-width: 0px) and (max-width: 1100px){
    .left-padding{padding-left:15px !important;}
}

.mod-publication-icon{background-image:url('../images/online-publication.png');}
.mod-classroom-icon{background-image:url('../images/classroom.png');}
.add-classroom-session-icon{background-image:url('../images/add-classroom-session.png');}

.available-people{float: left; width: 100%; height: 100%; background:#2E2992; padding: 10px;}
.available-people .heading{ color:#FFFFFF;margin: 0px;text-transform: uppercase;font-weight: 800;font-size: 20px;font-family: 'Blender', sans-serif !important; margin: 0px 0px 10px 0px; }
.available-list{ background:#FFFFFF;border:none; }
.available-list th{ background:#00ba80; color: #FFFFFF; }
.avl-ppl{overflow-y: scroll;min-height: 170px; max-height: 170px;float: left;width: 100%;}

.attendence-people{float: left; width: 100%; height: 100%; background:#2E2992; padding: 10px;}
.attendence-people .heading{ color:#FFFFFF;margin: 0px;text-transform: uppercase;font-weight: 800;font-size: 20px;font-family: 'Blender', sans-serif !important; margin: 0px 0px 10px 0px; }
.attendence{ background:#FFFFFF;border:none; }
.attendence th{ background:#00ba80; color: #FFFFFF; }
.att-ppl{overflow-y: scroll;min-height: 170px; max-height: 170px;float: left;width: 100%;}

.ftaddatt{ margin: 0px 0px 5px 0px; float: left; width: 100%; }
.search-box{border-radius: 5px;}
.attbtn{ border-radius: 5px; border:1px solid #FFFFFF; }

.course-type{ width: 100%; float: left; height: 45px; font-family: 'Blender', sans-serif;font-weight: 500;font-size:15px;line-height:21px; margin: 0px 0px 20px 0px;}

.available-list .head{padding:0px 10px; float: left; width: 100%; height: 35px; background: #00ba80; color: #FFFFFF; line-height: 35px; text-transform: uppercase;font-weight: 800;font-size: 15px;font-family: 'Blender', sans-serif !important;}
.available-list .head .head-one{float: left; width: 6%;}
.available-list .head .head-two{float: left; width: 20%;}
.available-list .head .head-three{float: left; width: 20%;}
.available-list .head .head-four{float: left; width: 25%;}
.available-list .head .head-five{float: left; width: 29%;}

#available_people{margin: 0px 0px 20px 0px; float: left; margin: 0px 0px 30px 0px; width:100%; background: #FFFFFF; position: relative;}
#available_people .avl-ppl{overflow-y: scroll;min-height: 170px; max-height: 170px;float: left;width: 100%; background: #FFFFFF;padding: 0px;}
#available_people .avl-ppl .ppl{float: left; width: 100%; margin: 0px 0px 5px 0px;}
#available_people .avl-ppl .check{float: left; width: 6%;padding: 5px;}
#available_people .avl-ppl .firstname{float: left; width: 20%; text-align: left;padding: 5px;}
#available_people .avl-ppl .lastname{float: left; width: 20%; text-align: left;padding: 5px;}
#available_people .avl-ppl .entity{float: left; width: 25%; text-align: left;padding: 5px;}
#available_people .avl-ppl .function{float: left; width: 29%; text-align: left;padding: 5px;}

#available_people .avlppl-list-empty{color: #FF0000; padding: 5% 0 5% 0;}

.attendence  .head{padding:0px 0px 0px 10px; float: left; width: 100%; height: 35px; background: #00ba80; color: #FFFFFF; line-height: 35px; text-transform: uppercase;font-weight: 800;font-size: 15px;font-family: 'Blender', sans-serif !important;}
.attendence .head .head-one{float: left; width: 30%;}
.attendence .head .head-two{float: left; width: 30%;}
.attendence .head .head-three{float: left; width: 30%;}
.attendence .head .head-last{float: left; width: 10%;}

.attendence #attendence_people{margin: 0px 0px 20px 0px; float: left; margin: 0px 0px 30px 0px; width:100%; background: #FFFFFF;min-height: 80px;}
.attendence #attendence_people .avlppl-list-empty{color: #FF0000; padding: 5% 0 5% 0; float: left; width: 100%; background: #FFFFFF;}

.attendence #attendence_people .avl-ppl{overflow-y: scroll;min-height: 170px; max-height: 170px;float: left;width: 100%; background: #FFFFFF;padding: 0px;}
.attendence #attendence_people .avl-ppl .ppl{float: left; width: 100%; margin: 0px 0px 5px 0px;padding: 0px 0px 0px 5px;}
.attendence #attendence_people .avl-ppl .firstname{float: left; width: 30%; text-align: left;padding: 5px;}
.attendence #attendence_people .avl-ppl .lastname{float: left; width: 30%; text-align: left;padding: 5px;}
.attendence #attendence_people .avl-ppl .function{float: left; width: 30%; text-align: left;padding: 5px;}
.attendence #attendence_people .avl-ppl .remove{float: left; width: 10%; text-align: left;padding: 5px;}

.available-loader, .attendees-loader{ display: none; border: 10px solid #e0e0e0; /* Light grey */ border-top: 10px solid #2E2992; /* Blue */ border-radius: 50%; width: 40px; height: 40px; animation: spin 2s linear infinite; position:absolute; top: 20%; left:45%; }
.available-loader.show, .attendees-loader.show{ display: block; }

/* Users forms */
.user-picture {
  margin-top: 12px;
  display: flex;
  align-items: flex-end;
}
#userPictureButton  {
  cursor: pointer;
  position: relative;
  background-color: transparent;
  max-width: 300px;
  height: 240px;
  overflow: hidden;
}
#userPictureButton img {
  max-width: 300px;
  height: auto;
  object-fit: cover;
}
#image_trash {
  display: none;
}
.user-picture .trash-btn  {
  cursor: pointer;
}
select[multiple] {
  height: 135px !important;
}
#picture-modal .modal-body {
  color: #4a4a4a !important;
}
#picture-modal .modal-body strong {
  color: #2E2992; !important;
}
.avatar-radio {
  cursor: pointer;
  border: solid 5px #fff;
}
.avatar-radio.selected {
  border: solid 5px #00ba80;
}
.avatar-radio input {
  display: none;
}
@media (min-width: 992px){
  .platform-params .user-blocks {
    min-height: 135px
  }
}
.col-checklist li::marker {
    display: none;
    color: transparent;
}

.close-widget.closed img {
    transform: scaleY(-1);
}

.label-with-tooltip {
  display: flex;
  width: 100%;
}

.btn-tooltip {
  background-color: #000087;
  border-radius: 50%;
  color: #fff;
  font-size: 2rem;
  line-height: 10px;
  font-weight: 700;
  padding: 3px 6px;
  margin-left: auto;
  width: 24px;
  height: 24px;
}

.btn-tooltip:hover {
  color: #fff;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.down-load{line-height: 30px;}
.att-lbl{ text-transform: uppercase; float: left; width: 100%; }
.hints{float: left;width: 100%; font-style: italic;}
.hint-top{float: left;width: 100%; margin: 0px 0px 10px 0px; color: #888888; font-size: 16px; }

.report{text-transform:inherit; color: #000000;}
.training-btn, .employee-btn{margin: 10px 0px 20px 0px;}
.training-btn, .employee-btn, .classroom-btn, .training-btn:hover, .employee-btn:hover, .classroom-btn:hover, .training-btn:focus, .employee-btn:focus, .classroom-btn:focus{background-color:rgba(0, 24, 133, 1);border-color:rgba(0, 24, 133, 1);color:#ffffff;font-weight:600;font-size:18px;line-height:21px;text-transform:none;width:250px;}