.modal {
    z-index: 1052;
}

.modal-backdrop + span > span {
    z-index: 1055;
}

.modal-backdrop + span {
    width: inherit !important;
}

html, body {
    height: 100%;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}
/*.daterangepicker .ranges li {
    color: #73879C
}
.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #536A7F;
    border: 1px solid #536A7F;
    color: #fff
}
.daterangepicker .input-mini {
    background-color: #eee;
    border: 1px solid #ccc;
    box-shadow: none !important
}
.daterangepicker .input-mini.active {
    border: 1px solid #ccc
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect,
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
    height: 30px;
    border: 1px solid #ADB2B5;
    line-height: 30px;
    border-radius: 0px !important
}
.daterangepicker select.monthselect {
    margin-right: 2%
}
.daterangepicker td.in-range {
    background: #E4E7EA;
    color: #73879C
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #536A7F;
    color: #fff
}
.daterangepicker th.available:hover {
    background: #eee;
    color: #34495E
}
.daterangepicker:before,
.daterangepicker:after {
    content: none
}
.daterangepicker .calendar.single {
    margin: 0 0 4px 0
}
.daterangepicker .calendar.single .calendar-table {
    width: 224px;
    padding: 0 0 4px 0 !important
}
.daterangepicker .calendar.single .calendar-table thead tr:first-child th {
    padding: 8px 5px
}
.daterangepicker .calendar.single .calendar-table thead th {
    border-radius: 0
}
.daterangepicker.picker_1 {
    color: #fff;
    background: #34495E
}
.daterangepicker.picker_1 .calendar-table {
    background: #34495E
}
.daterangepicker.picker_1 .calendar-table thead tr {
    background: #213345
}
.daterangepicker.picker_1 .calendar-table thead tr:first-child {
    background: #1ABB9C
}
.daterangepicker.picker_1 .calendar-table td.off {
    background: #34495E;
    color: #999
}
.daterangepicker.picker_1 .calendar-table td.available:hover {
    color: #34495E
}
.daterangepicker.picker_2 .calendar-table thead tr {
    color: #1ABB9C
}
.daterangepicker.picker_2 .calendar-table thead tr:first-child {
    color: #73879C
}
.daterangepicker.picker_3 .calendar-table thead tr:first-child {
    color: #fff;
    background: #1ABB9C
}
.daterangepicker.picker_4 .calendar-table thead tr:first-child {
    color: #fff;
    background: #34495E
}
.daterangepicker.picker_4 .calendar-table td,
.daterangepicker.picker_4 .calendar-table td.off {
    background: #ECF0F1;
    border: 1px solid #fff;
    border-radius: 0
}
.daterangepicker.picker_4 .calendar-table td.active {
    background: #34495E
}
.calendar-exibit .show-calendar {
    float: none;
    display: block;
    position: relative;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    overflow: hidden
}
.calendar-exibit .show-calendar .calendar {
    margin: 0 0 4px 0
}
.calendar-exibit .show-calendar.picker_1 {
    background: #34495E
}
.calendar-exibit .calendar-table {
    padding: 0 0 4px 0
}*/
.left_col {
    background: #2A3F54
}

.nav-sm .container.body .col-md-3.left_col {
    min-height: 100%;
    width: 70px;
    padding: 0;
    z-index: 9998;
    position: absolute
}

    .nav-sm .container.body .col-md-3.left_col.menu_fixed {
        position: fixed;
        height: 100%;
        transition: all ease 0.5s;
    }

    .nav-sm .container.body .col-md-3.left_col .mCSB_container,
    .nav-sm .container.body .col-md-3.left_col .mCustomScrollBox {
        overflow: visible
    }

.nav-sm .hidden-small {
    visibility: hidden
}

.nav-sm .container.body .right_col {
    padding: 0 0 0 0;
    margin-left: 70px;
    z-index: 2;
    padding-top: 50px !important;
}

.nav-sm .navbar.nav_title {
    width: 70px
}

    .nav-sm .navbar.nav_title a #leftMenuTitle {
        display: block !important;
    }

    .nav-sm .navbar.nav_title a #leftMenuImage {
        display: none !important;
    }

    .nav-sm .navbar.nav_title a i {
        font-size: 27px;
        margin: 13px 0 0 3px
    }

.site_title i {
    border: 1px solid #EAEAEA;
    padding: 5px 6px;
    border-radius: 50%
}

.site_title img {
    max-height: 66px;
    max-width: 180px;
}

.nav-sm .main_container .top_nav {
    display: block;
    margin-left: 70px;
    z-index: 3;
    transition: all ease 0.5s;
}

.nav-sm .nav.side-menu li a {
    text-align: center !important;
    font-weight: 400;
    font-size: 11px;
    padding: 8px 4px;
    letter-spacing: .5px;
}

.nav-sm .nav.side-menu li.active-sm > a {
    background: #fd7c00;
}

.nav-sm .nav.child_menu li.active,
.nav-sm .nav.side-menu li.active-sm {
    border-right: 0;
}

    .nav-sm ul.nav.child_menu ul,
    .nav-sm .nav.side-menu li.active-sm ul ul {
        position: static;
        width: 200px;
        background: none
    }

.nav-sm > .nav.side-menu > li.active-sm > a {
    color: #1ABB9C !important
}

.nav-sm .nav.side-menu li a i.toggle-up {
    display: none !important
}

.nav-sm .nav.side-menu li a i {
    font-size: 18px !important;
    text-align: center;
    width: 100% !important;
    margin-bottom: 5px
}

.nav-sm ul.nav.child_menu {
    left: 100%;
    position: absolute;
    top: 0;
    width: 210px;
    z-index: 4000;
    background: #196bba;
    display: none
}

    .nav-sm ul.nav.child_menu li {
        padding: 0 10px
    }

        .nav-sm ul.nav.child_menu li a {
            text-align: left !important;
            font-size: 13px;
        }

.nav-sm .profile {
    display: none
}

.menu_section {
    margin-bottom: 0
}

    .menu_section h3 {
        padding-left: 15px;
        color: #fff;
        text-transform: uppercase;
        letter-spacing: .5px;
        font-weight: bold;
        font-size: 11px;
        margin-bottom: 0;
        margin-top: 0;
        text-shadow: 1px 1px #000
    }

    .menu_section > ul {
        margin-top: 0
    }

.profile_pic {
    width: 35%;
    float: left
}

.img-circle.profile_img {
    width: 70%;
    background: #fff;
    margin-left: 15%;
    z-index: 1000;
    position: inherit;
    margin-top: 10px;
    border: 1px solid rgba(52, 73, 94, 0.44);
    padding: 4px
}

.profile_info {
    padding: 10px;
    width: 65%;
    float: left
}

    .profile_info span {
        font-size: 13px;
        line-height: 30px;
        color: #BAB8B8
    }

    .profile_info h2 {
        font-size: 14px;
        color: #ECF0F1;
        margin: 0;
        font-weight: 300
    }

.profile.img_2 {
    text-align: center
}

    .profile.img_2 .profile_pic {
        width: 100%
    }

        .profile.img_2 .profile_pic .img-circle.profile_img {
            width: 50%;
            margin: 10px 0 0
        }

    .profile.img_2 .profile_info {
        padding: 15px 10px 0;
        width: 100%;
        margin-bottom: 10px;
        float: left
    }

.main_menu span.fa {
    float: right;
    text-align: right;
    margin-top: 5px;
    font-size: 10px;
    min-width: inherit;
    color: #fff;
    margin-right: 4px;
}

.nav-sm .main_menu span.fa {
    display: none !important;
}

.nav-sm .main_menu .child_menu span.fa {
    display: block !important;
}

.nav-sm .navbar-brand [hidden] {
    display: inline-block !important;
}

.navbar-nav.navbar-right .dropdown-toggle:after {
    display: none;
}

.active a span.fa {
    text-align: right !important;
    margin-right: 4px
}

.nav-sm .menu_section {
    margin: 0
}

    .nav-sm span.fa,
    .nav-sm .menu_section h3 {
        display: none
    }

.nav-sm span.fa {
    display: inline-block;
}

.nav-sm li li span.fa {
    display: inline-block
}

.nav_menu {
    float: left;
    background: #e8e8e8;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 0;
    width: 100%;
    position: relative;
    height: 50px;
}

@media (min-width: 480px) {
    .nav_menu {
        position: static
    }
}

.nav-md .container.body .col-md-3.left_col {
    min-height: 100%;
    width: 230px;
    padding: 0;
    position: absolute;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    transition: all ease 0.5s;
}

    .nav-md .container.body .col-md-3.left_col.menu_fixed {
        height: 100%;
        position: fixed;
        transition: all ease 0.5s;
    }

body .container.body .right_col {
    background: #e8e8e8;
    transition: all ease 0.5s;
}

.nav-md .container.body .right_col {
    padding: 0 0 0 0;
    margin-left: 230px;
    height: calc(100vh - 0px);
    padding-top: 50px !important;
}

.nav_title {
    width: 230px;
    float: left;
    background: #2A3F54;
    border-radius: 0;
    height: 57px
}

@media (max-width: 991px) {
    .nav-md .container.body .right_col,
    .nav-md .container.body .top_nav {
        width: 100%;
        margin: 0
    }

    .nav-md .container.body .col-md-3.left_col {
        display: none
    }

    .nav-md .container.body .right_col {
        width: 100%;
        padding-right: 0
    }

    .right_col {
        padding: 10px !important
    }
}

@media (max-width: 1200px) {
    .x_title h2 {
        width: 62%;
        font-size: 17px
    }

    .tile,
    .graph {
        zoom: 85%;
        height: inherit
    }
}

@media (max-width: 1270px) and (min-width: 192px) {
    .x_title h2 small {
        display: none
    }
}

.left_col .mCSB_scrollTools {
    width: 6px
}

.left_col .mCSB_dragger {
    max-height: 400px !important
}
/*.blue {
    color: #3498DB
}
.purple {
    color: #9B59B6
}
.green {
    color: #1ABB9C
}
.aero {
    color: #9CC2CB
}
.red {
    color: #E74C3C
}
.dark {
    color: #34495E
}
.border-blue {
    border-color: #3498DB !important
}
.border-purple {
    border-color: #9B59B6 !important
}
.border-green {
    border-color: #1ABB9C !important
}
.border-aero {
    border-color: #9CC2CB !important
}
.border-red {
    border-color: #E74C3C !important
}
.border-dark {
    border-color: #34495E !important
}
.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #73879C
}
.bg-green {
    background: #fd7c00 !important;
    border: 1px solid #fd7c00 !important;
    color: #fff
}
.bg-red {
    background: #fd7c00 !important;
    border: 1px solid #fd7c00 !important;
    color: #fff
}
.bg-blue {
    background: #3498DB !important;
    border: 1px solid #3498DB !important;
    color: #fff
}
.bg-orange {
    background: #F39C12 !important;
    border: 1px solid #F39C12 !important;
    color: #fff
}
.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff
}
.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff
}*/
.container {
    max-width: 100%;
    padding: 0
}

.navbar-nav > li > a,
.navbar-brand,
.navbar-nav > li > a {
    color: #fff !important
}

.top_nav .nav > li > a:focus,
.top_nav .nav > li > a:hover,
.top_nav .nav .open > a,
.top_nav .nav .open > a:focus,
.top_nav .nav .open > a:hover {
    background: transparent;
}

.top_nav .nav > li > a:focus,
.top_nav .nav > li > a:hover,
.top_nav .nav .show > a,
.top_nav .nav .show > a:focus,
.top_nav .nav .show > a:hover {
    background: #d4d4d4 !important;
}

.pull-right {
    float: right !important;
}

body {
    color: #73879C;
    background: #2A3F54;
    font-family: "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471;
    overflow: hidden;
}

.main_container .top_nav {
    display: block;
    margin-left: 230px;
    transition: all ease 0.5s;
    position: fixed;
    z-index: 3;
    width: calc(100% - 230px);
}

.nav-sm .main_container .top_nav {
    width: calc(100% - 70px);
}

.no-padding {
    padding: 0 !important
}

.page-title {
    width: 100%;
    height: 65px;
    padding: 10px 0
}

    .page-title .title_left {
        width: 45%;
        float: left;
        display: block
    }

        .page-title .title_left h3 {
            margin: 9px 0
        }

    .page-title .title_right {
        width: 55%;
        float: left;
        display: block
    }

        .page-title .title_right .pull-right {
            margin: 10px 0
        }

.fixed_height_320 {
    height: 320px
}

.fixed_height_390 {
    height: 390px
}

.fixed_height_200 {
    height: 200px
}

.overflow_hidden {
    overflow: hidden
}

.progress-bar-dark {
    background-color: #34495E !important
}

.progress-bar-gray {
    background-color: #BDC3C7 !important
}

table.no-margin .progress {
    margin-bottom: 0
}

.main_content {
    padding: 10px 20px
}

.col-md-55 {
    width: 50%;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .col-md-55 {
        width: 20%
    }
}

@media (min-width: 992px) {
    .col-md-55 {
        width: 20%
    }
}

@media (min-width: 1200px) {
    .col-md-55 {
        width: 20%
    }
}

@media (min-width: 192px) and (max-width: 1270px) {
    table.tile_info span.right {
        margin-right: 7px;
        float: left
    }
}

.center-margin {
    margin: 0 auto;
    float: none !important
}

.col-md-55,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    float: left;
    padding-right: 10px;
    padding-left: 10px
}

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

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}

.grid_slider .col-md-6 {
    padding: 0 40px
}

h1,
.h1,
h2,
.h2,
h3,
.h3 {
    margin-top: 10px;
    margin-bottom: 10px
}

a {
    color: #5A738E;
    text-decoration: none
}

    a,
    a:visited,
    a:focus,
    a:active,
    :visited,
    :focus,
    :active,
    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: 0
    }

        a:hover,
        a:focus {
            text-decoration: none
        }

.navbar {
    margin-bottom: 0;
    padding: 0;
}

.navbar-header {
    background: #34495E
}

.navbar-right {
    margin-right: 0
}

.top_nav .navbar-right {
    margin: 0;
    width: calc(100% - 74px);
    float: right;
    display: block;
}

    .top_nav .navbar-right li {
        display: inline-block;
        float: right;
        position: static
    }

@media (min-width: 480px) {
    .top_nav .navbar-right li {
        position: relative
    }
}

.top_nav .dropdown-menu li {
    width: 100%
}

    .top_nav .dropdown-menu li a {
        width: 100%;
        padding: 12px 20px;
        display: block;
    }

.top_nav li a i {
    font-size: 15px
}

.navbar-static-top {
    position: fixed;
    top: 0;
    width: 100%
}

.sidebar-header {
    border-bottom: 0;
    margin-top: 46px
}

    .sidebar-header:first-of-type {
        margin-top: 0
    }

.nav.side-menu > li {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
}

    .nav.side-menu > li > a {
        /* margin-bottom: 6px*/
    }

.toggle {
    position: relative;
    z-index: 2;
}

.nav.side-menu > li > a:hover {
    color: #fff !important
}

.nav.side-menu > li > a:hover,
.nav > li > a:focus {
    text-decoration: none;
    background: transparent
}

.nav.child_menu {
    display: none
}

    .nav.child_menu li {
        transition: all ease 1s;
    }

        .nav.child_menu li:hover {
            background: rgba(255, 255, 255, .10)
        }

.nav-md ul.nav.child_menu li:before {
    background: #425668;
    bottom: auto;
    content: "";
    height: 8px;
    left: 23px;
    margin-top: 15px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%
}

.nav-md ul.nav.child_menu li:after {
    border-left: 1px solid #425668;
    bottom: 0;
    content: "";
    left: 27px;
    position: absolute;
    top: 0
}

.nav-md ul.nav.child_menu li:last-child::after {
    bottom: 50%;
}

.nav.side-menu > li > a {
    font-size: 14px;
}

.nav.side-menu > li > a,
.nav.child_menu > li > a {
    color: #fff;
    font-weight: 500
}

.nav.child_menu li li:hover,
.nav.child_menu li li.active {
    background: none
}

.nav.child_menu li li a:hover,
.nav.child_menu li li a.active {
    color: #fff
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 13px 15px 12px
}

.top_nav .nav_menu .nav > li > a {
    padding: 7px 15px;
    height: 50px;
}

.nav.side-menu > li.current-page,
.nav.side-menu > li.active {
    border-right: 0;
}

.nav li.current-page {
    background: #fd7c00;
}

.nav li li li.current-page {
    background-color: #fd7c00;
}

.sub_menu a {
    padding-left: 70px !important;
}

.nav-sm .sub_menu a {
    padding-left: 0 !important;
}

.nav li li.current-page a {
    color: #fff
}

.nav.side-menu > li.active > a {
    text-shadow: none;
    box-shadow: none;
}

.navbar-brand,
.navbar-nav > li > a {
    font-weight: 500;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 32px
}

.site_title {
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 22px;
    width: 100%;
    color: #ECF0F1 !important;
    margin-left: 0 !important;
    line-height: 59px;
    display: block;
    height: 55px;
    margin: 0;
    padding-left: 10px
}

    .site_title:hover,
    .site_title:focus {
        text-decoration: none
    }

.nav.navbar-nav > li > a {
    color: #515356 !important
}

.nav.top_menu > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    color: #34495E !important
}

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: transparent
}

.top_search {
    padding: 0
}

    .top_search .form-control {
        border-right: 0;
        box-shadow: inset 0 1px 0px rgba(0, 0, 0, 0.075);
        border-radius: 25px 0px 0px 25px;
        padding-left: 20px;
        border: 1px solid rgba(221, 226, 232, 0.49)
    }

        .top_search .form-control:focus {
            border: 1px solid rgba(221, 226, 232, 0.49);
            border-right: 0
        }

    .top_search .input-group-btn button {
        border-radius: 0px 25px 25px 0px;
        border: 1px solid rgba(221, 226, 232, 0.49);
        border-left: 0;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        color: #93A2B2;
        margin-bottom: 0 !important
    }

.toggle {
    float: left;
    margin: 0;
    padding-top: 7px;
    width: 70px
}

    .toggle a {
        padding: 0 15px 0;
        margin: 0;
        cursor: pointer;
        color: #196bba !important;
    }

        .toggle a i {
            font-size: 26px
        }

.nav.child_menu li {
    padding-left: 0;
}

.nav.child_menu > li > a {
    color: #fff !important;
    font-size: 13px;
    padding: 9px;
    padding-left: 45px;
}

.panel_toolbox {
    float: right;
    min-width: 70px
}

    .panel_toolbox > li {
        float: left;
        cursor: pointer
    }

        .panel_toolbox > li > a {
            padding: 5px;
            color: #C5C7CB;
            font-size: 14px
        }

            .panel_toolbox > li > a:hover {
                background: #F5F7FA
            }

.line_30 {
    line-height: 30px
}

.main_menu_side {
    padding: 0;
    padding-bottom: 60px;
}

.nav-md .main_menu_side {
    padding: 0;
    padding-bottom: 5px;
}
/*.menu_section ul:last-child li:last-child ul {
    top: -96px;
}*/
.bs-docs-sidebar .nav > li > a {
    display: block;
    padding: 4px 6px
}

footer {
    background: #fff;
    padding: 9px 20px;
    display: block
}

.nav-sm footer {
    margin-left: 70px
}

.footer_fixed footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    width: 100%
}

@media (min-width: 768px) {
    .footer_fixed footer {
        margin-left: 0
    }
}

@media (min-width: 768px) {
    .footer_fixed .nav-sm footer {
        margin-left: 0
    }
}

.tile-stats.sparkline {
    padding: 10px;
    text-align: center
}

.jqstooltip {
    background: #34495E !important;
    width: 30px !important;
    height: 22px !important;
    text-decoration: none
}

.tooltip {
    display: block !important
}

.tiles {
    border-top: 1px solid #ccc;
    margin-top: 15px;
    padding-top: 5px;
    margin-bottom: 0
}

.tile {
    overflow: hidden
}

.top_tiles {
    margin-bottom: 0
}

    .top_tiles .tile h2 {
        font-size: 30px;
        line-height: 30px;
        margin: 3px 0 7px;
        font-weight: bold
    }

article.media {
    width: 100%
}

*,
*:before,
*:after {
    box-sizing: border-box
}

#integration-list {
    width: 100%;
    margin: 0 auto;
    display: table
}

    #integration-list ul {
        padding: 0;
        margin: 20px 0;
        color: #555
    }

        #integration-list ul > li {
            list-style: none;
            border-top: 1px solid #ddd;
            display: block;
            padding: 15px;
            overflow: hidden
        }

        #integration-list ul:last-child {
            border-bottom: 1px solid #ddd
        }

        #integration-list ul > li:hover {
            background: #efefef
        }

.expand {
    display: block;
    text-decoration: none;
    color: #555;
    cursor: pointer
}

    .expand h2 {
        width: 85%;
        float: left
    }

h2 {
    font-size: 30px;
    font-weight: 400
}

#left,
#right {
    display: table
}

#sup {
    display: table-cell;
    vertical-align: middle;
    width: 80%
}

.detail a {
    text-decoration: none;
    color: #C0392B;
    border: 1px solid #C0392B;
    padding: 6px 10px 5px;
    font-size: 13px;
    margin-right: 7px
}

.detail {
    margin: 10px 0 10px 0px;
    display: none;
    line-height: 22px;
    height: 150px
}

    .detail span {
        margin: 0
    }

.right-arrow {
    width: 10px;
    float: right;
    font-weight: bold;
    font-size: 20px
}

.accordion .panel {
    margin-bottom: 5px;
    border-radius: 0;
    border-bottom: 1px solid #efefef
}

.accordion .panel-heading {
    background: #F2F5F7;
    padding: 13px;
    width: 100%;
    display: block
}

.accordion .panel:hover {
    background: #F2F5F7
}

.x_panel {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease
}

.x_title {
    border-bottom: 0;
    padding: 0;
    margin-bottom: 0;
}

    .x_title.page-header-shadow {
        margin-bottom: 10px !important;
    }

    .x_title .filter {
        width: 40%;
        float: right
    }

    .x_title h2 {
        margin: 0;
        float: none;
        display: block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

        .x_title h2 small {
            margin-left: 10px
        }

    .x_title span {
        color: #BDBDBD
    }

.x_content {
    padding: 0;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 0
}

    .x_content h4 {
        font-size: 16px;
        font-weight: 500
    }
/*legend {
    padding-bottom: 7px
}
.demo-placeholder {
    height: 280px
}
.profile_details:nth-child(3n) {
    clear: initial;
}
.profile_details .profile_view {
    display: inline-block;
    padding: 10px 0 0;
    background: #fff
}
.profile_details .profile_view .divider {
    border-top: 1px solid #e5e5e5;
    padding-top: 5px;
    margin-top: 5px
}
.profile_details .profile_view .ratings {
    margin-bottom: 0
}
.profile_details .profile_view .bottom {
    background: #F2F5F7;
    padding: 9px 0;
    border-top: 1px solid #E6E9ED
}
.profile_details .profile_view .left {
    margin-top: 20px
}
.profile_details .profile_view .left p {
    margin-bottom: 3px
}
.profile_details .profile_view .right {
    margin-top: 0px;
    padding: 10px
}
.profile_details .profile_view .img-circle {
    border: 1px solid #E6E9ED;
    padding: 2px
}
.profile_details .profile_view h2 {
    margin: 5px 0
}
.profile_details .profile_view .ratings {
    text-align: left;
    font-size: 16px
}
.profile_details .profile_view .brief {
    margin: 0;
    font-weight: 300
}
.profile_details .profile_left {
    background: white
}
.pagination.pagination-split li {
    display: inline-block;
    margin-right: 3px
}
.pagination.pagination-split li a {
    border-radius: 4px;
    color: #768399;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px
}
table.tile h3,
table.tile h4,
table.tile span {
    font-weight: bold;
    vertical-align: middle !important
}
table.tile th,
table.tile td {
    text-align: center
}
table.tile th {
    border-bottom: 1px solid #E6ECEE
}
table.tile td {
    padding: 5px 0
}
table.tile td ul {
    text-align: left;
    padding-left: 0
}
table.tile td ul li {
    list-style: none;
    width: 100%
}
table.tile td ul li a {
    width: 100%
}
table.tile td ul li a big {
    right: 0;
    float: right;
    margin-right: 13px
}
table.tile_info {
    width: 100%
}
table.tile_info td {
    text-align: left;
    padding: 1px;
    font-size: 15px
}
table.tile_info td p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    line-height: 28px
}
table.tile_info td i {
    margin-right: 8px;
    font-size: 17px;
    float: left;
    width: 18px;
    line-height: 28px
}
table.tile_info td:first-child {
    width: 83%
}*/
/*td span {
    line-height: inherit
}
.sidebar-widget {
    overflow: hidden
}
.error-number {
    font-size: 90px;
    line-height: 90px;
    margin: 20px 0
}
.col-middle {
    margin-top: 5%
}
.mid_center {
    width: 370px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 20px
}
h3.degrees {
    font-size: 22px;
    font-weight: 400;
    text-align: center
}
.degrees:after {
    content: "o";
    position: relative;
    top: -12px;
    font-size: 13px;
    font-weight: 300
}
.daily-weather .day {
    font-size: 14px;
    border-top: 2px solid rgba(115, 135, 156, 0.36);
    text-align: center;
    border-bottom: 2px solid rgba(115, 135, 156, 0.36);
    padding: 5px 0
}
.weather-days .col-sm-2 {
    overflow: hidden;
    width: 16.66666667%
}
.weather .row {
    margin-bottom: 0
}
.bulk-actions {
    display: none
}
table.countries_list {
    width: 100%
}
table.countries_list td {
    padding: 0 10px;
    line-height: 30px;
    border-top: 1px solid #eeeeee
}
.dataTables_paginate a {
    padding: 4px 9px !important;
    background: #ddd !important;
    border-color: #ddd !important
}
.paging_full_numbers a.paginate_active {
    background-color: rgba(38, 185, 154, 0.59) !important;
    border-color: rgba(38, 185, 154, 0.59) !important
}
button.DTTT_button,
div.DTTT_button,
a.DTTT_button {
    border: 1px solid #E7E7E7 !important;
    background: #E7E7E7 !important;
    box-shadow: none !important
}
table.jambo_table {
    border: 1px solid rgba(221, 221, 221, 0.78)
}
table.jambo_table thead {
    background: rgba(52, 73, 94, 0.94);
    color: #ECF0F1
}
table.jambo_table tbody tr:hover td {
    background: rgba(38, 185, 154, 0.07);
    border-top: 1px solid rgba(38, 185, 154, 0.11);
    border-bottom: 1px solid rgba(38, 185, 154, 0.11)
}
table.jambo_table tbody tr.selected {
    background: rgba(38, 185, 154, 0.16)
}
table.jambo_table tbody tr.selected td {
    border-top: 1px solid rgba(38, 185, 154, 0.4);
    border-bottom: 1px solid rgba(38, 185, 154, 0.4)
}
.dataTables_paginate a {
    background: #ff0000
}
.dataTables_wrapper {
    position: relative;
    clear: both;
    zoom: 1
}
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white
}
.dataTables_length {
    width: 40%;
    float: left
}
.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right
}
.dataTables_info {
    width: 60%;
    float: left
}
.dataTables_paginate {
    float: right;
    text-align: right
}
table.dataTable th.focus,
table.dataTable td.focus {
    outline: 2px solid #1ABB9C !important;
    outline-offset: -1px
}
table.display {
    margin: 0 auto;
    clear: both;
    width: 100%
}
table.display thead th {
    padding: 8px 18px 8px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer
}
table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold
}
table.display tr.heading2 td {
    border-bottom: 1px solid #aaa
}
table.display td {
    padding: 3px 10px
}
table.display td.center {
    text-align: center
}
table.display thead th:active,
table.display thead td:active {
    outline: none
}
.dataTables_scroll {
    clear: both
}
.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch
}
.top .dataTables_info {
    float: none
}
.clear {
    clear: both
}
.dataTables_empty {
    text-align: center
}
tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444
}
tfoot input.search_init {
    color: #999
}
td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E
}
td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E
}
.example_alt_pagination div.dataTables_info {
    width: 40%
}
.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px
}
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a:hover {
    text-decoration: none
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer
}
.paging_full_numbers a.paginate_button {
    background-color: #ddd
}
.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important
}
.paging_full_numbers a.paginate_active {
    background-color: #99B3FF
}
table.display tr.even.row_selected td {
    background-color: #B0BED9
}
table.display tr.odd.row_selected td {
    background-color: #9FAFD1
}
div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF
}
ul.msg_list li {
    background: #f7f7f7;
    padding: 5px;
    display: -ms-flexbox;
    display: flex;
    margin: 6px 6px 0;
    width: 96% !important
}
ul.msg_list li:last-child {
    margin-bottom: 6px;
    padding: 10px
}
ul.msg_list li a {
    padding: 3px 5px !important
}
ul.msg_list li a .image img {
    border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    float: left;
    margin-right: 10px;
    width: 11%
}
ul.msg_list li a .time {
    font-size: 11px;
    font-style: italic;
    font-weight: bold;
    position: absolute;
    right: 35px
}
ul.msg_list li a .message {
    display: block !important;
    font-size: 11px
}*/
.dropdown-menu.msg_list span {
    white-space: normal
}

.dropdown-menu {
    border: medium none;
    box-shadow: none;
    display: none;
    float: left;
    font-size: 12px;
    left: 0;
    list-style: none outside none;
    padding: 0;
    position: absolute;
    text-shadow: none;
    top: 100%;
    z-index: 9998;
    border: 1px solid #d4d4d4;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

    .dropdown-menu > li > a {
        color: #636363;
        font-size: 13px;
        transition: all ease 0.5s;
    }

    .dropdown-menu > li:last-child {
        border-top: 1px solid #e8e8e8;
    }

    .dropdown-menu > li > a .fa, .dropdown-menu > li > button .fa {
        width: 20px;
    }

    .dropdown-menu > li > button {
        padding: 0 20px;
        font-size: 13px;
        text-transform: capitalize;
    }

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: #fff;
        text-decoration: none;
        background-color: #fd7c00;
    }

.navbar-nav .open .dropdown-menu {
    position: absolute;
    background: #fff;
    margin-top: 0;
    border: 1px solid #d4d4d4;
    -webkit-box-shadow: none;
    right: 0;
    left: auto;
    width: 220px
}

.dropdown .navbar-nav .open .dropdown-menu.msg_list {
    width: 300px !important;
}
/*.info-number .badge {
    font-size: 10px;
    font-weight: normal;
    line-height: 13px;
    padding: 2px 6px;
    position: absolute !important;
    right: 2px;
    top: 7px;
    border-radius: 100%;
}
ul.to_do {
    padding: 0
}
ul.to_do li {
    background: #f3f3f3;
    border-radius: 3px;
    position: relative;
    padding: 7px;
    margin-bottom: 5px;
    list-style: none
}
ul.to_do p {
    margin: 0
}
.dashboard-widget {
    background: #f6f6f6;
    border-top: 5px solid #79C3DF;
    border-radius: 3px;
    padding: 5px 10px 10px
}
.dashboard-widget .dashboard-widget-title {
    font-weight: normal;
    border-bottom: 1px solid #c1cdcd;
    margin: 0 0 10px 0;
    padding-bottom: 5px;
    padding-left: 40px;
    line-height: 30px
}
.dashboard-widget .dashboard-widget-title i {
    font-size: 100%;
    margin-left: -35px;
    margin-right: 10px;
    color: #33a1c9;
    padding: 3px 6px;
    border: 1px solid #abd9ea;
    border-radius: 5px;
    background: #fff
}
ul.quick-list {
    width: 45%;
    padding-left: 0;
    display: inline-block
}
ul.quick-list li {
    padding-left: 10px;
    list-style: none;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
ul.quick-list li i {
    padding-right: 10px;
    color: #757679
}
.dashboard-widget-content {
    padding-top: 9px
}
.dashboard-widget-content .sidebar-widget {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border: 1px solid #abd9ea;
    border-radius: 5px;
    text-align: center;
    float: right;
    padding: 2px;
    margin-top: 10px
}
.widget_summary {
    width: 100%;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.widget_summary .w_left {
    float: left;
    text-align: left
}
.widget_summary .w_center {
    float: left
}
.widget_summary .w_right {
    float: left;
    text-align: right
}
.widget_summary .w_right span {
    font-size: 20px
}
.w_20 {
    width: 20%
}
.w_25 {
    width: 25%
}
.w_55 {
    width: 55%
}
h5.graph_title {
    text-align: left;
    margin-left: 10px
}
h5.graph_title i {
    margin-right: 10px;
    font-size: 17px
}
span.right {
    float: right;
    font-size: 14px !important
}
.tile_info a {
    text-overflow: ellipsis
}
.sidebar-footer {
    bottom: 0px;
    clear: both;
    display: block;
    padding: 4px 0 0 0;
    position: fixed;
    width: 230px;
    background: #1f7bd3;
    z-index: 999;
}
.sidebar-footer a {
    padding: 7px 0 3px;
    text-align: center;
    width: 25%;
    font-size: 17px;
    display: block;
    float: left;
    background: #1c5287;
    cursor: pointer;
}
.sidebar-footer a:hover {
    background: rgba(255,255,255,0.05)
}
.tile_count {
    margin-bottom: 20px;
    margin-top: 20px
}
.tile_count .tile_stats_count {
    border-bottom: 1px solid #d4d4d4;
    padding: 0 10px 0 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative
}*/
@media (min-width: 992px) {
    footer {
        margin-left: 230px
    }
}

@media (min-width: 992px) {
    .tile_count .tile_stats_count {
        margin-bottom: 10px;
        border-bottom: 0;
        padding-bottom: 10px
    }
}

.tile_count .tile_stats_count:before {
    content: "";
    position: absolute;
    left: 0;
    height: 65px;
    border-left: 2px solid #ADB2B5;
    margin-top: 10px
}

@media (min-width: 992px) {
    .tile_count .tile_stats_count:first-child:before {
        border-left: 0
    }
}

.tile_count .tile_stats_count .count {
    font-size: 30px;
    line-height: 47px;
    font-weight: 600
}

@media (min-width: 768px) {
    .tile_count .tile_stats_count .count {
        font-size: 40px
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .tile_count .tile_stats_count .count {
        font-size: 30px
    }
}

.tile_count .tile_stats_count span {
    font-size: 12px
}

@media (min-width: 768px) {
    .tile_count .tile_stats_count span {
        font-size: 13px
    }
}

.tile_count .tile_stats_count .count_bottom i {
    width: 12px
}

.dashboard_graph {
    background: #fff;
    padding: 7px 10px
}

    .dashboard_graph .col-md-9,
    .dashboard_graph .col-md-3 {
        padding: 0
    }

a.user-profile {
    color: #5E6974 !important
}

.user-profile img {
    width: 29px;
    height: 29px;
    border-radius: 50%;
    margin-right: 10px
}

ul.top_profiles {
    height: 330px;
    width: 100%
}

    ul.top_profiles li {
        margin: 0;
        padding: 3px 5px
    }

        ul.top_profiles li:nth-child(odd) {
            background-color: #eee
        }

.media .profile_thumb {
    border: 1px solid;
    width: 50px;
    height: 50px;
    margin: 5px 10px 5px 0;
    border-radius: 50%;
    padding: 9px 12px
}

    .media .profile_thumb i {
        font-size: 30px
    }

.media .date {
    background: #ccc;
    width: 52px;
    margin-right: 10px;
    border-radius: 10px;
    padding: 5px
}

    .media .date .month {
        margin: 0;
        text-align: center;
        color: #fff
    }

    .media .date .day {
        text-align: center;
        color: #fff;
        font-size: 27px;
        margin: 0;
        line-height: 27px;
        font-weight: bold
    }

.event .media-body a.title {
    font-weight: bold
}

.event .media-body p {
    margin-bottom: 0
}

h4.graph_title {
    margin: 7px;
    text-align: center
}

.fontawesome-icon-list .fa-hover a:hover {
    background-color: #ddd;
    color: #fff;
    text-decoration: none
}

.fontawesome-icon-list .fa-hover a {
    display: block;
    line-height: 32px;
    height: 32px;
    padding-left: 10px;
    border-radius: 4px
}

    .fontawesome-icon-list .fa-hover a:hover .fa {
        font-size: 28px;
        vertical-align: -6px
    }

    .fontawesome-icon-list .fa-hover a .fa {
        width: 32px;
        font-size: 16px;
        display: inline-block;
        text-align: right;
        margin-right: 10px
    }

.main_menu .fa {
    width: 26px;
    opacity: .99;
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.tile-stats {
    position: relative;
    display: block;
    margin-bottom: 12px;
    border: 1px solid #E4E4E4;
    -webkit-border-radius: 5px;
    overflow: hidden;
    padding-bottom: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    background: #FFF;
    transition: all 300ms ease-in-out
}

    .tile-stats:hover .icon i {
        animation-name: transformAnimation;
        animation-duration: .5s;
        animation-iteration-count: 1;
        color: rgba(58, 58, 58, 0.41);
        animation-timing-function: ease;
        animation-fill-mode: forwards;
        -webkit-animation-name: transformAnimation;
        -webkit-animation-duration: .5s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-name: transformAnimation;
        -moz-animation-duration: .5s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards
    }

    .tile-stats .icon {
        width: 20px;
        height: 20px;
        color: #BAB8B8;
        position: absolute;
        right: 53px;
        top: 22px;
        z-index: 1
    }

        .tile-stats .icon i {
            margin: 0;
            font-size: 60px;
            line-height: 0;
            vertical-align: bottom;
            padding: 0
        }

    .tile-stats .count {
        font-size: 38px;
        font-weight: bold;
        line-height: 1.65857
    }

    .tile-stats .count,
    .tile-stats h3,
    .tile-stats p {
        position: relative;
        margin: 0;
        margin-left: 10px;
        z-index: 5;
        padding: 0
    }

    .tile-stats h3 {
        color: #BAB8B8
    }

    .tile-stats p {
        margin-top: 5px;
        font-size: 12px
    }

    .tile-stats > .dash-box-footer {
        position: relative;
        text-align: center;
        margin-top: 5px;
        padding: 3px 0;
        color: #fff;
        color: rgba(255, 255, 255, 0.8);
        display: block;
        z-index: 10;
        background: rgba(0, 0, 0, 0.1);
        text-decoration: none
    }

        .tile-stats > .dash-box-footer:hover {
            color: #fff;
            background: rgba(0, 0, 0, 0.15)
        }

        .tile-stats > .dash-box-footer:hover {
            color: #fff;
            background: rgba(0, 0, 0, 0.15)
        }

table.tile_info {
    padding: 10px 15px
}

    table.tile_info span.right {
        margin-right: 0;
        float: right;
        position: absolute;
        right: 4%
    }

.tile:hover {
    text-decoration: none
}

.tile_header {
    border-bottom: transparent;
    padding: 7px 15px;
    margin-bottom: 15px;
    background: #E7E7E7
}

.tile_head h4 {
    margin-top: 0;
    margin-bottom: 5px
}

.tiles-bottom {
    padding: 5px 10px;
    margin-top: 10px;
    background: rgba(194, 194, 194, 0.3);
    text-align: left
}

a.star {
    color: #428bca !important
}

.mail_content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    margin-top: 20px;
    min-height: 500px;
    padding: 10px 11px;
    width: 100%
}

.list-btn-mail {
    margin-bottom: 15px
}

    .list-btn-mail.active {
        border-bottom: 1px solid #39B3D7;
        padding: 0 0 14px
    }

    .list-btn-mail > i {
        float: left;
        font-size: 18px;
        font-style: normal;
        width: 33px
    }

    .list-btn-mail > .cn {
        background: none repeat scroll 0 0 #39B3D7;
        border-radius: 12px;
        color: #FFFFFF;
        float: right;
        font-style: normal;
        padding: 0 5px
    }

.button-mail {
    margin: 0 0 15px !important;
    text-align: left;
    width: 100%
}

button,
.buttons,
.btn,
.modal-footer .btn + .btn {
    margin-bottom: 0;
    margin-right: 0
}

.btn-group-vertical .btn,
.btn-group .btn {
    margin-bottom: 0;
    margin-right: 0
}

.mail_list_column {
    border-left: 1px solid #DBDBDB
}

.mail_view {
    border-left: 1px solid #DBDBDB
}

.mail_list {
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 2px;
    display: inline-block
}

    .mail_list .left {
        width: 5%;
        float: left;
        margin-right: 3%
    }

    .mail_list .right {
        width: 90%;
        float: left
    }

    .mail_list h3 {
        font-size: 15px;
        font-weight: bold;
        margin: 0px 0 6px
    }

        .mail_list h3 small {
            float: right;
            color: #ADABAB;
            font-size: 11px;
            line-height: 20px
        }

    .mail_list .badge {
        padding: 3px 6px;
        font-size: 8px;
        background: #BAB7B7
    }

@media (max-width: 767px) {
    .mail_list {
        margin-bottom: 5px;
        display: inline-block
    }
}

.mail_heading h4 {
    font-size: 18px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-top: 20px
}

.attachment {
    margin-top: 30px
}

    .attachment ul {
        width: 100%;
        list-style: none;
        padding-left: 0;
        display: inline-block;
        margin-bottom: 30px
    }

        .attachment ul li {
            float: left;
            width: 150px;
            margin-right: 10px;
            margin-bottom: 10px
        }

            .attachment ul li img {
                height: 150px;
                border: 1px solid #ddd;
                padding: 5px;
                margin-bottom: 10px
            }

            .attachment ul li span {
                float: right
            }

    .attachment .file-name {
        float: left
    }

    .attachment .links {
        width: 100%;
        display: inline-block
    }

.compose {
    padding: 0;
    position: fixed;
    bottom: 0;
    right: 0;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-right: 0;
    border-bottom: 0;
    border-top-left-radius: 5px;
    z-index: 9999;
    display: none
}

    .compose .compose-header {
        padding: 5px;
        background: #169F85;
        color: #fff;
        border-top-left-radius: 5px
    }

        .compose .compose-header .close {
            text-shadow: 0 1px 0 #ffffff;
            line-height: .8
        }

    .compose .compose-body .editor.btn-toolbar {
        margin: 0
    }

    .compose .compose-body .editor-wrapper {
        height: 100%;
        min-height: 50px;
        max-height: 180px;
        border-radius: 0;
        border-left: none;
        border-right: none;
        overflow: auto
    }

    .compose .compose-footer {
        padding: 10px
    }

.editor.btn-toolbar {
    zoom: 1;
    background: #F7F7F7;
    margin: 5px 2px;
    padding: 3px 0;
    border: 1px solid #EFEFEF
}

.ln_solid {
    border-top: 1px solid #e5e5e5;
    color: #ffffff;
    background-color: #ffffff;
    height: 1px;
    margin: 20px 0
}

span.section {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

.form-control {
    border-radius: 3px;
    width: 100%
}

.form-horizontal .control-label {
    padding-top: 7px;
    word-break: break-word;
}

    .form-horizontal .control-label strong {
        font-weight: normal !important;
        font-size: 13px;
        color: #6e6e6e;
    }

.control-label-1 {
    font-size: 13px;
    color: #363636;
    border: 1px solid #d4d4d4;
    min-height: 34px;
    padding: 6px 8px;
    border-radius: 3px;
    background: #eee;
    word-break: break-word;
}

.control-label-int {
    font-size: 13px;
    color: #363636;
    min-height: 27px;
}

.form-control:focus {
    border-color: #1468c4;
    box-shadow: 0 0 10px #267cdb !important;
}

legend {
    font-size: 18px;
    color: inherit
}

.form-horizontal .form-group {
    margin-right: 0;
    margin-left: 0
}

.form-control-feedback {
    margin-top: 8px;
    height: 23px;
    color: #bbb;
    line-height: 24px;
    font-size: 15px
}

    .form-control-feedback.left {
        border-right: 1px solid #ccc;
        left: 13px
    }

    .form-control-feedback.right {
        border-left: 1px solid #ccc;
        right: 13px
    }

.form-control.has-feedback-left {
    padding-left: 45px
}

.form-control.has-feedback-right {
    padding-right: 45px
}

.form-group {
    margin-bottom: 10px
}

.validate {
    margin-top: 10px
}

.invalid-form-error-message {
    margin-top: 10px;
    padding: 5px
}

    .invalid-form-error-message.filled {
        border-left: 2px solid #E74C3C
    }

p.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6
}

p.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7
}

ul.parsley-errors-list {
    list-style: none;
    color: #E74C3C;
    padding-left: 0
}

input.parsley-error,
textarea.parsley-error,
select.parsley-error {
    background: #FAEDEC;
    border: 1px solid #E85445
}

.btn-group .parsley-errors-list {
    display: none
}

.bad input,
.bad select,
.bad textarea {
    border: 1px solid #CE5454;
    box-shadow: 0 0 4px -2px #CE5454;
    position: relative;
    left: 0;
    -moz-animation: .7s 1 shake linear;
    -webkit-animation: 0.7s 1 shake linear
}

.item input,
.item textarea {
    transition: 0.42s
}

.item .alert {
    float: left;
    margin: 0 0 0 20px;
    padding: 3px 10px;
    color: #FFF;
    border-radius: 3px 4px 4px 3px;
    background-color: #CE5454;
    max-width: 170px;
    white-space: pre;
    position: relative;
    left: -15px;
    opacity: 0;
    z-index: 1;
    transition: 0.15s ease-out
}

    .item .alert::after {
        content: '';
        display: block;
        height: 0;
        width: 0;
        border-color: transparent #CE5454 transparent transparent;
        border-style: solid;
        border-width: 11px 7px;
        position: absolute;
        left: -13px;
        top: 1px
    }

.item.bad .alert {
    left: 0;
    opacity: 1
}

.inl-bl {
    display: inline-block
}

.well .markup {
    background: #fff;
    color: #777;
    position: relative;
    padding: 45px 15px 15px;
    margin: 15px 0 0 0;
    background-color: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: none
}

    .well .markup::after {
        content: "Example";
        position: absolute;
        top: 15px;
        left: 15px;
        font-size: 12px;
        font-weight: bold;
        color: #bbb;
        text-transform: uppercase;
        letter-spacing: 1px
    }

.autocomplete-suggestions {
    border: 1px solid #e4e4e4;
    background: #F4F4F4;
    cursor: default;
    overflow: auto
}

.autocomplete-suggestion {
    padding: 2px 5px;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden
}

.autocomplete-selected {
    background: #f0f0f0
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399ff;
    font-weight: bolder
}

.btn {
    border-radius: 3px;
    text-transform: uppercase;
    min-width: 75px;
    padding: 4px 10px;
    transition: all ease 0.4s;
    min-height: 35px;
}

.btn-primary {
    color: #fff;
    background-color: #196bba;
    border-color: #196bba;
}

    .btn-primary:hover {
        background-color: #1661a8;
        border-color: #1661a8;
    }

.btn-cancel {
    color: #fff !important;
    background-color: #d9534f;
    border-color: #d9534f;
}

    .btn-cancel:hover, .btn-cancel:focus {
        background-color: #bd423e;
        border-color: #bd423e;
        color: #fff !important;
    }

.btn-reset {
    color: #363636 !important;
    background-color: #fff;
}

    .btn-reset:hover, .btn-reset:focus {
        background-color: #f6f6f6 !important;
        border-color: #d4d4d4;
    }

.btn-upload {
    color: #fff !important;
    background-color: #69bc37;
    border-color: #69bc37;
}

    .btn-upload:hover, .btn-upload:focus {
        background-color: #5ca530;
        border-color: #5ca530;
        color: #fff;
    }

a.btn-success,
a.btn-primary,
a.btn-warning,
a.btn-danger {
    color: #fff !important;
}

.btn-success {
    background: #196bba;
    border: 1px solid #196bba
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background: #3b8ad7
    }

    .btn-success:hover {
        color: #fff;
        background-color: #3b8ad7;
        border-color: #3b8ad7;
    }

    .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
        color: #fff;
        background-color: #3b8ad7;
        border-color: #3b8ad7;
    }

.btn-dark {
    color: #E9EDEF;
    background-color: #4B5F71;
    border-color: #364B5F
}

    .btn-dark:hover,
    .btn-dark:focus,
    .btn-dark:active,
    .btn-dark.active,
    .open .dropdown-toggle.btn-dark {
        color: #FFFFFF;
        background-color: #394D5F;
        border-color: #394D5F
    }

.btn-round {
    border-radius: 30px
}

.btn.btn-app {
    position: relative;
    padding: 15px 5px;
    margin: 0 0 10px 10px;
    min-width: 80px;
    height: 60px;
    box-shadow: none;
    border-radius: 0;
    text-align: center;
    color: #666;
    border: 1px solid #ddd;
    background-color: #fafafa;
    font-size: 12px
}

    .btn.btn-app > .fa,
    .btn.btn-app > .glyphicon,
    .btn.btn-app > .ion {
        font-size: 20px;
        display: block
    }

    .btn.btn-app:hover {
        background: #f4f4f4;
        color: #444;
        border-color: #aaa
    }

    .btn.btn-app:active,
    .btn.btn-app:focus {
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
    }

    .btn.btn-app > .badge {
        position: absolute;
        top: -3px;
        right: -10px;
        font-size: 10px;
        font-weight: 400
    }

textarea {
    padding: 10px;
    vertical-align: top;
    width: 200px
}

    textarea:focus {
        outline-style: solid;
        outline-width: 2px
    }

.btn_ {
    display: inline-block;
    padding: 3px 9px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden
}

.bs-glyphicons-list {
    padding-left: 0;
    list-style: none
}

.bs-glyphicons li {
    float: left;
    width: 25%;
    height: 115px;
    padding: 10px;
    font-size: 10px;
    line-height: 1.4;
    text-align: center;
    background-color: #f9f9f9;
    border: 1px solid #fff
}

.bs-glyphicons .glyphicon {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 24px
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word
}

.bs-glyphicons li:hover {
    color: #fff;
    background-color: #1ABB9C
}

@media (min-width: 768px) {
    .bs-glyphicons {
        margin-right: 0;
        margin-left: 0
    }

        .bs-glyphicons li {
            width: 12.5%;
            font-size: 12px
        }
}

.tagsinput {
    border: 1px solid #CCC;
    background: #FFF;
    padding: 6px 6px 0;
    width: 300px;
    overflow-y: auto
}

span.tag {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px 9px;
    text-decoration: none;
    background: #1ABB9C;
    color: #F1F6F7;
    margin-right: 5px;
    font-weight: 500;
    margin-bottom: 5px;
    font-family: helvetica
}

    span.tag a {
        color: #F1F6F7 !important
    }

.tagsinput span.tag a {
    font-weight: bold;
    color: #82ad2b;
    text-decoration: none;
    font-size: 11px
}

.tagsinput input {
    width: 80px;
    margin: 0px;
    font-family: helvetica;
    font-size: 13px;
    border: 1px solid transparent;
    padding: 3px;
    background: transparent;
    color: #000;
    outline: 0px
}

.tagsinput div {
    display: block;
    float: left
}

.tags_clear {
    clear: both;
    width: 100%;
    height: 0px
}

.not_valid {
    background: #FBD8DB !important;
    color: #90111A !important
}

ul.bar_tabs {
    overflow: visible;
    background: #F5F7FA;
    height: 25px;
    margin: 21px 0 14px;
    padding-left: 14px;
    position: relative;
    z-index: 1;
    width: 100%;
    border-bottom: 1px solid #E6E9ED
}

    ul.bar_tabs > li {
        border: 1px solid #E6E9ED;
        color: #333 !important;
        margin-top: -17px;
        margin-left: 8px;
        background: #fff;
        border-bottom: none;
        border-radius: 4px 4px 0 0
    }

        ul.bar_tabs > li.active {
            border-right: 6px solid #D3D6DA;
            border-top: 0;
            margin-top: -15px
        }

        ul.bar_tabs > li a {
            padding: 10px 17px 4px;
            background: #F5F7FA;
            margin: 0;
            border-top-right-radius: 0
        }

            ul.bar_tabs > li a:hover {
                border: 1px solid transparent
            }

        ul.bar_tabs > li.active a {
            border-bottom: none
        }

    ul.bar_tabs.right {
        padding-right: 14px
    }

        ul.bar_tabs.right li {
            float: right
        }

a:focus {
    outline: none
}

ul.timeline li {
    position: relative;
    border-bottom: 1px solid #e8e8e8;
    clear: both
}

.timeline .block {
    margin: 0;
    border-left: 3px solid #e8e8e8;
    overflow: visible;
    padding: 10px 15px;
    margin-left: 105px
}

.timeline.widget {
    min-width: 0;
    max-width: inherit
}

    .timeline.widget .block {
        margin-left: 5px
    }

.timeline .tags {
    position: absolute;
    top: 15px;
    left: 0;
    width: 84px
}

.timeline .tag {
    display: block;
    height: 30px;
    font-size: 13px;
    padding: 8px
}

    .timeline .tag span {
        display: block;
        overflow: hidden;
        width: 100%;
        white-space: nowrap;
        text-overflow: ellipsis
    }

.tag {
    line-height: 1;
    background: #1ABB9C;
    color: #fff !important
}

    .tag:after {
        content: " ";
        height: 30px;
        width: 0;
        position: absolute;
        left: 100%;
        top: 0;
        margin: 0;
        pointer-events: none;
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-left: 11px solid #1ABB9C
    }

.timeline h2.title {
    position: relative;
    font-size: 16px;
    margin: 0
}

    .timeline h2.title:before {
        content: "";
        position: absolute;
        left: -23px;
        top: 3px;
        display: block;
        width: 14px;
        height: 14px;
        border: 3px solid #d2d3d2;
        border-radius: 14px;
        background: #f9f9f9
    }

.timeline .byline {
    padding: .25em 0
}

.byline {
    -webkit-font-smoothing: antialiased;
    font-style: italic;
    font-size: .9375em;
    line-height: 1.3;
    color: #aab6aa
}

ul.social li {
    border: 0
}

.social-sidebar,
.social-body {
    float: right
}

.social-sidebar {
    background: #EDEDED;
    width: 22%
}

.social-body {
    border: 1px solid #ccc;
    width: 78%
}

.thumb img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

.chat .thumb img {
    width: 27px;
    height: 27px;
    border-radius: 50%
}

.chat .status {
    float: left;
    margin: 16px 0 0 -16px;
    font-size: 14px;
    font-weight: bold;
    width: 12px;
    height: 12px;
    display: block;
    border: 2px solid #FFF;
    z-index: 12312;
    border-radius: 50%
}

    .chat .status.online {
        background: #1ABB9C
    }

    .chat .status.away {
        background: #F39C12
    }

    .chat .status.offline {
        background: #ccc
    }

.chat .media-body {
    padding-top: 5px
}

.dashboard_graph .x_title {
    padding: 5px 5px 7px
}

    .dashboard_graph .x_title h3 {
        margin: 0;
        font-weight: normal
    }

.chart {
    position: relative;
    display: inline-block;
    width: 110px;
    height: 110px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center
}

    .chart canvas {
        position: absolute;
        top: 0;
        left: 0
    }

.percent {
    display: inline-block;
    line-height: 110px;
    z-index: 2;
    font-size: 18px
}

    .percent:after {
        content: '%';
        margin-left: 0.1em;
        font-size: .8em
    }

.angular {
    margin-top: 100px
}

    .angular .chart {
        margin-top: 0
    }

.widget {
    min-width: 250px;
    max-width: 310px
}

.widget_tally_box .btn-group button {
    text-align: center
}

.widget_tally_box .btn-group button {
    color: inherit;
    font-weight: 500;
    background-color: #f5f5f5;
    border: 1px solid #e7e7e7
}

ul.widget_tally,
ul.widget_tally li {
    width: 100%
}

    ul.widget_tally li {
        padding: 2px 10px;
        border-bottom: 1px solid #ECECEC;
        padding-bottom: 4px
    }

    ul.widget_tally .month {
        width: 70%;
        float: left
    }

    ul.widget_tally .count {
        width: 30%;
        float: left;
        text-align: right
    }

.pie_bg {
    border-bottom: 1px solid rgba(101, 204, 182, 0.16);
    padding-bottom: 15px;
    border-radius: 4px;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    padding-bottom: 10px;
    box-shadow: 0 4px 6px -6px #222
}

.widget_tally_box .flex {
    display: -ms-flexbox;
    display: flex
}

ul.widget_profile_box {
    width: 100%;
    height: 42px;
    padding: 3px;
    background: #ececec;
    margin-top: 40px;
    margin-left: 1px
}

    ul.widget_profile_box li:first-child {
        width: 25%;
        float: left
    }

        ul.widget_profile_box li:first-child a {
            float: left
        }

    ul.widget_profile_box li:last-child {
        width: 25%;
        float: right
    }

        ul.widget_profile_box li:last-child a {
            float: right
        }

    ul.widget_profile_box li a {
        font-size: 22px;
        text-align: center;
        width: 35px;
        height: 35px;
        border: 1px solid rgba(52, 73, 94, 0.44);
        display: block;
        border-radius: 50%;
        padding: 0px
    }

        ul.widget_profile_box li a:hover {
            color: #1ABB9C !important;
            border: 1px solid #26b99a
        }

    ul.widget_profile_box li .profile_img {
        width: 85px;
        height: 85px;
        margin: 0;
        margin-top: -28px
    }

.widget_tally_box p,
.widget_tally_box span {
    text-align: center
}

.widget_tally_box .name {
    text-align: center;
    margin: 25px
}

.widget_tally_box .name_title {
    text-align: center;
    margin: 5px
}

.widget_tally_box ul.legend {
    margin: 0
}

    .widget_tally_box ul.legend p,
    .widget_tally_box ul.legend span {
        text-align: left
    }

    .widget_tally_box ul.legend li .icon {
        font-size: 20px;
        float: left;
        width: 14px
    }

    .widget_tally_box ul.legend li .name {
        font-size: 14px;
        margin: 5px 0 0 14px;
        text-overflow: ellipsis;
        float: left
    }

    .widget_tally_box ul.legend p {
        display: inline-block;
        margin: 0
    }

.widget_tally_box ul.verticle_bars li {
    height: 140px;
    width: 23%
}

.widget .verticle_bars li .progress.vertical.progress_wide {
    width: 65%
}

ul.count2 {
    width: 100%;
    margin-left: 1px;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 10px 0
}

    ul.count2 li {
        width: 30%;
        text-align: center
    }

        ul.count2 li h3 {
            font-weight: 400;
            margin: 0
        }

        ul.count2 li span {
            font-weight: 300
        }

.divider {
    border-bottom: 1px solid #ddd;
    margin: 10px
}

.divider-dashed {
    border-top: 1px dashed #e7eaec;
    background-color: #ffffff;
    height: 1px;
    margin: 10px 0
}

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

    ul.messages li,
    .tasks li {
        border-bottom: 1px dotted #e6e6e6;
        padding: 8px 0
    }

        ul.messages li img.avatar,
        img.avatar {
            height: 32px;
            width: 32px;
            float: left;
            display: inline-block;
            border-radius: 2px;
            padding: 2px;
            background: #f7f7f7;
            border: 1px solid #e6e6e6
        }

        ul.messages li .message_date {
            float: right;
            text-align: right
        }

        ul.messages li .message_wrapper {
            margin-left: 50px;
            margin-right: 40px
        }

            ul.messages li .message_wrapper h4.heading {
                font-weight: 600;
                margin: 0;
                cursor: pointer;
                margin-bottom: 10px;
                line-height: 100%
            }

            ul.messages li .message_wrapper blockquote {
                padding: 0px 10px;
                margin: 0;
                border-left: 5px solid #eee
            }

ul.user_data li {
    margin-bottom: 6px
}

    ul.user_data li p {
        margin-bottom: 0
    }

    ul.user_data li .progress {
        width: 90%
    }

.project_progress .progress {
    margin-bottom: 3px !important;
    margin-top: 5px
}

.projects .list-inline {
    margin: 0
}

.profile_title {
    background: #F5F7FA;
    border: 0;
    padding: 7px 0;
    display: -ms-flexbox;
    display: flex
}

ul.stats-overview {
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 10px;
    margin-bottom: 10px
}

    ul.stats-overview li {
        display: inline-block;
        text-align: center;
        padding: 0 15px;
        width: 30%;
        font-size: 14px;
        border-right: 1px solid #e8e8e8
    }

        ul.stats-overview li:last-child {
            border-right: 0
        }

        ul.stats-overview li .name {
            font-size: 12px
        }

        ul.stats-overview li .value {
            font-size: 14px;
            font-weight: bold;
            display: block
        }

        ul.stats-overview li:first-child {
            padding-left: 0
        }

ul.project_files li {
    margin-bottom: 5px
}

    ul.project_files li a i {
        width: 20px
    }

.project_detail p {
    margin-bottom: 10px
}

    .project_detail p.title {
        font-weight: bold;
        margin-bottom: 0
    }

.avatar img {
    border-radius: 50%;
    max-width: 45px
}

.pricing {
    background: #fff
}

    .pricing .title {
        background: #1ABB9C;
        height: 110px;
        color: #fff;
        padding: 15px 0 0;
        text-align: center
    }

        .pricing .title h2 {
            text-transform: capitalize;
            font-size: 18px;
            border-radius: 5px 5px 0 0;
            margin: 0;
            font-weight: 400
        }

        .pricing .title h1 {
            font-size: 30px;
            margin: 12px
        }

        .pricing .title span {
            background: rgba(51, 51, 51, 0.28);
            padding: 2px 5px
        }

.pricing_features {
    background: #FAFAFA;
    padding: 20px 15px;
    min-height: 230px;
    font-size: 13.5px
}

    .pricing_features ul li {
        margin-top: 10px
    }

.pricing_footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    text-align: center;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

    .pricing_footer p {
        font-size: 13px;
        padding: 10px 0 2px;
        display: block
    }

.ui-ribbon-container {
    position: relative
}

    .ui-ribbon-container .ui-ribbon-wrapper {
        position: absolute;
        overflow: hidden;
        width: 85px;
        height: 88px;
        top: -3px;
        right: -3px
    }

    .ui-ribbon-container.ui-ribbon-primary .ui-ribbon {
        background-color: #5b90bf
    }

    .ui-ribbon-container .ui-ribbon {
        position: relative;
        display: block;
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        transform: rotate(45deg);
        padding: 7px 0;
        left: -5px;
        top: 15px;
        width: 120px;
        line-height: 20px;
        background-color: #555;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3)
    }

    .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after,
    .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before {
        border-top: 2px solid #5b90bf
    }

    .ui-ribbon-container .ui-ribbon:before {
        left: 0;
        bottom: -1px
    }

    .ui-ribbon-container .ui-ribbon:before {
        right: 0
    }

    .ui-ribbon-container .ui-ribbon:after,
    .ui-ribbon-container .ui-ribbon:before {
        position: absolute;
        content: " ";
        line-height: 0;
        border-top: 2px solid #555;
        border-left: 2px solid transparent;
        border-right: 2px solid transparent
    }

.thumbnail .image {
    height: 120px;
    overflow: hidden
}

.caption {
    padding: 9px 5px;
    background: #F7F7F7
}

    .caption p {
        margin-bottom: 5px
    }

.thumbnail {
    height: 190px;
    overflow: hidden
}

.view {
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default
}

    .view .mask,
    .view .content {
        position: absolute;
        width: 100%;
        overflow: hidden;
        top: 0;
        left: 0
    }

    .view img {
        display: block;
        position: relative
    }

    .view .tools {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 3px;
        background: rgba(0, 0, 0, 0.35);
        margin: 43px 0 0 0
    }

.mask.no-caption .tools {
    margin: 90px 0 0 0
}

.view .tools a {
    display: inline-block;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding: 0 4px
}

.view p {
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #fff;
    padding: 10px 20px 20px;
    text-align: center
}

.view a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.view-first img {
    transition: all 0.2s linear
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.4s ease-in-out
}

.view-first .tools {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out
}

.view-first p {
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear
}

.view-first:hover img {
    transform: scale(1.1)
}

.view-first:hover .mask {
    opacity: 1
}

.view-first:hover .tools,
.view-first:hover p {
    opacity: 1;
    transform: translateY(0px)
}

.view-first:hover p {
    transition-delay: 0.1s
}

.form-group.has-feedback span {
    display: block !important;
}

.form-group .btn {
    margin-bottom: -6px;
}

.input-group-btn .btn {
    margin-bottom: 0;
}

/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
.tabs-left,
.tabs-right {
    border-bottom: none;
    padding-top: 2px
}

.tabs-left {
    border-right: 1px solid #F7F7F7
}

.tabs-right {
    border-left: 1px solid #F7F7F7
}

    .tabs-left > li,
    .tabs-right > li {
        float: none;
        margin-bottom: 2px
    }

.tabs-left > li {
    margin-right: -1px
}

.tabs-right > li {
    margin-left: -1px
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:hover,
.tabs-left > li.active > a:focus {
    border-bottom-color: #F7F7F7;
    border-right-color: transparent
}

.tabs-right > li.active > a,
.tabs-right > li.active > a:hover,
.tabs-right > li.active > a:focus {
    border-bottom: 1px solid #F7F7F7;
    border-left-color: transparent
}

.tabs-left > li > a {
    border-radius: 4px 0 0 4px;
    margin-right: 0;
    display: block;
    background: #F7F7F7;
    text-overflow: ellipsis;
    overflow: hidden
}

.tabs-right > li > a {
    border-radius: 0 4px 4px 0;
    margin-right: 0;
    background: #F7F7F7;
    text-overflow: ellipsis;
    overflow: hidden
}

.sideways {
    margin-top: 50px;
    border: none;
    position: relative
}

    .sideways > li {
        height: 20px;
        width: 120px;
        margin-bottom: 100px
    }

        .sideways > li > a {
            border-bottom: 1px solid #ddd;
            border-right-color: transparent;
            text-align: center;
            border-radius: 4px 4px 0px 0px
        }

        .sideways > li.active > a,
        .sideways > li.active > a:hover,
        .sideways > li.active > a:focus {
            border-bottom-color: transparent;
            border-right-color: #ddd;
            border-left-color: #ddd
        }

    .sideways.tabs-left {
        left: -50px
    }

    .sideways.tabs-right {
        right: -50px
    }

        .sideways.tabs-right > li {
            transform: rotate(90deg)
        }

    .sideways.tabs-left > li {
        transform: rotate(-90deg)
    }

.morris-hover {
    position: absolute;
    z-index: 1000
}

    .morris-hover.morris-default-style {
        padding: 6px;
        color: #666;
        background: rgba(243, 242, 243, 0.8);
        border: solid 2px rgba(195, 194, 196, 0.8);
        font-family: sans-serif;
        font-size: 12px;
        text-align: center
    }

        .morris-hover.morris-default-style .morris-hover-row-label {
            font-weight: bold;
            margin: 0.25em 0
        }

        .morris-hover.morris-default-style .morris-hover-point {
            white-space: nowrap;
            margin: 0.1em 0
        }

.price {
    font-size: 40px;
    font-weight: 400;
    color: #26B99A;
    margin: 0
}

.prod_title {
    border-bottom: 1px solid #DFDFDF;
    padding-bottom: 5px;
    margin: 30px 0;
    font-size: 20px;
    font-weight: 400
}

.product-image img {
    width: 90%
}

.prod_color li {
    margin: 0 10px
}

    .prod_color li p {
        margin-bottom: 0
    }

.prod_size li {
    padding: 0
}

.prod_color .color {
    width: 25px;
    height: 25px;
    border: 2px solid rgba(51, 51, 51, 0.28) !important;
    padding: 2px;
    border-radius: 50px
}

.product_gallery a {
    width: 100px;
    height: 100px;
    float: left;
    margin: 10px;
    border: 1px solid #e5e5e5
}

    .product_gallery a img {
        width: 100%;
        margin-top: 15px
    }

.product_price {
    margin: 20px 0;
    padding: 5px 10px;
    background-color: #FFFFFF;
    text-align: left;
    border: 2px dashed #E0E0E0
}

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

.product_social {
    margin: 20px 0
}

    .product_social ul li a i {
        font-size: 35px
    }

.login {
    background: #F7F7F7
}

    .login .fa-paw {
        font-size: 26px
    }

a.hiddenanchor {
    display: none
}

.login_wrapper {
    right: 0px;
    margin: 0px auto;
    margin-top: 5%;
    max-width: 350px;
    position: relative
}

.registration_form,
.login_form {
    position: absolute;
    top: 0px;
    width: 100%
}

.registration_form {
    z-index: 21;
    opacity: 0;
    width: 100%
}

.login_form {
    z-index: 22
}

#signup:target ~ .login_wrapper .registration_form,
#signin:target ~ .login_wrapper .login_form {
    z-index: 22;
    animation-name: fadeInLeft;
    animation-delay: .1s
}

#signup:target ~ .login_wrapper .login_form,
#signin:target ~ .login_wrapper .registration_form {
    animation-name: fadeOutLeft
}

.animate {
    -webkit-animation-duration: 0.5s;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: 0.5s;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -o-animation-duration: 0.5s;
    -o-animation-timing-function: ease;
    -o-animation-fill-mode: both;
    -ms-animation-duration: 0.5s;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-fill-mode: both
}

.login_box {
    padding: 20px;
    margin: auto
}

.left {
    float: left
}

.alignleft {
    float: left;
    margin-right: 15px
}

.alignright {
    float: right;
    margin-left: 15px
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.login_content {
    margin: 0 auto;
    padding: 25px 0 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    min-width: 280px
}

    .login_content a,
    .login_content .btn-default:hover {
        text-decoration: none
    }

        .login_content a:hover {
            text-decoration: underline
        }

    .login_content h1 {
        font: normal 25px Helvetica, Arial, sans-serif;
        letter-spacing: -0.05em;
        line-height: 20px;
        margin: 10px 0 30px
    }

        .login_content h1:before,
        .login_content h1:after {
            content: "";
            height: 1px;
            position: absolute;
            top: 10px;
            width: 27%
        }

        .login_content h1:after {
            background: #7e7e7e;
            background: linear-gradient(left, #7e7e7e 0%, #fff 100%);
            right: 0
        }

        .login_content h1:before {
            background: #7e7e7e;
            background: linear-gradient(right, #7e7e7e 0%, #fff 100%);
            left: 0
        }

        .login_content h1:before,
        .login_content h1:after {
            content: "";
            height: 1px;
            position: absolute;
            top: 10px;
            width: 20%
        }

        .login_content h1:after {
            background: #7e7e7e;
            background: linear-gradient(left, #7e7e7e 0%, #fff 100%);
            right: 0
        }

        .login_content h1:before {
            background: #7e7e7e;
            background: linear-gradient(right, #7e7e7e 0%, #fff 100%);
            left: 0
        }

    .login_content form {
        margin: 20px 0;
        position: relative
    }

        .login_content form input[type="text"],
        .login_content form input[type="email"],
        .login_content form input[type="password"] {
            border-radius: 3px;
            -ms-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
            -o-box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
            box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0, 0, 0, 0.08) inset;
            border: 1px solid #c8c8c8;
            color: #777;
            margin: 0 0 20px;
            width: 100%
        }

            .login_content form input[type="text"]:focus,
            .login_content form input[type="email"]:focus,
            .login_content form input[type="password"]:focus {
                -ms-box-shadow: 0 0 2px #ed1c24 inset;
                -o-box-shadow: 0 0 2px #ed1c24 inset;
                box-shadow: 0 0 2px #A97AAD inset;
                background-color: #fff;
                border: 1px solid #A878AF;
                outline: none
            }

#username {
    background-position: 10px 10px !important
}

#password {
    background-position: 10px -53px !important
}

.login_content form div a {
    font-size: 12px;
    margin: 10px 15px 0 0
}

.reset_pass {
    margin-top: 10px !important
}

.login_content div .reset_pass {
    margin-top: 13px !important;
    margin-right: 39px;
    float: right
}

.separator {
    border-top: 1px solid #D8D8D8;
    margin-top: 10px;
    padding-top: 10px
}

.button {
    background: #f7f9fa;
    background: linear-gradient(top, #f7f9fa 0%, #f0f0f0 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #CFD5D9;
    padding: 15px 0
}

.login_content form input[type="submit"],
#content form .submit {
    float: left;
    margin-left: 38px
}

.button a {
    background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat;
    color: #7E7E7E;
    font-size: 17px;
    padding: 2px 0 2px 40px;
    text-decoration: none;
    transition: all 0.3s ease
}

    .button a:hover {
        background-position: 0 -135px;
        color: #00aeef
    }

header {
    width: 100%
}

#nprogress .bar {
    background: #1ABB9C
}

#nprogress .peg {
    box-shadow: 0 0 10px #1ABB9C, 0 0 5px #1ABB9C
}

#nprogress .spinner-icon {
    border-top-color: #1ABB9C;
    border-left-color: #1ABB9C
}

.editor-wrapper {
    min-height: 250px;
    background-color: white;
    border-collapse: separate;
    border: 1px solid #ccc;
    padding: 4px;
    box-sizing: content-box;
    box-shadow: rgba(0, 0, 0, 0.07451) 0px 1px 1px 0px inset;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    overflow: scroll;
    outline: none
}

.voiceBtn {
    width: 20px;
    color: transparent;
    background-color: transparent;
    transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
    -moz-transform: scale(2, 2);
    border: transparent;
    cursor: pointer;
    box-shadow: none;
    -webkit-box-shadow: none
}

div[data-role="editor-toolbar"] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.dropdown-menu a {
    cursor: pointer
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    min-height: 38px
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #73879C;
        padding-top: 5px;
        font-size: 14px !important;
    }

    .select2-container--default .select2-selection--multiple .select2-selection__rendered {
        padding-top: 3px
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 36px
    }

    .select2-container--default .select2-selection--multiple .select2-selection__choice,
    .select2-container--default .select2-selection--multiple .select2-selection__clear {
        margin-top: 2px;
        border: none;
        border-radius: 0;
        padding: 3px 5px
    }

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #ccc
}

.switchery {
    width: 32px;
    height: 20px
}

    .switchery > small {
        width: 20px;
        height: 20px
    }

fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.cropper .img-container,
.cropper .img-preview {
    background-color: #f7f7f7;
    width: 100%;
    text-align: center
}

.cropper .img-container {
    min-height: 200px;
    max-height: 516px;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .cropper .img-container {
        min-height: 516px
    }
}

.cropper .img-container > img {
    max-width: 100%
}

.cropper .docs-preview {
    margin-right: -15px
}

.cropper .img-preview {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden
}

    .cropper .img-preview > img {
        max-width: 100%
    }

.cropper .preview-lg {
    width: 263px;
    height: 148px
}

.cropper .preview-md {
    width: 139px;
    height: 78px
}

.cropper .preview-sm {
    width: 69px;
    height: 39px
}

.cropper .preview-xs {
    width: 35px;
    height: 20px;
    margin-right: 0
}

.cropper .docs-data > .input-group {
    margin-bottom: 10px
}

    .cropper .docs-data > .input-group > label {
        min-width: 80px
    }

    .cropper .docs-data > .input-group > span {
        min-width: 50px
    }

.cropper .docs-buttons > .btn,
.cropper .docs-buttons > .btn-group,
.cropper .docs-buttons > .form-control {
    margin-right: 5px;
    margin-bottom: 10px
}

.cropper .docs-toggles > .btn,
.cropper .docs-toggles > .btn-group,
.cropper .docs-toggles > .dropdown {
    margin-bottom: 10px
}

.cropper .docs-tooltip {
    display: block;
    margin: -6px -12px;
    padding: 6px 12px
}

    .cropper .docs-tooltip > .icon {
        margin: 0 -3px;
        vertical-align: top
    }

.cropper .tooltip-inner {
    white-space: normal
}

.cropper .btn-upload .tooltip-inner,
.cropper .btn-toggle .tooltip-inner {
    white-space: nowrap
}

.cropper .btn-toggle {
    padding: 6px
}

    .cropper .btn-toggle > .docs-tooltip {
        margin: -6px;
        padding: 6px
    }

@media (max-width: 400px) {
    .cropper .btn-group-crop {
        margin-right: -15px !important
    }

        .cropper .btn-group-crop > .btn {
            padding-left: 5px;
            padding-right: 5px
        }

        .cropper .btn-group-crop .docs-tooltip {
            margin-left: -5px;
            margin-right: -5px;
            padding-left: 5px;
            padding-right: 5px
        }
}

.cropper .docs-options .dropdown-menu {
    width: 100%
}

    .cropper .docs-options .dropdown-menu > li {
        padding: 3px 20px
    }

        .cropper .docs-options .dropdown-menu > li:hover {
            background-color: #f7f7f7
        }

        .cropper .docs-options .dropdown-menu > li > label {
            display: block
        }

.cropper .docs-cropped .modal-body {
    text-align: center
}

    .cropper .docs-cropped .modal-body > img,
    .cropper .docs-cropped .modal-body > canvas {
        max-width: 100%
    }

.cropper .docs-diagram .modal-dialog {
    max-width: 352px
}

.cropper .docs-cropped canvas {
    max-width: 100%
}

.form_wizard .stepContainer {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    border: 0 solid #CCC;
    overflow-x: hidden
}

.wizard_horizontal ul.wizard_steps {
    display: table;
    list-style: none;
    position: relative;
    width: 100%;
    margin: 0 0 20px
}

    .wizard_horizontal ul.wizard_steps li {
        display: table-cell;
        text-align: center
    }

        .wizard_horizontal ul.wizard_steps li a,
        .wizard_horizontal ul.wizard_steps li:hover {
            display: block;
            position: relative;
            -moz-opacity: 1;
            filter: alpha(opacity=100);
            opacity: 1;
            color: #666
        }

            .wizard_horizontal ul.wizard_steps li a:before {
                content: "";
                position: absolute;
                height: 4px;
                background: #ccc;
                top: 20px;
                width: 100%;
                z-index: 4;
                left: 0
            }

            .wizard_horizontal ul.wizard_steps li a.disabled .step_no {
                background: #ccc
            }

            .wizard_horizontal ul.wizard_steps li a .step_no {
                width: 40px;
                height: 40px;
                line-height: 40px;
                border-radius: 100px;
                display: block;
                margin: 0 auto 5px;
                font-size: 16px;
                text-align: center;
                position: relative;
                z-index: 5
            }

            .wizard_horizontal ul.wizard_steps li a.selected:before,
            .step_no {
                background: #34495E;
                color: #fff
            }

            .wizard_horizontal ul.wizard_steps li a.done:before,
            .wizard_horizontal ul.wizard_steps li a.done .step_no {
                background: #1ABB9C;
                color: #fff
            }

        .wizard_horizontal ul.wizard_steps li:first-child a:before {
            left: 50%
        }

        .wizard_horizontal ul.wizard_steps li:last-child a:before {
            right: 50%;
            width: 50%;
            left: auto
        }

.wizard_verticle .stepContainer {
    width: 80%;
    float: left;
    padding: 0 10px
}

.actionBar {
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 10px 5px;
    text-align: right;
    margin-top: 10px
}

    .actionBar .buttonDisabled {
        cursor: not-allowed;
        pointer-events: none;
        opacity: .65;
        filter: alpha(opacity=65);
        box-shadow: none
    }

    .actionBar a {
        margin: 0 3px
    }

.wizard_verticle .wizard_content {
    width: 80%;
    float: left;
    padding-left: 20px
}

.wizard_verticle ul.wizard_steps {
    display: table;
    list-style: none;
    position: relative;
    width: 20%;
    float: left;
    margin: 0 0 20px
}

    .wizard_verticle ul.wizard_steps li {
        display: list-item;
        text-align: center
    }

        .wizard_verticle ul.wizard_steps li a {
            height: 80px
        }

            .wizard_verticle ul.wizard_steps li a:first-child {
                margin-top: 20px
            }

        .wizard_verticle ul.wizard_steps li a,
        .wizard_verticle ul.wizard_steps li:hover {
            display: block;
            position: relative;
            -moz-opacity: 1;
            filter: alpha(opacity=100);
            opacity: 1;
            color: #666
        }

            .wizard_verticle ul.wizard_steps li a:before {
                content: "";
                position: absolute;
                height: 100%;
                background: #ccc;
                top: 20px;
                width: 4px;
                z-index: 4;
                left: 49%
            }

            .wizard_verticle ul.wizard_steps li a.disabled .step_no {
                background: #ccc
            }

            .wizard_verticle ul.wizard_steps li a .step_no {
                width: 40px;
                height: 40px;
                line-height: 40px;
                border-radius: 100px;
                display: block;
                margin: 0 auto 5px;
                font-size: 16px;
                text-align: center;
                position: relative;
                z-index: 5
            }

            .wizard_verticle ul.wizard_steps li a.selected:before,
            .step_no {
                background: #34495E;
                color: #fff
            }

            .wizard_verticle ul.wizard_steps li a.done:before,
            .wizard_verticle ul.wizard_steps li a.done .step_no {
                background: #1ABB9C;
                color: #fff
            }

        .wizard_verticle ul.wizard_steps li:first-child a:before {
            left: 49%
        }

        .wizard_verticle ul.wizard_steps li:last-child a:before {
            left: 49%;
            left: auto;
            width: 0
        }

.form_wizard .loader {
    display: none
}

.form_wizard .msgBox {
    display: none
}

.progress {
    border-radius: 0
}

.progress-bar-info {
    background-color: #3498DB
}

.progress-bar-success {
    background-color: #26B99A
}

.progress_summary .progress {
    margin: 5px 0 12px !important
}

.progress_summary .row {
    margin-bottom: 5px
}

    .progress_summary .row .col-xs-2 {
        padding: 0
    }

.progress_summary .more_info span {
    text-align: right;
    float: right
}

.progress_summary .data span {
    text-align: right;
    float: right
}

.progress_summary p {
    margin-bottom: 3px;
    width: 100%
}

.progress_title .left {
    float: left;
    text-align: left
}

.progress_title .right {
    float: right;
    text-align: right;
    font-weight: 300
}

.progress.progress_sm {
    border-radius: 0;
    margin-bottom: 18px;
    height: 10px !important
}

    .progress.progress_sm .progress-bar {
        height: 10px !important
    }

.dashboard_graph p {
    margin: 0 0 4px
}

ul.verticle_bars {
    width: 100%
}

    ul.verticle_bars li {
        width: 23%;
        height: 200px;
        margin: 0
    }

.progress.vertical.progress_wide {
    width: 35px
}

.alert-success {
    color: #ffffff;
    background-color: rgba(38, 185, 154, 0.88);
    border-color: rgba(38, 185, 154, 0.88)
}

.alert-info {
    color: #E9EDEF;
    background-color: rgba(52, 152, 219, 0.88);
    border-color: rgba(52, 152, 219, 0.88)
}

/*.alert-warning {
    color: #E9EDEF;
    background-color: rgba(243, 156, 18, 0.88);
    border-color: rgba(243, 156, 18, 0.88)
}*/

.alert-danger,
.alert-error {
    color: #E9EDEF;
    background-color: rgba(231, 76, 60, 0.88);
    border-color: rgba(231, 76, 60, 0.88)
}

.ui-pnotify.dark .ui-pnotify-container {
    color: #E9EDEF;
    background-color: rgba(52, 73, 94, 0.88);
    border-color: rgba(52, 73, 94, 0.88)
}

.custom-modal-size {
    max-width: 850px !important;
    top: 18px !important;
    box-shadow: 0 0 10px #b5b5b5;
}

.custom-notifications {
    position: fixed;
    margin: 15px;
    right: 0;
    float: right;
    width: 400px;
    z-index: 4000;
    bottom: 0
}

ul.notifications {
    float: right;
    display: block;
    margin-bottom: 7px;
    padding: 0;
    width: 100%
}

.notifications li {
    float: right;
    margin: 3px;
    width: 36px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3)
}

    .notifications li:last-child {
        margin-left: 0
    }

.notifications a {
    display: block;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    padding: 9px 8px
}

.tabbed_notifications .text {
    padding: 5px 15px;
    height: 140px;
    border-radius: 7px;
    box-shadow: 6px 6px 6px rgba(0, 0, 0, 0.3)
}

.tabbed_notifications div p {
    display: inline-block
}

.tabbed_notifications h2 {
    font-weight: bold;
    text-transform: uppercase;
    width: 80%;
    float: left;
    height: 20px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block
}

.tabbed_notifications .close {
    padding: 5px;
    color: #E9EDEF;
    float: right;
    opacity: 1
}

.fc-state-default {
    background: #f5f5f5;
    color: #73879C
}

.fc-state-down,
.fc-state-active {
    color: #333;
    background: #ccc
}

.dropzone {
    min-height: 300px;
    border: 1px solid #e5e5e5
}
/*
.x_content {
    direction: rtl;
}
*/
.main_menu .label {
    line-height: 11px;
    margin-top: 4px;
}

@media (max-width: 460px) {
    .dataTables_wrapper .col-sm-6 {
        width: 100%;
        margin-bottom: 5px;
    }

        .dataTables_wrapper .col-sm-6 .dataTables_filter {
            float: none;
        }
}

@media (max-width: 767px) {
    .dataTables_length {
        float: none;
    }
}

/* CSS3 Checkbox */
/*
.checkbox-input { display:block;position:relative; }
.checkbox-input:before { display:block;content:"";position:absolute;top:2px;left:0;height:20px;width:20px;background:red;border-radius:3px; }


 #input + label:after {
    content: 'click my input';
    color: blue;
  }

  #input:focus + label:after {
    content: 'not valid yet';
    color: blue;
  }

  #input:valid + label:after {
    content: 'looks good';
    color: red;
  }

/* CSS3 Checkbox - end */
/*

/*
.checkbox 																										{ display: block;position:relative;cursor:pointer; }
.checkbox input 																								{ position:absolute;z-index:-1;opacity:0;left:0;top:0; }
.checkbox div 																									{ position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;border-radius:3px; }
.checkbox input:checked ~ div 																			{ background: #1ABC9C; }
.checkbox:hover input:not([disabled]):checked ~ div,
.checkbox input:checked:focus ~ div 																	{ background: #1ABC9C; }
.checkbox input:disabled ~ div 																			{ background: #1ABC9C;opacity: 0.6;pointer-events: none; }
.checkbox div:after 																							{ content: '';position: absolute;display: none; }
.checkbox input:checked ~ div:after 																	{ display: block; }
.checkbox-wp div:after 																					{ left: 7px;top: 3px;width: 7px;height: 11px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(40deg); }
.checkbox-wp input:disabled ~ div:after 																{ border-color: #F2F2F2; }


.checkbox-radio div 																							{ border-radius: 50%; }
.checkbox-radio div:after 																					{ left: 7px;top: 7px;height: 6px;width: 6px;border-radius: 50%;background: #fff; }
.checkbox-radio input:disabled ~ div:after 															{ background: #F2F2F2; }


.checkbox, .radio { margin-top:-3px; }

table thead .checkbox { margin-top:-7px;margin-top:-21px; }
table thead .checkbox.radio { margin-top:-7px;margin-top:-21px; }
*/

.daterangepicker.xdisplay {
    width: 228px;
}

.dataTables_wrapper > .row {
    overflow: auto !important; /*prevent datatables overflowing its container*/
}

/** bootstrap-datetimepicker **/
.input-group.date .input-group-addon {
    border-radius: 0px !important;
}
/** /bootstrap-datetimepicker **/
.ripple {
    background-position: center !important;
    transition: background 0.8s !important;
}

    .ripple:hover {
        background: rgba(255, 255, 255, .10) radial-gradient(circle, transparent 1%, rgba(255, 255, 255, .10) 1%) center/15000% !important;
    }

    .ripple:active {
        background-color: rgba(255, 255, 255, .10) !important;
        background-size: 100% !important;
        transition: background 0s !important;
    }

/* New Css */
.btn-link {
    color: #196bba;
}

    .btn-link:hover {
        text-decoration: none;
        color: #5da2e5;
    }

.full_body_part {
    width: 100%;
    float: left;
    padding: 10px 15px 0;
    background: #f4f4f4;
    transition: all ease 0.4s;
    height: calc(100vh - 50px);
    overflow-y: auto;
}

.left_body_part {
    width: calc(100% - 240px);
    float: left;
    padding: 10px 15px 0;
    border-right: 1px solid #d4d4d4;
    background: #f4f4f4;
    transition: all ease 0.4s;
    height: calc(100vh - 50px);
    overflow-y: auto;
}

.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #ccc;
    content: "/\00a0";
}

.right_menu {
    width: 240px;
    float: left;
    position: relative;
    transition: all ease 0.4s;
    margin-right: 0;
    height: calc(100vh - 50px);
}

    .right_menu .menu-list {
        overflow-y: auto !important;
        height: calc(100vh - 93px);
        width: 100%;
    }

    .right_menu .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background-color: rgb(193, 193, 193) !important;
    }

    .right_menu .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
        right: 0 !important;
    }

.showme .right_menu {
    margin-right: -240px;
}

.showme .left_body_part {
    width: 100%;
    border-right: 0;
}

.nav-side-menu .toggle {
    padding-top: 0;
    width: auto;
    padding-right: 10px;
}

.sidemenu_close {
    font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif;
    font-style: normal;
    font-size: 12px;
    font-weight: 600;
    width: 22px;
    height: 22px;
    border: 1px solid #666;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    color: #666;
    padding-top: 2px;
}

.right-icon-icon {
    position: absolute;
    z-index: 1049;
    top: 80px;
    right: -45px;
    transition: all ease 0.4s;
    background: #196bba;
    width: 40px;
    height: 40px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
    border-radius: 4px 0 0 4px;
    float: left;
    cursor: pointer;
    box-shadow: -1px 1px 6px #5e5e5e;
    transition: all ease 0.5s;
}

    .right-icon-icon:hover {
        background: #fd7c00;
    }

    .right-icon-icon .fa {
        margin-top: 3px;
    }

.showme .right-icon-icon {
    right: 0px;
}

.tooltip {
    white-space: nowrap;
}

.new_heading {
    padding: 0;
}

    .new_heading h2 {
        font-size: 24px;
        color: #fd7c00;
    }

    .new_heading .breadcrumb {
        padding: 0;
        margin-bottom: 0;
        list-style: none;
        background-color: transparent;
        border-radius: 0;
    }

        .new_heading .breadcrumb, .new_heading .breadcrumb a, .new_heading .breadcrumb li {
            font-size: 13px;
        }

            .new_heading .breadcrumb > .active {
                color: #636363;
            }

a:focus, a:hover {
    color: #5da2e5;
}

.action_button {
    width: 120px;
    height: 38px;
    background: #fd7c00;
    color: #fff;
    border-radius: 50px;
    border: 0;
    font-size: 14px;
    text-transform: uppercase;
    margin: 4px 0 0 0;
    position: relative;
    transition: all ease 0.4s;
    cursor: pointer;
    outline: none;
    border: 0;
}

.report_filter_button {
    width: 32px;
    height: 32px;
    background: #fd7c00;
}

.action_button:hover {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.65);
    opacity: .80;
}

.action_button:focus {
    outline: none;
}

.report_filter_button i {
    top: 0;
    right: 2px;
}

.action_button i {
    position: relative;
    font-size: 22px;
    top: 0px;
    line-height: 0;
    right: 2px;
}

.tab {
    padding: 12px 15px 5px;
    box-shadow: 0 0 10px #b5b5b5;
    border-radius: 4px;
    background: #fff;
    position: relative;
    margin-bottom: 14px;
}

    .tab:before {
        position: absolute;
        width: 16px;
        height: 16px;
        content: "";
        top: 0;
        left: 0;
        border-top: 3px solid;
        border-left: 3px solid;
        border-color: #fd7c00;
        border-radius: 3px 0 0 0;
    }

    .tab:after {
        position: absolute;
        width: 16px;
        height: 16px;
        content: "";
        bottom: 0;
        right: 0;
        border-bottom: 3px solid;
        border-right: 3px solid;
        border-color: #fd7c00;
        border-radius: 0 0 3px 0;
    }

    .tab ul.bar_tabs > li, .tab-popup ul.bar_tabs > li {
        margin-left: 0;
        border: 0;
    }

    .tab ul.bar_tabs > li, .tab-popup ul.bar_tabs > li {
        margin-top: -15px;
    }

ul.bar_tabs > li a {
    background: transparent;
    color: #363636;
    font-size: 14px;
    font-weight: 600;
}

.tab ul.bar_tabs > li a.active.show, .tab-popup ul.bar_tabs > li a.active.show {
    border-bottom: 2px solid #fd7c00;
    border-top: 0;
    border-right: 0;
}

.tab ul.bar_tabs > li a, .tab-popup ul.bar_tabs > li a {
    text-decoration: none !important;
    cursor: pointer !important;
}

.new-tab ul.bar_tabs > li a {
    border-bottom: 1px solid #d4d4d4;
}

.tab ul.bar_tabs, .tab-popup ul.bar_tabs {
    background: transparent;
    height: auto;
    margin: 5px 0 10px;
    padding-left: 0;
    z-index: 1;
    width: 100%;
    border-bottom: 1px solid #d4d4d4;
}

.tab .nav-tabs > li.active > a, .tab .nav-tabs > li.active > a:focus, .tab .nav-tabs > li.active > a:hover {
    color: #363636;
    cursor: default;
    background-color: #fff;
    border: 0;
    border-bottom-color: transparent;
    font-size: 14px;
}

.tab .nav-tabs > li > a {
    margin-right: 0;
    border: 0;
}

.tab ul.bar_tabs > li a:hover, .tab-popup ul.bar_tabs > li a:hover {
    border: 0;
}

.new-tab ul.bar_tabs > li a:hover {
    border-bottom: 1px solid #d4d4d4;
}

#searchcriterion, #searchcriterionContract, #SearchCriterion {
    font-size: 16px;
    border-bottom: 2px solid #d4d4d4;
    padding-bottom: 2px;
    color: #363636;
}

    #searchcriterion span, #searchcriterionContract span, #SearchCriterion span {
        color: #fd7c00;
    }

    .empty:empty, #searchcriterion:empty, #SearchCriterion:empty, #errDeleteMessage:empty, #DocumentUploadMessages:empty, #chkTerminateMessages, #DocumentUploadMessages,
    .text-success:empty, p:empty, #DocumentUploadMessages:empty, #updateTaxIDMessage:empty, #chkEffectiveTerminateMessages:empty,
    #chkMessages:empty, p:empty, #chkMessagesOtherId1:empty, #chkinactiveMessages:empty, #domainMess:empty, #npiErrorMess:empty, #title1:empty,
    #login1:empty, #emailErrorMess:empty, #passwor1:empty, #passwordErrorMess:empty, #cnpassword1:empty, #importMess:empty, #effectiveTerminateMessages:empty, #searchcriterionContract:empty {
        display: none;
    }

.table > thead > tr > th {
    border-bottom: 2px solid #d4d4d4 !important;
    white-space: nowrap;
}

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

    .table > tbody > tr > td:last-child, .table > tbody > tr > th:last-child, .table > tfoot > tr > td:last-child, .table > tfoot > tr > th:last-child, .table > thead > tr > td:last-child, .table > thead > tr > th:last-child {
        border-right: none;
    }

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

input[type=checkbox], input[type=radio] {
    margin: 2px 0 0;
}

.table_icon {
    white-space: nowrap;
    padding: 5px !important;
    transition: all ease 0.4s;
}

    .table_icon i {
        background: #196bba;
        color: #fff;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        padding-top: 4px;
        font-size: 11px;
        position: relative;
        top: -2px;
        cursor: pointer;
    }

    .table_icon a i {
        position: relative;
        z-index: 1;
        transform: perspective(1px) translateZ(0);
        transition-duration: 0.3s;
        transition-property: transform;
    }

        /*.table_icon a i:after {
            position: absolute;
            content: " ";
            top: 21px;
            left: -3px;
            width: 26px;
            height: 6px;
            z-index: -1;
            opacity: 0;
            background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.80) 0%, rgba(0, 0, 0, 0) 80%);
            transition-duration: 0.3s;
            transition-property: transform, opacity;
        }*/

        .table_icon a i:hover {
            transform: translateY(-2px);
            opacity: .7;
        }

            .table_icon a i:hover:after {
                opacity: 1;
                transform: translateY(1px);
            }

.profile_icon i {
    background: #fd7c00;
}

.delete_icon i {
    background: #d9534f;
}

.edit_icon i {
    background: #69bc37;
}

.page-number {
    height: 30px;
    border-radius: 3px;
    text-align: center;
    padding-top: 4px;
    font-size: 14px;
    display: table;
    padding-right: 10px;
    padding-left: 10px;
}

#pageNumber, #pageNumberPopup {
    width: 60px;
    height: 24px;
    border: 1px solid #d4d4d4;
    padding: 4px;
    border-radius: 3px;
}

#paginationControl .col-sm-2 {
    width: 30%;
}

#paginationControl .col-sm-10 {
    width: 70%;
}

.next_prev {
    height: 30px;
    border: 1px solid #d4d4d4;
    width: 80px;
    border-radius: 3px;
    float: left;
    margin-left: 20px;
    background: #fff;
}

    .next_prev a {
        display: block;
        height: 30px;
        border-right: 1px solid #d4d4d4;
        width: 38px;
        float: left;
        text-align: center;
        font-size: 24px;
        line-height: 24px;
    }

        .next_prev a:last-child {
            border: 0;
        }

.page_dropdown {
    float: right;
}

    .page_dropdown select {
        float: left;
        width: auto;
        border: 0;
        box-shadow: none;
        color: #196bba;
        background: transparent;
    }

    .page_dropdown span {
        float: left;
        display: block;
        margin: 6px 0 0 4px;
        font-size: 14px;
        color: #636363;
    }

        .page_dropdown span i {
            font-style: normal;
        }

    .page_dropdown input[type=text] {
        float: left;
        display: block;
        margin: 6px 0 0 4px;
        font-size: 14px;
        color: #636363;
        background: transparent;
        width: 130px;
    }

.form-control {
    color: #363636;
    padding: 6px 8px;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
    transition: all ease 0.5s;
    font-size: 14px;
    height: 34px !important;
}

textarea.form-control {
    height: auto !important;
}

.col-sm-8.col-xs-12 h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

select {
    padding: 6px 4px !important;
}

.select2-container {
    width: 100% !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #d4d4d4 !important;
    border-radius: 3px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__placeholder {
        color: #a9a9a9 !important;
        font-size: 14px !important;
        font-weight: normal;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #363636 !important;
        line-height: 21px !important;
    }

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border: 1px solid #d4d4d4 !important;
    min-height: 34px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-left: -5px !important;
        margin-top: 0px !important;
    }

.half_calm > div {
    float: left;
    width: 55%;
    display: block;
    text-align: left !important;
}

.half_calm > label {
    float: left;
    width: 45%;
    display: block;
    text-align: right !important;
    padding-right: 20px;
}

.highlight_black_color {
    color: #000;
    font-weight: 600;
}

.margin_col_6 > div {
    padding-left: 20px;
    padding-right: 20px;
}

.image_main {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 6px;
    height: 100px;
    width: 116px;
    margin: 0 auto;
    display: table;
}

.image_main_inner {
    display: flex;
    height: 100%;
    background: #b8036b;
    align-items: self-end;
    position: relative;
    justify-content: center;
}

    .image_main_inner > div {
        flex-grow: 1;
        color: #fff;
        font-size: 46px;
        text-shadow: 2px 1px 0px #7f0e4f;
        position: relative;
        top: -7px;
    }

.datepicker-control {
    width: calc(100% - 30px) !important;
}

.add-on {
    height: auto !important;
}

.h6, h6 {
    font-size: 13px;
    color: #363636;
}

.large_text {
    padding-top: 0px !important;
    margin-top: -3px;
}

.data_entry {
    overflow: hidden;
}

    .data_entry i {
        display: inline-block;
        float: left;
        margin: 15px 3px 0 0;
    }

    .data_entry span {
        display: inline-block;
        float: left;
        width: 190px;
        line-height: 21px;
        padding: 9px 0;
    }

footer p {
    margin: 0;
}

.modal-header {
    border-bottom: 1px solid #f0bc8b;
    background: #e8e8e8;
    border-radius: 6px 6px 0 0;
    color: #000;
}

    .modal-header .h4, .modal-header h4 {
        font-size: 16px;
    }

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #f0bc8b;
    background: #e8e8e8;
    border-radius: 0 0 6px 6px;
    display: block;
}

.modal-header .close {
    margin-top: 0px;
    opacity: .4;
}

.modal-body {
    background: #f4f4f4;
}

#prvViewProfileModal .modal-body {
    padding: 20px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0;
    font-weight: normal;
    padding-top: 7px;
}

#divChkMessages #chkMessages:empty {
    display: none;
}

.next_prev a.disabled, fieldset[disabled] a.disabled {
    pointer-events: none;
}

    .next_prev a.disabled i {
        opacity: .4;
    }

table.dataTable thead td {
    padding: 10px 8px 6px 8px !important;
    border-bottom: 0 !important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 0 !important;
}

.new_heading h2 + h5 {
    margin-bottom: 0;
}

#providerUploadDatatable thead {
    display: none;
}

.dataTables_length label, #providerUploadDatatable_filter label, #EmailTemplateStaticDocumentDataTable_filter label, #netRveSubmtUploadDatatable_filter label, #practiceUploadDatatable_filter label, #contractLineFeeScheduleUploadDatatable_filter label {
    padding-top: 0;
    margin-left: 10px;
    margin-right: 10px;
}

.dataTables_info {
    margin-left: 10px;
}

.dataTables_paginate {
    margin-right: 10px;
}

.dataTables_paginate {
    height: 30px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    float: left;
    margin-left: 20px;
    background: #fff;
    padding-top: 0 !important;
}

#netRveSubmtUploadDatatable_processing {
    display: none !important;
}

.dataTables_paginate > a {
    display: block !important;
    height: 28px !important;
    border: 1px solid #d4d4d4 !important;
    width: 39px !important;
    float: left !important;
    text-align: center !important;
    font-size: 24px !important;
    line-height: 24px !important;
    text-indent: -99999px;
    margin-left: 0 !important;
    background: transparent !important;
    border: 0 !important;
    position: relative !important;
    box-shadow: 1px 0 0 0px #d4d4d4 !important;
    color: #196bba !important;
    opacity: .4 !important;
}

    .dataTables_paginate > a:last-child {
        border: 0;
    }

    .dataTables_paginate > a:before {
        content: "\f104";
        position: absolute;
        top: 1px;
        left: 15px;
        font-size: 24px;
        color: #000;
        font-family: FontAwesome;
        display: inline-block;
        text-indent: 0;
    }

.dataTables_paginate > span {
    float: left;
}

.dataTables_paginate > a:last-child:before {
    content: "\f105";
}

.dataTables_length label select {
    border: 1px solid #d4d4d4;
    background: #fff;
    border-radius: 3px;
    height: 34px;
    padding: 0 !important;
    color: #363636;
    margin: 0 4px;
}

#providerUploadDatatable_filter input, #netRveSubmtUploadDatatable_filter input, #feeScheduleUploadDatatable_filter input,
#FaxTemplateStaticDocumentDataTable_filter input, #practiceUploadDatatable_filter input, #contractLineFeeScheduleUploadDatatable_filter input, #EmailTemplateStaticDocumentDataTable_filter input {
    border: 1px solid #d4d4d4;
    background: #fff;
    border-radius: 3px;
    height: 34px;
    padding: 6px 8px !important;
    color: #363636;
}

.dataTables_length, #providerUploadDatatable_filter {
    margin-bottom: 20px;
}

.dataTables_scroll {
    padding: 15px;
    box-shadow: 0 0 10px #b5b5b5;
    border-radius: 4px;
    background: #fff;
    position: relative;
    margin: 0px 10px 20px 10px;
}

    .dataTables_scroll:before {
        position: absolute;
        width: 16px;
        height: 16px;
        content: "";
        top: 0;
        left: 0;
        border-top: 3px solid;
        border-left: 3px solid;
        border-color: #fd7c00;
        border-radius: 3px 0 0 0;
    }

    .dataTables_scroll:after {
        position: absolute;
        width: 16px;
        height: 16px;
        content: "";
        bottom: 0;
        right: 0;
        border-bottom: 3px solid;
        border-right: 3px solid;
        border-color: #fd7c00;
        border-radius: 0 0 3px 0;
    }

.dataTables_info {
    width: auto;
    height: 30px;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    text-align: center;
    padding: 4px 10px !important;
    font-size: 14px;
    background: #fff;
}

.toprow {
    margin: 0 10px 0 10px;
}

.file-caption-main {
    position: relative;
    display: block;
    overflow: hidden;
}

.file-caption {
    width: 100%;
    display: block;
    border-radius: 3px;
    width: 100% !important;
}

.file-caption-main > div:last-child {
    position: absolute;
    right: 0;
    top: -1px;
}

    .file-caption-main > div:last-child > div {
        min-width: 30px !important;
        border-radius: 3px;
    }

.right-margin .file-caption-main > div:last-child {
    right: 2px;
}

.table_header {
    background: #f4f4f4;
    padding: 10px 0;
}

    #errInsertMessage:empty, .table_header p {
        display: none;
    }

.location_hr .profile_view {
    display: block;
    overflow: hidden;
    padding: 0;
}

    .location_hr .profile_view .bottom {
        background: #e8e8e8;
        padding: 9px 0;
        border-top: 1px solid #f0bc8b;
    }

.location_hr .page-mid-header {
    margin-bottom: 0 !important;
}

.location_hr .profile_view .left {
    margin-top: 10px;
}

.location_hr .profile_view > div {
    padding: 15px;
}

#lblMessages:empty {
    display: none;
}

.tab-remove {
    padding: 0;
    box-shadow: none;
    background: none;
    margin-top: 20px;
}

    .tab-remove:before, .tab-remove:after {
        border: 0;
        width: 0;
        height: 0;
    }

table.dataTable.no-footer {
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.table-responsive {
    margin-bottom: 10px;
}

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

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

.lang-group {
    float: left;
    margin-right: 30px;
}

    .lang-group > label, .lang-group > div {
        display: block;
        float: left;
    }

    .lang-group > div {
        margin-left: 12px;
        margin-top: 7px;
        margin-right: 2px;
    }

.white-space {
    white-space: nowrap;
}

.margin_10 {
    margin: 10px !important;
}

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

#providerSubmitList {
    padding: 10px;
}

.upload_image {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .3);
    width: 28px;
    height: 28px;
    top: 0;
    right: 0;
    border-radius: 0 0 0 20px;
    transition: all ease 0.4s;
}

.delete_image {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .3);
    width: 28px;
    height: 28px;
    top: 0;
    left: 0;
    border-radius: 0 0 20px 0;
    transition: all ease 0.4s;
}

    .delete_image:hover {
        background: rgba(0, 0, 0, .5);
    }

    .delete_image span {
        display: block;
        height: 28px;
        cursor: pointer;
    }

    .delete_image i {
        color: #fff;
        font-size: 15px;
        padding: 4px 0 0 6px;
        opacity: .3;
        transition: all ease 0.4s;
    }

    .delete_image:hover i {
        opacity: 1;
    }

.upload_image input[type="file"] {
    text-indent: -9999px;
    z-index: 9;
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    cursor: pointer;
    outline: none;
}

.upload_image span {
    position: absolute;
    top: 0;
    left: 0;
}

.upload_image i {
    color: #fff;
    padding: 5px 0 0 10px;
    opacity: .3;
    transition: all ease 0.4s;
}

.upload_image:hover {
    background: rgba(0, 0, 0, .5);
}

    .upload_image:hover i {
        opacity: 1;
    }

select.form-control:focus {
    outline: 0 !important;
}

.padding-top-0 {
    padding-top: 0 !important;
}

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

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

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

.classRed {
    background: #fbe2ca !important;
    border: 1px solid #f2c79d !important;
}

.classGreen {
    background: #1ABB9C !important;
    border: 1px solid #1ABB9C !important;
}

.fhir-classGreen {
    background: #50c878 !important;
    border: 1px solid #d4d4d4 !important;
    color: #fff;
}

.table .fhir-classGreen:empty {
    background: transparent !important;
}

.classHigh {
    color: #000 !important;
    border-bottom: 1px solid #fd7c00;
    border-top: 0 !important;
}

    .classHigh label {
        padding: 0 !important;
    }

    .classHigh u {
        text-decoration: none !important;
    }

.dropdown .dropdown-item {
    white-space: inherit !important;
}

.vertical_scroll {
    max-height: 500px;
    overflow-y: auto;
}

.vertical_scroll_460 {
    max-height: 460px;
    overflow-y: auto;
}

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

.vertical_scroll_on_fax {
    overflow-y: auto;
    max-height: 400px
}

.vertical_scroll_on_letter {
    overflow-y: auto;
    max-height: 290px
}

.vertical_scroll_535 {
    max-height: 535px;
    overflow-y: auto;
}
.vertical_scroll_300 {
    max-height: 300px;
    overflow-y: auto;
}
.width_340 {
    width: 340px !important;
}

.width_460 {
    width: 460px !important;
}

    .width_460 + span {
        width: 460px !important;
    }

.position-absolute {
    position: absolute;
}
/* New Button Css Start */
.btn {
    padding: 7px 9px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.30);
    margin: 0;
    border-radius: 20px;
    border: 0;
    font-size: 14px;
}

#confirmNormalButton i {
    font-size: 16px;
}

.btn:hover{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.65);
    opacity: .80;
}

.btn:focus {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.9);
}

.btn:last-child {
    margin-right: 0;
}

.btn-primary {
    color: #fff;
    background-image: linear-gradient(40deg,#3ab6e4,#3f4dab) !important;
}

.btn-cancel {
    color: #fff;
    background-image: linear-gradient(40deg,#e03082,#bf1010) !important;
    border-color: #ff3547 !important;
}

.btn-upload {
    color: #fff;
    background-image: linear-gradient(40deg,#81b95f,#387f0d) !important;
}

#btnSave[disabled="disabled"], #btnSave[disabled],
#btnVerification[disabled="disabled"], #btnVerification[disabled],
#confirmButton[disabled="disabled"], #confirmButton[disabled],
#confirmNormalButton[disabled="disabled"], #confirmNormalButton[disabled],
#confirmAdvanceButton[disabled="disabled"], #confirmAdvanceButton[disabled],
#btnSubmit[disabled="disabled"], #btnSubmit[disabled],
#btnSaveSubmit[disabled="disabled"], #btnSaveSubmit[disabled],
#SourceImportDocumentUpload[disabled="disabled"], #SourceImportDocumentUpload[disabled],
#btnAdminPrvCred[disabled="disabled"], #btnAdminPrvCred[disabled],
#btnSaveMom[disabled="disabled"], #btnSaveMom[disabled],
#AttachContractConfirmed[disabled="disabled"], #AttachContractConfirmed[disabled],
#btnInCompVerif[disabled="disabled"], #btnInCompVerif[disabled],
#btnSendToCom[disabled="disabled"], #btnSendToCom[disabled],
#btnAmendPrvCred[disabled="disabled"], #btnAmendPrvCred[disabled],
#btnEdit[disabled="disabled"], #btnEdit[disabled],
#btnPrvCred[disabled="disabled"], #btnPrvCred[disabled],
#btnChangeStatus[disabled="disabled"], #btnChangeStatus[disabled],
#btnSaveSubmit[disabled="disabled"], #btnSaveSubmit[disabled],
#manualRvwActionConfirmed[disabled="disabled"], #manualRvwActionConfirmed[disabled],
#thirdPartyActionConfirmed[disabled="disabled"], #thirdPartyActionConfirmed[disabled],
#addOnProviderPracticeListModal input[name="AddOnProviderPracticeListSubmitConfirmed"][disabled="disabled"],
#addOnProviderPracticeListModal input[name="AddOnProviderPracticeListSubmitConfirmed"][disabled],
#btnRecruitment[disabled="disabled"], #btnRecruitment[disabled],
#prvSubmitActionConfirmed[disabled="disabled"], #prvSubmitActionConfirmed[disabled],
#btnSubmitForVerif[disabled="disabled"], #btnSubmitForVerif[disabled],
#btnSaveSubmit[disabled="disabled"], #btnSaveSubmit[disabled],
#addOnSubNetWorkContractLineList input[name="AddOnSubNetWorkContractLineListSubmitConfirmed"][disabled="disabled"],
#addOnSubNetWorkContractLineList input[name="AddOnSubNetWorkContractLineListSubmitConfirmed"][disabled] {
    opacity: .4;
    cursor: not-allowed;
}

    #btnSave[disabled="disabled"] i, #btnSave[disabled] i,
    #btnPrvCred[disabled="disabled"] i, #btnPrvCred[disabled] i,
    #btnAmendPrvCred[disabled="disabled"] i, #btnAmendPrvCred[disabled] i,
    #btnSaveSubmit[disabled="disabled"] i, #btnSaveSubmit[disabled] i,
    #btnChangeStatus[disabled="disabled"] i, #btnChangeStatus[disabled] i,
    #manualRvwActionConfirmed[disabled="disabled"] i, #manualRvwActionConfirmed[disabled] i,
    #thirdPartyActionConfirmed[disabled="disabled"] i, #thirdPartyActionConfirmed[disabled] i,
    #btnRecruitment[disabled="disabled"] i, #btnRecruitment[disabled] i,
    #prvSubmitActionConfirmed[disabled="disabled"] i, #prvSubmitActionConfirmed[disabled] i,
    #btnSubmitForVerif[disabled="disabled"] i, #btnSubmitForVerif[disabled] i,
    #btnEdit[disabled="disabled"] i, #btnEdit[disabled] i,
    #btnVerification[disabled="disabled"] i, #btnVerification[disabled] i {
        display: none !important;
    }


/* New Button Css End */

.table_button {
    border: 1px solid #f2c79d;
    border-radius: 3px;
    padding: 4px;
    background: #fbe2ca;
    color: #363636;
    margin-left: 1px;
}

    .table_button:hover {
        color: #363636;
    }

.table_button_green {
    background: #69bc37;
    color: #fff;
    border: 1px solid #69bc37;
}

    .table_button_green:hover {
        color: #fff;
    }

.textarea-form-control {
    color: #363636;
    padding: 6px 8px;
    background-color: #fff;
    border: 1px solid #d4d4d4;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: initial;
    -o-transition: initial;
    transition: initial;
    transition: all ease 0.5s;
    font-size: 14px;
    border-radius: 3px;
    width: 100%;
}

    .textarea-form-control:focus {
        border-color: #1468c4;
        box-shadow: 0 0 10px #267cdb !important;
        outline: 0;
        color: #495057;
        background-color: #fff;
    }

.required-field, .required-field-new {
    background: #fff1da;
    border-color: #ff8921;
}
    /*
.target{
    position: relative;
}
.target:before {
    position: absolute;
    content: "*";
    top: 0;
    left: 0;
    color: red;
}
*/
    .required-field + span .select2-selection.select2-selection--single {
        background: #fff1da;
        border-color: #ff8921 !important;
    }
    /*.control-label-int .select2-container--below .select2-selection.select2-selection--single, .control-label-int .select2-container--above .select2-selection.select2-selection--single {
background: #eee !important;
border-color: #d4d4d4 !important;
}
.required-field.valid, .valid {
    border: 1px solid #d4d4d4;
    background: #eee !important;
}*/
    .required-field.valid:-webkit-autofill, .valid:-webkit-autofill, .required-field.valid:-webkit-autofill:focus, .valid:-webkit-autofill:focus {
        border: 1px solid #d4d4d4;
        -webkit-box-shadow: inset 0 0 0px 9999px #eee;
    }

.page_dropdown .required-field {
    background: transparent !important;
}

.text-danger {
    color: #ff7700;
}

.validation-summary-errors, .validation-summary-valid {
    display: none;
}

#navbar {
    margin-bottom: 10px;
}

.word_wrap {
    word-wrap: break-word;
}

.logout_partial {
    padding-top: 5px !important;
    padding-bottom: 1px !important;
}

    .logout_partial .btn-link:hover {
        color: #fff;
    }

.select_addNew {
    padding: 6px;
    height: 20px;
    display: inline-table;
}

::placeholder {
    color: #a9a9a9 !important;
    opacity: 1; /* Firefox */
    font-weight: normal !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a9a9a9 !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #a9a9a9 !important;
}

.demo-overlay {
    position: fixed;
    top: 0;
    top: 0;
    top: 0;
    top: 0;
    background: rgba(0, 0, 0, 0);
    width: 100vw;
    height: 100vh;
    z-index: -1;
    transition: all ease 0.5s;
}

.open-demo.demo-overlay {
    z-index: 1;
    background: rgba(0, 0, 0, .5);
}
/*.demo {
    position: absolute;
    top: 0;
    width: 400px;
    height: 100vh;
    background: #ccc;
    right: -400px;
    transition: all ease 0.5s;
    padding: 20px;
    z-index: 2;
}*/
.demo {
    position: fixed;
    bottom: 0;
    width: calc(100vw - 247px);
    height: 500px;
    background: #f4f4f4;
    bottom: -500px;
    transition: all ease 0.5s;
    padding: 20px;
    z-index: 2;
}

.open-demo.demo {
    bottom: 0;
}

.tableFloatingHeaderOriginal th {
    background-color: transparent;
    border-bottom: 1px solid #DDD;
}

table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
    background-color: #fff !important;
}

.st {
    position: fixed;
    width: 240px;
    top: 0;
    z-index: 1000;
    border-top: 0;
}

thead[style*="position: fixed;"] th {
    background: #e8e8e8;
}

.editor_toolbar {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-info {
    background-color: #fd7c00 !important;
    border-color: #fd7c00 !important;
}

.upload_button {
    margin-left: 0 !important;
}

.file-caption-main .btn {
    padding: 5px 12px !important;
}

.addon_label {
    font-weight: 600;
    color: #222;
    display: block;
    white-space: nowrap;
    padding-top: 0;
    padding-bottom: 3px;
    font-size: 12px;
}

.addon_even tr:nth-child(even) {
    background: #f6f6f6;
}

.addon_even .select2-selection--multiple {
    width: 150px;
}

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

.additional_table .datepicker-control {
    width: 90px !important;
}

.additional_table .input-append.date {
    white-space: nowrap !important;
}

.additional_table .select2-container {
    width: 110px !important;
}

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

.padding_lt_10 {
    padding-left: 10px;
}

.two_col .col-md-2 {
    max-width: 55px;
    padding-left: 0;
    padding-right: 0;
}

.two_col .col-md-10 {
    max-width: calc(100% - 55px);
    padding-left: 4px;
    padding-right: 0;
}

.three_col .col-md-8 {
    max-width: calc(100% - 130px);
    padding-left: 4px;
    padding-right: 4px;
}

.three_col .col-md-2 {
    max-width: 65px;
    padding-left: 0;
    padding-right: 0;
}

.two_col_revs .col-md-10 {
    padding-left: 0;
    max-width: calc(100% - 55px);
    padding-right: 4px;
}

.two_col_revs .col-md-2 {
    max-width: 55px;
    padding-left: 0;
    padding-right: 0;
}

.width_20 {
    width: 20px;
}

#DivColumnMap {
    background: #f6f6f6;
    margin: 0;
    border-radius: 4px;
}

#DivMerge a, #DivSplit a, #DivStrRemove a {
    color: #fff;
}

    #DivMerge a:hover, #DivSplit a:hover, #DivStrRemove a:hover {
        color: #fff;
        text-decoration: none;
    }

#frmProviderSetPrimLocEffTermHistory .datepicker-control {
    width: calc(100% - 42px) !important;
}

.timepicker-picker .table-condensed .btn {
    padding: 0;
    box-shadow: none;
    margin: 0;
    border-radius: 0;
    border: 0;
    min-width: 100%;
}

.margin-top-10 {
    margin-top: 10px !important;
}
/* Dashboard Css */
.first_col {
    border: 0;
    padding-bottom: 0;
    border-radius: 4px;
    box-shadow: 0 0 10px #b5b5b5;
}

    .first_col H3 {
        padding: 0 0 25px 0;
        color: #fff;
        margin: 0;
        font-size: 20px;
    }

    .first_col p {
        margin: 0;
        padding: 10px;
        text-align: center;
        color: #fff;
    }

.first_col_blue {
    background: #439bff !important;
}

.first_col_pink {
    background: #eaa23b !important;
}

.first_col_green {
    background: #28c5a7 !important;
}

.first_col_text {
    width: 60%;
    float: left;
    padding: 18px 15px;
}

.from_date {
    color: #fff;
    font-size: 11px;
}

.from_date_date {
    color: #fff;
}

.first_col_text .pull-right, .first_col_text .pull-left {
    font-size: 12px;
}

.tile-stats .first_col_number {
    float: right;
    color: #fff;
    margin: 9px 10px 0 0;
    text-align: center;
    padding-top: 27px;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    font-size: 26px;
    font-weight: normal;
}

.first_col_blue .count {
    background: #307cd2;
}

.first_col_pink .count {
    background: #c17f21;
}

.first_col_green .count {
    background: #199e85;
}

.new_dash h4 {
    font-size: 20px;
    color: #333;
    margin: 30px 0 15px 0;
}

.new_dash_coll {
    background: #fff;
    box-shadow: 0 0 10px #b5b5b5;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    border: 1px solid #196bba;
}

    .new_dash_coll:after {
        position: absolute;
        content: " ";
        top: -2px;
        right: -22px;
        border-top: 20px solid #196bba;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-bottom: 20px solid transparent;
    }

.new_dash_text {
    font-size: 18px;
    text-align: center;
    padding: 0 0 20px;
    color: #333;
    height: 32px;
}

.new_dash_number {
    text-align: center;
    font-size: 24px;
    position: relative;
    display: table;
    margin: 10px auto 6px;
    width: 48px;
    height: 48px;
    line-height: initial;
    background: #fd7c00;
    padding: 0;
    border-radius: 50%;
    color: #fff;
    padding-top: 9px;
}

.new_dash_date {
    text-align: center;
    font-size: 24px;
    position: relative;
    display: table;
    margin: 10px auto 6px;
    width: 48px;
    height: 48px;
    line-height: initial;
    background: #fd7c00;
    padding: 0;
    border-radius: 50%;
    color: #fff;
    padding-top: 9px;
}

.control-label-int input[type=checkbox] {
    margin-top: 10px;
}

.provider_img, .provider_text {
    float: left;
}

.provider_text {
    width: 415px;
    margin-left: 20px;
}

    .provider_text h3 {
        color: #0c0c0c;
        font-size: 20px;
        margin: 2px 0 8px 0;
    }

.provider_npi {
    float: right;
    background: #f4f4f4;
    text-align: center;
    width: 160px;
    margin-top: 10px;
}

    .provider_npi h3 {
        color: #0c0c0c;
        font-size: 20px;
    }

    .provider_npi p {
        font-size: 16px;
    }

.form-horizontal.formborder.provider_tab:before {
    z-index: 2;
}

.form-horizontal.formborder.provider_tab:after {
    z-index: 2;
}

.provider_tab {
    padding: 0 !important;
}

    .provider_tab ul.bar_tabs {
        background: #f4f4f4;
        border-bottom: 0;
        height: auto;
        margin: 0;
        padding-left: 0;
    }

        .provider_tab ul.bar_tabs > li {
            border: 0;
            color: #363636 !important;
            margin-top: 0;
            margin-left: 0;
            background: #f4f4f4;
            border-bottom: none;
            border-radius: 4px 4px 0 0;
            font-weight: normal !important;
            margin-bottom: 0;
        }

    .provider_tab .nav-tabs > li.active > a, .provider_tab .nav-tabs > li.active > a:focus, .provider_tab .nav-tabs > li.active > a:hover {
        color: #363636;
        cursor: default;
        background-color: #fff;
        border: 0;
        border-bottom-color: transparent;
    }

    .provider_tab ul.bar_tabs > li a {
        padding: 20px 25px;
        font-size: 18px;
        font-weight: 500;
        border: 0 !important;
    }

.provider_counter {
    width: 38px;
    height: 38px;
    background: #fd7c00;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    margin-right: 10px;
}

.provider_tab #tab_content1, .provider_tab #tab_content2, .provider_tab #tab_content3 {
    padding: 15px;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
    width: auto !important;
    height: auto !important;
}

.modal-footer .btn {
    margin-bottom: 0 !important;
    margin-left: 0 !important;
}

.add_icon {
    position: relative;
}

    .add_icon input {
        padding-right: 30px;
    }

    .add_icon i {
        cursor: pointer;
        position: absolute;
        top: 9px;
        right: 8px;
    }

.bootstrap-tagsinput {
    width: 460px;
    position: absolute;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1 !important;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: rgba(255,255,255,.5) !important;
    filter: "alpha(opacity=50) !important";
    -ms-filter: "alpha(opacity=50) !important";
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 2px !important;
}

.dt-body-left i {
    background: #d9534f;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    padding-top: 4px;
    font-size: 11px;
    position: relative;
    top: -2px;
    cursor: pointer;
}

.demo-tp-inner {
    overflow: auto;
    height: 500px;
}

.control-label-int .control-label-1 {
    width: 100%;
}

.third-party-table .tableFloatingHeaderOriginal tr:first-child {
    background: #e8e8e8;
}

.counter_popup .new_dash_number {
    font-size: 18px;
    margin: 3px auto 6px;
    width: 36px;
    height: 36px;
    padding-top: 8px;
}

.counter_popup .new_dash_date {
    font-size: 16px;
    margin: 3px auto 6px;
    width: 36px;
    height: 40px;
    padding: 10px;
    padding-top: 11px;
}

.counter_popup .new_dash_coll {
    background: transparent;
    box-shadow: none;
    border: 1px solid #d4d4d4;
}

    .counter_popup .new_dash_coll:after {
        border-top: 20px solid transparent;
    }

.counter_popup .new_dash_text {
    font-size: 16px;
    padding: 0;
    height: auto;
}

.popup_save {
    position: absolute;
    top: 4px;
    right: -5px;
}

    .popup_save button {
        min-width: 0;
        border-radius: 15px;
        padding: 4px 15px;
    }

#nprogress {
    display: none !important;
}

.panel-title {
    font-size: 14px !important;
    font-weight: 600 !important;
    position: relative;
}

    .panel-title i {
        position: absolute;
        right: 0;
    }
/*.myDiv {
    display: block;
    padding: 20px 10px;
    border-radius: 4px;
    border: 1px solid rgb(212, 212, 212);
}*/
[aria-expanded="true"] .fa-plus:before {
    content: "\f068";
}

span[data-toggle="tooltip"] {
    display: inline-block;
    cursor: pointer;
}

    span[data-toggle="tooltip"] a {
        display: inline-block;
    }

.my-read-only-class {
    cursor: not-allowed;
}

.two_col_icon div {
    width: calc(100% - 32px) !important;
    float: left;
}

.two_col_icon a {
    margin: -3px 0 0 0;
    display: inline-block;
}

.tab_inner {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 10px;
    margin-top: 20px;
    background: #f4f4f4;
}

#MappingDiv .tab_inner {
    margin-top: 0;
}

.width_120 {
    width: 120px;
}

.if_condition {
    width: 30px;
    background: #ccc;
    text-align: center;
    height: 34px;
    padding: 9px 0 0 0px;
    border-radius: 4px;
    margin-left: 10px;
}

.ifcondition {
    width: 20px;
    background: #ccc;
    text-align: center;
    height: 34px;
    padding: 9px 0 0 0px;
    border-radius: 4px;
}

.ifcondition_wd_100 {
    width: 100% !important;
}

.then_condition {
    width: 50px;
    background: #ccc;
    text-align: center;
    height: 34px;
    padding: 9px 0 0 0px;
    border-radius: 4px;
    margin-left: 10px;
}

.Operator_condition .form-control {
    background-color: #ccc;
}

.add_rule {
    background: #f4f4f4;
    padding: 15px 5px 5px;
    margin: 1px;
    border: 1px solid #cecece;
}

.display_on_off {
    display: none !important;
}

#FaxTemplateStaticDocumentDataTable_filter label {
    padding: 0;
}

.control-label-int .required-field + .select2-container--default.select2-container--focus .select2-selection--single, .control-label-int .required-field + .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #1468c4 !important;
    box-shadow: 0 0 10px #267cdb !important;
    border-radius: 3px !important;
    transition: all ease 0.5s;
}

.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #1468c4 !important;
    box-shadow: 0 0 10px #267cdb !important;
    border-radius: 3px !important;
    transition: all ease 0.5s;
}

.select2-container--open .select2-selection--single, .select2-container--open .select2-selection--multiple {
    border: 1px solid #1468c4 !important;
    box-shadow: 0 0 10px #267cdb !important;
    border-radius: 3px !important;
    transition: all ease 0.5s;
}

.control-label-int .required-field + .select2-container--open .select2-selection--single, .control-label-int .required-field + .select2-container--open .select2-selection--multiple {
    border: 1px solid #1468c4 !important;
    box-shadow: 0 0 10px #267cdb !important;
    border-radius: 3px !important;
    transition: all ease 0.5s;
}

li[aria-expanded="true"] {
    border-bottom: 0 solid #d4d4d4 !important;
}

li[data-toggle="collapse"]:hover {
    background-color: #efefef !important;
}

    li[data-toggle="collapse"]:hover > a, li[data-toggle="collapse"]:hover > a i {
        color: #fff !important;
    }

    li[data-toggle="collapse"]:hover > a {
        background-color: #fd7c00;
    }

li[data-toggle="collapse"].active > a {
    background-color: #fd7c00;
    color: #fff !important;
}

li[data-toggle="collapse"].collapsed.active:hover > a {
    background-color: #fd7c00;
    color: #ffffff !important;
}

    li[data-toggle="collapse"].collapsed.active:hover > a > i > img {
        filter: brightness(255) !important;
    }

li[data-toggle="collapse"].collapsed.active > a {
    background-color: transparent;
    color: #363636 !important;
}

    li[data-toggle="collapse"].collapsed.active > a > i > img {
        filter: inherit !important;
    }

.nav-side-menu-grey .collapse li[aria-expanded="true"] > a {
    background-color: transparent;
    color: #363636 !important;
}

    .nav-side-menu-grey .collapse li[aria-expanded="true"] > a > i img {
        filter: inherit !important;
    }

.sub-menu > li:hover > a {
    color: #fff;
}

.inner_scroll {
    height: calc(100vh - 90px);
}

.nav-sm .inner_scroll {
    height: calc(100vh - 60px);
}

.nav-sm .navbar.nav_title {
    position: relative;
    z-index: 9;
}

.nav-sm .bottomt_section ul.nav:last-child.child_menu {
    top: auto;
    bottom: 0;
}

.dropdown .dropdown-menu .dropdown-divider {
    display: none;
}

.dropdown .dropdown-menu {
    margin-right: -1px;
    margin-top: 1rem;
    box-shadow: 0 0 10px #b5b5b5;
}

.action_button + div.dropdown-menu {
    top: 86% !important;
    left: auto !important;
    right: 0 !important;
}

#ReportFilterModal .report_filter_button + div.dropdown-menu {
    right: -21px !important;
    width: 300px !important;
}
.report-filter-two-column > div:first-child {
    padding-right: 5px !important;
}
.action_button.dropdown-toggle:after {
    display: none;
}

.dropdown .dropdown-menu:after {
    position: absolute;
    content: "";
    top: -19px;
    right: 15px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
}

.dropdown .dropdown-menu:before {
    position: absolute;
    content: "";
    top: -21px;
    right: 15px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,.15);
}




.dropleft.dropdown_new .dropdown-toggle:before {
    content: none;
}

.dropdown.dropdown_new .dropdown-menu:after {
    content: none;
}

.dropdown.dropdown_new .dropdown-menu:before {
    content: none;
}

.dropdown_new .dropdown-toggle {
    cursor: pointer;
}

    .dropdown_new .dropdown-toggle[aria-expanded="true"] i {
        background: #196bba !important;
    }

    .dropdown_new .dropdown-toggle::after {
        content: none;
    }

.dropdown_new .dropdown-menu.show {
    padding: 3px 6px;
}

.dropdown_new .dropdown-menu a {
    border-right: 0;
    color: #212529 !important;
    padding: 2px 5px;
    font-size: 13px;
    font-weight: normal;
    display: block;
    white-space: nowrap;
}

    .dropdown_new .dropdown-menu a:hover {
        color: #fff !important;
        background-color: #fd7c00;
        text-decoration: none;
    }

.dropdown_new .dropdown-toggle > i {
    background: #c17f21;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    padding-top: 0;
    cursor: pointer;
    display: inline-block;
}






.table_icon_popup {
    position: relative;
    display: table;
    margin: 0 auto;
}

    .table_icon_popup .dropdown-menu {
        left: auto !important;
        right: 18px !important;
        transform: inherit !important;
        top: -25px !important;
        box-shadow: 0 0 8px #757575;
    }

        .table_icon_popup .dropdown-menu a, .table_icon_popup .dropdown-menu span {
            display: block;
            color: #196bba !important;
            padding: 3px 5px 3px;
            border-right: 1px solid #d4d4d4;
            font-size: 12px;
        }

            .table_icon_popup .dropdown-menu a:last-child {
                border-right: 0;
            }

            .table_icon_popup .dropdown-menu a i, .table_icon_popup .dropdown-menu span i {
                display: none;
            }

            .table_icon_popup .dropdown-menu a:hover {
                color: #fff !important;
                background-color: #fd7c00;
                text-decoration: none;
            }

#viewContactListModal {
    padding-right: 0 !important;
}

.copy-right {
    background: #1c5287;
    color: #c9e3fd;
    padding: 8px 0;
    text-align: center;
}

.half_calm {
    display: block;
    width: 100%;
    float: left;
}

.modal-header {
    display: block;
}

    .modal-header .close {
        padding: 0;
        margin: 0;
    }

.action_button + div.dropdown-menu > input {
    cursor: pointer;
}

.table_icon_popup .dropdown-toggle::after {
    display: none;
}

input[type="checkbox"]:focus {
    outline: 1px solid #1468c4;
}

.height_55 {
    height: 55px !important;
}

    .height_55 .btn-xs {
        font-size: 12px;
    }

h6 {
    margin-top: 10px;
}

.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
    border-top: 0;
    padding-top: 6px;
}

p {
    margin-bottom: 0;
}

_:-ms-lang(x), .nav-md .menu_section {
    width: 230px;
}

_:-ms-lang(x), .nav-sm .menu_section {
    width: auto;
}

.page-mid-header:empty {
    display: none;
}

.anchor_ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 10px;
}

    .anchor_ul li {
        display: inline-block;
        margin-left: -4px;
    }

        .anchor_ul li a {
            padding: 8px 18px;
            background: #fff;
            color: #363636;
            font-size: 14px;
            display: block;
            font-weight: 600;
        }

            .anchor_ul li a:hover {
                text-decoration: none;
            }

            .anchor_ul li a.active {
                border-bottom: 2px solid #fd7c00;
            }

.file-caption:focus {
    box-shadow: 0 0 10px #267cdb !important;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
}

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

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-group .panel-heading {
    border-bottom: 0;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

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

.panel-default .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
}

    .panel-default .panel-heading h4 {
        margin-bottom: 0 !important;
    }

.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
    color: inherit;
}

.panel-body {
    padding: 15px;
}

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

.form-horizontal.formborder .bulk-update-head {
    margin: 0 0 5px 0 !important;
}

.all_record {
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 10px;
    color: #525252;
}

    .all_record strong {
        color: #000;
    }

.add-on {
    margin-left: -1px;
    display: inline-block;
    border-radius: 0;
    width: auto;
    height: 32px;
    min-width: 16px;
    padding: 5px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc;
    white-space: nowrap;
}

.input-group-addon {
    border-left: 1px solid #d4d4d4 !important;
    margin-left: 4px;
}

.half_calm .input-group-addon {
    border-left: 1px solid #d4d4d4 !important;
    margin: 0;
}

.datepicker-control {
    display: inline-block;
}

.table .bootstrap-datetimepicker-widget table td, .table .bootstrap-datetimepicker-widget table th {
    padding: 0 !important;
    border: 0 !important;
    background-color: #fff !important;
}

.table .control-label-int .bootstrap-datetimepicker-widget table td.active, .table .control-label-int .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7 !important;
}
/* For Table header fix */
.table-header-fix, .table-header-fix-popup, .table-header-fix-second, .table-header-fix-third {
    max-height: calc(100vh - 360px);
    overflow: auto;
}
.table-header-540 {
    max-height: calc(100vh - 540px);
}
.table-header-530 {
    max-height: calc(100vh - 530px);
}
.table-header-330 {
    max-height: calc(100vh - 330px);
}

.table-header-335 {
    max-height: calc(100vh - 335px);
}

.table-header-320 {
    max-height: calc(100vh - 320px);
}

.table-header-316 {
    max-height: calc(100vh - 275px);
}

.table-header-285 {
    max-height: calc(100vh - 285px);
}

.table-header-280 {
    max-height: calc(100vh - 280px);
}

.table-header-275 {
    max-height: calc(100vh - 275px);
}

.table-header-260 {
    max-height: calc(100vh - 260px);
}

.table-header-245 {
    max-height: calc(100vh - 245px);
}

.table-header-215 {
    max-height: calc(100vh - 215px);
}

.table-header-200 {
    max-height: calc(100vh - 200px);
}

.table-header-180 {
    max-height: calc(100vh - 180px);
}

.table-header-165 {
    max-height: calc(100vh - 165px);
}

.table-header-130 {
    max-height: calc(100vh - 130px);
}

.table-header-fix thead th, .table-header-fix-popup thead th, .table-header-fix-second thead th, .table-header-fix-third thead th {
    background-color: #f4f4f4;
}

.table-header-fix thead th, .table-header-fix-popup thead th, .table-header-fix-second thead th, .table-header-fix-third thead th {
    padding: 0 !important;
}

    .table-header-fix thead th div, .table-header-fix-popup thead th div, .table-header-fix-second thead th div, .table-header-fix-third thead th div {
        border-left: 1px solid #d4d4d4;
        margin-left: -1px;
        border-bottom: 2px solid #d4d4d4;
        margin-bottom: -2px;
        padding: 5px;
    }

.table-header-fix .table_icon i, .table-header-fix-popup .table_icon i, .table-header-fix-second .table_icon i, .table-header-fix-third .table_icon i {
    z-index: auto !important;
}

.table-header-fix .table_icon a i, .table-header-fix-popup .table_icon a i, .table-header-fix-second .table_icon a i, .table-header-fix-third .table_icon a i {
    position: inherit;
    transform: inherit;
}

.paginationControl .form-group {
    margin-bottom: 0;
}

.popup_footer_link {
    background: transparent;
    border: 0;
    color: #196bba;
    cursor: pointer;
    margin: 6px 0 0 0;
    font-size: 13px;
}

    .popup_footer_link:hover {
        text-decoration: underline;
        color: #5da2e5;
    }

.remove_clear .datepicker-control {
    width: calc(100% - 30px) !important;
}
.table-header-fix-340 {
    max-height: calc(100vh - 340px);
}
.table-header-fix-350 {
    max-height: calc(100vh - 350px);
}

.table-header-fix-355 {
    max-height: calc(100vh - 355px);
}
.table-header-fix-360 {
    max-height: calc(100vh - 360px);
}

.table-header-fix-375 {
    max-height: calc(100vh - 375px);
}

.table-header-fix-370 {
    max-height: calc(100vh - 370px);
}

.table-header-fix-390 {
    max-height: calc(100vh - 390px);
}

.table-header-fix-400 {
    max-height: calc(100vh - 400px);
}
.table-header-fix-410 {
    max-height: calc(100vh - 410px);
}
.table-header-fix-425 {
    max-height: calc(100vh - 425px);
}

.table-header-fix-440 {
    max-height: calc(100vh - 440px);
}

.table-header-fix-445 {
    max-height: calc(100vh - 445px);
}

.table-header-fix-455 {
    max-height: calc(100vh - 455px);
}

.table-header-fix-490 {
    max-height: calc(100vh - 490px);
}

.last-th {
    position: relative;
    z-index: 1;
}

.table_icon_popup .dropdown-menu.show {
    display: flex;
    padding: 3px 6px;
}

.table_icon_popup .dropdown-menu:before {
    position: absolute;
    content: "";
    top: 8px;
    right: -18px;
    border-top: 8px solid transparent;
    border-left: 8px solid rgba(0,0,0,.15);
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.table_icon_popup .dropdown-menu:after {
    position: absolute;
    content: "";
    top: 8px;
    right: -16px;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-right: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.white-space-normal {
    white-space: normal;
}

h6.white-space-normal {
    margin-top: 4px;
}

#addOnSubNetWorkContractLineListModal .table-responsive table, #addOnSubNetWorkContractLineViewPartial .table-responsive table {
    table-layout: fixed;
}

    #addOnSubNetWorkContractLineListModal .table-responsive table thead th:nth-child(2), #addOnSubNetWorkContractLineViewPartial .table-responsive table thead th:nth-child(2) {
        width: 40px;
    }

#addOnSubNetWorkContractLineListModal .addon_even .select2-selection--multiple, #addOnSubNetWorkContractLineViewPartial .addon_even .select2-selection--multiple {
    width: 100%;
}

.custom_logo {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    padding: 0;
    height: 95px;
    width: 250px;
    background: #f7f7f7;
    position: relative;
    overflow: hidden;
    text-align: center;
    transform: translateX(12%)
}

    .custom_logo img {
        max-width: 100%;
        max-height: 100%;
        z-index: 9;
        position: relative;
    }

.padding_tp_bt {
    padding-bottom: 50px;
    padding-top: 50px;
}

.three_counter_col .col-sm-2 {
    flex: 0 0 20%;
    max-width: 20%;
    padding-right: 5px;
    padding-left: 5px;
}

    .three_counter_col .col-sm-2:first-child {
        padding-left: 10px;
    }

    .three_counter_col .col-sm-2:last-child {
        padding-right: 10px;
    }

.counter_popup.three_counter_col .new_dash_text {
    font-size: 14px;
}

.counter_popup.three_counter_col .new_dash_number {
    width: 50px;
    height: 50px;
    padding-top: 15px;
}
.six_counter_col .col-sm-2 {
    flex: 0 0 16.66%;
    max-width: 16.66%;
}

.seven_counter_col .col-sm-2 {
    flex: 0 0 14.28%;
    max-width: 14.28%;
    padding-right: 2px;
    padding-left: 2px;
}

.seven_counter_col .new_dash_coll {
    border: 1px solid #d4d4d4;
    background: #f4f4f4;
    margin-bottom: 10px;
    padding: 3px;
}

.seven_counter_col .counter_popup {
    background: #ffffff;
    padding: 5px 0;
    border-radius: 4px;
    border-top: 1px solid #fd7c00;
    font-size: 13px;
    color: #333;
    margin: 2px;
}

.counter_popup.seven_counter_col .new_dash_text {
    font-size: 10.5px;
    padding-top: 9px;
    padding-bottom: 5px;
    letter-spacing: .5px;
    font-weight: 600;
}

.seven_counter_col.last-child-padding .col-sm-2 {
    flex: 0 0 14.28%;
    max-width: 14.28%
}
.five_counter_col.last-child-padding .col-sm-2 {
    flex: 0 0 25%;
    max-width: 25%
}

.separator-custom {
    height: 1px;
    background: #b3b3b3;
    margin-bottom: 10px;
}
.captcha_div div {
    display: inline-block;
}

.refreshRecaptcha {
    border: #ccc 1px solid;
    border-radius: 2px;
    margin-right: 12px;
}

.table_icon_new {
    white-space: nowrap;
    padding: 5px !important;
    transition: all ease 0.4s;
}

    .table_icon_new i {
        background: #196bba;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        padding-top: 0;
        position: relative;
        cursor: pointer;
        display: block;
    }

        .table_icon_new i img {
            margin-top: -1px;
        }

    .table_icon_new a i {
        position: relative;
        z-index: 1;
        transform: perspective(1px) translateZ(0);
        transition-duration: 0.3s;
        transition-property: transform;
    }

.table-header-fix .table_icon_new i, .table-header-fix-popup .table_icon_new i, .table-header-fix-second .table_icon_new i {
    z-index: auto !important;
}

.table-header-fix .table_icon_new a i, .table-header-fix-popup .table_icon_new a i, .table-header-fix-second .table_icon_new a i {
    position: inherit;
    transform: inherit;
}

.orange_color i {
    background: #f17e10;
}

.brown_color i {
    background: #c17f21;
}

.green_color i {
    background: #69bc37;
}

.red_color i {
    background: #d9534f;
}

.gray_color i {
    background: #bbb;
    cursor: default;
}

.gray_color {
    cursor: default !important;
    display: inline-block !important;
}

.unauthorized {
    box-shadow: 0 0 24px #a7a7a7;
    padding: 20px;
    background: #fff;
    display: table;
    margin: 150px auto 0;
    width: 440px;
    border-radius: 6px;
    border: 1px solid #9e9e9e;
}

.unauthorized_icon {
    float: left;
    background: #e8e8e8;
    border-radius: 6px;
    padding: 8px;
}

.unauthorized_text {
    float: left;
    width: calc(100% - 65px);
    padding-left: 15px;
}

    .unauthorized_text h1 {
        color: #fd5f00;
        font-size: 30px;
        line-height: 29px;
        margin-bottom: 0;
        margin-top: 0;
    }

    .unauthorized_text p {
        color: #525252;
        font-size: 16px;
        line-height: 34px;
    }

.tooltip {
    pointer-events: none;
}

.panel-title i {
    z-index: 1;
}

.panel-icon {
    position: absolute;
    right: 16px;
    top: -2px;
    z-index: 2;
}

    .panel-icon a {
        cursor: pointer;
        font-size: 14px;
    }

.custom_left_icon {
    margin-right: 9px;
    vertical-align: text-bottom;
}

.nav-sm .custom_left_icon {
    display: block;
}

.cke_autocomplete_panel {
    height: 120px;
}

.width_250 {
    width: 250px;
}

.table_icon_new .table_icon_popup .task_span {
    color: #fd7c00 !important;
    display: inline !important;
    margin: 0 !important;
    padding: 0 !important;
    border-right: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.table_icon_new .table_icon_popup .dropdown-menu a:hover .task_span {
    color: #fff !important;
}

.tfoot_table thead {
    display: block;
    margin-right: 17px;
}

_:-ms-fullscreen, :root .tfoot_table thead {
    margin-right: 0px;
}

.tfoot_table thead tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .tfoot_table thead tr th:first-child {
        width: 32%;
    }

    .tfoot_table thead tr th {
        border-bottom: 1px solid #d4d4d4 !important;
    }

.tfoot_table tbody {
    display: block;
    max-height: 344px;
    overflow-y: scroll;
    width: 100%;
}

    .tfoot_table tbody tr {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

        .tfoot_table tbody tr td:first-child {
            width: 32%;
        }

.tfoot_table tfoot {
    display: block;
    margin-right: 17px;
}

@supports (-ms-ime-align:auto) {
    .tfoot_table thead {
        margin-right: 0;
    }

    .tfoot_table tfoot {
        display: block;
        margin-right: 0;
    }
}

_:-ms-fullscreen, :root .tfoot_table tfoot {
    margin-right: 0px;
}

.tfoot_table tfoot tr {
    display: table;
    table-layout: fixed;
    width: 100%;
}

    .tfoot_table tfoot tr th:first-child {
        width: 32%;
    }

.comment_span {
    display: block;
    text-overflow: ellipsis;
    max-width: 160px;
    overflow: hidden;
    white-space: nowrap;
    color: #196bba;
    cursor: pointer;
}

.comment_span_text {
    background: none;
    border: 0;
    word-break: break-word;
}

.comment_span_div {
    padding: 20px;
    line-height: 20px;
}

.counter_popup.font-14-head .new_dash_text {
    font-size: 14px;
}

.nav-sm .master_submenu_div ul {
    position: relative !important;
    left: auto !important;
    width: 100% !important;
}

.nav-sm .master_submenu_div {
    position: absolute;
    left: 100%;
    overflow-y: auto;
    height: 350px;
    width: 240px;
    top: auto;
    z-index: 40000;
    bottom: 0;
    display: none;
}

.nav-sm .config_submenu_div {
    height: 282px;
}

.nav-sm .active .master_submenu_div {
    display: block;
}

.nav-sm .master_submenu_div #mCSB_1_container {
    margin-right: 0px !important;
}

.nav-sm .master_submenu_div .mCSB_scrollTools {
    z-index: 9991;
}

.kv-fileinput-caption:focus {
    border-color: #1468c4;
    box-shadow: 0 0 10px #267cdb !important;
}

.z-index-3 {
    position: relative;
    z-index: 3;
}

.file-caption-main {
    overflow: inherit;
}

.popup_footer_link:focus {
    text-decoration: underline;
}

.new_dash_coll a {
    cursor: pointer;
}

    .new_dash_coll a:hover {
        text-decoration: none;
    }

.first_col_blue_new {
    height: 78px;
}

    .first_col_blue_new .first_col_text {
        width: 80%;
        padding: 12px;
    }

    .first_col_blue_new a {
        cursor: pointer;
        display: flex;
        overflow: hidden;
        width: 100%;
        align-items: center;
    }

    .first_col_blue_new H3 {
        padding: 0;
        font-weight: 400;
        font-size: 20px;
    }

    .first_col_blue_new .first_col_number {
        margin: 9px 10px 0 0;
        padding-top: 11px;
        width: 60px;
        height: 60px;
        font-size: 22px;
    }

.cursor-default {
    cursor: default !important;
}

.modal_addon {
    overflow: hidden !important;
}

.static_note {
    overflow: hidden;
}

    .static_note > div {
        float: left;
    }

        .static_note > div:first-child {
            width: 40px;
            font-weight: 600;
            color: #363636;
        }

        .static_note > div:last-child {
            width: calc(100% - 40px);
        }

            .static_note > div:last-child ol {
                margin: 0;
                padding: 0 0 8px 18px;
            }

                .static_note > div:last-child ol span {
                    font-weight: 600;
                    color: #363636;
                }

                    .static_note > div:last-child ol span:last-child {
                        font-weight: normal;
                        color: inherit;
                        display: block;
                    }

#btnNormalSearch, #btnAdvanceSearch {
    display: inline-block;
}

.background-color-none ul.bar_tabs > li {
    background: none;
}

    .background-color-none ul.bar_tabs > li a.active {
        background: #fff;
    }

.span-display-block span {
    display: block;
}

.margin-lt {
    margin-left: 2px;
}

.details-tr.hide {
    background-color: #fff;
}

.details-tr, .details-tr .inner_table tbody tr, .details-tr .inner_table thead tr {
    background-color: transparent !important;
}

.BOBManageButtonUl {
    margin: 0;
    padding: 0;
}

    .BOBManageButtonUl div {
        cursor: pointer;
        padding: 7px 0 7px 7px;
    }

    .BOBManageButtonUl li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

.BOBModify {
    margin: 0;
    padding: 0;
    background: #efefef;
}

    .BOBModify li a {
        padding-left: 20px !important;
    }

.BOBManageButton i {
    padding-left: 16px;
    font-size: 11px;
}

.BOBManageButton {
    transition: all .25s ease-in;
}

    .BOBManageButton:hover {
        color: #fff;
        background: #fd7c00;
    }

    .BOBManageButton .fa-angle-right:before {
        content: "\f078";
    }

.arrow_move .fa-angle-right {
    transition: all .25s ease-in;
}

    .arrow_move .fa-angle-right:before {
        content: "\f077";
    }

#divChkMessages, #divMessages {
    display: none !important;
}

.or:before {
    width: 80px;
    height: 1px;
    position: absolute;
    top: 9px;
    left: 50%;
    content: "";
    background: #fd7c00;
    margin-left: -40px;
}

.or {
    text-align: center;
}

    .or span {
        background: #f4f4f4;
        position: relative;
        z-index: 1;
        padding: 0 6px;
    }

.searchcollapse {
    position: absolute;
    z-index: 2;
    right: 15px;
    cursor: pointer;
}
.comparecollapse {
    position: absolute;
    z-index: 2;
    right: 15px;
    cursor: pointer;
    top: 15px;
}

.tab .form-control, .tab .form-control.valid, .tab .select2-selection__rendered, .tab .form-control.input-validation-error {
    font-weight: 700 !important;
}

.modal-dialog .tab .form-control, .modal-dialog .tab .form-control.valid, .modal-dialog .tab .select2-selection__rendered, .modal-dialog .tab .form-control.input-validation-error {
    font-weight: inherit !important;
}

.remove_requird.required-field + span .select2-selection.select2-selection--single, .remove_requird.required-field {
    background: #fff;
    border-color: #d4d4d4 !important;
    font-weight: 700 !important;
    /*color: #a9a9a9;*/
}

a.provider_detail_add {
    border: 1px solid #196bba;
    padding: 3px 6px;
    font-weight: normal;
    border-radius: 3px;
    margin-top: -7px;
}

    a.provider_detail_add:focus {
        box-shadow: 0 0 10px #267cdb !important
    }

.demo_inner_td_remove_border {
    border-right: 0 !important;
}

.demo_inner_td_background {
    background: #fff !important;
}

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

    .demo_inner_td_padding th {
        background: #e5e5e5 !important;
        white-space: nowrap;
        border-top: 0px !important;
        font-weight: 500;
    }

    .demo_inner_td_padding > div > table {
        border: 1px solid #d4d4d4;
    }

    .demo_inner_td_padding td {
        background: #f7f7f7 !important;
    }

.demo_inner_td_table.table tbody > tr:hover {
    background-color: transparent;
}

.demo_inner_td_table > thead > tr > th {
    background: #f4f4f4 !important;
}

.demo_sub_menu_div .dropdown-menu {
    min-width: auto;
}

.demographics_page {
    padding: 10px 15px 0;
}

.demo_table_border {
    border-right: 0 !important;
}

.demo_table_border_top {
    border-top: 0 !important;
}

.demographics_page_heading {
    padding: 10px 15px 5px !important;
    background: #f4f4f4 !important;
}

.left_body_part .demographics_page_heading.x_title.page-header-shadow {
    margin-bottom: 0 !important;
}

.demographics_page .form-horizontal.formborder {
    margin-bottom: 15px;
}

.demographics_main_section ~ .modal .tab .form-control, .demographics_main_section ~ .modal .tab .form-control.valid, .demographics_main_section ~ .modal .tab .select2-selection__rendered, .demographics_main_section ~ .modal .tab .form-control.input-validation-error {
    font-weight: inherit !important;
}

.demographics_main_section .modal .form-horizontal.formborder .tab .form-control, .demographics_main_section .modal .form-horizontal.formborder .tab .form-control.valid, .demographics_main_section .modal .form-horizontal.formborder .tab .select2-selection__rendered, .demographics_main_section .modal .form-horizontal.formborder .tab .form-control.input-validation-error {
    font-weight: inherit !important;
}

.demographics_main_section .modal .form-horizontal .tab .form-control, .demographics_main_section .modal .form-horizontal .tab .form-control.valid, .demographics_main_section .modal .form-horizontal .tab .select2-selection__rendered, .demographics_main_section .modal .form-horizontal .tab .form-control.input-validation-error {
    font-weight: inherit !important;
}

.demographics_main_section .modal .tab .form-horizontal.formborder .form-control, .demographics_main_section .modal .tab .form-horizontal.formborder .form-control.valid, .demographics_main_section .modal .tab .form-horizontal.formborder .select2-selection__rendered, .demographics_main_section .modal .tab .form-horizontal.formborder .form-control.input-validation-error {
    font-weight: inherit !important;
}

.width_35 {
    width: 35px !important;
}

.demo_margin_top {
    margin-top: -2px;
}

.details-control-td {
    padding: 8px 0 8px 2px !important;
}

.psv_upload.file-caption-main > div:last-child {
    right: 0px;
    top: -1px;
}

.table_icon_popup_demographic {
    position: static;
}

    .table_icon_popup_demographic > div {
        position: absolute;
        right: 0;
    }

    .table_icon_popup_demographic .dropdown-menu.show {
        display: block;
    }

    .table_icon_popup_demographic .dropdown-menu a, .table_icon_popup_demographic .dropdown-menu span {
        border-right: 0;
        color: #212529 !important;
        padding: 5px;
        font-size: 13px;
        font-weight: normal;
    }

    .table_icon_popup_demographic .dropdown-menu {
        top: -12px !important;
        min-width: auto;
    }

        .table_icon_popup_demographic .dropdown-menu:before {
            /*position: absolute;
    content: "";
    top: -21px;
    right: 33px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,.15);*/
            display: none;
        }

        .table_icon_popup_demographic .dropdown-menu:after {
            /*position: absolute;
    content: "";
    top: -19px;
    right: 33px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;*/
            display: none;
        }

    .table_icon_popup_demographic a[aria-expanded="true"] i {
        background: #196bba;
    }

.page-mid-header_demographic {
    padding: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #363636 !important;
    text-transform: capitalize;
}

.no_padding_demographic .no-padding {
    padding: 0 !important;
}

.no_padding_demographic .demo_margin_top {
    margin-top: -5px;
    padding: 0 !important;
}

.no_padding_demographic .table_icon_popup_demographic {
    position: relative;
}

    .no_padding_demographic .table_icon_popup_demographic > div {
        position: absolute;
        right: -25px;
    }

.margin_top_minus5 {
    margin-top: -5px;
}

.margin_top_minus50 {
    margin-top: -50px;
}

.button_z_index {
    z-index: 2;
    position: relative;
}

.width_50 {
    width: 50px !important;
}

.table-header-fix-popup.th_background thead th {
    background-color: #fff;
}

#tblLocations tbody tr {
    cursor: move;
}

    #tblLocations tbody tr:first-child {
        cursor: not-allowed;
    }

.width_50per {
    width: 50%;
}

.width_45per {
    width: 45%;
}

.width_15per {
    width: 15%;
}

.width_10per {
    width: 10%;
}

.padding-left-16 {
    padding-left: 16px !important;
}

.padding-left-18 {
    padding-left: 18px !important;
}

.table-fixed-column {
    table-layout: fixed;
}

.details-control-img {
    width: 20px;
    height: 20px;
}

div.details-control, div.details-control-participation {
    background: url('../../../../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown div.details-control, tr.shown div.details-control-participation {
    background: url('../../../../images/details_close.png') no-repeat center center;
}

div.details-control-participation {
    background: url('../../../../images/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown div.details-control-participation {
    background: url('../../../../images/details_close.png') no-repeat center center;
}

table.dataTable {
    box-sizing: inherit !important;
}

.dataTables_wrapper {
    position: inherit !important;
}

.box-sizing {
    box-sizing: border-box !important;
}

table.dataTable tbody th.box-sizing {
    padding: 8px 3px !important;
}

@media (min-width: 992px) {
    .provider-check-list-manage-popup {
        max-width: 1000px !important;
    }
}
/*.remove_requird.required-field.valid {
    color: #363636;
}*/
.split_rule div {
    display: inline-block;
}

    .split_rule div:first-child {
        width: calc(100% - 89px);
    }

    .split_rule div:last-child {
        width: 85px;
        text-align: right;
        vertical-align: top;
    }

.padding-top-4 {
    padding-top: 4px;
}

    .padding-top-4 input[type="checkbox"] {
        outline: none;
    }

.save_filter_sepreator {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 10px;
}

.copytoclip {
    background: #1a6bbc;
    border: 0;
    width: 28px;
    border-radius: 50%;
    height: 28px;
    position: absolute;
    right: 15px;
    z-index: 2;
    top: 15px;
    cursor: pointer;
}

#responseOutput, #output {
    white-space: normal;
    margin-right: 30px;
    word-break: break-word;
}

.adhoc_filter_danger label {
    color: #dc3545 !important;
}

.effective-termination-checkbox input[type="checkbox"] {
    margin: 0;
    outline: none;
}

.effective-termination-checkbox label {
    color: #636363;
    padding: 0;
    margin: 4px 0 0 5px;
}

.audit_run {
    position: absolute;
    top: -15px;
    right: -15px;
    cursor: pointer;
}

.audit_run_result_icon {
    /* position: absolute;
    top: 4px;
    right: -25px;*/
    display: inline-block;
    float: left;
    margin-left: 5px;
    margin-top: 3px;
}
.taskContainer {
    float: left;
    margin-top: 3px;
    margin-left: 4px;
}


.audit_run_inner {
    position: absolute;
    top: -5px;
    right: 0;
}

a.audit_run_a {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 34px 34px 0;
    border-color: transparent #196bba transparent transparent;
    display: block;
}

.audit_run_result_icon a.audit_run_a {
    width: 20px;
    height: 20px;
    border-width: 0;
    border-color: transparent #d9534f transparent transparent;
    display: block;
    background: #d9534f;
    text-align: center;
    border-radius: 50%;
}

.audit_run_result_icon .dropdown-toggle::after {
    border: 0;
}

a.audit_run_a i {
    margin: 5px 0 0 17px;
    display: block;
}

.audit_run_result_icon a.audit_run_a i {
    margin: 0;
}

    .audit_run_result_icon a.audit_run_a i img {
        margin-top: -9px;
    }

.audit_run_result {
    position: relative;
    padding-right: 30px !important;
}

    .audit_run_result i {
        position: absolute;
        right: 6px;
        top: 4px;
    }

.main_white_circlefail {
    width: 16px;
    height: 16px;
    display: inline-block;
    box-shadow: 0 1px 5px;
    border-radius: 50%;
    margin: -3px 7px 0 0;
    background: #d9534f;
    border: 3px solid #fff;
}

.nav-side-menu li .main_white_circlefail {
    margin: 0 0 -2px 8px;
}

.main_white_circlepass {
    background: #69bc37;
    width: 16px;
    height: 16px;
    display: inline-block;
    box-shadow: 0 1px 5px;
    border-radius: 50%;
    margin: -3px 7px 0 0;
    border: 3px solid #fff;
}

.grid_fail_icon {
    font-size: 14px !important;
    color: #d9534f;
    float: right;
    margin-top: 2px;
}

.main_white_heading {
    display: inline-block;
    position: relative;
    top: -2px;
}

.audit_result_section {
    width: 234px !important;
    padding: 20px 0 !important;
    padding-right: 0;
}

    .audit_result_section ul {
        padding: 0;
        margin: 0;
        list-style: none;
        border-left: 2px solid #d4d4d4;
        margin-left: 25px;
    }

        .audit_result_section ul li {
            margin-left: 2px;
            margin-bottom: 20px;
        }

            .audit_result_section ul li:last-child {
                margin-bottom: 0;
                height: 14px;
            }

    .audit_result_section .main_white_circlefail {
        width: 14px;
        height: 14px;
        margin: 0;
        border: 3px solid #fff;
        box-shadow: none;
        position: relative;
        left: -10px;
        background: #d9534f;
        outline: 1px solid #d9534f;
    }

    .audit_result_section .main_white_circlepass {
        border: 3px solid #fff;
        background: #69bc37;
        width: 14px;
        height: 14px;
        margin: 0;
        box-shadow: none;
        position: relative;
        left: -10px;
        outline: 1px solid #69bc37;
    }

    .audit_result_section li.none {
        display: none;
    }

    .audit_result_section a {
        display: inline-block;
        color: inherit !important;
        position: relative;
        left: -8px;
        top: -2px;
    }

.dropdown .audit_result_section.dropdown-menu:before, .dropdown .audit_result_section.dropdown-menu:after {
    right: auto !important;
    left: 6px !important;
}

.comp-heading-button {
    float: right;
    outline: none;
    background: transparent;
    border: 1px solid #196bba;
    color: #196bba;
    border-radius: 3px;
    margin-top: -4px;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.practice_name {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #363636;
    display: block;
}

.comp-inetwork-text {
    display: inline-block;
    color: #333;
    font-weight: 600;
    line-height: 21px;
}

.practice_tax_id {
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.tab-height {
    height: calc(100% - 14px);
}

.address_column {
    display: table;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 10px;
}

    .address_column:last-child {
        margin-bottom: 0;
    }

    .address_column > div {
        display: table-cell;
    }

        .address_column > div:first-child {
            vertical-align: middle;
            padding-right: 20px;
        }

.equal {
    position: absolute;
    width: 26px;
    height: 26px;
    left: 50%;
    margin-left: -33px;
    top: 50%;
    margin-top: -13px;
}

.overflow_compare {
    max-height: calc(100vh - 240px);
    overflow-y: auto;
}

.new_dashboard h4 {
    font-size: 18px;
    color: #333;
    margin: 30px 0 15px 0;
    letter-spacing: .2px;
    font-weight: 600;
    font-family: inherit;
    padding: 0 0 4px 0 !important;
    border-bottom: 2px solid #d4d4d4;
    position: relative;
}

    .new_dashboard h4.h4-margin-top {
        margin: 15px 0 15px 0;
    }

    .new_dashboard h4:before {
        position: absolute;
        content: "";
        width: 40px;
        height: 2px;
        bottom: -2px;
        left: 0;
        background: #fd7c00;
    }

.new_dashboard_coll {
    background: #fff;
    box-shadow: 0 0 10px #b5b5b5;
    border-radius: 3px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    display: table;
    width: 100%;
    border: 1px solid rgba(0,0,0, .25);
}

.new_dashboard_coll_extra {
    padding: 14px 0;
}

.new_dashboard_coll a {
    padding: 14px 0;
    display: block;
    transition: ease .5s;
}

    .new_dashboard_coll a:hover {
        text-decoration: none;
        opacity: .5;
    }

.new_dashboard_text {
    font-size: 16px;
    color: #727272;
}

.new_dashboard_number {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    letter-spacing: 1px;
}

.dashboard_left {
    text-align: left;
    margin-right: 80px;
    margin-left: 20px;
}

.dashboard_right {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -22px;
}

    .dashboard_right span {
        background: #e1fce0;
        width: 44px;
        height: 44px;
        display: block;
        border-radius: 50%;
        text-align: center;
        padding-top: 8px;
        position: relative;
    }

    .dashboard_right .span_blue_color {
        background: #e0eafc;
    }

    .dashboard_right .span_red_color {
        background: #fce0e0;
    }

    .dashboard_right .span_orange_color {
        background: #fbddc1;
    }

.new_dashboard_number span {
    position: relative;
}

    .new_dashboard_number span:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 2px;
        /*background-color: #fd7c00;*/
        bottom: -2px;
        left: 0;
    }

/* scroll horizontal */
.column_scroll_main {
    border-collapse: separate;
    border-spacing: 0;
}

    .column_scroll_main th {
        position: sticky;
        top: 0;
        z-index: 1;
        transform: translateY(0) !important;
    }

.sticky-th {
    position: sticky;
    z-index: 2 !important;
}

    .sticky-th:first-child, .sticky-td:first-child {
        left: 0;
    }

.column_scroll_main > tbody > tr:hover .sticky-td {
    background-color: #fcefd7;
}

.sticky-td {
    position: sticky;
    background-color: #f4f4f4;
}

.table > thead > tr > th {
    border-bottom: 0 !important;
}

.change-address-checkbox-column > label {
    width: 30%;
}

.change-address-checkbox-column > div {
    width: 70%;
}

.change-address-checkbox {
    display: table !important;
}

    .change-address-checkbox input[type="checkbox"] {
        display: table-cell;
    }

    .change-address-checkbox label {
        display: table-cell;
        padding-left: 5px;
        vertical-align: top;
    }

/* CV Generator */
.cv_body_part {
    width: 900px;
    margin: 0 auto;
    box-shadow: 0 0 10px #b5b5b5;
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    font-family: Cambria;
    padding: 25px 40px;
    font-size: 14px;
    color: #212529;
    position: relative;
    line-height: 22px;
}

    .cv_body_part .col-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .cv_body_part:before {
        position: absolute;
        width: 16px;
        height: 16px;
        content: "";
        top: 0;
        left: 0;
        border-top: 3px solid;
        border-left: 3px solid;
        border-color: #fd7c00;
        border-radius: 3px 0 0 0;
    }

    .cv_body_part:after {
        position: absolute;
        width: 16px;
        height: 16px;
        content: "";
        top: 0;
        right: 0;
        border-top: 3px solid;
        border-right: 3px solid;
        border-color: #fd7c00;
        border-radius: 0 3px 0 0;
    }

.cv_name {
    font-size: 24px;
    color: #fd5f00;
    line-height: 24px;
    margin: 0;
    text-transform: uppercase;
}

.cv_name_p {
    margin-top: 3px;
}

.cv_address_main {
    display: table;
    width: 100%;
}

.cv_address {
    display: table-cell;
    width: 192px;
    border-right: 1px solid #d4d4d4;
    padding-right: 15px;
}

.cv_phone {
    display: table-cell;
    width: 145px;
    padding-left: 15px;
    vertical-align: middle;
}

.cv_professional_summary {
    border-top: 1px solid #d4d4d4;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 0 50px 20px;
    text-align: center;
    font-size: 14px;
    background: #f4f4f4;
}

    .cv_professional_summary h5 {
        font-size: 18px;
        background: #e8e8e8;
        display: table;
        margin: 0 auto 16px;
        padding: 0 10px 3px;
        border-radius: 0 0 4px 4px;
    }

.cv_work_history {
    font-size: 18px;
    color: #fd5f00;
    margin-bottom: 15px;
    margin-top: 10px;
    border-bottom: 1px solid #d4d4d4;
    padding-bottom: 3px;
}

.cv_employer {
    text-align: right;
    background: #e8e8e8;
    padding: 0 10px;
    font-size: 14px;
}

.cv_desig {
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
}

    .cv_desig ul {
        padding: 0px 15px;
        overflow: hidden;
    }

        .cv_desig ul li {
            margin-bottom: 10px;
        }

            .cv_desig ul li:last-child {
                margin-bottom: 0;
            }

.cv_download_button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
}

    .cv_download_button .action_button {
        width: 32px;
        height: 32px;
        background: #e8e8e8;
        box-shadow: none;
        margin: 0;
    }

        .cv_download_button .action_button img {
            margin-top: -3px;
        }

    .cv_download_button .dropdown-menu:before {
        top: -18px;
        right: 8px;
        border-top: 8px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid rgba(0,0,0,.15);
    }

    .cv_download_button .dropdown-menu:after {
        top: -16px;
        right: 8px;
        border-top: 8px solid transparent;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #fff;
    }

    .cv_download_button .dropdown-menu {
        padding: 6px 10px;
        min-width: 64px;
        box-shadow: 0 0 10px #c7c7c7;
        border: 0;
    }

        .cv_download_button .dropdown-menu span {
            border-right: 1px solid #d4d4d4;
            margin-left: 2px;
            margin-right: 6px;
        }

    .cv_download_button .action_button + div.dropdown-menu {
        top: -6px !important;
    }

.table_layout_fixed {
    table-layout: fixed;
    word-wrap: break-word;
}

.readonly {
    pointer-events: none;
}

    .readonly i {
        background: #ccc !important;
        cursor: not-allowed !important;
    }
/* next_best_action */
.next_best_action_option {
    padding: 10px;
    border: 1px solid #d4d4d4;
    margin-top: 15px;
    background: #fff;
    border-radius: 4px;
}

.next_best_action_option_attached {
    background: #eee;
    padding: 6px 10px 7px;
}

    .next_best_action_option_attached img {
        vertical-align: bottom;
    }

.next_best_action_option:last-child {
    margin-top: 5px;
}

#RejectAction {
    top: 25px;
}

    #RejectAction .modal-sm {
        max-width: 400px
    }

.display_inline {
    display: inline-block !important;
}

.next_best_action_option .display_inline:last-child {
    margin-left: 5px;
}

.next_best_action_option .display_inline img {
    vertical-align: text-bottom;
}

.next_best_action_option_info {
    position: absolute;
    width: 260px;
    top: 0px;
    left: 20px;
    background: #ffffff;
    z-index: 1;
    padding: 6px 8px;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 0 10px #b5b5b5;
    display: none;
}

#info_address_button {
    cursor: pointer;
}

    #info_address_button:hover + .next_best_action_option_info {
        display: block;
    }

.next_best_action_option_info ul {
    margin: 0;
    padding: 0px 15px 0 20px;
}

.help-tooltip-container .control-label-int {
    display: inline-block;
    width: 100%;
}

.help-tooltip {
    position: absolute;
    right: 2px;
    top: 6px;
    display: inline-block !important;
    width: auto !important;
}

a.help-tooltip-action {
    margin-left: 2px;
    position: relative;
    z-index: 3;
}

.help-tooltip-text {
    position: absolute;
    background: #fff;
    box-shadow: 0 0 6px #b5b5b5;
    padding: 10px 10px;
    top: 30px;
    right: -15px;
    z-index: 4;
    border-radius: 6px;
    width: 280px;
    border: 1px solid #ccc;
    display: none;
}

    .help-tooltip-text:before {
        position: absolute;
        content: "";
        top: -21px;
        right: 11px;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid rgba(0,0,0,.15);
    }

    .help-tooltip-text::after {
        position: absolute;
        content: "";
        top: -19px;
        right: 11px;
        border-top: 10px solid transparent;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
.switch-help .help-tooltip {
    right: inherit;
    top: 1px;
    margin-left: 2px;
}
/*Telerik Css*/
.trv-report-viewer div.trv-content-wrapper {
    display: block !important;
    position: static !important;
}

.k-splitter {
    position: relative;
    height: calc(100vh - 180px) !important;
}

.width_100 {
    width: 100%;
}

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

.delete-icon-mapping {
    position: absolute;
    top: -3px;
    right: 3px;
    width: 0;
}

    .delete-icon-mapping a {
        background: #d9534f;
        width: 20px;
        height: 20px;
        border-radius: 50%;
        text-align: center;
        padding-top: 0;
        position: relative;
        cursor: pointer;
        display: block;
    }

        .delete-icon-mapping a i {
            color: #fff !important;
        }

.mapping_table .width_20 {
    width: 10px;
}

.mapping_heading {
    font-weight: 700;
    font-size: 13px;
    color: #363636;
}

    .mapping_heading a {
        font-size: 12px;
    }

.mapping_table tbody tr.transparent {
    background-color: transparent;
}

.mapping_table .dataTables_wrapper {
    border-bottom: 1px solid #d4d4d4;
}

.mapping_table .dataTable > tbody > tr.details-tr > td {
    border-top: 0 !important;
    padding-left: 40px;
    padding-top: 0;
}

.mapping_table .inner_table {
    border: 1px solid #d4d4d4;
}

    .mapping_table .inner_table > thead > tr > th {
        background: #e5e5e5 !important;
    }

    .mapping_table .inner_table > tbody {
        background: #ffffff !important;
    }

        .mapping_table .inner_table > tbody > tr > td {
            padding: 5px 10px;
        }

.textarea-error {
    color: #fe0018 !important;
    font-weight: 700;
}

.full-address {
    font-family: inherit;
    font-size: 13px;
    white-space: break-spaces;
    margin-bottom: 0;
}

.table-responsive .table .full-address {
    color: #196bba;
}

#select2-BoardId-results .select2-results__option, #select2-board-results .select2-results__option,
#select2-Institution-results .select2-results__option,
#select2-Hospital-results .select2-results__option,
#select2-Employer-results .select2-results__option,
#select2-primaryInsurance-results .select2-results__option,
#select2-PrimaryInsuranceCarrier-results .select2-results__option,
#select2-SecondryInsuranceCarrier-results .select2-results__option {
    padding: 0;
}

    #select2-BoardId-results .select2-results__option[role="alert"], #select2-board-results .select2-results__option[role="alert"],
    #select2-Institution-results .select2-results__option[role="alert"],
    #select2-Hospital-results .select2-results__option[role="alert"],
    #select2-Employer-results .select2-results__option[role="alert"],
    #select2-primaryInsurance-results .select2-results__option[role="alert"],
    #select2-PrimaryInsuranceCarrier-results .select2-results__option[role="alert"],
    #select2-SecondryInsuranceCarrier-results .select2-results__option[role="alert"] {
        padding: 6px;
    }

.select2-results__option span br {
    display: none;
}

.select2-results__option span span:first-child {
    padding: 6px;
    background: #ededed;
    color: #3d3c3c;
    display: block;
    margin-bottom: 2px;
}

.select2-results__option span:hover span:first-child {
    background: transparent;
}

.select2-results__option span span:last-child {
    padding: 6px;
    color: #3d3c3c !important;
    display: block;
}

    .select2-results__option span span:last-child:empty {
        display: none;
    }

.select2-results__option span:hover span {
    color: #fff !important;
}

.color-inherit {
    color: inherit !important;
}
.melissa-error-box {
    background: #fcebed;
    border: 1px solid #fad6da;
    padding: 12px 18px;
    position: relative;
}

.melissa-success-box {
    background: #e5f9ea;
    border: 1px solid #caebd1;
}

.melissa-error-box:before {
    background: #eb3841;
    position: absolute;
    width: 3px;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
}

.melissa-success-box:before {
    background: #69bc37;
}

.melissa-error-icon {
    float: left;
    width: 36px;
}

    .melissa-error-icon i {
        width: 19px;
        height: 19px;
        background: #eb3841;
        text-align: center;
        display: block;
        border-radius: 50%;
    }

.melissa-success-box i {
    background: #69bc37;
}

.melissa-error-text {
    float: left;
    width: calc(100% - 36px);
}
.cvo-sftp-container {
    border: 1px solid #d4d4d4;
    padding: 20px 0;
    position: relative;
    margin: 0 0 12px 0;
}

.cvo-sftp-container:last-child {
    margin-bottom: 0;
}

a.cvo-sftp-repeat {
    background: #196bba;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    padding-top: 0;
    position: absolute;
    cursor: pointer;
    display: block;
    line-height: 22px;
    top: -10px;
    right: 10px;
    z-index: 1;
}

a.cvo-sftp-repeat i {
    color: #fff;
}

.cvo-sftp-container {
    border: 1px solid #d4d4d4;
    padding: 20px 0;
    position: relative;
    margin: 0 0 12px 0;
}
/* Compare Screen Css */
.text-transform {
    text-transform: none;
}

.width-26 {
    width: 26%
}

.width-34 {
    width: 34%
}

.width-6 {
    width: 6%
}

.compare-main-table {
    width: 100%;
    margin-bottom: 15px;
}

    .compare-main-table > thead > tr > th, .compare-main-table > tbody > tr > td {
        border-right: 1px solid #d4d4d4;
        padding: 5px 0 8px 9px;
        border-bottom: 2px solid #d4d4d4;
    }

.compare-main-table-td > tbody > tr > td {
    border-right: 0;
    padding: 0;
    border-bottom: 0;
}

.compare-main-table > thead > tr > th:last-child, .compare-main-table > tbody > tr > td:last-child {
    border-right: 0;
}

.compare-table, .compare-table-inner {
    width: 100%;
}

    .compare-table > tbody > tr:nth-child(odd) {
        background: #f6f6f6;
    }

    .compare-table > tbody > tr > th, .compare-table > tbody > tr > td {
        border-right: 1px solid #d4d4d4;
        padding: 0 8px 0 8px;
        border-bottom: 1px solid #d4d4d4;
    }

        .compare-table > tbody > tr > td:last-child {
            border-right: 0;
        }

    .compare-table > tbody > tr > th {
        letter-spacing: .2px;
    }

    .compare-table > tbody > tr:last-child > th, .compare-table > tbody > tr:last-child > td {
        border-bottom: 0;
    }

    .compare-table-inner > tbody > tr > th, .compare-table-inner > tbody > tr > td {
        border-right: 1px solid #d4d4d4;
        padding: 0 8px 0 8px;
        border-bottom: 1px solid #d4d4d4;
    }

    .compare-table-inner > tbody > tr > th {
        letter-spacing: .2px;
    }

        .compare-table-inner > tbody > tr > th:last-child, .compare-table-inner > tbody > tr > td:last-child {
            border-right: 0;
        }

    .compare-table-inner > tbody > tr:last-child > th, .compare-table-inner > tbody > tr:last-child > td {
        border-bottom: 0;
    }

.compare-table-double > tbody > tr > td {
    border-bottom: 2px solid #aeaeae;
}

.match-counter {
    color: #fd7c00;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
}

.compare-table span {
    display: inline-block;
    padding: 3px 0 1px;
    border-radius: 4px;
    letter-spacing: .3px;
    margin: 3px 0;
    font-size: 12px;
}

.compare-table .match-data {
    color: #1c8e73;
    font-size: 12px;
    background: #c7f2e8;
    font-weight: 500;
    padding: 3px 6px 1px;
}

.heading-checkbox {
    margin: 0 0 0 6px !important;
    position: relative;
    top: 2px;
}
#CAQHDivPartial .heading-checkbox {
    margin: 0 0 0 0 !important;
}

.cvo-sftp-container:last-child {
    margin-bottom: 0;
}

a.cvo-sftp-repeat {
    background: #196bba;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    padding-top: 0;
    position: absolute;
    cursor: pointer;
    display: block;
    line-height: 22px;
    top: -10px;
    right: 10px;
}

a.cvo-sftp-repeat i {
    color: #fff;
}

    .melissa-error-text h5 {
        color: #1b1b1a;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: .3px;
        margin-bottom: 5px;
    }
.melissa-error-text h5 {
    color: #1b1b1a;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .3px;
    margin-bottom: 5px;
}

.do-not-display-option {
    margin-top: 0 !important;
    margin-right: 10px !important;
}
.melissa-status {
    float: left;
    width: 102px;
    position: relative;
}

    .melissa-status .help-tooltip {
        right: 4px;
        top: 0;
    }

    .melissa-status .help-tooltip-text, .melissa-status-code .help-tooltip-text {
        right: auto;
        width: 280px;
        left: 50%;
        transform: translate(-50%, 0);
    }

        .melissa-status .help-tooltip-text:before, .melissa-status-code .help-tooltip-text:before {
            right: auto;
            transform: translate(-50%, 0);
            left: 50%;
        }

        .melissa-status .help-tooltip-text:after, .melissa-status-code .help-tooltip-text:after {
            top: -19px;
            right: auto;
            transform: translate(-50%, 0);
            left: 50%;
        }

.melissa-status-code {
    float: left;
    width: calc(100% - 102px);
    color: #1b1b1a;
    font-size: 13px;
    font-weight: 500;
}

    .melissa-status-code span {
        color: #eb3841;
        font-size: 13px;
        font-weight: 500;
        position: relative;
        cursor: pointer;
    }

.melissa-status span {
    color: #1b1b1a;
    font-size: 13px;
    font-weight: 500;
}

.melissa-status-code i {
    font-style: normal;
    cursor: pointer;
}

.melissa-status-code .help-tooltip-text {
    color: #636363;
}

.clear-both {
    clear: both;
}

/*select2 with Magnifier icon */
ul {
    padding: 0;
}
.info {
    color: #00f;
    font-weight: bold;
    font-size: 12px;
    float: right;
    position: absolute;
    z-index: 1;
    right: 8px;
    top: 9px;
}
.info:hover {
        text-decoration: underline;
    }
#select2-LogActivityContactId-results li {
    position: relative;
}

.recipient-section {
    border-bottom: 1px solid #d4d4d4;
}

.recipient-to {
    background: #1f7bd3;
    color: #fff;
    width: 36px;
    height: 45px;
    text-align: center;
    padding-top: 12px;
    font-size: 14px;
    letter-spacing: 1px;
    float: left;
}

.recipient-to-body {
    float: left;
    width: calc(100% - 42px);
    padding-left: 10px;
    padding-top: 5px;
}

.recipient-ul li {
    margin-bottom: 8px;
}

.recipient-span {
    background: #e7e6e6;
    padding: 4px 6px;
    margin-left: 10px;
    border-radius: 4px;
}

.attachment-doc {
    border-bottom: 1px solid #d4d4d4;
    display: block;
    padding-bottom: 2px;
    margin-bottom: 10px;
}

.open-reminder-counter-span {
    position: absolute;
    min-width: 12px;
    height: 12px;
    background: #fd7c00;
    display: block;
    border-radius: 50%;
    font-size: 10px;
    color: #fff !important;
    line-height: 10px;
    top: -5px;
    right: -5px;
}
.open-task-counter {
    /*position: absolute;
    top: 4px;
    right: -27px;*/
}

    .open-task-counter a {
        width: 20px;
        height: 20px;
        display: block;
        background: #1a6bbc;
        text-align: center;
        border-radius: 50%;
        position: relative;
    }
    .open-task-counter a img{
        margin-top: -10px;
    }
.compare-table .match-data {
    color: #1c8e73;
    font-size: 12px;
    background: #c7f2e8;
    font-weight: 600;
    padding: 3px 6px 1px;
}

.heading-checkbox {
    position: relative;
    top: 2px;
}
        .open-task-counter a span {
            position: absolute;
            min-width: 14px;
            height: 14px;
            background: #fd7c00;
            display: block;
            border-radius: 50%;
            font-size: 11px;
            color: #fff !important;
            line-height: 7px;
            top: -5px;
            right: -5px;
            padding: 4px;
        }
.madal-custom-width {
    width: 1000px;
    top: 15px;
    box-shadow: 0 0 10px #b5b5b5;
}
.full_body_part .x_title span {
    color: inherit !important;
}
.new_heading_audit_run {
    font-size: 24px;
    color: #fd7c00;
    float: left !important;
    position: relative !important;
    overflow: initial !important;
}
.new_heading_audit_run_h2 {
    display: inline-block;
    float: left;
}
.Receipients-email:first-line {
    line-height: 1px;
}
/*.Receipients-email{
    white-space: pre-line;
}*/
.journey-main-holder .col-md-2 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.journey-holder {
    margin-bottom: 5px;
}

.journey-circle {
    width: 36px;
    height: 36px;
    background: #e8e8e8;
    border-radius: 50%;
    margin: 0 auto 5px;
    cursor: pointer;
    position: relative;
    z-index: 1019;
}

.not-started .journey-circle {
    background: #e8e8e8;
}
/*
.in-progress .journey-circle {
    background: #1f7bd3;
}*/

.progress-done .journey-circle {
    background: #67cca2;
}

.progress-fail .journey-circle {
    background: #e04749;
}

.progress-done .journey-circle img {
    padding-top: 13px;
}

.in-progress .journey-circle img {
    padding-top: 15px;
}

.progress-fail .journey-circle img {
    padding-top: 11px;
}

.journey-circle_Profile {
    cursor: pointer;
    display: table;
    margin: 0 auto;
}

.help-tooltip-text_Profile {
    position: absolute;
    background-color: #f5f6f8; /* informative look */
    z-index: 1000;
    min-width: 200px;
    width: max-content;
    max-width: none;
    padding: 10px;
    margin-top: 12px; /* ⬅ safe spacing from top */

    border: 1px solid #dcdcdc;
    border-radius: 8px; /* softer box */
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}


.tooltip-row {
    display: block;
    font-size: 12px;
    white-space: nowrap; /* 🔑 keep everything on ONE line */
}
.tooltip-row .status {
    color: #333;
}
send-grid-dashboard .col-2 {
    flex: 0 0 20%;
    max-width: 20%;
}

.send-grid-dashboard .dashboard_right span {
    padding-top: 10px;
}
/*.journey-holder .help-tooltip-text {
    right: auto;
    width: 90%;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1021;
    text-align: left;
    padding: 6px 8px;
    top: -76px;
}*/

.journey-holder .help-tooltip-text_Profile:before {
    position: absolute;
    content: "";
    box-sizing: border-box;
    top: -19px;
    right: auto;
    transform: translate(-50%, 0);
    left: 90px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid rgba(0,0,0,.15);
}

.journey-holder .help-tooltip-text_Profile:after {
    position: absolute;
    content: "";
    top: -18px;
    right: auto;
    transform: translate(-50%, 0);
    left: 90px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ffffff;
}
.nav-sm .journey-holder .help-tooltip-text_Profile:after, .nav-sm .journey-holder .help-tooltip-text_Profile:before {
    left: 105px;
}

.current-status {
    font-weight: bold;
    font-size: 12px;
    color: #333;
}

.current-step span {
    color: #fd7c01;
}


.table-header-fix-popup thead th, .table-header-fix thead th {
    will-change: transform;
}
.select2-results__option .wrap {
    word-break: break-word;
}
.edit-profile-holder {
    background: #f5f8ff;
    border: 1px solid #196bba;
    border-radius: 3px;
    padding: 19px 0 20px;
    text-align: center;
}
.upload-appform-holder {
    background: #fff;
    border: 1px solid #d4d4d4;
}
.set-password {
    background: #196bba;
    margin: 6px;
}
.edit-profile-text {
    font-size: 16px;
    color: #010101;
    font-weight: 600;
    line-height: 16px;
    padding: 18px 0;
}
.edit-profile-text span {
    display: block;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    padding-top: 8px;
}
.edit-profile-text span i {
    font-style: normal;
    color: #fd7c00;
    font-weight: 600;
}
.edit-profile-button a {
    width: 135px;
    height: 31px;
    border-radius: 30px;
    background: #196bba;
    display: block;
    margin: 0 auto;
    color: #fff;
    padding-top: 6px;
}
.edit-profile-button a i {
    margin-left: 6px;
    font-size: 11px;
}
.edit-profile-button a:hover {
    text-decoration: none;
    color: #fff !important;
}
.edit-profile-button a:visited{
    color: #fff !important;
}
.edit-profile-button a:focus{
    color: #fff !important;
}
.set-password .edit-profile-text {
    padding: 0 0 18px;
    color: #fff;
}
.set-password .edit-profile-button a {
    background: #ffffff;
    display: block;
    margin: 0 auto;
    color: #050505;
    padding-top: 6px;
}
.extract-copy-button {
    position: absolute;
    top: 5px;
    right: 10px;
}

.extract-filter-icon {
    color: #646464 !important;
    font-weight: bold !important;
    margin-left: 5px;
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}
.extract-filter-icon-active {
    color: #ff6600 !important;
    font-weight: bold !important;
    margin-left: 5px;
}
/*.trv-content.trv-document-map-splitter.k-widget.k-splitter.k-pane.k-scrollable, .trv-pages-area.k-widget.k-pane.k-scrollable.scrollable.interactive {
    width: 100% !important;
}*/
.assign-prv-download {
    float: left;
    width: 221px;
    margin-right: 2px;
}
.assign-prv-download-btn {
    float: left;
    width: 32px;
    background: #66cda2;
    border: 1px solid #42b183;
    text-align: center;
    height: 34px;
    border-radius: 3px;
}
.assign-prv-download-btn a {
    display: block;
    height: 34px;
    padding-top: 4px;
}
.layer-one-td {
    position: relative;
    padding-right: 15px !important;
}
.table-header-fix thead th {
    will-change: transform;
}

a.layer-one-three-dot {
    position: absolute;
    top: 5px;
    right: 8px;
}
.practice-flag {
    position: absolute;
    right: 0;
    background: #fcefd7;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: normal;
    border-radius: 3px;
}
.cvo-heading {
    font-size: 14px;
    border-bottom: 1px solid #d5d5d5;
    font-weight: 600;
    padding-bottom: 5px;
}

.padding-left-36 {
    padding-left: 36px !important;
}

    /* Responsive page Css */
@media (max-width: 1400px) {
    .demographics_main_section .dropdown .dropdown-menu .dropdown-item {
        padding: 5px 8px !important;
    }
    .block {
        font-size: 12px !important;
    }
    .demographics_main_section .BOBManageButtonUl div {
        padding: 5px 0 5px 7px !important;
        font-size: 12px !important;
    }
}
@media (max-width: 1250px) {
    .demographics_main_section .dropdown .dropdown-menu .dropdown-item {
        padding: 3px 8px !important;
    }

    .demographics_main_section .block {
        font-size: 12px !important;
    }

    .demographics_main_section .BOBManageButtonUl div {
        padding: 3px 0 3px 7px !important;
        font-size: 12px !important;
    }
}

    @media (max-width: 1535px) {
        #btnAdvanceSearch button {
            font-size: 12px;
            padding: 7px 5px;
        }

        #btnAdvanceSearch + a {
            font-size: 12px;
            padding: 7px 5px;
        }

        #advanceFiltersDropDownsDiv .col-12 {
            padding-right: 5px !important;
            padding-left: 5px !important;
        }
    }

    @media (max-width: 1360px) {
        #btnAdvanceSearch button {
            font-size: 10px !important;
        }

        #btnAdvanceSearch + a {
            font-size: 10px !important;
            min-width: 60px !important;
            padding-top: 10px !important;
        }
    }
@media (max-width: 1227px) {
    #btnAdvanceSearch button {
        font-size: 9px !important;
    }

    #btnAdvanceSearch + a {
        font-size: 9px !important;
        min-width: 42px !important;
        padding-top: 10px !important;
    }

    #advanceFiltersDropDownsDiv .col-12 {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }
}

.override-message {
    font-size: 12px;
    color: #6e6e6e;
    font-weight: normal;
    background: #fcefd7;
}

/* Responsive page Css */
@media (min-width: 992px) {
    .col-sm-offset-9, .col-sm-offset-10 {
        margin-left: 75%;
    }

        .col-sm-offset-7 {
            margin-left: 58.33%;
        }

        .col-sm-offset-8 {
            margin-left: 66.66666667%;
        }

        .pull-right-large {
            float: right;
        }

        .modal-lg-ss {
            width: 1020px;
        }

        .modal-lg {
            max-width: 1060px;
        }
    }

    @media (min-width: 576px) {
        .col-sm-offset-9, .col-sm-offset-10 {
            margin-left: 75%;
        }
    }

    @media (min-width: 767px) {
        .pull-right-large {
            float: right;
        }
    }

    @media(min-width: 768px) and (max-width: 1050px) {
        .btn {
            padding: 7px 10px;
            min-width: 68px;
        }

        .first_col_text {
            width: 58%;
        }

        .tile-stats .first_col_number {
            padding-top: 22px;
            width: 80px;
            height: 80px;
            font-size: 22px;
        }

        .tile-stats .first_col_text .pull-left, .tile-stats .first_col_text .pull-right {
            float: none !important;
        }

        .new_dash_text {
            height: 54px;
        }
    }

    @media(max-width: 1300px) {
        h6.white-space {
            white-space: normal;
        }

        .col-lg-5.col-md-6.col-sm-6.col-12.text-right .btn {
            min-width: 60px;
            padding: 7px 0;
            font-size: 12px
        }

        .counter_popup.three_counter_col .new_dash_text {
            font-size: 13px;
        }

        .three_counter_col .col-sm-2 {
            padding-right: 3px;
            padding-left: 3px;
        }

        .three_counter_col .new_dash_coll {
            padding: 5px 2px;
        }
    }

    @media(max-width: 1220px) {
        .btn {
            min-width: 70px;
            padding: 7px 5px;
        }
    }

    @media(max-width: 1195px) {
        .left_body_part {
            padding: 10px 10px 0;
        }

        .btn {
            min-width: 65px;
            padding: 7px 0px;
            font-size: 13px;
        }

        .tab .col-sm-3 {
            padding-right: 5px;
            padding-left: 5px;
        }
    }

    @media(max-width: 1024px) {
        .col-lg-5.col-md-6.col-sm-6.col-12.text-right .btn {
            min-width: 75px;
            padding: 7px 12px;
            font-size: 14px
        }

        h6.white-space {
            white-space: normal;
        }

        .main_menu_side {
            padding-bottom: 400px;
        }

        .menu-list {
            height: calc(100vh - 53px);
            overflow: auto;
        }

        .demo-tp {
            width: calc(100vw - 0px) !important;
        }

        .demo {
            width: calc(100vw - 0px) !important;
        }

        .right_col {
            overflow: hidden;
            padding: 0 !important;
        }

        .right_col {
            overflow: hidden;
            padding: 0 !important;
        }

        .right_menu {
            float: none;
            position: fixed;
            margin-right: -240px;
            background: #efefef;
            z-index: 1071;
            right: 0;
            top: 0;
            height: 100vh;
        }

        .right-icon-icon {
            right: 0;
            z-index: 1000;
        }

        .showme .right-icon-icon {
            right: -56px;
        }

        .showme .right_menu {
            margin-right: 0;
            box-shadow: 0 0 10px #a7a7a7;
        }

        .left_body_part {
            width: calc(100% - 0px);
            float: none;
            padding: 15px;
            border-right: 0;
            padding-bottom: 0;
        }

        .full_body_part {
            width: 100%;
            float: none;
            padding: 15px;
            padding-bottom: 0;
        }
    }

    @media(max-width: 850px) {
        .right_menu .menu-list {
            height: calc(100vh - 52px);
        }
    }

    @media(max-width: 767px) {
        .bootstrap-tagsinput {
            width: 100% !important;
            position: relative;
        }

        .width_460 {
            width: 100% !important;
        }

            .width_460.position-absolute {
                position: relative;
            }

            .width_460 + span {
                width: 100% !important;
            }

        .half_calm .display_on_off {
            display: block !important;
        }

        .demo-tp {
            padding: 20px 10px !important;
        }

        .dataTables_wrapper .dataTables_info {
            float: left !important;
        }

        .dataTables_wrapper .dataTables_paginate {
            float: right !important;
            margin-top: 0 !important;
            margin-right: 0px;
        }

        .table-responsive {
            border: 0;
        }

        .nav-side-menu .toggle {
            padding-top: 5px;
        }

        .x_title h2 {
            width: 100%;
        }

        .image_main {
            margin-bottom: 20px;
        }

        .first_col H3, .new_dash h4 {
            font-size: 18px;
        }

        .new_dash_text {
            font-size: 18px;
            padding: 0 0 10px;
            height: auto;
        }

        .x_title.page-header-shadow {
            margin-bottom: 0 !important;
        }

        .h6, h6 {
            line-height: 18px;
        }

        .action_button {
            margin-bottom: 10px;
        }

        .large_text_small {
            padding-top: 0 !important;
        }

        .datepicker-control {
            width: calc(100% - 29px) !important;
        }

        .provider_tab ul.bar_tabs > li a {
            padding: 20px 18px;
        }

        .toprow {
            margin: 0;
        }

        .dataTables_scroll {
            margin: 0px 0 20px 0;
        }

        .dataTables_info {
            margin-left: 0;
        }

        .dataTables_wrapper .dataTables_length {
            text-align: inherit !important;
        }

        .dataTables_wrapper .dataTables_filter {
            text-align: right !important;
        }

        .dataTables_length label, #providerUploadDatatable_filter label, #netRveSubmtUploadDatatable_filter label, #EmailTemplateStaticDocumentDataTable_filter label {
            margin-left: 0;
            margin-right: 0;
        }

        .x_title + div > .col-sm-8, .x_title + div > .col-sm-4 {
            max-width: 50%;
            flex: 50%;
        }

        .full_body_part {
            padding: 10px 15px 6px;
        }

        .left_body_part {
            padding: 10px 15px 6px;
        }

        .three_counter_col .col-12 {
            flex: 100%;
            max-width: 100%;
        }
    }

    @media (max-width: 639px) {
        .btn {
            min-width: 60px;
            padding: 7px 0px;
            font-size: 12px;
        }
    }

    @media(max-width: 576px) {
        .x_title + div > .col-sm-8 {
            flex: 100%;
            max-width: 100%;
        }

        .x_title + div > .col-sm-4 {
            flex: 100%;
            max-width: 100%;
        }

        .x_title + div > .col-sm-8 h6 {
            margin-top: 0;
        }
    }

    @media(max-width: 500px) {
        .half_calm .display_on_off {
            display: block !important;
        }

        .new_heading h2 {
            font-size: 18px;
        }

        .x_title h2 {
            text-overflow: initial;
            overflow: auto;
            white-space: normal;
        }

        .left_body_part {
            padding: 10px;
            padding-bottom: 6px;
        }

        .full_body_part {
            padding: 10px;
            padding-bottom: 6px;
        }

        #paginationControl .col-sm-2 {
            display: table;
            margin: 0 auto;
            width: auto;
            float: none;
        }

        #paginationControl .col-sm-10 {
            display: table;
            margin: 0 auto 0;
            float: none;
            text-align: center;
            width: auto;
        }

        .margin_bottom_16 {
            margin-bottom: 16px !important;
        }

        #paginationControl .next_prev {
            margin-left: 7px;
        }

        .margin_col_6 > div {
            padding-left: 10px;
            padding-right: 10px;
        }

        .action_button {
            margin-top: 10px;
        }

        .right-icon-icon {
            top: 115px;
        }

        .dataTables_wrapper .dataTables_length {
            float: left !important;
            width: 50%;
        }

        .dataTables_wrapper .dataTables_filter {
            float: right !important;
            width: 50% !important;
            margin-top: 0 !important;
        }

            .dataTables_wrapper .dataTables_filter input {
                width: 80px !important;
            }

        .tab .Attach_location ul.bar_tabs > li {
            margin-top: 0;
            width: 100%;
            border-radius: 0;
        }

            .tab .Attach_location ul.bar_tabs > li.active {
                background: #fd7c00;
                margin-top: 0;
            }

        .tab .Attach_location .nav-tabs > li.active > a, .tab .Attach_location .nav-tabs > li.active > a:focus, .tab .Attach_location .nav-tabs > li.active > a:hover {
            background-color: #fd7c00;
            color: #fff;
        }

        .half_calm > label {
            width: 42%;
            padding-right: 10px;
        }

        .half_calm > div {
            width: 58%;
        }

        .provider_tab ul.bar_tabs > li a {
            padding: 20px 6px;
            font-size: 16px;
        }

        .provider_counter {
            width: 30px;
            height: 30px;
            font-size: 16px;
            line-height: 30px;
            margin-right: 5px;
        }

        .anchor_ul li {
            display: block;
        }
    }

    @media(max-width: 400px) {
        .half_calm > label {
            width: 100%;
            padding-right: 0;
            padding-bottom: 5px;
            text-align: left !important;
            padding-top: 0 !important;
        }

        .half_calm > div {
            width: 100%;
        }

        .control-label-int input[type=checkbox] {
            margin-top: 0;
        }

        .provider_tab ul.bar_tabs > li {
            width: 100%;
        }

            .provider_tab ul.bar_tabs > li a {
                padding: 20px 15px;
            }

        .btn {
            min-width: 70px;
            padding: 7px;
        }
    }

    @media (max-height: 600px) and (orientation: landscape) {
        .demo-tp {
            height: 300px !important;
        }

        .demo-tp-inner {
            height: 300px !important;
        }
    }


    /* LOADER 4 */
    .loader {
        width: 100px;
        height: 60px;
        border-radius: 100%;
        position: relative;
        margin: 0 auto;
    }

    #loader-4 span {
        display: inline-block;
        width: 12px;
        height: 12px;
        border-radius: 100%;
        background-color: #196bba;
        margin: 10px 5px;
        opacity: 0;
    }

        #loader-4 span:nth-child(1) {
            animation: opacitychange 1s ease-in-out infinite;
        }

        #loader-4 span:nth-child(2) {
            animation: opacitychange 1s ease-in-out 0.33s infinite;
        }

        #loader-4 span:nth-child(3) {
            animation: opacitychange 1s ease-in-out 0.66s infinite;
        }

    @keyframes opacitychange {
        0%, 100% {
            opacity: 0;
        }

        60% {
            opacity: 1;
        }
    }

    /* Google Loader */
    .google-loader {
        display: block;
        position: absolute;
        z-index: 9999;
        top: 50%;
        left: 50%;
        margin-left: -60px;
        margin-top: -17px;
    }

        .google-loader span {
            display: inline-block;
            margin-top: 10px;
            height: 20px;
            width: 20px;
            border-radius: 50%;
        }

            .google-loader span:not(:first-child) {
                margin-left: 10px;
            }

            .google-loader span:nth-child(1) {
                background: #439bff;
                animation: move 1s ease-in-out -0.25s infinite alternate;
            }

            .google-loader span:nth-child(2) {
                background: #DB4437;
                animation: move 1s ease-in-out -0.5s infinite alternate;
            }

            .google-loader span:nth-child(3) {
                background: #eaa23b;
                animation: move 1s ease-in-out -0.75s infinite alternate;
            }

            .google-loader span:nth-child(4) {
                background: #28c5a7;
                animation: move 1s ease-in-out -1s infinite alternate;
            }

    @keyframes move {
        from {
            transform: translateY(-10px);
        }

        to {
            transform: translateY(5px);
        }
    }