.btn-link{
    color:#337ab7;
    text-decoration:none;
    vertical-align: top;
    font-size: inherit;
}

.btn-link:hover{
    text-decoration:underline;
    color:#337ab7;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
  
.dropdown-item:hover, .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
.show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.player_order_sortable  {
    list-style-type: none;
    padding-inline-start: 20px
}

.player_order_sortable li {
    border-radius: 4px;
    border: 1px solid #333;
    padding: 5px;
    background-color: #fff;
    box-shadow: 0px 2px 2px rgba(0,0,0,.4);
}

.player_order_sortable li.activity {
    background-color: rgb(247,250,247);
}

.player_match_item{
    box-shadow: 0px 2px 2px rgba(0,0,0,.4);
    border: 1px solid #333;
    padding: 5px;
}

.player_match_item.droppable {
    border-radius: 0 4px 4px 0;
    background: linear-gradient(90deg, #aaa 5%, #fff 0);
}

.player_match_item.draggable {
    border-radius: 4px 0 0 4px;
    background: linear-gradient(90deg, #fff 95%, #aaa 0);
}

.player_match_item div, .dragarea .player_feeback_inline {
    font-size: 16px;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #007bff;
  background-color: #007bff;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(0, 123, 255, 0.5);
}

body {
    font-family: 'Roboto', sans-serif;
    padding: 0;
    xmargin: 0;
    border: 0;
    font-size:16px;
}

.nav-tabs {
    cursor:pointer;
}

.topbar {
    background-color: #000;
    color: #fff;
    font-size: 1.0em;
    padding:5px 0;
}

.topbar-impersonate {
    background-color: #000;
    color: #fff;
    font-size: 1.0em;
    padding:5px 0;
}

.topbar .topbarleft {
    margin-top: 4px;
}

.topbarright-menu {
    margin-top: 4px;
}

.topbarright-menu li {
    display: inline;
}

.topbarright-menu li {
    margin-left: 5px;
    padding-left: 10px;
    border-left: 1px solid #fff;
}

.topbarright-menu li:first-child {
    margin-left: 0px;
    padding-left: 0px;
    border-left: none;
}

.topbarright-menu li a {
    color: #fff;
}

.topbar-lower {
    background: #2B3A59;
    height: 25px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    color: #B2BFDA;
    display: none;
}

ul.courselist .coursename {
    margin-top: 5px;
    font-size: 2.0em;
}

ul.courselist {
    padding: 0;
    margin:0;
}

ul.courselist>li {
    list-style-type:none;
    padding:10px;
    border: solid 1px #eee;
    border-left: solid 10px #eee;
    border-radius: 5px;
    margin-bottom: 20px;
}


.ffrm{
    color: #333;
    background-color: #f5f5f5;
    border:1px solid #ddd;
    padding: 6px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom:15px;
}

.ffrmheader{
    margin-bottom:15px;
}
.ffrmheader .pagesummary-text {
    margin-right: 20px;
}

.ffrmkeywordsearch {

}

.ffrmhr {
    margin-top: 1.0rem;
    margin-bottom: 0.5rem;
}

.ffrmkeywordsearch {
    margin-left: auto;
    padding-left: 3px;
}

.ffrmmorebtns {
    margin-bottom: 15px;
    display: flex;
}

#ffrmexportbtn {
    margin-left: auto;
}

span.ffrmdesc {
    font-size: 14px;
    color: #777;
    padding-top: 2px;
    padding-left: 5px;
}

.ffrmmoresummary {
    margin-bottom: 10px;
}

.ffrmmoreitem {
    display: flex;
    align-items: center;
}

.ffrmmoreitem:not(:first-of-type) {
    margin-top: 10px;
}

.ffrmmorelabel {
    font-size: 14px;    
    margin-top: 3px;
    padding-right: 10px;    
}

.ffrmsearchlabel{
    font-size: 14px;
    color: #777;
    padding-top: 2px;
}

/* .ffrmmoreitem>.ffrmmorelabel{
    width: 110px;
} */

legend.ffrmmorelabel { 
    margin-bottom: 0px; 
}

.ffrmmorevalues .badge{
    padding:2px 8px 0px 8px !important;
    border: none;
    overflow: hidden;
}

.ffrmselected span.ffrmselecteddel {   
    margin-left: 5px;
    font-size: 22px;
    vertical-align:middle;
    margin-top:-2px;
    display:inline-block;
}

.ffrmresultsextra {
    color: #888;
}

.ffrmmoresplitinput {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.ffrmmoreinput .select2-container--default .select2-selection--multiple .select2-selection__choice{
    font-size:10px;
    margin-top:1px;
}

.ffrmmoreinput .select2-search.select2-search--inline{
    line-height:10px;
    font-size:10px;
}

.ffrmmoreinput .select2-selection.select2-selection--multiple{
    line-height:10px;
}

.ffrmmoreinput .select2-container .select2-selection--multiple{
    min-height:22px;
}

.ffrmmoreinput .select2-container--default.select2-container--focus .select2-selection--multiple, .ffrmmoreinput .select2-container--default .select2-selection--multiple{
    border-radius:3px !important;
}

.ffrmmoreinput .col-xl-3, .ffrmmoreinput .col-lg-6{
    min-height:58px;
}

.pagesummary-container{
    color: #333;
    background-color: #f5f5f5;
    border:1px solid #ddd;
    padding: 6px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom:15px;
}

.pagesummary-text{
    font-size:12px;
}

.pagesummary-container .form-inline{
    float:right;
    margin-top:3px;
}

.sort-label{
    font-weight: normal;
    font-size:12px;
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.input-group-xs > .form-control,
.input-group-xs > .form-select,
.input-group-xs > .input-group-text,
.input-group-xs > .btn {
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
}

.input-group-xs > .form-select {
    padding-right: 30px;
}

.list-item-header-labels{
    margin:3px 0 10px 0;
}

.list-item-checkbox{
    min-width:54px;
    color:#383838;
    font-size:13px;
    font-weight: normal;
}

.list-item-progress{
    height:10px;
    margin-bottom:5px;
}

.list-group-item{
    cursor: pointer;
}

.breadcrumb-custom {
    background-color:#fff;
    border: 0;
    padding:10px 15px;
    margin-bottom:0;
    margin-right:75px;
}

.card-body label {
    font-weight: normal;
}

.card-subheader {
    margin-top: 0px!important;
    margin-bottom: 5px!important;
    font-size: 14px;
    font-weight: 600;
}
.panel-link {
    margin-top:5px!important;
    margin-bottom:0px!important;
}

.card-body>p {
    margin-bottom:0px;
    margin-top:0px;
}

.paneldivider {
    border-top:solid #ddd 1px;
}

.panelspacedivider {
    margin-top:20px;
}

.subheader {
    background-color:#fff;
    border: 1px solid #e7e7e7;
    border-radius:4px;
    padding-bottom:0;
    margin-top:10px;
    margin-bottom:20px;
}

.subheader-actions{
    padding:5px 5px 0 15px;
    float:right;
}

.cookie-warning-container{
    display:none;
    position:fixed;
    bottom:0; right:0; left:0;
    z-index:1033;
    padding:17px;
    font-size:15px;
    border-width: 0 0 1px;
    text-align: center;
    box-shadow: rgba(0,0,0,.5) 0 5px 50px;
    background: #333;
    color: #fff;
}

div.terms {
    width:100%;
    max-height:200px;
    border:1px solid #ccc;
    background:#f2f2f2;
    padding:6px;
    overflow:auto;
    font:normal 11px/15px arial;
    color:#333;
}

.select2-container--default .select2-selection--multiple{
    border: 1px solid #ccc !important;
    padding: 2px 7px;
}

.select2-container--default .select2-selection--single{
    border: 1px solid #ccc !important;
    padding: 2px 7px;
    height:35px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-radius: 4px !important;
    -webkit-transition: all 0.20s ease-in-out !important;
    -moz-transition: all 0.20s ease-in-out !important;
    -ms-transition: all 0.20s ease-in-out !important;
    -o-transition: all 0.20s ease-in-out !important;
    border: 1px solid #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}

.select2-container--default.select2-container--focus .select2-selection--single{
    border-radius: 4px !important;
    -webkit-transition: all 0.20s ease-in-out !important;
    -moz-transition: all 0.20s ease-in-out !important;
    -ms-transition: all 0.20s ease-in-out !important;
    -o-transition: all 0.20s ease-in-out !important;
    border: 1px solid #66afe9 !important;
    outline: 0 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6) !important;
}

.select2-container--default .select2-results>.select2-results__options {
    -webkit-box-shadow: 0px 8px 10px -4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 8px 10px -4px rgba(0,0,0,0.4);
    box-shadow: 0px 8px 10px -4px rgba(0,0,0,0.4);
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #555 !important;
}

.select2-dropdown{
    border: 1px solid #ccc !important;
}

.select2-results__message{
    color: #555 !important;
}

.select2-results__option {
    color: #555;
}

.select2-results__option--highlighted {
    color: #fff;
}

.select2-selection__arrow {
    margin-top: 4px !important;
}

.select2-selection__clear{
    margin-top:2px !important;
}

.breadcrumb-first:before{
    content: "| " !important;
}

.dash-box{
    position: relative;
    overflow: hidden;
    color:#fff;
    height:120px;
    width:100%;
    cursor:pointer;
}

.dash-box-text-container{
    position: relative;
    z-index: 2;
    text-align: right;
}

.dash-box:hover{
    opacity:0.75;
}

.dash-box:after {
    font-family: FontAwesome;
    position: absolute;
    font-size: 170px;
    opacity: 0.4;
    z-index: 1;
    margin: -148px 0 0 -10px;
}

.dash-box-value {
    padding-right:15px;
    font-size:50px;
}

.dash-box-description {
    padding-right:15px;
    font-size:20px;
}

.dash-box-small {
    height:130px;
}

.dash-box-small:after {
    font-size: 130px;
    opacity: 0.35;
    margin: -125px 0 0 -50px;
}


.dash-box-users {
    background-color: #2196F3;
}
.dash-box-users:after {
    content: "\f0c0";
}

.dash-box-graduation {
    background-color: #4caf50;
}
.dash-box-graduation:after {
    content: "\f19d";
}

.dash-box-book {
    background-color: #673ab7;
}
.dash-box-book:after {
    content: "\f02d";
}

.dash-box-clock {
    background-color: #009688;
}
.dash-box-clock:after {
    content: "\f017";
}

.dash-box-folder {
    background-color: #ff5722;
}
.dash-box-folder:after {
    content: "\f07c";
}

.dash-box-comments {
    background-color: #cddc39;
}
.dash-box-comments:after {
    content: "\f086";
}

.dash-box-pointer {
    background-color: #3f51b5;
}
.dash-box-pointer:after {
    content: "\f245";
}

.dash-box-tasks {
    background-color: #9c27b0;
}
.dash-box-tasks:after {
    content: "\f0ae";
}

/* purple hue stuff */
.dash-box-university {
    background-color: #9575CD;
}
.dash-box-university:after {
    content: "\f19c";
}

.dash-box-user {
    background-color: #512DA8;
}
.dash-box-user:after {
    content: "\f007";
}

.dash-box-trophy {
    background-color: #673AB7;
}
.dash-box-trophy:after {
    content: "\f091";
}

.dash-box-signs {
    background-color: #B39DDB;
}
.dash-box-signs:after {
    content: "\f277";
}

.dash-box-hashtag {
    background-color: #9575CD;
}
.dash-box-hashtag:after {
    content: "\f292";
}

.dash-box-tachometer {
    background-color: #5E35B1;
}
.dash-box-tachometer:after {
    content: "\f0e4";
}

.topbar-dropdown{
    cursor: pointer;
}

.list-show-btn{
    text-align:center;
    position:relative;
    padding:0 5px;
    width:50px;
    right:0;
    margin:0 auto;
    cursor: pointer;
    background-color:#ebebeb;
    border: 1px solid #bebebe;
    border-radius:5px;
    color:#337ab7;
    font-size:11px;
}

/* new lists */

.custom-list{
    list-style: none;
    padding:0;
}

.custom-list>li{
    background-color:#fff;
    margin-bottom:25px;
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    padding:10px;
}

.custom-list-avatar, .custom-list-expandable-avatar{
    font-weight:500;
    font-size:27px;
    border-radius:50px;
    height: 50px;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    text-transform: uppercase;
    cursor: default;
    margin-bottom:10px;
}

.custom-list-expandable-avatar-disabled {
    background-color: #969696 !important;
}

.custom-list-avatar>img, .custom-list-expandable-avatar>img {
    height:52px;
    width:52px;
    margin-top:-6px;
    background-color:#fff;
}

.custom-list-expandable-avatar-disabled img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
}

.custom-list-footer{
    margin: 10px -10px -10px -10px;
    padding: 5px 10px 5px 10px;
    background-color: #f8f8f8;
    text-align:right;
}

.custom-list-footer a:not(.dropdown-item){
    white-space: nowrap;
    padding-left: 20px;
    color:#383838;
    font-size:13px;
    font-weight: normal;
}

.custom-list-footer .dropdown{
    display:inline-block;
    padding-left: 20px;
}

.custom-list-footer .dropdown button{
    white-space: nowrap;
    color: #383838;
    font-size: 13px;
    font-weight: normal;
    background-color:transparent;
    padding:0;
    border:0;
}

.custom-list-footer .dropdown button:hover{
    color: #337ab7;
    text-decoration: underline;
}

.custom-list .pull-right{
    margin-right:15px;
    margin-bottom:5px;
}

.custom-list-expandable .card{
    margin-bottom:25px;
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
}

.custom-list-expandable .card-header{
    background-color: #fff;
}

.custom-list-expandable-footer{
    margin: 10px -20px -20px -20px;
    padding: 5px 10px 5px 10px;
    background-color: #f8f8f8;
    text-align:right;
}

.card-header{
    padding: 10px 15px;
}

.custom-list-expandable-footer a{
    white-space: nowrap;
    padding-left: 20px;
    color:#383838;
    font-size:13px;
    font-weight: normal;
}

.custom-list-expandable-tasks{
    padding-left:25px;
    margin-top:12px;
}

.custom-list-expandable-task-dates{
    font-size:13px;
}
.custom-list-expandable-tasks li:not(:last-child){
    border-bottom: 1px solid #ebebeb;
    margin-bottom:20px;
    padding-bottom:20px;
}

.custom-list-expandable-tasks li{
    padding-left:16px;
}

.custom-list-expandable-tasks-materials{
    margin:30px -15px -16px -15px;
    padding:10px 25px 15px 55px;
    border-top:1px solid #ccc;
    background-color: #f4f4f4;
}

.custom-list-expandable-tasks-materials-title{
    font-size:16px;
    margin:10px 0 10px 0;
}

.custom-list-expandable-tasks-materials-item{
    font-size:13px;
    margin-bottom:5px;
}

.custom-list-expandable-tasks-materials-description{
    margin-bottom:7px;
    color:#5f5f5f;
}

.custom-list-expandable-task-description, .custom-list-expandable-task-materials{
    color: #555555;
    margin-top:5px;
    font-size:13px;
}

.custom-list-expandable p:first-of-type {
    margin-top:13px;
}

.custom-list-expandable-condensed{
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
}

.custom-list-expandable-condensed .card{
    margin-top:5px;
    margin-bottom:0;
    border:0;
    border-bottom: 1px solid #ededed;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.2);
}

.custom-list-expandable-condensed .panel-collapse{
    border-left:1px solid #ededed;
    border-right:1px solid #ededed;
    border-bottom:1px solid #ededed;
    background-color: #f8f8f8;
    margin: 0 14px 14px 14px;
}

.custom-list-expandable-condensed .card-header{
    padding:5px 15px;
}
.custom-list-expandable-condensed .custom-list-header{
    font-size:14px;
}

.custom-list-expandable-condensed button.btn.btn-success{
    margin-bottom:0;
}

.custom-list-expandable-condensed .custom-list-expandable-task-dates{
    margin-top:8px;
    padding-right: 0;
}

.custom-list-expandable-badges-container{
    margin-left: 10px;
    text-align: right;
}

.custom-list-checkbox-label + input {
    position: relative;
    top: 1px;
    left: -3px;
}

.custom-list-expandable-small-centred {
    font-size: 11px;
    text-align: center;
}

.right{
    text-align:right;
}

.left{
    text-align:left;
}

.medium{
    width:50%;
    min-width:290px;
}

.short{
    width:30%;
    min-width:200px;
}

.btn-actions {
    margin-top: 10px;
}

.required {
    color: #DB0813;
    margin-left:5px;
}

.inactive-link {
    color: #8895a1;
}

.btn-wrap {
    white-space: normal;
    text-align: left;
}

ul.tagit {background: #FFF !important; margin-bottom:0px !important; border:1px solid #CCC !important;}
span.tagit-label, li.tagit-new input, ul.ui-menu li.ui-menu-item {color:#333333 !important; font-weight:normal !important; font-family: "Open Sans", sans-serif; }
li.tagit-new input {background:#FFF !important;}
ul.ui-menu li.ui-menu-item a.ui-state-focus {font-weight:bold; border:1px solid #DDD !important; color:#333333 !important;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-bottom-right-radius: 4px;}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {border-bottom-left-radius: 4px;}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-top-right-radius: 4px;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {border-top-left-radius: 4px;}

/* Badges */

.custom-badge {
    padding: .5em .6em .3em;
    font-size: 75%;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
    border-radius: .25em;
    background: #fff;
    min-width: 50%;
    margin-bottom: 3px;
}

.custom-badge-default {
    border: 1px solid #777;
    color: #6A6A6A;
}

.custom-badge-primary {
    border: 1px solid #337ab7;
    color: #337ab7;
}

.custom-badge-success {
    border: 1px solid #5cb85c;
    color: #3B873B;
}

.custom-badge-warning {
    border: 1px solid #eea236;
    color: #EB9419;
}

.custom-badge-info {
    border: 1px solid #5bc0de;
    color: #5bc0de;
}

.custom-badge-danger {
    border: 1px solid #d9534f;
    color: #d9534f;
}

.custom-list-checkbox-label {
    margin-left: 20px;
    margin-right: 1px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: normal;
}

.custom-list-badges {
    text-align: right;
}

.nopadding {
    padding: 0px !important;
}


.navbar-custom .navbar-brand{
    display:block;
}

.navbar-custom{
    border-radius:0;
    min-height:80px;
}

.navbar-custom .navbar-nav a{
    text-transform: uppercase;
}

.navbar-custom .container-fluid{
    padding-top:10px;
}

.navbar-custom .dropdown-menu a{
    text-transform: capitalize;
}

.navbar-custom .dropdown-menu a:hover{
    border-bottom: none;
}

.navbar-custom .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
}

.main-container {
    min-height: calc(100vh - 46px);
}

.content-player-main-container{
    margin-left:auto;
    margin-right:auto;
}

.content-player-menu{
    margin-left:-230px;
    transition:margin-left 0.3s ease;
}

.content-player-menu-open{
    margin-left:0;
}

.content-player-menu-btn{
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    width:10px;
    cursor:pointer;
    z-index:99999;
}

.footer {
    width: 100%;
    padding-top: 14px;
    padding-bottom: 4px;
    font-size: 12px;
}

.custom-nav-pills{
    margin:8px 0 3px 0;
}

.custom-nav-pills li a{
    padding:5px 10px;
}

.custom-nav-pills li{
    margin-bottom:8px;
}

.contentauthoring-item{
    background-color:#fff;
    padding: 16px;
    margin: 0;
    border-radius:4px;
    position:relative;
}

.contentauthoring-item:hover{
    background-color: #fafafa;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}

.contentauthoring-item h1{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 21px;
}

.contentauthoring-item h2{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
}

.contentauthoring-item h3{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 17px;
}

.contentauthoring-item .custom-list-action-group{
    position:absolute;
    z-index:999;
    top:12px;
    right:12px;
    background-color:transparent;
    opacity:0;
    transition: opacity 0.5s ease;
}

.contentauthoring-item:hover .custom-list-action-group{
    opacity:1;
}

.contentauthoring-item-element-type{
    position:absolute;
    z-index:999;
    top:12px;
    right:104px;
    font-size:13px;
    font-weight:bold;
    border: 1px solid #343a40;
    border-right:0;
    background-color: #fff;
    color:#333;
    padding:5px 10px 4px 8px;
    border-radius:3px 0 0 3px;
    opacity:0;
    transition: opacity 0.5s ease;
}

.contentauthoring-item:hover .contentauthoring-item-element-type{
    opacity:1;
}

.contentauthoring-item-element-loading{
    position:absolute;
    z-index:999;
    top:12px;
    right:12px;
    font-size:13px;
    font-weight:bold;
    border: 1px solid #343a40;
    background-color: #343a40;
    color:#fff;
    padding:5px 17px;
    border-radius:3px;
}

.contentauthoring-item:hover .contentelement-pagebreak-text{
    background-color: #fafafa;
}

.contentauthoring-new-item{
    padding:2px 0;
    color:#767676;
    background-color:transparent;
    position:relative;
    text-align:center;
    margin:35px 0 15px 0;
}

.contentauthoring-new-item-add-btn{
    color: #aeaeae !important;
    display:inline-block;
    text-align:center;
    font-size:17px;
    width:28px;
    height:28px;
    line-height:28px;
    cursor:pointer;
    border:1px solid #b7b7b7;
    border-radius:50%;
    background-color:#fff;
}

.contentauthoring-new-item-line{
    border-bottom:1px dashed #c2c2c2;
    width:100%;
    height:1px;
    margin-bottom:-15px;
}

fieldset.contentauthoring-fs{
    margin-top: 40px;
    margin-bottom: 50px;
}

fieldset.contentauthoring-fs>legend{
    border-bottom: 1px dashed #7b7b7b;
    margin-bottom: 30px;
    padding-bottom:5px;
    font-size:16px;
    font-weight:bold;
    text-transform: uppercase;
}

.continue-btn{
    color: #fff;
    background-color:#65b54f;
    display:inline-block;
    text-align:center;
    font-size:12px;
    cursor:pointer;
    border-radius:20px;
    padding:2px 8px;
}

.continue-btn:hover{
    text-decoration: none;
    background-color:#579c44;
    transition: background-color 0.3s ease;
    color:#fff;
}

.sortable-new-item{
    padding:2px 0;
    color:#767676;
    background-color:transparent;
    position:relative;
    text-align:center;
    margin:35px 0 15px 0;
}

.sortable-new-item-add-btn{
    color: #aeaeae;
    background-color:#fff;
    display:inline-block;
    text-align:center;
    font-size:12px;
    cursor:pointer;
    border:1px solid #b7b7b7;
    border-radius:20px;
    padding:2px 8px;
}

.sortable-new-item-add-btn:hover{
    text-decoration: none;
    background-color:#f8f8f8;
    transition: background-color 0.3s ease;
    color:#000;
}

.sortable-new-item-line{
    border-bottom:1px dashed #c2c2c2;
    width:100%;
    height:1px;
    margin-bottom:-13px;
}

.sortable-item-container{
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    padding:10px;
    margin:7px 0;
    background-color:#fff;
}

.sortable-item-content{
    padding:8px;
}

.sortable-item-title{
    margin-right:10px;
    font-weight:500;
}

.sortable-item-badge-container{
    margin-left:auto;
    margin-right:16px;
}

.sortable-item-sort{
    margin-right:-8px;
}

.category{
    color:#fff;
    background-color:#337ab7;
    border-radius:5px;
    padding:3px 5px;
    line-height:25px;
    font-size:12px;
}
.coursecategory a{
    border:1px solid #337ab7;
    border-radius: 4px;
}

.custom-list-header {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 18px;
}

.custom-list-subheader {
    margin-top: 3px;
    margin-bottom: 15px !important;
    font-size: 15px;
    font-weight: 400;
}

.custom-list-infoheader {
    margin-top: 3px;
    margin-bottom: 15px !important;
    font-size: 15px;
    font-weight: 400;
    font-style: italic;
}

.custom-list-description {
    color: #7d7d7d;
    margin-bottom: 15px;
}

.custom-list-section {
    color: #7d7d7d;
    margin-bottom: 15px;
}

.custom-list-label {
    font-weight: bold;
    margin-right: 7px;
}

.policy-custom-list-label{
    font-weight: bold;
}


.custom-list-bold {
    font-weight: bold;
}

.custom-list-ul {
    padding-left: 0;
}

.custom-list-ul li {
    margin-bottom: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    list-style-type: none;
    display: inline-block;
}

.custom-list-ul li .custom-list-label {
    margin-right: 4px;
}


.custom-list-item-form{
    padding:20px 40px 0 40px;
}

.custom-list-packages{
    line-height: 24px;
}

.sortable-move-icon{
    margin-right:0 !important;
    float:right;
}

.sortable-move-icon span{
    font-size:20px;
    color:rgba(51, 122, 183, 0.7);
    cursor:move;
}

.dash-box-container{
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.4);
    margin-bottom: 40px;
}
.dash-box-has-link:hover{
    background-color: #f4f4f4;
}
.dash-box-link{
    padding:36px 5px 0 0;
    font-size:16px;
}
.dash-box-link span{
    cursor:pointer;
}
.dash-box-avatar{
    width:100%;
    color:#fff;
    font-size:30px;
    text-align:center;
    padding:25px 0 20px 0;
    margin-bottom:-1px;
}
.dash-box-title{
    text-transform: uppercase;
    font-size: 16px;
    padding-top:22px;
}
.dash-box-title a{
    color:inherit;
    text-decoration: none;
}
.dash-box-number{
    font-size:18px;
    font-weight:bold;
}
.dash-graph-title{
    color:#fff;
    font-size:17px;
    padding:4px 16px;
}
.dash-table-viewall{
    text-align:center;
    background-color:#f8f8f8;
    text-transform:uppercase;
    padding:4px 0 2px 0;
    font-size:12px;
}
.dash-box-nodata{
    color: #e4e4e4;
    line-height:223px;
    font-size:42px;
    text-align: center;
}
.dash-box-container .table{
    margin-bottom:16px;
}

.field-box{
    border:1px solid #ccc;
    border-radius:6px;
    padding:16px;
    margin-bottom:20px;
}

#msgoverlay {
    position: fixed;
    height:100%;
    width:100%;
    top:0;right:0;bottom:0;left:0;
    background: #000;
    opacity: 0.4;
    filter: alpha(opacity=70);
    z-index:9999;
}

#msgloading {
    width: 200px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -100px;
    color:#fff;
    opacity: 1;
    font-weight: bold;
}

.fieldmessage-error {
    color: #a94442 !important;
}

.removeanswer-enabled, .removeitem-enabled, .removefile-enabled, .removenote-enabled, .removerole-enabled {
    font-size:20px;
    color:orangered;
    padding-top:8px;
    cursor:pointer;
}
.removeanswer-disabled, .removeitem-disabled, .removefile-disabled, .removenote-disabled, .removerole-disabled {
    font-size:20px;
    color:#ccc;
    padding-top:8px;
    cursor:default;
}
.sortanswer-enabled, .sortitem-enabled{
    font-size:12px;
    color:#337ab7;
    cursor:pointer;
}
.sortanswer-disabled, .sortitem-disabled{
    font-size:12px;
    color:#ccc;
    cursor:default;
}

.pseudo-label {
    font-weight: 700 !important;
    margin-bottom: 5px !important;
}


.contentelement-container{
    margin: 0;
    padding: 0;
    overflow: hidden;
    max-height:160px;
}

.jagged-border{
    height:13px;
    margin: 4px 0 0 0;
    background:url("/ui/images/jagged.png") repeat-x left bottom;
}

.contentelement-scaled{
    font-size:13px;
    line-height:inherit;
}

.contentelement-scaled p {
    margin-bottom:3px;
}



.contentelement-scaled.activity-container{
    margin:0;
}

.contentelement-scaled.activity-container-box{
    padding:12px;
    background-color: transparent;
    box-shadow: none;
}

.contentelement-scaled .activity-title{
    font-size:14px !important;
    margin-bottom:10px !important;
    margin-top:0 !important;
}

.contentelement-scaled .activity-text{
    font-size:14px;
    margin-bottom:10px;
}

.contentelement-scaled .activity-icon{
    border-radius:50%;
    width:20px;
    height:20px;
    line-height:20px;
    font-size:12px;
}

.contentelement-scaled .activity-inputs-container{
    margin:0;
}



.contentelement-scaled.aside-container{
    margin:0;
    border:0;
    padding:0;
    background-color:transparent;
    box-shadow: none;
}
.contentelement-scaled .aside-title{
    font-size:16px !important;
    margin-bottom:10px !important;
}
.contentelement-scaled .aside-icon{
    width: 70px;
    height: 70px;
    text-align: center;
    line-height:70px;
    font-size:34px;
}

.contentelement-scaled .gallery-list{
    margin:0;
    padding:0;
}
.contentelement-scaled .gallery-list .glyphicon{
    margin-top: 50%;
    font-size: 18px;
    color:#fff;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    padding-top: 5px;
}

#hotspotscontainer{
    margin-top:30px;
}
#backgroundimagecontainer{
    max-width:100%;
}
.hotspotrow{
    border:1px solid #ddd;
    padding:16px;
}

.hotspotrow .removeitem{
    float:right;
    margin-top:-15px;
    margin-right:-7px;
}

.hotspotrow .hotspotimgpreview{
    overflow: hidden;
    margin-bottom:16px;
}

.contentelement-pagebreak-container{
    text-align: center;
    padding-bottom:10px;
}
.contentelement-pagebreak-text{
    padding:10px;
    color:#333;
    font-size:16px;
    font-weight:bold;
    background-color: #fff;
    border-bottom: 1px solid #333;
    width: 100%;
    text-align: center;
}

.contentauthoring-item:hover .contentelement-pagebreak-text{
    background-color: #fafafa;
}

.contentelement-pagebreak-line{
    border-bottom:1px solid #ccc;
    width:100%;
    text-align: center;
    margin-top:-13px;
}

.contentelement-broken-link{
    text-align:center;
    font-size:13px;
    margin: 14px 14px 0 14px;
}
.contentelement-broken-link .fa{
    color:orangered;
    padding-right:6px;
}

.contentelement-broken-link-modal{
    margin-top:6px;
}
.contentelement-broken-link-modal .fa{
    color:orangered;
    padding-right:6px;
}

.title-action-button-container .btn {
    color: #FFF;
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
    padding: 6px 12px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    text-decoration:none;
    border-radius: 0.25rem;
}


.title-action-button{
    color: #FFF;
    background-color: #0d6efd;
    border: 1px solid #0d6efd;
    padding: 6px 12px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    text-decoration:none;
    border-radius: 0.25rem;
}

.title-action-button:hover{
    color: #FFF !important;
    text-decoration:none !important;
    background-color: #0b5ed7;
    border-color: #0d6efd;
}

.card button {
    margin-bottom:6px;
}

.card a.btn {
    margin-bottom:6px;
}

.dropdown-menu .inactive-link{
    padding: 3px 20px;
}

.current-balance{
    white-space: nowrap;
    font-size:13px;
    display: inline-block;
    margin-right:10px;
}





.introhelp-container {
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.4);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.4);
    margin-bottom: 40px;
    padding: 20px;
}
.introhelp-content {
    padding: 20px 20px 20px 5px;
}
.introhelp-title {
    font-size:22px;
    margin:0;
}

.introhelp-box, .introhelp-box-tall{
    overflow:hidden;
    height:130px;
    margin-bottom:35px;
}
.introhelp-box-tall{
    height:165px;
}
.introhelp-box-icon{
    float:left;
    margin-top:-10px;
    margin-left:-65px;
}
.introhelp-box-content{
    padding-top:8px;
    padding-right:8px;
}
.introhelp-box-title{
    text-transform: uppercase;
    color:#000;
    margin-bottom:6px;
    font-weight: bold;
    padding-left:110px;
}
.introhelp-box-text{
    color:#3c3c3c;
    padding: 0 6px 8px 110px;
}
.introhelp-box-icon .fa {
    font-size:130px;
}

.admin-learning{
    padding-right:30px;
}

.pagesummary-container .form-inline{
    white-space: nowrap;
}

/*
overrides for stripe checkout button
*/
.stripe-button-el {
    background-image:none !important;
    background-color: #337AB7 !important;
    padding: 4px 10px !important;
}
.stripe-button-el span {
    background-image:none !important;
    box-shadow:none !important;
    font-family: "Roboto",sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    background-color: #337AB7 !important;
    padding: 0 !important;
}

.datepicker-days td.disabled.day{
    color: #ebebeb;
}

.datepicker-days td.disabled.day:hover{
    color:#EBEBEB;
}

.player_accordion_condensed .panel-title{
    font-size:11px !important;
}
.player_accordion_condensed .card-header{
    padding:6px 8px;
}
.player_accordion_condensed .card{
    margin-top:0 !important;
    margin-bottom:10px !important;
}


.player_hotspotarea_condensed {
    outline: 1px dashed #fff;
    outline-offset: -25px;
}
.player_hotspotarea_condensed img {
    outline: 1px solid #000;
    outline-offset: -25px;
}

.uservisibilitytag{
    padding:2px 5px;
    background-color:#eee;
    color:#7d7d7d;
    border-radius:4px;
}

.jobrolevisibilitytag{
    padding:2px 5px;
    background-color:#eee;
    color:#7d7d7d;
    border-radius:4px;
}

.teamvisibilitytag{
    padding:2px 5px;
    background-color:#eee;
    color:#7d7d7d;
    border-radius:4px;
}

.teamsbadge{
    padding:2px 5px;
    background-color:#eee;
    color:#7d7d7d;
    border-radius:4px;
    white-space: nowrap;
}

.teamsdangerbadge{
    padding:2px 5px;
    background-color:#DC3545;
    color:#fff;
    border-radius:4px;
    white-space: nowrap;
}

.packagetag{
    padding:2px 5px;
    background-color:#eee;
    color:#7d7d7d;
    border-radius:4px;
}

.packagetag.rounded-pill{
    padding: 0.35em 0.65em;
    background-color:rgb(var(--bs-secondary-rgb));
    color:#fff;
}

.packagetag-elearningfree, .rounded-pill.packagetag-elearningfree{
    background-color:#5cb85c;
    color:#fff;
}

.packagetag-elearningmandatoryandmore, .rounded-pill.packagetag-elearningmandatoryandmore{
    background-color:#7E2571;
    color:#fff;
}

.packagetag-plus, .rounded-pill.packagetag-plus{
    background-color:#005EA8;
    color:#fff;
    text-transform: uppercase;
}

.packagetag-pcnplus, .rounded-pill.packagetag-pcnplus{
    background-color:#9a00a8;
    color:#fff;
    text-transform: uppercase;
}

.packagetag-elearningmasterclass, .rounded-pill.packagetag-elearningmasterclass{
    background-color:#f0ad4e;
    color:#fff;
}

.packagetag-own, .rounded-pill.packagetag-own{
    background-color:#a70e0e;
    color:#fff;
}

.packagetag-warning{
    background-color: #f0ad4e;
    color: #fff;
}

.select-areas-delete-area{
    height: 20px;
    width: 20px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    margin-left:0;
    margin-bottom:-15px;
}

#logo {
    width: 100%;
    max-width:230px;
    padding: 20px 14px;
}

#logo-cropped {
    width:100%;
    max-height:60px;
    max-width:60px;
}

#logo-client {
    width:100%;
    max-height:90px;
}

.course-default-table td {
    vertical-align: middle !important;
}

.course-default-current {
    display: inline-block;
    width: 30px;
    text-align: center;
}

.btn-muted {
    opacity: .65;
}

fieldset.fsfilter>legend {
    font-size: 16px;    
    border-bottom: 0px;
    margin-bottom: 0px;
}

fieldset.fsfilter label {
    font-size: 14px;
}

.benchmark-dashboard h2{
    font-size:18px;
    margin-bottom:20px;
    font-weight:500;
}

.benchmark-dashboard .table{
    border-radius:20px;
    overflow:hidden;
    font-size:18px;
    border:1px solid #ddd;
    margin-bottom:0;
    min-width:800px;
}

.benchmark-dashboard .table td {
    vertical-align: middle !important;
    text-align: center; 
}

.benchmark-dashboard th{
    font-weight:500;
    background-color:#eee;
    color:#000;
    font-size:14px !important;;
}

.benchmark-dashboard .table .col1{
    color: #000; 
    font-size: 22px;
}

.benchmark-dashboard .table .total-diff{
    font-size: 16px;
}

.benchmark-dashboard .table .total-diff-green{
    color: #28a745;
}

.benchmark-dashboard .table .total-diff-red{
    color: #e51c41;
}

.benchmark-dashboard .table .caret-green{
    color: #28a745;
}

.benchmark-dashboard .table .caret-red{
    color: #e51c41;
}

.benchmark-dashboard .dash-panel{
    border-radius:20px; 
    background-color:#fafafa; 
    padding:20px; 
    border:1px solid #ccc;
    -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 25%) !important;
    -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,0.25) !important;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 25%) !important;
    margin-bottom:30px;
}

.benchmark-dashboard .dash-panel.dash-panel-blue{
    background-color: #3676b6;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    color:#fff;
}

.benchmark-dashboard .dash-panel.dash-panel-light{
    color:#000;
    background-color:#eee;
    border:none;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.benchmark-dashboard .dash-panel-header{
    color:#333;
    border-bottom:1px dashed #ccc;
    margin-bottom:20px;
    padding-bottom:16px;
}

.benchmark-dashboard .dash-panel-header h2{
    margin:0;
}

.benchmark-dashboard-title{
    margin: 0px; 
    font-size:22px; 
    font-weight:500;
}

.benchmark-dashboard-title-date-picker{
    border-radius:20px; 
    border:1px solid #ccc;
    padding:8px 20px;
}

.benchmark-dashboard .dash-total-box-primary{
    position:relative;
}

.benchmark-dashboard .dash-total-box-badge-container{
    position:absolute; 
    top:0; 
    right:0;
}

.benchmark-dashboard .dash-total-box-badge{
    border-radius:20px; 
    font-size:12px; 
    padding:4px 10px; 
    font-weight:bold;
}

.benchmark-dashboard .dash-total-box-badge-green{
    background-color:#28a745; 
    color:#fff; 
}

.benchmark-dashboard .dash-total-box-badge-red{
    background-color:#e51c41; 
    color:#fff; 
}

.benchmark-dashboard .dash-total-box-primary .dash-total-box-date{
    font-size:14px;
    margin-right:100px;
}

.benchmark-dashboard .dash-total-box-primary .dash-total-box-title{
    font-size:14px;
    margin-right:100px;
}

.benchmark-dashboard .dash-total-box-primary .dash-total-box-amount{
    font-size:40px;
    margin-bottom:5px;
}

.benchmark-dashboard .dash-total-box-primary .dash-total-box-progress{
    background-color:#9ab5cf; 
    height:10px; 
    border-radius:10px;
}

.benchmark-dashboard .dash-total-box-secondary{
    width:100%; 
    padding-bottom:10px; 
    position:relative;
    margin-bottom:30px;
}

.benchmark-dashboard .dash-total-box-secondary:not(:last-of-type){
    margin-right: 0; 
    padding-right:0; 
    border-right:none;
}

.benchmark-dashboard .dash-total-box-secondary:not(:last-of-type) .dash-total-box-badge-container{
    right:0;
}

.benchmark-dashboard .dash-total-box-secondary .dash-total-box-body{
    margin-bottom:45px;
}

.benchmark-dashboard .dash-total-box-secondary .dash-total-box-footer{
    position:absolute; 
    bottom:0; 
    left:0; 
    right:0;
}

.benchmark-dashboard .dash-total-box-secondary .dash-total-box-date{
    font-size:12px; 
    margin-bottom:5px; 
    font-weight:500;
    margin-right:100px;
}

.benchmark-dashboard .dash-total-box-secondary .dash-total-box-title{
    font-size:14px; 
    margin-bottom:5px;
    margin-right:100px;
}

.benchmark-dashboard .dash-total-box-secondary .dash-total-box-amount{
    font-size:24px; 
    margin-bottom:5px;
}

.benchmark-dashboard .dash-total-box-secondary .dash-total-box-progress{
    background-color:#9ab5cf; 
    height:10px; 
    border-radius:10px;
}

.benchmark-dashboard .dash-total-box-secondary:not(:last-of-type) .dash-total-box-footer{
    right: 0; 
}

.benchmark-dashboard .align-items-center{
    align-items: center !important;
}

.benchmark-dashboard .align-items-stretch{
    align-items: stretch !important;
}

.benchmark-dashboard .ml-auto{
    margin-left:auto !important;
}

.benchmark-dashboard .mb-0{
    margin-bottom:0 !important;
}

.benchmark-dashboard .mb-3{
    margin-bottom:1rem !important;
}

.benchmark-dashboard .vertical-align-middle{
    vertical-align: middle !important;
}

.benchmark-dashboard .info-popover{
    color:#fff;
    background-color:#a1a1a1;
    width:18px;
    height:18px;
    line-height:18px;
    font-size: 12px;
    text-align:center;
    cursor:pointer;
    border:none;
    border-radius:50%;
    padding:0;
}

.benchmark-dashboard .open-add-practice-modal-btn{
    background-color:transparent; 
    border:none; 
    font-size:20px; 
    color:#fff; 
    display:block; 
    height:112px; 
    width:100%;
    text-align:center;
    padding:0;
    margin:0;
}

.benchmark-dashboard .open-add-practice-modal-btn small{
    font-size:14px;
    font-weight:normal;
}

.benchmark-dashboard .open-add-practice-modal-btn-icon{
    font-size:32px;
    color: #fff;
}

.benchmark-dashboard .open-add-practice-modal-btn-inner{
    display: grid;
    justify-content: center;
    align-content: center;
}

.benchmark-dashboard .open-select-practice-modal-btn{
    background-color:transparent; 
    border:none; 
    font-size:20px; 
    color:#fff; 
    display:block; 
    line-height:112px; 
    width:100%;
    text-align:center;
    padding:0;
    margin:0;
}

.benchmark-dashboard .open-change-practice-modal-btn, .benchmark-dashboard .open-change-data-modal-btn{
    background-color:transparent; 
    border:none; 
    padding:0;
    margin:0;
}

.benchmark-dashboard .canvas-container{
    display:none;
}

.benchmark-dashboard .graph-btn-container-td{
    display:none;
}

.benchmark-dashboard .fixed-width-column{
    width:200px;
}

.benchmark-dashboard .your-practice-dash-title{
    margin: 0px; 
    font-size: 22px; 
    font-weight: 500; 
    margin-right:20px;
}

.benchmark-dashboard .your-practice-dash-table-title{
    background-color: #337ab7; 
    color:#fff; 
    padding:2px 10px; 
    border-radius:20px;
}

.benchmark-dashboard .your-practice-dash-diff{
    padding:0px 8px; 
    border-radius:20px; 
    font-size:10px; 
    font-weight:500;
    text-align:center;
    display:inline-block;
    white-space: nowrap;
}

.benchmark-dashboard .your-practice-dash-diff-green{
    background-color: #28a745; 
    color:#fff;
}

.benchmark-dashboard .your-practice-dash-diff-red{
    background-color: #e51c41; 
    color:#fff;
}

.benchmark-dashboard .text-center{
    text-align:center !important;
}

.benchmark-dashboard .your-practice-table.table {
    min-width:auto;
}

.benchmark-dashboard .your-practice-table.table th.table-section-title{
    background-color:#f5f5f5;
    color:#000;
    font-size:13px !important;
    padding:20px 10px;
    border:1px solid #999999;
}

.benchmark-dashboard .your-practice-table.table .table-column-title{
    width:200px;
}

.benchmark-dashboard .your-practice-table.table .benchmark-dashboard th{
    text-align:left;
}

.datepicker table tr td.highlighted-bh {
    background: #fff5e0;
    border-radius: 0;
}

.datepicker table tr td.highlighted-al {
    background: #ffe0e0;
    border-radius: 0;
}

.datepicker table tr td.highlighted-wp {
    background: #e0f5ff;
    border-radius: 0;
}

.datepicker table tr td.highlighted-ab {
    background: #e0ffe3;
    border-radius: 0;
}

.form-group{
    margin-bottom: 1rem !important;
}

a {
    color: #337ab7;
    text-decoration: none;
}

a:not(.btn):hover {
    color: #337ab7;
    text-decoration: underline;
}

.btn-outline-warning {
    border: 1px solid #eea236;
    color: #EB9419;
}

.text-warning {
    color: #EB9419 !important;
}

.accordion-button:not(.collapsed) {
    color: #212529;
}

.header-avatar-container{
    display:inline-block; 
    width:50px; 
    position:relative;
}

.header-user-avatar{
    width:58px;
    height:58px;
    border-radius:50%;
    border:5px solid #f5ac2b;
    background-color:#eee;
    position:absolute;
    top:-29px;
}

.header-no-user-avatar{
    display:inline-block;
    width:58px;
    height:58px;
    border-radius:50%;
    border:5px solid #f5ac2b;
    color:#fff;
    background-color:#eee;
    line-height:50px;
    font-size:28px;
    text-align:center;
    position:absolute;
    top:-29px;
}

.files-card{
    border-radius:6px;
    border:1px solid #e5e5e5;
    background-color:#fafafa;
    padding:8px;
}

.files-card-small.files-card{
    padding:6px 8px;
}

.files-card a, .files-card a:hover{
    color:#333;
    text-decoration: none;
}

.files-card-icon{
    border-radius:50%;
    width:40px;
    height:40px;
    text-align:center;
    line-height:40px;
    font-size:22px;
    border:1px solid #ccc;
    background-color:#fff;
    color:#333;
}

.files-card-small .files-card-icon{
    width:34px;
    height:34px;
    line-height:34px;
    font-size:20px;
}

.files-card-title{
    font-size:16px;
    font-weight:500;
}

.files-card-body{
    line-height:18px;
}

.files-card-small .files-card-title{
    font-size:14px;
}

.files-card-subtitle{
    font-size:14px;
    font-weight:300;
}

.files-card-small .files-card-subtitle{
    font-size:12px;
}

.files-card-chevron{
    width:24px;
}

.files-card-chevron-icon{
    font-size:14px;   
}

.files-card a:hover .files-card-chevron-icon{
    margin-left:10px;
    transition: margin-left 0.3s ease;
}

.files-card-body{
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}

.files-card-small .files-card-body{
    line-height:16px;
}

.crm-card{
    border-radius:6px;
    border:1px solid #e5e5e5;
    padding:12px;
}

.crm-card a, .crm-card a:hover{
    color:#333;
    text-decoration: none;
}

.crm-card a:hover .crm-card-chevron-icon{
    margin-left:10px;
    transition: margin-left 0.3s ease;
}

.crm-card-title{
    font-size:16px;
    font-weight:600;
    margin-bottom:6px;
}

.crm-card-subtitle{
    font-size:14px;
    font-weight:400;
}

.crm-card-chevron{
    width:24px;
}

.crm-card-chevron-icon{
    font-size:14px;   
}

div.crmsection {
    margin-bottom: 20px;
}

div.crmheader {
    display: flex;
    align-content: center;
    margin-bottom:10px;
}
div.crmheadertitle {
    flex-grow: 1;
    margin-right:12px;
}
div.crmheadertitle h2 {
    font-weight: bolder; 
    font-size: 18px;
    margin-bottom: 10px;
}
div.crmheaderaction {
    margin-left: auto;
}

div.crmheaderaction a{
    margin-top:0;
}

h3.crmsubheader {
    font-weight: bolder; 
    font-size: 16px;
    margin-bottom: 8px;
}

.crmsection{
    padding:16px;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
}

.orgdetailssection{
    margin-bottom:0 !important;
}

.crm-inner-item-container:not(:last-of-type){
    border-bottom:1px solid #ccc;
    padding-bottom:16px;
    margin-bottom:16px;
}

.table-menu-button{
    background-color:#f9f9f9;
    border-radius:50%;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    color:#000;
    border:1px solid #eee;
    font-size:15px;
}

.table-menu-button:hover{
    background-color:#eee;
    transition: all 0.3s ease;
}

.library-item {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 14px 20px 14px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}

.library-item-ribbon{
    margin-left:-20px; 
    margin-right:-20px; 
    margin-bottom:-14px; 
    font-size:12px; 
    font-weight:600; 
    line-height:12px; 
    border-radius: 0 0 6px 6px;
    text-align: center;
    padding:2px 6px;
}

.library-item a, .library-item a:hover, .library-item a:visited{
    color:#000;
    text-decoration:none;
}

.library-item-row a, .library-item-row a:hover, .library-item-row a:visited{
    color:#000;
    text-decoration:none;
}

.library-item-icon{
    border-radius: 50%;
    color:#fff;
    width: 44px;
    height: 44px;
    line-height:44px;
    text-align:center;
    font-size:26px;
}

.library-item-icon-small{
    width: 28px;
    height: 28px;
    line-height:28px;
    font-size:18px;
}

.library-item-icon-image{
    border-radius: 50%;
    width: 44px;
    height: 44px;
}

.library-item-icon-image-small{
    width: 28px;
    height: 28px;
}

.library-item-icon-emoji{
    font-size:40px;
    line-height:44px;
    width:49px;
    margin-left:-5px;
}

.library-item-icon-emoji-small{
    font-size:26px;
    line-height:28px;
    width:32px;
    margin-left:-4px;
}

.library-item-badge{
    font-size:12px;
    line-height:12px;
    font-weight:600;
    color:#fff;
    padding:2px 10px 4px 10px;
    border-radius:6px;
    display:inline-block;
    margin-right:2px;
    margin-bottom:5px;
}

.library-item-count{
    background-color:#fff;
    border-radius:50%;
    width:25px;
    height:25px;
    line-height:25px;
    text-align:center;
    color:#000;
    border:1px solid #eee;
    font-size:14px;
    font-weight:600;
}

.library-item-date{
    font-size:12px;
    font-weight:600;
    color:#333;
}

.library-item-new{
    background-color:#dc3545;
    border:3px solid #fff;
    color:#fff;
    font-size:10px;
    font-weight:600;
    padding:1px 6px;
    border-radius:6px;
    display:inline-block;
    position:absolute;
    top:-10px;
    left:-16px;
    white-space: nowrap;
}

.library-item-user{
    font-size:12px;
}

.library-item-delete{
    color:#dc3545 !important;
}

.library-user-avatar{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #eee;
    border:1px solid #ccc;
}

.library-no-user-avatar {
    width: 28px;
    height: 28px;
    line-height: 28px;
    border-radius: 50%;
    color: #fff;
    background-color: #eee;
    font-size: 16px;
    text-align: center;
    border:1px solid #e0e0e0;
}

.library-item-header{
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    margin-bottom:10px;
    position:relative;
}

.library-item-footer{
    margin-top:auto;
}

.library-item-menu-button{
    background-color:#f9f9f9;
    border-radius:50%;
    width:30px;
    height:30px;
    line-height:25px;
    text-align:center;
    color:#000;
    border:1px solid #eee;
    font-size:16px;
}

.library-item-menu-button:hover{
    background-color:#eee;
    transition: all 0.3s ease;
}

.library-folder label{
    display:block;
    background-color:#f1f1f1;
    border-radius:6px;
    padding:8px 14px;
    font-size:16px;
    cursor:pointer;
}

.library-folder input{
    position:absolute;
    left:-999px;
}

.library-folder-icon{
    font-size:16px;
    color:#333;
}

.library-folder input:checked+label{
    background-color:rgba(13, 110, 253, 0.1);
}

.library-folder-title{
    white-space: nowrap;
}

.library-categories-button{
    border:none;
    background-color:#f1f1f1;
    border-radius:6px;
    padding:8px 14px;
    font-size:16px;
    cursor:pointer;
}

.library-item-page{
    
}

.library-item-page .library-item-icon{
    background-color:#2196F3;
}

.library-item-link .library-item-icon{
    background-color:#41757e;
}

.library-item-archived{
    background-color:#f6f6f6;   
}

.library-item-draft{
    background-color:rgba(33, 149, 243, 0.08);   
}

.fieldset-small{
    margin-bottom:40px;
}

.fieldset-small legend{
    font-size:17px;
    margin-bottom:20px;
    padding-bottom:10px;
    font-weight:600;
    color:#000;
    display:block;
    border-bottom:1px solid #eee;
}

/* SNACKBAR */
#snackbar {
    visibility: hidden;
    text-align: center;
    z-index: 9999;
    position: fixed;
    bottom: 30px;
    width:100%;
}

#snackbar-content{
    min-width: 250px;
    display:inline-block;
    border-radius: 2px;
    padding: 16px;
    background-color:#181818;
    color:#fff;
}

#snackbar.show {
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

.global-search{
    width:100%;
    max-width:100%;
    transition: all 0.3s ease;
}

.global-search-inputs{
    background-color:rgba(255, 255, 255, 0.8);
    border-radius:6px;    
    height:30px;
}

.global-search-inputs.results{
    border-radius:6px 6px 0 0;
}

.global-search-inputs input{
    border:none;
    background-color: transparent;
    height:30px;
    line-height:30px;
    padding:0 10px;
    width:100%;
}

.global-search-inputs button{
    font-size: 14px;
    height:30px;
    line-height:20px;
    border:0;
    border-radius:0 6px 6px 0;
}

.global-search-inputs.results button{
    border-radius:0 6px 0 0;
}

.global-search-inputs input:focus, .global-search-inputs input:active{
    border:none;
    outline:none;
    box-shadow:none;
}

.global-search.collapsed{
    max-width:30px;
    border-radius:50%;
    overflow:hidden;
    transition: all 0.3s ease;
}

.global-search.collapsed .global-search-inputs{
    background-color:rgba(255, 255, 255, 0);
}

.global-search.collapsed button{
    color:#fff !important;
}

.global-search.collapsed input{
    width:0px;
    display: none;
}

.global-search-submit-btn{
    display:block;
}

.global-search-expand-btn{
    display:none;
}

.global-search.collapsed .global-search-submit-btn{
    display:none;
}

.global-search.collapsed .global-search-expand-btn{
    display:block;
    padding-left:7px;
    padding-right:7px;
}

.global-search.collapsed .global-search-spinner-container{
    width:0px;
    display: none;
}

.global-search-results-container{
    text-align:left;
    position:absolute;
    background-color:#fff;
    border:1px solid #ccc;
    border-top:none;
    left:0;
    right:0;
    width:100%;
    color:#000;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.15);
    max-height:calc(100vh - 100px);
    overflow-y: auto;
}

.global-search-item{
    padding: 10px;
}

.global-search-item:not(:last-of-type){
    border-bottom:1px solid #ccc;
}

.global-search-item a, .global-search-item a:hover{
    text-decoration: none;
    color:#000;
}

.global-search-item-icon{
    width:50px;
    height:50px;
    border-radius:50%;
}

.global-search-item-icon-fa{
    width:50px;
    height:50px;
    line-height:50px;
    text-align:center;
    border-radius:50%;
    background-color:#16181b;
    color:#fff;
    font-size:24px;
}

.global-search-item-icon img{
    max-width:50px;
    max-height:50px;
}

.global-search-item-title{
    font-size:14px;
    font-weight:600;
    margin-bottom:4px;
}

.global-search-item-subtitle{
    font-size:14px;
    font-weight:500;
    margin-bottom:5px;
}

.global-search-item-type{
    font-size:12px;
    font-weight:400;
    font-style:italic;
}

.global-search-item-chevron{
    width:24px;
}

.global-search-item-chevron-icon{
    font-size:14px;   
}

.global-search-item a:hover .global-search-item-chevron-icon{
    margin-left:10px;
    transition: margin-left 0.3s ease;
}

.global-search-show-all-btn{
    text-decoration: none;
    color:#212529;
}

.global-search-show-all-btn:hover{
    background-color: #f8f9fa;    
    text-decoration: none;
    color:#212529;
}

.global-search-item-keywords{
    margin:10px 0 10px 0;
    font-size:12px;
}

.global-search-item-keywords strong{
    font-weight:600;
}

.library-page .columns-container {
    display: flex;
    justify-content: space-between;
}

.library-page .columns-container .column {
    flex: 1;
}

.library-page .column-drop{
    border:1px solid #eee;
    border-radius:6px;
    background-color:#fafafa;
}

.library-page .columns-container .column:not(:last-of-type) {
    margin-right:30px;
}

.library-page .column-item {
    margin-bottom: 20px;
}

.library-page .contentdiv {
    border:1px solid #eee;
    border-radius:6px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.06);
    background-color: #fff;
    padding: 16px;
    margin-bottom:20px;
    font-weight:400;
}

.library-page .sortable-list .contentdiv {
    cursor: move;
}

.library-page .contentdiv h2{
    font-size:18px;
    font-weight:600;
    margin-bottom:14px;
}

.library-page-sortable-placeholder{
    width:calc(100% - 32px);
    margin: auto auto 20px auto;
    background-color:#eee;
    border: 3px dashed #ccc;
    border-radius:6px;
}

.library-page .files-card{
    border-radius:6px;
    border:1px solid #e5e5e5;
    background-color:#fafafa;
    padding:6px 8px;
}

.library-page .files-card a, .library-page .files-card a:hover{
    color:#333;
    text-decoration: none;
}

.library-page .files-card-icon{
    border-radius:50%;
    width:34px;
    height:34px;
    text-align:center;
    line-height:34px;
    font-size:20px;
    border:1px solid #ccc;
    background-color:#fff;
    color:#333;
}

.library-page .files-card-title{
    font-size:14;
    font-weight:500;
}

.library-page .files-card-body{
    line-height:18px;
}

.library-page .files-card-subtitle{
    font-size:12px;
    font-weight:300;
}

.library-page .files-card-chevron{
    width:24px;
}

.library-page .files-card-chevron-icon{
    font-size:14px;   
}

.library-page .files-card a:hover .files-card-chevron-icon{
    margin-left:10px;
    transition: margin-left 0.3s ease;
}

.library-page .files-card-body{
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
    line-height:16px;
}

.page-library-items-picker{
    list-style: none;
    padding:0;
    margin:0;
}

.page-library-items-picker li{
    padding:10px;
}

.page-library-items-picker li:hover{
    background-color:#eee;
}

.page-library-items-picker li:not(:last-of-type){
    border-bottom:1px solid #dedede;
}

.page-library-items-picker .library-item-icon{
    width:20px;
    height:20px;
    line-height:20px;
    font-size:12px;
}

.page-library-items{
    list-style: none;
    padding:0;
    margin:0;
}

.page-library-items .library-item-inner{
    padding:4px 5px;
    border:1px solid #ced4da;
    border-radius:6px 0 0 6px;
    background-color:#fff;
    margin-bottom:10px;
}

.library-item-action-column .library-item-remove-btn{
    height:35px;
    margin-top:-11px;
    margin-left: -1px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}


.page-library-items .library-item-icon{
    width:26px;
    height:26px;
    line-height:26px;
    font-size:16px;
}

.library-page-wysiwyg-heading-h1{
    font-size: 36px;
    font-weight:bold;
    margin-top:0;
    margin-bottom:16px;
}

.library-page-wysiwyg-heading-h2{
    font-size: 30px;
    font-weight:bold;
    margin-top:0;
    margin-bottom:16px;
}

.library-page-wysiwyg-heading-h3{
    font-size: 26px;
    font-weight:bold;
    margin-top:0;
    margin-bottom:16px;
}

.library-page-wysiwyg-heading-h4{
    font-size: 22px;
    font-weight:bold;
    margin-top:0;
    margin-bottom:16px;
}

.library-page-wysiwyg-heading-h5{
    font-size: 20px;
    font-weight:bold;
    margin-top:0;
    margin-bottom:16px;
}

.library-page-wysiwyg-heading-h6{
    font-size: 18px;
    font-weight:bold;
    margin-top:0;
    margin-bottom:16px;
}

.contentdiv img[style*="float: left;"]{
    margin-right:10px;
}
.contentdiv img[style*="float: right;"]{
    margin-left:10px;
}

.notifications-new-bubble{
    display:inline-block; 
    margin-bottom:3px; 
    margin-right:5px; 
    width:5px; 
    height:5px; 
    border-radius:50%; 
    background-color:red;
}

.notifications-list-alert-badge{
    font-size:10px;
    padding:2px 4px;
}

.notifications-bell-button {
    display: inline-block;
    position: relative;
    margin-left: 5px;
    background-color:transparent;
    border:0;
}

.notifications-bell-button:hover {
    cursor: pointer;
    text-decoration: none;
}

.notifications-bell-button:active, .notifications-bell-button:visited { 
    text-decoration: none; 
}

.notifications-bell-button::before, .notifications-bell-button::after { 
    color: #fff; 
}

.notifications-bell-button::before {
    display: block;
    content: "\f0f3";
    font-family: "FontAwesome";
    text-decoration: none;
}

.notifications-link, .notifications-link:hover {
    color:#000 !important;
    text-decoration:none !important;
}

.jconfirm .jconfirm-title-c{
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #dee2e6;
    margin-bottom:16px;
}

.jconfirm .jconfirm-title{
    font-size:20px;
    font-weight:normal;
}

.jconfirm .jconfirm-box .jconfirm-buttons button {
    padding: .375rem .75rem;
    font-size: 1rem;
    margin: .25rem;
}

.jconfirm .jconfirm-buttons{
    padding: .75rem !important;
}

.jconfirm .jconfirm-box div.jconfirm-closeIcon{
    font-size:46px !important;
    font-weight:300;
    margin-right:10px;
    margin-top:20px;
}

.jconfirm .jconfirm-box .jconfirm-title-c{
    min-height:46px;
}

.show-notifications-btn::after {
    font-size: 0.6em;
    font-weight: 500;
    position: absolute;
    top: -5px;
    right: -6px;
    padding: 3px 5px;
    line-height: 100%;
    border-radius: 60px;
    background: red;
    content: attr(data-count);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.notifications-row-inner{
    border: 1px solid #e5e5e5;
    background-color: #fafafa;
    padding:10px;
    border-radius:6px;
}

.notifications-meta{
    font-size:12px;
}

.notifications-title{
    font-size:15px;
}

.popouthints {
    color: #000;
    min-width: 200px;
}
.popouthints-title {
    font-size: 16px;
    font-weight: bold;
}
.popouthints-message {
    margin-top: 15px;
}
.popouthints-actions {
    margin-top: 10px;
    text-align: right;
}
.popouthints-infoicon {
    font-size: 22px;
    color: #337ab7;
    padding-right: 8px;
}   

.ragstatusdot {
    height: 15px;
    width: 15px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}
.ragstatusdot_1 {  
    background-color: #dc3545;  
}
.ragstatusdot_2 {  
    background-color: #ffc107;
}
.ragstatusdot_3 {  
    background-color: #198754;
}

.curs-point {
    cursor: pointer; 
}

.cqcqouter {
    border: 1px solid #bbb;
}

.cqcqinner {
    display: flex;      
}

.cqcqtabs {
    display: flex;
    flex-direction: column;  
    align-items: stretch;    
}

.cqcqtab {
    padding: 10px;     
    background-color: #efefef;       
    height: 129px;    
    border: 1px solid #bbb; 
}

.cqcqtabcontent {     
    display: flex;
    height: 100%;
    align-items: center;
}

.cqcqtabactive {
    background-color: #fff; 
    border: none;
}

.cqcqtabbefore {        
    border-radius: 0px 0px 0px 0px;  
}

.cqcqtabafter {
    border-radius: 0px 0px 0px 0px;      
}

.cqcqstmtsouter {     
    flex-grow: 1;
    background-color: #fff; 
    padding: 0px;
    margin: 0px;
}

.cqcqstmts {
    padding: 15px;   
}

.cqcqstmt {
    display: flex;
    border: 1px solid #bbb;
    margin-bottom: 5px;
    margin-left: 5px;
    padding: 10px;
    font-size: 18px;
}

.cqcqstmtdesc {    
    margin: 0px;
    padding: 10px 20px 10px 20px;
}

.cqcqstmtdescp1 {
    font-weight: bolder;
    padding: 0px;
    margin-top: 0px;
}

.cqcqstmtdescp2 {
    padding: 0px;
    margin: 0px;
}

.drag-drop-file{
    position:relative;
    border: 1px dashed #ced4da;
    background-color:#fafafa;
    border-radius:3px;
    font-size:16px;
}

.drag-drop-file label{
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    bottom:0;
    left:0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.drag-drop-file input{
    position:relative;
    z-index:2;
    width:100%;
    height:80px;
    opacity:0;
    cursor:pointer;
}

.files-upload-row{
    background-color:#fafafa;
}

.fieldset-boxed{
    padding:16px;
    background-color:#f8f8f8;
    border-radius:4px;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom:20px;
}

.fieldset-boxed legend{
    font-size:20px;
}

.sub-row-box{
    font-size:14px; 
    background-color:#f8f8f8; 
    border:1px solid #eee; 
    border-radius:4px; 
    padding:6px; 
    margin-bottom:10px;
}

.sub-row-box-past{
    display:none;
}

.emojicontainer {
    border: 1px solid #ced4da; 
    width: 60px;
    height: 50px;
    text-align: center;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
}

.emojicontainer .emojichar {
    font-size: 1.5rem; 
    font-weight: 400;
    min-height: 50px; 
    min-width: 60px;
    line-height: 1.5;
}

.notice-pinned{
    display:inline-block;
    background-color:#3676b6;
    border-radius:50%;
    color:#fff;
    text-align:center;
    font-size:14px;
    width:26px;
    height:26px;
    line-height:28px;
}

.notice-pinned-small{
    font-size:12px;
    width:22px;
    height:22px;
    line-height:26px;
}

.onsite-toggle-container .form-check-input{
    height:20px !important;
    width: 2.5em;
}

input.onsite-toggle{    
    width: 4em;
}

input.onsite-toggle:focus{
    box-shadow: none !important;
}

.onsite-toggle-container .form-check-label{
    padding-top:2px !important;
    padding-left: 7px;
}

.onsite-toggle:checked{
    background-color:#198754 !important;
}

.section-box {
    background-color: #fcfcfc;
    border: 1px solid #eee;
    padding: 16px;
    border-radius: 6px;
}

.acknowledge-button{
    position:relative;
}

.acknowledge-button-label{
    margin-right:70px;
}

.acknowledge-button-icon{
    position:absolute; 
    top:-11px; 
    right:7px;
    width:70px; 
    height:70px; 
    border-radius:50%; 
    line-height:60px; 
    text-align:center; 
    background-color:#198754; 
    color:#fff; 
    border:6px solid #fff; 
    font-size:32px;
}

.sticky-card-fixed {
    position:fixed;
    top:90px;
}

.onsite-toggle-dropdown{
    position:absolute; 
    top:0; 
    right:0; 
    bottom:0; 
    left:0; 
    background:transparent; 
    border:0; 
    outline:none;
}

.staff-button{
    border-radius:30px;
    padding:8px;
    border: 1px solid #eee;
    background-color:#fff;
    color:#333;
    cursor: pointer;
    text-align:left;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}

.staff-button.active{
    background-color:#198754;
    color:#fff;
    transition: all 0.3s ease;
}

.staff-button:disabled{
    opacity:0.8;
    cursor:default;
}

.staff-button-icon{
    border-radius: 50%;
    color:#333;
    width: 50px;
    height: 50px;
    line-height:50px;
    text-align:center;
    font-size:24px;
    background-color:#f1f1f1;
    border: 1px solid #eee;
}

.staff-button-toggler{
    border-radius:50%;
    background-color:#f1f1f1;
    color:#333;
    font-size:14px;
    width:38px;
    height:38px;
    line-height:38px;
    text-align:center;
    font-weight:600;
}

.staff-tag label{
    display:block;
    background-color:#f1f1f1;
    border-radius:6px;
    font-size:13px;
    padding:2px 6px;
    cursor:pointer;
}

.staff-tag input{
    position:absolute;
    left:-999px;
}

.staff-tag input:checked+label{
    background-color: #0d6efd;
    color:#fff;
}

.staff-tag-title{
    white-space: nowrap;
}

.onsite-toggle-site-label-container{
    vertical-align: bottom;
    max-width:150px;
    overflow-x:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staff-card {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 14px 20px 14px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}

.staff-card-header{
    position:relative;
}

.staff-card-icon{
    border-radius: 50%;
    color:#333;
    width: 44px;
    height: 44px;
    line-height:44px;
    text-align:center;
    font-size:24px;
    background-color:#f1f1f1;
}

.staff-card-title{
    font-size:16px;
    margin-bottom:0;
}

.staff-card-subtitle{
    font-size:13px;
}

.lstaff-tag-title{
    white-space: nowrap;
}

.attendance-response{
    border-radius:50%; 
    width:34px; 
    height:34px; 
    line-height:34px; 
    text-align:center; 
    font-size:20px; 
    border:1px solid #eee;
    background-color:#f6f6f6;
    color:#626262;
    transition: all 0.3s ease;
}

.attendance-response-large{
    width:44px; 
    height:44px; 
    line-height:44px; 
    font-size:30px; 
}

.attendance-response-small{
    width:24px; 
    height:24px; 
    line-height:24px; 
    font-size:12px; 
}

.attendance-response-0{
    background-color:#dddddd;
    color:#333;
}

.attendance-response-1{
    background-color:#198754;
    border:1px solid #198754;
    color:#fff;
}

.attendance-response-2{
    background-color:#dc3545;
    border:1px solid #dc3545;
    color:#fff;
}

@media print {
    @page { size: landscape }

    .benchmark-dashboard .dash-panel.dash-panel-blue{
        padding:10px;
        border:1px solid #3676b6;
        color:#3676b6;
        background-color:#fff;
        text-shadow: none;
        width:300px;
        float:left;
        margin-right:20px;
    }

    .benchmark-dashboard canvas{
        height:290px !important;
        width:auto !important;
        margin:0 auto;
    }

    .benchmark-dashboard .dash-panel-light{
        padding:0 !important;
        margin:0 !important;    
    }

    .benchmark-dashboard .dash-total-box-secondary{
        padding:10px;
        border:1px solid #ccc !important;
        width:300px;
        float:left;
        margin-left:0 !important;
        margin-right:20px !important;
        border-radius:20px;
    }

    .benchmark-dashboard .dash-total-box-progress{
        background-color:#fff !important; 
        border:1px solid #9ab5cf;
    }

    .benchmark-dashboard .dash-total-box-badge{
        border-radius:0;  
        padding:0; 
    }

    .benchmark-dashboard .dash-total-box-badge-red{
        color:#e51c41;
        background-color:transparent;
    }

    .benchmark-dashboard .dash-total-box-badge-green{
        color:#28a745;
        background-color:transparent;
    }

    .benchmark-dashboard .dash-panel.dash-panel-light{
        background-color:#fff;
    }

    .benchmark-dashboard .dash-total-box-footer{
        left:10px !important;
        bottom:10px !important;
    }

    .designstudio-button{
        display:none !important;
    }

    .benchmark-dashboard .your-practice-dash-diff-green{
        color: #28a745 !important; 
        border:1px solid #28a745 !important;
    }

    .benchmark-dashboard .total-diff-green{
        color: #28a745 !important; 
    }

    .benchmark-dashboard .your-practice-dash-diff-red{
        color: #e51c41 !important; 
        border: 1px solid #e51c41 !important;
    }

    .benchmark-dashboard .total-diff-red{
        color: #e51c41 !important; 
    }

    .benchmark-dashboard .dash-total-box-badge-green{
        color: #28a745 !important; 
    }

    .benchmark-dashboard .dash-total-box-badge-red{
        color: #e51c41 !important; 
    }

    .benchmark-dashboard .dash-total-box-amount{
        font-size:18px !important;
    }

    .benchmark-dashboard .dash-total-box-badge{
        margin-top:10px !important;
        margin-right:10px !important;
    }

    .benchmark-dashboard .dash-panel.dash-panel-light{
        margin-top:0 !important;
    }

    .benchmark-dashboard .graph-desc{
        text-align:center;
        font-size:12px;
    }

    .benchmark-dashboard .dash-panel-header h2{
        font-size:14px !important;
    }

    .main-content-container{
        margin-top:0 !important;
    }
}

@media (min-width: 592px) {
    .benchmark-dashboard .canvas-container{
        display:block;
    }

    .benchmark-dashboard .graph-btn-container-td{
        display:table-cell;
    }

    .global-search{
        position:relative;
    }

    .onsite-toggle-container .form-check-input{
        width: 4em;
    }
}

@media (min-width: 1182px) {
    .benchmark-dashboard .d-lg-flex{
        display:flex !important;
    }

    .benchmark-dashboard .dash-total-box-secondary{
        margin-bottom:0;
    }

    .benchmark-dashboard .dash-total-box-secondary:not(:last-of-type){
        margin-right: 40px; 
        padding-right:40px; 
        border-right:1px dashed #333;

    }

    .benchmark-dashboard .dash-total-box-secondary:not(:last-of-type) .dash-total-box-badge-container{
        right:40px;
    }

    .benchmark-dashboard .dash-total-box-secondary:not(:last-of-type) .dash-total-box-footer{
        right: 40px; 
    }
}

@media (max-width: 475px) {
    .custom-list-item-form .medium{
        min-width:220px;
    }
    .contentelement-container{
        margin:20px 35px 15px 35px;
        padding:16px;
    }
    .jagged-border{
        margin:-16px 35px 15px 35px;
    }
    .custom-list-expandable-condensed input.medium{
        min-width:220px;
    }
    .breadcrumb-custom-mobile{
        display: block !important;
    }
    .breadcrumb-custom-wide{
        display: none !important;
    }
    .current-balance{
        display: none;
    }
    .navbar-custom{
        min-height:0;
    }

    .policies-header{
        display:block !important;
        margin-bottom:12px !important;
    }

    .policies-header .custom-list-badges{
        white-space: normal !important;
    }
}


@media (max-width: 600px) {
    .site-title-text {
        display: none;
    }
    .topbar-ga-container{
        display:none;
    }
    .topbar-impersonate-text-container{
        display:none;
    }
    .custom-list-expandable-footer a{
        line-height:30px;
    }
    .custom-list-footer a{
        line-height:30px;
    }
    .custom-list-item-form{
        padding:10px 20px 0 20px;
    }
    .custom-list-expandable-task-description{
        display:none;
    }
    .current-balance{
        margin-right:0;
        margin-bottom:5px;
    }
}

@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
}
.hvr-ripple-out:before {
    content: '';
    position: absolute;
    border: #5cb85c solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
}
.hvr-ripple-out:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out;
}

.user-feedback-container{
    margin:16px 0;
    background-color:#fafafa;
    padding:16px;
    border-radius:3px !important;
    border: 1px solid #c7c7c7;
}
.user-feedback-title{
    font-size:15px;
}
.user-feedback-container .form-body{
    margin-top:12px;
}
.user-feedback-stars-container{
    padding-left:6px;
    color:#FFC107;
}
.user-feedback-stars-container .star{
    cursor: pointer;
}
.user-feedback-sidebar-removebtn{
    color:orangered;
    font-size:12px;
    cursor:pointer;
}

.userstoenrol-sidebar{
    margin-top:12px;
}
.userstoenrol-sidebar-title{
    font-weight:bold;
    margin-bottom:6px;
}

.bulkaction-sidebar{
    margin-top:12px;
}
.bulkaction-sidebar-title{
    font-weight:bold;
    margin-bottom:6px;
}

.userstoregister-sidebar{
    margin-top:12px;
}
.userstoregister-sidebar-title{
    font-weight:bold;
    margin-bottom:6px;
}

.policyread-sidebar{
    margin-top:12px;
}
.policyread-sidebar-title{
    font-weight:bold;
    margin-bottom:6px;
}

.ownerlink {
    margin-top: 5px;
}

.contentelement-broken-link{
    text-align:center;
    font-size:13px;
    margin: 14px 14px 0 14px;
}
.contentelement-broken-link .fa{
    color:orangered;
    padding-right:6px;
}

.contentelement-broken-link-modal{
    margin-top:6px;
}
.contentelement-broken-link-modal .fa{
    color:orangered;
    padding-right:6px;
}


.alert-disclaimer {
    background-color: rgba(0, 0, 0, 0.02);
    border:1px solid #eaeaea;
}

.disclaimer-title{
    font-weight:500;
    font-size:110%;
    margin-bottom:16px;
}

.disclaimer-text{
    margin-bottom:32px !important;
}

.category-sidebar{
    margin-top:12px;
}

.category-sidebar-title{
    font-weight:bold;
    margin-bottom:6px;
}

.templatehistory-container{
    padding: 5px 5px 5px 5px;
    border: 1px #ddd solid;
    border-radius: 3px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
}

.templatehistory-setheight{
    overflow: hidden;
    max-height:160px;
}

.templatehistory-showhide-container{
    position: relative;
}

.templatehistory-expand{
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    bottom: -15px;
    background-color: #fff !important;
    border: 2px solid #ccc !important;
    border-radius:50%;
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 32px;
    color: #555;
}

.templatehistory-expand:hover:not(:disabled){
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);
}

button.panel-expand-btn{
    background:transparent;
    padding:0 10px;
    border:none;
}

.hrclistlabel {
    border: solid 1px #ddd;
    padding: 13px 15px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0;
}

.hrclistlabel h3{
    font-size: 16px;
    margin-bottom:0;
    font-weight:600;
}

.hrclistlabel.expanded{
    transition: background-color 0.3s ease;
    background-color: rgba(0, 0, 0, 0.03)
}

.hrclistlabel-new{
    background-color: rgba(13, 110, 253, 0.05);
}
.hrclistlabel-new.expanded{
    background-color: rgba(13, 110, 253, 0.05);
}

table.hrchecklist thead {
    font-size: 80%;
}

.checklist-container{
    background-color:#f8f8f8;
}

.checklist-container .table{
    margin-bottom:0;
}

.sticky-column tr>th:first-child, .sticky-column tr>td:first-child {
    position: sticky;
    left: 0;
}

/* image zoom*/
.imagezoom {
    cursor: zoom-in;
    transition: 0.3s;
}
.imagezoom:hover {
    opacity: 0.7;
}
.imagezoom-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}
.imagezoom-modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 100%;
}
#imagezoom-caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 1000px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
    font-size:19px;
}
.imagezoom-modal-close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
.imagezoom-modal-close:hover,
.imagezoom-modal-close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.library-page img{
    cursor: zoom-in;
    transition: 0.3s;
}
.library-page img:hover {
    opacity: 0.8;
}

.library-page a img {
    cursor: pointer;
}
.library-page a img:hover {
    opacity: 1.0;
}

.reactions-container{
    background-color:#f7f7f7;
    border:1px solid #ccc;
    padding:8px 10px;
    border-radius:6px;
}

.reactions-stats-avatar{
    height:36px;
    width:36px;
    line-height:36px;
    border-radius:50%;
    border:1px solid #ccc;
    color:#333;
    background-color:#fff;
    font-size:16px;
    text-align:center;
}

.reactions-stats-avatar:not(:first-of-type){
    margin-left:-12px;
}

.reactions-stats-summary{
    margin-left:12px;
}

.reactions-actions-container{
    background-color:#fff;
    border-radius:20px;
    padding:2px 12px;
    border:1px solid #ccc;
}

.reactions-actions-button{
    font-size:22px;
    background-color:transparent;
    padding:0;
    border:0;
}

.reactions-actions-button:not(:last-of-type){
    margin-right:14px;
}

.reactions-actions-button-counter{
    display:inline-block;
    font-size:16px;
}

.reactions-stats-button{
    background-color:transparent;
    padding:0;
    border:0;
}

.reactions-actions-button-icon{
    padding-right:2px;
}

.reactions-actions-button-icon-blue{
    color:#2c9ddb;    
}

.reactions-actions-button-icon-red{
    color:#eb5656;
}

.reactions-actions-button-icon-yellow{
    color:#f3c94c;
}

.nav-pills.nav-pills-light .nav-link.active, .nav-pills.nav-pills-light .show>.nav-link{
    background-color:#eee;
    color:#333 !important;
}

.topbar-user{
    width:100%;
}

.mobile-top-bar-toggle-container{
    position:absolute; 
    left:0; 
    right:0; 
    bottom:-18px; 
    text-align:center;
}

.mobile-top-bar-toggle-button{
    text-align:center; 
    font-size:12px; 
    background-color:#f5ac2b; 
    color:#fff; 
    padding:0 20px 2px 20px; 
    border:none; 
    border-radius: 0 0 8px 8px;
}

.mobile-top-container{
    border-top:1px solid #fff;
}

@media (min-width: 768px) {

    .topbar-user{
        width:auto;
    }

    .global-search{
        max-width:400px;
    }

    .onsite-toggle-site-label-container{
        display:inline-block;
        max-width:40px;
    }

    .navbar-custom .navbar-collapse{
        padding-right:0;
    }

    .d-sm-block{
        display:block;
    }

    .d-sm-flex{
        display:flex;
    }

    .ml-sm-2 {
        margin-left: 0.5rem;
    }

    .mb-sm-0 {
        margin-bottom: 0;
    }

    .px-sm-3 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 768px) {

    .content-player-menu-btn{
        display:none;
    }

    .content-player-menu{
        margin-left:0;
    }

    .breadcrumb-custom{
        font-size:80%;
        line-height:22px;
        padding-bottom:5px;
    }
    .title-action-button{
        padding: 5px 8px;
        font-size: 12px;
    }

    .subheader{
        margin-top:-15px;
    }

    .admin-learning{
        padding-right:auto;
        padding-bottom:15px;
    }

    .navbar-custom .navbar-nav li a{
        padding-left:25px;
    }



}

@media (min-width: 992px) {

    .onsite-toggle-site-label-container{
        max-width:80px;
    }

    .d-md-flex{
        display:flex;
    }

    .d-md-block{
        display:block;
    }

    .d-md-inline{
        display:inline;
    }
    .flex-md-row{
        flex-direction:row;
    }

    .w-md-100{
        width:100%;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .ml-md-1 {
        margin-left: 0.25rem;
    }

    .ml-md-2 {
        margin-left: 0.5rem;
    }

    .mr-md-auto {
        margin-right: auto;
    }

    .p-md-3 {
        padding: 1rem;
    }

    .px-md-1 {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .align-self-md-center {
        align-self: center;
    }
}

@media (max-width: 992px) {

    .sticky-card-fixed{
        position:relative;
        top:0px;
        right:0px;
        width:auto;
    }

    .pagesummary-container .form-inline{
        float:none;
    }

    .subheader-actions{
        float:none;
        padding-bottom: 10px;
    }
    .navbar-custom .navbar-right {
        float: left !important;
        margin:20px auto 6px auto;
        width:100%;
    }
    .navbar-collapse {
        padding-left:0;
    }

    .custom-list-expandable-task-description, .custom-list-expandable-task-materials {
        margin-bottom:12px;
    }
}

@media (max-width: 991px) {
    .custom-list-avatar, .custom-list-expandable-avatar {
        display: none;
    }
    .custom-list-badges {
        text-align: left;
        margin-bottom: 15px;
        margin-top: -15px;
    }
    .custom-badge {
        min-width: 0;
    }
    #practice-name {
        display: none;
    }
    .topbar-lower {
        display: block;
    }

    .dash-box-container{
        margin-bottom:20px;
    }
    .dash-box-title{
        padding:10px 10px 0 10px;
        font-size: 16px;
    }
    .dash-box-number{
        padding:0 10px 10px 10px;
    }
    .dash-graph-title{
        font-size:17px;
    }
    .dash-box-avatar-column{
        display:none;
    }
    .dash-box-link{
        padding:25px 15px 0 0;
    }
    .custom-list-expandable-small-centred {
        margin-bottom: 20px;
    }
    .card:first-of-type{
        margin-top:20px;
    }
    .custom-list-expandable-badges-container{
        margin: -6px 0 8px auto;
        text-align: left;
    }
    .custom-list-expandable-tasks{
        margin-left:-30px;
        list-style: none;
    }
    .custom-list-expandable-task-dates{
        float:none !important;
        text-align:left !important;
        margin-bottom:8px;
    }
    .custom-list-expandable-tasks-materials{
        padding:10px 25px 15px 25px;
    }
    .learnercourses-label-mobile{
        display: inline-block !important;
    }
    .learnercourses-label-wide{
        display: none;
    }
    .introhelp-box, .introhelp-box-tall{
        height:auto !important;
    }
}

@media (max-width: 1199px) {
    .custom-list-avatar, .custom-list-expandable-avatar {
        font-size: 25px;
        height: 40px;
        width: 40px;
        line-height: 42px;
        margin-top: 3px;
    }

    .custom-list-avatar>img, .custom-list-expandable-avatar>img {
        height:42px;
        width:42px;
    }

    .introhelp-box{
        height: 145px !important;
    }
    .introhelp-box-tall{
        height: 160px !important;
    }

    .dash-box-title{
        font-size:13px;
    }
    .dash-graph-title{
        font-size:14px;
    }
}

@media (min-width: 1500px) {

    .onsite-toggle-site-label-container{
        max-width:150px;
    }
}



/* e-learning image stuff*/
.imagepreview {
    width: 100%;
    margin: 0 auto;
    display: inherit;
}
.imagecontainer {
    position: relative;
    display: inherit;
    margin: 0 auto;
}
.imagecontainer img {
    width:100% !important;
    height: auto !important;
}
.imagetextoverlay p {
    position: absolute;
    top: 10%;
    width: 80%;
    left: 10%;
}

/* Compliance Manager Calendar */

.calander-back { margin-left: 10px; }

.calander-forward { margin-right: 10px; }

.calander-table {
    border-collapse: collapse;
    border: 1px solid grey;
    width: 100%;
    height: 220px;
}

.calander-header, .calander-cell { text-align: center; }

.event-day-block {
    border: 1px solid #ddd;
    padding: 14px;
    margin-bottom: 25px;
}

.event-day-header {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.event-title {
    font-weight: bold;
    margin-right: 7px;
}

.event-item-header {
    margin-top: 3px;
    margin-bottom: 0;
}

.event-item-description {
    color: #7d7d7d;
    margin-top: 7px;
    margin-bottom: 3px;
}

.signoff-btn { margin-top: 0; }

.event-files-listitem {
    margin-bottom: 0 !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.calander-link, .calander-link-noclick { color: #333; }

.calander-link:hover { cursor: pointer; }

.rounding-day { color: lightgrey; }

.has-events-td { background: #83b3dc ; }

.has-events-link { color: #fff !important; }

.current-day-td { background: #ff7f7f; }

.current-day-link { color: #fff !important; }

/* Compliance Manager Other */

.compliance-item-history-table {
    border-collapse: collapse;
    width: 100%;
}

.compliance-item-history-th, .compliance-item-history-td {
    border-top: 1px solid #ddd;
    padding: 7px 7px 7px 15px;
}

.compliance-item-history-left { border-right: 1px solid #ddd; }

.compliance-year-month-picker {
    display: inline !important;
    border: 1px solid #ccc;
    padding: 2px 10px 3px 10px;
    border-radius: 3px;
    color: #555;
    background: #eee;
}

.compliance-year-month-picker:hover {
    cursor: pointer;
}

.compliance-badge {
    display: inline;
    float: right;
    font-size: 75%;
    font-weight: 400;
    padding: .2em .6em .2em .6em;
    text-align: center;
    white-space: nowrap;
    border-radius: .25em;
    background: #fff;
}

.compliance-table-cell {
    vertical-align: middle !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.compliance-table-cell-filenote {
    vertical-align: middle !important;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
    padding-left: 12px !important;
}

.compliance-table-cell-remove-file {
    padding-left: 10px !important;
}

.compliance-table-cell-note  {
    vertical-align: middle !important;
    padding-top: 25px !important;
    padding-bottom: 12px !important;
    padding-left: 12px !important;
}

.compliance-table-cell-remove-note {
    padding-left: 0 !important;
    width: 15px !important;
}

#rowtemplatefile, #rowtemplatenote { border-top: 1px solid #ddd !important; }

#addnewfilerow, #addnewnoterow { border-top: 1px solid #ddd; }

.compliance-remove-populated-file-icon { top: 45px; }

.compliance-remove-empty-file-icon { top: 40px; }

.compliance-file-link-label {
    padding-left: 10px !important;
}

.compliance-file-label {
    padding-left: 5px !important;
    padding-top: 5px !important;
}

.compliance-remove-icon {
    float: right;
    padding-right: 8px;
    padding-top: 0;
}

.compliance-file-link-label, .compliance-table-filenote-label, .compliance-file-label {
    width: 100%;
    font-weight: normal;
    margin-bottom: 0 !important;
}

.compliance-table-note-label {
    width: 100%;
    font-weight: normal;
}

.calander-table { margin-bottom: 25px; }

.arrow-previous, .arrow-next { padding-top: 7px; }

/* Roles */

.removerole { padding-right: 8px; }

.role-input-cell { padding-top: 15px !important; }

.role-hidden-cell {
    padding: 0 !important;
    margin: 0 !important;
    width: 0 !important;
}

.role-input-label {
    width: 100%;
    font-weight: normal;
}

.role-remove-cell {
    text-align: center;
    vertical-align: middle !important;
    width: 50px;
}

.globalrole-item {
    padding-bottom: 5px;
}


.ppa-table{
    width: 100%;
    color: #212529;
    margin-bottom:0 !important;
}

.ppa-table .select2-selection{
    border:1px solid #fff !important;
}

.ppa-table .select2-selection__placeholder{
    color:#555 !important;
}

.ppa-table input{
    border-color: #f1f1f1;
    border-radius:0;
    border-top: 1px solid transparent;
    color: #555 !important;
    margin:auto;
}

.ppa-table input:not(.long){
    max-width: 80px;
}

.ppa-table td{
    padding: 14px !important;
    border-top: 1px solid #dee2e6 !important;
    vertical-align: middle !important;
    font-size:14px;
}

.ppa-table th{
    padding: 12px 14px !important;
    color: #495057;
    background-color: #f3f6f9;
    border-color: #e7ebef;
    vertical-align: bottom;
    border-bottom: 2px solid #e7ebef;
    border-top: 1px solid #e7ebef !important;
    font-weight:400;
    font-size:95%;
}

.ppa-add-row{
    background-color: rgba(246, 249, 252, 0.59);
    text-align: center;
    font-size:85%;
    border:1px solid #e7ebef;
    margin-top:16px
}

.ppa-add-row a {
    display:block;
    padding:10px;
}

.ppa-text-center{
    text-align: center !important;
}

.ppa-text-right{
    text-align: right !important;
}

.ppa-totals-table{
    margin:32px 0;
    font-style: italic;
    font-size:13px;
}

.ppa-totals-table td {
    padding:8px 20px 8px 0;
    vertical-align: top;
}

.ppa-totals-row{
    font-style: normal;
    font-weight:bold;
}

.ppa-totals-row td{
    border-top:1px solid #000;
}

.ppa-totals-container{
    padding:16px;
    background-color:rgba(245, 172, 43, 0.04);
    border-radius:0;
    border:1px solid rgba(245, 172, 43, 0.25);
}

.ppa-row-remove-icon{
    color:orangered;
    cursor:pointer;
}

.sort-bar-multi-container{
    min-width: 150px;
}

.sort-bar-multi-plugin-option{
    display:inline !important;
    max-height: 25px;
    padding:  2.4px 20px 2.4px 8px !important;
    background: white !important;
}

.sort-bar-multi-plugin-option-text {
    margin-bottom: 0;
}

.multi-bar-option-margin{
    min-width:250px !important;
    max-height:500px;
    overflow-y: auto;
}

.multi-bar-option-margin > li > label {
    margin-bottom: 0 !important;
    font-weight: normal;
}

.policies-first-block-contianer{
    margin-top: 0;
    margin-bottom: 16px;

}

.policies-block-contianer{
    margin-bottom: 16px;
}

.policies-block-margin-bottom-3{
    margin-bottom: 16px;
}

.policies-block-padding-2{
    padding: 8px 8px 8px 8px;
}

.policies-block-card{
    padding: 12px 12px 12px 12px;
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
}

.policies-header{
    display:flex;
    margin-bottom:6px;
}

.policies-header .custom-list-badges{
    margin:0 8px 0 auto;
    white-space: nowrap;
}

.policies-header .custom-list-badges .custom-badge{
    display:inline-block;
}

.add-block-card{
    border: 1px solid #ededed;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);
}

.movable-placeholder {
    display: block;
    padding: 20px;
    margin: 30px 0 16px 0;
    border-style: dashed;
    border-width: 2px;
    border-color: #000;
    height: 20px;
}

.custom-badge-no-margin{
    margin-bottom: 0;
}

.custom-practice-policy-key{
    margin: 15px 0;
    text-align: left;
}

.view-policy-header {
    font-size: 23px;
    margin-bottom: 1rem;
}

.custom-list-value > div > ul > li{
    padding: 0;
    background-color: default;
    margin-bottom: 0;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}

.alert-grey {
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
}

.no-style-button{
    cursor:pointer;
    border: 0;
    background-color: transparent;
    margin:0;
    padding:0;
}

.no-style-list{
    list-style: none;
    padding:0;
}

hr.view-policy{
    margin-top: 30px;
    margin-bottom: 30px;
}

.quiz-question{
    font-size: 17px;
    font-weight: normal !important;
}

.quiz-answer{
    font-size: 14px;
    font-weight: normal !important;
}


input.biggercheckbox {
    transform : scale(1.5);
    margin-right: 5px;
}

input.biggerradio {
    transform : scale(1.5);
    margin-right: 5px;
}

.quizquestioncontainer:not(:first-of-type){
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.priorityicon {
    line-height: 1;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
    font-weight: 500;
    padding: 3px;
    text-indent: 0px;
}

.priorityicon-mandatory {
    background-color: #af3966;
    color: white;
}

.priorityicon-expected {
    background-color: #af8e39;
    color: white;
}

.priorityicon-suggested {
    background-color: #60af39;
    color: white;
}

.jobroleicon {
    background-color: #39afad;
    color: white;
    font-size: 12px;
    padding: 4px 2px;
}

.elsewhereicon {
    background-color: #9731ca;
    color: white;
    font-size: 12px;
    padding: 4px 2px;
}

.video-thumbnail {
    display:flex; 
    height: 12em; 
    width: 100%;
    color:#d9534f;
}

.video-thumbnail-policymanager {
    background:url('/ui/pi/images/policymanagerguide.png') center / cover;
}

.video-thumbnail-holidaymanager {
    background:url('/ui/pi/images/holidaymanagerguide.png') center / cover;

}

.video-thumbnail:hover,.video-thumbnail:focus {
    text-decoration:none;
    color:#c9302c;
}

.video-thumbnail svg{
    margin:auto;
    font-size:48px;
}

.embed-responsive {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-responsive-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Old HR Calendar */

.calendar-container{
    overflow-x:auto;
}

.calendar{
    min-width:670px;
}

.calendar-left{
    text-align: left;
}

.calendar-right{
    text-align: right;
}

.calendar-mid{
    text-align: center;
    width:100%;
}

.calendar-header{
    display:flex;
    margin-top:10px;
}

.calendar-header>div{
    align-self:center;
    padding:0 12px;
}

.calendar-header-title{
    font-size:24px;
    font-weight:400;
    color: #333;
    text-align: center;
    width:100%;
}

.calendar-header-button{
    width:200px;
}

.calendar-weeks-header{
    display:flex;
    margin: 25px 0;
}

.calendar-weeks-day-name{
    color: #333;
    font-weight:500;
    font-size: 14px;
    text-align: center;
    flex: 1 1 0
}

.calendar-week{
    display:flex;
    justify-content: space-around;
}

.calendar-day{
    margin:5px;
    background-color:#fff;
    color:#333;
    font-weight: bold;
    font-size: 14px;
    flex: 1 0 auto;
    height:auto;
    border:1px solid #ccc;

}

.calendar-day:before {
    content:'';
    float:left;
    padding-top:130%;
}

.calendar-day-grayed{
    color: #bbbbbb;
    background-color: #f8f8f8;
}

.calendar-day-current{
    background-color: rgba(0, 159, 104, 0.06);
}

.calendar-day-weekend{
    background-color: rgb(233, 233, 233);
}

.calendar-day-inner-table{
    display:table;
    height:100%;
    width:100%;
}

.calendar-day-inner-table-cell{
    display:table-cell;
    height:100%;
    width:20px;
    text-align:right;
    vertical-align: top;
    position: relative;
}

.calendar-day-date-leavebtn{
    position:absolute;
    left:0;
    right:0;
    top:0px;
    padding:6px;
    text-align: left;
    overflow-x:hidden;
    overflow-y:hidden;
}

.calendar-day-items-container{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:32px;
    padding:6px;
    text-align: left;
    overflow-x:hidden;
    overflow-y:auto;
}

.calendar-day-item{
    margin-bottom:4px;
    overflow-x:hidden;
    overflow-y:auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 5px;
    padding: 0px 5px;
    color:#333;
}

.calendar-day-item-request{
    width: 100%;
    margin-bottom:4px;
    overflow-x:hidden;
    overflow-y:auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0px 5px;
    color:#333;
}

.calendar-day-item-approve{
    margin-bottom:4px;
    overflow-x:hidden;
    overflow-y:auto;
    white-space: nowrap;
    border: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    background-color: #0d6efd;
    font-size: 11px;
    width:36px;
    padding: 1px 5px !important;
    line-height: 1.5 !important;
}

.calendar-day-item-approve:focus{
    box-shadow: none !important;
}

.calendar-day-item-approve:hover {
  color: #fff;
  background-color: #0b5ed7;
}

/* New HUB Calendar*/

.calendaritem {
    display: flex;
    align-items: center;
}

.calendaritem.bankholiday {
    background-color: rgb(51, 182, 121);
    padding: 4px;
    width: 100%;
}

.calendaritem .editbtn {
    display: none;
}

.calendaritem:hover .editbtn, .calendaritem:focus-within .editbtn {
    display: block;
}

.addeventbtn {
    display: none;
}

td:hover .addeventbtn, td:focus-within .addeventbtn, .calendaritem .addeventbtn {
    display: block;
}

.calendarleavebtn {
    visibility: hidden;
}

.calendar-day-inner-table-cell:hover .calendarleavebtn, .calendar-day-inner-table-cell:focus-within .calendarleavebtn {
    visibility: visible;
}

.calendaritem .dropdown .dropdown > .dropdown-menu {
    top: -9px;
    left: 100%;
}

.calendaritem .dropdown .dropdown:hover > .dropdown-menu, .calendaritem .dropdown .dropdown:focus-within > .dropdown-menu {
    display: block;
}

.calendaritem-label {
    text-wrap: wrap;
    text-overflow: ellipsis;
}

.calendaritem-icon {
    width: 12px;
    min-width: 12px;
    height:12px;
    margin-right: 4px;
    border-radius: 50%;
}

.calendaritem.personal .calendaritem-icon {
    background-color: rgb(3, 155, 229);
}

.calendaritem.practice .calendaritem-icon {
    background-color: rgb(179, 157, 219);
}

.calendaritem.meeting .calendaritem-icon {
    background-color: rgb(240, 147, 0);
}

.calendaritem.holiday .calendaritem-icon {
    background-color: rgb(167, 155, 142);
}

.calendaritem.absence .calendaritem-icon {
    background-color: rgb(97, 97, 97);
}

.calendaritem-tooltip.show {
    opacity: 1;
}

.calendaritem-tooltip .tooltip-inner {
    border: 1px solid black;
    max-width: 400px;
    text-align: left;
}

.calendaritem-tooltip .tooltip-inner .table {
    color: inherit;
}

.calendaritem-tooltip.personal .tooltip-inner {
    background-color: rgb(3, 155, 229);
}

.calendaritem-tooltip.practice .tooltip-inner {
    color: black;
    background-color: rgb(179, 157, 219);
}

.calendaritem-tooltip.meeting .tooltip-inner {
    color: black;
    background-color: rgb(240, 147, 0);
}

.calendaritem-tooltip.holiday .tooltip-inner {
    background-color: rgb(167, 155, 142);
}

.calendaritem-tooltip.absence .tooltip-inner {
    background-color: rgb(97, 97, 97);
}

.calendaritem-tooltip.bankholiday .tooltip-inner {
    background-color: rgb(51, 182, 121);
}

.calendaritemtypes.personal:checked {
    background-color: rgb(3, 155, 229);
    border-color: rgb(3, 155, 229);
}

.calendaritemtypes.practice:checked {
    background-color: rgb(179, 157, 219);
    border-color: rgb(179, 157, 219);
}

.calendaritemtypes.meeting:checked {
    background-color: rgb(240, 147, 0);
    border-color: rgb(240, 147, 0);
}

.calendaritemtypes.holiday:checked {
    background-color: rgb(167, 155, 142);
    border-color: rgb(167, 155, 142);
}

.calendaritemtypes.absence:checked {
    background-color: rgb(97, 97, 97);
    border-color: rgb(97, 97, 97);
}

.calendaritemtypes.bankholiday:checked {
    background-color: rgb(51, 182, 121);
    border-color: rgb(51, 182, 121);
}

@media print {
    .hide-in-print, #beacon-container{
        display:none !important;
    }

    .main-container{margin-left:0px}
}

.feedback-form{
    position: fixed;
    right:-300px;
    z-index: 1000;
    top: 50%;
    transform: translateY(-50%);
}

.feedback-form-cont{
    overflow: hidden;
}

.feedback-form-shown{
    
}

.feedback-form-button{
    background-color: #f5f5f5;
    writing-mode:vertical-rl;
    padding:8px;
}


.cqc-section {
    margin-bottom: 20px;
    border:1px solid #eee;
    padding:16px;
    border-radius:6px;
    min-height: 141px;
}

.cqc-section-muted{
    background-color:#fcfcfc;    
}

.cqc-sectionheader {              
    display: flex;
}

.cqc-sectionheader h2 {
    font-size: 22px;
    color: #000;     
    font-weight: 500;   
    margin-bottom:0;
}

.cqc-list{
    padding-left:0;
    margin-bottom:0;
}

.cqc-list li{
    padding:0;
    margin:0;
    list-style: none;
}

.cqc-list li:nth-child(even){
    padding:0;
    margin:0;
    list-style: none;
    background-color:#f7f7f7;
}

.cqc-list li:not(:last-of-type){
    border-bottom:1px solid #e7e7e7;
}

.cqc-list-item{
    text-decoration:none;
    color:#333;
    padding:20px 12px;
}

.cqc-list-item:hover{
    text-decoration:none;
    color:#333;
    background-color:#eee;
    transition: background-color 0.3s ease
}

.cqc-list-item-icon{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    border-radius:50%;
    color:#fff;
    background-color:#555;
    font-size:20px;
}

.cqc-list-item-typedesc {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    margin-top: 5px;
    color: #6c757d;
}

.cqc-list-item-icon-secondary{
    width:auto;
    height:auto;
    color:#555;
    border-radius:0;
    background-color:transparent;
    font-size:20px;
}

.cqc-list-item-text{
    font-size:16px;   
}

.cqc-list-item-actions{
    margin-top:4px;
}

.cqc-list-item-actions a, .cqc-list-item-actions a:hover{
    text-decoration:underline;
    color:#333;
    font-size:12px;
}

.cqc-list-item-badge{
    border-radius:4px;
    font-weight:bold;
    padding:1px 8px;
    font-size:11px;
    color:#fff;
    margin-bottom:8px;
    display:inline-block;
}

.cqc-advicesection ul{
    margin:10px 0 30px 0;
    padding-left: 18px;
}

.cqc-advicesection li{
    margin-bottom:6px;
    text-indent: 0px;     
}

.cqc-ratingbox{
    line-height:40px;
}

.list-bottom-btn-container{
    border-top: 1px solid #e7e7e7;
    padding: 26px 0 10px 0;
}

#loading-container{
    position:fixed;
    top:0;
    bottom:0;
    left: 0;
    right:0;
    z-index:9999999;
    border-radius:3px;
    padding:78px 100px;
    background: rgba(255, 255, 255, 0.5);
}

.risk-matrix {

}

.risk-matrix-ratingbox{
    border-radius: 4px; 
    font-size: 18px;
    text-align: center;
    padding:2px;
}

.risk-matrix-ratingbox-green, .badge-risk-matrix-green{
    background-color:#238823;
    color:#fff;
}

.risk-matrix-ratingbox-yellow, .badge-risk-matrix-yellow{
    background-color:#FFBF00;
    color:#000;
}

.risk-matrix-ratingbox-orange, .badge-risk-matrix-orange{
    background-color:#ff8400;
    color:#000;
}

.risk-matrix-ratingbox-red, .badge-risk-matrix-red{
    background-color:#D2222D;
    color:#fff;
}

.risk-matrix-table .vrt-header{
    width:50px;
}

.risk-matrix-table .vrt-header span{
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

.risk-matrix-table tr td{
  padding: 0 !important;
  margin: 0 !important;
}

.risk-matrix-input{
    position:absolute;
    left: -99999px;
}

.risk-matrix-item{
    font-weight:bold;
    color:#000;
    width:100%;
    height:100px;
}

.risk-matrix-label{
    display:block;
    cursor:pointer;
    width:100%;
    height:100%;
}

.risk-matrix-cell{
    width:100%;
    height:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.risk-matrix-input:hover + .risk-matrix-cell{
    -webkit-box-shadow:inset 0px 0px 0px 10px #000;
    -moz-box-shadow:inset 0px 0px 0px 10px #000;
    box-shadow:inset 0px 0px 0px 10px #000;
    transition:all 0.2s ease;
}

.risk-matrix-input:checked + .risk-matrix-cell{
    -webkit-box-shadow:inset 0px 0px 0px 10px #000;
    -moz-box-shadow:inset 0px 0px 0px 10px #000;
    box-shadow:inset 0px 0px 0px 10px #000;
}

.risk-matrix-cell-green{
    background-color:#238823;
    color:#fff;
}

.risk-matrix-cell-yellow{
    background-color:#FFBF00;
    color:#000;
}

.risk-matrix-cell-orange{
    background-color:#ff8400;
    color:#000;
}

.risk-matrix-cell-red{
    background-color:#D2222D;
    color:#fff;
}

.user-avatar{
    border-radius:50%;
    overflow:hidden;
    height: 50px;
    width: 50px;
    background-color: transparent;
    padding:0;
    border:1px solid #888888;
    text-align:center;
    line-height:50px;
    color:#fff;
    background-color:#eee;
    font-size:28px;
}

.user-avatar-small{
    height: 24px;
    width: 24px;
    line-height:24px;
    font-size:18px;
}

.avatar-remove{
    color:#dc3545; 
    background-color:transparent; 
    padding:0; 
    font-size:22px; 
    cursor:pointer; 
    margin-left:-5px; 
    border:none;
}

/*select2 undelteable items*/
li.locked-tag .select2-selection__choice__remove{
    display: none!important;
}

.numberfilter {
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-right: 0.15rem;
    padding-left: 0.3rem;
    font-size: 12px;
    border-radius: 0.15rem;
}

span.searchighlight {
    background-color: yellow;
    color: black;
}


.registration-cyberessentials {
    margin-top:40px;
}

.registration-cyberessentials a{
    display:block; 
    width:200px; 
    height:240px; 
    margin-left: auto; 
    margin-right:auto;
}

.registration-cyberessentials img{
    height:240px;
}

.field-box{
    box-shadow: none;
    transition: box-shadow 0.8s ease;
}

.card-glow{
    box-shadow: 0 0 8px 2px #0d6efd;
    transition: box-shadow 0.8s ease;
}

.emoji-menu-container{
    position: absolute;
    z-index: 100;
}

/* sites based on library */
.site-item {
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 14px 20px 14px 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06);
}

.site-item a, .site-item a:hover, .site-item a:visited{
    color:#000;
    text-decoration:none;
}

.site-item-header{
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
    margin-bottom:10px;
    position:relative;
}

.site-item-inactive{
    background-color:#f6f6f6;   
}

ul.unstyled {    
    margin: 0;
    padding: 0;
    list-style-type: none;
}


.dropdown-btn{
    background-color: transparent;
    font-weight: 400;
    color: #212529;
    border: 0;
}

.savedsearch-dropdown-active{
    color: #1e2125;
    background-color: #e9ecef;
}

.savedsearch-badge{
    color: #212529;
    background-color: transparent;
    max-width: 300px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left:0 !important;
}

.signature-pad canvas{
    border:1px solid #ccc;
    border-radius:4px;
}

.signature-image {
    max-width: 400px;
    max-height: 100px;
}

.datepicker table tr td.highlighted-disabled{
    color: #ec1313 !important;
    background-color: #f7f7f7 !important;;
}

.datepicker table tr td.highlighted-disabled:hover{
    color: #ec1313 !important;;
    background-color: #f7f7f7 !important;;
}

.datepicker table tr td.highlighted-holdwarning{
    color: #ec1313 !important;
    background-color: #f7f7f7 !important;;
}

.datepicker table tr td.highlighted-holdwarning:hover{
    color: #ec1313 !important;;
    background-color: #f7f7f7 !important;;
}

ul.tagit-autocomplete > li{
    white-space:nowrap;
}

/* Rotas */
.rotatable .shift {
    background-color: rgb(3, 155, 229);
}

.rotatable .overtime {
    background-color: rgb(179, 157, 219);
}

.rotatable .overtimeoffer {
    background-color: rgb(158, 105, 175);
}

.rotatable .holiday {
    background-color: rgb(167, 155, 142);
}

.rotatable .absence {
    background-color: rgb(97, 97, 97);
}

.rotatable .bankholiday {
    width: 100%;
    background-color: rgb(51, 182, 121);
}

.rotatable .rotapillcell {
    position: relative;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.rotatable .rotapill {
    height:16px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    border-radius: 4px;
}

.rotatable .rotapillbtn {
    opacity: 0%;
    background: white;
    border-radius: 2px;
    border: none;
    height: 16px;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    padding: 0px 2px;
    font-size: 10px;
}

.rotatable .dropdown {
    position: static;
}

.rotatable .rotapillbtn.error {
    color: white;
    background: #dc3545;
    opacity: 100%;
}

.rotatable .rotapill:hover+.dropdown .rotapillbtn, .rotatable .rotapill:focus-within+.dropdown .rotapillbtn, .rotatable .dropdown:hover .rotapillbtn, .rotatable .dropdown:focus-within .rotapillbtn {
    opacity: 100%;
}

.rotatable .rotapillcell .addovertimebtn {
    background: white;
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.rotatable .rotapillcell:hover .addovertimebtn, .rotatable .rotapillcell:focus-within .addovertimebtn {
    opacity: 80%;
}

.rotatable .shifttag {
    position: absolute;
    border-radius: 2px;
}

.rotatable .taglegend {
    height: 8px;
    width: 20px;
    border-radius: 2px;
}

.rotatable .quota {
    height: 100%;
    position: absolute;
    background-color: rgb(230, 124, 115);
    opacity: 0.4;
    margin-top: -4px;
}

.rotatable .capacity {
    height: 100%;
    position: absolute;
    opacity: 0.2;
    margin-top: -4px;
}

.rotatable .capacity.under {
    background-color: green;
}

.rotatable .capacity.over {
    background-color: red;
}

.rotatooltip.show {
    opacity: 1;
}

.rotatooltip .tooltip-inner {
    border: 1px solid black;
}

.rotatooltip.shifttooltip .tooltip-inner {
    background-color: rgb(3, 155, 229);
}

.rotatooltip.overtimetooltip .tooltip-inner {
    color: black;
    background-color: rgb(179, 157, 219);
}

.rotatooltip.overtimeoffertooltip .tooltip-inner {
    background-color: rgb(158, 105, 175);
}

.rotatooltip.holidaytooltip .tooltip-inner {
    background-color: rgb(167, 155, 142);
}

.rotatooltip.absencetooltip .tooltip-inner {
    background-color: rgb(97, 97, 97);
}

.rotatooltip.bankholidaytooltip .tooltip-inner {
    background-color: rgb(51, 182, 121);
}

.rotatable .overtimeoverlap {
    height: 100%;
    position: absolute;
    bottom: 0px;
    border-radius: 4px;
    background: white;
    opacity: 0.8;
}

.rotatable .dropdown .dropdown {
    position: relative;
}

.rotatable .dropdown .dropdown > .dropdown-menu {
    top: -9px;
    left: 100%;
}

.rotatable .dropdown .dropdown:hover > .dropdown-menu {
    display: block;
}

.rotatable .blockeddate {
    height: 20px;
}

.rotatooltip.blockeddatetooltip .tooltip-inner {
    background-color: rgb(255, 193, 7);
    color: black;
}

/* inline select2 */
.select2-selection--multiple.select2-sm {
    font-size: 14px;
    min-height: auto !important;
}

.select2-selection--multiple.select2-sm li {
    margin-top: 2px !important;
}

.select2-selection--multiple.select2-sm li input {
    margin-top: 2px !important;
}

.select2-selection--multiple.select2-sm ul {
    display: block !important;
}

.spinner-border-xs {
    width: 0.75rem; 
    height: 0.75rem;
}