@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,400i,600,600i,700,700i,800,800i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i&display=swap');
body {
    font-family: 'Nunito', sans-serif !important;
    /*src: url('../fonts/opensans/OpenSans-Light/OpenSans-Light.eot');
    src: url('../fonts/opensans/OpenSans-Light/OpenSans-Light.woff2') format('woff2'), url('../fonts/opensans/OpenSans-Light/OpenSans-Light.woff') format('woff'), url('../fonts/opensans/OpenSans-Light/OpenSans-Light.ttf') format('truetype'), url('../fonts/opensans/OpenSans-Light/OpenSans-Light.svg#open_sanslight') format('svg'), url('../fonts/opensans/OpenSans-Light/OpenSans-Light.eot?#iefix') format('embedded-opentype');*/
    /*font-weight: 100;
    font-style: normal;
    font-stretch: normal;
    font-display: optional;*/
}

/*@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans/OpenSans-Regular/OpenSans.woff') format('woff'), url('../fonts/opensans/OpenSans-Regular/OpenSans.ttf') format('truetype'), url('../fonts/opensans/OpenSans-Regular/OpenSans.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: optional;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.eot');
    src: url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.woff2') format('woff2'), url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.woff') format('woff'), url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.ttf') format('truetype'), url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.svg#open_sanssemibold') format('svg'), url('../fonts/opensans/OpenSans-Semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    font-display: optional;
}

@font-face {
    font-family: 'OpenSans';
    src: url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.eot');
    src: url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.woff2') format('woff2'), url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.woff') format('woff'), url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.ttf') format('truetype'), url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.svg#open_sansbold') format('svg'), url('../fonts/opensans/OpenSans-Bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: optional;
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins/light/poppins-light.eot');
    src: url('../fonts/poppins/light/poppins-light.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/light/poppins-light.woff2') format('woff2'), url('../fonts/poppins/light/poppins-light.woff') format('woff'), url('../fonts/poppins/light/poppins-light.ttf') format('truetype'), url('../fonts/poppins/light/poppins-light.svg#poppinslight') format('svg');
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
    font-display: optional;
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins/regular/poppins-regular.eot');
    src: url('../fonts/poppins/regular/poppins-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/regular/poppins-regular.woff2') format('woff2'), url('../fonts/poppins/regular/poppins-regular.woff') format('woff'), url('../fonts/poppins/regular/poppins-regular.ttf') format('truetype'), url('../fonts/poppins/regular/poppins-regular.svg#poppinsregular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    font-display: optional;
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins/semibold/poppins-semibold.eot');
    src: url('../fonts/poppins/semibold/poppins-semibold.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/semibold/poppins-semibold.woff2') format('woff2'), url('../fonts/poppins/semibold/poppins-semibold.woff') format('woff'), url('../fonts/poppins/semibold/poppins-semibold.ttf') format('truetype'), url('../fonts/poppins/semibold/poppins-semibold.svg#poppinssemibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    font-display: optional;
}

@font-face {
    font-family: 'poppins';
    src: url('../fonts/poppins/bold/poppins-bold.eot');
    src: url('../fonts/poppins/bold/poppins-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/poppins/bold/poppins-bold.woff2') format('woff2'), url('../fonts/poppins/bold/poppins-bold.woff') format('woff'), url('../fonts/poppins/bold/poppins-bold.ttf') format('truetype'), url('../fonts/poppins/bold/poppins-bold.svg#poppinsbold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    font-display: optional;
}*/

html, body {
    min-height: 100%;
}

body {
    font-size: 16px;
    font-weight: normal;
    color: #0f0f0f;
    font-family: 'Nunito', sans-serif !important;
    -webkit-print-color-adjust: exact;
    -webkit-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-print-color-adjust: exact;
}
/* General Links */
a {
    color: #338ccc;
}

    a:hover,
    a:active,
    a:focus {
        outline: none;
        text-decoration: none;
        color: #72afd2;
    }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'OpenSans', Arial, sans-serif;
}

.c-pointer {
    cursor: pointer;
}

ol, ul {
    list-style: none;
    padding: 0;
}

.relative {
    position: relative;
}

.block {
    display: block;
}

.divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
/* Page Header */
.page-header {
    margin: 10px 0 20px 0;
    font-size: 16px;
}

    .page-header > small {
        color: #666;
        display: block;
        margin-top: 5px;
    }

.panel-primary {
    border-color: #596296;
}

    .panel-primary > .panel-heading {
        background-color: #596296;
        border-color: #596296;
    }

.content-header {
    padding: 15px 15px 0px 15px;
}

    .content-header > .breadcrumb {
        font-size: 13px;
    }

.sidebar-menu > li > a {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
}

.sidebar-menu > li {
    border: none;
}

.sidebar-menu .treeview-menu > li > a {
    font-size: 15px;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
}

.navbar-nav > li > a {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}

.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background: #e2e3e8;
}

.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    right: 2px;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.12);
}

.skin-blue .main-header .logo {
    background-color: #596296;
}

label.error {
    color: #dd4b39;
    font-weight: normal;
}

.main-header .logo {
    font-weight: 600;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
}

.main-header .logo-icn {
    width: 24px;
    height: 24px;
    border-radius: 4px;
}

.text-ellipsis {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/*
 * SIDEBAR MENU2
 * -----------------
 */
.dropdown-menu > li > a {
    display: block;
    padding: 4px 7px !important;
    clear: both;
    font-weight: 600;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-align: left !important;
}

.asidelinks {
    width: 230px;
    margin-left: -245px;
    background: #edeff1;
    z-index: 100;
    position: relative;
    float: left;
    padding: 0px;
}


.sidebar-collapse .asidelinks {
    margin-left: 0px !important;
    position: absolute;
}

.asidelinks.collaps-condition {
    margin-left: 0px;
}

.sidebar-collapse .asidelinks.collaps-condition {
    position: absolute;
    display: block;
    top: 210px;
    margin-left: 240px !important;
}

.sidebar-collapse .snipdetails {
    padding-left: 250px !important;
}

.sidebar-menu.snip-menu > li {
    border-bottom: 1px solid #67686f;
}

    .sidebar-menu.snip-menu > li:last-child {
        border-bottom: none;
    }

    .sidebar-menu.snip-menu > li > a {
        border-left-width: 0;
        padding: 12px 78px 12px 10px;
        color: #000000;
        cursor: pointer;
    }

        .sidebar-menu.snip-menu > li > a.active {
            color: #ffffff;
            background: #67686f;
        }

        .sidebar-menu.snip-menu > li > a > .text {
            overflow: hidden;
            display: block;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .sidebar-menu.snip-menu > li > a > .snipcount {
        }

        .sidebar-menu.snip-menu > li > a > .percent {
        }

.sidebar-menu.snip-menu .level-three {
    background: #dfe3e6;
}

    .sidebar-menu.snip-menu .level-three > li {
        border-bottom: 1px solid #bdbdbd;
    }

        .sidebar-menu.snip-menu .level-three > li > a {
            color: #000000;
        }

            .sidebar-menu.snip-menu .level-three > li > a .percent {
                color: #000000;
                padding-left: 0;
            }

.percent {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    top: -8px;
    right: -8px;
    position: relative;
}

.sidebar-menu.snip-menu > li:hover > a .percent {
    color: #fff;
}

.active .percent {
    color: #ffffff;
}

.snipcount {
    border-radius: 15px;
    top: -8px;
    right: -5px;
    position: relative;
}

/*
 * Component: 5 Columns
 * -----------------
 */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {

    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/*
 * Component: Button REPLE EFFECT
 * -----------------
 */

.btn.ripple {
    /*position: relative;
  border: none;
  outline:none;
  cursor: pointer;
  background: #89669b;
  color: white;
  padding: 18px 60px;
  border-radius: 2px;
  font-size: 22px;*/
}

.ripple {
    overflow: hidden;
}

.ripple-effect {
    position: absolute;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: white;
    animation: ripple-animation 2s;
}


@keyframes ripple-animation {
    from {
        transform: scale(1);
        opacity: 0.4;
    }

    to {
        transform: scale(100);
        opacity: 0;
    }
}

.login-page, .register-page {
    background: #f5f5f5;
}

.login-box-body, .register-box-body {
    border: 1px solid #ececec;
    box-shadow: 5px 5px rgba(0, 0, 0, 0.06);
}

.login-box-msg-head {
    padding: 10px;
    background: #596296;
    border-radius: 2px;
    font-size: 16px;
}

.login-box-logo .logo1 > img {
    width: 90px;
}

.login-box-logo .logo2 > img {
    width: 86px;
    float: right;
    border-radius: 14%;
}

/**/ .full-dialog {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    padding: 0 !important;
}

    .full-dialog .dialog-box {
        height: 100% !important;
        padding: 0 !important;
        max-height: inherit !important;
    }

        .full-dialog .dialog-box #map-section {
            margin-top: 84px;
            height: 100%;
            height: calc(100% - 84px);
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0;
        }

    .full-dialog #ImportFormDIV {
        margin-top: 100px;
    }

    .full-dialog .dialog-box #map {
        height: 100%;
    }

    .full-dialog.ui-dialog {
        min-width: inherit;
    }

    .full-dialog.window-dialog {
        top: 0 !important;
    }

        .full-dialog.window-dialog .control-sidebar.map-info-sidebar {
            top: 80px;
            overflow-y: auto
        }

        .full-dialog.window-dialog .dialog-box { /*overflow:hidden;*/
        }

        .full-dialog.window-dialog > .ui-dialog-titlebar {
        }

@media(max-width:768px) {
    .full-dialog .dialog-box #map-section.col-sm-12 {
        height: 100%;
    }

    .full-dialog .dialog-box #map-section.col-sm-8 {
        height: 300px;
        position: relative;
    }

    .full-dialog #ImportFormDIV {
        margin-top: 30px;
    }

    .skin-blue .main-header .navbar {
        text-align: left;
    }
}

.full-dialog > .ui-dialog-titlebar {
    position: fixed;
    cursor: default !important;
    border: none !important;
    padding: 6px !important;
    top: 0px;
    z-index: 9999;
    width: 100%;
}

.checkboxesss {
    z-index: 1022;
}

.full-dialog .checkboxesss {
    right: -120px;
}

.full-dialog .leaflet-top {
    top: 80px;
}

.full-dialog .checks {
    top: 160px;
    position: relative;
}

.full-dialog .right0 {
    right: 8px !important;
}

.full-dialog .leaflet-container {
    position: relative;
    outline: none;
}
/*
 * leaflet ICON
 * -----------------
 */
.leaflet-div-icon {
    background: #fff;
    border: none;
    height: 30px !important;
    line-height: 30px !important;
    width: 30px !important;
    border-radius: 50%;
    text-align: center;
}

    .leaflet-div-icon > .icn-black {
        background: #000000;
        color: #fff;
        border-radius: 50%;
    }

    .leaflet-div-icon > .icn-purple {
        background: #b465d3;
        color: #fff;
        border-radius: 50%;
    }

    .leaflet-div-icon > .icn-green {
        background: #71aa3a;
        color: #fff;
        border-radius: 50%;
    }

    .leaflet-div-icon > .icn-blue {
        background: #117df4;
        color: #fff;
        border-radius: 50%;
    }

    .leaflet-div-icon > .icn-orange {
        background: #f28d48;
        color: #fff;
        border-radius: 50%;
    }

.leaflet-container a.leaflet-popup-close-button:hover {
    color: #fff;
}

span.legend, span.legend-green, span.legend-blue, span.legend-orange, span.legend-black {
    height: 12px;
    width: 12px;
    display: inline-block;
    border-radius: 50%;
    margin-left: 10px;
    position: relative;
    top: 2px;
}

span.legend-black {
    background: #000000;
}

span.legend-green {
    background: #71aa3a;
}

span.legend-blue {
    background: #117df4;
}

span.legend-orange {
    background: #f28d48;
}

span.legend-purple {
    background: #b465d3;
}

span.black-spot {
    background: rgba(51, 136, 255, 0.24);
    border: 2px solid #3388ff;
}
/*
 * Sidebar Right
 * -----------------
 */
.control-sidebar-heading {
    font-size: 14px;
}

.control-sidebar-dark, .control-sidebar-dark + .control-sidebar-bg {
    background: #ffffff;
    box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.14);
    /*display: table;*/
}

    .control-sidebar-dark .control-sidebar-menu > li > a:hover {
        background: #0b131f;
    }

    .control-sidebar-dark .control-sidebar-menu {
    }

.control-sidebar-menu > li > a {
    display: block;
    padding: 10px 15px;
}

.control-sidebar-dark .control-sidebar-menu .treeview-menu > li > a {
    padding: 5px 5px 5px 35px;
    display: block;
    font-size: 14px;
    cursor: pointer;
}

.control-sidebar-dark .control-sidebar-heading,
.control-sidebar-dark .control-sidebar-subheading {
    color: #000;
}

.control-sidebar-bg, .control-sidebar {
    right: -235px;
}

.control-sidebar-large.control-sidebar-dark .control-sidebar-menu > li > a:hover {
    background: #ffffff;
}

.control-sidebar-large.control-sidebar.control-sidebar-open,
.control-sidebar-large.control-sidebar.control-sidebar-open + .control-sidebar-bg {
    right: 0%;
}

.control-sidebar-large.control-sidebar + .control-sidebar-bg,
.control-sidebar-large.control-sidebar {
    right: -100%;
    /*width:80%;*/
}

.control-sidebar.map-info-sidebar {
    top: 50px;
    padding-top: 0;
    width: 234px;
    height: 100%;
    opacity: 0.6;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

.control-sidebar-bg.map-info-bg {
    z-index: 999;
    width: 234px;
    opacity: 0.6;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

    .control-sidebar-bg.map-info-bg:hover,
    .control-sidebar.map-info-sidebar:hover {
        opacity: 1;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s;
        background: #fff;
    }

.control-sidebar.map-info-sidebar .page-header {
    margin: 0;
    font-size: 16px;
}

.control-sidebar.map-info-sidebar .collapse-icn:before {
    content: "\f147";
}

.control-sidebar.map-info-sidebar .collapsed .collapse-icn:before {
    content: "\f196";
}

/*
 * Component: Button
 * -----------------
 */
.btn, a {
    outline: none !important;
}

.btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent;
    font-size: 16px;
}

i.btn {
    box-shadow: none !important;
}

.btn.uppercase {
    text-transform: uppercase;
}

.btn.btn-flat {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}

.btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:focus, button {
    outline: none;
}


.btn-default {
    background-color: #fff;
    color: #444;
    border-color: #ddd;
}

    .btn-default:hover,
    .btn-default:active,
    .btn-default.hover {
        background-color: #fff;
    }

.btn-dark {
    color: #fff !important;
    background-color: #434546 !important;
    border-color: #353738 !important;
}

    .btn-dark:hover,
    .btn-dark:active,
    .btn-dark.hover {
        background-color: #353738 !important;
    }

.btn-primary {
    background-color: #f5a52f !important;
    /*border-color: #f19e24 !important;*/
}

    .btn-primary:hover,
    .btn-primary:active,
    .btn-primary.hover {
        background-color: #f19e24 !important;
    }

.btn-success {
    background-color: #77c17a !important;
    /*border-color: #6BB36E !important;*/
}

    .btn-success:hover,
    .btn-success:active,
    .btn-success.hover {
        background-color: #6BB36E !important;
    }

.btn-info {
    background-color: #00c0ef;
    /*border-color: #00acd6;*/
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.hover {
        background-color: #1830CF !important;
    }

.btn-danger {
    background-color: #dd4b39;
    border-color: #d73925;
}

    .btn-danger:hover,
    .btn-danger:active,
    .btn-danger.hover {
        background-color: #d73925 !important;
    }

.btn-warning {
    background-color: #f39c12;
    border-color: #e08e0b;
}

    .btn-warning:hover,
    .btn-warning:active,
    .btn-warning.hover {
        background-color: #e08e0b !important;
    }

.btn-outline {
    /*border: 1px solid #0f0f0f;*/
    background: transparent !important;
    /*color: #0f0f0f;*/
}

    .btn-outline:hover,
    .btn-outline:focus,
    .btn-outline:active {
        /*color: rgba(255, 255, 255, 1);
  border-color: rgba(0, 0, 0, 0.7);
  background:inherit;*/
    }

.btn-link {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn[class*='bg-']:hover {
    -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.btn.bg-white:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.bold {
    font-weight: 700 !important
}

.sbold {
    font-weight: 600 !important
}

.thin {
    font-weight: 500 !important
}

.normal {
    font-weight: normal !important
}

.uppercase {
    text-transform: uppercase !important
}

.fix-margin {
    margin-left: 0 !important
}

.border {
    border: 1px solid red
}

.font-hg {
    font-size: 23px
}

.font-lg {
    font-size: 18px
}

.font-md {
    font-size: 14px
}

.font-sm {
    font-size: 13px
}

.font-xs {
    font-size: 11px
}

.font-16 {
    font-size: 16px
}

.font-18 {
    font-size: 18px
}

.font-22 {
    font-size: 22px
}

.font-24 {
    font-size: 24px
}

.font-26 {
    font-size: 26px
}

.inline {
    display: inline
}

.inline-block {
    display: inline-block
}

.input-xsmall {
    width: 80px !important
}

.input-small {
    width: 450px !important
}

.input-medium {
    width: 240px !important
}

.input-large {
    width: 320px !important
}

.input-xlarge {
    width: 420px !important
}

@media(max-width:650px) {
    .input-xsmall {
        width: 100% !important
    }

    .input-small {
        width: 100% !important
    }

    .input-medium {
        width: 100% !important
    }

    .input-large {
        width: 100% !important
    }

    .input-xlarge {
        width: 100% !important
    }
}

.fullwidth {
    width: 100% !important;
    max-width: 100% !important;
}

.autowidth {
    width: auto;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-r-40 {
    margin-right: 40px !important;
}

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

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

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

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

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

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

.m-b-40 {
    margin-bottom: 40px !important;
}

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

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

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

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

.m-l-40 {
    margin-left: 40px !important;
}

.m-l-37 {
    margin-left: 37px !important;
}

.m-l-60 {
    margin-left: 60px !important;
}

.p-t-none {
    padding-top: 0px !important;
}

.p-b-none {
    padding-bottom: 0px !important;
}

.p-l-none {
    padding-left: 0px !important;
}

.p-r-none {
    padding-right: 0px !important;
}

.p5 {
    padding: 5px;
}

.p10 {
    padding: 10px;
}

.p20 {
    padding: 20px;
}

.p30 {
    padding: 30px;
}

.color-demo {
    border: 1px solid #eee;
    margin: 0 0 20px;
    cursor: pointer
}

    .color-demo .color-view {
        padding: 35px 10px;
        text-align: center;
        font-size: 18px
    }

    .color-demo .color-info {
        border-top: 1px solid #eee;
        padding: 10px;
        text-align: center
    }

.mt-cookie-consent-bar {
    position: fixed;
    bottom: 0;
    z-index: 10101;
    padding: 10px 25px;
    width: 100%;
    background: rgba(0,0,0,.9);
    color: #fff;
    left: 0;
    right: 0
}

    .mt-cookie-consent-bar .mt-cookie-consent-bar-holder {
        display: table;
        width: 100%
    }

        .mt-cookie-consent-bar .mt-cookie-consent-bar-holder .mt-cookie-consent-bar-content {
            display: table-cell;
            text-align: left;
            vertical-align: middle
        }

        .mt-cookie-consent-bar .mt-cookie-consent-bar-holder .mt-cookie-consent-bar-action {
            display: table-cell;
            text-align: right;
            vertical-align: middle
        }

    .mt-cookie-consent-bar.mt-cookie-consent-bar-light {
        background: rgba(238,238,238,.9);
        color: #333
    }
/* Pagination Colors */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #1830CF;
    border-color: #1830CF;
}

.pagination > li > a, .pagination > li > span {
    color: #67686f;
}
/* BG Colors */
.fc-today-color {
    background: #f7eebe !important;
}

.fc-unthemed .fc-today {
    background: #f7eebe !important;
}

.bg-white {
    background: #ffffff !important;
}

.bg-default, .bg-hover-default:hover {
    background: #e1e5ec !important;
    color: #ffffff !important;
}

.bg-dark, .bg-hover-dark:hover {
    background: #393a3e !important;
    color: #ffffff !important;
}

.bg-blue, .bg-hover-blue:hover {
    background: #6bb9ef !important;
    color: #ffffff !important;
}

.bg-blue-madison, .bg-hover-blue-madison:hover {
    background: #559bd9 !important;
    color: #ffffff !important;
}

.bg-blue-chambray, .bg-hover-blue-chambray:hover {
    background: #2C3E50 !important;
    color: #ffffff !important;
}

.bg-blue-ebonyclay, .bg-hover-blue-ebonyclay:hover {
    background: #22313F !important;
    color: #ffffff !important;
}

.bg-blue-hoki, .bg-hover-blue-hoki:hover {
    background: #6f91bc !important;
    color: #ffffff !important;
}

.bg-blue-steel, .bg-hover-blue-steel:hover {
    background: #4B77BE !important;
    color: #ffffff !important;
}

.bg-blue-soft, .bg-hover-blue-soft:hover {
    background: #4c87b9 !important;
    color: #ffffff !important;
}

.bg-blue-dark, .bg-hover-blue-dark:hover {
    background: #5e738b !important;
    color: #ffffff !important;
}

.bg-blue-sharp, .bg-hover-blue-sharp:hover {
    background: #5C9BD1 !important;
    color: #ffffff !important;
}


.bg-green, .bg-hover-green:hover {
    background: #62cdd7 !important;
    color: #ffffff !important;
}

.bg-green-meadow, .bg-hover-green-meadow:hover {
    background: #1BBC9B !important;
    color: #ffffff !important;
}

.bg-green-seagreen, .bg-hover-green-seagreen:hover {
    background: #1BA39C !important;
    color: #ffffff !important;
}

.bg-green-turquoise, .bg-hover-green-turquoise:hover {
    background: #36D7B7 !important;
    color: #ffffff !important;
}

.bg-green-haze, .bg-hover-green-haze:hover {
    background: #44b6ae !important;
    color: #ffffff !important;
}

.bg-green-jungle, .bg-hover-green-jungle:hover {
    background: #26C281 !important;
    color: #ffffff !important;
}

.bg-green-soft, .bg-hover-green-soft:hover {
    background: #3faba4 !important;
    color: #ffffff !important;
}

.bg-green-dark, .bg-hover-green-dark:hover {
    background: #53c2b0 !important;
    color: #ffffff !important;
}

.bg-green-sharp, .bg-hover-green-sharp:hover {
    background: #2ab4c0 !important;
    color: #ffffff !important;
}


.bg-grey, .bg-hover-grey:hover {
    background: #E5E5E5 !important;
    color: #333 !important;
}

.bg-grey-steel, .bg-hover-grey-steel:hover {
    background: #e9edef !important;
    color: #333 !important;
}

.bg-grey-cararra, .bg-hover-grey-cararra:hover {
    background: #fafafa !important;
    color: #333 !important;
}

.bg-grey-gallery, .bg-hover-grey-gallery:hover {
    background: #828282 !important;
    color: #ffffff !important;
}

.bg-grey-cascade, .bg-hover-grey-cascade:hover {
    background: #95a5a6 !important;
    color: #ffffff !important;
}

.bg-grey-silver, .bg-hover-grey-silver:hover {
    background: #BFBFBF !important;
    color: #ffffff !important;
}

.bg-grey-salsa, .bg-hover-grey-salsa:hover {
    background: #ACB5C3 !important;
    color: #ffffff !important;
}

.bg-grey-salt, .bg-hover-grey-salt:hover {
    background: #bfcad1 !important;
    color: #ffffff !important;
}

.bg-grey-mint, .bg-hover-grey-mint:hover {
    background: #859095 !important;
    color: #ffffff !important;
}


.bg-red, .bg-hover-red:hover {
    background: #e7505a !important;
    color: #ffffff !important;
}

.bg-red-pink, .bg-hover-red-pink:hover {
    background: #E08283 !important;
    color: #ffffff !important;
}

.bg-red-sunglo, .bg-hover-red-sunglo:hover {
    background: #ef7b7b !important;
    color: #ffffff !important;
}

.bg-red-intense, .bg-hover-red-intense:hover {
    background: #e35b5a !important;
    color: #ffffff !important;
}

.bg-red-thunderbird, .bg-hover-red-thunderbird:hover {
    background: #D91E18 !important;
    color: #ffffff !important;
}

.bg-red-flamingo, .bg-hover-red-flamingo:hover {
    background: #EF4836 !important;
    color: #ffffff !important;
}

.bg-red-soft, .bg-hover-red-soft:hover {
    background: #d05454 !important;
    color: #ffffff !important;
}

.bg-red-haze, .bg-hover-red-haze:hover {
    background: #f36a5a !important;
    color: #ffffff !important;
}

.bg-red-mint, .bg-hover-red-mint:hover {
    background: #e43a45 !important;
    color: #ffffff !important;
}


.bg-yellow, .bg-hover-yellow:hover {
    background: #dbb55b !important;
    color: #ffffff !important;
}

.bg-yellow-gold, .bg-hover-yellow-gold:hover {
    background: #E87E04 !important;
    color: #ffffff !important;
}

.bg-yellow-casablanca, .bg-hover-yellow-casablanca:hover {
    background: #ff9e7a !important;
    color: #ffffff !important;
}

.bg-yellow-crusta, .bg-hover-yellow-crusta:hover {
    background: #f1cf46 !important;
    color: #ffffff !important;
}

.bg-yellow-lemon, .bg-hover-yellow-lemon:hover {
    background: #F7CA18 !important;
    color: #ffffff !important;
}

.bg-yellow-saffron, .bg-hover-yellow-saffron:hover {
    background: #F4D03F !important;
    color: #ffffff !important;
}

.bg-yellow-soft, .bg-hover-yellow-soft:hover {
    background: #c8d046 !important;
    color: #ffffff !important;
}

.bg-yellow-haze, .bg-hover-yellow-haze:hover {
    background: #c5bf66 !important;
    color: #ffffff !important;
}

.bg-yellow-mint, .bg-hover-yellow-mint:hover {
    background: #c5b96b !important;
    color: #ffffff !important;
}


.bg-purple, .bg-hover-purple:hover {
    background: #8E44AD !important;
    color: #ffffff !important;
}

.bg-purple-plum, .bg-hover-purple-plum:hover {
    background: #a790ce !important;
    color: #ffffff !important;
}

.bg-purple-medium, .bg-hover-purple-medium:hover {
    background: #BF55EC !important;
    color: #ffffff !important;
}

.bg-purple-studio, .bg-hover-purple-studio:hover {
    background: #8E44AD !important;
    color: #ffffff !important;
}

.bg-purple-wisteria, .bg-hover-purple-wisteria:hover {
    background: #9B59B6 !important;
    color: #ffffff !important;
}

.bg-purple-seance, .bg-hover-purple-seance:hover {
    background: #9A12B3 !important;
    color: #ffffff !important;
}

.bg-purple-intense, .bg-hover-purple-intense:hover {
    background: #8775a7 !important;
    color: #ffffff !important;
}

.bg-purple-sharp, .bg-hover-purple-sharp:hover {
    background: #796799 !important;
    color: #ffffff !important;
}

.bg-purple-soft, .bg-hover-purple-soft:hover {
    background: #8877a9 !important;
    color: #ffffff !important;
}





/*************Font Color******************/
.fc-today-color {
    color: #f7eebe !important;
}

.font-default {
    color: #e1e5ec !important;
}

.font-white {
    color: #ffffff !important;
}

h4.font-white {
    color: #ffffff !important;
    font-weight: 600;
}

.font-dark {
    color: #393a3e !important;
}

.font-blue {
    color: #3598dc !important;
}

.font-blue-madison {
    color: #578ebe !important;
}

.font-blue-chambray {
    color: #2C3E50 !important;
}

.font-blue-ebonyclay {
    color: #22313F !important;
}

.font-blue-hoki {
    color: #67809F !important;
}

.font-blue-steel {
    color: #4B77BE !important;
}

.font-blue-soft {
    color: #4c87b9 !important;
}

.font-blue-dark {
    color: #5e738b !important;
}

.font-blue-sharp {
    color: #5C9BD1 !important;
}

.font-green {
    color: #32c5d2 !important;
}

.font-green-meadow {
    color: #1BBC9B !important;
}

.font-green-seagreen {
    color: #1BA39C !important;
}

.font-green-turquoise {
    color: #36D7B7 !important;
}

.font-green-haze {
    color: #44b6ae !important;
}

.font-green-jungle {
    color: #26C281 !important;
}

.font-green-soft {
    color: #3faba4 !important;
}

.font-green-dark {
    color: #4DB3A2 !important;
}

.font-green-sharp {
    color: #2ab4c0 !important;
}

.font-grey {
    color: #E5E5E5 !important;
}

.font-grey-steel {
    color: #e9edef !important;
}

.font-grey-cararra {
    color: #fafafa !important;
}

.font-grey-gallery {
    color: #555 !important;
}

.font-grey-cascade {
    color: #95A5A6 !important;
}

.font-grey-silver {
    color: #BFBFBF !important;
}

.font-grey-salsa {
    color: #ACB5C3 !important;
}

.font-grey-salt {
    color: #bfcad1 !important;
}

.font-grey-mint {
    color: #525e64 !important;
}

.font-red {
    color: #e7505a !important;
}

.font-red-pink {
    color: #E08283 !important;
}

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

.font-red-intense {
    color: #e35b5a !important;
}

.font-red-thunderbird {
    color: #D91E18 !important;
}

.font-red-flamingo {
    color: #EF4836 !important;
}

.font-red-soft {
    color: #d05454 !important;
}

.font-red-haze {
    color: #f36a5a !important;
}

.font-red-mint {
    color: #e43a45 !important;
}

.font-yellow {
    color: #c49f47 !important;
}

.font-yellow-gold {
    color: #E87E04 !important;
}

.font-yellow-casablanca {
    color: #f2784b !important;
}

.font-yellow-crusta {
    color: #f3c200 !important;
}

.font-yellow-lemon {
    color: #F7CA18 !important;
}

.font-yellow-saffron {
    color: #F4D03F !important;
}

.font-yellow-soft {
    color: #c8d046 !important;
}

.font-yellow-haze {
    color: #c5bf66 !important;
}

.font-yellow-mint {
    color: #c5b96b !important;
}

.font-purple {
    color: #8E44AD !important;
}

.font-purple-plum {
    color: #8775a7 !important;
}

.font-purple-medium {
    color: #BF55EC !important;
}

.font-purple-studio {
    color: #8E44AD !important;
}

.font-purple-wisteria {
    color: #9B59B6 !important;
}

.font-purple-seance {
    color: #9A12B3 !important;
}

.font-purple-intense {
    color: #8775a7 !important;
}

.font-purple-sharp {
    color: #796799 !important;
}

.font-purple-soft {
    color: #8877a9 !important
}

/*************box Color*****************
.bgbox-peaches{background:#e58c7a;}
.bgbox-rosy-pink{background:#d789a3;}
.bgbox-peachy-pink{background:#e47b78;}
.bgbox-blue{background:#6c7ba6;}
.bgbox-orange{background:#eeba6f;}
.bgbox-blue-green{background:#59bba1;}
.bgbox-blue-sky{background:#5fc4d2}
.bgbox-corals{background:#f09992;}
.bgbox-purple{background: #b187b0;}
.bgbox-orange-red{background:#d7574c;}
.bgbox-deep{background:#a85279;}*/

.bgbox-peaches {
    background: #f89683;
}

.bgbox-rosy-pink {
    background: #d789a3;
}

.bgbox-peachy-pink {
    background: #f0817d;
}

.bgbox-blue {
    background: #43a7cf;
}

.bgbox-orange {
    background: #eeba6e;
}

.bgbox-blue-green {
    background: #46c7a5;
}

.bgbox-blue-sky {
    background: #5fc4d2
}

.bgbox-corals {
    background: #f09992;
}

.bgbox-purple {
    background: #b187b0;
}

.bgbox-orange-red {
    background: #d7574c;
}

.bgbox-deep {
    background: #a85279;
}

.bgbox-gray {
    background: #ff9e80;
}

.bgbox-indigo {
    background: #9FA8DA;
}

.bgbox-brown {
    background: #949494;
}

.fontbox-peaches {
    color: #e58c7a;
}

.fontbox-rosy-pink {
    color: #d789a3;
}

.fontbox-peachy-pink {
    color: #e47b78;
}

.fontbox-blue {
    color: #6c7ba6;
}

.fontbox-orange {
    color: #eeba6f;
}

.fontbox-blue-green {
    color: #4e91ac;
}

.fontbox-corals {
    color: #f09992;
}

.fontbox-purple {
    color: #9a5f99;
}

.fontbox-orange-red {
    color: #d7574c;
}

.fontbox-deep {
    color: #a85279;
}

.fc-dark {
    color: #393a3e;
}

.fc-red {
    color: #ec6a60;
}

.fc-green {
    color: #71aa3a;
}

.fc-blue {
    color: #117df4;
}

.fc-orange {
    color: #f28d48;
}

.fc-yellow {
    color: #f5a52f;
}

.fc-purple {
    color: #8E44AD;
}

.bc-dark {
    background: #393a3e;
}

.bc-red {
    background: #ec6a60;
}

.bc-green {
    background: #71aa3a;
}

.bc-blue {
    background: #117df4;
}

.bc-orange {
    background: #f28d48;
}

.bc-purple {
    background: #8E44AD;
}

.btn-default.btn-outline {
    border-color: #ddd !important;
    color: #ddd;
}

.btn-primary.btn-outline {
    border-color: #495182 !important;
    color: #495182;
}

.btn-info.btn-outline {
    border-color: #00c0ef !important;
    color: #00c0ef;
}

.btn-success.btn-outline {
    border-color: #77c17a !important;
    color: #77c17a;
}

.btn-warning.btn-outline {
    border-color: #f39c12 !important;
    color: #f39c12;
}

.btn-danger.btn-outline {
    border-color: #dd4b39 !important;
    color: #dd4b39;
}

    .btn-primary.btn-outline:hover,
    .btn-info.btn-outline:hover,
    .btn-success.btn-outline:hover,
    .btn-warning.btn-outline:hover,
    .btn-danger.btn-outline:hover {
        color: #fff;
    }

.btn-outline.circle {
    border-radius: 20px;
}


.arrow-right:before {
    position: absolute;
    font-family: Fontawesome;
    content: "\f061";
    left: -28px;
    top: 50%;
    transform: translateY(-50%);
    background: #000000;
    color: #fff;
    border-radius: 50%;
    width: 24px;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 15px;
}
/*.arrow-bottom:before {
    position: absolute;
    font-family: Fontawesome;
    content: "\f063";
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}*/
/*BOX*/

.small-box .icon {
    color: rgba(255, 255, 255, 0.15);
}

.small-box h3 {
    margin: 0;
    font-size: 34px;
    font-weight: 600;
}

    .small-box h3.statics:after {
        border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        position: relative;
        content: "";
        width: 40px;
        display: block;
        margin: 0 auto;
    }

.small-box h4 {
    margin: 0;
    margin-bottom: 5px;
    font-size: 32px;
    font-weight: 500;
}

    .small-box h4 .small {
        font-size: 85%;
    }

.small-box p {
    margin: 0;
    font-size: 18px;
}

.small-box > .inner {
    min-height: 107px;
    max-height: 107px;
    /*overflow-y: auto;*/
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
}

    .small-box > .inner > .main-text {
        min-height: 56px;
        color: #fff;
    }

.small-box .sb-header {
    margin-bottom: 0px;
    padding-bottom: 2px;
    cursor: pointer;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px rgba(255, 255, 255, 0.13);*/
}

.small-box > .small-box-footer {
    padding: 3px 6px;
    text-align: inherit;
}

.box.box-primary.box-peaches {
    border-top-color: #f89683;
    border: 1px solid #f89683;
    border-top-width: 2px;
}

.box.box-primary.box-blue-green {
    border-top-color: #46c7a5;
    border: 1px solid #46c7a5;
    border-top-width: 2px;
}

.box.box-primary.box-rosy-pink {
    border-top-color: #c27c93;
    border: 1px solid #c27c93;
    border-top-width: 2px;
}

.box.box-primary.box-orange {
    border-top-color: #eeba6f;
    border: 1px solid #eeba6f;
    border-top-width: 2px;
}

.box.box-primary.box-peachy-pink {
    border-top-color: #e47b78;
    border: 1px solid #e47b78;
    border-top-width: 2px;
}

.box.box-primary.box-blue {
    border-top-color: #43a7cf;
    border: 1px solid #43a7cf;
    border-top-width: 2px;
}

.box.box-primary.box-purple {
    border-top-color: #b187b0;
    border: 1px solid #b187b0;
    border-top-width: 2px;
}
/*****Small Box*****/
.box.box-primary.box-grey-mint {
    border-top-color: #859095;
    border: 1px solid #859095;
    border-top-width: 2px;
}

.box.box-primary.box-green {
    border-top-color: #62cdd7;
    border: 1px solid #62cdd7;
    border-top-width: 2px;
}

.box.box-primary.box-purple-plum {
    border-top-color: #a790ce;
    border: 1px solid #a790ce;
    border-top-width: 2px;
}

.box.box-primary.box-yellow-casablanca {
    border-top-color: #ff9e7a;
    border: 1px solid #ff9e7a;
    border-top-width: 2px;
}

.box.box-primary.box-red-sunglo {
    border-top-color: #ef7b7b;
    border: 1px solid #ef7b7b;
    border-top-width: 2px;
}

.box.box-primary.box-green-dark {
    border-top-color: #53c2b0;
    border: 1px solid #53c2b0;
    border-top-width: 2px;
}

.box.box-primary.box-blue-hoki {
    border-top-color: #6f91bc;
    border: 1px solid #6f91bc;
    border-top-width: 2px;
}

.box.box-primary.box-blue-madison {
    border-top-color: #559bd9;
    border: 1px solid #559bd9;
    border-top-width: 2px;
}

.box.box-primary.box-yellow {
    border-top-color: #dbb55b;
    border: 1px solid #dbb55b;
    border-top-width: 2px;
}

.box.box-primary.box-yellow-crusta {
    border-top-color: #f1cf46;
    border: 1px solid #f1cf46;
    border-top-width: 2px;
}

.box.box-primary.box-grey-gallery {
    border-top-color: #828282;
    border: 1px solid #828282;
    border-top-width: 2px;
}

.box.box-primary.box-grey-cascade {
    border-top-color: #95a5a6;
    border: 1px solid #95a5a6;
    border-top-width: 2px;
}

/*****STAT DASHBOARD Box*****/
.statbox {
    display: block;
    position: relative;
}

    .statbox .box-header > .box-tools {
        right: 5px;
    }

    .statbox .box-header.with-border {
        border-bottom: 1px solid #dde5ea;
    }

    .statbox .box-header, .statbox .box-body {
        padding: 5px;
    }

    .statbox .box-body {
        min-height: 100px;
        height: 100px;
        overflow-y: auto;
    }

    .statbox .checkbox-inline,
    .statbox .radio-inline,
    .statbox .checkbox-inline + .checkbox-inline,
    .statbox .radio-inline + .radio-inline {
        display: table;
        margin-left: 4px;
        margin-right: 4px;
        font-weight: 600;
        font-size: 15px;
    }

    .statbox .box-header {
        font-weight: 600;
        cursor: pointer;
    }

        .statbox .box-header > i.icn {
            font-size: 50px;
            position: absolute;
            top: -14px;
            left: 0;
        }

        .statbox .box-header > img.icn {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 4px;
            top: -8px;
            padding: 3px;
            background: #eee;
            border-radius: 2px;
        }

    .statbox .box-body {
        display: none;
    }

    .statbox.selected-statbox .box-body {
        display: block;
        width: 100%;
        position: absolute;
        background: #f0f4f7;
        min-height: 50px;
        z-index: 999;
        box-shadow: 0px -2px rgba(0, 0, 0, 0.11) inset;
    }

    .statbox:nth-child(1n+1) .box-header {
        color: #8E44AD;
    }

        .statbox:nth-child(1n+1) .box-header > img.icn {
            background: #8E44AD;
        }

    .statbox:nth-child(2n+1) .box-header {
        color: #f28d48;
    }

        .statbox:nth-child(2n+1) .box-header > img.icn {
            background: #f28d48;
        }

    .statbox:nth-child(3n+1) .box-header {
        color: #117df4;
    }

        .statbox:nth-child(3n+1) .box-header > img.icn {
            background: #117df4;
        }

    .statbox:nth-child(4n+1) .box-header {
        color: #71aa3a;
    }

        .statbox:nth-child(4n+1) .box-header > img.icn {
            background: #71aa3a;
        }

    .statbox:nth-child(5n+1) .box-header {
        color: #ec6a60;
    }

        .statbox:nth-child(5n+1) .box-header > img.icn {
            background: #ec6a60;
        }


    .statbox:nth-child(1) .box-header .icn {
        color: #8E44AD;
    }

    .statbox:nth-child(2) .box-header .icn {
        color: #f28d48;
    }

    .statbox:nth-child(3) .box-header .icn {
        color: #117df4;
    }

    .statbox:nth-child(4) .box-header .icn {
        color: #71aa3a;
    }

    .statbox:nth-child(5) .box-header .icn {
        color: #ec6a60;
    }

.stat-group .asidelinks .box-header,
.stat-group .asidelinks .box-body {
    padding: 5px;
    font-weight: 600;
}

.stat-group .checkbox-inline, .stat-group .radio-inline, .stat-group.checkbox-inline + .checkbox-inline, .stat-group .radio-inline + .radio-inline {
    display: table;
    margin-left: 4px;
    margin-right: 4px;
    font-weight: 600;
    font-size: 15px;
}

@media(min-width:1367px) {
    .statbox .checkbox-inline,
    .statbox .radio-inline,
    .statbox .checkbox-inline + .checkbox-inline,
    .statbox .radio-inline + .radio-inline {
        display: inline-block;
    }
}

.statbox-close {
    display: none;
    font-size: 26px;
    position: absolute;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    right: 0;
    top: -20px;
    color: #393a3e;
    background: #f0f4f7;
}

.selected-statbox .statbox-close {
    display: block;
}
/*****STAT DASHBOARD Box END*****/
.info-box-text {
    text-transform: inherit;
}

.sm-snippet h3 {
    margin: 0;
    margin-bottom: 5px;
}

.sm-snippet p {
    font-size: 16px;
}

.sm-snippet.btn-app {
    font-size: 12px;
    margin: 0px;
    position: relative;
    padding: 6px;
    padding-left: 10px;
    padding-right: 90px;
    height: 40px;
    border-bottom: 1px solid #000;
}

.sm-snippet.btn {
    box-shadow: none;
    overflow: hidden;
    border-radius: 0px;
    background: #dde0e1;
    transition: all 0.3s ease-in-out 0.01s;
    -webkit-transition: all 0.3s ease-in-out 0.01s;
    -moz-transition: all 0.3s ease-in-out 0.01s;
    -ms-transition: all 0.3s ease-in-out 0.01s;
    -o-transition: all 0.3s ease-in-out 0.01s;
}

    .sm-snippet.btn:hover {
        background: #3f3a3b;
        box-shadow: inset 0px -7px 11px 5px rgba(0,0,0,0.4);
    }

    .sm-snippet.btn.active {
        background: #3f3a3b;
        box-shadow: inset 0px -7px 11px 5px rgba(0,0,0,0.4);
    }

    .sm-snippet.btn:hover .snipcount {
        background: #7680bd;
    }

    .sm-snippet.btn.active .snipcount {
        background: #7680bd;
    }

    .sm-snippet.btn:hover p {
        color: #fff;
    }

    .sm-snippet.btn.active p {
        color: #fff;
    }

.snippetparent {
    margin-bottom: 0px;
}



/*.sm-snippet.btn p{transition: all 0.3s ease-in-out 0.01s;
-webkit-transition: all 0.3s ease-in-out 0.01s;
-moz-transition: all 0.3s ease-in-out 0.01s;
-ms-transition: all 0.3s ease-in-out 0.01s;
-o-transition: all 0.3s ease-in-out 0.01s;}
.sm-snippet.btn:hover p{color:#fff;}
.sm-snippet.btn:hover .percet{color:#fff;transition: all 0.3s ease-in-out 0.01s; }*/

/*
.sm-snippet.btn:hover p:nth-child(3){text-align:left;background:#fff;
transition: all 0.3s ease-in-out 0.01s;
padding-left: 25px;
-webkit-transition: all 0.3s ease-in-out 0.01s;
-moz-transition: all 0.3s ease-in-out 0.01s;
-ms-transition: all 0.3s ease-in-out 0.01s;
-o-transition: all 0.3s ease-in-out 0.01s;} 

.sniplist ul{border-bottom: 1px solid #fff;
    box-shadow: 0px 1px 0px rgb(248, 248, 248);
    margin-bottom: 1px;}
*/

p.newsnipet {
    background: #fff;
    margin-bottom: 0px;
    margin: 0px -5px;
    padding: 4px 3px;
    position: relative;
    border-radius: 0px 0px 3px 3px;
    top: 15px;
    transition: all 0.3s ease-in-out 0.01s;
    -webkit-transition: all 0.3s ease-in-out 0.01s;
    -moz-transition: all 0.3s ease-in-out 0.01s;
    -ms-transition: all 0.3s ease-in-out 0.01s;
    -o-transition: all 0.3s ease-in-out 0.01s;
}

/**/ .sm-snippet.btn:hover p.newsnipet {
    top: -5px;
}

.sm-snippet.btn-app h3, .sm-snippet.btn-app h4 {
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}

.sm-snippet.btn-app h3 {
    font-weight: 600;
    font-size: 20px;
}

.sm-snippet.btn-app h3,
.sm-snippet.btn-app h4,
.sm-snippet p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    font-weight: 600;
    color: #000;
}

.sm-snippet table > tbody > tr > td {
    line-height: 22px;
}

.row-gutter0 {
    margin-right: 0px;
    margin-left: 0px;
}

.row-gutter1 {
    margin-right: -1px;
    margin-left: -1px;
}

.row-gutter2 {
    margin-right: -2px;
    margin-left: -2px;
}

.row-gutter3 {
    margin-right: -3px;
    margin-left: -3px;
}

.row-gutter4 {
    margin-right: -4px;
    margin-left: -4px;
}

.row-gutter5 {
    margin-right: -5px;
    margin-left: -5px;
}

.row-gutter6 {
    margin-right: -6px;
    margin-left: -6px;
}

.row-gutter7 {
    margin-right: -7px;
    margin-left: -7px;
}

.row-gutter8 {
    margin-right: -8px;
    margin-left: -8px;
}

.row-gutter9 {
    margin-right: -9px;
    margin-left: -9px;
}

.row-gutter10 {
    margin-right: -10px;
    margin-left: -10px;
}

.gutter0 {
    padding: 0 0 !important;
}

.gutter1 {
    padding: 0 1px !important;
}

.gutter2 {
    padding: 0 2px !important;
}

.gutter3 {
    padding: 0 3px !important;
}

.gutter4 {
    padding: 0 4px !important;
}

.gutter5 {
    padding: 0 5px !important;
}

.gutter6 {
    padding: 0 6px !important;
}

.gutter7 {
    padding: 0 7px !important;
}

.gutter8 {
    padding: 0 8px !important;
}

.gutter9 {
    padding: 0 9px !important;
}

.gutter10 {
    padding: 0 10px !important;
}

.gutter0_rl {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.gutter1_rl {
    padding-right: 1px !important;
    padding-left: 1px !important;
}

.gutter2_rl {
    padding-right: 2px !important;
    padding-left: 2px !important;
}

.gutter3_rl {
    padding-right: 3px !important;
    padding-left: 3px !important;
}

.gutter4_rl {
    padding-right: 4px !important;
    padding-left: 4px !important;
}

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

.gutter6_rl {
    padding-right: 6px !important;
    padding-left: 6px !important;
}

.gutter7_rl {
    padding-right: 7px !important;
    padding-left: 7px !important;
}

.gutter8_rl {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.gutter9_rl {
    padding-right: 9px !important;
    padding-left: 9px !important;
}

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

.close_btn {
    width: 17px;
    height: 17px;
    font-size: 25px;
    line-height: 15px;
    vertical-align: middle;
    text-align: center;
    /*color: #fff;*/
    cursor: pointer;
    /*background-color: #E28D0A;*/
    float: right;
    position: relative;
    border-radius: 2px;
    display: block;
    margin-bottom: 5px;
    z-index: 10;
}

.close_btn2 {
    font-size: 12px;
    position: relative;
    right: 0px;
    /*top: 35px;
		width: 17px; */
    /* height: 18px; */
    /* border-radius: 50%; */
    text-align: center;
    color: #FFF;
    cursor: pointer;
    z-index: 100;
    background-color: #444444;
    float: right;
    /* position: relative; */
    content: "close";
    padding: 2px 5px;
}

.table-sr-no {
    width: 1%;
}

.inner-table {
    background: #596296;
    position: relative;
    padding: 1px !important;
    border-bottom: 10px solid #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .inner-table:before {
        /*position: absolute;
    content: "";
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #596296;
    top: -9px;
    left: 70px;*/
    }

.inner-table-toggle1 a.active-table1:after,
.inner-table-toggle1 a.active-table3:after {
    position: relative;
    content: "";
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #596296;
    top: 7px;
    left: -30px;
}

.inner-table-toggle1 a.active-table3:after {
    left: -10px;
}

.inner-table-toggle2 a.active-table2:after {
    position: relative;
    content: "";
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #596296;
    top: 7px;
    left: -10px;
}



.table-advance {
    margin-bottom: 10px !important
}

    .table-advance thead {
        color: #3f444a
    }

        .table-advance thead tr th {
            background-color: #f1f4f7;
            font-size: 14px;
            font-weight: 400;
            color: #3f444a
        }

    .table-advance.header-strip thead tr th:nth-child(odd) {
        background-color: #F6F9FB;
    }

.table.table-light {
    border: 0 !important
}

    .table.table-light > thead > tr:hover > th {
        background: 0 0
    }

    .table.table-light > thead > tr.uppercase {
        text-transform: uppercase
    }

    .table.table-light > thead > tr > th {
        font-weight: 600;
        font-size: 13px;
        color: #93a2a9;
        border: 0;
        border-bottom: 1px solid #F2F5F8
    }

    .table.table-light > tbody > tr:last-child > td {
        border: 0
    }

    .table.table-light > tbody > tr > td {
        border: 0;
        border-bottom: 1px solid #F2F5F8;
        color: #8896a0;
        vertical-align: middle
    }

        .table.table-light > tbody > tr > td.fit {
            width: 1px;
            padding-right: 3px
        }

        .table.table-light > tbody > tr > td .user-pic {
            display: inline-block;
            vertical-align: middle;
            height: 30px;
            -webkit-border-radius: 100%;
            -moz-border-radius: 100%;
            -ms-border-radius: 100%;
            -o-border-radius: 100%;
            border-radius: 100%
        }

    .table.table-light.table-hover > tbody > tr:hover > td, .table.table-light.table-hover > tbody > tr:hover > th, .table.table-light.table-hover > tbody > tr > td:hover, .table.table-light.table-hover > tbody > tr > th:hover {
        background: #f9fafb
    }

.custom-table.deep-blue-head.table > thead > tr > th {
    font-size: 13px;
}

    .custom-table.deep-blue-head.table > thead > tr > th:nth-child(odd) {
        background-color: #00BCD4;
        color: #ffffff;
    }

.custom-table.deep-lblue-head.table > thead > tr > th:nth-child(even) {
    background-color: #07B3CA;
    color: #ffffff;
}

.custom-table.deep-blue-head.table > tbody > tr > td:nth-child(odd) {
    background-color: #f7f7f7;
}

.custom-table.deep-lblue-head.table > tbody > tr > td:nth-child(even) {
    background-color: #f3f3f3;
}

.custom-table.deep-blue2-head.table > thead > tr > th:nth-child(odd) {
    background-color: #767D8A;
    color: #ffffff;
}

.custom-table.deep-lblue2-head.table > thead > tr > th:nth-child(even) {
    background-color: #828892;
    color: #ffffff;
}

.custom-table.deep-blue2-head.table > tbody > tr > td:nth-child(odd) {
    background-color: #F9F9F9;
    color: #000;
}

.custom-table.deep-lblue2-head.table > tbody > tr > td:nth-child(even) {
    background-color: #ffffff;
    color: #000;
}

.custom-table.deep-blue2-head.table > tbody > tr > td {
    border-bottom: 1px solid #f1f1f1 !important;
}

.table-clean thead {
    color: #fff;
    background: #1830CF;
}

.table-clean .dtable-header { /*background:#f8fafe;*/
    padding: 5px;
    text-align: right;
}

.table-clean .table.dataTable thead th,
.table-clean .table.dataTable thead td {
    border-bottom: 1px solid #f0f3fb;
}

.table-clean .table > tbody > tr > td {
    border-top: 1px solid #f0f3fb;
}

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

.table-clean .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fbfcfe;
}

.table-scrollable {
    width: 100%;
    overflow-x: visible;
    overflow-y: hidden;
    border: 1px solid #e7ecf1;
    margin: 10px 0 !important
}

    .DTS .table-scrollable, .table-scrollable.table-scrollable-borderless, .table-scrollable > .table-bordered {
        border: 0
    }

        .table-scrollable > .table-bordered > tbody > tr:last-child > td, .table-scrollable > .table-bordered > tbody > tr:last-child > th, .table-scrollable > .table-bordered > tfoot > tr:last-child > td, .table-scrollable > .table-bordered > tfoot > tr:last-child > th, .table-scrollable > .table-bordered > thead > tr:last-child > td, .table-scrollable > .table-bordered > thead > tr:last-child > th, .table.table-bordered thead > tr > th {
            border-bottom: 0
        }

    .table-scrollable > .table {
        width: 100% !important;
        margin: 0 !important;
        background-color: #fff
    }

        .table-scrollable > .table > tbody > tr > th, .table-scrollable > .table > tfoot > tr > td, .table-scrollable > .table > tfoot > tr > th, .table-scrollable > .table > thead > tr > th {
            white-space: nowrap
        }

    .table-scrollable > .table-bordered > tbody > tr > td:first-child, .table-scrollable > .table-bordered > tbody > tr > th:first-child, .table-scrollable > .table-bordered > tfoot > tr > td:first-child, .table-scrollable > .table-bordered > tfoot > tr > th:first-child, .table-scrollable > .table-bordered > thead > tr > td:first-child, .table-scrollable > .table-bordered > thead > tr > th:first-child {
        border-left: 0
    }

    .table-scrollable > .table-bordered > tbody > tr > td:last-child, .table-scrollable > .table-bordered > tbody > tr > th:last-child, .table-scrollable > .table-bordered > tfoot > tr > td:last-child, .table-scrollable > .table-bordered > tfoot > tr > th:last-child, .table-scrollable > .table-bordered > thead > tr > td:last-child, .table-scrollable > .table-bordered > thead > tr > th:last-child {
        border-right: 0
    }

.custom-table-scrollable .custom-table.table > tbody > tr > th, .custom-table-scrollable .custom-table.table > tfoot > tr > td, .custom-table-scrollable .custom-table.table > tfoot > tr > th, .custom-table-scrollable .custom-table.table > thead > tr > th {
    white-space: nowrap
}

.custom-table.table > thead > tr > th, .custom-table.table > tbody > tr > th, .custom-table.table > tfoot > tr > th, .custom-table.table > thead > tr > td, .custom-table.table > tbody > tr > td {
    border: 0 !important;
    color: #000;
}

/*
 * Component: DATA TABLE
 * ----------------------
 */
table.dataTable thead th, table.dataTable thead td {
    padding: 4px 6px;
    border-bottom: 1px solid #e7ecf1;
}
input#AddOrganization {
    float: right;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th { /*padding: 6px 6px;font-size: 13px;*/
}

.table-condensed > tbody > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > thead > tr > th {
    font-size: 18px;
    font-weight: 600;
    /*text-transform: capitalize;*/
    font-family: 'Poppins', sans-serif;
}

.table-fnt22 > tbody > tr > td, .table-fnt22 > tbody > tr > th, .table-fnt22 > tfoot > tr > td, .table-fnt22 > tfoot > tr > th, .table-fnt22 > thead > tr > td, .table-fnt22 > thead > tr > th {
    font-size: 22px;
    font-weight: 600;
}

.table-condensed-font14 > tbody > tr > td, .table-condensed-font14 > tbody > tr > th, .table-condensed-font14 > tfoot > tr > td, .table-condensed-font14 > tfoot > tr > th, .table-condensed-font14 > thead > tr > td, .table-condensed-font14 > thead > tr > th {
    font-size: 14px;
}

.table-condensed-font16 > tbody > tr > td, .table-condensed-font16 > tbody > tr > th, .table-condensed-font16 > tfoot > tr > td, .table-condensed-font16 > tfoot > tr > th, .table-condensed-font16 > thead > tr > td, .table-condensed-font16 > thead > tr > th {
    font-size: 16px;
}

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

table td .table-btn-group {
    white-space: nowrap;
}

    table td .table-btn-group a {
        margin: 0 1px;
    }

.datatable-scroll {
    overflow-x: auto;
    overflow-y: visible;
}

.dtable-footer > .dataTables_length {
    display: inline-block;
    margin-right: 15px;
}

    .dtable-footer > .dataTables_length:after {
        content: "|";
        position: relative;
        right: -6px;
        color: #ccc;
    }

.dtable-footer > .dataTables_info {
    display: inline-block;
}

.dtable-footer > .dataTables_paginate {
    float: right;
}

.dtable-footer .pagination {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
/*
 * Component: DATA TABLE END
 * ----------------------
 */
/*
 * Component: Form
 * ----------------------
 */
.form-group-inline-devider {
    display: inline-block;
    width: 10px;
    text-align: center;
    color: #ddd;
}

@media (max-width:768px) {
    .form-group-inline-devider {
        display: none;
    }
}

.form-group .input-group, .form-group .input-group + .input-group-control, .form-group + .input-group, .form-group + .input-icon, .form-horizontal .form-group .input-group, .form-horizontal .form-group .input-group > .input-group-control, .form-inline {
    padding-top: 0
}

    .form-inline > * {
        /*margin:5px 0px;*/
    }

.form-group > .input-icon > i {
    left: 0;
    bottom: 0;
    margin: 9px 2px 10px 10px;
    color: #888
}

.form-group > .input-icon.input-icon-lg > i {
    top: 6px
}

.form-group > .input-icon.input-icon-sm > i {
    top: -1px
}

.form-group > .input-icon > label {
    margin-top: -20px
}

.form-group > .input-icon.right .form-control {
    padding-right: 34px
}

.form-group > .input-icon.right > i {
    left: auto;
    right: 8px;
    margin: 11px 2px 10px 10px
}

.form-horizontal .form-group .input-group > .form-control-focus, .form-horizontal .form-group .input-group > .input-group-control > .form-control-focus, .form-horizontal .form-group .input-icon > .form-control-focus {
    left: 0 !important;
    right: 0 !important
}

.form-inline > .input-icon {
    padding: 0
}

.form-horizontal .form-group .input-icon .form-control {
    padding-left: 33px
}

.form-horizontal .form-group .input-icon > i {
    top: 0
}

.form-horizontal .form-group .input-icon.right .form-control {
    padding-left: 0;
    padding-right: 33px
}

.input-group .input-icon > .form-control, .tabs-left.nav-tabs > li > a:focus, .tabs-left.nav-tabs > li > a:hover {
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px
}

.icon-btn > div {
    margin-top: 5px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 11px;
    color: #565d66
}

.input-icon {
    position: relative;
    left: 0
}

    .input-icon > .form-control {
        padding-left: 33px
    }

.input-group .input-icon > .form-control {
    border-radius: 2px 0 0 2px
}

.input-group .input-icon.right > .form-control, .tabs-right.nav-tabs > li > a:focus, .tabs-right.nav-tabs > li > a:hover {
    -webkit-border-radius: 0 2px 2px 0;
    -moz-border-radius: 0 2px 2px 0;
    -ms-border-radius: 0 2px 2px 0;
    -o-border-radius: 0 2px 2px 0
}

.input-icon > i {
    color: #ccc;
    display: block;
    position: absolute;
    margin: 11px 2px 4px 10px;
    z-index: 3;
    width: 16px; /*font-size:16px;*/
    text-align: center
}

.modal .input-icon > i {
    z-index: 10055
}

.has-success .input-icon > i {
    color: #36c6d3
}

.has-warning .input-icon > i {
    color: #F1C40F
}

.has-info .input-icon > i {
    color: #659be0
}

.has-error .input-icon > i {
    color: #ed6b75
}

.input-icon.right {
    left: auto;
    right: 0
}

    .input-icon.right > .form-control {
        padding-right: 33px;
        padding-left: 12px
    }

.input-group .input-icon.right > .form-control {
    border-radius: 0 2px 2px 0
}

.input-icon.right > i {
    right: 8px;
    float: right
}

.input-icon.input-icon-lg > i {
    margin-top: 16px
}

.input-icon.input-icon-sm > i {
    margin-top: 8px;
    font-size: 13px
}

.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {
    font-size: 14px;
    margin-top: 9px
}

.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {
    height: 30px;
    padding: 2px 26px 3px 10px;
    font-size: 13px
}


/*-----------------------------------------------------------------------------------*/
/*-------------------------------Radio Checkbox-----------------------------*/
/*-----------------------------------------------------------------------------------*/
.form-md-checkboxes, .form-md-radios {
    padding-top: 5px
}

.checkbox-list {
}

.md-checkbox {
    position: relative
}

    .md-checkbox.md-checkbox-inline {
        display: inline-block
    }

.form-inline .md-checkbox.md-checkbox-inline {
    margin-right: 20px;
    top: 3px
}

.md-checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    z-index: 10;
}

.md-checkbox label {
    cursor: pointer;
    padding-left: 22px;
    margin-bottom: 10px;
    height: 20px;
    font-size: 16px;
    font-weight: 600;
}

    .md-checkbox label > span {
        display: block;
        position: absolute;
        left: 0;
        -webkit-transition-duration: .1s;
        -moz-transition-duration: .1s;
        transition-duration: .1s
    }

        .md-checkbox label > span.inc {
            background: #fff;
            left: -20px;
            top: -20px;
            height: 60px;
            width: 60px;
            opacity: 0;
            border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            -webkit-animation: growCircle .1s ease;
            -moz-animation: growCircle .1s ease;
            animation: growCircle .1s ease
        }

    .md-checkbox label > .box {
        top: 2px; /*border:2px solid #607D8B;*/
        border: 1px solid #000;
        border-radius: 0px;
        height: 16px;
        width: 16px;
        z-index: 5;
        -webkit-transition-delay: .1s;
        -moz-transition-delay: .1s;
        transition-delay: .1s
    }

    .md-checkbox label > .check {
        top: 0px;
        left: 5px;
        width: 7px;
        height: 15px;
        border: 2px solid #000;
        border-top: none;
        border-left: none;
        opacity: 0;
        z-index: 6;
        -webkit-transform: rotate(-20deg);
        -moz-transform: rotate(-20deg);
        transform: rotate(-20deg);
        -webkit-transition-delay: .1s;
        -moz-transition-delay: .1s;
        transition-delay: .1s
    }

.md-checkbox input[type=checkbox]:checked ~ label > .box { /*opacity:0;-webkit-transform:scale(0) rotate(-180deg);-moz-transform:scale(0) rotate(-180deg);transform:scale(0) rotate(-180deg)*/
}

.md-checkbox input[type=checkbox]:checked ~ label > .check {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg)
}

.md-checkbox input[type=checkbox]:disabled:checked ~ label > .check, .md-checkbox input[type=checkbox]:disabled ~ label, .md-checkbox input[type=checkbox]:disabled ~ label > .box, .md-checkbox input[type=checkbox][disabled]:checked ~ label > .check, .md-checkbox input[type=checkbox][disabled] ~ label, .md-checkbox input[type=checkbox][disabled] ~ label > .box {
    cursor: not-allowed;
    opacity: .7;
    filter: alpha(opacity=70)
}

.has-error .md-checkbox label, .has-error.md-checkbox label {
    color: #fbe1e3
}

    .has-error .md-checkbox label > .box, .has-error .md-checkbox label > .check, .has-error.md-checkbox label > .box, .has-error.md-checkbox label > .check {
        border-color: #e73d4a
    }

.has-success .md-checkbox label, .has-success.md-checkbox label {
    color: #abe7ed
}

    .has-success .md-checkbox label > .box, .has-success .md-checkbox label > .check, .has-success.md-checkbox label > .box, .has-success.md-checkbox label > .check {
        border-color: #27a4b0
    }

.has-warning .md-checkbox label, .has-warning.md-checkbox label {
    color: #f9e491
}

    .has-warning .md-checkbox label > .box, .has-warning .md-checkbox label > .check, .has-warning.md-checkbox label > .box, .has-warning.md-checkbox label > .check {
        border-color: #c29d0b
    }

.has-info .md-checkbox label, .has-info.md-checkbox label {
    color: #e0ebf9
}

    .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: #327ad5
    }

.form-md-checkboxes > label {
    font-size: 14px;
    color: #888;
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-md-checkboxes.has-error label {
    color: #ed6b75
}

.form-md-checkboxes.has-info label {
    color: #659be0
}

.form-md-checkboxes.has-success label {
    color: #1084AB
}

.form-md-checkboxes.has-warning label {
    color: #F1C40F
}

.md-checkbox-list {
    margin: 5px 0
}

.form-horizontal .md-checkbox-list {
    margin-top: 5px
}

.md-checkbox-list .md-checkbox {
    display: block;
    margin-bottom: 10px
}

    .md-checkbox-list .md-checkbox:last-child {
        margin-bottom: 0
    }

.md-checkbox-inline {
    margin: 5px 0
}

.form-horizontal .md-checkbox-inline {
    margin-top: 7px
}

.md-checkbox-inline .md-checkbox {
    display: inline-block;
    margin-right: 20px
}

    .md-checkbox-inline .md-checkbox:last-child {
        margin-right: 0
    }
/********* checkbox2 **********/
.md-checkbox.checkbox2 {
}

    .md-checkbox.checkbox2 input[type=checkbox]:checked ~ label > .check {
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        border: none;
        background: #f3cd5b;
    }

    .md-checkbox.checkbox2 label > .check {
        top: 4px;
        left: 4px;
        width: 12px;
        height: 12px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: scale(0) rotate(0deg);
        -moz-transform: scale(0) rotate(0deg);
        transform: scale(0) rotate(0deg);
    }
    /********* checkbox Color **********/
    .md-checkbox.checkbox2.box-black label > .check {
        background: #000000 !important;
    }

    .md-checkbox.checkbox2.box-black label > .box {
        border: 2px solid #000000 !important;
    }

    .md-checkbox.checkbox2.box-purple label > .check {
        background: #b465d3 !important;
    }

    .md-checkbox.checkbox2.box-purple label > .box {
        border: 2px solid #b465d3 !important;
    }

    .md-checkbox.checkbox2.box-green label > .check {
        background: #71aa3a !important;
    }

    .md-checkbox.checkbox2.box-green label > .box {
        border: 2px solid #71aa3a !important;
    }

    .md-checkbox.checkbox2.box-blue label > .check {
        background: #117df4 !important;
    }

    .md-checkbox.checkbox2.box-blue label > .box {
        border: 2px solid #117df4 !important;
    }

    .md-checkbox.checkbox2.box-skyblue label > .check {
        background: #00BCD4 !important;
    }

    .md-checkbox.checkbox2.box-skyblue label > .box {
        border: 2px solid #00BCD4 !important;
    }

    .md-checkbox.checkbox2.box-orange label > .check {
        background: #f28d48 !important;
    }

    .md-checkbox.checkbox2.box-orange label > .box {
        border: 2px solid #f28d48 !important;
    }

    .md-checkbox.checkbox2.box-red label > .check {
        background: #ec6a60 !important;
    }

    .md-checkbox.checkbox2.box-red label > .box {
        border: 2px solid #ec6a60 !important;
    }

    .md-checkbox.checkbox2.box-red2 label > .check {
        background: #f44336 !important;
    }

    .md-checkbox.checkbox2.box-red2 label > .box {
        border: 2px solid #f44336 !important;
    }

#Month-Filter .md-checkbox.checkbox2 {
    width: 57px;
    margin-right: 4px;
    margin-left: 4px;
}

#Dist-Filter .md-radio.checkbox2 {
    min-width: 57px;
    margin-right: 4px;
    margin-left: 4px;
}

@-webkit-keyframes growCircle {
    0%,100% {
        -webkit-transform: scale(0);
        opacity: 1
    }

    70% {
        background: #eee;
        -webkit-transform: scale(1.25)
    }
}

@-moz-keyframes growCircle {
    0%,100% {
        -moz-transform: scale(0);
        opacity: 1
    }

    70% {
        background: #eee;
        -moz-transform: scale(1.25)
    }
}

@keyframes growCircle {
    0%,100% {
        transform: scale(0);
        opacity: 1
    }

    70% {
        background: #eee;
        transform: scale(1.25)
    }
}

/********* toggle-check **********/
.md-checkbox.toggle-check, .md-checkbox.toggle-check .md-checkbox {
    margin: 0;
    height: 26px;
    width: 54px;
}

.md-checkbox.toggle-check { /*margin-right: 10px;*/
}

    .md-checkbox.toggle-check label > .box {
        border-radius: 10px;
        width: 30px;
        border-color: #a2a2a2 !important;
        height: 18px;
        top: 1px;
    }

    .md-checkbox.toggle-check input[type=checkbox]:checked ~ label > .check {
        left: 4px;
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        border: none;
        background: #f3cd5b;
    }

    .md-checkbox.toggle-check label > .check {
        top: 4px;
        left: 14px;
        width: 12px;
        height: 12px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        border-radius: 50%;
        opacity: 1;
        border: none;
        background: #a2a2a2 !important;
    }
    /****With Yes/No Text****/
    .md-checkbox.toggle-check.with-y-n label > .box {
        width: 54px;
        height: 24px;
        border-radius: 15px;
        border-width: 2px;
        margin: 0;
        padding: 0;
    }

    .md-checkbox.toggle-check.with-y-n label > .check + .box:before {
        opacity: 0;
    }

    .md-checkbox.toggle-check.with-y-n label > .check {
        transition: all 0.3s;
        margin: 0;
        padding: 0;
    }

    .md-checkbox.toggle-check.with-y-n input[type=checkbox]:checked ~ label > .check + .box:before {
        opacity: 1;
        content: "Yes";
        position: relative;
        left: 23px;
        top: 0px;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        transition: all 0.2s;
        font-size: 14px;
        font-weight: 600;
    }

    .md-checkbox.toggle-check.with-y-n.box-red input[type=checkbox]:checked ~ label > .check + .box:before {
        color: #f56954;
    }

    .md-checkbox.toggle-check.with-y-n.box-red label > .check + .box:before {
        color: #a2a2a2;
    }

    .md-checkbox.toggle-check.with-y-n label > .check {
        width: 18px;
        height: 18px;
        left: 32px;
    }

        .md-checkbox.toggle-check.with-y-n label > .check + .box:before {
            opacity: 1;
            content: "No";
            position: relative;
            left: 8px;
            top: 0px;
            -webkit-transition: all 0.2s;
            -moz-transition: all 0.2s;
            transition: all 0.2s;
            font-size: 14px;
            font-weight: 600;
        }

    .md-checkbox.toggle-check.with-y-n input[type=checkbox]:checked ~ label > .check + .box:before,
    .box-header .box-tools .md-checkbox.toggle-check.with-y-n label > .check + .box:before {
        top: -2px;
    }
    /****With Yes/No Text End****/
    .md-checkbox.toggle-check label {
        padding-left: 36px;
    }

    .md-checkbox.toggle-check.box-default input[type=checkbox]:checked ~ label > .check {
        background: #000000 !important;
    }

    .md-checkbox.toggle-check.box-default input[type=checkbox]:checked ~ label > .box {
        border: 2px solid #000000 !important;
    }

    .md-checkbox.toggle-check.box-red input[type=checkbox]:checked ~ label > .check {
        background: #f77b68 !important;
    }

    .md-checkbox.toggle-check.box-red input[type=checkbox]:checked ~ label > .box {
        border: 2px solid #f77b68 !important;
    }

    .md-checkbox.toggle-check.box-purple input[type=checkbox]:checked ~ label > .check {
        background: #b465d3 !important;
    }

    .md-checkbox.toggle-check.box-purple input[type=checkbox]:checked ~ label > .box {
        border: 2px solid #b465d3 !important;
    }

    .md-checkbox.toggle-check.box-green input[type=checkbox]:checked ~ label > .check {
        background: #71aa3a !important;
    }

    .md-checkbox.toggle-check.box-green input[type=checkbox]:checked ~ label > .box {
        border: 2px solid #71aa3a !important;
    }

    .md-checkbox.toggle-check.box-blue input[type=checkbox]:checked ~ label > .check {
        background: #117df4 !important;
    }

    .md-checkbox.toggle-check.box-blue input[type=checkbox]:checked ~ label > .box {
        border: 2px solid #117df4 !important;
    }

    .md-checkbox.toggle-check.box-orange input[type=checkbox]:checked ~ label > .check {
        background: #f28d48 !important;
    }

    .md-checkbox.toggle-check.box-orange input[type=checkbox]:checked ~ label > .box {
        border: 2px solid #f28d48 !important;
    }

.md-radio {
    position: relative
}

    .md-radio input[type=radio] {
        opacity: 0;
        position: absolute;
        z-index: 10;
    }

    .md-radio label {
        cursor: pointer;
        padding-left: 30px;
        margin-bottom: 10px;
        height: 20px;
    }

        .md-radio label > span {
            display: block;
            position: absolute;
            left: 0;
            -webkit-transition-duration: .3s;
            -moz-transition-duration: .3s;
            transition-duration: .3s
        }

            .md-radio label > span.inc {
                background: #fff;
                left: -20px;
                top: -20px;
                height: 60px;
                width: 60px;
                opacity: 0;
                border-radius: 50% !important;
                -moz-border-radius: 50% !important;
                -webkit-border-radius: 50% !important;
                -webkit-animation: growCircleRadio .3s ease;
                -moz-animation: growCircleRadio .3s ease;
                animation: growCircleRadio .3s ease
            }

        .md-radio label > .box {
            top: 0;
            border: 2px solid #f3cd5b;
            height: 20px;
            width: 20px;
            border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            z-index: 5
        }

        .md-radio label > .check {
            top: 5px;
            left: 5px;
            width: 10px;
            height: 10px;
            background: #f3cd5b;
            opacity: 0;
            z-index: 6;
            border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            -webkit-border-radius: 50% !important;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            transform: scale(0)
        }

    .md-radio input[type=radio]:checked ~ label > .check {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    .md-radio input[type=radio]:disabled:checked ~ label > .check, .md-radio input[type=radio]:disabled ~ label, .md-radio input[type=radio]:disabled ~ label > .box, .md-radio input[type=radio][disabled]:checked ~ label > .check, .md-radio input[type=radio][disabled] ~ label, .md-radio input[type=radio][disabled] ~ label > .box {
        cursor: not-allowed;
        opacity: .7;
        filter: alpha(opacity=70)
    }

.has-error .md-radio label,
.has-error.md-radio label {
    color: #fbe1e3
}

    .has-error .md-radio label > .box,
    .has-error.md-radio label > .box {
        border-color: #e73d4a
    }

    .has-error .md-radio label > .check,
    .has-error.md-radio label > .check {
        background: #e73d4a
    }

.has-success .md-radio label,
.has-success.md-radio label {
    color: #abe7ed
}

    .has-success .md-radio label > .box,
    .has-success.md-radio label > .box {
        border-color: #27a4b0
    }

    .has-success .md-radio label > .check,
    .has-success.md-radio label > .check {
        background: #27a4b0
    }

.has-warning .md-radio label,
.has-warning.md-radio label {
    color: #f9e491
}

    .has-warning .md-radio label > .box,
    .has-warning.md-radio label > .box {
        border-color: #c29d0b
    }

    .has-warning .md-radio label > .check,
    .has-warning.md-radio label > .check {
        background: #c29d0b
    }

.has-info .md-radio label,
.has-info.md-radio label {
    color: #e0ebf9
}

    .has-info .md-radio label > .box,
    .has-info.md-radio label > .box {
        border-color: #327ad5
    }

    .has-info .md-radio label > .check,
    .has-info.md-radio label > .check {
        background: #327ad5
    }

.form-md-radios > label {
    font-size: 14px;
    color: #888;
    opacity: 1;
    filter: alpha(opacity=100)
}

.form-md-radios.has-error label {
    color: #ed6b75
}

.form-md-radios.has-info label {
    color: #659be0
}

.form-md-radios.has-success label {
    color: #1084AB
}

.form-md-radios.has-warning label {
    color: #F1C40F
}

.md-radio-list {
    margin: 5px 0
}

.form-horizontal .md-radio-list {
    margin-top: 5px
}

.md-radio-list .md-radio {
    display: block;
    margin-bottom: 10px
}

.md-radio-inline {
    margin: 5px 0
}

.form-horizontal .md-radio-inline {
    margin-top: 7px
}

.md-radio-inline .md-radio {
    display: inline-block;
    margin-right: 20px
}

    .md-radio-inline .md-radio:last-child {
        margin-right: 0
    }
/*-----------------------------------------------------------------------------------*/
/*-------------------------------Radio Checkbox End-----------------------------*/
/*-----------------------------------------------------------------------------------*/
/*************************************
***********CALENDAR*******************
**************************************/
.box.calendar .fc-button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    border: 0 #ddd;
    height: 35px;
    padding: 5px 8px 8px;
    margin-left: 2px;
    background: 0 0;
    color: #fff;
    top: -48px;
    outline: 0 !important;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    border-style: none solid
}

.box.calendar .fc-toolbar {
    margin-bottom: 0
}

    .box.calendar .fc-toolbar h2 {
        margin-top: 3px;
        font-size: 17px
    }

.box.calendar .fc-button .fc-icon-left-single-arrow, .box.calendar .fc-button .fc-icon-right-single-arrow {
    font-family: FontAwesome;
    font-size: 16px;
    display: inline-block
}

.box.calendar .fc-header {
    margin-bottom: -21px
}

.box.calendar .fc-button-prev {
    padding-right: 10px;
    padding-left: 8px
}

.box.calendar .fc-button-next {
    padding-right: 8px;
    padding-left: 10px
}

.box.calendar .fc-button .fc-icon {
    height: 20px;
    top: -5px
}

.box.calendar .fc-button.fc-state-active, .box.calendar .fc-button.fc-state-hover {
    color: #666;
    background-color: #fff
}

.box.calendar .fc-button.fc-state-disabled {
    color: #ddd
}

.box.calendar .fc-button .fc-icon-left-single-arrow:after {
    content: "";
    margin: 0
}

.box.calendar .fc-button .fc-icon-left-single-arrow:before {
    content: "\f104"
}

.box.calendar .fc-button .fc-icon-right-single-arrow:after {
    margin: 0;
    content: ""
}

.box.calendar .fc-button .fc-icon-right-single-arrow:before {
    content: "\f105"
}

.box.calendar .fc-text-arrow {
    font-size: 22px;
    font-family: "Courier New",Courier,monospace;
    vertical-align: baseline
}

.box.calendar .fc-event {
    border: 0;
    background-color: #486aae;
    color: #fff
}

    .box.calendar .fc-event .fc-content {
        border: 0;
        padding: 2px 5px;
        cursor: default;
    }

    .box.calendar .fc-event .fc-time {
        float: left;
        text-align: left;
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        padding-right: 5px
    }

    .box.calendar .fc-event .fc-title {
        text-align: left;
        float: left;
        color: #fff;
        font-size: 14px;
        font-weight: 300
    }

.box.calendar .fc-header-title h2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #111
}

.box.calendar .fc-widget-header {
    background-image: none;
    filter: none;
    background-color: #eee;
    text-transform: uppercase;
    font-weight: 300
}

.box.calendar.calendar-tab .fc-button {
    top: 0px;
    color: #666;
    text-transform: uppercase;
    font-size: 12px;
    padding-bottom: 28px
}

    .box.calendar.calendar-tab .fc-button .fc-text-arrow {
        margin-top: -6px;
        display: inline-block
    }

    .box.calendar.calendar-tab .fc-button.fc-state-active, .box.calendar.calendar-tab .fc-button.fc-state-hover {
        color: #333;
        border: none;
        border-bottom: 2px solid #36c6d3;
    }

.box.calendar.calendar-tab table tbody.fc-body .fc-day-grid-container {
    max-height: 414px;
    overflow-y: auto;
}

.box.calendar.calendar-tab .fc-button.fc-state-disabled {
    color: #aaa
}

.box.calendar .mobile .fc-button {
    padding: 0 6px 20px;
    margin-left: 2px;
    border: 0;
    background-color: #ddd;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: #000;
    text-shadow: none;
    text-align: center
}

    .box.calendar .mobile .fc-button.fc-state-active, .box.calendar .mobile .fc-button.fc-state-hover {
        background-color: #eee
    }

    .box.calendar .mobile .fc-button.fc-state-disabled {
        color: #bbb
    }

.box.calendar .mobile .fc-button-prev {
    margin-right: 5px;
    margin-top: -2px
}

.box.calendar .mobile .fc-button-next {
    margin-right: 0;
    margin-top: -2px
}

.box.calendar .mobile .fc-header-space {
    margin: 0;
    padding: 0;
    width: 0
}

.box.calendar .mobile .fc-header-left {
    position: absolute;
    z-index: 10
}

    .box.calendar .mobile .fc-header-left .fc-button {
        top: -2px
    }

.box.calendar .mobile .fc-header-right {
    position: relative;
    right: 0
}

    .box.calendar .mobile .fc-header-right .fc-button {
        top: 35px
    }

.box.calendar .mobile .fc-content {
    margin-top: 53px
}

/*
 * MODAL HEADER COLORED
 * ----------------------
 */
.modal-header.modal-header-colored {
    background: #f5a52f;
    padding: 10px;
}

    .modal-header.modal-header-colored .modal-title {
        color: white;
    }

    .modal-header.modal-header-colored .close {
        color: #fff;
        text-shadow: none;
        opacity: 1;
    }

/*
 * Component: report-list-filter
 * ----------------------
 */
.report-list-filter {
    padding: 10px;
    background: #fdf9f3;
    border: 1px solid #f1e8da;
    border-radius: 3px;
}

/*
 * Header Title
 * ----------------------
 */
.h-title-wrapper {
    text-align: center;
}

    .h-title-wrapper > .h-title {
        position: relative;
        padding: 0px;
        margin-bottom: 20px;
    }

        .h-title-wrapper > .h-title:before {
            content: "";
            background: url(../../images/pattern-black.png) repeat top left;
            width: 100%;
            height: 20px;
            display: block;
            position: absolute;
            top: 12px;
            opacity: .5;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .h-title-wrapper > .h-title > h1 {
            display: inline-block;
            background: #fff;
            margin: 0;
            padding: 0 16px;
            position: relative;
            top: 6px;
            font-size: 28px;
        }
/*
 * filter-serach
 * ----------------------
 */
.filter-search {
    display: table;
    position: relative;
    margin: 0 auto;
    border-radius: 3px;
    margin-bottom: 25px;
}

    .filter-search > ul > li {
        display: table-cell;
        width: 1%;
        padding: 0 2px;
    }

        .filter-search > ul > li:first-child {
            padding-left: 0;
        }

    .filter-search > ul {
        display: inline-block;
        margin: 0;
        vertical-align: top;
    }

    .filter-search .filter-search-btn {
        display: inline-block;
        vertical-align: top;
    }

        .filter-search .filter-search-btn input[type=button] {
            min-width: 80px;
            font-size: 18px;
            padding: 3px;
        }

    .filter-search .form-control {
        font-size: 18px;
        padding: 0px 2px;
    }
/*
 * Component: FLIP
 * ----------------------
 */
/******************************/
/******************************/
.box-panel {
    width: 100%;
    min-height: 130px;
    position: relative;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
}
    /* -- make sure to declare a default for every property that you want animated -- */
    /* -- general styles, including Y axis rotation -- */
    .box-panel .front {
        position: absolute;
        top: 0;
        z-index: 900;
        width: inherit;
        height: inherit;
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        /* -- transition is the magic sauce for animation -- */
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .box-panel.flip .front {
        z-index: 900;
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
    }

    .box-panel .back {
        position: absolute;
        top: 0;
        z-index: 800;
        width: inherit;
        height: inherit;
        -webkit-transform: rotateY(-180deg);
        -webkit-transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        -moz-transform: rotateY(-180deg);
        -moz-transform-style: preserve-3d;
        -moz-backface-visibility: hidden;
        /* -- transition is the magic sauce for animation -- */
        -o-transition: all .4s ease-in-out;
        -ms-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .box-panel.flip .back {
        z-index: 1000;
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg);
    }

.ppp {
    width: 100%;
    border-bottom: 1px solid #f8f8f8;
    box-shadow: 0px 2px 3px -3px rgb(52, 52, 52);
    margin-bottom: 15px;
}

.control-sidebar-heading {
    margin: 0px;
}

    .control-sidebar-heading input {
        width: 75px;
        margin-left: 10px;
    }

.treeview-menu > li > a {
    padding: 5px 5px 5px 35px;
}
/*.col-lg-3.gutter6{margin-bottom:15px;   margin-top: 25px;} 
.col-lg-2.gutter6{margin-bottom:15px;   margin-top: 25px;} */
.medrpad {
    padding-right: 100px
}

.control-sidebar-menu {
    display: none
}

.showlist .control-sidebar-menu {
    display: block !important
}

.m-l-5 {
    margin-left: 5px;
}



.whitebg {
    background: #f8f8f8;
    padding: 15px;
    padding-top: 10px;
    padding-bottom: 1px;
}

.filterscat {
    padding: 0px;
    display: table;
    width: 100%;
}

.listmain {
    float: left;
    list-style: none;
    position: relative;
    cursor: pointer;
}

    .listmain p {
        margin-bottom: 0;
        background: #fff;
        padding: 6px;
        /*border: 1px solid #d2d6de;*/
        padding-left: 10px;
        padding-right: 20px;
        font-weight: normal;
    }

        .listmain p i {
            float: right;
            font-size: 12px;
            padding-right: 5px;
            top: 4px;
            position: relative;
        }

.subfilters {
    padding-left: 0px;
    position: absolute;
    top: 100%;
    left: 6px;
    border: 1px solid #f8f8f8;
    border-top: 0;
    padding: 15px;
    background: #ffffff;
    width: calc(100% - 12px);
    display: none;
    z-index: 1000;
    box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.4);
}

.newip {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 5px;
}

span.clearall {
    position: absolute;
    top: 0;
    right: 19px;
    font-size: 12px;
    color: #596296
}

    span.clearall:hover {
        text-decoration: underline
    }

.black {
    color: #000;
}

.listmain:hover .subfilters {
    display: block;
}

.subfilters:hover {
    display: block
}

.maxheight {
    max-height: 112px;
    overflow-y: auto;
}

.qwert {
    position: absolute !important;
    top: -22px;
    color: #000 !important;
}
/*
.blockUI.report-success.blockElement{    border: 3px solid rgb(89, 98, 150)!important;
    background-color: rgb(89, 98, 150)!important; color: #fff!important;
    border-radius: 5px!important;
}
.blockUI.report-success.blockElement{top:160px!important}
.blockUI.blockOverlay{background: rgba(0,0,0,0)!important; }
*/

/*LOADER*/
/*.blockUI.blockMsg.blockPage{
		border: none !important;
		width:45px !important;
		height:45px !important;
		line-height:45px !important;
		left: 50% !important;
		padding:0 10px !important;
		
	}
	.blockUI.blockMsg.blockPage.log-error-msg {
            width: auto !important;
            height: auto !important;
            left: 50%;
            transform: translateX(-50%);
        }
	.blockUI.blockOverlay{width: 100% !important;height: 100% !important;background-color: rgb(255, 255, 255) !important;}
	.blockUI{
		width:45px !important;
		height:45px !important;
		border: none !important;
		border-radius:3px;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.23);
		}
	.blockUI h1,.blockUI h4{
		font-size:0px;
		width:0;
		height:0;
		font-weight:normal;
		margin:0;
		border: none !important;
		width:auto !important;
	}
	.blockUI h1:before,.blockUI h4:before{
		content:url(../../images/loader.gif);
		top: 0px;
		left: 0px;
		position: relative;		
	}
	div.dataTables_processing{height:0;width:0;
	font-size:0;
	margin-left: inherit;
    margin-top: inherit;
	}
	div.dataTables_processing:before{
		content:url(../../images/loader.gif);
		top: 0px;
		left: 0px;
		position: relative;
		}*/








/*-----------------------------------------------------------------------------------*/
/*	PRELOADER
/*-----------------------------------------------------------------------------------*/

.reset {
    color: #0c26bd;
    font-size: 12px;
    cursor: pointer;
}

    .reset:hover {
        text-decoration: underline
    }

/*other styles effected check out once
    .overallsp 
{    min-width: 50%;
    text-align: right;
    display: inline-block;
    color: #fff;    font-size: 13px;}
.m-b-none a{width:100%;display:table;} */
.span50 {
    min-width: 50%;
    display: inline-block;
}

span.overall {
    font-size: 13px;
}

.labelSpan-clr {
    position: absolute;
    bottom: 30px;
    left: 0px;
    font-size: 15px;
    font-weight: 600;
    color: #a5362a;
}

.main-header .title-text {
    font-size: 18px;
    line-height: 50px;
    /*font-weight: 100;*/
    color: #fff;
    /* position: relative; */
    /* text-align: center; */
    /* display: inline-block; */
    /* left: 43%; */
    /* -webkit-transform: translateX(-85%); 
    -moz-transform: translateX(-85%);
		transform: translateX(-85%); */
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}
/*-----------------------------------------------------------------------------------*/
/*	MULTISELECT DROPDOWN
/*-----------------------------------------------------------------------------------*/
.dropdown.msel {
    margin-bottom: 0;
}

    .dropdown.msel dd, .dropdown.msel dt {
        margin: 0px;
        padding: 0px;
    }

    .dropdown.msel ul {
        margin: -1px 0 0 0;
    }

    .dropdown.msel dd {
        position: relative;
        z-index: 999;
    }

    .dropdown.msel a,
    .dropdown.msel a:visited {
        color: #2c2c2c;
        text-decoration: none;
        outline: none;
        font-size: 14px;
    }

    .dropdown.msel dt a {
        background-color: #fff;
        display: block;
        border: 1px solid #d2d6de;
        /*padding: 8px 20px 5px 10px;
    min-height: 25px;
    line-height: 24px;
    overflow: hidden;
    border:0;
    width:272px;*/
    }

        .dropdown.msel dt a:hover {
            border: 1px solid #3c8dbc;
            -webkit-transition: border 0.2s;
            -moz-transition: border 0.2s;
            transition: border 0.2s;
        }

        .dropdown.msel dt a span, .multiSel span {
            cursor: pointer;
            display: inline;
            padding: 0 3px 2px 0;
        }

    .dropdown.msel dd ul {
        background-color: #ffffff;
        border: 1px solid #eee;
        color: #fff;
        display: none;
        left: 0px;
        padding: 2px 15px 2px 5px;
        position: absolute;
        top: 2px;
        width: 100%;
        list-style: none;
        /*height: 160px;*/
        overflow: auto;
    }

    .dropdown.msel span.value {
        display: none;
    }

    .dropdown.msel dd ul li a {
        padding: 1px 5px;
        display: block;
    }

        .dropdown.msel dd ul li a:hover {
            background-color: #fff;
        }

    .dropdown.msel .multiSel {
        height: 32px;
        padding: 6px 0 0 14px;
        font-size: 14px;
        font-weight: 600;
        color: #555;
    }

/***************CHECKBOX DROPDOWN*******************/
.msel-dropdown dd, .msel-dropdown dt {
    margin: 0px;
    padding: 0px;
}

.msel-dropdown ul {
    margin: -1px 0 0 0;
}

.msel-dropdown dd {
    position: relative;
}

.msel-dropdown a,
.msel-dropdown a:visited {
    color: #2c2c2c;
    text-decoration: none;
    outline: none;
    /* font-size: 12px; */
}

.msel-dropdown dt a {
    background-color: #ffffff;
    display: block;
    padding: 0px 20px 0 10px;
    height: 34px;
    min-height: 34px;
    line-height: 34px;
    overflow: hidden;
    border: 1px solid #d2d6de;
    border-bottom: 0;
}

    .msel-dropdown dt a i {
        position: absolute;
        top: 13px;
        right: 10px;
    }

    .msel-dropdown dt a span, .multiSel span {
        cursor: pointer;
        /*display: inline-block;
     padding: 0 3px 2px 0; */
    }

.msel-dropdown dd ul {
    background-color: #ffffff;
    border: 1px solid #d2d6de;
    color: #2c2c2c;
    display: none;
    left: 0px;
    padding: 4px 15px 4px 15px;
    position: absolute;
    top: 1px;
    width: 100%;
    list-style: none;
    overflow: auto;
    z-index: 99;
}

.msel-dropdown span.value {
    display: none;
}

.msel-dropdown dd ul li a {
    padding: 5px;
    display: block;
}

    .msel-dropdown dd ul li a:hover {
        background-color: #fff;
    }

#popup_container {
    border: 2px solid rgba(153, 153, 153, 0.37) !important;
    min-width: 335px;
}

    #popup_container #popup_message {
        text-align: center;
        padding: 0;
    }

        #popup_container #popup_message h1 {
            font-size: 22px;
            margin: 10px 10px;
        }

.video-dialog { /**/
    min-width: inherit;
}

    .video-dialog .ui-dialog-content {
        padding: 0;
    }

    .video-dialog .video-js {
        width: 100%;
        height: auto;
    }

.video-playb-btn {
    color: #fff;
    padding: 2px;
    margin-left: 10px;
    font-size: 22px;
}


/****************************************************/
/********************C3 Chart*********************/
/****************************************************/

.c3-chart-arc text {
    fill: #000 !important;
    font-size: 14px;
    font-weight: 600;
}

.c3-texts .c3-text { /*fill: #000 !important;*/
    font-size: 16px;
    font-weight: 600;
}

.c3-axis.c3-axis-x text, .c3-axis.c3-axis-y text {
    font-size: 14px;
    font-weight: 600;
}

.c3-legend-item text {
    font-size: 14px !important;
}

.HighRiskChart .c3-chart-texts .c3-texts .c3-text {
    /*-webkit-transform: translate(0,0) rotate(-10deg) !important;
-moz-transform: translate(0,0) rotate(-10deg) !important;
transform: translate(0,0) rotate(-10deg) !important;*/
}

#BMIPie_chart .c3-texts .c3-text { /*fill: inherit !important;*/
}

.donut-legend {
    min-height: 40px;
}

    .donut-legend .legend-items {
        display: inline-block;
        margin: 0px 3px;
        position: relative;
        padding: 0 4px;
    }

.table-legend td {
    padding: 4px 5px;
    vertical-align: bottom;
}

.table-legend tr {
    border-bottom: 1px solid grey;
}

    .table-legend tr:first-child {
        /*border-top: 1px solid grey;*/
    }

.table-legend .table-legend-items {
    /*border-bottom: 1px solid grey;*/
    padding: 4px 5px;
    vertical-align: bottom;
    font-size: 16px;
}

    .table-legend .table-legend-items:first-child {
        /*border-top: 1px solid grey;*/
    }

    .table-legend .table-legend-items i.fa {
        font-size: 19px;
    }

.btn-select .active > i {
    color: #ffffff !important;
}

.btn-select .active > input {
    color: #ffffff;
    background-color: #e7505a !important;
    border-color: #e7505a !important;
    cursor: default;
}

.btn-select .active:before {
    position: absolute;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #e7505a;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translate3d(-50%,0,0);
    -moz-transform: translate3d(-50%,0,0);
    transform: translate3d(-50%,0,0);
}

/********PROFILE DETAILS***********/
.user-details {
    display: table;
    width: 100%;
}

    .user-details > .user-img {
        display: table-cell;
        vertical-align: top;
        width: 230px;
        padding-right: 20px;
    }

        .user-details > .user-img > img {
            width: 100%;
        }

    .user-details > .user-data {
        display: table-cell;
        vertical-align: top;
        width: auto;
    }

@media(max-width:768px) {
    .m-pull-right {
        float: right !important;
    }

    .m-pull-left {
        float: left !important;
    }

    .m-fullwidth {
        width: 100%;
        max-width: 100%;
    }
}

/********PRINT USER DATA***********/
.user-img {
    width: 180px;
    height: 200px;
    overflow: hidden;
}

    .user-img img {
        width: 100%;
    }

.user-details .main-detail .table tr > td,
.user-details .main-detail .table tr > th,
.user-details .main-detail .table tr > td,
.user-details .main-detail .table tr > th,
.user-details .main-detail .table tr > td,
.user-details .main-detail .table tr > th {
    padding: 2px 8px !important;
}

.user-details .table.table-condensed tr td,
.user-details .table.table-condensed tr th,
.user-details .table.table-condensed tr td,
.user-details .table.table-condensed tr th,
.user-details .table.table-condensed tr td,
.user-details .table.table-condensed tr th {
    padding: 4px 5px !important;
}

.main-detail .table.font-lg {
    font-size: 16px !important;
}

@media print {
    .bg-dark {
        color: white !important;
    }
}

@media print {
    .table-striped tr {
        background-color: #fbfcfe !important;
        -webkit-print-color-adjust: exact;
    }
}

@media print {
    .table-striped th {
        color: 000 !important;
    }
}

.d3chart-section {
    display: table;
}

    .d3chart-section div {
        text-align: center;
        position: relative;
        min-height: 1px;
    }

    .d3chart-section > div {
        width: 43.333333%;
        vertical-align: middle;
        display: table-cell;
    }

        .d3chart-section > div + div {
            width: 23.333333%;
            vertical-align: middle;
            display: table-cell;
        }

            .d3chart-section > div + div + div {
                width: 33.333333%;
                vertical-align: middle;
                display: table-cell;
            }

.bar-w-ratio {
    width: 100% !important;
}

@media (max-width: 768px) {
    .d3chart-section div {
        width: 100%;
    }
}

/*.imagebox{width:100%;text-align: center;}
.imagebox img{max-width:225px;width:100%;border-radius: 5px;}

.limiter{ padding-top: 30px;
    font-size: 18px;}
.limiter b{width:120px;display:inline-table}
th.three{width:27%}
th.two{width:33%}
td.sharp{color:#F41519;font-weight:700;}
#QueryPreview th:last-child{width:60%}
img.repcicon{    width: 20px;
    cursor: pointer;
    margin-right: 10px;}
.maxscoll{    width: 100%;
    max-height: 430px;
    overflow-x: hidden;
    overflow-y: auto;}*/

.col-md-4.gutter6:nth-child(3n+1) {
    clear: both
}

.btn-halfcirc {
    background: #d3d4d9;
    border-radius: 20px;
    min-width: 80px;
    /*height: 33px;*/
    padding: 5px;
    color: #000;
    font-weight: 600;
    min-width: 128px;
    margin-right: 5px;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

    .btn-halfcirc.active, .btn-halfcirc:focus, .btn-halfcirc:hover {
        background: #e64b4b;
        color: #fff;
    }

.header-btns {
    position: relative;
    display: block;
    text-align: center;
    padding: 10px;
}

.header-btn {
    position: relative;
    padding: 5px 10px;
    min-width: 140px;
    color: #000;
    font-weight: 600;
    margin: 0 5px;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    background: #ccc;
}

    .header-btn.active {
        background: #e64b4b !important;
        color: #fff;
    }

        .header-btn.active:after {
            position: absolute;
            content: "";
            border-right: 10px solid transparent;
            border-left: 10px solid transparent;
            border-top: 8px solid #e64b4b;
            bottom: -9px;
            display: block;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            transform: translateX(-50%);
        }

.maxscoll ul {
    margin-bottom: 0px;
}
/*.btnr{margin-right: 15px;background: #0a770a;color:#fff;min-width: 70px;}
.btnr:hover, .btnr:focus{background: #0a770a;color:#fff}
.btnb{background: #a1660f;color:#fff;min-width: 70px;}
.btnb:hover, .btnb:focus{background: #a1660f;color:#fff}
.btng{background:#0999b8;color:#fff;margin-right: 15px;
    min-width: 70px;}
.btng:hover, .btng:focus{margin-right: 15px;background: #0999b8;color:#fff}
.noborder{border:0px solid #fff;}*/
.tab_scroll.main-table {
    overflow-y: auto;
    overflow-x: hidden;
}

.box-body h3 {
    margin-top: 0px;
}



#NormalTestUsers .tab_scroll.main-table {
    max-height: 500px;
}

.c3-legend-item {
    visibility: hidden !important;
}

/*#BMIPie_chart .c3-legend-item {visibility: visible!important;}*/
.c3-legend-item {
    visibility: visible !important;
}

/*************DESIGNATION TABS*******************/
.desig-btn > .btn {
    box-shadow: none;
    font-weight: 600;
}

    .desig-btn > .btn:after {
        content: "";
        border-right: 1px solid #c0cdd6;
        position: relative;
        left: 13px;
    }

    .desig-btn > .btn.selected:after {
        border-right: none;
    }

    .desig-btn > .btn:last-child:after {
        border-right: none;
    }

    .desig-btn > .btn.selected {
        color: #e7505a !important;
        background: #f0f4f7;
        border-radius: 0;
    }
/*
.countview{padding:5px;}
.inputbtn:focus{color:white;background-color:gray;border:1px solid gray;}
.small-box1{border-radius: 2px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}*/

.box-count {
    cursor: pointer;
    color: #ffffff !important;
}

    .box-count > .small-box h3 input.btn {
        color: #fff;
        background: transparent;
        font-size: 34px;
        font-weight: 600;
        line-height: inherit;
        box-shadow: none;
    }

    .box-count > .small-box p {
        font-size: 24px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-weight: bold;
    }

    .box-count.selected > .small-box:after {
        position: absolute;
        content: "";
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
        bottom: -12px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .box-count.selected:nth-child(4n+1) > .small-box:after {
        border-top: 12px solid #172fcf !important;
    }

    .box-count.selected:nth-child(4n+2) > .small-box:after {
        border-top: 12px solid #5dcec1 !important;
    }

    .box-count.selected:nth-child(4n+3) > .small-box:after {
        border-top: 12px solid #13d556 !important;
    }

    .box-count.selected:nth-child(4n+4) > .small-box:after {
        border-top: 12px solid #f7ab61 !important;
    }

    .box-count:nth-child(4n+1) > .small-box {
        background: #172fcf !important;
    }

    .box-count:nth-child(4n+2) > .small-box {
        background: #5dcec1 !important;
    }

    .box-count:nth-child(4n+3) > .small-box {
        background: #13d556 !important;
    }

    .box-count:nth-child(4n+4) > .small-box {
        background: #f7ab61 !important;
    }

.form-group.m-r-20.m-b-10 {
    display: flex;
}

.MedicationClass {
    padding-left: 29px;
}

label {
    padding-right: 8px;
}

.forgrtpassword {
    padding: 15px;
    position: absolute;
    top: 20%;
    left: 35%;
    /* z-index: 2000; */
    margin: auto;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.14);
    background: #fff;
    border-top: 5px solid #63e261;
    border-radius: 5px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.007);
}

.forget-title {
    font-size: 15px;
    text-align: center;
    margin-top: -1px;
    margin-bottom: 27px;
    text-transform: uppercase;
    font-weight: 600;
}

.ribbon {
    margin: 0 0 0 -20px;
    padding: 5px 0;
    width: calc(100% + 20px);
    background-color: #e91e63;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    position: relative;
}

.headerr {
    margin: 0;
    padding: 0.3em 1em 0.3em;
    border-top: dashed 1px #fafafa;
    border-bottom: dashed 1px #fafafa;
    color: #fafafa;
    font-size: 1.6em;
    vertical-align: middle;
}

    .headerr::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        border-bottom: solid 15px transparent;
        border-right: solid 20px #c2185b;
    }

label.label-font {
    display: inline-block;
    margin-bottom: .5rem;
    font-size: 15px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}

.carousel-inner {
    border-radius: 0 10px 10px 0;
}

.carousel-caption {
    text-align: left;
    left: 5%;
}

.login-sec {
    /* padding: 50px 30px; */
    position: relative;
}

    .login-sec .copy-text {
        position: absolute;
        width: 80%;
        bottom: 20px;
        font-size: 13px;
        text-align: center;
    }

        .login-sec .copy-text i {
            color: #FEB58A;
        }

        .login-sec .copy-text a {
            color: #E36262;
        }

    .login-sec h2 {
        margin-bottom: 30px;
        font-weight: 800;
        font-size: 30px;
        color: #DE6262;
    }

        .login-sec h2:after {
            /* content: " ";
	width: 100px;
	height: 5px;
	background: #FEB58A;
	display: block;
	margin-top: 20px;
	border-radius: 3px;
	margin-left: auto;
	margin-right: auto */
        }



.banner-text {
    /* width: 70%; */
    position: absolute;
    bottom: 40px;
    padding-left: 20px;
}

    .banner-text h2 {
        color: #222;
        font-weight: 600;
        font-size: 30px;
        text-align: left;
    }

        .banner-text h2:after {
            content: " ";
            width: 100px;
            height: 5px;
            background: #FFF;
            display: block;
            margin-top: 20px;
            border-radius: 3px;
        }

    .banner-text p {
        color: #fff;
    }

.login-block {
    background: linear-gradient(to bottom, #f7f7f7, #e2e2e2);
    float: left;
    width: 100%;
    padding: 66px 0;
    height: -webkit-fill-available;
}

.banner-sec {
    background-size: cover;
    min-height: 500px;
    border-radius: 0 10px 10px 0;
    padding: 0;
}


/*****************************/
.ui-jqdialog,
.ui-dialog {
    font-size: 15px;
    font-family: 'OpenSans', Arial, sans-serif;
}

.ui-widget-content {
    color: #000;
}

.img-container {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 100%;
}

    .img-container > img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        min-width: 100%;
        max-width: 100%;
        min-height: 100%;
        border-radius: 6px;
    }

.HealthProfileBox {
    position: relative;
    font-size: 18px;
}

    .HealthProfileBox .colored-box {
        background: #fff;
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
    }

.HealthCount {
    position: relative;
    min-width: 140px;
    vertical-align: middle;
    text-align: center;
    background: #fff;
    height: 148px;
    padding: 5px;
    border-radius: 5px 0 0 5px;
}

    .HealthCount .CountBox {
        color: #fff;
    }

        .HealthCount .CountBox > .img-container {
            /*width: 70%;
    margin: 0 auto;
    padding-top: 70%;
    background: #fff;
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.10);*/
            /*width: 70%;
    margin: 0 auto 4px;
    padding-top: calc(70% - 8px);
    border-radius: 50%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.10);
    border: 4px solid #fff;
    outline: none;*/
            width: 64%;
            margin: 0 auto 4px;
            padding-top: calc(64% - 8px);
            border-radius: 10%;
            box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.10);
            outline: none;
            background: #fff;
            border: 4px solid #fff;
        }

        .HealthCount .CountBox .totalcount {
            font-size: 22px;
            line-height: 1;
        }

        .HealthCount .CountBox .group {
            line-height: 1;
            font-weight: 600;
            font-size: 18px;
        }

    .HealthCount .HealthList {
    }

.HealthList > .table {
    color: #000;
    margin: 0;
    table-layout: fixed;
    margin-top: 32px;
}

.HealthList .table > tbody > tr > td,
.HealthList .table > tbody > tr > th,
.HealthList .table > tfoot > tr > td,
.HealthList .table > tfoot > tr > th,
.HealthList .table > thead > tr > td,
.HealthList .table > thead > tr > th {
    line-height: 1;
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
}

.HealthList > .table .RiskName {
    padding-left: 2px;
    text-align: center;
}

    .HealthList > .table .RiskName .Normal,
    .HealthList > .table .RiskName .Low,
    .HealthList > .table .RiskName .Moderate,
    .HealthList > .table .RiskName .High,
    .HealthList > .table .RiskName .Abnormal {
        /*position: relative;
    display: block;
    color: #ffffff;
    line-height: 1;
    padding: 4px 10px;
    border-radius: 12px;
    font-size: 16px;
    text-align:center;*/
        position: relative;
        display: inline-block;
        color: #ffffff;
        line-height: 1;
        padding: 4px 5px;
        border-radius: 12px;
        font-size: 16px;
        text-align: center;
        min-width: 84px;
        max-width: 84px;
    }

    .HealthList > .table .RiskName .Normal {
        background: #02b700;
    }

    .HealthList > .table .RiskName .Low {
        background: #3992d4;
    }

    .HealthList > .table .RiskName .Moderate {
        background: #dc9a00;
    }

    .HealthList > .table .RiskName .High, .HealthList > .table .RiskName .Abnormal {
        background: #c7463f;
    }

#TestGroupSnippet .HealthProfileBox:nth-child(odd) .colored-box .HealthCount {
    /*background: #ffdfb6;
    background: -moz-linear-gradient(top, #ffdfb6 0%, #ffce90 100%);
    background: -webkit-linear-gradient(top, #ffdfb6 0%,#ffce90 100%);
    background: linear-gradient(to bottom, #ffdfb6 0%,#ffce90 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#ffce90',GradientType=0 );*/
    background: #cc8a33;
}

#TestGroupSnippet .HealthProfileBox:nth-child(even) .colored-box .HealthCount {
    /*background: #e4efc0;
    background: -moz-linear-gradient(top, #e4efc0 0%, #ddeaa4 100%);
    background: -webkit-linear-gradient(top, #e4efc0 0%,#ddeaa4 100%);
    background: linear-gradient(to bottom, #e4efc0 0%,#ddeaa4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4efc0', endColorstr='#ddeaa4',GradientType=0 );*/
    background: #a8cc33;
}

#TestGroupSnippet .HealthProfileBox:nth-child(3n) .colored-box .HealthCount {
    /*background: #dbf0ff;
    background: -moz-linear-gradient(top, #dbf0ff 0%, #bee9ff 100%);
    background: -webkit-linear-gradient(top, #dbf0ff 0%,#bee9ff 100%);
    background: linear-gradient(to bottom, #dbf0ff 0%,#bee9ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbf0ff', endColorstr='#bee9ff',GradientType=0 );*/
    background: #338ccc;
}

#TestGroupSnippet .HealthProfileBox:nth-child(4n) .colored-box .HealthCount {
    /*background: #fcf6c4;
    background: -moz-linear-gradient(top, #fcf6c4 0%, #efe28b 100%);
    background: -webkit-linear-gradient(top, #fcf6c4 0%,#efe28b 100%);
    background: linear-gradient(to bottom, #fcf6c4 0%,#efe28b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcf6c4', endColorstr='#efe28b',GradientType=0 );*/
    background: #ccbd33;
}

#TestGroupSnippet .HealthProfileBox:nth-child(5n) .colored-box .HealthCount {
    /*background: #f3f3f3;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #dedede 100%);
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#dedede 100%);
    background: linear-gradient(to bottom, #f3f3f3 0%,#dedede 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#dedede',GradientType=0 );*/
    background: #cc3333;
}

#TestGroupSnippet .HealthProfileBox:nth-child(6n) .colored-box .HealthCount {
    /*background: #ffd3d3;
    background: -moz-linear-gradient(top, #ffd3d3 0%, #ffb9b9 100%);
    background: -webkit-linear-gradient(top, #ffd3d3 0%,#ffb9b9 100%);
    background: linear-gradient(to bottom, #ffd3d3 0%,#ffb9b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd3d3', endColorstr='#ffb9b9',GradientType=0 );*/
    background: #9933cc;
}

#TestGroupSnippet .HealthProfileBox:nth-child(7n) .colored-box .HealthCount {
    /*background: #fbeaff;
    background: -moz-linear-gradient(top, #fbeaff 0%, #e7d3ff 100%);
    background: -webkit-linear-gradient(top, #fbeaff 0%,#e7d3ff 100%);
    background: linear-gradient(to bottom, #fbeaff 0%,#e7d3ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbeaff', endColorstr='#e7d3ff',GradientType=0 );*/
    background: #3633cc;
}

#TestGroupSnippet .HealthProfileBox:nth-child(8n) .colored-box .HealthCount {
    /*background: #effcff;
    background: -moz-linear-gradient(top, #effcff 0%, #bcf5ff 100%);
    background: -webkit-linear-gradient(top, #effcff 0%,#bcf5ff 100%);
    background: linear-gradient(to bottom, #effcff 0%,#bcf5ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#effcff', endColorstr='#bcf5ff',GradientType=0 );*/
    background: #33b0cc;
}
/***********************************************/
/*************TEST REPORT DIALOG****************/
/***********************************************/
.TestReportTitlebar {
    z-index: 1;
    background: #26a69a;
    box-shadow: 0px 0px 3px rgba(4, 4, 4, 0.12156862745098039);
    position: fixed;
    width: 100%;
    padding: 15px 0px 1px;
}
.back-btn {
    color: #fff !important;
    font-size: 18px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding-top: 12px;
}
.TestReport {
    /*background: #02b70021 !important;
    border: 0px solid #37434f;
    background-image: url() !important;
    background-repeat: repeat !important;*/
}

.TestReportHead {
    position: relative;
    display: block;
    background: #fff;
    padding: 10px 15px;
    margin-top: 50px;
}

    .TestReportHead .media-left {
        min-width: 180px;
    }

    .TestReportHead .media-body {
        width: 70%;
    }

    .TestReportHead .user-detail .table {
        margin: 0;
    }

        .TestReportHead .user-detail .table th, .TestReportHead .user-detail .table td {
            border: none;
        }

        .TestReportHead .user-detail .table th {
            font-weight: 600;
        }

.TestReportBody {
    position: relative;
    display: block;
    background: #fff;
    padding: 10px 0px;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10); */
}

    .TestReportBody .ReportTile > h3 {
        margin: 0;
        padding: 6px 10px;
        text-align: center;
        /* background: red; */
        font-size: 24px;
        line-height: 1;
        color: #000;
        font-weight: 600;
        font-family: 'Poppins', sans-serif !important;
        border-bottom: 4px dotted #000000;
    }

    .TestReportBody .ReportContent {
    }

        .TestReportBody .ReportContent .table {
            font-size: 18px;
        }

            .TestReportBody .ReportContent .table th, .TestReportBody .ReportContent .table td {
                border: none;
                line-height: 1.2;
            }

            .TestReportBody .ReportContent .table th {
                font-size: 18px;
                font-weight: 600;
                color: #fff;
                text-transform: capitalize;
                font-family: 'Poppins', sans-serif !important;
                background: #00887b;
                padding: 12px 10px 9px;
            }

    .TestReportBody .GroupName {
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        margin-top: 20px;
        padding: 8px 8px;
        /*background: #f2f4f7;*/
        /* border-bottom: 1px solid #eee; */
    }

h2.GroupName {
    margin-bottom: 0px !important;
}
/**************************/
.TableColoredStrip {
}

    .TableColoredStrip thead > tr > th,
    .TableColoredStrip tbody > tr > td {
        border: none;
    }

    .TableColoredStrip thead > tr > th {
        background-color: #565858;
        color: #fff;
        font-size: 18px;
        font-family: 'Open Sans', sans-serif;
    }

        .TableColoredStrip thead > tr > th:nth-child(odd) {
            background-color: #424a4c;
            color: #fff;
            font-size: 18px;
            font-family: 'Open Sans', sans-serif;
        }

    .TableColoredStrip tbody > tr > td:first-child {
        background-color: rgba(231, 238, 240, 0.5);
        width: 1%;
    }

    .TableColoredStrip tbody > tr:nth-child(odd) {
        background-color: rgba(205, 219, 228, 0.26);
    }
/************************/
.riskColors .riskColorsBox {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: 15px;
    border-radius: 4px;
    box-shadow: -5px 2px 5px #ccc;
}

    .riskColors .riskColorsBox > h3 {
        margin: 0;
        font-size: 32px;
        margin-bottom: 10px;
        font-weight: 600;
        text-align: right;
        line-height: 1;
    }

    .riskColors .riskColorsBox > p {
        font-size: 20px;
        margin: 0;
        text-align: right;
    }

.riskColors .High, .riskColors .Abnormal {
    background-color: #c7463f;
}

.riskColors .Moderate {
    background-color: #dc9a00;
}

.riskColors .Normal {
    background-color: #02b700;
}

.riskColors .Low {
    background-color: #3992d4;
}

ol.riskColors.Normal {
    Color: #02b700;
}

ol.riskColors.Abnormal {
    color: red;
}

ol.riskColors.High {
    Color: red;
}

ol.riskColors.Moderate {
    Color: #dc9a00;
}

ol.riskColors.Low {
    Color: #3992d4;
}

div.name:hover .tooltips {
    display: block !important;
}

.tooltips {
    z-index: 2000;
    position: absolute;
    background: #043a55;
    color: #fff;
    padding: 12px;
    border-radius: 3px;
    box-shadow: 0px 3px 7px #a1a1a1;
    left: 0;
    right: 0px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    top: 179px;
}

    .tooltips:before {
        position: absolute;
        z-index: -1;
        content: "";
        right: calc(50% - 10px);
        top: -8px;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #043a55 transparent;
        transition-duration: 0.3s;
        transition-property: transform;
    }


.dash-box {
    position: relative;
    border-radius: 4px;
    text-align: center;
    margin: 60px 0 26px;
}

.dash-box-icon {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
}

.dash-box-action {
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    left: 50%;
}

.dash-box-body {
    padding: 72px 0px;
    height: 341px;
}

.dash-box-icon:after {
    /* width: 60px;
    height: 60px;
    position: absolute;
    background: rgba(247, 148, 137, 0.91);
    content: '';
    border-radius: 50%;
    left: -10px;
    top: -10px;
    z-index: -1; */
}

.dash-box-icon > i {
    background: #ff5444;
    border-radius: 50%;
    line-height: 40px;
    color: #FFF;
    width: 40px;
    height: 40px;
    font-size: 22px;
}

.dash-box-icon:before {
    /* width: 75px;
    height: 75px;
    position: absolute;
    background: rgba(253, 162, 153, 0.34);
    content: '';
    border-radius: 50%;
    left: -17px;
    top: -17px;
    z-index: -2; */
}

.dash-box-icon.HealthCount {
    border-radius: 50%;
    height: 136px;
    width: 131px;
    border: 5px solid #eeeef554;
    overflow: hidden;
    padding: 21px;
    box-shadow: 0px 6px 15px #ccc;
}

.dash-box-action > button {
    border: none;
    /* background: #FFF; */
    border-radius: 19px;
    padding: 7px 16px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: .5px;
    color: #003e85;
    box-shadow: 0 3px 5px #d4d4d4;
    font-weight: 600;
}

.dash-box-body > .dash-box-count {
    display: block;
    font-size: 30px;
    color: #FFF;
    font-weight: 300;
}

.dash-box-body > .dash-box-title {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.81);
}

.dash-box.dash-box-color-2 {
    background: rgb(252, 190, 27);
    background: -moz-linear-gradient(top, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);
    background: -webkit-linear-gradient(top, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);
    background: linear-gradient(to bottom, rgba(252, 190, 27, 1) 1%, rgba(248, 86, 72, 1) 99%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fcbe1b', endColorstr='#f85648', GradientType=0);
}

.dash-box-color-2 .dash-box-icon:after {
    background: rgba(254, 224, 54, 0.81);
}

.dash-box-color-2 .dash-box-icon:before {
    background: rgba(254, 224, 54, 0.64);
}

.dash-box-color-2 .dash-box-icon > i {
    background: #fb9f28;
}

.dash-box.dash-box-color-3 {
    background: rgb(183,71,247);
    background: -moz-linear-gradient(top, rgba(183,71,247,1) 0%, rgba(108,83,220,1) 100%);
    background: -webkit-linear-gradient(top, rgba(183,71,247,1) 0%,rgba(108,83,220,1) 100%);
    background: linear-gradient(to bottom, rgba(183,71,247,1) 0%,rgba(108,83,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b747f7', endColorstr='#6c53dc',GradientType=0 );
}

.dash-box-color-3 .dash-box-icon:after {
    background: rgba(180, 70, 245, 0.76);
}

.dash-box-color-3 .dash-box-icon:before {
    background: rgba(226, 132, 255, 0.66);
}

.dash-box-color-3 .dash-box-icon > i {
    background: #8150e4;
}

ol.riskColors.Normal:hover {
    background: #fff;
    border-radius: 5px;
}

ol.riskColors.Abnormal:hover {
    background: #fff;
    border-radius: 5px;
}

h5#DeptGroupListHeading {
    text-align: center;
    font-size: 15px;
    color: #827e7e;
    padding-bottom: 10px;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px !important;
    margin-bottom: 15px !important;
}

@media (min-width: 768px) {
    img.logo {
        /* width: 36%; */
        padding-top: 10px;
    }

    .banner-text h2 {
        color: #222;
        font-weight: 600;
        font-size: 25px;
        text-align: left;
        margin-left: -61px;
    }
}

ol.riskColors.Low:hover {
    background: #fff;
    border-radius: 5px;
}

ol.riskColors.High:hover {
    background: transparent;
}

ol.riskColors.Moderate:hover {
    background: #fff;
    border-radius: 5px;
}

.header-bg {
    background: #dadada;
}

img.RLImage {
    width: 35px;
    background: #fff;
    border-radius: 50%;
    padding: 8px;
    /* box-shadow: 6px 5px 6px #ccc; */
    margin-left: 10px;
    float: right;
}


/*****************Circle ***********************/



.menuopt {
    display: none;
}

.circle, .circle:before, .circle:after {
    border-radius: 50%;
}

.main {
    margin: 5em auto;
    min-width: 16em;
    width: 72%;
    max-width: 40em;
    transform: skew(0deg) rotate(-8deg);
}

    .main ul {
        position: relative;
        padding: 50%;
        max-width: 0;
        max-height: 0;
        /* box-shadow: 0 0 .5em rgba(0,0,0,.5); */
        list-style: none;
        background: white;
    }

    .main li {
        position: absolute;
        transition: 1s;
    }

.slice {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 50%;
    transform-origin: 102% 102%;
}

.unsel {
    top: 34%;
    left: 34%;
    width: 32%;
    height: 32%;
    box-shadow: 0 0 .75em;
    background: #fff;
}

.coconut {
    transform: skewX(50deg);
}

.vanilla {
    transform: rotate(40deg) skewX(50deg);
}

.orange {
    transform: rotate(80deg) skewX(50deg);
}

.almond {
    transform: rotate(120deg) skewX(50deg);
}

.grape {
    transform: rotate(160deg) skewX(50deg);
}

.blackberry {
    transform: rotate(-160deg) skewX(50deg);
}

.cherry {
    transform: rotate(-120deg) skewX(50deg);
}

.strawberry {
    transform: rotate(-80deg) skewX(50deg);
}

.raspberry {
    transform: rotate(-40deg) skewX(50deg);
}

.magnifiable {
    height: 100%;
}

.main span {
    cursor: pointer;
}

.slice span {
    display: block;
    width: 200%;
    height: 200%;
    transform: skew(-50deg) rotate(16deg);
    box-shadow: 0 0 1em rgba(0,0,0,.5);
    opacity: 7.5;
    color: #000;
    font-size: .8em;
    line-height: 1.9;
    text-align: center;
    text-decoration: none;
    transition: 1s;
}

    .slice span:before {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 80%;
        border-radius: 50%;
        box-shadow: 0 0 1em rgba(0,0,0,.5);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: 35% 35%;
        content: '';
    }

    .slice span:hover {
        opacity: 1;
    }

.dark span:hover {
    color: white;
}

.light span:hover {
    color: black;
}

.unsel span {
    display: block;
    transform: skew(0deg) rotate(8deg);
    height: 100%;
    text-align: center;
    /* background: radial-gradient(rgba(0,0,0,.5), transparent 50%); */
}

.coconut span, .ococonut:checked ~ .main .unsel {
    background: #ce7171;
}

.vanilla span, .ovanilla:checked ~ .main .unsel {
    background: rgba(255, 185, 93, 0.7803921568627451);
}

.orange span, .oorange:checked ~ .main .unsel {
    background: #ada8a8;
}

.almond span, .oalmond:checked ~ .main .unsel {
    background: #507588;
}

.grape span, .ogrape:checked ~ .main .unsel {
    background: #62a3b9;
}

.blackberry span, .oblackberry:checked ~ .main .unsel {
    background: #7eb1b5;
}

.cherry span, .ocherry:checked ~ .main .unsel {
    background: #c39a62;
}

.strawberry span, .ostrawberry:checked ~ .main .unsel {
    background: #bb7077;
}

.raspberry span, .oraspberry:checked ~ .main .unsel {
    background: #8d586a;
}

.coconut span:before {
    background: #fb5050;
}

.vanilla span:before {
    background: #ffb95d;
}

.orange span:before {
    background: #8c8888;
}

.almond span:before {
    background: #0c537d;
}

.grape span:before {
    background: #2fa8ff;
}

.blackberry span:before {
    background: #6acbd2;
}

.cherry span:before {
    background: #f89b33;
}

.strawberry span:before {
    background: #e24a56;
}

.raspberry span:before {
    background: #90163f;
}

.slice span:hover:after {
    opacity: 0;
}

.ococonut:checked ~ .main .coconut {
    transform: skewX(50deg) scale(1.05);
}

.ovanilla:checked ~ .main .vanilla {
    transform: rotate(40deg) skewX(50deg) scale(1.05);
}

.oorange:checked ~ .main .orange {
    transform: rotate(80deg) skewX(50deg) scale(1.05);
}

.oalmond:checked ~ .main .almond {
    transform: rotate(120deg) skewX(50deg) scale(1.05);
}

.ogrape:checked ~ .main .grape {
    transform: rotate(160deg) skewX(50deg) scale(1.05);
}

.oblackberry:checked ~ .main .blackberry {
    transform: rotate(-160deg) skewX(50deg) scale(1.05);
}

.ocherry:checked ~ .main .cherry {
    transform: rotate(-120deg) skewX(50deg) scale(1.05);
}

.ostrawberry:checked ~ .main .strawberry {
    transform: rotate(-80deg) skewX(50deg) scale(1.05);
}

.oraspberry:checked ~ .main .raspberry {
    transform: rotate(-40deg) skewX(50deg) scale(1.05);
}


.sub-headings {
    line-height: 14px;
    padding-top: 16px;
    transform: skew(0deg) rotate(-86deg);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: -18px;
    margin-top: 288px;
    position: absolute;
    color: #fff;
}




.name {
    font-family: 'Poppins', sans-serif;
    cursor: pointer;
}




.btn.focus, .btn:focus, .btn:hover {
    color: #000;
    text-decoration: none;
}

img.img1 {
    z-index: 2000;
    position: relative;
    width: 9%;
    margin-top: 276px;
    transform: skew(0deg) rotate(-173deg);
    margin-left: -421px;
}

.heading1 {
    z-index: 2000;
    position: relative;
    margin-top: -35px !important;
    transform: skew(0deg) rotate(-128deg);
    margin-left: -300px;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

.heading2 {
    z-index: 2000;
    position: relative;
    margin-top: -35px !important;
    transform: skew(0deg) rotate(-168deg);
    margin-left: -300px;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

.img2 {
    z-index: 2000;
    position: relative;
    width: 9%;
    margin-top: 276px;
    transform: skew(0deg) rotate(-130deg);
    margin-left: -421px;
}

.sub-headings {
    line-height: 14px;
    padding-top: 16px;
    transform: skew(0deg) rotate(-86deg);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: -18px;
    margin-top: 288px;
    position: absolute;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 11%;
}

.sub-headings2 {
    line-height: 14px;
    padding-top: 21px;
    transform: skew(0deg) rotate(-168deg);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: -4px;
    margin-top: 288px;
    position: absolute;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 10%;
}

.sub-headings1 {
    line-height: 14px;
    padding-top: 16px;
    transform: skew(0deg) rotate(-124deg);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: 1px;
    margin-top: 288px;
    position: absolute;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 11%;
}

.heading3 {
    z-index: 2000;
    position: relative;
    margin-top: -35px !important;
    transform: skew(0deg) rotate(-205deg);
    margin-left: -282px;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    /*width: 11%;*/
}

img.img3 {
    z-index: 2000;
    position: relative;
    width: 9%;
    margin-top: 276px;
    transform: skew(0deg) rotate(-170deg);
    margin-left: -421px;
}

.sub-headings3 {
    line-height: 14px;
    padding-top: 28px;
    transform: skew(0deg) rotate(-207deg);
    font-size: 14px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: -1px;
    margin-top: 274px;
    position: absolute;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 12%;
}

.btn-success4 {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    z-index: 2000;
    position: absolute;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    margin-left: -370px;
    margin-top: 293px;
    transform: skew(0deg) rotate(-170deg);
}


.heading4 {
    z-index: 2000;
    position: relative;
    margin-top: -43px !important;
    transform: skew(0deg) rotate(-248deg);
    margin-left: -287px;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

img.img4 {
    z-index: 2000;
    position: relative;
    width: 9%;
    margin-top: 276px;
    transform: skew(0deg) rotate(-206deg);
    margin-left: -421px;
}

.sub-headings4 {
    line-height: 14px;
    padding-top: 16px;
    transform: skew(0deg) rotate(-251deg);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: -1px;
    margin-top: 288px;
    position: absolute;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 11%;
}

.btn-success5 {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    z-index: 2000;
    position: absolute;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    margin-left: -370px;
    margin-top: 308px;
    transform: skew(0deg) rotate(-209deg);
}


.heading5 {
    z-index: 2000;
    position: relative;
    margin-top: -35px !important;
    transform: skew(0deg) rotate(-285deg);
    margin-left: -282px;
    /* font-family: 'Roboto', sans-serif; */
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}

.img5 {
    z-index: 2000;
    position: relative;
    width: 9%;
    margin-top: 276px;
    transform: skew(0deg) rotate(-250deg);
    margin-left: -421px;
}

.sub-headings5 {
    line-height: 14px;
    padding-top: 16px;
    transform: skew(0deg) rotate(-284deg);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: -1px;
    margin-top: 288px;
    position: absolute;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 11%;
}

.btn-success6 {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    z-index: 2000;
    position: absolute;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    margin-left: -368px;
    margin-top: 308px;
    transform: skew(0deg) rotate(-248deg);
}

.heading6 {
    z-index: 2000;
    position: relative;
    margin-top: -35px !important;
    transform: skew(0deg) rotate(-327deg);
    margin-left: -282px;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

img.img6 {
    z-index: 2000;
    position: relative;
    width: 9%;
    margin-top: 276px;
    transform: skew(0deg) rotate(-283deg);
    margin-left: -421px;
}

.sub-headings6 {
    line-height: 14px;
    padding-top: 1px;
    transform: skew(0deg) rotate(-330deg);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: 10px;
    margin-top: 288px;
    position: absolute;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 11%;
}

.btn-success7 {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    z-index: 2000;
    position: absolute;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    margin-left: -365px;
    margin-top: 308px;
    transform: skew(0deg) rotate(-285deg);
}

.heading7 {
    z-index: 2000;
    position: relative;
    margin-top: -35px !important;
    transform: skew(0deg) rotate(-368deg);
    margin-left: -282px;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

img.img7 {
    z-index: 2000;
    position: relative;
    width: 9%;
    margin-top: 276px;
    transform: skew(0deg) rotate(-329deg);
    margin-left: -421px;
}

.sub-headings7 {
    line-height: 14px;
    padding-top: 16px;
    transform: skew(0deg) rotate(-330deg);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: 10px;
    margin-top: 288px;
    position: absolute;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 11%;
}

.HealthList .table > tbody > tr > td, .HealthList .table > tbody > tr > th, .HealthList .table > tfoot > tr > td, .HealthList .table > tfoot > tr > th, .HealthList .table > thead > tr > td, .HealthList .table > thead > tr > th {
    line-height: 2;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    vertical-align: middle;
    font-weight: 600;
}

.group {
    font-size: 25px;
    font-weight: bold;
    background: #429fa5;
    padding: 5px;
    text-align: left;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#UsersCountDiv {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
    border-radius: 6px;
}
#GroupDetails {
    background: #fff;
    text-align: center;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
    margin: 100px auto;
    border-radius: 5px;
    /* border-top: 7px solid #0c7c10; */

}

.content {
    /*min-height: 250px;*/
    padding: 0px !important;
    margin-right: auto;
    margin-left: auto;
}

.HealthList > .table {
    margin-top: 0px !important;
}

section.content {
    background: #fff !important;
    border: 0px solid #37434f;
    padding: 13px !important;
}

.btn-success8 {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    z-index: 2000;
    position: absolute;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    margin-left: -371px;
    margin-top: 308px;
    transform: skew(0deg) rotate(-327deg);
}


.heading8 {
    z-index: 2000;
    position: relative;
    margin-top: -35px !important;
    transform: skew(0deg) rotate(-407deg);
    margin-left: -282px;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

img.img8 {
    z-index: 2000;
    position: relative;
    width: 9%;
    margin-top: 276px;
    transform: skew(0deg) rotate(-50deg);
    margin-left: -421px;
}

.sub-headings8 {
    line-height: 14px;
    padding-top: 0px;
    transform: skew(0deg) rotate(-48deg);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: -9px;
    margin-top: 288px;
    position: absolute;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 14%;
}

.btn-success9 {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    z-index: 2000;
    position: absolute;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    margin-left: -372px;
    margin-top: 284px;
    transform: skew(0deg) rotate(-409deg);
}

.heading9 {
    z-index: 2000;
    position: relative;
    margin-top: -35px !important;
    transform: skew(0deg) rotate(-368deg);
    margin-left: -282px;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
}

img.img9 {
    z-index: 2000;
    position: relative;
    width: 9%;
    margin-top: 276px;
    transform: skew(0deg) rotate(-6deg);
    margin-left: -421px;
}

.sub-headings9 {
    line-height: 14px;
    padding-top: 16px;
    transform: skew(0deg) rotate(-5deg);
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-left: 5px;
    margin-top: 309px;
    position: absolute;
    color: #fff;
}

.btn-success10 {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
    z-index: 2000;
    position: absolute;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 4px;
    margin-left: -369px;
    margin-top: 282px;
    transform: skew(0deg) rotate(-366deg);
}

img.logo-middel {
    width: 80%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(11%);
}

li.orange.light.slice.active:hover {
    transform-origin: 113% 92%;
}

li.almond.light.slice:hover {
    transform-origin: 107% 101%;
    transform: rotate(120deg) skewX(50deg);
}

li.grape.light.slice:hover {
    transform-origin: 105% 103%;
}

li.blackberry.dark.slice:hover {
    transform-origin: 105% 104%;
}

li.cherry.dark.slice:hover {
    transform-origin: 104% 106%;
}

li.strawberry.dark.slice:hover {
    transform-origin: 102% 107%;
}

li.raspberry.light.slice:hover {
    transform-origin: 98% 109%;
}

li.coconut.light.slice:hover {
    transform-origin: 26% 112%;
    margin-top: -11px;
}

li.vanilla.light.slice:hover {
    transform-origin: 102% 114%;
}

h3 {
    margin-bottom: 0px !important;
}

.total-h {
    font-size: 20px;
    font-weight: 600;
    color: #519a93;
    margin-bottom: 25px;
}

#UnitsCount {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: cadetblue;
    padding: 0px 4px;
    border-radius: 4px;
}

.userr {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    background: cadetblue;
    padding: 0px 4px;
    border-radius: 4px;
}

.heading0 {
    z-index: 2000;
    position: relative;
    margin-top: -35px !important;
    margin-left: -282px;
    font-family: 'Roboto', sans-serif;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    transform: skew(0deg) rotate(-86deg);
}

.Mask-box:before {
    background: #000;
    content: '';
}

.Mask-box {
    background: black;
}
.btn.Abnormal-btn {
    background: #ff5858;
    color: #fff;
    z-index: 100;
    position: relative;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #f3f3f3;
    opacity: 1;
}
.HighRiskUserCount {
    background: #fff;
    padding: 0px 11px;
    margin: -2px -10px;
    border-radius: 6px;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.15);
}
.total-head {
    background: #ff5858;
    margin: -11px -11px 0px;
    text-align: center;
    color: #fff;
    padding: 5px;
    font-size: 18px;
    font-weight: 600;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.test-names {
    font-size: 20px;
    font-family: 'OpenSans', Arial, sans-serif;
    font-weight: 600;
}
.btn {
    font-weight: 500 !important;
}
.text-heading {
    font-size: 18px;
    background: #4d85cc;
    text-align: left;
    padding: 0px 10px 0px 10px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
select {
    /*display: block;
    width: 100%;*/
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
input#AddMasters {
    float: right;
    margin-top: -72px;
}
input#AddTestRange {
    float: right;
}
td.feature-box.no-padding {
    width: 50%;
}
thead {
    background: #1830CF;
    color: #fff;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    font-weight: 600;
    font-size: 18px;
}
.table-toolbar {
    float: right;
    width: 65%;
    margin-top: -84px;
}
input#AddRiskType {
    float: right;
    margin-top: -65px;
}
input#AddMasterType {
    float: right;
    margin-top: -70px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
}
.boxs {
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15) !important;
    padding: 10px;
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px;
    line-height: 29px;
    font-weight: 500;
    color: #423535;
    border-radius: 6px;
}
.boxs-radius {
    height: 450px;
    border-radius: 6px;
    overflow-x: hidden;
}
.heading10 {
    font-size: 25px;
    font-family: 'Roboto', sans-serif !important;
    padding: 5px 0px 10px;
    font-weight: 600;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.date-box {
    background: #0371a7;
    text-align: center;
    color: #fff;
    border-radius: 40px;
    margin-bottom: 10px;
    /*font-weight: 600;*/
}
.SelectedDateSlots {
    margin: 15px;
    border-radius: 6px;
}
.slote-date {
    /*float: right;*/
    background: #ffaa52;
    /*width: 30%;*/
    text-align: center;
    border-radius: 40px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px
}


/* width */
::-webkit-scrollbar {
    width: 10px;
    border-radius: 6px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 6px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 6px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
        border-radius: 6px;
    }


.AddDoctorType {
    float: right;
    margin-top: -22px;
}
.Today.Appointments {
    margin-top: -22px;
    font-size: 20px;
    font-weight: 600;
}


@media (min-width:768px) and (max-width:1024px) {
    .img1, .img2, .img3, .img4, .img5, .img6, .img7, .img8, .img9 {
        margin-top: 230px !important;
        margin-left: -360px !important;
    }

    .sub-headings1, .sub-headings2, .sub-headings3, .sub-headings4, .sub-headings5, .sub-headings6, .sub-headings7, .sub-headings8, .sub-headings9 {
        margin-top: 230px !important;
    }

    .heading1, .heading2, .heading3, .heading4, .heading5, .heading6, .heading7, .heading8, .heading9 {
        margin-left: -230px !important;
    }

    .box-header > .box-tools {
        position: absolute;
        right: 10px;
        top: 50px !important;
    }
}


.bootstrap-select .dropdown-menu > li > a small.muted {
    display: none;
}

.bootstrap-select .dropdown-toggle .filter-option {
    position: relative;
    padding-left: 38px;
}

.bootstrap-select .dropdown-toggle .filter-option:before {
    font-size: 14px;
    font-weight: 300 !important;
    position: absolute;
    left: 0;
    top: 0;
}

.bootstrap-select .btn-default:hover {
    background: none !important;
    color: #000 !important;
}
#FoodItem label{
    font-weight: normal !important;
}
.pagination{
    margin: 0px !important;
}
.select .form-control {
    height: auto !important;
}
.height-auto {
    height: auto !important;
}
table td{
    font-size: 16px !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: none !important;
    border: 1px solid transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    padding: 0px !important;
    margin-left: 0px !important;
}
.text-color-blue {
    color: #1830CF !important;
}