@import "https://fonts.googleapis.com/css?family=Lato";
@import "https://fonts.googleapis.com/css?family=Lato:900";
@import "https://fonts.googleapis.com/css?family=Lato:400,700,900";
@import "https://fonts.googleapis.com/icon?family=Material+Icons";

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/MaterialIcons-Regular.eot");
    src: local("../../fonts/Material Icons"),local("../../fonts/MaterialIcons-Regular"),url("../../fonts/MaterialIcons-Regular.woff2") format("woff2"),url("../../fonts/MaterialIcons-Regular.woff") format("woff"),url("../../fonts/MaterialIcons-Regular.ttf") format("truetype")
}

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 5px rgba(255,255,255,.5);
}

body, html {
    min-height: 100%
}

html {
    background: #fff
}

text {
    font-family: 'Lato',sans-serif !important;
    font-weight: 700 !important
}

body {
    -webkit-animation: fadein 1.5s;
    -moz-animation: fadein 1.5s;
    -ms-animation: fadein 1.5s;
    animation: fadein 1.5s;
    color: #000;
    background: #027acb;
    font-family: 'Lato',sans-serif !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.471;
    text-rendering: optimizeLegibility
}

ul {
    margin: 0;
    padding: 0
}

.RadGrid_Default .rgMasterTable, .RadGrid_Default .rgDetailTable, .RadGrid_Default .rgGroupPanel table, .RadGrid_Default .rgCommandRow table, .RadGrid_Default .rgEditForm table, .RadGrid_Default .rgPager table, .RadGrid_Default {
    font-family: 'Lato',sans-serif !important
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: liga;
    vertical-align: middle;
    margin-left: -2px
}

.template-preview {
    margin-bottom: 0 !important
}

.rgAltRow, .rgRow {
    background: transparent !important
}

.textarea-font {
    display: block;
    background: #fff !important;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.library-tab > tbody > tr > td {
    border: 0;
    width: 33%
}

.library-tab table td a {
    padding-left: 10px;
    line-height: 22px
}

.library-tab tr td {
    border-bottom: 0 !important
}

.modal-content {
    padding-bottom: 12px
}

.modal-footer {
    position: relative;
    bottom: -10px
}

#bannerListingData .drag {
    cursor: all-scroll;
}

.inner-library-tab {
    width: 100%;
    border: 1px solid #ddd;
    box-shadow: 0 3px 0 #ddd
}

    .inner-library-tab td:first-child {
        padding-left: 15px
    }

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

.client-find-bar .form-group {
    margin: 0 0 6px
}

.dropdown-inner-next {
    background: #f8f8f8;
    border: 1px solid #e8e8e8;
    display: block;
    position: absolute;
    z-index: 1;
    padding: 0;
    width: 25%;
    box-shadow: 0 0 2px #e8e8e8
}

    .dropdown-inner-next a {
        display: block !important;
        float: none !important;
        padding: 5px 0;
        border-bottom: 1px dotted #ddd
    }

        .dropdown-inner-next a:hover {
            background: #ddd;
            color: #000
        }

        .dropdown-inner-next a:last-child {
            border-bottom: none !important
        }

.dropdown-inner {
    background: #f5f5f5;
    border: 1px solid #ddd;
    display: block;
    position: absolute;
    padding: 0;
    width: 100%;
    z-index: 9
}

    .dropdown-inner a {
        display: block !important;
        float: none !important;
        padding: 5px 0;
        border-bottom: 1px dotted #ddd
    }

        .dropdown-inner a:hover {
            background: #ddd;
            color: #000
        }

        .dropdown-inner a:last-child {
            border-bottom: none !important
        }

.drop-table {
    overflow: hidden;
    min-height: auto
}

.fdBreadcrumb {
    margin-top: 10px
}

    .fdBreadcrumb ul {
        padding: 0 0 15px;
        margin: 0
    }

    .fdBreadcrumb li {
        float: left;
        list-style: none;
        padding-right: 5px;
        position: relative;
        color: #9b9b9b;
        font-size: 11px
    }

        .fdBreadcrumb li:first-child a {
            padding-left: 0
        }

        .fdBreadcrumb li a {
            color: #666;
            padding-left: 10px;
            font-size: 13px;
            color: #777;
            font-weight: 400
        }

.RadAutoCompleteBox_Default, .RadComboBox_Default .rcbInput {
    font-family: 'Lato',sans-serif !important
}

.emailEditor {
    width: auto !important;
    border: 1px solid #ccc !important
}

.mat-icon-sizes {
    font-size: 18px !important;
    margin: -3px 0 0
}

.pers-input {
    line-height: 42px;
    padding-left: 10px
}

.mat-head-icon {
    font-size: 30px;
    position: relative;
    top: 5px;
    font-weight: 400
}

.help-table > tbody > tr > td:first-child {
    display: none
}

.help-table > tbody > tr > th {
    border-top: 0 !important;
    white-space: nowrap;
    border-bottom: 2px solid #00a1e5 !important
}

.training-icon {
    font-size: 22px !important;
    position: relative;
    top: 5px;
    left: -4px;
    width: 16px;
    display: inline-block !important
}

.svg-heading-icon {
    font-size: 26px !important;
    position: relative;
    top: 5px;
    left: 0;
    margin: 0;
    padding: 0
}

.svg-tab-icon {
    font-size: 18px !important;
    position: relative;
    top: 3px;
    left: 4px
}

.svg-tab-attach-icon {
    font-size: 18px !important;
    position: relative;
    top: -2px;
    left: 5px
}

.svg-tab-refferal-icon {
    font-size: 20px !important;
    position: relative;
    top: -1px;
    left: 0;
    display: inline-block;
    vertical-align: middle
}

.svg-tab-client-icon {
    font-size: 19px !important;
    position: relative;
    top: 0;
    display: inline-block;
    vertical-align: top
}

.svg-tab-assessment-icon {
    font-size: 18px !important;
    position: relative;
    top: -2px;
    left: 2px
}

.pers-txt {
    position: relative;
    top: -3px
}

.addr-input {
    line-height: 30px;
    padding-left: 10px
}

.cal-tip {
    width: 354px !important;
    text-align: justify;
    word-break: initial
}

.cal-tip-bank {
    width: 200px !important;
    text-align: justify;
    word-break: initial
}

.RadGrid_Default .rgMasterTable .rgSelectedCell, .RadGrid_Default .rgSelectedRow {
    background-image: none !important
}

.RadGrid_Default .rgHeaderDiv {
    background: none !important;
    background-image: none !important
}

.RadGrid_Default .rgSelectedCell a, .RadGrid_Default .rgSelectedRow a {
    color: #4a4a4a !important
}

.modal-sm {
    margin: auto
}

:focus {
    outline: 0 !important
}

.RadGrid_Default .rgRow > td, .RadGrid_Default .rgAltRow > td, .RadGrid_Default .rgEditRow > td, .RadGrid_Default .rgFooter > td {
    font-family: 'Lato',sans-serif !important
}

.admin-big-btn {
    text-align: right
}

    .admin-big-btn .btn {
        width: 15%
    }

.label-align {
    margin: 0;
    padding: 0
}

    .label-align label {
        position: relative;
        top: 2px;
        font-weight: 400
    }

.big-btn {
    text-align: right
}

.material-icon-tab-size {
    font-size: 17px !important
}

.all-txt-size {
    font-size: 17px
}

.skill-table tbody td {
    padding: 0 0 0 1px !important
}

.RadComboBoxDropDown .rcbList > li {
    white-space: nowrap
}

.find-main {
    margin: 0 0 10px
}

.RadTreeView_Default {
    font-family: 'Lato',sans-serif !important
}

.btn-block-new {
    display: inline-block !important
}

.admin-search-btn {
    margin-top: 27px
}

div#side-nav-container {
    padding-top: 15px
}

.RadComboBoxDropDown input[type="checkbox"] {
    margin: 0 10px 3px 4px !important;
    padding: 0
}

element.style {
    width: 356px;
    display: block;
    top: 0;
    visibility: visible;
    transition: none
}

.RadComboBoxDropDown {
    text-align: left;
    cursor: default;
    position: relative;
    background: #fff !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    width: 100% !important
}

.ui-datepicker {
    width: 25em !important;
    padding: .8em !important;
    box-shadow: inset -1px 0 0 0 #E5E5E5,0 4px 6px 0 rgba(0,0,0,0.05) !important;
    z-index: 9999999 !important
}

.RadGrid_Default .rgRow .rgSorted {
    background-color: transparent !important
}

.RadAutoCompleteBox .racInput {
    margin: -4px 0 0 !important;
    font-style: normal !important;
    font-size: 14px !important;
    color: #555 !important
}

fieldset {
    line-height: 2
}

.admin_icn_cal {
    top: 36px !important;
    position: absolute;
    right: 9px
}

.RadGrid_Default .rgAltRow .rgSorted {
    background-color: transparent !important
}

ul.ui-sortable {
    margin: 0;
    padding: 0
}

.btn-display {
    display: inline-block
}

ul.ui-sortable li {
    padding: 5px 0;
    display: block;
    padding: 12px 12px 6px;
    color: #39464E;
    font-size: 14px;
    margin: 3px 0
}

    ul.ui-sortable li:hover {
        border-radius: 2px;
        background-color: #FFF;
        box-shadow: 0 2px 7px 0 rgba(0,0,0,0.25)
    }

        ul.ui-sortable li:hover:after {
            content: "\f0c9";
            font-family: FontAwesome;
            float: right;
            width: 1.3em;
            cursor: pointer;
            margin-top: 3px
        }

#divRightAreaOnMaster .btn-success {
    margin-top: 10px
}

dd.ui_tpicker_time {
    margin-bottom: 10px
}

.ui_tpicker_hour {
    margin-bottom: 15px
}

dt.ui_tpicker_time_label {
    margin-top: 10px
}

.ui-slider {
    background: #2bc270 !important
}

.ui-datepicker .ui-datepicker-buttonpane button {
    padding-left: .9em !important;
    padding-right: .9em !important
}

.top-admin-title {
    padding-left: 30px
}

.RadEditwrapper {
    width: 100% !important;
    height: auto !important
}

.RadCalendarPopup {
    z-index: 99999999 !important
}

.RadCalendarFastNavPopup {
    z-index: 999999999 !important
}

.more_vert {
    font-size: 26px;
    text-align: right;
    margin: -15px -10px -10px
}

ul li {
    list-style: none
}

.x_title h2, table.tile_info td p {
    white-space: nowrap;
    text-overflow: ellipsis
}

.site_title, .x_title h2, table.tile_info td p {
    text-overflow: ellipsis
}

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

.left_col {
    background: transparent;
    width: 100%;
    transition: .2s all ease-in-out;
    box-shadow: 7px 0 60px rgba(0,0,0,0.05);
    -webkit-box-shadow: 7px 0 60px rgba(0,0,0,0.05);
    -moz-box-shadow: 7px 0 60px rgba(0,0,0,0.05);
    -o-box-shadow: 7px 0 60px rgba(0,0,0,0.05)
}

.nav-md .container.body .col-md-3.left_col.menu_fixed {
    height: 100%;
    position: fixed;
    z-index: 999;
}

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

    .nav-sm .container.body .col-md-3.left_col.menu_fixed,
    .nav-md .container.body .col-md-3.left_col.menu_fixed {
        background: #027acb
    }

    .nav-sm .container.body .col-md-3.left_col.menu_fixed {
        position: fixed;
        height: 100%;
        z-index: 999
    }

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

.overflow_hidden, .sidebar-widget, .site_title, .tile, .weather-days .col-sm-2, .x_title h2, table.tile_info td p {
    overflow: hidden
}

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

.top-result-bar {
    background: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    box-shadow: 0 3px 5px #ccc;
    z-index: 4 !important
}

.result-heading {
    padding: 12px 0
}

.result-selected {
    float: right;
    font-size: 14px;
    color: #222
}

.selected-icon {
    padding: 0 10px 0 0
}

.schedule-calendar-bg {
    background-color: #F7F8FA;
    padding: 10px 0
}

.sch-calendar-border {
    position: relative
}

    .sch-calendar-border img {
        border-left: 2px solid #ddd
    }

.calendar-top-list {
    display: block;
    margin: 7px 0
}

.feedback-star {
    display: block
}

.inner-link {
    position: relative;
    top: 0
}

.inner-user-img {
    color: #0284d0 !important;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
    line-height: 12px
}

.feedback-star .fa-star {
    color: #F89406;
    padding-right: 2px;
    font-size: 11px
}

.time-heading {
    padding: 12px 0
}

    .time-heading h3 {
        font-size: 18px !important;
        color: #000 !important;
        margin: 0 0 25px !important;
        padding: 0 !important;
        border-bottom: 0 !important;
        font-weight: 700 !important
    }

    .time-heading p {
        font-size: 14px;
        color: #39464e;
        padding: 0;
        margin: 0
    }

.date-time {
    display: inline-block
}

.check-right {
    display: inline-block;
    text-align: right;
    min-width: 150px
}

.date-time {
    display: inline-block;
    min-width: 48%
}

.result-heading h3 {
    font-size: 18px !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    font-weight: 900 !important
}

.result-heading p {
    font-size: 14px;
    color: #39464e;
    padding: 0 !important;
    margin: 0
}

.search-top-outer {
    margin: 12px 0;
}

.account-heading {
    padding: 0;
    display: inline-block
}

    .account-heading h3 {
        font-size: 18px !important;
        color: #39464e !important;
        margin: 0 !important;
        padding: 0 !important;
        border-bottom: 0 !important;
        font-weight: 700 !important
    }

    .account-heading p {
        font-size: 14px;
        color: #39464e;
        padding: 20px 0 !important;
        margin: 0
    }

tr.rgCommandRow .btn-success {
    margin-top: 10px
}

.m_left_10 {
    font-weight: 700;
    text-decoration: underline;
    color: #0098cb
}

.select-position {
    float: left
}

.view-position {
    float: left;
    padding: 7px 10px 0 0;
    color: #39464e;
    font-size: 15px;
    font-weight: 700
}

span.radio-txt {
    padding-right: 25px
}

.help-icon-style {
    position: absolute;
    top: 35px;
    right: -5px
}

ul.result-nav {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

    ul.result-nav li {
        display: inline-block;
        color: rgba(57,70,78,0.6);
        font-size: 14px;
        padding: 5px 15px 5px 0;
        list-style: none;
        position: relative
    }


        ul.result-nav li:first-child {
            padding-left: 0
        }

        ul.result-nav li:last-child {
            padding-right: 0
        }

        ul.result-nav li input {
            vertical-align: middle
        }

        ul.result-nav li span {
            display: block;
            color: rgba(0,0,0,0.9);
            font-weight: 900;
            font-size: 14px;
            font-weight: normal
        }

.nav-md ul.Sandata-nav li {
    padding: 5px 7px 5px 0;
}

    .nav-md ul.Sandata-nav li.scheduleId {
        width: 130px;
    }

.reset-filter {
    padding: 11px 0 0;
    font-size: 13px;
    font-weight: 900;
    text-align: right;
    color: #01a1e5;
    display: block;
    letter-spacing: .3px
}

    .reset-filter:focus {
        color: #01a1e5 !important
    }

ul.schedule-left-nav {
    padding: 0
}

    ul.schedule-left-nav li {
        list-style: none;
        position: relative;
        margin: 15px 0 0;
        opacity: .4;
        position: relative;
        padding-right: 8px
    }

        ul.schedule-left-nav li:hover {
            opacity: .6
        }

        ul.schedule-left-nav li.selected:after {
            content: '';
            width: 0;
            height: 0;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            border-right: 7px solid #333;
            position: absolute;
            right: 0;
            top: 0
        }

        ul.schedule-left-nav li.selected {
            opacity: 1
        }

        ul.schedule-left-nav li a {
            text-decoration: none;
            color: #000;
            font-weight: 700
        }

        ul.schedule-left-nav li img {
            display: inline-block
        }

        ul.schedule-left-nav li span.name-txt {
            color: #9ca3a7;
            font-weight: 700;
            font-size: 13px
        }

        ul.schedule-left-nav li.cal-active span.name-txt {
            color: #39464e;
            position: absolute;
            right: -45px;
            left: 0;
            top: 6px
        }

            ul.schedule-left-nav li.cal-active span.name-txt:before {
                content: "\f0d9";
                font-family: FontAwesome;
                right: 16px;
                position: absolute;
                top: 0;
                font-size: 16px
            }

#dvGroups .slimScrollDiv {
    border-right: 1px solid #ccc
}

ul.result-compare {
    margin: 50px 0 0;
    padding: 0
}

    ul.result-compare li {
        list-style: none;
        position: relative;
        padding: 0 0 45px
    }

        ul.result-compare li a {
            text-decoration: none
        }

        ul.result-compare li img {
            display: inline-block
        }

        ul.result-compare li span.name-txt {
            position: absolute;
            color: #39464e;
            font-weight: 700;
            font-size: 13px
        }

.schedule-cal-descrip {
    position: relative;
    text-align: left
}

    .schedule-cal-descrip h4 {
        margin: 0 0 5px;
        padding: 0;
        font-size: 15px;
        color: #0091bf;
        font-weight: 700
    }

    .schedule-cal-descrip h3 {
        margin: 0;
        padding: 5px 0;
        font-size: 16px;
        color: #2b363d;
        font-weight: 900
    }

    .schedule-cal-descrip p {
        color: #39464e;
        font-size: 13px;
        line-height: 17px
    }

.descrip-img {
    border-radius: 50%;
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: 1px solid #f0f0f0;
    margin: auto
}

    .descrip-img img {
        width: 100%;
        overflow: hidden
    }

.btn-view {
    background: #0284d0;
    border: none;
    font-size: 14px;
    padding: 7px 20px;
    margin: 0;
    border-radius: 3px;
    color: #fff !important
}

    .btn-view:focus, .btn-view:hover {
        background: #01b2fe
    }

.popover {
    border-radius: 3px !important
}

.popover-content {
    padding: 13px !important
}

.cal-ico-des {
    padding: 5px 0
}

.popover.bottom {
    margin-top: 0
}

    .popover.bottom > .arrow {
        top: -7px;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: transparent
    }

.popover > .arrow::after {
    content: "";
    border-width: 6px
}

span.care-head-txt {
    color: #2B363d;
    font-size: 14px;
    font-weight: 700;
    margin-top: 20px;
    display: inline-block
}

span.skill-head-txt {
    color: #2B363d;
    font-size: 14px;
    font-weight: 700;
    margin-top: 0;
    display: inline-block
}

span.check-txt {
    display: inline-block;
    padding: 3px 10px;
    color: #39464e !important
}

.task-table th {
    border-bottom: 2px solid #1f98df;
    border-top: 0 !important
}

.task-table td {
    border-bottom: 1px solid #ddd;
    white-space: nowrap;
    vertical-align: middle !important
}

.task-table tbody tr:nth-child(odd) td {
    background-color: #fcfdfd
}

.task-table tbody tr:nth-child(even) td {
    background-color: #fff
}

.text-head-txt {
    color: #1f98df;
    font-weight: 700;
    font-size: 13px
}

.text-head-txt1 {
    color: #01a1e5 !important;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer
}

ul.task-link {
    padding: 4px 0 7px;
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 9px;
    display: inline
}

    ul.task-link li {
        list-style: none;
        display: inline-block
    }

        ul.task-link li:last-child a {
            border-right: 0
        }

        ul.task-link li a {
            display: inline-block;
            text-decoration: none;
            font-size: 13px;
            padding: 6px 12px;
            border-right: 1px solid #ddd
        }

        ul.task-link li.task-active a {
            background: #0284d0;
            color: #fff;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px
        }

.login-main {
    background: #ecf0f3;
    width: 100%;
    height: 100%;
    min-height: 500px
}

.task-table > tbody > tr > td, .task-table > tbody > tr > th, .task-table > tfoot > tr > td, .task-table > tfoot > tr > th, .table > task-table > tr > td, .task-table > thead > tr > th {
    padding: 10px 0 !important
}

.check-behavior {
    display: block;
    padding: 5px 0 0
}

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

.assessment-dropdown {
    border-radius: 3px !important;
    box-shadow: 0 0 3px #ddd !important;
    top: 39px !important;
    position: absolute !important;
    padding: 10px !important;
    min-width: 300px
}

.drop-label {
    display: block
}

.assessment-dropdown:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #ccc;
    position: absolute;
    top: -5px
}

.care-history-head {
    font-size: 16px;
    font-weight: 700;
    color: #39464e;
    display: block;
    margin-top: 20px
}

ul.case-history {
    margin: 40px 0 0 68px;
    padding: 0
}

    ul.case-history li {
        border-left: 1px solid #39464e;
        padding: 6px 0 25px 10px;
        font-size: 12.5px;
        list-style: none;
        position: relative
    }

        ul.case-history li:before {
            position: absolute;
            top: -8px;
            left: -5px;
            border: 2px solid #ccc;
            border-radius: 50%;
            content: "";
            background: #fff;
            width: 10px;
            height: 10px
        }

        ul.case-history li span.care-time {
            position: absolute;
            left: -82px;
            background: #222;
            border-radius: 3px;
            padding: 2px 5px;
            color: #fff;
            top: -14px;
            font-size: 12px
        }

            ul.case-history li span.care-time:after {
                content: '';
                display: block;
                position: absolute;
                left: 100%;
                top: 68%;
                margin-top: -10px;
                width: 0;
                height: 0;
                border-top: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid transparent;
                border-left: 6px solid #222
            }

        ul.case-history li span.audio-screen {
            font-size: 12px;
            display: block
        }

            ul.case-history li span.audio-screen a {
                display: block;
                padding: 10px 0;
                color: #0284d0;
                font-weight: 700;
                font-size: 12px
            }

ul.pre-screen {
    position: relative
}

    ul.pre-screen li {
        padding-bottom: 5px
    }

p.care-title {
    margin: -23px 0 0 !important
}

.audio-icon {
    cursor: pointer;
    font-size: 16px
}

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

.nav-sm .navbar.nav_title a span {
    display: none
}

.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%
}

.form-group input.pull-right {
    float: right !important;
    margin: 10px
}

.nav-sm .main_container .top_nav {
    display: block
}

td.nowrap {
    text-align: right !important
}

span.schedule-title {
    padding-left: 5px
}

.page-title ul li {
    list-style: none
}

.page-title ul {
    margin-bottom: 0
}

.toggle-arrow {
    position: absolute;
    right: 20px;
    top: 15px;
    padding: 0 4px;
    width: 22px;
    height: 22px;
    border: 2px solid #0091be;
    border-radius: 100%;
    cursor: pointer;
    transition: .2s all ease-in-out .2s
}

    .toggle-arrow.in {
        transform: rotate(-90deg)
    }

    .toggle-arrow .fa {
        color: #0091be;
        font-size: 12px
    }

.no-margin {
    margin: 0 !important
}

.filter-dropdown {
    position: absolute;
    right: 0;
    top: 0
}

    .filter-dropdown .dropdown-menu {
        left: auto;
        right: 0
    }

.pop_bg_master {
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}

.loading_master img {
    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 70px;
    height: 70px
}

.pull-right .dropdown {
    min-width: 60px
}

textarea {
    resize: none;
    width: 100% !important;
    height: 100% !important
}

.calendar-panel .fc-content .fc-border-separate, .calendar-panel .fc-content .fc-border-separate td, .calendar-panel .fc-content .fc-border-separate th {
    border: 1px solid #c5c5c5;
    border-collapse: collapse
}

span.fc-event-time {
    display: none
}

div.fc-event-time {
    display: none
}

#calendar {
    width: 100%;
    margin: 0 auto
}

.calendar-panel .fc-content .fc-border-separate th {
    background: #ececee;
    padding: 5px 0
}

.cashrewardsimg {
    float: right;
    margin: 10px;
    position: relative;
    cursor: default
}

    .cashrewardsimg .hov {
        width: 150px;
        height: auto;
        border: 1px solid #ccc;
        background: #fff;
        display: none;
        padding: 5px;
        cursor: default;
        margin-top: 0;
        opacity: .9;
        line-height: 16px;
        color: #000;
        margin-left: -30px;
        box-shadow: 3px 3px 4px #999;
        -moz-box-shadow: 3px 3px 4px #999;
        -webkit-box-shadow: 3px 3px 4px #999
    }

    .cashrewardsimg:hover .hov {
        display: block;
        position: absolute
    }

.text-or {
    padding: 8px 10px 0 5px !important;
    float: left
}

.btn-danger, .btn-default, .btn-info, .btn-primary, .btn-success, .btn-warning {
    text-shadow: none
}

.dropdown-help {
    right: 28px !important
}

.form-control-dropdown-help {
    width: 90% !important
}

.pop-input {
    margin: 10px 0 0;
    display: inline-block
}

.form-autocomplete {
    height: 90px !important;
    overflow-y: scroll
}

.resp-tab-content .well {
    padding: 0 19px
}

.user-prof-img img {
    width: 110px;
    min-height: 100%;
    margin: 10px auto 15px;
    text-align: center
}

.user-all-pics {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 1px solid #eee;
    overflow: hidden;
    margin: 0 3px 0 0;
    position: relative
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #000;
    opacity: .7
}

.modal-dialog {
    position: fixed !important;
    width: auto;
    top: 0 !important;
    left: 0 !important;
    z-index: 9999999 !important;
    bottom: 0 !important;
    right: 0 !important;
    margin: 10px auto;
    display: block;
    height: 100%
}


ul.nav-clientAssess li a > i {
    font-size: 18px;
    position: relative;
    top: 3px
}

.attachment-table td:first-child {
    display: none
}

.plus-ico-btn {
    position: relative;
    top: -28px;
    left: 94%
}

.plus-btn-referral {
    position: absolute;
    top: 10px;
    right: 5px
}

.RadAutoCompleteBox {
    width: 100%
}

.refferal-icon-help {
    vertical-align: middle;
    margin: -5px 0 0 5px
}

button.toggle-active {
    background: #0284d0;
    color: #fff;
    border-radius: 4px
}

.single-box-mar {
    margin-top: 15px
}

.search-box-mar {
    margin-top: 10px
}

.audio-txt {
    display: inline !important;
    position: relative;
    top: -8px;
    color: #0284d0;
    font-weight: 700
}

.audio-outer {
    position: relative;
    left: -8px
}

.audiojs {
    width: 20px;
    height: 20px;
    overflow: hidden;
    font-family: monospace;
    font-size: 12px;
    border-radius: 100%;
    background-image: none !important;
    background: none !important;
    box-shadow: none !important;
    margin-top: 5px;
    color: #0284d0
}

    .audiojs .play {
        background: none !important;
        margin: -8px 0 0 -12px !important
    }

        .audiojs .play:after {
            content: "\f01d";
            font-family: FontAwesome;
            color: #0284d0;
            font-size: 16px;
            margin: 14px 0 0 6px !important;
            padding: 3px
        }

    .audiojs .pause {
        background: none;
        margin: -8px 0 0 -12px !important
    }

        .audiojs .pause:after {
            content: "\f28c";
            font-family: FontAwesome;
            color: #0284d0;
            font-size: 16px;
            margin: 14px 0 0 6px !important;
            padding: 3px
        }

.audio-sign {
    display: inline-block;
    padding: 5px;
    line-height: 24px
}

.Drop-scroll {
    overflow-y: scroll;
    height: 300px;
    overflow-x: hidden
}

.top-search-bar {
    margin-top: 27px
}

ul.nav-links li a i.icon-dash-size {
    position: relative;
    top: 2px;
    font-size: 16px;
    margin-right: 5px
}

ul.Caredatalist {
    margin: 0 0 0 2px;
    padding: 0
}

    ul.Caredatalist li {
        display: block;
        padding: 4px 0;
        float: none;
        white-space: nowrap
    }

#lstAttributteListPopup td label {
    position: relative;
    top: -3px
}

.Caredatalist {
    width: 100%
}

    .Caredatalist tr {
        width: 33%;
        display: inline-block
    }

.single-label {
    position: relative;
    top: -1px
}

.emer-icon-size {
    font-size: 13px !important
}

.refferal-icon-add {
    right: 22px !important;
    top: 36px !important;
    position: absolute;
    cursor: pointer
}

.RadAutoCompleteBox .racTokenList {
    border: 0 !important
}



.tab-drop-menu {
    min-width: 200px !important
}

    .tab-drop-menu li {
        display: block;
        padding: 7px 10px;
        font-size: 13px
    }

        .tab-drop-menu li i {
            display: inline-block;
            font-size: 15px;
            margin-right: 0 !important;
            width: 20px
        }

.resp-tabs-list li i {
    font-size: 15px
}

.tab-drop-menu > li > a {
    display: inline;
    padding: 2px
}

.tab-drop-menu > li:focus, .tab-drop-menu > li:hover {
    background-color: transparent;
    background-image: -webkit-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -o-linear-gradient(top,#f5f5f5 0,#e8e8e8 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#e8e8e8));
    background-image: linear-gradient(to bottom,#f5f5f5 0,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#ffe8e8e8',GradientType=0);
    background-repeat: repeat-x
}

.tab-drop-menu > li > a:focus, .tab-drop-menu > li > a:hover {
    background: transparent !important;
    background-image: none !important;
    background-repeat: no-repeat
}

.input-group .RadAutoCompleteBox_Default .racTokenList {
    border-color: #cdcdcd;
    color: #333;
    background-color: #fff;
    border-radius: 5px;
    height: 34px
}

.breadcrumb a {
    font-size: 12px;
    color: #0a0a0a;
    padding: 4px 1px;
    display: inline-block
}

.breadcrumb span {
    font-size: 11px;
    color: #9b9b9b
}

.row-display {
    display: inherit !important
}

.RadTabStrip_Default .rtsLevel .rtsLink.rtsAfter {
    background-image: none !important
}

.RadUpload .ruBrowse, .RadUpload .ruFileWrap {
    background: #1cc719 !important;
    color: #fff;
    border-radius: 3px !important
}

.modal-body .resp-tab-content {
    padding: 15px 0
}

.resp-tab-content .panel > .panel-heading {
    border-bottom: 1px solid #ddd
}

.RadUpload .ruInputs {
    background: none;
    color: #000;
    width: auto !important
}

.RadUpload .ruFileWrap {
    padding: 0 10px !important;
    width: auto !important;
    text-align: center;
    background: #00a1e5
}

.RadUpload .ruRemove {
    color: #4a4a4a !important
}

.RadUpload {
    width: auto !important
}

.form-control {
    width: 100% !important
}

.client-fom-control {
    width: 48% !important;
    display: inline-block
}

.add-new-btn {
    margin-top: 5px !important;
    position: relative;
    top: -4px
}

.form-height {
    height: auto !important
}

.out-txt-area {
    position: relative;
    padding: 10px 0;
    display: block
}

span.name-txt {
    color: #9ca3a7;
    font-weight: 700;
    font-size: 13px;
    color: #39464e;
    position: absolute;
    right: -45px;
    left: 0;
    top: 6px
}

.dashboard_over_scroll {
    overflow-y: scroll;
    max-height: 525px;
    overflow-x: hidden
}

span.name-txt:before {
    content: "\f0d9";
    font-family: FontAwesome;
    right: 16px;
    position: absolute;
    top: 0;
    font-size: 16px
}

.avail-form {
    float: left;
    padding-top: 7px
}

.recurr-table tr td input {
    vertical-align: top
}

.checkedCount tr td label {
    vertical-align: middle
}

#chkWeekDays tr td label {
    font-weight: 400
}

.padding-right5 {
    padding-right: 5px
}

.padding-right10 {
    padding-right: 10px
}

cal-pos-help {
    position: absolute;
    right: 53px
}

.cal-pos-help {
    position: absolute;
    top: 6px;
    right: 0
}

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

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

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


.margin-right0 {
    margin-right: 0 !important
}

.margin-left0 {
    margin-left: 0px !important
}

.margin-left5 {
    margin-left: 5px !important
}

.margin-right5 {
    margin-right: 5px
}

.margin-right10 {
    margin-right: 10px
}

.margin-right15 {
    margin-right: 15px
}

.margin-left10 {
    margin-left: 10px
}

.first-child-head {
    margin-top: 26px !important
}

.listrad ul.rdList li {
    display: inline-block
}

.small-form-control {
    width: 32% !important;
    float: left;
    margin: 0 10px
}

.middle-form-control {
    width: 75% !important;
    float: left;
    margin: 0 10px
}

.icn-form-cont {
    position: absolute;
    right: 35px;
    top: 8px;
    cursor: pointer
}

.year-small-control {
    width: 21.5% !important;
    float: left;
    margin: 0 7px
}

.every-small-control {
    width: 14% !important;
    float: left;
    margin: 0 7px
}

.weekly-small-control {
    width: 20% !important;
    float: left;
    margin: 0 10px 0 0
}

.RadUpload .ruFileWrap {
    height: auto !important;
    line-height: 17px !important;
    cursor: pointer;
    max-height: 100px;
    max-width: 265px !important;
}

span.ruUploadProgress {
    word-break: break-word;
    white-space: initial;
    min-height: 34px;
    padding: 8px 0;
    box-sizing: border-box;
}

.RadUpload .ruButton {
    height: 34px !important
}

.RadTreeView .rtIn {
    width: 100%;
    display: inline-block !important
}

.head-table {
    width: 100%
}

.rolemastertable tbody tr td {
    padding: 0
}

.roletable, .rolecentertable, .outerroletable {
    margin-bottom: 0 !important
}

.roleRadio tr td {
    padding-left: 15px !important
}

span.spn_toplevel {
    padding-left: 10px;
    display: inline-block
}

span.spn_firstlevel {
    padding-left: 25px
}

span.spn_firstlevel2 {
    padding: 3px 0 3px 20px !important;
    display: inline-block
}

span.spn_secondlevel {
    padding-left: 45px
}

span.spn_secondlevel2 {
    padding: 3px 0 3px 50px !important;
    display: inline-block
}

.outerroletable tr.info td:first-child {
    white-space: nowrap;
    vertical-align: middle;
    padding: 4px 0 !important
}

.head-table tr td span {
    padding: 8px 10px;
    display: inline-block;
    font-weight: 700
}

.head-table tbody tr {
    background: #f9f9f9
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden
}

.display {
    display: block
}

.drop-list:before, .drop-list:after {
    content: "";
    display: block;
    clear: both;
    background: #f8f8f8
}

.drop-list {
    margin-bottom: 35px;
    padding: 5px 0;
    border-bottom: 1px solid #ddd
}

    .drop-list h2 {
        font-size: 20px;
        float: left;
        margin: 8px 0;
        color: #4a4a4a
    }

    .drop-list .btn-primary {
        background: #5cb85c;
        border: none;
        font-size: 15px;
        padding: 7px 10px
    }

        .drop-list .btn-primary:hover {
            background: #1cc719 !important;
            border: 1px solid #1cc719 !important
        }

        .drop-list .btn-primary.active, .drop-list .btn-primary:active, .drop-list .open > .dropdown-toggle.btn-primary {
            background: #1cc719 !important;
            border: 1px solid #1cc719 !important
        }

.btn-font {
    font-weight: 700;
    margin-right: 0 !important
}

.btn-color {
    color: #2b363d !important;
    font-size: 13px !important
}

.drop-list .dropdown-menu > li > a {
    font-size: 13px;
    padding-left: 10px;
    padding-right: 20px
}

    .drop-list .dropdown-menu > li > a i {
        padding-right: 5px
    }

.drop-list.btn-primary.active.focus, .drop-list.btn-primary.active:focus, .drop-list.btn-primary.active:hover, .drop-list.btn-primary.focus:active, .drop-list.btn-primary:active:focus, .drop-list.btn-primary:active:hover, .drop-list.open > .dropdown-toggle.btn-primary.focus, .drop-list .open > .dropdown-toggle.btn-primary:focus, .drop-list.open > .dropdown-toggle.btn-primary:hover {
    background: #1cc719 !important;
    border: 1px solid #1cc719 !important
}

.SubmenuScroll {
    height: 300px
}

.search-btn {
    margin-top: 34px
}

.admin-all-mar {
    margin-left: 5px
}

.corporate-search {
    color: #555;
    font-size: 14px;
    text-align: left;
    border: 1px solid #ccc !important;
    background: #fff;
    height: 34px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
}

.corporate-search-btn {
    background: #0284d0 !important;
    color: #fff;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 0 10px;
    border: none;
    height: 34px
}

.seach-select {
    width: 100%;
    color: #555;
    font-size: 14px;
    text-align: left;
    border: 1px solid #ccc !important;
    background: #fff;
    height: 34px;
    border-radius: 5px
}

.exportBtn .rgCommandCell div {
    padding: 0 7px !important
}

.btn-export-top {
    margin: 7px 0
}

.exportBtn .rgCommandCell div input {
    background: #1cc719;
    border: none;
    font-size: 14px;
    padding: 8px 20px;
    margin: 0;
    border-radius: 3px;
    color: #fff
}

    .exportBtn .rgCommandCell div input:hover {
        background: #1cc719 !important
    }

.RadGrid_Default .rgCommandRow {
    background: #f5f5f5 !important;
    border-color: #dcdcdc !important;
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 3px rgba(0,0,0,.05),0 1px 0 rgba(255,255,255,.1);
    border: none !important
}

.button-stick-right {
    position: absolute;
    right: 0;
    top: 0;
    color: #0284d0;
    font-size: 23px;
    z-index: 1
}

.response-tab .well {
    background: none !important;
    background-image: none !important;
    border: none;
    border-radius: 0;
    padding: 10px 0
}

.search-alphabetically {
    display: block;
    margin: 0 0 10px
}

    .search-alphabetically span {
        display: inline-block;
        font-size: 14px
    }

        .search-alphabetically span a {
            display: inline-block;
            font-size: 14px;
            text-transform: uppercase;
            text-decoration: underline;
            padding: 0 5px
        }

.client_profile_details ul li span.firstChild {
    padding: 0;
    display: inline-block;
    width: 22%
}

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

.client-margin {
    margin: 0 !important
}

    .client-margin br {
        line-height: 76px
    }

.tab-toggle i {
    margin-right: 10px
}

.all-field {
    float: right;
    padding-top: 20px
}

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

.RadTabStrip_Default .rtsLevel .rtsLink {
    background-image: none !important
}

.RadTabStrip_Default .rtsLevel .rtsFirst .rtsLink {
    background-image: none !important
}

.RadTabStrip_Default .rtsLevel .rtsOut {
    border: 0 !important;
    border-top: 2px solid transparent !important;
    padding: 9px 10px !important;
    background-image: none !important;
    background: transparent !important
}

.RadTabStrip_Default .rtsLevel .rtsLink.rtsSelected {
    color: #0284d0 !important;
    font-size: 14px
}

.RadTabStrip_Default .rtsLI, .RadTabStrip_Default .rtsLink {
    font-size: 13px !important;
    font-family: 'Lato',sans-serif !important;
    color: #0098cb !important
}

.RadTabStrip_Default .rtsLevel .rtsSelected .rtsOut {
    border: 1px solid #000 !important;
    border-bottom: none;
    padding: 9px 10px !important;
    border-top: 3px solid #0284d0 !important;
    border-bottom: 0 #fff solid !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-image: none !important;
    color: #000 !important;
    background: #fff !important
}

.user-profile-detail {
    margin: 35px 0 20px
}

.small-star {
    width: auto !important
}

.k-scheduler-times, .k-scheduler-content {
    z-index: 0 !important
}

.user-profile-detail label {
    margin: 0
}

.user-profile-detail .form-group {
    margin-bottom: 5px
}

.RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStrip .rtsLevel1 .rtsTxt {
    padding: 0 !important
}

.Rad-tab-container {
    background-color: #fff;
    clear: left;
    padding: 0 15px 15px
}

.RadTabStrip .rtsLink, .RadTabStripVertical .rtsLink {
    padding-left: 0 !important
}

.RadGrid_Default .rgCommandCell {
    border: 0 !important
}

.RadGrid_Default .rgNumPart a:hover span, .RadGrid_Default .rgNumPart a.rgCurrentPage span {
    background: #f0f0f0 !important;
    padding: 4px 12px !important;
    color: #4d5557;
    box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.2) !important;
    line-height: 22px
}

.RadGrid .rgNumPart a {
    padding: 0 !important
}

.rgAdvPart {
    position: relative
}

.full-box {
    display: block
}

.RadGrid_Default .rgNumPart a:hover, .RadGrid_Default .rgNumPart a.rgCurrentPage {
    background: transparent !important;
    padding: 0 !important
}

.add-dash-btn {
    background: transparent;
    box-shadow: none;
    border: none
}

#column_left {
    background-color: transparent
}

.nav-list li {
    border-bottom: 1px solid #efefef
}

    .nav-list li a {
        text-decoration: none;
        display: block;
        padding: 10px;
        cursor: pointer;
        font-weight: 400;
        color: #9d9d9d
    }

.nav-header-primary span {
    padding: 8px 0
}

.nav-header-primary {
    font-weight: 700
}

.nav-list li a ul li a {
    font-weight: 400
}

.nav-list > li {
    padding: 3px 0
}

    .nav-list > li > a {
        color: #0284d0 !important;
        font-size: 14px;
        padding: 3px 0 4px 3px !important
    }

        .nav-list > li > a > i {
            font-size: 18px;
            position: relative;
            top: 3px;
            left: 3px
        }

        .nav-list > li > a.activeLink {
            position: relative
        }

.inner > li > a > i {
    font-size: 14px;
    position: relative;
    top: 1px;
    margin-right: 8px
}

.sub-inner > li > a > i {
    font-size: 16px;
    position: relative;
    top: 1px;
    margin-right: 5px;
    padding-left: 5px
}

.nav-list > li > a:hover {
    background-color: #444
}

.CssTelerik {
    width: 99% !important;
    height: auto !important;
    padding: 5px;
    border: 1px solid #ccc !important
}

.open-link-button input {
    background: #0284d0;
    color: #fff;
    border: 0;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 9px 0
}

.Default .reToolbar li {
    background-image: none !important;
    background: #fff;
    border: 1px solid #ddd
}

.reDropdown {
    border: 1px solid #ddd !important
}

.reContentCell {
    border: none !important
}

ul.Default li:first-child {
    display: none
}

ul.Default li:last-child {
    display: none
}

.status-control {
    display: block;
    width: 150px;
    height: 24px;
    padding: 1px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.RadGrid_Default .rgHeader, .RadGrid_Default th.rgResizeCol, .RadGrid_Default .rgHeaderWrapper {
    background: none !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #0098cb !important;
    font-size: 13px;
    font-family: 'Lato',sans-serif;
    white-space: nowrap
}

.rgDataDiv {
    overflow: hidden !important;
    height: auto !important
}

.rgHeaderDiv {
    margin-right: 0 !important
}

.rgMasterTable {
    margin-bottom: 0
}

.RadGrid_Default {
    border: none !important;
    width: 100% !important;
    min-width: 100% !important;
    margin-bottom: 30px
}

    .RadGrid_Default .rgRow > td, .RadGrid_Default .rgAltRow > td, .RadGrid_Default .rgEditRow > td, .RadGrid_Default .rgFooter > td {
        font-size: 13px;
        font-family: 'Lato',sans-serif;
        white-space: nowrap
    }

.file_up {
    display: inline-block
}

.RadTreeView .rtIn {
    text-transform: capitalize !important
}

p.arial_11_666 {
    padding-left: 77px
}

.all-img-icons {
    margin-right: 5px
}

tr.rgRow:hover, tr.rgAltRow:hover {
    background: rgba(1,161,229,0.05) !important
}

.admin_grid {
    clear: both
}

.admin-page-top h1 {
    font-size: 18px;
    margin: 0;
    padding-bottom: 0;
    color: #000;
    line-height: 52px;
    font-weight: 700
}

.right-admin-content h1 {
    font-size: 22px;
    margin-top: 7px;
    margin-bottom: 26px;
    color: #4a4a4a;
    line-height: 52px;
    font-weight: 700
}

.admin-page-top .admin-all-mar, .admin-page-top .btn-success {
    margin: -8px 0 0
}

.RadGrid_Default .rgAltRow {
    background: rgba(242,243,245,0.2) !important
}

.RadGrid_Default .rgRow > td {
    border-color: #ddd !important
}

.RadGrid_Default .rgAltRow > td {
    border-color: #ddd !important
}

table.rgMasterTable tbody td {
    border-bottom: 0
}

.RadGrid_Default td.rgPagerCell {
    border: none !important
}

.RadGrid_Default .rgPager {
    background: transparent !important
}

.RadGrid .rgPager > td {
    padding: 8px 0 !important;
    border-bottom: none
}

.note {
    color: #777;
    font-size: 12px
}

.RadTreeView .rtLines .rtTop, .RadTreeView .rtLines .rtLI, .RadTreeView .rtLines .rtMid, .RadTreeView .rtLines .rtBot {
    background: transparent !important
}

ul.rtUL li a {
    font-size: 13px;
    color: #0284d0 !important
}

.RadTreeView .rtUL .rtUL {
    padding-left: 10px !important
}

.RadTreeView_Default .rtHover .rtIn {
    border: 1px solid #ddd !important;
    color: #fff !important;
    background-color: #0284d0 !important;
    background-image: none !important;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    color: #fff !important;
    padding-left: 8px
}

.RadTreeView .rtTop, .RadTreeView .rtMid, .RadTreeView .rtBot {
    padding: 1px 0 1px 6px !important
}

.RadTreeView_Default .rtSelected .rtIn {
    border: none !important;
    background-color: #0284d0 !important;
    background-image: none !important;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
    color: #fff !important;
    padding-left: 10px
}

ul.rtUL li.rtLI .rtSelected a {
    font-weight: 700 !important
}

.table > thead > tr > th {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.RadGrid .rgRow > td, .RadGrid .rgAltRow > td, .RadGrid .rgEditRow > td, .RadGrid .rgFooter > td {
    color: #2a2a2a !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    vertical-align: middle;
    height: 48px
}

.nav-sm .nav.side-menu li a {
    text-align: left !important;
    font-weight: 400
}

    .nav-sm .nav.side-menu li a span {
        visibility: hidden;
        transition: all .1s ease .1s;
        display: none;
        margin: 0 0 0 20px
    }

    .nav-sm .nav.side-menu li a:hover span {
        visibility: hidden;
        vertical-align: middle;
        display: none
    }

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

.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 .menu_section h3, .nav-sm .profile {
    display: none
}

.nav-sm .nav.side-menu li a, .nav-sm .nav.child_menu > li > a {
    padding: 15px 19px
}

ul.nav.child_menu {
    left: 100%;
    position: absolute;
    top: 0;
    width: 275px;
    z-index: 4000;
    background: #fff;
    display: none;
    box-shadow: 1px 3px 5px #ddd;
    padding: 19px
}

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

    .nav-sm ul.nav.child_menu li a {
        text-align: left !important;
        padding: 3px 0;
        color: #0284d0
    }

        .nav-sm ul.nav.child_menu li a.child_open_menu {
            color: #000
        }

.nav-top-mar {
    margin-top: 60px !important
}

.nav-sm ul.nav.open_menu {
    display: block !important;
    box-shadow: none;
    padding: 5px 10px
}

.nav.child_menu > li a.nav-heading {
    color: #c4c4c4;
    font-size: 15px;
    padding: 8px 0;
    text-transform: uppercase
}

.nav-sm .nav.side-menu > li > ul h4 {
    display: block;
    color: #3a474f;
    margin: 0;
    padding: 0 0 19px
}

.nav-sm .nav.side-menu > li > ul li a.nav-heading {
    display: block;
    color: #c4c4c4;
    font-size: 15px;
    text-transform: uppercase;
    padding: 19px 0 0;
    border-top: 1px solid #e5e5e5
}

.nav-sm ul.open_menu:last-child {
    padding-bottom: 19px
}

.menu_section {
    margin-bottom: 35px
}

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

    .menu_section > ul {
        margin-top: 10px
    }

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

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

.profile_info {
    padding: 25px 10px 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
    }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    white-space: nowrap;
    border-top: 0;
    border-bottom: 1px solid #ddd;
    vertical-align: middle
}

.grid-RowCount-label {
    color: #39464E;
    font-family: Lato;
    font-size: 14px;
    line-height: 17px;
    margin-left: 2px
}

.input-group.stylish-input-group {
    position: relative;
    z-index: 1
}

.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: center;
    margin-top: 10px;
    font-size: 10px;
    min-width: inherit;
    color: #C4CFDA
}

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

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

.nav-sm .menu_section {
    margin: 0
}

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

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

.nav_menu {
    float: left;
    background: #fff;
    border-bottom: 1px solid #D9DEE4;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    box-shadow: 5px 2px 8px #ccc
}

.label-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    font-weight: 400;
    letter-spacing: .5px
}

.label .badge {
    position: relative;
    top: -1px
}

.label-sm .badge {
    font-size: 11px;
    padding: 3px 5px
}

.label-default .badge {
    color: #777;
    background-color: #fff
}

.form-codes .label {
    display: inline-block;
    margin: 3px 1px
}

.tooltip > .tooltip-inner {
    background-color: rgba(0,0,0,0.7);
    font-size: 11px
}

.tooltip-inner {
    white-space: normal;
    max-width: none
}

.rate-btn {
    float: right;
    display: inline-block;
    margin-top: -15px
}

.md-body-new {
    height: 400px;
    overflow-y: scroll
}

.right-nav-content h3 {
    font-size: 20px;
    margin: 0 0 10px;
    padding: 15px 0;
    color: #4a4a4a
}

body .container.body .window-pop {
    background: #ecf0f3
}

body .container.body .right_col {
    background: #ecf0f3 !important
}

.right_col .inner-row {
    clear: both;
    display: block;
    position: relative;
    padding: 0 20px;
    background: #ecf0f3 !important;
    min-height: 674px
}

.window-pop .inner-row {
    background: #ecf0f3 !important
}

.right_col .inner-row:before, .right_col .inner-row:after {
    content: "";
    clear: both;
    display: table
}

.nav_title {
    background: transparent;
    border-radius: 0
}

.allerge-table tbody tr td {
    width: 13%
}

    .allerge-table tbody tr td input {
        position: relative;
        top: 0px;
        left: 5px;
    }

    .allerge-table tbody tr td label {
        font-weight: 400;
        margin-left: 10px;
    }

table.allerge-new--table {
    width: 100%;
}

    table.allerge-new--table tbody tr {
        display: flex;
    }

.allerge-new--table tbody tr td {
    display: flex;
    width: 33%;
    margin-bottom: 10px;
}

    .allerge-new--table tbody tr td input {
        position: relative;
        top: 3px;
        margin-right: 5px;
    }

    .allerge-new--table tbody tr td label {
        margin-left: 10px;
        margin-bottom: 0;
        word-break:break-word;
    }

@media (max-width: 1023px) {
    .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: 0 !important
    }
}

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

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

@media (max-width: 1270px) and (min-width: 1920px) {
    .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 !important
}

.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: #1ABB9C !important;
    border: 1px solid #1ABB9C !important;
    color: #fff
}

.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !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 {
    width: 100%;
    padding: 0
}

.top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover, .top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover {
    background: #fff;
    color: #0284d0 !important
}

.main_container .top_nav {
    display: block;
    margin-left: 0;
    position: fixed;
    left: 0;
    right: 0;
    z-index: 99;
    top: 0
}

.no-padding {
    padding: 0 !important
}

.padding-none {
    padding: 0 !important
}

.table-line .rcbReadOnly {
    background-color: transparent !important;
    background-image: none !important
}

.label-display {
    display: block;
    padding-left: 17px
}

.no-padding .well {
    padding-top: 0;
    padding-bottom: 0
}

.no-padding .input-group {
    margin-bottom: 18px
}

@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
    }
}

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

a {
    color: #5A738E
}

.navbar {
    margin-bottom: 0;
    min-height: 58px;
    background: #fff;
    border-bottom: 1px solid #d9dee4 !important;
    border-right: 1px solid #d9dee4 !important
}

.navbar-header {
    background: #34495E
}

.navbar-right {
    margin-right: 0
}

.top_nav .navbar-right {
    margin: 0;
    width: 41%;
    float: right
}

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

.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: 10px 20px
    }

.top_nav li a i {
    font-size: 18px;
    color: #0a0a0a;
    padding: 19px 10px;
    transition: all .15s ease-in-out
}

.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;
    border-bottom: 1px solid rgba(255,255,255,0.1)
}



@media (min-width: 1024px) {
    .nav-sm .nav.side-menu.nav-top-mar > li {
        position: relative
    }

        .nav-sm .nav.side-menu.nav-top-mar > li:hover {
            width: 256px;
            display: block !important
        }

            .nav-sm .nav.side-menu.nav-top-mar > li:hover a {
                background: #095da3
            }

    .modal {
        text-align: center;
        padding: 0 !important
    }

        .modal:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px
        }

    .modal-dialog {
        display: inline-block;
        text-align: left;
        vertical-align: middle
    }
}

.nav.side-menu > li > a:before {
    content: "";
    width: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    transition: width .1s ease-in-out .1s;
    z-index: -1
}

.nav.side-menu > li.active > a:before, .nav.side-menu > li.active-sm > a:before, .nav.side-menu > li > a:hover:before {
    width: 100%;
    text-shadow: rgba(0,0,0,.25) 0 -1px 0;
    background: -moz-linear-gradient(left,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0.3) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#00ffffff',GradientType=1)
}

.nav-sm .nav.side-menu > li.active > a:before, .nav-sm .nav.side-menu > li.active-sm > a:before, .nav-sm .nav.side-menu > li > a:hover:before {
    width: 100%;
    text-shadow: rgba(0,0,0,.25) 0 -1px 0;
    background: #fff
}

.nav-sm .nav.side-menu > li.active > a > i, .nav-sm .nav.side-menu > li.active > a > [class^="ico-"], .nav-sm .nav.side-menu > li.active > a > [class*=" ico-"], .nav-sm .nav.side-menu > li > a:hover i, .nav-sm .nav.side-menu > li > a:hover [class^="ico-"], .nav-sm .nav.side-menu > li > a:hover [class*=" ico-"], .nav-sm .nav.side-menu > li.active-sm > a > i, .nav-sm .nav.side-menu > li.active-sm > a > [class^="ico-"], .nav-sm .nav.side-menu > li.active-sm > a > [class*=" ico-"] {
    background: transparent;
    color: #0192bf
}

.site_title {
    font-weight: 400;
    font-size: 22px;
    width: 100%;
    display: block;
    margin: 0;
    text-align: center
}

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

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

.toggle {
    float: left;
    margin: 0;
    padding-top: 18px;
    width: 30px
}

.bread-top-crum {
    float: left;
    margin: 0;
    padding-top: 16px;
    width: 56%
}

.toggle a {
    padding: 10px 10px 0;
    margin: 0;
    cursor: pointer;
    color: #535333
}

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

.sub_title {
    color: #000;
    display: flex;
    position: relative;
    justify-content: center;
    flex-grow: 1;
    align-items: center;
    margin: 0;
    padding: 0
}

    .sub_title span {
        flex-grow: 1
    }

span.arrow {
    width: 20px;
    flex-grow: 0;
    text-align: center;
    background: #000;
    color: #fff
}

#leftmenu.close ul > li > .sub_title .icontitle {
    display: none
}

#leftmenu.close ul > li > .sub_title .icon {
    margin: 0
}

.submenu ul.open {
    opacity: 1;
    visibility: visible;
    max-height: 500px
}

.sub_title .icon {
    background: transparent;
    width: 50px;
    flex-grow: 0;
    text-align: center;
    margin-right: 12px
}

.nav.child_menu > li > a {
    color: rgba(255,255,255,.75);
    font-size: 14px;
    padding: 6px
}

footer {
    background: #fff;
    padding: 15px 20px;
    display: block;
    border-top: 1px solid #e6e5e3;
    color: #a6a6a6
}

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

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

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

.profile_details:nth-child(3n) {
    clear: both
}

.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;
        text-align: left;
        font-size: 16px
    }

    .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: 0;
        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 .brief {
        margin: 0;
        font-weight: 300
    }

.profile_details .profile_left {
    background: #fff
}

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;
            -webkit-border-radius: 2px;
            float: left;
            margin-right: 10px;
            width: 11%
        }

        ul.msg_list li a .time {
            font-size: 11px;
            font-style: italic;
            font-weight: 700;
            position: absolute;
            right: 35px
        }

        ul.msg_list li a .message {
            display: block !important;
            font-size: 11px
        }

.dropdown-menu.msg_list span {
    white-space: normal
}

.tile_count .tile_stats_count, ul.quick-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

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

    .dropdown-menu > li > a {
        color: #0a0a0a
    }

.navbar-nav .open .dropdown-menu {
    margin-top: 0;
    border: 1px solid #d9dee4;
    box-shadow: -3px 5px 4px -2px rgba(0,0,0,0.2);
    right: 0;
    left: auto;
    min-width: 122px;
    z-index: 999999 !important;
    position: absolute;
    background: #fff
}

    .navbar-nav .open .dropdown-menu li a {
        padding: 10px 12px !important
    }

.navbar-nav .bell-none.open .dropdown-menu li a {
    padding: 10px 2px 10px 2px !important;
    font-weight: 900;
}

.navbar-nav .open .dropdown-menu.msg_list {
    width: 300px
}

span.right {
    float: right;
    font-size: 14px !important
}

.tile_info a {
    text-overflow: ellipsis
}

.sidebar-footer {
    bottom: 0;
    clear: both;
    display: block;
    padding: 5px 0 0;
    position: fixed;
    width: 230px;
    background: #2A3F54;
    z-index: 999
}

    .sidebar-footer a {
        padding: 7px 0 3px;
        text-align: center;
        width: 25%;
        font-size: 17px;
        display: block;
        float: left;
        background: #172D44;
        cursor: pointer
    }

        .sidebar-footer a:hover {
            background: #425567
        }

@media (min-width: 992px) {
    footer {
        margin-left: 230px
    }
}

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

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

ul li a.user-profile {
    color: #0a0a0a !important;
    font-size: 13px
}

ul li a.lms-profile {
    color: #00a1e5 !important;
    font-size: 12px;
    border-right: 1px solid #f2f2f2;
    padding: 0;
    cursor: pointer
}

.user-profile img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #f2f2f2;
    box-shadow: 0 0 2px #f2f2f2
}

ul li a.lms-profile .fa-rocket {
    transform: rotate(-10deg);
    font-size: 19px
}

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 .day, .media .date .month {
        margin: 0;
        text-align: center;
        color: #fff
    }

    .media .date .day {
        font-size: 27px;
        line-height: 27px;
        font-weight: 700
    }

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

.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 img {
    margin-right: 10px
}

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

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

.main-content {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px
}

.service-box {
    border: 1px solid #e8e8e8;
    background: #fff;
    box-shadow: 0 0 4px rgba(232,232,232,0.5);
    padding: 20px;
    position: relative
}

.all-mar {
    margin-bottom: 20px;
    display: flex
}

.main-content .row {
    margin-bottom: 0
}

.schedule {
    font-size: 16px;
    color: #0091be;
    font-weight: 700;
    text-align: left
}

.outline-btn {
    border: 1px solid #0091be;
    border-radius: 5px;
    padding: 8px 15px;
    background: transparent;
    text-align: center;
    color: #0091be;
    font-size: 12px;
    font-weight: 400;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

    .outline-btn + .outline-btn {
        margin-left: 5px
    }

    .outline-btn:last-child {
        margin-right: 0
    }

    .outline-btn:hover {
        background: #0091be;
        color: #fff
    }

.date button[type="button"] {
    display: block;
    color: #000;
    font-size: 19px;
    margin: 30px 0;
    background: transparent;
    border: 0
}

    .date.open button[type="button"], .date button[type="button"]:focus, .date button[type="button"]:active, .date button[type="button"]:hover {
        outline: none
    }

ul.timeline li .small-font {
    font-size: 12px;
    color: #9c9c9c;
    display: block;
    padding: 0 0 3px 17px;
    position: absolute;
    top: -32px;
    margin-top: 10px
}

.appointment {
    padding: 0 5px 6px;
    clear: both;
    margin-top: 5px;
    overflow: hidden
}

.dashboard-widget-content {
    padding-top: 20px
}

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

ul.timeline li {
    position: relative;
    clear: both;
    border-left: 3px dashed #e8e8e8
}

ul.timeline .block {
    margin: 0;
    overflow: visible;
    padding: 10px 15px
}

h2.title:last-child:after {
    background: #000
}

ul.timeline li:last-child {
    border: 0
}

ul.timeline li h2.title:before {
    content: "";
    position: absolute;
    left: -6px;
    top: 0;
    display: block;
    width: 14px;
    height: 14px;
    border: 3px solid #00a2e3;
    border-radius: 14px;
    background: #00a2e3
}

ul.timeline li:last-child h2.title:before {
    background: none
}

.byline {
    line-height: 1.3;
    margin-bottom: 20px
}

h2.title {
    font-size: 16px;
    color: #39484f;
    font-weight: 700;
    margin: -9px 0 5px;
    cursor: pointer
}

span.minute {
    font-size: 14px;
    color: #9c9c9c
}

.image-section {
    position: relative;
    margin: 0 0 15px
}

.image-outer-area {
    padding: 0;
    padding: 0;
    display: block;
    width: 100%
}

    .image-outer-area:before, .image-outer-area:after {
        content: "";
        clear: both;
        display: table
    }

.img-top {
    margin: 12px 12px 0 0
}

.RadGrid_Default .rgGroupPanel {
    background: #f5f5f5 !important
}

.RadGrid_Default .rgHeader a {
    color: #4a4a4a !important
}

.RadGrid_Default .rgGroupItem {
    background: #fff !important
}

.RadGrid_Default td.rgGroupCol, .RadGrid_Default td.rgExpandCol {
    background: #fff !important;
    border: 0 !important
}

.payRoll-search {
    margin-top: 27px !important
}

.primary-top-mar {
    margin-top: 34px !important
}

.payRoll-row {
    background: #f5f5f5 !important
}

h2 .first-name {
    font-size: 20px
}

h3.add-line {
    font-size: 15px;
    color: #6c757c
}

.right-links {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 35px;
    right: 0
}

span.notification {
    float: right
}

    span.notification a {
        float: right;
        border-radius: 50%;
        border: 1px solid #f1f1f1;
        box-shadow: 0 0 6px #f1f1f1;
        width: 42px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        margin-right: 15px
    }

span.map-bg {
    float: right;
    background: #00a1e5;
    border-radius: 50%;
    border: 1px solid #00a1e5;
    box-shadow: 0 0 4px #f0f0f0;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    cursor: pointer
}

.block .row {
    display: block;
    clear: both;
    margin: 30px 0 38px
}

.dt-buttons, .dataTables_filter {
    display: none
}

table.dataTable thead th, table.dataTable thead td {
    border-bottom: 2px solid #0091be
}

.data-tab-margin {
    margin-bottom: 20px
}

.date-menu > li > a {
    font-size: 16px
}

table.dataTable.no-footer {
    border-bottom: 0
}

.rgWrap.rgAdvPart table {
    width: 45px !important
}

.link {
    color: #0284d0 !important;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px
}

    .link a {
        color: #0284d0 !important;
        cursor: pointer;
        font-weight: 700;
        font-size: 13px
    }

.first-head {
    font-size: 17px
}

.second-head {
    font-size: 15px
}

.bubbletip {
    z-index: 99999
}

.holiday-txt {
    padding: 8px 10px 8px 0
}

.radio-single {
    margin-top: 34px
}

.RadComboBox .rcbArrowCell a {
    background: url(/images/input-arrow.png) 0 center no-repeat;
    cursor: pointer !important
}

.rgMasterTable .RadComboBox .rcbArrowCell a {
    width: 18px !important;
    background-position: 4px center !important;
    height: 33px
}

.approve {
    background: #ddd;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 15px;
    margin: 0 3px;
    text-align: center;
    width: 16px;
    cursor: pointer;
    display: inline-block
}

    .approve:hover, .approve:focus {
        background: #2cc46f
    }

.information {
    background: #ddd;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 15px;
    margin: 0 3px;
    text-align: center;
    width: 16px;
    cursor: pointer;
    display: inline-block
}

    .information:hover, .information:focus {
        background: #0284d0
    }

.remove {
    background: #ddd;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 16px;
    line-height: 15px;
    margin: 0 3px;
    text-align: center;
    width: 16px;
    cursor: pointer;
    display: inline-block
}

    .remove:hover, .remove:focus {
        background: #f12c5a
    }

.main-title {
    padding: 0;
    margin-bottom: 10px;
    clear: both
}

    .main-title h2 {
        float: left;
        display: block;
        color: #9b9b9b;
        font-size: 14px;
        font-weight: 700;
        margin: 0
    }

    .main-title h3 {
        float: right;
        display: block;
        color: #9b9b9b;
        font-size: 12px;
        margin: 0
    }

.content-area {
    padding: 25px 0 0;
    position: relative;
    clear: both
}

.count-area {
    float: left;
    display: block
}

    .count-area h1 {
        font-size: 35px;
        color: #38454b;
        font-weight: 700;
        margin: 10px 0 0
    }

    .count-area span {
        font-size: 17px;
        color: #9b9b9b;
        display: block
    }

.down-arrow {
    color: #2bc370;
    margin-right: 5px;
    font-size: 25px;
    position: relative;
    top: 3px
}

.graph-area {
    display: block;
    position: relative
}

.graph-img img {
    position: absolute;
    right: 0;
    top: -40px
}

.box-header:before, .box-header:after {
    content: "";
    clear: both;
    display: table
}

.modal-map, .modal-map1 {
    background: #fff;
    border: none;
    position: absolute;
    top: -20px;
    padding: 0;
    right: -999px;
    width: 97%;
    visibility: hidden;
    opacity: 0;
    z-index: -999;
    transition: .1s all .1s ease
}

    .modal-map.in, .modal-map1.in {
        visibility: visible;
        opacity: 1;
        z-index: 999;
        right: 0
    }

.map-small-font {
    font-size: 12px;
    color: #9c9c9c;
    display: block
}

h2.map-title {
    font-size: 16px;
    color: #39484f
}

.direction:before, .direction:after {
    content: "";
    clear: both;
    display: table
}

.direct-row {
    clear: both;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    color: #666
}

    .direct-row p {
        float: left;
        font-size: 13px;
        color: #666;
        margin: 0 10px 0 0
    }

        .direct-row p:last-child {
            float: right;
            font-size: 12px;
            color: #aaa;
            margin: 0
        }

    .direct-row:before, .direct-row:after {
        content: "";
        clear: both;
        display: table
    }

span.map-close {
    background: #00a1e5;
    border-radius: 50%;
    border: 1px solid #00a1e5;
    box-shadow: 0 0 4px #f0f0f0;
    width: 42px;
    height: 42px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 116px;
    z-index: 9
}

.green-map {
    color: #2bc370;
    font-size: 16px
}

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

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f9fdff
}

.modal-body {
    overflow-y: auto !important;
    overflow-x: hidden !important
}

.racSlide {
    z-index: 99999999 !important
}

.RadRating a {
    height: auto !important
}

.form-control-grid {
    display: block;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.main-content .panel {
    box-shadow: inset -1px 0 0 0 #E5E5E5,0 4px 6px 0 rgba(0,0,0,0.05);
    border-radius: 4px;
    position: relative;
    padding: 0;
    border: .5px solid rgba(212,212,212,0.5) !important;
    margin-bottom: 0
}

.main-panel-pad {
    padding: 0 15px !important
}

.image-section:before, .image-section:after {
    content: "";
    clear: both;
    display: table
}

.block:before, .block:after {
    content: "";
    clear: both;
    display: table
}

.nav > li > a > span.glyphicon.glyphicon-menu-down {
    font-size: 10px;
    margin-left: 5px
}

.icon-style {
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px
}

.panel > .panel-heading {
    font-size: 16px;
    font-weight: 700;
    background: none;
    border: none
}

    .panel > .panel-heading > .panel-title {
        line-height: 35px;
        display: inline-block;
        color: #0091be
    }

    .panel > .panel-heading > h4 {
        font-size: 20px
    }

.panel-heading > p {
    font-weight: 400
}

.panel > .panel-body {
    padding: 0 15px 15px
}

.modal-footer .btn-primary {
    background: #1cc719 !important;
    border: 1px solid #1cc719 !important;
    border: none;
    font-size: 14px;
    padding: 7px 20px !important;
    box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -webkit-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -moz-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -o-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5)
}

    .modal-footer .btn-primary:hover {
        background: #1cc719 !important;
        border: 1px solid #1cc719 !important
    }

.right-admin-content .well {
    padding: 0 15px !important
}

.roleRadio td label {
    padding-left: 5px
}

.modal-footer .btn-default {
    background: none;
    font-size: 14px;
    padding: 7px 20px !important;
    color: #4e595b;
    border: 0;
    border-radius: 3px;
    margin-bottom: 0 !important;
    border: 1px solid #e5e5e5
}

.modal-footer .btn i {
    padding-right: 6px
}

.modal-footer {
    background: #f9f9f9;
    border-top: 1px solid #d8d8d8;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.modal-header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #f9f9f9;
    color: #3b4044;
    border-bottom: 3px solid #0284d0
}

    .modal-header .close {
        opacity: 1;
        color: #3b4044;
        text-shadow: none;
        margin: 0 !important;
        font-size: 36px;
        line-height: 20px;
        font-weight: 400
    }

.modal-body .row label {
    font-size: 14px;
    color: #3a4750;
    vertical-align: top;
    display: inline-block !important
}

.modal-body h5 {
    color: #0091be;
    font-size: 16px;
    font-weight: 700
}

.modal-body .well p {
    font-size: 15px;
    color: #38474e
}

.modal-body .checkbox {
    margin-top: 20px;
    margin-bottom: 20px
}

.modal-body .row label span {
    font-size: 14px;
    color: #3a4750;
    color: #7d8286;
    display: inline-block;
    font-weight: 400;
    margin: 0
}

    .modal-body .row label span.client_red {
        display: inline-block !important;
        color: red !important;
        padding-left: 2px
    }

.schedul-top-head {
    display: inline-block !important
}

.schedul-top-head-txt {
    font-weight: 900 !important;
    color: #3a4750 !important;
    padding-right: 10px;
    font-size: 14px
}

.schedule-horizont-scroll {
    max-height: 400px;
    overflow-y: auto
}

.office-permission-table thead th span label {
    margin: 0 !important;
    vertical-align: middle;
    font-weight: 400
}

.modal-body input[type="checkbox"] {
    height: 13px;
    width: 13px;
    margin-right: 5px;
    cursor: pointer;
    background-color: #fff;
    vertical-align: middle !important;
    border-radius: 5px
}

.schedule-time {
    font-size: 14px;
    color: #3a4750
}

    .schedule-time span {
        font-size: 14px;
        color: #3a4750;
        color: #7d8286;
        display: block;
        font-weight: 400;
        margin: 0
    }

.tab-content {
    padding: 15px 0
}

.nav-tabs > li > a {
    border-radius: 10px 10px 0 0
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    border-top: 4px solid #00a4e3
}

.nav-tabs > li > a:hover {
    border-color: transparent
}

.form-horizontal .control-label.text-left {
    text-align: left
}

.btn-full {
    width: 100%
}

    .btn-full > .btn {
        width: 100%;
        color: #555;
        font-size: 14px;
        text-align: left;
        border: 1px solid #ccc;
        background: #fff
    }

        .btn-full > .btn:hover, .btn-full > .btn:focus, .btn-group.btn-full.open .dropdown-toggle {
            background: none !important;
            box-shadow: none;
            border: 1px solid #ccc
        }

    .btn-full .btn .caret {
        position: absolute;
        right: 8px;
        top: 50%
    }

    .btn-full .dropdown-menu {
        width: 100%
    }

        .btn-full .dropdown-menu > li > a {
            padding: 5px 10px;
            font-size: 13px
        }

.dashboard [class*="col-lg"], .dashboard [class*="col-md"], .dashboard [class*="col-sm"] {
    padding-left: 10px;
    padding-right: 10px
}

.input-group-addon span {
    margin-bottom: 0;
    margin-top: 0
}

.input-group.date .form-control {
    border-right: 0
}

.modal-content span.input-group-addon {
    background: none
}

.grid-icon {
    cursor: pointer;
    font-size: 16px
}

    .grid-icon:hover {
        text-shadow: 0 0 1px #1886bc
    }

.font-blue {
    color: #0284d0 !important;
    margin-right: 5px
}

.font-white {
    color: #fff !important
}

.time-blue {
    color: #01a1e5 !important;
    font-weight: 900 !important;
    cursor: pointer
}

.time-red {
    color: #f50e0e !important;
    font-weight: 900 !important;
    cursor: pointer
}

.time-right {
    float: right;
    margin-top: 8px
}

.main-arrow {
    border-radius: 50%;
    background: #0284d0;
    font-size: 16px;
    padding: 3px;
    display: inline-block;
    margin: -3px 6px 0 0;
    color: #fff
}

.font-gray {
    color: #4b4b4b !important
}

.RadGrid .rgGroupHeader td {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.font-red {
    color: #ce3e62
}

.textaligncenter, .textalign-center {
    text-align: center !important;
    padding: 10px !important
}

.input-label {
    display: block
}

.page-title {
    margin: 3px 0 10px
}

    .page-title h3 {
        padding: 0;
        margin: -4px 0 0;
        line-height: 38px;
        font-weight: 900;
        color: #4a4a4a;
        font-size: 20px
    }

    .page-title .btn {
        font-size: 15px
    }

    .page-title:before, .page-title:after {
        content: "";
        clear: both;
        display: table
    }

.table-hide > tbody > tr > td.hiddenRow {
    padding: 0
}

.accordion-toggle .glyphicon {
    color: #00a1e5;
    margin-top: 7px
}

.table > thead > tr > th {
    border-bottom: 2px solid #00a1e5;
    color: #4a4a4a;
    vertical-align: bottom;
    white-space: nowrap
}

.table > thead > tr th:last-child {
    width: 150px
}

.table-hide td img {
    margin-right: 10px
}

.time-hours {
    text-align: center;
    font-size: 14px;
    display: inline-block;
    position: relative
}

    .time-hours .left-border {
        border-bottom: 3px solid #ccc;
        left: 85px;
        width: 35px;
        display: inline-block;
        top: 18px;
        position: absolute
    }

    .time-hours .right-border {
        border-bottom: 3px solid #ccc;
        right: 85px;
        width: 35px;
        display: inline-block;
        top: 18px;
        position: absolute
    }

    .time-hours i {
        display: block;
        color: #39464e;
        font-size: 16px;
        font-weight: 700;
        font-style: normal;
        margin-top: 15px
    }

.accordion-body {
    border: 1px solid #dbdcde;
    padding: 15px
}

.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #00a1e5;
    color: #4a4a4a;
    white-space: nowrap
}

.accordion-body .row {
    margin: 0
}

    .accordion-body .row h4 {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #3d4a52
    }

    .accordion-body .row .item-select {
        color: #7b8084;
        font-size: 13px
    }

.accordion-body select {
    background-color: #fff;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: .5em 3.5em .5em 1em;
    margin: 0 0 0 10px;
    box-sizing: border-box;
    color: #3f4e55;
    border: 1px solid #ccc
}

.accordion-toggle .glyphicon {
    color: #00a1e5;
    margin-top: 7px
}

.table .checkbox, .table .radio {
    margin-top: 0;
    margin-bottom: 0
}

.modal-body .weekDays {
    margin-top: 10px
}

.weekDays .checkbox, .weekDays .radio {
    margin-bottom: 10px;
    margin-top: 10px
}

.weekDays label {
    font-weight: 400
}

.weekDays [class*="icheckbox_"] {
    vertical-align: sub;
    margin-right: 5px
}

.allDays {
    position: relative;
    margin: 10px 0
}

    .allDays label {
        font-weight: 400
    }

.table .address {
    min-width: 200px !important
}

.panel-xs .panel, .panel-xs .panel-heading {
    border-radius: 0
}

    .panel-xs .panel-heading:hover, .panel-xs .active .panel-heading {
        background: #f3f4f6
    }

.panel-xs .active .tab-toggle .fa {
    transform: rotate(90deg)
}

.panel-xs .active .panel-heading {
    box-shadow: 0 7px 4px -4px rgba(0,0,0,0.4)
}

.panel-xs .active .panel-collapse {
    border-bottom: 2px solid #bababa
}

.panel-xs .panel {
    border: 0;
    border-bottom: 1px solid #ccc
}

    .panel-xs .panel + .panel {
        margin-top: 0
    }

.panel-xs .panel-title strong {
    color: #4a4a4a;
    font-size: 14px
}

.panel-xs .panel-title .status {
    display: block;
    font-size: 13px
}

.panel-xs .panel-title > a, .panel-xs .panel-title abbr {
    display: table-cell;
    vertical-align: middle
}

.panel-xs .panel-title > a {
    width: 30px;
    text-align: center
}

.panel-xs .panel-title abbr {
    line-height: 24px
}

.panel-xs .panel-title + .action {
    float: right;
    text-align: right
}

.action a {
    font-weight: 400;
    font-size: 13px;
    padding: 2px 0
}

.panel-xs .panel .panel-body .btn-group {
    margin: 10px 0 20px;
    display: block
}

    .panel-xs .panel .panel-body .btn-group:before, .panel-xs .panel .panel-body .btn-group:after {
        content: "";
        clear: both;
        display: table
    }

.visible-block {
    display: block
}

ul.availability-shift {
    margin: 0;
    padding: 0
}

    ul.availability-shift li {
        display: table;
        border-bottom: 1px solid #e5e5e5;
        clear: both;
        content: "";
        width: 100%;
        padding: 8px 0;
        font-size: 15px;
        color: #1e1e1e;
        font-weight: 700;
        line-height: 22px
    }

        ul.availability-shift li p {
            font-size: 13px;
            font-weight: 400;
            color: #1c1c1c;
            margin: 0
        }

        ul.availability-shift li div.pull-right {
            margin-top: 7px
        }

.popover {
    border-radius: 0
}

.popover-title {
    border-radius: 0;
    padding: 5px 10px
}

.popover .btn-group > .btn {
    border-radius: 0;
    padding: 3px 10px;
    font-size: 12px;
    color: #fff
}

textarea.form-control {
    resize: none
}

.myschedule_availability {
    padding: 20px
}

    .myschedule_availability .circle {
        border: 1px solid #8e8e8e;
        border-radius: 50%;
        display: inline-block;
        height: 10px;
        width: 10px
    }

    .myschedule_availability label {
        font-size: 12px;
        color: #8e8e8e;
        font-weight: 300;
        margin-left: 2px
    }

.myscheduler_mobile {
    display: none
}

.bg-light-blue {
    background: #ecf0f3;
    padding: 10px
}

.schedule-tabs .nav-pills > li {
    float: none;
    display: inline-block
}

    .schedule-tabs .nav-pills > li.active > a, .schedule-tabs .nav-pills > li.active > a:focus, .schedule-tabs .nav-pills > li.active > a:hover {
        background-color: #f0f0f0;
        border: 1px solid #afafaf;
        color: #000;
        box-shadow: 0 0 5px #ccc inset
    }

    .schedule-tabs .nav-pills > li > a {
        border: 1px solid #c4c4c4;
        border-radius: 4px;
        padding: 12px 22px
    }

    .schedule-tabs .nav-pills > li + li {
        margin-left: -4px
    }

        .schedule-tabs .nav-pills > li + li a {
            border-radius: 0 4px 4px 0 !important
        }

    .schedule-tabs .nav-pills > li:first-child a {
        border-radius: 4px 0 0 4px
    }

.schedule-tabs {
    padding: 20px 0
}

.schedule-tab-content ul {
    list-style: outside none none;
    margin: 0;
    padding: 0
}

    .schedule-tab-content ul li {
        display: inline-block;
        width: 100%;
        padding: 10px 20px;
        color: #424240;
        background: #fef9f3
    }

        .schedule-tab-content ul li:nth-of-type(2) {
            background: #f2fafd
        }

        .schedule-tab-content ul li:nth-of-type(3) {
            background: #f6f6f6
        }

        .schedule-tab-content ul li span {
            float: left
        }

            .schedule-tab-content ul li span.schedule_time {
                text-align: right;
                padding-top: 10px
            }

            .schedule-tab-content ul li span.scheduler_separator {
                height: 60px;
                margin: 0 10px;
                text-align: right;
                width: 5px
            }

.scheduler_info {
    padding-top: 10px
}

.bg-sep-orange {
    background: #fa9403
}

.bg-sep-info {
    background: #00a7da
}

.bg-sep-gray {
    background: #3b4547
}

.moving-calendar {
    float: left;
    width: 100%;
    margin: 15px 0
}

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

        .moving-calendar ul li {
            display: inline-block;
            padding: 14px;
            cursor: pointer
        }

            .moving-calendar ul li.active, .moving-calendar ul li:hover {
                background: #01a2e8 none repeat scroll 0 0;
                border-radius: 4px;
                color: #fff
            }

                .moving-calendar ul li.active .day, .moving-calendar ul li:hover .day {
                    color: #fff
                }

    .moving-calendar .day {
        color: #888;
        font-size: 11px;
        text-align: center
    }

    .moving-calendar .day, .moving-calendar .date {
        display: block
    }

    .moving-calendar .date {
        border-radius: 50%;
        height: 25px;
        margin: auto;
        padding: 3px;
        text-align: center;
        vertical-align: middle;
        width: 25px
    }

.owl-dots {
    bottom: -22px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 44px;
    display: none
}

#selectDate .owl-nav .owl-prev {
    position: absolute;
    top: -66px;
    right: 193px;
    z-index: 999;
    border: 1px solid #c4c4c4;
    padding: 14px;
    border-radius: 6px 0 0 6px;
    background: #fff;
    font-size: 0
}

    #selectDate .owl-nav .owl-prev::before {
        content: "\e257";
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-indent: 0;
        font-size: 16px
    }

#selectDate .owl-nav .owl-next {
    position: absolute;
    top: -66px;
    right: 6px;
    z-index: 999;
    border: 1px solid #c4c4c4;
    padding: 14px;
    border-radius: 0 6px 6px 0;
    background: #fff;
    font-size: 0
}

    #selectDate .owl-nav .owl-next::before {
        content: "\e258";
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 1;
        text-indent: 0;
        font-size: 16px
    }

#selectDate .owl-dot {
    float: left;
    margin: 0 5px
}

    #selectDate .owl-dot.active span {
        background: #444 none repeat scroll 0 0
    }

    #selectDate .owl-dot span {
        border: 1px solid #444;
        border-radius: 50%;
        display: inline-block;
        height: 12px;
        width: 12px
    }

.caledar-control-buttons .pagination {
    margin: 0 51px 0 0
}

    .caledar-control-buttons .pagination li.active a {
        background-color: #f0f0f0;
        border: 1px solid #afafaf;
        color: #000;
        border-radius: 0;
        -webkit-border-radius: 0;
        box-shadow: 0 0 5px #ccc inset;
        -webkit-box-shadow: 0 0 5px #ccc inset
    }

.pagination-lg > li:last-child > a {
    border-radius: 0
}

.caledar-control-buttons .pagination li a {
    border: 1px solid #c4c4c4
}

.table td a {
    color: #000;
    outline: 0;
    vertical-align: middle
}

.text-outer-area {
    padding: 10px 0 0
}

    .text-outer-area h5 {
        color: #000
    }

    .text-outer-area h3.add-line {
        color: #000
    }

    .text-outer-area i.fa-calendar-check-o {
        color: #00a2d4;
        margin-right: 5px
    }

    .text-outer-area h3.add-date {
        font-size: 15px;
        color: #919191
    }

.map-style {
    margin-top: 20px
}

.week-box {
    display: inline-block;
    width: 40%
}

span.week-txt {
    display: inline-block !important;
    padding-left: 5px
}

.radio-one {
    margin: 16px 0 0 !important
}

.week-status {
    display: block;
    margin: 10px 0 0;
    clear: both;
    content: ""
}

.pattern-pad {
    padding-left: 3px;
    padding-right: 3px
}

.option-list .checkbox, .option-list .radio {
    margin: 4px 0
}

.option-list [class*="col-"]:nth-child(2n):after {
    content: "";
    clear: both;
    display: table
}

.tab-img-size {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    overflow: hidden;
    margin: 2px 10px 0 0;
    position: relative;
    top: 0
}

.my-table td .client-mng-txt {
    color: #0284d0
}

.panel-xs .panel-title .client-mng-txt {
    color: #0284d0
}

.panel-xs .panel-title span.link-active {
    font-size: 12px;
    color: #000;
    font-weight: 400
}

.my-table.dataTable tbody > tr.selected, .my-table.dataTable tbody > tr > .selected {
    background: transparent
}

.client-find-bar {
    min-height: 20px;
    padding: 10px;
    margin-bottom: 20px;
    background-color: rgba(237,240,243,0.5);
    position: relative
}

    .client-find-bar ul {
        padding: 0;
        margin: 0
    }

        .client-find-bar ul li a {
            padding-top: 8px;
            padding-bottom: 8px
        }

.stylish-input-group .input-group-addon {
    background: #fff !important
}

.stylish-input-group .form-control {
    border-right: 0;
    box-shadow: 0 0 0;
    border-color: #ccc
}

.stylish-input-group button {
    border: 0;
    background: transparent
}

.dropdown-pos-exam {
    right: 0;
    left: inherit
}

.bar-drop {
    border: none;
    background: none;
    padding: 6px 8px;
    font-size: 15px;
    display: inline-block
}

.item-select {
    display: inline-block;
    color: #0284d0;
    font-size: 13px
}

    .item-select .grid-icon {
        margin-left: 8px
    }

.grid-select-checkbox {
    margin-bottom: 10px;
    font-size: 14px;
    color: #000
}

.accordion-select-checkbox {
    margin: 0;
    font-size: 14px;
    color: #000
}

.grid-selection .panel-heading {
    padding: 0 15px
}

.grid-selection .panel {
    border-radius: 2px;
    margin-top: 10px;
    box-shadow: 0 2px 3px #ccc;
    border: 1px solid #f7f7f7
}

.grid-menu-bar {
    padding-top: 13px
}

label.grid-select-checkbox span, label.accordion-select-checkbox span {
    padding-left: 10px
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #f0f0f0;
    border-color: #c3c3c3;
    box-shadow: 0 2px 5px #ddd inset;
    color: #000
}

.client_profile_details {
    margin: 20px 0 40px
}

ul.resp-boder-list {
    border-bottom: 0 !important
}

.client_profile_details h3 {
    margin: 0 0 5px;
    padding: 10px 0 0;
    font-size: 20px;
    font-weight: 700;
    color: #39464e
}

.client_profile_details ul {
    margin: 0;
    padding: 0
}

    .client_profile_details ul li {
        list-style: none;
        display: block;
        line-height: 22px;
        font-size: 14px
    }

        .client_profile_details ul li mark {
            background: #F89406;
            color: #fff;
            margin-bottom: 5px;
            border-radius: 2px;
            padding: 0 5px;
            display: inline-block
        }

.modal-body.client-detail-tabs ul.nav.nav-tabs li a {
    color: #0284d0
}

.modal-body.client-detail-tabs ul.nav.nav-tabs li.active a {
    color: #000
}

.client_profile_details ul li i {
    margin-right: 5px
}

.client_profile_details ul li a {
    text-decoration: none;
    color: #0284d0
}

.client_profile_thumb {
    position: relative;
    z-index: 0
}

    .client_profile_thumb .uload_clent_profile {
        position: absolute;
        left: 65px;
        bottom: -8px;
        width: 36px;
        height: 36px
    }

    .client_profile_thumb figure img {
        border: 1px solid #e1e1e1 !important
    }

    .client_profile_thumb .uload_clent_profile i {
        width: 30px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        border-radius: 50%;
        cursor: pointer;
        border: 2px solid #e1e1e1;
        background: #fff;
        margin: 0;
        padding: 0;
        line-height: 24px
    }

.modal-body.client-detail-tabs ul.nav-tabs {
    margin-top: -59px;
    margin-left: -11px;
    position: absolute
}

.resp-tabs-list li a {
    color: #0284d0;
    font-size: 14px;
    font-weight: 400;
    padding-left: 2px;
    text-decoration: none !important
}

.client-title {
    margin-bottom: 70px
}

.client-detail-tabs {
    width: 100%;
    padding: 0
}

.menu-stick-right {
    position: absolute;
    right: 5px;
    top: 4px;
    color: #0284d0;
    font-size: 23px
}

.search-arrow {
    position: absolute;
    right: 20px;
    top: 15px
}

.menu-stick-right button {
    background: transparent;
    border: 0
}

.menu-stick-right .dropdown-menu {
    left: auto;
    right: 0
}

.form-horizontal.form-custom label {
    text-align: left
}

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

.margin-top12 {
    margin-top: 12px
}

.margin-top15 {
    margin-top: 15px !important
}

.margin-top5 {
    margin-top: 5px !important
}

.margin-top7 {
    margin-top: 7px !important
}

.margin-top8 {
    margin-top: 8px !important
}

.margin-bottom10 {
    margin-bottom: 10px !important
}

.margin-bottom20 {
    margin-bottom: 20px !important
}

.margin-bottom0 {
    margin-bottom: 0 !important
}

    .margin-bottom0 .RadGrid_Default {
        margin-bottom: 0 !important
    }

span.chk-box {
    position: relative;
    top: 1px
}

.margin-bottom15 {
    margin-bottom: 15px !important
}

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

.margin-bottom35 {
    margin-bottom: 35px !important
}

.margin-top20 {
    margin-top: 20px !important
}

.margin-top27 {
    margin-top: 27px !important
}

.margin-left20 {
    margin-left: 20px !important
}

.margin-left10 {
    margin-left: 10px !important
}

.margin-bottom40 {
    margin-bottom: 40px !important
}

.rdtabs {
    position: relative !important;
    z-index: 5 !important;
    top: 1px !important
}

.margin-top25 {
    margin-top: 25px !important
}

.margin-top30 {
    margin-top: 30px !important
}

.margin-top35 {
    margin-top: 35px !important
}

.margin-left3 {
    margin-left: 3px
}

.margin-left30 {
    margin-left: 30px !important
}

.drop-left {
    position: relative;
    left: -5px
}

.check-btn {
    position: relative;
    top: -15px
}

span.clscaledarstrip1 {
    position: relative;
    top: -2px
}

.ScheduleCalender-footer {
    line-height: 30px
}

.custom-fileinput[type="file"] {
    display: none
}

.custom-file .custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer
}

.client_profile_thumb .edit {
    display: none
}

#fileupload {
    height: 0;
    width: 0
}

input[type="file"]:focus {
    outline: none
}

.modal-body.client-detail-tabs ul.nav.nav-tabs li a i {
    margin-right: 5px
}

.tab-inner {
    border-bottom: 2px solid #CCC;
    float: left;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px
}

    .tab-inner h3 {
        margin-bottom: 30px
    }

        .tab-inner h3 i {
            margin-right: 5px
        }

figure.upload-img {
    position: relative;
    z-index: 9
}

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

.help-sign {
    margin: -5px 0 0 3px;
    vertical-align: middle
}

.label-help-sign {
    margin: -5px 0 0 -8px;
    vertical-align: middle
}

.zip-sign {
    right: 5px !important;
    top: 5px !important;
    cursor: pointer;
    position: absolute
}

.check-sign {
    position: relative;
    top: -3px
}

.valAlertClass {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    padding: 5px;
    margin-bottom: 2px
}

.valRequiredClass {
    color: #D8000C;
    background-color: #FFBABA;
    border-color: #ebccd1;
    padding: 5px;
    margin-bottom: 2px
}

.ErrorControlCustom {
    border: 1px solid #a94442 !important
}

.Required {
    color: red !important;
    font-size: 12px
}

.text_box1 {
    width: 196px;
    border: 1px solid #c5c5c5;
    color: #333;
    border-radius: 5px
}

.icn_cal {
    position: absolute;
    right: 7px;
    top: 8px;
    cursor: pointer
}

.Seach_icn_cal {
    position: absolute;
    right: 18px;
    top: 32px;
    cursor: pointer
}

.icn_cal_tooltip {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer
}

.has_info.checkbox [class*="fa"].has-tooltip1 {
    right: auto;
    left: 40px;
    top: 3px
}

.has_info [class*="fa"].has-tooltip1 {
    position: absolute;
    right: -22px
}

span.fa.fa-question-circle {
    vertical-align: middle;
    min-height: 12px;
    cursor: pointer
}

.cal-body {
    padding: 10px 10px 0 10px;
}

.KendoToolTipStyle {
    font-size: 12px
}

.client-form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 3px 8px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    .client-form-control:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

.rcbReadOnly .rcbArrowCell {
    height: 32px !important;
    display: inline-block;
    border-radius: 0 3px 3px 0 !important
}

.rgWrap span, .RadGrid_Default .rgInfoPart {
    color: #656565;
    padding: 5px 0;
    display: inline-block
}

.RadComboBox {
    width: 100% !important;
    font-size: 14px !important
}

.RadComboBox_Default .rcbInputCell, .RadComboBox_Default .rcbArrowCell {
    border: 1px solid #ccc !important;
    background-image: none !important;
    height: 33px !important
}

.rcbReadOnly .rcbInputCell {
    height: 32px !important
}

.RadComboBox .rcbArrowCell a {
    width: 28px !important
}

.table-line .rcbInputCell, .table-line .rcbArrowCell {
    border-radius: 0 !important;
    border: 0 !important;
    height: 20px !important
}

.RadComboBox table td.rcbArrowCell {
    border-left: 0 !important;
    padding: 0 5px
}

#side-nav-container .panel-body {
    padding: 0
}

ul.nav-links {
    margin: 0;
    padding: 0
}

    ul.nav-links li {
        list-style: none
    }

        ul.nav-links li a {
            color: #0284d0;
            font-size: 14px;
            padding: 5px 0 5px 3px;
            display: block;
            margin-bottom: 5px
        }

            ul.nav-links li a:hover {
                background: #0284d0;
                border-radius: 3px;
                color: #fff;
                font-weight: 700
            }

        ul.nav-links li.active a {
            background: #0284d0;
            border-radius: 3px;
            color: #fff;
            font-weight: 700
        }

.paychex-main ul.nav-links li {
    list-style: none
}

    .paychex-main ul.nav-links li a {
        font-size: 14px;
        padding: 5px 0 5px 3px;
        display: block;
        margin-bottom: 5px;
        color: #334a65;
        font-weight: bold;
    }

    .paychex-main ul.nav-links li.active a {
        background: #D9E9FB;
        border-radius: 3px;
        color: #07f;
        font-weight: 700;
    }

    .paychex-main ul.nav-links li a:hover {
        background: #D9E9FB;
        border-radius: 3px;
        color: #07f;
    }

div#divScheduleribbion {
    padding: 0 8px
}

.right-nav-content h1 {
    font-size: 24px;
    margin: 0 0 30px;
    padding: 15px 0;
    color: #4a4a4a;
    line-height: 30px
}

.right-nav-content .row h2 {
    font-size: 20px;
    margin: 0;
    padding-bottom: 5px;
    color: #2b363d;
    font-weight: 900
}

.right-nav-content h2 {
    font-size: 20px;
    margin: 0;
    padding-bottom: 5px;
    color: #2b363d;
    font-weight: 900
}

.admin-setting .office-title h2 {
    font-size: 20px;
    margin: 0;
    padding-bottom: 5px;
    color: #39464e;
    font-weight: 700;
    padding-top: 15px
}

.right-nav-content .row p {
    font-size: 14px;
    margin: 0;
    color: #39464e;
    padding-bottom: 40px
}

.RadComboBox_Default .rcbReadOnly .rcbInput {
    color: #555;
    font-size: 14px !important;
    font-style: normal;
    padding-left: 0
}

.navigation-main {
    display: block;
    margin: 0 0 30px;
    border-bottom: 1px solid #000;
    padding-bottom: 20px
}

.tab-bottom-main {
    display: block;
    margin: 0 0 30px
}

.border-top-main {
    display: block;
    margin: 20px 0 0 !important;
    border-top: 1px solid #000;
    padding-top: 20px
}

.navigation-main textarea.alignleft {
    margin-left: 20px
}

.tab-inner:last-child {
    border-bottom: 0
}

.mobile-xs span.input-group-addon {
    background: none
}

.resp-tabs-container .panel {
    border: 1px solid #e8e8e8 !important;
    border-top: 0 !important;
    border-radius: 4px
}

.arrow-color {
    color: #0284d0
}

.allow-clock {
    font-size: 13px !important;
    font-weight: 400
}

.map-contact {
    position: relative
}

.direction-btn {
    position: absolute;
    right: 60px;
    bottom: 20px;
    background: #fff;
    border: 1px solid #0284d0;
    border-radius: 5px;
    box-shadow: 0 2px 5px #ccc;
    color: #0284d0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

    .direction-btn:hover {
        background: #0284d0;
        color: #fff
    }

.icheck-box {
    margin: 10px 0
}

.tab-inner .btn-primary {
    background: #00a1e5;
    border: none;
    font-size: 14px;
    padding: 8px 20px
}

.save-footer .btn-default {
    background: transparent;
    border: 0
}

.help-chat {
    color: #fff;
    font-size: 22px;
    text-align: center;
    position: fixed;
    width: 49px;
    height: 49px;
    right: 5px;
    bottom: 60px;
    z-index: 9;
    background: #0284d0;
    border-radius: 50%;
    line-height: 49px;
    box-shadow: 0 2px 5px #eceff2;
    cursor: pointer
}

.modal-body .dropdown-menu > li > a {
    padding-top: 8px;
    padding-bottom: 8px
}

.setting-search:before, .setting-search:after {
    padding: 20px 0;
    display: block;
    clear: both;
    content: ""
}

.setting-search h3 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 15px;
    color: #39464e;
    font-size: 24px;
    padding-left: 30px
}

.icon-office-set {
    font-size: 35px;
    position: absolute;
    top: 6px;
    left: 8px;
    color: #0284d0
}

.office-sched i {
    position: absolute;
    left: 15px;
    top: 12px;
    font-size: 24px;
    color: #0284d0
}

ul.setting-links {
    margin: 0;
    padding: 15px 0 0
}

    ul.setting-links li {
        list-style: none
    }

        ul.setting-links li a {
            color: #0284d0;
            font-size: 14px;
            padding: 0 0 15px;
            display: block
        }

.mobile-xs .text-center .btn-primary {
    background: #00a1e5;
    border: none;
    font-size: 14px;
    padding: 7px 20px;
    margin-bottom: 20px
}

.btn-margin-right {
    margin-right: 10px !important
}

.btn-margin-left {
    margin-left: 10px !important
}

.underline-text {
    text-decoration: underline !important
}

    .underline-text a:focus, a:hover {
        text-decoration: none !important
    }

.careScroll {
    max-height: 200px !important;
    overflow-y: scroll !important
}

.care-top-mar {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border: 0 !important
}

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

.btn-right-none {
    margin-right: 0 !important
}

.cal-title h1 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
    text-align: left;
    margin-left: 10px;
    margin-right: 10px
}

.send {
    text-align: left
}

.k-event .movie-template p {
    font-size: 12px;
    line-height: 13px;
    padding: 1px 0
}

.send a {
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    line-height: 30px
}

td.rcbArrowCellRight {
    position: absolute
}

.green-btn .btn-success {
    background: #1cc719;
    border: none;
    font-size: 14px;
    padding: 7px 10px;
    border-radius: 3px;
    border: 1px solid #1cc719;
    box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -webkit-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -moz-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -o-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5)
}

.RadTreeView .rtPlus, .RadTreeView .rtMinus {
    margin: 0 6px 0 -15px !important;
    vertical-align: middle !important
}

.sent-check {
    margin-left: 5px
}

    .sent-check label {
        position: relative;
        top: 2px
    }

.RadGrid_Default .rgFilterRow > td {
    border-bottom: 0 !important
}

.RadGrid .rgFilterBox {
    height: 20px !important;
    border-radius: 3px;
    width: 80%;
    border-color: #dedede !important;
    box-shadow: 0 1px 1px #ddd;
    min-width: 110px
}

.RadGrid .rgFilterRow > td {
    padding-top: 7px !important;
    padding-bottom: 9px !important
}

.RadGrid_Default .rgFilterRow {
    background: #f9fdff !important;
    border-bottom: 1px solid #ddd !important
}

.RadMenu_Default .rmGroup, .RadMenu_Default .rmMultiColumn, .RadMenu_Default .rmGroup .rmVertical {
    border: 1px solid #ddd !important;
    border-radius: 3px;
    box-shadow: 0 1px 2px #dedede
}

.RadPicker {
    width: 100% !important;
    padding: 3px 7px
}

html body .riSingle .riTextBox {
    border: 0 !important;
    font-size: 14px !important
}

.btn-primary {
    background: #0284d0;
    border: none;
    font-size: 14px;
    padding: 7px 20px;
    border-radius: 3px;
    color: #fff !important;
    box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -webkit-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -moz-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -o-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5)
}

    .btn-primary + .btn-primary {
        margin: 0 0 0 10px
    }

.btn-danger {
    background: #ec2656;
    border: none;
    font-size: 14px;
    padding: 7px 20px;
    margin: 0 10px 0 0;
    border-radius: 3px;
    color: #fff !important
}

    .btn-danger:hover {
        background: #e31447
    }

.btn-primary:focus, .btn-primary:hover {
    background: #1cc719 !important;
    border: 1px solid #1cc719 !important
}

.all-none {
    display: none
}

.btn-success {
    background: #1cc719;
    border: none;
    font-size: 14px;
    padding: 7px 20px;
    border-radius: 3px;
    box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -webkit-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -moz-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -o-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5)
}

    .btn-success + .btn-success {
        margin-left: 10px
    }

.btn-clear {
    margin: 0
}

.btn-success:hover, .btn-success:focus {
    background: #18ac15;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.top-search-btn {
    position: relative
}

    .top-search-btn .btn-primary {
        background: #1cc719;
        border: none;
        font-size: 14px;
        padding: 7px 10px;
        margin: 0;
        border-radius: 3px;
        box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
        -webkit-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
        -moz-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
        -o-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5)
    }

        .top-search-btn .btn-primary:hover {
            border: 1px solid #1cc719 !important
        }

.panel .panel-heading h4 {
    color: #39464e;
    font-weight: 600;
}

    .panel .panel-heading h4.inline-line {
        display: inline-block;
    }

.panel .panel-heading .grid-RowCount-label {
    display: inline-block;
    color: #7f8488;
    padding-left: 8px;
}

.schedul-time-txt {
    font-size: 14px;
    color: #4a4a4a;
    padding: 7px 0 0;
    display: inline-block
}

.blue-btn .btn-primary {
    background: #0284d0;
    border: none;
    font-size: 14px;
    padding: 7px 20px;
    margin: 0 10px 0 0;
    border-radius: 3px;
    border: 1px solid #0284d0
}

.popover {
    max-width: 450px;
    max-height: 200px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.pop-content {
    width: 350px
}

.main-tab-table td {
    border-bottom: 1px solid #ddd;
    padding: 8px
}

.main-tab-table tr td {
    text-align: left !important
}

.main-tab-table th {
    border-bottom: 2px solid #0284d0;
    border-top: 0 !important
}

.client-detail-tabs .resp-tab-content {
    padding: 15px 0
}

span.small label {
    margin: 0 !important
}

.clscaledarstrip {
    border-color: #ddd;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 14px;
    overflow: hidden;
    width: 14px;
    padding: 5px;
    border-radius: 50%
}

.blue-btn .btn-default {
    background: transparent;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    font-size: 14px;
    padding: 7px 20px;
    margin: 0 10px 0 0;
    border-radius: 3px
}

.blue-btn .btn-checkIn {
    background: transparent;
    border: 1px solid #0284d0;
    box-shadow: none;
    font-size: 14px;
    padding: 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    color: #0284d0
}

.blue-btn .btn-checkActive {
    background: #0284d0;
    border: 1px solid #0284d0;
    box-shadow: none;
    font-size: 14px;
    padding: 7px;
    margin: 0 5px 0 0;
    border-radius: 3px;
    color: #fff
}

.phone-btn .btn-primary {
    background: #00a1e5;
    border: none;
    font-size: 14px;
    padding: 7px 10px;
    margin-left: 0;
    border-radius: 3px
}

.btn-default {
    background: transparent;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    font-size: 14px;
    padding: 7px 10px;
    margin: 0 10px 0 0;
    border-radius: 3px
}

.right-admin-content .row h3 {
    font-size: 16px;
    margin: 0;
    padding: 20px 0 10px;
    color: #0284d0;
    font-weight: 700
}

.emailog img {
    display: block;
    max-width: 100%;
    height: auto
}

.emailog {
    overflow-y: scroll;
    overflow-x: auto;
    height: 350px
}

.user-click {
    color: #0284d0 !important;
    text-transform: capitalize
}

.panel-body .text-center figure {
    margin-top: 25px
}

.admin-page-title {
    margin: 20px 0 0;
    content: "";
    display: block;
    clear: both
}

    .admin-page-title h4 {
        font-weight: 700;
        margin-bottom: 20px
    }

.panel-title-arrow {
    display: block !important
}

    .panel-title-arrow a:before {
        font-family: FontAwesome;
        content: "\f106";
        padding-right: 5px;
        float: right
    }

    .panel-title-arrow a.collapsed:before {
        content: "\f107"
    }

    .panel-title-arrow a:hover, .panel-title-arrow a:active, .panel-title-arrow a:focus {
        text-decoration: none
    }

.tab-toggle {
    display: block
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child {
    padding: 8px 0 13px 35px !important
}

.radio-inline span {
    padding: 0 0 0 5px
}

.form-custom .radio-inline {
    padding-left: 0
}

.client-table:before, .client-table:after {
    margin: 0 0 30px;
    display: table;
    content: "";
    clear: both
}

.client-table .panel-heading .panel-title {
    display: inline-block
}

.intro-question {
    background: #fff;
    border-radius: 0;
    border: 2px solid #ccc;
    bottom: -15px;
    position: fixed;
    right: 1em;
    width: auto;
    z-index: 1;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    padding-left: 5px;
    white-space: nowrap;
    text-align: right;
    border-radius: 10px 10px 0 0;
    overflow: hidden
}

    .intro-question i {
        background: #319ace;
        color: #fff;
        display: inline-block;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 38px;
        padding: 0 14px;
        vertical-align: sub;
        margin-left: 5px
    }

.intro-container {
    background: #fff;
    border-radius: 10px 10px 0 0;
    border: 1px solid #ccc;
    bottom: 18px;
    box-shadow: 0 0 10px -4px #444;
    position: fixed;
    right: 1em;
    width: 400px;
    z-index: 1;
    display: none
}

    .intro-container .intro-data {
        width: 97%;
        padding-left: 10px
    }

    .intro-container .close {
        opacity: 1;
        color: #fff;
        text-shadow: none;
        margin: 0 !important
    }

.intro-container-outer {
    padding: 5px 10px 10px
}

.icon-close {
    background: url(data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlCMDY5N0Q0NDA2MDExRTJBN0MyQUQ5MzE3RjdGQ0NGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlCMDY5N0Q1NDA2MDExRTJBN0MyQUQ5MzE3RjdGQ0NGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUIwNjk3RDI0MDYwMTFFMkE3QzJBRDkzMTdGN0ZDQ0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUIwNjk3RDM0MDYwMTFFMkE3QzJBRDkzMTdGN0ZDQ0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4RCz40AAAB1UlEQVR42pSUSyhEURjH79yZEJqxsDBEsbGzmZUUC688QkrSeES5t4QNWwvFQkR5xGRjgYVYaBBLSalJeRWSjWdoooiFlP9X352O05mr+epX59xzzv/8zznfdx2GYWiKSAUdTK40dg/WwTi4DgQCfwZ1hVgbOAEjCjGKDNAFjsGcaZpOO8FRsAC82v+RBEywBVGPSrAP9GuxRxlYlgXJ0ZA0cRVcRBGZ5ru0ohIuK0RBcpcgTBgEDaAQnEtivaAH1IIv4fsERN06u/NLi7IBXfYLH+mKv3eDKW5nSldGD1jlYhdpkmArSGEXd6AE5IENHm/nY8dL63J0hZgVNWANpIMbFnPwaWZBomKN106Qoh7kC/1kMKBwZoWHBC9tBA12acU7KLBZ86zzhf8oBukB5rndBIIgDoRBMThTrHkkwQOwp3iUGW63cPVUgxWhnks5C6z4Bjs6uxuTBP1cs41Ur+xM41cP8l02cyZEkh0/ilMXdzbBLijifjkI8YM5pM3I6T6nkRWvYFiuZXJzK6aAQswKUYyqpRPuwrLgEyfwUQw/hjcqUYhFMsHp8/nECbTLEouTC3cUoQ+wSK8PsZA44IoyeZLvtQ5kCcKf4AFsg0PVTr8CDACCBmVeHL4zuQAAAABJRU5ErkJggg==) no-repeat;
    background-size: 100%;
    width: 15px;
    height: 15px;
    cursor: pointer;
    opacity: .7
}

    .icon-close:hover {
        opacity: 1
    }

.intro-container .icon-close {
    position: absolute;
    right: 15px;
    top: 15px
}

.intro-container h1 {
    color: #fff;
    font-size: 22px;
    text-rendering: optimizelegibility;
    position: relative;
    background: #39464e;
    padding: 10px;
    border-radius: 10px 10px 0 0;
    margin: 0;
    font-weight: 700
}

.intro-container .search {
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative
}

    .intro-container .search input[type="text"] {
        width: 100%;
        padding: 8px 4px;
        border: 1px solid #ddd;
        border-radius: 4px;
        box-shadow: 0 2px 0 #ddd
    }

    .intro-container .search .btn_srch {
        position: absolute;
        right: 0;
        top: 4px
    }

.intro-faqs {
    height: 300px;
    overflow: auto;
    overflow-x: hidden
}

.intro-container .slimScrollBar {
    right: -9px !important
}

.intro-container .slimScrollDiv {
    overflow: visible !important
}

.intro-accord {
    border: 1px solid #ddd;
    padding: 7px;
    border-collapse: collapse;
    background: #fff;
    margin-top: 10px;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    height: 34px;
    box-shadow: 0 2px 0 #ddd;
    border-radius: 4px
}

    .intro-accord:first-child {
        margin-top: 0
    }

    .intro-accord:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 7px;
        border-color: transparent transparent transparent #319ace;
        position: absolute;
        right: 5px;
        top: 10px
    }

    .intro-accord.in:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 5px 0;
        border-color: #319ace transparent transparent;
        position: absolute;
        right: 5px;
        top: 12px
    }

.intro-content {
    display: none;
    border: 1px solid #ddd;
    border-top: none;
    padding: 2px 5px;
    border-collapse: collapse;
    background: #fff;
    min-height: 34px;
    border-radius: 4px;
    box-shadow: 0 2px 0 #ddd
}

    .intro-content p {
        margin: 5px
    }

        .intro-content p a {
            background: url(/images/icon-document.png) no-repeat left 4px;
            display: inline-block;
            padding-left: 15px;
            color: #333
        }

.intro-tickets {
    padding: 10px 0;
    font-size: 16px;
    text-align: right;
    border-top: 1px solid #ccc
}

.pop_bg {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999999;
    background: transparent
}

.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: transparent
}

    .loading img {
        display: none
    }

.front-pop-bg {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999999;
    background: rgba(0,0,0,0.7)
}

.front-loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: transparent
}

    .front-loading img {
        position: absolute;
        top: 0;
        margin: auto;
        width: 40px;
        bottom: 0;
        left: 0;
        right: 0;
        display: inline-block;
        background: transparent
    }

.loading-dashboard {
    background: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    box-shadow: 0 0 20px -4px #fff;
    -moz-box-shadow: 0 0 20px -4px #fff;
    -webkit-box-shadow: 0 0 20px -4px #fff;
    -o-box-shadow: 0 0 20px -4px #fff;
    -ms-box-shadow: 0 0 20px -4px #fff;
    margin: auto;
    padding: 5px 5px 1px;
    width: 40px
}

    .loading-dashboard img {
        border-radius: 50%;
        width: 100%
    }

.right-admin-content .role-manage {
    margin-bottom: 25px
}

    .right-admin-content .role-manage h3 {
        font-size: 16px;
        margin: 0;
        padding: 20px 0 0;
        color: #000;
        font-weight: 700
    }

.padding-right-12 {
    padding-right: 12px
}

.padding-left0 {
    padding-left: 0 !important
}

.padding-right0 {
    padding-right: 0 !important
}

.rcTable {
    width: 100% !important
}

.RadAutoCompleteBox .racTokenList {
    background: transparent !important
}

.nav-sm .site_title img {
    width: 35px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: inline-block
}

.nav-md .site_title img {
    margin: 7px auto;
    padding: 0 10px
}

input[type=checkbox], input[type=radio] {
    transform: scale(1.3,1.3);
    -webkit-transform: scale(1.3,1.3);
    -ms-transform: scale(1.3,1.3);
    -o-transform: scale(1.3,1.3);
    -moz-transform: scale(1.3,1.3);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    visibility: visible;
    margin: 0 8px 0 0;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}

    input[type=checkbox]:after {
        content: " ";
        background-color: #fff;
        display: block;
        visibility: visible;
        height: 13px;
        width: 13px;
        border-radius: 4px;
        border: 1px solid #c3c3c3;
        color: #000;
        line-height: 11px;
        font-weight: 400;
        text-align: center;
        font-size: 11px
    }

    input[type=checkbox]:checked:after {
        content: "\E876";
        background-color: #0284d0;
        border: 1px solid #0284d0;
        color: #fff;
        height: 13px;
        width: 13px;
        font-weight: 400;
        font-weight: normal !important;
        font-family: "Material Icons"
    }

span.minus-check > input[type=checkbox]:checked:after {
    content: "\e15b"
}

span.minus-icon > input[type=checkbox]:after {
    content: "\e15b";
    background-color: #0284d0;
    border: 1px solid #0284d0;
    color: #fff;
    height: 13px;
    width: 13px;
    font-weight: 400;
    font-weight: normal !important;
    font-family: "Material Icons"
}

input[type=radio]:before {
    content: " ";
    background-color: #fff;
    display: block;
    visibility: visible;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    border: 1px solid #ddd;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px
}

input[type=radio]:checked:before {
    content: "\f111";
    background-color: #0284d0;
    border: 1px solid #0284d0;
    color: #fff;
    height: 13px;
    width: 13px;
    font-weight: 400;
    font-family: 'FontAwesome';
    font-size: 6px;
    text-align: center;
    line-height: 12px
}

input[type=checkbox]::-ms-check {
    background: #fff;
    border: 1px solid #c3c3c3;
    width: 12px;
    height: 12px;
    border-radius: 4px;
    display: block
}

input[type=checkbox]:checked::-ms-check {
    content: "\E876";
    background-color: #0284d0;
    border: 1px solid #0284d0;
    color: #fff;
    height: 12px;
    width: 12px;
    font-weight: 400;
    font-weight: normal !important;
    font-family: "Material Icons"
}

input[type=radio]::-ms-check {
    background: #fff;
    border: 1px solid #c3c3c3;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block
}

input[type=radio]:checked::-ms-check {
    content: "\f111";
    background-color: #0284d0;
    border: 1px solid #0284d0;
    color: #fff;
    height: 12px;
    width: 12px;
    font-weight: 400;
    font-family: 'FontAwesome';
    font-size: 6px;
    text-align: center;
    line-height: 12px
}

.admin-setting input[type=radio]:checked:before {
    line-height: 12px
}

input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: 0 !important
}

.table-responsive:focus {
    outline: 0 !important
}

.schedule-dropDown-popup {
    min-width: 400px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 3px 3px #e6e6e6;
    top: 40px
}

    .schedule-dropDown-popup:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #e6e6e6;
        position: relative;
        top: -32px
    }

.Calendar-dropDown-popup {
    min-width: 400px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 3px 3px #e6e6e6
}

    .Calendar-dropDown-popup:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #e6e6e6;
        position: relative;
        top: -32px
    }

    .Calendar-dropDown-popup.pull-right:before {
        right: 26px !important;
        left: auto !important;
        position: absolute;
        top: -6px
    }

.account-toggle-quickview, account-toggle-quickview-amount {
    position: relative;
    display: block
}

.account-dropDown-popup {
    min-width: 290px;
    padding: 8px;
    border-radius: 5px;
    box-shadow: 0 0 10px #e6e6e6;
    top: 19px;
    left: -85px;
    margin-top: 18px
}

    .account-dropDown-popup:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #e6e6e6;
        position: absolute;
        margin-top: -16px;
        left: 145px
    }

.Calsch-dropDown-popup {
    min-width: 400px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 3px 3px #e6e6e6;
    top: 25px
}

    .Calsch-dropDown-popup:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #e6e6e6;
        position: relative;
        top: -32px
    }

    .Calsch-dropDown-popup.pull-right:before {
        float: right;
        top: -16px
    }

.dropDown-popup {
    min-width: 400px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 3px 3px #e6e6e6;
    top: 25px
}

    .dropDown-popup:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #e6e6e6;
        position: relative;
        top: -32px
    }

    .dropDown-popup.pull-right:before {
        float: right;
        top: -16px
    }

.dropDown-popup-next {
    min-width: 700px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 3px 3px #e6e6e6;
    top: 24px;
    left: -80px
}

span.skill-head {
    color: #2B363d;
    font-size: 15px;
    font-weight: 900;
    margin: 15px 0 5px;
    display: block
}

.top-result-space {
    margin-top: -15px
}

.skill-table > tbody > tr > td, .skill-table > tbody > tr > th, .skill-table > tfoot > tr > td, .skill-table > tfoot > tr > th, .skill-table > thead > tr > td, .skill-table > thead > tr > th {
    border-top: 0 !important
}

.dropDown-popup-next:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #e6e6e6;
    position: relative;
    top: -32px;
    left: 100px
}

label {
    color: #2b363d;
    font-weight: 900;
    font-size: 14px;
    margin-bottom: 7px;
    padding-right: 8px
}

.panel-body .sprtr {
    margin-top: 12px !important
}

.nav-list > li > a span {
    color: #0284d0;
    font-size: 13px;
    padding-left: 6px !important;
    font-weight: 700;
    text-transform: capitalize;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    display: inline-block;
    letter-spacing: .5px
}

.rsmItem a.rsmLink {
    background: #fff;
    padding: 7px;
    border: 1px solid #ddd;
    margin: 7px;
    display: block;
    box-shadow: 0 3px 0 #ddd;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    border-radius: 5px;
    position: relative
}

    .rsmItem a.rsmLink:hover {
        background: #f8f8f8;
        box-shadow: 0 3px 0 #0284d0
    }

.admin-setting {
    padding: 0 20px;
    margin: 0;
    position: relative
}

    .admin-setting .page-title h3 i {
        margin-right: 5px;
        text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5);
        -webkit-text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5);
        -moz-text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5);
        -o-text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5)
    }

.breadcrumb > li a {
    font-size: 11px;
    color: #9b9b9b
}

.breadcrumb > li + li:before {
    font-size: 11px;
    color: #9b9b9b
}

.admin-setting .main-content .panel {
    background: #fff;
    border: .5px solid rgba(212,212,212,0.5) !important;
    border-radius: 0;
    position: relative;
    box-shadow: inset -1px 0 0 0 #E5E5E5,0 4px 6px 0 rgba(0,0,0,0.05)
}

.admin-setting .main-content .panel-body {
    padding-top: 15px
}

.arrow-size {
    font-size: 13px !important;
    margin-left: 5px;
    color: #1185bf !important;
    font-weight: 900 !important
}

.admin-setting .btn {
    font-weight: 400
}

.admin-setting .admin-page-top h1 {
    font-size: 22px;
    font-weight: 400;
    color: #4a4a4a;
    border: none;
    margin-bottom: 26px;
    margin-top: 7px;
    font-weight: bold
}

.admin-sidebar {
    min-height: 100%;
    display: inline-block;
    float: left;
    width: 18%
}

.admin_sidebar_content {
    padding: 0 0 0 30px;
    width: 81%;
    box-sizing: border-box;
    display: inline-block;
    float: left
}

.diff-icon {
    vertical-align: middle;
    width: 23px;
    margin-top: -2px;
    margin-left: 0;
    font-size: 17px
}

.svg-icon {
    font-size: 17px;
    vertical-align: middle;
    position: relative;
    top: 0 !important;
    margin-right: 3px
}

.right-nav-content .row p {
    font-size: 14px;
    line-height: 25px;
    color: #39464e;
    word-break: initial !important
}

.right-nav-content p {
    font-size: 14px;
    margin: 0;
    color: #39464e;
    padding-bottom: 40px;
    word-break: initial !important
}

.label-pad {
    margin: 0 0 0 2px
}

ul.inner li {
    border-radius: 3px;
    border-bottom: 0
}

.nav-list > li > a span:hover {
    color: #005f7e
}

ul.inner li a {
    padding: 3px 8px 3px 6px !important;
    display: block;
    float: none !important;
    font-size: 12px
}

    ul.inner li a:hover {
        background: #eee
    }

    ul.inner li a.activeLink {
        background: #0284d0 !important;
        color: #fff !important
    }

ul.inner li.activeLink i {
    color: #fff !important;
    margin-right: 5px
}

.activeLink {
    background: #0098cb !important;
    color: #fff !important
}

    .activeLink span {
        color: #fff !important
    }

    .activeLink i {
        color: #fff
    }

ul.inner li a:hover {
    background: #eee
}

.notification-table th, .notification-table td {
    font-size: 13px
}

    .notification-table td:last-child {
        text-align: center !important
    }

    .notification-table td:first-child {
        padding-left: 2px !important
    }

.nav-md span.small-logo {
    display: none
}

.nav-sm span.small-logo {
    display: block !important;
    width: 35px;
    margin: 3px auto
}

ul.ui-sortable li label {
    font-weight: 400;
    color: #39464E !important;
    padding: 2px 0 0 5px
}

ul#ulSortColumns li label {
    font-weight: 400;
    color: #39464E !important;
    padding: 2px 0 0 5px;
    position: relative;
    top: 1px;
    vertical-align: inherit !important
}

.quick_search_details {
    margin: 5px 0 12px
}

    .quick_search_details h3 {
        margin: 0 0 5px;
        padding: 0
    }

    .quick_search_details ul {
        margin: 0;
        padding: 0
    }

        .quick_search_details ul li {
            list-style: none;
            display: block;
            line-height: 22px;
            font-size: 12px
        }

            .quick_search_details ul li mark {
                background: #F89406;
                color: #fff;
                margin-bottom: 3px;
                border-radius: 2px;
                padding: 0 5px;
                display: inline-block
            }

            .quick_search_details ul li a {
                text-decoration: none;
                color: #128ede !important;
                font-size: 14px
            }

.quick_border_class {
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 5px
}

.quick_outer_last {
    margin: 0;
    padding: 0
}

    .quick_outer_last h3 {
        color: #4a4a4a;
        font-size: 20px;
        font-weight: 900;
        padding-top: 5px;
        margin: 5px 0 0
    }

.quick-bottom {
    padding-bottom: 0
}

.quick_anchor_link {
    font-size: 15px;
    color: #0284d0;
    float: right;
    font-weight: 400
}

.quick_appoint {
    margin: 0;
    padding: 0 17px 0 0;
    font-size: 16px;
    color: #39464e;
    padding-bottom: 15px
}

    .quick_appoint p {
        font-size: 14px;
        color: #39464e
    }

.quick-view-body {
    padding: 30px 40px
}

.quick_appoint h4 {
    font-size: 16px;
    font-weight: 900;
    color: #999;
    margin: 10px 0 3px
}

.quick_appoint span {
    display: block
}

.quick-close {
    position: absolute;
    left: -32px;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
    opacity: 1
}

.quick_align {
    text-align: left
}

.quick_edit_btn {
    margin: 25px 0 0;
    margin: 25px 0 0 0;
    text-align: right
}

.modal-position {
    left: inherit !important;
    top: -10px !important;
    right: 180px !important
}

.modal-bg-white {
    background: #fff;
    width: 780px;
    height: 100%
}

.config-alert {
    display: inline-block;
    width: 34%;
    vertical-align: middle;
    line-height: normal;
    margin-right: 10px
}

.config-but {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 4px
}

.m_left_10:hover {
    text-decoration: none
}

.Caredatalist tbody tr td label {
    font-weight: 400
}

.pers-input {
    line-height: 24px;
    padding-left: 10px;
    vertical-align: middle;
    display: inline-block;
    margin-top: 8px
}

.pers-client-icons {
    vertical-align: middle;
    margin-top: 9px;
    padding-left: 5px;
    white-space: nowrap
}

    .pers-client-icons a {
        vertical-align: middle;
        margin: 0;
        display: inline-block
    }

.nav-md .pers-client-icons {
    position: relative;
    right: 27px
}

.address-icons {
    vertical-align: middle;
    margin-top: 9px;
    padding-left: 5px;
    white-space: nowrap
}

    .address-icons a {
        vertical-align: middle;
        margin: 0;
        display: inline-block
    }

.nav-md .address-icons {
    position: relative;
    right: 0
}

.carehr .aspNetDisabled {
    display: block;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width: 100%
}

.daily-top {
    position: relative;
    top: -2px
}

.rdoRecPattern {
    position: relative
}

    .rdoRecPattern td label {
        padding-top: 5px;
        vertical-align: middle
    }

.display {
    display: block
}

ul.ruInputs {
    width: 280px
}

.skill-table td ul li label {
    font-weight: 400
}

.heightauto {
    height: auto !important;
    width: auto !important
}

table.datagrid {
    margin-bottom: 20px;
    width: 100% !important
}

.space-bot {
    margin-bottom: 20px
}

.right-nav-content h4 {
    font-weight: 700;
    margin-top: 0;
    color: #39464e
}

.padding-right {
    padding-right: 0
}

.select-pad-right {
    padding-right: 3px
}

.grid-pad-right {
    padding-right: 10px
}

.select-pad-left {
    padding-left: 3px
}

.srch_rslt {
    margin: 15px
}

ul.Caredatalist label {
    padding-top: 5px !important;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-weight: 400
}

.skill-table tr td {
    border-bottom: 0 !important;
    vertical-align: top !important
}

.admin-link {
    color: #0284d0 !important;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px;
    text-decoration: underline
}

.margin-auto {
    margin: auto;
    width: 50%
}

.box-shadow {
    border: 1px solid #fff;
    box-shadow: 0 2px 7px #ddd
}

.admin-page-top .btn-right {
    float: right;
    display: inline-block;
    vertical-align: middle;
    margin-top: 8px;
    min-width: 15%
}

.rcbInput {
    font-size: 14px !important;
    color: #555 !important;
    font-style: normal !important
}

.radio-pad {
    padding-left: 0 !important
}

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

.show-pdf {
    margin-top: -5px;
    display: block
}

ul.nav-list li {
    position: relative
}

    ul.nav-list li span.in-arrow-down {
        position: inherit;
        right: 0;
        top: 2px;
        cursor: pointer
    }

ul.admin-nav-leftside {
    margin: 0;
    padding: 0
}

    ul.admin-nav-leftside a:hover {
        background: #eee !important
    }

ul.sub-menu-inner li ul.sub-inner li a {
    padding-left: 14px !important
}

table.inner-library-tab td:last-child {
    text-align: left
}

.fdBreadcrumb li a {
    font-size: 11px;
    color: #9b9b9b;
    padding-left: 0
}

.fdBreadcrumb li span {
    font-size: 11px;
    padding: 0 0 0 5px !important;
    position: relative;
    top: 2px;
    color: #9b9b9b
}

.year-equal {
    width: 8%
}

.every-equal {
    width: 10%
}

.RadGrid_Default .rgPageFirst {
    background-image: none;
    display: none !important
}

.rddlPopup_Default {
    border-color: #c3c3c3 !important
}

.RadGrid_Default .rgPageLast {
    display: none
}

.RadDropDownList_Default .rddlFocused {
    background: #fff !important;
    background-image: none !important;
    border-color: #c2c2c2 !important
}

.RadDropDownList_Default .rddlIcon {
    background-image: none !important
}

    .RadDropDownList_Default .rddlIcon:after {
        content: "\f107";
        font-family: fontAwesome;
        right: 8px;
        position: relative;
        font-size: 20px;
        top: -2px;
        color: #434a4d
    }

.RadGrid .rgPagerLabel {
    font-size: 14px;
    padding-right: 10px
}

.rddlPopup_Default .rddlItemSelected {
    background-color: #f0f0f0 !important;
    color: #434a4d !important;
    font-size: 14px !important;
    border-color: #c2c2c2 !important
}

.RadDropDownList_Default .rddlInner {
    border-radius: 4px !important;
    border-color: #c2c2c2 !important;
    color: #333;
    background-color: #fff !important;
    background-image: none !important;
    line-height: 26px;
    width: 60px
}

.RadDropDownList .rddlFakeInput {
    font-size: 13px;
    color: #434a4d !important;
    text-align: center
}

.RadDropDownList .rddlInner {
    padding: 2px 30px 2px 5px !important
}

.RadGrid .rgArrPart1 {
    border: 1px solid #c2c2c2;
    order: 3;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    width: 31px;
    line-height: 0;
    height: 32px
}

.RadGrid .rgArrPart2 {
    border: 1px solid #c2c2c2;
    order: 5;
    border-left: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    line-height: 0;
    width: 31px;
    height: 32px;
    margin-right: 3px
}

.RadGrid .rgNumPart span {
    font-size: 13px;
    color: #4e595c !important;
    padding: 4px 12px !important;
    line-height: 22px
}

.RadGrid .rgNumPart {
    border: 1px solid #c2c2c2;
    order: 4;
    display: inherit;
    height: 32px
}

.RadGrid .rgWrap {
    padding: 0 !important
}

.rgArrPart2 a:nth-child(2), .rgArrPart1 a:nth-child(2) {
    display: none
}

.rgPageLast, rgPageFirst {
    display: none
}

.rgArrPart2 a, .rgArrPart1 a {
    display: block;
    line-height: 30px
}

.RadPagerOrder .rgNumPart a {
    border-right: 1px solid #c2c2c2;
    font-weight: 700;
    font-size: 13px !important;
    width: 31px;
    height: 31px
}

    .RadPagerOrder .rgNumPart a:last-child {
        border-right: 0
    }

.RadPagerOrder table tr td.NextPrevAndNumeric {
    display: flex;
    float: right;
    align-items:center;
}
    .RadPagerOrder table tr td.NextPrevAndNumeric .rgWrap {
        display: flex;
        align-items: center;
        }
        .RadPagerOrder table tr td.NextPrevAndNumeric .rgWrap span{
            padding-left: 3px;
            padding-right:3px;
        }

        .RadGrid .rgInfoPart {
            order: 1;
            padding: 5px 0 !important;
            margin-right: 15px
        }

.RadGrid .rgAdvPart {
    order: 2;
    margin-right: 45px;
    margin-left: 12px
}

.RadPagerOrder {
    position: relative
}

.RadGrid .rgArrPart1 img {
    margin: 0 !important
}

.RadGrid .rgArrPart2 img {
    margin: -1px 0 0 -3px !important
}

.attachment-table > tbody > tr > th {
    border-top: 0 !important
}

.year-less-mar {
    margin-left: 2px !important
}

.check-equal {
    display: inline-block !important;
    position: relative;
    top: -3px;
    font-weight: 900 !important;
    color: #3a4750 !important
}

.email-body {
    position: relative;
    padding: 15px
}

.fac_img {
    padding: 10px
}

    .fac_img img {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        border: 4px solid rgba(220,220,220,0.5);
        box-shadow: 0 0 4px rgba(0,0,0,0.3)
    }

.k-scheduler-table td, .k-scheduler-table th {
    padding: 8px 5px !important
}

.panel-margin {
    margin-bottom: 0 !important
}

.showhideOperation {
    visibility: visible
}

    .showhideOperation.btn-group a {
        width: auto !important;
        display: inline-block;
        padding: 5px 10px !important;
        height: auto
    }

.grid2 .rgRow:hover .myWrap, .grid2 .rgAltRow:hover .myWrap {
    visibility: visible
}

.quick-check {
    display: inline-block;
    position: relative;
    top: -1px;
    line-height: 22px
}

.table tbody tr th {
    color: #4a4a4a;
    white-space: nowrap
}

.RadGrid_Default .rgHeader {
    color: #4a4a4a !important
}

.star-img-user {
    position: relative;
    top: 0;
    left: 3px;
    color: #0284d0 !important;
    cursor: pointer;
    font-weight: 700;
    font-size: 13px
}

.export-btn-margin {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.RadRating a:before, .RadRating a span:before {
    font-family: "TelerikWebUI";
    display: inline-block;
    width: 15px !important;
    content: "";
    font-size: 12px !important;
    text-align: center;
    line-height: 1.25em;
    text-indent: 0
}

.RadRating_Default {
    position: relative !important;
    top: 3px !important;
    height: auto !important
}

.star-table .rgRow td, .star-table .rgAltRow td {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    vertical-align: middle;
    line-height: .7 !important
}

.star-table td {
    height: 40px !important
}

.star-table > thead > tr > th {
    padding-top: 10px !important;
    padding-top: 10px !important
}

.admin-setting h1 a.btn-success {
    margin-top: 10px !important
}

.admin-setting .button-stick-right a.btn-success {
    margin-top: 15px !important
}

.admin-setting .btn-success {
    margin-top: 0 !important
}

.p-left-10 {
    padding-left: 10px !important
}

.RadAutoCompleteBox .racInput {
    padding: 2px 0 0 !important
}

.admin-setting .admin-page-top span.text-muted {
    font-size: 12px
}

.upload-logo-text {
    color: #777;
    margin-top: 12px;
    display: block
}

.label-col {
    margin-bottom: 5px
}

    .label-col label {
        position: relative;
        font-weight: 400;
        top: -2px
    }

.care-table-bg {
    background: #fff;
    max-width: 100% !important
}

.norecordfount {
    width: 1003px;
    margin: auto;
    text-align: center;
    padding: 10px 0;
    color: red !important;
    font-weight: 700;
    height: auto !important
}

.label-schedule {
    position: relative;
    top: -1px
}

.form-control-disabled {
    background-color: #eee;
    opacity: 1
}

.glyphicon-search-image-apply {
    height: 14px;
    margin-right: 5px;
    cursor: pointer
}

.library-tab {
    display: inline-table !important
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:hover i {
    background-color: transparent;
    background-image: none;
    color: #0284d0
}

.top_nav .dropdown-menu > li > a:focus, .top_nav .dropdown-menu > li > a:hover, .top_nav .dropdown-menu > li > a:hover i {
    background-color: #0284d0;
    background-image: none;
    color: #fff
}

ul.dropdown-usermenu li a i {
    font-size: 15px;
    vertical-align: middle;
    padding: 0 5px 0 0;
    position: relative;
    top: -1px
}

.admin-setting .Rad-tab-container {
    padding: 0 0 15px
}

.admin-setting .response-tab .well {
    box-shadow: none
}

.nav-md .main_container .top_nav {
    margin-left: 230px
}

.nav-sm .main_container .top_nav {
    margin-left: 70px
}

ul.date-links {
    margin: 0;
    padding: 0
}

ul.inner-ins-steps {
    margin: 0;
    padding: 0
}

    ul.inner-ins-steps li {
        display: block;
        margin: 10px 0
    }

        ul.inner-ins-steps li ul {
            padding-left: 40px
        }

            ul.inner-ins-steps li ul li:before {
                font-family: FontAwesome;
                content: "\f00c"
            }

ul.date-links li {
    list-style: none
}

.client-table-match .rgRow td, .client-table-match .rgAltRow td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    vertical-align: middle;
    white-space: nowrap
}

ul.date-links li a {
    text-decoration: none;
    padding: 8px 25px;
    font-size: 13px;
    color: #39464e;
    border-top: 1px solid #efefef;
    display: block;
    text-align: left !important
}

.date-txt {
    font-size: 13px !important;
    color: #1babe8 !important;
    float: left;
    padding: 8px 20px 15px 25px !important
}

.calendar-week-txt {
    font-size: 12px !important;
    float: right;
    padding: 8px 25px 15px !important;
    color: #39464e
}

.mobile-font {
    width: 20px;
    text-align: center;
    position: relative !important;
    top: 2px !important
}

.envelop-font {
    width: 20px;
    text-align: center;
    font-size: 14px !important;
    position: relative !important;
    top: 0 !important
}

.gray-font {
    color: gray !important
}

.agency-font {
    font-size: 14px !important;
    width: 20px;
    text-align: center;
    position: relative !important;
    top: 1px !important
}

.role-font {
    position: relative;
    top: 0
}

.home-font {
    font-size: 15px !important;
    position: relative !important;
    top: 0 !important;
    width: 20px;
    text-align: center
}

.admin-left-menu > li > a > i.Left-icon-small {
    width: 16px !important;
    display: inline-block
}

.admin-left-menu > li > a > i.Left-icon-size {
    display: inline-block
}

.input-group-time {
    background: transparent !important
}

.office-setting {
    font-size: 16px !important;
    position: relative !important;
    top: 1px !important;
    width: 17px;
    text-align: center
}

.configuration-font {
    font-size: 15px !important;
    position: relative !important;
    top: 1px !important;
    width: 20px;
    text-align: center
}

.lnk-icon {
    margin-right: 4px
}

.RadRating a:before, .RadRating a span:before {
    line-height: .9em !important
}

.RadRating a {
    width: 1.2em !important
}

.float-right {
    float: right
}

.all-field {
    font-size: 12px !important
}

.fc-border-separate td.fc-day:hover {
    background: #f8f8f8
}

.upload-logo img {
    height: 60px;
    min-height: 60px
}

.light-lab label {
    font-weight: 400;
    position: relative;
    top: -2px
}

.ui-widget-header.ui-corner-all {
    background: #fff;
    border: none;
    border-bottom: 1px solid #bce3ff;
    padding: 3px 15px
}

.widgetcontent.dashbaord-widget {
    background: #fff;
    padding: 2px 12px 5px 15px
}

.resp-tabs-container {
    border-top: 1px solid #000
}

ul.resp-tabs-list {
    border-bottom: none
}

ul.resp-tabs-list {
    display: flex !important;
    display: -webkit-flex !important;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}

.resp-tabs-list li {
    padding: 0 !important;
    border-top: 3px solid transparent !important;
    border-radius: 4px 4px 0 0;
    background: rgba(237,240,243,0.45);
    margin-bottom: -1px;
    margin-right: 2px
}

    .resp-tabs-list li a {
        padding: 12px 8px 10px !important;
        display: inline-block
    }

.nav-md .resp-tabs-list li a {
    padding: 12px 4px 10px !important;
    display: inline-block
}

.resp-tabs-list li.resp-tab-active {
    padding: 0 !important;
    border-left-color: #000 !important;
    border-right-color: #000 !important;
    border-top-color: #0284d0 !important;
    background: #fff;
    margin-bottom: -1px !important;
    border-bottom: 1px solid #fff !important
}

    .resp-tabs-list li.resp-tab-active a {
        padding: 12px 10px !important;
        display: inline-block
    }

.admin-setting .nav-list.inner {
    background: #f1f9fc
}

.admin-setting .nav-list > li {
    padding: 0;
    line-height: 30px
}

.admin-setting .nav-list .inner > li {
    line-height: 25px
}

.admin-setting .nav-list > li:last-child {
    border-bottom: none
}

.admin-setting .nav-list .inner > li .in-arrow-down {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px
}

.admin-setting .nav-list .inner > li .activeLink + .in-arrow-down .fa {
    color: #fff !important
}

.admin-setting .nav-list .inner > li .in-arrow-down .fa {
    transform: rotate(180deg)
}

.admin-setting .nav-list .inner > li .in-arrow-down.collapsed .fa {
    transform: rotate(0deg)
}

.nav-list > li > a .arrow-box {
    position: absolute;
    right: -12px;
    top: 0;
    padding: 12px 8px !important
}

    .nav-list > li > a .arrow-box .fa {
        transform: rotate(180deg)
    }

.nav-list > li > a.collapsed .arrow-box .fa {
    transform: rotate(0deg)
}

.admin-setting .resp-tabs-list .rtsUL li .rtsLink, .resp-tabs-list .rtsUL li .rtsLink {
    color: #0284d0 !important;
    padding: 0 !important
}

.admin-setting .resp-tabs-list .rtsUL .rtsIn {
    padding: 0
}

.admin-setting .resp-tabs-list .rtsUL li {
    padding: 0 !important;
    border-top: 0 !important;
    margin-bottom: 0 !important
}

.Rad-tab .RadTabStrip.nav-tabs {
    border-bottom: none;
    margin-bottom: -1px
}

.Rad-tab .Rad-tab-container {
    border-top: 1px solid #000
}

.RadTabStrip_Default .rtsLevel .rtsLast .rtsOut:hover .rtsIn {
    text-decoration: none
}

.Rad-tab {
    position: relative;
    padding-top: 15px;
    z-index: 5
}

.btn-primary {
    background: #1cc719 !important;
    border: none;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 3px;
    border: 1px solid #1cc719 !important;
    box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -webkit-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -moz-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5);
    -o-box-shadow: 0 .125rem .625rem rgba(58,196,125,0.4),0 .0625rem .125rem rgba(58,196,125,0.5)
}

    .btn-primary:hover {
        background: #18ac15 !important;
        border: 1px solid #18ac15 !important;
        transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out
    }

.btn-default:hover {
    background: #f3f3f3 !important;
    border: 1px solid #e5e5e5 !important;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out
}

.fa-edit:before, .fa-pencil-square-o:before, .fa-plus:before {
    vertical-align: middle !important
}

.showhideOperation .btn-success {
    padding: 3px 8px !important;
    color: #fff !important;
    line-height: 17px
}

.well h4 {
    font-size: 22px;
    color: #4a4a4a;
    font-weight: 700
}

.admin-setting .page-title h2 {
    font-weight: 700;
    padding: 0
}

.ml32 a {
    margin-left: 32px !important
}

.admin-setting .admin_sidebar_content .page-title {
    margin: 3px 0 30px
}

.table-question td {
    padding: 5px
}

.multi-selection .RadListBox_Telerik .rlbGroup {
    width: 147px;
    border: 1px solid #ddd;
    border-radius: 5px
}

.multi-selection .RadListBox .rlbButtonAreaRight {
    margin-right: 2px
}

.multi-selection .RadListBox_Telerik .rlbGroup .rlbList .rlbItem {
    border-bottom: 1px solid #ddd
}

.multi-selection .RadListBox_Telerik .rlbItem.rlbSelected {
    background-color: #eee
}

.multi-selection .RadListBox_Telerik .rlbItem.rlbHovered {
    background-color: #f0f0f0
}

.multi-selection .RadListBox_Telerik .rlbButton:hover:not(.rlbDisabled) {
    background: #eee
}

.multi-selection .RadListBox_Telerik .rlbButton {
    background: #ccc
}

.multi-selection.wide .RadListBox_Telerik .rlbGroup {
    width: 220px
}

.clsRadComboBox4 .rcbInner {
    border: 0 !important
}

.clsRadComboBox4 .rcbActionButton {
    background: none !important;
    border: 0 !important
}

.clsRadComboBox4 .rcbIconDown:before {
    font-size: 15px !important;
    position: relative !important;
    color: #555 !important;
    top: -2px !important
}

.display-inline {
    display: inline
}

.display-flex {
    display: flex;
    align-items: center;
}

.clsRadComboBox4 {
    padding: 6px 2px 6px 11px !important
}

    .clsRadComboBox4 .rcbFocused .rcbActionButton {
        background-color: transparent !important;
        background-image: none !important
    }

.table-editable > tbody > tr > th {
    border-top: 0 !important;
    white-space: nowrap;
    border-bottom: 2px solid #00a1e5 !important
}

.table-editable input[type*="text"], .table-editable textarea, .table-editable select {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 3px 5px
}

.sh-action a {
    visibility: hidden
}

    .sh-action a:hover, .sh-action:hover a {
        visibility: visible
    }

.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 {
    background: #1cc719 !important;
    border: 1px solid #1cc719 !important
}

.label-ad {
    padding: 1px 0 0 3px
}

.check-add {
    padding: 1px 0 0 3px
}

.createReg {
    float: left
}

    .createReg label {
        font-weight: 400
    }

.btn-success, .btn-danger, .btn-primary, .btn-default, .btn-red {
    height: 34px;
    line-height: 18px
}

.timepicker-picker .table-condensed .btn-primary {
    min-width: 50px !important;
    width: 50px !important
}

.Calendar-dropDown-popup .btn-primary {
    min-width: 50px !important;
    width: 50px !important;
    padding: 0 !important
}

.border-bottom-none {
    border-bottom: none !important
}

.rd-container .resp-tabs-list li {
    padding: 0 !important
}

.rd-container .Rad-tab .RadTabStrip.nav-tabs {
    margin-bottom: -1px;
    z-index: 99999;
    position: relative
}

.vertical-align-middle {
    vertical-align: middle !important
}

.library-main i.lib-book {
    font-size: 55px;
    color: #f89406
}

.library-main span.lib-head {
    font-size: 32px;
    color: #39464e;
    display: block
}

.margin-bottom60 {
    margin-bottom: 60px
}

.margin-bottom40 {
    margin-bottom: 40px
}

.library-box {
    height: 50px !important;
    font-size: 20px !important;
    color: #394643 !important
}

select.library-box {
    font-size: 16px !important
}

.arr-dwn-btn {
    border-top: 5px dashed !important;
    border-right: 5px solid transparent !important;
    border-left: 5px solid transparent !important
}

.library_title {
    color: #000;
    display: flex;
    position: relative;
    justify-content: center;
    flex-grow: 1;
    align-items: center;
    margin: 0 0 30px;
    padding: 0;
    width: 101%;
    min-height: 52px
}

.lib-top-head {
    font-weight: 600;
    display: block;
    margin-bottom: 0
}

.library_title .library-inner {
    flex-grow: 1;
    line-height: 26px
}

.library-inner .fa {
    font-size: 35px;
    color: #0284d0
}

.library-tab br, .library br {
    display: block;
    line-height: 80px
}

.library-section {
    margin-top: 40px
}

.btn-search input {
    background: none !important;
    padding: 0 5px;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 20px;
    font-weight: 700
}

    .btn-search input:hover {
        background: none !important;
        border: 0 !important;
        box-shadow: none !important
    }

.quick-right {
    padding-right: 10px
}

.input-group-addon span.search-icon {
    margin-bottom: 0;
    margin-top: 0;
    position: relative;
    left: 16px;
    top: 3px
}

.file-txt-outer {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 145px;
    white-space: nowrap;
    position: relative;
    left: 5px;
    top: 3px
}

.stylish-input-group .btn-search {
    background: #1cc719 !important;
    border: #1cc719 !important;
    border-radius: 4px !important;
    color: #fff;
    font-weight: 400 !important;
    line-height: 40px;
    font-size: 20px;
    padding: 0 20px
}

    .stylish-input-group .btn-search .glyphicon {
        margin-top: 10px;
        display: inline-block
    }

    .stylish-input-group .btn-search input {
        margin: -7px 0 0
    }

span .liv-pos {
    position: relative;
    top: -2px;
    left: -2px
}

span.download {
    flex-grow: 0;
    text-align: center;
    color: #0284d0
}

    span.download a {
        color: #0284d0
    }

    span.download span {
        font-size: 11px;
        vertical-align: top;
        padding-left: 2px
    }

span.admin-download {
    flex-grow: 0;
    text-align: center;
    color: #0284d0
}

    span.admin-download a {
        color: #0284d0;
        display: inline-block;
        padding-left: 5px
    }

.file-txt-size {
    font-weight: 700;
    font-size: 14px;
    color: #222
}

.file-size {
    color: #9b9b9b;
    font-size: 13px;
    display: block;
    font-style: normal;
    line-height: 12px
}

.file-icon {
    color: #0284d0;
    font-size: 30px;
    display: inline-block;
    margin: 0 5px 0 0;
    position: relative;
    top: -2px
}

.file-txt-outer {
    display: inline-block
}

#dlCareGPhone tr > td:first-child, #dlCaregiverPhone tr > td:first-child,
#dtLstViventium tr > td:first-child {
    display: none
}

.no-border {
    border: none !important
}

.border-top {
    border-top: 1px solid #000;
    padding-top: 20px
}

.admin_sidebar_content .help-icon {
    vertical-align: text-top
}

.admin_sidebar_content .help-sign {
    vertical-align: baseline
}

select.year-small-control {
    padding: 6px 5px
}

.panel-group {
    margin-bottom: 10px !important
}

.panel-body {
    padding: 15px 20px !important
}

.admin-setting .main-content .body-top {
    padding: 15px 12px !important
}

.assess-body {
    margin-right: -20px !important;
    margin-left: -20px !important
}

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

span.admin_asterisk, span.client_red {
    color: red !important;
    display: inline-block !important
}

.k-tooltip-closable .k-tooltip-content {
    padding-right: 0 !important
}

    .k-tooltip-closable .k-tooltip-content .sc-tooltip [class*="col-"] {
        padding-right: 5px;
        padding-left: 5px
    }

.sc-tooltip {
    padding: 10px 0
}

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

.btn.btn-sm {
    padding: 5px 10px !important;
    line-height: 1.5 !important
}

.fl-upload li {
    display: block
}

.rgHeaderWrapper .rgHeaderDiv {
    border-left: 0 !important;
    border-right: 0 !important
}

.date-cal .rcCalPopup {
    background-image: none !important
}

.date-cal table.rcTable td:after {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #4b4b4b !important;
    font-size: 16px;
    padding-right: .5em;
    position: absolute;
    top: 6px;
    right: 0
}

.date-cal-time .rcCalPopup {
    background-image: none !important
}

.date-cal-time table.rcTable td:after {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #4b4b4b !important;
    font-size: 16px;
    padding-right: .5em;
    position: absolute;
    top: 6px;
    right: 30px
}

.modal-date-cal .rcCalPopup {
    background-image: none !important
}

.modal-date-cal table.rcTable td:after {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #4b4b4b !important;
    font-size: 16px;
    padding-right: 0;
    position: absolute;
    top: 5px;
    right: 40px
}

.new-date-cal .rcCalPopup {
    background-image: none !important
}

.new-date-cal table.rcTable td:after {
    content: "\f073";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #4b4b4b !important;
    font-size: 16px;
    padding-right: .5em;
    position: absolute;
    top: 32px;
    right: 20px
}

.visible-cell {
    display: table-cell
}

.recurrence-range .visible-cell {
    vertical-align: top
}

.quick_border_class label label {
    margin-bottom: 0 !important
}

.recurrence-range .visible-cell #txtEndBy + .icn-form-cont {
    right: 0
}

.recurrence-range .visible-cell #txtEndBy.middle-form-control {
    width: 100% !important
}

.prospective-client #divClientAssessmentList .panel-body, .prospective-client .panel-body .panel-body {
    padding: 0 !important
}

.receive-heading {
    display: inline-block;
    padding: 12px 0
}

.training-top {
    padding-top: 0 !important;
    position: relative;
    top: -10px
}

.receive-heading h3 {
    font-size: 18px !important;
    color: #39464e !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    font-weight: 700 !important
}

.receive-heading p {
    font-size: 14px;
    color: #39464e;
    padding: 20px 0;
    margin: 0
}

ul.Account-reg {
    margin: 0;
    padding: 0
}

    ul.Account-reg li {
        font-size: 14px;
        color: #7C8185;
        font-weight: 700;
        list-style: none;
        padding-right: 50px;
        display: inline-block;
        line-height: 22px
    }

        ul.Account-reg li span {
            color: #39464e;
            font-size: 20px;
            font-weight: 700;
            display: block
        }

        ul.Account-reg li:last-child {
            padding-right: 0
        }

.account-register tr:last-child {
    border-bottom: 2px solid #0098cb !important
}

.modal-header h4 {
    margin: 0;
    line-height: 1.42857143;
    font-weight: 700;
    color: #39464e
}

.font-black {
    color: #000 !important
}

.tooltip.top {
    position: fixed;
    z-index: 999
}

.cursor-hand {
    cursor: pointer
}

.schedule-recurrence .start, .schedule-recurrence .end {
    width: 33%
}

.schedule-recurrence .in-schedule {
    width: 33%
}

.account-txt {
    float: left
}

.padd-right {
    padding-right: 18px
}

.big-cal .single-month {
    width: 93% !important
}

    .big-cal .single-month .month-wrapper table {
        width: 100% !important
    }

#lstAttributteList td label {
    font-size: 13px;
    font-weight: 400;
    position: relative;
    top: -2px !important
}

.dash-heading {
    background-color: #fff;
    padding: 19px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

    .dash-heading h1 {
        font-size: 20px;
        font-weight: 700;
        display: block;
        color: #39464e;
        padding: 0;
        margin: 0;
        position: relative
    }

.dash-cal {
    display: inline-block;
    text-align: right;
    float: right
}

.dash-cal-big {
    width: 16%
}

.dash-cal-small {
    width: auto
}

.dash-heading span.input-group-addon {
    background: #fff
}

.btn-seamore {
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

    .btn-seamore:hover {
        background: #fff;
        border: 1px solid #fff
    }

.sms-txt {
    color: #000;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px
}

.read-sms-log .sms-txt, .read-sms-log .sms-log, .read-sms-log .sms-date {
    color: #777;
    font-weight: 400
}

.sms-round-sign {
    padding-left: 6px;
    font-size: 12px;
    padding-right: 4px;
    color: #0284d0
}

.sms-hover {
    transition: all ease-in .2s;
    -webkit-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    cursor: pointer
}

    .sms-hover:hover {
        background: #f2fafd
    }

.sms-log {
    font-size: 15px;
    font-weight: 700;
    display: inline-block;
    padding-right: 35px;
    color: #000
}

.sms-date {
    font-size: 13px;
    text-align: right;
    color: #000;
    float: right;
    line-height: 30px
}

.sms-link {
    color: #0284d0 !important;
    font-weight: 700;
    font-size: 13px
}

.icn-gray {
    color: #777e84
}

.check-heading {
    font-size: 14px;
    font-weight: 900;
    color: #39464e;
    display: inline-block;
    padding-top: 20px;
    padding-left: 4px
}

ul.check-links {
    margin: -20px 0 0;
    padding: 0;
    float: right;
    border: 1px solid #c3c3c3;
    border-radius: 5px
}

    ul.check-links li {
        list-style: none;
        float: left
    }

        ul.check-links li a {
            padding: 7px 16px;
            font-size: 13px;
            font-weight: 700;
            color: #4e595c;
            text-align: center;
            display: inline-block;
            text-decoration: none;
            border-right: 1px solid #c3c3c3
        }

        ul.check-links li:last-child a {
            border-right: 0
        }

        ul.check-links li a:hover {
            background-color: #f0f0f0;
            box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.2)
        }

        ul.check-links li.active a {
            background-color: #f0f0f0;
            box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.2)
        }

span.check-out-title {
    color: #7E8c90;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    top: -20px;
    display: block
}

span.check-in {
    color: #39464e;
    font-size: 14px;
    position: relative;
    top: -20px;
    display: block
}

ul.dash-check-line {
    margin: 40px 0 0 48px;
    padding: 0
}

    ul.dash-check-line li {
        border-left: 1px solid #39464e;
        padding: 6px 0 25px 10px;
        font-size: 15px;
        list-style: none;
        position: relative
    }

        ul.dash-check-line li:last-child {
            padding: 6px 0 0 10px
        }

        ul.dash-check-line li:before {
            position: absolute;
            top: -8px;
            left: -5px;
            border: 1px solid #39464e;
            border-radius: 50%;
            content: "";
            background: #fff;
            width: 10px;
            height: 10px
        }

        ul.dash-check-line li span.care-time {
            position: absolute;
            left: -63px;
            background: #f89406;
            border-radius: 3px;
            padding: 2px 5px;
            color: #fff;
            top: -15px;
            font-size: 13px;
            font-weight: 700
        }

            ul.dash-check-line li span.care-time:after {
                content: '';
                display: block;
                position: absolute;
                left: 100%;
                top: 68%;
                margin-top: -9px;
                width: 0;
                height: 0;
                border-top: 5px solid transparent;
                border-right: 5px solid transparent;
                border-bottom: 5px solid transparent;
                border-left: 5px solid #f89406
            }

        ul.dash-check-line li span.RedActive {
            background: #f12d5c
        }

            ul.dash-check-line li span.RedActive:after {
                border-left: 5px solid #f12d5c
            }

.chk-sign-in {
    position: absolute;
    right: -10px;
    top: 0;
    color: #39464e
}

.chk-yellow {
    color: #f89406
}

.chk-red {
    color: #f12d5c
}

.h1500 {
    font-size: 11px;
    color: #B26E2D
}

    .h1500 td, .h1500 span, .h1500 div, .h1500 strong {
        font-size: 10.4px;
        color: #B26E2D
    }

.bdr_top_1500 {
    border-top: 1px solid #b26e2d
}

.bdr_bottom_1500 {
    border-bottom: 1px solid #b26e2d
}

.bdr_left_1500 {
    border-left: 1px solid #b26e2d
}

.bdr_right_1500 {
    border-right: 1px solid #b26e2d
}

.h1500 input[type="text"] {
    border-radius: 4px;
    border: 1px solid #ccc;
    margin: 3px 0;
    font-size: 11px !important;
    height: 22px
}

.c000 {
    color: #000
}

.chk_opt {
    float: left;
    padding-bottom: 4px
}

    .chk_opt ul {
        list-style-type: none
    }

        .chk_opt ul li {
            list-style: none;
            float: left;
            padding: 0 4px 0 0;
            line-height: 11px
        }

            .chk_opt ul li p {
                color: #b26e2d !important;
                font-size: 9px !important;
                font-weight: 400;
                text-transform: uppercase;
                padding: 0 !important;
                margin: 0 !important;
                width: 100px;
                min-height: 22px;
                line-height: 15px !important
            }

            .chk_opt ul li span {
                font-size: 10px;
                color: #555
            }

            .chk_opt ul li input[type="checkbox"] {
                float: left;
                margin: 0 3px 0 0
            }

            .chk_opt ul li i {
                float: left
            }

.p_top_5 {
    padding-top: 5px
}

.p_left_3 {
    padding-left: 3px
}

.p_right_3 {
    padding-right: 3px
}

.ub04 {
    color: #a13130;
    font-size: 10px;
    line-height: 1
}

    .ub04 td, .ub04 span, .ub04 div, .ub04 strong {
        color: #a13130
    }

    .ub04 input[type="text"] {
        height: 14px;
        margin: 3px 2px;
        font-size: 11px !important
    }

    .ub04 td, .ub04 div {
        color: #a13130;
        font-size: 10px !important
    }

.bdr_right_ub04 {
    border-right: 1px solid #8d3333
}

.bdr_bottom_ub04 {
    border-bottom: 1px solid #8d3333
}

.bdr_top_ub04 {
    border-top: 1px solid #8d3333
}

.bdr_left_ub04 {
    border-left: 1px solid #8d3333
}

.c_fff {
    color: #FFF !important
}

.links_btn {
    background: none repeat scroll 0 0 #E0E0E0;
    border: 1px solid #c5c5c5;
    border-radius: 3px 3px 3px 3px;
    color: #444;
    padding: 5px;
    text-shadow: 1px 1px 0 #FFF;
    text-decoration: none
}

    .links_btn:hover {
        background: none repeat scroll 0 0 #D9D9D9;
        border: 1px solid #c5c5c5;
        color: #333;
        padding: 5px
    }

    .links_btn:focus {
        background: none repeat scroll 0 0 #D0D0D0;
        border: 1px solid #999;
        color: #000;
        padding: 5px
    }

.h1500 input[type=checkbox], .h1500 input[type=radio] {
    margin: 0 0 0 3px !important
}

    .h1500 input[type=checkbox]:before, .h1500 input[type=radio]:before {
        display: none
    }

.h1500 input[type=checkbox] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
    transform: scale(13,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1)
}

.h1500 input[type=radio] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
    transform: scale(13,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1)
}

.acc-search-tab th {
    height: 46px
}

.modal-dialog.modal-xlg {
    width: 1200px !important
}

.table-box-outer {
    border: 1px solid #f1f1f1 !important;
    box-shadow: 0 0 8px #e4e4e4;
    position: relative;
    top: 0;
    left: 0;
    width: 1003px !important;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 15px;
    min-width: 100%
}

.txt-brk-space {
    display: block
}

.account-table tbody tr:last-child td {
    border-bottom: 0
}

ul.ui-sortable li label {
    vertical-align: inherit !important
}

ul.ui-sortable li input[type="checkbox"] {
    vertical-align: inherit !important
}

.rgClipCells .rgRow > td, .rgClipCells .rgAltRow > td {
    overflow: initial !important
}

.mapframe {
    width: 100%;
    height: 300px;
    margin: 0 0 10px
}

.directionpanel_height_scroll {
    overflow-y: scroll;
    height: 300px
}

.txt-brk-space {
    display: block;
    text-align: justify;
    word-break: initial !important
}

.alert-unread {
    width: 10px;
    height: 10px;
    background: red;
    position: absolute;
    border-radius: 50%;
    left: 25px;
    top: 10px
}

.table-size {
    margin: 0;
    padding: 0
}

    .table-size label {
        padding-left: 8px
    }

    .table-size .account-table tr td:first-child {
        min-width: 120px
    }

.dashboard-height {
    height: 400px;
    overflow-y: auto;
    width: 100%
}

.payroll-table > tbody > tr > td {
    padding: 0 8px !important
}

.payroll-table .rgGroupHeader {
    background: #f3f3f3 !important
}

.pay-in-table > tbody > tr > td {
    padding: 0 !important
}

.payroll-table > tbody > tr.payRoll-row td {
    padding: 0 !important
}

.payroll-outer {
    border: 1px solid #f1f1f1 !important;
    box-shadow: 0 0 15px #e4e4e4;
    position: relative;
    top: 0;
    left: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 15px
}

.dash-sub-heading {
    font-size: 12px;
    display: block;
    color: #9b9b9b;
    font-weight: 400;
    line-height: 17px
}

.dash-cal-small {
    display: block;
    position: absolute;
    right: 42px;
    z-index: 7;
    top: 22px;
}

    .dash-cal-small a {
        font-size: 13px;
        color: #0284d0;
        font-weight: 700;
        margin-bottom: 20px;
        height: 13px;
        line-height: 13px
    }

.check-links > li.active > a, .check-links > li.active > a:focus, .check-links > li.active > a:hover {
    border-top: 0 !important;
    border-radius: 3px !important
}

.check-links > li {
    margin: 0 !important
}

    .check-links > li > a {
        border-radius: 0 !important;
        margin: 0 !important;
        border-left: 0 !important;
        border-bottom: 0 !important;
        border-top: 0 !important
    }

.post-table .rgMasterTable tbody td {
    padding: 0 8px !important
}

.post-table tbody td {
    padding: 0 8px !important
}

.login-main {
    background: #ecf0f3;
    width: 100%;
    height: 100%;
    min-height: 500px
}

.inner-login-area {
    background-size: 74%;
    width: 100%;
    margin: auto;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    display: inline-block;
    box-shadow: 0 15px 30px 0 rgba(0,0,0,0.25)
}

.left-login-area {
    height: 100%;
    position: relative;
    display: table;
    width: 100%
}

.inner-login-area td {
    position: relative
}

.login-curve {
    position: relative
}

.left-login-outer {
    background: #fff
}

.login-curve:after {
    right: auto;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    position: relative;
    pointer-events: none;
    width: 0;
    height: 100%;
    border: 0 solid transparent;
    border-bottom-width: 395px;
    border-top-width: 395px;
    border-left: 25px solid #fff;
    top: 0
}

.change-pass-login-area {
    height: 100%;
    position: relative;
    display: table;
    width: 100%
}

.change-pass-login-curve:after {
    right: auto;
    left: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    position: relative;
    pointer-events: none;
    width: 0;
    height: 100%;
    border: 0 solid transparent;
    border-bottom-width: 395px;
    border-top-width: 395px;
    border-left: 25px solid #fff;
    top: 0
}

.change-pass-login-area .login-footer {
    font-size: 9px;
    position: absolute;
    bottom: 20px;
    color: #9b9b9b
}

.lgoin-box {
    padding: 20px 120px
}

.change-right-area {
    right: 0;
    position: absolute
}

.logo-txt {
    font-weight: 900;
    font-size: 24px;
    margin: 0;
    padding: 0
}

.change-pass-txt {
    font-size: 24px;
    color: #39464e;
    margin: 0 0 15px;
    padding: 0;
    font-weight: 400
}

.login-pass-center {
    position: absolute;
    width: 55%;
    top: 35%
}

.change-pass-txt span {
    font-size: 14px;
    color: #39464e;
    display: block;
    margin: 10px 0 30px
}

.login-txt {
    font-size: 24px;
    color: #39464e;
    margin: 0 0 20px;
    padding: 0;
    font-weight: 400
}

.login-center {
    position: absolute;
    width: 60%;
    top: 32%
}

login-reset-center {
    position: absolute;
    width: 70%;
    top: 35%
}

.margin-bottom10 {
    margin-bottom: 10px
}

.login-form {
    position: relative
}

    .login-form a {
        color: #0284d0;
        font-size: 12px;
        text-align: right;
        font-weight: 700;
        display: block;
        position: relative;
        top: -12px
    }

.login-btn {
    background-color: #0284d0;
    border: 1px solid #0284d0 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 5px 30px;
    font-size: 13px;
    margin-top: 12px
}

    .login-btn:focus {
        color: #fff !important
    }

.login-input {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important
}

.login-btn:hover {
    background-color: #0174b7;
    border: 1px solid #0174b7 !important;
    color: #fff !important
}

.btn-learn-more {
    background-color: #fff;
    border: 1px solid #fff;
    color: #39464e
}

    .btn-learn-more:hover {
        background-color: #f3f3f3;
        border: 1px solid #f3f3f3
    }

.left-login-area .login-footer {
    font-size: 9px;
    position: absolute;
    bottom: 20px;
    color: #9b9b9b
}

.foot-links {
    display: block;
    padding: 5px 0
}

    .foot-links a {
        font-size: 10px;
        color: #0284d0;
        padding-right: 8px
    }

.login-right-area {
    padding: 290px 215px 0 50px
}

    .login-right-area h3 {
        font-size: 32px;
        color: #fff;
        line-height: 39px
    }

        .login-right-area h3 span {
            display: block
        }

    .login-right-area p {
        font-size: 18px;
        color: #fff;
        line-height: 22px;
        padding: 12px 30px 0 0
    }

.dash-reports {
    margin: 8px auto 0;
    padding: 8px 0 0;
    display: block;
    border-top: 1px solid #ccc;
    text-align: center
}

.fc-view {
    z-index: 0 !important
}

.dash-reports li {
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    color: #232425;
    text-align: center;
    width: 33%
}

    .dash-reports li span {
        display: inline-block;
        font-size: 24px;
        font-weight: 700;
        color: #232425;
        text-align: center
    }

    .dash-reports li div {
        display: block;
        font-weight: 400;
        font-size: 14px;
        color: #9b9b9b
    }

table.no_padding label {
    font-weight: 400
}

.labeldisable {
    background-color: #eee;
    opacity: 1
}

.dash-care-icon {
    font-size: 22px;
    position: relative;
    top: 4px
}

.dash-cont-icon {
    position: relative;
    top: -1px;
    left: -3px
}

.acount-left-arr {
    position: relative;
    left: -10px
}

.dash-sms-border {
    border-bottom: 1px solid #ddd !important;
    margin-top: 0 !important
}

.detail-head {
    font-weight: 900 !important;
    color: #000 !important
}

.hide-last-empty-cell th:last-child {
    display: none
}

.csreports table[id*="ParameterTable_"] table[id*="ParametersGridct"] select {
    width: 92% !important;
    padding: 5px
}

.csreports table[id*="ParameterTable_"] table[id*="ParametersGridct"] [id*="_txtValue"] {
    padding: 4px 5px;
    height: auto !important;
    width: 92% !important;
    font-size: 11px !important
}

    .csreports table[id*="ParameterTable_"] table[id*="ParametersGridct"] [id*="_txtValue"] + [id*="_ddDropDownButton"] {
        vertical-align: top;
        cursor: pointer;
        height: 15px !important;
        width: 15px !important;
        display: inline-block;
        color: transparent;
        position: relative;
        right: 22px;
        top: 6px
    }

.csreports [id*="_divDropDown"] label {
    font-size: 11px !important
}

.csreports input[type="checkbox"], .csreports input[type="radio"] {
    display: inline !important;
    transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    -moz-transform: scale(1,1)
}

.csreports input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox
}

.csreports input[type="radio"] {
    -webkit-appearance: radio;
    -moz-appearance: radio;
    appearance: radio
}

    .csreports input[type="checkbox"]:after, .csreports input[type="radio"]:after {
        display: none !important
    }

.inner-grid-shadow {
    box-shadow: 0 4px 10px -7px rgba(0,0,0,0.3);
    display: block
}

.dash-left-space {
    padding-left: 10px
}

.dashboard-body {
    padding: 15px 18px 10px !important
}

.dash-left-space .panel {
    margin-bottom: 30px !important
}

.log-detail-link {
    display: flex;
    top: -10px;
    font-size: 14px;
    position: relative
}

    .log-detail-link a {
        top: 2px;
        text-align: left;
        padding-left: 10px
    }

.btn-width-pad {
    padding: 7px 10px !important
}

.modal-big-dialog {
    width: 55% !important
}

.admin-close {
    position: absolute;
    right: 17px;
    color: #000;
    font-size: 30px;
    font-weight: 700;
    opacity: 1;
    z-index: 9
}

.admin_outer_border {
    border-top: 1px solid #bce3ff;
    padding-top: 20px
}

.modal-big-dialog span {
    min-height: 20px !important
}

.modal-big-dialog label {
    font-weight: 400 !important
}

.quick_outer_border {
    border-bottom: 1px solid #bce3ff;
    padding-bottom: 10px
}

    .quick_outer_border h3, .quick_search_details h3 {
        color: #4a4a4a !important;
        font-size: 20px;
        font-weight: 900 !important;
        padding-top: 9px
    }

.date-picker-wrapper .month-wrapper table.month2 {
    margin-right: 0 !important
}

.date-picker-wrapper .month-wrapper table {
    margin-right: 32px
}

.date-picker-wrapper .gap {
    display: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #003eff !important;
    background: #007fff !important;
    font-weight: 400;
    color: #fff !important
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e !important;
    background: #fffa90 !important;
    color: #363636 !important
}

.inner_grid .date-picker-wrapper {
    border: none !important;
    background: none !important
}

.login-tab {
    height: 100%;
    padding-left: 0 !important
}

.logo-img-size {
    max-width: 250px
}

.changePassword {
    height: 100%;
    position: absolute;
    width: 42%
}

.table-over {
    overflow-x: hidden
}

.quickheight .quick_border_class {
    min-height: 34px !important
}

.form-group span {
    word-wrap: break-word
}

.k-event {
    cursor: default;
    min-height: 3.3em !important
}

.appcues-widget-header {
    color: #0284d0 !important;
    font-weight: 700 !important
}

.appcues-widget-footer p {
    padding: 5px 0 !important;
    text-align: center !important;
    color: #999 !important;
    border-top: 1px solid #eee !important
}

a.help-link {
    display: inline-block;
    position: relative;
    float: right;
    padding-right: 7px !important;
    padding-left: 7px !important;
    border-right: 1px solid #f2f2f2;
    border-radius: 3px;
    color: #fff;
    margin: 0;
    -webkit-transition: background .4s;
    transition: background .4s;
    font-size: 14px;
    display: inline-block;
    cursor: pointer
}

    a.help-link i {
        color: #fff !important;
        position: relative;
        top: 0;
        color: #0284d0 !important;
        font-size: 25px !important;
        padding: 5px 0 !important
    }

    a.help-link:hover, a.help-link:focus {
        background: #D9DEE4 !important;
        -webkit-transition: background .4s;
        transition: background .4s;
        border-radius: 0
    }

.nav .open > a.help-link, .nav .open > a.help-link:focus, .nav .open > a.help-link:hover {
    border-color: #fff !important;
    background: none !important
}

.citybg .rcbInner {
    background: none !important
}

.citybg .rcbActionButton {
    top: -6px !important
}

.rating-input .glyphicon-star {
    color: #ff8700
}

.care-space {
    padding-bottom: 0 !important;
    font-weight: 700
}

.payroll-paydate ul.list-unstyled li {
    width: 100%;
    padding-right: 0
}

.filter-label {
    color: rgba(57,70,78,0.6);
    font-size: 14px;
    padding-right: 7px
}

.btn-browse {
    width: 100%;
    max-width: 200px
}

.dash-head {
    font-size: 30px;
    margin: 0;
    padding: 0;
    color: #2b363d;
    font-weight: 700
}

.dash-search {
    padding: 0 30px
}

    .dash-search p {
        font-size: 15px;
        color: #39464e;
        padding: 15px 0
    }

.pagelink {
    margin: 20px 0;
    padding: 0;
    border-bottom: 1px solid #ccc
}

    .pagelink li {
        display: flex;
        padding-bottom: 20px;
    }

        .pagelink li label {
            position: relative;
            top: 8px;
        }

.outerlink {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 35px;
    margin-bottom: 12px
}

    .outerlink input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 50%
}

.outerlink :hover input ~ .checkmark {
    background-color: #ccc
}

.outerlink input:checked ~ .checkmark {
    background-color: #66bb6a;
    border: 1px solid #66bb6a;
    cursor: default
}

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

.outerlink input:checked ~ .checkmark:after {
    display: block
}

.outerlink .checkmark:after {
    left: 9px;
    top: 5px;
    width: 7px;
    height: 13px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pagelink h4, .pagelink h4 a, .pagelink h4 span {
    font-size: 16px;
    color: #0284d0;
    font-weight: 400;
    margin: 0;
    padding: 0
}

.pagelink p {
    font-size: 13px;
    color: #39464e;
    padding: 5px 0 0;
    margin-bottom: 0
}

    .pagelink p a {
        color: #0284d0;
        text-decoration: underline
    }

.readhelp {
    display: block;
    font-size: 18px;
    margin-bottom: 10px
}

    .readhelp a {
        color: #0284d0
    }

@media (max-width: 767px) {
    .modal-big-dialog {
        width: 95% !important
    }
}

.pagelink.list-unstyled .outerlink {
    display: table-cell
}

.pagelink.list-unstyled div {
    display: table-cell
}

.uncheck {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 50%
}

.dash-left-space .panel {
    position: relative
}

.widget-loader {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 5
}

    .widget-loader:before {
        content: "";
        background: rgba(255,255,255,0.8);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 6
    }

    .widget-loader .widget-bar {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 6
    }

.widget-loader-bar {
    float: left;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    animation: widgetLoading 1s ease-in-out infinite;
    margin: 0 2px
}

    .widget-loader-bar:nth-child(1) {
        background-color: #267dae;
        animation-delay: 0s
    }

    .widget-loader-bar:nth-child(2) {
        background-color: #11a961;
        animation-delay: .09s
    }

    .widget-loader-bar:nth-child(3) {
        background-color: #77c5e5;
        animation-delay: .18s
    }

    .widget-loader-bar:nth-child(4) {
        background-color: #1f1a17;
        animation-delay: .27s
    }

@keyframes widgetLoading {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1,3)
    }

    40% {
        transform: scale(1)
    }
}

.cution {
    animation: pulse 3s infinite;
    animation-delay: -2s;
    border-radius: 50%
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,44,44,0.9);
        color: rgba(10,10,10,1)
    }

    20% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,44,44,0.5);
        color: rgba(2,122,203,0.7)
    }

    40% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,44,44,0);
        color: rgba(2,122,203,0.9)
    }

    60% {
        -webkit-box-shadow: 0 0 0 10px rgba(204,44,44,0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204,44,44,0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204,44,44,0.9);
        box-shadow: 0 0 0 0 rgba(204,44,44,0.9);
        color: rgba(10,10,10,1)
    }

    20% {
        -moz-box-shadow: 0 0 0 0 rgba(204,44,44,0.5);
        box-shadow: 0 0 0 0 rgba(204,44,44,0.5);
        color: rgba(204,44,44,0.7)
    }

    40% {
        -moz-box-shadow: 0 0 0 10px rgba(204,44,44,0);
        box-shadow: 0 0 0 10px rgba(204,44,44,0);
        color: rgba(204,44,44,0.9)
    }

    60% {
        -moz-box-shadow: 0 0 0 10px rgba(204,44,44,0);
        box-shadow: 0 0 0 10px rgba(204,44,44,0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204,44,44,0);
        box-shadow: 0 0 0 0 rgba(204,44,44,0)
    }
}

.adminPortal .nav > li > a > span.glyphicon.glyphicon-menu-down {
    margin-left: 5px
}

.check-list li {
    margin: 5px 0
}

    .check-list li:nth-child(3n+1) {
        padding-left: 0
    }

@media (min-width: 1024px) {
    .check-list li {
        float: left;
        width: 33.33333333%;
        padding: 0 10px
    }
}

.iGuiderBody .modal-backdrop {
    display: none !important;
    position: static
}

.iGuiderBody .g-modal-pos {
    z-index: 9999999999999 !important
}

.showhideOperation a {
    display: inline-block;
    width: 20px;
    text-align: center
}

    .showhideOperation a .font-blue {
        margin-right: 0
    }

.scheduleCalendar .k-scheduler {
    border: none
}

    .scheduleCalendar .k-scheduler .k-header.k-scheduler-toolbar {
        background: none;
        padding: 10px 0 30px
    }

    .scheduleCalendar .k-scheduler .k-scheduler-layout {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc
    }

        .scheduleCalendar .k-scheduler .k-scheduler-layout.k-scheduler-agenda, .scheduleCalendar .k-scheduler .k-scheduler-layout.k-scheduler-monthview {
            border-bottom: 1px solid #ccc
        }

.scheduleCalendar .k-scheduler-toolbar > ul .k-state-hover a {
    background: #fff
}

.scheduleCalendar .k-scheduler-toolbar > ul li .k-link {
    padding: 5px 12px
}

.scheduleCalendar .k-header.k-scheduler-footer {
    padding: 20px 0 0
}

    .scheduleCalendar .k-header.k-scheduler-footer, .scheduleCalendar .k-header.k-scheduler-footer .k-header {
        background: none
    }

.scheduleCalendar:before, .scheduleCalendar:after {
    content: "";
    clear: both;
    display: table
}

.schedule-count .list-inline > li {
    display: inline-block;
    padding: 0 10px 0 0;
    min-width: 15%;
    margin-bottom: 15px
}

    .schedule-count .list-inline > li:first-child {
        padding-left: 0
    }

.schedule-count .list-inline {
    margin: 0
}

.schedule-count .count {
    background: #f89408;
    color: #fff;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    line-height: 40px
}

.schedule-count .type {
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    padding-left: 5px
}

    .schedule-count .type strong {
        display: block;
        font-size: 12px
    }

    .schedule-count .type small {
        color: #999;
        font-size: 10px
    }

.schedule-count ul {
    display: block;
    width: 100%
}

.scheduleCalendar .k-scheduler .k-scheduler-toolbar .k-state-selected {
    background: #f0f0f0;
    color: #000;
    border-color: #ccc;
    box-shadow: 0 5px 4px -7px #000 inset
}

    .scheduleCalendar .k-scheduler .k-scheduler-toolbar .k-state-selected a {
        color: #000
    }

.showhideOperation.links a {
    width: auto
}

#ui-datepicker-div {
    display: none
}

.zIndex {
    z-index: 99999 !important
}

.list-widgets li {
    padding: 15px;
    position: relative
}

    .list-widgets li:hover {
        border-radius: 2px;
        background-color: #FFF;
        box-shadow: 0 2px 7px 0 rgba(0,0,0,0.25)
    }

    .list-widgets li .inf, .list-widgets li .info {
        display: table-cell;
        padding: 0 5px;
        vertical-align: top
    }

    .list-widgets li .inf {
        width: 1%;
        vertical-align: middle
    }

    .list-widgets li .info {
        width: 90%
    }

.form-horizontal .col-md-6 > ul.list-unstyled > li {
    min-height: 90px
}

.page-title h3 .btn {
    font-size: 14px
}

.RadAutoCompleteBox .racEmptyMessage[type="text"] {
    width: 100% !important
}

.nav-md .adminPortal .main_container .top_nav, .nav-sm .adminPortal .main_container .top_nav {
    z-index: 8
}

.skill-block:before, .skill-block:after {
    content: "";
    clear: both;
    display: table
}

.skill-items {
    margin: 10px 0
}

    .skill-items:before, .skill-items:after {
        content: "";
        clear: both;
        display: table
    }

.flex-box ul {
    display: flex;
    flex-flow: row wrap;
    align-items: stretch
}

    .flex-box ul li {
        flex-basis: calc((100% / 5) - 20px)
    }

#chkSkillCodeAssociation td {
    white-space: nowrap
}

input[type="checkbox"] + label {
    font-size: 14px;
    vertical-align: middle
}

.ScheduleCalender-footer h3 {
    font-size: 20px;
    margin: 0 0 10px;
    padding: 15px 0;
    color: #4a4a4a
}

.flex-check-3 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch
}

    .flex-check-3 li {
        width: calc(100% / 3);
        margin-bottom: 10px
    }

        .flex-check-3 li span {
            white-space: nowrap;
            word-break: normal
        }

.flex-check-4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: stretch
}

    .flex-check-4 li {
        width: calc(100% / 4)
    }

        .flex-check-4 li span {
            white-space: nowrap;
            word-break: normal
        }

.btn-full .dropdown-menu > li > a.active {
    color: #0284d0
}

.all-none-important {
    display: none !important
}

.schtooltip {
    min-width: 300px;
    word-wrap: break-word;
    white-space: normal;
    word-break: normal
}

.change-password .btn {
    top: 0
}

.compose-mail {
    padding: 15px;
    background: #fff
}

.btn-group-vertical {
    z-index: 5
}

.ic_size {
    font-size: 19px
}

.ic_m_size {
    font-size: 28px;
    margin-right: 5px
}

.window-pop .main-content > .panel {
    min-height: 699px
}

.view-grid-end {
    display: flex;
    display: -webkit-flex;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse
}

.nav-md .big-logo img {
    max-width: 160px
}

.rddlSlide {
    z-index: 99999999 !important
}

.td-width-100 {
    width: 70px
}

.fc-holiday-highlight {
    background: #fff4f7 !important;
    position: relative
}

.fc-grid .fc-day-number {
    float: left !important
}

.fc-holiday-highlight:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-top: 0 solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 20px solid #ef2752
}

.calendarholidayMark {
    width: 20px;
    height: 20px;
    float: right;
    position: absolute;
    right: 0;
    z-index: 9
}

.heightScroll {
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden
}

.discount-section {
    position: relative
}

.discount-dollar {
    position: absolute;
    right: 0;
    top: 0;
    background: #7c8185;
    font-weight: 700;
    font-size: 17px;
    color: #fff;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #7c8185
}

    .discount-dollar a {
        display: block;
        padding: 4px 14px;
        height: 32px;
        color: #fff
    }

.discount-percentage {
    position: absolute;
    right: 39px;
    top: 0;
    background: #fff;
    font-weight: 700;
    font-size: 17px;
    color: #576268;
    border: 1px solid #ccc
}

    .discount-percentage a {
        display: block;
        padding: 4px 12px;
        height: 32px;
        color: #576268;
        cursor: pointer
    }

.col-right-offset-2 {
    margin-right: 16.66666667%
}

.view_margin, .width_tab {
    display: table !important
}

.discount-active a {
    background: #7c8185;
    color: #fff;
    font-weight: 700;
    border: 1px solid #7c8185
}

.discount-inactive a {
    background: #fff;
    font-weight: 700;
    color: #576268;
    border: 1px solid #ccc
}

.helpiconCls {
    position: absolute;
    top: 6px
}

.reassment-control {
    display: inline-block;
    width: 20%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.month-control {
    display: inline-block;
    width: 38%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f0f1f0;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    position: relative;
    left: -6px
}

.tr_ass td:first-child {
    width: 30%
}

.tr_customtasks td:first-child {
    width: 30%
}

.tr_customtasks td:last-child {
    width: 5%
}

.RadCalendarTimeView {
    width: 100%
}

ul.ui-menu {
    position: fixed;
    z-index: 9999999 !important;
    border: 1px solid #c5c5c5 !important;
    font-family: 'Lato',sans-serif !important;
    max-height: 200px;
    max-width: 60%;
    overflow-y: auto;
    overflow-x: hidden
}

.ui-menu .ui-menu-item-wrapper {
    position: relative !important;
    padding: 8px 1em 8px .4em !important;
    line-height: 25px
}

ul li.ui-bg-color {
    background: #ecf0f3;
    padding: 8px 2px !important;
    display: block;
    line-height: 16px;
    clear: both
}

.seach-top {
    border: 0;
    height: 32px;
    background: transparent;
    padding: 2px 5px;
    width: 80%
}

.all-search-icon {
    position: absolute;
    right: 15px;
    top: 9px;
    color: #494949 !important;
    font-weight: 700;
    font-size: 15px !important;
    cursor: pointer
}

.search-position {
    position: relative;
    top: -4px
}

ul.ui-menu li a:hover {
    background: #027acb !important;
    border: 1px solid #027acb !important;
    color: #fff !important
}

.viewDtclnt a:hover {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: #fff !important
}

.viewDtclnt i.fa {
    position: absolute;
    top: 12px;
    right: 2px;
    z-index: 99;
    font-size: 16px;
    color: #0284d0 !important;
    text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5);
    -webkit-text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5)
}

.viewDtclnt a.aclientSchedule > i.fa {
    position: absolute;
    right: 18px;
    z-index: 99;
    font-size: 15px;
    top: 12px;
    color: #0284d0 !important;
    text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5);
    -webkit-text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5)
}

ul.ui-menu li a:hover span.viewDtclnt a i {
    color: #fff !important
}

.startwdt {
    width: 80% !important
}

.careEdit {
    position: relative;
    top: -2px
}

.pulsTwo {
    position: absolute;
    font-size: 15px;
    right: 20px;
    top: 7px;
    color: #0284d0;
    font-weight: 700
}

.main-client label[for="chkShouldClientCredentialSent"] {
    font-size: 14px;
    position: relative;
    left: 4px;
    top: 1px
}

.transport-style {
    font-size: 15px;
    right: -4px;
    top: 16px;
    color: #0284d0;
    font-weight: 700;
    border-radius: 4px;
    border: 1px solid #ddd;
    padding: 0 6px;
    height: auto;
    display: inline-block;
    cursor: pointer;
    min-height: 32px;
    line-height: 32px;
    margin-left: 4px
}

.transdrop {
    border-radius: 5px;
    left: 0;
    border: 1px solid #ddd;
    box-shadow: 0 3px 3px rgba(0,0,0,0.2);
    max-height: 190px;
    overflow-y: auto;
    overflow-x: hidden
}

.transouterdrop {
    display: inline-block
}

.transdrop:before {
    content: "";
    position: absolute;
    right: 74px;
    top: -7px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 7px 7px;
    border-color: transparent transparent #fff;
    z-index: 9999
}

.transdrop:after {
    content: "";
    position: absolute;
    right: 72px;
    top: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: transparent transparent #ddd;
    z-index: 9998
}

.transdrop > li > a {
    padding: 7px 20px;
    border-bottom: 1px solid #ddd
}

.countactive {
    background: #0284d0;
    color: #fff;
    border: 1px solid #0284d0
}

.transport-style:hover {
    background: #0284d0;
    color: #fff;
    border: 1px solid #0284d0
}

.btn-red {
    background: #c91d1d !important;
    border: none;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 3px;
    margin: 0 10px 0 0;
    border: 1px solid #c91d1d !important;
    color: #fff
}

    .btn-red:hover {
        background: #b11818 !important;
        color: #fff;
        border: 1px solid #b11818 !important;
        transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out
    }

    .btn-red:focus {
        color: #fff
    }

.font-green {
    color: #1cc719;
    font-size: 23px;
    position: relative;
    top: 2px;
    left: 5px
}

.pl {
    padding-left: 0 !important
}

.trans-field {
    position: relative;
    width: 50%
}

.dollar-field {
    padding: 5px 12px 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 34px;
    font-size: 15px;
    font-weight: 700;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.trans-input-pad {
    padding-left: 45px
}

.btn-travelfield {
    padding: 0;
    line-height: 37px;
    width: 95px;
    border-radius: 4px;
    font-size: 16px;
    margin: 0 15px 5px 0
}

.btn-yes {
    color: #fff;
    border: 1px solid #11639a;
    background-color: #027acb
}

.btn-no {
    color: #000;
    border: 1px solid #ccc;
    background-color: #fff
}

.line-background {
    background: #f5faff;
    min-height: 60px;
    line-height: 55px;
    padding: 4px 0 10px
}

.checkSize > label {
    font-size: 14px !important;
    position: relative;
    top: 1px
}

ul.listview {
    margin: 0;
    display: inline-block
}

    ul.listview li {
        list-style: none;
        display: inline-block;
        padding-left: 45px
    }

.outer-avail-unavail {
    background: #f5f9fc;
    padding: 20px;
    border: 1px solid #e2e3e5;
    border-radius: 5px;
    margin-bottom: 20px
}

.avail-unavail-main {
    display: block;
    margin: 0 0 30px;
    border-bottom: 1px solid #dce0e3;
    padding-bottom: 20px
}

.chk-pl {
    padding-left: 2px
}

.font-lbl-normal label {
    font-weight: 400;
    position: relative;
    top: 4px;
    left: 4px
}

.brd-bot {
    border-bottom: 2px solid #efefef;
    padding-bottom: 3px;
    margin-bottom: 4px
}

.reply-link {
    background: #0284d0;
    border-radius: 4px;
    color: #fff !important;
    font-size: 12px;
    padding: 2px 5px 3px;
    margin-left: 2px
}

.fw-b {
    font-weight: 700
}

.outer-time {
    position: relative;
    display: block;
    height: 62px
}

.careprofileimg {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    background: #ccc;
    margin-top: -24px;
    margin-right: 10px;
    border: 1px solid #d6d6d6
}

.careId {
    font-size: 12px;
    position: relative;
    top: -3px
}

.datelist {
    margin-bottom: 10px
}

.timelist {
    padding-left: 15px
}

    .timelist:before {
        content: "";
        width: 7px;
        height: 7px;
        background: #000;
        position: absolute;
        left: 0;
        border-radius: 50px;
        top: 6px
    }

.timeoutlist {
    padding-left: 15px;
    margin-bottom: 12px
}

    .timeoutlist:before {
        content: "";
        width: 7px;
        height: 7px;
        background: #1cc719;
        position: absolute;
        left: 0;
        border-radius: 50px;
        top: 25px
    }

.time-bg-ligh {
    background: #f9f9f9;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 15px;
    margin-bottom: 12px;
    padding-top: 3px
}

.mint-input {
    width: 80px !important;
    margin-right: 10px;
    display: inline-block;
    margin-top: 5px
}

.pr {
    position: relative
}

.check-green-icon {
    color: #1cc719;
    font-size: 21px;
    position: relative;
    top: -2px;
    left: 0
}

.activedirection {
    background: #0091be;
    color: #fff
}

.drive-in {
    position: relative;
    top: -5px
}

    .drive-in > button[type='button'] {
        padding: 4px 10px
    }

img.adp-marker2 {
    width: 22px !important;
    height: auto !important
}

.mapframesm {
    width: 100%;
    height: 150px;
    margin: 0 0 10px
}

.text-ar-mh {
    min-height: 100px
}

.bttns {
    display: block
}

    .bttns img {
        width: 100%;
        margin-top: 5px
    }

    .bttns a {
        display: inline-block;
        text-align: left;
        width: 45%;
        margin-right: 5px
    }

        .bttns a:last-child {
            margin-right: 0;
            float: right
        }

.pd-b-0 {
    padding-bottom: 0 !important
}

.pd-b-15 {
    padding-bottom: 15px !important
}

.pd-b-40 {
    padding-bottom: 40px !important
}

.in-top {
    display: block
}

span.in-top > label {
    top: 1px;
    position: relative
}

.flex {
    display: flex
}

    .flex span {
        flex: 1
    }

.user-time {
    color: #0284d0;
    font-size: 16px;
    font-weight: 700;
    margin: 0;
    padding: 0
}

.user-nme {
    color: #39464e;
    font-weight: 700;
    font-size: 15px;
    margin: 2px 0 12px;
    padding: 0
}

.user-detail {
    color: #9d9d9d;
    font-size: 12px;
    padding: 4px 0 0;
    margin: 0;
    display: block
}

.cal-bttns {
    margin-top: 15px
}

.map-grid-icon {
    font-size: 18px;
    cursor: pointer
}

.bg-font {
    font-size: 17px
}

.dis-none {
    display: none
}

.task-custom-height {
    height: 417px
}

.upcoming-birthanni-height {
    height: 370px
}

span.arrowtype {
    position: absolute;
    right: 13px;
    top: 14px;
    color: #01a1e5
}

    span.arrowtype a {
        color: #01a1e5 !important
    }

    span.arrowtype i {
        margin-right: 4px
    }

.img-map:before {
    background: rgba(0,0,0,0.8);
    width: 100%;
    height: 450px;
    content: "";
    position: absolute
}

.map-btn {
    position: absolute;
    z-index: 9;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column
}

    .map-btn p {
        color: #fff !important
    }

.img-map, .add-map-view {
    background: url(../../images/map.jpg) center center no-repeat;
    width: 100%;
    height: 450px;
    position: absolute;
    z-index: 6;
    right: 12px
}

.add-map-view {
    width: 97%;
    height: 380px;
    position: absolute;
    z-index: 6
}

    .add-map-view:before {
        background: rgba(0,0,0,0.8);
        width: 100%;
        height: 380px;
        content: "";
        position: absolute
    }

.add-map-view-btn {
    position: absolute;
    z-index: 9;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column
}

.add-map-view p {
    color: #fff !important
}

.chekEqual {
    display: block;
    margin-bottom: 35px
}

.viewmap-btn {
    background: #fff;
    border: 1px solid #0284d0;
    border-radius: 5px;
    box-shadow: 0 2px 5px #ccc;
    color: #0284d0;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out
}

    .viewmap-btn:hover {
        background: #0284d0;
        color: #fff
    }

.lab-b > label {
    font-weight: 400
}

.p0 {
    padding: 0 !important
}

/*table.chk-box-office tr td {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}*/

.pop-up-modal {
    position: absolute;
    z-index: 999999
}

.pop-modal-top {
    position: absolute;
    z-index: 99999999
}

.pop-up-modal-ch {
    position: absolute;
    z-index: 11111111
}

.selectgrid span > li {
    list-style: none
}

.margin-bottom15 {
    margin-bottom: 15px
}

.Questionnaire {
    padding-bottom: 7px
}

.dropdown-menu.cal-new-right {
    right: -225px !important
}

.Calendar-dropDown-popup.cal-new-right:before {
    left: 90px !important
}

.admin-nav-min-h {
    min-height: 38px
}

.mr-t {
    margin-top: -10px
}

.out-tab-admin {
    position: relative
}

    .out-tab-admin > .menu-stick-right {
        right: 0
    }

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

.font-color-sky {
    color: #0284d0 !important
}

.s-convert {
    margin-bottom: 5px
}

.nav-md .right-down {
    right: 12px
}

.sms-inner-padd {
    padding: 10px 15px;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden
}

.sms-drop-down {
    min-width: 100%;
    z-index: 7
}

.log-sms-drop-down {
    min-width: 400px;
    white-space: initial
}

.sms_pop_txt {
    white-space: inherit;
    word-break: break-word !important;
    padding: 0 0 10px
}

.sms-drop-down:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    content: ''
}

.income-sms-date {
    font-size: 13px;
    text-align: right;
    color: #2a2a2a;
    float: right
}

.sms-head-txt {
    font-size: 16px;
    font-weight: 700;
    color: #000
}

.sms-links {
    text-align: right
}

    .sms-links > a {
        padding-right: 15px;
        color: #0284d0;
        font-size: 13px;
        font-weight: 700
    }

        .sms-links > a:last-child {
            padding-right: 0
        }

.dropup .sms-drop-down:before {
    border: 0
}

.dropup .main-dash-drop:after {
    position: absolute;
    bottom: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    content: ''
}

li.appcues-nothing-new {
    display: none
}

.ui-autocomplete-loading {
    background: none;
    text-align: left
}

.min-height {
    min-height: 62px;
    line-height: 62px;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

.round-red-circle {
    width: 11px;
    height: 11px;
    position: absolute;
    top: 12px;
    background: red;
    border-radius: 50px;
    left: 25px
}

.cursor-point {
    cursor: pointer
}

.notification {
    right: 0;
    left: auto;
    width: 350px;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(208,208,208,0.7)
}

.notification-scroll {
    max-height: 260px;
    overflow-y: auto;
    overflow-x: hidden
}

.notification .notification-scroll > li {
    border-bottom: 1px solid #e6e6e6
}

.notification > li:last-child {
    border-bottom: 0
}

.notification-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px;
    line-height: 18px
}

.notification:before {
    position: absolute;
    top: -7px;
    right: 0;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    content: ''
}

.nf-user-img {
    -webkit-flex: 75%;
    flex: 10%;
    color: #d5d5d5;
    font-size: 25px
}

.notification-use-txt {
    color: #000;
    font-size: 12px;
    -webkit-flex: 75%;
    flex: 75%
}

.delete-cross {
    -webkit-flex: 5%;
    flex: 5%;
    text-align: center
}

.notification-name {
    display: inline;
    padding-right: 5px;
}

span.reply-btn {
    display: inline-block;
    cursor: pointer
}

    span.reply-btn a {
        font-weight: bold;
        color: #fff;
        font-size: 12px;
        background: #0284d0;
        border-radius: 4px;
        padding: 1px 7px 2px;
        margin-top: 3px;
        display: inline-block;
        cursor: pointer
    }

.navbar-nav .open .dropdown-menu li span.reply-btn a {
    padding: 1px 7px 2px !important;
    cursor: pointer
}

.black-font-col {
    color: #000;
    padding-right: 3px
}

.notification .notification-scroll > li:last-child {
    border-bottom: 0
}

.delete-cross a > i {
    font-size: 15px !important;
    color: #777 !important
}

ul li.open a.lms-profile, ul li.open a.lms-profile:hover {
    border-right: 1px solid #f2f2f2
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotate(35deg)
    }

    12.5% {
        -webkit-transform: rotate(-30deg)
    }

    25% {
        -webkit-transform: rotate(25deg)
    }

    37.5% {
        -webkit-transform: rotate(-20deg)
    }

    50% {
        -webkit-transform: rotate(15deg)
    }

    62.5% {
        -webkit-transform: rotate(-10deg)
    }

    75% {
        -webkit-transform: rotate(5deg)
    }

    100% {
        -webkit-transform: rotate(0deg)
    }
}

@keyframes ring {
    0% {
        -webkit-transform: rotate(35deg);
        transform: rotate(35deg)
    }

    12.5% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }

    25% {
        -webkit-transform: rotate(25deg);
        transform: rotate(25deg)
    }

    37.5% {
        -webkit-transform: rotate(-20deg);
        transform: rotate(-20deg)
    }

    50% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    62.5% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

.positon-relative {
    position: relative;
    margin-bottom: 25px
}

.schedule-chk-btn {
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top: -20px;
    margin-bottom: 4px
}

    .schedule-chk-btn span.green-round {
        width: 10px;
        height: 10px;
        border-radius: 50px;
        background: #18ac15;
        display: inline-block;
        position: relative;
        left: 4px;
        top: 2px
    }

    .schedule-chk-btn span.yellow-round {
        width: 10px;
        height: 10px;
        border-radius: 50px;
        background: #ffd338;
        display: inline-block;
        position: relative;
        left: 4px;
        top: 2px
    }

.btn-space {
    margin-left: 215px
}

h3.week-days {
    font-size: 18px;
    margin: 0;
    padding-bottom: 12px;
    color: #2b363d;
    font-weight: 900
}

.gt {
    font-size: 15px;
    font-weight: 400
}

.switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 22px;
    margin-bottom: 0
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

    .slider:before {
        position: absolute;
        content: "";
        height: 12px;
        width: 12px;
        left: 5px;
        bottom: 5px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s
    }

input:checked + .slider {
    background-color: #2bc370
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

.slider.round {
    border-radius: 34px
}

    .slider.round:before {
        border-radius: 50%
    }

.week-bg-col {
    background: #efefef;
    margin-top: 12px
}

.mastSchMdl label {
    margin-bottom: 5px
}

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

.week-days {
    display: inline-block;
    padding: 8px 12px
}

.week-bg-col .week-days > label {
    margin-bottom: 0;
    color: #4a4a4a
}

.fs-12 {
    font-size: 12px
}

.fnt-red {
    color: red
}

.dismiss-all-btn {
    position: relative;
    background: #f9f9f9;
    min-height: 40px;
    margin-top: 14px;
    text-align: center;
    line-height: 40px
}

    .dismiss-all-btn a {
        font-size: 11px;
        font-weight: 700;
        color: #0284d0
    }

.flex-height {
    min-height: 100vh !important;
    max-height: 100%;
    height: 100%;
}

.notification-scroll li > div.no-record-notification {
    display: block;
    text-align: center;
    font-size: 17px;
    height: 100%;
    padding: 105px 0;
    letter-spacing: .5px;
    text-shadow: 0 0 6px rgba(0,0,0,0.1)
}

.notification-inner.Required.no-record-notification > i {
    font-size: 33px;
    display: block;
    color: #999;
    padding-bottom: 8px
}

.component {
    line-height: 1.5em;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 1000px;
    overflow: hidden
}

.newSetting table {
    border-collapse: collapse;
    margin-bottom: 0;
    width: 100%;
    background: #fff
}

    .newSetting table td {
        padding: 15px 1.5em;
        text-align: left
    }

    .newSetting table th {
        white-space: nowrap;
        padding: 15px 1.5em;
        text-align: left
    }

    .newSetting table tbody tr:nth-child(2n-1) {
        background-color: #f5f5f5;
        transition: all .125s ease-in-out
    }

.btn-min-width {
    min-width: 60px
}

.btn-fifth img {
    position: relative;
    top: -2px
}

.sch-plan-table tbody tr th {
    width: 10%
}

    .sch-plan-table tbody tr th:nth-child(4) {
        width: 20%
    }

table tbody tr th[align="left"] {
    white-space: nowrap !important
}

.modal-big-dialog .modal-content {
    padding-bottom: 0
}

.modal-big-dialog > .modal-content > .modal-body {
    padding: 12px
}

.btn-pending {
    background: #39464e;
    color: #fff;
    float: left;
    margin-left: 4px;
    padding: 6px 10px
}

.btn-confirmed {
    background: #179baa;
    color: #fff;
    float: left;
    margin-left: 4px;
    padding: 6px 10px
}

.btn-con-search {
    position: relative;
    left: -3px;
    padding-left: 0 !important
}

.btn-pending:hover {
    background: #505659;
    color: #fff
}

.btn-confirmed:hover {
    background: #3faeba;
    color: #fff
}

.ShiftConfirmation {
    position: relative
}

.time-trac-icon {
    position: absolute;
    right: 0;
    top: 9px;
    font-size: 16px
}

.exclamatory-blk {
    color: #39464e
}

.tick-grn {
    color: #179baa !important
}

.padding-left5 {
    padding-left: 5px
}

.minus-font-color {
    color: #bfbfbf
}

.modifier-width {
    width: 60px !important;
    float: left;
    margin-right: 5px !important
}

li.bell-none > div#sound {
    display: none
}

.call-min {
    min-height: 90px
}

.call-type-label {
    margin-bottom: 0;
    margin-top: 4px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400
}

.call-magn {
    margin-bottom: 0;
    margin-top: 2px
}

.schedule-cursor {
    cursor: pointer;
    position: relative;
    left: -10px
}

.question-select {
    display: block;
    width: 75%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.filter-popup {
    min-width: 400px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 3px 3px #e6e6e6;
    -webkit-box-shadow: 0 3px 3px #e6e6e6;
    top: 50px;
    border: 1px solid #d9dee4;
    left: 10px;
    z-index: 6
}

    .filter-popup:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 5px solid #e6e6e6;
        position: relative;
        top: -32px
    }

ul.nav-links li.deactivate a {
    color: #999
}

    ul.nav-links li.deactivate a:hover {
        background: transparent;
        color: #999;
        font-weight: 400
    }

.ico-help-co {
    position: absolute;
    top: 0;
    left: 24px
}

input.big-check {
    margin: 0 4px 0 0
}

input[type=checkbox].big-check:after {
    width: 18px;
    height: 18px;
    font-size: 14px;
    line-height: 16px
}

.company-field {
    position: relative
}

    .company-field .relate-field {
        position: absolute;
        top: 61px;
        right: 0;
        padding: 0 15px;
        z-index: 7
    }

.form-group .btn-margin-top a {
    margin: 0 0 0 10px
}

.form-group .btn-margin-top span {
    margin: 0
}

.NewBarsch {
    display: flex;
    flex-wrap: wrap;
}

    .NewBarsch .col-md-2 {
        width: 15.5%
    }

.carenewsearch {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
}

.arr-accor::after {
    content: "" !important
}

.planWeekly label.control-label, .planBiWeekly label.control-label, .planMonthly label.control-label {
    padding-top: 8px
}

.mrbn-50 {
    margin-bottom: 50px
}

.ed-bt-pd {
    padding: 7px 30px !important
}

.grandT {
    font-size: 14px;
    color: #01a1e5;
    float: left;
    padding-right: 10px;
    height: 14px;
    padding: 0 10px 0 0;
    line-height: 12px
}

.Questionnaire .radio-btn span.que-name {
    flex: 50%;
    padding-right: 30px;
    text-align: justify
}

.top-acr {
    top: 2px !important
}

.justify-content {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 5px 15px 5px 10px
}

.out-content {
    position: relative;
    right: -20px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.result-flex {
    display: flex;
    flex-wrap: wrap;
}

.full-width {
    width: 100%
}

.dmaspagination {
    display: inline-block;
    float: right;
    margin: 15px 0
}

    .dmaspagination a {
        color: #000;
        float: left;
        padding: 8px 16px;
        text-decoration: none;
        transition: background-color .3s;
        border: 1px solid #ddd
    }

        .dmaspagination a.active {
            background-color: #f0f0f0;
            color: #4d5557;
            box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.2);
            -webkit-box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.2);
            -moz-box-shadow: inset 0 3px 6px 0 rgba(0,0,0,0.2);
            border: 1px solid #ddd
        }

        .dmaspagination a:hover:not(.active) {
            background-color: #f1f1f1
        }

.mt-4 {
    margin-top: 3px
}

.address-pos-cl {
    position: absolute;
    right: 45px;
    top: -67px
}

    .address-pos-cl a {
        width: 60px
    }

.relative {
    position: relative
}

.service-type-col {
    background: #efefef
}

    .service-type-col > h3 {
        margin: 10px 0;
        padding: 8px 12px;
        color: #39464e;
        font-size: 17px;
        font-weight: 700
    }

.wdth25 {
    width: 34%
}

.wdth13 {
    width: 12%
}

.wdth17 {
    width: 17%
}

.mnhgt label {
    height: 45px;
    max-height: 35px
}


.mnhgt textarea {
    margin-bottom: 0px
}

.mnhgt.misc-ques--margin textarea {
    margin-bottom: 0;
}


.input-calendar-none:after {
    content: '' !important
}

table.montYear tr {
    display: inline-block
}

    table.montYear tr td > input {
        position: relative;
        top: 10px
    }

.monthIn input[type="radio"], .rec-rad input[type="radio"] {
    position: relative;
    top: 5px
}

.monYly-form-control {
    width: 35% !important;
    float: left;
    margin: 0 10px
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7 !important;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

.search-container {
    position: relative;
    float: right;
    width: 50%;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s
}

    .search-container button {
        background: transparent;
        border: 0;
        position: absolute;
        right: 6px;
        top: 7px;
        font-size: 13px
    }

.search-input {
    float: left;
    width: 50%;
    margin-top: 7px
}

.allNew:after {
    display: table;
    content: "";
    clear: both
}

.serh-btn-gry {
    color: #899195 !important
}

html.k-webkit, html.k-ff {
    overflow-x: hidden
}

.nav-md td.caregiverclientid {
    width: 25px
}

.org-checked {
    color: orange
}

.org-unchecked {
    color: lightgray
}

.spanstar {
    position: absolute;
    right: 10px;
    top: 10px
}

.add-clnt {
    position: relative;
    left: -44px
}

.nav-md .add-clnt {
    position: relative;
    left: -55px;
    top: 12px
}

.sct-ico-vw {
    position: relative;
    font-size: 19px;
    top: 2px
}

.spgrp-cl span > input {
    position: relative;
    top: -2px
}

.all-rht-btn {
    position: relative;
    top: -7px;
    float: right
}

.office-permission-table thead tr th:first-child, .office-permission-table tbody tr td:first-child {
    white-space: normal
}

.office-permission-table tbody tr.rgAltRow td, .office-permission-table tbody tr.rgRow td {
    line-height: 1.5 !important
}

ul.care-applicant {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    white-space: nowrap
}

.care-black {
    color: #555;
    cursor: pointer
}

ul.care-applicant span {
    display: block
}

span.care-black:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #555;
    position: absolute;
    right: -12px;
    top: 7px
}

.care-applicant .dropdown-menu {
    z-index: 6;
    top: 30px
}

span.inpt-tp input {
    position: relative;
    top: 4px
}

.rcbSlide {
    z-index: 999999999 !important
}

.unt-type table tbody tr {
    display: inline-block
}

    .unt-type table tbody tr td > input {
        margin-right: 5px
    }

    .unt-type table tbody tr td > label {
        font-size: 13px !important;
        font-weight: 400;
        padding-right: 6px
    }

.err-data h2 {
    margin: 0 !important;
    font-size: 18px;
    font-weight: 700
}

.err-data table tr td {
    padding: 6px;
    color: #e27979;
    white-space: inherit;
    width: 40%;
    vertical-align: top
}

.err-data table.err-chg-col tr td {
    padding: 6px;
    color: #000
}

.err-data table tbody {
    background: #f5f5dc
}

.bill-unit table tbody tr td > input {
    position: relative;
    top: 5px
}

.selectGrid_maxHght {
    max-height: 350px
}

.selectGrid_topMrgn {
    margin-top: 25px
}

table.payroll-table tr.rgNoRecords td.rgGroupCol {
    border-bottom: 1px solid #d9d9d9 !important
}

table.digitalLbry tr td:nth-child(1) {
    width: 20%
}

.fc-header-title h2 {
    font-size: 24px;
    font-weight: 700;
    position: relative;
    top: -2px
}

.next-rept {
    font-size: 18px;
    position: relative;
    top: 2px;
    cursor: pointer
}

.qb-right {
    margin-right: 5px !important
}

.nav-sm .innerTabScroll {
    overflow-x: auto;
    max-width: 1240px;
    margin: auto
}

.nav-md .innerTabScroll {
    overflow-x: auto;
    max-width: 1080px;
    margin: auto
}

.navigation-main > .row > div.pull-right {
    margin-right: 15px
}

.md-mx-hgt {
    max-height: 280px !important
}

span.careselectname {
    background: #ff4f00;
    padding: 3px 7px 5px;
    color: #fff;
    font-weight: 900;
    border-radius: 50px;
    margin-left: 4px;
    border: 3px solid #f7c7c7;
    box-shadow: 0 .46875rem 2.1875rem rgba(217,37,80,0.03),0 .9375rem 1.40625rem rgba(217,37,80,0.03),0 .25rem .53125rem rgba(217,37,80,0.05),0 .125rem .1875rem rgba(217,37,80,0.03)
}

.unavail-sign {
    float: right;
    font-size: 15px;
    display: flex;
    align-items: center;
    font-weight: 900
}

    .unavail-sign > span {
        width: 20px;
        height: 20px;
        background: #ff4f00;
        display: inline-block;
        margin-right: 5px;
        border-radius: 50px;
        border: 3px solid #f7c7c7;
        box-shadow: 0 .46875rem 2.1875rem rgba(217,37,80,0.03),0 .9375rem 1.40625rem rgba(217,37,80,0.03),0 .25rem .53125rem rgba(217,37,80,0.05),0 .125rem .1875rem rgba(217,37,80,0.03)
    }

.panel {
    box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -webkit-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -moz-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -o-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03)
}

div.showhideOperation a > i, .office-sched i {
    text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5);
    -webkit-text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5);
    -moz-text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5);
    -o-text-shadow: 0 .125rem .625rem rgba(22,170,255,0.4),0 .0625rem .125rem rgba(22,170,255,0.5)
}

.top_nav li a i:hover {
    text-shadow: 0 .125rem .625rem rgba(52,58,64,0.4),0 .0625rem .125rem rgba(52,58,64,0.5);
    -webkit-text-shadow: 0 .125rem .625rem rgba(52,58,64,0.4),0 .0625rem .125rem rgba(52,58,64,0.5);
    -moz-text-shadow: 0 .125rem .625rem rgba(52,58,64,0.4),0 .0625rem .125rem rgba(52,58,64,0.5);
    -o-text-shadow: 0 .125rem .625rem rgba(52,58,64,0.4),0 .0625rem .125rem rgba(52,58,64,0.5);
    color: #030408
}

.clk-link {
    top: -18px;
    left: 5px;
    z-index: 0
}

ul.clk-link {
    padding: 2px 3px;
    border-radius: 50px;
    box-shadow: 0 2px 7px rgba(1,161,203,0.15);
    min-width: auto !important;
    border: 2px solid rgba(52,122,183,0.3);
    box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -webkit-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -moz-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -o-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03)
}

    ul.clk-link li {
        display: inline-block !important;
    }

        ul.clk-link li a {
            padding: 0 12px
        }

            ul.clk-link li a.right-sepb {
                border-right: 1px solid #000
            }

    ul.clk-link:after {
        content: "";
        position: absolute;
        left: 11px;
        top: 23px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 7px 0;
        border-color: rgba(52,122,183,0.4) transparent transparent;
        z-index: 9999
    }

ul.billable-link {
    padding: 5px 7px 2px;
    border-radius: 5px;
    border: 3px solid rgba(52,122,183,0.3);
    top: 26px;
    z-index: 1;
}


    ul.billable-link:after {
        display: none;
    }

.create-drop-link tbody tr td a {
    font-weight: 700;
    cursor: pointer;
    display: initial
}

td.ClientName, td.CaregiverName, td.breaklink {
    position: relative
}

.ClientName:hover .clk-link, .CaregiverName:hover .clk-link, .breaklink:hover .billable-link {
    display: block
}

.OpenMangTab .tab-content .openShiftChild {
    border: 1px solid rgba(206,206,206,0.5) !important;
    border-radius: 5px;
    box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -webkit-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -moz-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -o-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03)
}

.OpenMangTab .openManag-Hscroll table.master_tb tr {
    display: table;
    width: 100%;
    table-layout: fixed
}

.OpenMangTab .openManag-Hscroll table.master_tb tbody {
    overflow-y: auto;
    display: block;
    max-height: 500px
}

    .OpenMangTab .openManag-Hscroll table.master_tb tbody tr td {
        padding-left: 10px
    }

        .OpenMangTab .openManag-Hscroll table.master_tb tbody tr td:nth-child(3), .OpenMangTab .openManag-Hscroll table.master_tb tbody tr td:nth-child(4) {
            padding-left: 15px
        }

        .OpenMangTab .openManag-Hscroll table.master_tb tbody tr td:nth-child(5) {
            padding-left: 18px
        }

        .OpenMangTab .openManag-Hscroll table.master_tb tbody tr td:nth-child(6) {
            padding-left: 20px
        }

.OpenMangTab .openManag-Hscroll table.master_tb > thead tr th:last-child {
    padding-right: 20px
}

.care-agency-tab table.table th {
    background: #0098cb !important;
    color: #fff !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important
}

.care-agency-tab {
    border: 1px solid #dbdcde;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -webkit-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -moz-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -o-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03)
}

.BreakShift > tbody > tr > td {
    white-space: nowrap;
    border-top: 0;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}

.BreakShift {
    width: 100%;
    max-width: 100%;
}

.account-dropDown-popup .table-size .account-table tr, .account-dropDown-popup .table-size .BreakShift tr {
    display: block
}

    .account-dropDown-popup .table-size .account-table tr td:first-child,
    .account-dropDown-popup .table-size .BreakShift tr td:first-child {
        width: 220px
    }

    .account-dropDown-popup .table-size .account-table tr td:last-child,
    .account-dropDown-popup .table-size .BreakShift tr td:last-child {
        text-align: right
    }

    .account-dropDown-popup .table-size .account-table tr td,
    .account-dropDown-popup .table-size .BreakShift tr td {
        width: 120px;
        padding: 3px 8px !important
    }

.account-dropDown-popup .table-size > span {
    color: #2b363d;
    font-weight: 900;
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 8px
}

.account-dropDown-popup .table-size > label {
    margin-bottom: 5px
}

.account-dropDown-popup .table-size .account-table, .account-dropDown-popup .table-size .BreakShift {
    margin-bottom: 0
}

.emergency-tab > tbody > tr > th {
    border-top: 0 !important;
    white-space: nowrap;
    border-bottom: 2px solid #00a1e5 !important;
    border-right: 0 !important;
    border-left: 0 !important
}

.emergency-tab > tbody > tr > td {
    border-right: 0;
    border-left: 0
}

.clock-btn {
    border: 0 !important;
    background: transparent !important;
    color: red !important;
    box-shadow: none;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    font-weight: 700;
    text-decoration: underline;
    padding-left: 0;
    padding-top: 0;
    display: block
}

    .clock-btn:hover {
        text-shadow: 0 0 10px rgba(0,0,0,0.1);
        color: red !important
    }

.time-clock-btn {
    position: absolute;
    top: 0;
    right: -110px;
    border: 0;
    color: red;
    border-radius: 5px;
    padding: 7px 13px;
    height: 35px;
    transition: .3s all ease-in-out;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    cursor: pointer;
    text-decoration: underline;
    font-weight: 700
}

.time-clock-btn-pos {
    right: -124px
}

.time-clock-btn:hover {
    color: red;
    text-shadow: 0 0 10px rgba(0,0,0,0.1);
    text-decoration: none
}

span.sms-globe-txttop {
    position: absolute;
    right: 18px;
    top: 35px;
    font-size: 12px;
    color: #2a2a2a;
    background: #efefef;
    border-radius: 4px;
    padding: 3px 5px
}

h4.sms-globe-txt {
    margin-bottom: 0;
    padding: 2px
}

    h4.sms-globe-txt > .income-sms-date {
        font-size: 12px;
        text-align: right;
        color: #2a2a2a;
        float: right;
        background: #efefef;
        border-radius: 4px;
        padding: 3px 5px
    }

.globalloginner-drop-down p {
    margin-right: 5px;
    margin-bottom: 5px;
    padding-bottom: 0 !important;
    line-height: 20px !important
}

    .globalloginner-drop-down p:before {
        content: "\f101";
        font-family: fontawesome;
        font-size: 12px;
        padding-right: 5px
    }

.globalloginner-drop-down {
    min-width: 360px;
    z-index: 7;
    right: 0;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1)
}

.inputt-search-btn {
    top: 0;
    position: absolute;
    left: 173px;
    height: 34px;
    padding-right: 30px !important;
}

.search-top-bar {
    position: relative;
    top: 10px;
    left: 20px
}

.comm-log-tbl {
    width: 1000px
}

    .comm-log-tbl tbody tr td {
        vertical-align: top;
        position: relative;
        line-height: 18px;
    }

        .comm-log-tbl tbody tr td.wrap--col--txt {
            min-width: 350px;
            max-width: 300px;
            white-space: inherit;
            text-align: justify;
        }

        .comm-log-tbl tbody tr td.wrap--sub--txt {
            min-width: 180px;
            width: 100%;
            white-space: inherit;
        }

        .comm-log-tbl tbody tr td.wrap--territory--txt {
            min-width: 200px;
            width: 100%;
            white-space: inherit;
        }

        .comm-log-tbl tbody tr td a {
            color: #0284d0;
            font-weight: 700;
            position: relative;
            top: -1px
        }

.globalloginner-drop-down:before {
    position: absolute;
    top: -7px;
    left: 0;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    content: ''
}

.releaseVstPlanCal {
    right: 0 !important;
    width: 90% !important;
    top: 0 !important;
    margin: inherit !important;
    background: #fff;
    left: inherit !important
}

.global-comty-height {
    height: 405px;
    overflow-y: auto;
    width: 100%
}

.clocksecond {
    position: absolute;
    bottom: -64px;
    left: 215px
}

.clockfirst {
    position: absolute;
    bottom: -64px;
    left: 0
}

.clockTop {
    position: absolute;
    left: 296px;
    top: 55px
}

.clockTopFirst {
    position: absolute;
    top: 8px;
    left: 297px
}

.wdhSection {
    width: 280px
}

.red-cir-ball {
    background: transparent;
    width: 0;
    height: 0;
    display: inline-block;
    border-radius: 100px;
    position: relative;
    left: -2px;
    top: -7px
}

.dashboard-rightDown-popup {
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 3px 3px #e6e6e6;
    top: -220px;
    left: 215px;
    min-width: 350px !important
}

    .dashboard-rightDown-popup:before {
        content: "";
        width: 0;
        height: 0;
        border: solid 10px transparent;
        border-right-color: #e6e6e6;
        position: absolute;
        top: 187px;
        left: -21px;
        bottom: 0;
        vertical-align: middle
    }

span.sms-log > i.fa-envelope {
    margin-left: 5px
}

.chkColum th {
    padding-right: 0 !important
}

.dropLastdrp {
    left: -150px
}

    .dropLastdrp:before {
        left: 200px
    }

.nav-md ul.ui-menu {
    min-width: 250px
}

.nav-sm ul.ui-menu {
    min-width: 290px;
}

.pop-up-modal-ClientSearch {
    position: absolute;
    z-index: 9999999
}
/*CS360-12646*/
.pop-up-modal-CaregiverSearch {
    position: absolute;
    z-index: 9999999
}

.viewDtclnt a {
    font-size: 12px !important;
    font-weight: 900;
    text-align: right;
    position: absolute;
    padding: 0 !important;
    margin: 0 !important;
    top: 0;
    right: 0;
    color: #494949
}

.sms-log-bar {
    min-height: 20px;
    padding: 5px 10px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    margin-top: 24px;
    line-height: 34px
}

.sms-search {
    display: inline-block
}

    .sms-search > p {
        margin: 0
    }

.fs18 {
    font-size: 18px
}

.ml-10 {
    margin-left: 10px
}

.mt-5 {
    margin-top: 10px
}

.cc-button-hgt {
    min-height: 34px !important;
    padding: .4em .65em !important
}

.sms-border {
    border-top: 1px solid #e8e8e8;
    margin-top: 10px;
    margin-bottom: 5px;
    height: 5px
}

.message-date {
    color: #39464c;
    font-size: 12px;
    line-height: 25px
}

.sms-right-bar {
    background: #f5f9fc;
    border-left: 1px solid #e6e7e9
}

.pad-none {
    padding: 0
}

.sms-content {
    display: block;
    margin-bottom: 20px
}

.sms-name-txt {
    padding: 2px 10px 0;
    color: #3b637b;
    font-weight: 700;
    font-size: 14px
}

.sms-detial-name-txt {
    padding: 2px 10px 0;
    color: #292929;
    font-weight: 700;
    font-size: 16px
}

.sms-small-inn {
    font-size: 12px;
    color: #929da1;
    font-weight: 400
}

.display-b {
    display: block
}

.display-ib {
    width: 100%;
    display: inline-block;
    margin-top: 10px
}

.sms-well-first {
    min-height: 20px;
    padding: 15px 19px;
    margin-bottom: 12px;
    background-color: #dbe3e8;
    color: #49565f;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    width: 75%;
    position: relative
}

p.date-data {
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 11px !important;
    background: transparent;
    border-radius: 4px;
    padding: 0 6px;
    color: #f89406;
    position: relative;
    top: 3px;
    margin-bottom: 0
}

.sms-well-first:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 3%;
    width: 0;
    height: 0;
    border-top: solid 8px #cad1d6;
    border-left: solid 8px transparent;
    border-right: solid 8px transparent
}

.sms-well-second {
    min-height: 20px;
    padding: 15px 19px;
    margin-bottom: 12px;
    background-color: #f4f6f7;
    border: 1px solid #e5e6e6;
    color: #49565f;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 13px rgba(0,0,0,.07);
    box-shadow: inset 0 0 13px rgba(0,0,0,.07);
    width: 75%;
    position: relative;
    left: 25%
}

    .sms-well-second:after {
        content: '';
        position: absolute;
        top: 100%;
        right: 3%;
        width: 0;
        height: 0;
        border-top: solid 8px #e2e5e6;
        border-left: solid 8px transparent;
        border-right: solid 8px transparent
    }

.sms-links > a.btn {
    color: #fff !important;
    padding: 5px 15px;
    height: 28px;
    margin: 8px 0
}

.sms-name-txt.pull-right.text-right {
    color: #0284d0
}

.right-size-heading {
    margin: 15px 0 20px
}

.sms-body-panel {
    padding-bottom: 0 !important
}

.sms-inn-height {
    min-height: 310px
}

.sms-inn-right-height {
    min-height: 655px;
    position: relative
}

.sms-btn-view-profile {
    border: 1px solid #0284d0;
    background: transparent;
    color: #0284d0;
    border-radius: 5px;
    min-width: 150px;
    position: absolute;
    bottom: 0;
    right: 0
}

    .sms-btn-view-profile:hover {
        background: #0284d0;
        border: 1px solid #0284d0;
        color: #fff
    }

.sms-user-list {
    position: relative;
    margin-top: 25px
}

    .sms-user-list > .form-group > label {
        font-size: 16px;
        color: #3b454e
    }

    .sms-user-list > .form-group {
        margin-bottom: 22px
    }

.mt-40 {
    margin-top: 40px
}

.snd-mssg textarea.form-control {
    color: #424242;
    box-shadow: 0 2px 8px 0 rgba(204,204,204,0.2)
}

.sms-log-scroll {
    max-height: 450px;
    overflow-y: auto;
    overflow-x: hidden
}

ul.ui-menu li a span.viewDtclnt a:hover {
    background: none !important;
    border: none !important;
    color: #fff !important
}

.modalscrllHht {
    max-height: 450px !important;
    overflow-y: hidden !important
}

.rightDtSide .bootstrap-datetimepicker-widget {
    left: -70px !important
}

    .rightDtSide .bootstrap-datetimepicker-widget:before, .rightDtSide .bootstrap-datetimepicker-widget:after {
        left: 70px !important
    }

.hght-scrollShft {
    width: 100%;
    overflow: auto;
    max-height: 350px
}

.continueLine {
    font-weight: 700;
    color: #39464e;
    font-size: 18px;
    padding-right: 12px
}

.btn-dobleLink {
    position: absolute;
    right: 13px;
    top: 5px;
    z-index: 6
}

    .btn-dobleLink .btn-success {
        margin-left: 0 !important;
        margin-right: 10px !important
    }

.pb0 {
    padding-bottom: 0 !important
}

.tick-ico {
    color: #19a217;
    font-size: 20px
}

.crss-ico {
    color: #f62639;
    font-size: 20px
}

.sm-btn {
    padding: 7px 15px;
    font-size: 16px
}

.clsSearchResultSection .table-responsive.telerik_grid.margin-bottom0 {
    max-height: 550px
}

.rdRcd {
    text-align: center;
    color: red !important;
    display: block
}

.panelCareAlert {
    box-shadow: none !important
}

.scrll-lg-ht {
    max-height: 330px;
    overflow-y: auto;
    margin-bottom: 15px
}

.care-alert-box {
    background: #fff;
    margin-bottom: 20px;
    height: 480px
}

.downloadalign {
    position: absolute;
    right: 14px;
    top: 9px
}

.sum-notes p {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 5px
}

.sum-notes .sum-scrll {
    font-size: 14px;
    overflow-y: auto;
    max-height: 85px;
    padding-right: 5px;
    color: #212121;
    line-height: 18px;
    text-align: justify
}

.terriTab table {
    width: 100%
}

span.primary-right {
    text-align: right;
    padding-right: 4px
}

.table-apply {
    position: relative;
    margin-top: 5px
}

    .table-apply input[type="checkbox"] {
        display: inline-block;
        margin: 0 5px 0 0
    }

    .table-apply label {
        display: inline-block
    }

.roundShft {
    position: relative
}

ul.case-history li table.care-question tr td:first-child {
    font-weight: 700;
    width: 90%
}

ul.case-history li table.care-question tr td:last-child {
    font-weight: 900;
    font-size: 14px;
    text-align: left;
    vertical-align: top
}

ul.case-history li table.care-question {
    margin: 5px 0
}

    ul.case-history li table.care-question tr td {
        border: 1px solid #e8e8e8;
        padding: 3px
    }

ul.dropsection {
    display: block;
    width: 100%;
    height: 34px;
    padding: 1px 5px 1px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

    ul.dropsection:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    ul.dropsection li {
        width: 100%;
        display: block !important;
        padding-top: 2px !important
    }

        ul.dropsection li span {
            color: #000 !important;
            font-weight: 400 !important
        }

            ul.dropsection li span.down-arrow:after {
                content: "\e002";
                position: absolute;
                top: 2px;
                right: -4px;
                color: #555;
                width: 1em;
                height: 1em;
                font-family: "TelerikWebUI";
                font-size: 15px
            }

        ul.dropsection li div.toggle-popup {
            top: 30px;
            left: -13px
        }

            ul.dropsection li div.toggle-popup:before {
                content: none
            }

.pt0 {
    padding-top: 0 !important
}

.mr-b {
    display: flex;
    align-items: center;
    float: right
}

.pageshow {
    position: relative;
    top: -4px
}

.top .tophide .dataTables_info, .pageNumhide {
    display: none
}

.attest {
    display: block
}

    .attest input {
        display: inline-block
    }

    .attest label {
        display: inline;
        font-weight: 400 !important;
        margin-right: 10px !important
    }

.pageshow .padright > .dataTables_info {
    padding-right: 15px;
    padding-top: 0
}

.pageNum {
    margin: 0 25px 0 10px
}

    .pageNum .dataTables_length label select.input-sm {
        margin-top: 0 !important
    }

    .pageNum .dataTables_length label {
        font-weight: 400
    }

.mr-b .pagination > li > a {
    border: 1px solid #ccc;
    padding: 6px 10px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.mr-b .pagination > li.prev > a:first-child, .mr-b .pagination > li.next > a:last-child {
    font-size: 0
}

    .mr-b .pagination > li.prev > a:first-child:before {
        content: '\f104';
        font-family: 'FontAwesome';
        font-size: 18px;
        line-height: 1
    }

    .mr-b .pagination > li.next > a:last-child:after {
        content: '\f105';
        font-family: 'FontAwesome';
        font-size: 18px;
        line-height: 1
    }

.mr-b div > span#spnInfo {
    margin-right: 15px
}

.mr-b div > span#spnInfoTop {
    margin-right: 15px
}

.mr-b div > select#ddlPageSize {
    border: 1px solid #ccc;
    padding: 6px 10px;
    margin: 0 15px;
    line-height: 1.5;
    font-size: 12px;
    border-radius: 4px;
    position: relative;
    top: -2px
}

td > a.rwColorCode {
    color: #f19737 !important;
}

td.rwColorCode {
    color: #f19737 !important;
}

.mr-b div > .sanDataV1 {
    border: 1px solid #ccc;
    padding: 6px 10px;
    margin: 0 15px;
    line-height: 1.5;
    font-size: 12px;
    border-radius: 4px;
    position: relative;
    top: -2px
}

.mr-b div > select#ddlPageSizeTop {
    border: 1px solid #ccc;
    padding: 6px 10px;
    margin: 0 15px;
    line-height: 1.5;
    font-size: 12px;
    border-radius: 4px;
    position: relative;
    top: -2px
}

.dvcgnotesless {
    text-align: right !important
}

.dvcgnotesmore {
    text-align: justify !important
}

.payerSandAl {
    border: 1px solid #efefef;
    margin: 10px 0 20px;
    padding: 15px 15px 0;
    border-radius: 4px;
    background: #fdfdfd;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.payerSaveBtn {
    min-width: 110px
}

.payersandPad {
    padding: 0 15px
}

table.edtable tbody tr td {
    white-space: inherit !important
}

    table.edtable tbody tr td:first-child {
        width: 33%
    }

    table.edtable tbody tr td:nth-child(2) {
        width: 28%
    }

.drop-control {
    float: right;
    height: 34px;
    width: 150px;
    padding: 4px 5px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #555;
    position: relative;
    top: -4px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.corp-row {
    position: relative
}

    .corp-row .panel {
        height: 480px
    }

    .corp-row .over_scroll {
        overflow-y: auto;
        height: 400px;
        overflow-x: hidden
    }

.teamFD {
    padding: 30px 0 0
}

    .teamFD .RadChart {
        text-align: center;
        margin: auto
    }

.white-table {
    min-width: 1800px !important
}

    .white-table tbody tr td {
        vertical-align: top !important;
        white-space: inherit !important
    }

.preScreen-table tbody tr td {
    vertical-align: top !important;
    white-space: inherit !important;
    word-break: break-word;
    padding: 4px 8px
}

    .preScreen-table tbody tr td:first-child {
        white-space: nowrap !important
    }

.calspace .date-picker-wrapper.no-topbar {
    padding-top: 0
}

.calspace .date-picker-wrapper.no-shortcuts {
    padding-bottom: 0
}

span.arrdown:after {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #000;
    content: '';
    right: 6px;
    top: 14px;
    position: absolute
}

.quick-scroll-ht {
    max-height: 500px;
    overflow-y: scroll
}

table.lead-cost-table {
    border: 0
}

    table.lead-cost-table tr th {
        border: 0;
        font-weight: 700 !important;
        border-bottom: 2px solid #0098cb !important;
        font-size: 13px;
        font-family: 'Lato',sans-serif;
        white-space: nowrap
    }

    table.lead-cost-table tr td {
        border: 0;
        border-bottom: 1px #d6d6d6 solid;
        padding: 8px;
        height: 49px;
        vertical-align: middle;
        line-height: 1.2;
        position: relative
    }

.lead-box, .RadGrid_Default .rgFilterBox {
    height: 25px !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.lead-souce-table tr td {
    border: 1px solid #ddd;
    padding: 5px 8px
}

    .lead-souce-table tr td > input.inner {
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 4px;
        width: 25px !important;
        height: 25px !important;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
    }

.fdd-scroll {
    overflow-y: auto;
    max-height: 350px;
    overflow-x: hidden
}

.fdd-mtop {
    margin-top: 100px
}

ul.fddLinks {
    margin: 0;
    padding: 0
}

    ul.fddLinks li {
        display: inline-block;
        width: 33%;
        border: 1px solid #f7f7f7;
        padding: 4px 0 4px 18px;
        position: relative
    }

        ul.fddLinks li:before {
            content: '\f105';
            font-family: fontawesome;
            position: absolute;
            top: 4px;
            left: 8px;
            color: #2a2a2a
        }

.margin-top40 {
    margin-top: 40px
}

.dash-row .panel {
    position: relative
}

.out-frm {
    padding-right: 15px
}

body.nav-md span.expand-crum {
    display: inline-block;
    width: 50%
}

body.nav-md .page-title {
    margin-top: 8px
}

table.Owner_List tr td {
    border: 1px solid #ddd;
    padding: 5px 8px
}

    table.Owner_List tr td input.inner {
        width: 100px !important;
        border: 1px solid #ddd;
        height: 32px !important;
        border-radius: 4px;
        box-shadow: 0 3px 3px rgba(0,0,0,0.04);
        padding: 5px;
        color: #777
    }

.scroll-x-y {
    max-height: 325px;
    overflow-x: auto !important
}

.hidden_view div > .rgGroupPanel {
    display: none
}

.grid_view table.master_tb thead tr th {
    padding-top: 15px;
    padding-bottom: 15px
}

.grid_view table.master_tb thead tr.rgFilterRow {
    display: none
}

table.click-table tr td {
    padding: 0 5px 5px
}

.right-nav-content .topGroup {
    font-size: 20px;
    margin: 20px 0 10px;
    padding-bottom: 5px;
    color: #2b363d;
    font-weight: 900;
    display: block
}

.input-row table tr td {
    white-space: nowrap
}

.viewUp {
    color: #2b363d;
    font-weight: 900;
    font-size: 14px;
    margin-bottom: 7px
}

.droparrow {
    display: block;
    width: 100%
}

    .droparrow .date-col {
        font-size: 13px;
        font-weight: 400 !important;
        color: #555 !important
    }

        .droparrow .date-col:after {
            content: "\f107";
            font-family: fontawesome;
            right: 6px;
            position: absolute;
            font-size: 16px;
            font-weight: 700
        }

.Logdrop-pop {
    min-width: 475px;
    z-index: 7 !important
}

.quicksync-pop {
    min-width: 455px;
    z-index: 7 !important
}

.rgHeaderDiv {
    overflow: inherit !important
}

.header-qb {
    min-width: 1200px !important;
    margin-bottom: 10px !important;
}

    .header-qb .rgHeaderWrapper {
        border-bottom: 0 !important
    }

table.table-white-space tbody tr td {
    white-space: inherit;
    vertical-align: top;
}

.light-text table tr td label {
    font-weight: normal;
}

.droparrow .date-col {
    font-size: 13px;
    font-weight: 400 !important;
    color: #555 !important;
}

    .droparrow .date-col::after {
        content: "\f107";
        font-family: fontawesome;
        right: 0;
        position: absolute;
        font-size: 16px;
        font-weight: 700;
    }

.rightdownArrow .date-col::after {
    right: 6px;
}

.score .modal-header h4 {
    text-align: left;
}

.score .modal-body table tbody tr td {
    color: #000 !important;
    text-align: left !important;
    padding: 3px;
    font-size: 13px;
}

.clsPopUpFadeOutClass .score {
    padding: 0 !important;
}

table.textcap thead tr th:first-child, table.textcap tbody tr td:first-child {
    vertical-align: top;
    width: 32%;
}

.lead-table tbody tr td:first-child {
    width: 30px;
}

.lead-table thead tr th {
    padding: 0 !important;
    height: 0 !important;
    line-height: 0 !important;
}

.table-scrollable table.dataTable thead .sorting_asc:after, .table-scrollable table.dataTable thead .sorting_desc:after {
    content: "";
    bottom: 14px;
    left: 0
}

.table-scrollable table.dataTable thead .sorting:after,
.table-scrollable table.dataTable thead .sorting_asc:after, .table-scrollable table.dataTable thead .sorting_desc:after,
.table-scrollable table.dataTable thead .sorting_asc_disabled:after,
.table-scrollable table.dataTable thead .sorting_desc_disabled:after {
    content: "";
    bottom: 14px;
    left: 0px
}

.table-scrollable .dataTable thead tr th, .table-scrollable .dataTable tbody tr td {
    padding-left: 18px !important;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    bottom: 14px;
}

.loading-paychex {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: transparent
}

    .loading-paychex img {
        display: none
    }

.front-pop-bg-paychex {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999999;
    background: rgba(0,0,0,0.7)
}

.front-loading-paychex {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: transparent
}

    .front-loading-paychex img {
        position: absolute;
        top: 0;
        margin: auto;
        width: 40px;
        bottom: 0;
        left: 0;
        right: 0;
        display: inline-block;
        background: transparent
    }

.pre-screen-tab tbody tr td {
    white-space: inherit;
    vertical-align: top
}

    .pre-screen-tab tbody tr td:nth-child(2) {
        white-space: nowrap
    }

table.table-owner tbody tr td {
    padding: 0 10px
}

.btn-more {
    font-size: 13px;
    color: #fff;
    background: #0284d0 !important;
    border-radius: 4px;
    padding: 0 7px 1px
}

.btn-more-caret-down {
    padding: 0px 0 0 2px;
    border-left: 1px solid #047cc3;
    position: relative;
    left: 1px;
    top: 1px;
    font-size: 13px;
}

.breadcrumb .main {
    display: flex;
    line-height: 12px;
    justify-content: space-between;
    align-content: center
}

.FranchiseDiv div[style="width:100%;"] {
    display: none;
}

.form-input-cl {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.padding-right0 .table-responsive.time-botline {
    min-height: 300px;
}

ul.billable-link li table tbody tr td {
    padding: 2px 10px;
}

.pay-check-table {
    width: 100%;
    max-width: 100%;
}

    .pay-check-table thead tr th {
        padding: 15px 8px;
        line-height: 1.42857143;
    }

    .pay-check-table tbody tr td {
        padding: 8px;
        line-height: 1.42857143;
    }

        .pay-check-table tbody tr td.hiddenRow {
            padding: 0 8px;
        }

.payroll-new-table .paybgHeader {
    background: #f3f3f3 !important;
}

.payroll-new-table td.paycolHeader {
    background: #fff !important;
    border: 0 !important;
}

.payroll-new-table tr.payfooter {
    border-top: 1px solid #ddd;
}

    .payroll-new-table tr.payfooter td {
        height: 50px;
    }

.searchinputBg {
    background: none;
    border: 0;
}

.down-box-body {
    padding: 3px 0 15px 3px;
    box-shadow: 0 0 20px 3px #d6d6d6;
    -webkit-box-shadow: 0 0 20px 3px #d6d6d6;
    -moz-box-shadow: 0 0 20px 3px #d6d6d6;
    border: 1px solid #d6d6d6;
    position: relative;
    left: 30px
}

table.inner-pay-table thead tr th {
    border-bottom: 2px solid #0098cb !important;
    font-size: 13px;
}

table.inner-pay-table thead tr:first-child {
    background: rgba(218,239,251,0.5);
}

.InvhidePos {
    position: relative;
    top: 12px;
}

.remove-ico {
    margin-left: 5px;
    font-size: 18px;
    position: relative;
    top: 2px;
}

.dropdown-backdrop {
    display: none !important;
}

table.payroll-new-table td.paycolHeader a {
    vertical-align: top;
    display: inline-block;
    width: 9px;
}

table.payroll-new-table td a {
    vertical-align: top;
}

table.payroll-new-table tbody tr td label.boxcheck {
    position: relative;
    top: -6px;
}

table.payroll-new-table thead tr th input.checkAll {
    position: relative;
    top: 2px;
}

table.payroll-new-table tbody tr td a i.fa-angle-right, table.payroll-new-table tbody tr td a i.fa-angle-down {
    color: #979da0 !important;
}

button.account-txt {
    background: none;
    border: 0
}

table.payroll-new-table tbody tr td input.rbDecorated {
    width: 188px;
    background: #f5f4f4;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
    padding: 2px 10px;
    font-weight: bold;
    cursor: pointer
}

    table.payroll-new-table tbody tr td input.rbDecorated:hover {
        background: #e1e1e1;
        cursor: pointer
    }

table.pay-check-table tbody tr.clsexpclps0:hover {
    background: rgba(1,161,229,0.05) !important;
}

input.chkPayrollBatch {
    margin-left: 0 !important;
}

table.payroll-new-table tbody tr td i.editbtn {
    font-size: 16px;
    cursor: pointer;
    font-weight: normal !important;
}

table.all-invoice-table thead tr th {
    background: none;
    font-weight: 700;
    border-bottom: 2px solid #0098cb;
    font-size: 13px;
    font-family: 'Lato',sans-serif;
    white-space: nowrap;
    height: 46px;
    padding: 8px;
}

table.all-invoice-table tbody tr td {
    color: #2a2a2a;
    line-height: 1.2;
    white-space: nowrap;
    vertical-align: middle;
    height: 40px;
    border-bottom: 1px solid #ddd;
    padding: 8px
}

table.all-invoice-table tbody tr.rgfirstHeader {
    background: #f3f3f3;
}

table.all-invoice-table tbody tr td.whitebg {
    background: #fff;
}

.switch {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 28px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.switch1 {
    position: relative;
    display: inline-block;
    width: 58px;
    height: 28px;
}

    .switch1 input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 8px;
        bottom: 6px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        right: 32px;
    }

input:checked + .slider {
    background-color: #2bc370;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

span.Hide-Conflict {
    font-size: 13px;
    font-weight: normal;
    position: relative;
    top: 3px;
    right: 5px;
    color: #525f65
}

.show-conflict {
    position: relative;
    top: 22px;
    right: 15px;
    z-index: 2
}

table.chk-group-table tr td {
    padding: 7px 5px 7px 0;
    min-width: 220px;
}

a.dash-refresh {
    float: right;
    font-size: 14px;
    position: relative;
    right: -10px;
    top: 0px;
    cursor: pointer;
    border-right: 0;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

.refresh-ico {
    color: #c3c3c3;
    font-size: 22px;
    padding-left: 5px;
    position: absolute;
    top: 1px;
    cursor: pointer
}

.form-htcom {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    min-width: 150px;
}

a.plus-outer {
    background: #0284d0;
    padding: 0px 0px 2px 4px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
    font-size: 12px
}

.table-posn tbody tr td {
    position: relative;
}

table.hide-table-td tr td:first-child {
    display: none;
}

.tab-back-bg {
    position: relative
}

    .tab-back-bg .rgCommandRow {
        background: none !important;
        box-shadow: none !important;
        position: absolute;
        left: 0;
    }

.form-wdh {
    width: 95%
}

.star-postn {
    position: relative;
    top: -8px;
}

table.pdf-table {
    position: relative;
    min-width: 100%;
    max-width: 100%;
    width: 100%;
}

    table.pdf-table tbody tr td {
        font-size: 14px;
        color: #000;
        padding: 12px 0px;
        border-bottom: 1px solid #eee;
    }

        table.pdf-table tbody tr td span {
            color: #7d8286;
            display: inline-block;
            font-weight: 400;
            margin: 0;
        }

.btn-group .form-control span.rcbInner {
    background: none !important;
    position: relative;
    top: -3px;
}

.remove-scroll-x {
    overflow-x: hidden;
}

table.remove-white-space tbody tr td {
    white-space: inherit !important;
}

    table.remove-white-space tbody tr td:last-child {
        width: 230px;
    }

.full-back-bg {
    background: #f0f0f0;
    padding: 12px 0 0;
    margin-bottom: 15px
}

table.all-invoice-table tbody tr.crClass td {
    padding: 0 8px;
}

    table.all-invoice-table tbody tr.crClass td div.ExpCol {
        margin-right: -8px;
        margin-left: -8px;
    }

span#SumHours {
    font-weight: bold;
    background: #eef3f7;
    border-radius: 4px;
    padding: 2px 6px 2px 2px;
    font-size: 11px;
    margin: 0 5px;
    position: relative;
    color: #2f3f49;
}

    span#SumHours:before {
        content: "-";
        background: #eef3f7;
        color: #eef3f7;
        position: absolute;
        top: 0;
        bottom: 0
    }

table.rgMasterTable tbody tr td[colspan="9"] div {
    text-align: center;
    color: red
}

.all-pad {
    padding: 8px 10px;
}

.RadGauge.k-gauge {
    z-index: 7 !important;
}

.RadWindow .rwTitleWrapper {
    line-height: 26px !important;
    height: 34px !important;
    font-size: 15px;
}

table.agencyad thead tr th {
    border-bottom: 2px solid #00a1e5;
    padding: 8px 0
}

table.agencyad tbody tr td {
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 0
}

.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    background-image: url('/Scripts/Kendo/css/Default/sprite.png') !important;
}

table.payroll-new-table tr.bgLinkcd td span.link,
table.payroll-new-table tr.bgLinkcd td span,
table.payroll-new-table tr.bgLinkcd td i.fa-edit,
table.payroll-new-table tr.bgLinkcd td a.link {
    color: #1000ff !important;
}

.ticket-grid-view table tbody tr td {
    color: #2a2a2a !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    vertical-align: middle;
    height: 48px;
    border-bottom: 1px solid #ddd;
    padding-left: 8px;
    padding-right: 8px
}

.ticket-grid-view table tbody tr.gr_yellow td {
    border-bottom: 1px solid #caca00;
}

.ticket-grid-view table tbody tr.gr_green {
    background: #1cc719 !important;
}

.ticket-grid-view .rgHoveredRow {
    background: rgba(1,161,229,0.05) !important;
}

.autocomplete-drop {
    position: absolute;
    top: 35px !important;
    left: 0px !important;
    background: #f7f4f4;
    border-radius: 4px;
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

table.table-all-grid {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

    table.table-all-grid tr th {
        font-weight: 700 !important;
        border-bottom: 2px solid #0098cb !important;
        font-size: 13px;
        font-family: 'Lato',sans-serif;
        padding: 8px
    }

    table.table-all-grid tr.ticketRow td {
        border-bottom: 1px solid #ddd;
        padding: 8px;
        font-size: 13px;
        color: #4a4a4a;
        vertical-align: top;
    }

table.corporate-data-grid {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

    table.corporate-data-grid tr th {
        font-weight: 700 !important;
        border-bottom: 2px solid #0098cb !important;
        font-size: 13px;
        font-family: 'Lato',sans-serif;
        padding: 8px 12px
    }

    table.corporate-data-grid tr td {
        border-bottom: 1px solid #ddd;
        padding: 8px 12px;
        font-size: 13px;
        color: #4a4a4a;
        vertical-align: top;
    }

.faqgrid span > input {
    margin-right: 14px;
    float: left;
}

.finalize-payroll table.all-invoice-table tbody tr.rgfirstHeader td {
    height: 40px;
}

.finalize-payroll table.all-invoice-table tr.rgfirstHeader {
    background: #f3f3f3 !important;
}

table.all-invoice-table tr.final-invoice-footer {
    background: #f3f3f3 !important;
}

.finalize-payroll table.all-invoice-table td.whitebg {
    background: #ffffff !important;
    border-bottom: 0 !important
}

.finalize-payroll table.all-invoice-table td p {
    display: inline;
    margin: 0;
    padding: 0 10px;
}

.finalize-payroll table.all-invoice-table tr.final-invoice-footer {
    background: #f3f3f3 !important;
}

table.staffpanelbg {
    background: #f3f3f3;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border-bottom: 1px solid #828282;
}

.caregiver-staff table tr td {
    padding: 10px 8px 1px;
}

    .caregiver-staff table tr td.staffbg {
        background: #fff;
        font-size: 12px;
        display: inline-flex;
        padding: 3px 5px
    }

        .caregiver-staff table tr td.staffbg i {
            margin: 2px 0 0 5px;
        }

table.all-invoice-table tbody tr.nextdropClass:hover {
    background: none;
}

.finalize-payroll-outer {
    border: 1px solid #f1f1f1 !important;
    box-shadow: 0 0 15px #e4e4e4;
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 5px;
}

    .finalize-payroll-outer table.acc-border-bot thead tr:first-child {
        background: rgba(218, 239, 251, 0.5);
    }

span.cate-search {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 7px 12px;
}

    span.cate-search > input {
        border: 0;
        font-weight: normal;
        padding: 0 10px 0 0;
        min-width: 350px;
    }


table.recent-faq tr:nth-child(1) td.faq-cate a {
    color: #027acb !important;
    font-weight: bold;
    line-height: 35px
}

td.dropup div input {
    width: 78px !important;
}

td div.divstartdate input.txtStartDate,
td div.divenddate input.txtendDate,
td div.starttimehours input.timepickerr,
td div.endtimehours input.timepickerr {
    padding: 6px 5px;
}

.endtimehours .bootstrap-datetimepicker-widget {
    left: 0 !important;
    right: auto !important
}

.outer-sync {
    display: inline-block
}

.main-outer-sync {
    display: flex;
}

    .main-outer-sync .outer-sync span {
        font-size: 14px;
        font-weight: normal;
    }

    .main-outer-sync .outer-sync label {
        font-size: 14px;
        margin-bottom: 0;
        padding-right: 5px;
    }

table.all-invoice-table tr td a img[alt="QuickBooks Export"] {
    margin-right: 5px;
}

.fts13 {
    font-size: 13px;
}

.fts15 {
    font-size: 15px;
}

.fts17 {
    font-size: 17px;
}

.seprator-line {
    width: 2px;
    padding: 0 5px;
    color: #000
}

.bar-drop .fa-ellipsis-v {
    top: -5px;
    position: relative
}

img.qbimg {
    width: 17px;
    height: 17px;
    margin-right: 3px;
    position: relative;
    top: -2px;
    cursor: pointer
}

.default-table > tbody > tr > th {
    white-space: nowrap;
    border-bottom: 2px solid #00a1e5 !important;
    font-size: 13px;
}

.default-table > tbody > tr > td {
    color: #2a2a2a;
    line-height: 1.2;
    white-space: nowrap;
    vertical-align: middle;
    height: 44px;
    font-size: 13px;
}

.default-table > tbody > tr:hover {
    background: rgba(1,161,229,0.05)
}

.nav-md .global-log-nav {
    right: 108px;
}

    .nav-md .global-log-nav > li > a {
        padding: 5px;
        margin-right: 0;
        min-width: 72px;
        text-align: center;
    }

.global-log-nav {
    position: absolute;
    top: 15px;
    right: 120px;
    border: 1px solid #ddd;
    border-radius: 5px
}

    .global-log-nav > li > a {
        padding: 5px 10px;
        margin-right: 0;
        min-width: 85px;
        text-align: center
    }

    .global-log-nav > li.active > a, .global-log-nav > li.active > a:focus, .global-log-nav > li.active > a:hover {
        border: 0;
        color: #525f65;
        background-color: #f0f0f0;
        border-radius: 0;
        box-shadow: 0 0 5px 1px #d4d4d4 inset;
        -webkit-box-shadow: 0 0 5px 1px #d4d4d4 inset;
        height: 30px;
        font-weight: 700
    }

.globallog-drop-down {
    min-width: 360px;
    z-index: 7;
    left: -90px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1)
}

    .globallog-drop-down:before {
        position: absolute;
        top: -7px;
        right: 175px;
        display: inline-block;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-left: 7px solid transparent;
        border-bottom-color: rgba(0,0,0,0.2);
        content: ''
    }

    .globallog-drop-down p {
        margin-right: 5px;
        margin-bottom: 5px
    }

        .globallog-drop-down p:before {
            content: "\f101";
            font-family: fontawesome;
            font-size: 12px;
            padding-right: 5px
        }

.globallog-inner-padd {
    padding: 7px
}

.globallog-drop-down h4 {
    margin-top: 8px
}

.global-pop-top {
    float: right;
    margin-top: -20px;
    text-align: right
}

.chart-panel {
    min-height: 500px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    -webkit-box-shadow: 0 0.46875rem 2.1875rem rgba(4,9,20,0.03), 0 0.9375rem 1.40625rem rgba(4,9,20,0.03), 0 0.25rem 0.53125rem rgba(4,9,20,0.05), 0 0.125rem 0.1875rem rgba(4,9,20,0.03);
    -moz-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    -o-box-shadow: 0 .46875rem 2.1875rem rgba(4,9,20,0.03),0 .9375rem 1.40625rem rgba(4,9,20,0.03),0 .25rem .53125rem rgba(4,9,20,0.05),0 .125rem .1875rem rgba(4,9,20,0.03);
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    padding-bottom: 20px;
    position: relative
}

.Calendar-flick {
    min-height: 500px;
}

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

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

.heightauto .racTokenList {
    padding-right: 0 !important;
}

.heightauto .racToken {
    padding-right: 20px !important;
    position: relative;
    white-space: initial !important;
    margin-bottom: 2px;
    margin-right: 2px;
    margin-left: 0 !important;
    word-break: break-all;
}

.heightauto .racRemoveTokenLink {
    position: absolute;
    top: 4px;
    right: 3px;
}

.sanData-box-outer {
    border: 1px solid #f1f1f1 !important;
    box-shadow: 0 0 15px #e4e4e4;
    position: relative;
    top: 0;
    left: 0;
    width: auto;
    overflow-x: auto;
    overflow-y: auto;
    padding: 15px;
}

table.all-sanData-table {
    margin-bottom: 0;
}

    table.all-sanData-table thead tr th {
        background: none;
        font-weight: 700;
        border-bottom: 2px solid #00a1e5;
        font-size: 13px;
        font-family: 'Lato', sans-serif;
        white-space: nowrap;
        padding: 8px !important;
        height: 36px;
    }

    table.all-sanData-table tbody tr td {
        color: #2a2a2a;
        line-height: 1.2;
        white-space: nowrap;
        vertical-align: middle;
        border-bottom: 1px solid #ddd;
        padding: 8px;
        height: 36px;
        font-size: 13px;
        vertical-align: top;
        white-space: initial;
    }

.SandData-mx-hgt {
    max-height: 350px;
    overflow-y: auto;
}

table.all-sanData-table tbody tr.sandHide > td {
    border-bottom: 0;
}

.sanSpace {
    white-space: normal;
}

.san-modal-body {
    max-height: 450px;
    overflow-y: auto !important;
}

.sanData-box-outer h4 {
    margin: 0 0 20px 0;
    line-height: 1.42857143;
    font-weight: 700;
    color: #39464e;
}

.attest > span {
    white-space: initial;
}

ul.ui-sortable-no-drag li {
    padding: 5px 0;
    display: block;
    padding: 12px 12px 6px;
    color: #39464E;
    font-size: 14px;
    margin: 3px 0
}

    ul.ui-sortable-no-drag li:hover {
        border-radius: 2px;
        background-color: #FFF;
        box-shadow: 0 2px 7px 0 rgba(0,0,0,0.25)
    }

.childFieldChanged {
    border: 1px solid orange;
    border-radius: 4px;
}

.rdDesign input[type="radio"]:before {
    border: 1px solid orange;
}

.rdDesign input[type=radio]:checked:before {
    content: "\f111";
    background-color: orange;
}

.childFieldChangedChkBox input[type=checkbox]:after {
    border: 1px solid orange;
}

.childFieldChangedChkBox input[type=checkbox]:checked:after {
    border: 1px solid orange;
    background: orange;
}

.outer-grp {
    position: relative;
}

.inner-grp {
    position: absolute;
    top: 8px;
    right: 2px;
}

.inner-grp-big {
    position: absolute;
    top: -18px;
    right: 2px;
}

.inner-grp-adm {
    position: absolute;
    top: -26px;
    right: 2px;
}

.right-grp {
    right: 18px;
}

.postion-top {
    top: 3px;
    position: relative;
}

.highlightZeroAmount {
    background-color: #ff0000;
}

.FranchiseGrid .rgRow > td, .FranchiseGrid .rgAltRow > td, .FranchiseGrid .rgEditRow > td, .FranchiseGrid .rgFooter > td {
    white-space: initial !important;
    vertical-align: top !important;
}

    .FranchiseGrid .rgRow > td:last-child,
    .FranchiseGrid .rgAltRow > td:last-child,
    .FranchiseGrid .rgEditRow > td:last-child,
    .FranchiseGrid .rgFooter > td:last-child {
        white-space: nowrap !important;
    }

.min-height6 {
    min-height: 650px;
}

.ph1 {
    min-height: 100px;
}

.main-top h2 {
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 20px;
    color: #39464e;
}

.mat-top-icon {
    font-size: 22px;
    position: relative;
    top: 3px;
    font-weight: 400;
}

.mat-dev-icon {
    font-size: 20px;
    position: relative;
    top: 1px;
    font-weight: 400;
    left: 8px;
    margin: 0 15px 0;
}

form[method="post"] .panel {
    box-shadow: none !important;
}

.left-icon {
    left: 8px;
    margin-right: 12px;
}

.main-tab-table tr td:last-child {
    text-align: right !important;
}

.lead-panel {
    width: 100%;
    margin-bottom: 100px !important;
}

ul.scheule-result {
    display: flex;
    flex-direction: row;
    justify-content: start;
    margin-bottom: 20px;
}

    ul.scheule-result li {
        flex: 0 0 200px;
    }

        ul.scheule-result li > .filter-popup:before {
            top: -16px !important;
        }

        ul.scheule-result li > .filter-popup {
            top: 50px !important;
        }

.k-tooltip-button {
    position: absolute !important;
    top: 1px;
    right: 4px;
}

.country_states > table {
    width: 100%;
    display: table;
}

.country_name {
    font-size: 20px;
    font-weight: 700;
    padding: 12px 0;
    color: #4a4a4a;
}

ul.outercount {
    margin: 0;
    padding: 0;
}

    ul.outercount li {
        padding-bottom: 5px;
    }

        ul.outercount li.counttab {
            margin-left: 10px;
        }

.navigation-main-top {
    display: block;
    margin: 30px 0 0;
    border-top: 1px solid #000;
    padding-top: 20px;
}

table.my-table tbody tr td.wrapWord {
    white-space: inherit;
    min-width: 300px;
    word-break: break-word;
}

.dropdown-menu--scroll {
    width: 250px;
    overflow: auto;
    max-height: 225px;
}

.other-forms--header .disabled {
    cursor: not-allowed;
    background: none;
}

    .other-forms--header .disabled:hover {
        background-color: inherit;
    }

table.custom-tab thead th:first-child.sorting_asc:after {
    content: "" !important;
}

.stylish-input-group > .input-group-addon {
    padding: 6px 5px;
}

.select--width35 {
    margin-top: 8px;
}

.nav-sm .ui-datepciker-schedular-center-design {
    z-index: 99999999 !important;
    left: 66px !important;
    right: 0 !important;
    margin: 6px auto 0;
}

.nav-md .ui-datepciker-schedular-center-design {
    z-index: 99999999 !important;
    left: 225px !important;
    right: 0 !important;
    margin: 6px auto 0;
}

.width100 {
    width: 100% !important
}

.width60 {
    width: 70%
}

.account-reg--bg-gray {
    background: #f3f3f3;
    padding: 7px 0;
    font-size: 14px;
    box-shadow: 0 3px 5px #e7e7e7;
    -webkit-box-shadow: 0 3px 5px #e7e7e7;
}

strong.black-font-col {
    display: initial;
    padding: 0 3px;
}

table.master_tb tbody tr td.zip-col, table.master_tb tbody tr td.territory-col {
    white-space: inherit !important;
    width: 250px;
}

.custom-responsive {
    overflow-x: auto;
    height: .01%;
    min-height: 450px;
}

.clsdivGridContainer_SignatureRecipients {
    background: #fff !important;
    box-shadow: 0 3px 3px #e6e6e6 !important;
    border-radius: 5px !important;
    padding: 12px !important;
}

.recipient--scroll {
    max-height: 200px;
    min-height: 200px;
    overflow: auto;
}

.recipent--scroll--items {
    padding: 1px 3px;
    height: 30px;
}

    .recipent--scroll--items > input {
        position: relative;
        top: -1px;
    }

    .recipent--scroll--items > label {
        font-weight: normal;
    }

.select--all-text {
    position: relative;
    top: -3px;
    z-index: 0;
}

.chk-pl > input {
    position: relative;
    z-index: 9;
}

.justify-content-space-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
}

.flex-wrap {
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -o-flex-wrap: wrap;
}

.data--loader > a {
    background: #e7e7e7;
    padding: 7px 20px;
    border-radius: 5px;
    flex: 0 0 25%;
    margin: 10px;
    box-sizing: content-box;
    font-size: 14px;
    display: inline-block;
    color: #4c76a3;
    box-shadow: 0 2px 0.5px 0 #027acb;
    -webkit-box-shadow: 0 2px 0.5px 0 #027acb;
    -moz-box-shadow: 0 2px 0.5px 0 #027acb;
    transition: 0.7s, 0.7s, ease-out, 0.7s;
}

    .data--loader > a:hover {
        background: #027acb;
        color: #fff;
    }

.drop--down--service--type {
    left: -100px;
}

.table-striped .tooltip-inner,
.custom-tab .tooltip-inner {
    max-width: 250px !important;
}

ul#ulSortColumns > span > li {
    padding: 3px 0;
}

ul#ulSortColumns > br {
    display: none;
}

.compose--email h1 {
    margin: 0 !important;
    padding: 0;
    font-weight: bold;
}

.email--log-body {
    overflow-y: scroll;
    overflow-x: auto;
    max-height: 350px
}

.table-responsive {
    overflow-x: auto !important;
}

.banner-pop-bg {
    position: fixed;
    text-align: center;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    z-index: 99999999;
    background: rgba(0,0,0,0.7);
}

.banner-loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: transparent;
}

    .banner-loading img {
        position: absolute;
        top: 0;
        margin: auto;
        width: 40px;
        bottom: 0;
        left: 0;
        right: 0;
        display: inline-block;
        background: transparent;
    }

.display-f {
    display: flex;
    -webkit-display: flex;
}

.justify-content-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}

.justify-content-flex-end {
    justify-content: flex-end
}

.padd-right12 {
    padding-right: 12px
}

.change--order {
    order: 2;
}

.order--flex {
    display: flex;
    display: -webkit-flex;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

.flex1 {
    flex: 1;
}

.ma {
    margin: 0 !important;
}

.Conflict > .modal-content > .modal-body > .row table.table tbody tr td {
    white-space: inherit !important;
}

.mbl-rht-menu > .pull-right input {
    background: none;
    border: none;
}

    .mbl-rht-menu > .pull-right input:hover {
        color: #23527c;
    }

.RadGrid .schedule-tab .rgRow > td:nth-child(6) {
    white-space: initial !important;
    min-width: 150px;
    word-break: break-word;
}

.form-group .racTokenList > span > span {
    white-space: initial !important;
}

.nav_title {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
}

.addBanner input.form-control[readonly],
#editColumn input.form-control[readonly] {
    background: #fff !important;
}

.telerik_grid > .client-table-match .rgRow td,
.telerik_grid > .client-table-match .rgAltRow td {
    white-space: initial !important;
}

    .telerik_grid > .client-table-match .rgRow td:nth-child(2),
    .telerik_grid > .client-table-match .rgAltRow td:nth-child(2) {
        white-space: nowrap !important;
    }

.text--style label span {
    font-weight: 900 !important;
    color: #3a4750 !important;
    font-size: 14px !important;
}

.inner-grid--intend {
    padding-left: 20px
}

.indent--space {
    padding: 0 !important;
    box-shadow: none !important;
    border: none !important;
}

    .indent--space table thead tr th, .indent--space table tbody tr td,
    table.create--bill-height thead tr th, table.create--bill-height tbody tr td {
        height: 36px !important;
    }

table.check-table tbody tr td.caregiverclientid {
    padding: 0 15px;
}

.indent--space table.acc-border-bot thead tr th,
.indent--space table.acc-border-bot tbody tr td {
    padding-right: 40px;
}

    .indent--space table.acc-border-bot thead tr th:first-child,
    .indent--space table.acc-border-bot tbody tr td:first-child {
        padding-right: 12px;
    }

    .indent--space table.acc-border-bot thead tr th:nth-child(3),
    .indent--space table.acc-border-bot tbody tr td:nth-child(3) {
        padding-right: 45px;
    }

.pay-unit {
    position: relative;
    top: -15px;
}

.indent--space table.acc-border-bot thead tr th:last-child,
.indent--space table.acc-border-bot tbody tr td:last-child {
    padding-right: 55px;
}

.modal-outer {
    padding: 10px;
}

table.all-invoice-table tbody tr td:nth-child(4) {
    white-space: inherit;
    min-width: 190px;
}



.signature-pad {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    width: 100%;
    height: 100%;
    max-width: 400px;
    max-height: 430px;
    border: 1px solid #e8e8e8;
    box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.2);
    border-radius: 4px;
    padding: 16px;
    min-height: 230px;
    margin: 20px;
}

.signature-pad--body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #f4f4f4;
}

    .signature-pad--body canvas {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        box-shadow: 0 0 5px rgb(0 0 0 / 2%) inset;
        border: 1px solid #e6e6e6;
        background: #fff;
        min-height: 100px;
    }

.signature-pad--footer {
    color: #C3C3C3;
    text-align: center;
    font-size: 1.2em;
    margin-top: 8px;
}

.signature-pad--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
}

.navigation-main-top {
    display: block;
    border-top: 1px solid #000;
    padding-top: 20px;
    margin-bottom: 100px
}

    .navigation-main-top > .clearfix h2 {
        padding-bottom: 20px;
    }

    .navigation-main-top img {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
    }

.img-border {
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    min-height: 192px;
    margin: auto;
    vertical-align: middle;
    box-shadow: 0 0 5px rgb(0 0 0 / 2%) inset;
    -webkit-box-shadow: 0 0 5px rgb(0 0 0 / 2%) inset;
    margin-top: 62px;
}

.curr-signature {
    padding-top: 10px;
}

.newspaper-icon img, .clspublishfeedback img {
    width: 22px;
    position: relative;
    top: -3px;
}

i[title="Un-Publish"].clspublishfeedback img {
    margin-left: 10px;
    cursor: pointer;
}

.terriTab table tr td span {
    display: flex;
    align-items: start;
    position: relative;
    word-break: break-word;
    min-width: 250px;
}

.terriTab table tr td input {
    position: relative;
    top: 8px;
}

table.white-space--none tbody tr td:nth-child(3) {
    white-space: inherit !important;
    min-width: 280px;
}

.office-select .aspNetDisabled {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    background-color: #eee;
    opacity: 1;
    color: #a7a7a7;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.link-chain {
    color: #0284d0 !important;
    cursor: pointer;
    font-weight: 700;
    font-size: 17px
}

.fa-large-icons {
    font-size: 18px !important;
}

.contact-support-note {
    font-size: 14px;
    background: #f1f1f1;
    text-align: center;
    padding: 1px 12px;
    font-weight: normal;
    border-radius: 4px;
    box-shadow: 2px 2px 2px 0 rgb(0 0 0 / 1%);
    color: #495968;
    display: inline-block;
}

    .contact-support-note > span {
        font-size: 15px;
        padding: 0 4px;
        color: #233644;
    }

table.attachment-table tbody tr td a.white-space-break {
    white-space: initial;
    word-break: break-word;
}

.territory-check table tr td, .territory-check table tr td span {
    display: flex;
    align-items: self-start;
    -webkit-align-items: self-start;
}

    .territory-check table tr td > input, .territory-check table tr td span > input {
        position: relative;
        top: 8px;
    }

    .territory-check table tr td > label {
        word-break: break-word
    }

.payment--page-icon {
    font-size: 22px;
    margin-top: 10px;
    font-weight: 900;
    text-align: center;
}

.text--wrap {
    white-space: nowrap
}

.min-width75 {
    min-width: 75px;
}

.pa6 {
    padding: 6px;
}

.result-nav li .office--check-box > span {
    display: flex;
    align-items: self-start;
    -webkit-align-items: self-start;
}

    .result-nav li .office--check-box > span input {
        margin-top: 8px;
    }

.invoice-text-display {
    top: 117px !important;
}

.fs100 {
    font-size: 100%;
}

.master-schedule {
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.master-schedule--publish {
    width: 75%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.form-group span > input.riTextBox {
    color: #555 !important;
}

table.master_tb thead tr th.late-fee--amount,
table.master_tb tbody tr td.late-fee--amount {
    padding-right: 175px;
    width: 200px;
}

.schedule-based {
    border: 1px solid #d5d5d5;
    padding: 15px;
    margin-top: 20px;
}

    .schedule-based > span {
        padding-bottom: 8px;
        display: block;
        font-weight: bold;
        font-size: 14px;
    }

    .schedule-based table tbody tr td label {
        font-weight: normal;
        padding-right: 35px
    }

.apply-auto--checkbox {
    margin-left: 2px;
}

.record-text--container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

    .record-text--container > span {
        font-size: 16px;
        font-weight: bold;
    }

label.minus-icon > input[type=checkbox]:after {
    content: "\e15b";
    background-color: #0284d0;
    border: 1px solid #0284d0;
    color: #fff;
    height: 13px;
    width: 13px;
    font-weight: 400;
    font-weight: normal !important;
    font-family: "Material Icons"
}

input[type=checkbox].minus-icon:checked:after {
    content: "\e15b";
    background-color: #0284d0;
    border: 1px solid #0284d0;
    color: #fff;
    height: 13px;
    width: 13px;
    font-weight: 400;
    font-weight: normal !important;
    font-family: "Material Icons";
}

.caregiver-notes--text {
    margin-top: 20px;
    display: inline-block
}

.clear-test--house > table tbody tr td {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 2px;
}

table.acc-border-bot thead tr th i.fa-angle-right {
    margin-right: 12px;
}

table.acc-border-bot tbody tr td span.icon-rotateAll {
    margin-right: 5px;
}

.innerTab > table.acc-border-bot thead tr th > input, .innerTab > table.acc-border-bot tbody tr td > input {
    margin-left: 15px;
}

select.dropdown-space {
    padding-left: 2px !important;
}

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

.flex-1 {
    flex: 1;
}

.align-item-center {
    align-items: center;
}

.side-auto--scroll {
    overflow: auto;
    max-height: 150px;
}

    .side-auto--scroll > table.table {
        margin-bottom: 0 !important;
    }

        .side-auto--scroll > table.table tbody tr:first-child {
            display: none;
        }

        .side-auto--scroll > table.table tbody tr td {
            padding: 3px 8px !important;
        }

.pl7 {
    padding-left: 7px;
}

table.textChange > tbody > tr > td {
    white-space: inherit !important;
}

.main-top--style {
    position: relative;
    margin-bottom: 15px;
}

    .main-top--style > h1 {
        margin: 0 !important;
    }

.link-style {
    font-size: 16px;
    color: #0284d0;
    background: #f6f6f6;
    border-radius: 4px;
    padding: 4px 0 8px 10px;
    transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
}

    .link-style:hover {
        background: #0284d0;
        color: #fff;
    }

    .link-style:focus {
        color: #0284d0;
    }

    .link-style:hover:focus {
        color: #fff;
    }

    .link-style:hover .arrow-icn {
        color: #fff;
    }

.arrow-icn {
    color: #0284d0;
    padding: 0px 10px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

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

.territorySelectFilter {
    position: relative;
}

.territorySelectFilterClient {
    position: relative;
    top: 4px;
}

    .territorySelectFilterClient i {
        position: absolute;
        /* margin-top: -12%; */
        padding: 12px 2px 0px;
        margin-left: 92%;
        cursor: pointer;
    }

.territorySelectFilter i {
    position: absolute;
    /* margin-top: -12%; */
    padding: 12px 2px 0px;
    margin-left: 92%;
    cursor: pointer;
}

.territoryInputControl {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-territoryDDL-div {
    background-color: white;
    z-index: 80;
    right: 0px;
}

.searchTerritoryInput {
    margin: 4px;
    width: calc(100% - 8px) !important;
}

.multiSelectTerritory {
    max-height: 200px;
    overflow: auto;
}

.custom-territoryDDL-div .form-group {
    padding: 0 8px;
}

.checkboxRow-caregiver {
    display: flex;
    align-items: baseline;
}

    .checkboxRow-caregiver > label {
        font-weight: normal !important;
    }

.selectAllCGContainer {
    padding: 4px;
}

    .selectAllCGContainer > label {
        font-weight: normal !important;
    }

.overflow-scroll {
    overflow: auto;
}

.pac-container {
    z-index: 999999 !important;
}

.info-time > span {
    background: #027acb;
    border-radius: 4px;
    padding: 3px 10px;
    color: #fff;
    display: flex;
    align-items: center;
}

    .info-time > span > i {
        font-size: 15px;
        margin-right: 5px;
    }

.label-m {
    margin: 0 0 0 5px;
}

.f-weight-bold {
    font-weight: bold;
}

.p-top8 {
    padding-top: 8px;
}

table.edi tbody tr td div {
    text-align: center;
    color: red
}

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

.territorySelectFilter {
    position: relative;
}

.facilitySelectFilter {
    position: relative;
    top: 4px;
}

    .facilitySelectFilter i {
        position: absolute;
        /* margin-top: -12%; */
        padding: 12px 2px 0px;
        margin-left: 92%;
        cursor: pointer;
    }

.facilitiesInputControl {
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-faclilityDDL-div {
    background-color: white;
    z-index: 80;
    right: 0px;
}

.searchFacilityInput {
    margin: 4px;
    width: calc(100% - 8px) !important;
}

.selectAllFacilityContainer {
    padding: 4px;
}

    .selectAllFacilityContainer > label {
        font-weight: normal !important;
    }

.multiSelectFacility {
    max-height: 200px;
    overflow: auto;
}

.facility-text--container {
    padding: 0 10px;
}

.facilitiesInputControl > span {
    max-width: 95% !important;
}

.modal-box--container .row label input {
    position: relative;
}

.table-question td.question-container {
    position: relative;
}

.table-question tr td > i.clsDeleteIcon {
    position: absolute;
    right: 15px;
    top: 14px;
}

.table-question tr td div.option-container {
    position: relative;
    margin-bottom: 5px;
}

    .table-question tr td div.option-container i.delete-option {
        position: absolute;
        right: 8px;
        top: 9px;
    }

.text-left {
    text-align: left !important;
}

.multi-selection label {
    font-weight: normal !important;
}

.display-flex-start {
    display: flex;
    align-items: flex-start;
}