.cg-busy {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
}

.content-wrapper, .right-side {
    /*background-color:#ecf0f5;*/
}

.box {
    border-top: 1px solid #d2d6de;
}

.loconStatus {
    display: inline-block;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    width: 50px;
}

.loconStatus-danger {
    background-color: #C10000;
}

.loconStatus-danger-morning {
    background: linear-gradient(90deg, #3c8dbc 50%, #C10000 50%);
}

.loconStatus-danger-afternoon {
    background: linear-gradient(90deg, #C10000 50%, #3c8dbc 50%);
}

.loconStatus-success {
    background-color: #2BBA67;
}

.loconStatus-success-morning {
    background: linear-gradient(90deg, #3c8dbc 50%, #2BBA67 50%);
}

.loconStatus-success-afternoon {
    background: linear-gradient(90deg, #2BBA67 50%, #3c8dbc 50%);
}

.loconStatus-warning {
    background-color: #f39c12;
}

.loconStatus-warning-morning {
    background: linear-gradient(90deg, #3c8dbc 50%, #f39c12 50%);
}

.loconStatus-warning-afternoon {
    background: linear-gradient(90deg, #f39c12 50%, #3c8dbc 50%);
}

.loconStatus-primary {
    background-color: #2D47A2;
}

.loconStatus-info {
    background-color: #00c0ef;
}

.box-widget-container {
    padding-left: 2px;
    padding-right: 2px;
}

.box-widget {
    display: block;
    min-height: 74px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    margin-bottom: 15px;
    padding: 10px;
}

    .box-widget small {
        font-size: 10px;
    }

    .box-widget .progress {
        background: rgba(0, 0, 0, 0.2);
        margin: 5px -10px 5px -10px;
        height: 2px;
    }

        .box-widget .progress,
        .box-widget .progress .progress-bar {
            border-radius: 0;
        }

            .box-widget .progress .progress-bar {
                background: #fff;
            }

.box-widget-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 74px;
    width: 74px;
    text-align: center;
    font-size: 27px;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.2);
}

    .box-widget-icon > img {
        max-width: 100%;
    }

.box-widget-content {
    padding: 5px 10px;
    margin-left: 75px;
}

.box-widget-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}

.box-widget-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-widget-text {
    text-transform: uppercase;
    font-size: 12px;
}

.box-widget-more {
    display: block;
}

.editProfilePictureOverlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    color: gray;
    text-align: center;
    vertical-align: middle;
}

    .editProfilePictureOverlay .text {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        padding: 10px 15px;
        position: relative;
        font-weight: bold;
        font-size: 80px;
    }

    .editProfilePictureOverlay > label > i {
        margin-top: 50%;
    }

    .editProfilePictureOverlay .text:hover {
        color: #3c8dbc;
        cursor: pointer;
    }

.addCompanyBadge:hover {
    cursor: pointer;
    background-color: #2BBA67;
}

.customOverlayWrapper {
    position: relative
}

.customOverlay {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 2;
    opacity: 0;
    background: rgba(39, 42, 43, 0.8);
    transition: opacity 200ms ease-in-out;
    border-radius: 4px;
}

    .customOverlay:hover {
        opacity: 1;
    }

.removeIcon:hover {
    cursor: pointer;
    color: orangered;
}

.addIcon:hover {
    cursor: pointer;
    color: forestgreen;
}

.findCompanies {
    width: 200px
}

.actionable:hover {
    cursor: pointer;
    color: #333;
}

#userTrackingHistoryMap > div {
    border-radius: 10px;
}

.skin-blue .main-header .navbar .nav > li > span {
    color: #ffffff;
}

    .skin-blue .main-header .navbar .nav > li > span:hover,
    .skin-blue .main-header .navbar .nav > li > span:active,
    .skin-blue .main-header .navbar .nav > li > span:focus,
    .skin-blue .main-header .navbar .nav .open > span,
    .skin-blue .main-header .navbar .nav .open > span:hover,
    .skin-blue .main-header .navbar .nav .open > span:focus,
    .skin-blue .main-header .navbar .nav > .active > span {
        background: rgba(0, 0, 0, 0.1);
        color: #f6f6f6;
    }

.navbar-nav > li > span {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

.nav > li > span {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.navbar-nav > li > span {
    padding-top: 15px;
    padding-bottom: 15px;
}

.navbar-nav > li :hover {
    cursor: pointer;
}

.sidebarTab {
    text-align: center;
}

.task-sidebar {
    right: -60%;
    width: 60%;
    border: 3px solid #d2d6de;
    border-top-width: 0;
    border-right-width: 0;
    top: 50px;
    padding-top: 0;
    background: #f5f5f5;
    position: absolute !important;
}

.settings-sidebar {
    right: -15rem;
    width: 15rem;
}

.task-sidebar-open {
    right: 0;
}

.taskfilter-sidebar {
    right: -45rem;
    width: 45rem;
    border: 3px solid #2D47A2;
    border-right-width: 0;
    padding-top: 0;
    background: #fff;
    position: fixed;
    top: calc(3.5rem + 1px) !important;
    display: block;
    height: fit-content !important;
}

.left-pull-out-tab {
    position: absolute;
    left: -2.71rem;
    top: 1rem;
    height: 11rem;
    width: 2.5rem;
    background: #2D47A2;
    border-radius: 15px 0px 0px 15px;
    cursor: pointer;
    text-align: -moz-center;
    text-align: -webkit-center;
}

.control-sidebar-open.taskfilter-sidebar {
    right: 0;
}

.left-pull-out-tab-text {
    width: 50%;
    height: 100%;
    font-size: 18px;
    color: #fff;
    transform: rotate(-180deg);
    writing-mode: vertical-lr;
}

.row-highlight {
    background-color: #99ffcc;
    font-weight: bold;
}

.editWorkLocation:hover {
    border: 1px solid gray;
}

.assignableTaskUsersContainer {
    border-radius: 10px;
    margin: 15px;
    padding: 5px 5px 5px 5px;
    border: 2px solid #d2d6de;
    display: none;
    text-align: center;
}

    .assignableTaskUsersContainer > .body {
        overflow: auto;
        overflow-y: hidden;
        white-space: nowrap;
    }

.availableTaskUser {
    text-align: center;
    margin: 2px;
    width: 60px;
    border: 3px solid #d2d6de;
    border-radius: 20%;
    transform: scale(0.9);
    display: inline-block;
}

    .availableTaskUser:hover {
        transform: scale(1);
        cursor: pointer;
    }

.loconsContainer {
}

.loconPanel {
    /*border-radius:10px;*/
    margin: 5px;
    padding: 2px;
    /*border:2px solid #d2d6de;*/
    border: none;
    text-align: center;
}

    .loconPanel > .box-body {
        padding: 0px
    }

.breadcrumb {
}

.loconPanel > .body {
    overflow: auto;
    overflow-y: hidden;
    white-space: nowrap;
    text-align: center;
}

.loconUser {
    text-align: center;
    margin: 0px;
    width: 55px;
    transform: scale(1);
    display: inline-block;
}

    .loconUser:hover {
        transform: scale(1.05);
        cursor: pointer;
    }

.enteredLoconNote {
    background: #f0f0f0;
    border-radius: 7px;
    margin: 3px;
    border: 1px solid #ddd;
    color: #545454;
}

.enteredLoconNoteSubject {
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

.enteredLoconNoteDescription {
    border-bottom: 1px solid #ddd;
    padding: 5px
}

.enteredLoconNoteTimestamp {
    padding: 5px;
    text-align: right;
}

.taskUser {
    text-align: center;
    margin: 2px;
    /*width: 60px;*/
    transform: scale(0.9);
    display: inline-block;
}

    .taskUser.selectable:hover {
        transform: scale(1);
        cursor: pointer;
    }

.badge.selectable {
    min-width: 57px;
}

    .badge.selectable:hover {
        cursor: pointer;
        transform: scale(1.1);
    }

.tasksTile {
    background-color: lightgray;
    transform: scale(0.95);
}

    .tasksTile.active {
        outline: 3px solid #3c8dbc;
        background-color: white;
        box-shadow: 10px 10px 5px #888888;
        transform: scale(0.97);
    }

    .tasksTile .box-widget-icon {
        border-radius: 0px;
    }

    .tasksTile:hover {
        cursor: pointer;
        outline: 4px solid #f39c12;
        box-shadow: 10px 10px 5px #888888;
        transform: scale(1);
    }

.taskFormElem {
    display: inline-block;
    margin-left: 15px;
    margin-right: 10px;
}

.drag-enter {
    box-shadow: 0 0 3pt 2pt forestgreen;
}

.taskBox .box-header {
    cursor: pointer;
}

.box.box-secondary {
    border-top-color: #7F8C8D;
}

.box.box-solid.box-secondary {
    border: 1px solid #7F8C8D;
}

    .box.box-solid.box-secondary > .box-header {
        color: #ffffff;
        background: #7F8C8D;
        background-color: #7F8C8D;
    }

        .box.box-solid.box-secondary > .box-header a,
        .box.box-solid.box-secondary > .box-header .btn {
            color: #ffffff;
        }

.badge-secondary {
    background-color: #7F8C8D;
}

.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > span {
    padding: 5px
}

.breadcrumb {
    margin-bottom: 0px;
}

.profile-user-img {
    border: none;
}

.colourBox {
    float: left;
    width: 15px;
    height: 15px;
    margin: 5px;
    border: 1px solid rgba(0, 0, 0, .2);
}

#wrapList .popover {
    max-width: 530px;
    max-height: 500px;
    overflow-y: scroll;
}

#wrapGrid .popover {
    max-width: 400px;
    width: 400px;
    max-height: 500px;
    overflow-y: scroll;
}

#wrapNewTask .popover {
    max-width: 530px;
    max-height: 500px;
    overflow-y: scroll;
}

.user-selected {
    border: 3px solid forestgreen;
}

.pop:hover {
    transform: scale(1.1);
}

.checklistItemComplete {
    color: #bfbfbf;
}

.sidebar-menu .treeview-menu .list-wrapper > li > span {
    padding: 5px 5px 5px 25px;
}

.buttonInset {
    border-style: inset
}

.buttonOutset {
    border-style: outset
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > span, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > span, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > span {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > span {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 10px;
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li :hover {
    background-color: #f4f4f4;
}

.navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu {
    width: 380px;
}

.cascadingItem:hover {
    cursor: pointer;
    font-weight: bold;
}

.checklistReorderControl {
    cursor: pointer;
    font-size: 16px
}

    .checklistReorderControl:hover {
        color: dodgerblue;
        transform: scale(1.1);
    }

.alert-primary {
    background-color: #3c8dbc;
    color: #fff;
}

.gantt_task_link.dependentLink .gantt_line_wrapper div {
    background-color: #dd5640;
}

.gantt_task_link.dependentLink:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px 0px #dd5640;
}

.gantt_task_link.dependentLink .gantt_link_arrow_right {
    border-left-color: #dd5640;
}

.gantt_task_link.defaultLink .gantt_line_wrapper div {
    background-color: #ffb96d;
}

.gantt_task_link.defaultLink:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px 0px #ffb96d;
}

.gantt_task_link.defaultLink .gantt_link_arrow_right {
    border-left-color: #ffb96d;
}

.gantt_task_link.highlightLink .gantt_line_wrapper div {
    background-color: #407fdd;
}

.gantt_task_link.highlightLink:hover .gantt_line_wrapper div {
    box-shadow: 0 0 5px 0px #407fdd;
}

.gantt_task_link.highlightLink .gantt_link_arrow_right {
    border-left-color: #407fdd;
}

.disp_none {
    display: none;
}

.activ8-login {
}

.taskComplete {
    color: #bfbfbf;
}

.grandParent:hover {
    border-bottom: 1px solid lightgray;
}

.parent:hover {
    border-bottom: 1px solid lightgray;
}

.child:hover {
    border-bottom: 1px solid lightgray;
}

.grandChild:hover {
    border-bottom: 1px solid lightgray;
}

.reportLink {
    cursor: pointer;
    color: dodgerblue;
    text-decoration: underline;
}

.dropdown-menu > li > span {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
}

.file-cabinet-file {
    text-align: center;
    cursor: pointer;
    padding: 10px;
}

    .file-cabinet-file:hover {
        background-color: lightskyblue;
    }

.file-cabinet-folder {
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

    .file-cabinet-folder:hover {
        background-color: lightskyblue;
    }

    .file-cabinet-folder > .panel-body {
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
        overflow: hidden
    }

.folderSelected {
    background-color: lightskyblue;
}

.file-cabinet-file > .caption {
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden
}

.folder-breadcrumb {
    padding: 5px;
    margin-right: 5px;
}

.folder-breadcrumb-actionable {
    cursor: pointer;
    padding: 6px 6px 9px 10px;
    margin-right: 5px
}

    .folder-breadcrumb-actionable:hover {
        background-color: #f7f8f9;
        border: 1px solid lightgray;
        padding: 5px 5px 8px 9px;
        border-radius: 3px;
    }

.folder-breadcrumb-active-button {
    background-color: #f7f8f9;
}

.bs-wizard {
}

/*Form Wizard*/
.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #6aa9ce;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%;
            cursor: pointer
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #337ab7;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px;
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 8px;
            box-shadow: none;
            margin: 20px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #6aa9ce;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            background-color: #f5f5f5;
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }
/*END Form Wizard*/

.notification-card {
    white-space: normal;
    padding: 10px;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.avatar {
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    display: inline-block;
}

.taskTooltip {
    display: none;
    background-color: white;
    border: 1px solid #999;
    border-radius: 5px;
}

.success-text {
    color: forestgreen
}

.warning-text {
    color: orangered
}

.excludeLocation {
    background-color: lightgray;
    text-decoration: line-through;
}

.logo {
    position: fixed;
}

.main-sidebar {
    padding-top: 0;
    top: 50px;
    position: fixed;
}

.sidebar-scroller {
    position: relative; /* relative or absolute positioning required by Perfect Scrollbar */
    max-height: calc(100vh - 170px); /* height must be limited to induce scrolling behavior */
    min-height: calc(100vh - 170px); /* height must be limited to induce scrolling behavior */
}

.newtask-scroller {
    position: relative; /* relative or absolute positioning required by Perfect Scrollbar */
    height: calc(100vh - 50px); /* height must be limited to induce scrolling behavior */
}

.questionnaire-table {
    box-shadow: 0 0 1pt 1pt #367fa9;
}

.subtask {
    text-indent: -999999px;
    display: inline-block;
    background-color: #85FFDC;
    opacity: 1;
}

.sucessSubtask {
    text-indent: -999999px;
    display: inline-block;
    background-color: #abffab;
    opacity: 1;
}

.failedSubtask {
    text-indent: -999999px;
    display: inline-block;
    background-color: #ffabab;
    opacity: 1;
}

.inActiveSubtask {
    text-indent: -999999px;
    display: inline-block;
    background-color: #ff6464;
    opacity: 1;
}

.dialog-error {
    border-color: #C10000;
    color: #C10000;
}

.dialog-error-border {
    border: 1px solid #C10000;
}

.form-control-sm {
    display: block;
    width: 100%;
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .2rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-group > .form-control-sm {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    margin-bottom: 0;
}

    .input-group > .form-control-sm:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.btn-xs {
    padding: 0.25rem 0.5rem;
}

.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
    color: #a94442;
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

    .has-error .form-control:focus {
        border-color: #843534;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    }

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
}

.has-error .form-control-feedback {
    color: #a94442;
}

.fa, .fas, .far {
    text-align: center;
    width: 1.25em
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: inherit;
    background-color: inherit;
    border-left: #007bff 4px solid;
}

.slimWrapper {
    margin-left: -4.6rem;
}

.angucomplete-dropdown {
    border-color: #ececec;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    width: 250px;
    padding: 6px;
    cursor: pointer;
    z-index: 9999;
    position: absolute;
    margin-top: -6px;
    background-color: #ffffff;
    overflow-y: auto;
    max-height: 250px;
}

.card-body {
    min-height: 0px;
}

highchart {
    width: 100%;
    display: block;
}

.highcharts-WorkforceAvailabilityGraph {
    overflow: visible !important;
}

.highcharts-tooltip {
    pointer-events: all !important;
}

.badge-default:not(.badge-primary):not(.badge-secondary):not(.badge-success):not(.badge-info):not(.badge-danger):not(.badge-warning) {
    background-color: #CFD1E1 !important;
}

.badge-danger,
.bg-danger,
.btn-danger {
    background-color: #C10000 !important;
    border-color: #C10000 !important;
}

.badge-primary,
.bg-primary,
.btn-primary {
    background-color: #2D47A2 !important;
    border-color: #2D47A2 !important;
}

.card-primary.card-outline,
.card-primary.card-outline-tabs .card-header a.active {
    border-top: 3px solid #2D47A2 !important;
}

.card.card-outline-tabs {
    border-top: 0 !important;
}

.text-danger {
    color: #C10000 !important;
}

.nav-tabs .nav-link {
    color: #495057 !important;
}

    .nav-tabs .nav-link.active {
        color: #2D47A2 !important;
    }

body {
    font-family: 'Lato', 'Robot', 'Open Sans', sans-serif !important;
}

.sidebar-dark-dotactiv {
    background-color: #051542;
}

.text-xs .btn,
.text-xs span:not(.badge):not(.fa):not(.info-box-icon),
.dropdown-footer {
    font-size: .75rem !important;
}

.text-xs .navbar-badge {
    font-size: .6rem !important;
}

.main-sidebar, .main-sidebar::before {
    width: 12rem;
    transition: margin-left 1s ease-in-out,width 1s ease-in-out;
}

@media (min-width: 768px) {
    body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
        margin-left: 12rem;
    }
}

.content-wrapper > .content {
    padding: 0.5rem 0.5rem;
}

.navbar {
    padding: .425rem .425rem;
}

.nav-link {
    padding: .425rem 0.85rem;
}

.main-header .nav-link {
    height: 2.125rem;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.85rem;
    padding-left: 0.85rem;
}

.breadcrumb {
    padding: .5rem 0.75rem;
}

.layout-fixed .control-sidebar {
    top: 3rem;
}

.form-group {
    margin-bottom: 0.85rem;
}

p {
    margin-bottom: 0.85rem;
}

.layout-fixed .brand-link {
    width: 12rem;
}

.brand-link .brand-image-xs {
    max-height: 1.7rem;
}

.brand-link .brand-image-xl {
    max-height: 1.9rem;
}

.logo-xl.brand-image-xs, .logo-xs.brand-image-xs {
    left: 15px;
}

.logo-xs.brand-image-xl {
    left: 20px;
    top: 10px;
}

.brand-link {
    line-height: 1.39rem;
    transition: margin-left 1s ease-in-out,width 1s ease-in-out;
}

.sidebar {
    padding-left: 0;
    padding-right: 0;
}

.sidebar-collapse .nav-sidebar {
    padding-left: 0.7rem;
}

.sidebar-collapse .user-panel {
    padding-left: 0.3rem;
}

@media (min-width: 992px) {
    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused, .sidebar-mini.sidebar-collapse .main-sidebar:hover {
        width: 12rem;
    }
}

.alert-info,
.badge-info {
    background-color: #2D47A2 !important;
}

.main-sidebar .logo-xl,
.main-sidebar .logo-xs {
    transition: opacity 1.5s ease;
}

@media (min-width: 992px)  {
    .sidebar-mini.sidebar-collapse .logo-xs {
        animation: 1s expand;
    }

    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .logo-xs, .sidebar-mini.sidebar-collapse .main-sidebar:hover .logo-xs {
        visibility: visible;
        animation: 1s shrink;
    }
}

@keyframes shrink {
    0% {
        left: 20px;
        top: 10px;
    }

    100% {
        left: 150px;
        top: 14px;
        height: 25px;
    }
}

@keyframes expand {
    0% {
        left: 150px;
        top: 14px;
        height: 25px;
    }

    100% {
        left: 20px;
        top: 10px;
    }
}

.custom-badge-clean {
    font-size: 0.9em;
    font-weight: 300;
}

.radio-rating {
  margin: 2px;
}

.radio-rating input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-rating label {
    display: inline-block;
    background-color: #f9f9f9;
    padding: 4px 9px;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: 0 3px 2px -2px #d1d1d1;
    margin: 2px;
}

.radio-rating label:hover {
  background-color: #94bfff;
}

.radio-rating input[type="radio"]:checked + label {
    background-color: #78aeff;
    border-color: #628bff;
}

/* custom-table-fixed-header is not compatible with table-responsive*/
.custom-table-fixed-header {
    overflow-y: auto;
}

.custom-table-fixed-header th {
    position: sticky;
    top: 0;
    background: #eee;
    z-index: 10;
}