.portlet.light.bordered {
    border-radius: 5px !important;
    box-shadow: 5px 5px 13px 0px rgba(133, 132, 134, 0.19);
}

.page-sidebar.navbar-collapse {
    height: auto !important;
    max-height: 85% !important;
    /*overflow-y: scroll !important;
    position: fixed;*/
    border-radius: 5px !important;
    box-shadow: -3px 4px 15px #d9d8d8;
    /*overflow-x: hidden !important;*/
}
.slimScrollDiv {
    height: 100% !important;
}
ul.page-sidebar-menu {
    height: 100% !important;
}
.lock-item.lock-item-full p {
    color: white;
    font-size: 15px;
}
.lock-cont.width_100 .lock-item.lock-item-full h4 {
    color: white;
    font-size: 25px;
}
.lock-cont.width_100 {
    width: 100%;
    text-align: center;
    margin-bottom: 35px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0 !important;
}

.modal-dialog div#dvJModelDataTable_wrapper {
    padding: 20px;
}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {
    display: none !important;
}

table#dvJDataTable i.fa.fa-pencil {
    font-size: 20px;
    padding: 6px;
    padding-right: 0px;
    color: #3fa34d;
}

table#dvJDataTable i.fa.fa-history {
    padding: 9px;
    font-size: 20px;
    padding-right: 0px;
}
table#dvJModelDataTable .sorting, .sorting_asc, .sorting_desc {
    background: transparent !important;
    cursor: initial !important
}
table#dvJModelDataTable th.disabled:hover {
    cursor: default !important;
    pointer-events: none;
}

table#dvJDataTable thead tr th.sorting_disabled {
    width: 10%;
}
/*.page-sidebar.navbar-collapse.collapse::-webkit-scrollbar-thumb {
        background-color: #b1b1b161;
        outline: 1px solid slategrey;
        border-radius: 50px !important;
    }

    .page-sidebar.navbar-collapse.collapse::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
        border-radius: 50px !important;
    }

    .page-sidebar.navbar-collapse.collapse::-webkit-scrollbar {
        width: 6px;
        border-radius: 50px !important;
    }*/
.form-group.form-md-line-input.form-md-floating-label .form-control ~ label,
.form-group.form-md-line-input.form-md-floating-label .input-icon > label {
    font-size: 12px !important;
}
.btn {   
    padding: 6px 9px !important;
    font-size: 12px !important;
    border-radius: 2px !important;
}
    .form-group.form-md-line-input.has-success label {
    color: #3598dc;
}

.form-group.form-md-line-input.has-success .form-control {
    border-bottom: 1px solid #37c54d;
}

.right-checkbox {
    text-align: right;
}

.page-footer {
    float: right;
}

.page-content, .form-body {
    padding-top: 0px !important;
}

.submit_btn {
    margin-top: 20px;
}

.has-info .md-checkbox label > .box, .has-info .md-checkbox label > .check, .has-info.md-checkbox label > .box, .has-info.md-checkbox label > .check {
    border-color: #37c54d !important;
}

.form-group.form-md-line-input.has-info .form-control {
    border-bottom: 1px solid #37c54d;
}

    .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.edited:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control.focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ .help-block, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ i, .form-group.form-md-line-input.has-info .form-control.form-control-static ~ label, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ .help-block, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ i, .form-group.form-md-line-input.has-info .form-control:focus:not([readonly]) ~ label, .form-group.form-md-line-input.has-info label {
        color: #999;
    }

span.help-block {
    color: #37c54d !important;
}

.has-success .input-icon > i {
    color: #999 !important
}

.label .input-icon {
    color: #37c54d !important;
}

.form-group.form-md-line-input.has-success label {
    color: #999 !important;
}

.form-group.form-md-line-input .form-control ~ label:after {
    border: 1px solid #37c54d;
}

nav.quick-nav {
    display: none;
}

.page-header.navbar {
    background: #FFF !important;
    border-bottom: 1px solid #e9ecf3 !important;
}

    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover,
    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
        background-color: #fafafa !important;
    }

body {
    background: #f7f9fc !important;
    /*zoom: 80% !important;*/
}

.page-toolbar {
    display: none !important;
}

.page-header.navbar.navbar-fixed-top {
    box-shadow: 2px 4px 12px #eeeeee;
}

label.col-md-6.control-label {
    color: #999;
}

.md-radio label > .check {
    background: #37c54d;
}

.font-red-sunglo {
    color: #37c54d !important;
}

.page-sidebar .page-sidebar-menu > li.active.open > a, .page-sidebar .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a {
    background: #f2f6f9;
    color: #37c54d !important;
}

    .page-sidebar .page-sidebar-menu > li.active.open > a > i, .page-sidebar .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i {
        color: #37c54d !important;
    }

.page-sidebar .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a {
    color: #37c54d !important;
    background: #f2f6f9 !important;
}

.page-header.navbar .page-logo .logo-default {
    margin: 6px 10px 0;
}

.form-group.form-md-line-input {
    position: relative;
    margin: 0 0 10px !important;
    padding-top: 15px !important;
}

.page-sidebar, .page-sidebar .page-sidebar-menu {
    margin-bottom: 10px;
}

.form-actions.noborder.right {
    border-top: 1px solid #eef1f5;
    margin-top: 15px;
}

button.multiselect.dropdown-toggle.mt-multiselect.btn.btn-default {
    border: none;
    border-bottom: 2px solid #37c54d;
    color: #999;
}

.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open > .btn-default.dropdown-toggle.focus, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
    color: #333;
    background-color: transparent !important;
}

label.control-label {
    color: #999;
}

.form-group.select2-bootstrap-append {
    padding-top: 7px;
}

.select2-container .select2-selection--multiple {
    border: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #37c54d !important;
}

.login {
    background: url(../pages/media/bg/7.png) !important;
    -webkit-animation: 100s scroll infinite linear;
    -moz-animation: 100s scroll infinite linear;
    -o-animation: 100s scroll infinite linear;
    -ms-animation: 100s scroll infinite linear;
    animation: 60s scroll infinite linear;
    top: 0;
    left: 0;
    
}

@-webkit-keyframes scroll {
    100% {
        background-position: 0px -3000px;
    }
}

button.btn.green.pull-right {
    background: #72b87d;
    border-color: #72b87d;
}

a#forget-password {
    color: #72b87d;
}

button.btn.green.pull-right:hover, button.btn.green.pull-right:active, button.btn.green.pull-right:focus {
    background: transparent;
    border: 2px solid #72b87d;
}

.button.btn.green.pull-right {
    background: #72b87d;
    border: 2px solid #72b87d;
}

.form-group.form-md-line-input.has-success .input-group-addon {
    color: white;
    border-bottom: #37c54d;
    border-radius: 4px !important;
}

.btn.default:not(.btn-outline) {
    background: #3598dc !important;
}

.input-group.date.form_meridian_datetime.form_datetime.bs-datetime.form-group.form-md-line-input.has-info.form-md-floating-label span.input-group-addon {
    border: 1px solid transparent;
}

button.btn.default.date-reset, button.btn.default.date-set {
    color: white;
    border-radius: 4px !important;
}

button.btn.default.clear {
    background-color: #e1e5ec !important;
    color: #666;
}

span.help-block.date {
    color: #929090 !important;
    margin-top: 0px;
}

input.form-control.date {
    border-color: #37c54d;
}

.margin-top {
    margin-top: 20px;
}

.border-top {
    margin-top: 30px;
    border-top: 1px solid #eef1f5;
    padding-top: 45px;
}

button.btn.blue.top-align {
    margin-top: 20px;
}

.modal-dialog {
    width: 600px;
}

input.form-control.edited {
    border-bottom: 2px solid #37c54d !important;
}

.css {
    margin-top: 20px;
    text-align: center;
    font-size: 16px;
}

h4.sub-head {
    padding-left: 15px;
}

.equal_height {
    border: 1px solid #d6d3d3;
    height: 137px;
    overflow-y: auto;
}

h3.table_heading {
    text-align: center;
    font-weight: 600;
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 17px;
}
a.btn.btn-circle.btn-icon-only.btn-default.fullscreen {
    padding: 4px 6px 2px !important;
}
button.btn.blue.search, a.btn.green.btn-outline.sbold.search {
    margin-top: 10px;
}

label.middle span {
    margin-left: 25px;
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm,
.input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, select.input-sm {
    height: 25px;
}
    .widget-panel i {
    font-size: 60px;
    padding: 30px;
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    line-height: 60px;
}

.text-dark {
    color: #797979 !important;
}

.font-600 {
    font-weight: 600;
}

.m-0 {
    margin: 0px !important;
}

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

.widget-style-2 i img {
    width: 50px;
}

.widget-style-2 i {
    background: rgba(244, 248, 251, 0.6) !important;
    font-size: 48px;
    padding: 30px 40px;
}

.widget-style-2 i {
    padding: 10px 5px;
}

.widget-panel {
    padding: 20px 15px;
    padding-left: 15px;
    border-radius: 4px;
    position: relative;
    margin-bottom: 20px;
}

.widget-panel {
    padding: 16px 15px;
}
h2.m-0.text-dark.counter.font-600 {
    font-size: 24px;
}

.bg-white.widget-panel.widget-style-2 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.widget-panel.widget-style-2.bg-white {
    border-radius: 8px !important;
    box-shadow: 5px 5px 13px 0px rgba(133, 132, 134, 0.19);
}

.bg-white.widget-panel.widget-style-2:hover {
    transform: scale(1.05);
    box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.15);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.custom-modal {
    /*Places modal center of the page*/
    position: fixed !important;
    top: 490px !important;
    left: 1430px;
    transform: translate(-50%, -50%) !important;
    width: fit-content !important;
    height: fit-content !important;
    padding: 0 !important !important;
    /* end */
}

.modal-dialog {
    margin: 0 !important;
}

.custom-modal .modal-content.ui-draggable.ui-draggable-handle.ui-resizable {
    border: none;
    border-radius: 8px !important;
    box-shadow: -4px 6px 17px 5px #c6c5c5 cursor: all-scroll;
    background: #26374C !important;
}

    .custom-modal .modal-content.ui-draggable.ui-draggable-handle.ui-resizable .modal-header {
        border-bottom: 1px solid #364c69 !important;
    }

    .custom-modal .modal-content.ui-draggable.ui-draggable-handle.ui-resizable h4.modal-title {
        font-size: 16px;
        color: white;
        font-weight: 800;
    }

    .custom-modal .modal-content.ui-draggable.ui-draggable-handle.ui-resizable .modal-footer {
        border-top: 1px solid #364c69 !important;
    }

.form-group.form-md-line-input.has-success.popup .input label {
    color: #7a7a7a !important;
}

.portlet.light.bordered.customer {
    border-radius: 8px !important;
    overflow: hidden;
    position: relative;
}

.form-group.form-md-line-input.has-success.popup .input input.form-control {
    /* color: white !important; */
    /* border-bottom: 1px solid #415b7e; */
}

h4.modal-title {
    width: 80%;
    display: inline-block;
}

button.close {
    opacity: 1 !important;
    font-size: 20px !important;
    text-indent: 0;
    color: white;
    background-image: none !important;
}

    button.close:hover {
        color: white;
    }

button.btn.btn-danger.rounded-0 {
    float: right;
    padding: 3px;
    line-height: 0.5;
    border-radius: 2px !important;
    background-color: #44c958;
    border: 1px solid #44c958;
}

.portlet-title.table {
    border-bottom: none !important;
    margin-bottom: 0px !important;
}

a.btn.dropdown-toggle.ad_button {
    padding: 6px;
    border: 1px solid #37c54d;
    font-weight: 700;
    color: #37c54d;
}

.input.filter {
    width: 145px;
    display: inline-block;
    float: right;
}

.form-group.form-md-line-input.has-success.popup.name input.form-control {
    border-bottom: none !important;
    font-size: 25px;
    font-weight: 700;
    color: #696868;
    text-transform: uppercase;
}

.form-group.form-md-line-input.has-success.popup.name {
    padding-top: 10px;
}

i.image_badge img {
    width: 62px;
    float: right;
}

.portlet.light.bordered.customer span.shape {
    right: -98px;
    width: 200px;
    height: 200px;
    background: #3fb753;
    opacity: 0.2;
    position: absolute;
    bottom: 45px;
    transform: rotate(45deg);
}

.form-group.form-md-line-input.has-success.popup.form_values input.form-control {
    border-bottom: none;
}

.form-group.form-md-line-input.has-success.popup.form_values input.form-control {
    font-size: 15px;
    color: #2c2c2c;
}

.form-group.form-md-line-input.has-success.popup.form_values.status input.form-control {
    color: #51cc65;
    font-weight: 800;
    font-family: cursive;
}

.marginbt-15 {
    margin-bottom: 15px;
}
/*body.login {
    zoom: 90% !important;
}*/
.login .content .form-title {
    font-weight: 300;
    margin-bottom: 15px !important;
    font-size: 20px;
}
input#UserName {
    font-size: 13px;
}
.form-actions.right.no-border {
    border-top: none;
}
.col-md-6.right {
    text-align: right;
}


.led-box {
    width: 100%;
}

    .led-box p {
        font-size: 12px;
        text-align: center;
        margin: 1em;
    }

.led-red {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: 15px;
    background-color: #F00;
    border-radius: 50% !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
    -webkit-animation: blinkRed 0.5s infinite;
    -moz-animation: blinkRed 0.5s infinite;
    -ms-animation: blinkRed 0.5s infinite;
    -o-animation: blinkRed 0.5s infinite;
    animation: blinkRed 0.5s infinite;
}

@-webkit-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }

    to {
        background-color: #F00;
    }
}

@-moz-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }

    to {
        background-color: #F00;
    }
}

@-ms-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }

    to {
        background-color: #F00;
    }
}

@-o-keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }

    to {
        background-color: #F00;
    }
}

@keyframes blinkRed {
    from {
        background-color: #F00;
    }

    50% {
        background-color: #A00;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;
    }

    to {
        background-color: #F00;
    }
}

.led-yellow {
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-top: 5px;
    background-color: #46c95b;
    border-radius: 50% !important;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #d9f1dd 0 -1px 9px, #46c95b 0 2px 12px;
    -webkit-animation: blinkYellow 1s infinite;
    -moz-animation: blinkYellow 1s infinite;
    -ms-animation: blinkYellow 1s infinite;
    -o-animation: blinkYellow 1s infinite;
    animation: blinkYellow 1s infinite;
}

@-webkit-keyframes blinkYellow {
    from {
        background-color: #46c95b;
    }

    50% {
        background-color: #d9f1dd;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #2d9f26 0 -1px 9px, #46c95b 0 2px 0;
    }

    to {
        background-color: #46c95b;
    }
}

@-moz-keyframes blinkYellow {
    from {
        background-color: #46c95b;
    }

    50% {
        background-color: #d9f1dd;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #2d9f26 0 -1px 9px, #46c95b 0 2px 0;
    }

    to {
        background-color: #46c95b;
    }
}

@-ms-keyframes blinkYellow {
    from {
        background-color: #46c95b;
    }

    50% {
        background-color: #d9f1dd;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #2d9f26 0 -1px 9px, #46c95b 0 2px 0;
    }

    to {
        background-color: #46c95b;
    }
}

@-o-keyframes blinkYellow {
    from {
        background-color: #46c95b;
    }

    50% {
        background-color: #d9f1dd;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #2d9f26 0 -1px 9px, #46c95b 0 2px 0;
    }

    to {
        background-color: #46c95b;
    }
}

@keyframes blinkYellow {
    from {
        background-color: #46c95b;
    }

    50% {
        background-color: #d9f1dd;
        box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #2d9f26 0 -1px 9px, #46c95b 0 2px 0;
    }

    to {
        background-color: #46c95b;
    }
}

.led-green {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #ABFF00;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}

.led-blue {
    margin: 0 auto;
    width: 24px;
    height: 24px;
    background-color: #24E0FF;
    border-radius: 50%;
    box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #3F8CFF 0 2px 14px;
}

.status {
    display: inline-block;
    font-size: 22px;
    margin-left: 15px;
    color: #40c755;
    position: absolute;
    text-transform: uppercase;
}
.portlet.light.bordered.custom-potlet {
    border: none !important;
    box-shadow: none !important;
    background: #f7f9fc;
    margin-top: -10px;
    padding-right: 0px;
    padding-left: 0px;
}
.portlet-title.custom-title {
    border-bottom: none !important;
    margin-top: -50px;
}
.portlet.light.bordered.custom-potlet.portlet-fullscreen {
    zoom: 90%;
    overflow-y: auto;
    overflow-x: hidden;
}
    .portlet.light.bordered.custom-potlet.portlet-fullscreen .portlet-title.custom-title {
        margin-top: 0px;
    }

   
    .portlet.light.bordered.custom-potlet.portlet-fullscreen .highcharts-container {
        width: 100% !important;
    }
svg.highcharts-root {
    width: 100%;
}
.assignment {
    display: inline-block;
    width: 100%;
}
.portlet.light.bordered.portlet-fullscreen {
    overflow: auto;
}

div#dv_CallEntryModal .modal-dialog {
   /* margin: auto !important;*/
    width: 50%;
    top: 5%;
}
label.error {
    color: red !important;
    padding-top: 20px;
}

div#dvJDataTable_wrapper {
    overflow: auto;
}
div#PerformanceChart g.highcharts-axis-labels.highcharts-yaxis-labels text {
    /*fill: black !important;
    font-weight: bold;*/
    font-size: 12px !important;
}
.theme-panel {
   
    min-width: 360px !important;
}
.toast-top-right {
    margin-top: 80px !important;
    margin-right:10px !important;
}

.form-group.form-md-line-input.form-md-floating-label .form-control.input-daterange ~ label {
    top: 0px;
}
.page-header.navbar .menu-toggler {
    background-image: none !important;
}
a.menu-toggler.responsive-toggler.fa.fa-bars, .menu-toggler.sidebar-toggler.fa.fa-bars {
    font-size: 16px;
    color: #5d6071;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    margin: 0;
    padding: 16px 6px 11px !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
    padding: 12px 11px 12px !important;
}
.page-header.navbar {
    
    height: 55px !important;
    min-height: 55px !important;
    
}
    .page-header.navbar .menu-toggler.sidebar-toggler {
        float: right;
        margin: 22px 0 0;
    }
    .page-header.navbar .top-menu .navbar-nav > li.quick-sidebar-toggler {
        cursor: pointer;
        padding: 17px 12px 17px !important;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
        font-size: 14px !important;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
        font-size: 12px !important;       
    }
.page-header-fixed .page-container {
    margin-top: 60px !important;
}
.page-container {   
    padding: 7px 20px 0 !important;    
}
.page-head .page-title > h1 {
    font-size: 17px !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
   
    padding: 3px 5px !important;
    height: 16px !important;
}
.page-footer {    
    font-size: 10px !important; 
}
.page-header.navbar .page-logo {
    width: 240px;
    height: 55px;
}
.page-sidebar .page-sidebar-menu > li > a > .title, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .title {
    font-size: 13px !important;
    font-weight: 400;
}
.page-sidebar .page-sidebar-menu > li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a {
    padding: 7px 7px !important;
}
    .page-sidebar .page-sidebar-menu > li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i {
        font-size: 14px !important;
    }
.page-sidebar .page-sidebar-menu .sub-menu li > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a {
    padding: 7px 10px 5px 26px !important;
    font-size: 12px !important;
}
    .page-sidebar .page-sidebar-menu .sub-menu li > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu li > a > i {
        font-size: 12px !important;
    }
.breadcrumb { 
    padding: 0px 0 7px;
    font-size: 11px;
}
.portlet.light {
    padding: 9px 13px 9px !important;
}

.portlet.light > .portlet-title > .caption > .caption-subject {
    font-size: 14px !important;
}
.portlet.light > .portlet-title > .caption {
    padding: 0px 0 !important;
}
.portlet.light > .portlet-title {
    min-height: 29px !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > img {  
    margin-top: -4px !important;
    height: 33px !important;   
}
.table thead tr th {
    font-size: 12px !important;
}
.table td, .table th {
    font-size: 11px;
}
.md-radio label > .check {
    top: 5px !important;
    left: 5px !important;
    width: 6px !important;
    height: 6px !important;
}
.md-radio label > .box {
    height: 15px !important;
    width: 15px !important;
}
.form-group.form-md-line-input .form-control ~ label {
  
    font-size: 11px !important;
}
.form-control {
    height: 30px;
    padding: 3px 10px;
}
div#ComplaintStatusChart, div#PerformanceChart, div#RequestStatusChart, div#DivisionComplainstChart, div#FlagingDistributionChart, div#DivisionRequestsChart, div#WordCloudRequestChart {
    height: 250px !important;
}
.login .content .form-actions {   
    padding: 0 30px 0px !important;
  
}
.login .content {
  
    width: 335px !important;  
    padding: 15px 24px 11px !important;
}
.forget-password h4 {
    font-size: 15px;
}
.forget-password p {
    font-size: 12px;
}

    @media (min-width: 992px) {
        .page-sidebar-fixed .page-sidebar {
            top: 70px !important;
        }

        .page-sidebar {
            width: 230px !important;
        }

        .page-content-wrapper .page-content {
            margin-left: 235px !important;
        }
    }
text tspan.highcharts-text-outline {
    stroke: none;
    fill: none;
    stroke-width: 0px !important;
}
g.highcharts-label.highcharts-data-label text {
    font-weight: 500 !important;
    fill: white !important;
}
g.highcharts-axis-labels.highcharts-xaxis-labels text {
    color: white;
    fill: white !important;
}

g.highcharts-axis-labels.highcharts-yaxis-labels text {
    fill: white !important;
}

g.highcharts-legend-item.highcharts-bar-series text {
    fill: white !important;
    font-weight: 300 !important;
}
text.highcharts-axis-title {
    fill: white !important;
}
g.highcharts-legend-item.highcharts-column-series text {
    fill: white !important;
    font-weight: 300 !important;
}
g.highcharts-series.highcharts-series-0.highcharts-gauge-series.highcharts-color-0.highcharts-tracker circle.highcharts-pivot {
    fill: white;
}
.highcharts-label.highcharts-data-label.highcharts-data-label-color-0.highcharts-tracker span {
    color: white !important;
}
.modal-dialog, .modal-dialog.modal-sm {
    left: 30%;
    top: 15%;
}
.modal-content {
    border-radius: 5px !important;
    box-shadow: 5px 5px 13px 0px rgba(133, 132, 134, 0.19);
    border: none;
}
.help-block.help-block-error {
    color: #e73d4a !important;
}
.form-body .form-group {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.modal-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #37c54d !important;
}
header.portlet-title.custom-head {
    padding-top: 5px;
    padding-left: 10px;
}
.col-md-offset-3.col-md-9.right {
    text-align: right;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, rgb(23 158 46 / 80%) 0%, rgb(14 86 16 / 90%) 25%, rgb(30 112 44) 40%,rgb(41 108 29) 60%, rgb(55 197 72) 90%, rgb(55 197 77) 100%) !important;
    border-radius: 10px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.link_toclaim {
    font-weight: 600;
    font-size: 13px;
    color: #1c8b2e;
}
table#tblDisplayRoles td {
    font-size: 12px;
}
table#tblDisplayRoles {
    margin-top: 25px !important;
}
div#tblDisplayRoles_filter, div#tblDisplayRoles_length {
    padding-bottom: 20px;
    padding-top: 10px;
}
i.fa.fa-info.rounded {
    padding: 5px;
    padding-left: 8px;
    width: 25px;
    border: 2px solid;
    margin-right: 5px;
}
.panel.panel-success {
    border-radius: 5px !important;
    box-shadow: 5px 5px 13px 0px rgb(133 132 134 / 19%) !important;
    border: 1px solid #e7ecf1 !important;
}
table#tblAssignClaimToRole td .checkbox input[type=checkbox] {
    margin-left: 0px;
}
.left {
    float: left;
    margin-top: 23px;
}
a.btn.btn-danger.waves-effect.waves-light.btn-sm.w-sm {
    border-radius: 2px !important;
}
/*new css*/
span.btn-label {
    background: rgba(0, 0, 0, 0.05);
    display: inline-block;
    padding: 7px 15px;
    border-radius: 3px 0 0 3px;
    margin: -7px -13px;
    margin-right: 12px;
}
/*.btn {
    box-shadow: 5px 3px 3px 0px #d2d2d2 !important;
}*/
.portlet.light {
    padding: 0px !important;
}
.portlet-body.form {
    padding: 12px 20px 15px !important;
}
.portlet-title {
    padding: 12px 20px 15px !important;
}
.portlet-title {
    padding: 8px 20px 4px !important;
    background: #1e9230;
}
.font-red-sunglo {
    color: #FFF !important;
}
.portlet.light > .portlet-title {
    padding: 0;
    min-height: 38px !important;
}
    .portlet.light > .portlet-title > .caption > .caption-subject {
        font-size: 13px !important;
    }
i.fa.fa-search.m-r-5 {
    color: #FFF !important;
    margin-right: 5px !important;
}
.btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #1e9230 !important;
    border-color: #1e9230 !important;
}
.portlet.light.bordered > .portlet-title {
    border-bottom: 1px solid #eef1f5;
    border-radius: 4px 4px 0px 0px !important;
    box-shadow: 1px 6px 8px 0px #d2d2d2;
}
.portlet.light > .portlet-title > .actions {
    padding: 0px !important;
    margin-top: -3px;
}
.btn-right {
    float: right;
}
body, h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat",sans-serif !important;
}
@media (min-width: 992px) {
    .page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo {
        width: 240px !important;
        padding-left: 0px !important;
        padding-right: 23px !important;
    }
}
.portlet-title.custom-title {
    background: transparent !important;
    box-shadow: none !important;
    margin-top: 0px !important;
}
.portlet.light.bordered.custom-potlet .portlet.light.portlet-fit.bordered .portlet-title, .portlet.light.bordered.custom-potlet .portlet.light.bordered .portlet-title {
    background: transparent;
    box-shadow: none;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #1c8b2e !important;
    border-color: #1c8b2e !important;
}
table#tblTemplates i.fa.fa-edit {
    color: #1e9230;
    
}
.btn-theme-panel {
    margin-top: 0px !important;
    float: right;
    padding-right: 5px;
}
div#tblDisplayRoles_wrapper {
    padding: 15px 25px 15px 25px;
}
.col-md-12.right {
    padding-top: 10px;
}
.panel-success > .panel-heading {
    border-bottom: 1px solid #eef1f5 !important;
    border-radius: 4px 4px 0px 0px !important;
    box-shadow: 1px 6px 8px 0px #d2d2d2 !important;
   /* padding: 8px 20px 4px !important;*/
    background: #1e9230 !important;
    color: white !important;
    min-height: 38px !important;
}
.m-r-5 {
    margin-right: 5px !important;
}
.panel-title {
    margin-top: 0;
    font-size: 14px !important;
}
a.btn.default.clear {
    background-color: #e1e5ec !important;
    color: #666;
    margin-right: 5px;
}
a.btn.btn-icon.btn-primary.waves-effect.waves-light {
    background: #1e9230;
    border-color: #1e9230;

}
i.fa.fa-commenting-o {
    width: 15px !important;
}
i.icon-earphones-alt {
    width: 27px !important;
}
table#dvJDataTable a.nav-link {
    color: #1e9230;
}
h4.form-title {
    font-size: 15px !important;
    text-align: center;
}
a.not-user {
    visibility: hidden;
}
.has-error .help-block {
    color: #e73d4a !important;
}
}
.form-group.form-md-line-input.form-md-floating-label .form-control.error:focus:not([readonly]) ~ label,
.form-group.form-md-line-input.form-md-floating-label .form-control.edited.error ~ label {
    top: 23px !important;
}
.note-editor.note-frame.panel.panel-default .checkbox.sn-checkbox-open-in-new-window,
.note-editor.note-frame.panel.panel-default .checkbox.sn-checkbox-use-protocol {
    padding-left: 25px;
}
span.help-block.text-danger {
    color: #ed6b75 !important;
}
.note-btn-group.btn-group.note-insert button.note-btn.btn.btn-default.btn-sm:nth-child(3) {
    display: none;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.error:focus:not([readonly]) ~ label {
    top: 23px;
}

table.table-bordered.dataTable tbody td,
table.dataTable thead > tr > th {
    font-size: 13px;
}

.pagination > li > a {
    padding: 5px 8px !important;
    font-size: 11px;
}
.form-group.form-md-line-input.form-md-floating-label .form-control.edited.error ~ label {
    top: 23px !important;
}