/*******************
*** little RESET ***
********************/

*:focus {
    outline: none !important;
}

/*Change the white to any color*/
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -moz-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}

select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -moz-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}

/* Disabled Cross Icon of the Textbox from IE*/
input[type=text]::-ms-clear {
    display: none;
}

/***General Classes******/
.clear_both {
    clear: both
}

a {
    color: #12305d;
    text-decoration: none;
}

    a:hover, a:focus, a:active {
        color: #3065b5;
        text-decoration: none;
    }


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

h1 {
    margin-bottom: 10px;
    color: #12305d;
    font-size: 2em;
}

    h1.pate-title {
        margin-top: 5px;
        margin-bottom: 2px;
        font-size: 22px;
        padding-top: 10px;
    }

.content-area {
    width: 100%;
    padding: 100px 0px 20px 0px;
}

.nav.show ~ .content-area {
    padding: 70px 20px 20px 260px;
}

.form-horizontal .control-label {
    text-align: left;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    padding: 0;
}

    .form-horizontal .control-label:first-child {
        padding: 0;
    }

.dataTables_wrapper .dataTables_filter {
    float: left;
    text-align: left;
}

.dataTables_wrapper .dataTables_length {
    float: right;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
}

table.dataTable.no-footer {
    border-bottom: 1px solid #ccc;
}

#myDatatable {
    min-width: 100%;
    width: auto !important;
}

.dataTables_wrapper {
    max-width: 99%;
    width: auto !important;
}

span.field-validation-error {
    color: #ff0500;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    line-height: normal;
}

.modal-body .ui-timepicker {
    z-index: 99999;
}

.ui-timepicker-container {
    z-index: 9999 !important;
}

.ui-timepicker-standard {
    font-size: 1.1em;
    background-color: #FFF;
    border: 0px solid #AAA;
    color: #222;
    margin: 0;
    /*padding: 2px;*/
}

.ui-timepicker {
    text-align: left !important;
    border: 0px !important;
}

.validation-summary-errors {
    margin-left: 35px;
    position: relative;
}

    .validation-summary-errors li {
        margin-left: -20px;
        color: #ff0000;
        font-size: 12px;
        font-family: Arial;
        list-style: square;
    }

.section_heading {
    padding-bottom: 5px;
    border: 1px solid #ddd;
    background: #eee;
    /*border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;*/
    color: #111;
    font-weight: 400;
    margin: 5px 0;
    font-size: 16px;
    padding: 5px;
}

.white_bg {
    background: #fff !important;
}

.patient-info-page .section_heading {
    margin: 0px;
    padding: 5px 10px;
}

.patient-info-page h1.pate-title {
    display: inline;
}

.patient-info-page .user-info {
    margin: 0;
    float: right;
}

.table-striped > tbody > tr.selectedRow.active, .table-striped > tbody > tr.selectedRow, .table-striped > tbody > tr.selectedRow td,
.table-striped > tbody > tr.selectedRow.active:hover, .table-striped > tbody > tr.selectedRow:hover, .table-striped > tbody > tr.selectedRow:hover td {
    background: #0094ff;
}

.selectedRow.active, .selectedRow, .selectedRow .glyphicon {
    color: #fff;
}

.table-striped > tbody > tr.selectedRow.active:hover, .table-striped > tbody > tr.selectedRow:hover, .table-striped > tbody > tr.selectedRow:hover td {
    cursor: pointer;
}

.successMessage {
    color: green;
}

.errorMessage {
    color: red;
}

.top-banner {
    /*max-height:300px;*/
    overflow: hidden;
    /*min-height:100px;*/
    background: #eee;
    width: 100%;
    text-align: center;
    padding: 0;
}

.upload-client-logo {
    max-height: 100px;
    overflow: hidden;
    min-height: 80px;
    /*background:#eee;*/
    width: 100%;
    position: relative;
    border: 1px solid #ddd;
    text-align: center;
    padding: 5px;
    margin-top: 5px;
}

.top-banner img {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 200px;
    min-height: 200px;
}

.upload-client-logo img {
    max-width: 97%;
    height: auto;
    max-height: 87%;
    width: auto;
    position: absolute;
    left: 5px;
}
/*.top-banner {
    background: url(../Images/clinic_profile_bg.jpg) center center no-repeat;
    background-size:100% auto;
    position:relative;
}*/
.top-banner .upload-text, .upload-client-logo .upload-text {
    width: 100%;
    height: 100%;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    text-align: center;
    vertical-align: middle;
    z-index: 5;
    padding-top: 10%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    min-height: 150px;
    font-size: 1.5em;
}

.top-banner .upload-text {
    line-height: 200px;
    padding-top: 0;
}

.upload-client-logo .upload-text {
    min-height: 100px;
}

.top-banner:hover .upload-text, .upload-client-logo:hover .upload-text {
    display: block;
}

.top-banner > div {
    padding: 0;
}

.top-banner input[type=file].input-upload-btn, .upload-client-logo input[type=file].input-upload-btn {
    width: 100%;
    height: 100%;
    max-height: 300px;
}

.sm-text {
    font-size: 0.9em;
    color: #777;
    padding: 2em 0 0 0 !important;
    font-style: italic;
}

.activeText, .inactiveText {
    margin-right: 30px !important;
}

#top .fa.fa-bell-o {
    -ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari */
    transform: rotate(20deg); /* Standard syntax */
}

    #top .fa.fa-bell-o:hover {
        animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
        transform: translate3d(20deg,25deg, 0);
        backface-visibility: hidden;
        perspective: 1000px;
    }

.ui-datepicker-unselectable.ui-state-disabled:not(.ui-datepicker-other-month) {
    background-color: lightgrey;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-2px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(2px, 0, 0);
    }
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #222222;
    color: #999999;
    z-index: 99;
}

.bottom-footer {
    background-color: #1e1e1e;
    padding: 5px 15px 5px 15px;
    text-align: center;
    font-size: 14px;
}

.footer .container {
    max-width: 1400px;
    width: auto;
    text-align: center;
}

.footer a {
    font-size: 14px;
    color: #999999;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    padding-left: 50px;
}

    .footer a:hover, .footer a:focus, .footer a:active {
        color: #fff;
        text-decoration: none;
    }

    .footer a i {
        margin-right: 10px;
    }

/* General Messages */
body {
    position: relative;
    min-height: 99.8vh;
    /*letter-spacing: 0.7px;*/
    font-family: 'Lato', sans-serif;
}

.panel-body .viewMode b, .modal .viewMode b, .viewMode b {
    width: 120px;
    display: table-cell;
    font-weight: 500;
}

.demographics-page .panel-body .viewMode b.W200 {
    width: 200px;
}

.panel-body .viewMode .info, .modal .viewMode .info, .viewMode .info {
    display: table-cell;
    padding-left: 10px;
    color: #000;
}

.col-sm-9.patient-info-page {
    margin-top: 0px;
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

.panel {
    margin-bottom: 10px;
}

.panel-body .viewMode .row, .modal .viewMode .row,
#viewmode .viewMode .row {
    padding: 6px 0;
    margin: 0;
}

.scrollable-popup .modal-body {
    max-height: 450px;
    overflow-y: auto;
}

.panel-body .viewMode .row:nth-child(odd), .modal .viewMode .row:nth-child(odd),
#viewmode .viewMode .row:nth-child(odd) {
    /*background: #eff5fd;*/
    background: #f3f8ff;
}

.hide-info, .more-info-content {
    display: none;
}

.pb150 {
    padding-bottom: 100px;
}

.panel-body {
    padding: 10px 10px;
}
/******* Margins and Padding*******/
.p0 {
    padding: 0 !important;
}

.m0 {
    margin: 0 !important;
}

.p5 {
    padding: 5px !important;
}

.p10 {
    padding: 10px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.p15 {
    padding: 15px !important;
}

.p20 {
    padding: 20px !important;
}

.p25 {
    padding: 25px !important;
}

.p30 {
    padding: 30px !important;
}

.p40 {
    padding: 40px !important;
}

.p50 {
    padding: 50px !important;
}

.m5 {
    padding: 5px !important;
}

.m10 {
    padding: 10px !important;
}

.m15 {
    padding: 15px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.pl5 {
    padding-left: 5px !important;
}

.pl10 {
    padding-left: 10px !important;
}

.pl15 {
    padding-left: 15px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pl30 {
    padding-left: 20px !important;
}

.pr30 {
    padding-right: 20px !important;
}

.pl50 {
    padding-left: 50px !important;
}

.pr5 {
    padding-right: 5px !important;
}

.pr10 {
    padding-right: 10px !important;
}

.pr15 {
    padding-right: 15px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr50 {
    padding-right: 50px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr30 {
    margin-right: 30px !important;
}

.mt0 {
    margin-top: 0px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt20neg {
    margin-top: -20px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt59 {
    margin-top: 8px !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

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

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.in-block {
    display: inline-block !important;
    width: auto !important;
}

.maxwidth {
    max-width: 1000px;
}

/*Login*/
.logincontainer {
    width: 100%;
    min-height: 100vh;
    background: #eee;
    height: 100%;
}

#loginbox {
    min-height: 100vh;
    height: 100vh;
    display: table;
}

.mainbox {
    vertical-align: middle;
    display: table-cell;
}

.mainbox-inner {
    background: #fff;
    -webkit-box-shadow: 0 0 15px rgba(177, 177, 177, 0.5);
    -moz-box-shadow: 0 0 15px rgba(177, 177, 177, 0.5);
    box-shadow: 0 0 15px rgba(177, 177, 177, 0.5);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    max-width: 1200px;
    margin: 0 auto;
}

.login-page .mainbox-inner {
    min-height: 500px;
}

.mainbox-inner .panel-body.p30 {
    padding: 20px 30px 0 30px !important;
}

.logincontainer .mainbox .input-group-addon, .logincontainer .mainbox .form-control,
.logincontainer .mainbox .text-box.single-line.password {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #fff;
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px;
    padding-left: 0;
    font-size: 16px;
    color: #333;
    font-family: 'Lato', sans-serif;
}

.logincontainer .mainbox .input-group-addon {
    color: #bbb;
    padding: 3px 12px;
}

.patient-info-page .input-group-addon {
    padding: 0px 5px;
    background: none;
    border: none;
    border-bottom: 1px solid #cccccc;
    border-radius: 0;
    font-size: 13px;
    color: #555;
}

.mainbox .panel {
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0px;
}

#addCensusAreaModal .modal-dialog, #editCensusAreaModal .modal-dialog {
    max-width: 700px;
    width: 700px;
}

.mainbox .panel .panel-body {
    padding: 15px 30px;
}

.summary-info label {
    color: #333;
    /*font-weight: bold !important;*/
}

#myDatatable_filter label {
    margin-bottom: 10px;
}

.dataTables_wrapper .dataTables_length {
    margin-top: 10px;
}

.right-nav-menu button.dropdown-btn.active {
    /*border-bottom: 2px solid #3065b5;*/
    margin-bottom: 0 !important;
}

.right-nav-menu ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-family: 'Lato', sans-serif;
}

    .right-nav-menu ul li button {
        width: 100%;
        text-align: left;
        padding: 10px 10px 5px 10px;
        /*background: #e3e3e3;*/
        background: #ddd;
        border: none;
        font-family: 'Lato', sans-serif;
        border-bottom: 1px solid #fff;
        color: #12305d;
        position: relative;
        font-weight: 500;
    }

        .right-nav-menu ul li button span {
            max-width: 90%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: inline-block;
        }

    .right-nav-menu ul li .dropdown-container {
        background: #f0f0f0;
        padding-bottom: 7px;
    }

        .right-nav-menu ul li .dropdown-container a {
            display: block;
            color: #333;
            font-size: 14px;
            line-height: normal !important;
            padding-left: 45px;
            padding: 7px 8px 7px 37px;
        }

            .right-nav-menu ul li .dropdown-container a:hover, .right-nav-menu ul li .dropdown-container a:focus {
                background: #ddd;
            }

            .right-nav-menu ul li .dropdown-container a.active, .patient-history a.active {
                color: #fff;
                font-weight: bold;
                background: #3065b5;
            }

.patient-history a {
    padding: 10px;
    background: #dddddd;
    width: 100%;
    display: block;
    border-bottom: 1px solid #fff;
}

.patient-history a {
    color: #12305d;
    font-weight: 500;
    font-size: 14px;
}

.login-logo {
    /*padding: 30px 30px 10px 30px;*/
    padding: 30px 0 30px 0;
    margin: 0 auto;
    width: 100%;
    display: block;
    text-align: center;
    min-height: 150px;
}

.dashboard-patient-list-page DIV.gj-grid-wrapper {
    /*max-height: 220px;
    min-height: 220px;*/
}

#login-alert {
    border: none;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1 !important;
}

.validation-summary-errors {
    margin-left: 0;
    text-align: center;
}

    .validation-summary-errors ul {
        padding: 0;
        margin: 0;
    }

        .validation-summary-errors ul li {
            color: #a94442;
            list-style: none;
        }

#login-alert.alert {
    padding-bottom: 10px;
    padding-top: 10px;
}

#login-alert .close {
    line-height: 0.8;
}

.login-logo img {
    max-width: 100%;
    max-height: 90px;
}

/*.login-bg:after {
    content: "";
    position: absolute;
    right: -60px;
    top: 50px;
    height: 100px;
    width: 100px;
    border-radius: 100% 0 0 100%;
    background: #fff;
}*/

.login-intro-text {
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 1.6;
    font-family: 'Lato', sans-serif;
}

.login-bg {
    /*background:#3065b5 url(../Images/login_bg.png) left center no-repeat;
    background-size:100% auto;*/
    /*min-height:500px;*/
    overflow: hidden;
    padding: 0;
    /*background: #3065b5;
    max-height: 588px;*/
}

    .login-bg img {
        min-width: 100%;
        max-height: 100%;
        /*width: auto;*/
        width: 100%;
        padding-left: 15px;
    }

#loginform .checkbox label {
    padding: 0px !important;
    margin-left: 10px;
}

.form-group {
    margin-bottom: 0px !important;
}

.mainbox-inner label, .content-area label {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    color: #555;
    font-size: 13px;
    margin: 0;
    padding: 0;
    margin-top: 3px;
}

label {
    margin: 2px;
}

#loginform .radio input[type=radio], #loginform .radio-inline input[type=radio], #loginform .checkbox input[type=checkbox], #loginform .checkbox-inline input[type=checkbox] {
    margin-left: -10px !important;
}

.panel-info {
    border-color: #ddd !important;
}

#customfilterform label, #customfilterform input[type=text], #customfilterform input[type=password] {
    /*display: block;
    width: 100%;*/
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

.logincontainer .mainbox .popover, .change-password .popover {
    max-width: 550px;
}

    .logincontainer .mainbox .popover ul, .change-password .popover ul {
        padding-left: 15px;
        margin: 0;
    }

.forgot-password .mainbox-inner {
    max-width: 500px;
    margin: 0 auto;
}

.panel-default .panel-heading {
    border-bottom: 1px solid #3065b5;
    background: #3065b5;
    color: #fff;
    font-size: 16px;
}

.maxwidth .select2 {
    max-width: 170px;
}

.panel.panel-default.inactive-panel, .panel-group .panel.panel-default.active {
    border: 1px solid #ddd !important;
}

.collapsed .panel-heading, .inactive-panel .panel-heading {
    border-bottom: 1px solid #eee;
    background: #eee;
    color: #333;
}

    .collapsed .panel-heading .activeText {
        color: #28a745;
    }

    .collapsed .panel-heading .inactiveText {
        color: #dc3545;
    }

.panel-default ~ .panel-collapse.collapse.in {
    border: 1px solid #3065b5;
}

.panel-default > .panel-heading a h4.panel-title {
    color: #555;
    font-weight: 500;
}

.panel-default > .panel-heading.active {
    background: #fff;
    border-color: #3065b5;
}

.inactive-panel .activeText {
    color: #28a745 !important;
}

.inactive-panel .inactiveText {
    color: #dc3545 !important;
}

.custom-search-btn input.form-control {
    border-right: 0;
}

.custom-search-btn .input-group-btn .btn {
    /*background: #fafafa;*/
    background: none;
    border: 0;
    border-bottom: 1px solid #ccc;
    color: #aaa;
    /*color: #3065b5;*/
    padding: 0 4px 2px 4px;
    font-size: 16px;
}

.dataTables_info, .dataTables_paginate.paging_simple_numbers {
    width: 50%;
    background: #f5f5f5;
    line-height: 15px;
    border-bottom: 1px solid #ccc;
}

.dataTables_paginate.paging_simple_numbers {
    float: left !important;
    text-align: left;
    padding: 5px;
    border-radius: 0 4px 4px 4px;
    border-left: 1px solid #ccc;
}

.dataTables_info {
    float: right !important;
    text-align: right;
    padding: 15px;
    border-radius: 4px 4px 4px 0;
    border-right: 1px solid #ccc;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #ddd;
    border: 1px solid #ccc;
    color: #333 !important;
}

.nav button.dropdown-btn.active {
    background: #ccc !important;
    margin-bottom: 0 !important;
    color: #333 !important;
}

.nav ul li .dropdown-btn.active .st0, .navbar .dropdown-btn.active {
    fill: #555555 !important;
}

    .nav ul li .dropdown-btn.active .st1, .navbar .dropdown-btn.active .st1 {
        fill: #F67925 !important;
    }

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #ccc;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    background: #999999;
}


.custom-search-btn .input-group-btn .btn:hover, .custom-search-btn .input-group-btn .btn:focus, .custom-search-btn .input-group-btn .btn:active {
    color: #3065b5;
}


/********************
*** GENERAL Stuff ***
*********************/

.search-icon {
    background: url(../Images/date_icon.png) right center no-repeat;
}

.panel table.gj-grid-table thead tr th.gj-grid-bootstrap-thead-cell {
    background: #ccc !important;
    color: #000;
    font-weight: bold;
}

.panel .table-bordered > thead > tr > th {
    border-left: 1px solid #bbb;
    border-top: 1px solid #bbb !important;
    border-bottom: 1px solid #bbb !important;
    white-space: nowrap;
}

.panel .table > thead:first-child > tr:last-child > th {
    border-right: 1px solid #bbb;
}

.outcome-filter-menu {
    display: none;
    border-radius: 4px;
    padding: 15px 0;
    background: #f5f5f5;
    margin: 15px 0;
}

.outcome-filter {
    padding: 10px;
    display: inline;
}

.second-heading {
    display: inline;
}

.tab-menu {
    display: table-cell;
    width: 80%;
    /*padding: 15px;*/
    vertical-align: middle;
    box-sizing: border-box;
    /*float: right;*/
}
    /*.tab-heading {
        background: #3065b5;
    padding: 10px;
    color: #fff;
}*/

    .tab-menu a {
        display: block;
        padding: 1px 5px 4px 0px;
        margin-bottom: 2px;
        text-align: right;
        /*border-radius: 50px 0 0 50px;*/
        color: #111;
        /*margin-right: -15px;*/
        /*padding-right: 17px;*/
        border-bottom: 1px solid #ccc;
        cursor: pointer;
        font-size: 13px;
        line-height: 16px;
    }

        .tab-menu a:hover, .tab-menu a:focus {
            color: #3065b5;
        }

        .tab-menu a.active {
            background: #12305d;
            color: #fff;
            border: 1px solid #12305d;
            text-overflow: ellipsis;
            overflow: hidden;
            border-radius: 50px 0 0 50px;
            /*white-space: nowrap;*/
            /*font-weight:bold;*/
        }
        /*.tab-menu a.active:after {
            content:"sdfds";
            position:absolute;
            right:0;
        }*/

        .tab-menu a:last-child {
            border-bottom: none;
        }

.nav > li > a {
    padding: 7px 15px;
}

.nav-tabs {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.tab-box-content .nav-tabs > li.active > a, .tab-box-content .nav-tabs > li.active > a:focus, .tab-box-content .nav-tabs > li.active > a:hover {
    color: #3065b5;
    font-weight: bold;
    background: #fff;
    border-bottom: 3px solid #3065b5;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

.tab-box-content a {
    color: #000;
}

.tab-box-content .nav-tabs > li > a:hover, .tab-box-content .nav-tabs > li > a:focus, .tab-box-content .nav-tabs > li > a:active {
    color: #3065b5;
    background: #fff;
    border-left-color: transparent;
    border-right-color: transparent;
}

.borderTopBottom {
    border-bottom: 1px solid #ccc;
    margin-left:1vw;
}

.tab-box-content .tab-content {
    /*padding: 15px;*/
    /*padding: 15px 15px 0px 15px;*/
}

.chart-img {
    display: table-cell;
    width: 30%;
    box-sizing: border-box;
    padding: 0px;
    vertical-align: middle;
    max-width: 100px;
    height: 85px;
    max-height: 85px;
    margin: 0 auto;
    border: 0px solid black;
    position: absolute;
    float: left;
    /*float: left;*/
}

.tab-box {
    /*border-bottom: 1px solid #00f;*/
    padding: 10px 0 5px 10px;
    /*min-height: 230px;*/
    position: relative;
    width: 282px;
}

    .tab-box h4 {
        margin: 0;
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        padding-left: -5px !important;
    }

.avtive-tab-box {
    background: #eee !important;
}

.tab-box svg {
    max-width: 200px;
    float: left;
}
/*.tab-pane svg {
    max-width:40%;
}*/
.blue {
    color: #3065b5;
}

.whitebox {
    -webkit-box-shadow: 0 0 10px rgba(183, 183, 183, 0.8);
    box-shadow: 0 0 10px rgba(183, 183, 183, 0.8);
    width: 100%;
    margin: 25px 0;
    padding: 15px 0;
}

.add-view-content1 {
    max-width: 700px;
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px rgba(183, 183, 183, 0.8);
    box-shadow: 0 0 10px rgba(183, 183, 183, 0.8);
    z-index: 2;
    clear: both;
    background: #fff;
    right: 0;
    display: none;
    top: 25px;
    width: auto;
}

.pos-abs1 {
    position: absolute;
}

.add-view-content.sm-box {
    max-width: 600px;
    width: 550px;
}

#calendar .fc-scroller {
    max-height: 100%;
    height: calc(100vh - 470px) !important;
    min-height: 395px;
}

.clinics-select .select2-container, .clinics-select .select2-container span.selection {
    max-width: 300px !important;
}

.gj-grid-wrapper TABLE.gj-grid-table DIV {
    /*word-break:break-all;*/
    white-space: normal;
}

.viewMode b label, .viewMode label.bold {
    font-weight: 600 !important;
}

.viewMode label.bold {
    padding-right: 10px;
}

.highcharts-background {
    fill: transparent;
    width: 100%;
   
}
.highcharts-point {
    cursor: pointer !important;
}

.outcomes-filter-options {
    display: none;
}

.bbn {
    border-bottom: 1px solid #ccc !important;
   /* border-bottom: none !important;*/
}

.brb {
    border-right: 3px solid #12305d;
}

.pr0 {
    padding-right: 0 !important;
}

.pl0 {
    padding-left: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

/********************
*** TOP BAR Stuff ***
*********************/

#top .navbar-toggler {
    float: left;
    background: #fff;
    border: none;
    padding: 12px 15px 12px 5px;
    background: #fff;
    font-size: 30px;
    color: #777;
    display: none;
    border-radius: 0;
}

.navbar {
    background: #3065b5;
    margin-bottom: 0;
    min-height: 30px;
    padding: 0;
    margin: 0;
    border: none;
    color: #fff;
    border-radius: 0;
}

    .navbar svg, .navbar img, .navbar .fa.fa-home {
        display: inline-block;
        width: 20px;
        height: 17px;
        vertical-align: middle;
        margin-right: 5px;
        vertical-align: middle;
        margin-top: -2px;
    }

    .navbar ul {
        margin: 0;
        padding: 0;
        border-radius: 0;
        -webkit-box-shadow: 0;
        box-shadow: 0;
    }

        .navbar ul > li {
            display: inline-block;
            list-style-type: none;
            vertical-align: middle;
            position: relative;
            float: left;
        }

    .navbar > ul > li {
        margin-right: -4px;
    }

    .navbar > ul > li {
        min-height: 42px;
    }

    .navbar ul > li > a {
        padding: 6px 15px 9px 15px;
    }

        .navbar ul > li > a.dropdown-toggle {
            padding: 8px 15px 8px 15px;
        }

    .navbar ul > li:after, .navbar .dropdown:after {
        content: "";
        border-right: 1px solid #4683e0;
        position: absolute;
        height: 25px;
        width: 1px;
        margin: 5px 0;
        right: 0;
        top: 0;
    }

    .navbar ul > li:last-child:after, .navbar li:last-child .dropdown:after {
        border-right: none !important;
    }

    .navbar .dropdown:after {
        right: 0;
        top: 0;
    }

    .navbar ul.dropdown-menu > li:after {
        display: none;
    }

    .navbar ul.dropdown-menu li a {
        text-align: left;
    }

    .navbar ul > li:last-child:after, .navbar li.dropdown:last-child:after, .navbar ul > li.active:after {
        display: none;
    }

    .navbar ul > li > a, .navbar ul > li > button {
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        color: #fff;
        margin: 0;
        background: none;
        font-weight: 400;
        line-height: 35px;
    }

    .navbar .dropdown-menu li {
        display: inline-block;
        width: 100%;
        padding: 0;
    }

        .navbar .dropdown-menu li a {
            padding: 10px 15px;
            line-height: normal;
        }

    .navbar .open > .dropdown-menu {
        background: #fff;
        min-width: 200px;
        width: 240px;
        top: 35px;
        padding: 0;
    }

        .navbar .open > .dropdown-menu a {
            color: #3065b5;
            font-weight: 400;
        }

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:active {
    background: #ddd;
    color: #000 !important;
}

.active-submenu, .dropdown-menu > li > a.active-submenu:hover, .dropdown-menu > li > a.active-submenu:focus,
.dropdown-menu > li > a.active-submenu:active {
    background: #12305d !important;
    color: #fff !important;
}

.navbar .dropdown {
    border: none;
    background: none;
    border-color: #e1e1e1;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    margin-left: -5px;
    height: auto;
}

    .navbar .dropdown::before {
        border: none;
        display: none;
    }

.navbar a .fa.fa-angle-down {
    width: 20px;
    text-align: right;
    padding: 10px 5px;
}

.side-navbar .dashboad-icon .st0, .navbar .dashboad-icon .st0 {
    /*fill: #555555;*/
    fill: #fff;
}

.side-navbar .dashboad-icon .st1, .navbar .dashboad-icon .st1 {
    /*fill: #F67925;*/
    fill: #fff;
}

.side-navbar .side-menu-icon {
    width: 25px;
    margin: 0px 15px;
    display: inline-block;
    vertical-align: middle;
    height: 50px;
}

.side-navbar li.active a .side-menu-icon .st0, .side-navbar li.active a .side-menu-icon .st1,
.side-navbar li.active button .side-menu-icon .st0, .side-navbar li.active button .side-menu-icon .st1,
.navbar li.active a .side-menu-icon .st0, .navbar li.active a .side-menu-icon .st1,
.navbar li.active button .side-menu-icon .st0, .navbar li.active button .side-menu-icon .st1 {
    fill: #fff;
}

.dl-horizontal dt {
    text-align: left;
}

.dl-horizontal dt, .dl-horizontal dd {
    padding: 5px;
    font-family: 'Lato', sans-serif;
}

.dl-horizontal dd {
    margin-left: auto;
    border-bottom: 1px solid #ddd;
}

.modal-dialog {
    max-width: 500px;
    font-family: 'Lato', sans-serif;
}

    .modal-dialog.modal-lg {
        max-width: 900px;
    }

    .modal-dialog.modal-extra-lg {
        max-width: 1200px;
    }

.modal-header {
    padding: 7px 15px;
    border-bottom: none;
    background: #3065b5;
    color: #fff;
}

.dashboard-todo-list .panel-group .panel.panel-default {
    border: none;
}

.dashboard-todo-list table {
    margin-bottom: 0;
}
/*.maxheight {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}*/
.panel .badge.badge-light {
    padding: 4px 6px;
    color: #fff;
    background-color: #999;
}

.panel .panel-heading .badge.badge-light {
    padding: 4px 6px;
    color: #000;
    background-color: #ccc;
    margin-top: -2px;
}

.panel .panel-heading.active .badge.badge-light {
    color: #333;
    background-color: #fff;
}

h4.modal-title {
    color: #fff;
    display: inline-block;
}

.modal-header .close {
    margin-top: -5px;
    color: #fff;
    text-shadow: none;
    opacity: 0.3;
    font-size: 30px;
}

    .modal-header .close:hover {
        opacity: 0.8;
    }

.modal-danger .modal-header {
    background: #ebccd1;
    color: #a94442;
    border-radius: 4px 4px 0 0;
}

    .modal-danger h4.modal-title, .modal-danger .modal-header .close {
        color: #a94442;
    }

.modal-danger .theme-blue-btn {
    background: #a94442;
}

.modal-danger .theme-outline-btn {
    border-color: #a94442;
    color: #a94442;
}

.fc-row table, .fc-day-header span {
    font-family: 'Lato', sans-serif;
}

.fc table {
    border-collapse: separate !important;
}

    .fc table, .fc table tbody, .fc table thead, .fc table tr th, .fc-row.fc-widget-header tr {
        border: none !important;
    }

        .fc table tbody, .fc table thead, .fc table tr th {
            border-collapse: collapse !important;
        }

.fc-row thead > tr > th {
    background: #eee;
}

.fc-row thead th {
    padding: 10px;
}

.fc-agendaDay-view .fc td, .fc-agendaDay-view .fc th {
    border-width: 0 0 1px 0 !important;
}

.fc-agendaDay-view .fc-time-grid .fc-slats table tr td, .fc-agendaDay-view .fc-time-grid .fc-slats table tr:nth-child(odd) {
    border-bottom: 1px solid #ccc !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

.fc-event, .fc-event-dot {
    background-color: #12305d !important;
    padding: 2px 5px;
    display: inline-block !important;
    border-color: #12305d !important;
}

.fc-agendaDay-view .fc-event {
    font-size: 16px !important;
}

.fc-short {
    font-size: 14px !important;
    padding: 0 5px;
}

.fc-day-grid-event .fc-content {
    text-overflow: ellipsis;
    overflow: hidden;
}

.fc-agendaWeek-view .fc-time-grid .fc-event {
    max-width: 50px;
}

.fc-agendaWeek-view .fc-time-grid-event .fc-time {
    white-space: normal;
}

.fc-event {
    max-width: 90%;
}

.fc-time-grid .fc-bgevent, .fc-time-grid .fc-event {
    /*position: relative !important;*/
    max-width: 200px;
    cursor: pointer;
}

.fc-event .fc-bg {
    opacity: 0.25 !important;
}
/*#dashboardcalendar .fc-view-container {
    max-height:500px;
    overflow:auto;
}*/
.modal-body .panel-group {
    margin-bottom: 0px;
}

.fc-axis.fc-time.fc-widget-content {
    border-bottom: none !important;
}

.fc-state-default, .fc-agendaWeek-button, .fc-agendaDay-button, .fc-month-button,
.fc-today-button, .fc-prev-button, .fc-next-button {
    background: #12305d !important;
    color: #fff !important;
    border: 1px solid #3065b5 !important;
    text-shadow: none !important;
    font-family: 'Lato', sans-serif;
}

    .fc-state-active, .fc-state-down, .fc-agendaWeek-button.active, .fc-agendaDay-button.active, .fc-month-button.active {
        background: #3065b5 !important;
    }

.fc-toolbar h2 {
    font-size: 18px;
}

.modal-danger .theme-blue-btn:hover, .modal-danger .theme-blue-btn:focus, .modal-danger .theme-blue-btn:active,
.modal-danger .theme-outline-btn:hover, .modal-danger .theme-outline-btn:focus, .modal-danger .theme-outline-btn:active {
    background: #882d2b;
    border-color: #a94442;
}

.modal-success .modal-header {
    background: #dff0d8;
    color: #3c763d;
    border-radius: 4px 4px 0 0;
}

    .modal-success h4.modal-title, .modal-success .modal-header .close {
        color: #3c763d;
    }

.modal-success .theme-blue-btn {
    background: #3c763d;
}

.modal-success .theme-outline-btn {
    border-color: #3c763d;
    color: #3c763d;
}

    .modal-success .theme-blue-btn:hover, .modal-success .theme-blue-btn:focus, .modal-success .theme-blue-btn:active,
    .modal-success .theme-outline-btn:hover, .modal-success .theme-outline-btn:focus, .modal-success .theme-outline-btn:active {
        background: #2a5d2b;
        border-color: #2a5d2b;
    }

.modal-warning .modal-header {
    background: #faebcc;
    color: #8a6d3b;
    border-radius: 4px 4px 0 0;
}

    .modal-warning h4.modal-title, .modal-warning .modal-header .close {
        color: #8a6d3b;
    }

.modal-warning .theme-blue-btn {
    background: #8a6d3b;
}

.modal-warning .theme-outline-btn {
    border-color: #8a6d3b;
    color: #8a6d3b;
}

    .modal-warning .theme-blue-btn:hover, .modal-warning .theme-blue-btn:focus, .modal-warning .theme-blue-btn:active,
    .modal-warning .theme-outline-btn:hover, .modal-warning .theme-outline-btn:focus, .modal-warning .theme-outline-btn:active {
        background: #58431e;
        border-color: #58431e;
    }

#top {
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 1px 0 rgba(183, 183, 183, 0.5);
    box-shadow: 0 1px 0 rgba(183, 183, 183, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 997;
}

.classic #top {
    position: relative;
}

.nav-button {
    width: 50px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    /*color: #3065b5;*/
    color: #777;
    font-size: 26px;
    float: left;
    background: #fff;
    position: relative;
    cursor: pointer;
    overflow: hidden;
    /*overflow-x:hidden;
    overflow-y:auto;*/
    margin-right: 5px;
}

    .nav-button::before {
        content: '';
        position: absolute;
        width: 1000px;
        height: 100%;
        background: #fff;
        left: -1000px;
    }

.classic .nav-button {
    display: none;
}

.main-logo {
    float: left;
    height: 60px;
    line-height: 60px;
}

    .main-logo .one_logo {
        max-width: 170px;
        max-height: 40px;
    }

    .main-logo .customer_logo {
        max-width: 170px;
        max-height: 45px;
    }

    .main-logo a {
        height: 70px;
        float: left;
        color: #fff;
        font-size: 25px;
        line-height: 65px;
        padding-left: 20px;
        text-decoration: none;
    }

        .main-logo a:hover {
            text-decoration: none;
            color: rgba(255,255,255,0.85);
        }

    .main-logo span {
        color: #afafaf;
        font-size: 12px;
    }

.profile {
    float: right;
    position: relative;
    background: #fff;
    /*margin-right: 20px;*/
}

.notification-icon {
    border-right: 1px solid #ccc;
}

.notification-icon {
    color: #777777;
}

    .notification-icon:hover, .notification-icon:focus, .notification-icon:active {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

.profile > ul {
    float: right;
}

.profile::after {
    content: '';
    position: absolute;
    width: 1000px;
    height: 100%;
    background: #fff;
    /*background: #232b2f -webkit-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0) 50%);
        background: #232b2f -moz-linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0) 50%);
        background: #232b2f linear-gradient(bottom, rgba(0,0,0,0.3), rgba(0,0,0,0) 50%);*/
    right: -1000px;
    top: 0;
}

.profile ul {
    list-style: none;
    margin: 0 0 0px 0px;
    padding-left: 10px;
}

.profile > ul > li {
    float: left;
    /*border-left: 1px solid rgba(0,0,0,0.25);
            -moz-box-shadow: inset -1px 0 0 rgba(255,255,255,0.06);
            -webkit-box-shadow: inset -1px 0 0 rgba(255,255,255,0.06);
            box-shadow: inset -1px 0 0 rgba(255,255,255,0.06);
            background: #232b2f linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0) 75%);*/
}

.profile ul li:first-child {
    -moz-box-shadow: inset -1px 0 0 rgba(255,255,255,0.06), -1px 0 0 rgba(255,255,255,0.06);
    -webkit-box-shadow: inset -1px 0 0 rgba(255,255,255,0.06), -1px 0 0 rgba(255,255,255,0.06);
    box-shadow: inset -1px 0 0 rgba(255,255,255,0.06), -1px 0 0 rgba(255,255,255,0.06);
}

.profile ul li:last-child {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.profile ul li.user {
    position: relative;
}

    .profile ul li.user a {
        padding-left: 15px;
        height: 60px;
    }

.profile ul li a {
    display: block;
    line-height: 70px;
    font-size: 16px;
    color: #000;
    /*padding: 0 30px;*/
    text-decoration: none;
    position: relative;
}

.button {
    transition: all 0.5s;
}

    .button span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.5s;
    }

        .button span:after {
            content: '\00bb';
            position: absolute;
            opacity: 0;
            top: 0;
            right: -10px;
            transition: 0.5s;
        }

    .button:hover span {
        padding-right: 15px;
    }

        .button:hover span:after {
            opacity: 1;
            right: 0;
        }

input[type=file].input-upload-btn {
    display: block;
    height: 210px;
    width: 210px;
    border: 1px solid #ccc;
    margin: 0;
    /*padding: 70px;*/
    opacity: 0;
    position: absolute;
    z-index: 9;
}

.uploaded-img {
    top: 20px;
    left: 0;
    max-width: 210px;
    border: 1px solid #ccc;
    max-height: 210px;
}

.select-file {
    position: relative;
    padding: 20px 0;
    width: 100%;
    display: block;
}

.upload-img-btn {
    display: none;
}

.profile-img {
    width: 45px;
    height: 45px;
    margin-top: 5px;
    float: left;
    overflow: hidden;
    background: #eee;
    position: relative;
}

    .profile-img img {
        min-width: 100%;
        max-height: 100%;
        /*width:100%;*/
        position: absolute;
    }

TABLE.gj-grid-table > tbody > tr > td > div {
    width: 100%;
}

.user-profile-photo {
    text-align: center;
    margin: 0 auto;
    display: block;
    /*background: url('../../Images/clientLogo/bannerImage.jpg') center center no-repeat;*/
    background: url('../Images/clinic_user_bg.jpg') center center no-repeat;
    width: 100%;
    padding: 10px;
    /*margin-bottom: 10px;*/
    background-size: 100% auto;
}

.dataTables_length select {
    width: 70px;
}

.user-profile-photo .profile-img {
    width: 65px;
    height: 65px;
    border: 3px solid #3065b5;
    float: none;
    margin: 0 auto;
    overflow: visible;
    border-radius: 50%;
}

.user-profile-photo a.arrow {
    position: absolute;
    right: -6px;
    bottom: -3px;
    height: 20px;
    width: 20px;
    background: #3065b5;
    padding: 1px 3px 3px 3px;
    z-index: 9;
    color: #fff;
    border-radius: 50%;
}

.user-profile-photo .img-circle {
    overflow: hidden;
    height: 59px;
}

.user-profile-photo .profile-img img {
    position: relative;
}

.user-profile-photo .user-name {
    color: #3065b5;
    line-height: 25px;
}

    .user-profile-photo .user-name small {
        color: #333;
        display: block;
    }

.user-profile-photo input[type=file].input-upload-btn {
    display: block;
    height: 65px;
    width: 65px;
    border: 1px solid #ccc;
    margin: 0;
    padding: 7px;
    opacity: 0;
    position: absolute;
    z-index: 1;
}

.img-close-btn {
    display: none;
}

.user-info {
    float: left;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    margin: 10px 10px 0 0;
    /*text-shadow: 0 1px 1px rgba(0,0,0,0.5);*/
    font-family: 'Lato', sans-serif;
    color: #3065b5;
    text-align: right;
}

.user-email {
    font-size: 12px;
    color: #555;
    font-family: 'Lato', sans-serif;
}

.profile .arrow {
    color: #333;
    float: left;
    font-size: 14px;
    margin-left: 5px;
    padding-top: 30px;
    line-height: 30px;
}

/*	Modify bootstrap default for user dropdown */
.profile .dropdown-menu > li {
    float: none;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none;
    border: none;
}

    .profile .dropdown-menu > li i {
        /*text-shadow: none;*/
        margin: 0px 20px 0px 10px;
        /*text-shadow: 0px 1px 0px rgba(0,0,0,0.5);*/
    }

    .profile .dropdown-menu > li > a {
        font-size: 14px;
        height: 100%;
        float: none;
        padding: 8px 20px;
        line-height: 20px;
        color: #333;
        /*text-shadow: 0px -1px 0px rgba(0,0,0,0.5);*/
    }

.profile li.user .dropdown-menu > li > a {
    height: 100%;
    padding: 8px 20px;
    color: #333;
    font-family: 'Lato', sans-serif;
}

.profile .dropdown-menu {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    /*width: 220px;*/
    top: 105%;
    background-color: #fff;
    border: none;
    padding: 5px 0px !important;
}

    .profile .dropdown-menu > li > a:hover, .profile .dropdown-menu > li > a:focus {
        background: #2c353a;
        color: #ffffff;
        /*-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.5), 0 -1px 0 rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.5), 0 -1px 0 rgba(0,0,0,0.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.5), 0 -1px 0 rgba(0,0,0,0.25);*/
    }

.profile li.user .dropdown-menu > li > a:hover, .profile li.user .dropdown-menu > li > a:focus {
    background: #3065b5;
    color: #ffffff;
}

.breadcrumb {
    padding: 2px;
    background-color: transparent;
    border-radius: 0;
    /*border-top: 1px solid #eee;*/
    border-bottom: 1px solid #eee;
    font-size: 12px;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    margin-bottom: 10px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    /*background-color: #d0d0d0;*/
    background: none;
    color: #555;
    cursor: not-allowed;
}

.panel-default > .panel-heading.active a, .panel-default > .panel-heading.active h4.panel-title {
    color: #3065b5;
}

.panel-heading {
    padding: 5px 10px;
}

form .row {
    margin-bottom: 8px;
}

    form .row:last-child {
        margin-bottom: 0px;
    }

.content-area .form-group {
    margin-bottom: 0;
}

.modal-footer {
    padding: 10px 15px 15px 15px;
    border: none;
}

.super-admin-page .panel-title .profile-img {
    margin-top: -6px;
    margin-right: 10px;
    width: 30px;
    height: 30px;
}

.super-admin-page .panel-heading {
    padding: 10px 10px;
}

.panel-title {
    font-weight: 500;
}

.panel-group .panel + .panel {
    margin-top: 6px;
}

.col-sm-4 {
    /*padding: 0 15px;*/
    box-sizing: border-box;
}

table.todo-dashboard-list tr td {
    padding: 5px 5px 5px 8px !important;
}

.alert {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 5px 10px;
    margin-bottom: 10px;
}
/*the container must be positioned relative:*/
.custom-select {
    position: relative;
    font-family: Arial;
}

    .custom-select select {
        display: none; /*hide original SELECT element:*/
    }

.select-selected {
    background-color: DodgerBlue;
}
    /*style the arrow inside the select element:*/
    .select-selected:after {
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }
    /*point the arrow upwards when the select box is open (active):*/
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }
/*style the items (options), including the selected item:*/
.select-items div, .select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
}
/*style items (options):*/
.select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}
/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.fa.fa-toggle-on:before {
    content: url('../Images/active.png');
    position: relative;
}

.fa.fa-toggle-off:before {
    content: url('../Images/inactive.png');
    position: relative;
}

.active-inactive input[type=checkbox]::after {
    content: url('../Images/inactive.png');
    position: relative;
    left: 5px;
    top: -14px;
}

.fa.fa-complete:before {
    content: url('../Images/complete.png');
    position: relative;
}

.fa.fa-incomplete:before {
    content: url('../Images/incomplete.jpg');
    position: relative;
}

.active-inactive input[type=checkbox] {
    height: 0;
    width: 0;
    margin-right: 70px;
}

    .active-inactive input[type=checkbox]:checked::after {
        content: url('../Images/active.png');
        position: relative;
        left: 5px;
        top: -14px;
    }


.yes-no input[type=checkbox]::after {
    content: url('../Images/no.png');
    position: relative;
    left: 5px;
    /*top: -14px;*/
}

.yes-no input[type=checkbox] {
    height: 0;
    width: 0;
    margin-right: 70px;
}

    .yes-no input[type=checkbox]:checked::after {
        content: url('../Images/yes.png');
        position: relative;
        left: 5px;
        /*top: -14px;*/
    }

.present-absent input[type=checkbox]::after {
    content: url('../Images/absent.png');
    position: relative;
    left: 5px;
    top: -14px;
}

.present-absent input[type=checkbox] {
    height: 0;
    width: 0;
    margin-right: 70px;
}

    .present-absent input[type=checkbox]:checked::after {
        content: url('../Images/present.png');
        position: relative;
        left: 5px;
        top: -14px;
    }

.active-img, .inactive-img {
    display: none;
}

/*************************
*** MAIN CONTENT Stuff ***
**************************/
.container, .navbar ul {
    max-width: 1600px;
    width: 1400px;
    width:auto;
    margin: 0 auto;
    scroll-padding-top:1.5%;
}

.navbar ul {
    padding: 0px 15px;
    /*text-align: right;*/
}

/*.navbar ul {
    text-align: center;
}*/

.main-content {
    width: 100%;
    float: left;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 70px;
    margin-bottom: 50px;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -webkit-transition: width 0.2s;
    transition: width 0.2s;
}

.classic .main-content {
    margin-top: 0px;
}

.main-content, .side-navbar {
    min-height: 200px;
}

    .main-content .header {
        width: 100%;
        height: 84px;
    }


/***********************
*** NAVIGATION Stuff ***
************************/
.sidenav {
    height: 100%;
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 20px;
}

.side-navbar {
    width: 230px;
    float: left;
    margin-right: 27px;
    background: #f0f0f0;
    margin-bottom: 80px;
    display: none;
    position: fixed;
    top: 70px;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s;
    /*-moz-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    -o-transform: translateX(-2000px);
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);*/
    /*MAX-height: calc(100% - 310px) !important;*/
    overflow-y: auto;
    overflow-x: hidden;
    /*height:auto !important;*/
    /*min-height: calc(100% - 310px) !important;*/
}

#main {
    min-height: calc(100% - 360px) !important;
}

.side-navbar.show {
    display: block;
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

    .side-navbar.show + .main-content {
        width: 760px; /* new Sticky -> */
        /*margin-left: 180px;*/
    }

.side-navbar > ul > li:last-child {
    margin-bottom: 50PX;
}

.classic .nav.show + .main-content {
    width: 740px;
    margin-left: 0px;
    padding-right: 5px;
}

.classic .side-navbar {
    position: relative;
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    top: 0;
    margin-right: 0px;
}

.side-navbar::before {
    content: '';
    width: 1000px;
    height: 100%;
    background: #fff;
    left: -1000px;
    position: absolute;
}

.side-navbar ul {
    list-style: none;
    margin-top: 10px;
    padding: 0 0 130px 0;
}

.text-overflow-ellipsis {
    text-overflow: ellipsis;
}

.side-navbar > ul > li {
    height: auto;
    width: 100%;
    /*-moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.12);
    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.12);
    box-shadow: inset 0 1px 0 rgba(0,0,0,0.12);*/
    position: relative;
}

.side-navbar ul li a, .side-navbar ul li a i {
    color: #333333;
}

.side-navbar ul li a, .side-navbar ul li .dropdown-btn {
    font-size: 16px;
    line-height: 50px;
    margin-bottom: 1px;
    text-decoration: none;
    display: block;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
    font-family: 'Lato', sans-serif;
    border-bottom: 1px solid #e2e2e2;
}

.side-navbar ul li .dropdown-btn {
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #e2e2e2;
    background: none;
}

    .side-navbar ul li .dropdown-btn svg, .side-navbar ul li .dropdown-btn span {
        float: left;
    }

    .side-navbar ul li .dropdown-btn svg {
        margin-left: 10px;
    }

    .side-navbar ul li .dropdown-btn > .fa {
        line-height: 48px;
    }

.side-navbar ul li a i {
    margin: 0 20px 0 20px;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    transition: color 0.5s;
}

.side-navbar ul li.active, .navbar ul li.active > a {
    background: #12305d !important;
    color: #fff !important;
}

    .side-navbar ul li.active > a, .side-navbar ul li.active > a i,
    .navbar ul li.active > a, .navbar ul li.active > a i {
        color: #fff;
        cursor: pointer;
    }

.side-navbar ul li:hover:not(.active) {
    background: #ffffff;
}

    .side-navbar ul li:hover:not(.active)::before {
        background: #f0f6f8;
    }

    .side-navbar ul li:hover:not(.active) a, .side-navbar ul li:hover:not(.active) a i {
        color: #333333;
    }

.side-navbar ul li.collapsible.open ul li a {
    color: #929191;
}

.side-navbar ul li.collapsible.open ul li:hover a {
    color: #72a9bc;
}

.side-navbar ul li > .sub-menu {
    max-height: 0;
    -moz-transition: max-height 0.3s linear;
    -o-transition: max-height 0.3s linear;
    -webkit-transition: max-height 0.3s linear;
    transition: max-height 0.3s linear;
}

.side-navbar ul li.collapsible.open > .sub-menu {
    max-height: 500px;
}

.side-navbar ul li.collapsible.open, .side-navbar ul li.collapsible.open::before, .sub-menu li,
.side-navbar ul li > .sub-menu li::before, .sub-menu li, .side-navbar ul li > .sub-menu li::before {
    background: #f6f6f6;
}

    .side-navbar ul li.collapsible.open > a, .side-navbar ul li.collapsible.open > a i {
        color: #000;
    }

.side-navbar ul li.collapsible > ul li a {
    font-size: 12px;
    line-height: 36px;
    padding-left: 70px;
}

.side-navbar ul li.collapsible > ul li, .side-navbar ul li.collapsible > ul li::before {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .side-navbar ul li.collapsible > ul li:first-child, .side-navbar ul li.collapsible > ul li:first-child::before {
        -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.6);
        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.6);
        box-shadow: inset 0 1px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.6);
    }

    .side-navbar ul li.collapsible > ul li:hover:first-child, .side-navbar ul li.collapsible > ul li:hover:first-child::before {
        -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(114,169,188,0.1);
        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(114,169,188,0.1);
        box-shadow: inset 0 1px 0 rgba(0,0,0,0.12), inset 0 2px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(114,169,188,0.1);
    }

    .side-navbar ul li.collapsible > ul li:hover:last-child, .side-navbar ul li.collapsible > ul li:hover:last-child::before {
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
    }

    .side-navbar ul li.collapsible > ul li:hover, .side-navbar ul li.collapsible ul li:hover::before {
        height: 36px;
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(114,169,188,0.1);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(114,169,188,0.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(114,169,188,0.1);
    }

.nav-logo {
    position: absolute;
    bottom: 60px;
    left: 20px;
    color: #929191;
    font-size: 20px;
    font-weight: bold;
    display: block;
}

    .nav-logo span {
        font-size: 12px;
        display: block;
    }



/********************
*** CONTENT Stuff ***
*********************/
.page-title {
    float: left;
    color: #1b1e1f;
    font-size: 18px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    margin: 0;
}

    .page-title i {
        margin-right: 15px;
    }

    .page-title span {
        font-size: 12px;
        color: #929191;
        margin-left: 10px;
    }

.main-content .header .page-title {
    padding: 32px 0px 34px 0px;
}

.widget .widget-header .page-title {
    padding: 20px 0px 15px 0px;
}

.main-content .header .search {
    float: right;
    margin-top: 25px;
    position: relative;
}

    .main-content .header .search input {
        width: 223px;
        height: 36px;
        color: #929191;
        font-size: 14px;
        padding-left: 34px;
        font-family: 'cartogothic_stdregular';
        position: relative;
    }

        .main-content .header .search input + i {
            position: absolute;
            font-size: 12px;
            left: 13px;
            top: 11px;
            color: #1b1e1f;
        }

.intro {
    clear: both;
    width: 100%;
}

    .intro ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .intro ul li {
            width: 25%;
            height: 95px;
            background: #fff;
            float: left;
            border: 1px solid rgba(0,0,0,0.15);
            border-bottom: 1px solid rgba(0,0,0,0.3);
            border-right: none;
            -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
            -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
            box-shadow: 0 1px 1px rgba(0,0,0,0.15);
            position: relative;
        }

            .intro ul li:first-child {
                -webkit-border-top-left-radius: 4px;
                border-top-left-radius: 4px;
                -webkit-border-bottom-left-radius: 4px;
                border-bottom-left-radius: 4px;
            }

            .intro ul li:last-child {
                -webkit-border-top-right-radius: 4px;
                border-top-right-radius: 4px;
                -webkit-border-bottom-right-radius: 4px;
                border-bottom-right-radius: 4px;
                border-right: 1px solid rgba(0,0,0,0.2);
            }

.intro-content {
    height: 36px;
    width: 160px;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.intro-info {
    font-size: 18px;
    color: #1b1e1f;
    margin: -2px 0 0 12px;
    float: left;
}

    .intro-info span {
        font-size: 12px;
        color: #929191;
        display: block;
    }


/*************************
*** Mini circle graphs ***
**************************/

.circle {
    width: 34px;
    height: 34px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid #dcdcdc;
    position: relative;
    float: left;
    cursor: pointer;
}

    .circle::after {
        content: '';
        width: 28px;
        height: 28px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #fff;
        position: absolute;
        left: 0px;
    }

    .circle i {
        position: absolute;
        z-index: 10;
        text-align: center;
        width: 34px;
        left: -3px;
        top: -3px;
        line-height: 34px;
        -moz-transition: opacity 0.3s;
        -o-transition: opacity 0.3s;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
    }

    .circle:hover .arc-in {
        -moz-transform: scale(1.2,1.2);
        -ms-transform: scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
        -webkit-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }

        .circle:hover .arc-in.arc-sec {
            -moz-transform: rotate(180deg) scale(1.2,1.2);
            -ms-transform: rotate(180deg) scale(1.2,1.2);
            -o-transform: rotate(180deg) scale(1.2,1.2);
            -webkit-transform: rotate(180deg) scale(1.2,1.2);
            transform: rotate(180deg) scale(1.2,1.2);
        }

    .circle:hover i {
        opacity: 0.7;
    }

.arc {
    width: 34px;
    height: 34px;
    position: absolute;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: transparent;
    left: -3px;
    top: -3px;
}

.arc-in {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    clip: rect(0px 34px 34px 17px);
    -moz-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    -webkit-transition: transform 0.3s;
    transition: transform 0.3s;
}

    .arc-in::before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        clip: rect(0px 17px 34px 0px);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

#arc-2 .arc-in::before {
    -moz-transform: rotate(115deg);
    -ms-transform: rotate(115deg);
    -o-transform: rotate(115deg);
    -webkit-transform: rotate(115deg);
    transform: rotate(115deg);
}

#arc-3 .arc-in::before {
    -moz-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    -webkit-transform: rotate(160deg);
    transform: rotate(160deg);
}

#arc-4 .arc-sec::before {
    -moz-transform: rotate(61deg);
    -ms-transform: rotate(61deg);
    -o-transform: rotate(61deg);
    -webkit-transform: rotate(61deg);
    transform: rotate(61deg);
}

.arc-sec {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

    .arc-sec::before {
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

.arc-in.green::before {
    background: #90b753;
}

.arc-in.blue::before {
    background: #72a9bc;
}

.arc-in.yellow::before {
    background: #ffc238;
}



/********************
*** WIDGET Stuff ***
*********************/

.widget {
    margin: 20px 0px 10px 0px;
    padding-left: 10px;
}

.widget-header {
    width: 100%;
    height: 60px;
}

.widget-controls {
    float: right;
    position: relative;
}

.widget-config {
    float: right;
    background: #fff;
    height: 34px;
    margin-top: 12px;
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    position: relative;
}

    .widget-config a {
        color: #333333;
        text-decoration: none;
    }

    .widget-config .dropdown-menu {
        text-align: left;
    }

        .widget-config .dropdown-menu a {
            text-align: left;
            text-shadow: none;
        }

.widget-content {
    clear: both;
}

.widget-subtitle {
    clear: both;
    width: 100%;
    float: left;
    font-size: 14px;
    color: #000;
}

#wrapper .fluid .widget-box-container {
    padding: 10px 20px;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}


/*********************
*** Dropdown Stuff ***
**********************/

.dropdown {
    position: relative;
    /*min-width: 130px;*/
    /*padding-right: 34px;*/
    height: 34px;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    margin-top: 12px;
}

/*.dropdown::before {
        content: '';
        position: absolute;
        width: 34px;
        height: 100%;
        right: 0;
        border-left: 1px solid rgba(0,0,0,0.15);
    }

    .dropdown::after {
        content: "\f107";
        font-family: FontAwesome;
        position: absolute;
        right: 12px;
        top: 7px;
        color: #1b1e1f;
    }*/

.dropdown-select {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 6px 8px 6px 10px;
    height: 34px;
    line-height: 17px;
    font-family: 'cartogothic_stdregular';
    font-size: 12px;
    color: #1b1e1f;
    background: #fff; /* Fallback for IE 8 */
    background: rgba(0, 0, 0, 0) !important; /* "transparent" doesn't work with Opera */
    border: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

    .dropdown-select:focus {
        z-index: 3;
        width: 100%;
        color: #1b1e1f;
        outline: none;
        outline-offset: 0px;
    }

    .dropdown-select > option {
        margin: 3px;
        padding: 6px 8px;
        text-shadow: none;
        background: #f2f2f2;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
    }

/* Fix for IE 8 putting the arrows behind the select element. */
.lt-ie9 .dropdown {
    z-index: 1;
}

.lt-ie9 .dropdown-select {
    z-index: -1;
}

    .lt-ie9 .dropdown-select:focus {
        z-index: 3;
    }
/* Dirty fix for Firefox adding padding where it shouldn't. */
@-moz-document url-prefix() {
    .dropdown-select {
        padding-left: 6px;
    }
}



/******************
*** CHART Stuff ***
*******************/

.chart-container {
    position: relative;
    padding: 65px 20px 34px 5px;
}

    .chart-container.line-ch {
        background: #fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid rgba(0,0,0,0.15);
        border-bottom: 1px solid rgba(0,0,0,0.3);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
        box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    }

    .chart-container.dou-ch {
        padding: 65px 20px 50px 0px;
    }

canvas {
    width: 100% !important;
    max-width: 800px;
    height: auto !important;
}

.chart-info {
    position: absolute;
    top: 25px;
    right: 30px;
}

.chart-detail {
    float: left;
    position: relative;
    margin-left: 30px;
}

    .chart-detail::before {
        position: absolute;
        left: -15px;
        top: -1px;
        font-family: FontAwesome;
    }

    .chart-detail.up::before {
        content: "\f0aa";
    }

    .chart-detail.dn::before {
        content: "\f0ab";
    }

    .chart-detail.green::before {
        color: #90b753;
    }

    .chart-detail.blue::before {
        color: #72a9bc;
    }

.chart-header, .chart-footer {
    width: 100%;
    position: absolute;
}

.chart-header {
    top: 0;
}

.chart-footer {
    bottom: 0;
}

.dought-detail {
    height: 34px;
    width: 50%;
    float: left;
}

    .dought-detail i, .dought-detail .d-detail.info {
        float: left;
    }

    .dought-detail i {
        height: 34px;
        font-size: 28px;
        color: #90b753;
        margin-right: 10px;
        text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    }

    .dought-detail .d-detail-info {
        color: #1b1e1f;
        font-size: 18px;
        text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    }

        .dought-detail .d-detail-info span {
            color: #929191;
            font-size: 12px;
            display: block;
        }

.mini-bar {
    width: 8px;
    height: 32px;
    background: #ddd;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.5), 0 1px 0 rgba(255,255,255,0.5);
    position: relative;
    overflow: hidden;
    margin: 5px 4px;
    float: left;
    -moz-transition: background 0.5s;
    -o-transition: background 0.5s;
    -webkit-transition: background 0.5s;
    transition: background 0.5s;
}

    .mini-bar::before {
        content: '';
        width: 100%;
        height: 50%;
        position: absolute;
        top: 0;
        border-bottom: 1px solid rgba(0,0,0,0.12);
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3);
        box-shadow: 0 1px 0 rgba(255,255,255,0.3);
        z-index: 10;
    }

    .mini-bar [class*="perc"] {
        width: 100%;
        position: absolute;
        bottom: 0;
        background: #90b753;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -moz-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        -moz-transition: height 0.5s;
        -o-transition: height 0.5s;
        -webkit-transition: height 0.5s;
        transition: height 0.5s;
    }

    .mini-bar .perc10 {
        height: 10%;
    }

    .mini-bar .perc20 {
        height: 20%;
    }

    .mini-bar .perc30 {
        height: 30%;
    }

    .mini-bar .perc40 {
        height: 40%;
    }

    .mini-bar .perc50 {
        height: 50%;
    }

    .mini-bar .perc60 {
        height: 60%;
    }

    .mini-bar .perc70 {
        height: 70%;
    }

    .mini-bar .perc80 {
        height: 80%;
    }

    .mini-bar .perc90 {
        height: 90%;
    }

    .mini-bar .perc100 {
        height: 100%;
    }

    .mini-bar:hover {
        background: #ccc;
    }

        .mini-bar:hover span {
            height: 0%;
            bottom: 0;
        }

.dought-percent {
    height: 40px;
    width: 33%;
    float: left;
    text-align: right;
    padding-right: 25px;
    color: #1b1e1f;
    font-size: 14px;
}

    .dought-percent .d-detail {
        color: #929191;
        font-size: 12px;
    }

    .dought-percent .d-perc {
        position: relative;
    }

        .dought-percent .d-perc::before {
            content: '';
            width: 15px;
            height: 15px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            position: absolute;
            left: -20px;
            top: 1px;
            -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25), 0 1px 0 rgba(0,0,0,0.2);
            -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25), 0 1px 0 rgba(0,0,0,0.2);
            box-shadow: inset 0 1px 2px rgba(0,0,0,0.25), 0 1px 0 rgba(0,0,0,0.2);
        }

    .dought-percent.green .d-perc::before {
        background: #90b753;
    }

    .dought-percent.blue .d-perc::before {
        background: #72a9bc;
    }

    .dought-percent.red .d-perc::before {
        background: #ff5764;
    }


/******************
*** ALERT Stuff ***
*******************/

.alert-info {
    border-top: 1px solid #a8b3c2;
    border-bottom: 1px solid #d5d9df;
    border-left: 1px solid #bec6d0;
    border-right: 1px solid #bec6d0;
}

.alert-success {
    border-top: 1px solid #a8b3a8;
    border-bottom: 1px solid #d5d9d5;
    border-left: 1px solid #bdc5be;
    border-right: 1px solid #bdc5be;
}

.alert-error {
    border-top: 1px solid #b9a8a8;
    border-bottom: 1px solid #dbd5d5;
    border-left: 1px solid #cbc0c0;
    border-right: 1px solid #cbc0c0;
}

.alert .close {
    color: #c09853;
    opacity: 0.4;
}

.alert-success .close {
    color: #468847;
}

.alert-info .close {
    color: #3a87ad;
}

.alert-error .close {
    color: #b94a48;
}

.alert .close:hover, .alert .close:focus {
    opacity: 0.7;
}

/******************************
*** SPINNER (entries) Stuff ***
*******************************/

.number-entries {
    float: left;
}

    .number-entries input {
        width: 133px;
        text-align: right;
        background: #fff;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        height: 30px;
        font-family: 'cartogothic_stdregular';
        font-size: 12px;
        color: #929191;
        outline: none;
        position: relative;
    }

    .number-entries .ui-spinner {
        background: #fff;
        width: 166px;
        height: 34px;
        margin-top: 12px;
        border: 1px solid rgba(0,0,0,0.15);
        border-bottom: 1px solid rgba(0,0,0,0.3);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
        box-shadow: 0 1px 1px rgba(0,0,0,0.15);
        margin-right: 10px;
    }

        .number-entries .ui-spinner::before {
            content: 'Show Entries';
            font-family: 'cartogothic_stdregular';
            position: absolute;
            line-height: 34px;
            text-align: left;
            font-size: 12px;
            color: #1b1e1f;
            margin-left: 10px;
            z-index: 10;
        }

    .number-entries input::after {
        content: '';
        width: 1px;
        height: 34px;
        position: absolute;
        top: -2px;
        right: 23px;
        border-left: 1px solid rgba(0,0,0,0.12);
        z-index: 100;
    }

    .number-entries .ui-icon {
        cursor: pointer;
    }

    .number-entries .ui-spinner-down, .number-entries .ui-spinner-up {
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        /*font-weight: normal;*/
        line-height: 1;
        /*-webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;*/
        font-size: 10px;
        font-weight: bold;
    }

        .number-entries .ui-spinner-down:before {
            content: "\f107";
            padding-right: 5px;
        }

        .number-entries .ui-spinner-up:before {
            content: "\f106";
            padding-right: 5px;
        }

    .number-entries .ui-spinner-down {
        padding-top: 0px;
    }

    .number-entries .ui-spinner-up {
        padding-top: 6px;
    }

    .number-entries .ui-icon-carat-1-s, .number-entries .ui-icon-carat-1-n {
        background-position: 0 0;
    }

    .number-entries .ui-spinner-button {
        width: 20px;
        text-decoration: none;
        vertical-align: middle;
    }

        .number-entries .ui-spinner-button:hover {
            text-decoration: none;
        }

.ui-icon, .ui-widget-content .ui-icon {
    background-image: none;
}


/*******************
*** jQueryGrid Stuff ***
********************/

table.gj-grid-table thead tr th.gj-grid-bootstrap-thead-cell {
    background: #3065b5 !important;
    /*background: #f5f5f5 !important;*/
}

.table > thead:first-child > tr:last-child > th {
    border-right: 1px solid #3f7dda;
    /*border-right:1px solid #ddd;*/
}

.table > tbody > tr > td:last-child {
    border-right: 1px solid #ddd;
}

.cliniclink, table tr td .glyphicon {
    color: #3065b5;
}

.fa.fa-toggle-on.newtoggle:before {
    content: url('../Images/admit.png');
    position: relative;
}

.fa.fa-toggle-off.newtoggle:before {
    content: url('../Images/discharge.png');
    position: relative;
}

table.table.todo-dashboard-list tr td .glyphicon {
    color: #aecdfd !important;
}

.dashboard-patient-list-page .table > thead tr th:last-child div, .dashboard-patient-list-page .table thead tr th:nth-last-child(2) div,
.dashboard-patient-list-page .table thead tr th:nth-last-child(3) div, .dashboard-patient-list-page .table thead tr th:nth-last-child(4) div,
.dashboard-patient-list-page .table thead tr th:nth-last-child(11) div, .dashboard-patient-list-page .table thead tr th:nth-last-child(12) div,
.dashboard-patient-list-page .table thead tr th:nth-last-child(13) div, .dashboard-patient-list-page .table thead tr th:nth-last-child(14) div,
.dashboard-patient-list-page .table thead tr th:nth-last-child(15) div {
    float: none !important;
}

.dashboard-patient-list-page .table thead tr th:last-child, .dashboard-patient-list-page .table thead tr th:nth-last-child(2),
.dashboard-patient-list-page .table thead tr th:nth-last-child(3), .dashboard-patient-list-page .table thead tr th:nth-last-child(4),
.dashboard-patient-list-page .table thead tr th:nth-last-child(11), .dashboard-patient-list-page .table thead tr th:nth-last-child(12),
.dashboard-patient-list-page .table thead tr th:nth-last-child(13), .dashboard-patient-list-page .table thead tr th:nth-last-child(14),
.dashboard-patient-list-page .table thead tr th:nth-last-child(15) {
    text-align: center !important;
}

td.main-role {
    background: #dadada;
}

#divAccessRight table tr td .glyphicon {
    top: 1px;
    margin-right: 5px;
}

#divAccessRight .table tbody tr td {
    padding: 0px 5px 5px 10px;
}

    #divAccessRight .table tbody tr td.main-role {
        padding: 0px 5px 5px 5px;
        border-bottom: 1px solid #bbb;
        border-top: 1px solid #bbb;
    }

.cliniclink:hover, .cliniclink:focus, .cliniclink:active {
    text-decoration: underline;
    color: #f67925;
}

.updatelink:hover, .updatelink:focus, .updatelink:active {
    text-decoration: underline;
    color: #f67925;
}

table tr td .glyphicon.glyphicon-check, table tr td .fa-toggle-on {
    color: #4CAF50;
}

table tr td .glyphicon.glyphicon-unchecked, table tr td .fa-toggle-off {
    color: #a94442;
}
/*******************
*** TABLES Stuff ***
********************/

.table {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.15);
    /*border-bottom: 1px solid rgba(0,0,0,0.3);*/
    border-left: none;
    /*-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);*/
    border-collapse: collapse;
}

.panel .table {
    border-left: 1px solid rgba(0,0,0,0.15);
}

.table thead th, table.dataTable thead th {
    color: #fff;
    font-size: 14px;
    background: #3065b5;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

.table tfoot th {
    color: #555;
    font-size: 14px;
    background: #f5f5f5;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

/* new table stuff */
.table tr th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.table tr th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td {
    border-bottom-width: 0;
}
/*.fc-content-skeleton {
    display:none;
}*/
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    /*border: 1px solid #ddd;*/
}

.panel .table-bordered > thead > tr > th, .panel .table-bordered > tbody > tr > th, .panel .table-bordered > tfoot > tr > th,
.panel .table-bordered > thead > tr > td, .panel .table-bordered > tbody > tr > td, .panel .table-bordered > tfoot > tr > td {
    border: 0;
    border-left: 1px solid #ddd;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border-top: 1px solid #ddd;
}

.table > tfoot > tr > th {
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.panel .table-bordered > thead > tr > th {
    border-left: 1px solid #3f7dda;
    border-top: 1px solid #3f7dda !important;
    border-bottom: 1px solid #3f7dda !important;
}

.table-bordered tr th input[type="text"] {
    height: 29px;
    padding: 3px 5px;
}

table.gj-grid-table {
    border-collapse: separate !important;
}

.panel-group table.gj-grid-table thead tr th.gj-grid-bootstrap-thead-cell,
.panel-group table thead tr th {
    /*background: #3065b5 !important;
        color:#fff !important;
    */
    background: #ccc !important;
    color: #555 !important;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
}

TABLE.gj-grid-table {
    border: 0 !important;
    border-bottom: 1px solid #ddd !important;
}

.panel .table > thead:first-child > tr:last-child > th {
    /*border-left: 1px solid #3f7dda !important;
    border-top: 1px solid #3f7dda !important;
    border-bottom: 1px solid #3f7dda !important;*/
    border-left: 1px solid #eee !important;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
}

.table tbody tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.table tbody tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.table tbody tr {
    background: #fff;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

TABLE.gj-grid-table tfoot tr th.gj-grid-bootstrap-tfoot-cell {
    line-height: 20px;
    padding: 5px 10px;
}

.table tbody tr td {
    padding: 3px 10px 5px 10px;
    font-family: 'Lato', sans-serif;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    line-height: normal;
    vertical-align: middle;
}
/*.dashboard-todolist {
    border-right: 1px solid #ccc;
}*/
.glyphicon-trash, table tr td .glyphicon-trash {
    color: #a94442;
}

.table thead th {
    padding: 5px 10px !important;
}

#aggregateName, h4.section_heading small, #todolistusername, #patientlistusername, #calendarusername {
    color: #3065b5;
}

.modal-body p {
    margin: 0;
}

.table .table-image {
    width: 37px;
    height: 37px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin-right: 18px;
}

.table .table-name {
    float: left;
    color: #1b1e1f;
    font-size: 14px;
    -moz-transition: color 0.3s 0.1s;
    -o-transition: color 0.3s 0.1s;
    -webkit-transition: color 0.3s 0.1s;
    transition: color 0.3s 0.1s;
}

    .table .table-name span {
        font-size: 12px;
        color: #929191;
    }

.table .table-date {
    font-size: 12px;
    color: #1b1e1f;
}

    .table .table-date span {
        color: #929191;
    }

.table .table-size {
    font-size: 12px;
    color: #929191;
}

    .table .table-size span {
        font-family: 'cartogothic_stdbold';
        color: #1b1e1f;
    }

.table tbody tr td.delete {
    vertical-align: middle;
    text-align: center;
    padding: 0;
    -moz-transition: background 0.3s;
    -o-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    cursor: pointer;
}

.table tbody tr:hover {
    background: #f0f6f8;
}

    .table tbody tr:hover .table-name {
        color: #72a9bc;
    }

.table tbody tr td.delete:hover {
    background: #f3e4e4;
}

    .table tbody tr td.delete:hover i {
        color: #c34a48;
    }

TABLE.gj-grid-table > tbody > tr > td > div {
    padding: 0 5px !important;
}

TABLE.gj-grid-table {
    table-layout: auto !important;
    width: 100%;
}

.nobordertd {
    border-left: none !important;
    border-right: none !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.noborderRtd {
    border-right: none !important;
    padding-right: 2px !important;
}

.noborderLtd {
    border-left: none !important;
    padding-left: 2px !important;
}



/************************
*** (mini) FORM Stuff ***
*************************/

.mini-form {
    float: left;
    margin-left: 30px;
}

    .mini-form input[type="text"], .mini-form input[type="email"], .mini-form input[type="password"], .usr-msg input {
        width: 205px;
        height: 34px;
        color: #929191;
        font-size: 14px;
        font-family: 'cartogothic_stdregular';
    }

    .mini-form input {
        margin-top: 12px;
        margin-right: 5px;
    }

    .mini-form button {
        margin-top: 0px;
    }

    .mini-form textarea {
        width: 100%;
    }

    .mini-form input[type="checkbox"], .mini-form input[type="radio"] {
        display: none;
    }

        .mini-form input[type="checkbox"] + label, .mini-form input[type="radio"] + label {
            font-size: 12px;
            color: #656268;
            padding-left: 20px;
            position: relative;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            margin-top: 5px;
            float: left;
        }

            .mini-form input[type="checkbox"] + label:before {
                content: '';
                position: absolute;
                left: 0px;
                top: 2px;
                width: 14px;
                height: 14px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                border-radius: 3px;
                background: rgba(0,0,0,0.1);
                text-align: center;
                line-height: 14px;
                -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06);
                -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06);
                box-shadow: inset 0 1px 0 rgba(0,0,0,0.06);
                color: #656268;
                text-shadow: 0 1px 0 rgba(255,255,255,0.75);
            }

        .mini-form input[type="checkbox"]:checked + label:before {
            content: '✓';
        }

        .mini-form input[type="radio"] + label:before {
            content: '';
            position: absolute;
            left: 0px;
            top: 2px;
            width: 14px;
            height: 14px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: rgba(0,0,0,0.1);
            -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06);
            -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.06);
            box-shadow: inset 0 1px 0 rgba(0,0,0,0.06);
        }

        .mini-form input[type="radio"] + label:after {
            content: '';
            position: absolute;
            left: 3px;
            top: 5px;
            width: 8px;
            height: 8px;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: #fff;
            border-top: 1px solid #d6d4d8;
            border-bottom: 1px solid #b6b4b9;
            border-left: 1px solid #cac8cd;
            border-right: 1px solid #cac8cd;
            -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
            -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
            box-shadow: 0 2px 3px rgba(0,0,0,0.15);
            display: none;
        }

        .mini-form input[type="radio"]:checked + label:after {
            display: block;
        }

.dropdown-container {
    display: none;
    background-color: #e0dfdf;
}

    .dropdown-container a {
        /*padding-left: 65px;*/
        line-height: 40px !important;
    }

.nav .dropdown-container a:hover, .nav .dropdown-container a:active, .nav .dropdown-container a:focus {
    background-color: #fff;
    color: #333;
}

.nav .active-submenu {
    background-color: #3065b5;
    color: #fff;
}

span.submenu-icon {
    width: 50px;
    text-align: center;
    padding: 0px 25px;
    margin-left: 10px;
    font-size: 30px;
    line-height: 0px;
    vertical-align: middle;
}
/* Optional: Style the caret down icon */
.nav .dropdown-btn .fa {
    float: right;
    padding-right: 8px;
}

.right-nav-menu ul li > button .fa-angle-down, .right-nav-menu ul li > button .fa-angle-up {
    padding: 2px 5px;
    position: absolute;
    right: 5px;
}

.right-nav-menu ul li > button .fa, .right-nav-menu ul li > a .fa {
    padding: 2px 5px;
}

/********************
*** FORM input ***
*********************/

.select2-container--disabled .select2-selection {
    /*background: #eee !important;*/
    /*background: #d0d0d0 !important;*/
    cursor: no-drop !important;
}

.btn.disabled:hover, .btn[disabled]:hover, fieldset[disabled] .btn:hover {
    background: #999999;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, select, select.form-control,
.select2-container span.selection .select2-selection {
    border: none;
    border-bottom: 1px solid #cccccc;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Lato', sans-serif;
    /*background: #fafafa;*/
    background: none;
    width: 100%;
    height: 25px;
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
    /*padding: 3px 6px;*/
    *-moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 0;
    color: #333;
    font-size: 15px;
    box-sizing: border-box;
}

input.date-picker {
    background: /*#fafafa*/ url(../Images/date_icon.png) right 3px top -1px no-repeat;
}

.ui-datepicker {
    background: #fff;
    border: 1px solid #3065b5;
    padding: 0;
}

.ui-widget-header {
    background: #3065b5 !important;
    color: #fff;
}

.ui-datepicker-calendar thead tr {
    background: #eee;
}

.ui-state-default.ui-state-highlight, .ui-state-default.ui-state-active {
    color: #fff;
    font-weight: bold;
    border-radius: 2px;
}

.ui-state-default.ui-state-highlight {
    background: #3065b5;
}

.ui-state-default.ui-state-active {
    background: #ff6a00;
}

.ui-datepicker td {
    border: 0;
    padding: 5px;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: bold;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 43% !important;
}

.ui-datepicker .ui-datepicker-title select {
    margin: 0 5px !important;
    padding: 0;
    height: auto;
    background: #fff;
}

.ui-datepicker .ui-datepicker-prev {
    background: #386fc1 url(../Images/spriteicons.png) bottom -120px center no-repeat;
    height: 25px;
    width: 25px;
}

.ui-datepicker .ui-datepicker-next {
    background: #386fc1 url(../Images/spriteicons.png) bottom -100px center no-repeat;
    height: 25px;
    width: 25px;
}

.custom-checkbox, .custom-radio {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 10px;
    margin-bottom: 0;
}

.custom-checkbox {
    padding-left: 30px;
    padding-top: 1px;
}

.custom-radio {
    padding-left: 25px;
    padding-top: 5px;
}

    .custom-checkbox input, .custom-radio input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        width: 100%;
        display: block;
        left: 0;
        z-index: 9;
        height: 20px;
    }

#divAccessRightTable .checkmark {
    top: 4px;
    height: 20px;
    width: 20px;
    margin: 0 7px;
}

#divAccessRightTable .custom-checkbox label {
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0 5px;
}

.main-role label {
    font-weight: bold !important;
    padding-top: 5px;
}

#divAccessRightTable .custom-checkbox {
    margin: 0;
}

.PANSSParameter .custom-radio input {
    position: relative !important;
    height: 25px;
}

.noRecord {
    min-height: 100px;
    border: 1px solid #eee;
    background: #f5f5f5;
    text-align: center;
    padding: 50px;
}

.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.custom-dropdown {
    position: relative;
    display: inline-block;
}

.smsicon {
    background: url('../Images/images.png') center center no-repeat;
    height: 25px;
    background-size: 100%;
    cursor: pointer;
    width: 25px !important;
    margin: 0 10px;
    text-align: center;
}

.dropdown-hover-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 250px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 5px 0px !important;
    right: 0;
    top: 60px;
}

.navbar-collapse.collapse {
    /*overflow:hidden !important;*/
    min-height: 30px;
}

ul.dropdown-hover-content li {
    float: none !important;
    width: 100% !important;
}

.dropdown-hover-content a {
    /*color: #333 !important;*/
    padding: 10px 20px !important;
    line-height: normal !important;
    text-decoration: none;
    display: block;
    height: auto !important;
}

    .dropdown-hover-content a i {
        margin: 0px 10px 0px 0px;
        color: #777777;
    }

    .dropdown-hover-content a:hover, .dropdown-hover-content a:hover i,
    .dropdown-hover-content a.active-submenu i {
        background-color: #12305d;
        color: #fff !important;
    }

.custom-dropdown:hover .dropdown-hover-content {
    display: block;
}

.custom-dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

#dashboardcalendar .fc-time-grid-container {
    height: auto !important;
    max-height: 400px !important;
}

.sub-role label {
    color: #555;
    padding-top: 5px;
}

.sub-role {
    background: #f9f9f9;
}

#divAccessRightTable .custom-checkbox .checkmark:after {
    left: 6px;
    top: 2px;
    width: 7px;
}

#divAccessRightTable .custom-checkbox {
    padding-left: 0px;
    padding-top: 0;
}

.checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border: 1px solid #ddd;
    display: inline-block;
}

.custom-checkbox label {
    padding-top: 4px;
}

.custom-checkbox:hover input ~ .checkmark, .custom-radio:hover input ~ .checkmark {
    background-color: #ccc;
}

.custom-checkbox input:checked ~ .checkmark, .custom-radio input:checked ~ .checkmark {
    background-color: #3065b5;
    border-color: #3065b5;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom-checkbox input:checked ~ .checkmark:after, .custom-radio input:checked ~ .checkmark:after {
    display: block;
}

.custom-checkbox .checkmark:after {
    left: 6px;
    top: 3px;
    width: 7px;
    height: 11px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ui-datepicker {
    z-index: 9999 !important;
}

.ui-timepicker, .ui-menu {
    background: #fff;
    border: 1px solid #ccc;
}

.ui-timepicker-table td {
    padding: 0.2em;
    background: #eee;
    border: 2px solid #fff;
    width: auto !important;
}

    .ui-timepicker-table td a, .ui-menu-item-wrapper {
        padding: 0.1em !important;
        width: auto !important;
        font-family: 'Lato', sans-serif;
    }

.ui-menu-item:hover {
    background: #eee;
}

.custom-radio .checkmark {
    position: absolute;
    top: 7px;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: #eee;
    border-radius: 50%;
}

.focus-input-group-addon .input-group-addon {
    border-color: #72A9BC;
}

.custom-radio .checkmark:after {
    top: 3.2px;
    left: 3.1px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: white;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
}

.select2-selection.select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 45%;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    width: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -10px;
}

.select2-container--default .select2-search--inline .select2-search__field {
    height: auto;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 24px;
}

.select2-container, .select2-container span.selection {
    width: 100% !important;
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 29px;
    right: 0px;
    top: -3px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #12305d;
}

.select2-selection.select2-selection--multiple {
    padding: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3065b5;
    border: 1px solid #3065b5;
    color: #fff;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #ccc;
    margin-left: 10px;
    float: right;
    background: #305790;
    padding: 0 5px 0 8px;
    margin-right: -5px;
}

.select2-container--default .select2-selection--multiple {
    height: auto !important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #72A9BC;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

textarea {
    height: auto;
}

/********************
*** BUTTONS Stuff ***
*********************/
.theme-blue-btn {
    background: #12305d;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    text-shadow: none;
    padding: 6px 15px 6px 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
}
.fc-toolbar.fc-header-toolbar {
    margin-bottom: 5px !important;
}

.fc-toolbar .fc-center {
    padding: 5px 0 0 0;
}

.theme-blue-btn:hover, .theme-blue-btn:focus, .theme-blue-btn:active {
    background: #f67925;
    color: #fff;
}

.dashboard-calendar .section_heading {
    /*padding: 10px 0;*/
    margin: 10px 0;
    /*border-top: 1px solid #ccc;*/
}

.theme-outline-btn {
    background: #fff;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 15px;
    color: #3065b5;
    text-shadow: none;
    padding: 4px 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #12305d;
    box-sizing: border-box;
}

    .theme-outline-btn:hover, .theme-outline-btn:focus, .theme-outline-btn:active {
        background: #f67925;
        border: 1px solid #f67925;
        color: #fff;
        box-sizing: border-box;
    }

.btn-live {
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7bb02a', endColorstr='#5c8f2a',GradientType=0 ) !important /* IE6-9 */;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#7bb02a), to(#5c8f2a));
    background: -moz-linear-gradient(top, #7bb02a, #5c8f2a);
    background: -webkit-linear-gradient(top, #7bb02a, #5c8f2a);
    background: -o-linear-gradient(top, #7bb02a, #5c8f2a);
    background: -webkit-linear-gradient(to bottom, #7bb02a, #5c8f2a);
    border-top: 1px solid #6b9b21;
    border-bottom: 1px solid #426f18;
    border-left: 1px solid #58861d;
    border-right: 1px solid #58861d;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.25);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.25);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.25);
    font-family: 'cartogothic_stdregular';
    font-size: 14px;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,0.3);
    padding-left: 10px;
    padding-right: 20px;
    height: 32px;
    position: relative;
    margin: 25px 0 0 20px;
}

    .btn-live::after {
        content: '';
        width: 24px;
        height: 24px;
        position: absolute;
        top: 3px;
        right: -11px;
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background: -moz-linear-gradient(-45deg, #7bb02a, #5c8f2a);
        background: -webkit-linear-gradient(-45deg, #7bb02a, #5c8f2a);
        background: -o-linear-gradient(-45deg, #7bb02a, #5c8f2a);
        background: -webkit-linear-gradient(to bottom, #7bb02a, #5c8f2a);
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        border-right: 1px solid rgba(44,101,122,0.3);
        border-top: 1px solid rgba(44,101,122,0.3);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    }

    .btn-live:hover, .btn-live:focus {
        color: #fff;
        text-shadow: 0 1px 1px rgba(0,0,0,0.3);
        border: 1px solid #426f18;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#6e9d26), to(#568426));
        background: -moz-linear-gradient(top, #6e9d26, #568426);
        background: -webkit-linear-gradient(top, #6e9d26, #568426);
        background: -o-linear-gradient(top, #6e9d26, #568426);
        background: -webkit-linear-gradient(to bottom, #6e9d26, #568426);
        -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 1px rgba(255,255,255,0.75);
        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 1px rgba(255,255,255,0.75);
        box-shadow: inset 0 1px 0 rgba(0,0,0,0.1), 0 1px 1px rgba(255,255,255,0.75);
    }

        .btn-live:hover::after {
            background: -moz-linear-gradient(-45deg, #6e9d26, #568426);
            background: -webkit-linear-gradient(-45deg, #6e9d26, #568426);
            background: -o-linear-gradient(-45deg, #6e9d26, #568426);
            background: -webkit-linear-gradient(to bottom, #6e9d26, #568426);
            -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
            -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
            box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
        }

.btn-green {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#7bb02a), to(#5c8f2a));
    background: -moz-linear-gradient(top, #7bb02a, #5c8f2a);
    background: -webkit-linear-gradient(top, #7bb02a, #5c8f2a);
    background: -o-linear-gradient(top, #7bb02a, #5c8f2a);
    background: -webkit-linear-gradient(to bottom, #7bb02a, #5c8f2a);
    border-top: 1px solid #6b9b21;
    border-bottom: 1px solid #426f18;
    border-left: 1px solid #58861d;
    border-right: 1px solid #58861d;
}

    .btn-green:hover, .btn-green:focus {
        border: 1px solid #426f18;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#6e9d26), to(#568426));
        background: -moz-linear-gradient(top, #6e9d26, #568426);
        background: -webkit-linear-gradient(top, #6e9d26, #568426);
        background: -o-linear-gradient(top, #6e9d26, #568426);
        background: -webkit-linear-gradient(to bottom, #6e9d26, #568426);
    }

.btn-turquoise {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#68b488), to(#489468));
    background: -moz-linear-gradient(top, #68b488, #489468);
    background: -webkit-linear-gradient(top, #68b488, #489468);
    background: -o-linear-gradient(top, #68b488, #489468);
    background: -webkit-linear-gradient(to bottom, #68b488, #489468);
    border-top: 1px solid #459768;
    border-bottom: 1px solid #36724f;
    border-left: 1px solid #3d835a;
    border-right: 1px solid #3d835a;
}

    .btn-turquoise:hover, .btn-turquoise:focus {
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#4a966a), to(#3c8159));
        background: -moz-linear-gradient(top, #4a966a, #3c8159);
        background: -webkit-linear-gradient(top, #4a966a, #3c8159);
        background: -o-linear-gradient(top, #4a966a, #3c8159);
        background: -webkit-linear-gradient(to bottom, #4a966a, #3c8159);
        border: 1px solid #36724f;
    }

.btn-aqua {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#73c3c0), to(#4e9592));
    background: -moz-linear-gradient(top, #73c3c0, #4e9592);
    background: -webkit-linear-gradient(top, #73c3c0, #4e9592);
    background: -o-linear-gradient(top, #73c3c0, #4e9592);
    background: -webkit-linear-gradient(to bottom, #73c3c0, #4e9592);
    border-top: 1px solid #58a4a1;
    border-bottom: 1px solid #407976;
    border-left: 1px solid #4d908d;
    border-right: 1px solid #4d908d;
}

    .btn-aqua:hover, .btn-aqua:focus {
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#509895), to(#448481));
        background: -moz-linear-gradient(top, #509895, #448481);
        background: -webkit-linear-gradient(top, #509895, #448481);
        background: -o-linear-gradient(top, #509895, #448481);
        background: -webkit-linear-gradient(to bottom, #509895, #448481);
        border: 1px solid #407976;
    }

.btn-blue {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#6eafc5), to(#468aa1));
    background: -moz-linear-gradient(top, #6eafc5, #468aa1);
    background: -webkit-linear-gradient(top, #6eafc5, #468aa1);
    background: -o-linear-gradient(top, #6eafc5, #468aa1);
    background: -webkit-linear-gradient(to bottom, #6eafc5, #468aa1);
    border-top: 1px solid #71a8bb;
    border-bottom: 1px solid #2e677c;
    border-left: 1px solid #52899d;
    border-right: 1px solid #52899d;
}

    .btn-blue:hover, .btn-blue:focus {
        border: 1px solid #2c657a;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#4e94ac), to(#43869c));
        background: -moz-linear-gradient(top, #4e94ac, #43869c);
        background: -webkit-linear-gradient(top, #4e94ac, #43869c);
        background: -o-linear-gradient(top, #4e94ac, #43869c);
        background: -webkit-linear-gradient(to bottom, #4e94ac, #43869c);
    }

.btn-lavender {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#9e8ab5), to(#7a6e87));
    background: -moz-linear-gradient(top, #9e8ab5, #7a6e87);
    background: -webkit-linear-gradient(top, #9e8ab5, #7a6e87);
    background: -o-linear-gradient(top, #9e8ab5, #7a6e87);
    background: -webkit-linear-gradient(to bottom, #9e8ab5, #7a6e87);
    border-top: 1px solid #827591;
    border-bottom: 1px solid #5d5268;
    border-left: 1px solid #71647e;
    border-right: 1px solid #71647e;
}

    .btn-lavender:hover, .btn-lavender:focus {
        border-bottom: 1px solid #584c65;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#7c6f8a), to(#695c77));
        background: -moz-linear-gradient(top, #7c6f8a, #695c77);
        background: -webkit-linear-gradient(top, #7c6f8a, #695c77);
        background: -o-linear-gradient(top, #7c6f8a, #695c77);
        background: -webkit-linear-gradient(to bottom, #7c6f8a, #695c77);
    }

.btn-red {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#df6765), to(#c44c4a));
    background: -moz-linear-gradient(top, #df6765, #c44c4a);
    background: -webkit-linear-gradient(top, #df6765, #c44c4a);
    background: -o-linear-gradient(top, #df6765, #c44c4a);
    background: -webkit-linear-gradient(to bottom, #df6765, #c44c4a);
    border-top: 1px solid #c34c4a;
    border-bottom: 1px solid #943432;
    border-left: 1px solid #ab3f3e;
    border-right: 1px solid #ab3f3e;
}

    .btn-red:hover, .btn-red:focus {
        border: 1px solid #852d2b;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#c54d4b), to(#a63d3b));
        background: -moz-linear-gradient(top, #c54d4b, #a63d3b);
        background: -webkit-linear-gradient(top, #c54d4b, #a63d3b);
        background: -o-linear-gradient(top, #c54d4b, #a63d3b);
        background: -webkit-linear-gradient(to bottom, #c54d4b, #a63d3b);
    }

.btn-orange {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f57e6d), to(#df624e));
    background: -moz-linear-gradient(top, #f57e6d, #df624e);
    background: -webkit-linear-gradient(top, #f57e6d, #df624e);
    background: -o-linear-gradient(top, #f57e6d, #df624e);
    background: -webkit-linear-gradient(to bottom, #f57e6d, #df624e);
    border-top: 1px solid #de624e;
    border-bottom: 1px solid #ba4431;
    border-left: 1px solid #cc523f;
    border-right: 1px solid #cc523f;
}

    .btn-orange:hover, .btn-orange:focus {
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#df624e), to(#c7513e));
        background: -moz-linear-gradient(top, #df624e, #c7513e);
        background: -webkit-linear-gradient(top, #df624e, #c7513e);
        background: -o-linear-gradient(top, #df624e, #c7513e);
        background: -webkit-linear-gradient(to bottom, #df624e, #c7513e);
        border-top: 1px solid #ba4431;
        border-bottom: 1px solid #ab3d2b;
        border-left: 1px solid #b2402e;
        border-right: 1px solid #b2402e;
    }

.btn-yellow {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdc048), to(#d8991e));
    background: -moz-linear-gradient(top, #fdc048, #d8991e);
    background: -webkit-linear-gradient(top, #fdc048, #d8991e);
    background: -o-linear-gradient(top, #fdc048, #d8991e);
    background: -webkit-linear-gradient(to bottom, #fdc048, #d8991e);
    border-top: 1px solid #dba63e;
    border-bottom: 1px solid #aa7715;
    border-left: 1px solid #c4902b;
    border-right: 1px solid #c4902b;
}

    .btn-yellow:hover, .btn-yellow:focus {
        border: 1px solid #aa7715;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#da9c21), to(#c28d23));
        background: -moz-linear-gradient(top, #da9c21, #c28d23);
        background: -webkit-linear-gradient(top, #da9c21, #c28d23);
        background: -o-linear-gradient(top, #da9c21, #c28d23);
        background: -webkit-linear-gradient(to bottom, #da9c21, #c28d23);
    }

.btn-grey {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#788489), to(#626e74));
    background: -moz-linear-gradient(top, #788489, #626e74);
    background: -webkit-linear-gradient(top, #788489, #626e74);
    background: -o-linear-gradient(top, #788489, #626e74);
    background: -webkit-linear-gradient(to bottom, #788489, #626e74);
    border-top: 1px solid #6f7985;
    border-bottom: 1px solid #4d5662;
    border-left: 1px solid #5e6773;
    border-right: 1px solid #5e6773;
}

    .btn-grey:hover, .btn-grey:focus {
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#636f75), to(#4b5458));
        background: -moz-linear-gradient(top, #636f75, #4b5458);
        background: -webkit-linear-gradient(top, #636f75, #4b5458);
        background: -o-linear-gradient(top, #636f75, #4b5458);
        background: -webkit-linear-gradient(to bottom, #636f75, #4b5458);
        border-top: 1px solid #4d5662;
        border-bottom: 1px solid #444c56;
        border-left: 1px solid #48515c;
        border-right: 1px solid #48515c;
    }

.btn-black {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#21292d), to(#171c1f));
    background: -moz-linear-gradient(top, #21292d, #171c1f);
    background: -webkit-linear-gradient(top, #21292d, #171c1f);
    background: -o-linear-gradient(top, #21292d, #171c1f);
    background: -webkit-linear-gradient(to bottom, #21292d, #171c1f);
    border-top: 1px solid #191f21;
    border-bottom: 1px solid #0d0f10;
    border-left: 1px solid #131719;
    border-right: 1px solid #131719;
}

    .btn-black:hover, .btn-black:focus {
        border-bottom: 1px solid #090a0a;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#191f21), to(#0d0e0f));
        background: -moz-linear-gradient(top, #191f21, #0d0e0f);
        background: -webkit-linear-gradient(top, #191f21, #0d0e0f);
        background: -o-linear-gradient(top, #191f21, #0d0e0f);
        background: -webkit-linear-gradient(to bottom, #191f21, #0d0e0f);
    }

.btn-dark-grey {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#2e3638), to(#202527));
    background: -moz-linear-gradient(top, #2e3638, #202527);
    background: -webkit-linear-gradient(top, #2e3638, #202527);
    background: -o-linear-gradient(top, #2e3638, #202527);
    background: -webkit-linear-gradient(to bottom, #2e3638, #202527);
    border-top: 1px solid #2b3234;
    border-bottom: 1px solid #101112;
    border-left: 1px solid #1e2324;
    border-right: 1px solid #1e2324;
}

    .btn-dark-grey:hover, .btn-dark-grey:focus {
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#212628), to(#181b1c));
        background: -moz-linear-gradient(top, #212628, #181b1c);
        background: -webkit-linear-gradient(top, #212628, #181b1c);
        background: -o-linear-gradient(top, #212628, #181b1c);
        background: -webkit-linear-gradient(to bottom, #212628, #181b1c);
        border-top: 1px solid #111313;
        border-bottom: 1px solid #1f2426;
        border-left: 1px solid #181b1c;
        border-right: 1px solid #181b1c;
    }

.btn-light-grey {
    color: #1b1e1f;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#d4d3d3), to(#bab9b9));
    background: -moz-linear-gradient(top, #d4d3d3, #bab9b9);
    background: -webkit-linear-gradient(top, #d4d3d3, #bab9b9);
    background: -o-linear-gradient(top, #d4d3d3, #bab9b9);
    background: -webkit-linear-gradient(to bottom, #d4d3d3, #bab9b9);
    border-top: 1px solid #b9b8b8;
    border-bottom: 1px solid #8e8d8d;
    border-left: 1px solid #a5a4a4;
    border-right: 1px solid #a5a4a4;
}

    .btn-light-grey:hover, .btn-light-grey:focus {
        color: #1b1e1f;
        text-shadow: 0 1px 0 rgba(255,255,255,0.3);
        border: 1px solid #8c8c8c;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#bbbaba), to(#aeadad));
        background: -moz-linear-gradient(top, #bbbaba, #aeadad);
        background: -webkit-linear-gradient(top, #bbbaba, #aeadad);
        background: -o-linear-gradient(top, #bbbaba, #aeadad);
        background: -webkit-linear-gradient(to bottom, #bbbaba, #aeadad);
    }

.btn-white {
    color: #1b1e1f;
    text-shadow: 0 1px 0 rgba(255,255,255,0.3);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ebeeef));
    background: -moz-linear-gradient(top, #ffffff, #ebeeef);
    background: -webkit-linear-gradient(top, #ffffff, #ebeeef);
    background: -o-linear-gradient(top, #ffffff, #ebeeef);
    background: -webkit-linear-gradient(to bottom, #ffffff, #ebeeef);
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #b4b4b4;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
}

    .btn-white:hover, .btn-white:focus {
        color: #1b1e1f;
        text-shadow: 0 1px 0 rgba(255,255,255,0.3);
        border: 1px solid #b3b3b3;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#eceef0), to(#e0e2e4));
        background: -moz-linear-gradient(top, #eceef0, #e0e2e4);
        background: -webkit-linear-gradient(top, #eceef0, #e0e2e4);
        background: -o-linear-gradient(top, #eceef0, #e0e2e4);
        background: -webkit-linear-gradient(to bottom, #eceef0, #e0e2e4);
    }

.btn i {
    margin-right: 5px;
}

.btns .btn {
    margin: 10px;
}

.dp-btns .btn-group {
    margin: 10px;
    margin-left: 5px;
}

.dp-btns .btn {
    margin: 0px;
}


/**********************
*** TODO List Stuff ***
***********************/
.todo {
    width: 100%;
    margin-bottom: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.todo-item {
    width: 100%;
    height: 36px;
    background: #fff;
    font-size: 12px;
    color: #929191;
    line-height: 36px;
    padding-left: 36px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: rgba(0,0,0,0.15);
    position: relative;
    -moz-transition: background 0.3s, transform 0.3s;
    -o-transition: background 0.3s, transform 0.3s;
    -webkit-transition: background 0.3s, transform 0.3s;
    transition: background 0.3s, transform 0.3s;
}

    .todo-item:first-child {
        border-top: 1px solid rgba(0,0,0,0.15);
        -webkit-border-top-left-radius: 4px;
        border-top-left-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
    }

    .todo-item:last-child {
        border-bottom: 1px solid rgba(0,0,0,0.3);
        -webkit-border-bottom-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .todo-item i {
        position: absolute;
        font-size: 14px;
        left: 12px;
        top: 10px;
        color: #bab9b9;
    }

    .todo-item .todo-date {
        background: #bab9b9;
        padding: 6px;
        line-height: 1em;
        margin: 6px 10px 0 0;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.25);
        color: #fff;
        text-shadow: 0 1px 0 rgba(0,0,0,0.2);
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        position: absolute;
        top: 0;
        right: 0;
    }

    .todo-item.green .todo-date {
        background: #a6c57c;
    }

    .todo-item.green i {
        color: #7bb02a;
    }

    .todo-item.turquoise .todo-date {
        background: #68b488;
    }

    .todo-item.turquoise i {
        color: #68b488;
    }

    .todo-item.aqua .todo-date {
        background: #73c3c0;
    }

    .todo-item.aqua i {
        color: #73c3c0;
    }

    .todo-item.blue .todo-date {
        background: #6eafc5;
    }

    .todo-item.blue i {
        color: #6eafc5;
    }

    .todo-item.lavender .todo-date {
        background: #9e8ab5;
    }

    .todo-item.lavender i {
        color: #9e8ab5;
    }

    .todo-item.red .todo-date {
        background: #df6765;
    }

    .todo-item.red i {
        color: #df6765;
    }

    .todo-item.orange .todo-date {
        background: #f57e6d;
    }

    .todo-item.orange i {
        color: #f57e6d;
    }

    .todo-item.yellow .todo-date {
        background: #fdc048;
    }

    .todo-item.yellow i {
        color: #fdc048;
    }

    .todo-item.grey .todo-date {
        background: #788489;
    }

    .todo-item.grey i {
        color: #788489;
    }

    .todo-item.black .todo-date {
        background: #21292d;
    }

    .todo-item.black i {
        color: #21292d;
    }

    .todo-item.dark-grey .todo-date {
        background: #2e3638;
    }

    .todo-item.dark-grey i {
        color: #2e3638;
    }

    .todo-item.light-grey .todo-date {
        background: #d4d3d3;
    }

    .todo-item.light-grey i {
        color: #d4d3d3;
    }

    .todo-item:hover {
        background: #f0f6f8;
        color: #72a9bc;
        -moz-transform: scale(1.03,1.03);
        -ms-transform: scale(1.03,1.03);
        -o-transform: scale(1.03,1.03);
        -webkit-transform: scale(1.03,1.03);
        transform: scale(1.03,1.03);
    }



/*****************
*** CHAT Stuff ***
******************/
.chat-line {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
}

.chat-usr {
    width: 36px;
    height: 36px;
    float: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.chat-msg {
    float: left;
    margin-left: 65px;
    margin-top: -38px;
    color: #929191;
    font-size: 12px;
    padding: 15px 20px;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    clear: both;
    position: relative;
}

    .chat-msg::before {
        content: '';
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;
        position: absolute;
    }

    .chat-msg .chat-name {
        color: #1b1e1f;
        font-size: 16px;
        font-family: 'cartogothic_stdbold';
        margin-bottom: 7px;
    }

        .chat-msg .chat-name span {
            font-family: 'cartogothic_stdregular';
            color: #929191;
            font-size: 10px;
        }

.chat-line:nth-child(odd) .chat-usr, .chat-line:nth-child(odd) .chat-msg {
    float: right;
}

.chat-line:nth-child(odd) .chat-msg {
    margin-left: 0;
    text-align: right;
    margin-right: 65px;
}

.chat-line:nth-child(even) .chat-msg:after, .chat-line:nth-child(even) .chat-msg:before {
    right: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.chat-line:nth-child(even) .chat-msg:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 5px;
    margin-top: -5px;
}

.chat-line:nth-child(even) .chat-msg:before {
    border-color: rgba(221, 221, 221, 0);
    border-right-color: rgba(0,0,0,0.15);
    border-width: 6px;
    margin-top: -6px;
}

.chat-line:nth-child(odd) .chat-msg:after, .chat-line:nth-child(odd) .chat-msg:before {
    left: 100%;
    top: 20px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.chat-line:nth-child(odd) .chat-msg:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #ffffff;
    border-width: 5px;
    margin-top: -5px;
}

.chat-line:nth-child(odd) .chat-msg:before {
    border-color: rgba(221, 221, 221, 0);
    border-left-color: rgba(0,0,0,0.15);
    border-width: 6px;
    margin-top: -6px;
}

.chat-line:nth-child(even) .chat-msg .close {
    right: 10px;
}

.chat-line:nth-child(odd) .chat-msg .close {
    left: 10px;
}

.chat-msg .close {
    position: absolute;
    top: 5px;
}

.usr-msg {
    clear: both;
    width: 100%;
}

    .usr-msg input {
        width: 70%;
        margin-right: 5px;
    }

    .usr-msg button {
        margin-top: -10px;
    }


/*****************
*** TABS Stuff ***
******************/

#eTabs ul {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
}

    #eTabs ul li {
        float: left;
        margin: 0;
        background: #f5f5f5;
        border: 1px solid rgba(0,0,0,0.15);
        border-left: none;
        width: 33.3%;
        height: 30px;
        overflow: hidden;
        white-space: nowrap;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        text-align: center;
    }

        #eTabs ul li:first-child {
            -webkit-border-top-left-radius: 3px;
            border-top-left-radius: 3px;
            border-left: 1px solid rgba(0,0,0,0.15);
        }

        #eTabs ul li:last-child {
            -webkit-border-top-right-radius: 3px;
            border-top-right-radius: 3px;
        }

        #eTabs ul li a {
            font-size: 14px;
            color: #929191;
            text-decoration: none;
            padding: 5px 8px;
            display: block;
        }

        #eTabs ul li.active {
            background: #fff;
            border: 1px solid rgba(0,0,0,0.15);
            border-left: none;
            border-bottom: 1px solid transparent;
        }

            #eTabs ul li.active:first-child {
                -webkit-border-top-left-radius: 3px;
                border-top-left-radius: 3px;
                border-left: 1px solid rgba(0,0,0,0.15);
            }

            #eTabs ul li.active:last-child {
                -webkit-border-top-right-radius: 3px;
                border-top-right-radius: 3px;
            }

            #eTabs ul li.active a {
                color: #1b1e1f;
            }

.tabsContent {
    float: left;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.3);
    border-top: none;
    margin-bottom: 20px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.tab-exmaple-title, .tab-example-info {
    color: #1b1e1f;
    font-family: 'cartogothic_stdbold';
    float: left;
}

.tab-exmaple-title {
    font-size: 12px;
    margin-left: 20px;
    margin-top: 10px;
    width: 100%;
}

.tab-example-quad {
    width: 37px;
    height: 37px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #878787;
    float: left;
    margin: 5px 12px 10px 20px;
}

.tab-example-info {
    float: left;
    font-size: 14px;
    line-height: 16px;
    margin-top: 5px;
}

    .tab-example-info > span {
        color: #929191;
        font-size: 12px;
    }

        .tab-example-info > span > span {
            color: #72a9bc;
            font-family: 'cartogothic_stdbold';
        }

.tab-example-date {
    float: right;
    font-size: 12px;
    color: #1b1e1f;
    line-height: 16px;
    margin-top: 5px;
    margin-right: 20px;
}

    .tab-example-date span {
        color: #929191;
    }

#tab1 .tab-example-quad {
    background:;
}

#tab2 .tab-example-quad {
    background: #72a9bc;
}

#tab3 .tab-example-quad {
    background: #a6c57c;
}


/*****************************
*** SLIDERS & PROGRESS BAR ***
******************************/

.slider {
    margin: 5px 0;
    height: 10px;
    direction: rtl;
    background: #dddddd;
    border-top: 1px solid rgba(0,0,0,0.35);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.3);
    border-right: 1px solid rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 0px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 0px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5);
    position: relative;
}

    .slider .sl-amount {
        position: absolute;
        font-size: 14px;
        color: #929191;
        text-shadow: 0 1px 0 rgba(255,255,255,0.75);
        bottom: -30px;
        font-family: 'cartogothic_stdregular';
    }

    .slider #amount-min {
        left: 0;
    }

    .slider #amount-max {
        right: 0;
    }

        .slider #amount-max::before {
            content: 'Max: ';
        }

    .slider #amount-block {
        left: 0;
    }

    .slider.range, .slider.range-min {
        margin-bottom: 50px;
    }

    .slider.ui-slider .ui-slider-handle {
        width: 22px;
        height: 22px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        top: -10px;
        background: #f1f1f1;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1));
        background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
        background: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
        background: -o-linear-gradient(top, #ffffff, #f1f1f1);
        background: -webkit-linear-gradient(to bottom, #ffffff, #f1f1f1);
        border-top: 1px solid rgba(0,0,0,0.2);
        border-bottom: 1px solid rgba(0,0,0,0.4);
        border-left: 1px solid rgba(0,0,0,0.3);
        border-right: 1px solid rgba(0,0,0,0.3);
        -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 1px rgba(0,0,0,0.2);
        text-decoration: none;
        cursor: pointer;
    }

.ui-widget-header {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#6daec4), to(#4a8ea5));
    background: -moz-linear-gradient(top, #6daec4, #4a8ea5);
    background: -webkit-linear-gradient(top, #6daec4, #4a8ea5);
    background: -o-linear-gradient(top, #6daec4, #4a8ea5);
    background: -webkit-linear-gradient(to bottom, #6daec4, #4a8ea5);
    border: 1px solid #2c657a !important;
}

.ui-slider-horizontal .ui-slider-range {
    height: 6px;
    margin-top: -1px;
}

.range-tooltip {
    width: 46px;
    height: 30px;
    background: #79858a;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#79858a), to(#5f6b71));
    background: -moz-linear-gradient(top, #79858a, #5f6b71);
    background: -webkit-linear-gradient(top, #79858a, #5f6b71);
    background: -o-linear-gradient(top, #79858a, #5f6b71);
    background: -webkit-linear-gradient(to bottom, #79858a, #5f6b71);
    border-top: 1px solid #707a86;
    border-bottom: 1px solid #4c5561;
    border-left: 1px solid #606976;
    border-right: 1px solid #606976;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 1px rgba(0,0,0,0.2);
    position: absolute;
    top: -38px;
    left: 50%;
    margin-left: -23px;
    text-align: center;
    line-height: 30px;
    font-family: 'cartogothic_stdbold';
    font-size: 12px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}

    .range-tooltip::after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        border-top: 5px solid #5f6b71;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        bottom: -5px;
        left: 50%;
        margin-left: -5px;
    }

.progressbar {
    height: 13px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #ddd;
    border-top: 1px solid rgba(0,0,0,0.35);
    border-bottom: 1px solid rgba(0,0,0,0.2);
    border-left: 1px solid rgba(0,0,0,0.3);
    border-right: 1px solid rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 0px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5);
    box-shadow: inset 0 1px 0px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5);
    position: relative;
    overflow: visible;
}

    .progressbar .ui-progressbar-value {
        margin: 0;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        height: 13px;
        margin-top: -1px;
    }

.progress-amount {
    font-size: 14px;
    color: #929191;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75);
    text-align: right;
    margin-top: 5px;
}

.progressbar span {
    position: absolute;
    width: 1px;
    height: 100%;
    background: rgba(0,0,0,0.12);
    z-index: 100;
}

    .progressbar span:first-child {
        left: 20%;
    }

    .progressbar span:nth-child(2) {
        left: 40%;
    }

    .progressbar span:nth-child(3) {
        left: 60%;
    }

    .progressbar span:nth-child(4) {
        left: 80%;
    }




/*********************
*** SWITCHES Stuff ***
**********************/

.switches {
    float: left;
    margin-right: 20px;
}

    .switches input[type="checkbox"] {
        position: absolute;
        left: -9999px;
    }

    .switches .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 23px;
        cursor: pointer;
        -moz-transition: 350ms 50ms;
        -o-transition: 350ms 50ms;
        -webkit-transition: 350ms 50ms;
        transition: 350ms 50ms;
        background: #dddddd;
        margin-top: 8px;
        margin-right: 7px;
        vertical-align: middle;
        border-top: 1px solid rgba(0,0,0,0.4);
        border-bottom: 1px solid rgba(0,0,0,0.18);
        border-left: 1px solid rgba(0,0,0,0.3);
        border-right: 1px solid rgba(0,0,0,0.3);
        -moz-box-shadow: inset 0 1px 0px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5);
        -webkit-box-shadow: inset 0 1px 0px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5);
        box-shadow: inset 0 1px 0px rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,0.5);
        float: left;
        clear: both;
    }

        .switches .switch.sw1 {
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;
            border-radius: 30px;
        }

            .switches .switch.sw1::after {
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
            }

        .switches .switch.sw2 {
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            border-radius: 4px;
            width: 65px;
        }

            .switches .switch.sw2::after {
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border-radius: 4px;
                width: 26px;
            }

        .switches .switch::after {
            position: absolute;
            content: '';
            width: 21px;
            height: 21px;
            top: 0px;
            left: 0px;
            -moz-transition: 250ms ease-in-out;
            -o-transition: 250ms ease-in-out;
            -webkit-transition: 250ms ease-in-out;
            transition: 250ms ease-in-out;
            background: #fff;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1));
            background: -moz-linear-gradient(top, #ffffff, #f1f1f1);
            background: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
            background: -o-linear-gradient(top, #ffffff, #f1f1f1);
            background: -webkit-linear-gradient(to bottom, #ffffff, #f1f1f1);
            -moz-box-shadow: 0 2px 1px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(0,0,0,0.25);
            -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(0,0,0,0.25);
            box-shadow: 0 2px 1px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(0,0,0,0.25);
        }

    .switches input:checked + .switch {
        background: #a6c57c;
        -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.5);
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.5);
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.5);
    }

        .switches input:checked + .switch::after {
            left: 37px;
        }

        .switches input:checked + .switch.green {
            background: #a6c57c;
        }

        .switches input:checked + .switch.turquoise {
            background: #459768;
        }

        .switches input:checked + .switch.aqua {
            background: #58a4a1;
        }

        .switches input:checked + .switch.blue {
            background: #71a8bb;
        }

        .switches input:checked + .switch.lavender {
            background: #827591;
        }

        .switches input:checked + .switch.red {
            background: #c34c4a;
        }

        .switches input:checked + .switch.orange {
            background: #de624e;
        }

        .switches input:checked + .switch.yellow {
            background: #dba63e;
        }

        .switches input:checked + .switch.grey {
            background: #6f7985;
        }

        .switches input:checked + .switch.black {
            background: #191f21;
        }

        .switches input:checked + .switch.dark-grey {
            background: #2b3234;
        }

        .switches input:checked + .switch.light-grey {
            background: #b9b8b8;
        }

        .switches input:checked + .switch.white {
            background: #dcdcdc;
        }

/* LOADING */
#loading {
    background: rgba(0,0,0,0.85);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1051;
}

#divBackdrop {
    background: rgba(0,0,0,0.85);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1051;
}

#loading > div, #loading-example > div {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -30px;
}

#loading-example {
    position: relative;
    height: 100px;
    width: 100px;
    margin: 0 auto;
}

    #loading > div > div, #loading-example > div > div {
        content: '';
        position: absolute;
        width: 16px;
        height: 16px;
        background: #8fd7d4;
        top: 10px;
        left: 10px;
        -moz-transform-origin: 10px 10px;
        -ms-transform-origin: 10px 10px;
        -o-transform-origin: 10px 10px;
        -webkit-transform-origin: 10px 10px;
        transform-origin: 10px 10px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        -moz-animation: spin-a 1s infinite cubic-bezier(0.5, 0, 0.5, 1);
        -o-animation: spin-a 1s infinite cubic-bezier(0.5, 0, 0.5, 1);
        -webkit-animation: spin-a 1s infinite cubic-bezier(0.5, 0, 0.5, 1);
        animation: spin-a 1s infinite cubic-bezier(0.5, 0, 0.5, 1);
    }

        #loading > div > div:nth-child(2), #loading-example > div > div:nth-child(2) {
            left: 50%;
            animation-delay: 0.3s;
        }

        #loading > div > div:nth-child(3), #loading-example > div > div:nth-child(3) {
            left: 50%;
            margin-left: 20px;
            animation-delay: 0.6s;
        }


@keyframes spin-a {
    0% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    75% {
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}


@-moz-keyframes spin-a {
    0% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    75% {
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-ms-keyframes spin-a {
    0% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    75% {
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

@-webkit-keyframes spin-a {
    0% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -o-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    75% {
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }

    100% {
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}





/*************************
*** ICON BUTTONS Stuff ***
**************************/

.icon-btn {
    background: #fff;
    height: 34px;
    display: inline-block;
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    width: 34px;
    line-height: 34px;
    text-align: center;
    text-decoration: none !important;
    color: #777;
    position: relative;
    margin: 3px;
    -moz-transition: color .3s;
    -o-transition: color .3s;
    -webkit-transition: color .3s;
    transition: color .3s;
    padding: 0;
}

    .icon-btn:hover {
        color: #333;
    }

    .icon-btn .badge {
        top: -7px;
        right: -7px;
    }

    .icon-btn.btn-green i, .icon-btn.btn-turquoise i, .icon-btn.btn-aqua i,
    .icon-btn.btn-blue i, .icon-btn.btn-lavender i, .icon-btn.btn-red i,
    .icon-btn.btn-orange i, .icon-btn.btn-yellow i, .icon-btn.btn-grey i,
    .icon-btn.btn-black i, .icon-btn.btn-dark-grey i {
        color: #fff;
    }

    .icon-btn.btn-green {
        background: #7bb02a;
        border: 1px solid #6b9b21;
    }

    .icon-btn.btn-turquoise {
        background: #68b488;
        border: 1px solid #459768;
    }

    .icon-btn.btn-aqua {
        background: #73c3c0;
        border: 1px solid #58a4a1;
    }

    .icon-btn.btn-blue {
        background: #6eafc5;
        border: 1px solid #71a8bb;
    }

    .icon-btn.btn-lavender {
        background: #9e8ab5;
        border: 1px solid #827591;
    }

    .icon-btn.btn-red {
        background: #df6765;
        border: 1px solid #c34c4a;
    }

    .icon-btn.btn-orange {
        background: #f57e6d;
        border: 1px solid #de624e;
    }

    .icon-btn.btn-yellow {
        background: #fdc048;
        border: 1px solid #dba63e;
    }

    .icon-btn.btn-grey {
        background: #788489;
        border: 1px solid #6f7985;
    }

    .icon-btn.btn-black {
        background: #21292d;
        border: 1px solid #191f21;
    }

    .icon-btn.btn-dark-grey {
        background: #2e3638;
        border: 1px solid #2b3234;
    }

    .icon-btn.btn-light-grey {
        background: #d4d3d3;
        border: 1px solid #b9b8b8;
    }

    .icon-btn.icon-medium {
        width: 52px;
        line-height: 52px;
        height: 52px;
        font-size: 18px;
    }

    .icon-btn.icon-big {
        width: 94px;
        line-height: 94px;
        height: 94px;
        font-size: 38px;
    }

        .icon-btn.icon-big .badge {
            top: 5px;
            right: 5px;
        }




/************************
*** LOGIN & 404 Stuff ***
*************************/

.login {
    width: 250px;
    background: #fff;
    margin: 100px auto;
    overflow: auto;
    background: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid rgba(0,0,0,0.15);
    border-bottom: 1px solid rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

.login-header {
    overflow: auto;
    background: #2e3638 -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0) 75%);
    background: #2e3638 -moz-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0) 75%);
    background: #2e3638 linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0) 75%);
}

.login .mini-form {
    margin-left: 0;
    padding: 15px;
}

    .login .mini-form input {
        width: 100%;
        margin-top: 0;
    }

.error h1 {
    color: red;
    font-size: 5.5em;
    text-align: center;
    line-height: 1em;
    /*text-shadow: 0 0 20px rgba(0,0,0,0.2);*/
    /*opacity: 0;
    -moz-animation: error 2s infinite;
    -o-animation: error 2s infinite;
    -webkit-animation: error 2s infinite;
    animation: error 2s infinite;*/
    /*margin-top: 50px;*/
    text-align: right;
    padding: 10px 40px;
    border-right: 1px solid #ccc;
    display: inline-block;
    vertical-align: middle;
}

.errorbg {
    background: #eee;
    padding: 25px;
}

.error h1 small {
    display: block;
    font-size: 0.5em;
    font-weight: 300;
    text-transform: uppercase;
}

.error p {
    text-align: center;
}

@-moz-keyframes error {
    50% {
        opacity: 1;
    }
}

@-ms-keyframes error {
    50% {
        opacity: 1;
    }
}

@-webkit-keyframes error {
    50% {
        opacity: 1;
    }
}

@keyframes error {
    50% {
        opacity: 1;
    }
}

.toastr-btns button {
    margin: 5px;
}

/************************
*** Toastr custom styling ***
*************************/

#toast-container > div {
    margin: 0 0 6px;
    padding: 15px;
    width: 300px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background-position: 15px center;
    background-repeat: no-repeat;
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    color: #3d4041;
    opacity: 0.9;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
    filter: alpha(opacity=90);
}

#toast-container > :hover {
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1);
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    cursor: pointer;
}

.toast-success {
    background-color: #dff0d8;
    border-top: 1px solid #c8ddbf;
    border-bottom: 1px solid #b7d2ab;
    border-left: 1px solid #c0d7b4;
    border-right: 1px solid #c0d7b4;
}

.toast-error {
    background-color: #f2dede;
    border-top: 1px solid #ead4d4;
    border-bottom: 1px solid #dbc0c0;
    border-left: 1px solid #e3caca;
    border-right: 1px solid #e3caca;
}

.toast-info {
    background-color: #d9edf7;
    border-top: 1px solid #bbdbe5;
    border-bottom: 1px solid #98c8d7;
    border-left: 1px solid #a9d1de;
    border-right: 1px solid #a9d1de;
}

.toast-warning {
    background-color: #fcf8e3;
    border-top: 1px solid #ece1cd;
    border-bottom: 1px solid #e0caa2;
    border-left: 1px solid #e6d5b7;
    border-right: 1px solid #e6d5b7;
}

.toast-success .toast-close-button {
    color: #468847;
}

.toast-error .toast-close-button {
    color: #c34a48;
}

.toast-info .toast-close-button {
    color: #5b87c6;
}

.toast-warning .toast-close-button {
    color: #c09853;
}

.toast-close-button {
    position: relative;
    right: -0.2em;
    top: -0.2em;
    float: right;
    font-size: 18px;
    font-weight: normal;
    color: #3d4041;
    text-shadow: none;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
}

    .toast-close-button:hover,
    .toast-close-button:focus {
        text-decoration: none;
        cursor: pointer;
        opacity: 0.6;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
        filter: alpha(opacity=60);
    }

#toast-container > .toast-info, #toast-container > .toast-error, #toast-container > .toast-success, #toast-container > .toast-warning {
    background-image: none !important;
}

.dashboard-todolist {
    border: 1px solid #ccc;
    padding: 7px 10px 10px !important;
    background: #f9f9f9;
    border-radius: 2px;
    margin: 0 15px;
    /*width:48%;*/
    width: 100%;
    min-height: 341px;
}
/*.select2-dropdown {
    z-index:99;
}*/
.dashboard-patient-list-page {
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #f9f9f9;
    padding: 7px 10px 10px 10px !important;
    box-sizing: border-box;
    /*width:48%;*/
    width: 100%;
    margin: 15px 15px;
    min-height: 387px;
}

/************************
*** Misc ***
*************************/

.italic {
    font-style: italic;
}

blockquote {
    border-left: 5px solid #1b1e1f;
}

strong {
    font-family: 'cartogothic_stdbold';
}

pre.language-markup {
    margin: 20px 0px;
}

.marginTop20 {
    margin-top: 20px;
}

.pad5left {
    padding-left: 5px;
}

.auto-width {
    width: auto;
}

hr {
    border-color: #ccc;
}

#main1 .container-fluid {
    padding-right: 0px;
}

#main1 {
    margin-right: 0;
    margin-left: 0;
}

TABLE.gj-grid-table > tbody > tr > td > div.custom-radio {
    padding: 2px;
    overflow: visible;
}

    TABLE.gj-grid-table > tbody > tr > td > div.custom-radio .checkmark {
        right: 0;
        top: 0 !important;
        margin: 0 auto !important;
        height: 15px !important;
        width: 15px !important;
    }

        TABLE.gj-grid-table > tbody > tr > td > div.custom-radio .checkmark:after {
            top: 3.2px;
            left: 3.2px;
        }


.table .custom-radio input, .custom-radio #divAccessRightTable .checkmark {
    margin-top: -10px !important;
}

.add-view-content {
    background: #f3f8ff;
    padding: 10px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.legand {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

    .legand .dots {
        margin-right: 10px;
    }

#SubstancesFoundModal .table tbody tr td {
    padding: 0px 10px 0px 10px;
}

/*******************************
*** Nice Scroll ***
********************************/
#boxscroll {
    max-height: 193px;
    overflow: auto;
    padding: 0 15px 0 0;
    /*margin-right: -20px;*/
}

/*******************************
*** RESPONSIVE Media Queries ***
********************************/

@media (max-width: 1400px) {
    .login-intro-text img {
        display: none;
    }

    .container, .navbar ul {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
    }

    .navbar .dropdown:nth-child(2) {
        margin-left: -5px !important;
    }

    .navbar ul {
        padding: 0px;
    }
}

@media (max-width: 1150px) {
    .login-intro-text div {
        text-align: left !important;
    }
}

@media (max-width: 1023px) {
    .outcome-patient-list-page .legand {
        float: none !important;
        display: block;
        margin-top: 10px;
    }

    .dashboard-todolist, .dashboard-patient-list-page {
        width: 97%;
    }

    .dashboard-patient-list-page {
        margin: 0 15px;
    }

    .mainbox-inner .login-bg {
        display: none;
    }
    /*.dashboard-todolist {
        border-right: none !important;
    }*/
    .mainbox-inner .col-sm-6 {
        width: 100%;
    }

    .mainbox .panel .panel-body {
        padding: 10px;
    }

    .mainbox-inner .login-logo {
        padding: 20px 5px 10px 5px;
    }

    .mainbox-inner .input-group {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .nav.show + .main-content {
        width: 990px; /* new Sticky -> */
        margin-left: 180px;
    }

    .classic .side-navbar.show + .main-content {
        width: 970px;
        margin-left: 0px;
        padding-right: 5px;
    }
}

@media (min-width: 1201px) {
    .side-navbar.show + .main-content {
        width: 90%; /* new Sticky -> */
        margin-left: 180px;
    }

    .classic .side-navbar.show + .main-content {
        width: 90%;
        margin-left: 0px;
        padding-right: 5px;
    }
}

@media (max-width: 995px) {
    .nav {
        /*z-index: 907;*/
        /*-moz-box-shadow: 2px 0 25px rgba(0,0,0,0.5);
        -webkit-box-shadow: 2px 0 25px rgba(0,0,0,0.5);
        box-shadow: 2px 0 25px rgba(0,0,0,0.5);*/
    }

        .nav.show + .main-content {
            margin-left: 0;
            width: 100% !important;
        }
    /*.container {
        width: 100%;
        margin: 0 auto;
    }*/

    /*.logincontainer {
       width: 1180px;
    }*/
    .main-content {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
    }

    .nav ul li.active {
        -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.12);
        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.12);
        box-shadow: inset 0 1px 0 rgba(0,0,0,0.12);
    }

        .nav ul li.active:last-child {
            -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.12), 0 1px 0 rgba(0,0,0,0.12);
            -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.12), 0 1px 0 rgba(0,0,0,0.12);
            box-shadow: inset 0 1px 0 rgba(0,0,0,0.12), 0 1px 0 rgba(0,0,0,0.12);
        }

    .profile ul li a {
        padding: 0 20px;
    }

    .profile .dropdown-menu > li i {
        margin: 0px 10px 0px 0px;
    }

    .classic .nav {
        -moz-box-shadow: 1px 0 0 rgba(0,0,0,0.1), 2px 0 0 rgba(0,0,0,0.07), 3px 0 0 rgba(0,0,0,0.02);
        -webkit-box-shadow: 1px 0 0 rgba(0,0,0,0.1), 2px 0 0 rgba(0,0,0,0.07), 3px 0 0 rgba(0,0,0,0.02);
        box-shadow: 1px 0 0 rgba(0,0,0,0.1), 2px 0 0 rgba(0,0,0,0.07), 3px 0 0 rgba(0,0,0,0.02);
    }

        .classic .nav, .classic .nav > ul > li {
            width: 60px;
        }

            .classic .nav ul li a span {
                display: none;
            }

    .classic .container {
        width: 790px;
    }

    .classic .nav.show + .main-content {
        width: 700px;
    }

    .classic .nav ul li.collapsible > ul li a {
        padding-left: 15px;
    }

    .classic .badge.badge-nav {
        right: 49px;
    }

    .classic .btn-live {
        position: absolute;
        right: 30px;
        padding-right: 10px;
    }

        .classic .btn-live span {
            display: none;
        }

    .classic .nav-logo {
        left: -60px;
    }

    .classic .dought-detail .mini-bar:last-child {
        display: none;
    }

    .classic .intro ul li, .classic .intro-content {
        height: auto;
    }

        .classic .intro-content .circle, .classic .intro-content .intro-info {
            float: none;
        }

    .classic .intro-content {
        position: relative;
        width: auto;
        margin-bottom: 10px;
    }

        .classic .intro-content .circle {
            margin: 10px auto;
        }

        .classic .intro-content .intro-info {
            text-align: center;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }

    code {
        -ms-word-wrap: break-word;
        word-wrap: break-word;
    }
}

@media (max-width: 992px) {
    .dashboard-patient-list-page {
        clear: both;
        /*margin-top: 60px;*/
        margin-top: 20px;
    }
}

@media (min-width: 992px) {
    .modal-dialog.modal-extra-lg {
        width: 1200px;
    }
}

@media only screen and (min-width: 240px) and (max-width: 1200px) {
    .container, .navbar ul {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .navbar ul > li > a {
        padding: 10px 15px 10px 15px;
    }

    #patientPopulationChartContainer, #generalPopulationChartContainer {
        width: 100%;
        max-width: 100%;
    }

    .mainbox-inner .panel-body.p30 {
        padding: 20px 30px 0 30px !important;
    }

    .dataTables_length {
        margin-top: 20px;
    }

    .modal-dialog {
        margin: 100px auto;
    }

    #top .navbar-toggler {
        display: block;
    }

    .navbar .open > .dropdown-menu {
        top: 0;
        position: relative;
        display: block;
        width: 100%;
        box-shadow: none;
        left: 0;
    }

    .content-area {
        padding: 75px 0px 20px 0px;
    }

    .navbar {
        min-height: 0;
        background: #eee;
        max-height: calc( 100vh - 85px );
        overflow-y: auto;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
    }

    .navbar-collapse {
        padding: 0;
    }

        .navbar-collapse.in {
            -webkit-box-shadow: 0px 17px 33px 4px rgba(128,128,128,0.7);
            -moz-box-shadow: 0px 17px 33px 4px rgba(128,128,128,0.7);
            box-shadow: 0px 17px 33px 4px rgba(128,128,128,0.7);
        }

    .navbar ul > li, .navbar .dropdown {
        display: block;
        width: 100%;
        text-align: left;
        border-bottom: 1px solid #ccc;
    }

    .navbar a .fa.fa-angle-down {
        padding: 2px 5px;
        float: right;
    }

    .navbar .dropdown-menu li a {
        padding: 10px 15px 10px 45px;
    }

    .navbar ul {
        position: relative;
        display: block;
        background: none;
        box-shadow: none;
        border: none;
    }

        .navbar ul > li > a.dropdown-toggle {
            padding: 10px 25px 10px 15px;
            border-bottom: 1px solid #ccc;
        }

    .navbar .open > .dropdown-menu {
        background: #eee;
        border: none;
        padding-left: 0;
        margin-bottom: 0;
    }

    .active-submenu {
        background: #2f64b5 !important;
        color: #fff !important;
    }

    .navbar ul > li > a, .navbar ul > li > button {
        color: #333;
    }

    .navbar ul > li:after, .navbar .dropdown:after, .navbar ul > li:last-child:after, .navbar .dropdown:last-child:after {
        display: none;
    }

    .side-navbar .dashboad-icon .st0, .navbar .dashboad-icon .st0 {
        fill: #555555;
    }

    .side-navbar .dashboad-icon .st1, .navbar .dashboad-icon .st1 {
        fill: #3065b5;
    }

    .navbar ul > li > a, .navbar ul > li > button {
        width: 100%;
        display: block;
        line-height: normal;
    }

    .panel .row [class*=col] {
        padding-bottom: 10px;
    }

    .nav.show ~ .content-area {
        padding: 150px 0px 20px 0px;
    }

    .nav-button {
        display: block;
    }

    body {
        padding-left: 0;
        padding-right: 0;
    }

    .classic .container {
        width: 100%;
    }

    .main-content {
        width: 100%;
    }

    .nav.show + .main-content, .classic .nav.show + .main-content {
        width: auto;
    }

    .nav, .classic .nav {
        left: 0px;
        padding-left: 10px;
        width: 100%;
        height: auto !important;
        padding-bottom: 20px;
        -moz-transform: translateX(0px) translateY(-850px);
        -ms-transform: translateX(0px) translateY(-850px);
        -o-transform: translateX(0px) translateY(-850px);
        -webkit-transform: translateX(0px) translateY(-850px);
        transform: translateX(0px) translateY(-850px);
        -moz-box-shadow: 2px 0 25px rgba(0,0,0,0.5);
        -webkit-box-shadow: 2px 0 25px rgba(0,0,0,0.5);
        box-shadow: 2px 0 25px rgba(0,0,0,0.5);
        display: none;
    }

        .nav > ul > li, .classic .nav > ul > li {
            width: 100%;
        }

    .classic .main-content {
        margin-top: 70px;
    }

    .classic .nav ul li a span {
        display: inline-block;
    }

    .classic .btn-live {
        position: relative;
        padding-right: 20px;
        margin-left: 50px;
    }

        .classic .btn-live span {
            display: inline-block;
        }

    .classic .nav {
        position: fixed;
        top: 70px;
    }

    .classic #top {
        position: fixed;
    }

    .classic .nav {
        z-index: 907;
        -moz-box-shadow: 2px 0 25px rgba(0,0,0,0.5);
        -webkit-box-shadow: 2px 0 25px rgba(0,0,0,0.5);
        box-shadow: 2px 0 25px rgba(0,0,0,0.5);
    }

    .classic .badge.badge-nav {
        right: 29px;
    }

    .classic .nav-button {
        display: block;
    }

    .classic .nav ul li.collapsible > ul li a {
        padding-left: 70px;
    }

    .classic .dought-detail .mini-bar:last-child {
        display: block;
    }

    .nav-logo {
        display: none !important;
    }

    .nav.show {
        -moz-transform: translateX(0px) translateY(0px);
        -ms-transform: translateX(0px) translateY(0px);
        -o-transform: translateX(0px) translateY(0px);
        -webkit-transform: translateX(0px) translateY(0px);
        transform: translateX(0px) translateY(0px);
    }

    .main-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .nav ul li a i {
        margin-left: 30px;
    }
    /*.main-content .header .search input { width: 205px; }*/
    .fluid:not(.kendogrid) [class*="grid"] {
        float: none;
        width: 100%;
        clear: both;
        margin-left: 0;
    }

    .user-info, .main-logo span {
        display: none;
    }
    /*.profile-img {
        width: 25px;
        height: 25px;
        margin-top: 23px;
    }*/
    .intro ul li, .intro-content {
        height: auto;
    }

        .intro-content .circle, .intro-content .intro-info {
            float: none;
        }

    .intro-content {
        position: relative;
        width: auto;
        margin-bottom: 10px;
    }

        .intro-content .circle {
            margin: 10px auto;
        }

        .intro-content .intro-info {
            text-align: center;
            white-space: nowrap;
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            font-size: 14px;
        }

    .error h1 {
        font-size: 5.5em;
        padding: 10px 10px;
    }

    .main-content .header .search input {
        width: 43px;
        -moz-transition: width 0.5s;
        -o-transition: width 0.5s;
        -webkit-transition: width 0.5s;
        transition: width 0.5s;
    }

        .main-content .header .search input:focus {
            width: 115px;
        }

        .main-content .header .search input::-webkit-input-placeholder {
            text-indent: -9999px;
        }

        .main-content .header .search input::-moz-placeholder {
            text-indent: -9999px;
        }
        /* firefox 19+ */
        .main-content .header .search input:-ms-input-placeholder {
            text-indent: -9999px;
        }
        /* ie */
        .main-content .header .search input:-moz-placeholder {
            text-indent: -9999px;
        }

    .form-inline.inline-custom-form select.form-control {
        display: inline-block !important;
        width: auto !important;
    }
}

@media (max-width: 640px) {
    .legand {
        float: none !important;
        display: block;
        margin-top: 10px;
    }

    .pb150 {
        padding-bottom: 150px;
    }

    label[for="DueDateFilter"] {
        margin-top: 10px;
    }

    .user-profile-photo {
        background-size: auto 100%;
    }

    .dataTables_paginate.paging_simple_numbers {
        width: 100%;
    }

    .dataTables_info {
        display: none;
    }
}

@media (max-width: 480px) {
    .top-banner {
        min-height: auto;
    }

    .login-logo img {
        width: 40%;
    }

    .login-intro-text {
        display: none;
    }

    .footer a {
        padding-left: 20px;
    }

    .profile {
        margin-right: 0;
    }

    .error {
        padding: 0;
    }

    .container-fluid {
        padding: 0;
    }

    .fluid:not(.kendogrid) [class*="grid"] {
        float: none;
        width: 100%;
        clear: both;
        margin-left: 0;
    }

    .main-content .header {
        height: auto;
    }

        .main-content .header .page-title {
            line-height: 18px;
            margin: 15px 0px;
            padding: 15px 0px 15px 0px;
        }

    .page-title {
        float: none;
    }

    .main-content .header .search input {
        width: 100%;
    }

        .main-content .header .search input:focus {
            width: 100%;
        }

        .main-content .header .search input::-webkit-input-placeholder {
            text-indent: 0px;
        }

        .main-content .header .search input::-moz-placeholder {
            text-indent: 0px;
        }
        /* firefox 19+ */
        .main-content .header .search input:-ms-input-placeholder {
            text-indent: 0px;
        }
        /* ie */
        .main-content .header .search input:-moz-placeholder {
            text-indent: 0px;
        }

    .main-content .header .search {
        float: none;
        margin-top: 15px;
    }

    .widget-controls {
        margin-bottom: 10px;
    }

    #eTabs ul li a {
        font-size: 12px;
    }

    .profile .dropdown-menu {
        width: auto;
    }

    .intro-info, .number-entries {
        display: none;
    }

    .intro-content {
        width: 34px;
    }

    .intro ul li {
        height: 58px;
    }

    .mini-form {
        margin-left: 0px;
    }

        .mini-form input {
            margin-top: 0;
        }

        .mini-form button {
            width: 205px;
        }

    .todo + button {
        width: 100%;
    }

    .profile ul li a {
        padding: 0 5px;
    }

    .notification-icon {
        padding: 2px 10px;
    }

    .badge.badge-profile {
        bottom: 40px;
        right: 8px;
    }

    .error h1 {
        font-size: 90px;
    }

    .usr-msg input {
        width: 60%;
    }

    /*.main-logo {
        display: none;
    }*/
    .main-logo .one_logo {
        max-height: 35px;
    }

    .main-logo .customer_logo {
        max-height: 35px;
    }

    #top .navbar-toggler {
        padding: 10px 10px 10px 0px;
    }

    .profile ul li.user a {
        padding-left: 0px;
    }

    .login .main-logo, .main-doc .main-logo {
        display: block;
    }
}


/*END Theme CSS*/




.text-danger {
    color: #ff0500;
}

table tr td .fa.fa-key {
    font-size: 17px;
}

table tr td .glyphicon.glyphicon-ok-sign {
    color: green;
}

.charts {
    width: 100%;
    text-align: center;
}

.legend-box {
    height: 10px;
    width: 16px;
    margin-right: 10px;
    padding: 0px 8px;
}

.legend {
    display: inline-block;
    margin-right: 15px;
}


.light-yellow {
    background: #D29C50;
}

.dark-yellow {
    background: #D26B00;
}

.other-yellow {
    background: #37542E;
}

.white {
    /*background: #0C96C4;*/
    background: rgb(210, 107, 0);
}

.black {
    background: #D29C50;
}

.hispanic {
    background: #38552F;
}

.asian {
    /*background: #E6BF50;*/
    background: rgb(56, 57, 45);
}

.prefer {
    background: rgb(226, 227, 199);
}

.inter {
    background: rgb(233, 206, 168);
}

.native {
    background: #4371C4;
}

.otherrace {
    background: #A43927;
}

.bethany {
    background: #D29C50;
}

.branford {
    background: #D26B00;
}

.easthaven {
    background: #37542E;
}

.hamden {
    background: #38392D;
}

.milford {
    background: #372A0F;
}

.newhaven {
    background: #A43927;
}

.northhaven {
    background: #BEE2FA;
}

.orange {
    background: #E2E2C7;
}

.westhaven {
    background: #E9CEA8;
}

.woodbridge {
    background: #9CAA97;
}

.wallingford {
    background: #38552F;
}

.other {
    background: #8BBC21;
}

.under-18 {
    background: #E7C050;
}

.over-18 {
    background: #D29C50;
}

.highcharts-subtitle {
    font-size: 14px !important;
}

.lightgrey-readonly-input {
    background-color: lightgrey;
}

.outcome-patient-list-page DIV.gj-grid-wrapper {
    max-height: 450px;
}

.outcome-patient-list-page .table > thead tr th:last-child div, .outcome-patient-list-page .table thead tr th:nth-last-child(2) div,
.outcome-patient-list-page .table thead tr th:nth-last-child(3) div {
    float: none !important;
}

.outcome-patient-list-page .table thead tr th:last-child, .outcome-patient-list-page .table thead tr th:nth-last-child(2),
.outcome-patient-list-page .table thead tr th:nth-last-child(3) {
    text-align: center !important;
}

.outcome-patient-list-page {
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #f9f9f9;
    padding: 0px; /*7px 10px 10px 10px !important*/
    box-sizing: border-box;
    /*width: 100%;*/
}


.glyphicon-one-fine-blue-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: blue;
    line-height: 0;
    vertical-align: sub;
}

.glyphicon-one-fine-yellow-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: yellow;
    line-height: 0;
    vertical-align: sub;
}

.glyphicon-one-fine-green-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: green;
    line-height: 0;
    vertical-align: sub;
}

.glyphicon-one-fine-orange-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: orange;
    line-height: 0;
    vertical-align: sub;
}

.glyphicon-one-fine-red-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: red;
    line-height: 0;
    vertical-align: sub;
}

.glyphicon-one-fine-gray-dot:before {
    content: "\25cf";
    font-size: 2em;
    color: gray;
    line-height: 0;
    vertical-align: sub;
}

/***Print Classes start******/

/*@page {
  size: A4 landscape;
  margin: 42pt 12pt;
}*/

@media print {
    /* Define print-specific styles here, for example toning down the decoration
     of hyperlinks and removing the navigation. */
    a {
        color: inherit !important;
        text-decoration: none !important;
    }

    nav {
        display: none;
    }
}

@media print {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
    .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666666666666%;
    }

    .col-sm-10 {
        width: 83.33333333333334%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666666666666%;
    }

    .col-sm-7 {
        width: 58.333333333333336%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666666666667%;
    }

    .col-sm-4 {
        width: 33.33333333333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.666666666666664%;
    }

    .col-sm-1 {
        width: 8.333333333333332%;
    }
}

/***Print Classes end******/

.current-chart-container {
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
    border: 0px solid black;
}

.comparison-chart-container {
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    margin: 0 auto;
}

.select2-container, .select2-container span.selection {
    width: auto !important;
}

.prescdashmenu a {
    cursor: pointer;
}
/*@page {
    @bottom-right {
        content: counter(page) " of " counter(pages);
    }
}*/
.optiontextbox {
    opacity: 1 !important;
    height: 30px !important;
    position: inherit !important;
}

.dateoptiontextbox {
    width: 150px !important;
    margin-left: -20px;
}

.theme-blue-btn:focus, .theme-blue-btn:active {
    background: #12305d;
    color: #fff;
}

.cursorclass {
    cursor: pointer;
    color: #3065b5;
}

.wrapText {
    width: 200px;
    white-space: normal;
}

input:read-only {
    background-color: #E5E2E2 !important;
    cursor: not-allowed;
}

input[type=radio] {
    cursor: pointer !important;
}

input[type=checkbox] {
    cursor: pointer !important;
}

input:disabled {
    background-color: #E5E2E2 !important;
    cursor: not-allowed;
}

.marginbottom5px {
    margin-bottom: 5px !important;
}

#fromdate, #todate {
    background: url(../Images/date_icon.png) right 3px top -1px no-repeat;
}

.dashboard-summary {
    border: 1px solid #ccc;
    padding: 7px 10px 10px !important;
    background: #f9f9f9;
    border-radius: 2px;
    margin: 0 15px;
    width: 48%;
    min-height: 341px;
}

.dashboard-compliance {
    border: 1px solid #ccc;
    border-radius: 2px;
    background: #f9f9f9;
    padding: 7px 10px 10px 10px !important;
    box-sizing: border-box;
    width: 60%;
    min-height: 341px;
}

.dashboard-audittrail {
    border: 1px solid #ccc;
    padding: 7px 10px 10px !important;
    background: #f9f9f9;
    border-radius: 2px;
    margin: 0 15px;
    width: 97%;
    min-height: 341px;
}
/*.dashboard-compliance DIV.gj-grid-wrapper {
    max-height: 220px;
    min-height: 220px;
}*/
.btn[disabled] {
    cursor: not-allowed !important;
}

input[type=button].theme-blue-btn, input[type=submit].theme-blue-btn {
    background: #12305d !important;
    color: #fff !important;
    cursor: pointer;
}

.modal-content {
    box-shadow: none !important;
}

/*Custom CSS for Compass10 Radio and Checkbox*/
.compass10Rating .custom-radio,
.compass10Rating .custom-checkbox {
    width: 18px !important;
}

/*Right Side Content Fixed Header Height */
.container.fixed > .row {
    margin-top: 10px;
}

/*Select 2 Dropdown Menu*/
#select2-ParticipantCheckedIn-container {
    padding: 0 5px !important;
}

/*Auto Complete Search List Menu*/
.ui-autocomplete {
    height: 250px;
    overflow: auto;
}

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

.alignLeft {
    text-align: left !important;
}

.astericNtNxtLine {
    display: contents;
}

.theme-blue-btn1 {
    background: #4371C4;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #fff;
    text-shadow: none;
    /*padding: 6px 15px 6px 15px;*/
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    cursor: pointer;
    white-space: break-spaces;
    display: inline-block;
    text-align: center;
}

a.theme-blue-btn1:hover {
    color: #fff !important;
}

.accessleft {
    border-top: 2px solid #3B5D96 !important;
    border-left: 2px solid #3B5D96 !important;
    border-right: 2px solid #3B5D96 !important;
}

.outcomesleft {
    /*border-bottom: 2px solid #3B5D96 !important;*/
    border-left: 2px solid #3B5D96 !important;
    border-right: 2px solid #3B5D96 !important;
    /*margin-bottom: 3px;*/
}
.Exploratoryleft {
    border-bottom: 2px solid #3B5D96 !important;
    border-left: 2px solid #3B5D96 !important;
    border-right: 2px solid #3B5D96 !important;
    margin-bottom: 3px;
}
.objectSel {
    text-align: center;
    margin-top: -10px;
    background-color: #B3C6E7;
    margin-left: -10px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 15px;
    height: 25px;
}

.mt5 {
    margin-top: 5px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.groupSel {
    text-align: center;
    background-color: #B3C6E7;
    font-weight: bold;
    font-size: 12px;
    height: 50px;
}

.grpsel {
    border: 2px solid #3B5D96 !important;
    padding-left: 0 !important;
    background-color: #D9E2F2;
    margin-bottom: 3px;
    height:35vh !important;
}

.grpgraphsel {
    border: 2px solid #3B5D96 !important;
    margin-left: 1vw !important;
    padding-left: 0 !important;
    margin-bottom: 0px;
    height:58vh !important;
}

.grptitlesel {
    /*border-bottom: 2px solid #3B5D96 !important;*/
    border-bottom: none;
    /*margin-left: 3px !important;
    padding-left: 15px !important;*/
    /*height: 40px;
    margin-bottom: 3px;*/
}

.timerangecon {
    border: 2px solid #3B5D96 !important;
    margin-left: 27px;
    height: 66px;
    width: 180px;
}

.timerange {
    font-size: 14px;
    background-color: #B3C6E7;
    text-align: center;
}

.timearrows {
    color: #4271C2;
    font-size: 20px;
    margin: 2px;
    vertical-align: middle;
    cursor: pointer;
}

.timerangediv {
    width: 128px !important;
    display: inline-block;
    vertical-align: middle;
}

.timetogglediv {
    width: 90px !important;
    display: inline-block;
    vertical-align: middle;
}

.timetoggledivnew {
    width: 15px !important;
    display: inline-block;
    vertical-align: middle;
}

.subdiv {
    margin-top: -3px;
    display: none;
    position: absolute;
    width: 140px;
    background-color: #3065b5;
    color: #fff;
    z-index: 999;
    margin-left: 0px;
}

    .subdiv a {
        color: #fff !important;
        padding: 0 5px 0 0 !important;
        margin: 5px 0 !important;
        border: none !important;
    }

.topquestion {
    background-color: #fff;
    color: #4371C4;
    font-size: 23px;
    float: right;
    margin-top: 5px;
    margin-right: 10px;
}

.hrtopright {
    border: 1px solid #3B5D96 !important;
    margin: 0 -15px 0 0px;
}

#groupByContainer .highcharts-xaxis {
    display: none;
}

.highcharts-button, .highcharts-button-box {
    height: 25px !important;
    font-size: 14px !important;
    background: #4372C4 !important;
}

    .highcharts-button span {
        top: 1px !important;
        font-size: 14px !important;
        background: #4372C4 !important;
        color: #fff !important;
        padding: 2px 12px !important;
        border-radius: 3px;
    }

.downloadlogslink {
    font-size: 14px;
    color: #00f;
    cursor: pointer;
    float: right;
}

#grid th {
    position: sticky;
    top: 0;
}

.table-striped th {
    position: sticky;
    top: 0;
}

#grid .glyphicon {
    position: inherit !important;
}

#grid1 > tbody > tr > td > .text-center > .glyphicon {
    position: inherit !important;
}

#grid .glyphicon-unchecked {
    position: inherit !important;
}

#grid .fa.fa-incomplete:before {
    position: inherit !important;
}

#grid .fa.fa-complete:before {
    position: inherit !important;
}

#grid .fa.fa-toggle-on:before {
    position: inherit !important;
}

#grid .fa.fa-toggle-off:before {
    position: inherit !important;
}

.content-area .fill .table-responsive {
    /*height: calc(100vh - 300px);*/
}

.dashboard-patient-list-page .row .col-sm-12 .table-responsive {
    /*height: calc(100vh - 300px);*/
    /*height: 300px;*/
}

.content-area > .row > .col-sm-9 > .table-responsive {
    /*height: calc(100vh - 300px);*/
}

.content-area .fill .row .col-sm-12 .table-responsive {
    /*height: calc(100vh - 300px);*/
}

.content-area .fill .table-responsive {
    /*height: calc(100vh - 300px);*/
}

#form0 .demographics-page .table-responsive {
    /*height: calc(100vh - 300px);*/
}

#consentlinkform .demographics-page .table-responsive {
    /*height: calc(100vh - 300px);*/
}

#clinicsettingform .demographics-page .table-responsive {
    /*height: calc(100vh - 300px);*/
}

.container > .content-area > .table-responsive {
    /*height: calc(100vh - 300px);*/
}

.row > .col-sm-12 > .table-responsive {
    /*height: calc(100vh - 300px);*/
}

.content-area .fill .row .col-sm-12 .table-responsive {
    /*height: calc(100vh - 300px);*/
}

#myDatatable > tbody > tr > td > center > a > .glyphicon {
    position: inherit !important;
}

#myDatatable > tbody > tr > td > a > .glyphicon {
    /*position: inherit !important;*/
}

.container > .content-area > .tablecontainer > .table-responsive {
    /*height: calc(100vh - 300px);*/
}

.row > .panel1 > .form-group > .table-responsive {
    /*height: calc(100vh - 300px);*/
}

.table-responsive > .table > tbody > tr > td > div.custom-checkbox {
    position: inherit;
}

    .table-responsive > .table > tbody > tr > td > div.custom-checkbox > span.checkmark {
        position: inherit;
        padding-left: 6px;
    }

        .table-responsive > .table > tbody > tr > td > div.custom-checkbox > span.checkmark:after {
            position: inherit;
        }

.panel1 > .form-group > #divAccessRightTable1 > table > thead > tr > .text-center {
    z-index: 99 !important;
}

.panel1 > .form-group > #divAccessRightTable2 > table > thead > tr > .text-center {
    z-index: 99 !important;
}

.panel1 > .form-group > #divAccessRightTable3 > table > thead > tr > .text-center {
    z-index: 99 !important;
}

.panel1 > .form-group > #divAccessRightTable3 > table > thead > tr > th {
    position: sticky;
    top: 0;
}

.row > .col-sm-12 > #divAccessRightTable {
    height: auto !important;
}
/*.table-responsive > .table-bordered > tbody > tr > td > span > .checkmark {
    z-index: -1111 !important;
}*/


.table-responsive > .table > tbody > tr > td > span.custom-checkbox > span.checkmark {
    position: inherit;
}

    .table-responsive > .table > tbody > tr > td > span.custom-checkbox > span.checkmark:after {
        position: inherit;
    }

/*Custom Slider for graph*/
.phiSpan {
    font-weight: bold;
    color: red;
    margin-left: 5px;
    cursor: pointer;
    text-decoration: underline
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #E5E2E2 !important;
}


.safetoggle-content {
    display: flex;
}