@import url('https://fonts.googleapis.com/css?family=Lato:400,700');
    /*@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,600,700');*/
    
    @font-face {
        font-family: 'Roboto';
        src: url('../fonts/roboto.eot');
        /* IE9 Compat Modes */
        src: url('../fonts/roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/roboto.woff') format('woff'), /* Modern Browsers */
        url('../fonts/roboto.ttf') format('truetype'), /* Safari, Android, iOS */
        url('../fonts/roboto.svg#svgFontName') format('svg');
        /* Legacy iOS */
    }
    
    body {
        width: 100%;
        height: 100%;
        font-family: 'Lato', sans-serif;
        color: #333;
        background-color: #ebecf0;
        font-weight: normal;
    }

    /* Section for status  */
    @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

.status{
    align-items: center;
          font-family: "Open Sans", Arial, Verdana, sans-serif;
          font-weight: 600;
          /* font-size: 1rem !important; */
  }
  .status:before {
       content: ' ';
       display: inline-block;
       width: 7px;
       height: 7px;
       margin-right: 10px;
       /* border: 1px solid #000; */
       border-radius: 7px;
     font-size: 2rem;
  }
  .status.pending{
    color:#ffc400;
  }
       .status.pending:before {
       background-color: #ffc400;
       border-color: #ffc400;
       box-shadow: 0px 0px 4px 1px #ffc400;
  }
  
  
  .status.assigned {
      color: purple;
  }
  .status.assigned:before {
       background: purple;
       background-color: purple;
       border-color: purple;
       box-shadow: 0px 0px 4px 1px purple;
  }
  
  .status.closed {
      color: #08a500;
  }
  .status.closed:before {
       background: #08a500;
        background-color: #08a500;
        box-shadow:0px 0px 4px 1px #08a500;
       background-color: #08a500;
       box-shadow: 0px 0px 4px 1px #08a500;
  }
  
  .status.inprogress {
      color: #0000ff8f;
  }
  .status.inprogress:before {
       background: #0000ff8f;
       background-color: #0000ff8f;
       box-shadow: 0px 0px 4px 1px #0000ff8f;
  }
  .status.reassigned {
      color: #288ab8;
  }
  .status.reassigned:before {
       background: #288ab8;
       background-color: #288ab8;
       box-shadow: 0px 0px 4px 1px #288ab8;
  }
   .status.transfer {
      color: #b8860b;
  }
  .status.transfer:before {
       background: #b8860b;
       background-color: #b8860b;
       box-shadow: 0px 0px 4px 1px #b8860b;
  }
  
  .status.duplicate {
      color: #656565;
  }
  .status.duplicate:before {
       background: #656565;
        background-color: #656565;
       background-color: #656565;
       box-shadow: 0px 0px 4px 1px #656565;
  }
  
  .status.open {
      color: #FD4659;
  }
  .status.open:before {
       background: #FD4659;
       background-color: #FD4659;
       box-shadow: 0px 0px 4px 1px #FD4659;
  }
  
  .status.reopen {
      color: #ff7500;
  }
  .status.reopen:before {
       background: #e67061;
       background-color: #e67061;
       box-shadow: 0px 0px 4px 1px #e67061;
  }
  
  .status.resolved {
      color: #00aebf;
  }
  .status.resolved:before {
       background: #00aebf;
       background-color: #00aebf;
       box-shadow: 0px 0px 4px 1px #00aebf;
  }
  
  .status.new {
      color: #d90707;
  }
  .status.new:before {
       background: #d90707;
       background-color: #d90707;
       box-shadow: 0px 0px 4px 1px #d90707;
  }
  
  .status.scheduled {
      color: #00b69b;
  }
  .status.scheduled:before {
       background: #00b69b;
       background-color: #00b69b;
       box-shadow: 0px 0px 4px 1px #00b69b;
  }
  
  .status.nominated {
      color: #00b69b;
  }
  .status.nominated:before {
       background: #00b69b;
       background-color: #00b69b;
       box-shadow: 0px 0px 4px 1px #00b69b;
  }
  
  .status.not_attended {
      color: #00b69b;
  }
  .status.not_attended:before {
       background: #00b69b;
       background-color: #00b69b;
       box-shadow: 0px 0px 4px 1px #00b69b;
  }
  
  .status.unconfirmed {
      color: #00b69b;
  }
  .status.unconfirmed:before {
       background: #00b69b;
       background-color: #00b69b;
       box-shadow: 0px 0px 4px 1px #00b69b;
  }
  
  .status.completed {
      color: #08a500;
  }
  .status.completed:before {
       background: #08a500;
        background-color: #08a500;
        box-shadow:0px 0px 4px 1px #08a500;

  }
  
  .status.notcompleted {
      color: #ff7500;
  }
   .status.notcompleted:before {
       background: #ff7500;
       background-color: #ff7500;
       box-shadow: 0px 0px 4px 1px #ff7500;
  }
  
  .status.fail {
      color: red;
  }
   .status.fail:before {
       background: red;
       background-color: red;
       box-shadow: 0px 0px 4px 1px red;
  }
  
  .status.pass {
      color: #08a500;
  }
   .status.pass:before {
       background: #08a500;
        background-color: #08a500;
        box-shadow:0px 0px 4px 1px #08a500
  }
  
  .status.f_submitted {
      color: #08a500;
  }
   .status.f_submitted:before {
       background: #08a500;
        background-color: #08a500;
        box-shadow:0px 0px 4px 1px #08a500
  }
  
  .status.submitted {
      color: blue;
  }
   .status.submitted:before {
       background: blue;
       background-color: blue;
       box-shadow:0px 0px 4px 1px blue
  }
  
  .status.cancelled {
      color: #656565;
  }
   .status.cancelled:before {
       background: #656565;
        background-color: #656565;
        box-shadow:0px 0px 4px 1px #656565;
  }
  
  .status.f_submision_pending {
      color: red;
  }
   .status.f_submision_pending:before {
       background: red;
       background-color: red;
       box-shadow:0px 0px 4px 1px red;
  }
  
  .status.no_incident {
      color: #656565;
  }
   .status.no_incident:before {
       background: #656565;
        background-color: #656565;
        box-shadow:0px 0px 4px 1px #656565;
  }
  
  .status.complete {
      color: #17B169;
  }
   .status.complete:before {
       background: #17B169;
        background-color: #17B169;
        box-shadow:0px 0px 4px 1px #17B169
  }
  
  .status.in_complete {
      color: #f8be00;
  }
   .status.in_complete:before {
       background: #f8be00;
       background-color: #f8be00;
       box-shadow:0px 0px 4px 1px #f8be00
  }

  .status.upcoming {
    color: #FF9900;
}
 .status.upcoming:before {
     background: #FF9900;
     background-color: #FF9900;
     box-shadow:0px 0px 4px 1px #FF9900;
}

.status.draft {
    color: #FFBF00;
}
 .status.draft:before {
     background: #FFBF00;
     background-color: #FFBF00;
     box-shadow:0px 0px 4px 1px #FFBF00;
}


.status.review_approv {
    color: #D2DE32;
}
 .status.review_approv:before {
     background: #D2DE32;
     background-color: #D2DE32;
     box-shadow:0px 0px 4px 1px #D2DE32
}

 /* End Section status  */   

 /* Date filter input field */
 .bdr_blue{
    outline: 0;
    border: 3px solid #0099ff !important;
    border-radius: 4px !important;
    color: #0099ff;
    min-width: 100%;
    max-width: 100%;
}

.form-group input.bdr_blue[type=text]:hover {color: #050505;}
/* .form-group input.bdr_blue[type=text]:focus {border-color: #90ff82 !important;} */
.form-group input.bdr_blue[type=text]::placeholder { color: #0099ff;}
.form-group input.bdr_blue[type=text]{ color: #0099ff;transition: color .5s ease;font-weight: 700;min-width: 100%;max-width: 100%;}
@media screen and (min-width: 768px) {
    	.form-group .bdr_blue{outline: 0;border: 3px solid #4cacfe !important;border-radius: 8px !important;height: 35px;}
}
@media screen and (max-width: 767px) {
    .form-group .bdr_blue{outline: 0;border: 3px solid #4cacfe !important;border-radius: 4px !important;height: 32px;}
}


.bdr_blues{
    outline: 0;
    border: 2px solid #0099ff !important;
    border-radius: 4px !important;
    color: #0099ff;
}

.form-group input.bdr_blues[type=text]:hover {color: #050505;}
/* .form-group input.bdr_blues[type=text]:focus {border-color: #90ff82 !important;} */
.form-group input.bdr_blues[type=text]::placeholder { color: #0099ff !important; opacity:1 !important;}
.form-group input.bdr_blues[type=text] { color: #0099ff;transition: color .5s ease;min-width: 100%;max-width: 100%;}
@media screen and (min-width: 768px) {
    .form-group .bdr_blues{ outline: 0; border: 2px solid #0099ff !important; border-radius: 5px !important; }
}
@media screen and (max-width: 767px) {
    .form-group .bdr_blues{ outline: 0; border: 2px solid #0099ff !important; border-radius: 5px !important ;}
}

 /* End Date filter input field */

 /* Data Table view */
    .tab_position{
        white-space: pre-line !important;
    }
 /* End Data Table view */
 
    html {
        width: 100%;
        height: 100%;
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 35px;
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        font-weight: normal;
        letter-spacing: 1px;
    }
    
    p {
        margin: 0 0 25px;
        line-height: 1.5;
        color: #666;
        font-size: 13px;
    }
    
    a,
    btn {
        outline: none !important;
        text-decoration: none;
    }
    
    a:focus,
    button:focus,
    btn:focus {
        outline: none !important;
    }
    
    .clear {
        clear: both;
    }
    
     ::selection {
        background: #39627a;
        color: #fff;
        text-shadow: none;
    }
    
     ::-moz-selection {
        background: #39627a;
        color: #fff;
        text-shadow: none;
    }
    
     ::-webkit-selection {
        background: #39627a;
        color: #fff;
        text-shadow: none;
    }
    
    .structureplanbrd {
        border-right: 1px solid #337ab7;
        min-height: 740px;
    }
    /*-------------------------------- home page starts here ----------------------------*/
    /*--------------------------- user dropdown starts here ----------------------------------*/
    
    .content_section {
        margin-top: 140px;
    }
    
    .color-white {
        color: #fff;
    }
    
    .left_main_menu {
        position: fixed;
    }
    
    .margin-top-15 {
        margin-top: 15px;
    }
    
    .margin-right-15 {
        margin-right: 15px;
    }
    
    ul.nav-right li a {
        font-size: 16px;
        padding-top: 5px;
        margin-top: 3px;
    }
    
    .navbar-brand>img {
        height: 40px;
        margin-top: 0px;
    }
    
    .navbar-nav {
        margin-top: 23px;
    }
    
    .navbar-toggle {
        background: #fff;
        margin-top: 18px;
        margin-right: 15px;
        margin-bottom: 0px;
    }
    
    .navbar-toggle .icon-bar {
        background: #000;
    }
    
    .martop20 {
        margin-top: 20px;
    }
    
    .structre .list-group-item {
        font-size: 12px;
        padding: 7px 0px 7px 10px;
    }
    
    .structrescroll {
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: scroll;
        height: 400px;
    }
    
    .header_user_img img {
        width: 30px;
        height: 30px;
        border-radius: 55%;
        border: 1px solid #fff;
        padding: 1px;
    }
    
    #left_main_menu_mobile {
        display: none;
    }
    
    .headersearchli {
        width: 240px;
    }
    
    @media(max-width:767px) {
        .structureplanbrd {
            border-bottom: 1px solid #337ab7;
            min-height: auto;
            border-right: 0px;
        }
        .popupfull-width .scrollbar,
        .scrollbar,
        .popupfull-width .scrollbar.lessheight {
            height: 92vh !important;
        }
        .right_panel .page-title {
            display: block !important;
            font-size: 18px !important;
        }
        .headertitlediv {
            display: none;
        }
        .navbar-brand>img {
            margin-top: 5px;
        }
        .tabdiv3_link {
            margin-bottom: 5px;
        }
        #left_main_menu_desktop {
            display: none;
        }
        /*.navbar-fixed-top .navbar-collapse {
	max-height: 200px;
}*/
        .notificationli .dropdown-menu.notify-drop .dropdownbox_arrow {
            top: 34px !important;
        }
        .headersearchdiv {
            float: none;
            display: none;
        }
        .top-nav {
            display: none;
        }
        .navbar-custom {
            background: #354656;
            padding-bottom: 20px;
            z-index: 9991 !important;
        }
        .navbar-nav {
            margin: 7.5px 0px;
        }
        .navbar-custom .nav li a {
            border-bottom: 1px solid #353535;
        }
        .nav .open>a,
        .nav .open>a:focus,
        .nav .open>a:hover {
            border-color: #353535;
        }
        .navbar-collapse {
            box-shadow: none;
        }
        ul.navbar-nav .dropdown.open ul.dropdown-menu li a {
            color: #fff;
        }
        .headersearchdiv {
            margin-top: 3px !important;
        }
        .tabdiv {
            padding-left: 0px;
        }
        .tabdiv {
            padding-left: 0px;
        }
        .left_main_menu {
            position: relative;
        }
        .left_main_menu .navbar-collapse {
            border-top: none;
        }
        .right_panel {
            float: none;
            margin-top: 20px;
        }
        .usermobile {
            padding: 0px;
        }
        .usermobile .navbar-collapse {
            padding: 0px;
        }
        .notificationdiv {
            right: 2px !important;
        }
        .navbar-brand>img {
            height: 40px;
        }
        .col-xs-menumob {
            margin-left: -15px;
            margin-right: -15px;
        }
        .right_panel_margin_top {
            margin-top: 0px !important;
        }
        .headersearchdiv input {
            width: 100% !important;
        }
    }
    
    .p-6 {
        padding: 6px;
    }
    /*---------------------------------------------header end here --------------------------------------*/
    
    .right_panel_margin_top {
        margin-top: -37px;
    }
    
    .page_title {
        padding: 1px 10px 0px 0px;
        font-size: 20px;
        color: #333333;
        line-height: 24px;
        text-transform: inherit;
        font-weight: normal;
    }
    /*.mobile3{ float:none !important;}
.mobile3 .iconimg{ margin-left:20px !important;}
.mobile3i{position: absolute;top: -20px;left: 20px; text-align:left;}*/
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {}
    
    .navbar-custom {
        margin-bottom: 0;
        /*border-bottom: 1px solid rgba(255,255,255,.3);*/
        text-transform: uppercase;
        font-family: 'Roboto', sans-serif;
        /* background-color: #000;*/
    }
    
    .navbar-custom .navbar-brand {
        font-weight: 700;
        padding: 10px 0px;
    }
    
    .navbar-custom .navbar-brand:focus {
        outline: 0;
    }
    
    .navbar-custom .navbar-brand .navbar-toggle {
        padding: 4px 6px;
        font-size: 16px;
        color: #fff;
    }
    
    .navbar-custom .navbar-brand .navbar-toggle:focus,
    .navbar-custom .navbar-brand .navbar-toggle:active {
        outline: 0;
    }
    
    .navbar-custom a {
        color: #fff;
    }
    
    .navbar-custom .nav li a {
        -webkit-transition: background .3s ease-in-out;
        -moz-transition: background .3s ease-in-out;
        transition: background .3s ease-in-out;
    }
    
    .navbar-custom .nav li a:hover {
        outline: 0;
        color: rgba(255, 255, 255, .8);
        background-color: transparent;
    }
    
    .navbar-custom .nav li a:focus,
    .navbar-custom .nav li a:active {
        outline: 0;
        background-color: transparent;
    }
    
    .navbar-custom .nav li.active {
        outline: 0;
    }
    
    .navbar-custom .nav li.active a:hover {
        color: #fff;
    }
    
    .notificationli ul.dropdown-menu {
        /*	right:0 !important;
	left:auto;*/
    }
    
    .notificationdiv {
        position: absolute;
        background: #0095C8;
        color: #fff;
        border-radius: 50%;
        text-align: center;
        font-weight: normal;
        display: block;
        font-size: 12px;
        border: 1px solid #ffffff;
        right: 5px;
        min-width: 20px;
        max-width: 60px;
        padding: 0px;
        top: -3px;
        height: 20px;
        line-height: 17px;
    }
    
    @media(max-width:600px) {
        .table_tdlist_info,
        .table_tdlist_length {
            padding-right: 5px !important;
        }
        .table_tdlist_length {
            padding-left: 5px !important;
        }
        .table_tdlist_length select {
            width: 40px !important;
            padding: 0px 0px !important;
            margin-left: 5px !important;
            margin-right: 5px !important;
        }
        .table_tdlist_info,
        .table_tdlist_length,
        .table_tdlist_paginate {
            margin-bottom: 5px;
        }
        .table_tdlist_paginate {
            margin-left: 5px !important;
        }
        .mobilmargin {
            margin-top: 40px;
        }
    }
    
    @media(min-width:768px) {
        .navbar-custom {
            padding: 5px 0;
            border-bottom: 0;
            letter-spacing: 1px;
            background: /*rgba(255,255,255,.2)*/
            #354656;
            -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
            -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
            transition: background .5s ease-in-out, padding .5s ease-in-out;
            z-index: 5001;
            border-radius: 0px;
        }
        .navbar-custom.top-nav-collapse {
            padding: 0;
            /*border-bottom: 1px solid rgba(255,255,255,.3);*/
            background: #222222;
        }
    }
    
    @media(min-width:768px) and (max-width:1024px) {
        .popupfull-width .scrollbar,
        .scrollbar,
        .popupfull-width .scrollbar.lessheight {
            height: 92vh !important;
        }
        .right_panel .page-title {
            display: block !important;
        }
        .headertitlediv {
            display: none;
        }
        .headersearchli {
            width: 100%;
            max-width: 110px;
        }
        .tabcontentdiv_btn_div {
            margin-top: -46px;
        }
        .main_tab_nav.nav>li>a {
            padding: 6px 12px !important;
            margin-bottom: 2px;
            margin-right: 5px !important;
        }
        .tabdiv2 .nav-tabs>li>a {
            margin-right: 5px !important;
        }
        .tabbtn_margin {
            margin-top: 5px !important;
        }
        .headersearchdiv {
            margin-left: 0px !important;
        }
        .tabcontentdiv_btn_div {
            margin-top: 0px !important;
        }
        .navbar-brand>img {
            height: 30px;
        }
    }
    
    @media(min-width:768px) and (max-width:933px) {
        .notification-row {
            margin-left: 0px !important;
        }
        .top-nav ul.top-menu>li>a {
            padding: 8px 0px 8px 0px !important;
        }
        .notification-row .badge {
            right: -5px !important;
        }
    }
    
    @media(min-width:768px) and (max-width:1024px) and (orientation:portrait) {
        .headersearchdiv input {
            width: 120px !important;
            text-indent: 0px !important;
        }
    }
    
    @media(min-width:768px) and (max-width:1024px) and (orientation:landscape) {
        .headersearchdiv input {
            width: 140px !important;
            text-indent: 0px !important;
        }
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        @media(min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}
        @media(min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {}
    }
    
    @media(min-width:768px) {
        .headercpart {
            padding: 0;
        }
        .headercpart .headercpart-body .brand-heading {
            font-size: 40px;
            text-transform: inherit !important;
            font-weight: normal !important;
            color: #fff;
        }
        .headercpart .headercpart-body .headercpart-text {
            font-size: 26px;
        }
    }
    
    .headertitlediv {
        margin-left: 20px;
    }
    
    .headersearchdiv {
        padding: 0px;
        margin-top: 12px;
        margin-left: 10px;
        float: left;
    }
    
    .headersearchdiv input {
        background: url(../images/search_icon.png) 10px 4px no-repeat transparent;
        border: 1px solid #fff;
        height: 26px;
        border-radius: 14px !important;
        text-indent: 0px;
        color: #333333 !important;
        padding: 4px 12px !important;
    }
    
    .headersearchdiv input.searchinput::before {
        font-family: 'FontAwesome';
        content: "\f002";
        position: absolute;
        right: 10px;
        top: 0px;
        color: #979797;
        font-size: 16px;
    }
    
    .headersearchdiv input::-webkit-input-placeholder {
        color: #333;
    }
    
    .headersearchdiv input:-moz-placeholder {
        color: #333;
    }
    
    .headersearchdiv input::-moz-placeholder {
        color: #333;
    }
    
    .headersearchdiv input:-ms-input-placeholder {
        color: #333;
    }
    
    .profile {
        color: #000;
        background: #DCE4EF;
        text-align: left;
        padding: 15px;
    }
    
    .profile h3 {
        font-size: 16px;
        margin-bottom: 0px;
    }
    
    .profile p {
        font-size: 14px;
        margin-bottom: 0px;
    }
    /* --------------------- tab section starts here ---------------------------*/
    
    .tabdiv .nav-tabs {
        border-bottom: none;
    }
    
    @media (min-width: 1024px) {
        .tabdiv .nav-tabs>li>a {
            width: auto;
        }
    }
    
    .main_tab_nav.nav>li>a {
        padding: 10px 30px;
    }
    
    .tabdiv .nav-tabs>li>a {
        background: #F8F9FD;
        margin-right: 10px;
        color: #000;
        text-align: center;
        border: none;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        border-radius: 35px 4px 0px 0px;
    }
    
    .tabdiv .nav-tabs>li.active>a,
    .tabdiv .nav-tabs>li:hover>a,
    .tabdiv .nav-tabs>li.active>a:focus,
    .tabdiv .nav-tabs>li.active>a:hover {
        color: #fff;
        background-color: #0095C8;
        border: none;
    }
    
    .nav-tabs.nav-tab-wrap1>li:hover>a,
    .nav-tabs.nav-tab-wrap1>li:hover>a {
        background: #F8F9FD;
        color: #000;
    }
    
    .tabdiv .tab-content .tabcontent {
        margin-top: 15px;
        background: #fff;
        -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%);
        -moz-box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%);
        box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%);
        -ms-box-shadow: 0 0.15rem 1.75rem 0 rgb(58 59 69 / 15%);
        padding: 15px;
        border-radius: 0px;
    }
    
    .tabcontentdiv_btn_div {
        float: right;
        margin-top: -32px;
    }
    
    .calender_tabbtn_margin {
        float: right;
        margin-top: -45px;
    }
    
    .tabcontentdiv_btn_div a {
        color: #000;
        font-size: 12px;
    }
    
    .tabcontentdiv_btn_div a i {
        padding-right: 10px;
        color: #0095C8;
        padding-right: 10px;
        font-size: 16px;
    }
    
    .tabdiv2 {
        margin-top: 15px;
    }
    
    .tabdiv2 .nav-tabs {
        border-bottom: none;
    }
    
    .tabdiv2 .nav-tabs>li>a {
        width: auto !important;
        padding: 6px 15px;
    }
    
    .tabdiv2 .tab-content {
        margin-top: 1px;
        background: #fff;
        padding: 15px;
    }
    
    .tabdiv2tabcontent {
        padding: 0 !important;
        background: #ffffff !important;
        box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, .15);
        -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, .15);
        -moz-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
        -ms-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
    }
    
    .tabdiv3 {
        margin-top: 0px;
    }
    
    .tabdiv3 .nav-tabs {
        border-bottom: none;
        background: #FCFDFF;
        padding: 15px;
    }
    
    .tabdiv3 .nav-tabs>li>a {
        width: auto !important;
        padding: 6px 15px;
        background: #FCFDFF;
        border: 1px solid #B0DEEE;
        border-radius: 3px;
    }
    
    .tabdiv3 .nav-tabs>li.active>a,
    .tabdiv3 .nav-tabs>li:hover>a,
    .tabdiv3 .nav-tabs>li.active>a:focus,
    .tabdiv3 .nav-tabs>li.active>a:hover {
        border: 1px solid #0095C8;
    }
    
    .tabdiv3 .tab-content {
        margin-top: 0px;
        background: #F8F9FD;
        border: none;
        padding: 15px;
    }
    
    .tab3_tablist_title {
        margin-bottom: 10px;
        height: 34px;
        width: 100%;
        float: left;
        background: #EAEFF5;
    }
    
    .tab3_tablist_title span {
        display: table-cell;
        vertical-align: middle;
        padding: 0 15px;
        height: 34px;
        width: 100%;
    }
    
    .tab3formsinputs {
        border: 1px solid #DADDE2;
        background: #F8F9FD;
        border-radius: 0px;
        height: 34px;
        box-shadow: none;
    }
    
    .tab3formsselects {
        border: 1px solid #DADDE2;
        background: #F8F9FD url(../images/table_select_down_arrow.png) no-repeat 97% 12px;
        border-radius: 0px;
        height: 34px;
        box-shadow: none;
        appearance: none;
        -moz-appearance: none;
        text-indent: 0.01px;
        text-overflow: "";
        -webkit-appearance: none;
    }
    
    .tab3button {
        border: 0px solid #DADDE2;
        background: #7CC8E2;
        border-radius: 0px;
        height: 43px;
        box-shadow: none;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        color: #fff;
        width: 100%;
        text-align: center;
    }
    
    .tab3formsection .form-group {
        margin-bottom: 10px;
    }
    
    .tabdiv3_link {
        background: #e6e7e7;
        color: #082f63;
        border-radius: 3px;
        padding: 6px 12px;
        text-decoration: none;
        font-size: 13px;
        margin-right: 4px;
        float: left;
    }
    
    .tabdiv3_link .iconimg {
        width: 16px;
        height: 15px;
        margin-top: -3px;
    }
    
    .flag_notification_link {
        background: #fff;
        color: #fff;
        border-radius: 3px;
        padding: 5px 10px 5px 10px;
        text-decoration: none;
        margin-right: 4px;
        float: left;
        position: relative;
    }
    
    .flag_notification_link.red-border {
        border: 1px solid #fe3232;
    }
    
    .flag_notification_link.amber-border {
        border: 1px solid #FF9833;
    }
    
    .flag_notification_link .badge {
        position: absolute;
        right: -2px;
        top: -10px;
    }
    
    .flag_notification_link:hover {
        border: 1px solid #0088B6;
    }
    
    .bg-amber {
        background: #FF9833 !important;
    }
    
    .flag_notification_link .iconimg {
        width: 16px;
        margin-top: -3px;
    }
    
    .tabdiv3_link:hover {
        color: #fff;
        background: #0088B6;
    }
    
    .btn-primary,
    .tabdiv3_link {
        background: #e6e7e7;
        border-color: #2c95c8;
        color: #082f63;
    }
    
    .dwnnewbtn {
        border-color: #2c95c8;
        background: #2c95c8;
    }
    
    .templateul ul {
        width: 100%;
        margin: 20px 0 0 0;
        padding: 0px;
    }
    
    .templateul ul li {
        width: 48%;
        padding: 15px;
        float: left;
        list-style-type: none;
        text-align: center;
    }
    
    .templateul ul li img {
        margin-bottom: 15px;
    }
    
    .templateul ul li a {
        background: #fff;
        border: 1px solid #DADDE2;
        padding: 6px 12px;
        color: #000;
        margin-top: 15px;
        text-decoration: none;
    }
    
    .templateul ul li a:hover {
        background: #0095C8;
        color: #fff;
    }
    
    .calender_title {
        font-size: 14px;
        color: #000;
        padding-bottom: 10px;
    }
    
    .calender_title img {
        padding-right: 5px;
    }
    
    .padding15 {
        padding: 15px !important;
    }
    
    .pb-15 {
        padding-bottom: 15px;
    }
    
    .pagingtablediv {
        position: relative;
    }
    
    .pagingtablediv table th i {
        float: right;
        text-align: right;
        padding-top: 4px;
    }
    
    .padding0 {
        padding: 0px !important;
    }
    /**/
    
    .pagingtableissuebtn {
        background: #E6E6E6;
        color: #000;
        border-radius: 3px;
        font-size: 13px;
        float: right;
        margin-bottom: 15px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        margin-left: 2px;
    }
    
    .pagingtableissuebtn:hover {
        background-color: #5f61e6;
        border-color: #5f61e6;
    
        color: #fff;
    }
    
    .pagingtable_icons {
        background-color: #0095C8;
        border-color: #0095C8;     
        border-radius: 3px;
        width: 20px;
        height: 20px;
        color: #fff;
        text-align: center;
        font-size: 12px;
        padding: 0;
        /*line-height: 16px;*/
        margin-bottom: 2px;
        margin-left: 2px;
    }
    
    .paginate_btn_xs {
        border-radius: 3px;
        width: 20px;
        height: 20px;
        color: #fff;
        text-align: center;
        font-size: 12px;
        padding: 0;
        /*line-height: 16px;*/
        margin-bottom: 2px;
        margin-left: 2px;
    }
    
    .pagingtable_icons:hover {
        background: #31d2f2;
        color: #fff;
    }
    
    .user_success_box {
        margin-top: 20px;
        background: #fff;
    }
    
    .tableheader_button_section {
        position: relative;
    }
    
    .success_box p {
        height: 60px;
        display: table-cell;
        vertical-align: middle;
        padding-left: 90px;
        font-size: 16px;
    }
    
    .log-arrow-up .dropdownbox_arrow {
        color: #fff;
    }
    
    .pagingtablediv table td {
        font-size: 12px;
    }
    
    .btn.focus,
    .btn:focus,
    .btn:active {
        box-shadow: none;
    }
    
    /*----------------------------- dashboard starts here ----------------------------*/
    
    .highcharts-title,
    .highcharts-credits {
        display: none;
    }
    
    @media(max-width:767px) {
        .tabdiv {
            padding-left: 0px;
        }
        .tabcontentdiv_btn_div {
            margin-top: 5px !important;
            margin-bottom: 5px;
        }
        .pagingtablediv .dataTables_info {
            position: relative !important;
        }
        .pagingtablediv div.dataTables_wrapper div.dataTables_paginate {
            position: relative !important;
        }
        .pagingtablediv {
            padding: 0px;
        }
        .user_success_box {
            width: 100%;
        }
        .tabdiv .nav-tabs>li>a {
            margin-right: 5px;
        }
        .main_tab_nav.nav>li>a,
        .tabdiv2 .nav-tabs>li>a {
            padding: 5px 10px;
            margin-bottom: 5px;
        }
    }
    
    .tabbtn_margin {
        margin-top: -35px;
    }
    
    #tdlist_show_checkbox,
    .tdlist_show_checkboxtab {
        position: absolute;
        width: 200px;
        right: 15px;
        background: #fff;
        top: 46px;
        box-shadow: 0px 0px 2px #000;
        -moz-box-shadow: 0px 0px 2px #000;
        -webkit-box-shadow: 0px 0px 2px #000;
        -ms-box-shadow: 0px 0px 2px #000;
        z-index: 9991;
    }
    
    #tdlist_show_checkbox .scrollbar,
    .tdlist_show_checkboxtab .scrollbar {
        height: 150px;
        padding-left: 15px;
    }
    
    .closetdlist_show_checkbox {
        cursor: pointer;
        background: #E6E6E6;
        padding: 10px 15px 10px 15px;
    }
    
    #tdlist_show_checkbox .clecklist,
    .tdlist_show_checkboxtab .clecklist {
        margin-bottom: 5px;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .piechart {
        min-width: 220px;
        height: 400px;
        /* max-width: 500px; */
        margin: 0 auto;
    }
    
    .font14 {
        font-size: 14px;
    }
    
    .table_tdlist_info {
        float: left;
        padding-top: 0px;
        padding-right: 10px;
        border-right: 1px solid #0095C8;
    }
    
    .table_tdlist_paginate {
        width: 60px;
        float: left;
        margin-left: 10px;
    }
    
    .table_tdlist_length {
        float: left;
        padding-top: 0px;
        padding-right: 10px;
        padding-left: 10px;
        border-right: 1px solid #0095C8;
        display: inline-block;
    }
    
    .pagingtablediv table th {
        font-weight: bold !important;
        /* background: #EDEEF0; */
        background: #d5e4ff;
        border-bottom-width: 1px !important;
    }
    
    .table_tdlist_length span,
    .table_tdlist_length select {
        float: left;
    }
    
    .table_tdlist_length select {
        width: 60px;
        padding: 0px 5px !important;
        border: 1px solid #0095C8;
        /* background: url(../images/table_select_down_arrow.png) no-repeat 96% 6px !important; */
        border-radius: 0px;
        /* appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none; */
        text-indent: 0.01px;
        text-overflow: "";
        height: 22px;
        margin-left: 10px;
        margin-right: 10px;
        border-radius: 3px !important;
    }
    
    select::-ms-expand {
        display: none;
    }
    
    .table_tdlist_paginate .previous,
    .table_tdlist_paginate .next {
        width: 23px;
        height: 23px;
        background: #0095C8;
        color: #0095C8;
        float: left;
        line-height: 21px;
        cursor: pointer;
        text-decoration: none;
        text-align: center;
        font-size: 10px;
        border-radius: 3px;
    }
    
    .table_tdlist_paginate .previous:hover,
    .table_tdlist_paginate .next:hover {
        background: #354656;
    }
    
    .table_tdlist_paginate .next {
        margin-left: 5px;
    }
    
    .martop5 {
        margin-top: 5px;
    }
    
    .table_tdlist_paginate .previous i,
    .table_tdlist_paginate .next i {
        text-align: center;
        color: #fff;
    }
    
    .line_chart .highcharts-axis-title,
    .column_chart .highcharts-axis-title {
        display: none;
    }
    /* -------------------------------------------- compliance tab tree structure starts here --------------------------------*/
    
    .grctreeview .tree li {
        list-style-type: none;
        margin: 0;
        padding: 10px 5px 0;
        position: relative;
        font-size: 15px;
    }
    
    .grctreeview .tree li a,
    .grctreeview .tree li a:hover,
    .grctreeview .tree li a:focus {
        font-size: 14px;
        color: #757575;
        text-decoration: none;
    }
    
    .grctreeview .tree li::after,
    .grctreeview .tree li::before {
        content: '';
        left: -20px;
        position: absolute;
        right: auto;
    }
    
    .grctreeview .tree li::before {
        border-left: 1px solid #999;
        bottom: 50px;
        height: 100%;
        top: 0;
        width: 1px
    }
    
    .grctreeview .tree li::after {
        border-top: 1px solid #999;
        height: 20px;
        top: 30px;
        width: 25px;
    }
    
    .grctreeview .tree li span {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border: 1px solid #999;
        border-radius: 5px;
        display: inline-block;
        padding: 3px 8px;
        text-decoration: none
    }
    
    .grctreeview .tree li.parent_li>span {
        cursor: pointer
    }
    
    .grctreeview .tree>ul>li::after,
    .grctreeview .tree>ul>li::before {
        border: 0
    }
    
    .grctreeview .tree li:last-child::before {
        height: 30px
    }
    
    .grctreeview .tree li.parent_li>span:hover,
    .grctreeview .tree li.parent_li>span:hover+ul li span {
        background: #eee;
        border: 1px solid #94a0b4;
        color: #000
    }
    
    .grctreeview .tree ul ul,
    ol ol,
    ol ul,
    ul ol {
        margin-bottom: 0;
        margin-left: 30px
    }
    
    .pageactivebg {
        background-color: #d9edf7 !important;
    }
    
    .grctreeview .tree ul {
        padding: 0px;
    }
    /* ---------------------- marquee starts here ---------------------*/
    
    .str_wrap {
        overflow: hidden;
        /* zoom:1; */
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        position: relative;
        -moz-user-select: none;
        -khtml-user-select: none;
        user-select: none;
        white-space: nowrap;
        height: 28px !important;
    }
    
    .str3-2 span {
        color: #333;
        margin: 0 5px;
        text-align: center;
        width: auto;
        line-height: 34px;
        font-size: 14px;
    }
    
    .str_wrap.str_active {
        background: #fff;
    }
    
    .str_move {
        white-space: nowrap;
        position: absolute;
        top: 0;
        left: 0;
        cursor: text;
    }
    
    .str_move_clone {
        display: inline-block;
        /* display:inline;
	zoom:1; */
        vertical-align: top;
        position: absolute;
        left: 100%;
        top: 0;
    }
    
    .str_vertical .str_move_clone {
        left: 0;
        top: 100%;
    }
    
    .str_down .str_move_clone {
        left: 0;
        bottom: 100%;
    }
    
    .str_vertical .str_move,
    .str_down .str_move {
        white-space: normal;
        width: 100%;
    }
    
    .str_static .str_move,
    .no_drag .str_move,
    .noStop .str_move {
        cursor: inherit;
    }
    
    .str_wrap img {
        max-width: none !important;
    }
    
    .marqueediv {
        margin-left: 0;
        padding: 0px;
        position: absolute;
        width: 100%;
        margin-top: 5px;
        background: #fff;
        height: 34px;
    }
    
    .marquee_close {
        color: #354656;
        position: absolute;
        right: 0;
        top: 0px;
        z-index: 1;
        background: #fff;
        padding: 5px 10px;
        font-size: 16px;
        cursor: pointer;
        display: none;
    }
    
    .marqueediv:hover .marquee_close {
        display: block;
    }
    /*------------------------------ success box loading popup starts here -----------------------------*/
    
    .usermodal .modal-header {
        border-bottom: none;
        background: #36A9E1;
        color: #fff;
        text-align: center;
        border-radius: 6px 6px 0px 0px;
    }
    
    .usermodal .modal-header h4 {
        margin-bottom: 0px;
        font-size: 17px;
        text-transform: inherit;
    }
    
    .usermodal .modal-header .close {
        color: #fff;
        position: absolute;
        right: 10px;
        top: 15px;
    }
    
    .usermodal .modal-dialog {
        margin: 17% auto;
    }
    
    .usermodal .modal-content {
        border-radius: 6px;
        border: 1px solid #36A9E1;
    }
    
    .usermodal .modal-body {
        padding: 0px 15px 30px 15px;
    }
    
    .position-relative {
        position: relative;
    }
    /*----------------------------- form modal starts here ---------------------*/
    
    .form-modal .modal-header {
        border-bottom: none;
        background: #36A9E1;
        color: #fff;
        text-align: center;
        border-radius: 6px 6px 0px 0px;
    }
    
    .form-modal .modal-header h4 {
        margin-bottom: 0px;
        text-transform: inherit;
    }
    
    .form-modal .modal-header .close {
        color: #fff;
        position: absolute;
        right: 10px;
        top: 15px;
    }
    
    .datepicker .glyphicon {
        color: pink !important;
    }
    
    .datepicker .glyphicon:hover {
        color: green !important;
    }
    
    .form-modal .modal-dialog {
        margin: 5% auto;
    }
    
    .form-modal .modal-content {
        border-radius: 6px;
        border: 1px solid #36A9E1;
    }
    
    .form-modal .panel-footer {
        border-radius: 0px 0px 6px 6px;
    }
    
    .form-modal .modal-body {
        padding: 15px 15px 30px 15px;
    }
    
    .form-modal .modal-body label {
        font-weight: normal;
        text-transform: none;
    }
    
    /* input,
    .form-modal textarea,
    input,
    select {
        border-radius: 0px !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        padding: 6px 10px !important;
        background: #ffffff !important;
        border: 1px solid #d1d1d1 !important;
       
    } */
    
    .form-modal .browse,
    .form-modal .iso27001file {
        border-radius: 0px;
        padding: 7px 12px;
    }
    
    .form-modal .btn-success {
        background: #0095C8;
    }
    
    .form-modal .btn-success:hover {
        background: #0088B6;
    }
    
    .form-modal .btn {
        border: none;
    }
    
    .pad-bot-10 {
        padding-bottom: 10px;
    }
    
    .pad-top-10 {
        padding-top: 10px;
    }
    
    .pad-bot-0 {
        padding-bottom: 0px !important;
    }
    /*----------------------------- form modal end here ---------------------*/
    /* ----------------------------------- issue management starts here ---------------------------------*/
    
    .right_panel {
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .right_panel_innercontent {
        background: #fff;
        box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, .15);
        -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, .15);
        -moz-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
        -ms-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
    }
    
    .right_paneldiv_btn_div {
        float: right;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-top: 10px;
    }
    
    .right_paneldiv_btn_div a {
        color: #000;
        font-size: 13px;
    }
    
    .right_paneldiv_btn_div a i {
        padding-right: 10px;
        color: #0095C8;
        padding-right: 10px;
        font-size: 16px;
    }
    
    .right_panel .page-title {
        padding: 10px;
        margin-bottom: 20px;
        border: 1px solid #96B7D8;
        font-size: 24px;
        background: #DCE4EF;
        display: none;
        text-transform: none;
    }
    
    .match-status {
        width: 120px;
        border-radius: 0px;
        border: 1px solid #313131;
        height: 22px;
        padding: 0px 5px;
        background: url(../images/table_select_down_arrow_black.png) no-repeat 96% 6px;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        text-indent: 0.01px;
        text-overflow: "";
        color: #000;
    }
    
    .select_small {
        width: 40px;
    }
    
    .select_small,
    .select_box {
        /* font-size: 14px;
        padding: 0;
        border-radius: 0px;
        border: 1px solid #ccc;
        appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        -ms-appearance: none;
        text-indent: 0.01px;
        text-overflow: "";
        color: #000; */
        background: #fff url(../images/table_select_down_arrow.png) no-repeat 97% 12px !important;
    }
    
    .issue_high_color td,
    .issue_medium_color td,
    .issue_low_color td {
        color: #000 !important;
    }
    
    .issue_high_color {
        background: #FE3232 !important;
    }
    
    .issue_medium_color {
        background: #FF9833 !important;
    }
    
    .issue_low_color {
        /*background:rgba(254,203,0,.8) !important;*/
        background: #F9F9F9 !important;
    }
    
    .tabletdwp th {
        white-space: nowrap;
    }
	.bootstrap-datetimepicker-widget{
        padding: 10px;
    }
    
    .bootstrap-datetimepicker-widget table td.day {
      height: 0px;
      width: 30px;
      padding: 8px !important;
      cursor: pointer;
      font-size: 14px;
    }
    /*
    .bootstrap-datetimepicker-widget {
        z-index: 9999;
    }
    */
    input.daterange,
    input.date,
    input.fdate,
    input.datetime {
        color: #000;
        background: url(../images/calender_small_icon.png) no-repeat 98% 4px !important;
        /* border-radius: 0px; */
        /* padding: 0px 10px; */
        min-width: 150px;
        /* border: 1px solid #ccc; */
        cursor: pointer;
        background-color: white;
    }
    
    input.time,
    input.onlytime,
    input.time-range {
        color: #000;
        background: url(../images/time_small_icon.png) no-repeat 98% 4px !important;
        min-width: 150px;
        cursor: pointer;
        background-color: white;
    }

    #auditcyclestartdate {
        background: url(../images/calender_small_icon.png) no-repeat 98% 10px;
    }
    
    #auditcycleenddate {
        background: url(../images/calender_small_icon.png) no-repeat 98% 10px;
    }
    
    #tstartdate {
        background: url(../images/calender_small_icon.png) no-repeat 98% 10px;
    }
    
    #tenddate {
        background: url(../images/calender_small_icon.png) no-repeat 98% 10px;
    }
    
    #AuditStartDate {
        background: url(../images/calender_small_icon.png) no-repeat 98% 10px;
    }
    
    #AuditCloseDate {
        background: url(../images/calender_small_icon.png) no-repeat 98% 10px;
    }
    
    .tabletdwp td:last-child {
        white-space: nowrap;
    }
    
    .tabletdwp th i {
        float: none !important;
        padding-left: 5px;
    }
    
    .file {
        visibility: hidden;
        position: absolute;
    }
    
    .col-md-col5-12 {
        width: 20%;
        float: left;
    }
    /*--------------------------- scroll bar starts here -----------------------------*/
    
    @media (min-width:768px) {
        .form-modal .modal-dialog {
            width: 760px;
        }
    }
    /* event popup starts here */
    
    .eventmodal .modal-header {
        border-bottom: none;
        background: #36A9E1;
        color: #fff;
        text-align: left;
    }
    
    .eventmodal .modal-header h4 {
        margin-bottom: 0px;
        font-size: 15px;
    }
    
    .eventmodal .modal-header .close {
        color: #fff;
        position: absolute;
        right: 10px;
        top: 15px;
    }
    
    .eventmodal .modal-dialog {
        margin: 17% auto;
    }
    
    .event-img img {
        width: 100%;
        height: 150px;
    }
    
    @media (min-width:768px) {
        .eventmodal .modal-dialog {
            margin: 10% auto;
            width: 400px;
        }
    }
    
    .eventmodal .modal-content {
        border-radius: 2px;
        border: 1px solid #96B7D8;
    }
    
    .eventmodal .modal-body {
        padding: 0px;
    }
    
    .eventmodal .eventmodal-body {
        padding: 15px 15px 30px 15px;
    }
    
    .eventmodal {
        color: #666666;
    }
    
    .event-date i,
    .event-time i,
    .event-location i {
        padding-right: 10px;
    }
    
    .event-date,
    .event-time,
    .event-location {
        padding-bottom: 10px;
    }
    /* event popup end here */
    
    .view-box-group {
        border-bottom: 1px solid #f0f0f0;
        margin-bottom: 15px;
    }
    
    .view-box-group h4 {
        font-size: 14px;
        margin-bottom: 5px;
        text-transform: none;
    }
    
    .view-box-group p {
        margin-bottom: 0px;
        color: #979797;
        line-height: 24px;
    }
    
    .issuepiechart .highcharts-title {
        display: block;
    }
    
    .issuepiechart .highcharts-credits {
        display: none;
    }
    
    .issuepiechart.piechart {
        height: 130px;
        min-width: 200px;
    }
    
    .issuepiechart.piechart .highcharts-contextmenu hr {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    .issuepiechart.piechart .highcharts-legend-item text {
        font-weight: normal !important;
    }
    
    .issuepiechart.piechart .highcharts-title {
        font-size: 16px !important;
    }
    
    .border-right {
        border: 1px solid #ddd;
    }
    
    .issuepiechart .highcharts-container {
        height: 100% !important;
    }
    
    .issuepiechartdiv {
        height: 150px;
        padding-right: 5px;
    }
    
    .panelbox {
        border-radius: 0px;
        border: 1px solid #96B7D8;
        border: none !important;
        box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
        -webkit-box-shadow: 0 0.15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
    }
    
    .issuepiechart-hide-show {
        background: #fff;
        color: #0095C8;
        padding: 0px 14px 0px 14px;
        border-bottom: none;
        font-size: 16px;
        cursor: pointer;
        height: 30px;
        float: left;
        margin-top: 0px;
    }
    
    .issuepiechart-hide-show span {
        margin-top: 3px;
        float: left;
    }
    
    .modal-content .close {
        opacity: 1;
    }
    
    .flag-status img {
        width: 16px;
    }
    
    .flag-status-active {
        color: #5CB85C;
    }
    
    .flag-status-expire {
        color: #FE3232;
    }
    
    .flag-status-amber {
        color: #FF9833;
    }
    /* -- tooltip starts here -- */
    
    .tabdiv3_link+.tooltip>.tooltip-inner,
    .privilage .checkbox label+.tooltip>.tooltip-inner,
    .pagingtable_icons+.tooltip>.tooltip-inner {
        background: #0095C8 !important;
        color: #fff !important;
    }
    
    .tabdiv3_link+.tooltip>.tooltip-arrow,
    .privilage .checkbox label+.tooltip>.tooltip-arrow,
    .pagingtable_icons+.tooltip>.tooltip-arrow {
        border-top-color: #0095C8;
    }
    
    .privilage .radio label+.tooltip>.tooltip-inner {
        background: #0095C8 !important;
        color: #fff !important;
    }
    
    .privilage .radio label+.tooltip>.tooltip-arrow {
        border-top-color: #0095C8;
    }
    /*-------------- privilage section starts here ----------------*/
    .tooltip{z-index: 1000000;position: fixed;transform: translate(50px,-50px);}
    .privilage h4 {
        margin-top: 15px;
        text-transform: inherit;
        margin-bottom: 15px;
        font-size: 16px;
    }
    
    .privilage .nav-tabs li {
        margin-right: 3px;
    }
    
    .privilage .nav-tabs li a {
        background: #EEEEEE;
        border-radius: 3px;
        color: #666;
        border: none;
        padding: 5px 7px;
        font-size: 13px;
    }
    
    .privilage .nav-tabs li.active a,
    .privilage .nav-tabs li:hover a {
        background: #36A9E1;
        border-bottom: none;
        color: #fff;
        text-decoration: none;
    }
    
    .privilage .nav-tabs {
        border-bottom: none;
    }
    
    .privilage .nav-tabs li.active a,
    .privilage .nav-tabs li.active a:focus,
    .privilage .nav-tab li.active a:hover {
        border: none;
        text-decoration: none;
    }
    
    .privilage .tab-content {
        margin-top: 20px;
    }
    
    .checkbox {
        padding-left: 20px;
    }
    
    .checkbox label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
        color: #666;
    }
    
    .privilage .checkbox label {
        font-size: 12px;
    }
    
    .checkbox label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        border: 1px solid #cccccc;
        border-radius: 3px;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    }
    
    .checkbox label::after {
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #555555;
    }
    
    .checkbox input[type="checkbox"] {
        opacity: 0;
    }
    
    .checkbox input[type="checkbox"]:focus+label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        outline: none;
    }
    
    .checkbox input[type="checkbox"]:checked+label::after {
        font-family: 'FontAwesome';
        content: "\f00c";
    }
    
    .checkbox input[type="checkbox"]:disabled+label {
        opacity: 0.65;
    }
    
    .checkbox input[type="checkbox"]:disabled+label::before {
        background-color: #eeeeee;
        cursor: not-allowed;
    }
    
    .checkbox.checkbox-circle label::before {
        border-radius: 50%;
    }
    
    .checkbox.checkbox-inline {
        margin-top: 0;
    }
    
    .checkbox-success input[type="checkbox"]:checked+label::before {
        background-color: #36A9E1;
        border-color: #36A9E1;
    }
    
    .checkbox-success input[type="checkbox"]:checked+label::after {
        color: #fff;
    }
    
    .privilage-2nd-check {
        margin-top: 10px;
    }
    
    .privilage h5 {
        text-transform: inherit;
        margin-bottom: 10px;
        font-size: 12px;
        margin-top: 10px;
    }
    
    .mar-bot-20 {
        margin-bottom: 20px;
    }
    
    .privilage-title {
        margin-top: 10px !important;
        font-size: 12px !important;
        border-bottom: 1px solid #E2E2E2;
        padding-bottom: 10px;
        margin-bottom: 0px !important;
        font-weight: bold;
    }
    /*------------- footer starts here -----------------------*/
    /*------------------ Full Width Popup ------------------------*/
    
    .popupfull-width .modal-dialog {
        width: 100% !important;
        height: 100% !important;
        margin-top: 0px!important;
        padding: 0px !important;
    }
    
    .popupfull-width .modal-content {
        height: 100%;
        border-radius: 0px;
        border: none;
    }
    
    .popupfull-width .modal-header {
        border-radius: 0px !important;
        text-align: center;
    }
    
    .popupfull-width {
        overflow-y: hidden !important;
        padding: 0 !important;
    }
    
    .divcenter {
        margin: 0 auto;
        float: none;
    }
    
    .popupfull-width .scrollbar {
        height: 92vh;
    }
    
    .popupfull-width .scrollbar.lessheight {
        height: 92vh !important;
    }
    
    .thtd-firstchild {
        min-width: 90px;
    }
    
    footer {
        background: #d4d4d4;
        padding: 5px 15px;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 3;
    }
    
    .copyright {
        color: #000;
        font-size: 14px;
        margin-bottom: 0px;
    }
    
    .copyright span {
        color: #124a9f;
        font-weight: bold;
    }
    
    .copyright span.yrDiv {
        color: #000;
        font-weight: normal;
    }
    /* ---------------------- full popup bodynoscroll for angular style starts here -----------------------*/
    
    body.modal-open-noscroll {
        margin-right: 0!important;
        overflow: hidden;
    }
    
    .modal-open-noscroll .navbar-fixed-top,
    .modal-open .navbar-fixed-bottom {
        margin-right: 0!important;
    }
    
    /* .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 1000000;
        background: url(../images/pageLoader.gif) 50% 50% no-repeat rgb(249, 249, 249);
        opacity: .8;
    } */
    
    .compliancediv1 .piechart {
        min-width: 220px;
        height: 260px;
        max-width: 500px;
        margin: 0 auto;
    }
    
    .compliancediv2 .piechart {
        min-width: 220px;
        height: 350px;
        max-width: 500px;
        margin: 0 auto;
    }
    /*------------------------------------------- graph slider starts here ---------------------------------*/
    
    .slick-slide {
        margin: 0px;
    }
    /*.slick-slide div {
    width: 100%;
}*/
    
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }
    
    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    
    .slick-list:focus {
        outline: none;
    }
    
    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }
    
    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    
    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }
    
    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }
    
    .slick-track:after {
        clear: both;
    }
    
    .slick-loading .slick-track {
        visibility: hidden;
    }
    
    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }
    
    [dir='rtl'] .slick-slide {
        float: right;
    }
    
    .slick-slide img {
        display: block;
    }
    
    .slick-slide.slick-loading img {
        display: none;
    }
    
    .slick-slide.dragging img {
        pointer-events: none;
    }
    
    .slick-initialized .slick-slide {
        display: block;
    }
    
    .slick-loading .slick-slide {
        visibility: hidden;
    }
    
    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
    
    .slick-arrow.slick-hidden {
        display: none;
    }
    
    .slick-slider button.slick-prev,
    .slick-slider button.slick-next {
        position: absolute;
        z-index: 999;
        position: absolute;
        width: 20px;
        height: 50px;
        background: #fff;
        border: none;
        opacity: 1;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        color: #36a9e1;
    }
    
    .slick-slider button.slick-prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 18px;
    }
    
    .slick-slider button.slick-next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 18px;
    }
    
    .slick-slider button.slick-prev:hover,
    .slick-slider button.slick-next:hover {
        background: #36a9e1;
        color: #fff;
    }
    
    .slick-slider:hover button.slick-prev,
    .slick-slider:hover button.slick-next {
        opacity: 1;
    }
    
    .slick-slider button.slick-prev {
        left: 0px;
        top: 33%;
        border-radius: 0px 6px 6px 0px;
        border: 1px solid #36a9e1;
        border-left: none;
    }
    
    .slick-slider button.slick-next {
        right: 0px;
        top: 33%;
        border-radius: 6px 0 0 6px;
        border: 1px solid #36a9e1;
        border-right: none;
    }
    
    .slick-disabled {
        opacity: 0 !important;
        pointer-events: none;
    }
    /*------------------------- slick slide stylesheet end here -------------------------*/
    
    .graphSlider .issuepiechartdiv {
        width: 150px !important;
    }
    
    .exportingbar {
        width: 16px;
        height: 23px;
        /* float: right; */
        position: absolute;
        top: 15px;
        right: 0px;
        cursor: pointer;
    }
    
    .exportingbar img {
        margin-left: 2px;
    }
    
    .exportingbar:hover {
        background: #e6ebf5;
        border-radius: 3px;
    }
    /*-------------------------------------------- radio style starts here ----------------------------------*/
    
    .privilage .radio,
    .radio {
        padding-left: 20px;
    }
    
    .privilage .radio label,
    .radio label {
        display: inline-block;
        position: relative;
        padding-left: 5px;
    }
    
    .privilage .radio label::before,
    .radio label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        border: 1px solid #b2b2b2;
        outline: none;
        border-radius: 50%;
        background-color: #fff;
        -webkit-transition: border 0.15s ease-in-out;
        -o-transition: border 0.15s ease-in-out;
        transition: border 0.15s ease-in-out;
    }
    
    .radio label::before {
        top: 2px;
    }
    
    .privilage .radio label::before {
        top: 22px;
    }
    
    .privilage .radio label::after,
    .radio label::after {
        display: inline-block;
        position: absolute;
        content: " ";
        width: 11px;
        height: 11px;
        left: 3px;
        top: 5px;
        margin-left: -20px;
        border-radius: 50%;
        background-color: #555555;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
        transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    }
    
    .privilage .radio input[type="radio"],
    .radio input[type="radio"] {
        opacity: 0;
    }
    
    .privilage .radio input[type="radio"]:focus+label::before,
    .radio input[type="radio"]:focus+label::before {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
        outline: none;
    }
    
    .privilage .radio input[type="radio"]:checked+label::after,
    .radio input[type="radio"]:checked+label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    
    .privilage .radio input[type="radio"]:disabled+label,
    .radio input[type="radio"]:disabled+label {
        opacity: 0.65;
    }
    
    .privilage .radio input[type="radio"]:disabled+label::before,
    .radio input[type="radio"]:disabled+label::before {
        cursor: not-allowed;
    }
    
    .privilage .radio.radio-inline,
    .radio.radio-inline {
        margin-top: 0;
    }
    
    .privilage .radio-info input[type="radio"]+label::after,
    .radio-info input[type="radio"]+label::after {
        background-color: #36a9e1;
    }
    
    .privilage .radio-info input[type="radio"]:checked+label::before,
    .radio-info input[type="radio"]:checked+label::before {
        border-color: #36a9e1;
    }
    
    .privilage .radio-info input[type="radio"]:checked+label::after,
    .radio-info input[type="radio"]:checked+label::after {
        background-color: #36a9e1;
    }
    
    .radioamber input[type="radio"]+label::after {
        background-color: #ff9833;
    }
    
    .radioamber input[type="radio"]:checked+label::before {
        border-color: #ff9833;
    }
    
    .radioamber input[type="radio"]:checked+label::after {
        background-color: #ff9833;
    }
    
    .radiogreen input[type="radio"]+label::after {
        background-color: #04cb44;
    }
    
    .radiogreen input[type="radio"]:checked+label::before {
        border-color: #04cb44;
    }
    
    .radiogreen input[type="radio"]:checked+label::after {
        background-color: #04cb44;
    }
    /* ----------------- nav tab scroll ------------------ */
    
    @media(max-width:767px) {
        .col-md-col5-12 {
            width: 200px;
        }
    }
    
    .nav-tabs {
        overflow-x: auto;
        overflow-y: hidden;
        display: -webkit-box;
        display: -moz-box;
    }
    /*--------------------- auto width for highchart in slick carausel -----------------------*/
    
    .barchartdiv.slide {
        width: auto !important;
    }
    
    .barchartdiv .barchart {
        height: 130px;
        max-width: 1200px;
        min-width: 100px;
        margin: 0 auto;
    }
    
    .slick-track {
        width: 10000px !important;
    }
    
    .tdth-display-block {
        display: table-cell !important;
    }
    
    .tdth-display-none {
        display: none;
    }
    /*-------------- accordian starts here ------------------------*/
    /*------- accordian starts here -------*/
    
    .panel-heading h4 {
        text-transform: none;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
    }
    
    .panel-heading h4 a:hover {
        text-decoration: none;
    }
    
    @media(min-width:768px) {
        .main-wrapper-nosidebar {
            margin-top: 50px;
        }
        /*html, body, #wrapper, #page-wrapper {height: 100%; overflow: hidden;}*/
    }
    
    .chart-carausel .slide {
        width: auto;
        float: left;
    }
    
    .chart-carausel .slide .issuepiechartdiv {
        width: 220px;
    }
    
    .more-width.slide .issuepiechartdiv {
        width: 950px !important;
        padding-right: 15px;
    }
    
    .more-width.slide .piechart {
        max-width: 1250px !important;
    }
    
    @media(max-width:767px) {
        .more-width.slide {
            width: 220px !important;
            overflow-x: auto;
        }
    }
    
    div+.tooltip>.tooltip-inner,
    a+.tooltip>.tooltip-inner,
    i+.tooltip>.tooltip-inner,
    input+.tooltip>.tooltip-inner,
    span+.tooltip>.tooltip-inner {
        background: #0095C8 !important;
        color: #fff !important;
    }
    
    div+.tooltip>.tooltip-arrow,
    a+.tooltip>.tooltip-arrow,
    i+.tooltip>.tooltip-arrow,
    input+.tooltip>.tooltip-arrow,
    span+.tooltip>.tooltip-arrow {
        border-top-color: #0095C8 !important;
    }
    
    button+.tooltip>.tooltip-inner {
        background: #0095C8 !important;
        color: #fff !important;
    }
    
    button+.tooltip>.tooltip-arrow {
        border-top-color: #0095C8 !important;
    }
    
    .tooltip.bottom .tooltip-arrow {
        border-bottom-color: #0095C8 !important;
    }
    /* ------------------------- organization structure starts here ---------------------- */
    
    .org-tree {
        overflow-y: hidden;
        white-space: nowrap;
    }
    
    .org-tree .org-tree-struc {
        margin: 0;
        width: 100%;
        min-height: auto;
    }
    
    .tree-stru-scrolldiv {
        width: auto;
        white-space: nowrap;
        overflow: auto;
        table-layout: fixed;
    }
    
    .org-tree .org-tree-struc .tree-stru-scrolldiv-list::before,
    .org-tree .org-tree-struc .tree-stru-scrolldiv-list::after {
        width: 51%;
    }
    
    .org-tree .org-tree-struc .tree-firstul>li::before,
    .org-tree .org-tree-struc .tree-firstul>li::after {
        border: none;
    }
    
    .org-tree .org-tree-struc ul {
        margin: 0;
        padding: 20px 0 30px 0;
        position: relative;
    }
    
    .org-tree .org-tree-struc li {
        float: left;
        text-align: center;
        list-style-type: none;
        position: relative;
        padding: 20px 3px 0 3px;
    }
    
    .org-tree .org-tree-struc li::before,
    .org-tree .org-tree-struc li::after {
        content: '';
        position: absolute;
        top: 0;
        right: 50%;
        border-top: 1px solid #0194c8;
        width: 50%;
        height: 20px;
    }
    
    .org-tree .org-tree-struc li::after {
        right: auto;
        left: 50%;
        border-left: 1px solid #0194c8;
    }
    
    .org-tree .org-tree-struc li:only-child::after,
    .org-tree .org-tree-struc li:only-child::before {
        content: '';
        display: none;
    }
    
    .org-tree .org-tree-struc li:only-child {
        padding-top: 0;
    }
    
    .org-tree .org-tree-struc li:first-child::before,
    .org-tree .org-tree-struc li:last-child::after {
        border: 0 none;
    }
    
    .org-tree .org-tree-struc li:last-child::before {
        border-right: 1px solid #0194c8;
        border-radius: 0 5px 0 0;
    }
    
    .org-tree .org-tree-struc li:first-child::after {
        border-radius: 5px 0 0 0;
    }
    
    .org-tree .org-tree-struc ul ul::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        border-left: 1px solid #0194c8;
        width: 0;
        height: 20px;
    }
    
    .org-tree .org-tree-struc li a {
        border: 1px solid #0194c8;
        padding: 5px 10px;
        text-decoration: none;
        text-transform: inherit;
        color: black;
        font-family: arial, verdana, tahoma;
        font-size: 14px;
        display: inline-block;
        border-radius: 5px;
        min-width: 110px;
        /*white-space: pre-wrap;
    word-wrap: break-word;*/
    }
    
    .org-tree .org-tree-struc li a:hover,
    .org-tree .org-tree-struc li a:hover+ul li a {
        background: #0194c8;
        color: #fff;
        border: 1px solid #94a0b4;
    }
    
    .org-tree .org-tree-struc li a:hover+ul li::after,
    .org-tree .org-tree-struc li a:hover+ul li::before,
    .org-tree .org-tree-struc li a:hover+ul::before,
    .org-tree .org-tree-struc li a:hover+ul ul::before {
        content: '';
        border-color: #94a0b4;
    }
    
    .btn-disabled,
    .btn-disabled:hover {
        background: #6eb8da;
        cursor: default;
    }
    
    .org-stru-bg {
        background: url(../images/org-stru-bg.jpg) no-repeat right top;
        background-size: cover;
    }
    /* ------------------  step style starts here --------------------*/
    
    .stepbox {
        width: 100%;
        margin: 0px auto 20px auto;
        text-align: center;
        position: relative;
        /*	min-height:200px;*/
        max-height: 600px;
        /*	overflow-x:hidden;*/
    }
    
    .stepbox fieldset {
        display: none;
    }
    
    .stepbox fieldset {
        background: white;
        border: 0 none;
        border-radius: 3px;
        /*	box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);*/
        padding: 0px;
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        /*stacking fieldsets above each other*/
        position: relative;
    }
    
    .stepbox fieldset td {
        text-align: left;
    }
    /*Hide all except first fieldset*/
    
    .stepbox fieldset:not(:first-of-type) {
        display: none;
    }
    /*inputs*/
    /*buttons*/
    
    .stepbox .action-button {
        font-weight: normal;
        color: white;
        border: 0 none;
        border-radius: 3px !important;
        cursor: pointer;
        padding: 10px 5px;
        margin: 0px;
    }
    
    .stepbox .action-button:hover,
    .stepbox .action-button:focus {
        /*box-shadow: 0 0 0 2px white, 0 0 0 3px #27AE60;*/
    }
    /*headings*/
    
    .fs-title {
        font-size: 15px;
        text-transform: uppercase;
        color: #2C3E50;
        margin-bottom: 10px;
    }
    
    .fs-subtitle {
        font-weight: normal;
        font-size: 13px;
        color: #666;
        margin-bottom: 20px;
    }
    
    .amberbg {
        background: #ff9833 !important;
        color: #fff;
    }
    
    .greybg {
        background: #bdb8b8 !important;
        color: #fff;
    }
    
    .greenbg {
        background: #04cb44 !important;
        color: #fff;
    }
    
    .redbg {
        background: #FE3232 !important;
        color: #fff;
    }
    
    @media(max-width:1024px) {
        .dashbourdbuttons {
            white-space: nowrap;
            overflow: auto !important;
        }
        .dashbourdbuttons li {
            float: none !important;
            list-style-type: none;
            display: inline-block;
        }
    }
    
    .dashbourdbuttons {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0;
    }
    
    .dashbourdbuttons li {
        float: left;
        list-style-type: none;
    }
    
    .dashbourdbuttons li .btn {
        float: left;
        position: relative;
        border-radius: 0;
        border: 0;
        margin: 0 4px 0 0 !important;
        -webkit-box-shadow: 0 5px 5px -6px rgba(0, 0, 0, .3);
        -moz-box-shadow: 0 5px 5px -6px rgba(0, 0, 0, .3);
        box-shadow: 0 5px 5px -6px rgba(0, 0, 0, .3);
        padding: 10px 13px;
        border-radius: 6px;
        color: #fff !important;
        -webkit-box-shadow: inset 0 0 1px #fff;
        -moz-box-shadow: inset 0 0 1px #fff;
        box-shadow: inset 0 0 1px #fff;
        background: #0095C8 !important;
        border: 1px solid #fff !important;
    }
    
    .dashbourdbuttons li .btn:hover,
    .dashbourdbuttons li .btn.active {
        background-color: #2d88b8 !important;
    }
    
    .dashbourdbuttons li .btn .btn-block:active,
    .dashbourdbuttons li .btn .btn-lg:active {
        -webkit-box-shadow: inset 0 3px 3px -5px rgba(0, 0, 0, .3);
        -moz-box-shadow: inset 0 3px 3px -5px rgba(0, 0, 0, .3);
        box-shadow: inset 0 3px 3px -5px rgba(0, 0, 0, .3);
    }
    
    .dashbourdbuttons li .btn-success {
        background-color: #44b676 !important;
        border: 1px solid #fff !important;
        /*outline: 1px solid rgba(255, 255, 255, 0.1) !important;
    outline-offset: -5px;*/
    }
    
    .dashbourdbuttons li .btn-success:hover,
    .dashbourdbuttons li .btn-success:focus {
        background-color: #0095C8 !important;
        border-color: #53aa27;
    }
    
    .dashbourdbuttons li .btn-info {
        background-color: #5f61e6;
        border-color: #5f61e6; 
        border: 1px solid #fff !important;
        /*outline: 1px solid rgba(255, 255, 255, 0.1) !important;
    outline-offset: -5px;*/
    }
    
    .dashbourdbuttons li .btn-info:hover,
    .dashbourdbuttons li .btn-info:focus {
        background-color: #5f61e6;
        border-color: #5f61e6; 
    }
    
    .dashbourdbuttons li .btn-warning {
        background-color: #fdc561 !important;
        border: 1px solid #fff !important;
        /*outline: 1px solid rgba(255, 255, 255, 0.1) !important;
    outline-offset: -5px;*/
    }
    
    .dashbourdbuttons li .btn-warning:hover,
    .dashbourdbuttons li .btn-warning:focus {
        background-color: #0095C8 !important;
        border-color: #cd9034;
    }
    
    .dashbourdbuttons li .btn-danger {
        background-color: #f3785c !important;
        border: 1px solid #fff !important;
        /*outline: 1px solid rgba(255, 255, 255, 0.1) !important;
    outline-offset: -5px;*/
    }
    
    .dashbourdbuttons li .btn-danger:hover,
    .btn-danger:focus {
        background-color: #0095C8 !important;
        border-color: #aa0000;
    }
    
    .dashbourdbuttons li .btn-primary {
        background-color: #37a2d5 !important;
        border: 1px solid #fff !important;
        /*outline: 1px solid rgba(255, 255, 255, 0.1) !important;
    outline-offset: -5px;*/
    }
    
    .dashbourdbuttons li .btn-primary:hover,
    .dashbourdbuttons li .btn-primary:focus {
        background-color: #0095C8 !important;
        border-color: #4f56aa;
    }
    
    .dashbourdbuttons li .btn-magick {
        color: #fff;
        background-color: #02CB44 !important;
        border: 1px solid #fff !important;
        /*outline: 1px solid rgba(255, 255, 255, 0.1) !important;
    outline-offset: -5px;*/
    }
    
    .dashbourdbuttons li .btn-magick:hover,
    .dashbourdbuttons li .btn-magick:focus {
        color: #fff;
        background-color: #0095C8 !important;
        border-color: #8600b9;
    }
    
    .dashbourdbuttons li .btn-improvement {
        color: #fff;
        background-color: #9dc44b !important;
        border: 1px solid #fff !important;
        /*outline: 1px solid rgba(255, 255, 255, 0.1) !important;
    outline-offset: -5px;*/
    }
    
    .dashbourdbuttons li .btn-improvement:hover,
    .dashbourdbuttons li .btn-improvement:focus {
        color: #fff;
        background-color: #0095C8 !important;
        border-color: #8600b9;
    }
    
    div#dashbourdbuttonsstickydiv {
        position: fixed;
        top: 42px;
        padding-top: 20px;
        padding-bottom: 10px;
        left: 240px;
        z-index: 100;
        right: 15px;
        background: #dde4f0;
    }
    
    .dashboardcont {
        margin-top: 60px;
    }
    
    .stickytabdiv,
    .stickydivsectab {
        position: fixed;
        padding-top: 20px;
        padding-bottom: 0px;
        left: 240px;
        z-index: 100;
        right: 15px;
        background: #dde4f0;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .stickytabdiv {
        top: 75px;
    }
    
    .stickydivsectab {
        top: 134px;
    }
    
    .fixdivcontent {
        margin-top: 60px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .fixdivcontentsectab {
        margin-top: 90px !important;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .fixdivcontent1 {
        margin-top: -21px;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    @media(max-width:1024px) {
        div#dashbourdbuttonsstickydiv,
        .stickytabdiv,
        .stickydivsectab {
            position: static;
        }
        .fixdivcontent,
        .fixdivcontent1,
        .fixdivcontentsectab {
            margin-top: 0px !important;
        }
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .nav-tabs>li {
            float: none;
        }
    }
    
    .chartwrapper {
        border: 1px solid #edf7ff;
        margin-top: 15px;
    }
    
    .panelstripbox {
        background: #0783ad;
        min-height: 60px;
        box-shadow: -2px 0 10px -5px #0d3f50;
        -moz-box-shadow: -2px 0 10px -5px #0d3f50;
        -webkit-box-shadow: -2px 0 10px -5px #0d3f50;
        -ms-box-shadow: -2px 0 10px -5px #0d3f50;
    }
    
    .panelstripbox .checkbox label {
        color: #fff;
    }
    
    .panelstripbox .checkbox label::before {
        border: none;
    }
    
    .panelstripbox .checkbox-success input[type="checkbox"]:checked+label::before {
        background-color: #326179;
    }
    
    .panelstripbox h5 {
        text-transform: none;
        margin-top: 10px;
        margin-bottom: 0;
        color: #fff;
    }
    
    .panelstripbox .tooltip-inner {
        max-width: 450px;
        text-align: left;
    }
    
    .bulb-blink {
        /*color:#fff;*/
        margin-top: 10px;
    }
    
    .bulbicon {
        width: 12px;
        height: 15px;
        background: url(../images/lightblink1.png) no-repeat;
        -webkit-animation: blinkYellow 1s infinite;
        -moz-animation: blinkYellow 1s infinite;
        -ms-animation: blinkYellow 1s infinite;
        -o-animation: blinkYellow 1s infinite;
        animation: blinkYellow 1s infinite;
    }
    
    .box-shadow-none {
        box-shadow: none;
    }
    
    @-webkit-keyframes blinkYellow {
        from {
            background: url(../images/lightblink1.png) no-repeat;
        }
        50% {
            background: url(../images/lightblink2.png) no-repeat;
        }
        to {
            background: url(../images/lightblink1.png) no-repeat;
        }
    }
    
    @-moz-keyframes blinkYellow {
        from {
            background: url(../images/lightblink1.png) no-repeat;
        }
        50% {
            background: url(../images/lightblink2.png) no-repeat;
        }
        to {
            background: url(../images/lightblink1.png) no-repeat;
        }
    }
    
    @-ms-keyframes blinkYellow {
        from {
            background: url(../images/lightblink1.png) no-repeat;
        }
        50% {
            background: url(../images/lightblink2.png) no-repeat;
        }
        to {
            background: url(../images/lightblink1.png) no-repeat;
        }
    }
    
    @-o-keyframes blinkYellow {
        from {
            background: url(../images/lightblink1.png) no-repeat;
        }
        50% {
            background: url(../images/lightblink2.png) no-repeat;
        }
        to {
            background: url(../images/lightblink1.png) no-repeat;
        }
    }
    
    @keyframes blinkYellow {
        from {
            background: url(../images/lightblink1.png) no-repeat;
        }
        50% {
            background: url(../images/lightblink2.png) no-repeat;
        }
        to {
            background: url(../images/lightblink1.png) no-repeat;
        }
    }
    
    .panelstripboxsimple {
        min-height: 60px;
    }
    
    .panelstripboxsimple h5 {
        text-transform: none;
        margin-top: 10px;
        margin-bottom: 0;
        color: #333;
    }
    
    .display-inline {
        display: inline-block !important;
    }
    
    .pad-left-right10 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    fieldset.scheduler-border {
        border: 1px solid #ddd !important;
        padding: 5px;
        margin: 0 !important;
    }
    
    legend.scheduler-border {
        font-size: 14px !important;
        text-align: left !important;
        width: auto;
        padding: 0 10px;
        border-bottom: none;
    }
    
    .opacitypoint5 {
        opacity: 0.5;
    }
    
    .fieldsetSection fieldset.scheduler-border {
        border: 1px solid #89bfd2 !important;
    }
    /* --------------------- inner page sidebar menu -----------------------*/
    
    .sidebarmenu {
        transition: all 0.5s ease-in-out;
    }
    
    .sidebarmenu h3 {
        font-size: 16px;
        background: #3295ca;
        margin-bottom: 0px;
        text-transform: none;
        padding: 5px 15px;
        color: #fff;
        border-radius: 3px 3px 0px 0px;
        padding: 10px 15px;
    }
    
    .sidebarmenu h5 {
        margin-bottom: 15px;
        text-transform: none;
        padding: 8px 15px;
        margin-bottom: 0px;
        font-weight: bold;
    }
    
    .bg-defoult {
        background-color: #f5f5f5;
    }
    
    .sidebarmenu ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        border-radius: 0px 0px 3px 3px;
    }
    
    .sidebarmenu li a {
        display: block;
        padding: 8px 12px;
        color: #333;
        border-bottom: 1px solid #ddd;
        text-decoration: none;
        cursor: text;
    }
    
    .sidebarmenu li a:hover {
        color: #3295ca;
    }
    
    .sidebarmenu li a i {
        padding-right: 5px;
        color: #3295ca;
    }
    
    .sidebarmenu li a:hover i {
        color: #3295ca;
    }
    
    .formblocktitle {
        font-size: 16px;
        margin-bottom: 15px;
        text-transform: none;
        font-weight: 700;
        color: white;
    }
    
    .formboxblock {
        background: #f5f5f5;
        padding: 15px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -ms-border-radius: 4px;
        min-height: 430px;
    }
    
    .formboxblock h3 {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15px;
        background: #9c9efbe6;
        border-bottom: 1px solid #9c9efbe6;
        padding: 15px;
        border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
    }
    
    .breadcrumb_type1>li+li:before {
        padding: 0 5px;
        color: #ccc;
        content: "\f105";
        font-family: 'FontAwesome';
    }
    
    .ap-panel .h4title {
        cursor: pointer;
        margin-bottom: 0px;
        font-weight: normal;
    }
    
    .ap-panel .h4title span {
        color: #0095C8;
        text-align: right;
        float: right;
    }
    
    .ap-panel .dropdown-container {
        background: #f5f5f5;
        width: 100%;
        float: left;
        border-radius: 0px 0px 4px 4px;
        -moz-border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
        -ms-border-radius: 0px 0px 4px 4px;
        padding: 15px 0;
    }
    
    .inlinefieldtype {
        float: none;
        width: 33% !important;
        display: inline-block;
    }
    /*------- advance filter section starts here --------*/
    
    .filterboxdiv {
        position: absolute;
        width: 550px;
        /*	max-width: 600px;*/
        background: #fff;
        right: 16px;
        z-index: 999;
        top: 48px;
        box-shadow: 0px 0px 2px #000;
        -moz-box-shadow: 0px 0px 2px #000;
        -webkit-box-shadow: 0px 0px 2px #000;
        -ms-box-shadow: 0px 0px 2px #000;
    }
    
    .filterboxdiv .footer-part {
        padding: 10px;
        background: #E6E6E6;
    }
    
    .filterboxdiv .header-part {
        padding: 10px 15px;
        background: #f5f9fb;
        border-bottom: 1px solid #daf1fc;
        margin-top: 3px;
    }
    
    .filterboxdiv .body-part {
        overflow: auto;
        max-height: 300px;
    }
    
    .labelclass {
        padding: 7px 0px 7px 0px;
        margin-bottom: 0px;
    }
    
    .filterboxdiv input,
    .filterboxdiv textarea,
    .filterboxdiv select {
        border-radius: 0px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        padding: 6px 10px;
    }
    
    .filterboxdiv .btn-success {
        background: #0095C8;
    }
    
    .filterboxdiv button {
        border: none;
    }
    
    .filterboxdiv .btn-success:hover {
        background: #0088B6;
    }
    
    .addfilter {
        float: right;
        margin-right: 2px;
        width: 25%;
    }
    
    .addfilter select {
        height: 32px;
        padding-left: 10px;
    }
    
    .filterboxdiv .uparrow {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        margin-left: -0.5em;
        top: 0px;
        left: 20px;
        box-sizing: border-box;
        border: 8px solid black;
        border-color: #fff #fff transparent transparent;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        /* box-shadow: 2px -2px 4px -1px rgba(0, 0, 0, 0.4); */
        box-shadow: 1px -1px 1px 0px #000;
        z-index: 901;
    }
    
    .filterbtndrop-arrow {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        bottom: -33px;
        left: 8px;
        box-sizing: border-box;
        border: 8px solid black;
        border-color: #fff #fff transparent transparent;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        /* box-shadow: 2px -2px 4px -1px rgba(0, 0, 0, 0.4); */
        box-shadow: 1px -1px 0px 0px #000;
        z-index: 1000;
    }
    
    @media(max-width:767px) {
        .filterboxdiv {
            width: 250px;
        }
    }
    
    .filterboxdiv .breadcrumb>li,
    .filterboxdiv .grctreeview .tree li a,
    .filterboxdiv .grctreeview .tree li a:hover,
    .filterboxdiv .grctreeview .tree li a:focus {
        font-size: 12px;
        padding-left: 10px;
    }
    /*----------- updated on 01-08-2018 -------------------*/
    
    .tablebox {
        position: relative;
        border-left: 1px solid #dbf1fc;
        border-right: 1px solid #dbf1fc;
    }
    
    .tablebox-head {
        text-align: left;
    }
    
    .tablebox-head h3 {
        margin: 0;
        line-height: normal;
        min-height: 130px;
    }
    
    .tablebox-head h3 {
        font-weight: 300;
        text-transform: none;
        color: #333;
        padding: 10px;
        font-size: 14px;
        background: #dbf1fc;
        border-bottom: solid 1px #3494cb;
        border-radius: 4px 4px 0 0;
    }
    
    .vtdiv {
        margin: 0;
        padding: 0px;
        line-height: normal;
        height: 130px;
        border-radius: 4px 4px 0 0;
        border-bottom: solid 1px #3494cb;
    }
    
    .bgblue {
        background: #dbf1fc;
    }
    
    .black {
        color: #333 !important;
    }
    
    .vtdiv li {
        float: left;
        width: 32px;
        height: 130px;
        color: #333;
        list-style-type: none;
        padding: 10px 5px;
        font-size: 13px;
        text-align: center;
        border-right: 1px solid #fff;
    }
    
    .vtdiv li:last-child {
        border-right: none;
    }
    
    .vtdiv li .text-rotate {
        width: 112px;
        height: 120px;
        display: block;
        -webkit-transform: rotate(-90deg);
        /* Firefox */
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
        /* Internet Explorer */
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
        /*transform-origin: left bottom 0px;*/
    }
    
    .vtdivinner {
        margin: 0;
        padding: 0px;
        line-height: normal;
        min-height: 275px;
        border-radius: 4px 4px 0 0;
    }
    
    .vtdivinner li {
        display: inline-block;
        vertical-align: middle;
        width: 30px;
        height: 275px;
        color: #333;
        list-style-type: none;
        padding: 10px 5px;
        font-size: 13px;
        text-align: center;
        border-right: 1px solid #ddd;
    }
    
    .vtdivinner li:last-child {
        border-right: none;
    }
    
    .vtdivinner li .text-rotate {
        width: 270px;
        height: 270px;
        display: block;
        -webkit-transform: rotate(-90deg);
        /* Firefox */
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
        /* Internet Explorer */
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
        /*transform-origin: left bottom 0px;*/
    }
    
    .tblboxpadright {
        padding-right: 10px;
    }
    
    .tblboxpadrightleft {
        padding-left: 5px;
        padding-right: 0px;
    }
    
    .tablebox-content li {
        color: #888;
        padding: 7px 15px;
        border-bottom: solid 1px #ddd;
    }
    
    .tablebox-footer {
        color: #777;
        font-size: 11px;
        line-height: 17px;
        text-align: center;
        padding: 0 20px 19px;
    }
    
    .tableboxminheight {
        min-height: 275px;
    }
    
    .tableboxborderbot {
        border-bottom: 1px solid #dbf1fc;
    }
    
    .vtdivinner li .text-rotatedevide {
        width: 145px;
        height: 145px;
        display: block;
        -webkit-transform: rotate(-90deg);
        /* Firefox */
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
        /* Internet Explorer */
        filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
        /*transform-origin: left bottom 0px;*/
    }
    
    .text-rotatedevideborder:before {
        content: '';
        position: absolute;
        top: 125px;
        left: -3px;
        width: 34px;
        height: 22px;
        border-bottom: 1px solid #ddd;
    }
    
    .selectchosenscroll .chosen-results {
        max-height: 130px !important;
        overflow-y: auto;
    }
    
    .radiogray input[type="radio"]+label::after {
        background-color: #bdb8b8;
    }
    
    .radiogray input[type="radio"]:checked+label::before {
        border-color: #bdb8b8;
    }
    
    .radiogray input[type="radio"]:checked+label::after {
        background-color: #bdb8b8;
    }
    
    .radiored input[type="radio"]+label::after {
        background-color: #FF5454;
    }
    
    .radiored input[type="radio"]:checked+label::before {
        border-color: #FF5454;
    }
    
    .radiored input[type="radio"]:checked+label::after {
        background-color: #FF5454;
    }
    
    .mar-top-20 {
        margin-top: 20px;
    }
    
    .mar-top-10 {
        margin-top: 10px;
    }
    
    .privilage .checkbox label::before {
        width: 14px;
        height: 14px;
        top: 1px;
    }
    
    .privilage .checkbox label::after {
        padding-top: 2px;
        font-size: 9px;
    }
    
    .nav-tabs-carausel {
        overflow: hidden;
    }
    
    .nav-tabs-carausel.slick-slider button.slick-prev,
    .nav-tabs-carausel.slick-slider button.slick-next {
        height: 28px;
        top: 0px;
    }
    
    .subcol {
        padding-left: 30px;
    }
    /*--------- updated on 09-08-2018 ------------*/
    
    .dropdown-container textarea,
    .lessHeightTestarea textarea {
        display: block;
        max-height: 36px;
        overflow-y: auto;
        resize: none !important;
    }
    
    .dropdown-container textarea.default {
        display: block;
        max-height: auto !important;
        overflow-y: auto;
        resize: inherit !important;
    }
    
    .dropdown-container input[type="text"],
    .dropdown-container select,
    .dropdown-container .chosen-container-single .chosen-single {
        height: 36px !important;
    }
    
    /* .dropdown-container input[type=checkbox], */
    /* .dropdown-container input[type=radio] {
        height: auto;
    } */
    
    .dropdown-container .chosen-container-multi .chosen-choices li.search-field {
        height: 32px;
    }
    
    input.bgwhite.date,
    input.bgwhite.datetime {
        color: #000;
        background: #ffffff url(../images/calender_small_icon.png) no-repeat 98% 10px;
        border-radius: 0px;
        padding: 0px 10px;
        min-width: 150px;
        border: 1px solid #ccc;
    }
    
    input.bgwhite {
        background: #ffffff;
    }
    
    .time-width {
        width: 120px;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        .dropdown-container textarea,
        .lessHeightTestarea textarea {
            resize: both !important;
            max-height: 34px;
        }
        .dropdown-container input[type="text"],
        .dropdown-container select,
        .dropdown-container .chosen-container-single .chosen-single {
            height: 34px !important;
        }
        .dropdown-container textarea.default {
            display: block;
            max-height: inherit !important;
            overflow-y: auto;
            resize: inherit !important;
        }
    }
    
    .chosen-container .chosen-results {
        max-height: 145px !important;
    }
    
    .chosen_reverse {
        top: auto !important;
        bottom: 100% !important;
    }
    
    .accordion-content-div a.pagingtable_icons.btn-disabled {
        background: #6eb8da !important;
    }
    /* For New Dashboard*/
    
    .table_containerdiv {
        width: 100%;
    }
    
    .table_containerdiv ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    
    .table_containerdiv ul li {
        list-style-type: none;
        padding: 0px;
        background: #EDEEF0;
        color: #333;
        font-size: 14px;
    }
    
    .button {
        margin-left: -25px;
        line-height: 15px;
    }
    
    .hiddentable {
        display: none;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0) {}
    
    @media(min-width:768px) {
        .tblrow {
            margin: 0px !important;
        }
        /*.table_containerdiv{ width:1100px;}*/
        .div_table_responsive {
            overflow-x: auto;
            width: 100%;
        }
    }
    
    @media(max-width:767px) {
        .tblrow {
            margin: 0px !important;
        }
        .div_table_responsive {
            overflow-x: auto;
            width: 100%;
        }
    }
    
    @media(min-width:768px) and (max-width:1024px) and (orientation:portrait) {
        .tblrow {
            margin: 0px;
        }
    }
    
    @media(min-width:300px) and (max-width:1024px) {
        .tblrow {
            margin: 0px -15px;
        }
        .div_table_responsive_cont {
            width: 900px;
        }
        .div_table_responsive {
            overflow-x: auto;
            width: 100%;
        }
        .table_containerdiv .table_row,
        .head-title,
        .table_divrows {
            float: none !important;
        }
    }
    /**/
    
    .bg-white {
        background: #fff !important;
    }
    
    .table_containerdiv {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    
    .table_containerdiv .head-title li {
        border-right: 1px solid #ddd;
    }
    
    .table_containerdiv .head-title li:first-child {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
    }
    
    .content-rows {
        border-left: 1px solid #ddd;
    }
    
    .content-rows ul li {
        float: left;
        list-style-type: none;
        padding: 0px;
        background: #fff;
        border-right: 1px solid #ddd;
        border-top: 1px solid #ddd;
        color: #333;
        font-size: 14px;
    }
    
    .content-rows .table-ul-lists li {
        padding: 0px;
        float: left;
    }
    
    .table_containerdiv .table_row,
    .head-title,
    .table_divrows {
        /*display: table-row;*/
        padding: 0px;
        float: left;
    }
    
    .table_containerdiv .table_row li,
    .head-title li,
    .table_divrows li {
        display: table-cell;
        float: left !important;
    }
    
    .table_containerdiv .head-title li:first-child {
        border-bottom: 1px solid #ddd;
    }
    
    .tmtitle {
        background: none;
        border-bottom: 1px solid #ddd;
    }
    
    .table_divrows,
    .content-rows .one-step-lists {}
    
    .content-rows .one-step-lists li.steplistbg {
        background: #204455;
    }
    
    .content-rows .one-step-lists li {
        color: #fff;
    }
    
    .table_containerdiv .tmtitle {
        vertical-align: middle;
    }
    /*.table_containerdiv .tmtitle{width:65px;float: left !important;}
.table_containerdiv .table-ul-lists .l-1-list{width:448px;}
.table_containerdiv .table-ul-lists .l-2-list{width:100px;}
.table_containerdiv .table-ul-lists .l-3-list{width:82px;}
.table_containerdiv .table-ul-lists .l-4-list{width:92px;}
.table_containerdiv .table-ul-lists .l-5-list{width:82px;}
.table_containerdiv .table-ul-lists .l-6-list{width:59px;}
.table_containerdiv .table-ul-lists .l-7-list{width:59px;}
.table_containerdiv .table-ul-lists .l-8-list{width:89px; text-align:center;}
.table_containerdiv .table-ul-lists .l-9-list{width:59px;}

.table_containerdiv .head-title.table-ul-lists .l-0-list{width:65px;vertical-align: middle;}
.table_containerdiv .head-title.table-ul-lists .l-1-list{width:482px;}
.table_containerdiv .head-title.table-ul-lists .l-2-list{width:100px;}
.table_containerdiv .head-title.table-ul-lists .l-3-list{width:82px;}
.table_containerdiv .head-title.table-ul-lists .l-4-list{width:92px;}
.table_containerdiv .head-title.table-ul-lists .l-5-list{width:82px;}
.table_containerdiv .head-title.table-ul-lists .l-6-list{width:59px;}
.table_containerdiv .head-title.table-ul-lists .l-7-list{width:59px;}
.table_containerdiv .head-title.table-ul-lists .l-8-list{width:59px;}
.table_containerdiv .head-title.table-ul-lists .l-9-list{width:59px;}*/
    
    .display-flexdiv {
        display: flex;
    }
    
    .table_containerdiv .tmtitle {
        width: 6.8%;
        float: left !important;
        padding: 8px;
        background: #fff;
    }
    
    .table_containerdiv .table-ul-lists .l-1-list {
        /*width:44%;*/
        flex: 5;
    }
    
    .table_containerdiv .table-ul-lists .l-2-list {
        /*width:11%;*/
        flex: 1.2;
    }
    
    .table_containerdiv .table-ul-lists .l-3-list {
        /*width:6.5%;*/
        flex: 0.8;
    }
    
    .table_containerdiv .table-ul-lists .l-4-list {
        /*width:6.3%;*/
        flex: 0.8;
    }
    
    .table_containerdiv .table-ul-lists .l-5-list {
        /*width:6.5%;*/
        flex: 0.8;
    }
    
    .table_containerdiv .table-ul-lists .l-6-list {
        /*width:6.3%;*/
        flex: 0.8;
    }
    
    .table_containerdiv .table-ul-lists .l-7-list {
        /*width:6.6%;*/
        flex: 0.8;
        text-align: center;
    }
    
    .table_containerdiv .table-ul-lists .l-8-list {
        /*width:12.8%;*/
        flex: 1.4;
        text-align: center;
    }
    
    .table_containerdiv .head-title li {
        flex: inherit;
        height: 60px;
        vertical-align: middle;
    }
    
    .table_containerdiv .head-title {
        background: #edeef0;
    }
    
    .table_containerdiv .head-title.table-ul-lists .l-0-list {
        width: 7%;
        vertical-align: middle;
    }
    
    .table_containerdiv .head-title.table-ul-lists .l-1-list {
        width: 39.8%;
    }
    
    .table_containerdiv .head-title.table-ul-lists .l-2-list {
        width: 9.7%;
    }
    
    .table_containerdiv .head-title.table-ul-lists .l-3-list {
        width: 6.4%;
    }
    
    .table_containerdiv .head-title.table-ul-lists .l-4-list {
        width: 6.5%;
    }
    
    .table_containerdiv .head-title.table-ul-lists .l-5-list {
        width: 6.4%;
    }
    
    .table_containerdiv .head-title.table-ul-lists .l-6-list {
        width: 6.5%;
    }
    
    .table_containerdiv .head-title.table-ul-lists .l-7-list {
        width: 6.4%;
        text-align: center;
    }
    
    .table_containerdiv .head-title.table-ul-lists .l-8-list {
        width: 11%;
        border-right: none;
    }
    
    .table_containerdiv .table-ul-lists li span {
        padding: 8px;
        float: left;
        width: 100%;
    }
    
    .table_containerdiv .table-ul-lists .l-1-list,
    .table_containerdiv .table-ul-lists .l-2-list,
    .table_containerdiv .table-ul-lists .l-3-list,
    .table_containerdiv .table-ul-lists .l-4-list,
    .table_containerdiv .table-ul-lists .l-5-list,
    .table_containerdiv .table-ul-lists .l-6-list,
    .table_containerdiv .table-ul-lists .l-7-list,
    .table_containerdiv .table-ul-lists .l-8-list,
    .table_containerdiv .table-ul-lists .l-9-list {
        vertical-align: middle;
    }
    
    .table_containerdiv .table-ul-lists .l-2-list,
    .table_containerdiv .table-ul-lists .l-3-list,
    .table_containerdiv .table-ul-lists .l-4-list,
    .table_containerdiv .table-ul-lists .l-5-list,
    .table_containerdiv .table-ul-lists .l-6-list {
        text-align: center;
    }
    
    .content-rows .table-ul-lists {
        width: 93.2% !important;
        padding: 0px;
    }
    
    .plist {
        width: 100% !important;
        padding: 0px !important;
        border: none !important;
    }
    
    .content-rows .two-step-lists li.steplistbg {
        background: #cacaca;
    }
    
    .content-rows .two-step-lists li {
        color: #333;
    }
    
    .content-rows .two-step-lists .l-1-list span {
        padding-left: 15px;
        width: 100%;
        float: left;
    }
    
    .content-rows .three-step-lists .l-1-list span {
        padding-left: 30px;
        width: 100%;
        float: left;
    }
    
    .content-rows .four-step-lists .l-1-list span {
        padding-left: 45px;
        width: 100%;
        float: left;
    }
    
    .content-rows .three-step-lists li.steplistbg {
        background: #ececec;
    }
    
    .content-rows .three-step-lists li {
        color: #333;
    }
    
    .content-rows .four-step-lists li.steplistbg {
        background: #fff;
    }
    
    .content-rows .four-step-lists li {
        color: #333;
    }
    
    .content-rows .one-step-lists li:last-child,
    .content-rows .two-step-lists li:last-child,
    .content-rows .three-step-lists li:last-child,
    .content-rows .four-step-lists li:last-child {
        border-right: none !important;
    }
    
    .content-rows .one-step-lists li:first-child,
    .content-rows .two-step-lists li:first-child,
    .content-rows .three-step-lists li:first-child,
    .content-rows .four-step-lists li:first-child {
        border-left: 1px solid #ddd;
    }
    
    li.shcolor {
        background: #00B050 !important;
        color: #333 !important;
    }
    /*li.smcolor{ background:#FFFF00 !important; color: #333 !important;}*/
    
    li.smcolor {
        background: #F79541 !important;
        color: #333 !important;
    }
    
    li.slcolor {
        background: #FF0000 !important;
        color: #333 !important;
    }
    
    .table_containerdiv .head-title.table-ul-lists.navclick_td_list .l-1-list {
        width: 767px;
    }
    
    .table_containerdiv .head-title.table-ul-lists.navclick_td_list .l-0-list {
        width: 104px;
    }
    
    .table_containerdiv .table_divrows .table-ul-lists.navclick_td_list .l-1-list {
        width: 770px;
    }
    
    .btntype1 {
        font-size: 15px;
        padding: 0 2px;
    }
    /* ---- checklist department starts here -------*/
    
    .boxtype {
        border-radius: 10px;
        box-shadow: 1px 4px 4px rgba(0, 0, 0, .5);
        margin-bottom: 30px;
        position: relative;
        text-align: center;
    }
    
    .boxtype .panel-heading {
        font-size: 20px;
        background: #daf1fc;
        border-radius: 10px 10px 0px 0px;
        padding: 20px 0;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .boxtype .panel-footer {
        font-size: 14px;
        background: #fff;
        color: #666;
        border-radius: 0px 0px 10px 10px;
        min-height: 60px;
    }
    
    .boxtype .panel-footer .boxtype-loc {
        font-weight: bold;
        color: #0093c6;
        float: left;
        width: 75px;
        text-align: left;
    }
    
    .boxtype .panel-footer .boxtype-loc1 {
        float: left;
    }
    
    .boxtype .panel-heading a {
        color: #333;
        text-decoration: none;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .boxtype:hover .panel-heading {
        background: #0093c6;
    }
    
    .boxtype:hover .panel-heading a {
        color: #fff;
    }
    
    .boxtype .edit_btn {
        position: absolute;
        right: 5px;
        top: 5px;
        z-index: 1;
        cursor: pointer;
        font-size: 9px;
    }
    
    .boxtype .panel-body {
        text-align: center;
    }
    
    .boxtype .panel-body img {
        height: 60px;
    }
    
    @media (min-width: 920px) {
        .small-modal {
            max-width: 300px;
        }
    }
    
    .mar-bot-10 {
        margin-bottom: 10px;
    }
    /*-----------------------------------28-08-2018-----------------------------*/
    
    .h4title {
        text-transform: inherit;
        margin-bottom: 10px;
        margin-top: 0px;
        font-size: 12px;
        background: #ddf1fd;
        border-bottom: 1px solid #bcc9d1;
        padding: 4px 10px;
        border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
    }
    
    .ap-panel {
        margin-bottom: 10px;
    }
    
    .ap-panel .h4title {
        cursor: pointer;
        margin-bottom: 0px;
        font-weight: normal;
    }
    
    .ap-panel .h4title span {
        color: #0095C8;
        text-align: right;
        float: right;
    }
    
    .ap-panel .dropdown-container {
        background: #f5f5f5;
        width: 100%;
        float: left;
        border-radius: 0px 0px 4px 4px;
        -moz-border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
        -ms-border-radius: 0px 0px 4px 4px;
        padding: 15px 0;
    }
    
    .inlinefieldtype {
        float: none;
        width: 33% !important;
        display: inline-block;
    }
    
    .tabdiv3_link.btn-sm {
        padding: 3px 6px;
        margin-right: 0px;
    }
    
    .smodalcontenttype1 h3 {
        text-transform: inherit !important;
        margin-bottom: 20px;
    }
    
    .smodalcontenttype1 {
        padding: 30px 15px 30px 15px;
    }
    
    @media (min-width: 768px) {
        .small-modal1 {
            width: 450px;
            margin: 15% auto;
        }
        .medium-modal {
            width: 600px !important;
        }
    }
    
    .mt-20 {
        margin-top: 20px;
    }
    
    .mt-30 {
        margin-top: 30px;
    }
    /*----*/
    
    .selectbtnlist ul {
        margin: 0px;
        padding: 0px;
    }
    
    .selectbtnlist ul li {
        float: left;
        list-style-type: none;
    }
    
    .selectbtnlist ul li a {
        border: 1px solid #ccc !important;
        margin: 2px;
        min-width: 100px;
    }
    
    .selectbtnlist ul li a.active {
        border: 1px solid #0095C8 !important;
        background: #0095C8 !important;
        color: #fff !important;
    }
    
    textarea.s-textarea {
        display: block;
        max-height: 36px;
        overflow-y: auto;
        resize: none !important;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio: 0) {
        textarea.s-textarea {
            resize: both !important;
            max-height: 34px;
        }
    }
    
    .h4title1 {
        text-transform: inherit;
        margin-bottom: 10px;
        margin-top: 10px;
        font-size: 14px;
        border-bottom: 1px solid #bcc9d1;
        padding: 10px 0px;
    }
    
    .popupinnertab {
        padding-bottom: 60px;
        float: left;
        width: 100%;
    }
    
    .popupinnertab .nav-tabs>li>a {
        background: #efefef;
    }
    
    .popupinnertab .tab-content {
        background: #f5f5f5;
        float: left;
        width: 100%;
    }
    
    .radio-m-right.radio-inline+.radio-inline,
    .radio-m-right {
        margin-left: 0px;
        margin-right: 10px;
    }
    
    .smallselect {
        width: 115px;
        display: inline-block;
        height: 32px;
        border-radius: 3px !important;
        padding: 6px 5px !important;
    }
    
    .mb-5 {
        margin-bottom: 5px;
    }
    
    .mb-0 {
        margin-bottom: 0px !important;
    }
    
    .mb-15 {
        margin-bottom: 15px;
    }
    
    .alert_list_type1 .list-group-item {
        background: none;
        border: 1px solid #00a0de;
        display: inline-block;
        border-radius: 4px;
        padding: 6px 5px;
        margin-top: 5px;
    }
    
    .alert_list_type1 .list-group-item>.badge {
        float: left;
        margin-right: 6px;
    }
    
    fieldset.alert_list_type1 legend {
        background: #d9edf7;
        padding: 5px 15px;
        border-radius: 4px;
        font-size: 18px !important;
        margin-bottom: 0;
        font-weight: bold;
    }
    
    .alert_list_type1 {
        background: #d9edf7;
        padding: 10px 15px;
        text-align: center;
        border-radius: 4px;
    }
    
    .margin-top-30 {
        margin-top: 30px;
    }
    
    .form-inline .inlinefield .form-control {
        width: 100%;
    }
    
    .p-l-r-5 {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .popoverDivCoustum {
        position: absolute;
        bottom: 34px;
        left: 0;
        z-index: 1060;
        display: none;
        width: 300px;
        padding: 1px;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        line-break: auto;
    }
    
    .popoverDivCoustum .arrow {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 11px;
        left: 22px;
        margin-left: -11px;
        border-bottom-width: 0;
        border-top-color: #999;
        border-top-color: rgba(0, 0, 0, .25);
        bottom: -11px;
    }
    
    .popoverDivCoustum .popover-title {
        padding: 8px 14px;
        margin: 0;
        font-size: 14px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        border-radius: 5px 5px 0 0;
    }
    
    .popoverDivCoustum .popover-content {
        padding: 9px 14px;
    }
    
    .popoverDivCoustum .arrow:after {
        content: " ";
        bottom: 1px;
        border-width: 10px;
        margin-left: -10px;
        border-bottom-width: 0;
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-top-color: #fff;
    }
    
    .h4_titletype1 {
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: bold;
        padding-bottom: 5px;
        color: #0093c6;
        border-bottom: 1px solid #e5e5e5;
    }
    
    .tabdiv.innertab1 .nav-tabs>li>a {
        background: #f5f5f5;
        color: #333;
    }
    
    .tabdiv.innertab1 .nav-tabs>li.active>a,
    .tabdiv.innertab1 .nav-tabs>li:hover>a,
    .tabdiv.innertab1 .nav-tabs>li.active>a:focus,
    .tabdiv.innertab1 .nav-tabs>li.active>a:hover {
        color: #fff !important;
        background-color: #0095C8 !important;
        border: none;
    }
    
    .rowstyletype1 {
        background: #f9f9f9;
        padding: 10px 0px;
        margin-bottom: 3px;
    }
    
    .legendclass1 {
        font-size: 16px;
        margin-bottom: 10px;
        font-weight: bold;
        padding-bottom: 5px;
        color: #0093c6;
        border-bottom: none;
    }
    /* below classes is in live */
    
    .label-righticon {
        position: absolute;
        right: 15px;
        top: 5px;
    }
    
    .popover {
        min-width: 100px;
        max-width: 600px;
        background: #ffffff;
        color: #333;
        border: 1px solid #c8c8c8;
        z-index: 1111111;
    }
    
    .popover .popover.top>.arrow {
        border-top-color: #ffffff;
    }
    
    .popover.top>.arrow:after {
        border-top-color: #ffffff;
    }
    
    .popover .pophoverlist {
        color: #666;
        position: relative;
        margin-bottom: 10px;
        padding-left: 20px;
        text-shadow: none !important;
        font-size: 12px;
    }
    
    .popover .pophoverlist:before {
        color: #36A9E1;
        position: absolute;
        left: 0;
        top: 0;
        content: "\f0a9";
        font-family: 'FontAwesome';
    }
    /**/
    
    .mar-bot10 {
        margin-bottom: 10px;
    }
    /*--------------- score card styles ----------------*/
    
    .table-ul-lists-type2 li {
        border-right: 1px solid #ddd;
    }
    
    .table-ul-lists-type2 li:first-child {
        border-left: 1px solid #ddd;
    }
    
    .table-content-rows-type2 li {
        background: #fff !important;
        font-size: 12px !important;
    }
    
    .table-content-rows-type2 li {
        border-right: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
    
    .table-content-rows-type2 li:first-child {
        border-left: 1px solid #ddd;
    }
    
    .l-1-list_type2 {
        flex: 0.6;
    }
    
    .l-2-list_type2 {
        flex: 0.4;
    }
    
    .l-3-list_type2 {
        flex: 0.4;
    }
    
    .l-4-list_type2 {
        flex: 0.4;
    }
    
    .l-5-list_type2 {
        flex: 0.4;
    }
    
    .l-6-list_type2 {
        flex: 0.4;
    }
    
    .l-7-list_type2 {
        flex: 0.4;
    }
    
    .l-8-list_type2 {
        flex: 0.4;
    }
    
    .l-9-list_type2 {
        flex: 0.4;
    }
    
    .l-10-list_type2 {
        flex: 1;
    }
    
    .row_Animate_parent li:first-child span {
        padding-left: 10px;
    }
    
    .table-footer-type2 li {
        background: #f55250 !important;
        font-weight: bold;
        color: #fff !important;
        font-size: 16px !important;
    }
    
    .table-footer-type2 .l-1-list_type1 {
        flex: 2.31;
    }
    
    .table-footer-type2 .l-2-list_type1 {
        flex: 0.35;
    }
    
    .table-footer-type2 .l-3-list_type1 {
        flex: 1;
    }
    
    .clickablerow .clickable {
        display: none;
    }
    
    .clickablerow:hover .clickable {
        display: block;
    }
    
    .defaultmodal .modal-header {
        border-bottom: none;
        background: #36A9E1;
        color: #fff;
        text-align: center;
        border-radius: 6px 6px 0px 0px;
    }
    
    .defaultmodal .modal-header h4 {
        margin-bottom: 0px;
        font-size: 17px;
        text-transform: inherit;
    }
    
    .defaultmodal .modal-header .close {
        color: #fff;
        position: absolute;
        right: 10px;
        top: 15px;
    }
    
    .defaultmodal .modal-content {
        border-radius: 6px;
        border: 1px solid #36A9E1;
    }
    
    .tblULstepType1 li span {
        padding-left: 10px;
    }
    
    .firstSteptblrow li:first-child span {
        padding-left: 10px;
    }
    
    .firstSteptblrow li:first-child span {
        padding-left: 10px;
    }
    
    .secondSteptblrow li:first-child span {
        padding-left: 20px;
    }
    
    .thirdSteptblrow li:first-child span {
        padding-left: 30px;
    }
    
    .popupfull-width.orangeSection .modal-header {
        background: #f97d01;
    }
    
    .popupfull-width.orangeSection .modal-header h4 {
        white-space: nowrap;
    }
    
    .popupfull-width.orangeSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.orangeSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.orangeSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.orangeSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #f97d01;
    }
    
    .popupfull-width.orangeSection .h4title {
        background: #fed3ab;
    }
    
    .popupfull-width.orangeSection .ap-panel .h4title span {
        color: #f97d01;
    }
    
    .popupfull-width.orangeSection .legendclass1 {
        color: #f97d01;
    }
    
    .popupfull-width.blueSection .modal-header {
        background: #0095C8;
    }
    
    .popupfull-width.blueSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.blueSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.blueSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.blueSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #0095C8;
    }
    
    .popupfull-width.blueSection .h4title {
        background: #ddf1fd;
    }
    
    .popupfull-width.blueSection .ap-panel .h4title span {
        color: #0095C8;
    }
    
    .popupfull-width.blueSection .legendclass1 {
        color: #0095C8;
    }
    
    .popupfull-width.redSection .modal-header {
        background: #b50802;
    }
    
    .popupfull-width.redSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.redSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.redSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.redSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #b50802;
    }
    
    .popupfull-width.redSection .h4title {
        background: #f57f7c;
    }
    
    .popupfull-width.redSection .ap-panel .h4title span {
        color: #b50802;
    }
    
    .popupfull-width.redSection .legendclass1 {
        color: #b50802;
    }
    
    .popupfull-width.yellowSection .modal-header {
        background: #f7c304;
        color: #333;
    }
    
    .popupfull-width.yellowSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.yellowSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.yellowSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.yellowSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #f7c304;
    }
    
    .popupfull-width.yellowSection .h4title {
        background: #ffe37d;
    }
    
    .popupfull-width.yellowSection .ap-panel .h4title span {
        color: #f7c304;
    }
    
    .popupfull-width.yellowSection .legendclass1 {
        color: #f7c304;
    }
    
    .popupfull-width.blackSection .modal-header {
        background: #333;
    }
    
    .popupfull-width.blackSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.blackSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.blackSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.blackSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #333;
    }
    
    .popupfull-width.blackSection .h4title {
        background: #707279;
        color: #FFFFFF;
    }
    
    .popupfull-width.blackSection .ap-panel .h4title span {
        color: #FFFFFF;
    }
    
    .popupfull-width.blackSection .legendclass1 {
        color: #333;
    }
    
    .popupfull-width.brownSection .modal-header {
        background: #b35606;
    }
    
    .popupfull-width.brownSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.brownSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.brownSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.brownSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #b35606;
    }
    
    .popupfull-width.brownSection .h4title {
        background: #bf834e;
    }
    
    .popupfull-width.brownSection .ap-panel .h4title span {
        color: #b35606;
    }
    
    .popupfull-width.brownSection .legendclass1 {
        color: #b35606;
    }
    
    .popupfull-width.pinkSection .modal-header {
        background: #fe5f99;
    }
    
    .popupfull-width.pinkSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.pinkSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.pinkSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.pinkSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #fe5f99;
    }
    
    .popupfull-width.pinkSection .h4title {
        background: #ef96b6;
    }
    
    .popupfull-width.pinkSection .ap-panel .h4title span {
        color: #fe5f99;
    }
    
    .popupfull-width.pinkSection .legendclass1 {
        color: #fe5f99;
    }
    
    .popupfull-width.purpleSection .modal-header {
        background: #814ed2;
    }
    
    .popupfull-width.purpleSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.purpleSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.purpleSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.purpleSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #814ed2;
    }
    
    .popupfull-width.purpleSection .h4title {
        background: #b292e4;
    }
    
    .popupfull-width.purpleSection .ap-panel .h4title span {
        color: #814ed2;
    }
    
    .popupfull-width.purpleSection .legendclass1 {
        color: #814ed2;
    }
    
    .popupfull-width.silverSection .modal-header {
        background: #c0c0c0;
    }
    
    .popupfull-width.silverSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.silverSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.silverSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.silverSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #c0c0c0;
    }
    
    .popupfull-width.silverSection .h4title {
        background: #c0c0c0;
    }
    
    .popupfull-width.silverSection .ap-panel .h4title span {
        color: #c0c0c0;
    }
    
    .popupfull-width.silverSection .legendclass1 {
        color: #333333;
    }
    
    .popupfull-width.violetSection .modal-header {
        background: #EE82EE;
    }
    
    .popupfull-width.violetSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.violetSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.violetSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.violetSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #EE82EE;
    }
    
    .popupfull-width.violetSection .h4title {
        background: #EE82EE;
    }
    
    .popupfull-width.violetSection .ap-panel .h4title span {
        color: #EE82EE;
    }
    
    .popupfull-width.violetSection .legendclass1 {
        color: #EE82EE;
    }
    
    .popupfull-width.whiteSection .modal-header {
        background: #fcfcfc;
    }
    
    .popupfull-width.whiteSection .modal-header h4 {
        color: #666666;
    }
    
    .popupfull-width.whiteSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.whiteSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.whiteSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.whiteSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #fcfcfc;
        border-bottom: 1px solid #f9f9f9;
        color: #666666;
    }
    
    .popupfull-width.whiteSection .h4title {
        background: #fcfcfc;
    }
    
    .popupfull-width.whiteSection .ap-panel .h4title span {
        color: #666666;
    }
    
    .popupfull-width.whiteSection .legendclass1 {
        color: #666666;
    }
    
    .popupfull-width.greenSection .modal-header {
        background: #5CB85C;
    }
    
    .popupfull-width.greenSection .tabdiv .nav-tabs>li.active>a,
    .popupfull-width.greenSection .tabdiv .nav-tabs>li:hover>a,
    .popupfull-width.greenSection .tabdiv .nav-tabs>li.active>a:focus,
    .popupfull-width.greenSection .tabdiv .nav-tabs>li.active>a:hover {
        background: #5CB85C;
    }
    
    .popupfull-width.greenSection .h4title {
        background: #5CB85C;
    }
    
    .popupfull-width.greenSection .ap-panel .h4title span {
        color: #5CB85C;
    }
    
    .popupfull-width.greenSection .legendclass1 {
        color: #5CB85C;
    }
    
    .tableheadtypy1 table thead th {
        background: #ddf1fd;
        color: #000;
    }
    
    .tabdiv3_link.btn-xs {
        padding: 1px 5px;
    }
    
    .stepTR .rms-step-section {
        width: 80%;
        display: none;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .stepTR:hover .rms-step-section {
        display: block;
    }
    
    .rms-multistep-progressbar li.rms-step {
        list-style-type: none;
        float: left;
        width: 20%;
        position: relative;
        text-align: center;
        z-index: 10
    }
    
    .rms-multistep-progressbar li.rms-step:before {
        content: " ";
        width: 18px;
        height: 18px;
        line-height: 18px;
        border: 1px solid #6e9dae;
        display: block;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        margin: 0 auto 0px;
        border-radius: 50%;
        background: #6e9dae;
        color: #fff;
    }
    
    .rms-step-section .rms-multistep-progressbar li .step-icon {
        z-index: 1024;
        position: absolute;
        top: 0;
        margin-top: 0px;
        font-size: 12px;
        color: #fff;
        margin-left: -4px
    }
    
    .rms-step-section .rms-multistep-progressbar {
        margin: 5px 0 0 -10px;
        padding: 0;
    }
    
    .rms-step-section .rms-multistep-progressbar li.completed-step .step-icon,
    .rms-step-section .rms-multistep-progressbar li.rms-current-step .step-icon {
        color: #FFF
    }
    
    .rms-multistep-progressbar li.rms-step:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 4px;
        background-color: #6e9dae;
        top: 7px;
        left: 0;
        z-index: -1;
        border-top: 1px solid #6e9dae;
        border-bottom: 1px solid #6e9dae
    }
    
    .rms-multistep-progressbar li.rms-step:first-child:after {
        width: 50%;
        left: 50%
    }
    
    .rms-multistep-progressbar li.rms-step:last-child:after {
        width: 50%
    }
    
    .rms-multistep-progressbar li.rms-step.completed-step {
        color: #000
    }
    
    .rms-multistep-progressbar li.rms-step.completed-step:before {
        background-color: #37ae4c;
        border-color: #37ae4c;
        color: #FFF
    }
    
    .rms-multistep-progressbar li.rms-step.completed-step:after {
        background-color: #92cf5c;
        border-color: #83c944
    }
    
    .tableheaderField {
        display: inline-block;
        margin-right: 4px;
    }
    
    .tableheaderField input {
        height: 33px;
        border-radius: 3px !important;
        color: #000;
    }
    /*------- table ul lists type3 starts here ---------*/
    
    .table_containerdiv.table-ul-lists-type3 .content-rows .table-ul-lists {
        width: 100% !important;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title .l-0-list {
        width: 7%;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title .l-1-list {
        width: 43.1%;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title .l-2-list {
        width: 10%;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title .l-3-list {
        width: 10.9%;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title .l-4-list {
        width: 8%;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title .l-5-list {
        width: 8.95%;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title .l-6-list {
        width: 9.05%;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title .l-7-list {
        width: 10%;
    }
    
    .table_containerdiv.table-ul-lists-type3 .table-ul-lists .l-1-list {
        flex: 4.35;
    }
    
    .table_containerdiv.table-ul-lists-type3 .table-ul-lists .l-2-list {
        flex: 1;
    }
    
    .table_containerdiv.table-ul-lists-type3 .table-ul-lists .l-3-list {
        flex: 1.1;
    }
    
    .table_containerdiv.table-ul-lists-type3 .table-ul-lists .l-4-list {
        flex: 0.8;
    }
    
    .table_containerdiv.table-ul-lists-type3 .table-ul-lists .l-5-list {
        flex: 0.9;
    }
    
    .table_containerdiv.table-ul-lists-type3 .table-ul-lists .l-6-list {
        flex: 0.91;
    }
    
    .table_containerdiv.table-ul-lists-type3 .table-ul-lists .l-7-list {
        flex: 1;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title li {
        height: 45px;
        vertical-align: middle;
    }
    
    .table_containerdiv.table-ul-lists-type3 .content-rows .one-step-lists li:last-child,
    .table_containerdiv.table-ul-lists-type3 .content-rows .two-step-lists li:last-child,
    .table_containerdiv.table-ul-lists-type3 .content-rows .three-step-lists li:last-child,
    .table_containerdiv.table-ul-lists-type3 .content-rows .four-step-lists li:last-child {
        border-right: 1px solid #ddd !important;
    }
    
    .table_containerdiv.table-ul-lists-type3 .four-step-lists select,
    .table_containerdiv.table-ul-lists-type3 .four-step-lists input {
        width: 60px;
    }
    
    .innercontententformdiv .bmargindiv1 {
        margin-bottom: 10px !important;
    }
    
    .isotextwidth {
        width: 160px;
        text-align: left;
    }
    
    .chosecdropDownopen .chosen-drop.chosen_reverse {
        top: 100% !important;
        bottom: auto!important;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title.sixColRow .l-1-list {
        width: 47.8% !important;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title.sixColRow .l-2-list {
        width: 11.15% !important;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title.sixColRow .l-3-list {
        width: 12.1% !important;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title.sixColRow .l-4-list {
        width: 8.85% !important;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title.sixColRow .l-5-list {
        width: 10.05% !important;
    }
    
    .table_containerdiv.table-ul-lists-type3 .head-title.sixColRow .l-6-list {
        width: 10% !important;
    }
    
    table.table-bordered.darkborder {
        border: 1px solid #c6c6c6;
        margin-top: 20px;
    }
    
    table.table-bordered.darkborder>thead>tr>th {
        border: 1px solid #c6c6c6;
    }
    
    table.table-bordered.darkborder>tbody>tr>td {
        border: 1px solid #c6c6c6;
    }
    
    .customTooltip {
        width: 16px;
        float: right;
        position: relative;
    }
    
    .customTooltip .customTooltipWrap {
        display: none;
        min-width: 100px;
        max-width: 600px;
        background: #ffffff;
        color: #333;
        border: 1px solid #c8c8c8;
        position: absolute;
        top: auto;
        right: -112px;
        bottom: 30px;
        z-index: 1060;
        width: 250px;
        padding: 1px;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 1.42857143;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        word-wrap: normal;
        white-space: normal;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, .2);
        border-radius: 6px;
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
        line-break: auto;
        padding: 15px !important;
    }
    
    .customTooltip .arrow,
    .customTooltip .arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }
    
    .customTooltip .arrow {
        right: 108px;
        bottom: -10px;
        margin-left: 0px;
        border-top-color: #999 !important;
        border-top-color: rgba(0, 0, 0, .25) !important;
        border-bottom-width: 0 !important;
        border-width: 11px;
        z-index: 99999;
    }
    
    .customTooltip .arrow:after {
        content: "";
        border-width: 10px;
        border-top-color: #ffffff;
        bottom: 1px;
        margin-left: -10px;
        border-top-color: #fff;
        border-bottom-width: 0 !important;
    }
    
    .customTooltip .pophovertypebody {
        width: 250px;
        right: auto;
    }
    
    .customTooltip i {}
    
    .table.order-list-table1 tr td {
        font-size: 14px;
    }
    
    .table.order-list-table1 tr td:first-child {
        padding-left: 0;
    }
    
    .fieldset-wrap .legendtitle-type1 {
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 10px;
        line-height: 30px;
    }
    
    .fieldset-wrap label {
        font-weight: 100;
    }
    
    .controls .add-more {
        margin-top: -3px;
        border-radius: 0px;
        margin-left: -1px;
        height: 33px;
    }
    
    input.input-field-Line {
        background: none !important;
        border: none !important;
        border-bottom: 2px solid #bdbebe !important;
        box-shadow: none;
    }
    
    .popupinnertab.popupinner-XS .nav li a {
        padding: 8px 20px 8px 20px;    
    }
    
    .text-breadcrumb .breadcrumb {
        background: none !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    
    .panel.panel-wrap {
        box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
        -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
        -moz-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
        -ms-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
        border: 1px solid #e3e6f0;
    }
    
    .panel.panel-wrap .panel-heading {
        background-color: #f0f1f5;
        border-bottom: 1px solid #fff;
    }
    /*-- vertical step menu --*/
    
    .vertical-wizard {
        padding-bottom: 15px;
    }
    
    .vertical-wizard ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .vertical-wizard ul>li {
        display: block;
        position: relative;
    }
    
    .vertical-wizard ul>li>h4 {
        display: block;
        padding: 16px 10px 15px 22px;
        color: #333333;
        font-size: 12px;
        font-weight: 400;
        margin: 0px;
        font-weight: normal;
        text-transform: inherit;
    }
    
    .vertical-wizard ul>li>h4:before {
        content: '';
        position: absolute;
        width: 1px;
        height: calc(100% - 15px);
        background-color: #082f64;
        left: 7px;
        bottom: -15px;
        z-index: 3;
    }
    
    .vertical-wizard ul>li>h4 .ico {
        pointer-events: none;
        font-size: 10px;
        position: absolute;
        left: 3px;
        top: 19px;
        z-index: 6;
        color: #fff;
    }
    
    .vertical-wizard ul>li>h4 .ico.ico-muted {
        left: 5.15px;
    }
    
    .vertical-wizard ul>li>h4:after {
        content: '';
        position: absolute;
        border: 1px solid #082f64;
        border-radius: 50%;
        top: 15px;
        left: 0px;
        width: 16px;
        height: 16px;
        z-index: 3;
    }
    
    .vertical-wizard ul>li>h4 .desc {
        display: inline-block;
        color: #082f63;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: normal;
        padding: 2px 10px;
        border-radius: 30px;
        background: rgba(8, 47, 99, 0.1);
        margin-top: 5px;
        text-transform: none;
    }
    
    .vertical-wizard ul>li>h4 .reddesc {
        display: inline-block;
        color: #082f63;
        font-size: 12px;
        font-weight: 400;
        line-height: 14px;
        letter-spacing: normal;
        padding: 2px 10px;
        border-radius: 30px;
        background: rgba(8, 47, 99, 0.1);
        margin-top: 5px;
        text-transform: none;
    }
    
    .vertical-wizard ul>li>h4 .wizard-title {
        padding: 6px 0px;
        border-radius: 30px;
        color: rgba(8, 47, 99, 1.0);
        letter-spacing: normal;
        font-family: 'Lato', sans-serif;
        font-weight: bold;
        font-size: 13.5px;
    }
    
    .vertical-wizard ul>li.complete>h4:before {
        background-color: #31db31;
        opacity: 1;
        height: calc(100% - 25px);
        bottom: -9px;
    }
    
    .vertical-wizard ul>li.complete>h4:after {
        border-color: #31db31;
        background-color: #31db31;
        opacity: 1;
        color: #fff;
    }
    
    .vertical-wizard ul>li.active>h4 {}
    
    .vertical-wizard ul>li.locked>h4:after {
        display: none;
    }
    
    .vertical-wizard ul>li:last-child>h4:before {
        display: none;
    }
    
    .vertical-wizard ul>li.locked>h4 i {
        color: #d40000;
    }
    
    .vertical-wizard ul>li.locked>h4:before {
        background-color: #d40000;
    }
    
    .vertical-wizard ul>li.complete>h4 .ico {
        left: 3px;
    }
    
    .vertical-wizard ul>li>h4 .ico.ico-green {
        color: #00a700;
    }
    
    .bs-vertical-wizard ul>li>h4 .ico.ico-muted {
        color: #bdc2ce;
    }
    
    .vertical-wizard ul>li.current>h4:before {
        background-color: #0095C8;
        opacity: 1;
    }
    
    .vertical-wizard ul>li.current>h4 .wizard-title {
        color: #666;
    }
    
    .vertical-wizard ul>li.current>h4 .desc {
        background: #0095C8;
        color: #fff;
    }
    
    .vertical-wizard ul>li.current>h4 .reddesc {
        background: #F5443E;
        color: #fff;
    }
    
    .vertical-wizard ul>li>h4 .reddesc {
        background: #F5443E;
        color: #fff;
    }
    
    .vertical-wizard ul>li.current>h4 .ico {
        color: #fff;
    }
    
    .vertical-wizard ul>li.current>h4:after {
        border-color: #0095C8;
        background-color: #0095C8;
        opacity: 1;
    }
    
    .vertical-wizard ul>li>h4.bluecurrent:after {
        border-color: #0095C8;
        background-color: #0095C8;
        opacity: 1;
    }
    
    .vertical-wizard ul>li.current:after,
    .vertical-wizard ul>li.current:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    
    .vertical-wizard ul>li.current:after {
        border-color: rgba(255, 255, 255, 0);
        border-left-color: #fff;
        border-width: 10px;
        margin-top: -10px;
    }
    
    .vertical-wizard ul>li.current:before {
        border-color: rgba(234, 236, 241, 0);
        border-left-color: #eaecf1;
        border-width: 11px;
        margin-top: -11px;
    }
    
    .step-sidebar .scrollbar {
        overflow-x: hidden;
        overflow: auto;
        position: relative;
        position: absolute;
        padding: 0px;
        margin: 0px;
        max-width: 100%;
        width: 100%;
        height: 100%;
        max-height: 90%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /*.side-nav:hover .mCSB_scrollTools{ opacity:1 !important;}*/
    
    .step-sidebar .mCSB_scrollTools {
        opacity: 0 !important;
    }
    
    .step-sidebar:hover .mCSB_scrollTools {
        opacity: 1 !important;
    }
    
    .step-sidebar .mCSB_scrollTools {
        width: 8px;
    }
    
    .step-sidebar .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .step-sidebar .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
    }
    
    .step-sidebar .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        background: none;
    }
    
    .step-sidebar .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp,
    .step-sidebar .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
        display: none !important;
    }
    
    .step-sidebar .mCS-3d-thick-dark.mCSB_scrollTools {
        box-shadow: none;
    }
    
    .step-sidebar .mCSB_container_wrapper {
        margin-right: 0px;
    }
    
    @media (max-width: 767px) {
        .step-breadcrumb {
            margin-left: 10px;
            margin-right: 10px;
            width: calc(100% - 20px) !important;
        }
    }
    
    .step-breadcrumb {
        width: 100%;
        margin-top: 10px;
        border-radius: 4px;
    }
    
    .step-breadcrumb .badge {
        position: absolute;
        top: -8px;
        right: 0;
        background: #fff;
        color: #3dcb43;
        border: 1px solid #2c95c8;
        width: 16px;
        height: 16px;
        border-radius: 55%;
        padding: 1px 1px;
        font-size: 12px;
        min-width: 16px;
    }
    
    .step-breadcrumb .btn {
        border-color: transparent;
        border: 0px solid transparent;
        border-right: 1px solid transparent !important;
        font-size: 10px;
    }
    
    .step-breadcrumb .badge i {
        font-size: 18px;
        margin-top: -6px;
    }
    
    .btn-primary,
    .breadcrumb-primary {
        background: #e6e7e7;
        border: 1px solid #2c95c8;
    }
    
    .btn-primary:hover {
        background-color: #286090;
    }
    
    .step-breadcrumb .btn-derecha {
        float: right;
        margin-right: 0px;
        padding: 6px 10px 6px 10px !important;
        margin-left: 0px !important;
        border-radius: 0px !important;
    }
    
    .step-breadcrumb .btn-derecha:first-child {
        border-top-right-radius: 2px !important;
        border-bottom-right-radius: 2px !important;
    }
    
    .step-breadcrumb .step-breadcrumb:after,
    .step-breadcrumb .btn-derecha:before {
        content: none !important;
    }
    
    .step-breadcrumb .btn:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 21px solid transparent;
        border-left: 21px solid white;
        position: absolute;
        top: 50%;
        margin-top: -21px;
        margin-left: 0px;
        left: 100%;
        z-index: 3;
    }
    
    .step-breadcrumb .btn:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 20px solid transparent;
        border-bottom: 21px solid transparent;
        border-left: 21px solid rgb(173, 173, 173);
        position: absolute;
        top: 50%;
        margin-top: -21px;
        margin-left: 1px;
        left: 100%;
        z-index: 3;
    }
    
    .step-breadcrumb.breadcrumb-list1 .btn:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 18px solid white;
        position: absolute;
        top: 50%;
        margin-top: -18px;
        margin-left: 0px;
        left: 100%;
        z-index: 3;
    }
    
    .step-breadcrumb.breadcrumb-list1 .btn:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 17px solid transparent;
        border-bottom: 18px solid transparent;
        border-left: 18px solid rgb(173, 173, 173);
        position: absolute;
        top: 50%;
        margin-top: -18px;
        margin-left: 1px;
        left: 100%;
        z-index: 3;
    }
    
    .modal-header {
        padding: 4px 15px;
        line-height: 20px;
        font-size: 16px;
    }
    
    .modal-header .close {
        margin-top: -16px;
    }
    
    .modal-header h4 {
        font-size: 14px;
    }
    
    .mb-20 {
        margin-bottom: 20px;
    }
    /** The Spacing **/
    
    .step-breadcrumb .btn {
        padding: 6px 8px 6px 18px;
        border: 1px solid #A5A5A5;
    }
    
    .step-breadcrumb .btn:first-child {
        padding: 6px 8px 6px 16px;
    }
    
    .step-breadcrumb.breadcrumb-list1 .btn {
        padding: 8px 9px 8px 20px;
        font-size: 12px;
        font-weight: bold;
    }
    
    .step-breadcrumb.breadcrumb-list1 .btn:first-child {
        padding: 8px 9px 8px 20px;
    }
    /*.btn-breadcrumb .btn:last-child {padding:6px 18px 6px 24px;}
*/
    
    .step-breadcrumb .btn.btn-default:after {
        border-left: 12px solid #fff;
    }
    
    .step-breadcrumb .btn.btn-default:hover,
    .step-breadcrumb .btn.btn-default.active,
    .step-breadcrumb .btn.btn-default.current {
        background-color: #A5A5A5;
        border-color: #A5A5A5;
        color: #fff;
    }
    
    .step-breadcrumb .btn.btn-default:hover:after,
    .step-breadcrumb .btn.btn-default.active:after,
    .step-breadcrumb .btn.btn-default.current:after {
        border-left: 8px solid #A5A5A5;
    }
    
    .step-breadcrumb .btn.btn-default:hover:before,
    .step-breadcrumb .btn.btn-default.active:before,
    .step-breadcrumb .btn.btn-default:before,
    .step-breadcrumb .btn.btn-default.current:before {
        border-left: 12px solid #A5A5A5;
    }
    
    .step-breadcrumb .btn.btn-info {
        background-color: #A5A5A5;
        border-color: #A5A5A5;
    }
    
    .step-breadcrumb .btn.btn-info:after {
        border-left: 11px solid #A5A5A5;
    }
    
    .step-breadcrumb .btn.btn-info:hover:after,
    .step-breadcrumb .btn.btn-info.active:after {
        border-left: 11px solid #A5A5A5;
    }
    
    .step-breadcrumb .btn.btn-info:hover:before,
    .step-breadcrumb .btn.btn-info.active:before,
    .step-breadcrumb .btn.btn-info:before,
    .step-breadcrumb .btn.btn-info.active:before {
        border-left: 15px solid #fff;
    }
    
    .step-breadcrumb .btn:last-child:after {
        margin-left: -1px;
    }
    
    .step-breadcrumb .btn:last-child:before {
        margin-left: 0px;
    }
    
    .step-breadcrumb .btn.btn-default.active {
        box-shadow: none;
        background: #A5A5A5;
    }
    
    .question-wrapper .clickable {
        cursor: pointer;
    }
    
    .question-wrapper .panel-heading span {
        margin-top: -20px;
        font-size: 15px;
    }
    
    .audit-question-fix-panel .btn-group .badge.badge-lg {
        top: 0px;
        font-size: 16px;
        font-weight: normal;
        line-height: 15px;
        height: 22px;
        border-radius: 60px;
    }
    
    .audit-question-fix-panel .btn-group button {
        padding: 2px 12px;
    }
    
    .question-wrapper .panel .panel-title {
        text-transform: none;
        letter-spacing: inherit;
        font-size: 14px;
        font-weight: normal;
        padding: 0;
        margin: 0;
        color: #333333;
        border-radius: 4px;
    }
    
    .question-wrapper .question-badge {
        background: #fff;
        border: 2px solid #d4d4d4;
        border-radius: 60px;
        height: 22px;
        width: 22px;
        color: #3dcb43;
        text-align: center;
        padding: 1px 1px;
        margin-top: -4px;
        margin-left: 10px;
        font-size: 16px;
    }
    
    .question-wrapper .question-badge i {
        font-size: 24px;
        margin-top: -6px;
    }
    
    .question-wrapper .panel h6 {
        text-transform: inherit;
        letter-spacing: inherit;
        font-weight: bold;
        margin-top: 30px;
        margin-bottom: 0px;
        font-size: 10px;
    }
    
    .heading-badge {
        background: #fff !important;
        border: 2px solid #d4d4d4;
        border-radius: 60px !important;
        height: 22px !important;
        width: 22px;
        color: #3dcb43;
        text-align: center !important;
        padding: 1px 1px !important;
        margin-top: -4px;
        margin-left: 10px;
        font-size: 16px;
    }
    
    .heading-badge i {
        font-size: 24px;
        margin-top: -6px;
    }
    
    .audit-question-fix-panel {
        box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        -moz-box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        -webkit-box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        border: 1px solid #e3e6f0;
        -ms-box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        padding: 10px;
        background: #fff;
        margin-bottom: 0px;
    }
    
    .audit-question-fix-panel .btn-group {
        margin-bottom: 5px;
    }
    
    .audit-question-fix-panel .tabdiv3_link {
        min-width: 71px;
    }
    
    .question-wrapper .panel-body>.row .question-slide-btn-grp {}
    
    .description-show {
        color: #0095C8;
        font-size: 24px;
        background: none;
    }
    
    .question-wrapper .panel-title,
    .question-wrapper .radio_group label {
        font-size: 12px !important;
        line-height: 16px;
    }
    
    .question-wrapper .panel-body>.row .question-slide-btn-grp button {
        min-width: 34px;
        margin-bottom: 5px;
    }
    
    .question-wrapper .panel-body>.row .question-slide-btn:hover {}
    
    .question-wrapper .panel-heading {
        color: #082f61;
        background-color: #dfe4ee;
        border-color: #dfe4ee;
    }
    
    .question-wrapper .panel {
        border: none;
        box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        -moz-box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        -webkit-box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        -ms-box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .question-description-panel {
        min-width: 300px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0px;
        background: #2c95c8;
        z-index: 2;
        color: #fff;
        border-radius: 3px;
        padding: 10px;
    }
    
    .question-description-panel-close {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        font-size: 16px !important;
    }
    
    .question-description-panel p {
        color: #fff;
    }
    
    .question-description-panel h5 {
        text-transform: none;
        letter-spacing: inherit;
        font-weight: normal;
        margin-bottom: 10px;
    }
    
    .tabdiv .nav.nav-tabs .badge {
        position: absolute;
        top: 0px;
        right: 3px;
        background: #0095C8;
        border-radius: 55%;
        min-width: 16px;
        width: 16px;
        height: 16px;
        text-align: center;
        padding: 1px 2px;
        border: 1px solid #0095C8;
        color: #fff;
    }
    /*.side-nav:hover .mCSB_scrollTools{ opacity:1 !important;}*/
    
    .question-slide-inner .scrollbar {
        max-width: 100%;
        width: 100%;
        height: 100% !important;
        max-height: 100% !important;
    }
    
    .question-wrapper .mCSB_scrollTools,
    .question-slide-inner .mCSB_scrollTools {
        opacity: 0 !important;
    }
    
    .question-wrapper:hover .mCSB_scrollTools,
    .question-slide-inner:hover .mCSB_scrollTools {
        opacity: 1 !important;
    }
    
    .question-wrapper .mCSB_scrollTools,
    .question-slide-inner .mCSB_scrollTools {
        width: 8px;
    }
    
    .text-breadcrumb .breadcrumb>li+li:before {
        display: none;
    }
    
    .text-breadcrumb .breadcrumb {
        background: none;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .text-breadcrumb .breadcrumb li i {
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .question-wrapper .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .question-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .question-slide-inner .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .question-slide-inner .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
    }
    
    .question-slide-inner .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
    .question-slide-inner .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        background: none;
    }
    
    .question-wrapper .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp,
    .question-slide-inner .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
        display: none !important;
    }
    
    .question-wrapper .mCS-3d-thick-dark.mCSB_scrollTools,
    .question-slide-inner .mCS-3d-thick-dark.mCSB_scrollTools {
        box-shadow: none;
    }
    
    .question-wrapper .mCSB_container_wrapper,
    .question-slide-inner .mCSB_container_wrapper {
        margin-right: 0px;
    }
    
    .question-wrapper .mCSB_inside>.mCSB_container,
    .question-slide-inner .mCSB_inside>.mCSB_container {
        margin-right: 0px;
    }
    
    .mr-0 {
        margin-right: 0px !important;
    }
    
    .ml-1px {
        margin-left: 1px !important;
    }
    
    .ml-2px {
        margin-left: 2px !important;
    }
    
    .ml-3px {
        margin-left: 3px !important;
    }
    
    .ml-4px {
        margin-left: 4px !important;
    }
    
    .ml-5px {
        margin-left: 5px !important;
    }
    
    .bs-space-type1 .row {
        margin-left: -10px;
        margin-right: -10px;
    }
    
    .bs-space-type1 .col-lg-1,
    .bs-space-type1 .col-lg-10,
    .bs-space-type1 .col-lg-11,
    .bs-space-type1 .col-lg-12,
    .bs-space-type1 .col-lg-2,
    .bs-space-type1 .col-lg-3,
    .bs-space-type1 .col-lg-4,
    .bs-space-type1 .col-lg-5,
    .bs-space-type1 .col-lg-6,
    .bs-space-type1 .col-lg-7,
    .bs-space-type1 .col-lg-8,
    .bs-space-type1 .col-lg-9,
    .bs-space-type1 .col-md-1,
    .bs-space-type1 .col-md-10,
    .bs-space-type1 .col-md-11,
    .bs-space-type1 .col-md-12,
    .bs-space-type1 .col-md-2,
    .bs-space-type1 .col-md-3,
    .bs-space-type1 .col-md-4,
    .bs-space-type1 .col-md-5,
    .bs-space-type1 .col-md-6,
    .bs-space-type1 .col-md-7,
    .bs-space-type1 .col-md-8,
    .bs-space-type1 .col-md-9,
    .bs-space-type1 .col-sm-1,
    .bs-space-type1 .col-sm-10,
    .bs-space-type1 .col-sm-11,
    .bs-space-type1 .col-sm-12,
    .bs-space-type1 .col-sm-2,
    .bs-space-type1 .col-sm-3,
    .bs-space-type1 .col-sm-4,
    .bs-space-type1 .col-sm-5,
    .bs-space-type1 .col-sm-6,
    .bs-space-type1 .col-sm-7,
    .bs-space-type1 .col-sm-8,
    .bs-space-type1 .col-sm-9,
    .bs-space-type1 .col-xs-1,
    .bs-space-type1 .col-xs-10,
    .bs-space-type1 .col-xs-11,
    .bs-space-type1 .col-xs-12,
    .bs-space-type1 .col-xs-2,
    .bs-space-type1 .col-xs-3,
    .bs-space-type1 .col-xs-4,
    .bs-space-type1 .col-xs-5,
    .bs-space-type1 .col-xs-6,
    .bs-space-type1 .col-xs-7,
    .bs-space-type1 .col-xs-8,
    .bs-space-type1 .col-xs-9 {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    .verticalscrollbar_show .mCSB_scrollTools.mCSB_scrollTools_vertical {
        visibility: visible !important;
    }
    
    .Nullbg_multiselect_dropdownv .chosen-container.chosen-container-multi .chosen-choices {
        background: none !important;
        box-shadow: none !important;
        border-radius: 0px !important;
    }
    
    .Nullbg_multiselect_dropdownv .chosen-container-multi .chosen-choices {
        border: none;
    }
    
    .Nullbg_multiselect_dropdownv .chosen-container.chosen-container-multi .chosen-choices li.search-field input {
        padding-left: 0px !important;
    }
    
    .slide_arrow {
        position: absolute;
        right: 15px;
        top: 40%;
    }
    
    #slide_inner_wrap-close {
        float: right;
        cursor: pointer;
        position: absolute;
        right: 15px;
        color: #082f62;
        z-index: 9999999;
        top: 0px;
    }
    
    .slide_inner_wrap_inner {
        transition: right .25s ease-in-out;
        position: fixed;
        width: 400px;
        right: -400px;
        bottom: 20%;
        z-index: 99999;
        padding: 15px;
    }
    
    .slide_inner_wrap_inner .nav-container {
        transition: left .25s ease-in-out;
        position: relative;
        left: 0
    }
    
    .slide_inner_wrap_inner.nav-container.show-sub {
        left: -400px
    }
    
    .open .slide_inner_wrap_inner {
        right: 15px;
    }
    
    #question-slide-close {
        float: right;
        cursor: pointer;
        position: absolute;
        right: 0px;
        color: #082f62;
        z-index: 9999999;
        top: -5px;
    }
    
    .question-slide-Wrapper {
        position: absolute;
        right: 0;
        top: 10%;
        z-index: 9999;
        cursor: pointer;
    }
    
    .question-slide-inner_inner h4 {
        margin-bottom: 10px;
        text-transform: inherit;
        letter-spacing: inherit;
        font-size: 14px;
        font-weight: bold;
        font-family: 'Lato', sans-serif;
    }
    
    .question-slide-inner_inner h4.title {}
    
    .question-slide-inner_inner p {
        margin-bottom: 15px;
    }
    
    .question-slide-inner_inner {
        transition: right .25s ease-in-out;
        background: rgb(248, 249, 253);
        position: fixed;
        width: 32%;
        right: -32%;
        bottom: 35px;
        z-index: 99999;
        padding: 15px;
        border-top: 1px solid #d4d4d4;
        border-left: 1px solid #d4d4d4;
        border-bottom: 1px solid #d4d4d4;
        border-radius: 4px 0px 0px 4px;
        height: calc(100vh - 23.5%);
    }
    
    @media (min-width: 1380px) {
        .question-slide-inner_inner {
            width: 28.5%;
            right: -28.5%;
            bottom: 35px;
            height: calc(100vh - 20.5%);
        }
    }
    
    .question-slide-inner_inner .nav-container {
        transition: left .25s ease-in-out;
        position: relative;
        left: 0
    }
    
    .question-slide-inner_inner .nav-container.show-sub {
        left: -400px
    }
    
    .open .question-slide-inner_inner {
        right: 15px;
    }
    
    .question-slide-btn {
        transition: right .25s ease-in-out;
        position: relative;
        right: 0;
        z-index: 9999;
        top: 40%;
    }
    
    .question-slide-btn.open {
        right: 400px
    }
    
    .question-slide-btn.open .description-show {
        display: none;
    }
    
    =======.scrollbar.scrollbar-resolution {
        height: 320px;
    }
    
    @media (min-width: 1380px) {
        .scrollbar.scrollbar-resolution {
            height: 420px;
        }
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 ul.table-ul-lists {
        display: flex;
        width: 100%;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 ul.head-title.table-ul-lists .l-1-list {
        flex: 3.45;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 ul.head-title.table-ul-lists .l-2-list {
        flex: 1.2;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 ul.head-title.table-ul-lists .l-3-list {
        flex: 0.8;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 ul.head-title.table-ul-lists .l-4-list {
        flex: 0.8;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 ul.head-title.table-ul-lists .l-5-list {
        flex: 0.8;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 ul.head-title.table-ul-lists .l-6-list {
        flex: 0.8;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 ul.head-title.table-ul-lists .l-7-list {
        flex: 0.8;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 .content-rows .table-ul-lists .l-1-list {
        flex: 3.45;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 .content-rows .table-ul-lists .l-2-list {
        flex: 1.2;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 .content-rows .table-ul-lists .l-3-list {
        flex: 0.8;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 .content-rows .table-ul-lists .l-4-list {
        flex: 0.8;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 .content-rows .table-ul-lists .l-5-list {
        flex: 0.8;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 .content-rows .table-ul-lists .l-6-list {
        flex: 0.8;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 .content-rows .table-ul-lists .l-7-list {
        flex: 0.8;
    }
    
    .table_containerdiv.sevencol-type1.sevencol-without-slno-type1 .content-rows .table_divrows li.table-ul-lists {
        width: 100% !important;
    }
    
    .full_dropdown_wrapper {
        width: 100%;
        position: absolute;
        border-radius: 4px;
        z-index: 1111;
        margin-top: 15px;
    }
    
    .body_overlay {
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 1110;
        left: 0;
        top: 0;
    }
    
    .full_dropdown_wrapper_close {
        float: right;
        color: #000;
        cursor: pointer;
        margin-top: -2px;
        margin-right: 0px;
    }
    
    .full_dropdown_wrapper label {
        float: left;
        padding-left: 20px;
        margin-bottom: 15px;
        cursor: pointer;
    }
    
    .full_dropdown_wrapper label i {
        float: left;
        margin-left: -20px;
        margin-top: 4px;
        color: #f0f1f5;
    }
    
    .width100 {
        width: 100% !important;
    }
    
    .heading-badge-disable {
        opacity: 0.4;
    }
    
    .btn-focus {
        background: #0095C8;
        color: #fff;
    }
    
    .btn-focus:hover,
    .btn-focus:focus {
        background: #0085b3;
        color: #fff;
    }
    
    .badge-danger {
        background: #FF5454 !important;
    }
    
    .badge-success {
        background: #04cb44 !important;
    }
    
    .btn-group .btn-danger {
        background-color: #FF5454;
        border-color: #FF5454;
    }
    
    .btn-group .btn-success {
        background-color: #04cb44;
        border-color: #04cb44;
    }
    
    .btn-group .btn-warning {
        background-color: #ff9833;
        border-color: #ff9833;
    }
    
    .selectWrap-1 .chosen-container .chosen-single {
        box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        -moz-box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        -webkit-box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        border: 1px solid #e3e6f0;
        -ms-box-shadow: 0 0.15rem 1.5rem 0 rgba(58, 59, 69, .15);
        padding: 0px 10px;
        height: auto;
        background: #fff;
    }
    
    .selectWrap-1 .chosen-container .chosen-drop .chosen-results li:hover,
    .selectWrap-1 .chosen-container .chosen-drop .chosen-results li.active-result.result-selected {
        background: #F8F9FD;
        color: #333;
    }
    
    @media (min-width: 768px) {
        .modal-small {
            width: 550px !important;
        }
        .col-5-in-one-row {
            width: 20%;
        }
    }
    
    .scrollbar.customScrollbar-for-view-chosen-drop .mCSB_container {
        overflow: initial;
    }
    
    .box-inner-tab-wrap .nav-tabs {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .tab-carausel {
        margin: 0;
        padding: 0px;
    }
    
    .tab-carausel li.active a,
    .tab-carausel li.active a:focus,
    .tab-carausel li.active a:hover {
        color: #555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #ddd;
        border-bottom-color: transparent;
    }
    
    .tab-carausel li a {
        background: #F8F9FD;
        margin-right: 10px;
        color: #000;
        text-align: center;
        border: none;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        border-radius: 35px 4px 0px 0px;
        text-decoration: none;
    }
    
    .tab-carausel li:focus,
    .tab-carausel li:active {
        outline: none;
    }
    
    .tab-carausel li.active a,
    .tab-carausel li:hover a,
    .tab-carausel li.active a:focus,
    .tab-carausel li.active a:hover {
        color: #fff;
        background-color: #0095C8;
        border: none;
    }
    
    .tab-carausel li a {
        position: relative;
        display: block;
        padding: 10px 15px;
    }
    
    .tab-carausel.slick-slider button.slick-prev,
    .tab-carausel.slick-slider button.slick-next {
        width: 12px;
        height: 30px;
        top: 4px;
    }
    
    .tab-carausel.slick-slider button.slick-next {
        padding-right: 10px;
    }
    
    .nav-tabs.tab-carausel.slick-slider button.slick-prev {
        padding-left: 2px;
    }
    
    .navigation-wrap {
        position: relative;
        top: 0;
        right: 0;
    }
    
    .navigation-wrap button {
        position: absolute;
        z-index: 999;
        position: absolute;
        width: 20px;
        height: 25px;
        background: #fff;
        border: 1px solid #36a9e1;
        opacity: 1;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        color: #36a9e1;
        border-radius: 3px;
        line-height: 20px;
        top: 0;
    }
    
    .navigation-wrap button:hover {
        background: #36a9e1;
        color: #fff;
    }
    
    .navigation-wrap button.next {
        right: 0px;
    }
    
    .navigation-wrap button.prev {
        right: 25px;
        left: auto;
    }
    
    .navigation-wrap button.disabled {
        opacity: 0.5 !important;
        pointer-events: none;
    }
    
    .navigation-wrap button.prev:before {
        font-family: 'FontAwesome';
        content: "\f104";
        font-size: 18px;
    }
    
    .navigation-wrap button.next:before {
        font-family: 'FontAwesome';
        content: "\f105";
        font-size: 18px;
    }
    
    .panel-group.accordionwrap1 .panel-heading a:after {
        top: 6px;
    }
    
    .panel-group.accordionwrap1 .panel {
        border: none;
        background-color: #f5f5f5;
        border-radius: 0px;
    }
    
    .accordionwrap1 {
        margin-bottom: 5px;
    }
    
    .accordionwrap1 .panel-heading {
        padding: 0px;
        border-radius: 3px;
    }
    
    .accordionwrap1 .panel-heading a {
        background: #f5f5f5;
        text-decoration: none;
        margin-bottom: 0px;
        border-radius: 3px;
    }
    
    .accordionwrap1 .panel-default>.panel-heading a {
        display: block;
        padding: 6px 5px 6px 20px;
    }
    
    .panel-group.accordionwrap1 .panel-heading a:after {
        content: '\f056';
        position: absolute;
        left: 0px;
        top: 4px;
        font-family: 'FontAwesome';
        color: #0095C8;
        font-size: 16px;
    }
    
    .panel-group.accordionwrap1 .panel-body {
        padding: 10px 10px 10px 10px;
    }
    
    .accordionwrap1 .panel-heading a:after {
        top: 4px;
    }
    
    .panel-group.accordionwrap1 .panel-heading a.collapsed:after {
        content: '\f055';
    }
    
    .accordionwrap1 .panel-default>.panel-heading a[aria-expanded="true"] {
        background-color: #f5f5f5;
        border-radius: 3px 3px 0 0;
    }
    
    .accordionwrap1 .panel-title div.smbtn {
        padding: 2px 8px;
        border-radius: 3px;
        color: #fff;
        font-size: 13px;
        float: right;
        margin-top: 0px;
        margin-left: 2px;
        margin-right: 2px;
    }
    
    .accordionwrap1 .panel-title div.smbtnborder {
        padding: 2px 8px;
        border-radius: 3px;
        font-size: 13px;
        float: right;
        margin-top: -7px;
        margin-left: 2px;
        margin-right: 2px;
        border: 1px solid #66afe9;
    }
    
    .accordionwrap1 .panel-title div.smbtnborder span {
        padding: 0px !important;
        font-size: 9px;
        margin: 0px;
        color: #000;
        text-align: center;
        line-height: 27px;
    }
    
    .accordionwrap1 .panel-title div.btn {
        background: #0093c6;
        border: none;
    }
    
    .accordionwrap1 .panel-title a {
        padding: 0;
    }
    
    .panel-group.accordionwrap1 .panel-heading .without-ancher:after {
        top: 6px;
    }
    
    .accordionwrap1 .panel-heading .without-ancher {
        background: #fff;
        text-decoration: none;
        margin-bottom: 0px;
        border-radius: 3px;
    }
    
    .accordionwrap1 .panel-default>.panel-heading .without-ancher {
        display: block;
        padding: 6px 15px 6px 15px;
    }
    
    .panel-group.accordionwrap1 .panel-heading .without-ancher:after {
        content: '\f056';
        font-family: 'FontAwesome';
        color: #0095C8;
        font-size: 16px;
        float: left;
        margin-right: 10px;
    }
    
    .accordionwrap1 .panel-heading .without-ancher:after {
        top: 4px;
    }
    
    .panel-group.accordionwrap1 .panel-heading .without-ancher.collapsed:after {
        content: '\f055';
    }
    
    .accordionwrap1 .panel-default>.panel-heading .without-ancher[aria-expanded="true"] {
        background-color: #daf1fc;
        border-radius: 3px 3px 0 0;
    }
    
    .accordionwrap1 .panel-title .without-ancher {
        padding: 0;
    }
    
    .accordionwrap1 .legendclass1 {
        font-size: 13px;
        color: #333;
    }
    
    .accordionwrap1 table td {
        font-size: 13px;
    }
    
    .table_head {
        width: 100%;
        border: 2px solid #29eec9;
    }
    
    .table_content {
        display: flex;
        width: 100%;
    }
    
    .table_content {
        margin-top: -1px;
    }
    
    .table_head .table_column {
        font-weight: bold;
        float: left;
    }
    
    .table_content .table_column {
        display: table-cell;
        font-weight: normal;
    }
    
    .table_head .table_column,
    .table_content .table_column {
        padding: 5px;
    border-right: 1px solid #29eec9;
    border-bottom: 1px solid #29eec9;
    word-break: break-word;
    }
    /* Antibiotic */

    .table_content_anti_1,
    .table_head_anti_1 {
        width: 80%;
    }

    .table_content_anti_2,
    .table_head_anti_2 {
        width: 20%;
    }

    .table_content_anti_3,
    .table_head_anti_3 {
        width: 15%;
    }

    .table_content_anti_4,
    .table_head_anti_4 {
        width: 15%;
    }

    .table_content_anti_5,
    .table_head_anti_5 {
        width: 30%;
    }

    .table_content_anti_6,
    .table_head_anti_6 {
        width: 40%;
    }
    /* Antibiotic End */
    
    .table_content_1,
    .table_head_1 {
        width: 30%;
    }
    
    .table_content_2,
    .table_head_2 {
        width: 10%;
    }
    
    .table_content_3,
    .table_head_3 {
        width: 10%;
    }
    
    .table_content_4,
    .table_head_4 {
        width: 10%;
    }
    
    .table_content_5,
    .table_head_5 {
        width: 20%;
    }
    
    .table_content_6,
    .table_head_6 {
        width: 20%;
    }
    
    .table_head .TwolineHeight {
        min-height: 55px;
        max-height: 55px;
    }
    
    .nursingprivsec .table_content_1,
    .nursingprivsec .table_head_1 {
        width: 30%;
    }
    
    .nursingprivsec .table_content_2,
    .nursingprivsec .table_head_2,
    .nursingprivsec .table_content_3,
    .nursingprivsec .table_head_3,
    .nursingprivsec .table_content_4,
    .nursingprivsec .table_head_4,
    .nursingprivsec .table_content_5,
    .nursingprivsec .table_head_5,
    .nursingprivsec .table_content_6,
    .nursingprivsec .table_head_6,
    .nursingprivsec .table_content_7,
    .nursingprivsec .table_head_7 {
        width: 8.33%;
    }
    
    .nursingprivsec .table_content_8,
    .nursingprivsec .table_head_8 {
        width: 10%;
    }
    
    .nursingprivsec .table_head .TwolineHeight {
        min-height: 55px;
        max-height: 55px;
        position: relative;
    }
    
    .paddingbtmlist {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    
    .selectpadlist {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    
    .topheadlistsec {
        width: calc(300% - 8px);
        background: #36A9E1;
        color: #fff;
        position: absolute;
        z-index: 1
    }
    
    .topheadlistsec_1 {
        width: calc(100% - 8px);
        background: #36A9E1;
        color: #fff;
        position: absolute;
        z-index: 1
    }
    
    .smallpaddsec {
        padding-top: 5px;
    }
    
    .msmallpaddsec {
        padding-top: 25px;
    }
    
    .arrow-highlight {
        position: relative;
        margin: 0 1.2em 0 0.5em;
        padding: 0 0.2em;
        color: #ffffff;
    }
    
    .arrow-highlight:before {
        content: "";
        z-index: -1;
        left: -0.9em;
        top: -0.2em;
        border-width: 0.8em;
        border-style: solid;
        border-color: #36A9E1;
        position: absolute;
        width: calc(121% - 0.9em);
        border-left-color: transparent;
        background: #36A9E1;
    }
    
    .arrow-highlight:after {
        content: "";
        z-index: -1;
        right: -2px;
        top: -0.2em;
        border-width: 0.8em;
        border-style: solid;
        border-color: #36A9E1;
        position: absolute;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
        transform: rotate(180deg);
        transform-origin: center right;
    }
    
    .simple-highlight1 {
        background-color: #00bfea;
        padding: 0.1em 0.4em;
        color: #ffffff;
    }
    
    .simple-highlight2 {
        background-color: #eaa200;
        padding: 0.1em 0.4em;
        color: #ffffff;
    }
    
    .simple-highlight3 {
        background-color: #d9534f;
        padding: 0.1em 0.4em;
        color: #ffffff;
    }
    
    .zindexindex {
        z-index: 1;
    }
    
    .ribbon-highlight {
        position: relative;
        margin: 0.1em;
        padding: 0px 30px;
        color: #ffffff;
    }
    
    .ribbon-highlight:before {
        content: "";
        z-index: -1;
        left: 0;
        top: -0.62em;
        border-width: 1.2em;
        border-style: solid;
        border-color: #36A9E1;
        position: absolute;
        width: 100%;
        border-left-color: transparent;
        border-right-color: transparent;
        background: #36A9E1;
    }
    
    .fifthCol .table_content_1,
    .fifthCol .table_head_1 {
        width: 45%;
    }
    
    .fifthCol .table_content_2,
    .fifthCol .table_head_2 {
        width: 10%;
    }
    
    .fifthCol .table_content_3,
    .fifthCol .table_head_3 {
        width: 10%;
    }
    
    .fifthCol .table_content_4,
    .fifthCol .table_head_4 {
        width: 10%;
    }
    
    .fifthCol .table_content_5,
    .fifthCol .table_head_5 {
        width: 25%;
    }
    
    .table_menu_options {
        position: absolute;
        right: 30px;
        top: 15px;
    }
    
    .table_head .table_column:last-child {
        border-right: none;
    }
    
    .form-inline .chosen-container {
        min-width: 120px;
        max-width: 100%;
        width: auto !important;
    }
    
    .nav-tab-btn {
        position: absolute !important;
        right: 15px !important;
    }
    
    .nav-tab-btn a {
        float: left !important;
        padding: 5px 10px !important;
        font-size: 12px !important;
        margin-left: 2px !important;
        margin-right: 2px !important;
        margin-top: 4px !important;
        background: #e6e7e7!important;
        border-radius: 3px !important;
        color: #004080 !important;
        border: 1px solid #2c95c8 !important;
    }
    
    .nav-tab-btn a:hover {
        background: #004080 !important;
        color: #fff !important;
    }
    
    .modal-sm-1 {
        max-width: 500px;
        width: 100%;
    }
    
    .form-inline .chosen-fixed-width .chosen-container {
        max-width: 185px;
    }
    
    .display-inline-block {
        display: inline-block;
    }
    
    .slide-50Percent {
        width: 50%;
        padding: 10px;
    }
    
    .form-inline .chosen-200 .chosen-container {
        min-width: 200px;
    }
    
    .form-inline .small-chosen .chosen-container {
        min-width: 150px;
        max-width: 160px;
    }
    
    .question-list-wrap h5 {
        letter-spacing: inherit;
        font-size: 13px;
        color: #666;
        text-transform: inherit;
        vertical-align: top;
    }
    
    .question-list-wrap {
        display: table;
        margin-bottom: 10px;
        width: 100%;
        padding-right: 5px;
        border-bottom: 1px solid #f6f6f6;
        padding-bottom: 10px;
        line-height: inherit;
    }
    
    .question-list-wrap span,
    .question-list-wrap h5 {
        display: table-cell;
    }
    
    .question-list-wrap span {
        text-align: right;
        min-width: 85px;
        margin-left: 10px;
        float: right;
    }
    
    .modal-type-2 .modal-header {
        background: #f6f6f6;
        border-radius: 4px 04px 0px 0px;
    }
    
    .modal-type-2 .modal-header label {
        font-size: 13px;
    }
    
    .chosen-Select .chosen-container .chosen-single {
        border: 1px solid #e4e4e4 !important;
        box-shadow: none;
    }
    
    .chosen-Select .chosen-container {
        width: 100% !important;
    }
    
    .custom_dt div.dataTables_filter,
    .custom_dt div.dataTables_length {
        display: inline-block !important;
    }
    
    .custom_dt div.dataTables_wrapper div.dataTables_filter {
        float: right;
        margin-right: 5px;
    }
    
    .toggleWrapper {
        width: calc(100% - 10px);
        padding: 15px;
        background: #ffffff;
        border-radius: 3px;
        border: 1px solid #ddd;
        display: none;
        margin-bottom: 15px;
    }
    
    table.dataTable.secondColNowrap td:nth-child(2) {
        white-space: nowrap;
    }
    
    thead.nowrap th {
        white-space: nowrap;
    }
    
    .accordionwrap1.verticalStep:before {
        content: '';
        width: 2px;
        background: #36a9e1;
        position: absolute;
        /* height: calc(100% - 30px); */
        top: 10px;
        left: 24px;
    }
    
    .accordionwrap1.verticalStep .panel-default>.panel-heading a {
        background: transparent !important;
    }
    
    .accordionwrap1.verticalStep .panel-body {
        padding-left: 10px;
    }
    
    .panel-group.accordionwrap1.verticalStep .panel-heading a.collapsed:after {
        content: '\f067';
    }
    
    .panel-group.accordionwrap1.verticalStep .panel-heading a:after {
        content: '\f068';
        background: #0095C8;
        border-radius: 60px;
        height: 20px;
        width: 20px;
        text-align: center;
        line-height: 22px;
        color: #fff;
        font-size: 12px;
        padding-left: 1px;
    }
    
    .panel-group.accordionwrap1.verticalStep .panel-default>.panel-heading a {
        padding: 8px 5px 8px 30px;
    }
    
    .accordionwrap1.verticalStep .panel-body .tablecheckList {
        background: #ffffff;
    }
    
    .mb-0 {
        margin-bottom: 0;
    }
    
    .panel-heading-btn-option {
        position: relative;
    }
    
    .panel-heading-btn-option .panel-title {
        display: inline-block;
    }
    
    .panel-heading-btn-option .btn-grp {
        position: absolute;
        right: 0;
        top: 12px;
    }
    
    .accordionwrap1.verticalStep.sml-popup-verticalStep:before {
        left: 9px;
    }
    
    .btn-blink {
        background-color: #0095C8;
        color: #FFFFFF;
        -webkit-animation: glowing 1500ms infinite;
        -moz-animation: glowing 1500ms infinite;
        -o-animation: glowing 1500ms infinite;
        animation: glowing 1500ms infinite;
    }
    
    @-webkit-keyframes glowing {
        0% {
            background-color: #FD4853;
        }
        50% {
            background-color: #0095C8;
        }
        100% {
            background-color: #FD4853;
        }
    }
    
    @-moz-keyframes glowing {
        0% {
            background-color: #FD4853;
        }
        50% {
            background-color: #0095C8;
        }
        100% {
            background-color: #FD4853;
        }
    }
    
    @-o-keyframes glowing {
        0% {
            background-color: #FD4853;
        }
        50% {
            background-color: #0095C8;
        }
        100% {
            background-color: #FD4853;
        }
    }
    
    @keyframes glowing {
        0% {
            background-color: #FD4853;
        }
        50% {
            background-color: #0095C8;
        }
        100% {
            background-color: #FD4853;
        }
    }
    
    .chosen_up .chosen-container .chosen-drop {
        top: auto !important;
        bottom: 100% !important;
    }
    
    .inline-block-wrap .mr {
        margin-right: 5px;
    }
    
    .inline-block-wrap .ml {
        margin-left: 5px;
    }
    
    .inline-block-wrap .checkbox-inline {
        margin-top: 5px;
    }
    
    .default-chosen .chosen-drop.chosen_reverse {
        top: 100% !important;
        bottom: auto !important;
    }
    
    .highchartColactiveBtn a {
        margin: 0 2%;
    }
    
    .highchartColactiveBtn {
        margin-top: -11px;
        margin-bottom: -8px;
        background: #e6e7e7;
        border-radius: 20px;
        padding: 5px;
    }
    
    .highchartColactiveBtn a {
        position: relative;
        background: transparent;
        border: none;
        padding: 2px 6px;
        border-radius: 12px !important;
        margin-left: 5px !important;
        margin-right: 5px;
    }
    
    .highchartColactiveBtn a:after {
        content: '';
        width: 1px;
        height: 16px;
        position: absolute;
        right: -5px;
        top: 5px;
        background: #2c95c8;
    }
    
    .highchartColactiveBtn a:last-child:after {
        display: none;
    }
    
    .highchartColactiveBtn a:hover,
    .highchartColactiveBtn a.active {
        background: #2c95c8;
        box-shadow: 0px 1px 3px -1px rgb(0 0 0 / 60%);
    }
    
    .border-less th,
    .border-less td {
        border: none !important;
    }
    
    .w-100 {
        width: 100%;
    }
    
    .middle_content {
        height: calc(0vh - 0px);
        display: flex;
        align-items: center;
    }
    
    .box_table_wrap thead th:first-child {
        border-radius: 24px 0px 0px 0px;
    }
    
    .box_table_wrap table {
        box-shadow: 0 20px 15px 0 rgb(0 0 0 / 8%);
        margin-bottom: 90px;
    }
    
    .box_table_wrap thead th:last-child {
        border-radius: 0px 24px 0px 0px;
    }
    
    .box_table_wrap tbody tr:last-child td:first-child {
        border-radius: 0px 0px 0px 24px;
    }
    
    .box_table_wrap tbody tr:last-child td:last-child {
        border-radius: 0px 0px 24px 0px;
    }
    
    .box_table_wrap th,
    .box_table_wrap td {
        padding: 10px !important;
    }
    
    .box_table_wrap tr:nth-child(even) {
        background: #dff7ec
    }
    
    .box_table_wrap tr:nth-child(odd) {
        background: #f3fcff
    }
    
    .box_table_wrap th {
        border-bottom: 4px solid #0095C8 !important;
        background: #fff !important;
        font-weight: bold !important;
    }
    
    .shimmer {
        -webkit-text-stroke-width: 0.4px;
        -webkit-text-stroke-color: #fff;
        text-align: center;
        color: rgba(26, 66, 97, 0.05) !important;
        background: -webkit-gradient(linear, left top, right top, from(#1a4261), to(#1a4261), color-stop(0.95, #0095C8));
        background: -moz-gradient(linear, left top, right top, from(#1a4261), to(#1a4261), color-stop(0.95, #0095C8));
        background: gradient(linear, left top, right top, from(#1a4261), to(#1a4261), color-stop(0.95, #0095C8));
        -webkit-background-size: 125px 100%;
        -moz-background-size: 125px 100%;
        background-size: 125px 100%;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        background-clip: text;
        -webkit-animation-name: shimmer;
        -moz-animation-name: shimmer;
        animation-name: shimmer;
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-color: #fff;
    }
    
    @-moz-keyframes shimmer {
        0% {
            background-position: top left;
        }
        100% {
            background-position: top right;
        }
    }
    
    @-webkit-keyframes shimmer {
        0% {
            background-position: top left;
        }
        100% {
            background-position: top right;
        }
    }
    
    @-o-keyframes shimmer {
        0% {
            background-position: top left;
        }
        100% {
            background-position: top right;
        }
    }
    
    @keyframes shimmer {
        0% {
            background-position: top left;
        }
        100% {
            background-position: top right;
        }
    }
    
    .graph_loading {
        position: absolute;
        top: 47%;
        left: 45%;
        font-size: 20px;
        text-shadow: 0 0 1px #fff;
        background: rgba(255, 255, 255, 0.8);
        padding: 10px;
    }
    
    .fishboneDiagrame ul {
        list-style-type: none;
        list-style-position: inside;
        margin: 0;
        padding: 0;
    }
    
    .fishboneDiagrame li {
        font-size: 15px !important;
        padding: 15px 15px 8px;
        width: 100%;
    }
    
    .fishboneDiagrame .header {
        background-color: #0fba9b;
        padding: 15px 0 10px;
        color: white;
        text-align: center;
        margin: 0;
    }
    
    .fishboneDiagrame .list-wrapper {
        width: 125px;
        margin: auto;
    }
    
    .list-wrapper ul li {
        position: relative;
    }
    
    .fishboneDiagrame .list-wrapper ul li a {
        color: #fff;
        display: inline-block;
        background: #39b4ff;
        border-radius: 2px;
        padding: 0px 5px;
    }
    
    .fishboneDiagrame .spine-section .row {
        background-color: #002f65;
        background-size: 100%;
        border-radius: 40px 40px;
        padding: 0;
        width: 100%;
        position: relative;
    }
    
    .fishboneDiagrame .spine-section .row:before {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    
    .fishboneDiagrame .spine-section .row:before {
        border-left-color: #39b4ff;
        border-width: 60px;
        margin-top: -60px;
        margin-left: -40px;
    }
    
    .fishboneDiagrame .spine-section .spine-section-wrapper:before {
        left: 82%;
        top: 0;
        border: solid transparent;
        content: "Main Menu";
        height: 40px;
        width: 150px;
        position: absolute;
        pointer-events: none;
        margin-top: -18px;
        border-radius: 6px;
        color: #fff;
        z-index: 1;
        background: #39b4ff;
        line-height: 34px;
        font-size: 16px;
    }
    
    .fishboneDiagrame .spine-section .spine-section-wrapper:after {
        content: '';
        left: -5px;
        top: 0;
        height: 40px;
        width: 40px;
        position: absolute;
        margin-top: -18px;
        border-radius: 20px;
        z-index: 1;
        background: #39b4ff;
    }
    
    .fishboneDiagrame .top-bone-section .list-wrapper {
        margin-top: 10px;
    border-radius: 6px;
    position: relative;
    }
    
    .fishboneDiagrame .list-wrapper h4 {
        border-radius: 2px;
        display: inline-block;
        font-size: 14px;
        padding: 2px 5px;
    }
    .fishboneDiagrame .top-bone-section .list-wrapper {
        margin-top: 10px;
        border-radius: 6px;
        position: relative;
    }
    
    .fishboneDiagrame .top-bone-section .list-wrapper ul li:last-child {
        border-radius: 6px 6px 0px 0px;
    }
    
    .fishboneDiagrame .top-bone-section .list-wrapper:before {
        content: '';
        width: 1px;
        height: 70%;
        transform: rotate(-45deg);
        background: #002f65;
        position: absolute;
        left: -35px;
        bottom: -45px;
    }
    
    .fishboneDiagrame .top-bone-section .list-wrapper:after {
        content: '';
        width: 1px;
        height: 100%;
        background: #002f65;
        position: absolute;
        left: -9px;
        bottom: -2px;
    }
    
    .fishboneDiagrame .top-bone-section .list-wrapper ul li:after {
        content: '';
        width: 15px;
        height: 1px;
        background: #002f65;
        position: absolute;
        left: -9px;
        bottom: 17px;
    }
    
    .fishboneDiagrame .bottom-bone-section .list-wrapper {
        margin-bottom: 10px;
        border-radius: 6px;
        position: relative; 
    }
    
    .fishboneDiagrame .bottom-bone-section .list-wrapper ul li:last-child {
        border-radius: 0px 0px 6px 6px;
    }
    
    .fishboneDiagrame .bottom-bone-section .list-wrapper:before {
        content: '';
        width: 1px;
        height: 70%;
        transform: rotate(45deg);
        background: #002f65;
        position: absolute;
        left: -30px; 
        top: -50px;
    }
    
    .fishboneDiagrame .bottom-bone-section .list-wrapper:after {
        content: '';
        width: 1px;
        height: 100%;
        background: #002f65;
        position: absolute;
        left: -10px;
        bottom: -2px;
    }
    
    .fishboneDiagrame .bottom-bone-section .list-wrapper ul li:after {
        content: '';
        width: 15px;
        height: 1px;
        background: #002f65;
        position: absolute;
        left: -10px;
        bottom: 17px;
    }
    
    
    .fishboneDiagrame .tail-section-wrapper {
        background-color: #39b4ff;
        height: 80px;
        width: 80px;
        border-radius: 40px 0px 0px 40px;
        padding: 0;
        margin: 0;
    }
    
    .fishboneDiagrame .head-section-wrapper {
        background-color: #39b4ff;
        height: 80px;
        width: 80px;
        border-radius: 0px 40px 40px 0px;
        padding: 0;
        margin: 0;
        margin-left: auto;
    }
    
    .fishboneDiagrame .bottom-bone-section .list-wrapper {
        margin-bottom: 10px;
        border-radius: 6px;
    }
    
    .fishboneDiagrame .bottom-bone-section .list-wrapper ul li:last-child {
        border-radius: 0px 0px 6px 6px;
    }
    
    .radio.custom_radio label:before {
        top: 3px;
    }
    
    .radio.custom_radio label:after {
        top: 6px;
    }
    
    .thSpan span {
        padding: 3px 15px;
        color: #fff;
    }
    
    .yes-bg {
        background: #00bfea;
    }
    
    .no-bg {
        background: #e60700;
    }
    
    .na-bg {
        background: #d9534f;
    }
    
    @media(min-width:1024px) {
        .custom_dt.custom_dt_with_filter_group div.dataTables_filter,
        .custom_dt.custom_dt_with_filter_group div.dataTables_length {
            display: block !important;
            position: absolute;
            left: 0;
        }
        .custom_dt.custom_dt_with_filter_group .custom_dt_with_filter_btn-group {
            margin-top: 40px;
            padding-left: 185px;
        }
        .custom_dt.custom_dt_with_filter_group div.dataTables_filter {
            margin-top: 41px;
            max-width: 120px !important;
            z-index: 1;
        }
        .custom_dt.custom_dt_with_filter_group div.dataTables_filter input {
            width: 100%;
        }
        .custom_dt.custom_dt_with_filter_group .btn-grp {
            float: right;
        }
    }
    
    .btn[disabled="disabled"] {
        pointer-events: none;
        opacity: .35 !important;
    }
    
    .custom_dt_Type1 .dataTables_length {
        max-width: 150px !important;
        float: left;
    }
    
    .disableddiv {
        pointer-events: none;
        cursor: not-allowed !important;
        opacity: 0.7;
    }
    .disableddiv:hover {
        cursor: not-allowed !important;

    }

    .form-control:disabled {
        background-color: #e9ecef !important;
        opacity: 1;        
        cursor: not-allowed;

    }
    
    .single-line-checkbox {
        margin-top: 0;
        background: transparent;
        padding: 4px 10px 0px 10px;
        width: auto;
        border-radius: 3px;
        position: relative;
        margin-left: 0;
        border: 1px solid #2c95c8;
        color: #337ab7 ;
    }
    
    .checkbox-inline.single-line-checkbox input[type=checkbox] {
        margin-left: 0;
        position: relative;
    }
    
    .form-horizontal-inline {
        padding-right: 15px;
    }
    /* .tooltip-fit-content .tooltip .tooltip-inner{max-width: fit-content;}
.title-field-group .form-group{ margin-bottom:0px;}
.title-field-group select.select_box{background: #fff url(../images/table_select_down_arrow.png) no-repeat 98% 10px !important;}
.title-field-group select, .dropdown-container .title-field-group select{font-size: 12px;padding: 0px 15px 0px 5px !important */
    
    .heading5 {
        margin-bottom: 10px;
        color: #fff;
        padding: 2px 5px;
        font-size: 14px;
    }
    
    .heading-border-bottom {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }
    
    .heading4 {
        font-size: 18px;
        margin-bottom: 10px;
        text-transform: none;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    }
    
    .exelent {
        background-color: #217a02;
        text-align: center;
    }
    
    .verygood {
        background-color: #58d292;
        text-align: center;
    }
    
    .good {
        background-color: #59d5d4;
        text-align: center;
    }
    
    .average {
        background-color: #f783b4;
        text-align: center;
    }
    
    .novice {
        background-color: #ff7575;
        text-align: center;
    }
    
    .autocomplete-font-13 .chosen-container-single .chosen-single {
        padding-left: 5px;
    }
    
    .autocomplete-font-13 .chosen-container-single .chosen-single span {
        font-size: 13px;
    }
    
    .accordionLayout-1 {
        padding: 15px;
        background: #fff;
        border-radius: 6px;
        box-shadow: 0px 4px 14px -6px #000;
        -moz-box-shadow: 0px 4px 14px -6px #000;
        -ms-box-shadow: 0px 4px 14px -6px #000;
    }
    
    th.sorting_asc.sorting_disabled:before,
    th.sorting_asc.sorting_disabled:after {
        display: none !important;
    }
    
    .mCSB_inside>.mCSB_container {
        margin-right: 0px !important;
    }
    /* New Dashboard css */
    
    .page-header {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 1.5rem 0rem 1.5rem;
        -ms-flex-wrap: wrap;
        justify-content: space-between;
        padding: 0;
        /* border-radius: 7px; */
        position: relative;
        min-height: 50px;
        border: 1px solid transparent;
        border-radius: 5px;
    }
    
    .panel-box {
        display: table;
        table-layout: fixed;
        width: 100%;
        height: 100%;
        text-align: center;
        /* border: none !important; */
        border-radius: 3px;
        overflow: hidden;
        /* box-shadow: 1px 1px 2px 0 #cccccc !important; */
    }
    
    .panel-box .panel-item {
        display: table-cell;
        padding-left: 10px;
        width: 1%;
        vertical-align: middle;
        border-radius: 0;
        position: relative;
        text-align: left;
        height: 160px;
    }
    
    .text-dark {
        color: #000;
    }
    
    .text-bold {
        font-weight: bold;
    }
    
    .text-transform-inherit {
        text-transform: inherit;
    }
    
    .h4style-1 {
        font-size: 15px;
        margin-bottom: 10px;
    }
    
    .mr-10 {
        margin-right: 10px !important;
    }
    
    .panel-box .panel-item img {
        position: absolute;
        height: 140px;
        top: 10px;
        left: 10px;
    }
    
    .first-box .countText,
    .second-box .countText,
    .third-box .countText {
        border-radius: 16px 0px 0px 16px;
        min-width: 130px;
        float: right;
        margin-bottom: 5px;
    }
    
    .first-box .countText {
        background: rgba(152, 240, 233, 0.5);
    }
    
    .second-box .countText {
        background: rgba(252, 137, 181, 0.5);
    }
    
    .third-box .countText {
        background: rgba(245, 196, 2, 0.35);
    }
    
    .panel-box .panel-item .ico-img {
        /* -webkit-filter: brightness(0) invert(1) !important;
    filter: brightness(0) invert(1) !important; */
    }
    
    .devider {
        border-bottom: 2px solid #ebecf0;
    }
    
    .columnDevider:after {
        content: '';
        position: absolute;
        /* top: -15px; */
        top: 0px;
        right: 0;
        border-right: 2px solid #ebecf0;
        width: 2px;
        height: calc(100% + 30px);
    }
    
    .panel-box .panel-left {
        -moz-border-radius-topleft: 12px;
        -webkit-border-top-left-radius: 12px;
        border-top-left-radius: 12px;
        -moz-border-radius-bottomleft: 12px;
        -webkit-border-bottom-left-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    
    .bg-rotate {
        position: absolute;
        width: 100%;
        height: 700px;
        transform: rotate(30deg);
        left: -100%;
        top: -115%;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        opacity: 0.9;
    }
    
    .panel-box:hover,
    .panel-box:focus {
        text-decoration: none;
    }
    
    .panel-box:hover .bg-rotate {
        transform: rotate(32deg);
        opacity: 1.0;
    }
    
    .panel-box:hover .panel-item .size-h1 {
        -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .4) 30%, #000 50%, rgba(0, 0, 0, .4) 70%);
        -webkit-mask-size: 200%;
        animation: shine 1s infinite;
    }
    
    @-webkit-keyframes shine {
        from {
            -webkit-mask-position: 150%;
        }
        to {
            -webkit-mask-position: -50%;
        }
    }
    
    .first-box .bg-rotate {
        background-image: -moz-linear-gradient(-40deg, #4c93e4 0%, #2bc7db 100%);
        background-image: -webkit-linear-gradient(-40deg, #4c93e4 0%, #2bc7db 100%);
        background-image: -ms-linear-gradient(-40deg, #4c93e4 0%, #2bc7db 100%);
    }
    
    .second-box .bg-rotate {
        background-image: -moz-linear-gradient(-40deg, #f17186 0%, #f85593 100%);
        background-image: -webkit-linear-gradient(-40deg, #f17186 0%, #f85593 100%);
        background-image: -ms-linear-gradient(-40deg, #f17186 0%, #f85593 100%);
    }
    
    .third-box .bg-rotate {
        background-image: -moz-linear-gradient(-40deg, #76c250 0%, #1db280 100%);
        background-image: -webkit-linear-gradient(-40deg, #76c250 0%, #1db280 100%);
        background-image: -ms-linear-gradient(-40deg, #76c250 0%, #1db280 100%);
    }
    
    .fourth-box .bg-rotate {
        background-image: -moz-linear-gradient(-40deg, #f78a51 0%, #ffc73f 100%);
        background-image: -webkit-linear-gradient(-40deg, #f78a51 0%, #ffc73f 100%);
        background-image: -ms-linear-gradient(-40deg, #f78a51 0%, #ffc73f 100%);
    }
    
    .fifth-box .bg-rotate {
        background-image: -moz-linear-gradient(-40deg, #314cf3 0%, #3f30b3 100%);
        background-image: -webkit-linear-gradient(-40deg, #314cf3 0%, #3f30b3 100%);
        background-image: -ms-linear-gradient(-40deg, #314cf3 0%, #3f30b3 100%);
    }
    
    .sixth-box .bg-rotate {
        background-image: -moz-linear-gradient(-40deg, #38c7ff 0%, #0aded2 100%);
        background-image: -webkit-linear-gradient(-40deg, #38c7ff 0%, #0aded2 100%);
        background-image: -ms-linear-gradient(-40deg, #38c7ff 0%, #0aded2 100%);
    }
    
    .seventh-box .bg-rotate {
        background-image: -moz-linear-gradient(-40deg, #e6bf24 0%, #f5c402 100%);
        background-image: -webkit-linear-gradient(-40deg, #e6bf24 0%, #f5c402 100%);
        background-image: -ms-linear-gradient(-40deg, #e6bf24 0%, #f5c402 100%);
    }
    
    .eighth-box .bg-rotate {
        background-image: -moz-linear-gradient(-40deg, #c2d006 0%, #bac42f 100%);
        background-image: -webkit-linear-gradient(-40deg, #c2d006 0%, #bac42f 100%);
        background-image: -ms-linear-gradient(-40deg, #c2d006 0%, #bac42f 100%);
    }
    
    .ninth-box .bg-rotate {
        background-image: -moz-linear-gradient(-40deg, #873acf 0%, #6d14c1 100%);
        background-image: -webkit-linear-gradient(-40deg, #873acf 0%, #6d14c1 100%);
        background-image: -ms-linear-gradient(-40deg, #873acf 0%, #6d14c1 100%);
    }
    
    .panel-box .size-h1 {
        font-size: 48px;
        color: #58b5fc;
        line-height: inherit;
        font-weight: bold;
    }
    
    .panel-box:hover,
    .panel-box:hover .size-h1,
    .panel-box:hover p,
    .panel-box:hover p span {
        text-decoration: none;
    }
    
    .first-box .size-h1 {
        color: #01ab9f;
    }
    
    .second-box .size-h1 {
        color: #f63f85;
    }
    
    .third-box .size-h1 {
        color: #be9805;
    }
    
    .fourth-box .size-h1 {
        color: #ffc73f;
    }
    
    .fifth-box .size-h1 {
        color: #3640d9;
    }
    
    .sixth-box .size-h1 {
        color: #2bcef3;
    }
    
    .seventh-box .size-h1 {
        color: #eac019;
    }
    
    .eighth-box .size-h1 {
        color: #bfcc12;
    }
    
    .panel-box .panel-right {
        -moz-border-radius-topright: 12px;
        -webkit-border-top-right-radius: 12px;
        border-top-right-radius: 12px;
        -moz-border-radius-bottomright: 12px;
        -webkit-border-bottom-right-radius: 12px;
        border-bottom-right-radius: 12px;
        text-align: center;
    }
    
    .size-h1 {
        font-size: 33px;
    }
    
    .no-margin {
        margin: 0;
    }
    
    .text-muted {
        color: #777;
    }
    
    .text-uppercase {
        text-transform: uppercase;
    }
    
    .page-dashboard .dashboard-stats .stat-icon {
        line-height: 65px;
    }
    
    .dashboard-stats {
        padding: 0px;
    }
    
    .dashboard-stats .panel {
        border: none;
    }
    
    .dashboard-stats li {
        list-style-type: none;
    }
    
    .breadcrumb {
        background: none;
    }
    
    .right_panel .page-header .breadcrumb {
        padding: 0px 0px;
        margin-bottom: 0px;
    }
    
    .backIcon {
        background: #10ba9c;
        padding: 0 5px;
        border-radius: 3px;
    }
    
    .breadcrumb>.active {
        color: #00324d;
    }
    
    .breadcrumb>li {
        display: inline-block;
        font-size: 16px;
    }
    
    .highchartdropmenu button {
        width: 100%;
        border: none;
        background: none;
        text-align: left;
        padding: 5px;
        border-bottom: 1px solid #f8f9fd;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .highchartdropmenu button:last-child {
        border-bottom: none;
    }
    
    .dropdown.highchartdropmenu .dropdown-menu {
        border: 1px solid rgba(206, 206, 210, 0.4);
        margin-top: 10px;
    }
    
    .highchartdropmenu button .fa-download {
        display: none;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    
    .highchartdropmenu button:hover .fa-download {
        display: block;
    }
    
    .dropdown.highchartdropmenu button i {
        color: #ceced2;
    }
    
    .dropdown.highchartdropmenu button:hover i,
    .dropdown.highchartdropmenu button:hover {
        color: #5fc2ff;
    }
    
    .dropdown.highchartdropmenu .dropdown-menu span {
        width: 20px;
        height: 11px;
        position: absolute;
        right: -10px;
        top: -10px;
        color: #ceced2;
    }
    
    .card {
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fff;
        background-clip: border-box;
        border: 1px solid rgba(0, 0, 0, 0.125);
        border-radius: 0.75rem;
    }
    
    .card {
        margin-bottom: 1.875rem;
        background-color: #fff;
        transition: all .5s ease-in-out;
        position: relative;
        border: 0rem solid transparent;
        border-radius: 1.25rem;
        box-shadow: 0rem 0.3125rem 0.3125rem 0rem rgb(82 63 105 / 5%);
        height: calc(100% - 30px);
    }
    
    .cardBoxType1 {
        cursor: pointer;
    }
    
    .cardBoxType1:hover .jobs2 h3,
    .cardBoxType1:hover .jobs2 h4,
    .cardBoxType1.active .jobs2 h3,
    .cardBoxType1.active .jobs2 h4 {
        color: #ffffff;
    }
    
    .card-header:first-child {
        border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0;
    }
    
    .card-header {
        border-color: #f5f5f5;
        position: relative;
        background: transparent;
        padding: 1.5rem 1.875rem 1.25rem;
        justify-content: space-between;
        align-items: center;
    }
    
    .jobs2 {
        border-radius: 1.25rem;
        transition: all 0.5s;
        min-height: 191px;
    }
    
    .card-body {
        flex: 1 1 auto;
        padding: 2rem 1rem;
    }
    
    .iconBox {
        width: 56px;
        width: 56px;
        border-radius: 60px;
        text-align: center;
        display: inline-block;
        margin-bottom: 10px;
        padding: 10px;
        position: relative;
        overflow: hidden;
    }
    
    .iconBox:before {
        content: '';
        position: absolute;
        right: 0;
        bottom: 0;
        width: 56px;
        height: 24px;
        border-radius: 60px;
    }
    
    .iconBox span {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }
    
    .jobs2 .number {
        color: #002f64;
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    .jobs2 .text {
        text-transform: none;
        font-size: 16px;
        margin-bottom: 0px;
        letter-spacing: inherit;
        line-height: 22px;
    }
    
    .iconBox img {
        height: 36px;
    }
    
    .cardbg1 .iconBox {
        background-color: #4c93e4;
    }
    
    .cardbg2 .iconBox {
        background-color: #f85693;
    }
    
    .cardbg3 .iconBox {
        background-color: #1db280;
    }
    
    .cardbg4 .iconBox {
        background-color: #ffc73f;
    }
    
    .cardbg5 .iconBox {
        background-color: #3640d9;
    }
    
    .cardbg6 .iconBox {
        background-color: #2bcef3;
    }
    
    .cardbg7 .iconBox {
        background-color: #eac019;
    }
    
    .cardbg8 .iconBox {
        background-color: #bfcc12;
    }
    
    .cardbg1 .iconBox:before {
        background-color: #002f65;
    }
    
    .cardbg2 .iconBox:before {
        background-color: #cb2463;
    }
    
    .cardbg3 .iconBox:before {
        background-color: #0a8b60;
    }
    
    .cardbg4 .iconBox:before {
        background-color: #cd9714;
    }
    
    .cardbg5 .iconBox:before {
        background-color: #121b98;
    }
    
    .cardbg6 .iconBox:before {
        background-color: #0da5c8;
    }
    
    .cardbg7 .iconBox:before {
        background-color: #be9802;
    }
    
    .cardbg8 .iconBox:before {
        background-color: #99a406;
    }
    
    .cardBoxType1.cardbg1:hover,
    .cardBoxType1.cardbg1.active {
        background-color: #4c93e4;
    }
    
    .cardBoxType1.cardbg1:hover .iconBox,
    .cardBoxType1.cardbg1.active .iconBox {
        background-color: #002f65;
    }
    
    .cardBoxType1.cardbg2:hover,
    .cardBoxType1.cardbg2.active {
        background-color: #f85693;
    }
    
    .cardBoxType1.cardbg2:hover .iconBox,
    .cardBoxType1.cardbg2.active .iconBox {
        background-color: #cb2463;
    }
    
    .cardBoxType1.cardbg3:hover,
    .cardBoxType1.cardbg3.active {
        background-color: #1db280;
    }
    
    .cardBoxType1.cardbg3:hover .iconBox,
    .cardBoxType1.cardbg3.active .iconBox {
        background-color: #0a8b60;
    }
    
    .cardBoxType1.cardbg4:hover,
    .cardBoxType1.cardbg4.active {
        background-color: #ffc73f;
    }
    
    .cardBoxType1.cardbg4:hover .iconBox,
    .cardBoxType1.cardbg4.active .iconBox {
        background-color: #cd9714;
    }
    
    .cardBoxType1.cardbg5:hover,
    .cardBoxType1.cardbg5.active {
        background-color: #3640d9;
    }
    
    .cardBoxType1.cardbg5:hover .iconBox,
    .cardBoxType1.cardbg5.active .iconBox {
        background-color: #121b98;
    }
    
    .cardBoxType1.cardbg6:hover,
    .cardBoxType1.cardbg6.active {
        background-color: #2bcef3;
    }
    
    .cardBoxType1.cardbg6:hover .iconBox,
    .cardBoxType1.cardbg6.active .iconBox {
        background-color: #0da5c8;
    }
    
    .cardBoxType1.cardbg7:hover,
    .cardBoxType1.cardbg7.active {
        background-color: #eac019;
    }
    
    .cardBoxType1.cardbg7:hover .iconBox,
    .cardBoxType1.cardbg7.active .iconBox {
        background-color: #be9802;
    }
    
    .cardBoxType1.cardbg8:hover,
    .cardBoxType1.cardbg8.active {
        background-color: #bfcc12;
    }
    
    .cardBoxType1.cardbg8:hover .iconBox,
    .cardBoxType1.cardbg8.active .iconBox {
        background-color: #99a406;
    }
    
    .inlineBtn {
        color: #ffffff;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .cstmdt1fdomi tr td:first-child {
        display: grid;
    }
    
    .d-flex {
        display: flex;
    }
    
    .align-items-center {
        align-items: center;
    }
    
    .questionPanel {
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-color: #fbfbff;
        border: inherit !important;
        background-clip: border-box;
        border-radius: 7px;
        box-shadow: 0 4px 25px 0 rgb(168 180 208 / 10%);
        border: 1px solid #e9edf4 !important;
        margin-bottom: 15px;
    }
    
    .questionPanel-header {
        background: none;
        padding: 15px 15px 0px 15px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 0;
        background-color: transparent;
        border-bottom: 0px solid #e9edf4;
        letter-spacing: 0.2px;
    }
    
    .questionPanel-header h4 {
        text-transform: inherit;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
        position: relative;
    }
    
    .questionPanel-header h4:before {
        content: "";
        width: 36px;
        height: 3px;
        background-color: #002f65;
        position: absolute;
        bottom: -10px;
    }
    
    .questionPanel-body {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        padding: 0px 15px 5px 15px;
        margin: 0;
        position: relative;
    }
    
    .panel.panel-type-2 {
        padding: 6px 0px;
        background-color: #36A9E1;
    }
    
    .panel.panel-type-2 h5 {
        text-transform: inherit;
        color: #fff;
    }
    
    .panel.panel-type-2 .radio-panel {
        float: right;
        margin-top: -5px;
    }
    
    .panel.panel-type-2 .radio-panel label {
        color: #fff;
        padding-right: 15px;
    }
    
    .panel.panel-type-2 .radio label::before {
        border: 1px solid #ffffff;
        background-color: #36a9e1;
    }
    
    .panel.panel-type-2 .radio-info input[type="radio"]:checked+label::before {
        border-color: #ffffff;
    }
    
    .panel.panel-type-2 .radio-info input[type="radio"]:checked+label::after {
        background-color: #ffffff;
    }
    
    .overlayDivsection {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999;
        background: rgba(0, 0, 0, 0.2);
        left: 0;
        top: 0;
        display: block;
    }
    
    .list-group-item.list-group-item-info {
        border: 1px solid #c5d9e3;
    }
    /* css for multistep form */
    /* .multisteps-form__progress {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
  .multisteps-form__progress-btn {
	transition-property: all;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	transition-delay: 0s;
	position: relative;
	padding-top: 20px;
	color: rgba(108, 117, 125, 0.7);
	text-indent: -9999px;
	border: none;
	background-color: transparent;
	outline: none !important;
	cursor: pointer;
  }
  @media (min-width: 500px) {
	.multisteps-form__progress-btn {
	  text-indent: 0;
	}
  }
  .multisteps-form__progress-btn span{ padding: 10px; border-radius: 12px; background-color: #ebecf0;}
  .multisteps-form__progress-btn h4{ margin-top: 20px; color: #333333;}
  .multisteps-form__progress-btn h4, .multisteps-form__progress-btn h5{ margin-bottom: 5px;}
  .multisteps-form__progress-btn h5{display: inline-block;
    background: #004a9f;
    color: #fff;
    padding: 5px 10px;
    border-radius: 12px;}
	.multisteps-form__form{ margin-top: 60px;}
  .multisteps-form__progress-btn:before {
	position: absolute;
	top: 130px;
	left: 50%;
	display: block;
	width: 13px;
	height: 13px;
	content: '';
	-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
	transition: all 0.15s linear 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
	transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
	transition: all 0.15s linear 0s, transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s, -webkit-transform 0.15s cubic-bezier(0.05, 1.09, 0.16, 1.4) 0s;
	border: 2px solid currentColor;
	border-radius: 50%;
	background-color: #fff;
	box-sizing: border-box;
	z-index: 3;
  }
  .multisteps-form__progress-btn:after {
	position: absolute;
	top: 135px;
	left: calc(-50% - 13px / 2);
	transition-property: all;
	transition-duration: 0.15s;
	transition-timing-function: linear;
	transition-delay: 0s;
	display: block;
	width: 100%;
	height: 2px;
	content: '';
	background-color: currentColor;
	z-index: 1;
  }
  .multisteps-form__progress-btn:first-child:after {
	display: none;
  }
  .multisteps-form__progress-btn.js-active {
	color: #007bff;
  }
  .multisteps-form__progress-btn.js-active:before {
	-webkit-transform: translateX(-50%) scale(1.2);
			transform: translateX(-50%) scale(1.2);
	background-color: currentColor;
  }
  .multisteps-form__form {
	position: relative;
  }
  .multisteps-form__panel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	opacity: 0;
	visibility: hidden;
  }
  .multisteps-form__panel.js-active {
	height: auto;
	opacity: 1;
	visibility: visible;
  }
  .multisteps-form__panel[data-animation="scaleIn"] {
	-webkit-transform: scale(0.9);
			transform: scale(0.9);
  }
  .multisteps-form__panel[data-animation="scaleIn"].js-active {
	transition-property: all;
	transition-duration: 0.2s;
	transition-timing-function: linear;
	transition-delay: 0s;
	-webkit-transform: scale(1);
			transform: scale(1);
  } */
    
    .page-title-type-2 {
        margin-bottom: 20px;
        font-size: 20px;
    }
    
    .front-page-accordion-container {
        width: 100%;
    }
    
    .front-page-accordion-container .panel-heading a {
        display: block;
        position: relative;
        font-weight: bold;
    }
    
    .front-page-accordion-container .panel-heading a::after {
        content: "\f0d7";
        font-family: 'FontAwesome';
        display: inline-block;
        padding: 0px;
        position: absolute;
        right: 0;
        top: 0;
        transform: rotate(0deg);
    }
    
    .front-page-accordion-container .panel-heading a[aria-expanded="true"]::after {
        transform: rotate(180deg);
    }
    
    .ap-panelbadge.badge {
        height: 14px;
        margin-right: 10px;
        margin-top: 0px;
        padding-top: 1px;
        font-weight: normal;
    }
    
    .front-page-accordion-container .panel-default>.panel-heading .badge.current,
    .ap-panelbadge.badge.current {
        color: #fff;
        background-color: #0095C8;
    }
    
    .front-page-accordion-container .panel-default>.panel-heading .badge.completed {
        color: #fff;
        background-color: #02CB44;
    }
    
    .front-page-accordion-container .panel-default>.panel-heading .badge.pending {
        color: #fff;
        background-color: #ec5334;
    }
    
    .front-page-accordion-container .panel-footer {
        border-top: 1px solid #f0f1f5;
    }
    
    @media(max-width:767px) {
        .form-inline .chosen-container {
            width: 100% !important;
        }
    }
    
    .ml-10 {
        margin-left: 10px;
    }
    
    .graphLine-filter input,
    .graphLine-filter select,
    .graphLine-filter .btn {
        height: 30px;
    }
    
    .graphLine-filter input,
    .graphLine-filter select,
    .graphLine-filter .btn {
        margin-top: 0px;
    }
    
    .graphLine-filter .btn {
        padding-left: 8px;
        padding-right: 8px;
    }
    
    .graphLine-filter .btn img {
        margin-top: -10px;
    }
    
    .btn.tabdiv3_link:hover img,
    .btn:hover img.iconimg {
        -webkit-filter: brightness(0) invert(1) !important;
        filter: brightness(0) invert(1) !important;
    }
    
    .popupsmallScroll .scrollbar {
        overflow-x: hidden;
        overflow: auto;
        position: relative !important;
        position: absolute;
        padding: 0px;
        margin: 0px;
        max-width: 100%;
        width: 100%;
        height: 450px;
        max-height: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    /*.side-nav:hover .mCSB_scrollTools{ opacity:1 !important;}*/
    
    .popupsmallScroll .mCSB_scrollTools {
        opacity: 0 !important;
    }
    
    .popupsmallScroll:hover .mCSB_scrollTools {
        opacity: 1 !important;
    }
    
    .popupsmallScroll .mCSB_scrollTools {
        width: 8px;
    }
    
    .popupsmallScroll .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
    .popupsmallScroll .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        width: 4px;
    }
    
    .modal-body.popupsmallScroll .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px !important; left:0 !important;}
    
    .popupsmallScroll .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        background: none;
        margin: 0 !important;
    }
    
    .popupsmallScroll .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp,
    .popupsmallScroll .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
        display: none !important;
    }
    
    .popupsmallScroll .mCS-3d-thick-dark.mCSB_scrollTools {
        box-shadow: none;
    }
    
    .popupsmallScroll .mCSB_container_wrapper {
        margin-right: 0px;
    }
    
    .dataTable.child-row-td-inherit-whiteSpace tr.child td.child {
        white-space: inherit;
    }
    
    table.table-bordered.dataTable td[display="none"]:not(table.table-bordered.dataTable td) {
        border-right-width: 0;
    }
    
    .btn.pagingtable_icons.btn-danger {
        background-color: #d9534f;
        border-color: #d43f3a;
    }
    
    .dashbourdbuttons li .btn-danger:hover,
    .btn-danger:focus,
    .btn.pagingtable_icons.btn-danger:hover,
    .btn.pagingtable_icons.btn-danger:hover {
        background-color: #c80000 !important;
        border-color: #761c19
    }
    
    .chosenUI_Type1 .chosen-container {
        width: auto !important;
        float: left;
        margin-right: 4px;
    }
    
    .pr-15 {
        padding-right: 15px;
    }
    
    .pr-20 {
        padding-right: 20px !important;
    }
    /* .graphContainer{display: flex;max-width: 3000px;overflow-x: hidden;overflow-y: hidden;}
.graphContainer .col{ padding-bottom: 15px;}
.graphContainer:hover, .graphContainer:active, .graphContainer:focus{overflow-x: auto;} */
    
    .calenderStyle {
        top: 59px !important;
        left: 15px !important;
    }
    
    .daterangepicker.dropdown-menu.dropup.calenderStyle {
        bottom: 47px !important;
        top: auto !important;
    }
    
    .calenderStyle select.monthselect,
    .calenderStyle select.yearselect {
        height: 26px !important;
    }
    
    .calenderStyle .calendar-time select {
        height: 28px !important;
    }
    
    .graphContainer .scrollbar {
        height: auto;
    }
    
    .graphContainer .mCSB_container {
        display: flex;
    }
    
    .graphContainer .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .graphContainer .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        box-shadow: none;
    }
    
    .graphContainer .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .graphContainer .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        height: 7px;
        margin-top: 5px;
        background: #808080;
        border-radius: 2px;
    }
    
    .graphContainer .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .graphContainer .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .graphContainer .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
    .graphContainer .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        background-image: none;
    }
    
    .graphContainer .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 0px;
        -webkit-transition: margin .3s ease-in-out;
        -moz-transition: margin .3s ease-in-out;
        transition: margin .3s ease-in-out;
    }
    
    .graphContainer .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
        background-color: rgb(234 235 239);
    }
    
    .graphContainer .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        opacity: 0;
        -webkit-transition: opacity .3s ease-in-out;
        -moz-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
    }
    
    .graphContainer:hover .mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .graphContainer:active .mCSB_scrollTools.mCSB_scrollTools_horizontal,
    .graphContainer:focus .mCSB_scrollTools.mCSB_scrollTools_horizontal {
        opacity: 1.0;
    }
    
    .graphContainer:hover .mCSB_horizontal.mCSB_inside>.mCSB_container,
    .graphContainer:active .mCSB_horizontal.mCSB_inside>.mCSB_container,
    .graphContainer:focus .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 19px;
    }
    
    .main-nav>ul>li {
        background-color: #082f63;
    }
    
    .main-nav>ul>li>a {
        color: #fff !important;
    }
    
    tr.child td.child {
        white-space: inherit !important;
    }
    
    .whitespace_inherit {
        white-space: inherit !important;
    }
    
    .helpimage {
        margin-top: -3px;
        width: 27px;
        height: 27px !important;
    }
    
    .helpimage:hover {
        opacity: 0.9;
    }
    
    .helpmodalpopup .panel-footer {
        padding-top: 0px;
        border-top: none;
    }
    
    .helpmodalpopup .modal-header {
        padding: 0 !important;
        border: none;
    }
    
    .helpmodalpopup .modal-header .close {
        position: absolute;
        right: 15px;
        top: 15px !important;
        padding: 4px 10px;
        background: #ff264c !important;
        z-index: 1;
        text-shadow: none;
        color: #fff;
        border-radius: 0px 0px 0px 4px;
        border: 0px solid #fff;
        font-size: 24px;
    }
    
    .pagingtable_icons.btn-danger:hover+.tooltip>.tooltip-inner {
        background-color: #d9534f !important;
    }
    
    .pagingtable_icons.btn-danger:hover+.tooltip>.tooltip-arrow {
        border-top-color: #d9534f !important;
    }
    
    .float-none {
        float: none;
    }
    
    .calendar .table-condensed>tbody>tr>td,
    .calendar .table-condensed>tbody>tr>th,
    .calendar .table-condensed>tfoot>tr>td,
    .calendar .table-condensed>tfoot>tr>th,
    .calendar .table-condensed>thead>tr>td,
    .calendar .table-condensed>thead>tr>th {
        padding: 3px;
    }
    
    .chosen-container-multi ul.chosen-choices:after {
        content: '';
        background: url(chosen-sprite.png) no-repeat 0 8px;
        background-position-x: 0px;
        background-position-y: 2px;
        display: block;
        position: absolute;
        top: 5px;
        right: 0;
        width: 18px;
        height: 25px;
        cursor: pointer;
    }
    
    .chosen-container-multi.chosen-with-drop ul.chosen-choices:after {
        background-position-x: -18px;
    }
    
    .justify-content-center {
        justify-content: center;
    }
    
    .popup-title {
        margin-left: 60px;
        margin-right: 60px;
    }
    
    .modal-header .close.pupup-close {
        margin-top: 0px;
        top: 2px;
    }
    
    .calenderStyle-for-table-inside {
        top: 46px !important;
        left: 9px !important;
    }
    
    .daterangepicker {
        padding: 0px !important;
    }
    
    .daterangepicker.opensright .calendar {
        margin: 0px !important;
    }
    
    .daterangepicker .calendar-date {
        padding: 1px;
    }
    
    .daterangepicker .calendar td {
        min-width: 26px !important;
        padding: 2px !important;
    }
    
    .daterangepicker .ranges .btn {
        padding: 2px 6px !important;
        margin: 5px !important;
    }
    
    .daterangepicker .calendar td,
    .daterangepicker .calendar th {
        font-size: 12px !important;
    }
    
    .daterangepicker .calendar select.monthselect,
    .daterangepicker .calendar select.yearselect {
        width: 50% !important;
        padding: 0px 5px !important;
        height: 26px !important;
    }
    
    .daterangepicker .calendar-date {
        padding: 0px !important;
    }
    
    .graphLine-filter .chosen-container-single .chosen-single {
        height: 30px;
    }
    
    .graphLine-filter .chosen-container-single .chosen-single span {
        line-height: 28px;
    }
    
    .graphLine-filter .chosen-container-single .chosen-single div b {
        background-position-y: 5px;
    }
    
    div.dataTables_wrapper div.dataTables_processing {
        position: fixed !important;
    }
    
    div.dataTables_wrapper div.dataTables_processing img {
        border: 1px solid #dce4ef;
    }
    
    .btn .badge {
        position: absolute;
        right: -6px;
        top: -6px;
        z-index: 100;
        border-radius: 9px;
        min-width: 18px;
        height: 18px;
        text-align: center;
        padding: 3px 5px;
        background: #00a0df !important;
        font-weight: 400;
    }
    
    .btn.custombadge .tooltip.top {
        width: 150px;
    }
    
    .ml-auto {
        margin-left: auto;
    }
    
    #dashboardPanel .page-header {
        margin: 0;
        min-height: auto;
    }
    
    .mt-15 {
        margin-top: 15px;
    }
    
    .btn.pagingtable_icons.btn-success {
        background-color: #5cb85c;
        border-color: #5cb85c;
    }
    
    .btn.pagingtable_icons.btn-success:hover {
        background-color: #449d44;
        border-color: #449d44
    }
    
    .pagingtable_icons.btn-success:hover+.tooltip>.tooltip-inner {
        background-color: #5cb85c !important;
    }
    
    .pagingtable_icons.btn-success:hover+.tooltip>.tooltip-arrow {
        border-top-color: #5cb85c !important;
    }
    
    .p-titleUI-1 {
        text-transform: inherit;
        font-size: 14px;
        color: #fff;
    }
    
    .pdfListContainer {
        display: flex;
        flex-direction: row;
    }
    
    td span b {
        -webkit-animation-name: flash;
        -webkit-animation-duration: 0.2s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-direction: alternate;
    }
    
    @-webkit-keyframes flash {
        from {
            color: #0d47a1;
        }
        to {
            color: #af0061;
        }
    }
    
    .g-2 {
        margin-right: -5px;
        margin-left: -5px;
    }
    
    .g-2 .col-gap {
        padding-left: 5px;
        padding-right: 5px;
    }
    
    .panel-legend {
        font-size: 16px;
        line-height: inherit;
        color: #5C88C4;
        border: none;
        font-weight: bold;
        background: #fff;
        padding: 5px 15px;
        margin-bottom: 0;
        width: auto;
        border-radius: 3px 3px 0px 0px;
    }
    
    .docProfilePic {
        float: left;
        margin-left: -8px;
        margin-top: -3px;
        margin-bottom: -5px;
    }
    
    .docProfilePic img {
        width: 36px;
        height: 36px;
        border-radius: 60px;
        border: 1px solid #ddd;
    }
    
    .accordionContainer#accordion .panel-title a::after,
    #accordion .panel-title a.collapsed::after {
        left: -11px !important;
        top: -3px !important;
    }
    
    .accordionContainer#accordion .panel-title a.collapsed {
        background: #ffffff;
    }
    
    .accordionContainer#accordion .panel-title a {
        background: #ffffff;
        color: #333333;
        font-weight: bold;
        font-size: 15px;
    }
    
    .accordionContainer#accordion {
        width: 100%;
    }
    
    .highchartdropmenu .dropdown-menu {
        min-width: 102px;
        border: 0px solid rgba(206, 206, 210, 1);
    }
    
    .highchartdropmenu button {
        font-weight: 100;
        font-size: 13px;
    }
    
    .dropdown.highchartdropmenu .dropdown-menu i {
        font-size: 14px;
        margin-right: 5px;
    }
    
    .dropdown.highchartdropmenu .dropdown-menu span {
        width: 24px;
        height: 20px;
        right: -15px;
        top: -7px;
    }
    
    .dropdown.highchartdropmenu button:hover i,
    .dropdown.highchartdropmenu button:hover {
        color: #082f63;
    }
    
    .dropdown.highchartdropmenu button img {
        width: 14px;
        float: right;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    
    .dropdown.highchartdropmenu button:hover img {
        margin-right: 5px;
    }
    
    .justify-content-between {
        justify-content: space-between;
    }
    
    /* .mt-2 {
        margin-top: 2px;
    }
    
    .mt-4 {
        margin-top: 4px;
    }
     */
    .fullScreenContainer {
        padding: 0 !important;
    }
    
    .fullScreenContainer .issuepiechart {
        height: calc(100vh - 70px) !important;
    }
    
    .fullScreenContainer img.expandOutImg {
        display: block !important;
    }
    
    .fullScreenContainer img.expandImg {
        display: none;
    }
    
    .border-none {
        border: none !important;
    }
    
    .fullScreenContainer h4.h4style-1 {
        font-size: 18px;
        margin-bottom: 0;
        text-align: center;
        background: #fff;
        padding: 10px 15px 5px 15px;
    }
    
    .progressbarBox .progressChart {
        position: relative;
        width: 130px;
        height: 100%;
        text-align: center;
        font-size: 40px;
        line-height: 130px;
        height: 130px;
        color: #fff;
        margin-top: 5px;
    }
    
    .progressbarBox .progressChart .counter-count {
        color: #000;
        font-weight: bold;
    }
    
    .progressbarBox .progressChart span {
        color: #000;
        font-weight: bold;
    }
    
    .progressbarBox canvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        width: 100%;
    }
    
    /* .fullScreenContainer .pyramidContainerSection {
        min-height: 100%;
    } */
    
    .pyramid {
        width: 50%;
        display: flex;
        flex-direction: column;
        height: 300px;
        -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
        align-items: center;
    }
    
    .pyramid__section {
        flex: 1 1 100%;
        background-color: #333333;
        margin-bottom: 2px;
    }
    
    .pyramid__section:nth-of-type(even) {
        background-color: #fb7665;
    }
    
    .pyramid__section:hover {
        background-color: yellow;
    }
    
    .pyramidContainer {
        margin-bottom: 2px;
        display: flex;
        height: 100%;
    }
    
    .pyramidList {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .pyramidListText {
        display: flex;
        flex-direction: row;
        align-items: center;
        text-align: left;
        justify-content: start;
        white-space: nowrap;
    }
    
    /* .pyramidList:before {
        content: '';
        width: 2px;
        height: calc(100% + 2px);
        background-color: #333;
        position: absolute;
        left: 0;
        top: 0;
    }
    
    .pyramidList:after {
        content: '';
        width: 12px;
        height: 2px;
        background-color: #333;
        position: absolute;
        left: 0;
        top: 50%;
    } */
    
    .pyramidContainerSection {
        /* height: 100%; */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .pyramidContainerSection,
    .pyramidContainer {
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
    }
    
    .pyramidListBtn {
        min-height: 30px;
        padding-left: 0;
        padding-right: 0;
        height: 100%;
        background-color: #fb7665;
        box-shadow: -3px 2px 4px #ccc;
        width: 100%;
        border: none;
        -webkit-transition: .3s ease-in-out;
        -moz-transition: .3s ease-in-out;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: .3s ease-in-out;
    }
    
    .pyramidContainerSection:hover .pyramidContainer .pyramidList .pyramidListBtn {
        opacity: 0.2;
    }
    
    .pyramidContainerSection:hover .pyramidContainer:hover .pyramidList .pyramidListBtn {
        opacity: 1.0;
    }
    
    .pyramidContainer .popover {
        background: rgba(255, 255, 255, 0.95);
        border: 1px solid #fb7665;
        min-width: 10px;
    }
    
    .pyramidContainer .popover.top>.arrow {
        border-top-color: #fb7665;
        border-top-color: #fb7665;
    }
    
    .columnDevider.columnDeviderFor-1st-row:after {
        top: -15px;
        height: calc(100% + 15px);
    }
    
    .pb-0 {
        padding-bottom: 0px !important;
    }
    
    .graphContainer.scrollTop-0 .scrollbar .mCSB_container {
        top: 0 !important;
    }
    
    .h5Title {
        text-transform: none;
        font-weight: 600;
        cursor: pointer;
        margin-bottom: 10px;
    }
    /* center align popup style */
    
    .modal.center-align-modal {
        text-align: center;
        padding: 0!important;
    }
    
    .modal.center-align-modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }
    
    .modal.center-align-modal .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle;
    }
    
    .success_Modal_popup {
        max-width: 450px;
        width: 100%;
    }
    
    .success_Modal_popup .modal-content {
        background: linear-gradient(145deg, #0db495, #1a4261);
        border-radius: 100px;
        height: 450px;
        border: none;
        overflow: hidden;
    }
    
    .success_img {
        margin-top: 15px;
        margin-bottom: 30px;
    }
    
    .success_img img {
        height: 60px;
    }
    
    .success_Modal_popup .modal-content h2,
    .success_Modal_popup .modal-content h4 {
        position: relative;
        font-family: 'poppins';
        letter-spacing: 0px;
        color: #fff;
        text-transform: none;
    }
    
    .success_Modal_popup .modal-content h4:before {
        content: '';
        width: 105px;
        height: 2px;
        border-radius: 4px;
        position: absolute;
        left: 38%;
        top: 35px;
        background: #ffffff;
    }
    
    .success_Modal_popup .modal-content h2 {
        color: #52ffe2;
        font-weight: bold;
        font-size: 30px;
        line-height: 36px;
    }
    
    .f-bg {
        width: 160%;
        margin-left: -36%;
    }
    
    .flex-wrap {
        flex-wrap: wrap;
    }
    
    .f-content {
        padding: 0 10%;
        width: 100%;
        position: absolute;
        left: 0;
        top: 25px;
    }
    
    .flex-column {
        flex-direction: column;
    }
    
    .mf-btn {
        margin-top: 72px;
    }
    
    .success_Modal_popup .closebtn {
        padding-left: 15px;
        padding-right: 15px;
        text-align: left;
        border-radius: 36px;
        color: #cdf7e5;
        background: #194964;
        font-weight: normal;
        width: 120px;
    }
    
    .success_Modal_popup span {
        margin-top: 35px;
    }
    
    .success_Modal_popup .closebtn img {
        transition: all 0.4s ease;
        position: absolute;
        right: 15px;
        top: 12px;
    }
    
    .success_Modal_popup .closebtn:hover img {
        right: 10px;
    }
    
    .modal-valign-center.in {
        display: flex !important;
        align-items: center;
    }
    
    .accordion-type-3 h4 {
        background: #0061ac;
        color: #fff;
        font-weight: 100;
    }
    
    .accordion-type-3 .h4title span {
        color: #f5f5f5;
    }
    
    .btn-site {
        background-color: #0095C8 !important;
        border-color: #0095C8 !important;
        color: #fff !important;
    }
    
    .btn-site:hover {
        background-color: #23527c !important;
        border-color: #23527c !important;
    }
    
    .newyearPopup {
        max-width: 450px;
    }
    
    .newyearPopup .modal-content {
        background: #fff;
        border-radius: 36px;
        height: 450px;
        width: 450px;
        border: none;
        overflow: hidden;
    }
    
    .newyearPopup .close {
        position: absolute;
        top: 15px;
        right: 15px;
        width: 30px;
        height: 30px;
        color: #e5414a;
        opacity: 1;
        border: 3px solid #e5414a;
        border-radius: 20px;
    }
    
    .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
        z-index: 11;
    }
    
    .profile_wrap .media-object {
        width: 55px;
        height: 55px;
        border-radius: 60px;
        padding: 3px;
        background-color: #fff;
        margin-right: 10px;
    }
    
    .media-heading {
        text-transform: inherit;
        font-weight: bold;
        font-size: 16px;
    }
    
    .profile_wrap .media-body {
        overflow: visible;
        width: auto;
    }
    
    .profile_wrap .label {
        padding: 3px 6px 5px 6px;
        font-size: 13px;
        border-radius: 4px;
    }
    
    .profile_wrap .media {
        margin-right: 15px;
    }
    
    .profile_wrap .c-number {
        font-weight: bold;
        font-size: 22px;
        margin-left: 5px;
    }
    
    .profile_wrap .badge {
        border-radius: 36px;
        padding: 20px 15px;
        font-size: 14px;
        font-weight: normal;
        background: #0fba9b;
    }
    
    .mr-5 {
        margin-right: 5px !important;
    }
    
    .dtls-td {
        white-space: normal !important;
        width: 200px !important;
    }
    
    .progress {
        position: relative;
        margin: 0px;
        float: left;
        text-align: center;
        height: 330px;
        background: transparent;
        border: none;
        box-shadow: none;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .barOverflow {
        position: relative;
        overflow: hidden;
        width: 220px;
        height: 110px;
        margin-bottom: -14px;
    }
    
    .bar {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 200px;
        height: 200px;
        border-radius: 50%;
        box-sizing: border-box;
        border: 15px solid #eee;
    }
    
    #spDoctor::before {
        content: "";
        background-color: #fff;
        border: 5px solid #0fba9b;
        /*color */
        width: 10px;
        padding: 7px;
        height: 10px;
        border-radius: 50px;
        position: absolute;
        bottom: 1px;
        left: 14px;
    }
    
    #spDoctor {
        border-bottom-color: #0fba9b;
        border-right-color: #0fba9b;
    }
    
    #allDoctor::before {
        content: "";
        background-color: #fff;
        border: 5px solid #337ab7;
        /*color */
        width: 10px;
        padding: 7px;
        height: 10px;
        border-radius: 50px;
        position: absolute;
        bottom: 1px;
        left: 14px;
    }
    
    #allDoctor {
        border-bottom-color: #337ab7;
        border-right-color: #337ab7;
    }
    
    .emoji-section {
        width: 60px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 50%;
    }
    
    .emoji-section>div {
        display: none;
    }
    
    .emoji-section>div.active {
        display: block;
    }
    
    .emoji-section img {
        width: 100%;
    }
    
    .percentage {
        position: absolute;
        bottom: 45px;
    }
    
    .percentage {
        font-size: 20px;
        font-weight: 700;
    }
    
    .progress .progress-title {
        position: absolute;
        bottom: -20px;
    }
    
    .progress .progress-title h5 {
        font-size: 13px;
        font-weight: 600;
        text-transform: none;
    }
    
    .drilStep1 {
        padding-left: 30px;
    }
    
    .panel-group.accordionwrap1.verticalStep.drilStepWrapper .panel-heading a:after {
        z-index: 1;
    }
    
    .panel-group.accordionwrap1.verticalStep.drilStepWrapper .drilStep1>.panel-group:before {
        left: 10px;
    }
    
    .drilStep1 .accordionwrap1.verticalStep:before {
        content: '';
        width: 2px;
        background: #36a9e1;
        position: absolute;
        height: calc(100% - 16px);
        top: 10px;
        left: 9px;
    }
    
    .drilStep1 .accordionwrap1.verticalStep:before {
        content: '';
        width: 2px;
        background: #36a9e1;
        position: absolute;
        height: calc(100% - 17px);
        top: 10px;
        left: 9px;
    }
    
    .drilStep1 .accordionwrap1 .questions {
        padding: 15px 20px;
        background-color: #fff;
        border-radius: 8px;
    }
    
    .drilStep1 .accordionwrap1 .questions .heading {
        margin-bottom: 8px;
    }
    
    .drilStep1 .accordionwrap1 .questions .contents>.content {
        margin-bottom: 5px;
    }
    
    .drilStep1 .accordionwrap1 label {
        font-weight: 600;
    }
    
    .drilStep1 .accordian-bottom>div {
        margin-bottom: 10px;
    }
    
    .drilStep1 .accordian-bottom .error-type>.danger {
        color: #ff3300;
    }
    
    .drilStep1 .accordian-bottom .upload-image {
        display: flex;
        padding: 10px;
        background-color: #fff;
        border-radius: 3px;
    }
    
    .drilStep1 .accordian-bottom i {
        font-size: 20px;
        margin-right: 30px;
    }
    
    .drilStep1 .accordian-bottom .image-wrapper {
        width: 120px;
    }
    
    .drilStep1 .accordian-bottom .image-wrapper img {
        width: 100%;
    }
    
    .drilStep1 .accordionwrap1.verticalStep .panel-body {
        padding: 10px 5px;
        border-radius: 5px;
        margin-left: 30px;
        margin-right: 15px;
    }
    
    .cards-section {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    
    @media (max-width: 1120px) {
        .cards-section .cards {
            width: 48% !important;
        }
    }
    
    @media (max-width: 520px) {
        .cards-section .cards {
            width: 98% !important;
        }
    }
    
    .cards-section .cards {
        padding-bottom: 30px;
    }
    
    .staff_speak .question {
        font-size: 14px;
        margin-bottom: 14px;
    }
    
    .staff_speak .question::before {
        content: '';
        height: 10px;
        width: 10px;
        background-color: #F84545;
        display: inline-block;
        border-radius: 50%;
        margin-right: 5px;
    }
  
    
    .staff_speak .cards-section .new-cards {
        width: 24%;
        /* height: 360px; */
        text-align: center;
        position: relative;
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 25px;
    }

    .staff_speak.five_section .cards-section .new-cards {
        width: 19.5%;
        /* height: 360px; */
        text-align: center;
        position: relative;
        margin-bottom: 20px;
        border: 1px solid #ddd;
        border-radius: 25px;
    }
    
    .staff_speak .cards-section .new-cards .graph {
        /* background-color: #f00; */
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
    }
    
    .staff_speak .cards-section .new-cards .graph .inner-graph {
        height: 140px;
        width: 140px;
        border-radius: 50%;
        /* box-shadow: 0px 0px 3px #555; */
    }
    
    .staff_speak .cards-section .new-cards .card-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 30px;
    }
    
    .staff_speak .cards-section .new-cards .card-heading .heading {
        font-size: 16px;
    }
    
    .staff_speak .cards-section .new-cards .card-heading .counting {
        font-size: 22px;
        font-weight: 600;
    }
    
    .staff_speak .cards-section .new-cards.card-1 .card-heading .heading {
        color: #4b9db9;
    }
    
    .staff_speak .cards-section .new-cards.card-2 .card-heading .heading {
        color: #9ac9e3;
    }
    
    .staff_speak .cards-section .new-cards.card-3 .card-heading .heading {
        color: #fc612b;
    }
    
    .staff_speak .cards-section .new-cards.card-4 .card-heading .heading {
        color: #ed8a33;
    }

    
    .staff_speak.five_section .cards-section .new-cards.card-1 .card-heading .heading{
        color: #ed3352;
    }
    .staff_speak.five_section .cards-section .new-cards.card-2 .card-heading .heading{
        color: #e78534;
    }
    
    .staff_speak.five_section .cards-section .new-cards.card-3 .card-heading .heading{
        color: #85d826;
    }
    
    .staff_speak.five_section .cards-section .new-cards.card-4 .card-heading .heading{
        color: #2fc53b;
    }
    
    .staff_speak.five_section .cards-section .new-cards.card-5 .card-heading .heading{
        color: #0c9713;
    }
    
    
    .staff_speak .cards-section .cards.card-1 {
        background-color: #4b9db9;
    }
    
    .staff_speak .cards-section .cards.card-2 {
        background-color: #9ac9e3;
    }
    
    .staff_speak .cards-section .cards.card-3 {
        background-color: #fc612b;
    }
    
    .staff_speak .cards-section .cards.card-4 {
        background-color: #ed8a33;
    }
    
    .staff_speak .cards-section .cards .card-heading {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 13px;
        margin-top: 13px;
    }
    
    .staff_speak .cards-section .cards .divider {
        height: 3px;
        width: 100%;
        background-color: #fff;
        position: absolute;
        left: 0;
    }
    
    .staff_speak .cards-section .cards .card-content .counting {
        color: #fff;
        font-size: 52px;
        font-weight: 600;
        margin-top: 45px;
        margin-bottom: 20px;
    }
    
    .staff_speak .cards-section .cards .graph {
        /* background-color: #fff; */
        height: 140px;
        width: 140px;
        border-radius: 50%;
        margin: auto;
        /* display: flex; 
    justify-content: center;
    align-items: center;
    */
    }
    
    .staff_speak .cards-section .cards2 .graph {
        height: 140px;
        width: 140px;
        margin: auto;
        border-radius: 50%;
        /* box-shadow: 0px 0px 3px #555; */
    }
    
    .staff_speak .cards-section .cards2 {
        width: 24%;
        /* border-radius: 25px; */
        /* height: 360px; */
        text-align: center;
        position: relative;
        margin-bottom: 20px;
    }
    
    .staff_speak .cards-section .cards2 .card-content {
        border-radius: 0px 0px 25px 25px;
    }
    
    .staff_speak .cards-section .cards2.card-1 .card-content {
        background-color: #4b9db93d;
    }
    
    .staff_speak .cards-section .cards2.card-2 .card-content {
        background-color: #9ac9e33d;
    }
    
    .staff_speak .cards-section .cards2.card-3 .card-content {
        background-color: #fc612b3d;
    }
    
    .staff_speak .cards-section .cards2.card-4 .card-content {
        background-color: #ed8a333d;
    }
    
    .staff_speak .cards-section .cards2 .card-heading {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        padding: 15px;
        border-radius: 25px 25px 0px 0px;
    }
    
    .staff_speak .cards-section .cards2.card-1 .card-heading {
        background-color: #4b9db9;
    }
    
    .staff_speak .cards-section .cards2.card-2 .card-heading {
        background-color: #9ac9e3;
    }
    
    .staff_speak .cards-section .cards2.card-3 .card-heading {
        background-color: #fc612b;
    }
    
    .staff_speak .cards-section .cards2.card-4 .card-heading {
        background-color: #ed8a33;
    }
    
    .staff_speak .cards-section .cards2 .card-content {
        padding: 25px;
        margin-top: 4px;
    }
    
    .staff_speak .cards-section .cards2 .card-content .counting {
        color: #333;
        font-size: 52px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    
    .staff_speak .cards-section .cards2 .graph .inner-graph {
        height: 140px;
        width: 140px;
        border-radius: 50%;
        /* transform: rotate(90deg); */
    }
    /* 
.staff_speak .cards-section .cards.card-1 .graph .inner-graph {
    background-image: conic-gradient( #4b9db9 36deg, white 0);
}

.staff_speak .cards-section .cards.card-2 .graph .inner-graph {
    background-image: conic-gradient( #9ac9e3 180deg, white 0);
}

.staff_speak .cards-section .cards.card-3 .graph .inner-graph {
    background-image: conic-gradient( #fc612b 72deg, white 0);
}

.staff_speak .cards-section .cards.card-4 .graph .inner-graph {
    background-image: conic-gradient( #ed8a33 252deg, white 0);
} */
    
    .staff_speak .cards-section .cards .graph .inner-graph {
        height: 140px;
        width: 140px;
        border-radius: 50%;
        /* transform: rotate(90deg); */
    }
    
    .staff_category02 .cards-section .cards {
        width: 32.8%;
        /* border-radius: 25px; */
        /* height: 240px; */
        text-align: center;
        position: relative;
        padding: 15px;
        border: 1px solid #ddd;
        border-radius: 25px;
        margin-bottom: 10px;
    }
    
    .staff_category02 .cards-section .cards .user {
        display: flex;
        align-items: center;
    }
    
    .staff_category02 .cards-section .cards .user-icon {
        /* background-color: #002f64; */
        border-radius: 50%;
        padding: 3px;
        width: 50px;
        margin-right: 10px;
    }
    
    .staff_category02 .cards-section .cards .user-icon img {
        border-radius: 50%;
        width: 100%;
    }
    
    .staff_category02 .cards-section .cards .card-heading {
        font-size: 16px;
        font-weight: 600;
    }
    
    .staff_category02 .cards-section .cards .counting {
        font-weight: 600;
    }
    
    .staff_category02 .cards-section .cards:nth-child(4n+1) .counting {
        color: #4b9db9;
    }
    
    .staff_category02 .cards-section .cards:nth-child(4n+2) .counting {
        color: #9ac9e3;
    }
    
    .staff_category02 .cards-section .cards:nth-child(4n+3) .counting {
        color: #fc612b;
    }
    
    .staff_category02 .cards-section .cards:nth-child(4n+4) .counting {
        color: #ed8a33;
    }
    
    .staff_category02 .cards-section .cards:nth-child(4n+1) .user-icon,
    .staff_category02 .cards-section .cards:nth-child(4n+1)  .progress-bar {
        background-color: #4b9db9;
    }
    
    .staff_category02 .cards-section .cards:nth-child(4n+2) .user-icon,
    .staff_category02 .cards-section .cards:nth-child(4n+2) .progress-bar {
        background-color: #9ac9e3;
    }
    
    .staff_category02 .cards-section .cards:nth-child(4n+3) .user-icon,
    .staff_category02 .cards-section .cards:nth-child(4n+3) .progress-bar {
        background-color: #fc612b;
    }
    
    .staff_category02 .cards-section .cards:nth-child(4n+4) .user-icon,
    .staff_category02 .cards-section .cards:nth-child(4n+4) .progress-bar {
        background-color: #ed8a33;
    }
    
    .progress-boot {
        height: 10px;
        margin-bottom: 20px;
        overflow: hidden;
        background-color: #f5f5f5;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
        box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    }
    .progress-area .counting{margin-top: -5px;}
    .staff_category02 .cards-section .cards .progress-area {
        display: flex;
        justify-content: space-between;
        margin-top: 20px;
    }
    
    .staff_category02 .cards-section .cards .progress-area .progress-boot {
        width: 83%;
    }

    .dtScrollBtn{box-shadow: 0px 0px 16px rgb(0 0 0 / 60%);-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}   
	.dtScrollBtn:hover{box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);}
	.dtScrollTable .dtScrollBtn{ position: absolute; top:calc(50% - 17px); z-index: 1;width: 24px;height: 34px;line-height: 20px;}
	.dtScrollTable .dtScrollBtn.left{ left: -15px;}.dtScrollTable .dtScrollBtn.right{ right: -15px;}
    /* .businessGrowthCalculation img{opacity: 1;height: 45px !important;top: 20px;position: relative !important;
        top: auto !important;bottom: 0;left: 0 !important;}
    .businessGrowthCalculation{
        width: 75px;height: 75px;display: block;background: rgba(255, 255, 255, 0.8);position: relative;
        border-radius: 50%;display: flex;align-items: center;justify-content: center;} */
.score_badge{margin-left: auto;background: #000;background: #003c9c;padding: 3px 10px;border-radius: 3px;color: #fff;font-weight: normal;}
.no-col-row .columnDevider:after{height: calc(100% + 0px);}


.pagingtable_icons.btn-danger:hover+.tooltip.right>.tooltip-arrow {
    border-top-color: transparent !important;
    border-right-color: #d9534f !important;
}
.tooltip.right .tooltip-arrow{
    border-top-color: transparent !important;
    border-right-color: #0095C8;
}

#reassignqause .chosen-choices>.search-field{
    width: 100% !important;
}


.list-group.list-group-type-2{ margin: 0;}
.list-group.list-group-type-2 .list-group-item{ border: none; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;padding: 5px 0px;}
.list-group.list-group-type-2 .list-group-item .badge{ margin-right: 5px; width: 10px;height: 10px;min-width: 10px;}
.popover-content h5{margin-bottom: 5px;font-weight: bold;text-align: center;text-transform: inherit;}
.list-group-type-2{ max-height: 200px; overflow-y: auto;scrollbar-width: 3px;scrollbar-color: #aab7cf transparent;}
.list-group-type-2::-webkit-scrollbar {
    width: 4px; border-radius: 3px;
}
.list-group-type-2::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.list-group-type-2::-webkit-scrollbar-thumb {
  background-color: #00a0df;
  outline: 1px solid slategrey;
}
.bg-purple{
 background-color: #a020f0 !important;
}
table td .pagingtable_icons{ margin-left: 4px; margin-right: 4px;}
th.text-center>div{ width: 100% !important;}
.panelBox-1{ padding: 15px 15px;}.panelBox-1 .right_arrow{opacity:0; margin-left: auto;transition: opacity 0.3s linear 0.3s;}.panelBox-1:hover .right_arrow{ opacity:1; margin-left: auto;}
.ico-img-1{ margin-right: 10px;}
.location-wrapper h5, .location-wrapper h6{ text-transform: inherit; margin-bottom: 0;}
.location-wrapper h5{ color: #333333; margin-bottom: 10px; font-size: 16px;font-weight: bold; }.location-wrapper h6{ color: #666666; font-size: 14px;}

.panelBox-1::before {
    content:'';position: absolute; left:2px; top: 8px; width:16px; height: 75px;border-radius: 0px 12px 12px 0px;
  }
  .panelBox-1.bx-1::before {
background-color:rgba(255, 227, 250, 1.0);
  }
.panelBox-1.bx-2::before {
    background-color:rgba(221, 255, 220, 1.0);
}
.panelBox-1.bx-3::before {
    background-color:rgba(211, 245, 255, 1.0);
}
.panelBox-1.bx-4::before {
    background-color:rgba(255, 234, 214, 1.0);
}
.panelBox-1.bx-5::before {
    background-color:rgba(223, 234, 255, 1.0);
}
.panelBox-1.bx-6::before {
    background-color:rgba(245, 223, 255, 1.0);
}
.panelBox-1.bx-7::before {
    background-color:rgba(217, 255, 250, 1.0);
}
.panelBox-1.bx-8::before {
    background-color:rgba(245, 255, 180, 1.0);
}
.panelBox-1.bx-9::before {
    background-color:rgb(255 187 67 / 75%);
}
.panelBox-1.bx-10::before {
    background-color:rgb(200 120 67 / 75%);
}
/* user role management */
.accordion-wrapper-lists .panel-heading{ padding: 0;}.accordion-wrapper-lists .panel.panel-default{ border: none;}.accordion-wrapper-lists .panel-title{ padding-bottom: 10px;}
.accordion-wrapper-lists .panel-title a, .accordion-wrapper-lists .panel-default>.panel-heading{ background: transparent; color: #333333 ;}
.accordion-wrapper-lists .panel-title a:after, .accordion-wrapper-lists .panel-title a.collapsed:after{
    right: 0; width: 32px; height: 32px; line-height: 32px; border-radius: 36px; left: auto ; background: #ffffff none repeat scroll 0 0 ;
    border: 1px solid #e7e8eb !important;display: flex;align-items: center;justify-content: center;
}.accordion-wrapper-lists .panel-title a{ padding-left: 0px ;display: flex ;align-items: center; position: relative; text-decoration: none;}
.accordion-wrapper-lists .menu-icons{ width: 32px; height: 32px; margin-right: 10px; background-color: #e7e8eb; border-radius: 36px 36px 0px 36px; display: inline-flex; align-items: center; justify-content: center;}
.accordion-wrapper-lists .menu-icons img{ width: 20px; height: 20px;}
.accordion-wrapper-lists .panel-title a.collapsed {
    color: #333;
  }
  .accordion-wrapper-lists .panel{ box-shadow: none; border-bottom: 1px solid #ddd; border-radius: 5px ;}
  .accordion-wrapper-lists>.panel>.panel-collapse>.panel-body{background: #f5f5f5;}
  .accordion-wrapper-lists .panel-title a::after, .accordion-wrapper-lists .panel-title a.collapsed::after {
    color: #125faf;
    font-family: fontawesome;
    font-size: 25px;
    position: absolute;
    text-align: center;
    top: 10px;
    right: 10px;
    transition: all 0.3s ease 0s;
    font-weight: normal;
  } 

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



  .inside-panel .panel-heading{ padding-left: 10px; padding-right: 10px;}

.fw-bold{ font-weight: bold !important;}
.onoffswitch button{
    border: none;width: auto; outline:none;justify-content: center; padding:2px 6px; border-radius:24px; margin-bottom: 5px; display: flex; align-items: center;
}
.onoffswitch{ position: absolute; right: 45px; top: 10px;}
.onoffswitch button span{
    width:16px; height:8px; border-radius: 6px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}
.onoffswitch button.active{background:#d6e9c6; color:#032449;}
.onoffswitch button.active span{background:#0d6efd; margin-left: 6px;}
.onoffswitch button.inactive{background:#ebccd1; color:#032449;}
.onoffswitch button.active span{background:#0d6efd; margin-right: 6px;}
/* user role management */


.dropdown {
    position: relative;
    display: inline-block;
  }
  
  .dropdown input[type="text"] {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
  }
  
  .dropdown .dropdown-list {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 4px 4px;
    background-color: #fff;
  }
  
  .dropdown .dropdown-item {
    padding: 8px;
    display: flex;
    align-items: center;
  }
  
  .dropdown .dropdown-item label {
    margin-left: 8px;
  }

.cstm-panel{
    box-shadow: 0px 0px 7px #ccc !important; border-radius: 3px !important; padding: 0px !important; margin-bottom: 20px !important;
}

.cstm-label{
    font-size: 13px;
    margin-bottom: 8px;
}
  
.accordion-wrapper-lists .panel-title a.collapsed{
    font-weight: normal;
    background-color: #fff;
}

.accordion-wrapper-lists .panel-title a{
    background-color: #f8f8f9;
    padding: 10px;
    border-radius: 3px 3px 0px 0px;
}
.accordion-wrapper-lists .panel-title:hover a{
    opacity: 1;
    background-color: #f8f8f9;
}
.accordion-wrapper-lists .panel-title a:after{
    content: "\f068"; 
    color: #fff; 
    background-color:#02cda9 !important;
    font-size: 14px;
    padding-top: 2px;
}
 
.accordion-wrapper-lists .panel-title a.collapsed:after {
    content: "\f067";
    background-color:#00a0df !important;
    color: #fff;
    font-size: 14px;
    padding-top: 2px;
  }


.cstm-panel-body{background-color: #fff !important; border-top: 0px !important; padding: 15px 15px!important;}


.cstm-btn{
 width: 100px;
 box-shadow: 2px 2px 2px #888;
}

.cstm-table{
    border: 1px solid #ccc;
    border-radius: 8px;
}
.cstm-table th{
    background-color: #fff !important;
}

.cstm-table th, .cstm-table td{
    padding: 10px 15px !important;
}

.cstm-table .top-head th{
    font-size: 15px;
    font-weight: 600 !important;
    background-color: #02cda9 !important;
    color: #fff;
}
.cstm-table .secondary-head th{
    font-size: 13.5px;
    font-weight: 600 !important;
    min-width: 60px;
}

.cstm-table th:first-child,
.cstm-table td:first-child{
    border-right: 1px solid #ccc;
}


.cstm-table  th,
.cstm-table td{
vertical-align: middle !important;}

.cstm-table .chosen-container{
    max-width: 400px;
    width: 100%;
}
/* .chosen-container-multi-wrapper .chosen-container-multi .search-field{ width: 100%;}
.chosen-container-multi-wrapper .chosen-drop .chosen-results li{ padding-left: 30px; position: relative;}
.chosen-container-multi-wrapper .chosen-drop .chosen-results li::before{ font-size: 10px; content: ''; position: absolute; left: 5px; top: 5px; width: 16px; height: 16px; background-color: #e7e8eb; border: 1px solid #00a0df; border-radius: 3px;}
.chosen-container-multi-wrapper .chosen-drop .chosen-results li.result-selected::before{ content: '✔'; position: absolute; left: 5px; top: 5px; width: 16px; height: 16px; border-radius: 3px;color:#fff; background-color: #02cda9; border: 1px solid #02cda9; text-align: center;}

.multiselect-container .checkbox input[type="checkbox"]{ opacity: 1;}
.multiselectDropdownContainer{
    display: none; position: absolute; left: 0; top: 40px;box-shadow: 0px 0px 7px #ccc !important; min-width: 200px; border: 1px solid #ddd; box-shadow: 0px 0px 0px rgba(0, 0, 4px, 1.0); background-color: #ffffff; z-index: 9991; padding: 10px;
}
.multiselectDropdownWrapper{ width: 100%;}.msdButton{ width: 100%; text-align: left;display: flex;
    align-items: center;
    justify-content: space-between;}.multiselectDropdownContainer .filter{ display: flex; align-items: center;}
.multiselectDropdownContainer .filter i{ position: absolute; left: 10px; top: 10px;}
.multiselectDropdownContainer .filter input{text-indent: 15px;}
.multiselectDropdownContainer ul{margin: 0; padding: 0; max-height: 180px; overflow-y: auto;}
.multiselectDropdownContainer ul li{list-style-type: none;} */



/* new filter popup Style START */
.filter-section {
    display: flex;
}

.filter-section a {
    color: #666 !important;
    margin-right: 5px;

}

.filter-section a:hover {
    border: solid 1px #87c6fa;
    color: #2474b6 !important;
}

.mr-10 {
    margin-right: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.popup-section {
    background-color: #fff;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    width: inherit;
    padding: 20px;
    margin-top: 10px;
    position: absolute;
    top: 30px;
    z-index: 1000;
    display: none;
    box-shadow: rgb(0 153 255 / 31%) 11px 4px 8px 0px !important;
}

.popup-section h5 {
    margin-bottom: 10px;
    text-transform: none;
}

.popup-section .wrapper .range {
    display: flex;
    justify-content: space-between;
}

.popup-section .range input.dates {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    padding: 8px;
    color: #666;
}

.divider {
    background-color: #666;
    width: 40px;
    height: 2px;
    margin: 8px;
    position: relative;
    bottom: -34px;
}

.btn-date {
    background: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px;
}

.popup-section {
    max-height: 300px; 
    overflow-y: auto;
}

.popup-section .range .date-heading {
    font-size: 11px;
    font-weight: 600;
    color: #333;
}

.popup-section .range input.dates:hover,
.btn-date:hover,.btn-clear:hover {
    border: 1px solid #0095C8 !important;
    color: #0095C8;
}

.popDrop.active {
    border: 2px solid #0095C8 !important;
    color: #ffffff;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
}

.popDrop.active>i.fa-angle-down {
    transform: rotate(180deg);
}

.popup-section .staff-headings {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
}

.popup-section .category-lists ul {
    list-style-type: none;
    padding: 0;
}

.popup-section .category-lists ul li {
    margin-bottom: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.popup-section .category-lists ul li:hover {
    color: #509fe0;
}

.popup-section .category-lists ul li input {
    margin-right: 15px;margin-top: 0;
}

.popup-section .category-lists ul li label {
    cursor: pointer;margin-bottom: 0;
}

/* new filter popup Style End */
.scrollableTable-no-responsive table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, .scrollableTable-no-responsive table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{ display: none; width: 0; height: 0;}
.list-group.list-group-type-3{ margin: 0;}
.list-group.list-group-type-3 .list-group-item{ border: none; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;padding: 10px 0px;}
.list-group.list-group-type-3 .list-group-item .badge{ margin-right: 15px; min-width: 36px;border-radius: 16px 16px 16px 16px;min-height: 24px;display: flex;
    align-items: center;justify-content: center;}.list-group.list-group-type-3 .list-group-item a{        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease; text-decoration: none; font-size: 16px; color: #333; justify-content: space-between;}
.list-group.list-group-type-3 .list-group-item a:hover{color: #000; font-weight: bold;}.list-group.list-group-type-3 .list-group-item a .list-right-float{ color: #999;}
.list-group.list-group-type-3 .list-group-item a .list-right-float i{ margin-left: 10px;}.heading-icon{ background: #f9d200;
    padding: 4px 10px;
    border-radius: 24px;
    box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.5); font-size: 24px !important; margin-right: 10px;}.heading-icon.bg1{ background: #27cdff;}
.panel-box-type-2{ border: none !important;}
.panel-box-type-2>.panel-heading{ background-color: #fff !important;}
.panel-box-type-2 li .badge{ color: #000;        -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;position: relative;overflow: hidden;}
.panel-box-type-2 li:hover .badge{ color: #fff;}.panel-box-type-2 li .badge:before{position: absolute; width: 12px; height: 12px; content: ''; left:1px; top: -4px;border-radius: 16px;}
.panel-box-type-2 li .badge.bg-1{ background: rgb(11, 229, 154, 1.0);}
.panel-box-type-2 li .badge.bg-2{ background: rgb(11, 229, 154, 0.8);}
.panel-box-type-2 li .badge.bg-3{ background: rgb(11, 229, 154, 0.6);}
.panel-box-type-2 li .badge.bg-4{ background: rgb(11, 229, 154, 0.4);}
.panel-box-type-2 li .badge.bg-5{ background: rgb(11, 229, 154, 0.2);}
.panel-box-type-2 li:hover .badge.badge-color-type-1, .panel-box-type-2 li .badge.badge-color-type-1:before{ background: #00d866;}
/* .panel-box-type-2 li:hover .badge.bg-2, .panel-box-type-2 li .badge.bg-2:before{ background: #a4c600;} */
.panel-box-type-2 .panel-footer a{ color: #333 !important;}.panel-box-type-2 .panel-footer a i{ margin-left: 10px;}.panel-box-type-2 .panel-footer a:hover{ font-weight: bold;}
.panel-box-type-2 li .badge.bg-b1{ background: rgb(255, 62, 128, 1.0);}
.panel-box-type-2 li .badge.bg-b2{ background: rgb(255, 62, 128, 0.8);}
.panel-box-type-2 li .badge.bg-b3{ background: rgb(255, 62, 128, 0.6);}
.panel-box-type-2 li .badge.bg-b4{ background: rgb(255, 62, 128, 0.4);}
.panel-box-type-2 li .badge.bg-b5{ background: rgb(255, 62, 128, 0.2);}
.panel-box-type-2 li:hover .badge.badge-color-type-2, .panel-box-type-2 li .badge.badge-color-type-2:before{ background: #bd039c;}
/* .panel-box-type-2 li:hover .badge.bg-b2, .panel-box-type-2 li .badge.bg-b2:before{ background: #9d04d9;} */

.sticky-section{position: sticky;top: 60px;left: 0;z-index: 999;}
.sticky-section.sticky-filter-inside-tab{ top: 106px;}
.btnBrdr {
  border: 1px solid #0095C8;
}
.dtfc-fixed-left .tooltip{position: fixed;
    transform:translate(50px,-50px);}
/* new filter design */
.popup-section {
    background-color: #fff;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    width: -webkit-fill-available;
    padding: 20px;
    margin-top: 10px;
    position: absolute;
    top: 30px;
    z-index: 1000;
    display: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.popup-section h5 {
    margin-bottom: 10px;
    text-transform: none;
}

.popup-section .wrapper .range {
    display: flex;
    justify-content: space-between;
}

.popup-section .range input.dates {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
    padding: 8px;
    color: #666;
}

.divider {
    background-color: #666;
    width: 40px;
    height: 2px;
    margin: 8px;
    position: relative;
    bottom: -34px;
}

.btn-date {
    background: none;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px;
}

/* .popup-section {
    max-height: 300px; 
    overflow-y: auto;
    overflow-x: hidden;
} */

.popup-section .range .date-heading {
    font-size: 11px;
    font-weight: 600;
    color: #333;
}

.popup-section .range input.dates:hover,
.btn-date:hover,.btn-clear:hover {
    border: 1px solid #0095C8 !important;
    color: #0095C8;
}

.popDrop.active>i.fa-angle-down {
    transform: rotate(180deg);
}

.popup-section .staff-headings {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 20px;
}

.popup-section .category-lists ul {
    list-style-type: none;
    padding: 0;
    margin-right: 10px;
}

.popup-section .category-lists ul li {
    margin-bottom: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
}

.popup-section .category-lists ul li:last-child {
    margin-bottom: 0px;
}

.popup-section .category-lists ul li:hover {
    color: #509fe0;
}

.popup-section .category-lists ul li input {
    margin-right: 15px;margin-top: 0;
}

.popup-section .category-lists ul li label {
    cursor: pointer;margin-bottom: 0;
}
.btnBrdr {
    border: 1px solid #0095C8;
}
/* new filter popup Style End */

/* top Performance && need a Boost */
.scrollableTable-no-responsive table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, .scrollableTable-no-responsive table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{ display: none; width: 0; height: 0;}
.list-group.list-group-type-3{ margin: 0;}
.list-group.list-group-type-3 .list-group-item{ border: none; padding-left: 0px; padding-right: 0px; padding-bottom: 0px;padding: 10px 0px;}
.list-group.list-group-type-3 .list-group-item .badge{ margin-right: 15px; min-width: 36px;border-radius: 16px 16px 16px 16px;min-height: 24px;display: flex;
    align-items: center;justify-content: center;}.list-group.list-group-type-3 .list-group-item a{        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease; text-decoration: none; font-size: 16px; color: #333; justify-content: space-between;}
.list-group.list-group-type-3 .list-group-item a:hover{color: #000; font-weight: bold;}.list-group.list-group-type-3 .list-group-item a .list-right-float{ color: #999;}
.list-group.list-group-type-3 .list-group-item a .list-right-float i{ margin-left: 10px;}.heading-icon{ background: #f9d200;
    padding: 4px 10px;
    border-radius: 24px;
    box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.5); font-size: 24px !important; margin-right: 10px;}.heading-icon.bg1{ background: #27cdff;}
.panel-box-type-2{ border: none !important;}
.panel-box-type-2>.panel-heading{ background-color: #fff !important;}
.panel-box-type-2 li .badge{ color: #000;        -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;position: relative;overflow: hidden;}
.panel-box-type-2 li:hover .badge{ color: #fff;}.panel-box-type-2 li .badge:before{position: absolute; width: 12px; height: 12px; content: ''; left:1px; top: -4px;border-radius: 16px;}
.panel-box-type-2 li .badge.bg-1{ background: rgb(11, 229, 154, 1.0);}
.panel-box-type-2 li .badge.bg-2{ background: rgb(11, 229, 154, 0.8);}
.panel-box-type-2 li .badge.bg-3{ background: rgb(11, 229, 154, 0.6);}
.panel-box-type-2 li .badge.bg-4{ background: rgb(11, 229, 154, 0.4);}
.panel-box-type-2 li .badge.bg-5{ background: rgb(11, 229, 154, 0.2);}
.panel-box-type-2 li:hover .badge.badge-color-type-1, .panel-box-type-2 li .badge.badge-color-type-1:before{ background: #00d866;}
/* .panel-box-type-2 li:hover .badge.bg-2, .panel-box-type-2 li .badge.bg-2:before{ background: #a4c600;} */
.panel-box-type-2 .panel-footer a{ color: #333 !important;}.panel-box-type-2 .panel-footer a i{ margin-left: 10px;}.panel-box-type-2 .panel-footer a:hover{ font-weight: bold;}
.panel-box-type-2 li .badge.bg-b1{ background: rgb(255, 62, 128, 1.0);}
.panel-box-type-2 li .badge.bg-b2{ background: rgb(255, 62, 128, 0.8);}
.panel-box-type-2 li .badge.bg-b3{ background: rgb(255, 62, 128, 0.6);}
.panel-box-type-2 li .badge.bg-b4{ background: rgb(255, 62, 128, 0.4);}
.panel-box-type-2 li .badge.bg-b5{ background: rgb(255, 62, 128, 0.2);}
.panel-box-type-2 li:hover .badge.badge-color-type-2, .panel-box-type-2 li .badge.badge-color-type-2:before{ background: #bd039c;}
/* .panel-box-type-2 li:hover .badge.bg-b2, .panel-box-type-2 li .badge.bg-b2:before{ background: #9d04d9;} */
/*END top Performance && need a Boost */


/* Show Alert for graphs */
.graph-alert-message{ position: absolute; left: 0; bottom: 0;z-index: 0;width: 100%;margin-bottom: 120px;}
.alert-dismissible .close{
    top: -15px;
    right: -8px;
    border-radius: 12px;
    opacity: 1.0;
    color: #000;
}
.graph-alert-message-body{
    background: rgba(255, 255, 255, 0.88);
    border: 1px solid #000;
    border-radius: 2px;
    padding: 15px;
    box-shadow: 0px 2px 20px rgb(1 41 112 / 65%);
    color: #fff;
}
.graph-alert-message-body h5{ font-size: 14px; text-transform: inherit; font-weight: bold; margin-bottom: 15px;color: #000;}
.graph-alert-message-body p{margin-bottom: 0px; color: #000;}
/* END  Show Alert for graphs */


.sticky-section{position: sticky;top: 60px;left: 0;z-index: 999;}
.sticky-section.sticky-filter-inside-tab{ top: 106px;}
.btnBrdr {
  border: 1px solid #0095C8;
}
.tab-with-filter-sticky.overlay .sticky-overlay{
    display:block !important;width: 100%;background: #ebecf0;position: fixed;left: 0;top: -12px;transform: translate(10px, 60px);
}
/*nursing privilege Select Privilege dropdown design*/
.dropdown-list-radio .jRadioDropdown{ width:0px; height:0px;}
.dropdown-list-radio .dropdown-item{ cursor:pointer; padding:2px 8px;}.dropdown-list-radio .dropdown-item i{font-style: inherit;line-height: 16px;}
.dropdown-list-radio .dropdown-item input{ display:none;}
.dropdown-list-radio .dropdown-toggle, .dropdown-list-radio .dropdown-toggle:hover, .dropdown-list-radio .dropdown-toggle:focus, .dropdown-list-radio .dropdown-toggle:active
{ text-align:left;    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    padding: 6px 10px !important; color:#333 !important; text-decoration: none;
    background: #ffffff !important;
    border: 1px solid #d1d1d1 !important;}
.dropdown-list-radio .dropdown-toggle ins{overflow-x: hidden;margin-right: 10px;text-decoration: none;}
.dropdown-list-radio .dropdown-toggle span{ width: 12px; height: 12px; overflow: hidden;}
.dropdown-list-radio .dropdown-toggle span img{ object-position:0 -3px;}
.sticky-overlay.overlay-height-60{ height:60px !important;}
.dropdown-list-radio .dropdown-menu{ max-height: 200px; overflow-y: auto;}
/*nursing privilege Select Privilege dropdown design*/
.countText-type1{font-size: 32px !important;min-height: 60px;display: flex;align-items: center;justify-content: center;background: #003c9c !important;font-weight: 600;color: #ffffff;}
.countText-type1 .fa-arrow-up{ color:#00f550; font-size:30px;}.countText-type1 .fa-arrow-down{ color:#ff0500; font-size:30px;}
/*incident dashboard design*/
.py-15{ padding-top:15px !important; padding-bottom:15px !important;}
.d-none{ display:none !important;} .font13 {font-size: 13px;} 
.color-black{ color:#000 !important;}
.dropdown-list-radio .jRadioDropdown{ width:0px; height:0px;}
.dropdown-list-radio .dropdown-item{ cursor:pointer; padding:2px 8px;}.dropdown-list-radio .dropdown-item i{font-style: inherit;line-height: 16px;}
.dropdown-list-radio .dropdown-item input{ display:none;}
.dropdown-list-radio .dropdown-toggle, .dropdown-list-radio .dropdown-toggle:hover, .dropdown-list-radio .dropdown-toggle:focus, .dropdown-list-radio .dropdown-toggle:active
{ text-align:left;    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    padding: 6px 10px !important; color:#333 !important; text-decoration: none;
    background: #ffffff !important;
    border: 1px solid #d1d1d1 !important;}
.dropdown-list-radio .dropdown-toggle ins{overflow-x: hidden;margin-right: 10px;text-decoration: none;}
.dropdown-list-radio .dropdown-toggle span{ width: 12px; height: 12px; overflow: hidden;}
.dropdown-list-radio .dropdown-toggle span img{ object-position:0 -3px;}
.sticky-overlay.overlay-height-60{ height:60px !important;}
.dropdown-list-radio .dropdown-menu{ max-height: 200px; overflow-y: auto;}
.sticky-overlay.overlay-height-60{ height:60px !important;}
table tr td:first-child { white-space: nowrap;}
 .cursor-pointer{ cursor: pointer !important;}
 .cursor-auto{ cursor: auto !important;}
.chosen-width-120 .chosen-container .chosen-single{ min-width: 120px;}
.chosen-width-120 .chosen-container .chosen-results li.active-result{ font-size: 13px;}
.fw-normal{ font-weight: normal !important;}
/*incident dashboard design*/
.countText-type1{font-size: 32px !important;min-height: 60px;display: flex;align-items: center;justify-content: center;background: #003c9c !important;font-weight: 600;color: #ffffff;}
.countText-type1 .fa-arrow-up{ color:#00f550; font-size:30px;}.countText-type1 .fa-arrow-down{ color:#ff0500; font-size:30px;}
  .panel-box-type-3 ul{ position: relative;}
    .panel-box-type-3 ul li:before{ z-index: 2; background: #ebecf0;}
.audit-check-lists.scrollHeight{ height: 285px;}
.sticky-filter-inside-tab::before, .tab-with-filter-sticky:before{ content: '';position: absolute;bottom: 0;left: 0;background-color: #ebecf0;z-index: -1;width: 100%;height: 201%;}
.sticky-section.tab-with-filter-sticky{z-index: 10000;}.modal { z-index: 1000011 !important;}.navbar-fixed-bottom, .navbar-fixed-top{ z-index: 999999;position: fixed !important;right:0;left:0;}

.highchart-xaxis-label {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    margin-left: 0px;
    line-height: 13px;
  }
  .highchart-xaxis-label  .moreText{font-size: 18px;
    font-weight: bold;
    border-radius: 3px;
    background-color: #0095C8;
    color: #fff;
    height: 9px;
    display: inline-block;
    padding: 0 3px;
    line-height: 0;}
.bar-xaxis-label{ text-align: right !important;}.bar-xaxis-label .moreText{ margin-left: 5px;}
.highcharts-menu hr{margin:0 !important;}
.modal-backdrop.in{z-index:1000000 !important;}
.fullScreenContainer{ background-color: #ffffff;}
.cstm-float{
   z-index: 100;position: relative;
}.popover{ z-index: 1600000;}

.bannerSection .userImg{ width: 60px; height: 60px; border-radius: 55%;}
.flex-column{ flex-direction: column;}.welcome-text span.username{ color: #52ffe2; font-weight: normal; font-size: 18px;}
.flex-end{justify-content: end;}.mt-0{ margin-top: 0px !important;}
.bannerSection button{ transition: all .2s ease-in-out;border-radius: 36px;height: 55px; box-shadow: 0px 0px 8px rgb(0, 0, 0);   display: flex;line-height: 38px;align-items: center;color:#fff;font-size: 16px;font-weight: 600; overflow: hidden;min-width: 145px;}
.bannerSection button span{width: 60px;
    /* height: 100%; */
    float: left;
    height: 55px;
    transform: rotate(-75deg);
    margin-left: -15px;
    margin-top: -10px;
    display: flex;
    align-items: center;
    justify-content: center;margin-right: 10px;}
    .bannerSection button span img{transition: all .2s ease-in-out; height: 24px;transform: rotate(75deg);margin-left: -5px;}
.mytaskBtn{ background: #10bb9c !important;}.mytaskBtn span{ background-color: #37cfb3 !important;}
.alertsBtn{ background: #47b6d2 !important;}.alertsBtn span{ background-color: #53c7e4 !important;}
.trainingBtn{ background: #288dfe !important;}.trainingBtn span{ background-color: #3d98ff !important;}
.bannerSection button:hover{ color: #041358; }.bannerSection button:focus, .bannerSection button:active{ color: #ffffff; }
.bannerSection button:hover span img{ transform:  rotate(75deg) scale(1.4);}
.welcome-text{ color:#ffffff; margin-top:45px; margin-bottom:45px; font-size:16px;}
.welcome-text span{color:#32d6ff; font-weight:bold; margin-top:10px; display:inline-block;font-size: 22px;}
.panel-box-type-3{
    box-shadow:rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgb(15 160 140) 0px 3px 7px -3px !important; border:none !important;
}
.panel-box-type-3 .panel-body{ padding:15px; min-height:265px;}
.panel-box-type-3 .panel-header{ font-size: 16px;font-weight: 600; display:flex; align-items:center; padding:15px 15px; border-radius:4px 4px 0px 0px;background:linear-gradient(to left, #f0f8ff, #f7fffe);color:#1a4261;border-bottom: 1px solid #e6e7eb;}
.panel-box-type-3 .panel-header span{
    padding: 0;
    text-align: center;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;}.panel-box-type-3 .panel-header img{ height:28px;}
.panel-box-type-3 ul li .badge.badge-danger{ background: rgb(230,115,0);
    background: linear-gradient(324deg, rgba(230,115,0,1) 0%, rgba(224,0,219,1) 100%, rgba(3,36,73,1) 100%, rgba(255,255,255,1) 100%, rgba(233,249,255,1) 100%, rgba(0,212,255,1) 100%) !important;color:#fff;}
.panel-box-type-3 ul li{ position:relative; padding-left:35px !important;}.panel-box-type-3 ul li:before{ content:"\f061"; font: normal normal normal 14px/1 FontAwesome; width:20px; height:20px; border-radius:4px; background:#f3faff; color: #828282; position:absolute; left:2px; top:10px;line-height: 20px;text-align: center;font-size: 10px;}
.px-0{ padding-left:0px !important; padding-right:0px !important;}.panel-box-type-3 ul li .badge{ background:rgb(71,182,210,0);
    background: linear-gradient(324deg, rgba(71,182,210,1) 0%, rgba(16,187,156,1) 100%) !important;color:#fff;
}
.panel-box-type-3 ul li a, .panel-box-type-3 ul li .text{ color:#666666; font-family: 'poppins';}
.panel-box-type-3 ul li img{width:16px; height:16px; margin-right:5px;}
.panel-box-type-3 ul li:hover{ background: linear-gradient(to left, #f4fbff, #f9fffe); border-radius: 4px; box-shadow: 0 0rem 0.15rem 0 rgba(58, 59, 69, .15) !important; padding-right: 15px !important; border-right: 3px solid #e6e7eb !important;}
.panel-box-type-3 ul li>div{ display: inline-block;}
.panel-box-type-3 ul li:hover>div::first-letter { font-weight: bold; color: #10bb9c;}.cursor-pointer{ cursor: pointer;}
.panel-box-type-3 ul{ position: relative;}
 .panel-box-type-3 ul li:before{ z-index: 2; background: #f3faff;}
 .audit-check-lists.scrollHeight{ height: 295px;}
.sticky-filter-inside-tab::before, .tab-with-filter-sticky:before{ content: '';position: absolute;bottom: 0;left: 0;background-color: #ebecf0;z-index: -1;width: 100%;height: 201%;}
.sticky-section.tab-with-filter-sticky{z-index: 10000;}.modal { z-index: 1000011;}.navbar-fixed-bottom, .navbar-fixed-top{ z-index: 999999;}
.panel-box-type-3.highlight{ box-shadow:0 0.15rem 1.75rem 0 rgba(58, 59, 69, 1.0) !important}
.mws-enterBtn{ background: linear-gradient(145deg, #0db495, #1a4261); color: #cdf7e5; border: 4px solid #fff;border-radius: 16px;float: right;}
.fixedBtn-container{box-shadow: 0 5px 15px rgba(0,0,0,.5) !important; position:fixed; right:15px; bottom:15px; z-index:9;}
.read-more,.read-more:focus{ background:none !important; color:rgb(16 187 156); font-weight:bold;font-size: 13px;}
.audit-check-lists.scrollbar{ height:285px;}.pr-0{ padding-right:0px !important;}
.fixedBtn-container.single-btn{box-shadow: none !important;}.fixedBtn-container.single-btn>.btn{box-shadow: 0px 0px 35px rgba(0,0,0,0.7) !important;}
.fixedBtn-container.single-btn>.btn:hover{box-shadow: 0px 0px 35px rgba(0,0,0,0.9) !important;border: 4px solid #cdf7e5;}
@-webkit-keyframes bouncebounce {
    0% {bottom: 22px;}100% {bottom: 40px;}
}
@-moz-keyframes bouncebounce {
    0% {bottom: 22px;}100% {bottom: 40px;}
}
@-ms-keyframes bouncebounce {
    0% {bottom: 22px;}100% {bottom: 40px;}
}
@keyframes bouncebounce {
    0% {bottom: 22px;}100% { bottom: 40px;}
}
.bounce{
        -webkit-animation: bouncebounce 0.9s 1.5s infinite ease-out alternate;
        -moz-animation: bouncebounce 0.9s 1.5s infinite ease-out alternate;
        -ms-animation: bouncebounce 0.9s 1.5s infinite ease-out alternate;
        animation: bouncebounce 0.9s 1.5s infinite ease-out alternate;
  }
  .border-radius-4 {border-radius: 4px;}
  .mws-enterBtn:hover {animation-play-state: paused;}
  .btn-custom-green {
    background-color: #5cb85c;
    color: #fff;
}
.btn-info {
    color: #fff;
    background-color: #0099ff;
    border-color: #0099ff;
    font-size: 14px;
}  

.btn-outline-info{
    font-size: 14px;
    border-color: #4cacfe;
    color: #0099ff;
    /* add ex */
    text-align: left;
    height: 35px;
    width: 100%;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    border: 2px solid #4cacfe;
    text-overflow: ellipsis;
    padding: 6px 25px 6px 12px;
    /* add ex */

}
.btn-outline-info i
    {
    position: absolute;
    right: 12px;
    top: 10px;
    }

.input-group input[type=text]:focus-visible{border-radius: 5px !important; -webkit-box-shadow:  0 0 0 .25rem rgba(13, 110, 253, .25) ;box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) ;}

table.no-responsive.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.no-responsive.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{ display: none !important;}
/* .fullScreenContainer .issuepiechart {
    height: 100vh !important;
    padding-bottom: 30px;
} */



.tab-with-filter-sticky + .tab-content .sticky-filter-inside-tab::before, .tab-with-filter-sticky:before{ display: none !important;}
.tab-with-filter-sticky.overlay + .tab-content .sticky-filter-inside-tab::before, .tab-with-filter-sticky.overlay:before{ display: block !important;}
.tab-with-filter-sticky.overlay .tabOverlay{ display: block !important;position: fixed;left: 0;top: 0;height: 60px;width: 100%;background: #ebecf0;transform: translate(30px, 46px);}
/* prescription audit class */
.center-titel-with-option{ display: flex; align-items: center; justify-content: center;    font-weight: 750;    flex-direction: column;
    font-family: poppins, sans-serif;     color: rgb(0, 0, 0); position: relative;}
.center-titel-with-option .box-options { position: absolute; right: 15px; top: 0;}
.custom-highchart-title-center{    color: rgb(0, 0, 0);
    font-size: 15px;
    text-align: center;
    left: 0;
    top: 13px;
    width: 100%;font-weight: 500;}
    /* prescription audit class */
    .customer-support-icon-animation {
        animation: customer-support-icon-animation 1s linear infinite;
        -webkit-animation: customer-support-icon-animation 1s linear infinite;
    }
    @keyframes customer-support-icon-animation { 0% { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(0.75, 0.75, 1); } 60% { transform: scale3d(1, 1, 1); } }
    @-webkit-keyframes customer-support-icon-animation { 0% { -webkit-transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(0.75, 0.75, 1); } 60% { -webkit-transform: scale3d(1, 1, 1); } }
    .customer-support-icon-animation:hover{animation: 0}
.text-nowrap{ white-space: nowrap;}.table-td-font-13{ font-size: 13px !important;}.top-ten-listbox-height{ min-height: 540px;}

.dataTables_scrollHead, .dataTables_scrollBody{ width: 100% !important;}

.h6-type-2{text-transform: inherit;margin-bottom: 5px;text-align: left;font-weight: bold;}
.d-block{ display: block !important;}
.panel-inner-section{ display: table;table-layout: fixed;width: 100%;height: 100%;min-height: 115px;}
.panel-inner-section .panel-item{ height: auto;}
.p-title{   white-space: nowrap; font-size: 14px;margin-top: 4px;text-align: center;font-family: 'Poppins';line-height: 20px;font-weight: 500;margin-bottom: 10px;}
@media(min-width:768px) and (max-width:1024px) {.p-title{font-size: 12px; font-weight:600;} }
.panel-inner-section .panel-item .ico-img img{ height: 100px;}
.sticky-section.sticky-filter-only:before{ content: '';width: 100%;min-height: 60px;background-color: #ebecf0;position: absolute; left: 0;top: -31px; z-index: -1;max-inline-size: 100%;}
.word-wrap{ white-space:inherit !important;} 
.inline-fields input, .inline-fields select{width: auto; margin-right: 4px;}
table td .pagingtable_icons{ margin-left: 4px; margin-right: 4px;}
i+.tooltip>.tooltip-inner, img+.tooltip>.tooltip-inner {background: #0095C8 !important;color: #fff !important;}
i+.tooltip>.tooltip-arrow, img+.tooltip>.tooltip-arrow {border-top-color: #0095C8 !important;}
.highchartdropmenu a.dropdown-toggle i + .tooltip{ display: none !important;} 

/* training Dashboard tooltip */
.panel-box-info-tooltip + .tooltip {position: fixed; transform: translate(-50px, 0px);}

.tooltip-violet +.tooltip>.tooltip-inner{
    background: #5f00c0 !important;
    color: #fff !important;
}
.tooltip-violet +.tooltip>.tooltip-arrow{
    border-top-color: #5f00c0 !important;
}
.tooltip-brown +.tooltip>.tooltip-inner{
    background: #dba700 !important;
    color: #fff !important;
}
.tooltip-brown +.tooltip>.tooltip-arrow{
    border-top-color: #dba700 !important; 
}

/*usermanagement datatable section (column visibility)*/
 .dtToolbar{ display:flex;}.dtToolbar .dataTables_filter{ margin-left:auto;}
  .dtToolbar .dataTables_length{ margin-right:10px;} .dtToolbar .dataTables_length select,.dtToolbar .dataTables_filter input{ border-radius:3px !important;}
  .dtToolbar .dt-button-background{ background:transparent;}
.dtToolbar .dt-button.buttons-collection.buttons-colvis{ padding: 4px 12px;border-radius: 3px; font-size: 14px; display: flex; background:#ffffff;border: 1px solid #d1d1d1;}
.dtToolbar .dt-button.buttons-collection.buttons-colvis .dt-down-arrow{visibility: hidden;}
.dtToolbar .dt-button.buttons-collection.buttons-colvis:after{font-family:'FontAwesome' !important;content: "\f107"; margin-left: 10px;}
 .dataTables_wrapper .dtToolbar .dt-button-collection[role="menu"]{padding: 10px; box-shadow: 0px 2px 20px rgb(1 41 112 / 40%); background: #fff;min-width: 220px;border-radius: 6px; border:none !important; max-height:200px; overflow-y:auto;}
 .dataTables_wrapper .dtToolbar .dt-button-collection .dt-button{text-align: left;margin-bottom: 0px;
  background: transparent !important;box-shadow: none !important;border: none;color: #333333;font-size: 14px;padding: 6px 6px 6px 25px; position: relative;}
 .dataTables_wrapper .dtToolbar .dt-button-collection .dt-button:before{
    position: absolute; left: 0; top:9px; width: 16px; height: 16px; background-color:rgb(255 255 2553);border: 2px solid rgb(0 148 200); border-radius: 3px;text-align: center; line-height: 14px; font-size:13px; content: ""; color: #fff;}
 .dataTables_wrapper .dtToolbar .dt-button-collection .dt-button.active:before{
     background-color:rgb(0 148 200);border: 2px solid rgb(0 148 200);font-family:'FontAwesome' !important;content: "\f00c";}
.dataTables_wrapper .dtToolbar div.dataTables_filter{ margin-right:0px !important;} 
.table.dataTable .tooltip {
    position: fixed;
    transform: translate(50px,-50px);
}
/*END usermanagement datatable section*/
.h6-type-2{text-transform: inherit;margin-bottom: 5px;text-align: left;font-weight: bold;}


/* training Dashboard tooltip */
.panel-box-info-tooltip + .tooltip {position: fixed; transform: translate(-50px, 0px);}

.tooltip-violet +.tooltip>.tooltip-inner{
    background: #5f00c0 !important;
    color: #fff !important;
}
.tooltip-violet +.tooltip>.tooltip-arrow{
    border-top-color: #5f00c0 !important;
}
.tooltip-brown +.tooltip>.tooltip-inner{
    background: #dba700 !important;
    color: #fff !important;
}
.tooltip-brown +.tooltip>.tooltip-arrow{
    border-top-color: #dba700 !important; 
}

/* for data table css */

.d-block{ display: block !important;}
.panel-inner-section{ display: table;table-layout: fixed;width: 100%;height: 100%;min-height: 115px;}
.panel-inner-section .panel-item{ height: auto;}
.p-title{   white-space: nowrap; font-size: 14px;margin-top: 4px;text-align: center;font-family: 'Poppins';line-height: 20px;font-weight: 500;margin-bottom: 10px;}
@media(min-width:768px) and (max-width:1024px) {.p-title{font-size: 12px; font-weight:600;} }
.panel-inner-section .panel-item .ico-img img{ height: 100px;}

/* sticky filter training dashboard */
.sticky-section.sticky-filter-only:before{ content: '';width: 100%;min-height: 60px;background-color: #ebecf0;position: absolute; left: 0;top: -31px; z-index: -1;max-inline-size: 100%;}
.modal.second-Step-Popup{z-index: 10000110 !important;}


/* NabhSelfAssement css start */
.accordion-verticalStep{border-radius: 4px;padding: 10px;background: #fff;}
.accordion-verticalStep .panel .panel-heading{background-color: transparent;} 
.panel-group.accordionwrap1.accordion-verticalStep .panel{background-color: transparent !important; position: relative;}
.accordionwrap1.verticalStep.accordion-verticalStep:before{ display: none;}
.accordionwrap1.verticalStep.accordion-verticalStep .panel:before{content: '';
    width: 2px;
    background: #36a9e1;
    position: absolute;
    top: 15px;
    left: 10px;
    height: 100%;}
.accordionwrap1.verticalStep.accordion-verticalStep .panel:last-child:before{ display: none;}
.accordionwrap1.verticalStep.accordion-verticalStep .panel-body {padding-left: 30px; padding-top: 0px;}
.accordion-verticalStep .panel-body-container{}
.panel-body-container .form-section{ margin-bottom: 10px;}.panel-body-container .form-section:last-child{ margin-bottom: 0px;}
.panel-body-container .question-section{ margin-top: 15px; padding-top: 10px;}
.panel-body-container .question-section:last-child{ margin-bottom: 10px;}
.panel-body-container .form-section h5{margin-bottom: 10px;text-transform: inherit;font-weight: 600;}
.panel-body-container .form-section .question-section h5{ font-size: 13px;color: #0095c8;}
.panel-body-container .form-section .panel-heading a:after{}
 .panel-body-container .form-section .panel:before{ display: none !important;}
.panel-group.accordionwrap1.accordion-verticalStep .panel-body-container .form-section .panel{border: none;    padding:0px;
    background: #f9f9f9;border: 3px solid #0095c8;
    background-color: #f9f9f9 !important; border-radius: 4px;}
.panel-body-container .form-section .panel-heading a, .panel-body-container .form-section .panel-body{ padding-left: 10px !important; padding-right: 10px !important;}
.panel-body-container .form-section .panel-heading a{/*border-bottom: 2px solid #333;*/border-radius: 0px;}
.panel-body-container .form-section .panel-heading a.collapsed{border-bottom: 0px solid transparent;}
.panel-body-container .form-section .panel:last-child .panel-heading{ border-bottom: none;}
.upload-btn input[type=file] {visibility: hidden;width: 0;height: 0;position: absolute;left: 0;top: 0;}
.panel-body-container .question-section .img-list img{ width: 16px; height: 16px;}
.display-none{ display: none;}.question-section-options-form{display: flex;align-items: center;grid-column-gap: 5px;}
.question-section-options-form .popover-content{ max-width: 180px;min-width: 160px;}
.question-section-options-form .popover-content h5{ text-align: left;white-space: nowrap;}
.question-section-options-form .popover-content span{ min-height: 75px;display: block;border: 1px solid #ddd;border-radius: 4px;padding: 5px;}

/* .panel-group.accordionwrap1.accordion-verticalStep{counter-reset: section;}
.panel-group.accordionwrap1.accordion-verticalStep a:after{counter-increment: section;content: counter(section) !important;} */
.panel-group.accordionwrap1.verticalStep.accordion-verticalStep .panel-heading a:after {
    content: "\f062" !important; display: flex;
    align-items: center;
    justify-content: center;
}
.panel-group.accordionwrap1.verticalStep.accordion-verticalStep .panel-heading a.collapsed:after {
    content: "\f063" !important;
}
.question-section-options{ font-size: 13px; font-weight: 600;} .question-section-options .question-section-options-form select{font-size: 13px;}
.question-section-options .question-section-commentVew, .question-section-options .question-section-options-form select{ font-weight: normal;}

.panel-group.accordionwrap1.verticalStep.accordion-verticalStep .panel-body-container .panel-heading a:after{ position: absolute;right: 0;top: 4px;left: auto;}
.question-section-commentVew{    background: #ffffff;
    border-radius: 4px; position: relative;border: 1px solid #d1d1d1;
    padding: 5px 10px;font-weight: normal;
    margin-top: 10px;
    margin-left: 20px;
    min-height: 55px;}
.question-section-commentVew:before{
    content: "\f086";
    display: flex;
    align-items: center;
    justify-content: center;
    background: #cff3ff;
    border-radius: 60px;
    height: 24px;
    width: 24px;
    color: #0095c8;
    font-size: 12px;
    padding-left: 1px;
    position: absolute;
    left: -18px;
    top: -6px;
    font-family: 'FontAwesome';
    box-shadow: -2px 3px 2px rgba(0, 0, 0, 0.2);
}
.accordion-verticalStep .panel-body-container .panel .panel-heading{background: #0095c8;padding: 0 10px;color: #fff;border-radius: 0px;}
.panel-group.accordionwrap1.verticalStep.accordion-verticalStep .panel-body-container>.panel-heading.panel-heading a:after{ justify-content: end;}
.question-section-commentVew[contenteditable="true"]{outline:none;}
.question-section-commentVew[contenteditable="true"]:focus{border: 1px solid #0095c8;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
.parent-title{font-size: 14px;color: #0095c8 !important;border-radius: 0px;}
.panel-body-container .question-section .img-list{ position: relative;}
.panel-body-container .question-section .img-list:hover .img-list-container{position: fixed;transform: translate(-30px, -70px);z-index: 999;width: 130px;height: 130px;background: #fff;border: 1px solid #d1d1d1;padding: 1px;border-radius: 4px;box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.5);
    }
.panel-body-container .question-section .img-list:hover .img-list-container img{ width: 100%; height: 100%;}
.question-text{ font-size: 13px; color: #0095c8; text-transform: inherit !important; margin-bottom: 10px;font-weight: 600;}
.question-section-container{ background: #ffffff;padding: 10px;border-radius: 4px;    border: 3px solid #dedede;}
.cst-barchart .highchart-xaxis-label{ text-align: right !important;} 

.tabdiv.tab-type-3 .nav-tabs{ margin-bottom: 15px;}
.tabdiv.tab-type-3 .nav-tabs>li>a {
    background:rgb(74 74 74);
    color: #ffffff; 
    /* box-shadow: 0 0rem 0.35rem 0 rgba(0, 0, 0, .15); */
    margin-bottom: 1px;
    border-radius: 4px;position: relative;
}
.tabdiv.tab-type-3 .nav-tabs>li.active>a, .tabdiv.tab-type-3 .nav-tabs>li.active>a:focus, .tabdiv.tab-type-3 .nav-tabs>li.active>a:hover {
    background:rgb(12 168 84); color: #fff; font-weight: 600;
}
.tabdiv.tab-type-3 .nav-tabs>li:hover>a{background:rgba(255, 255, 255, 1.0); color: #125FAF;}
.tabdiv.tab-type-3 .nav-tabs>li.active>a:before { content: ''; position: absolute; bottom: -24px; width: 90%; left: 5%; height: 10px; border-radius: 3px; background: #ffffff;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.85);}
/* NabhSelfAssement css End */


.highcharts-tooltip span {
    background-color: white;
    border: 0px solid green;
    opacity: 1;
    z-index: 9999 !important;
    padding: 10px !important;
    margin: 0px 0px 0px 0px !important;
    border-radius: 3px;
}
.highcharts-tooltip span span{padding-left:0px !important; padding-right:0px !important;}
.piechart .tooltip {
    padding:0px !important;
}
.modal.second-Step-Popup{z-index: 10000110 !important;}
.btn-blink-2 {
    background-color: #0095C8;
    color: #FFFFFF;
    -webkit-animation: glowing 1000ms infinite;
    -moz-animation: glowing 1000ms infinite;
    -o-animation: glowing 1000ms infinite;
    animation: glowing 1000ms infinite;
}
.btn-blink-2:hover, .btn-blink-2:focus {
    background-color: #1a4261;
    color: #FFFFFF;
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

/* new loader start */
.loader {display: block;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;z-index: 122222222;background: rgb(0 0 0 / 19%);}
.backdrop{backdrop-filter: blur(1px);}
/* .wait-tab {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: white;padding: .8rem 1rem;border-radius: 1rem;text-decoration: none;box-shadow: rgb(0 0 0 / 7%) 0px -1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 6px, rgba(0, 0, 0, 0.07) 0px 6px 6px;display: flex;justify-content: center;align-items: center;flex-direction: column;user-select: none;width: 105px;height: 103px;} */
.wait-tab {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: white;padding: .8rem;border-radius: 10px;text-decoration: none;box-shadow: rgb(0 0 0 / 7%) 0px -1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 6px, rgba(0, 0, 0, 0.07) 0px 6px 6px;display: flex;justify-content: center;align-items: center;flex-direction: column;user-select: none;width: 100px;height: 100px;}

.load-img{height: 70px;-webkit-user-drag: none;}
.waviy {
    position: relative;
    font-size: 9px;
    bottom: 0px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
}
.waviy span {position: relative;display: inline-block;color: #071322;animation: waviy 1.5s infinite;animation-delay: calc(.1s * var(--i));}
@keyframes waviy {0%,40%,100% {transform: translateY(0)} 20% {transform: translateY(-5px)}}
/* new loader end */
/* table process loader */
.table-loader {display: block;position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;}
div.dataTables_wrapper div.dataTables_processing { z-index: 1000;}
/* table process loader */


/*Custom dataTables CSS*/

.pagingtable_icons{
    padding: 1px 1px !important; 
    /* margin-bottom: 0; */
    font-size: 12px;
}

.paging_full_numbers
{
    float: right;
}
#datatable_col_reorder_info
{
    font-size: 14px;
}

.dt-paging-button
{
    padding: 4px 12px 4px 12px;
    border: 1px solid #d2c6c6;
}


/* NEW CSS */



.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #0095C8;
}

.tabdiv .nav-tabs>li>a {
    font-size: 14px;
}

.btnBrdr {
    border: 1px solid #0095C8;
    color: #337ab7;
}
.popup-section .range input.dates:hover, .btn-date:hover, .btn-clear:hover {
    border: 1px solid #0095C8 !important;
    color: #0095C8;
}

.table-bordered {
    border: 1px solid #ddd;
}
.pagingtablediv {
    position: relative;
}
 
.panel.panel-wrap {
    box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
    -webkit-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
    -moz-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
    -ms-box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15);
    border: 1px solid #e3e6f0;
}

    .panel-body {
        padding: 15px;
    }
  .panel-body   {
        background-color: #fff !important;
        border-bottom: 1px solid #fff;
    }

   .pagingtable_icons{
        padding: 1px 5px;
        /* margin-bottom: 0; */
        font-size: 12px;
    }

    .paging_full_numbers
    {
        float: right;
    }
    #datatable_col_reorder_info
    {
        font-size: 14px;
    }

    .dt-paging-button
    {
        padding: 4px 12px 4px 12px;
        border: 1px solid #d2c6c6;
    }
    .ap-panel .dropdown-container {
        padding: 15px;
    }

    body {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 14px;
    }

    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
    }
    /* .form-control {
        padding: .375rem .75rem;
     
    } */

    .panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-heading {
    font-weight: bold;
    font-size: 15px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
/* .form-group
{
    margin-bottom: 10px;
} */

 .search-text{
    height: 33px;
    width: 100%;
    margin-bottom: 13px;
    padding-left: 10px;
    border: 1px solid black; 
    }
    .search-text:hover {
        border: 1px solid #0099ff !important;
    }
    .search-text:focus {
        border: 1px solid #0099ff !important;
    }
    .search-text:focus-visible {
        border: 1px solid #0099ff !important;
    }
    /* .popup-section {
        width: 100%;
    } */
    .search-div{
        position: sticky;
        top: -21px;
        z-index: 1;
        padding: 12px 0px 5px;
        background: #ffffff;
        margin-right: -15px;
        margin-left: -15px;
    }



   /* .bootstrap-datetimepicker-widget{
        padding: 10px;
    }
    
    .bootstrap-datetimepicker-widget table td.day {
      height: 20px;
      line-height: 20px;
      width: 100px;
      padding: 8px !important;
      cursor: pointer;
    }
    
    .bootstrap-datetimepicker-widget table td.day:hover {
    color: #fff;
        background-color: #0095C8;
    }
    
    .bootstrap-datetimepicker-widget table {
      padding: 10px !important;
      margin-top: 0px !important;
      text-align: center !important;
    }
    */
    .fa-calendar {
        position: relative;
        right: -125px !important;
        color: #337ab7;
        bottom: 26px;
    }
    .dt-empty{
        text-align: center !important;
    }
    

/*    New CSS*/

.form-select {
    font-size: 14px;
  }

  .dropdown-container input[type="text"], .dropdown-container select, .dropdown-container .chosen-container-single .chosen-single {
      border-radius: 5px !important;
  }  

  .chosen-container-multi .chosen-choices {
        border-radius: 5px !important;
    }
 

  .form-control{
    border: 1px solid #aaa;
    font-size: 14px;
  }

  .form-select{
    border: 1px solid #aaa;
  }

  /* .swal2-icon.swal2-success [class^='swal2-success-line'] {
    background-color: #167606 !important;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border: 0.25em solid #97cc8e !important;
}  */
/* .form-control:focus {
    border-color: #FD4853  ;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: none;
    border: 2px solid #125faf !important;
} */
 
    
/* bootstrap card css below */

.panel-box .panel-item {
    padding-left: 0px;
}

.card
{
	width: 100%;border-radius: 5px;height: 75%;padding: 0px;
}

#dashboardPanel > .dashboard-stats
{
	height: 179px;
}

.expandDiv
{
	float: right !important;
}

#graphFilt
{
	margin-bottom: -39px;
	margin-top: 2px;
	z-index: 2;
	position: relative;
	margin-right: 100px;
	border: 1px solid #dcd9d9;
	padding: 0px !important;
}
/* bootstrap card css END */

/* small button */
.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
div.dt-container .dt-paging .ellipsis {
    padding: 4px 10px 8px 10px !important;
}

/* Button for Create */
/* .btn-create-new {
    background-color: #4CAF50;
    border: none !important; 
    color: white !important; 
    padding: 7px 12px !important; 
    cursor: pointer !important;
    font-size: 12px !important; 
    animation: glowing 1500ms infinite;
} */

.btn-create-capa {
    background-color: #4CAF50 !important; /*/ Green background /*/
    border: none !important; /*/ Remove borders /*/
    color: white !important; /*/ White text /*/
    padding: 7px 12px !important; /*/ Some padding /*/
    cursor: pointer !important; /*/ Pointer/hand icon /*/
    font-size: 12px !important; /*/ Increase font size /*/
}
/* / Define the blink animation keyframes / */
@keyframes blink {
            0% { background-color: #4CAF50 !important; } /*/ Green /*/
            33% { background-color: #FFD700 !important; } /*/ Gold /*/
            66% { background-color: #FF4500 !important; } /*/ OrangeRed /*/
            100% { background-color: #4CAF50 !important; } /*/ Green /*/
        }

          @keyframes glowing {
        0% {
            background-color: #FD4853;
        }
        50% {
            background-color: #0095C8;
        }
        100% {
            background-color: #FD4853;
        }
    }
/*END Button for Create */
/*START Button for Delete */
/* .btn-delete-new {
    background:linear-gradient(0deg, rgb(152 0 0 / 70%) 0%, rgb(202 0 0 / 78%) 24%, rgba(255, 0, 0, 1) 100%) !important;
    border: none !important; 
    color: white !important; 
    padding: 7px 12px !important;
    cursor: pointer !important; 
    font-size: 12px !important;
} */

/*END Button for Delete */

/* css for prev and next in datatable section */
.dt-paging-button {
    padding: 0px !important;
    border: 0px !important;
}

/* pyramid css */
.border-end-custom {position: relative;}
.border-end-custom::after {content: "";position: absolute;top: 0;bottom: 0;right: 10px;width: 2px; background-color: #000; }
.border-end-custom::before {content: "";position: absolute;top: calc(50% - 1px);right: 0;width: 10px;height: 1px;background-color: #000;}
.border-end-custom.pe-3 {padding-right: 3rem;}

/* End pyramid css */

/* css for table under collpase section */

.table_head_1_pn, .table_content_1_pn{
    width: 30%;
}
.table_head_2_pn, .table_content_2_pn{
    width: 8.33%;
}
.table_head_3_pn, .table_content_3_pn{
    width: 8.33%;
}
.table_head_4_pn, .table_content_4_pn{
    width: 8.33%;
}
.table_head_5_pn, .table_content_5_pn{
    width: 8.33%;
}
.table_head_6_pn, .table_content_6_pn{
    width: 8.33%;
}
.table_head_7_pn, .table_content_7_pn{
    width: 8.33%;
}
.table_head_8_pn, .table_content_8_pn{
    width: 10%;
}

.pn .topheadlistsec{
    width: 23% !important;
}

.topheadlistsec_pn {
    width: 8%;
    background: #36A9E1;
    color: #fff;
    position: absolute;
    z-index: 1
}

/* ENd  */

.incident_id_data {
    color: blue;
    font-weight: bold;
    font-family: sans-serif;
  }
.reported_by_data{
    font-weight: 600;
    color: #334155;
    font-family: sans-serif;
}
.user_image_data{
    height: 25px;width:25px;margin-right: 5px;border-radius: 15px;
}

/*Remove Hand Cursor from table*/

.dt-column-title
{
    cursor: default !important;
}
.dt-empty
{
    text-align: left !important;
}
/* / Tooltip customization /*/
.custom-tooltip-inner {
    background-color: #f0ad4e !important; 
    color: #ffffff !important; 
    font-size: 14px !important; 
}

.highcharts_subtitile
{
    font-weight:bold !important;
    font-size: 12px !important; 
    fill: #dda0dd !important;
    text-align:center !important;
    padding-top:10px !important;
}

.custom-tooltip-arrow {
    border-top-color: #f0ad4e !important; 
}
/*End start alert box */

 
/*https://univate.atlassian.net/browse/MBT-5466*/
/* medqpro animated logo */
/*.padding15.pagingtablediv.auditlistdiv {
    margin-top: 200px !important;    
    height : auto !important;

}
.middle_content {
    /* height: calc(0vh - 0px);
    display: flex;
    align-items: center; */
    /*display: flex;
    align-items: center;
    justify-content: center;*/
/*}*/

/* end */