@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,500i,600,600i,700,800,900|Roboto:300,400,400i,500,500i,700";

* {
    outline: none
}

@import "kendo-20241319.css";

.k-primary {
    border-color: #008adc !important;
    background-color: #008adc !important;
}

a {
    color: #008adc
}

a, button, .cursor-pointer {
    cursor: pointer
}

    a:hover {
        text-decoration: none;
    }

body {
    background-color: #fff;
    font-family: roboto
}

textarea {
    resize: none
}

.k-loading-image::before, .k-loading-image::after {
    display: none
}

button.btn-cancel, button.btn-delete, button.btn-ok, input.btn-ok, a.btn-ok {
    min-width: 72px;
}

.k-switch-on.k-state-focused .k-switch-container, .k-switch-on:focus .k-switch-container,
.k-switch-on.k-state-focused .k-switch-handle, .k-switch-on:focus .k-switch-handle {
    background-color: #008ADC !important;
}

.k-widget.k-tooltip-validation {
    border-color: #fdefba !important;
    background-color: #fdefba !important;
    color: #816704 !important;
}

body button:focus {
    outline: none
}

.k-radio:checked {
    border-color: #bec4d5 !important;
    color: #008adc !important;
    background-color: #008adc !important;
}

    .k-radio:checked:focus {
        box-shadow: none !important
    }

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.btn {
    font-family: roboto !important
}

.btn-link {
    color: #008adc;
}

body .k-window-titlebar {
    border-radius: 25px 25px 0 0 !important
}

div.k-window, .modal .modal-content {
    border-radius: 25px !important;
}

.d-ChkBx.m-checkbox > input {
    position: absolute;
    z-index: 1;
    opacity: 1;
    left: 2px;
}

#find-patient-field input.k-input::placeholder {
    font-weight: 400
}

#find-patient-field input.k-input {
    color: #ffa62c;
    font-weight: 600
}

.m--bg-primary {
    background-color: #008adc !important;
}

.dropdownMenu {
    position: relative;
    display: inline-block;
}

.dropdownMenu-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 215px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
    list-style: none;
    border: solid 1px #008adc;
    top: 38px;
    border-radius: 4px;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform-style: preserve-3d;
}

    .dropdownMenu-content:after {
        position: absolute;
        left: 10px;
        top: -8px;
        content: "";
        width: 0px;
        height: 0px;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #0089db;
        z-index: 2;
    }

.pright .dropdownMenu-content {
    right: 0;
}

    .pright .dropdownMenu-content:after {
        left: auto;
        right: 10px;
    }

.dropdownMenu:hover .dropdownMenu-content {
    display: block;
}

.dropdownMenu-content li {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative
}

    .dropdownMenu-content li a {
        display: block;
        font-weight: 500;
        padding: 8px 0px;
    }

        .dropdownMenu-content li a:hover {
            color: #ffa62c
        }

    .dropdownMenu-content li i {
        float: left;
        margin-right: 10px;
    }

.k-widget.k-tooltip .k-callout {
    width: 0;
    height: 0;
}

.k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
    border-color: rgb(0 0 0 / 98%);
    color: #fff;
    background-color: rgb(6 6 6 / 98%);
}

.btn65 {
    width: 65px;
}

.btn80 {
    width: 80px;
}

.btn110 {
    width: 110px;
}

.btn120 {
    width: 120px;
}

.btn130 {
    width: 130px;
}

.btn220 {
    width: 220px;
}

.btn-outline-primary {
    color: #008adc;
    border-color: #008adc;
}

    .btn-outline-primary:hover {
        background: #008adc !important;
        border-color: #008adc !important;
    }

.k-tabstrip-content.k-state-focused, .k-tabstrip-content:focus, .k-tabstrip > .k-content.k-state-focused, .k-tabstrip > .k-content:focus {
    outline: none !important;
}

.k-checkbox + .k-checkbox-label, .k-checkbox-label + .k-checkbox {
    margin-left: 10px !important;
}

input.k-checkbox {
    border-radius: 4px;
    width: 20px;
    height: 20px;
}

.m-checkbox > input { /* z-index:1 !important; opacity:1 !important;  left:4px; */
}

.k-checkbox::before {
    width: 20px !important;
    height: 20px !important;
    font-size: 14px !important;
    border-radius: 2px !important;
    text-align: center;
    line-height: 20px;
}

.k-pager-wrap .k-pager-numbers .k-state-selected, .k-pager-wrap .k-pager-numbers .k-state-selected:hover {
    border-top-color: #008adc !important;
    color: #008adc !important;
}

.k-tabstrip-items-wrapper .k-tabstrip-items .k-item.k-state-active,
.k-window-titlebar {
    background-color: #008adc !important;
}

    .k-tabstrip-items-wrapper .k-tabstrip-items .k-item.k-state-active:hover {
        background-color: #ffa62c !important;
    }

.k-primary, .k-tabstrip-items-wrapper, input.k-checkbox:checked {
    border-color: #c5c5c5;
    color: #008adc;
    background-color: #008adc;
}

.k-checkbox:checked:focus {
    border-color: #c5c5c5 !important;
    box-shadow: none !important;
}

.k-gantt .k-gantt-toolbar .k-button:hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover, .k-gantt .k-gantt-toolbar .k-gantt-views li.k-state-hover .k-link, .k-grid .k-header .k-button:hover, .k-scheduler .k-header .k-button:hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover, .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link {
    background-color: #ffa62c !important;
    border-color: #ffa62c !important;
}

.k-panelbar > .k-item, .k-panelbar > .k-panelbar-header .k-panelbar-toggle { /*display:none !important*/
}

.overflow_hidden, .overflow-hidden {
    overflow: hidden
}

body .text-bold {
    font-weight: 700
}

.mrgnB0 {
    margin-bottom: 0 !important
}

.mrgnB5 {
    margin-bottom: 5px !important
}

.mrgnB10 {
    margin-bottom: 10px !important
}

.mrgnB15 {
    margin-bottom: 15px !important
}

.mrgnB20 {
    margin-bottom: 20px !important
}

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

.mrgnB40 {
    margin-bottom: 40px !important
}

.mrgnT0 {
    margin-top: 0 !important
}

.mrgnT5 {
    margin-top: 5px !important
}

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

.mrgnT15 {
    margin-top: 15px !important
}

.mrgnT20 {
    margin-top: 20px !important
}

.mrgnT30 {
    margin-top: 30px !important
}

.mrgnT40 {
    margin-top: 40px !important
}

.mrgnR10 {
    margin-right: 10px !important
}

.mrgnR5 {
    margin-right: 5px !important
}

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

.mrgnL10 {
    margin-left: 10px !important
}

.mrgnL20 {
    margin-left: 20px !important
}

.mrgnL30 {
    margin-left: 30px !important
}

.pdngL_0 {
    padding-left: 0 !important
}

.pdngL_5 {
    padding-left: 5px !important
}

.pdngL_10 {
    padding-left: 10px !important
}

.pdngL_15 {
    padding-left: 15px !important
}

.pdngR_10 {
    padding-right: 10px !important
}

.pdngR_15 {
    padding-right: 15px !important
}

.pdngR5 {
    padding-right: 5px !important
}

.pdngR_0 {
    padding-right: 0 !important
}

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

.pdngLR20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.pdngTB20 {
    padding-bottom: 20px !important;
    padding-top: 20px !important
}

.pdngT_0 {
    padding-top: 0 !important
}

.pdngB_0 {
    padding-bottom: 0 !important
}

.pdngB_15 {
    padding-bottom: 15px !important
}

.pdngB_20 {
    padding-bottom: 20px !important
}

.pdng_3 {
    padding: 3px !important
}

.pdng_10 {
    padding: 10px !important
}

.pdng_15 {
    padding: 15px !important
}

.pdng_20 {
    padding: 20px !important
}

.pdng_T15 {
    padding-top: 15px !important
}

.pdng_T5 {
    padding-top: 5px !important
}

.pdng_T10 {
    padding-top: 10px !important
}

.pdng_none {
    padding: 0 !important
}

.mrgn_none {
    margin: 0 !important
}

.color_orange {
    color: #FFA62C
}

.width100 {
    width: 100px
}

.width150 {
    width: 150px
}

.no-padding {
    padding: 0 !important
}

.bb-1 {
    border-bottom: solid 1px #c5c5c5;
    padding-bottom: 5px
}

.table td a {
    color: #575962
}

.posi-relative {
    position: relative
}

.required {
    color: red
}

.m-checkbox, .m-radio {
    padding-left: 25px
}

.line-through {
    text-decoration: line-through
}

.anchordisabled {
    pointer-events: none;
    cursor: default;
}

.k-autocomplete, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default, .k-multiselect-wrap, .k-multiselect-wrap.k-state-hover, .k-state-hover > .k-multiselect-wrap, .k-dropdown-wrap, .k-dropdown-wrap.k-state-disabled {
    border-radius: 4px;
    border-color: #c5c5c5 !important
}

.m-topbar .m-topbar__nav.m-nav [class^="flaticon-"]:before {
    font-size: 25px
}

.m-topbar .m-topbar__nav.m-nav [class*=" flaticon-"]:before {
    font-size: 25px
}

.k-scheduler-table .k-slot-cell {
    text-align: center
}

#team-schedule #people label {
    background: #fff;
    border-bottom: solid 5px #ffa62c;
    padding: 10px 25px;
    padding-left: 25px;
    line-height: normal;
    margin-left: 0;
    float: left;
    font-weight: 500;
    font-size: 15px
}

#team-schedule {
    position: relative;
    margin-bottom: 10px
}

.panel {
    margin-bottom: 20px;
    border: solid 1px #c5c5c5;
    color: #333
}

#people .nav li a {
    background: #fff;
    color: #444;
    border-bottom: solid 5px #ffa62c;
    padding: 8px 20px;
    line-height: normal;
    margin-left: 0;
    font-weight: 500;
    display: inline-block
}

#people .nav li.link1 a {
    border-color: #ffa62c
}

#people .nav li.link2 a {
    border-color: #5cae30
}

#people .nav li.link3 a {
    border-color: #286eb2
}

#people .nav li.link4 a {
    border-color: #db42e8
}

#people .nav li.link5 a {
    border-color: #d2e52c
}

#people .nav li.link1.active a, #people .nav li.link2.active a, #people .nav li.link3.active a, #people .nav li.link4.active a {
    background: #008ADC;
    color: #fff
}

.sidebar_right .panel-heading {
    padding: 5px 10px
}

.waitingRoom_box .panel-heading, .sidebar_right .Occupied_box .panel-heading {
    background: #008ADC
}

.waiting_thead {
    background: #667481;
    color: #fff;
    margin-bottom: 0
}

.waitingRoom_box .panel-heading h5, .sidebar_right .Occupied_box .panel-heading h5, .sidebar_right .free_box .panel-heading h5 {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0
}

.sidebar_right .Occupied_box .panel-body {
    font-size: 16px;
    color: #7e7e7e;
    font-weight: 400
}

.sidebar_right .free_box .panel-heading h5.panel-title, .sidebar_right .free_box .panel-heading {
    background: #3e9212
}

    .sidebar_right .free_box .panel-heading h5 {
        color: #fff;
        font-weight: 500;
        font-size: 14px
    }

.sidebar_right .waitingRoom_box .table td, .sidebar_right .waitingRoom_box .table th {
    padding: 7px 5px
}

.sidebar_right .k-list > .k-state-selected {
    color: #000;
    border-color: #c5c5c5 !important;
    background: #efeeee !important
}

.sidebar_right .k-list .k-item {
    clear: left
}

.panel-body {
    font-size: 12px;
    color: #3e9212;
    font-weight: 400;
    padding: 0
}

.btn.btn-normal {
    padding: .65rem 1rem !important
}

.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    50.01% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    50.01% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-ms-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    50.01% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-o-keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    50.01% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 1
    }

    50.01% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

.input-group .input-group-addon {
    color: #fff;
    background-color: #008ADC;
    border-color: #008ADC
}

.k-nav-current > .k-link span + span {
    max-width: 300px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    font-weight: 600;
    font-size: 15px;
    color: #333
}

#scheduler .k-nav-current > .k-link span + span {
    color: #fff !important
}

#scheduler .k-scheduler-table th {
    font-weight: 400;
    text-align: center
}

#people .nav {
    float: left;
    z-index: 99
}

#alex {
    position: absolute;
    left: 4px;
    top: 81px
}

#bob {
    position: absolute;
    left: 119px;
    top: 81px
}

#charlie {
    position: absolute;
    left: 234px;
    top: 81px
}

#people .navbar .navbar-nav li {
    background: #fff;
    color: #444;
    float: left
}

.search_block {
    position: relative;
    float: right;
    width: 100%
}

    .search_block .search_btn {
        position: absolute;
        right: 0;
        top: 0;
        width: 34px;
        height: 36px;
        background: #008ADC url(../images/if_search.png) no-repeat 50% 50%;
        color: #fff;
        border: none;
        border-left: solid 1px #ccc;
        text-indent: 100px;
        border-radius: 0 3px 3px 0
    }

.k-scheduler .k-scheduler-toolbar .k-state-selected, .k-edit-form-container .k-button.k-primary, .k-state-selected {
    background: #5ca3e5;
    border-color: #5ca3e5
}

.locations_list li {
    padding: 7px 0
}

    .locations_list li a, .m-footer .m-footer__copyright {
        display: block
    }

.loca_select h4 {
    font-size: 15px;
    font-weight: 500;
    white-space: nowrap;
    margin-top: 14px;
    margin-bottom: 0;
    color: #7e7e7e
}

.main_nav {
    margin-top: 4px
}

.main_menu {
    margin: 0 25px;
    padding: 0;
    display: table;
    height: 100%
}

    .main_menu > li {
        float: left;
        margin: 0 2px;
        width: auto;
        display: table;
        height: 100%
    }

        .main_menu > li a.nav__link {
            display: table;
            height: 100%;
            padding: 5px
        }

            .main_menu > li a.nav__link span {
                display: block;
                text-align: center
            }

            .main_menu > li a.nav__link .nav__link_icon {
                position: relative;
                color: #008ADC
            }

                .main_menu > li a.nav__link .nav__link_icon i {
                    font-size: 30px
                }

                    .main_menu > li a.nav__link .nav__link_icon i.flaticon-users-2 {
                        background: #008ADC;
                        border-radius: 16px;
                        width: 28px;
                        height: 28px;
                        color: #fff;
                        line-height: 26px;
                        text-align: center
                    }

            .main_menu > li a.nav__link .nav_link_wrapper {
                color: #008ADC;
                font-size: 12px;
                font-weight: 500
            }

        .main_menu > li.m-menu__item--hover a.nav__link {
            background: transparent;
        }

            .main_menu > li.m-menu__item--hover a.nav__link a {
            }

        .main_menu > li a.nav__link.active {
            background: #fff;
            border-radius: 4px
        }

        .main_menu > li a.nav__link:active > span {
            color: #fff;
            text-decoration: none;
            background: transparent;
        }

        .main_menu > li a.nav__link .nav__link_icon i.iconHuddle {
            background: url(../images/icon-huddle.png) no-repeat 0 0;
            height: 32px;
            line-height: 27px;
            width: 32px;
            display: block;
            background-size: 75px auto;
            margin-left: 7px;
        }

        .main_menu > li a.nav__link:hover .nav__link_icon i.iconHuddle,
        .main_menu > li a.nav__link.active .nav__link_icon i.iconHuddle {
            background-position: -44px 0
        }

        .main_menu > li.m-menu__item--hover a.nav__link .nav__link_icon i, .main_menu > li.m-menu__item--hover a.nav__link .nav_link_wrapper, .main_menu > li a.nav__link.active .nav__link_icon i, .main_menu > li a.nav__link.active .nav_link_wrapper, .m-subheader__breadcrumbs .m-nav__item > .m-nav__link .m-nav__link-text, .m-subheader__breadcrumbs .m-nav__separator, .patient_info.m-subheader .m-subheader__breadcrumbs.m-nav > .m-nav__item > .m-nav__link > .m-nav__link-text, .patient_info.m-subheader .m-subheader__title.m-subheader__title--separator, .profile-summary-quickview, .profile-summary-quickview .table td a {
            color: #ffa62c
        }

#patient_dropMenu {
    margin-left: -60px
}

    #patient_dropMenu .m-menu__arrow {
        left: 95px !important
    }

.menu_large, #manage_dropMenu {
    margin-left: -230px
}

    .menu_large .m-menu__arrow, #manage_dropMenu .m-menu__arrow {
        left: 254px !important
    }

#support_dropMenu {
    margin-left: -100px
}

    #support_dropMenu .m-menu__arrow {
        left: 145px !important
    }

.noto_label {
    background: red;
    height: 16px;
    width: 16px;
    border-radius: 12px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    top: 12px;
    right: 0;
}

.m-header .loca_select {
    margin-right: 40px;
    padding-right: 10px
}

    .m-header .loca_select .dropdown-toggle {
        border: none;
        width: auto
    }

.bootstrap-select.btn-group > .dropdown-toggle.btn-default, .m-header .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    color: #333
}

.bootstrap-select.btn-group > .dropdown-toggle.btn-default {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border: solid 1px #c5c5c5;
    float: left
}

.m-header__top .m-stack.m-stack--desktop {
    display: flex;
    flex-direction: column;
}

.m-header .m-brand {
    width: auto;
    flex: 1;
}

#m_header_topbar.m-topbar {
    display: flex;
    flex-direction: row;
    width: 100%;
}

    #m_header_topbar.m-topbar .main_nav {
        width: 50%;
    }

    #m_header_topbar.m-topbar .right-hdr-menu-sec {
        width: 50%;
    }

@media (min-width:992px) {
    .m-header__top .m-stack.m-stack--desktop {
        flex-direction: row
    }
}
/* end media */

#scheduler .k-scheduler-dayview .k-scheduler-table th {
    padding: 0 .5em
}

    #scheduler .k-scheduler-dayview .k-scheduler-table th.k-slot-cell {
        font-weight: 500;
        padding: 0
    }

#scheduler .k-event-template {
    padding: 0 5px;
    font-size: 11px;
    line-height: normal
}

#scheduler .k-scheduler-dayview .k-scheduler-table td {
    padding: 0 .5em;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: #c5c5c5;
    border-right-style: solid
}

#divscheduler .k-scheduler-dayview .k-scheduler-header .k-scheduler-table tr:first-child th {
    visibility: hidden;
    display: none
}

#divscheduler li a {
    border-radius: 0
}

.k-scheduler-dayview .k-scheduler-times-all-day, .k-scheduler-dayview .k-scheduler-table.k-scheduler-header-all-day {
    visibility: hidden;
    display: none
}

#scheduler .k-scheduler-dayview .k-scheduler-table .k-middle-row td {
    border-top: dotted 1px #c5c5c5;
    border-bottom: dotted 0px transparent
}

#scheduler .k-scheduler-dayview .k-scheduler-table tr:not(.k-middle-row) td {
    border-bottom: solid 1px #c5c5c5;
    border-top-style: dotted
}

#scheduler .k-scheduler-dayview .k-scheduler-table tr:last-child td {
    border-bottom: 0;
    overflow: hidden
}

.slot5 #scheduler .k-scheduler-dayview .k-scheduler-content .k-scheduler-table tr:nth-child(12n+1) td {
    border-top-color: transparent;
    border-top: 0px
}

.slot10 #scheduler .k-scheduler-dayview .k-scheduler-content .k-scheduler-table tr:nth-child(6n+1) td {
    border-top-color: transparent;
    border-top: 0px
}

.slot15 #scheduler .k-scheduler-dayview .k-scheduler-content .k-scheduler-table tr:nth-child(4n+1) td {
    border-top-color: transparent;
    border-top: 0px
}

#scheduler .k-scheduler-dayview .k-scheduler-content .k-scheduler-table tr:first-child td {
    border-top: solid 1px #c5c5c5 !important
}

#divscheduler #scheduler .k-scheduler-header .k-link {
    font-size: 13px;
    line-height: 12px;
}

.k-scheduler-dayview tr:nth-child(1) .k-scheduler-times > .k-scheduler-table tr:nth-child(2) {
    display: none
}

#scheduler .k-scheduler-weekview .k-scheduler-header .k-scheduler-header-wrap .k-scheduler-table th {
    font-size: 11px;
    font-weight: bold;
    padding: .65em 0;
    padding-left: 0;
    padding-right: 0
}

#scheduler .k-scheduler-weekview .k-scheduler-table .k-scheduler-times-all-day, #scheduler .k-scheduler-weekview .k-scheduler-header .k-scheduler-header-all-day {
    display: none
}

#scheduler .k-scheduler-dayview .k-scheduler-content .k-scheduler-table tr td {
    vertical-align: middle
}

.family-per-name small.guarantor_fam {
    color: #ffb83e;
    font-weight: 500;
    font-size: 15px
}

.k-scheduler-dayview .k-scheduler-header .k-scheduler-header-wrap table.k-scheduler-table th {
    padding: 5px 0 !important;
    border-bottom: none
}

#scheduler .k-scheduler-dayview .k-scheduler-times .k-scheduler-table th.k-slot-cell:before {
    content: ":30";
    position: absolute;
    right: 5px;
    top: -42px;
    width: 15px;
    height: 15px;
    font-size: 11px
}

#scheduler .k-scheduler-weekview .k-scheduler-times .k-scheduler-table th.k-slot-cell {
    position: relative;
}

    #scheduler .k-scheduler-weekview .k-scheduler-times .k-scheduler-table th.k-slot-cell:before {
        content: ":30";
        position: absolute;
        right: 5px;
        top: -58px;
        width: 15px;
        height: 15px;
        font-size: 11px
    }

#scheduler .k-scheduler-dayview .k-scheduler-content .k-scheduler-table tr td .k-scheduler-agendaday {
    margin: 11px .2em 0 0;
    font-size: 26px
}

#scheduler .k-scheduler-dayview .k-scheduler-content .k-scheduler-table tr td.k-scheduler-timecolumn {
    padding: 10px 0
}

.k-scheduler-table .k-scheduler-groupcolumn {
    width: 12%
}

.k-scheduler-table .k-scheduler-datecolumn {
    width: 18%
}

.k-scheduler-table .k-scheduler-timecolumn {
    width: 12%;
    font-size: 12px
}

    .k-scheduler-table .k-scheduler-timecolumn .hov_sec_icons {
        right: -23px !important
    }

select.form-control.m-select2 {
    opacity: 1
}

#scheduler .bootstrap-select.btn-group .dropdown-menu.inner > li > a .text small {
    clear: left;
    display: block;
    font-size: 13px;
    padding-left: 0
}

.m-body .m-content {
    padding: 8px 30px 15px 0
}

#tabs.m-portlet > .m-portlet__body {
    padding: 15px;
    background: #f2f3f8
}

.m-login__form .lang__title {
    text-align: center;
    float: left;
    margin-top: 15px !important
}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn.m-login__btn--primary {
    margin-top: 0;
    border-color: #3c88c6;
    background: rgba(59,142,219,1);
    background: -moz-linear-gradient(top,rgba(59,142,219,1) 0%,rgba(14,103,199,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(59,142,219,1)),color-stop(100%,rgba(14,103,199,1)));
    background: -webkit-linear-gradient(top,rgba(59,142,219,1) 0%,rgba(14,103,199,1) 100%);
    background: -o-linear-gradient(top,rgba(59,142,219,1) 0%,rgba(14,103,199,1) 100%);
    background: linear-gradient(to bottom,rgba(59,142,219,1) 0%,rgba(14,103,199,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b8edb',endColorstr='#0e67c7',GradientType=0);
    font-size: 16px
}

.m-login__form .lang__title label {
    color: #fff;
    font-size: 16px
}

.m-login__form .lang__title select {
    background-color: transparent;
    color: #fff;
    font-size: 13px;
    padding: 8px 10px;
    border-radius: 10px;
    border: solid 1px #c2acf4;
    margin-left: 15px;
    outline: none
}

    .m-login__form .lang__title select option {
        background-color: #fff;
        color: #666
    }

.m-nav-sticky {
    background: #ffa62c
}

    .m-nav-sticky .m-nav-sticky__item > a > i {
        color: #fff;
        font-size: 25px;
        line-height: 25px
    }

.k-button.k-state-hover, .k-button:hover, #divscheduler .k-scheduler-layout .k-state-selected,
.k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    background-color: #ffa62c !important;
    border-color: #f39d1f !important;
    color: #fff !important
}

.k-scheduler-content .k-current-time {
    background: #ffa62c
}

.k-current-time-arrow-right {
    border-left: 4px solid #ffa62c !important
}

.quick_status {
    background: #fff;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border-top: solid 1px #c5c5c5
}

    .quick_status ul {
        list-style: none;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .quick_status li {
        width: 20%;
        text-align: center;
        float: left;
        margin: 0;
        padding: 0;
        line-height: 25px;
        font-size: 13px;
        font-weight: 500;
        color: #008adc;
        border-left: solid 1px #90bae0
    }

        .quick_status li a {
            text-decoration: none;
            color: #ffa62c
        }

.m-header {
    box-shadow: none
}

.header_submenu {
    background: #008adc
}

    .header_submenu.lavel3 {
        background: #ffa62c;
        padding: 0;
    }

        .header_submenu.lavel3 .m-nav__item a {
            line-height: 34px !important;
        }

.m-nav--inline > .m-nav__item {
    padding: 9px 15px
}

.m-nav--inline.nav-sub > .m-nav__item > a {
    padding: 0 8px;
    color: #ffffff;
    font-weight: 500;
    font-size: 13px;
    line-height: 38px;
    display: block
}

.m-nav--inline.nav-sub > .m-nav__item.active > a, .m-nav--inline.nav-sub > .m-nav__item.active > a .m-nav__link-icon {
    color: #fff;
    background: #008ADC
}

.m-nav--inline.nav-sub > .m-nav__item > a i {
    line-height: 39px
}

.header_submenu.lavel3 .m-nav--inline.nav-sub > .m-nav__item > a {
    line-height: 28px;
    color: #fff
}

    .header_submenu.lavel3 .m-nav--inline.nav-sub > .m-nav__item > a i {
        color: #fff;
        line-height: 20px
    }

#spLabCaseCnt_HeaderMenu.noto_label {
    top: 1px;
    right: -10px
}

#spUnconfirmed_HeaderMenu.noto_label {
    top: 1px;
    right: -10px
}

.m-nav.m-nav--inline.nav-sub > .m-nav__item [class^="flaticon-"]:before {
    font-size: 16px
}

.m-nav.m-nav--inline.nav-sub > .m-nav__item [class*=" flaticon-"]:before {
    font-size: 16px
}

.m-nav.m-nav--inline.nav-sub > .m-nav__item .m-nav__link-icon {
    margin-right: 5px;
    color: #fff
}

.waitingRoom_box table {
    font-size: 12px;
    text-align: left;
    margin-bottom: 0
}

.jstree-children .jstree-anchor {
    font-size: 13px;
    font-family: arial
}

.jstree-children .jstree-icon.fa {
    font-size: 12px
}

.m-date-format {
    margin-left: 1.8rem;
    font-size: 1.75rem;
    font-weight: 600;
    clear: left;
    float: left;
    color: #5ca3e5
}

    .m-date-format span {
        color: #7e7e7e
    }

.patient_info.m-subheader .m-subheader__breadcrumbs.m-nav > .m-nav__separator {
    color: #a9d6ff
}

#tabs.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link, #tabs.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link > i {
    color: #5ca3e5
}

#tabs.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head {
    background-color: #fff;
    border-color: #5ca3e5
}

#tabs.m-portlet.m-portlet--tabs .m-portlet__head, .m-nav.m-nav--inline.nav-sub > .m-nav__item, .sidebar_right .waitingRoom_box .panel-body {
    padding: 0
}

#m_patient_info #tabs .tab-content .m-portlet__head {
    padding: 8px 10px
}

    #m_patient_info #tabs .tab-content .m-portlet__head h3 {
        color: #444
    }

#tabs.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link.active {
    padding-left: 10px;
    padding-right: 10px;
    background: #4b8ac5;
    color: #fff
}

#tabs.m-portlet.m-portlet--success.m-portlet--head-solid-bg .m-portlet__head-tools .m-tabs-line .m-tabs__link > i {
    display: none
}

#tabs.m-portlet.m-portlet--tabs .m-portlet__head .m-portlet__head-tools .m-tabs-line .m-tabs__link {
    padding: 16px 15px
}

#tabs.m-portlet .m-portlet__head {
    height: auto
}

.patient_info.m-subheader {
    padding: 5px 0 0
}

.m-header-menu .m-menu__nav > .m-menu__item .nav__link_icon {
    height: 32px;
    line-height: 27px
}

.m-header-menu .m-menu__nav > .m-menu__item .flaticon-social-1:before {
    font-size: 30px
}

#support_dropMenu2.m-menu__submenu .m-menu__content > li.m-menu__item .m-menu__heading, .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__heading {
    padding: 12px 15px !important;
    border: 10px solid #fff;
    overflow: hidden;
    color: #fff;
    background: #008ADC;
    width: 100%
}

    #support_dropMenu2.m-menu__submenu .m-menu__content > li.m-menu__item .m-menu__heading span, #people .nav li {
        float: left
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content > li.m-menu__item .m-menu__heading > .m-menu__link-text, .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__heading > .m-menu__link-text,
    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__heading span.m-menu__link-text, .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__quick-actions.m-topbar__quick-actions--img.m-dropdown--arrow .m-dropdown__arrow {
        color: #fff !important;
        font-size: 14px !important;
    }

body .m-card-user .m-card-user__details .m-card-user__name,
.m-list-timeline .m-list-timeline__items .m-list-timeline__item .m-list-timeline__text, .m-nav > .m-nav__item > .m-nav__link .m-nav__link-text {
    font-size: 14px;
}

.m-dropdown .m-dropdown__wrapper .m-dropdown__header .m-dropdown__header-title {
    font-size: 20px;
}

#support_dropMenu2.m-menu__submenu .m-menu__content .m-menu__content .m-menu__inner > .m-menu__item > .m-menu__link, .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item > .m-menu__link {
    padding: 6px 15px;
    line-height: 20px
}

#support_dropMenu2.m-menu__submenu .m-menu__content li .m-menu__link {
    line-height: 27px;
    padding: 2px 15px 2px 45px
}

.header_search__wrapper {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 10px
}

    .header_search__wrapper .header_search__input input {
        border: solid 1px #c5c5c5;
        border-radius: 4px;
        padding: 5px;
        width: 100%
    }

    .header_search__wrapper .header_search__icon {
        position: absolute;
        right: -2px;
        top: 0;
        bottom: 0;
        z-index: 999;
        width: 30px;
        background: #008ADC;
        color: #fff;
        line-height: 35px;
        text-align: center;
        border-radius: 4px
    }

        .header_search__wrapper .header_search__icon a {
            color: #fff;
            display: block
        }

.modal-backdrop {
    z-index: 20
}

.profile-summary-quickview .row, #scheduler .k-scheduler-dayview .k-scheduler-times .k-scheduler-table th.k-slot-cell, .m-nav--inline.nav-sub > .m-nav__item > a.medical_alert {
    position: relative
}

    .m-nav--inline.nav-sub > .m-nav__item > a.medical_alert .noto_label {
        top: 10px;
        font-size: 11px;
        line-height: 16px;
        height: 16px;
        width: 16px
    }

.advance_search_link {
    color: #222;
    margin-top: 5px;
    float: right;
    line-height: 35px;
    margin-right: 15px
}

    .advance_search_link i {
        color: #ff9800;
        font-weight: 400;
        float: left;
        margin-right: 10px
    }

.patient_search_result {
    width: 100%;
    overflow-x: scroll
}

body .patient_search_result table {
    border: 1px solid #c5c5c5
}

.patient_search_result thead th {
    background: #008ADC;
    color: #fff
}

.advance_search_widget {
    margin: 15px 0
}

    .advance_search_widget .form-control-ASlabel {
        color: #333;
        font-weight: 500;
        cursor: pointer;
        margin-bottom: 0;
        font-size: 18px;
        line-height: 24px
    }

    .advance_search_widget .flaticon-search-2 {
        margin-right: 10px
    }

    .advance_search_widget .fa-chevron-down {
        margin-left: 10px
    }

    .advance_search_widget > a[aria-expanded="true"] .fa {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.m-topbar .m-topbar__nav.m-nav {
    margin: 0 0 0 10px
}

.client_logo {
    margin-top: 10px;
    float: right
}

.m-nav > .m-nav__item.support_sub {
    padding-left: 15px
}

.modal {
    z-index: 99999
}

.profile-summary-quickview .table td, .profile-summary-quickview .table th {
    padding: 2px !important;
    font-size: 14px;
    border-color: #c5c5c5;
    line-height: 18px
}

.profile-summary-quickview .table th {
    background: #204a7c;
    border-bottom: 0;
    text-align: left
}

.profile-summary-quickview .table-striped tbody tr.selected {
    background-color: #ffb83e
}

.profile-summary-quickview .table th.labelblk {
    position: relative;
    background: #008adc !important;
    width: 25px;
    border-top: none
}

.profile-summary-quickview .table td.family_col {
    border-top: none
}

    .profile-summary-quickview .table td.family_col td:nth-child(2) {
        border-left: none
    }

.profile-summary-quickview .table th.labelblk p {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 14px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)
}

.profile-summary-quickview .patient_pic {
    position: absolute;
    left: 5px;
    top: 0;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transition: all 2s ease-out;
    -moz-transition: all 2s ease-out;
    transition: all 2s ease-out;
    color: #fff;
    display: block;
    cursor: pointer
}

    .profile-summary-quickview .patient_pic .proChangeDp {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 99;
        right: 0;
        bottom: 0;
        text-align: center;
        line-height: 60px;
        -webkit-transition: all 2s ease-out;
        -moz-transition: all 2s ease-out;
        transition: all 2s ease-out
    }

.profile-summary-quickview .patient_info {
    margin-top: 10px;
    color: #008adc
}

    .profile-summary-quickview .patient_info h2 {
        font-size: 18px;
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        text-transform: capitalize;
    }
    /*if patient name long, then dot comes in patient name*/
    .profile-summary-quickview .patient_info p {
        margin-bottom: 10px;
        overflow: hidden;
        width: 100%;
        color: #333;
        font-weight: 500;
        font-size: 15px
    }

    .profile-summary-quickview .patient_info .recalldue span {
        color: #ff0000
    }

    .profile-summary-quickview .patient_info .btn-sm {
        margin-top: 5px;
        padding: 0.35rem 0rem;
        background: #008ADC;
        border-color: #008ADC;
        color: #fff
    }

    .profile-summary-quickview .patient_info .patient-info-input, #people, #people .nav {
        float: left;
        width: 100%
    }

        .profile-summary-quickview .patient_info .patient-info-input label {
            float: left;
            margin-top: 4px
        }

        .profile-summary-quickview .patient_info .patient-info-input .form-control {
            width: 55%;
            float: left
        }

.patient-form-builder-popup #SignatureFormId, .slick-slide img {
    max-width: 100%
}

.patient-form-builder-popup .signatureIcon {
    top: -20px !important
}

.contact-history-popup .signatureIcon, .pay-connect-tran-edit-popup .signatureIcon, .add-payment-popup .signatureIcon, .procedure-info-popup .signatureIcon {
    position: absolute;
    right: 13px;
    top: 4px;
    z-index: 999
}

    .contact-history-popup .signatureIcon i, .pay-connect-tran-edit-popup .signatureIcon i, .add-payment-popup .signatureIcon i, .procedure-info-popup .signatureIcon i {
        color: red;
        cursor: pointer
    }

.panel_fieldset, #fieldset_group {
    padding: 15px;
    margin-bottom: 10px
}

    .panel_fieldset fieldset, #fieldset_group fieldset {
        border: solid 1px #c5c5c5;
        padding: 15px;
        border-radius: 4px
    }

        .panel_fieldset fieldset legend, #fieldset_group fieldset legend {
            display: inline-block;
            padding: 10px;
            width: auto;
            font-size: 16px;
            font-weight: 500;
            margin-bottom: 0
        }

.family_user_details {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
    overflow: hidden;
    height: calc(100% - 2.2rem)
}

    .family_user_details p {
        margin-bottom: 4px;
        color: #6c7079;
        font-size: 14px
    }

    .family_user_details .family-per-photo {
        border-radius: 50%;
        position: relative;
        width: 80px;
        height: 80px;
        margin: 15px auto
    }

        .family_user_details .family-per-photo:before {
            content: "";
            position: absolute;
            left: -10px;
            top: -10px;
            z-index: 1;
            width: 100px;
            height: 100px;
            padding: 20px;
            border: solid 2px #f4f5f8;
            overflow: hidden;
            border-radius: 50%
        }

        .family_user_details .family-per-photo img {
            width: 80px;
            height: 80px;
            border-radius: 50%
        }

    .family_user_details p.family-per-name {
        font-size: 18px;
        color: #1b1c1e;
        font-weight: 500;
        margin-top: 15px;
        overflow: hidden
    }

    .family_user_details p a {
        color: #6c7079
    }

    .family_user_details p label {
        margin-bottom: 0;
        font-weight: 400
    }

    .family_user_details .btn {
        margin-top: 15px
    }

.addFamilyMember {
    color: #d0d0d0;
    margin-top: 25px;
    display: block
}

.panel-group.help_que {
    margin: 15px 0 10px;
    overflow: hidden
}

    .panel-group.help_que .panel {
        margin-bottom: 8px
    }

    .panel-group.help_que .panel-body, #search_model .modal-header {
        padding: 15px
    }

.help_que .panel .panel-title a {
    font-size: 14px;
    color: #666;
    padding: 5px
}

#help_content .m-section {
    margin: 10px 0
}

    #help_content .m-section .m-section__heading {
        font-size: 18px
    }

.treatment_tableView {
    margin-top: 15px;
    display: block
}

    .treatment_tableView .title_group {
        text-align: center;
        background: #008ADC;
        color: #fff
    }

.personalInfo .tab-content .edit-btn {
    top: -60px
}

.control-group label:not(.control-label) {
    margin: 0
}

.insurancePlansfieldset .edit-btn {
    top: -15px
}

#fieldset_group fieldset.personalInfo .insurance_plan_tab {
    margin-top: 8px
}

#fieldset_group fieldset.personalInfo .control-group, #team-schedule input[type="checkbox"] {
    margin-top: 0
}

#m_header_topbar.m-topbar .m-topbar__nav-wrapper {
    text-align: right
}

.dr_list label {
    line-height: 36px;
    display: inline-block;
    margin: 0 10px
}

    .dr_list label strong {
        font-weight: 500
    }

.pastelyelllow td {
    background: #fff6e9
}

.pastelblue td {
    background: #cbe8f7
}

.pastelpink td {
    background: #ffd1dc
}

#FormAddEncounter .m-scrollable .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical,
#FormAddEncounter .m-scrollable .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: -16px
}

body .k-window-titlebar {
    padding-bottom: 10px;
    padding-top: 10px;
    border-radius: 4px 4px 0 0
}

body .m-dropdown .m-dropdown__wrapper {
    z-index: 22222
}

#RxEdit_acPharmacyName_listbox li h3 {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 28px
}

#RxEdit_acPharmacyName-list .k-footer {
    padding: 0 10px;
    background: rgba(0,0,0,0.05)
}

#dvHeaderSubMenu .m-subheader__breadcrumbs li {
    float: left;
    word-break: break-word;
    padding-top: 9px;
    padding-bottom: 9px
}

    #dvHeaderSubMenu .m-subheader__breadcrumbs li #spBreadcrumbsPat, .m-nav-sticky .m-nav-sticky__item > a {
        display: inline-block
    }

    #dvHeaderSubMenu .m-subheader__breadcrumbs li:empty {
        display: none !important
    }

    #dvHeaderSubMenu .m-subheader__breadcrumbs li span:empty {
        display: none !important
    }

.word-break, .family-recall-popup .patient-name {
    word-break: break-word
}

body .images-page .col-exp, body .report-list-page .col-exp {
    width: 20px;
    height: 20px;
    background: #008ADC;
    display: inline-block;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    margin-left: 5px;
    line-height: 20px
}

#dvHeaderSubMenu .bd-patient-name {
    font-weight: 700;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    float: left;
    max-width: 30%;
    width: 100%
}

    #dvHeaderSubMenu .bd-patient-name span {
        word-break: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 100%;
        float: left
    }
/*if patient name long, then dot comes in breadcrum*/
#dvHeaderSubMenu .right-menu, .m-topbar__nav-wrapper .m-topbar__nav, .m-nav > .m-nav__item .m-nav__link-badge, .search_block {
    float: right
}

.group-prom-sec #pnlPermissionList {
    background: #fff
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper img {
    max-width: inherit !important;
    height: inherit !important;
    box-sizing: inherit !important;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile a.m-nav__link {
    font-size: 14px;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
    width: 24px !important;
    height: 24px !important;
}



@media (min-width:993px) {
    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link .m-menu__link-text {
        font-size: 14px;
    }

    .m-header-menu {
        margin: 0 auto
    }

    .m-page .m-page__container {
        padding: 0 15px
    }

    .m-header .m-header__top {
        height: 64px;
        z-index: 999;
    }

    .right-hdr-menu-sec ul.m-topbar__nav {
        height: auto
    }

    .right-hdr-menu-sec .noto_label {
        top: 0
    }

    .right-hdr-menu-sec ul.m-topbar__nav .m-dropdown__wrapper {
        padding-top: 14px
    }

    .right-hdr-menu-sec ul.m-topbar__nav .m-topbar__user-profile .m-dropdown__wrapper {
        padding-top: 5px
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content > li.m-menu__item .m-menu__heading, .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__heading {
        border-radius: 4px
    }

    .right-hdr-menu-sec ul.m-topbar__nav .m-dropdown__arrow {
        top: 5px
    }

    .right-hdr-menu-sec ul.m-topbar__nav .m-topbar__user-profile .m-dropdown__arrow {
        top: -5px
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content > li.m-menu__item:last-child {
        border-right: 0
    }

    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link {
        padding-left: 15px;
        padding-right: 15px
    }

    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu.m-menu__submenu--classic > .m-menu__subnav {
        padding: 10px 0
    }

    .reportRightSidebar #ReportViewer {
        height: 752px;
        overflow-y: scroll;
    }

    #ReportTreeView {
        height: 750px;
        overflow-y: scroll;
    }
}
/* end media */

.tp_patient_details h3 {
    font-size: 1.25rem;
    color: #008ADC
}

.tp_patient_details h4 {
    font-size: 1.15rem;
    font-weight: 500
}

.tp_patient_details p {
    margin-bottom: 5px;
    font-weight: 400
}

    .tp_patient_details p label {
        font-weight: 500;
        margin-bottom: 0
    }

.tp_patient_details a {
    color: #333
}

.tp_patient_details hr {
    margin-top: 3px;
    margin-bottom: 3px
}

.patient_info_blk label {
    width: 130px;
    font-size: 1.05rem;
    font-weight: 500
}

.ortho_images h2 {
    font-size: 1.7rem
}

.m-box-preview {
    background: #fff;
    border: 4px solid #f7f7fa;
    padding: 15px
}

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

.progressbar_widget .col-md-12 {
    padding-left: 5px;
    padding-right: 5px
}

.series_photos {
    width: 100%;
    margin-top: 20px
}

    .series_photos ul {
        margin: 8px 0 0;
        padding: 0;
        list-style: none
    }

    .series_photos li {
        float: left;
        width: 140px;
        margin-right: 15px;
        margin-bottom: 8px
    }

        .series_photos li img {
            width: 100%
        }

.m-scrollable .form-group {
    padding: 0 10px
}

h2.sub_title {
    font-size: 18px;
    color: #444
}

h3.sub_title {
    font-size: 16px;
    color: #7d7d7d
}

.family-recall-popup table.k-selectable table {
    border: 1px solid #ccc
}

@media (max-width:767px) {
    .offset_div {
        display: none
    }
}

.progressbar_widget, .treatment_tabs .m-tabs-line {
    margin-bottom: 10px
}

.treatment_tabs .nav-pills .nav-link {
    padding: .8rem .9rem;
    border-radius: 0;
    font-weight: 500;
    border: 1px solid #c5c5c5;
    border-bottom-width: 0
}

    .treatment_tabs .nav-pills .nav-link.active {
        border-color: #008ADC;
        background-color: #008ADC
    }

.add_apptList {
    margin-left: 10px
}

    .add_apptList p {
        font-size: 12px
    }

    .add_apptList ul {
        border: solid 1px #efefef;
        background: #f9f9f9;
        padding: 10px;
        margin: 0;
        list-style: none
    }

    .add_apptList li {
        margin-bottom: 3px;
        font-weight: 400
    }

        .add_apptList li a {
            color: #575962;
            line-height: 18px
        }

.patientInfo {
    margin-left: 10px
}

.btn_blk {
    text-align: center;
    margin-bottom: 10px
}

.treatment_tabs .input-group .k-dropdown-wrap.k-state-default {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

@media (min-width:1121px) and (max-width:1200px) {
    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
        width: auto
    }

    .main_menu > li a.nav__link .nav_link_wrapper {
        font-size: 10px
    }

    .m-header__top .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        font-size: 12px
    }

    .m-header__top .bootstrap-select.btn-group > .dropdown-toggle.btn-default {
        margin: 0 0 0 10px;
        padding: 8px 28px 8px 8px
    }

    .m-header__top .bootstrap-select.btn-group > .dropdown-toggle:after {
        right: 20px
    }
}

@media (min-width:993px) and (max-width:1200px) {
    body .procedures-button .btn {
        width: 32.1% !important;
    }

    .m-header {
        height: auto !important
    }

        .m-header .m-header__top {
            height: 66px
        }

    .main_nav {
        margin-top: 10px
    }

    .m-brand .m-brand__logo .m-brand__logo-wrapper {
        margin-top: 10px
    }

    .m-stack.m-stack--general.m-stack--inline {
        width: 100%
    }

    .m-stack.m-stack--general.m-stack--ver > .m-stack__item.m-brand__logo {
        clear: left;
        display: inline
    }

    .main_menu > li a.nav__link {
        padding: 3px
    }

    .m-topbar .m-topbar__nav.m-nav [class^="flaticon-"]:before {
        font-size: 22px
    }

    .m-topbar .m-topbar__nav.m-nav [class*=" flaticon-"]:before {
        font-size: 22px
    }

    .bootstrap-select.btn-group .dropdown-menu {
        min-width: 150px
    }

    .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
        width: 80px
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper > i {
        font-size: 20px
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper .noto_label {
        height: 16px;
        width: 16px;
        line-height: 16px;
        font-size: 10px
    }

    .m-brand .m-brand__logo .m-brand__logo-wrapper img {
        height: 36px
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
        width: 24px !important;
        height: 24px !important;
    }

    body #m_header_topbar.m-topbar .main_nav {
        width: 45%;
    }

    .m-header-menu .m-menu__nav > .m-menu__item .nav__link_icon .main_navIcon {
        vertical-align: top;
    }

    .main_menu > li a.nav__link .nav_link_wrapper {
        font-size: 10px
    }

    .m-header__top .bootstrap-select.btn-group .dropdown-toggle .filter-option {
        font-size: 12px
    }

    .m-header__top .bootstrap-select.btn-group > .dropdown-toggle.btn-default {
        margin: 0 0 0 10px;
        padding: 3px 20px 3px 5px
    }

    .m-header__top .bootstrap-select.btn-group > .dropdown-toggle:after {
        right: 20px
    }

    .m-nav.m-nav--inline {
        width: 100% !important
    }

        .m-nav.m-nav--inline.nav-sub > .m-nav__item {
            height: auto
        }

    .profile-summary-quickview .patient_info h3 {
        font-size: 13px
    }

    .profile-summary-quickview .patient_pic .proChangeDp {
        display: block !important
    }

    .patPicUpload div.k-window {
        max-width: 500px;
    }

    body .k-scheduler-toolbar > .k-scheduler-tools {
        right: 12px !important;
    }

    #divCasesBenefits .k-checkbox + .k-checkbox-label {
        margin-left: 5px !important;
        float: right;
        width: 82px
    }

    #divScheCommunication .btn-refresh {
        padding-left: 0 !important;
    }

        #divScheCommunication .btn-refresh button {
            padding: 10px 4px !important;
        }
}
/* end media */

@media (max-width:992px) {
    .m-header {
        height: auto !important
    }

    .m-stack.m-stack--general {
        table-layout: auto
    }

    .search_block .search_feild {
        width: 100%
    }

    .m-brand .m-brand__logo .m-brand__logo-wrapper {
        margin-left: 50px;
    }

    .m--visible-tablet-and-mobile-inline-block {
        position: absolute;
        top: 12px;
        left: -10px
    }

        .m--visible-tablet-and-mobile-inline-block .flaticon-more:before {
            content: "\f0c9";
            font: normal normal normal 14px/1 FontAwesome;
            font-size: inherit;
            text-rendering: auto;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-size: 16px
        }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
        width: 2.5rem;
        height: 2.5rem
    }

    .m-topbar--on .m-topbar {
        margin-top: -50px;
        z-index: inherit;
        box-shadow: none
    }

    #m_header_topbar .main_nav {
        display: none
    }

    .m-topbar--on #m_header_topbar .main_nav {
        position: absolute;
        width: 280px;
        left: 8px;
        top: 28px;
        background: #fff;
        z-index: 9999;
        text-align: left;
        border: solid 2px #c5c5c5;
        display: block
    }

        .m-topbar--on #m_header_topbar .main_nav .m-aside-header-menu-mobile {
            position: relative !important;
            top: auto;
            bottom: auto;
            overflow: inherit;
            right: auto;
            width: 100% !important
        }

            .m-topbar--on #m_header_topbar .main_nav .m-aside-header-menu-mobile > li a.nav__link span {
                text-align: left !important
            }

    .m-topbar--on .m-aside-header-menu-mobile ul.main_menu {
        padding: 10px;
        margin: 0
    }

    .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li, .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li a {
        width: 100%;
        float: left;
        margin: 1px 0
    }

        .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li > .m-menu__link {
            padding: 5px 10px 5px 0;
            height: auto
        }

            .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li > .m-menu__link .flaticon-social-1:before {
                font-size: 22px
            }

            .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li > .m-menu__link i {
                font-size: 20px;
                margin-top: 1px
            }

            .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li > .m-menu__link .nav__link_icon {
                text-align: left;
                float: left;
                width: 32px
            }

            .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li > .m-menu__link .nav_link_wrapper {
                text-align: left;
                float: left;
                line-height: 24px
            }

    .client_logo {
        margin-top: 0;
        margin-left: 10px
    }

    .m-brand .m-brand__logo .m-brand__logo-wrapper img {
        height: 45px
    }

    .m-header .m-brand {
        margin-left: 20px
    }

    .m-footer .m-footer__nav {
        float: right !important
    }

    body .lblTaskList {
        width: 100%;
        margin-top: 0;
        margin-bottom: 10px
    }

        body .lblTaskList:empty {
            margin-bottom: 0
        }

    .perio-page .calc_numericBox .font12 {
        font-size: 10px !important
    }

    .form-add-patient-content .other-btn-sec {
        margin-top: 10px
    }

    .main_menu > li {
        height: auto;
        display: initial
    }

        .main_menu > li a.nav__link .nav__link_icon i.flaticon-users-2 {
            background: #008ADC;
            border-radius: 16px;
            width: 23px;
            height: 23px;
            color: #fff;
            line-height: 23px;
            text-align: center
        }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow, .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__notifications.m-topbar__notifications--img.m-dropdown--arrow .m-dropdown__arrow {
        display: none
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__notifications.m-topbar__notifications--img .m-dropdown__wrapper {
        padding-top: 0
    }

    .family-recall-popup table.k-selectable {
        table-layout: inherit
    }

    .m-checkbox, .m-radio {
        line-height: 20px
    }

    .perioChartPanel-fixed {
        left: 25px !important;
        right: 55px !important
    }

    .profile-summary-quickview .patient_pic .proChangeDp {
        display: block !important;
    }

    .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__content .m-menu__inner .m-menu__link {
        height: 30px;
        padding: 8px 20px 0 45px !important;
    }

    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__heading {
        border-width: 2px !important;
        margin-top: 10px;
        margin-top: 10px;
        display: block;
        float: left;
    }
}
/* end media */

@media (min-width:768px ) and (max-width:992px) {
    .sm-w90 {
        width: 700px !important;
        margin-left: -350px !important;
        left: 50% !important
    }

    .sm-text-right {
        text-align: right !important
    }

    .sm-btn-group .btn-block {
        display: inline-block !important;
        width: auto;
        margin-top: 0
    }

    .patient_info .btn {
        line-height: 15px;
        padding: 5px 10px
    }

    .profile-summary-quickview .patient_info h3 {
        margin-bottom: 5px
    }

    .m-nav.m-nav--inline > .m-nav__item {
        height: auto
    }

    #divscheduler #liTextTemplates_Header {
        top: 17px;
        right: 164px;
    }

    #divTopHeaderContent.hPatientPortal #m_header_topbar.m-topbar .m-topbar__nav-wrapper {
        margin-top: 65px;
        float: left;
        width: 100% !important;
    }

    #divTopHeaderContent.hPatientPortal .m-topbar .m-topbar__nav.m-nav {
        width: 100%;
    }

    #divTopHeaderContent.hPatientPortal .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile {
        width: 300px;
    }

    #divTopHeaderContent.hPatientPortal .m-topbar__nav.m-nav > .m-nav__item.client_logo {
        float: right
    }

    #divTopHeaderContent.hPatientPortal .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile a.m-nav__link span,
    #divTopHeaderContent.hPatientPortal .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__username {
        line-height: 40px !important;
    }
}

@media only screen and (min-device-width: 1020px) and (max-device-width: 1200px) {
    body .procedures-button .btn {
        width: 22% !important;
    }
}

/* end media */
.panel_fieldset {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

    .panel_fieldset .personalInfo {
        padding-top: 0
    }

    .panel_fieldset .personalInfo_blank {
        padding: 15px
    }

    .panel_fieldset .form-group label:not([class="m-checkbox"]) {
        font-weight: 500;
        padding-right: 0;
        padding-left: 5px
    }

    .panel_fieldset select.form-control:not([size]):not([multiple]) {
        padding-left: 8px
    }

.tc_quick_btn {
    margin-bottom: 5px;
}

    .tc_quick_btn a {
        display: inline-block;
        padding: 5px;
        border-radius: 4px;
        line-height: 26px;
    }

        .tc_quick_btn a i {
            vertical-align: middle
        }

.clearfix {
    clear: left
}

.link2 {
    color: #333;
    font-weight: 500
}

body .oc_encounters_tabs .nav.nav-tabs .nav-link.active, body .chart_tabs .nav.nav-tabs .nav-link.active, body .chart_tabs .nav-pills .nav-link.active {
    color: #fff;
    background-color: #008ADC;
    border-color: #008ADC
}

.oc_encounters_tabs .nav.nav-tabs .nav-link, .chart_tabs .nav.nav-tabs .nav-link {
    border-color: #c5c5c5
}

.chart_tabs .tab-content {
    padding: 0 5px 5px;
    border: solid 1px #c5c5c5;
    padding-top: 5px
}

.chart_tabs .nav.nav-tabs {
    margin-bottom: 0;
    border-bottom: solid 1px #c5c5c5
}

.tp_patient_details .panel_fieldset .personalInfo_blank .patient_info, .tp_patient_details .panel_fieldset .patient_info {
    height: calc(100% - 2.2rem)
}

.tp_patient_details .panel_fieldset .personalInfo_blank {
    height: calc(100%)
}

.tp_patient_details .panel_fieldset .personalInfo {
    height: calc(100% + 20px);
    margin-top: -20px
}

.dropdown_palmer {
    margin: 5px 0 0 5px
}

.ortho_img_popup {
    width: 100%;
    float: left
}

.ortho_img_popup_btns {
    width: 100%;
    overflow: hidden
}

    .ortho_img_popup_btns ul {
        width: 100%;
        list-style: none;
        margin: 0;
        padding: 0 0 10px;
        border-bottom: solid 1px #c5c5c5;
        float: left
    }

    .ortho_img_popup_btns li {
        margin: 0 6px;
        padding: 0;
        width: auto;
        float: left
    }

        .ortho_img_popup_btns li a {
            color: #ccc;
            text-decoration: none
        }

            .ortho_img_popup_btns li a i {
                font-size: 24px;
                color: #666
            }

            .ortho_img_popup_btns li a .fa {
                font-size: 22px;
                margin-top: 8px
            }

        .ortho_img_popup_btns li.close_popup {
            float: right
        }

.lastActivity {
    position: fixed;
    bottom: 0;
    left: 20px;
    z-index: 10000
}

    .lastActivity .nav-toggle {
        float: left;
        clear: both; /*position:absolute;top:-36px;right:0;*/
        background: #ffa62c;
        border-color: #ffa62c;
        border-radius: 4px 4px 0 0;
        min-width: 150px;
        text-align: center
    }

    .lastActivity .lastActivityContent {
        width: 350px;
        min-width: 350px;
        padding: 5px;
        float: left;
        clear: left;
        background: #fff;
        border: solid 2px #c5c5c5;
        word-break: break-word
    }

        .lastActivity .lastActivityContent table, .tp_patient_details .panel_fieldset {
            margin-bottom: 0
        }

.profile-summary-quickview.add_appt .patient_info label {
    margin-bottom: 0;
    font-weight: 500;
    width: 40%;
    text-align: right;
    padding-right: 2%;
    float: left
}

.profile-summary-quickview.add_appt .patient_info span:not(.required) {
    word-break: break-word;
    display: block;
    overflow: hidden
}

#acPatientSche_validationMessage {
    margin-top: 4px !important;
    float: left;
    padding: 7px;
}

.add_patient_blk fieldset, .m-portlet {
    padding: 0 20px
}

.m-tooltip.tooltip.show {
    z-index: 99999
}

#accordion .card-header .btn-link {
    display: block;
    width: 100%;
    text-align: left;
    color: #fff;
    font-size: 18px;
    padding: 3px 0
}

    #accordion .card-header .btn-link:focus {
        text-decoration: none
    }

    #accordion .card-header .btn-link:active {
        text-decoration: none
    }

#accordion .card-header {
    background-color: #008ADC;
    border-bottom: 1px solid #2d5c8c
}

    #accordion .card-header .guarantor_text {
        float: right;
        font-size: 12px;
        line-height: 22px
    }

a.acco_addFam {
    display: block;
    text-align: right;
    line-height: 35px;
    font-weight: 500;
    clear: left;
    margin: 5px 0
}

h3.insu_title {
    font-size: 15px;
    border-bottom: solid 1px #c5c5c5;
    margin-bottom: 15px;
    padding: 0 0 15px;
    font-weight: 500
}

table.fam_relation i:before {
    font-size: 15px;
    font-weight: 700
}

.setPriority {
    float: right !important
}

#insuVerifi_list .m-form__group {
    padding: 0 8px 10px
}

.table .form-control-sm {
    padding: 2px
}

.addAppointment_model {
    padding: 0 25px
}

.form-group .k-autocomplete {
    border: 0
}

    .form-group .k-autocomplete .k-input {
        display: block;
        width: 100%;
        border-width: 0;
        padding: .65rem .85rem;
        font-size: 1rem;
        line-height: 1.25;
        color: #495057;
        background-color: #fff;
        background-image: none;
        background-clip: padding-box;
        border: solid 1px #ebedf2;
        border-radius: .25rem;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        box-shadow: none;
        height: 38px
    }

.m-portlet-2col {
    width: 100%
}

    .m-portlet-2col .m-portlet-head-right {
        display: table-cell;
        text-align: right;
        vertical-align: middle;
        width: 78%
    }

        .m-portlet-2col .m-portlet-head-right label, .m-portlet-2col .m-portlet-head-right .m-checkbox {
            margin-bottom: 0;
            margin-top: 8px
        }

    .m-portlet-2col.txplanDeta .m-portlet__head-tools {
        width: 400px
    }

        .m-portlet-2col.txplanDeta .m-portlet__head-tools label {
            font-weight: 500
        }

.teeth_chart {
    max-width: 100%;
    padding: 15px 5px 15px 25px;
    margin: 0 auto;
    position: relative
}

#dvOrthoTeethChart.teeth_chart {
    padding: 15px 5px
}

.teeth_chart:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 50%;
    background: url(../images/teeth_chartHorLine.jpg) repeat-x 0 50%;
    height: 2px;
    margin-top: -4px
}

.teeth_chart table td {
    color: #fff;
    font-size: 11px
}

    .teeth_chart table td img {
        max-width: 100%;
        max-height: 88px
    }

.insurance-plan-edit-poopup #IPE_panelPat[style="display:none;"] ~ .col-lg-5 .subscriberInfo_content {
    border-left: none;
    padding-left: 0
}

.family-per-name small.guarantor_fam {
    background: #008ADC;
    border-radius: 4px;
    color: #fff;
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    display: inline-block;
    position: relative;
    top: -5px
}

.col-form-label {
    font-size: 13px;
    line-height: 22px;
    text-align: right
}

.pdngT_5 {
    padding-top: 5px !important
}

#generalChart .tc_quick_btn a {
    margin-left: 0;
    line-height: 18px
}

    #generalChart .tc_quick_btn a i:before {
        font-size: 15px
    }

.medicaid_id .m-input {
    padding-left: 6px;
    padding-right: 6px
}

.medicaid_id .medicaid_state label {
    float: left;
    width: 25%;
    text-align: left
}

.medicaid_id .medicaid_state .form-control {
    float: right;
    width: 70%
}

span.sep_line {
    position: absolute;
    top: 0;
    right: -2px
}

.treatment_tabs.tx_activities .m-portlet__head {
    border: none;
    display: inline-block;
    float: right;
    position: absolute;
    right: 0;
    top: -8px;
    width: 70%
}

#fieldset_group.collapse_bar, .patient_details #fieldset_group, .btn-no-pdng {
    padding: 0
}

    .patient_details #fieldset_group fieldset .control-label {
        padding-top: 0;
        padding-bottom: 0
    }

    .patient_details #fieldset_group .form-horizontal .row {
        margin-bottom: 2px;
        padding: 0 10px
    }

    .patient_details #fieldset_group fieldset .text_red, .patient_details #fieldset_group fieldset .text_red .control-label, .font_red {
        color: red
    }

#procedures .slick-prev, #procedures .slick-next {
    top: -15px
}

.btn.btn-style1 {
    padding: .35rem .5rem;
    background: #969494;
    border: none
}

.nowrap {
    white-space: nowrap
}

#mCSB_3_container .table.table-striped tbody td, #mCSB_2 .table-striped tbody tr, .show_operatory, .k-selectable tr {
    cursor: pointer
}

.collapse_bar .show_operatoryicon.open .fa-chevron-down {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.panel-heading h5.panel-title {
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    line-height: 35px;
    margin-bottom: 0;
    background: #008ADC;
    text-align: center;
    display: block
}

.collapse_bar .show_operatoryicon {
    position: absolute;
    right: 24px;
    top: 18px
}

    .collapse_bar .show_operatoryicon .fa {
        padding: 4px 0 5px 5px;
        text-align: center;
        border: solid 1px #c5c5c5;
        border-radius: 4px;
        background: #fff;
        display: block
    }

.collapse_bar .panel-body {
    display: none
}

.dashboard_operatory {
    padding-bottom: 10px
}

.Operatory_content .Operatory_item {
    background: #f4f5f8;
    padding: 2px 24px 0 5px;
    min-height: 55px
}

    .Operatory_content .Operatory_item h4 {
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 5px;
        display: block;
        font-size: 11px
    }

    .Operatory_content .Operatory_item p {
        font-size: 12px;
        margin-bottom: 0;
        white-space: nowrap
    }

    .Operatory_content .Operatory_item .fa {
        position: absolute;
        right: 5px;
        top: 5px
    }

.carousel {
    margin-bottom: 0;
    padding: 0 40px 30px
}

.carousel-control {
    left: -12px
}

    .carousel-control.right {
        right: -12px
    }

.carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -19px
}

    .carousel-indicators li {
        background: silver
    }

    .carousel-indicators .active {
        background: #333
    }

.Operatory_content .owl-theme .owl-nav {
    position: absolute;
    right: 0;
    top: -43px;
    font-size: 26px;
    margin-top: 0
}

    .Operatory_content .owl-theme .owl-nav [class*=owl-]:focus {
        background: none;
        border: none;
        outline: none
    }

    .Operatory_content .owl-theme .owl-nav button span {
        color: #fff;
        padding-left: 3px;
        padding-right: 3px
    }

#ScheTabs .Operatory_content .owl-theme .owl-nav button span {
    color: #999;
}

#ScheTabs .Operatory_content .owl-theme .owl-nav button:hover span {
    color: #ffa62c;
}

.Occupied_box .table-striped {
    margin-bottom: 0
}

    .Occupied_box .table-striped tbody tr td, .font12, .progress {
        font-size: 12px
    }

ortho
.sidebar_right .table-striped tbody tr.dr_01, .Operatory_content .owl-item .item.dr_01 .Operatory_item {
    background: #ddf9ce
}

.sidebar_right .table-striped tbody tr.dr_02, .Operatory_content .owl-item .item.dr_02 .Operatory_item {
    background: #dff1ff
}

.sidebar_right .table-striped tbody tr.dr_03, .Operatory_content .owl-item .item.dr_03 .Operatory_item {
    background: #f7ffb5
}

.sidebar_right .table-striped tbody tr.dr_04, .Operatory_content .owl-item .item.dr_04 .Operatory_item {
    background: #f1ff7b
}

.sidebar_right .table-striped tbody tr.dr_05, .Operatory_content .owl-item .item.dr_05 .Operatory_item {
    background: #ffdfb1
}

#fieldset_group.add_patient_blk {
    padding: 10px 0
}

.add-appt-widget {
    width: 100%;
    margin-bottom: 0;
    float: left;
    clear: left
}

    .add-appt-widget .col-form-label {
        text-align: right;
        font-weight: 500;
        padding-left: 0;
        padding-right: 0
    }

    .add-appt-widget .form-group {
        margin-bottom: 10px
    }

    .widget_sec h2.sub_title, .add-appt-widget h2.sub_title {
        font-size: 15px;
        margin-bottom: 10px;
        overflow: hidden;
        border-bottom: solid 1px #c5c5c5;
        padding-bottom: 10px
    }

.text-style2 {
    font-size: 18px;
    border-bottom: solid 1px #c5c5c5;
    padding-bottom: 8px;
    margin-bottom: 10px;
    overflow: hidden;
    color: #008ADC
}

.add-appt-widget h2.sub_title .m-checkbox {
    font-size: 12px;
    line-height: 20px
}

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

.m-checkbox.lock_checkbox {
    padding-left: 22px
}

#enter-treatment .m-radio {
    margin-bottom: 8px
}

.k-scheduler .k-scrollbar-v .k-scheduler-header-wrap .k-scheduler-table th:not(.k-slot-cell) { /*display:none*/
}

.table_style2 th, .table_style2 td {
    padding: 12px 3px
}

.table.table-striped .tfoot td {
    background: #666;
    color: #fff
}

.m-checkbox .k-checkbox-label {
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 1px solid #c5c5c5;
    position: relative;
    border-radius: 4px;
    padding: 0
}

    .m-checkbox .k-checkbox-label:before {
        border: none;
        box-shadow: none
    }

    .m-checkbox .k-checkbox-label:focus:before {
        border: none;
        box-shadow: none
    }

    .m-checkbox .k-checkbox-label:active:before {
        border: none;
        box-shadow: none
    }

.m-checkbox .k-checkbox:checked + .k-checkbox-label:before {
    box-shadow: none;
    position: absolute;
    color: #7281a4;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -8px;
    width: 5px;
    height: 10px;
    border-style: solid;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-color: #7281a4;
    content: "";
    border-radius: 0
}

.k-widget, .k-widget *, .k-widget:before {
    -webkit-box-sizing: inherit !important;
    box-sizing: inherit !important
}

.k-window-titlebar.k-header {
    display: block
}

.m-portlet {
    box-shadow: none
}

.k-dropdown { /*width:100%!important;*/
    background: #fff
}

.k-dropdown-wrap .k-input {
    padding: 0 !important;
    text-indent: 8px !important
}

.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select {
    line-height: 2.021429em !important
}

.form-control.m-input.k-autocomplete, .form-control.m-input.k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input, .k-multiselect .k-multiselect-wrap, .form-control, .k-autocomplete {
    border-radius: 4px
}

.form-control {
    padding: .65rem .8em
}

#chat_widget .k-chat {
    height: 424px;
    border-color: #c5c5c5
}

table.fam_relation a.add_link, .profile-summary-quickview.add_appt, body .k-listbox .k-item.k-state-selected {
    color: #333
}

body .k-widget.k-listbox .k-item.k-state-selected {
    background-color: #008ADC;
    color: #fff
}

.k-popup .k-list > .k-state-selected {
    background: #008ADC !important;
    color: #fff !important;
    box-shadow: none !important;
    border: none !important
}

.k-list-optionlabel.k-state-selected.k-state-focused {
    background: #008ADC !important;
    color: #fff !important;
    box-shadow: none !important;
    border: none !important
}

.k-list > .k-state-selected.k-state-focused {
    background: #008ADC !important;
    color: #fff !important;
    box-shadow: none !important;
    border: none !important
}

.k-list .k-item.k-state-selected.k-state-focused {
    box-shadow: none !important;
    border: none
}

#fieldset_group fieldset legend label {
    display: inline-block;
    padding: 10px;
    width: auto;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 5px;
    border: 0
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-listbox, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    width: 100%
}

.loding_box {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.8);
    text-align: center
}

.loding_box_content {
    position: absolute;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    width: 180px;
    height: 90px;
    color: #fff;
    margin: -45px 0 0 -90px;
    background-size: 60px auto;
    text-align: center;
    background-image: url(../images/loader.gif) !important;
    background-repeat: no-repeat;
    background-position: center top !important
}

    .loding_box_content .loding_msg {
        font-size: 18px;
        color: #fff;
        padding-top: 90px;
        display: block
    }

.page-template {
    font-family: "DejaVu Sans","Arial",sans-serif;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

    .page-template .header {
        position: absolute;
        top: 30px;
        left: 30px;
        right: 30px;
        border-bottom: 1px solid #888;
        color: #888
    }

    .page-template .footer {
        position: absolute;
        bottom: 30px;
        left: 30px;
        right: 30px;
        border-top: 1px solid #888;
        text-align: center;
        color: #888
    }

    .page-template .watermark {
        font-weight: 700;
        font-size: 400%;
        text-align: center;
        margin-top: 30%;
        color: #aaa;
        opacity: .1;
        transform: rotate(-35deg) scale(1.7,1.5);
        -webkit-transform: rotate(-35deg) scale(1.7,1.5)
    }

.k-textbox.form-control {
    width: 100%;
    border-radius: 4px
}

.required_filed label:after {
    position: absolute;
    right: -8px;
    top: 0;
    content: "*";
    color: red
}

.form-control.k-widget {
    width: 100%;
    background: transparent
}

.profile-summary-quickview .table {
    margin-bottom: 0;
    border-color: #c5c5c5
}

.field-validation-error {
    color: #333;
    background-color: #f2dede;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 5px;
    border-radius: 15px;
    position: relative
}

.k-event.k-event-inverse {
    overflow: visible !important
}

.k-scheduler-content .k-event.k-event-inverse .btn-group {
    height: 100%;
    display: block
}

    .k-scheduler-content .k-event.k-event-inverse .btn-group .patient-template {
        height: 100%;
        padding: 0;
        display: block;
        width: 100%;
        overflow: hidden;
        color: #444
    }

        .k-scheduler-content .k-event.k-event-inverse .btn-group .patient-template h5 {
            color: #fff;
            font-size: 12px;
            background: rgba(0,0,0,0.3);
            padding: 4px;
            border-radius: 4px 4px 0 0
        }

    .k-scheduler-content .k-event.k-event-inverse .btn-group .btn.dropdown-toggle:after {
        display: none
    }

.k-scheduler-weekview .k-scheduler-content .k-event.k-event-inverse .btn-group .patient-template {
    width: 100%;
    padding: 0
}

.k-filter-row th, .k-grid-header th.k-header {
    white-space: normal
}

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

#summary_sec .patient_info, .modal .modal-content .modal-body, .modal .modal-content .modal-footer, .modal .modal-content .modal-header {
    padding: 10px !important
}

#billableCodes_model .modal-dialog {
    max-width: 750px
}

.tc_quick_btn .copyToImg {
    margin-left: 0;
    float: left
}

.oc_encounters_tabs .tab-content {
    min-height: 406px
}

#orthoChart .patient_info_blk, #generalChart .patient_info_blk, .teeth_chart td, .teeth_chart td img {
    position: relative
}

.quick-note {
    position: absolute;
    right: 0;
    top: -5px;
    width: 32px;
    height: 32px;
    background: #fff;
    text-align: center;
    line-height: 32px
}

    .quick-note a {
        color: #ffb300
    }

.copytoImages {
    position: absolute;
    left: 50%;
    top: 6px;
    margin-left: -5px;
    width: 36px;
    height: 36px;
    z-index: 5;
    font-size: 11px
}

#change_password .m-login.m-login--2 .m-login__wrapper {
    padding: 2% 2rem 1rem
}

div.k-window {
    position: fixed !important;
    border-radius: 4px
}

.sec_widget_content {
    padding: 0 5px;
    display: block
}

.k-event .dropup .sec_widget12 h5 {
    color: #fff; /*background:#008adc !important;*/
    background: #00000050 !important;
    padding-bottom: 4px
}

.sec_widget12 .sec_widget_content p {
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    line-height: 16px;
    color: #444
}

.btn-no-pdng .fa {
    font-size: 18px
}

.input-group.modifiers_group input {
    padding: .65rem .55rem
}

.k-grid table tr.k-alt {
    background: rgba(0,0,0,.01)
}

body .table-striped tbody tr:nth-of-type(2n+1),
body .table-striped tbody tr:nth-of-type(odd) { /*background-color:rgba(0,0,0,.03)*/
    background: rgb(255 166 44 / 10%);
}

.table .k-grid-content .k-grouping-row {
    background: #008adc;
    color: #fff;
}

    .table .k-grid-content .k-grouping-row .k-icon,
    .table .k-grid-content .k-grouping-row .k-reset {
        color: #fff;
    }

.k-gantt .k-treelist .k-alt.k-state-selected, .k-gantt .k-treelist .k-alt.k-state-selected > td, .k-gantt .k-treelist .k-state-selected, .k-gantt .k-treelist .k-state-selected td, .k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected, .k-listview > .k-state-selected, .k-marquee-color, .k-scheduler .k-today.k-state-selected, .k-state-selected.k-line {
    color: #000 !important
}

div.k-grid tr.k-state-selected td {
    border-color: transparent;
    box-shadow: none
}

#scheduler.k-scheduler-content {
    overflow: inherit !important
}

.apvt_tabs.k-tabstrip .k-content {
    padding: 10px 20px
}

.apvt_tabs.k-tabstrip {
    border: none;
    background: none;
    padding: 0;
    box-shadow: none;
    margin-bottom: 0 !important
}

    .apvt_tabs.k-tabstrip:focus {
        box-shadow: none
    }

    .apvt_tabs.k-tabstrip .k-state-active {
        border-color: #ebedf2
    }

.apvt_tabs .k-tabstrip-items .k-loading {
    border-top: none
}

.apvt_tabs.k-tabstrip li.k-item {
    margin-right: 6px;
    width: auto;
    padding: .15rem 1rem;
    text-transform: none
}

.apvt_tabs .k-tabstrip-items .k-item {
    background: none;
    border-color: #c5c5c5
}

.apvt_tabs.k-tabstrip-top .k-tabstrip-items .k-state-active {
    background: #008ADC;
    border-color: #008ADC
}

.owl-carousel.owl-drag .owl-item .Operatory_item {
    position: relative;
    color: #575962;
    border-radius: 0 !important;
    word-break: break-word;
    padding-right: 20px;
    min-height: 54px;
}

.sidebar_right .k-listbox .k-list-scroller {
    border: none
}

.k-tooltip .hov_alert {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

    .k-tooltip .hov_alert h3 {
        display: block;
        padding-bottom: 0;
        line-height: 30px;
        padding-left: 10px;
        border: none;
        word-break: break-word
    }

.apvt_tabs.k-tabstrip-top .k-tabstrip-items .k-state-active span {
    color: #fff;
}

.personalInfo .insurance_plan_tab .k-tabstrip .k-tabstrip-items li.k-link {
    color: #fff;
    padding: 4px 15px;
    background: #4edfc;
    color: #008adc
}

.patient-template .hov_sec_icons {
    right: 3px;
    top: 2px
}

.hov_schedulecol2 {
    padding-top: 30px
}

.hov_sec_icons i {
    margin-left: 1px
}

.k-scheduler-content .k-event-actions .k-event-delete .k-i-close:before {
    font-size: 15px;
}

.hov_sec_icons i:before {
    font-size: 9px
}

.k-scheduler-content .k-event-actions .k-event-delete .k-icon, .hov_sec_icons i.sec__icon,
.hov_sec_icons svg.visiticon {
    background: #fff;
    height: 17px;
    width: 17px;
    text-align: center;
    border-radius: 4px;
    line-height: 17px;
    margin-left: 1px;
    float: left;
    margin-right: 1px;
    margin-top: 1px
}

.hov_sec_icons svg.visiticon {
    padding: 1px;
}

.k-scheduler-content .k-event-actions {
    top: 1px
}

    .k-scheduler-content .k-event-actions .k-event-delete {
        display: block !important;
        color: #444
    }

.k-grid-content .k-grid-norecords .alert-warning:not(.m-alert--outline) {
    background: none;
    color: red;
    border: none;
    padding-top: 35px
}

    .k-grid-content .k-grid-norecords .alert-warning:not(.m-alert--outline) h6 {
        padding: 15px 0;
        font-style: italic
    }

.k-pdf-export .k-grid-toolbar, .k-pdf-export .k-pager-wrap {
    display: none
}

.category-label {
    vertical-align: middle;
    padding-right: .5em
}

.refreshBtnContainer {
    display: inline-block;
    font-weight: 700;
    font-size: 15px;
    margin-top: 10px
}

.toolbar {
    float: right
}

.button_size_group .btn {
    margin-right: 8px;
    margin-top: 10px
}

.control-label {
    padding-right: 0;
    margin-bottom: 0;
    line-height: 34px;
    color: #444;
    font-weight: 400
}

.m-checkbox, .m-radio {
    color: #212529;
    font-weight: 400;
    line-height: 22px
}

body, html {
    font-weight: 400
}

    body .k-calendar > .k-header {
        background-color: #008adc
    }

    body .k-calendar td.k-state-selected .k-link {
        border-color: #008ADC;
        background-color: #008ADC
    }

    body .k-calendar .k-today .k-link {
        color: #008ADC;
        box-shadow: inset 0 0 0 1px #008ADC
    }

/*----------Icon-------*/

.sp-icon {
    width: 28px;
    height: 28px;
    background: url(../images/spirit-icon.png) no-repeat;
    display: inline-block;
    background-size: 75px auto
}

#li_patientHeaderMenu > .nav__link .sp-icon.users {
    background-size: 90px auto;
    background-position: 0 0;
    width: 33px;
}

#li_patientHeaderMenu.m-menu__item--hover > .nav__link .sp-icon.users, #li_patientHeaderMenu > .nav__link.active .sp-icon.users,
.m-menu__item--hover .sp-icon.users {
    background-position: -53px 0
}

.sp-icon.admin {
    background-position: 0 -32px
}

.m-menu__item--hover .sp-icon.admin {
    background-position: -44px -27px
}

#li_AdminHeaderMenu .nav__link .sp-icon.admin {
    background-position: 0 -36px;
    background-size: 92px auto;
    width: 33px;
    height: 33px;
}

#li_AdminHeaderMenu.m-menu__item--hover > .nav__link .sp-icon.admin {
    background-position: -55px -36px
}

.sp-icon.bell {
    background-position: 0 -57px
}

.sp-icon.cases {
    background-size: 83px auto;
    background-position: -4px -96px
}

.sp-icon.blockouts {
    background-position: -4px -115px
}

.sp-icon.slips {
    background-position: -3px -201px
}

.sp-icon.medical {
    background-position: -3px -171px
}

.sp-icon.recall {
    background-position: -3px -201px
}

.sp-icon.forms {
    background-position: -3px -230px
}

.sp-icon.procedure {
    background-position: -3px -257px
}

.sp-icon.conditions {
    background-position: -3px -285px
}

.sp-icon.diagnosis {
    background-position: -3px -288px
}

.sp-icon.medications {
    background-position: -3px -315px
}

.sp-icon.fee {
    background-position: -3px -342px
}

.sp-icon.manager {
    background-position: -3px -371px
}

.sp-icon.insurance {
    background-position: -3px -400px
}

.sp-icon.batch {
    background-position: -4px -430px
}

.sp-icon.financial {
    background-position: -3px -458px
}

.sp-icon.status {
    background-position: -1px -489px
}

.sp-icon.pharmacies {
    background-position: -3px -518px
}

.sp-icon.laboratories {
    background-position: -5px -545px
}

.sp-icon.referrals {
    background-position: -4px -606px
}

.sp-icon.letters {
    background-position: -4px -632px
}

.sp-icon.practice {
    background-position: -4px -663px
}

.sp-icon.providers {
    background-position: -4px -693px
}

.sp-icon.employees {
    background-position: -4px -719px
}

.sp-icon.sites {
    background-position: -4px -750px
}

.sp-icon.audit {
    background-position: -4px -777px
}

.sp-icon.so {
    background-position: -4px -803px
}

.sp-icon.sb {
    background-position: -4px -833px
}

.sp-icon.at {
    background-position: -4px -862px
}

.sp-icon.ovt {
    background-position: -4px -891px
}

.sp-icon.aqp {
    background-position: -4px -919px
}

.sp-icon.rl {
    background-position: -4px -947px
}

.sp-icon.tpo {
    background-position: -3px -975px
}

.sp-icon.dcqp {
    background-position: -3px -1004px
}

.sp-icon.ocl {
    background-position: -3px -1066px
}

.sp-icon.as {
    background-position: -3px -1092px
}

.sp-icon.tt {
    background-position: -3px -1122px
}

.sp-icon.ats {
    background-position: -3px -1149px
}

.sp-icon.io {
    background-position: -3px -1178px
}

.sp-icon.iv {
    background-position: -3px -1205px
}

.sp-icon.ic {
    background-position: -3px -1235px
}

.sp-icon.fc {
    background-position: -3px -1264px
}

.sp-icon.clearing {
    background-position: -3px -1295px
}

.sp-icon.bo {
    background-position: -3px -1320px
}

.sp-icon.amp {
    background-position: -3px -1351px
}

.sp-icon.rn {
    background-position: -3px -1379px;
    height: 30px !important
}

.sp-icon.rs {
    background-position: -3px -1402px;
    margin-bottom: -3px
}

.sp-icon.lc {
    background-position: -3px -1435px;
    margin-bottom: -3px;
    width: 20px
}

.sp-icon.rx {
    background-position: -3px -1470px;
    margin-bottom: -3px;
    width: 20px
}

@media (min-width:1258px) {
    .profile-summary-quickview .patient_info .btn-sm:hover {
        background: #008adc;
        border-color: #008adc
    }

    .m-nav > .m-nav__item:hover > .m-nav__link .m-nav__link-text {
        color: #72a9e0
    }

    body .k-listbox .k-item:hover:not(.k-state-disabled) {
        color: #333
    }

    .lastActivity .nav-toggle:hover {
        background: #ef9b02;
        border-color: #ef9b02
    }

    body .k-grid td.k-state-selected:hover, body .k-grid tr.k-state-selected:hover td {
        background-color: #ffdfb1;
        border-color: #ffe4bd
    }

    .main_menu > li a.nav__link:hover {
        text-decoration: none;
        background: transparent;
    }

    .table td a:hover {
        color: #333
    }

    .procedure-payment-popup .table .k-grid-toolbar .k-grid-cancel-changes:hover, .procedures-table-sec .table .k-grid-toolbar .k-grid-cancel-changes:hover {
        background-color: #e23b57 !important;
        border-color: #e23b57 !important
    }

    .img-infoIcons li a:hover, i[onclick]:hover {
        color: #008ADC
    }

    .m-nav--inline.nav-sub > .m-nav__item.active > a:hover {
        color: #fff;
        background: #224a7e
    }

    .header_submenu.lavel3 .m-nav--inline.nav-sub > .m-nav__item > a:hover, .header_submenu.lavel3 .m-nav--inline.nav-sub > .m-nav__item > a:hover i, .ortho_img_popup_btns li a:hover i,
    .advance_search_link:hover {
        color: #444
    }

    .m-nav--inline.nav-sub > .m-nav__item.active > a:hover .m-nav__link-icon {
        background: #224a7e;
        color: #fff
    }

    .m-nav--inline.nav-sub > .m-nav__item > a:hover, .m-nav--inline.nav-sub > .m-nav__item > a:hover .m-nav__link-icon {
        text-decoration: none;
        color: #d1e6fb
    }

    .header_search__wrapper .header_search__icon:hover {
        background: #21558a;
        text-decoration: none
    }

    #accordion .card-header:hover {
        background-color: #204a7c
    }

    .profile-summary-quickview .patient_pic:hover:before { /*z-index:90;position:absolute;left:0;top:0;right:0;bottom:0;background:#000000;content:"";border-radius:50%;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;transition:all 2s ease-out*/
    }

    .profile-summary-quickview .patient_pic:hover .proChangeDp {
        display: block;
        -webkit-transition: all 2s ease-out;
        -moz-transition: all 2s ease-out;
        transition: all 2s ease-out
    }

    .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li:hover {
        background-color: transparent !important
    }

    .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li > a:hover {
        background: #008ADC !important;
        color: #fff;
        border-radius: 4px
    }

    .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li a:hover .nav_link_wrapper {
        color: #fff !important
    }

    .tc_quick_btn a:hover {
        text-decoration: none;
        background: #008adc;
        color: #fff
    }

    .oc_encounters_tabs .nav.nav-tabs .nav-link:hover, .chart_tabs .nav.nav-tabs .nav-link:hover {
        border-color: #c5c5c5
    }

    .main_menu > li a.nav__link:hover .nav__link_icon i, .main_menu > li a.nav__link:hover .nav_link_wrapper, .m-nav-sticky .m-nav-sticky__item > a:hover > i {
        color: #ffa62c
    }

    #people .nav li a:hover, .header_search__wrapper .header_search__icon:hover a, #accordion .card-header .btn-link:hover, table.fam_relation a:hover {
        text-decoration: none
    }

    .btn.btn-style1:hover {
        background: #827f7f
    }

    .Operatory_content .owl-theme .owl-nav [class*=owl-]:hover {
        background: none;
        border: none;
        outline: none
    }

    .Operatory_content .owl-theme .owl-nav button:hover span {
        background: none
    }

    .k-widget.k-listbox .k-item.k-state-selected:hover {
        background-color: #2e6298;
        color: #fff
    }

    .k-popup .k-list > .k-state-selected .k-list-optionlabel:hover, .k-list-optionlabel.k-state-selected.k-state-focused:hover {
        background: #ffa62c !important;
        color: #fff
    }

    .k-popup .k-list > .k-state-selected:hover {
        color: #dafbff !important;
        background: #29639e !important
    }

    .k-list .k-item.k-state-selected.k-state-focused:hover {
        color: #dafbff !important;
        background: #29639e !important
    }

    .apvt_tabs .k-tabstrip-items .k-item:hover {
        border-color: #ccc
    }

    #divEditPerm button.btn-collapse:hover, #divEditPerm button.btn-expand:hover, .dashboard-page .insurancecolumn .fa-share-square-o:hover, .ref-attach-edit-popup a:hover i {
        color: #000
    }

    div.k-grid .k-header .k-button:hover {
        color: #fff;
        background-color: #1192f6;
        border-color: #0a8cf0
    }

    .form-control.m-input:hover {
        background-color: #fff;
        border-color: #f5f5f5;
        box-shadow: 0 0px 7px 0px #e8e8e8 !important
    }

    .btn-dlg-primary + .k-dialog-buttongroup .k-button:hover {
        color: #fff;
        background-color: #008adc;
        border-color: #008adc
    }

    .dailySch .col-md-6:hover .dailySch-icon .fa {
        font-size: 6em
    }

    .m-widget1 .m-widget1__item:hover .m-widget1__title .faAniIcon {
        transform: rotate(83deg);
        -moz-transform: rotate(83deg);
        -webkit-transform: rotate(83deg);
        font-size: 140px;
        opacity: 0.2
    }

    .m-widget1 .m-widget1__item:hover .m-widget1__number {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        font-size: 1.8rem
    }

    .m-widget16 .m-widget16__body .m-widget16__item:hover {
        font-weight: 500
    }

    .clsImaging:hover {
        color: #fff;
        background: #ef9b02
    }

    .k-scheduler-footer .k-link:hover {
        text-decoration: underline
    }

    .addFamilyMember a:hover {
        color: #7d7d7d !important
    }

    .header_submenu:not(.lavel3) .m-nav.m-nav--inline.nav-sub > .m-nav__item:hover .m-nav__link-icon {
        color: #d1e6fb
    }

    .k-draghandle.k-state-selected:hover {
        background-color: #ffa62c !important;
        border-color: #f39d1f !important;
        color: #fff !important
    }

    body .btn-primary:hover {
        background-color: #008adc;
        border-color: #008adc
    }

    body .k-switch-on.k-state-hover .k-switch-container, body .k-switch-on:hover .k-switch-container {
        background-color: #008adc
    }

    body .btn-danger:hover {
        color: #fff;
        background-color: #f22d4e;
        border-color: #f12143
    }

    body .k-switch-on.k-state-hover .k-switch-handle, body .k-switch-on:hover .k-switch-handle {
        background-color: #008ADC
    }

    .authorization-estimation-popup #GrdClaimProcedurePayPreAuth .k-grid-cancel-changes:hover {
        color: #fff;
        background-color: #f22d4e;
        border-color: #f12143
    }

    body .k-popup .k-list .k-item:hover {
        color: #fff !important;
        background: #008adc !important
    }

    .insurance-company-edit-poopup .phone-number .k-widget.k-textbox #txtPhone:hover, .insurance-company-edit-poopup #InsPlanCount1:hover, .insurance-company-edit-poopup #InsPlanCount1:hover, .k-datepicker input[data-role="datepicker"]:hover, .k-numerictextbox .form-control.m-input:hover {
        box-shadow: none
    }

    body .k-overflow-anchor:hover, body .k-textbox:hover {
        box-shadow: 0 0px 7px 0px #e8e8e8;
        border-color: #c5c5c5
    }

    .k-dialog-buttongroup button.k-primary:hover {
        background: #008adc
    }

    #dlgOrthoVisit ~ .k-dialog-buttongroup .k-button.k-primary:hover, #dlgDentalTxPlan ~ .k-dialog-buttongroup .k-button.k-primary:hover {
        background: #008adc;
        border-color: #008adc
    }

    #dlgOrthoVisit ~ .k-dialog-buttongroup .k-button:hover, #dlgDentalTxPlan ~ .k-dialog-buttongroup .k-button:hover {
        background: #f22d4e;
        border-color: #f4516c
    }

    #closeDialog ~ .k-dialog-buttongroup button:first-child:hover {
        background: #008adc;
        border-color: #008adc;
        color: #fff
    }

    #closeDialog ~ .k-dialog-buttongroup button:hover, #formDialog ~ .k-dialog-buttongroup button:first-child:hover, #dlgEditClaimAttachmentImageUpload ~ .k-dialog-buttongroup button:nth-child(2):hover {
        background: #f22d4e;
        border-color: #f22d4e;
        color: #fff
    }

    .k-button.k-button-icontext.k-grid-cancel:hover {
        background-color: #ff2e51;
        border-color: #ff2e51
    }

    .k-button.k-button-icontext.k-primary.k-grid-update:hover {
        background-color: #3c71a7;
        border-color: #3c71a7
    }

    .m-widget1 .m-widget1__item:hover .m-widget1__desc, .perio-page i.fa-edit[onclick]:hover, .recall-type-edit-popup .trigger-procedures .k-state-selected .fa-trash:hover {
        color: #fff
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading:hover .m-menu__ver-arrow {
        color: #fff
    }

    body .images-page .col-exp:hover, body .report-list-page .col-exp:hover {
        background: #008adc;
        color: #fff
    }
}

@media (min-width:1200px) {
    .panel_fieldset .form-group label {
        white-space: nowrap
    }

    .m-header #m_header_nav {
        flex: 2;
    }
}

@media (min-width:992px) {
    .procedures-codes-popup .btn-search {
        position: absolute;
        left: 0;
        bottom: 0;
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content li.m-menu__item .m-menu__link .m-menu__link-icon, .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item > .m-menu__link .m-menu__link-icon {
        height: 27px
    }

    .personalInfo .text_red .col-md-3 {
        flex: 0 0 20.4%
    }
    /*#medical_info_block p.medical_info{margin:0;padding:0}*/

    a:hover .sp-icon.cases {
        background-position: -47px -96px
    }

    a:hover .sp-icon.blockouts {
        background-position: -43px -115px
    }

    a:hover .sp-icon.slips {
        background-position: -42px -201px
    }

    a:hover .sp-icon.medical {
        background-position: -42px -171px
    }

    a:hover .sp-icon.recall {
        background-position: -42px -201px
    }

    a:hover .sp-icon.forms {
        background-position: -42px -230px
    }

    a:hover .sp-icon.procedure {
        background-position: -42px -257px
    }

    a:hover .sp-icon.conditions {
        background-position: -42px -285px
    }

    a:hover .sp-icon.medications {
        background-position: -42px -315px
    }

    a:hover .sp-icon.fee {
        background-position: -42px -342px
    }

    a:hover .sp-icon.manager {
        background-position: -42px -371px
    }

    a:hover .sp-icon.insurance {
        background-position: -42px -400px
    }

    a:hover .sp-icon.batch {
        background-position: -42px -430px
    }

    a:hover .sp-icon.financial {
        background-position: -41px -458px
    }

    a:hover .sp-icon.status {
        background-position: -40px -489px
    }

    a:hover .sp-icon.pharmacies {
        background-position: -42px -518px
    }

    a:hover .sp-icon.laboratories {
        background-position: -42px -545px
    }

    a:hover .sp-icon.referrals {
        background-position: -43px -606px
    }

    a:hover .sp-icon.letters {
        background-position: -43px -632px
    }

    a:hover .sp-icon.practice {
        background-position: -43px -663px
    }

    a:hover .sp-icon.providers {
        background-position: -43px -693px
    }

    a:hover .sp-icon.employees {
        background-position: -43px -719px
    }

    a:hover .sp-icon.sites {
        background-position: -43px -750px
    }

    a:hover .sp-icon.audit {
        background-position: -43px -777px
    }

    a:hover .sp-icon.so {
        background-position: -43px -803px
    }

    a:hover .sp-icon.sb {
        background-position: -43px -833px
    }

    a:hover .sp-icon.at {
        background-position: -43px -862px
    }

    a:hover .sp-icon.ovt {
        background-position: -43px -891px
    }

    a:hover .sp-icon.aqp {
        background-position: -43px -919px
    }

    a:hover .sp-icon.rl {
        background-position: -43px -947px
    }

    a:hover .sp-icon.tpo {
        background-position: -42px -975px
    }

    a:hover .sp-icon.dcqp {
        background-position: -42px -1004px
    }

    a:hover .sp-icon.ocl {
        background-position: -42px -1066px
    }

    a:hover .sp-icon.as {
        background-position: -42px -1096px
    }

    a:hover .sp-icon.tt {
        background-position: -42px -1122px
    }

    a:hover .sp-icon.ats {
        background-position: -42px -1149px
    }

    a:hover .sp-icon.io {
        background-position: -42px -1178px
    }

    a:hover .sp-icon.iv {
        background-position: -42px -1205px
    }

    a:hover .sp-icon.ic {
        background-position: -42px -1235px
    }

    a:hover .sp-icon.fc {
        background-position: -42px -1264px
    }

    a:hover .sp-icon.clearing {
        background-position: -42px -1293px
    }

    a:hover .sp-icon.bo {
        background-position: -42px -1320px
    }

    a:hover .sp-icon.amp {
        background-position: -42px -1351px
    }

    a:hover .sp-icon.rn {
        background-position: -42px -1379px
    }

    a:hover .sp-icon.rs {
        background-position: -40px -1402px
    }

    a:hover .sp-icon.lc {
        background-position: -40px -1435px
    }

    a:hover .sp-icon.rx {
        background-position: -40px -1470px
    }

    a:hover .sp-icon.diagnosis {
        background-position: -42px -288px
    }
}

.casePresenterChart img {
    border: solid 1px #c5c5c5;
    margin: 4px
}

.images-info .imageBlock {
    width: 100%;
    float: left;
    height: 200px;
    background: url(../images/image-img.png) no-repeat 50% 50% #fff;
    border: solid 1px #c5c5c5;
    margin-bottom: 15px;
    display: table-cell;
    position: relative;
    padding: 2px;
    vertical-align: middle
}

    .images-info .imageBlock.pdfImg {
        background: url(../images/image-pdf.png) no-repeat 50% 50% #fff
    }

.images-info {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    height: 100%;
    display: table;
    vertical-align: middle
}

#imagelpg .img-fluid {
    min-width: 100%;
    min-height: 100%
}

.img-infoIcons ul {
    margin: 0;
    float: right;
    list-style: none
}

.img-infoIcons li {
    margin: 0 5px 0 0;
    padding: 0;
    float: left
}

    .img-infoIcons li a {
        color: #666
    }

#treeview .k-item .k-in {
    font-weight: 500
}

.insuranceBenefits tr.odd input.form-control {
    background: #f9f9f9
}

.Ac-btn-group div:first-child {
    padding-right: 5px
}

.Ac-btn-group div:last-child {
    padding-left: 5px
}

.oTeeth_pro .ortArchwire {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 15px;
    height: 2px;
    background: transparent;
    z-index: 10
}

    .oTeeth_pro .ortArchwire.active {
        background: #539442
    }

        .oTeeth_pro .ortArchwire.active.firstChild {
            left: 50%
        }

        .oTeeth_pro .ortArchwire.active.lastChild {
            right: 50%
        }

        .oTeeth_pro .ortArchwire.active:after {
            content: ""
        }

        .oTeeth_pro .ortArchwire.active.firstChild:after {
            margin-left: -15px
        }

        .oTeeth_pro .ortArchwire.active.lastChild:after {
            margin-left: 2px
        }

/*RCT RED*/
.rct_tooth {
    position: absolute;
    bottom: 16px;
    left: 50%;
    background: none
}

#divDenU01 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU01.png) no-repeat 0 0;
    bottom: 26px;
    width: 9px;
    height: 34px;
    margin-left: -4px
}

#divDenU02 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU02.png) no-repeat 0 0;
    bottom: 22px;
    width: 13px;
    height: 39px;
    margin-left: -8px
}

#divDenU03 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU03.png) no-repeat 0 0;
    bottom: 26px;
    width: 15px;
    height: 41px;
    margin-left: -8px
}

#divDenU04 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU04.png) no-repeat 0 0;
    bottom: 35px;
    width: 3px;
    height: 50px;
    margin-left: -2px
}

#divDenU05 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU05.png) no-repeat 0 0;
    bottom: 25px;
    width: 4px;
    height: 36px;
    margin-left: -2px
}

#divDenU06 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU06.png) no-repeat 0 0;
    bottom: 34px;
    width: 3px;
    height: 43px;
    margin-left: -2px
}

#divDenU07 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU07.png) no-repeat 0 0;
    bottom: 35px;
    width: 7px;
    height: 35px;
    margin-left: -3px
}

#divDenU08 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU08.png) no-repeat 0 0;
    bottom: 33px;
    width: 3px;
    height: 27px;
    margin-left: -1px
}

#divDenU09 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU09.png) no-repeat 0 0;
    bottom: 30px;
    width: 3px;
    height: 27px;
    margin-left: -2px
}

#divDenU10 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU10.png) no-repeat 0 0;
    bottom: 30px;
    width: 3px;
    height: 33px;
    margin-left: -2px
}

#divDenU11 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU11.png) no-repeat 0 0;
    bottom: 30px;
    width: 3px;
    height: 33px;
    margin-left: -2px
}

#divDenU12 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU12.png) no-repeat 0 0;
    bottom: 30px;
    width: 4px;
    height: 36px;
    margin-left: -2px
}

#divDenU13 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU13.png) no-repeat 0 0;
    bottom: 30px;
    width: 3px;
    height: 34px;
    margin-left: -2px
}

#divDenU14 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU14.png) no-repeat 0 0;
    bottom: 22px;
    width: 13px;
    height: 39px;
    margin-left: -5px
}

#divDenU15 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU15.png) no-repeat 0 0;
    bottom: 22px;
    width: 13px;
    height: 39px;
    margin-left: -6px
}

#divDenU16 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU16.png) no-repeat 0 0;
    bottom: 29px;
    width: 9px;
    height: 29px;
    margin-left: -3px
}

#divDenU17 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU17.png) no-repeat 0 0;
    bottom: 24px;
    width: 15px;
    height: 32px;
    margin-left: -9px
}

#divDenU18 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU18.png) no-repeat 0 0;
    bottom: 24px;
    width: 15px;
    height: 33px;
    margin-left: -8px
}

#divDenU19 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU19.png) no-repeat 0 0;
    bottom: 24px;
    width: 16px;
    height: 32px;
    margin-left: -7px
}

#divDenU20 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU20.png) no-repeat 0 0;
    bottom: 24px;
    width: 4px;
    height: 35px;
    margin-left: -5px
}

#divDenU21 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU21.png) no-repeat 0 0;
    bottom: 24px;
    width: 2px;
    height: 37px;
    margin-left: -1px
}

#divDenU22 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU22.png) no-repeat 0 0;
    bottom: 33px;
    width: 3px;
    height: 40px;
    margin-left: -3px
}

#divDenU23 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU23.png) no-repeat 0 0;
    bottom: 30px;
    width: 7px;
    height: 44px;
    margin-left: -5px
}

#divDenU24 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU24.png) no-repeat 0 0;
    bottom: 32px;
    width: 4px;
    height: 35px;
    margin-left: -3px
}

#divDenU25 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU25.png) no-repeat 0 0;
    bottom: 34px;
    width: 3px;
    height: 35px;
    margin-left: -2px
}

#divDenU26 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU26.png) no-repeat 0 0;
    bottom: 33px;
    width: 4px;
    height: 39px;
    margin-left: -2px
}

#divDenU27 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU27.png) no-repeat 0 0;
    bottom: 33px;
    width: 3px;
    height: 42px;
    margin-left: -2px
}

#divDenU28 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU28.png) no-repeat 0 0;
    bottom: 28px;
    width: 2px;
    height: 42px;
    margin-left: 0
}

#divDenU29 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU29.png) no-repeat 0 0;
    bottom: 30px;
    width: 2px;
    height: 42px;
    margin-left: 0
}

#divDenU30 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU30.png) no-repeat 0 0;
    bottom: 23px;
    width: 14px;
    height: 34px;
    margin-left: -9px
}

#divDenU31 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU31.png) no-repeat 0 0;
    bottom: 24px;
    width: 13px;
    height: 34px;
    margin-left: -7px
}

#divDenU32 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctU32.png) no-repeat 0 0;
    bottom: 23px;
    width: 13px;
    height: 34px;
    margin-left: -6px
}

.valignT .rct_tooth {
    top: 25px;
    bottom: auto
}

#divDenL01 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL01.png) no-repeat 0 0;
    top: 23px;
    width: 9px;
    height: 34px;
    margin-left: -3px
}

#divDenL02 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL02.png) no-repeat 0 0;
    top: 23px;
    width: 13px;
    height: 40px;
    margin-left: -8px
}

#divDenL03 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL03.png) no-repeat 0 0;
    top: 19px;
    width: 13px;
    height: 40px;
    margin-left: -8px
}

#divDenL04 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL04.png) no-repeat 0 0;
    top: 22px;
    width: 3px;
    height: 50px;
    margin-left: -1px
}

#divDenL05 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL05.png) no-repeat 0 0;
    top: 23px;
    width: 2px;
    height: 36px;
    margin-left: 0
}

#divDenL06 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL06.png) no-repeat 0 0;
    top: 24px;
    width: 3px;
    height: 48px;
    margin-left: -1px
}

#divDenL07 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL07.png) no-repeat 0 0;
    top: 28px;
    width: 6px;
    height: 32px;
    margin-left: -4px
}

#divDenL08 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL08.png) no-repeat 0 0;
    top: 27px;
    width: 2px;
    height: 36px;
    margin-left: -2px
}

#divDenL09 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL09.png) no-repeat 0 0;
    top: 26px;
    width: 3px;
    height: 38px;
    margin-left: -2px
}

#divDenL10 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL10.png) no-repeat 0 0;
    top: 27px;
    width: 3px;
    height: 38px;
    margin-left: -2px
}

#divDenL11 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL11.png) no-repeat 0 0;
    top: 22px;
    width: 3px;
    height: 43px;
    margin-left: -2px
}

#divDenL12 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL12.png) no-repeat 0 0;
    top: 23px;
    width: 2px;
    height: 36px;
    margin-left: -1px
}

#divDenL13 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL13.png) no-repeat 0 0;
    top: 24px;
    width: 4px;
    height: 42px;
    margin-left: -3px
}

#divDenL14 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL14.png) no-repeat 0 0;
    top: 24px;
    width: 11px;
    height: 43px;
    margin-left: -5px
}

#divDenL15 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL15.png) no-repeat 0 0;
    top: 26px;
    width: 13px;
    height: 39px;
    margin-left: -8px
}

#divDenL16 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL16.png) no-repeat 0 0;
    top: 26px;
    width: 8px;
    height: 29px;
    margin-left: -5px
}

#divDenL17 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL17.png) no-repeat 0 0;
    top: 26px;
    width: 15px;
    height: 32px;
    margin-left: -7px
}

#divDenL18 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL18.png) no-repeat 0 0;
    top: 30px;
    width: 16px;
    height: 38px;
    margin-left: -8px
}

#divDenL19 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL19.png) no-repeat 0 0;
    top: 29px;
    width: 15px;
    height: 43px;
    margin-left: -7px
}

#divDenL20 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL20.png) no-repeat 0 0;
    top: 27px;
    width: 2px;
    height: 35px;
    margin-left: -3px
}

#divDenL21 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL21.png) no-repeat 0 0;
    top: 26px;
    width: 2px;
    height: 37px;
    margin-left: -2px
}

#divDenL22 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL22.png) no-repeat 0 0;
    top: 33px;
    width: 2px;
    height: 32px;
    margin-left: -2px
}

#divDenL23 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL23.png) no-repeat 0 0;
    top: 35px;
    width: 5px;
    height: 33px;
    margin-left: -5px
}

#divDenL24 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL24.png) no-repeat 0 0;
    top: 30px;
    width: 3px;
    height: 30px;
    margin-left: -2px
}

#divDenL25 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL25.png) no-repeat 0 0;
    top: 30px;
    width: 3px;
    height: 35px;
    margin-left: 0
}

#divDenL26 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL26.png) no-repeat 0 0;
    top: 31px;
    width: 4px;
    height: 31px;
    margin-left: -1px
}

#divDenL27 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL27.png) no-repeat 0 0;
    top: 36px;
    width: 4px;
    height: 35px;
    margin-left: -2px
}

#divDenL28 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL28.png) no-repeat 0 0;
    top: 26px;
    width: 4px;
    height: 35px;
    margin-left: -2px
}

#divDenL29 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL29.png) no-repeat 0 0;
    top: 28px;
    width: 5px;
    height: 38px;
    margin-left: -3px
}

#divDenL30 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL30.png) no-repeat 0 0;
    top: 26px;
    width: 13px;
    height: 34px;
    margin-left: -7px
}

#divDenL31 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL31.png) no-repeat 0 0;
    top: 28px;
    width: 14px;
    height: 35px;
    margin-left: -8px
}

#divDenL32 .rct_tooth.active {
    background: url(../images/PaintType/RCT/Red/rctL32.png) no-repeat 0 0;
    top: 21px;
    width: 13px;
    height: 32px;
    margin-left: -7px
}
/*RCT BLUE*/
#divDenU01 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU01.png) no-repeat 0 0
}

#divDenU02 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU02.png) no-repeat 0 0
}

#divDenU03 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU03.png) no-repeat 0 0
}

#divDenU04 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU04.png) no-repeat 0 0
}

#divDenU05 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU05.png) no-repeat 0 0
}

#divDenU06 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU06.png) no-repeat 0 0
}

#divDenU07 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU07.png) no-repeat 0 0
}

#divDenU08 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU08.png) no-repeat 0 0
}

#divDenU09 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU09.png) no-repeat 0 0
}

#divDenU10 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU10.png) no-repeat 0 0
}

#divDenU11 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU11.png) no-repeat 0 0
}

#divDenU12 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU12.png) no-repeat 0 0
}

#divDenU13 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU13.png) no-repeat 0 0
}

#divDenU14 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU14.png) no-repeat 0 0
}

#divDenU15 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU15.png) no-repeat 0 0
}

#divDenU16 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU16.png) no-repeat 0 0
}

#divDenU17 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU17.png) no-repeat 0 0
}

#divDenU18 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU18.png) no-repeat 0 0
}

#divDenU19 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU19.png) no-repeat 0 0
}

#divDenU20 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU20.png) no-repeat 0 0
}

#divDenU21 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU21.png) no-repeat 0 0
}

#divDenU22 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU22.png) no-repeat 0 0
}

#divDenU23 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU23.png) no-repeat 0 0
}

#divDenU24 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU24.png) no-repeat 0 0
}

#divDenU25 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU25.png) no-repeat 0 0
}

#divDenU26 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU26.png) no-repeat 0 0
}

#divDenU27 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU27.png) no-repeat 0 0
}

#divDenU28 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU28.png) no-repeat 0 0
}

#divDenU29 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU29.png) no-repeat 0 0
}

#divDenU30 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU30.png) no-repeat 0 0
}

#divDenU31 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU31.png) no-repeat 0 0
}

#divDenU32 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctU32.png) no-repeat 0 0
}

#divDenL01 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL01.png) no-repeat 0 0
}

#divDenL02 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL02.png) no-repeat 0 0
}

#divDenL03 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL03.png) no-repeat 0 0
}

#divDenL04 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL04.png) no-repeat 0 0
}

#divDenL05 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL05.png) no-repeat 0 0
}

#divDenL06 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL06.png) no-repeat 0 0
}

#divDenL07 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL07.png) no-repeat 0 0
}

#divDenL08 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL08.png) no-repeat 0 0
}

#divDenL09 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL09.png) no-repeat 0 0
}

#divDenL10 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL10.png) no-repeat 0 0
}

#divDenL11 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL11.png) no-repeat 0 0
}

#divDenL12 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL12.png) no-repeat 0 0
}

#divDenL13 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL13.png) no-repeat 0 0
}

#divDenL14 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL14.png) no-repeat 0 0
}

#divDenL15 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL15.png) no-repeat 0 0
}

#divDenL16 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL16.png) no-repeat 0 0
}

#divDenL17 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL17.png) no-repeat 0 0
}

#divDenL18 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL18.png) no-repeat 0 0
}

#divDenL19 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL19.png) no-repeat 0 0
}

#divDenL20 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL20.png) no-repeat 0 0
}

#divDenL21 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL21.png) no-repeat 0 0
}

#divDenL22 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL22.png) no-repeat 0 0
}

#divDenL23 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL23.png) no-repeat 0 0
}

#divDenL24 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL24.png) no-repeat 0 0
}

#divDenL25 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL25.png) no-repeat 0 0
}

#divDenL26 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL26.png) no-repeat 0 0
}

#divDenL27 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL27.png) no-repeat 0 0
}

#divDenL28 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL28.png) no-repeat 0 0
}

#divDenL29 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL29.png) no-repeat 0 0
}

#divDenL30 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL30.png) no-repeat 0 0
}

#divDenL31 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL31.png) no-repeat 0 0
}

#divDenL32 .rct_tooth.Blue.active {
    background: url(../images/PaintType/RCT/Blue/rctL32.png) no-repeat 0 0
}

/*RCT GREEN*/
#divDenU01 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU01.png) no-repeat 0 0
}

#divDenU02 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU02.png) no-repeat 0 0
}

#divDenU03 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU03.png) no-repeat 0 0
}

#divDenU04 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU04.png) no-repeat 0 0
}

#divDenU05 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU05.png) no-repeat 0 0
}

#divDenU06 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU06.png) no-repeat 0 0
}

#divDenU07 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU07.png) no-repeat 0 0
}

#divDenU08 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU08.png) no-repeat 0 0
}

#divDenU09 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU09.png) no-repeat 0 0
}

#divDenU10 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU10.png) no-repeat 0 0
}

#divDenU11 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU11.png) no-repeat 0 0
}

#divDenU12 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU12.png) no-repeat 0 0
}

#divDenU13 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU13.png) no-repeat 0 0
}

#divDenU14 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU14.png) no-repeat 0 0
}

#divDenU15 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU15.png) no-repeat 0 0
}

#divDenU16 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU16.png) no-repeat 0 0
}

#divDenU17 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU17.png) no-repeat 0 0
}

#divDenU18 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU18.png) no-repeat 0 0
}

#divDenU19 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU19.png) no-repeat 0 0
}

#divDenU20 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU20.png) no-repeat 0 0
}

#divDenU21 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU21.png) no-repeat 0 0
}

#divDenU22 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU22.png) no-repeat 0 0
}

#divDenU23 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU23.png) no-repeat 0 0
}

#divDenU24 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU24.png) no-repeat 0 0
}

#divDenU25 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU25.png) no-repeat 0 0
}

#divDenU26 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU26.png) no-repeat 0 0
}

#divDenU27 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU27.png) no-repeat 0 0
}

#divDenU28 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU28.png) no-repeat 0 0
}

#divDenU29 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU29.png) no-repeat 0 0
}

#divDenU30 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU30.png) no-repeat 0 0
}

#divDenU31 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU31.png) no-repeat 0 0
}

#divDenU32 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctU32.png) no-repeat 0 0
}

#divDenL01 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL01.png) no-repeat 0 0
}

#divDenL02 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL02.png) no-repeat 0 0
}

#divDenL03 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL03.png) no-repeat 0 0
}

#divDenL04 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL04.png) no-repeat 0 0
}

#divDenL05 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL05.png) no-repeat 0 0
}

#divDenL06 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL06.png) no-repeat 0 0
}

#divDenL07 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL07.png) no-repeat 0 0
}

#divDenL08 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL08.png) no-repeat 0 0
}

#divDenL09 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL09.png) no-repeat 0 0
}

#divDenL10 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL10.png) no-repeat 0 0
}

#divDenL11 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL11.png) no-repeat 0 0
}

#divDenL12 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL12.png) no-repeat 0 0
}

#divDenL13 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL13.png) no-repeat 0 0
}

#divDenL14 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL14.png) no-repeat 0 0
}

#divDenL15 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL15.png) no-repeat 0 0
}

#divDenL16 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL16.png) no-repeat 0 0
}

#divDenL17 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL17.png) no-repeat 0 0
}

#divDenL18 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL18.png) no-repeat 0 0
}

#divDenL19 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL19.png) no-repeat 0 0
}

#divDenL20 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL20.png) no-repeat 0 0
}

#divDenL21 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL21.png) no-repeat 0 0
}

#divDenL22 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL22.png) no-repeat 0 0
}

#divDenL23 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL23.png) no-repeat 0 0
}

#divDenL24 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL24.png) no-repeat 0 0
}

#divDenL25 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL25.png) no-repeat 0 0
}

#divDenL26 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL26.png) no-repeat 0 0
}

#divDenL27 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL27.png) no-repeat 0 0
}

#divDenL28 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL28.png) no-repeat 0 0
}

#divDenL29 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL29.png) no-repeat 0 0
}

#divDenL30 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL30.png) no-repeat 0 0
}

#divDenL31 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL31.png) no-repeat 0 0
}

#divDenL32 .rct_tooth.Green.active {
    background: url(../images/PaintType/RCT/Green/rctL32.png) no-repeat 0 0
}

.extraction_tooth {
    display: none
}

    .extraction_tooth.active {
        display: block
    }

.valignB .extraction_tooth, .valignB .extraction_tooth span {
    position: absolute;
    left: 50%;
    background: red;
    width: 2px;
    margin-left: -1px;
    z-index: 100
}

.valignB .extraction_tooth {
    top: 27px;
    bottom: 7px;
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg)
}

    .valignB .extraction_tooth span {
        top: 0;
        bottom: 0;
        -webkit-transform: rotate(-36deg);
        -moz-transform: rotate(-36deg);
        -ms-transform: rotate(-36deg);
        transform: rotate(-36deg)
    }

.valignT .extraction_tooth, .valignT .extraction_tooth span {
    position: absolute;
    left: 50%;
    background: #ff0000;
    width: 2px;
    margin-left: -1px;
    z-index: 100
}

.valignT .extraction_tooth {
    top: 7px;
    bottom: 20px;
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg)
}

    .valignT .extraction_tooth span {
        content: "";
        top: 0;
        bottom: 0;
        -webkit-transform: rotate(-36deg);
        -moz-transform: rotate(-36deg);
        -ms-transform: rotate(-36deg);
        transform: rotate(-36deg)
    }

.lineAmalgam {
    position: absolute;
    left: 4px;
    top: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 80%;
}

    .lineAmalgam span {
        background: transparent
    }

        .lineAmalgam span.hidden_div {
            display: none
        }

        .lineAmalgam span.amlgmT {
            position: absolute;
            left: 50%;
            top: 6px;
            height: 15px;
            width: 5px;
            z-index: 2;
            margin-left: -3px;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-top-right-radius: 4px
        }

        .lineAmalgam span.amlgmB {
            position: absolute;
            left: 50%;
            bottom: 6px;
            height: 15px;
            width: 5px;
            z-index: 2;
            margin-left: -3px;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px
        }

        .lineAmalgam span.amlgmL {
            position: absolute;
            left: 23px;
            top: 50%;
            height: 5px;
            width: 18px;
            z-index: 2;
            margin-top: -3px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px
        }

        .lineAmalgam span.amlgmR {
            position: absolute;
            right: 22px;
            top: 50%;
            height: 5px;
            width: 18px;
            z-index: 2;
            margin-top: -3px;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px;
            -webkit-border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px
        }

        .lineAmalgam span.amlgmC {
            position: absolute;
            left: 50%;
            top: 50%;
            height: 16px;
            width: 16px;
            border-radius: 4px;
            z-index: 2;
            margin: -8px 0 0 -8px
        }

.valignB .lineAmalgam {
    top: auto;
    height: 25px
}

    .valignB .lineAmalgam span.amlgmL {
        width: 14px;
        margin-top: -20px
    }

    .valignB .lineAmalgam span.amlgmR {
        width: 14px;
        margin-top: -20px;
        right: 20px
    }

    .valignT .lineAmalgam span.amlgmT,
    .valignB .lineAmalgam span.amlgmB {
        height: 10px
    }

.valignT .lineAmalgam {
    bottom: auto;
    height: 25px
}

    .valignT .lineAmalgam span.amlgmL {
        width: 12px;
        margin-bottom: -5px;
        margin-top: 20px;
    }

    .valignT .lineAmalgam span.amlgmR {
        width: 14px;
        margin-bottom: -5px;
        right: 22px;
        margin-top: 20px;
    }

    .valignT .lineAmalgam span.amlgmB {
        height: 10px;
        top: 0
    }
/*Sealant*/
.sealant_tooth.active:after {
    content: "S"
}

.watch_tooth.active:after {
    content: "W"
}

/*Watch*/
.watch_tooth, .sealant_tooth {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px;
    color: #c60000
}

    .watch_tooth.active:after, .sealant_tooth.active:after {
        content: "S";
        position: absolute;
        left: 0;
        top: -3px;
        width: 16px;
        height: 16px;
        font-size: 16px;
        font-weight: 500
    }
/* PostBU_Tooth css*/
.PostBU_Tooth {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 13px;
    margin: -10px 0 0 -2px
}

.valignB .PostBU_Tooth {
    margin-top: 0
}

#divDenL01 .PostBU_Tooth, #divDenL02 .PostBU_Tooth, #divDenL03 .PostBU_Tooth, #divDenL14 .PostBU_Tooth, #divDenL15 .PostBU_Tooth, #divDenL16 .PostBU_Tooth, #divDenL17 .PostBU_Tooth,
#divDenL18 .PostBU_Tooth, #divDenL19 .PostBU_Tooth, #divDenL30 .PostBU_Tooth, #divDenL31 .PostBU_Tooth, #divDenL32 .PostBU_Tooth, #divDenU01 .PostBU_Tooth, #divDenU02 .PostBU_Tooth,
#divDenU03 .PostBU_Tooth, #divDenU14 .PostBU_Tooth, #divDenU15 .PostBU_Tooth, #divDenU16 .PostBU_Tooth, #divDenU17 .PostBU_Tooth, #divDenU18 .PostBU_Tooth, #divDenU19 .PostBU_Tooth,
#divDenU30 .PostBU_Tooth, #divDenU31 .PostBU_Tooth, #divDenU32 .PostBU_Tooth {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 9px;
    margin: 5px 0 0 -5px
}

#divDenL01 .PostBU_Tooth, #divDenL02 .PostBU_Tooth, #divDenL03 .PostBU_Tooth, #divDenL14 .PostBU_Tooth, #divDenL15 .PostBU_Tooth, #divDenL16 .PostBU_Tooth, #divDenL17 .PostBU_Tooth,
#divDenL18 .PostBU_Tooth, #divDenL19 .PostBU_Tooth, #divDenL30 .PostBU_Tooth, #divDenL31 .PostBU_Tooth, #divDenL32 .PostBU_Tooth {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    margin-top: -10px
}

#divDenL02 .PostBU_Tooth, #divDenL03 .PostBU_Tooth, #divDenL15 .PostBU_Tooth, #divDenL17 .PostBU_Tooth, #divDenU02 .PostBU_Tooth, #divDenU17 .PostBU_Tooth, #divDenU18 .PostBU_Tooth,
#divDenU30 .PostBU_Tooth, #divDenU31 .PostBU_Tooth, #divDenL30 .PostBU_Tooth, #divDenL31 .PostBU_Tooth {
    margin-left: -6px
}

.PostBU_Tooth.red.active {
    background: url(../images/PaintType/PostBU/Red/PostBU_Tooth01.png) no-repeat 0 0
}

.PostBU_Tooth.blue.active {
    background: url(../images/PaintType/PostBU/Blue/PostBU_Tooth01.png) no-repeat 0 0
}

.PostBU_Tooth.green.active {
    background: url(../images/PaintType/PostBU/Green/PostBU_Tooth01.png) no-repeat 0 0
}

#divDenL01 .PostBU_Tooth.red.active, #divDenL02 .PostBU_Tooth.red.active, #divDenL03 .PostBU_Tooth.red.active, #divDenL14 .PostBU_Tooth.red.active, #divDenL15 .PostBU_Tooth.red.active, #divDenL16 .PostBU_Tooth.red.active, #divDenL17 .PostBU_Tooth.red.active, #divDenL18 .PostBU_Tooth.red.active, #divDenL19 .PostBU_Tooth.red.active, #divDenL30 .PostBU_Tooth.red.active, #divDenL31 .PostBU_Tooth.red.active, #divDenL32 .PostBU_Tooth.red.active, #divDenU01 .PostBU_Tooth.red.active, #divDenU02 .PostBU_Tooth.red.active, #divDenU03 .PostBU_Tooth.red.active, #divDenU14 .PostBU_Tooth.red.active, #divDenU15 .PostBU_Tooth.red.active, #divDenU16 .PostBU_Tooth.red.active, #divDenU17 .PostBU_Tooth.red.active, #divDenU18 .PostBU_Tooth.red.active, #divDenU19 .PostBU_Tooth.red.active, #divDenU30 .PostBU_Tooth.red.active, #divDenU31 .PostBU_Tooth.red.active, #divDenU32 .PostBU_Tooth.red.active {
    background: url(../images/PaintType/PostBU/Red/postBU_Tooth02.png) no-repeat 0 0
}

#divDenL01 .PostBU_Tooth.blue.active, #divDenL02 .PostBU_Tooth.blue.active, #divDenL03 .PostBU_Tooth.blue.active, #divDenL14 .PostBU_Tooth.blue.active, #divDenL15 .PostBU_Tooth.blue.active, #divDenL16 .PostBU_Tooth.blue.active, #divDenL17 .PostBU_Tooth.blue.active, #divDenL18 .PostBU_Tooth.blue.active, #divDenL19 .PostBU_Tooth.blue.active, #divDenL30 .PostBU_Tooth.blue.active, #divDenL31 .PostBU_Tooth.blue.active, #divDenL32 .PostBU_Tooth.blue.active, #divDenU01 .PostBU_Tooth.blue.active, #divDenU02 .PostBU_Tooth.blue.active, #divDenU03 .PostBU_Tooth.blue.active, #divDenU14 .PostBU_Tooth.blue.active, #divDenU15 .PostBU_Tooth.blue.active, #divDenU16 .PostBU_Tooth.blue.active, #divDenU17 .PostBU_Tooth.blue.active, #divDenU18 .PostBU_Tooth.blue.active, #divDenU19 .PostBU_Tooth.blue.active, #divDenU30 .PostBU_Tooth.blue.active, #divDenU31 .PostBU_Tooth.blue.active, #divDenU32 .PostBU_Tooth.blue.active {
    background: url(../images/PaintType/PostBU/Blue/postBU_Tooth02.png) no-repeat 0 0
}

#divDenL01 .PostBU_Tooth.green.active, #divDenL02 .PostBU_Tooth.green.active, #divDenL03 .PostBU_Tooth.green.active, #divDenL14 .PostBU_Tooth.green.active, #divDenL15 .PostBU_Tooth.green.active, #divDenL16 .PostBU_Tooth.green.active, #divDenL17 .PostBU_Tooth.green.active, #divDenL18 .PostBU_Tooth.green.active, #divDenL19 .PostBU_Tooth.green.active, #divDenL30 .PostBU_Tooth.green.active, #divDenL31 .PostBU_Tooth.green.active, #divDenL32 .PostBU_Tooth.green.active, #divDenU01 .PostBU_Tooth.green.active, #divDenU02 .PostBU_Tooth.green.active, #divDenU03 .PostBU_Tooth.green.active, #divDenU14 .PostBU_Tooth.green.active, #divDenU15 .PostBU_Tooth.green.active, #divDenU16 .PostBU_Tooth.green.active, #divDenU17 .PostBU_Tooth.green.active, #divDenU18 .PostBU_Tooth.green.active, #divDenU19 .PostBU_Tooth.green.active, #divDenU30 .PostBU_Tooth.green.active, #divDenU31 .PostBU_Tooth.green.active, #divDenU32 .PostBU_Tooth.green.active {
    background: url(../images/PaintType/PostBU/Green/postBU_Tooth02.png) no-repeat 0 0
}
/* end PostBU_Tooth css*/

/* bridge_Tooth */
.teeth_pro .bridge_Tooth {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 13px;
    height: 4px;
    background: transparent;
    z-index: 100
}

    .teeth_pro .bridge_Tooth.active {
        background: #a2a2a2
    }

        .teeth_pro .bridge_Tooth.active.firstChild {
            left: 50%
        }

        .teeth_pro .bridge_Tooth.active.lastChild {
            right: 50%
        }
        /*.teeth_pro .bridge_Tooth.active:after{content:"";bottom:5px;left:0;right:0;position:absolute;height:3px;background:#a2a2a2}*/
        .teeth_pro .bridge_Tooth.active span {
            background: #00ff1f;
            width: 100%;
            height: 4px;
            float: left;
            position: relative;
            top: -6px;
            background: transparent;
        }

.valignT .bridge_Tooth.active {
    top: 18px;
    bottom: auto
}
/* end bridge_Tooth */

.accountEditClaim .m-portlet-2col .m-portlet-head-right {
    width: 50%
}

body .k-grid tr.k-state-selected td:nth-child(1) {
    background-color: #ffa62c;
    border-color: #f5c471
}

body .k-grid td.k-state-selected {
    background-color: #ffa62c;
    border-color: #f5d09a
}

body .k-checkbox:focus + .k-checkbox-label:before {
    box-shadow: 0 0 3px 0 #008ADC;
    border-color: #008ADC
}

body .k-checkbox:checked + .k-checkbox-label:before {
    box-shadow: 0 0 3px 0 #008ADC;
    border-color: #008ADC
}

body .k-checkbox:checked:active + .k-checkbox-label:before {
    box-shadow: 0 0 3px 0 #008ADC;
    border-color: #008ADC
}

body .k-checkbox:checked + .k-checkbox-label:before {
    background-color: #fff;
    border-color: #cacaca;
    color: #2196F3
}

#orthoChart .k-dropdown {
    margin-top: 3px
}

.wraptext {
    white-space: normal
}

.form-group label.wraptext {
    font-weight: 400
}

.control-label-value {
    line-height: 36px
}

.lineHNor {
    line-height: normal !important
}

.ebmOr {
    position: absolute;
    left: 20px;
    top: 0
}


@media (min-width:993px) {
    .m-portlet .m-portlet__head .m-portlet__head-caption .m-portlet__head-title .m-portlet__head-text {
        width: 100%
    }

    .familyUserInfo {
        height: 140px;
        display: block;
        overflow: hidden
    }

    .m-footer .m-footer__copyright {
        padding-left: 180px;
    }
}

.filter_small fieldset {
    padding-top: 0;
    padding-bottom: 0
}

    .filter_small fieldset legend {
        padding-top: 0
    }

.sidebar_right .mCustomScrollBox li.k-item {
    padding-left: 0;
    padding-right: 0
}

.sidebar_right .mCustomScrollBox li .clsPatName, .sidebar_right .mCustomScrollBox li .clsPatWaited {
    line-height: 30px;
    font-size: 12px;
    color: #000
}

.sidebar_right .mCustomScrollBox li .clsPatName {
    width: 70%;
    padding-left: 2%;
    text-align: left;
    float: left;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sidebar_right .mCustomScrollBox li .clsPatWaited {
    width: 30%;
    padding-right: 2%;
    text-align: right;
    float: right
}

.tosched h4 {
    font-size: 12px
}

.tosched p {
    font-size: 13px
}

.tosched .fa.fa-times {
    display: none
}

/*Temp css*/
.status_done .m-menu__link-text {
    color: #4CAF50 !important
}
/* end Temp css*/

#PatSrchGrid thead th .k-link {
    color: #fff
}

.profile-summary-quickview .table.table-striped thead th {
    font-weight: bold
}

.profile-summary-quickview .table.table-striped .k-grid-header {
    border-top: 0 !important
}

.profile-summary-quickview .k-grid tr.k-state-selected td {
    background: #FFA62C;
    color: #fff;
    padding-left: 10px !important;
}

    .profile-summary-quickview .k-grid tr.k-state-selected td span {
        margin: 0 2px 0 5px;
    }

#scheduler .k-scheduler-weekview .k-scheduler-header .k-scheduler-header-wrap .k-scheduler-table th {
    word-break: break-word
}

#scheduler .k-scheduler-weekview .hov_sec_icons {
    display: none
}

#dvEmailList .input-group {
    display: block;
    position: relative
}

#dvEmailList .input-group-addon {
    background: none;
    border: none;
    color: #444;
    position: absolute;
    right: 5px;
    top: 7px
}

    #dvEmailList .input-group-addon i {
        color: #333
    }

.treatment_tabs #treatmentActivities .m-portlet__head-text {
    width: 200px
}

.add-appt-widget .quick-note {
    position: absolute;
    top: -45px;
    right: 10px
}

.orthoBottomRow .oTeeth_pro .ortArchwire {
    top: 17px
}

/* ortElastic */
.oTeeth_pro .ortElastic {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 2px;
    background: transparent;
    z-index: 10
}

    .oTeeth_pro .ortElastic.active {
        background: #ffff00
    }

.oTeeth_pro .ul1 {
    width: 64px;
    transform: rotate(57deg);
    -webkit-transform: rotate(57deg)
}

.oTeeth_pro .ul2 {
    width: 90px;
    transform: rotate(37deg);
    -webkit-transform: rotate(37deg)
}

.oTeeth_pro .ul3 {
    width: 120px;
    transform: rotate(28deg);
    -webkit-transform: rotate(28deg)
}

.oTeeth_pro .uR1 {
    width: 64px;
    transform: rotate(-57deg);
    -webkit-transform: rotate(-57deg);
    left: auto
}

.oTeeth_pro .uR2 {
    width: 90px;
    transform: rotate(-37deg);
    -webkit-transform: rotate(-37deg);
    left: auto
}

.oTeeth_pro .uR3 {
    width: 120px;
    transform: rotate(-28deg);
    -webkit-transform: rotate(-28deg);
    left: auto
}

.oTeeth_pro .uLine3 {
    position: absolute;
    bottom: 14px;
    width: 102px;
    left: 12px
}
/* end ortElastic */

.add-appt-widget .k-timepicker .k-picker-wrap.k-state-default input {
    border-radius: 4px
}

ul.acc_range {
    margin-bottom: 0
}

.acc_range li a {
    color: #666
}

.acc_range li label {
    position: absolute;
    display: block;
    line-height: 34px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    margin-bottom: 0
}

.m-radio .k-radio:checked + .k-radio-label:after {
    top: 2px;
    left: 2px
}

body .k-radio-label:before {
    box-sizing: border-box
}

.k-autocomplete.k-state-default, .form-group .k-dropdown .k-dropdown-wrap.k-state-default, .k-popup .k-list .k-item, .k-list-optionlabel, .k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background-color: #ffffff !important;
    color: #444 !important
}

/* new temp Css for dental chart background */
.tab-pane .teeth_chart {
    background: #d3edfc;
    border: solid 1px #c5c5c5
}

    .tab-pane .teeth_chart:after {
        border-bottom: dashed 1px #a5bee0;
        background: none
    }

    .tab-pane .teeth_chart:before {
        border-right: dashed 1px #a5bee0;
        background: none;
        position: absolute;
        content: "";
        left: 50%;
        bottom: 0;
        top: 0;
        width: 2px;
        margin-left: 11px
    }

    .tab-pane .teeth_chart table td {
        color: #113f6e;
        font-size: 11px;
        font-weight: 500
    }

.k-grid-pager .k-pager-sizes.k-label {
    white-space: nowrap
}

/* End new Temp Css for CHart*/
.progress.m-progress--lg .progress-bar {
    white-space: nowrap;
    text-shadow: 1px 1px #666
}

#FormAddPatientRecall .quick-note {
    right: 10px;
    top: -33px
}

.patient_info_blk .quick-note {
    right: 10px;
    top: 4px
}

#summary_sec .quick-note {
    right: 8px;
    top: -33px
}

#dvOrthoTeethChart:after {
    top: 52%
}

#FormAddEncounter input#EncounterDateTime {
    height: 30px !important
}

#enter-treatment .m-radio {
    padding-left: 10px
}

.k-treeview .k-item .k-sprite {
    background-image: url(../images/coloricons-sprite.png);
    margin-right: 6px
}

    .k-treeview .k-item .k-sprite.image-folder {
        background-position: 0 -16px
    }

    .k-treeview .k-item .k-sprite.image-png {
        background-position: 0 -64px
    }

    .k-treeview .k-item .k-sprite.image-pdf {
        background-position: 0 -32px
    }

.k-tabstrip-wrapper k-header {
    background: none
}

.k-widget.k-tabstrip {
    border: none !important;
    background: none !important;
    margin-bottom: 15px
}

    .k-widget.k-tabstrip li.k-item {
        width: auto;
        margin: 0 5px 0 0
    }

.k-tabstrip .k-tabstrip-items {
    width: 100%;
}

body .k-tabstrip-top > .k-tabstrip-items > .k-item {
    border: 1px solid #c5c5c5;
    border-bottom-width: 0
}

.imageUpload .k-widget.k-tabstrip:focus {
    box-shadow: none
}

.imageUpload .k-widget.k-tabstrip {
    background-color: #008ADC;
    border-color: #008ADC
}

.imageUpload .k-tabstrip-items {
    padding: 0;
    margin-right: 3px
}

.imageUpload .k-tabstrip > .k-content {
    border-color: #c5c5c5
}

.imageUpload .k-tabstrip-items .k-state-default {
    border-color: #c5c5c5;
    background: #ccc;
    margin: 0 1px
}

.imageUpload .k-tabstrip-items .k-state-default {
    background-color: #f1f1f1;
    border-color: #c5c5c5
}

    .imageUpload .k-tabstrip-items .k-state-default.k-state-active {
        background-color: #008ADC;
        border-color: #008ADC;
        color: #fff
    }

        .imageUpload .k-tabstrip-items .k-state-default.k-state-active .k-link {
            color: #ffffff !important
        }

.imageUpload h2 {
    font-size: 22px
}

#dvpatientimage .images-info.img-selected {
    border: none
}

.teeth_chart span.clsSelect {
    background: #54b1e8;
    width: 32px;
    height: 32px;
    display: block;
    line-height: 32px;
    text-align: center;
    border-radius: 0;
    color: #fff;
    border: solid 1px #54b1e8;
    font-size: 12px;
    clip-path: circle(50%);
}

    .teeth_chart span.clsSelect.clsSelected {
        color: #fff;
        background-color: #008ADC;
        border-color: #008ADC
    }

    .teeth_chart span.clsSelect.clsSelectedPri {
        color: #fff;
        background-color: #008ADC;
        border-color: #008ADC
    }

.series_photos .slick-list .slick-slide {
    border: solid 1px #c5c5c5;
    margin: 0 5px;
    height: 130px
}

    .series_photos .slick-list .slick-slide div {
        height: 100%;
        display: table !important;
        vertical-align: middle;
        width: 100%
    }

    .series_photos .slick-list .slick-slide > div a {
        height: 100%;
        display: table-cell;
        vertical-align: middle;
        width: 100%;
        text-align: center
    }

    .series_photos .slick-list .slick-slide img {
        max-height: 130px;
        display: inline-block
    }

.series_photos .slick-arrow {
    top: -58px
}

.series_photos .slick-next {
    right: 8px
}

.series_photos .slick-prev {
    right: 32px
}

.openSlotsPage .m-checkbox > span {
    top: -8px
}

#divEditPerm button.btn-collapse, #divEditPerm button.btn-expand {
    background: #fff;
    width: 30px;
    padding: 0;
    height: 30px;
    position: absolute;
    z-index: 999
}

#divEditPerm .btn-expand {
    right: 20px;
    top: -35px
}

#divEditPerm .btn-collapse {
    right: 55px;
    top: -35px
}

#divEditPerm .check-all-group {
    position: absolute;
    right: 100px;
    top: -30px
}

.m-portlet .m-portlet__head .m-portlet__head-text {
    color: #6d6d6d
}

.openSlotsPage > .col-md-5 .k-grid td {
    padding: .2em .6em
}
/* AJ */
.panel_fieldset fieldset .row.Ac-btn-group {
    margin: 0 !important
}

.accountEditClaim .panel_fieldset fieldset .control-label {
    white-space: nowrap
}

#dvDurOfBalances .table {
    border: 1px solid #c5c5c5 !important
}

.k-widget.k-window .m-body .m-content {
    padding: 8px 0 15px
}

.header_submenu .nav-sub .m-rightSubMenu, .patient_info_blk, .acc_range li {
    position: relative
}

    .header_submenu .nav-sub .m-rightSubMenu .m-dropdown__wrapper {
        right: 0
    }

        .header_submenu .nav-sub .m-rightSubMenu .m-dropdown__wrapper .m-dropdown__arrow {
            right: 15px;
            left: auto
        }
/*disable css */
.disabled {
    pointer-events: none;
    opacity: 0.7
}

.k-edit-buttons {
    background-color: transparent !important
}

.btn {
    padding: 9px 10px;
    border-radius: 4px;
}

#FormAddEncounter .quick-note {
    right: auto;
    top: 25px;
    left: -28px;
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

/* mail mailAccordion*/
#mailAccordion .transition, #mailAccordion .emailContentArea {
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out
}

#mailAccordion li i:before {
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out
}

#mailAccordion li i:after {
    transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out
}

#mailAccordion .flipIn, #mailAccordion li {
    animation: flipdown .5s ease both
}

#mailAccordion .no-select, #mailAccordion .emailShortHeader {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#mailAccordion .emailShortHeader {
    color: #212529
}

#mailAccordion .emailShortHeader {
    font-size: 15px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    display: block;
    background-color: #fefffa;
    margin: 0;
    cursor: pointer
}

#mailAccordion .emailContentArea {
    color: rgba(48,69,92,0.8);
    font-size: 12px;
    line-height: 15px;
    position: relative;
    overflow: hidden;
    max-height: 800px;
    opacity: 1;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    margin-top: 5px;
    z-index: 2;
    padding: 0 15px;
    border-top: #c5c5c5 1px solid;
    padding-top: 0
}

    #mailAccordion .emailContentArea button.fa-reply {
        padding: 8px 15px
    }

#mailAccordion ul {
    list-style: none;
    perspective: 900px;
    padding: 0;
    margin: 0;
    height: 507px;
    overflow-y: scroll
}

#mailAccordion li {
    position: relative;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px solid #dce7eb
}

    #mailAccordion li:last-of-type {
        padding-bottom: 0
    }

    #mailAccordion li i {
        position: absolute;
        transform: translate(-6px,0);
        -webkit-transform: translate(-6px,0);
        margin-top: 5px;
        right: 15px
    }

        #mailAccordion li i:before {
            content: "";
            position: absolute;
            background-color: #ff6873;
            width: 3px;
            height: 9px
        }

        #mailAccordion li i:after {
            content: "";
            position: absolute;
            background-color: #ff6873;
            width: 3px;
            height: 9px
        }

        #mailAccordion li i:before {
            transform: translate(-2px,0) rotate(45deg);
            -webkit-transform: translate(-2px,0) rotate(45deg)
        }

        #mailAccordion li i:after {
            transform: translate(2px,0) rotate(-45deg);
            -webkit-transform: translate(2px,0) rotate(-45deg)
        }

    #mailAccordion li input[type=checkbox] {
        position: absolute;
        cursor: pointer;
        width: 100%;
        height: 100%;
        z-index: 1;
        opacity: 0
    }

    #mailAccordion li:not(.clsOpenMassage) input[type=checkbox]:checked ~ div.emailContentArea {
        margin-top: 0;
        max-height: 0;
        opacity: 0;
        transform: translate(0,50%);
        -webkit-transform: translate(0,50%)
    }

    #mailAccordion li input[type=checkbox]:checked ~ i:before {
        transform: translate(2px,0) rotate(45deg);
        -webkit-transform: translate(2px,0) rotate(45deg)
    }

    #mailAccordion li input[type=checkbox]:checked ~ i:after {
        transform: translate(-2px,0) rotate(-45deg);
        -webkit-transform: translate(-2px,0) rotate(-45deg)
    }

@keyframes flipdown {
    0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
        -webkit-transform: rotateX(-90deg)
    }

    5% {
        opacity: 1
    }

    80% {
        transform: rotateX(8deg);
        -webkit-transform: rotateX(8deg)
    }

    83% {
        transform: rotateX(6deg);
        -webkit-transform: rotateX(6deg)
    }

    92% {
        transform: rotateX(-3deg);
        -webkit-transform: rotateX(-3deg)
    }

    100% {
        transform-origin: top center;
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg)
    }
}

#mailAccordion .emailShortHeader h3, #mailAccordion .emailShortHeader h3, #mailAccordion .emailShortHeader h3 {
    font-size: 15px;
    margin-bottom: 6px
}

.emailResponseto, .emailResponseSubject {
    font-size: 13px
}

.emailResponseSubject {
    font-weight: 500
}

.emailResponseDate {
    font-size: 13px;
    font-weight: 200;
    margin-right: 40px;
    margin-top: 4px;
    float: right
}

button.fa-reply {
    background: transparent;
    border: 0;
    position: absolute;
    right: 5px;
    top: 0
}

#divDraft #GrdSent #divInboxPanel, #divSent #GrdSent .k-grid-content.k-auto-scrollable {
    height: 390px;
    overflow-y: scroll
}

/* end css*/

#divscheduler .k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li, #divscheduler .k-scheduler-toolbar > ul > li:first-child {
    border-left-width: 0;
    border-radius: 0
}

.k-combobox, .k-combobox .k-input, .k-datepicker, .k-datepicker .k-input, .k-datetimepicker, .k-datetimepicker .k-input, .k-timepicker, .k-timepicker .k-input {
    background: #fff !important;
    border-radius: 4px !important
}

.k-checkbox + .k-checkbox-label:active:after, .k-checkbox:active + .k-checkbox-label:after, .k-checkbox:checked + .k-checkbox-label:active:after, .k-checkbox:checked + .k-checkbox-label:focus:after,
.k-checkbox:checked:active + .k-checkbox-label:after, .k-checkbox:checked:focus + .k-checkbox-label:after {
    display: none !important;
    box-shadow: none !important
}

.k-datepicker .k-picker-wrap.k-state-default, .k-dropdown .k-state-default, .k-dropdown-wrap.k-state-disabled {
    height: 36px
}

    .k-dropdown .k-state-default .k-input, .k-dropdown-wrap.k-state-disabled .k-input {
        line-height: 36px;
        height: 36px;
        font-weight: 400
    }

    .k-datepicker .k-picker-wrap.k-state-default .k-input {
        line-height: 34px !important;
        height: 34px !important;
        border-radius: 4px;
        font-weight: 400
    }

.k-autocomplete .k-input, .k-multiselect-wrap, .k-textbox > input, .k-datepicker .k-picker-wrap.k-state-default, .k-widget.k-maskedtextbox .k-textbox {
    border-color: #c5c5c5;
    border-radius: 4px
}

#enter-treatment .input-group .k-datepicker .k-picker-wrap.k-state-default {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.k-datepicker .k-picker-wrap.k-state-default > .k-select {
    border-color: #c5c5c5;
    padding-top: 3px
}

.k-widget.k-tooltip-validation {
    padding: 5px;
    font-size: 13px;
    text-align: left;
    white-space: normal;
    float: left;
    margin: 0
}
/*label.k-checkbox-label, label.k-radio-label{margin-left:10px;padding-left:20px}*/
div.k-header.k-grid-toolbar {
    border-color: transparent;
    background: #d3edfc
}

input.k-radio:checked + label.k-radio-label:after {
    background-color: #2196F3;
    top: 2px;
    left: 2px
}

.k-event.k-state-selected .dropup:not(.show) {
    overflow: hidden
}

.k-event .dropup .patient-template, .k-event .dropup {
    display: block;
    height: 100%
}

    .k-event .dropup .patient-template .sec_widget12 {
        height: 100%;
        overflow: hidden
    }

.k-widget.k-maskedtextbox {
    width: 100%
}

.family_col .k-grid-content.k-auto-scrollable {
    height: 145px !important
}

#scheduler .k-scheduler-content .k-event.k-state-selected {
    overflow: visible !important
}

.k-widget.k-window .m-portlet {
    padding: 0 20px
}

.k-grid tbody .k-command-cell a.k-button {
    min-width: inherit;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 6px
}

.k-pager-wrap {
    padding: 5px 0
}

.k-animation-container .k-calendar .k-month .k-link {
    width: 20px;
    height: 20px;
    margin-bottom: 1px
}

.k-animation-container .k-calendar .k-decade, .k-animation-container .k-calendar .k-year {
    margin-top: 15px
}

    .k-animation-container .k-calendar .k-year .k-link {
        width: 3.28571429em;
        height: 3.28571429em;
        line-height: 3.28571429em
    }

    .k-animation-container .k-calendar .k-decade .k-link {
        width: 3.28571429em;
        height: 3.28571429em
    }

.k-grid th, .k-grid td {
    padding: 5px !important;
    border-width: 0 1px 0 1px;
    border-color: #c5c5c5
}

body .k-grid-header th.k-header {
    vertical-align: middle;
    padding: 8px 6px !important;
    font-weight: 500
}

.profile-summary-quickview .mob-mt-1 {
    padding-top: 5px
}

body textarea.k-textbox {
    border-color: #c5c5c5;
    border-radius: 4px;
    padding: 10px;
    resize: none;
    width: 100%;
    line-height: normal;
}

.k-grid th .k-checkbox-label:before {
    border-color: #008adc !important
}

#scheduler .k-scheduler-agendaview .k-scheduler-content {
    overflow: inherit
}

.k-pager-wrap .k-pager-numbers .k-state-selected {
    display: inline-block
}

#GrdOpenSlots .k-grid-content {
    max-height: 643px
}

div.k-widget.k-grid, div.table.table-bordered {
    border: none;
    margin: 0
}

    div.k-widget.k-grid > .k-grid-content, div.k-widget.k-grid > .k-grid-pager, div.table.table-bordered > .k-grid-content {
        border-left: solid 1px #c5c5c5;
        border-right: solid 1px #c5c5c5
    }

    .k-grid > .k-grid-header, div.table.table-bordered > .k-grid-header {
        position: relative
    }

        .k-grid > .k-grid-header[style*="padding-right:"]:after, div.table.table-bordered > .k-grid-header[style*="padding-right:"]:after {
            background: #008adc;
            width: 19px;
            height: 100%;
            content: '';
            display: inline-block;
            position: absolute;
            top: 0;
            right: 0
        }

    div.k-widget.k-grid > .k-grid-pager, .k-grid > .k-grid-content, div.table.table-bordered > .k-grid-content {
        border-bottom: solid 1px #c5c5c5;
        border-top: none
    }
    /* toolbar header */

    div.k-widget.k-grid > .k-header.k-grid-toolbar {
        padding: 15px 0 0;
    }

.k-grid .k-button, .k-grid .k-grid-toolbar > * {
    margin: 0
}

div.k-grid .k-grid-toolbar .k-button,
div.k-grid .k-header .k-button {
    background-color: #008ADC;
    border-color: #008ADC;
    border-radius: 4px;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

    div.k-grid .k-header .k-button .k-icon {
        opacity: 1;
    }

    div.k-grid .k-grid-toolbar .k-button + .k-button,
    div.k-grid .k-header .k-button + .k-button {
        margin-left: 10px !important
    }

    div.k-grid .k-header .k-button .k-i-file-pdf {
        margin-right: 0
    }

    div.k-grid .k-header .k-button .flaticon-printer {
        margin-top: 1px
    }

.k-reset li.k-button {
    text-transform: none
}

.k-grid-header th.k-header {
    height: 1.8em
}

    .k-grid-header th.k-header a {
        color: #fff;
        background-color: inherit
    }

/* end toolbar header */

ul.k-tabstrip-items li.k-item.k-state-hover span.k-link, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-edit-form-container .k-button.k-primary, .k-state-selected, #divscheduler .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
    color: #fff
}

.massage_list .k-tabstrip .k-content {
    padding: 10px 5px !important
}

.note-text {
    font-weight: 400 !important;
    margin-top: 5px;
    font-size: 12px
}

.k-numerictextbox .k-link {
    height: 17px !important
}

.btn-group .btn {
    min-width: inherit
}

.k-dropdown .k-dropdown-wrap .k-select .k-icon {
    margin-top: 5px
}

.k-list > .k-state-focused, .k-listview > .k-state-focused, .k-listview > .k-state-focused.k-state-selected,
.k-state-focused, td.k-state-focused {
    box-shadow: none !important
}

@media print {
    .table td, .table th {
        font-size: 14px
    }

    .k-grid-header th.k-header {
        background: #008adc !important;
        color: #fff !important;
        border-color: #005180 !important
    }

    @page {
        padding-top: 0.2em;
        padding-bottom: 0.2em;
        size: us-letter;
        margin: 1in
    }

    *[outputclass= "break-before"] {
        page-break-before: always
    }
}
/* end media print */

.SwitchYN .k-switch {
    border-radius: 6em;
    cursor: pointer;
    width: 6em;
    background: 0 0;
    border: 0;
    outline: 0;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    vertical-align: middle;
    font-size: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left
}

.SwitchYN .k-switch-off .k-switch-container {
    color: #656565 !important;
    background-color: #fff !important
}

.SwitchYN .k-switch-container {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.08)
}

.SwitchYN .k-switch-container {
    border-radius: 6em;
    padding: 0 0;
    border-width: 0;
    border-style: solid;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    position: relative;
    outline: 0;
    transition: background-color .2s ease-out 0s;
    -webkit-transition: background-color .2s ease-out 0s;
    height: auto !important
}

.SwitchYN .k-switch-label-off, .SwitchYN .k-switch-label-on {
    display: inline;
    width: calc(100% + -3em + -10px);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-transform: uppercase;
    line-height: 3em;
    overflow: hidden
}

.SwitchYN .k-switch-label-on {
    text-align: left;
    left: 8px
}

.SwitchYN .k-switch-label-off, .SwitchYN .k-switch-label-on {
    text-shadow: none
}

.SwitchYN .k-switch-off .k-switch-label-on {
    color: transparent
}

.SwitchYN .k-switch-label-off {
    text-align: right;
    right: 8px
}

.SwitchYN .k-switch-off .k-switch-handle {
    border-color: rgba(0,0,0,.08);
    color: #656565;
    background-color: #f2f2f2
}

.SwitchYN .k-switch-off .k-switch-handle {
    left: 0
}

.SwitchYN .k-switch-handle {
    background-clip: padding-box
}

.SwitchYN .k-switch-handle {
    border-radius: 6em;
    width: 3em;
    height: 3em;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    left: 0;
    transition: left .2s ease-out 0s;
    -webkit-transition: left .2s ease-out 0s;
    top: 0 !important
}

.nav.nav-tabs .nav-item a {
    border: 1px solid #c5c5c5;
    border-bottom-width: 0;
    font-weight: 500;
    border-radius: 0;
    padding: .8rem 1.7rem
}

    .nav.nav-tabs .nav-item a.active {
        background: #008ADC;
        color: #fff;
        border-color: #008ADC
    }

.nav.nav-tabs .nav-item .badge {
    padding: .3em .45em;
    line-height: 9px
}

.quick-noteWrap .quick-note {
    right: 15px;
    top: -32px
}

#dvDurOfBalances table tr.k-state-selected {
    background-color: #00b0ff !important
}

.modal_checkbox .k-checkbox-label, #treatment_plan #enter-treatment .m-radio .k-radio-label {
    margin-left: 0
}

#treatment_plan #enter-treatment .m-radio {
    padding-left: 0
}

.tableFamilyAging table .dayscol {
    background-color: #008adc;
    color: #fff;
    border-color: #0973b2
}

.tableFamilyAging table .totalcol, .tableFamilyAging table .patBalscol {
    background-color: #008adc;
    color: #444
}

.m-body .m-content.patientDetails {
    padding-right: 0
}

.patientDetails .tableFamilyAging table th, .patientDetails .tableFamilyAging table td {
    border-bottom: none;
    padding: 0;
    vertical-align: middle;
    border-right: solid 1px #c5c5c5;
}

.patientDetails .profile-summary-quickview .patient-top-sec {
    padding: 0 10px
}

.patientDetails .p_info h3, .patientDetails .p_info p, .tableFamilyAging table td, .hov_schedule p, ul.k-tabstrip-items li.k-item span.k-link {
    color: #444
}

.m-card-user .m-card-user__details .m-card-user__name {
    font-size: 1.005rem;
    font-weight: 400;
    line-height: 1.4rem
}

.m-card-user .m-card-user__details #spUserFLName_HeaderMenu {
    font-size: 1.2rem;
    font-weight: 600
}

.tabs_ProvidersStaff .apvt_tabs .k-content {
    padding: 15px !important;
    border: solid 1px #c5c5c5 !important;
    border-top: none !important
}

.tabs_ProvidersStaff .apvt_tabs .k-item .k-link {
    padding: 8px 15px
}

.operatoriesList {
    max-height: 300px;
    overflow-y: scroll
}

.k-numeric-wrap .k-input, .k-numerictextbox .k-select {
    background-color: transparent !important;
    height: 33px !important
}

.k-numeric-wrap.k-state-default {
    height: 36px !important
}

.form-control.m-input:focus {
    background-color: #fff;
    border-color: #f5f5f5;
    box-shadow: 0 0px 7px 0px #e8e8e8
}

.btn-dlg-primary + .k-dialog-buttongroup .k-button {
    flex: none !important;
    margin: 10px !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 5px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.btn-dlg-primary + .k-dialog-buttongroup .k-primary {
    background-color: #008ADC;
    border-color: #008ADC;
    padding: .65rem 0.35rem
}

.m-login.m-login--2 .m-login__wrapper {
    padding: 2% 2rem 1rem
}

    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__logo {
        margin: 0 auto
    }

    .m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form {
        margin: 2rem auto 0
    }

.login_bg {
    background: url(../images/login-bg.png) repeat 0 0;
}

.patientPortalLogin_bg {
    background: url(../images/portalLogin-bg.jpg) repeat 0 0;
}

.officepatientLogin_bg {
    background: url(../images/portalLogin-bg.jpg) repeat 0 0;
}

.k-button.k-button-icontext.k-grid-cancel {
    background-color: #f4516c;
    border-color: #f4516c;
    color: #fff;
    border-radius: 4px
}

    .k-button.k-button-icontext.k-primary.k-grid-update .k-i-check, .k-button.k-button-icontext.k-grid-cancel .k-i-cancel {
        display: none
    }

.k-button.k-button-icontext.k-primary.k-grid-update {
    background-color: #008ADC;
    border-color: #008ADC;
    color: #fff;
    border-radius: 4px
}

#divUCP .fa.fa-eye {
    margin-top: 8px
}
/*.k-checkbox + .k-checkbox-label{margin:0 5px 0 0;float:left;text-indent:5px; color:#444;}*/
.k-checkbox + .k-checkbox-label:empty {
    float: none;
    margin-top: 0;
    min-height: 18px;
    vertical-align: middle
}

.k-checkbox:checked + .k-checkbox-label:before {
    text-indent: 0;
    outline: none
}

.k-checkbox + .k-checkbox-label:after {
    text-indent: 0
}

.k-grid-header th.k-header > .k-link .k-sort-order, .k-grid-header th.k-header > .k-link .k-icon {
    color: #008adc !important
}

.input-group button#butResend {
    min-width: 35px;
    margin-left: 10px
}

fieldset a#ECL_butReferralEdit, fieldset a#ECL_butReferralNone, #butOtherNone {
    padding: 10px 0;
    float: left
}

fieldset a#ECL_butReferralEdit, .my-task-popup div.k-grid .k-header .k-button .k-i-file-pdf {
    margin-right: 5px
}

#movements .input-group input.form-control {
    padding: 5px 6px
}

#movements .input-group-append .btn.btn-secondary {
    padding: 8px 20px;
    min-width: inherit
}

.btn_calc .btn {
    min-width: 40px;
    width: 32%
}

.plaque_bg {
    background: #6666ff;
    height: 25px;
    margin-top: 3px
}

.calculus_bg {
    background: #009d00;
    height: 25px;
    margin-top: 3px
}

.bleeding_bg {
    background: #f01414;
    height: 25px;
    margin-top: 3px
}

.suppu_bg {
    background: #ffa000;
    height: 25px;
    margin-top: 3px
}

.font12 {
    font-size: 12px !important
}
/* .calcBtnSm .btn, .calcindexButtons .btn{padding:.40rem 0.35rem;font-size:12px}*/
.calcindexButtons input.form-control {
    padding: .38rem 1.25rem
}

.k-numerictextbox .k-numeric-wrap.k-state-default {
    height: 37px !important;
    padding-right: 0;
    padding-left: 0;
    width: 100%
}

.calc_numericBox .k-numeric-wrap .k-link .k-icon:before {
    height: 14px
}

.calc_numericBox .k-numerictextbox .k-link {
    height: 14px !important
}

.calc_numericBox .k-numeric-wrap .k-input {
    text-indent: 0;
    text-align: center;
    width: 30px !important;
    float: left !important
}

.calc_numericBox label.control-label {
    line-height: 30px
}

.calc_numericBox .k-numerictextbox .k-select {
    height: 28px !important;
    line-height: 28px;
    width: 25px
}

.dailySch {
    width: 100%;
    margin: 15px 0 0;
    min-height: 275px;
    padding: 20px;
    background: #6f42c1;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05)
}

.dailySch-overall {
    font-size: 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0
}

.dailySch-icon {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: solid 5px #fff;
    margin: 22px auto 0;
    line-height: 140px
}

    .dailySch-icon .fa {
        line-height: 120px;
        display: block;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }

#numbersinRed .form-control {
    padding: 5px 0 6px
}

#mailAccordion .ecMessageBody {
    font-size: 13px;
    margin: 5px 0;
    font-family: roboto;
    font-weight: 400;
    color: #212529;
    letter-spacing: 0.2px
}

.m-widget1 {
    padding: 15px 0 0 0;
    display: block;
    float: left;
    width: 100%
}

    .m-widget1 .m-widget1__item .m-widget1__title {
        display: block;
        float: left;
        width: 100%;
        color: #fff;
        margin: 6px 0 12px;
        position: relative;
        padding-left: 30px
    }

        .m-widget1 .m-widget1__item .m-widget1__title .faAniIcon {
            position: absolute;
            left: -4px;
            top: -8px;
            font-size: 30px;
            transition: all 0.5s ease-in-out 0s;
            -moz-transition: all 0.5s ease-in-out 0s;
            -webkit-transition: all 0.5s ease-in-out 0s
        }

    .m-widget1 .m-widget1__item .m-widget1__number {
        color: #fff;
        transition: all 0.4s ease-in-out 0s;
        -moz-transition: all 0.4s ease-in-out 0s;
        -webkit-transition: all 0.4s ease-in-out 0s
    }

    .m-widget1 .m-widget1__item .m-widget1__desc {
        color: #e6e2e2
    }

    .m-widget1 .m-widget1__item {
        width: 100%;
        margin: 0;
        margin-bottom: 10px;
        float: left;
        height: 85px;
        border-bottom: none;
        padding: 10px 15px;
        color: white;
        border-radius: 4px;
        box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05);
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -ms-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out
    }

        .m-widget1 .m-widget1__item:last-child {
            margin-bottom: 0
        }

.chart_widget {
    padding: 0;
    margin-top: 20px !important;
    clear: left
}

.asOffTime {
    font-weight: 500;
    margin-right: 10px
}

.m-widget16__body {
    border-radius: 4px;
    padding: 0 10px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.05)
}

.m-widget16 .m-widget16__body .m-widget16__item .m-widget16__price, .m-widget16 .m-widget16__body .m-widget16__item .m-widget16__date {
    color: #fff
}

.m-widget16 .m-widget16__body .m-widget16__item {
    padding: 7.4px 0
}

.dashboard_title {
    border-bottom: solid 1px #c5c5c5;
    margin-left: 0;
    overflow: hidden
}

    .dashboard_title .m-subheader__title {
        color: #212529
    }

.m-widget16 .m-widget16__body .m-widget16__item.itemThead {
    font-weight: 600
}

.k-button, .k-gantt-toolbar, .k-scheduler-footer .k-scheduler-fullday, .k-scheduler-toolbar .k-nav-today, .k-scheduler-toolbar .k-scheduler-views {
    text-transform: none !important
}

.dashboard-page .m-widget14__title {
    position: relative;
    font-size: 16px;
    height: 22px;
    line-height: 22px;
    margin: 20px 0 0 0
}

    .dashboard-page .m-widget14__title span {
        float: left
    }

    .dashboard-page .m-widget14__title .fa {
        font-size: 20px;
        margin-left: 10px;
        vertical-align: middle
    }

.insurancecolumn .m-widget1__title i.fa-share-square-o {
    font-size: 18px;
    margin-left: 5px
}

.k-grid-toolbar .k-i-plus:before {
    content: "\f067";
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.form-control.k-widget .k-input, .form-control.k-widget {
    border-radius: 4px;
    padding: 0;
    line-height: 34px;
    font-family: roboto;
    font-size: 14px;
    color: #444;
}

.unhide_checkbox {
    float: left;
    width: 100%;
    clear: left;
    position: relative
}

    .unhide_checkbox span {
        position: absolute;
        left: 25px;
        top: 7px
    }

.turnaroundTimes {
    position: relative;
    padding-top: 10px
}

    .turnaroundTimes .k-header.k-grid-toolbar {
        position: absolute;
        right: 0;
        top: -44px
    }

/* treeview css for Images page */

.k-list-container.k-popup > .k-group-header {
    text-align: left
}

.mob-link {
    display: none !important
}

body .k-dialog .k-dialog-titlebar.k-header {
    background-color: #3f51b5;
    color: #fff;
    padding: 8px 16px;
    font-weight: 500;
    font-family: roboto
}

    body .k-dialog .k-dialog-titlebar.k-header .k-dialog-title {
        font-size: 16px;
        font-weight: 500;
        color: #fff
    }

.btn.k-window-content.k-dialog-content {
    display: block;
    text-align: left;
    padding-top: 16px;
    padding-bottom: 16px
}

.m-dropdown .m-dropdown__wrapper .m-dropdown__body, .nav.nav-tabs + .tab-content {
    padding: 10px
}

.quick-noteWrap, #divUnscheduledRecalls .m-widget16__body {
    position: relative
}

    #divUnscheduledRecalls .m-widget16__body:after {
        position: absolute;
        bottom: 0;
        left: 4px;
        border-right-width: 4px;
        height: 2px;
        background: #e4a715;
        content: '';
        display: inline-block;
        width: 96%
    }

#dvfindpatientSearchoption .last-col {
    text-align: right
}

/* media css for responsive*/
@media (min-width:767px ) and (max-width:992px) {
    .mob-hide {
        display: none !important
    }

    .mob-mt-1 {
        margin-top: 10px
    }

    .mob-mt-2 {
        margin-top: 20px
    }

    .mob-patInfo-lastCol .personalInfo {
        width: 48%;
        float: left;
        margin: 20px 2% 0 0
    }

    .mob-fRight, .m-footer .m-footer__nav {
        float: right !important
    }

    .nav.nav-tabs .nav-item a {
        padding: .8rem .9rem
    }

    .mob-editAppt > fieldset, .mob-editAppt .add-appt-widget {
        width: 48%;
        margin: 0 1% 25px !important;
        float: left;
        clear: none
    }

    .m-header .m-brand {
        width: 150px
    }

    .m-topbar .m-topbar__nav.m-nav [class^="flaticon-"]:before {
        font-size: 16px
    }

    .m-topbar .m-topbar__nav.m-nav [class*=" flaticon-"]:before {
        font-size: 16px
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper > i {
        font-size: 16px
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item {
        float: left;
        width: 50px
    }

        .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile {
            width: 170px;
            float: left
        }

        .m-topbar .m-topbar__nav.m-nav > .m-nav__item.client_logo {
            width: 70px;
            float: left
        }

        .m-topbar .m-topbar__nav.m-nav > .m-nav__item .m-topbar__username, .m-topbar .m-topbar__nav.m-nav > .m-nav__item span.m-topbar__welcome {
            display: block;
            width: 105px;
            float: left
        }

        .m-topbar .m-topbar__nav.m-nav > .m-nav__item .noto_label {
            height: 18px;
            width: 18px;
            line-height: 18px;
            font-size: 11px;
            top: 1px
        }

        .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__username {
            font-size: 12px;
            line-height: initial !important
        }

    #myTabContent .k-chat {
        max-width: none
    }

    .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link {
        padding: 0 10px 0 4px !important
    }

    .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link {
        padding: 0 !important
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open {
        background-color: transparent
    }

    .m-dropdown.m-dropdown--align-right .m-dropdown__wrapper {
        right: 50px;
        z-index: 99999;
        max-width: 708px;
        padding-top: 0
    }

    .m-dropdown.m-dropdown--align-center.m-dropdown--large .m-dropdown__wrapper, .menu_large, #manage_dropMenu {
        margin-left: 0
    }

    .m-aside-header-menu-mobile .m-menu__nav .m-menu__subnav .m-menu__content {
        margin-top: 5px;
        display: inline-block;
        width: 100%
    }

    .m-menu__subnav ul {
        list-style: none;
        padding-left: 0;
        overflow: hidden;
        clear: left
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content .m-menu__item {
        width: 33.33%;
        float: left
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__quick-actions.m-topbar__quick-actions--img.m-dropdown--arrow .m-dropdown__arrow {
        display: none
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content > li.m-menu__item .m-menu__heading {
        font-size: 15px
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content li.m-menu__item .m-menu__inner .m-menu__link-text, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item > .m-menu__link .m-menu__link-text {
        color: #676c7b
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content li.m-menu__item .m-menu__link .m-menu__link-icon, .m-header-menu.m-header-menu--submenu-skin-light .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item > .m-menu__link .m-menu__link-icon {
        color: #b8bece;
        vertical-align: middle
    }

    .subscriberInfo_content {
        border-left: 0;
        padding-left: 0
    }

    #divConversationEdit {
        width: 100% !important;
        min-width: inherit !important
    }

    #patient_dropMenu {
        margin-left: 0;
        padding-top: 5px;
        float: left;
        min-width: 100%
    }

    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__heading {
        padding: 8px 10px !important;
        width: 100%;
        margin: 0;
        height: auto !important;
        display: inline-block;
        border-width: 0
    }

    .mob-link {
        display: block !important
    }

    .sp-icon.blockouts {
        background-position: -5px -118px;
        background-size: 78px auto
    }

    .sp-icon.cases {
        background-position: -4px -95px
    }

    .sp-icon.slips {
        background-position: -3px -198px
    }

    .sp-icon.users {
        margin-top: 0 !important
    }

    .sp-icon.forms {
        background-position: -3px -232px
    }

    .sp-icon.admin {
        background-position: 0 -30px;
        margin-top: 0 !important
    }

    .sp-icon.procedure {
        background-position: -3px -259px
    }

    .sp-icon.conditions {
        background-position: -3px -287px
    }

    .sp-icon.medications {
        background-position: -3px -317px
    }

    .sp-icon.fee {
        background-position: -3px -345px
    }

    .sp-icon.manager {
        background-position: -3px -374px
    }

    .sp-icon.financial {
        background-position: -3px -460px
    }

    .sp-icon.letters {
        background-position: -4px -634px
    }

    .sp-icon.dcqp {
        background-position: -3px -1005px
    }

    #support_dropMenu2 .m-menu__link-icon {
        float: left
    }

    #support_dropMenu2 .m-menu__link-text {
        display: block;
        padding-left: 30px
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content li .m-menu__link {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 22px
    }

    .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading,
    .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__link {
        height: 35px
    }

    .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__content .m-menu__inner .m-menu__link {
        padding: 4px !important
    }
}
/* end media 767 and 992 */
.m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
    width: 24px !important;
    height: 24px !important;
}

/*   20-07-2020   */
.m-footer .m-footer__copyright {
    padding-bottom: 10px
}

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

body .m-body .m-content {
    padding-top: 15px
}

body #m_portlet, body .popup_body .m-portlet, .k-widget.k-window .m-portlet, #mailAccordion, .popup_body .m-portlet, .k-widget.k-window .m-portlet .m-portlet__body, .k-pager-wrap .k-pager-info, .m-widget14, .form-add-patient-content #fieldset_group {
    padding: 0
}

#kwHeaderMenuSmall .k-checkbox-label:before {
    top: 10px
}

/* Client-feedback css */

.apply-scheduling .padd-left {
    padding-left: 80px
}

.white-text h5 span, .white-text .sec_widget_content p {
    color: #fff;
    font-size: 13px;
    line-height: 18px;
    text-shadow: 0 0 3px rgba(0,0,0,.4)
}

body .k-grid-content tr td {
    border-left-width: 1px
}

.include-missed {
    margin-top: 10px;
    max-width: 72%;
    float: right;
    padding-left: 30px;
    position: relative
}

    .include-missed .k-checkbox {
        position: absolute;
        left: 0
    }

    .include-missed .label-with-text {
        float: left
    }

.sche-planned-appt-popup .include-missed .k-checkbox-label {
    margin-left: -30px;
    float: left
}

.line-height-none {
    line-height: normal
}

.m-login__form-sub .k-checkbox-label {
    float: none
}

body .k-window-titlebar .k-window-actions {
    top: 8px
}

.advance-search-form {
    border-radius: 4px;
    padding: 15px;
    background: #f9f9f9;
    margin-top: 15px;
    overflow: hidden
}

    .advance-search-form .show-checkbox {
        margin-top: 10px
    }

        .advance-search-form .show-checkbox .k-checkbox-label {
            margin-left: 10px
        }

    .advance-search-form .col-form-label {
        padding-top: 0
    }

    .advance-search-form textarea {
        height: 36px
    }

.k-multicheck-wrap .k-item {
    margin-left: 5px
}

.billing-statements-popup h5 {
    border-bottom: 1px #c5c5c5 dashed;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-left: 0;
    color: #444
}
/*.latters-popup, .employee-status-popup, .user-group-popup, .employee-popup, .schedule-opt-popup, .schedule-View-edit-popup,.recall-setup-popup, .clearing-house-edit-popup, .dentalproducts-popup, .tx-sites-popup,.disease-master-edit-popup, .laboratory-turn-around-popup, .rx-edit-print{width:700px}*/
.practice-info-popup .k-radio-label, body .k-scheduler-toolbar > .k-scheduler-tools {
    margin-bottom: 0
}

.practice-info-popup .checkbox-claims label:empty {
    float: left
}

.provider-edit-popup {
    display: inline-block;
    width: 100%
}

    .provider-edit-popup .clear-icon {
        margin-left: 10px
    }

    .provider-edit-popup .checkbox-sec label:empty {
        float: left
    }

    .practice-info-popup .checkbox-claims > div, .provider-edit-popup .checkbox-sec .padd-text {
        padding-left: 25px
    }

.user-permissions-popup .group-prom-sec, .user-permissions-popup .note-sec {
    width: 100%;
    display: inline-block;
    margin-top: 14px;
    margin-bottom: 5px
}

.user-permissions-popup .edit-perm-sec, .laboratory-edit-popup .turnaroundTimes {
    margin-top: 20px
}

.user-permissions-popup #divEditPerm .check-all-group {
    top: 4px;
    min-width: 171px;
    right: 80px
}

.user-permissions-popup .k-panelbar-collapse.k-icon, .user-permissions-popup .k-panelbar-expand.k-icon {
    right: 15px;
    background: #fff;
    color: #000;
    border-radius: 20px;
    height: 30px;
    width: 30px;
    margin: 0;
    top: 8px;
    position: absolute;
}

.user-permissions-popup .k-state-selected .k-icon:before {
    color: #c5c5c5
}

.user-permissions-popup .user-status .k-dropdown {
    float: left;
    max-width: 115px
}

div.schedule-view-popup table, div.code-definition-popup table, div.appointment-type-page table, div.sche-procedures-popup table, div.dentalproducts-popup table,
.recall-setup-popup .list-types .k-listbox, .billing-statements-popup .checkbox-sec .k-checkbox-label {
    width: 100%
}

div.operatory-page table, div.code-definition-popup table, div.appointment-type-page table, div.appointment-type-page table {
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6
}

.recall-type-edit-popup .trigger-procedures, .recall-type-edit-popup .trigger-procedures .k-listbox {
    width: 100%;
    float: left;
    margin-top: 5px
}

.text-templates-popup .apvt_tabs.k-tabstrip .k-content {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

div.k-edit-form-container, .misc-procedures-edit-popup {
    min-width: 500px
}

.fee-edit-popup .input-group .k-state-default {
    border-radius: 4px 0 0 4px
}

#divscheduler .k-scheduler-agendaview .white-text h5 span, #divscheduler .k-scheduler-agendaview .white-text .sec_widget_content p {
    color: #444;
    text-shadow: none
}

.profile-summary-quickview .patient_info .patient-info-input label {
    line-height: 30px
}

.profile-summary-quickview .patient-top-sec {
    padding: 0 45px 0 15px
}

    .profile-summary-quickview .patient-top-sec .patient_pic {
        float: left;
        position: relative
    }

    .profile-summary-quickview .patient-top-sec .patient_info {
        padding-left: 115px;
        margin-top: 0
    }

        .profile-summary-quickview .patient-top-sec .patient_info .btn {
            padding: 2px 8px
        }

.treatment-plan-page .set-rank label {
    line-height: 38px;
    margin-bottom: 0
}

.treatment-plan-page .set-rank .k-dropdown {
    display: block;
    padding-left: 40px;
    background: transparent
}

.ortho-page .dr_list label {
    text-align: right
}

    .ortho-page .dr_list label .k-textbox.form-control {
        width: 58%
    }

body .patient-appo-popup .table-striped, .billing-clinic-popup .table, div.recall-status-popup table, div.image-category-popup table, div.appt-confirm-popup table, div.comm-type-popup table {
    border: 1px solid #c5c5c5
}

.add-edit-patient-recall-popup .always-stop .k-checkbox-label {
    float: left
}

.add-edit-patient-recall-popup .always-stop .control-label {
    line-height: 18px;
    margin-bottom: 10px
}

.procedure-info-popup .tab-sec .k-content {
    padding: 10px 0;
    overflow: hidden
}

.procedure-info-popup .modifiers_group input {
    width: 25%
}

body .m-tabs-line, .m-portlet .m-portlet__head, body .nav-tabs {
    border-bottom-color: #c5c5c5
}

.dental-page .view-col .form-control.k-widget {
    width: 216px;
    float: left
}

.medical-popup .insurance_plan_tab .tab-content {
    padding-left: 0;
    padding-right: 0
}

.medical-popup .nav-tabs {
    margin-bottom: 5px
}

.dental-page .patient_info_blk, .ortho-page .patient_info_blk {
    padding: 10px 10px 0 10px
}

.edit-statement .date-sec span {
    margin-right: 5px
}

.edit-statement .k-checkbox-label:before {
    top: 0 !important
}

.adjustment-popup .quick-noteWrap .quick-note {
    position: relative;
    right: 41px;
    top: -43px
}

.k-multicheck-wrap li.k-item span.k-item-title {
    margin-left: 5px
}

.personal-info-sec .apvt_tabs.k-tabstrip .k-content {
    padding-left: 0;
    padding-right: 0;
    overflow: visible
}

.personal-info-sec .personalInfo label {
    word-break: break-word
}

.personal-info-sec .control-group {
    position: relative
}

    .personal-info-sec .control-group .control-label {
        line-height: inherit
    }

    .personal-info-sec .control-group .row {
        margin-top: 0;
        font-size: 14px
    }

        .personal-info-sec .control-group .row.info-text {
            margin-top: 0;
            clear: left;
            overflow: hidden
        }

.k-datetimepicker .k-select .k-link {
    line-height: 34px
}

.k-pdf-export {
    font-family: sans-serif !important
}

.upload-img {
    border: 1px solid #d9d9d9;
    border-radius: 5px
}

    .upload-img #UploadEmployeePhoto {
        width: 100%
    }
/*.patient_details #spReferredBy{word-break:break-all}*/
.header-sa-menu .m-menu__link-icon {
    float: left
}

#RefAttachEdit_textName {
    word-wrap: break-word
}

.practice-info-popup .checkbox-claims #UseOnClaims_PI {
    position: absolute
}

/* Firefox CSS hack */
@-moz-document url-prefix() {
    .ins-claims-page, .appo-reminders-popup, .user-permissions-popup, .unbilled-procedure-popup,
    .pending-claims-popup, .open-slots-popup, .latter-edit-popup, .referral-select-popup, .add-payment-popup, .clearing-house-popup,
    .referral-edit-popup {
        padding-bottom: 55px
    }

    .audit-trail-popup, .practice-info-popup, .provider-popup, .from-builder-popup, .procedures-codes-popup, .quick-paste-type-popup,
    .sche-recall-popup, .procedure-info-popup, .lab-cases-popup, .appt-sche-edit-popup, .code-definition-popup, .recall-status-popup,
    .free-schedule-popup, .sche-confirmation-popup, .plan-manager-popup {
        padding-bottom: 15px
    }

    .find-patient {
        padding-bottom: 70px
    }

    .k-textbox.form-control, input {
        box-shadow: none
    }
}

/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
    .panel_fieldset fieldset, #fieldset_group fieldset {
        margin-top: 20px
    }

        .panel_fieldset fieldset legend, #fieldset_group fieldset legend {
            position: relative;
            top: -26px;
            padding-bottom: 0;
            background: #fff;
            padding-top: 0
        }

    .ins-claims-page, .appo-reminders-popup, .user-permissions-popup, .unbilled-procedure-popup, .pending-claims-popup, .open-slots-popup, .latter-edit-popup, .referral-select-popup, .add-payment-popup, .clearing-house-popup, .referral-edit-popup {
        padding-bottom: 55px
    }

    .audit-trail-popup, .practice-info-popup, .provider-popup, .from-builder-popup, .procedures-codes-popup, .quick-paste-type-popup, .sche-recall-popup, .procedure-info-popup, .lab-cases-popup, .appt-sche-edit-popup, .code-definition-popup, .recall-status-popup, .free-schedule-popup, .sche-confirmation-popup, .plan-manager-popup {
        padding-bottom: 15px
    }

    .k-textbox.form-control, input {
        box-shadow: none
    }

    .billing-default-popup .panel_fieldset fieldset legend, .billing-default-popup #fieldset_group fieldset legend {
        top: -10px
    }

    .profile-summary-quickview .table th.labelblk p {
        top: 60px
    }
}

#UploadedImageGrid table thead th {
    background: #008adc;
    color: #fff;
    border-color: #005180
}

#dvimagetypeEditor input#txtImageFilePath {
    border-color: #c5c5c5;
    border-radius: 4px;
    width: 100%
}

.k-multiselect-wrap li span {
    font-size: 12px
}

.patient-table table {
    width: 100% !important
}

.add-payment-popup .date-picker .k-datetimepicker, .add-payment-popup .date-picker .k-picker-wrap, .perio-page .k-listbox {
    width: 100%
}

.inner-inp .k-textbox {
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    width: 100%
}

.treatment-plan-sign-popup {
    padding: 15px;
    background: #fff
}

    .treatment-plan-sign-popup .table td, .treatment-plan-sign-popup .table th {
        padding-left: 6px;
        padding-right: 6px;
        border-color: #c5c5c5
    }

.image-info-popup {
    min-width: 710px
}

.clsImaging {
    border-radius: 4px;
    border-bottom: 1px solid #e2d5d5;
    background-color: #FFA62C;
    color: #fff;
    font-size: 14px
}

body .img-type-editor-popup .editor-field {
    margin-right: 3%;
    width: 62%
}

.kbw-signature canvas {
    border-radius: 4px;
    width: 100%;
    height: 100%
}

.table .alert-warning {
    border-radius: 0;
    margin-bottom: 0
}

    .table .alert-warning h6 {
        margin: 5px 0
    }

.blockout-edit-popup {
    min-width: 712px
}

    .blockout-edit-popup .mrg-left {
        margin-left: 33.333%
    }

    .blockout-edit-popup .history-sec .k-grid {
        margin-top: 10px
    }

#divscheduler tr {
    word-break: break-word
}

.user-permissions-popup .group-prom-sec li .k-content {
    background: #fff
}

.ortho-page .encounter-tab-sec #AddEncounterGrid {
    overflow: auto
}

.edit-insurance-benefits-popup .input-group-addon {
    margin-left: -2px
}

.open-slots-popup .day-table .table, .edit-claim-atta-popup .table-bdr {
    border: solid 1px #c5c5c5
}

.dental-page .chart_tabs .tab-content {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0
}

.batch-inc-payment-popup .date-range-sec {
    margin: 0 auto
}

.edit-claim-tab .apvt_tabs.k-tabstrip .k-content {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.edit-claim-attachment-item .redio-padd-left .k-radio-label {
    margin-left: 8px !important
}

body .k-calendar .k-calendar-view {
    padding-bottom: 15px;
    border-bottom: solid 1px #c5c5c5;
    height: 20em
}

body .k-picker-wrap.k-state-default > .k-select, .insurance-verif-list-popup .k-textbox, body .k-panelbar .k-content, body .k-panelbar .k-item, body .k-panelbar .k-panel,
body .k-panelbar.k-header, body .k-panelbar > .k-item > .k-link, body hr, body .k-widget, body .k-scheduler-monthview .k-hidden, body .k-scheduler-monthview .k-scheduler-table td, body .k-scheduler-header th, .k-scheduler-header-wrap, body .k-scheduler-table td, .k-scheduler-times,
body .k-scheduler-times th, .k-scheduler-times tr, body .k-listbox .k-list-scroller, body .k-state-default, body .btn.btn-secondary {
    border-color: #c5c5c5
}

body .k-checkbox-label:before {
    border-radius: 4px
}

#dvHeaderSubMenu .m-nav__item a {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 42px !important;
}

#dvHeaderSubMenu .m-nav__item:first-child a {
    padding-left: 0
}

.procedures-codes-popup .multi-select-sec .k-multiselect {
    border: 1px solid #c5c5c5;
    border-radius: 4px
}

.procedures-codes-popup .multi-select-sec .k-multiselect-wrap {
    border: none
}

.procedures-codes-popup .inner-ttl {
    font-weight: 500;
    font-size: 13px
}

.ins-claims-page .date-range, .ins-claims-page .claim-type {
    float: left;
    list-style: none;
    padding: 0;
    margin: 0
}

    .ins-claims-page .date-range li, .ins-claims-page .claim-type li {
        float: left;
        margin-right: 10px
    }

    .ins-claims-page .date-range label, .ins-claims-page .claim-type label {
        line-height: 34px;
        margin: 0
    }

    .ins-claims-page .date-range .k-datepicker {
        max-width: 130px
    }

    .ins-claims-page .date-range button, .ins-claims-page .claim-type button {
        margin-top: 8px;
        cursor: pointer
    }

    .ins-claims-page .claim-type .k-multiselect {
        width: 250px;
        overflow: auto;
        height: 36px;
        border: 1px solid #c5c5c5;
        border-radius: 4px
    }

    .ins-claims-page .claim-type .k-multiselect-wrap {
        padding-right: 0;
        border: none
    }

        .ins-claims-page .claim-type .k-multiselect-wrap span {
            font-size: 11px
        }

.ins-claims-page .claim-left {
    position: relative;
    z-index: 5
}

.ins-claims-page .pull-top {
    margin-top: -10px
}

body input.k-textbox {
    text-indent: 0;
    padding-left: 8px;
    padding-right: 8px
}

.procedure-payment-popup .table .k-grid-toolbar .k-grid-cancel-changes, .procedures-table-sec .table .k-grid-toolbar .k-grid-cancel-changes {
    background-color: #f4516c !important;
    border-color: #f4516c !important
}

.my-task-popup .k-grid-norecords .k-grid-norecords-template {
    top: auto;
    left: 0;
    margin: 0;
    width: 100%;
    border: 0
}

.referral-select-popup .search-btn {
    margin-left: -2px;
    z-index: 2;
    border-radius: 0 4px 4px 0
}

.billing-statements-popup .k-daterangepicker span, .billing-popup .k-daterangepicker span, .medication-patient-edit-popup .k-daterangepicker span, .disease-edit-popup .k-daterangepicker span {
    display: none
}

.billing-statements-popup .k-dateinput.k-widget, .medication-patient-edit-popup .k-dateinput.k-widget, .disease-edit-popup .k-dateinput.k-widget, .billing-popup .k-dateinput.k-widget {
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-right: 5px;
    display: block
}

.billing-statements-popup .k-dateinput.k-widget {
    width: 48%;
    float: left;
}

.batch-inc-payment-popup .k-dateinput.k-widget {
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    margin-bottom: 10px;
    margin-right: 5px
}

    .billing-statements-popup .k-dateinput.k-widget input, .medication-patient-edit-popup .k-dateinput.k-widget input, .disease-edit-popup .k-dateinput.k-widget input, .billing-popup .k-dateinput.k-widget input, .batch-inc-payment-popup .k-dateinput.k-widget input {
        border: none;
        border-radius: 4px
    }

.patient-change-pass-popup .required {
    line-height: 36px
}

.form-add-patient-content .m-checkbox {
    padding-left: 18px !important;
    position: relative
}

.form-add-patient-content .send-texts label {
    margin-right: 5px
}

.form-add-patient-content .padd-top3 {
    padding-top: 3px
}

.perio-page .div-perio-footer ul {
    padding: 0;
    margin: 0;
    line-height: normal
}

.ref-attach-edit-popup a i {
    color: #008ADC;
    font-size: 15px
}

body .referrals-patient-popup .table {
    border: 1px solid #c5c5c5
}

.k-dialog-buttongroup button.k-primary {
    background: #008ADC;
    border-left: none
}

.k-dialog-buttongroup button.k-button {
    border-left: 1px solid #fff
}

#dlgOrthoVisit ~ .k-dialog-buttongroup .k-button.k-primary, #dlgDentalTxPlan ~ .k-dialog-buttongroup .k-button.k-primary {
    background: #008ADC;
    border-color: #008ADC;
    color: #fff;
    border-radius: 4px !important
}

#dlgOrthoVisit ~ .k-dialog-buttongroup .k-button, #dlgDentalTxPlan ~ .k-dialog-buttongroup .k-button {
    background: #f4516c;
    border-color: #f4516c;
    color: #fff;
    margin-left: 0 !important;
    border-radius: 4px !important
}

.recall-type-edit-popup .trigger-procedures li .row {
    border-bottom: 1px solid #d2d0d0
}

#closeDialog ~ .k-dialog-buttongroup button:first-child {
    background: #008ADC;
    border-color: #008ADC;
    color: #fff
}

#closeDialog ~ .k-dialog-buttongroup button {
    background: #f4516c;
    border-color: #f4516c;
    color: #fff
}

#dlgSelectSubscriber ~ .k-dialog-buttongroup .k-button.k-primary ~ .k-button {
    color: #fff;
    background-color: #f4516c;
    border-color: #f4516c
}

    #dlgSelectSubscriber ~ .k-dialog-buttongroup .k-button.k-primary ~ .k-button:hover {
        background-color: #f22d4e;
        border-color: #f22d4e
    }

.new-claim-popup .family-table-plan .k-auto-scrollable {
    max-height: 250px
}

#formDialog ~ .k-dialog-buttongroup button:first-child {
    background: #f4516c;
    border-color: #f4516c;
    color: #fff
}

#dlgEditClaimAttachmentImageUpload ~ .k-dialog-buttongroup button:nth-child(2) {
    background: #f4516c;
    border-color: #f4516c;
    color: #fff
}

.flaticon-printer {
    min-width: 20px;
    min-height: 17px;
    margin-right: 0 !important
}

body .m-radio > span:after {
    border-color: #2196F3;
    margin-left: -5px;
    margin-top: -5px;
    height: 10px;
    width: 10px;
    background: #2196F3
}

#ReportViewer .trv-nav > ul {
    z-index: 1
}

.billing-default-popup .patient-portal-sec {
    background: #fdfbfb;
    padding: 15px;
    border-radius: 4px;
    margin-top: 20px
}

body .k-autocomplete.k-state-hover, body .k-dropdown-wrap.k-state-hover, body .k-numeric-wrap.k-state-hover, body .k-picker-wrap.k-state-hover {
    box-shadow: 0 0px 7px 0px #e8e8e8;
    border-color: #c5c5c5
}

.trv-pages-area > .trv-error-pane > .trv-centered {
    z-index: 1
}

.elg-pre-check-popup .table {
    max-width: 1024px;
    float: left;
    width: 100%
}

.k-edit-form-container .k-edit-buttons.k-state-default .k-button {
    margin: 8px 6px
}

.procedures-row {
    cursor: pointer;
    margin: -1px -5px;
    border-bottom: 1px solid #c5c5c5;
    overflow: hidden
}

    .procedures-row .left-col {
        width: 80%;
        float: left;
        padding: 15px
    }

    .procedures-row .right-col {
        width: 20%;
        float: left;
        padding: 15px;
        text-align: right
    }

body .payorids-popup .table {
    border-left: solid 1px #c5c5c5;
    border-right: solid 1px #c5c5c5
}

#divRemainingClaims #GrdRemainingClaims table {
    min-width: 100%
}

.div-scheduler .k-scheduler-table .btn-group.dropup, .div-scheduler .k-scheduler-table .btn-group.dropup .patient-template, #chatMessageList {
    max-width: 100%
}

.dental-procedures-edit-popup {
    max-width: 713px
}

body .k-colorpicker .k-selected-color {
    border-radius: 4px 0 0 4px
}

.medical-popup .me-medications .discontinued-sec {
    float: left;
    position: relative;
    z-index: 3
}

.medical-popup .me-medications .k-header.k-grid-toolbar, .procedure-payment-popup .table .k-grid-toolbar {
    text-align: right
}

#scheduler .k-scheduler-dayview .k-scheduler-header .k-scheduler-table th.k-slot-cell {
    font-weight: 700;
    color: #008adc
}

#scheduler .k-scheduler-weekview .k-scheduler-table th small,
#scheduler .k-scheduler-dayview .k-scheduler-table th small {
    text-transform: lowercase
}

.perio-page .calcindexButtons .k-picker-wrap .k-selected-color, .insurance-verif-list-popup input.k-textbox, .k-autocomplete, .k-autocomplete input.k-input, .recall-setup-popup .list-types .k-listbox .k-list-scroller {
    border-radius: 4px
}

.edit-perm-sec .pull-right .btn-outline-primary, .group-prom-sec .text-color {
    color: #008ADC
}

.group-prom-sec .upchktitle {
    margin-bottom: 10px
}

.ortho-page #AddEncounterGrid > table, .insurance-company-edit-poopup .phone-number .k-widget.k-textbox {
    border: 1px solid #ccc
}

    .ortho-page #AddEncounterGrid > table colgroup col {
        width: auto !important
    }

#GrdDentalProducts div.k-grid-header, #GrdEmployeeStatus div.k-grid-header {
    border-bottom: 0
}

#kwHeaderMenuSmall .k-checkbox-label:before {
    top: 0
}

body .k-dropdown-wrap.k-state-border-up {
    border-radius: 0 0 4px 4px
}

body .k-dropdown-wrap.k-state-border-down {
    border-radius: 4px 4px 0 0;
}

body .k-popup.k-list-container {
    padding: 0
}

    body .k-popup.k-list-container .k-list-filter {
        padding: 10px;
        width: auto
    }

        body .k-popup.k-list-container .k-list-filter > .k-textbox {
            width: 100% !important;
            background: #f6f6f6;
            border-radius: 4px
        }

        body .k-popup.k-list-container .k-list-filter > .k-icon {
            right: 22px
        }

body .k-popup .k-list .k-item {
    padding: 1px 10px;
    border-top: 1px solid #e7e7e7 !important;
    cursor: pointer
}

    body .k-popup .k-list .k-item.k-state-selected.k-state-focused {
        cursor: inherit;
        color: #fff !important;
        background: #29639e !important
    }

body .k-dropdown-wrap.k-state-active {
    box-shadow: 0 0px 7px 0px #e8e8e8 !important
}

    body .k-dropdown-wrap.k-state-active .k-icon:before {
        color: #3f51b5;
        transform: rotate3d(1, 1, 3, -63deg);
        -webkit-transform: rotate3d(1, 1, 3, -63deg)
    }

.practice-schedule-sec .k-checkbox + .k-checkbox-label:empty {
    margin-top: 0 !important
}

.patient-appo-popup .table .k-pager-wrap {
    border: none
}

.edit-insurance-benefits-popup .mrgnT20 .table td {
    padding-left: 6px;
    padding-right: 6px
}

.appo-reminders-popup .days-dropdown {
    width: 70px;
    float: left;
    margin-right: 10px
}

.appo-reminders-popup .reminders-tabs .tab-pane {
    padding: 8px 20px 10px 20px;
    border: 1px solid #ccc;
    overflow: hidden;
    border-top: 0
}

.appo-reminders-popup .reminders-tabs .nav.nav-tabs .nav-item a {
    padding-top: 15px;
    padding-bottom: 15px
}

.appo-reminders-popup .reminders-tabs .nav.nav-tabs .nav-item {
    display: inherit;
    flex: inherit
}

body .k-popup.k-list-container .k-list-optionlabel {
    border-bottom: 1px solid #dcdcdc;
    padding: 5px 10px
}

#scheduler table.k-scheduler-agenda {
    border-left: 1px solid #c5c5c5;
    border-right: 1px solid #c5c5c5
}

.perio-ttl {
    color: #212529;
    padding-bottom: 6px
}

body .trigger-procedures .k-list-scroller {
    background-color: #fbfbfb
}
/*.contact-history-popup #Signature{height:125px;border:1px solid #ccc;border-radius:4px;width:100%}*/
.contact-history-popup .mrg-left2 {
    margin-left: 2% !important
}

body .sche-procedures-popup table, body .schedule-view-popup table {
    border-left: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3
}

.employee-edit-popup .logo img {
    width: 100px;
    height: 100px;
    line-height: 18px
}

.k-multiselect-wrap > ul > li.k-button {
    margin-bottom: 2px
}

#divProviderEdit #divPhoto .k-upload, #divEmployeeEdit #divEmployeePhoto .k-upload {
    border-radius: 5px
}

.edit-proce-code-popup .prosthesis-text {
    padding-left: 38px
}

    .edit-proce-code-popup .prosthesis-text .k-checkbox-label {
        margin-left: -28px
    }


.massage_list #chat_widget .k-chat {
    max-width: 100%;
    height: 378px
}

.massage_list .k-chat .k-card-list {
    margin: 0 0 10px 0;
    width: 100%
}

.ins-claims-page, .edit-insurance-benefits-popup, .add-edit-patient {
    overflow: hidden
}

.edit-proce-code-popup i.fa-undo {
    margin-left: 10px
}

#divMyTask #TrTasks .k-grid-content > .k-grid-norecords > .k-grid-norecords-template {
    left: 0;
    margin-left: 0
}

#divDentalProceduresEdit #ProcedureCodes_DPE_taglist span {
    text-align: left;
    line-height: 16px;
    padding: 7px 0
}

    #divDentalProceduresEdit #ProcedureCodes_DPE_taglist span.k-select .k-icon.k-i-close {
        margin-top: -1px
    }

.disease-edit-popup .date-range-col .k-dateinput {
    margin-right: 0
}

.dental-page .date-range-sec .width-sec {
    float: left;
    display: inline-block;
    width: auto
}

.dental-page .date-range-sec .desh_line {
    float: left;
    margin-left: 10px;
    margin-right: 10px
}

.perio-tooth-chart {
    margin-top: 15px;
    animation-duration: 3s
}

.perioChartPanel-fixed ~ .perio-tooth-chart {
    margin-top: 278px;
    animation-duration: 3s
}

.patient-form-builder-popup div#formeo-render {
    padding: 0
}

#dlgInsBenefit #tabstrip_TreatmentPLan-1, #dlgInsBenefit #tabstrip_TreatmentPLan-2 {
    border-bottom-color: #dadada;
    border-left-color: #dadada;
    border-right-color: #dadada;
    padding: 10px 10px 0 10px
}

@media (max-width:1199px) {
    .form-add-patient-content .guarantor-col {
        margin-bottom: 10px
    }

    .m-nav.m-nav--inline > .m-nav__separator {
        padding: 10px 0
    }

    .ortho-page .summary-sec, .ortho-page .encounter-sec {
        margin-top: 25px
    }

    .ortho-page .tab-pane .teeth_chart {
        min-height: 340px
    }

    .dental-page .right-column {
        margin-top: 20px
    }

    .header_submenu.lavel3 {
        text-align: right
    }

    body .family-recall-popup table {
        table-layout: auto
    }

    #mailAccordion .ecMessageBody {
        padding-right: 30px;
        overflow: hidden;
    }

    #dvfindpatientSearchoption .last-col {
        text-align: left;
        margin-top: 10px;
        margin-bottom: 10px
    }

        #dvfindpatientSearchoption .last-col .mrgnL10 {
            margin-left: 0 !important
        }

    .insurance_plan_tab .k-chart text, .insurance_plan_tab .k-chart text {
        font-size: 14px !important;
    }

    #Signature_Payment {
        min-height: 115px !important;
    }
}
/* end media */

@media (max-width:1148px) {
    .ins-claims-page .claim-type {
        float: right
    }

    .ins-claims-page .claim-left {
        width: 100%;
        margin-bottom: 15px
    }

    .ins-claims-page .pull-top {
        margin-top: 0
    }

    .dental-page .teeth_chart {
        padding-right: 5px
    }

        .dental-page .teeth_chart table .valignB span.denTeeth > img { /*top:auto !important;bottom:0*/
        }
    /*.dental-page .teeth_chart span.clsSelect{width:20px;height:20px;line-height:19px;font-size:8px}*/
    .perio-page .ul_col3 li {
        font-size: 8px
    }
}

@media (max-width:1025px) {
    body .m-portlet, body .m-page .m-page__container {
        padding: 0 10px
    }
    /*body .lastActivity{right:42px;left:auto}*/
    body .k-widget.k-window .m-portlet, body .m-topbar .m-topbar__nav.m-nav > .m-nav__item {
        padding: 0
    }

    div.operatory-page table, div.appointment-type-page table, .k-edit-form-container, .prescription-edit-popup {
        width: 100% !important
    }

    .ortho-page .summary-sec, .ortho-page .encounter-sec {
        margin-top: 20px
    }

    .dental-page .view-col .form-control.k-widget {
        width: 138px
    }

    .dental-page .chart_tabs .nav.nav-tabs .nav-item a {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .dental-page .tab-pane .teeth_chart {
        overflow: scroll
    }

    #dvHeaderSubMenu .right-menu {
        float: left;
        width: 100%;
        border-top: 1px solid #4070a2
    }

        #dvHeaderSubMenu .right-menu .pull-right, .header_submenu > .m-container > .row .nav-sub {
            float: left
        }

    #dvHeaderSubMenu .bd-patient-name {
        max-width: 100%
    }

    .header_submenu.lavel3 {
        text-align: left
    }

        .header_submenu.lavel3 .m-page__container {
            width: auto;
            display: inline-block;
            padding-top: 7px;
            padding-bottom: 0
        }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item:hover {
        background-color: transparent
    }

    .main_menu > li a.nav__link:active {
        background-color: transparent
    }

    .appo-reminders-popup {
        min-width: 712px !important
    }

    .m-header-menu .m-menu__nav > .m-menu__item .nav__link_icon {
        height: 32px;
        line-height: 32px
    }

    .chart-activities-ttl {
        width: 100%;
        border-bottom: 1px solid #c6c6c6;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .m-portlet-2col .m-portlet-head-right.date-range-sec {
        width: 100%;
        display: block
    }

    .orthochart-list-popup .k-grid tbody .k-command-cell a.k-button {
        padding-left: 3px;
        padding-right: 3px
    }

    .patient-table {
        overflow: auto
    }

        .patient-table #PatSrchGrid {
            min-width: 1000px
        }
}

@media (max-width:1025px) and (min-width:993px) { /*   Header CSS   */
    body .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile {
        padding-right: 0
    }

    .m-header .m-brand {
        padding-right: 10px
    }

    .m-body .m-content {
        padding: 15px 30px 15px 0
    }

    .form-add-patient-content .secondary-label {
        line-height: normal
    }

    .menu_large, #manage_dropMenu {
        margin-left: -412px;
        max-width: 829px;
    }

        .menu_large .m-menu__arrow, #manage_dropMenu .m-menu__arrow {
            left: 410px !important
        }

    #patient_dropMenu {
        margin-left: -270px;
        max-width: 700px
    }

        #patient_dropMenu .m-menu__arrow {
            margin-left: -26px;
        }

    .m-dropdown.m-dropdown--align-right .m-dropdown__wrapper {
        right: -150px !important
    }

        .m-dropdown.m-dropdown--align-right .m-dropdown__wrapper .m-dropdown__arrow--right {
            right: 150px !important
        }

    #movements .input-group-append .btn.btn-secondary {
        padding-left: 10px;
        padding-right: 10px
    }

    .pending-claims-popup .treat-provs-sec {
        margin-bottom: 10px
    }

    .right-menu {
        padding-left: 0
    }

    .btn-timeBlkGrup {
        width: 65%;
        float: left;
    }

    body #m_portlet .dashboard_operatory .front-desk-view {
        margin-top: 0 !important;
    }

    .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views {
        margin-right: 0;
    }

    #divscheduler #scheduler .k-scheduler-toolbar .k-scheduler-views-wrapper .k-views-dropdown,
    #divscheduler #scheduler .k-scheduler-toolbar .k-nav-current .k-sm-date-format {
        display: none;
    }

    #divscheduler #scheduler .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views,
    #divscheduler #scheduler .k-scheduler-toolbar .k-nav-current .k-lg-date-format {
        display: block;
    }

    #divscheduler #ListView {
        top: 5px;
        right: 120px;
    }
}
/* end media */

@media (max-width:992px) {
    .m-header .m-brand {
        width: 100%;
    }
    /*   Header CSS   */
    body .m-topbar {
        margin-top: 0 !important;
        height: 70px !important
    }

        body .m-topbar .m-topbar__nav.m-nav {
            padding-top: 12px
        }

    body #m_header_nav {
        width: 100%;
        float: left
    }

    #dvHeadMenu.main_nav {
        top: -23px !important
    }

    body .m-stack__item.m-topbar__nav-wrapper {
        width: 100% !important
    }

    body #dvHeaderSubMenu .header_submenu .col-sm-9, body #dvHeaderSubMenu .header_submenu .col-md-4 {
        max-width: 100%;
        flex: 0 0 100%;
        border-top: 1px solid #e0dfdf
    }

    .popup_body #divScheRecall {
        margin-bottom: 15px
    }

    .requested-appo-ttl {
        margin-bottom: 15px;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 15px
    }

    .include-missed {
        margin-top: 3px;
        max-width: 54%
    }

    .edit-proce-code-popup .quick-note {
        top: -10px
    }

    .audit-trail-popup .user-col {
        padding-top: 10px
    }

    .sche-confirmation-popup .planned_appt_search_result {
        margin-top: 0
    }

    .sche-confirmation-popup .apply-confirm-col {
        position: relative;
        z-index: 5
    }

    .ortho-page .dr_list label {
        width: 33%;
        float: left;
        margin: 0;
        padding: 0 10px
    }

        .ortho-page .dr_list label .k-textbox.form-control {
            width: 53%
        }

        .ortho-page .dr_list label strong {
            line-height: 32px
        }

        .ortho-page .dr_list label i, .button_size_group .btn {
            margin-top: 8px
        }

    .dental-page .view-col .form-control.k-widget {
        width: 365px
    }

    .insurance-plan-edit-poopup .special-fee-col, .appt-sche-edit-popup .mob-editAppt, .open-slots-ttl, .add-family-ppup .primary-sec {
        margin-top: 20px
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item > .m-menu__heading .m-menu__ver-arrow {
        color: #fff !important
    }

    body .m-body .m-content, .procedures-codes-popup .mob-editAppt h2 {
        padding-top: 10px
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-dropdown {
        position: static
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content li .m-menu__link {
        display: inline-block;
        width: 100%
    }

    .open-slots-popup .criteria-sec label {
        line-height: 34px
    }

    #dvHeaderSubMenu .m-nav.m-nav--inline > .m-nav__item > .m-nav__link {
        padding: 9px 0
    }

    .ins-claims-page .claim-type {
        float: left;
        margin-top: 10px;
        clear: left
    }

    .ins-claims-page .btn-pull-top {
        margin-top: -50px !important
    }

    .ins-claims-page .date-range label, .ins-claims-page .claim-type label {
        width: 80px
    }

    .procedure-payment-popup .note-info {
        margin-bottom: 10px;
        display: block
    }

    body .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__userpic {
        vertical-align: top
    }

    .contact-history-popup #Signature {
        margin-top: 10px;
        max-width: 100%
    }

    .contact-history-popup .signatureIcon {
        top: 14px !important
    }

    .contact-history-popup .mrg-left2 {
        margin-left: -10px !important
    }

    .billing-options-poup {
        min-width: 100% !important
    }

    .apptsche-page .waitingRoom_box li {
        padding: 0
    }

    .blockout-edit-popup {
        min-width: 680px
    }

    .formeo.formeo-editor .formeo-controls .form-actions {
        right: 102px;
        bottom: -44px
    }

    .procedures-codes-popup .sm-btn-group, .edit-claim-popup .mrg-top-part, .pending-claims-popup .treat-provs-sec, .pending-claims-popup .refresh-btn, .audit-trail-popup .patient-sec, .personal-info-sec .family-col {
        margin-top: 10px
    }

        .procedures-codes-popup .sm-btn-group button {
            margin-right: 10px
        }

    .finace-charges-popup .mrg-left label.k-radio-label {
        margin-left: 0
    }

    .family-recall-popup .add-new-text, .edit-proce-code-popup h4.control-label {
        line-height: normal
    }

    .ortho-page .encounter-tab-sec #AddEncounterGrid {
        float: left;
        width: 100%
    }

    .ortho-page #treatment_plan .oc_encounters_tabs {
        display: inline-block;
        width: 100%
    }

    .ortho-page .encounter-tab-sec {
        overflow: auto
    }

    label.k-checkbox-label, .lab-cases-popup .row .text-center .d-inline-block {
        line-height: 20px
    }


    .dailySch .dailySch-icon {
        width: 120px;
        height: 120px;
        margin-top: 32px
    }

        .dailySch .dailySch-icon .fa {
            line-height: 110px;
            font-size: 4em
        }

    .dailySch .dailySch-overall {
        font-size: 15px
    }

    body .thrive-logo {
        max-width: 65px;
        margin-top: 5px
    }

    .ortho-chart-ttl {
        border-bottom: 1px solid #c5c5c5;
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .width-sec .k-datepicker {
        width: 100%
    }

    .m-nav--inline.nav-sub > .m-nav__item > a {
        font-size: 11px;
        padding: 0 5px
    }

    .email-list-sec #Inbox .table, .email-list-sec #Draft .table, .email-list-sec #Sent .table, .message-list-page #Inbox .table, .message-list-page #Draft .table, .message-list-page #Sent .table {
        max-width: 50%
    }

    #mailAccordion .emailContentArea {
        width: 100%;
        padding-top: 5px;
        padding-left: 10px
    }

    #mailAccordion .emailShortHeader {
        overflow: hidden
    }

    .emailResponseDate {
        margin-right: 0;
        width: 100%
    }

    .family-recall-popup .add-new-text {
        margin-top: 7px
    }

    .patient-top-sec > .row, .patient-information {
        height: auto !important
    }

    #AddEncounterGrid .k-grid-norecords, #AddEncounterGrid .k-pager-wrap {
        min-width: 860px
    }

    .column-position .user-sec {
        -webkit-order: 1;
        order: 1
    }

    .column-position .family-sec {
        -webkit-order: 3;
        order: 3
    }

    .column-position .recall-sec {
        -webkit-order: 2;
        order: 2
    }

    #divStatement {
        min-width: 100% !important
    }

    /*.schedule-lists > a{background:#008ADC;color:#fff;height:30px !important}
.schedule-lists > a .m-menu__link-text{color:#fff !important;padding-left:10px !important}
.schedule-lists > a .m-menu__ver-arrow{padding-right:10px;color:#fff !important}
.schedule-lists .flaticon-document{display:none !important}
.schedule-lists .m-menu__submenu{overflow:hidden;clear:left}*/


    .m-menu__nav .m-menu__item.schedule-lists .m-menu__submenu {
        padding-left: 20px;
    }

    .m-menu__item--open.schedule-lists > a .m-menu__ver-arrow {
        -webkit-transform: translate3d(0,0,0);
        -webkit-transform: rotateZ(90deg);
        -moz-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        -o-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
        padding-left: 10px
    }

    .m-quick-sidebar {
        position: relative;
        width: 100% !important;
        right: 0;
        display: none;
    }

    .m-header .m-header__top {
        height: auto !important;
    }

    #m_header_topbar.m-topbar {
        justify-content: right;
    }
}
/* end max-width:992px */

@media (max-width:800px) {
    .btn_calc .btn {
        width: 31.8%
    }
}

@media (max-width:767px) {
    .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.ipad-link .m-menu__link .m-menu__link-icon {
        text-align: center;
        color: #008adc;
        font-size: 21px;
    }

        .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item.ipad-link .m-menu__link .m-menu__link-icon .fa {
        }

    .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item > .m-menu__submenu > .m-menu__subnav > .m-menu__item > .m-menu__link {
        padding-right: 0;
    }

    .formeo.formeo-editor .formeo-controls .form-actions {
        bottom: -45px;
        right: 102px
    }

    .employer-popup #GrdEmployer .k-checkbox-label:before {
        line-height: 15px
    }

    body .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile {
        padding-left: 4px
    }

    .perio-page .copy-btn {
        font-size: 11px
    }

    .include-missed {
        margin-top: 3px;
        max-width: 100%;
        width: 100%;
        clear: left;
    }

    .menu_large, #manage_dropMenu {
        margin-left: 0
    }

    body .m-header .m-brand {
        width: 100%;
        margin: 0;
        padding-left: 0
    }

    body .m--visible-tablet-and-mobile-inline-block {
        left: 15px
    }

    body .m-stack__item.m-topbar__nav-wrapper {
        width: 100% !important;
        border-top: 1px solid #c5c5c5
    }

    body .m-header .m-brand {
        position: relative
    }

    #m_header_topbar {
        width: 100% !important
    }

    body .m-topbar {
        height: auto !important
    }

    .client_logo {
        margin-right: 48px
    }

    #dvHeadMenu.main_nav {
        top: -80px !important
    }

    .m-header .m-header__top {
        height: auto
    }

    .m-nav.m-nav--inline > .m-nav__item {
        float: left;
        height: 40px;
        padding: 0 !important;
        margin: 0 !important;
    }

    body .m-page .m-page__container, body .m-portlet {
        padding: 0 10px
    }

    #ECL_groupEnterPayment fieldset {
        padding: 13px 15px;
    }

    #hdr_layout.hdrPatientPortal_layout .m-brand__logo {
        width: 100%;
        float: left;
        clear: left;
    }

    #hdr_layout.hdrPatientPortal_layout .m-stack.m-stack--general.m-stack--ver > .m-stack__item {
        float: left;
        width: 100%;
        clear: left;
        display: block;
        margin: 0;
        padding: 0;
    }

    #hdr_layout.hdrPatientPortal_layout .PatientPortalSelectB .ppSelectB {
        width: 100%;
        text-align: left;
        float: left;
        padding-left: 0;
        clear: left;
        display: block;
    }

    #hdr_layout.hdrPatientPortal_layout .PatientPortalSelectB label {
        display: none;
    }

    #divTopHeaderContent.hPatientPortal .m-brand {
        width: 98% !important;
        height: auto !important;
    }

    #divTopHeaderContent.hPatientPortal .m-stack__item.m-topbar__nav-wrapper {
        border: 0 !important
    }

    #m_header_topbar.m-topbar .m-topbar__nav-wrapper {
        padding: 0 12px;
    }

    .m-menu__link-title {
        width: 100%;
    }

    .m-menu__subnav .m-menu__item .navIcon {
        top: 10px;
    }
}
/* end media */

@media (max-width:480px) { /*   Header CSS   */
    li.client_logo.m-nav__item {
        display: none !important
    }

    body .m-topbar {
        width: 100%;
        padding: 0
    }
}

.m-topbar__user-profile .m-topbar__username {
    width: 82px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 64px;
    float: left;
}

.k-treeview .k-item .k-sprite.image-report {
    background-image: url(../images/report-icon-3.png);
    background-size: 12px
}

div.trv-parameter-container .trv-parameter-title {
    padding: 5px 6px;
    font-size: 14px;
    font-weight: 500
}

div.trv-parameter-container .trv-parameter-header {
    margin-bottom: 5px
}

.m-nav__item.m-dropdown .m-dropdown__wrapper .m-nav__item .m-nav__link .m-nav__link-icon {
    color: #6f727d !important
}

.header_submenu:not(.lavel3) .m-nav.m-nav--inline.nav-sub > .m-nav__item .m-nav__link-icon {
    color: #ffffff;
    line-height: 41px
}

.row.m-row--no-padding {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.input-group .input-group-append {
    border: solid 1px #c5c5c5 !important;
    border-left: none !important;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.toothSurfaceInput .k-textbox {
    border: solid 1px #c5c5c5;
    box-shadow: none;
    border-radius: 4px
}

.input-group .input-group-append .btn.btn-secondary {
    border: none;
    height: 35px
}

    .input-group .input-group-append .btn.btn-secondary:last-child {
        border-left: solid 1px #c5c5c5 !important;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

#scheduler .k-scheduler-tools .k-button.k-pdf, .practice-schedule-sec .k-scheduler-tools .k-button.k-pdf {
    font-size: 0 !important
}

    .practice-schedule-sec .k-scheduler-tools .k-button.k-pdf .k-i-file-pdf {
        font-size: 22px
    }

    #scheduler .k-scheduler-tools .k-button.k-pdf .k-i-file-pdf:before {
        content: "\f196";
        font-family: Flaticon
    }

    .practice-schedule-sec .k-scheduler-tools .k-button.k-pdf .k-i-file-pdf:before {
        content: "\f196";
        font-family: Flaticon
    }

.dental-page .surface-btn {
    width: 100%
}

    .dental-page .surface-btn button {
        width: 16.999%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        margin-left: 0 !important;
        border-right: 0
    }

.authorization-estimation-popup #GrdClaimProcedurePayPreAuth .k-grid-cancel-changes {
    color: #fff;
    background-color: #f4516c;
    border-color: #f4516c
}

.thrive-logo {
    max-width: 80px
}

.routing-slip-popup table, .routing-slip-popup table {
    font-size: 12px
}

    .routing-slip-popup table legend, .routing-slip-popup table legend {
        background: #fff;
        padding: 0 15px;
        line-height: 30px;
        width: auto;
        margin-left: 15px;
        font-size: 16px;
        margin-top: -15px;
        float: left
    }

    .routing-slip-popup table fieldset, .routing-slip-popup table fieldset {
        border: solid 1px #ccc;
        border-radius: 5px;
        padding-bottom: 10px;
        margin-top: 20px
    }

.treatment_tabs .tab-content > .tab-pane {
    min-height: 216px
}

.provider-edit-popup .checkbox-sec input.k-checkbox {
    position: absolute
}


@media (max-width:1257px) {
    body, html, .family_user_details p, .appt-sche-edit-popup .button-font-size .btn {
        font-size: 13px
    }

    div.k-window { /*width:97% !important;left:50% !important;transform:translateX(-50%) !important;-webkit-transform:translateX(-50%) !important */
        min-width: 550px !important
    }

    body #GrdEmployee .k-auto-scrollable table col:not(style) {
        width: 200px;
    }

    body #GrdDentalProducts .k-grid-content {
        max-height: 340px;
    }

    #divIP.pay-connect-step-popup, #gpsetup-container-div, #divStatement,
    #divLabCaseEdit.lab-case-edit-popup .panel_fieldset.filter_small,
    #divLabCaseEdit.lab-case-edit-popup {
        min-width: auto !important;
    }


        #divStatement .quick-note {
            top: 34px !important;
        }

        #divStatement #divDateRange label.control-label {
            line-height: normal !important;
        }


    .employee-status-popup, .latters-popup, .user-group-popup, .employee-popup, .employee-edit-popup, .schedule-opt-popup, .schedule-view-popup, .schedule-View-edit-popup, .recall-setup-popup, .clearing-house-popup, .clearing-house-edit-popup, .dentalproducts-popup, .misc-procedures-edit-popup, .send-text-popup, .contact-history-popup, .blockout-edit-popup, div.k-edit-form-container, .misc-procedures-edit-popup, .disease-master-edit-popup, .laboratory-turn-around-popup, .vatal-signs-edit-popup {
        width: 100%
    }

    .appo-reminders-popup, .new-claim-popup .family-table-plan, .elg-pre-check-popup .table, .dental-procedures-edit-popup {
        max-width: 100% !important
    }

    .dashboard-page .m-widget14__title {
        font-size: 15px
    }

    .provider-edit-popup .checkbox-sec label:empty {
        height: 16px;
        width: 16px;
        margin-bottom: 5px;
        margin-right: 5px
    }

    .practice-info-popup .checkbox-claims label:empty {
        height: 16px;
        width: 16px;
        margin-bottom: 5px;
        margin-right: 5px
    }

    .provider-edit-popup .checkbox-sec .padd-text, .practice-info-popup .checkbox-claims > div {
        display: inline;
        padding-left: 0
    }

    body .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile {
        padding-right: 0;
        text-align: left
    }

    .m-box-preview {
        padding: 10px
    }

    .nav.nav-tabs .nav-item a {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .tab-pane .teeth_chart {
        overflow: auto
    }

    #movements .input-group-append .btn.btn-secondary {
        padding-left: 15px;
        padding-right: 15px
    }

    .recall-setup-popup .group-families-checkbox .k-checkbox {
        position: absolute
    }

    .recall-setup-popup .group-families-checkbox label {
        float: left;
        margin-top: 0 !important
    }

    #divUnscheduledRecalls .m-widget16__body:after {
        width: 99%
    }

    .personal-info-sec .insurance_plan_tab ul.k-tabstrip-items li.k-item span.k-link {
        padding: 10px 0
    }

    .my-task-edit-popup, .rx-edit-print {
        width: 100% !important
    }

    #collapseExample .show-label, .m-checkbox, .m-radio {
        line-height: 20px
    }

    #GridFamilyBalance td .k-checkbox-label {
        line-height: 16px
    }

    .main_menu > li a.nav__link:active {
        background-color: transparent
    }

        .main_menu > li a.nav__link:active .nav__link_icon, .main_menu > li a.nav__link:active .nav_link_wrapper, .main_menu > li a.nav__link:active .nav_link_wrapper i {
            color: #008ADC
        }

    .treatment_tabs .tab-content > .tab-pane {
        min-height: inherit
    }

    .routing-slip-popup .row {
        max-width: initial !important
    }

    .tx-sites-popup {
        width: 100%
    }
    /*#divConversationEdit .comment-note{top:-237px !important}*/
}

@media (max-width:1258px ) and (min-width:1192px) {
    .m-header .m-brand {
        width: 300px;
        padding-right: 0
    }

    body .m-topbar .m-topbar__nav.m-nav > .m-nav__item.client_logo {
        display: none
    }

    body .m-header-menu .m-menu__nav > .m-menu__item.m-menu__item--rel:nth-child(4n) {
        position: static
    }

    body .menu_large, body #manage_dropMenu {
        right: 46px;
        margin-left: 0;
        left: auto
    }

        body .menu_large .m-menu__arrow, body #manage_dropMenu .m-menu__arrow {
            left: auto !important;
            right: 608px !important
        }

    .dental-page .view-col .form-control.k-widget {
        width: 175px
    }
}

@media (min-width:1200px ) and (max-width:1400px) {
    .tab-pane .teeth_chart table td span[id*=spU] {
        top: 5px !important;
    }

    .lineHNor-lg {
        line-height: normal !important
    }

    .label-SendBillsBy {
        min-width: 110px;
        text-align: right;
    }

    .tcBtnGroups .acColLeft {
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }

    .tcBtnGroups .acColRight {
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
}
/* end media */


@media (max-width:1200px ) and (min-width:1192px) {
    body .menu_large .m-menu__arrow, body #manage_dropMenu .m-menu__arrow {
        right: 568px !important
    }

    .main_nav {
        margin-top: 6px
    }
}



@media (max-width:1200px) and (min-width:992px) {
    .open-slots-popup .criteria-sec label {
        line-height: 34px
    }

    .open-slots-popup .criteria-sec .after-col {
        margin-top: 10px
    }

    .header_submenu > .m-container > .row .nav-sub {
        float: left
    }

    body .m-topbar .m-topbar__nav.m-nav > .m-nav__item.client_logo {
        display: none
    }

    .form-add-patient-content .other-btn-sec {
        margin-top: 10px
    }

    .m-brand .m-brand__logo .m-brand__logo-wrapper img {
        max-width: 130px;
        margin-top: 5px
    }

    .menu_large, #manage_dropMenu {
        margin-left: -412px
    }

        .menu_large .m-menu__arrow, #manage_dropMenu .m-menu__arrow {
            left: 410px !important
        }

    #patient_dropMenu {
        margin-left: -270px
    }

        #patient_dropMenu .m-menu__arrow {
            left: 276px !important
        }

    .m-dropdown.m-dropdown--align-right .m-dropdown__wrapper {
        right: -150px !important
    }

        .m-dropdown.m-dropdown--align-right .m-dropdown__wrapper .m-dropdown__arrow--right {
            right: 150px !important
        }

    body .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile .m-dropdown__wrapper {
        right: 31px !important
    }

        body .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile .m-dropdown__wrapper .m-dropdown__arrow--right {
            right: 40px !important
        }

    .m-topbar__user-profile .m-topbar__username {
        width: 96px;
    }

    .sche-recall-popup .button_size_group .btn {
        min-width: 90px;
    }

    #treatmentActivities .k-datepicker {
        width: 10em;
    }

    .m-portlet-2col .m-portlet-head-right {
        width: 82%;
    }

        .m-portlet-2col .m-portlet-head-right label, .m-portlet-2col .m-portlet-head-right .m-checkbox {
            white-space: nowrap;
        }

    .dental-page .view-col .form-control.k-widget {
        width: 140px;
    }

    .lineHNor-md {
        line-height: normal
    }

    body #m_portlet .dashboard_operatory .front-desk-view {
        top: 58px;
        position: absolute;
        right: 10px;
    }
}
/* end media */


@media (max-width:1081px) and (min-width:1025px) {
    body .m-header .loca_select {
        width: 100px;
        padding-right: 0
    }

    .m-brand .m-brand__logo .m-brand__logo-wrapper img {
        max-width: 130px;
        margin-top: 5px
    }

    body .m-topbar .m-topbar__nav.m-nav > .m-nav__item {
        padding: 0
    }

    .m-dropdown.m-dropdown--align-right .m-dropdown__wrapper {
        right: -150px !important
    }

    .m-header .m-brand {
        padding-right: 0
    }

    #patient_dropMenu {
        margin-left: -270px
    }

    .menu_large, #manage_dropMenu {
        margin-left: -412px
    }

    #dvHeaderSubMenu .m-subheader__breadcrumbs .m-nav__item a {
        padding-top: 9px;
        padding-bottom: 9px
    }

    .dental-page .view-col .form-control.k-widget {
        width: 165px
    }

    .chart-activities-ttl {
        border-bottom: 1px solid #c6c6c6;
        padding-bottom: 10px;
        margin-bottom: 10px;
        width: 100%
    }

    .dental-page .m-portlet-2col .m-portlet-head-right {
        width: 100%;
        display: inline-block
    }

    #FormBuilder .row.clsPreviewNo {
        max-width: 82%
    }

    #FormBuilder .clsPreviewNo .filter-controls #control-filter {
        max-width: 150px !important
    }

    .formeo.formeo-editor .formeo-controls nav h5 {
        font-size: 11px !important
    }
}
/* end media */

div.k-widget.k-grid > .k-header.k-grid-toolbar {
    background: #fff;
    margin-bottom: 5px;
}

/*------------------------Color update in below css---------------------------*/
/*  LIght color */
body .k-block, body .k-draghandle, body .k-grid-header, body .k-grouping-header {
    background-color: #008ADC
}

body .k-gantt-toolbar .k-button, body .k-gantt > .k-header .k-link, body .k-gantt > .k-header li, body .k-grid .k-header .k-button, body .btn-primary, body .btn-primary.active, body .btn-primary:active, body .show > .btn-primary.dropdown-toggle {
    background-color: #008ADC;
    border-color: #008ADC
}

    body .k-gantt-toolbar .k-button:hover, body .k-gantt > .k-header .k-link:hover, body .k-grid .k-header .k-button:hover, body .btn-primary:hover,
    body .btn-primary.active:hover, body .btn-primary:active:hover {
        background-color: #ffa62c;
        border-color: #ffa62c;
    }

body .k-pager-numbers .k-state-selected {
    border-color: #008ADC;
    color: #008ADC;
    min-width: auto; /*min-width:75px;*/
}

body .k-switch-on .k-switch-handle {
    background-color: #008ADC
}

/*  Dark color */

body .k-gantt > .k-header .k-link, body .k-gantt > .k-header li, body .k-scheduler .k-header .k-link, body .k-scheduler .k-header li, body .k-scheduler .k-header .k-button {
    background-color: #008adc;
    border-color: #008adc
}

body .k-treemap-tile, body .k-header, body .k-dialog .k-dialog-titlebar.k-header {
    background-color: #008adc
}

body .table.table-striped thead th, body .btn-info {
    background-color: #d3edfc;
    border-color: #bedef1;
    color: #008adb
}

    body .table.table-striped thead th a,
    body .table.table-striped thead th a.k-grid-filter {
        color: #008adb
    }

body .k-switch-on .k-switch-container {
    background-color: #008adc
}

.k-grid > .k-grid-header[style*="padding-right:"]:after, div.table.table-bordered > .k-grid-header[style*="padding-right:"]:after {
    background-color: #008adc
}
/* More Dark color */
body .k-tabstrip-items .k-item.k-state-hover {
    background-color: #008adc;
    border-color: #008adc
}

body .btn-danger {
    color: #fff;
    background-color: #f4516c;
    border-color: #f4516c
}

body .control-label-value .k-header, body .k-upload.k-header, #ReportViewer .trv-nav ul.k-header {
    background: #fff
}

body .btn-outline-info {
    color: #008ADC;
    border-color: #008ADC
}

    body .btn-outline-info:hover, .procedures-codes-popup .k-grid .k-header .k-button:hover {
        background-color: #008adc;
        border-color: #008adc
    }

.procedure-info-popup .btn-link {
    color: #008ADC
}

    .procedure-info-popup .btn-link:hover {
        color: #008adc
    }

.back-to-top {
    background: #008adc;
    color: #fff
}

    .back-to-top i {
        color: #fff
    }

    .back-to-top:hover {
        background: #008adc
    }

        .back-to-top:hover i {
            color: #fff
        }

.system-alert-dialog {
    margin-top: 10px
}

    .system-alert-dialog ~ .ui-dialog-buttonpane {
        padding: 10px 5px 5px 5px !important
    }

        .system-alert-dialog ~ .ui-dialog-buttonpane button {
            color: #fff !important;
            border: 0px;
            background: #008ADC;
            padding: 10px 10px;
            margin: 0px !important
        }

    .system-alert-dialog .ui-dialog-titlebar {
        padding: 7px 4px 5px 5px
    }

.system-alert-title {
    background: #008ADC;
    color: white;
    margin: -3px
}

body .m-body .m-content.session-expired-popup {
    padding: 15px
}

.vm-ipad-pro .show-ipad {
    display: none
}

.m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__content .ipad-link,
.m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu.m-menu__submenu--classic > .m-menu__subnav .ipad-link {
    display: none
}

@media (max-width:992px) {
    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu.m-menu__submenu--classic > .m-menu__subnav .ipad-link {
        display: block
    }
}

@media (min-width:767px ) and (max-width:1200px) {
    .m-stack.m-stack--desktop.m-stack--ver > .m-stack__item.m-stack__item--fluid {
        width: auto !important;
    }

    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu.m-menu__submenu--classic > .m-menu__subnav .ipad-link { /* display:block */
    }

    #divPerioChart .panel_fieldset .k-listbox {
        height: auto;
        margin-bottom: 25px
    }
    /*.panel_fieldset .btn-block{margin-top:5px !important}*/
    #divPerioChart .panel_fieldset .k-listbox {
        margin-bottom: 5px !important
    }

    .examDirection fieldset {
        padding: 5px 0
    }

    .panel_fieldset.mrgnB20 {
        margin-bottom: 10px !important
    }

    .col-md-4.vm-ipad-pro {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

        .col-md-4.vm-ipad-pro .examDirection .col-md-12, .col-md-4.vm-ipad-pro .panel_fieldset .col-md-12 {
            flex: 0 0 100%;
            max-width: 100%
        }

    .examsWidget .examsWidget-btn {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }

    #divPerioChart .panel_fieldset .k-listbox {
        height: 77px;
    }
    /*.examDirection .btn{ padding:9px 0 !important}*/
    .vm-ipad-pro .k-checkbox + .k-checkbox-label {
        white-space: nowrap;
    }

    .calcindexButtons .calReadOnly:after {
        width: 15px;
        line-height: 23px;
    }

    .calcindexButtons .calReadOnly input.form-control {
        padding-right: 10px !important;
    }

    .perioChartPanel-fixed ~ .perio-tooth-chart {
        margin-top: 460px
    }

    .vm-ipad-pro .show-ipad {
        display: flex;
    }

    .examDirection .hide-ipad {
        display: none;
    }

    .examDirection .panel_fieldset {
        margin-top: 5px !important;
    }

    .panel_fieldset.examsWidget fieldset {
        padding-bottom: 15px !important;
        padding-top: 15px !important;
    }
    /*.view-dropdownBlk{	width:180px !important; float:right; }*/




}
/* end media */

.k-loading-image {
    background-image: url(../images/loader.gif) !important;
    background-size: 50px auto;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


@media only screen and (min-width:1023px) {
    .po-rel {
        position: relative
    }

    .perioChartPanel:not(.perioChartPanel-fixed) .panel-heading {
        position: absolute;
        right: 15px;
        top: 10px;
        width: 200px
    }

    .patientDetails .tableFamilyAging table td.colTotal {
        border-right: solid 2px #666;
    }
}
/* end media */


/* PatientPortal */

.tableFamilyAging #spFamBalance,
.tableFamilyAging #spPatBalance {
    color: #ff0000;
    font-weight: 500;
}

.hdrPatientPortal_layout .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__username {
    color: #fea52d;
    font-size: 16px;
}

.hdrPatientPortal_layout .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile .m-nav__link {
    line-height: 65px !important;
    color: #fea52d;
    font-size: 16px;
}


@media only screen and (max-width:767px) {
    .d-xs-none {
        display: none !important
    }

    .login-page .login-sec {
        padding: 20px !important;
    }

    .login_bg .m-login .m-footer__copyright {
        margin: 20px 10px 0 10px;
        line-height: normal;
    }

    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__content .ipad-link,
    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu.m-menu__submenu--classic > .m-menu__subnav .ipad-link {
        display: block
    }

    #hdr_layout.hdrPatientPortal_layout .m-brand {
        padding-left: 10px;
    }

    .hdrPatientPortal_layout .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile .m-nav__link {
        line-height: 44px !important;
    }

    header.hdrPatientPortal_layout .m-topbar__user-profile {
        float: right !important;
        margin-right: 10px;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__username {
        line-height: 32px;
        width: 120px;
    }

    header.hdrPatientPortal_layout .m-topbar__nav.m-nav > .m-nav__item {
        padding: 0 2px !important;
    }

    header.hdrPatientPortal_layout .noto_label {
        top: 0px !important;
    }

    .profile-summary-quickview .patient-top-sec .patient_pic {
        top: -5px;
    }

    .patientDetails .profile-summary-quickview .patient-top-sec {
        padding: 0 10px 10px;
        border-bottom: solid 1px #ccc;
        margin-bottom: 15px;
    }

    .profile-summary-quickview .patient_info h3 {
        font-size: 18px;
    }

    .patientDetails .tableFamilyAging table th, .patientDetails .tableFamilyAging table td {
        display: block;
        width: 100%;
        overflow: hidden;
        border-bottom: solid 1px #ccc;
        font-size: 13px;
    }

        .patientDetails .tableFamilyAging table td.colTotal {
            border-right: solid 1px #ccc;
            border-bottom: solid 2px #666;
        }

    .tableFamilyAging table label,
    .tableFamilyAging .falabelValue {
        width: 50%;
        float: left;
    }

    .tableFamilyAging table.table label {
        border-bottom: none;
    }

    .patientDetails .panel_fieldset fieldset {
        border: none;
        padding: 0;
    }

        .patientDetails .panel_fieldset fieldset legend {
            font-size: 18px;
            padding: 10px 0;
        }

    .m-footer .m-footer__copyright {
        text-align: center;
    }

    .m-footer .m-footer__nav {
        float: none !important;
        text-align: center;
        width: 100%;
    }

        .m-footer .m-footer__nav .m-nav__item {
            float: none;
        }

    .k-grid-content {
        overflow: scroll !important;
    }

    #kwHeaderMenu #divRAEdit {
        min-width: auto !important;
    }

        #kwHeaderMenu #divRAEdit label {
            text-align: left !important;
        }

    #kwHeaderMenu #divPatientProfile {
        min-width: 100% !important;
        height: 450px;
        overflow-y: scroll;
    }

    .panel_fieldset fieldset, #fieldset_group fieldset {
        border: none;
        padding: 0;
        border-radius: 4px;
    }

        .panel_fieldset fieldset legend, #fieldset_group fieldset legend {
            padding: 0 !important;
        }

    #chartRatingReviewsByMonth text {
        font-size: 9px !important;
    }

    .hdrPatientPortal_layout .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__username {
        line-height: 48px !important;
    }

    div.k-window {
        width: 97% !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        -webkit-transform: translateX(-50%) !important;
        min-width: auto !important
    }
}
/* end mobile PatientPortal */

@media (min-width:1200px) {
    #m_login .login-wrapper {
        position: absolute;
        left: 50%;
        top: 50%;
        height: auto;
        margin: -330px 0 0 -512px;
    }
}
/* end media */

@media (min-width:1800px) {
    #m_login .login-wrapper {
        position: absolute;
        left: 50%;
        top: 50%;
        height: auto;
        margin: -330px 0 0 -512px;
    }

    #PlannedApptGrid .k-auto-scrollable table col:nth-child(2) {
        width: 22% !important;
    }
}
/* end media */

@media (max-width:1200px) and (min-width:767px) {
    .xs-width50 {
        min-width: 50px
    }

    .xs-width100 {
        min-width: 100px
    }

    .xs-width150 {
        width: 150px;
        display: table-cell;
    }
}
/* end media */


.hdrPatientPortal_layout .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile .m-dropdown__wrapper .m-nav__link,
.hdrPatientPortal_layout .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile .m-dropdown__wrapper .m-nav__link span {
    line-height: normal !important
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile a.m-nav__link,
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile a.m-nav__link span {
    line-height: 65px !important;
}

.apptsche-page .div-scheduler .k-scheduler-dayview tr:first-child .k-scheduler-header,
.apptsche-page .div-scheduler .k-scheduler-dayview tr:first-child .k-scheduler-times {
    background: #d4edfc;
}

    .apptsche-page .div-scheduler .k-scheduler-dayview tr:first-child .k-scheduler-header th {
        color: #005d9d !important;
    }

#m_portlet .k-scheduler-toolbar .k-scheduler-navigation .k-state-hover {
    background: transparent !important;
}

#m_portlet .apptScheTabs .k-tabstrip-items li {
    background: #d4edfc;
    border: none;
    width: 30%;
    text-align: center;
    position: relative;
}

    #m_portlet .apptScheTabs .k-tabstrip-items li .k-link {
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
    }

    #m_portlet .apptScheTabs .k-tabstrip-items li .fa {
        margin-left: 15px;
    }

    #m_portlet .apptScheTabs .k-tabstrip-items li.k-state-active {
        background: #008adc;
    }

        #m_portlet .apptScheTabs .k-tabstrip-items li.k-state-active .k-link {
            color: #fff !important;
        }

    #m_portlet .apptScheTabs .k-tabstrip-items li .k-link {
        padding-top: 6px;
        padding-bottom: 6px;
        color: #0274b7;
        font-size: 14px;
        text-transform: none;
        display: block;
        font-weight: 500;
        line-height: normal;
        padding: 4px 15px !important;
    }

    #m_portlet .apptScheTabs .k-tabstrip-items li .k-loading {
        border-top: none;
    }

#divToScheduleList .Operatory_item h4 {
    font-size: 15px;
    font-weight: 500;
    color: #353535;
    padding: 5px 8px;
    line-height: 20px;
    margin-bottom: 0 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#divToScheduleList .Operatory_item .fa {
    position: absolute;
    right: 5px;
    top: 5px;
}

#team-schedule {
    margin-top: -50px;
}

.apptScheTabs {
    height: 100px;
    z-index: 9;
    position: relative;
}

#m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent {
    padding: 8px 10px 0 !important;
    box-shadow: none !important;
    height: 70px;
    overflow: visible;
    background: #f5f5f3;
}

#m_portlet .apptScheTabs .k-tabstrip:focus {
    box-shadow: none !important;
}

#m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent p {
    margin-bottom: 0;
    position: relative;
    font-weight: 500;
    line-height: 18px;
    height: 20px;
}

#m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent.stcuserProfile p {
    font-weight: 400;
    clear: left;
    overflow: hidden;
}

    #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent.stcuserProfile p label {
        font-weight: 500;
        float: left;
        margin-right: 5px;
    }

#m_portlet .apptScheTabs .k-tabstrip .stcuserProfile p .fa {
    margin-left: 10px;
    display: inline-block;
    width: 20px;
    text-align: center;
}

#m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent p label {
    margin-bottom: 0;
}

.owl-carousel.owl-drag .owl-item .Operatory_item p {
    padding: 0 8px 5px;
}

.apptScheTabs #divToScheduleList .owl-nav {
    position: absolute;
    right: 0;
    top: -52px;
    z-index: 99999;
    font-size: 35px;
}

    .apptScheTabs #divToScheduleList .owl-nav [class*=owl-]:hover {
        background: transparent;
        color: #ffa62c;
    }

#divToScheduleList .k-tabstrip > .k-content {
    overflow: visible !important;
}

.apptScheTabs .user-profile .up-img {
    top: -10px;
}

.stcuserProfile .up-details h5 {
    font-size: 14px;
}

.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-hover .k-link {
    background-color: #ffa62c !important;
    border-color: #ffa62c !important;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile a.m-dropdown__toggle * {
    color: #ffa62c !important;
}

#m_portlet .front-desk-view {
    display: block;
    width: 100%;
    float: left;
    z-index: 9;
    position: relative;
}

.m-topbar .m-topbar__nav.m-nav .m-topbar__user-profile .m-dropdown__wrapper .m-dropdown__inner .m-dropdown__content a.m-nav__link * {
    line-height: normal !important;
}

#dvHeaderSubMenu .scheProduction {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
    float: left;
    width: 100%;
}

    #dvHeaderSubMenu .scheProduction label {
        font-weight: 600;
    }

.scheProductionMsg {
    margin-left: 15px;
}

.stcuserProfile .up-details .up-detailsName {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px;
}

.m-nav-sticky .clsNavStickyPatRel .fa-picture-o:before {
    content: "";
    background: url(../images/icon-document.png) no-repeat 0 0;
    width: 26px;
    height: 32px;
    float: left;
    background-size: 100% auto;
}

.m-nav-sticky .clsNavStickyPatRel .fa-refresh:before {
    content: "";
    background: url(../images/icon-commu.png) no-repeat 0 0;
    width: 29px;
    height: 29px;
    float: left;
    background-size: 100% auto;
}

#m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent.stcuserProfile .scCol2 label {
    width: 90px;
    display: inline-block;
}

#m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent.stcuserProfile .scCol2 strong {
    min-width: 100px;
    display: inline-block;
}

.k-grid tbody .k-command-cell a.k-button.k-button-icontext {
    padding: 2px 6px !important;
}

@media (min-width:768px) and (max-width:992px) {
    #team-schedule {
        margin-top: 20px;
    }
}

@media (max-width:767px) {
    #m_portlet .apptScheTabs .k-tabstrip-items li .k-link {
        padding: 7px 15px !important;
    }

    #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent.stcuserProfile p label,
    #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent.stcuserProfile .scCol2 label {
        width: 110px;
    }

    .user-profile {
        margin-top: 15px !important;
    }

    .k-toolbar .k-spacer, .k-toolbar .k-toolbar-spacer {
        display: none;
    }

    .k-scheduler-toolbar .k-nav-current .k-sm-date-format {
        color: #fff;
    }

    .m-body .m-content {
        padding: 8px 0 15px 0;
    }

    #m_portlet .apptScheTabs .k-tabstrip-items {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

        #m_portlet .apptScheTabs .k-tabstrip-items li {
            width: 50%;
            clear: left;
            display: block;
        }

    .apptScheTabs #divToScheduleList .owl-nav {
        right: -55px !important;
        top: 0;
    }

    #ScheTabs {
        margin-top: 10px;
    }

    #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent,
    #m_portlet .apptScheTabs {
        height: auto !important;
    }

    #dvHeaderSubMenu .scheProduction {
        max-width: 100%;
    }

    .scheProductionMsg {
        clear: left;
        display: block;
        margin-bottom: 10px;
        margin-left: 0;
    }

    .user-profile {
        height: 62px;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile a.m-nav__link, .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile a.m-nav__link span {
        line-height: 32px !important;
        font-size: 13px;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__userpic img {
        width: 40px !important;
        height: 40px !important;
    }

    body .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile {
        float: right;
        margin-right: 10px;
        margin-bottom: 0 !important;
    }

    .header_submenu {
        padding-right: 0;
    }

    .apptsche-page .dashboard_operatory-fixed {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        z-index: 9987;
        right: auto;
        background: #fff;
    }

    .m-nav-sticky {
        width: 100%;
        position: relative;
        top: auto;
        right: auto;
    }

        .m-nav-sticky .m-nav-sticky__item {
            float: none;
            margin: 0 1px;
            padding: 5px 2px;
            display: inline-block;
        }

    .apptsche-page {
        padding: 0 !important;
    }

        .apptsche-page #team-schedule {
            margin-top: 0;
        }

    #divscheduler li a {
        width: 100%;
    }

    body .k-scheduler .k-header li.k-nav-prev,
    body .k-scheduler .k-header li.k-nav-next,
    #divscheduler .k-scheduler-toolbar .k-scheduler-tools {
        display: none;
    }

    body .k-gantt-toggle, body .k-gantt-toolbar li .k-link, body .k-scheduler-toolbar li .k-link {
        line-height: 44px !important;
    }

    .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: inline-block !important;
    }

    .lastActivity {
        bottom: 48px;
        left: 10px;
    }

    #ulNavSticky {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 10000;
        width: 100%;
        border-radius: 0;
        text-align: center;
    }

    .m-footer {
        margin-bottom: 50px;
    }

    .m-nav.m-nav--inline > .m-nav__item:not(.m-topbar__user-profile) {
        margin-top: 5px;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.li-icon-Help a {
        margin-left: 8px;
    }

    body .m-topbar .m-topbar__nav.m-nav {
        width: 100%;
        margin-bottom: 5px;
        margin-left: 0;
        padding-top: 5px;
    }

    #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent {
        min-height: 40px;
        width: 90%;
    }

    .k-scheduler-toolbar .k-scheduler-navigation .k-header.k-nav-today .k-link {
        margin-top: 2px;
    }

    #scheduler .k-scheduler-toolbar > ul.k-scheduler-views {
        right: 40px !important;
    }

    .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item .m-menu__inner,
    .m-aside-header-menu-mobile .m-menu__nav .m-menu__inner {
        display: block !important;
    }

    #patient_dropMenu {
        margin-left: 0;
    }

    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__heading .m-menu__ver-arrow {
        display: none !important;
    }

    .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li#li_AdminHeaderMenu > .m-menu__link .nav__link_icon,
    .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li#li_patientHeaderMenu > .m-menu__link .nav__link_icon {
        left: -5px;
    }

    .m-stack.m-stack--general.m-stack--ver > .m-stack__item.m-stack__item--middle {
        width: 100%;
        clear: left;
        float: left;
        margin-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .m-header .loca_select {
        margin-right: 0;
        margin-left: 10px !important
    }

    #SearchPatient_HeaderMenu-list.k-popup {
        width: 96% !important;
        position: absolute !important;
        right: 3% !important;
        clear: left;
    }

    #toolbar_ScheduleListView #ApptList {
        margin-top: 0;
    }

    #toolbar_ScheduleListView .field-date {
        display: block;
        clear: left;
        width: 100%;
    }

    .sec_widget12 .sec_widget_content {
        padding: 0;
        width: 70% !important;
    }
}
/* end media max-width:767px */

@media (min-width:1300px) {
    .m-topbar__user-profile .m-topbar__username {
        width: 132px;
    }
}

@media (min-width:768px) and (max-width:1200px) {
    #dvHeaderSubMenu .scheProduction {
        max-width: 50%;
    }

    .PatientPortalSelectB {
        width: 70% !important;
    }

    #dvHeaderSubMenu .m-nav__item a {
        line-height: 33px !important;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__username span {
        line-height: 48px !important;
    }

    .m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__username {
        margin-right: 10px;
        float: left;
        font-size: 13px;
    }

    #divProsthesis .row {
        margin-bottom: 20px;
    }

        #divProsthesis .row:last-child {
            margin-bottom: 0;
        }
    /*#divProsthesis .control-label{line-height:normal;}*/
    #m_header_topbar.m-topbar .right-hdr-menu-sec {
        width: 60%;
    }

    .provider-edit-popup .checkbox-sec .padd-text {
        float: left;
    }
}
/* end media */


/*************** COL Hide Issue ************************/
@media (max-width:1280px) {
    #ECL_gridProc .k-auto-scrollable table col:not(style),
    #gridPaymentSplit .k-auto-scrollable table col:not(style),
    #GrdGroupCampaigns .k-auto-scrollable table col:not(style),
    #gridCharges .k-auto-scrollable table col:not(style),
    #ME_MedicationsGrid .k-auto-scrollable table col:not(style),
    #GrdForm .k-auto-scrollable table col:not(style),
    #GrdInsuranceCompany .k-auto-scrollable table col:not(style),
    #grdInsuranceCompanyMerge .k-auto-scrollable table col:not(style),
    #GrdEmployee .k-auto-scrollable table col:not(style),
    #ProcGrid.k-auto-scrollable table col:not(style),
    #GrdRequestedVisit .k-auto-scrollable table col:not(style),
    #GrdUpcomingAppt .k-auto-scrollable table col:not(style),
    #GrdPastAppt .k-auto-scrollable table col:not(style),
    #GridPatientFinancingManage .k-auto-scrollable table col:not(style),
    #InsuranceVerifyGrid .k-auto-scrollable table col:not(style),
    #GrdCommunications .k-auto-scrollable table col:not(style),
    #GrdClaimHistory .k-auto-scrollable table col:not(style),
    #GrdClaimToSend .k-auto-scrollable table col:not(style),
    #BillOpt_gridDun .k-auto-scrollable table col:not(style),
    #GrdClaimsAttached .k-auto-scrollable table col:not(style),
    #GrdOutstandingClaims .k-auto-scrollable table col:not(style),
    #GrdBatchInsPay .k-auto-scrollable table col:not(style),
    #GrdRequestedVisit .k-auto-scrollable table col:not(style),
    #PlannedApptGrid .k-auto-scrollable table col:not(style),
    #ConfirmationsGrid .k-auto-scrollable table col:not(style),
    #RecallListGrid_SR .k-auto-scrollable table col:not(style),
    #GrdTxPlanDetSign .k-auto-scrollable table col:not(style),
    #GrdDentalCase .k-auto-scrollable table col:not(style),
    #GrdAuthorizations .k-auto-scrollable table col:not(style),
    #GrdTxPlanAnaylyzer .k-auto-scrollable table col:not(style),
    #AC_ContactHistory .k-auto-scrollable table col:not(style),
    #GrdLedger .k-auto-scrollable table col:not(style),
    #GrdDentalCaseDetails .k-auto-scrollable table col:not(style),
    #GridTreatmentActivities .k-auto-scrollable table col:not(style) {
        width: 250px;
    }


    #ECL_gridProc .k-grid-footer-wrap .k-footer-template td:nth-child(3n) {
        width: 250px;
    }

    #GrdLedger .k-auto-scrollable table col.k-group-col {
        width: 25px !important;
    }

    .profile-summary-quickview .patient-top-sec .patient_info {
        padding-left: 95px
    }
}
/* end media min- 1200px */

/*************** END COL Hide Issue ************************/


.profile-summary-quickview .patient-top-sec {
    background: #fdf2e2;
    border-bottom: solid 1px #008adc;
    padding-bottom: 0;
    border-top: solid 1px #008adc;
}

.personal-info-sec .box-wrapper {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 100%;
}

.personal-info-sec .box-wHeader {
    padding: 10px;
    background: #008adc;
    color: #fff;
    position: relative;
}

.personal-info-sec .box-wbody {
    padding: 10px;
}

.personal-info-sec .box-wHeader h2 {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 25px;
}

.personal-info-sec .box-wHeader .btn-header {
    position: absolute;
    right: 3px;
    top: 3px;
}

.btn-orange {
    background: #ffa62c;
    border-color: #ffa62c;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    padding: 9px 10px;
}

    .btn-orange:hover {
        color: #fff;
        background: #ef9b02;
        border-color: #ef9b02;
    }

.btn img {
    margin-right: 5px;
}

.personal-info-sec .box-wbody .control-label {
    font-weight: bold
}

.insurance_plan_tab #PatInsurancePlanDetails-1 h2, .insurance_plan_tab #PatInsurancePlanDetails-3 h2,
.insurance_plan_tab #PatInsurancePlanDetails-2 h2 {
    font-size: 18px;
    color: #008adb;
    font-weight: 500;
    margin-top: 10px;
}

.profile-summary-quickview .recall-sec label {
    color: #008adc;
    font-weight: 500;
    margin-bottom: 0;
    width: 130px;
    text-align: left;
    float: left;
}

.profile-summary-quickview .recall-sec > div,
.profile-summary-quickview .recall-sec p {
    margin-bottom: 8px;
    color: #333;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 20px;
}

.k-grid > .k-grid-header[style*="padding-right:"]:after,
div.table.table-bordered > .k-grid-header[style*="padding-right:"]:after {
    background: #d3edfc;
}

.profile-summary-quickview .brdr-right {
    position: relative;
    height: 120px;
    display: table-cell;
}

    .profile-summary-quickview .brdr-right:after {
        position: absolute;
        content: "";
        right: 0;
        top: 0;
        bottom: 0;
        border-right: solid 1px #ccc;
    }

.apvt_tabs.k-tabstrip-top .k-tabstrip-items .k-state-active {
    padding: 8px 15px;
}

.profileContent {
    display: block;
    margin-top: 8px;
}

.personal-info-sec .insurance_plan_tab .k-tabstrip-top > .k-tabstrip-items > .k-item {
    background: #d4edfc;
    color: #008adc;
    border: none;
    padding: 10px 25px !important;
}

.personal-info-sec .insurance_plan_tab .k-tabstrip-top > .k-tabstrip-items > .k-item {
    color: #008adc;
}

    .personal-info-sec .insurance_plan_tab .k-tabstrip-top > .k-tabstrip-items > .k-item .k-link {
        padding: 2px 15px !important;
        color: #008adc;
        font-size: 14px;
    }

    .personal-info-sec .insurance_plan_tab .k-tabstrip-top > .k-tabstrip-items > .k-item.k-state-active {
        background: #008adc;
        color: #fff;
        border: none;
    }

        .personal-info-sec .insurance_plan_tab .k-tabstrip-top > .k-tabstrip-items > .k-item.k-state-active .k-link {
            color: #fff;
        }

.personal-info-sec .insurance_plan_tab .box-wbody .control-label {
    margin-bottom: 10px;
}

.insurance_plan_tab .k-chart text {
    font-size: 18px;
}

.insurance_plan_tab .pdFormRow {
    margin-bottom: 10px;
}

.personal-info-sec .control-group .pdFormRow {
    font-weight: 400 !important;
}

.PatientPortalSelectB .k-dropdown {
    width: 100%
}

/*************** @media ************************/
@media (min-width:768px) and (max-width:1199px) {
    .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: none !important;
    }

    .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
        display: inline-block !important;
    }

    .profile-summary-quickview .family-sec {
        -webkit-order: 2;
        order: 2;
        padding-top: 10px;
    }

    .profile-summary-quickview .piqcol2-sec {
        -webkit-order: 3;
        order: 3;
        border-top: solid 1px #ccc; /*height:115px;*/
        overflow: hidden;
    }

    .profile-summary-quickview .table {
        margin-top: 0 !important;
    }

    .treatment_tableView .k-grid-pdf {
        top: -56px !important;
    }
}
/*************** end media ************************/

@media (max-width:767px) {
    .profile-summary-quickview .brdr-right {
        height: auto;
    }

    .profile-summary-quickview .patient-top-sec {
        padding: 0 20px;
    }

    .profile-summary-quickview .brdr-right {
        -webkit-order: 2;
        order: 2;
        height: auto !important;
    }

        .profile-summary-quickview .brdr-right.piqcol2-sec {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            padding: 10px 0 5px 0;
            margin-bottom: 5px;
        }

        .profile-summary-quickview .brdr-right.user-sec {
            padding-left: 0;
            padding-right: 0
        }

        .profile-summary-quickview .brdr-right:after {
            border-right: none;
            border-bottom: solid 1px #ccc;
        }

    .column-position .family-sec {
        padding: 0 0 10px 0
    }

    .personal-info-sec .box-wbody .control-label {
        float: left;
        flex: 0 0 21%;
        width: 21%;
    }

        .personal-info-sec .box-wbody .control-label + .col-xs-7 {
            float: right;
            flex: 0 0 79%;
            width: 79%;
        }

    .personal-info-sec .box-wbody #PatInsurancePlanDetails-1 .control-label {
        flex: 0 0 25%;
        width: 25%;
    }

        .personal-info-sec .box-wbody #PatInsurancePlanDetails-1 .control-label + .col-xs-7 {
            flex: 0 0 75%;
            width: 75%;
        }

    .coverage-det-right * {
        text-align: center !important;
    }

    .control-label {
        text-align: left !important;
    }

    #dvSubscriber {
        margin-top: 25px;
        padding: 0;
        border-left: none;
    }

    .btn.btn-mob-block {
        width: 100% !important;
    }

    #spQuckNoteSubNote, #spQuckNotePlanNote {
        margin-top: -5px !important;
    }

    .mrgnT40 {
        margin-top: 0 !important;
    }

    .edit-insurance-benefits-popup .restorative-care {
        margin-top: 20px;
    }

    .importedSpecialBenefitsTabel {
        width: 100%;
        overflow-x: scroll;
    }

        .importedSpecialBenefitsTabel #IBE_BenefitGrid {
            min-width: 700px;
        }

    /* Dental chart */

    .m-portlet.pdng_15 {
        padding: 0 !important;
    }

    .chart_tabs nav.nav-tabs li:last-child {
        margin-left: 0;
        margin-top: 10px;
    }

    .dental-page .date-range-sec .width-sec {
        width: 46%;
    }

    .m-portlet .m-portlet__head .m-portlet__head-caption {
        width: 100%;
        float: left;
    }

    .dental-page .view-col .form-control.k-widget {
        width: 100%;
    }

    .perioChartPanel-fixed ~ .perio-tooth-chart {
        margin-top: 0 !important;
    }

    .perioChartPanel-fixed {
        right: 25px !important;
    }

        .perioChartPanel-fixed .Operatory_content {
            height: 550px;
            overflow-x: scroll;
            padding-bottom: 70px;
            display: block;
            width: 100%;
        }

    .calcindexButtons .calReadOnly input.form-control {
        padding-right: 15px !important;
    }

    .m-nav-sticky .clsNavStickyPatRel .fa-picture-o:before {
        width: 22px;
        height: 30px;
    }

    .m-nav-sticky .clsNavStickyPatRel .fa-refresh:before {
        width: 27px;
        height: 27px;
    }

    #divIPE #IPE_InsuranceAdjustmentGrid {
        height: auto !important;
    }

    #divIPE #dvInsPlanDetails,
    #divIPE #dvSubscriber {
        margin-top: 25px;
    }

    .dental-page .teeth_chart table .valignB span.denTeeth > img[id*=imgCU] {
        top: 62px !important;
    }

    .k-daterangepicker .k-dateinput {
        width: 48%;
        float: left;
    }

    .billing-statements-popup h5 {
        margin-top: 15px;
    }

    .m-aside-header-menu-mobile.m-aside-header-menu-mobile--skin-dark .m-menu__nav > .m-menu__item.m-menu__item--open {
        background: transparent !important;
    }

    .ins-claims-page .chLabel {
        width: 100%;
        display: block;
    }

    .ins-claims-page .chDateRange {
        width: 40%;
        float: left;
    }

    .ins-claims-page .btn-pull-top {
        margin-top: 0 !important;
    }

    .panel_fieldset fieldset, #fieldset_group fieldset {
        margin-top: 10px;
    }

    #summary_sec .patient_info,
    .panel_fieldset .personalInfo.ortho-summary {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .btn-orange {
        padding: 9px 10px !important;
    }
}
/*************** max-width:767px end media ************************/


@media (min-width:992px) and (max-width:1030px) {
    .profile-summary-quickview .patient-top-sec .patient_info {
        padding-left: 90px;
    }

    .profile-summary-quickview .patient-top-sec .patient_pic img {
        width: 100% !important;
    }

    #divTopHeaderContent.hPatientPortal .loca_select {
        width: 70%;
    }

    #divTopHeaderContent.hPatientPortal .main_nav {
        display: none;
    }

    #divTopHeaderContent.hPatientPortal .m-stack__item.m-stack__item--fluid {
        width: 70%;
    }
}
/* end media */

@media (min-width:940px) and (max-width:1120px) {
    .tab-pane .teeth_chart table td span.denTeeth {
        left: 7px;
        top: 2px !important;
    }

    #divReportViewer .k-menu .k-item > .k-link {
        padding: 0.9em 0.7em !important;
    }
}
/* end media */


@media (min-width:1121px) and (max-width:1200px) {
    .tab-pane .teeth_chart table td span.denTeeth {
        left: 12px;
        top: 2px;
    }
}
/* end media */


#FamilyGrid .k-grid th,
#FamilyGrid .k-grid td {
    padding: 3px 5px !important
}

.add-edit-patient .personalInfo .quick-note {
    height: 0;
}

#fieldset_group fieldset legend {
    padding: 10px 10px 0 10px;
}

.m-nav-sticky .m-nav-sticky__item.icon-scheduler i:before,
.m-nav-sticky .m-nav-sticky__item.icon-personalInfo i:before,
.m-nav-sticky .m-nav-sticky__item.icon-account i:before,
.m-nav-sticky .m-nav-sticky__item.icon-orthoChart i:before {
    font-size: 25px;
}

.m-nav-sticky .m-nav-sticky__item.icon-treatmentPlan i:before,
.m-nav-sticky .m-nav-sticky__item.icon-dentalChart i:before {
    font-size: 27px;
}

.family_col #FamilyGrid {
    margin-top: 0 !important;
}

.profile-summary-quickview .family_col .k-grid-content.k-auto-scrollable {
    height: 98px !important;
}

.k-grid-toolbar .k-grid-save-changes {
    float: right;
    margin-left: 10px !important;
}

.surface-btn #btnSurfV[backcolor^="White"],
#tabstripProcedureInfo #divTxSurf_Proc button[backcolor^="White"],
#divProcedureinfo #divTxSurf_Proc button[backcolor^="White"],
.sec-procedures .surfaceClipboard a[backcolor^="White"] {
    background-color: #ffa62c;
    border-color: #ffa62c;
    color: #fff;
}

.treatment_tabs .m-box-preview {
    border: 1px solid #c5c5c5;
    padding: 10px 15px;
    border-radius: 4px;
}

.surfaceClipboard {
    position: relative;
    width: 192px;
    height: 192px;
    border-radius: 192px;
    background-color: #000;
    overflow: hidden;
    color: #fff;
    background: #fff;
    transform: rotate(45deg);
    transition: all 0.5s ease-out;
    margin: 0 auto;
}

    .surfaceClipboard .clipboardbox {
        width: 95px;
        height: 95px;
        position: absolute;
        background-color: #d3edfc;
    }

        .surface-btn #btnSurfV:hover,
        .surfaceClipboard .clipboardbox:hover {
            background-color: #008adc;
            transition: all 0.5s ease-out;
        }

            .surfaceClipboard .clipboardbox:hover a {
                color: #fff;
                transition: all 0.3s ease-out;
            }

        .surfaceClipboard .clipboardbox a {
            display: block;
            text-align: center;
            line-height: 95px;
            color: #008adb;
            text-decoration: none;
            font-weight: 600;
        }

            .surfaceClipboard .clipboardbox a span {
                transform: rotate(-45deg);
                display: block;
            }

    .surfaceClipboard .sClipboardD {
        right: 0;
        bottom: 0;
    }

    .surfaceClipboard .sClipboardL {
        right: 0;
        top: 0;
    }

    .surfaceClipboard .sClipboardM {
        top: 0;
        left: 0;
    }

    .surfaceClipboard .sClipboardBF {
        left: 0;
        bottom: 0;
    }

    .surfaceClipboard .sClipboardOi {
        top: 50%;
        left: 50%;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        border: solid 2px #fff;
        margin-left: -45px;
        margin-top: -45px;
        overflow: hidden;
    }

        .surfaceClipboard .sClipboardOi a {
            line-height: 90px;
            display: block;
        }

.dental-page .surface-btn {
    width: 100%;
    text-align: right;
    margin-top: -38px;
}

.sec-procedures .form-group {
    margin-bottom: 0.5rem;
}

.sec-moveTeeth .m-box-preview label,
.sec-toothStatus .m-box-preview label {
    margin-bottom: 0;
}

.personalInfo .scheduler-border {
    padding-bottom: 0;
    padding-top: 0;
}

.m-box-preview .h2style {
    font-size: 18px !important;
    font-weight: 500 !important;
}
/*div#medical_info_block{height:182px;overflow-y:scroll;overflow-x:hidden;}*/

.surface-btn #btnSurfV {
    background: #d3edfc;
    font-weight: 600;
    border-color: #d3edfc;
    height: 50px;
    width: 50px;
    border-radius: 50%;
}

#treatmentActivities .treatment_tableView {
    padding: 0;
    margin: 0 !important;
}

.calcindexButtons .calReadOnly input.form-control {
    border: none;
    text-align: right !important;
    width: 50px;
    padding-right: 10px !important;
    position: relative;
    float: right !important;
}

.calcindexButtons .calReadOnly:after {
    position: absolute;
    content: "%";
    right: 5px;
    top: 0;
    font-size: 1rem;
    height: 30px;
    width: 20px;
    line-height: 30px;
    text-align: right;
}

.btn_calc .btn-plus {
    height: 37px;
    font-size: 20px;
    padding-top: 0;
    line-height: 37px;
    padding-bottom: 0;
}

.treatment_tabs .table.table-striped thead th a.k-grid-filter.k-state-active .k-icon:before {
    color: #ffa62c !important;
}

.m-content.perio-page,
.m-content.treatment-plan-page {
    padding-top: 0 !important;
}

.examDirection label.k-checkbox-label {
    white-space: nowrap;
}

.btn.btn-100 {
    min-width: 100px;
}

.apvt_tabs.k-tabstrip li.k-item {
    padding: 8px 15px !important;
    background: #d4edfc;
    border-color: transparent !important;
}

    .apvt_tabs.k-tabstrip li.k-item .k-link {
        color: #0274b7;
    }

.k-tabstrip .k-tabstrip-items .k-link {
    padding: 2px 15px !important;
}

.apvt_tabs.k-tabstrip-top .k-tabstrip-items .k-state-active:hover .k-link,
.apvt_tabs.k-tabstrip-top .k-tabstrip-items .k-state-active .k-link {
    color: #fff;
}

.apvt_tabs .k-tabstrip-items:not(.k-state-active) .k-item:hover {
    background: #008ADC90;
}

.apvt_tabs.k-tabstrip li.k-item:not(.k-state-active) .k-link:hover {
    color: #fff;
}

#FormAddPayment .quick-noteWrap .quick-note {
    left: -30px;
    top: 26px;
}

#liTextTemplates_Header .dropdown-toggle .tp-nav-icon {
    float: left;
    margin-top: 0;
}

#liTextTemplates_Header .dropdown-toggle span {
    float: left;
    margin-left: 5px;
}

#liTextTemplates_Header .m-nav li a {
    position: relative;
}

#liTextTemplates_Header .m-nav li .m-nav__link-text {
    padding-left: 40px;
}

#liTextTemplates_Header .m-nav li .tp-nav-icon {
    position: absolute;
    left: 5px;
    top: 5px;
}

.sec-dateDesh {
    flex: 0 0 25px;
    max-width: 25px;
    margin: 0;
    padding: 0;
    font-size: 25px;
}


/*@media (min-width:1360px ) and (max-width:1420px){div #medical_info_block{height:140px;}}*/

/*@media (min-width:1420px ){div#medical_info_block{height:176px; }}*/ /* end media */

@media (min-width:1200px ) and (max-width:1350px) {
    .calcindexButtons .calReadOnly input.form-control {
        padding-right: 18px !important;
    }
}
/* end media */

@media only screen and (max-width:1024px) {
    .vm-ipad-pro .k-checkbox + .k-checkbox-label {
        white-space: nowrap;
    }

    .calcindexButtons .calReadOnly:after {
        width: 15px;
        line-height: 23px;
    }

    .calcindexButtons .calReadOnly input.form-control {
        padding-right: 10px !important;
    }
}
/* end media */

canvas.jSignature { /*max-height:100% !important;max-width:100% !important;width:100% !important;height:100% !important;*/
}

#m_portlet .k-grid-header th.k-header > .k-link .k-icon,
#m_portlet .k-grid-header th.k-header > .k-link .k-sort-order,
#m_portlet .k-grid-header th.k-header > .k-link {
    color: #008adc !important;
}

#divTopHeaderContent.hPatientPortal .m-brand {
    width: 80%;
}

.k-daterangepicker .k-dateinput {
    position: relative
}

    .k-daterangepicker .k-dateinput:before {
        position: absolute;
        right: 0;
        top: 0;
        height: 34px;
        width: 36px;
        line-height: 34px !important;
        text-align: center;
        color: #444;
        content: "\e108";
        font: 16px/1 WebComponentsIcons;
        border-left: solid 1px #c5c5c5;
    }

    .k-daterangepicker .k-dateinput input.k-textbox {
        background: transparent
    }

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile > .m-nav__link .m-topbar__userpic img {
    line-height: normal;
    border-radius: 24px;
    border: solid 2px #008adc !important;
}

.apptScheTabs .user-profile .up-img img {
    border-radius: 30px;
    border: solid 2px #008adc !important;
}

#divscheduler .k-scheduler-toolbar > ul.k-scheduler-views > li.k-state-selected {
    position: relative
}

    #divscheduler .k-scheduler-toolbar > ul.k-scheduler-views > li.k-state-selected:after {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: #ffa62c !important;
    }

.k-scheduler .k-nav-current > .k-state-active, .k-scheduler div.k-scheduler-toolbar > ul > li.k-nav-current {
    margin: 0;
}

.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__user-profile.m-topbar__user-profile--img.m-dropdown--arrow .m-dropdown__arrow,
.m-topbar .m-topbar__nav.m-nav > .m-nav__item.m-topbar__notifications.m-topbar__notifications--img.m-dropdown--arrow .m-dropdown__arrow {
    color: #ffa62c !important
}

#scheduler .k-scheduler-toolbar {
    background: #008adc !important;
}

.k-scheduler-toolbar .k-nav-current .k-icon {
    color: #fff !important;
}

@media print {
    .treatment-plan-sign-popup h4 {
        font-size: 6pt !important;
    }
}
/* end media */


/* after the update */
.k-tabstrip .k-tabstrip-items-wrapper {
    background-color: transparent;
    color: #008adc;
}

.k-scheduler-views .k-button {
    background-color: transparent;
    color: #fff;
    border-radius: 2px !important;
}

.k-grid-header .k-header, .k-grid-header .k-header .k-link, .k-grid-header .k-link, .k-grid-header .k-link:link, .k-scheduler-agendaview .k-scheduler-datecolumn, .k-scheduler-header {
    color: #008adc !important;
}

#ME_MedicationsGrid .k-grid-toolbar .k-grid-pdf,
#divCasesBenefits .k-grid-toolbar .k-grid-pdf {
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
}

.k-grid-toolbar .k-grid-pdf .k-icon {
    opacity: 1;
}

.other-btn-sec .selfCheckbox {
    margin-right: 10px;
}

.table .k-grid .k-toolbar.k-grid-toolbar {
    padding: 5px 0;
}

.k-pager-wrap .k-pager-numbers .k-link:focus {
    box-shadow: none;
}

.k-grid-norecords .alert-warning,
.k-grid-norecords .alert-warning h6 {
    width: 100%;
    display: block;
    text-align: center;
}

#ME_MedicationsGrid .k-grid-toolbar .k-grid-pdf {
    background: #008ADC;
    color: #fff;
}

.k-pager-wrap .k-pager-numbers .k-state-selected {
    line-height: 27px;
}

.form-control.k-multiselect.form-control {
    line-height: 23px !important;
}

.k-dropdowntree > .k-multiselect-wrap > .k-clear-value, .k-multiselect-wrap > .k-clear-value {
    top: calc(1.214285715em - 10px) !important;
}

.k-toolbar.k-grid-toolbar {
    width: 100%;
    display: block;
    border-bottom: 0;
}

.k-grid-content .k-toolbar.k-grid-toolbar {
    border: solid 1px #c5c5c5;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top: 10px;
}

.k-grid .k-icon {
    opacity: 1;
}

.k-edit-form-container .k-primary, .k-popup .k-primary {
    color: #fff;
}

.k-toolbar.k-grid-toolbar > .row {
    width: 100%;
}

.schedule-view-popup .m-radio-list .m-radio {
    padding-left: 10px;
}

    .schedule-view-popup .m-radio-list .m-radio > input {
        position: relative;
        z-index: 1;
        opacity: 1;
    }

#find-patient-field .k-dropdown-wrap {
    height: 36px;
    line-height: 36px;
}

    #find-patient-field .k-dropdown-wrap .k-icon {
        width: 100%;
        height: 100%;
    }

        #find-patient-field .k-dropdown-wrap .k-icon:before {
            content: "";
            background: url(../images/icon-search.png) no-repeat 0 0;
            width: 75%;
            height: 75%;
            padding: 0;
            background-size: 100% auto;
            transform: none !important;
        }

#SearchPatient_HeaderMenu-list .k-grid-header .k-header {
    background: #ffa62c;
    color: #fff !important;
    border-color: #df9837 !important
}

#SearchPatient_HeaderMenu-list .k-footer {
    padding: 8px !important;
    color: #444;
}

    #SearchPatient_HeaderMenu-list .k-footer .row {
        width: 100%
    }

#SearchPatient_HeaderMenu-list .k-nodata {
    display: flex;
    justify-content: center;
    align-items: center;
}

#find-patient-field .k-icon.k-i-x {
    display: none;
}

#find-patient-field .k-select {
    background: #008adc;
    color: #fff;
}

.m-nav-sticky .m-nav-sticky__item > a:hover > i {
    color: #ffffff !important;
}

#family-slider { /*background:#fcefd9;border:solid 1px #f7cd8c;*/
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
}

    #family-slider .item {
        height: 98px;
    }

    #family-slider .fs-img {
        text-align: center;
        margin-bottom: 7px;
    }

.fs-img img {
    height: 52px;
    width: 52px !important;
    border: solid 2px #008adc;
    border-radius: 26px;
    text-align: center;
    display: inline-block !important;
}

#family-slider .owl-item h2 {
    color: #008adc;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 3px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#family-slider .owl-item p {
    color: #333333;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#family-slider .owl-carousel .owl-item {
    text-align: center;
}

#family-slider .owl-nav .owl-prev {
    position: absolute;
    left: -20px;
    top: 5%;
    font-size: 35px;
}

#family-slider .owl-nav .owl-next {
    position: absolute;
    right: -20px;
    top: 5%;
    font-size: 35px;
}

#family-slider .owl-theme .owl-nav [class*=owl-] {
    color: #828282;
}

    #family-slider .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent;
        color: #ffa62c;
    }

#family-slider .owl-carousel .owl-item.activePatient .fs-img img {
    border: solid 2px #ffa62c;
}

#family-slider .owl-carousel .owl-item.activePatient h2 {
    color: #ffa62c;
}

.k-command-cell .k-icon {
    color: #444;
}

.k-command-cell .k-button:hover .k-icon {
    color: #008ADC;
}

.k-grid-edit .k-i-edit:before {
    content: "\f14b";
    font: normal normal normal 14px/1 FontAwesome;
}

.k-grid-delete .k-i-close:before {
    content: "\f1f8";
    font: normal normal normal 14px/1 FontAwesome;
}

.k-grid tbody .k-command-cell a.k-button:not(.k-grid-update,.k-grid-cancel,.k-grid-edit):hover {
    background: none !important;
}

.k-command-cell .k-button:hover .k-icon.k-i-edit {
    opacity: 1;
    color: #fff
}

@media only screen and (min-width:1200px) {
    /* #m_header_topbar.m-topbar .right-hdr-menu-sec{width:80%;} */
    .profile-summary-quickview .patient-top-sec .patient_pic #patPicture { /*max-width:74px;max-height:74px;*/
        margin-top: 0px;
        object-fit: cover
    }

    #divCasesBenefits .k-checkbox + .k-checkbox-label {
        margin-left: 5px !important;
    }
}
/* end media */

svg use {
    pointer-events: none !important;
}

.m-menu__subnav .m-menu__item .navIcon {
    width: 20px;
    height: 20px;
    fill: #008adc;
    position: absolute;
    left: 14px;
}

.right-hdr-menu-sec .m-topbar__nav .m-nav > .m-nav__item a.m-nav__link,
.m-header-menu .m-menu__nav .m-menu__item .m-menu__submenu .m-menu__subnav .m-menu__item:not(.ipad-link) a.m-menu__link {
    position: relative;
    padding-left: 45px !important;
}

.m-header-menu .m-menu__nav .m-menu__item .m-menu__submenu .m-menu__subnav .m-menu__item a.m-menu__link:not(.ipad-link) .m-menu__link-text {
    color: #008adc !important;
    font-size: 14px !important;
}

#dvHeaderSubMenu .schedule-lists .m-nav__item a:hover .m-nav__link-text,
.m-header-menu .m-menu__nav .m-menu__item .m-menu__submenu .m-menu__subnav .m-menu__item a.m-menu__link:hover:not(.ipad-link) .m-menu__link-text {
    color: #ffa62c !important;
}

.m-header-menu .m-menu__nav .m-menu__item .m-menu__submenu .m-menu__subnav .m-menu__item a.m-menu__link:hover:not(.ipad-link) {
    color: #ffa62c;
}

    .m-header-menu .m-menu__nav .m-menu__item .m-menu__submenu .m-menu__subnav .m-menu__item a.m-menu__link:hover:not(.ipad-link) .navIcon {
        fill: #ffa62c;
    }

.m-menu__subnav .svg-Icon-lg .navIcon {
    width: 25px;
    height: 25px;
}

.m-menu__subnav .svg-Icon-lg a {
    padding: 0 15px !important;
}

#ulNavSticky li .navIcon {
    width: 25px;
    height: 25px;
    fill: #ffffff;
}

.right-hdr-menu-sec .m-topbar__nav .m-nav > .m-nav__item .navIcon,
.m-header-menu .m-menu__nav > .m-menu__item .nav__link_icon .main_navIcon {
    width: 25px;
    height: 25px;
    fill: #008adc;
}

.right-hdr-menu-sec .m-topbar__nav .m-nav > .m-nav__item .navIcon {
    position: absolute;
    left: 5px;
    top: 7px;
}

.m-nav > .m-nav__separator {
    border-bottom: 1px solid #ebebeb;
    clear: left;
}

#dvHeaderSubMenu .m-nav__item .subNavIcon {
    width: 18px;
    height: 18px;
    fill: #fff;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
}

.m-header-menu .m-menu__nav .m-menu__item .svgReport .main_navIcon {
    width: 28px;
    height: 28px;
    margin-top: -1px;
}

.m-header-menu .m-menu__nav .m-menu__item .svgPeople .main_navIcon {
    width: 30px;
    height: 30px;
    margin-top: -1px;
}

.m-nav > .m-nav__item > .m-nav__link .m-nav__link-text,
.right-hdr-menu-sec .m-topbar__nav .m-nav > .m-nav__item .m-nav__link-text,
#support_dropMenu2.m-menu__submenu .m-menu__content li.m-menu__item .m-menu__inner .m-menu__link-text {
    color: #008adc;
}

    .m-nav > .m-nav__item > .m-nav__link .m-nav__link-text:hover,
    .right-hdr-menu-sec .m-topbar__nav .m-nav > .m-nav__item:hover .m-nav__link-text,
    #support_dropMenu2.m-menu__submenu .m-menu__content li.m-menu__item .m-menu__inner .m-menu__link-text:hover {
        color: #ffa62c;
    }

#dvHeaderSubMenu .m-nav__item .subNavIcon {
    fill: #008adc;
}

.right-hdr-menu-sec .m-topbar__nav .m-nav > .m-nav__item:hover .navIcon,
#support_dropMenu2.m-menu__submenu .m-menu__content li .m-menu__link:hover .navIcon,
#dvHeaderSubMenu .schedule-lists .m-nav__item a:hover .subNavIcon,
.m-header-menu .m-menu__nav > .m-menu__item:hover .nav__link_icon .main_navIcon,
.m-header-menu .m-menu__nav > .m-menu__item:hover .nav__link_icon .main_navIcon:hover {
    fill: #ffa62c;
}

#dvHeaderSubMenu .m-dropdown__content .m-nav__item .subNavIcon {
    fill: #008adc;
}

#dvHeaderSubMenu .m-nav__item > a > .subNavIcon {
    fill: #fff;
}

.teethNum .clsTeeth {
    position: relative;
    background: url(../images/perio-tooth-bg.png) no-repeat 50% 50%;
    background-size: 28px auto;
    color: #008adc;
    font-weight: 600;
    line-height: 28px;
}

#dvHeaderSubMenu .schedule-lists .m-nav__item a {
    width: auto;
    line-height: 35px !important;
}

#dvHeaderSubMenu .m-nav__item.svg-lg-icon .subNavIcon {
    width: 28px;
    height: 28px;
    margin-top: 4px;
    margin-left: -5px;
    margin-right: 5px;
}

.m-menu__subnav .m-menu__item.svg-lg-icon .navIcon {
    width: 30px;
    height: 30px;
    margin-top: -5px;
    margin-left: -5px;
}

.card-header {
    background: #d3edfc;
    color: #008adc;
}

.k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget {
    border-radius: 2px !important;
    border: solid 1px rgba(100,100,100,.3) !important;
    color: #fff !important;
    background-color: rgba(100,100,100,.9) !important;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 20%);
}

#liStaffWorking_HeaderMenu .m-nav__link {
    padding-left: 47px !important;
}

    #liStaffWorking_HeaderMenu .m-nav__link .navIcon {
        width: 26px;
        height: 26px;
    }

#tblGLOBAL_LastActivity tbody a {
    display: block;
}

.dropdown-menu > .dropdown-item, .dropdown-menu > li > a {
    color: #212529;
}

.k-animation-container < .ttw250,
.k-widget.k-tooltip.k-group#tpchartCaseAcce_tb_active {
    width: 250px;
}

#support_dropMenu2.header-sa-menu .m-menu__content li .m-menu__link {
    padding-left: 0 !important;
}

#support_dropMenu2.header-sa-menu .m-menu__content li.m-menu__item .m-menu__link .m-menu__link-icon {
    color: #008adc !important;
    width: 28px;
    margin-left: 7px;
}

#support_dropMenu2.header-sa-menu .m-menu__content li.m-menu__item .m-menu__link:hover .m-menu__link-icon {
    color: #ffa62c !important;
}

#support_dropMenu2.header-sa-menu .m-menu__content li.m-menu__item .m-menu__link svg.m-menu__link-icon {
    width: 20px;
    height: 20px;
    fill: #008adc;
    margin-right: 9px;
    margin-top: 5px;
}

#support_dropMenu2.header-sa-menu .m-menu__content li.m-menu__item .m-menu__link:hover svg.m-menu__link-icon {
    fill: #ffa62c !important;
}

.profile-summary-quickview .patient-top-sec .patient_pic {
    border: solid 2px #008adc;
}

.profile-summary-quickview .patient_pic .proChangeDp .fa-camera {
    position: absolute;
    top: 4px;
    right: 10px;
}

@media (max-width:991px) {
    .profile-summary-quickview .patient-top-sec .proChangeDp {
        left: 70px;
        position: absolute;
    }

    .profile-summary-quickview .patient-top-sec .patient_pic {
        border: solid 2px #008adc;
        width: 70px;
        height: 70px;
        margin-top: 10px;
    }

        .profile-summary-quickview .patient-top-sec .patient_pic img {
            width: 100%;
            height: 100%;
        }

    #divPatientFormGrid.patient-form-popup {
        max-width: 100% !important;
    }

    .required_filed label:after {
        right: 10px !important;
    }

    #divscheduler #ListView .btn,
    .k-scheduler-views .k-view-day {
        border-radius: 4px !important;
        height: 34px;
    }

    .profile-summary-quickview .brdr-right.piqcol2-sec:after {
        border-right: 0
    }
}
/* end media */


@media (min-width:992px) {
    .profile-summary-quickview .patient-top-sec .patient_pic {
        width: 60px;
        height: 60px;
        background: #ffffff;
        margin-top: 7px;
    }

    #pRecall_HeaderMenu svg.piqIcon, #h3PatientLNAppointment svg.pmsgIcon, #h3PatientMobile svg.pmsgIcon {
        margin-left: 4px !important;
    }

    .profile-summary-quickview .patient-top-sec .patient_info #pPatient .pPatientName {
        margin-bottom: 2px;
    }

    .profile-summary-quickview .patient-top-sec .patient_pic img {
        max-height: 100%;
        width: 100%;
        height: 100%;
    }

    .profile-summary-quickview .patient-top-sec .proChangeDp {
        position: absolute;
        left: 68px;
        top: 12px;
    }

    #pRecall_HeaderMenu svg.piqIcon {
        width: 15px !important;
        height: 15px !important;
    }
}
/* end media */

@media (min-width:1280px) {
    .profile-summary-quickview .patient-top-sec .patient_info {
        padding-left: 95px;
    }

    #pRecall_HeaderMenu svg.piqIcon, #h3PatientLNAppointment svg.pmsgIcon, #h3PatientMobile svg.pmsgIcon {
        margin-left: 7px;
    }

    .profile-summary-quickview .patient-top-sec .patient_pic {
        width: 85px;
        height: 85px;
        margin-left: -10px;
        margin-top: 5px;
    }

    .profile-summary-quickview .patient-top-sec .proChangeDp {
        left: 76px;
        top: 5px;
    }

    .apptScheTabs .user-profile .up-img {
        top: 0;
    }
}
/* end media */


@media (min-width:992px) and (max-width:1199px) {
    #divPatientFormGrid.patient-form-popup {
        max-width: 100% !important;
    }

    .personal-info-sec .profileSec .control-group .info-text .col-lg-12 > .row {
        float: left;
        width: 33.33%;
    }

    .dashboard_operatory .dasOpe1st,
    .dashboard_operatory .dasOpe3rd {
        margin-top: 10px;
    }

    .casePresenterChart .row > .col-md-6 h2.sub_title {
        padding: 0px 22px;
    }

    .profile-summary-quickview .brdr-right.piqcol2-sec:after {
        border-right: none
    }
}
/* end media */

@media (min-width:1200px) and (max-width:1279px) {
    .profile-summary-quickview .patient-top-sec .patient_info {
        padding-left: 70px;
    }

    .profile-summary-quickview .patient-top-sec .patient_pic {
        margin-left: -10px;
    }

    .profile-summary-quickview .patient-top-sec .proChangeDp {
        left: 54px;
        top: 16px;
    }
}
/* end media */


@media (min-width:1200px) and (max-width:1445px) {
    #pRecall_ApptSche svg.piqIcon {
        width: 15px !important;
        height: 15px !important;
    }

    .apptScheTabs .user-profile .up-img img {
        width: 50px !important;
        height: 50px !important;
    }

    .ScheTabsContent .user-profile {
        padding-left: 60px;
    }

    .apptsche-page .dashboard_operatory .btnApptSche {
        padding: 10px 5px;
        width: 100%;
    }

    #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent.stcuserProfile p {
        white-space: nowrap;
    }

        #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent.stcuserProfile p#mobile_AS {
            overflow: visible;
        }

    #mobile_AS svg.pmsgIcon {
        margin-left: 2px !important;
    }

    #treatmentActivities .k-datepicker {
        width: 11em;
    }

    .m-portlet-2col .m-portlet-head-right {
        width: 82%;
    }

        .m-portlet-2col .m-portlet-head-right label, .m-portlet-2col .m-portlet-head-right .m-checkbox {
            white-space: nowrap;
        }

    .dental-page .view-col .form-control.k-widget {
        width: 180px;
    }

    #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent.stcuserProfile .scCol2 label {
        width: auto !important;
        margin-right: 2px;
    }

    #m_portlet .apptScheTabs .k-tabstrip .stcuserProfile p .fa {
        margin-left: 2px !important;
    }

    #m_portlet .dashboard_operatory .front-desk-view {
        margin-top: 0.5rem !important;
    }

    #treatment_plan .ddTreatPhaseIcon li {
        width: 20%;
    }

    #treatment_plan .ddTreatPhaseIcon svg.icon.in_referOut {
        width: 32px;
        height: 40px;
    }

    #treatment_plan .ddTreatPhaseIcon svg.icon.in_existing {
        width: 33px;
        height: 40px;
    }

    #treatment_plan .ddTreatPhaseIcon svg.icon.in_completed {
        width: 31px;
        height: 44px;
    }

    #treatment_plan .ddTreatPhaseIcon .dcEtIcn2 svg {
        width: 42px;
        height: 40px;
    }

    #treatment_plan .ddTreatPhaseIcon .dcEtIcn1 svg {
        width: 30px;
        height: 40px;
    }

    #team-schedule {
        margin-top: -15px;
    }

    .dashboard_operatory .dasOpe1st {
        flex: 0 0 15.33333%;
        max-width: 15.33333%;
    }

    .dashboard_operatory .dasOpe2nd {
        flex: 0 0 55.33333%;
        max-width: 55.33333%;
    }

    .dashboard_operatory .dasOpe3rd {
        flex: 0 0 29%;
        max-width: 29%;
    }

    .profile-summary-quickview .recall-sec label {
        width: 108px;
    }
}
/* end media */


.valignB .watch_tooth,
.valignB .sealant_tooth {
    top: 0;
}

    .valignB .watch_tooth.active:after {
        content: "W";
        width: 22px;
        height: 22px;
        top: -20px;
    }

    .valignB .sealant_tooth.active:after {
        content: "";
        background: url(../images/icon-sealant.png) no-repeat 0 0;
        height: 30px;
        width: 20px;
        top: -25px;
    }

.TopazSignatureIcon .fa-check-square-o,
#FormBuilderId #formeo-render .formeo-render .fa.fa-check-square-o {
    color: #008adc !important;
}

.signatureIcon .fa-times-circle {
    color: #ff0000 !important;
}

.right-hdr-menu-sec ul.m-topbar__nav .m-topbar__notifications:hover .m-dropdown__wrapper {
    display: block;
}
/* start jp */
.provider-edit-popup .checkbox-sec .padd-text {
    padding-left: 28px
}

#chatPatientTexts .k-author b {
    margin-bottom: 5px
}

#displayTextCount {
    line-height: 36px
}

.blockquote-popup .span.k-dropdown {
    text-align: left
}

.k-form-error {
    margin-top: 4px
}

#tabstripProcedureInfo .pi-adjustment.mt-3 {
    margin-top: 10px !important
}

.add-payment-popup #butPrintReceipt, .add-payment-popup .k-grid-update, .apptsche-page .dashboard_operatory .btnApptSche {
    margin-bottom: 10px
}

.add-payment-popup .k-grid-cancel {
    background-color: #f4516c !important;
    margin-bottom: 10px
}

#EmployeeCoverage .k-sm-date-format {
    color: #fff
}

.apptsche-page .dashboard_operatory .stcuserProfile .scCol2 {
    padding-right: 0
}

#spU02 #imgCU02, #spU07 #imgCU07, #spU12 #imgCU12, #spU06 #imgCU06, #spU11 #imgCU11 {
    top: 57px !important
}

#spU08 #imgCU08 {
    top: 48px !important
}

#spU09 #imgCU09 {
    top: 51px !important
}

#spU010 #imgCU010 {
    top: 47px !important
}

#spU013 #imgCU013, #spU016 #imgCU016 {
    top: 56px !important
}

#spU32 #imgCU32, #spU30 #imgCU30 {
    top: 66px !important
}

#spU28 #imgCU28 {
    top: 65px !important
}

#spU25 #imgCU25 {
    top: 58+1px !important
}

#spU21 #imgCU21, #spU18 #imgCU18 {
    top: 65px !important
}

#spU17 #imgCU17 {
    top: 63px !important
}

#spU10 #imgCU10 {
    top: 49px !important
}

#spU14 #imgCU14, #spU15 #imgCU15, #spU31 #imgCU31 {
    top: 64px !important
}

#spM24 #imgCM24, #spM25 #imgCM25 {
    top: 3px !important
}

#spU20 #imgCU20, #spU29 #imgCU29 {
    top: 70px !important
}

#spU04 #imgCU04, #spU16 #imgCU16, #spU27 #imgCU27 {
    top: 60px !important
}

.ScheTabsContent #h3PatientLNAppointment_AS #spPatPriInsurance, #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent #spPatPriInsurance,
#h3PatientLNAppointment_AS #lblPatientLNAppointment_AS {
    max-width: 60%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.right-hdr-menu-sec .m-topbar__nav .m-nav > .m-nav__item .navIcon {
    width: 21px;
    height: 21px;
}

.form-list-popup #btnAddForm, .form-list-popup #btnAddDefaultForms {
    line-height: 20px;
}

.form-list-popup #btnAddDefaultForms {
    margin-right: 8px !important
}

.dashboard-page .marketing-group .k-widget.k-dropdown {
    width: 100%
}

.dashboard-page .new-text-campaign {
    height: 97%;
}

.add-payment-popup .select-box.text-right .k-dropdown {
    text-align: left
}

#addTemplate .k-widget.k-dropdown, #FormAppt .mob-editAppt .k-widget.k-dropdown, .referral-edit-popup .k-widget.k-dropdown,
.ref-attach-edit-popup .k-widget.k-dropdown {
    width: 100%
}

#addTemplate button {
    border-radius: 5px
}

#divApptEditMain #divProc .input-group-addon {
    margin-left: -3px;
    z-index: 2;
}

.form-list-popup .select-dropdown {
    text-align: right;
    padding-right: 0
}

    .form-list-popup .select-dropdown .k-widget.k-dropdown {
        width: 100px;
        text-align: left;
        margin-top: 1px;
    }

.massage_list #tabTexting-tab .badge {
    margin-left: 5px
}

.insurance-verif-list-popup #fieldset_group fieldset {
    height: 100%
}

.sche-planned-appt-popup button.btn-primary.mrgnT15 {
    vertical-align: unset
}

#divScheCommunication .btn-refresh button {
    padding-top: 8px !important;
}

.patient-portal .m-footer__copyright {
    padding-left: 0
}

.patient-portal .profile-summary-quickview .patient-top-sec .patient_pic {
    overflow: inherit
}

.patient-portal .profile-summary-quickview .patient-top-sec .proChangeDp {
    top: -1px;
    left: 95px;
    color: #ffa62c;
    display: block
}

.patient-portal .profile-summary-quickview .patient-top-sec .patient_pic {
    width: 85px;
    height: 85px;
    margin-left: -5px
}

.patient-portal .profile-summary-quickview .patient-top-sec .patient_info {
    padding-left: 100px
}

.patient-portal .profile-summary-quickview .brdr-right {
    min-height: 120px
}

.patient-portal .tableFamilyAging table td, .patient-portal .tableFamilyAging table th {
    padding-left: 10px;
    padding-right: 10px
}

    .patient-portal .tableFamilyAging table td:last-child {
        border-left: 0
    }

.patient-portal .m-nav.m-nav--inline {
    text-align: right
}

#GrdInbox table th a, #GrdDraft table th a, #GrdSent table th a {
    color: #008adc !important
}

.patient-portal .patient-change-pass-popup .icon {
    position: absolute;
    right: 22px;
    top: 52px
}

textarea#AutomatedSpanishText {
    margin-top: 10px
}

.practice-info-popup .k-widget.k-dropdown {
    width: 100%
}

.practice-info-popup input.k-radio, .practice-info-popup input.k-checkbox {
    float: left
}

    .practice-info-popup input.k-radio ~ label.k-radio-label {
        display: block;
        padding-left: 20px
    }

    .practice-info-popup input.k-checkbox ~ div {
        display: block;
        padding-left: 30px
    }

.patient-portal .right-hdr-pat-menu-sec li a:hover i {
    color: #ffa62c !important;
    cursor: pointer
}

.patient-portal .right-hdr-pat-menu-sec li a em {
    font-style: normal;
    color: #008ADC;
    font-size: 12px;
    font-weight: 500;
    display: block;
    line-height: 28px
}

.patient-portal .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon .m-nav__link-icon-wrapper {
    margin: 8px auto 0
}

.patient-portal .m-topbar .m-topbar__nav.m-nav > .m-nav__item > .m-nav__link .m-nav__link-icon:hover .m-nav__link-icon-wrapper {
    background: transparent
}

.patient-portal .right-hdr-pat-menu-sec li a:hover em {
    color: #ffa62c
}

.patient-portal .noto_label {
    top: 3px
}

.clsIPAddress1 .input-group-append button {
    border-radius: 0
}

.audit-trail-popup span.k-dropdown, .operatory-edit-popup span.k-dropdown {
    width: 100%
}

.operatory-page .table a.k-button {
    border-radius: 5px
}

#dlgGroupDetail ~ .k-dialog-buttongroup button {
    padding: 5px 20px;
    border-radius: 5px !important;
    margin-right: 0 !important;
}

.comm-type-popup .planned_appt_search_result span.k-dropdown {
    text-align: left
}

#dlg_ClinHistViews #Inactive_CHV {
    margin-right: 10px
}

#dlg_ClinHistViews ~ .k-dialog-buttongroup button {
    padding: 10px 20px;
    border-radius: 5px !important;
}

#dlg_ClinHistViews ~ .k-dialog-buttongroup {
    padding: 15px 20px;
}

.orthochart-list-popup #GrdOrthoElastic .k-widget.k-dropdown,
.orthochart-list-popup #GrdOrthoAppliances .k-widget.k-dropdown,
.orthochart-list-popup #GrdOrthoArchWire .k-widget.k-dropdown,
.orthochart-list-popup #GrdOrthoTasks .k-widget.k-dropdown {
    max-width: 100px !important
}

.quick-paste-type-popup button, #dlgEditClaimAttachmentImageUpload ~ .k-dialog-buttongroup button {
    border-radius: 5px !important;
}

.subscriber-relation {
    float: right
}

    .subscriber-relation label {
        float: left;
        line-height: 35px;
        margin-bottom: 0
    }

    .subscriber-relation .padd-left {
        padding-left: 136px
    }

.new-claim-popup .col-5 h2.sub_title.mrgnT10 {
    margin-top: 6px !important;
}

.comment-sec .quick-note {
    position: absolute;
    left: -30px;
    top: 28px;
}

.contact-edit-popup .k-dropdown, .pharmacy-edit-popup .k-dropdown {
    width: 100%
}

.k-filter-menu .k-action-buttons .k-button, #dlgEOBImageUpload ~ .k-actions button {
    border-radius: 5px !important;
}

    .k-filter-menu .k-action-buttons .k-button.k-primary {
        color: #fff
    }

#dlgEOBImageUpload .k-upload .k-dropzone {
    padding: 0 10px 0 0
}

.accountEditClaim.edit-claim-popup .k-datepicker .k-picker-wrap.k-state-default {
    width: 100%
}

.text-templates-popup .translate_link {
    bottom: 0
}

#divStatement .k-widget.k-dropdown {
    width: 100%
}

#gpsetup-container-div #DeviceGrid a.k-grid-add {
    float: right
}

#gpsetup-container-div {
    padding-top: 5px
}

#DeviceGrid .k-toolbar.k-grid-toolbar {
    padding-right: 0
}

.my-task-edit-popup .k-widget .k-picker-wrap > .k-select {
    padding-top: 3px
}

.request-appo-list-popup .form-group .k-dropdown {
    width: 100%
}

#dlgReferral_PE ~ .k-dialog-buttongroup button, #dlgsubscriber ~ .k-dialog-buttongroup button {
    border-radius: 5px;
}

@media (max-width:992px) {
    .m-aside-header-menu-mobile .m-menu__nav > .m-menu__item .m-menu__submenu .m-menu__item .m-menu__inner, .m-aside-header-menu-mobile .m-menu__nav .m-menu__inner {
        display: block !important;
        overflow: inherit !important;
    }
}
/* end max-width:992px */

@media only screen and (max-width:767px) {
    .blockquote-popup #ApptList {
        margin-top: 65px
    }

    .lab-cases-popup .personalInfo .mrgnT10.text-center,
    .add_patient_blk .profile-summary-quickview.add_appt .patient_info label {
        text-align: left !important
    }

    .mob-editAppt .add-appt-widget .col-form-label {
        text-align: left;
        padding-left: 10px;
        padding-right: 10px;
    }

    #kwQuickPasteTypeAddEditPatient .quick-paste-type-popup h2.sub_title {
        top: -10px;
    }

    .quick-paste-type-popup #GrdQuickPasteCat {
        margin-top: 15px;
    }

    #Dental_PatientId + .pdngLR_0 {
        padding-right: 15px !important;
    }

    .ins-payment-popup {
        min-width: 100% !important
    }
}

@media only screen and (min-width:993px) {
    m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu > .m-menu__subnav .m-menu__content .m-menu__inner > .m-menu__item > .m-menu__link .m-menu__link-text {
        font-size: 14px !important;
    }
}
/* end media 993px */


@media (min-width:1400px ) and (max-width:1500px ) and (min-height:769px) and (max-height:900px) {
    #GrdTxPlanAnaylyzer .k-grid-content {
        max-height: 285px
    }

    #GrdRequestedVisit .k-grid-content {
        max-height: 395px
    }

    #GrdLabCases .k-grid-content {
        max-height: 335px
    }

    #GrdTimeBlocks .k-grid-content {
        max-height: 398px
    }

    #GrdForm .k-grid-content {
        max-height: 220px
    }

    #grdProcedureCode .k-grid-content {
        max-height: 585px
    }

    #GrdInsurancePlan .k-grid-content {
        max-height: 380px
    }

    #GrdRemainingClaims .k-grid-content {
        max-height: 248px
    }

    .formeo.formeo-editor .formeo-controls .control-group {
        height: 650px
    }

    #FormBuilder .formeo.formeo-editor > .formeo-stage {
        height: 708px
    }

    #divGrid_UP .k-grid-content {
        max-height: 220px
    }

    #GrdProvider .k-grid-content {
        max-height: 370px
    }

    #GrdAuditLog .k-grid-content {
        max-height: 280px
    }

    #divScheduleView .panel_fieldset .personalInfo.mt-5 {
        margin-top: 1rem !important
    }

    #grdProcedureCode .k-grid-content {
        max-height: 580px
    }

    #GrdDentalOrthoVisits .k-grid-content {
        max-height: 530px
    }

    #GrdOrthoAppliances .k-grid-content,
    #GrdOrthoElastic .k-grid-content,
    #GrdOrthoTasks .k-grid-content,
    #GrdOrthoArchWire .k-grid-content {
        max-height: 120px
    }

    #GrdDentalProducts .k-grid-content {
        max-height: 292px
    }

    #RecallListGrid_SR .k-grid-content {
        max-height: 300px
    }

    #GrdSameDayHygienes .k-grid-content {
        max-height: 362px
    }

    #GrdUnbilledProcedures .k-grid-content {
        max-height: 310px
    }

    .pcExamcol1 .examDirection .rowCheckbox.clsPerioToothChart .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

        .pcExamcol1 .examDirection .rowCheckbox.clsPerioToothChart .col-md-6.pr-0.pl-0 {
            padding-left: 10px !important;
            margin-top: 5px
        }

    .clsPerioToothChart .k-widget.k-dropdown {
        width: 100%
    }

    .dashboard-page .marketing-group .control-label.text-right {
        line-height: normal
    }
}
/* end 1440 X 900 */


@media (min-width:1200px ) and (max-width:1400px ) and (max-height:768px) {
    #RecallListGrid_SR .k-grid-content {
        max-height: 308px
    }

    #grdProcedureCode .k-grid-content {
        max-height: 450px
    }

    #GrdRequestedVisit .k-grid-content {
        max-height: 390px
    }

    #GrdTimeBlocks .k-grid-content {
        max-height: 395px
    }

    #GrdLabCases .k-grid-content {
        max-height: 334px
    }

    #GrdForm .k-grid-content, #GrdFormPackage .k-grid-content {
        max-height: 170px
    }

    #FormBuilder .formeo.formeo-editor > .formeo-stage {
        height: 576px
    }

    .formeo.formeo-editor .formeo-controls .control-group {
        height: 520px
    }

    #GrdDiseaseM .k-grid-content {
        height: 290px
    }

    #GrdAllergyDef .k-grid-content {
        height: 300px
    }

    #GrdRemainingClaims .k-grid-content {
        height: 246px
    }

    #GrdReferral_Ref .k-grid-content {
        height: 280px
    }

    #GrdInsurancePlan .k-grid-content {
        height: 372px
    }

    #GrdOrthoAppliances .k-grid-content,
    #GrdOrthoElastic .k-grid-content,
    #GrdOrthoTasks .k-grid-content,
    #GrdOrthoArchWire .k-grid-content {
        max-height: 120px
    }

    #GrdUserList .k-grid-content {
        max-height: 100px
    }

    #GrdUserGroup .k-grid-content {
        max-height: 240px
    }

    #GrdProvider .k-grid-content {
        max-height: 370px
    }

    #GrdEmployee .k-grid-content {
        max-height: 180px
    }

    #GrdAuditLog .k-grid-content {
        max-height: 282px
    }
}
/* end 1366 X 768  */

@media (min-width:768px ) and (max-width:1023px ) and (max-height:1024px) {
    #GrdTxPlanAnaylyzer .k-grid-content {
        max-height: 115px
    }

    #RecallListGrid_SR .k-grid-content {
        max-height: 420px
    }

    #ConfirmationsGrid .k-grid-content {
        max-height: 235px
    }

    #GrdDentalProducts .k-grid-content {
        max-height: 320px
    }

    #GrdProvider .k-grid-content {
        max-height: 372px
    }
}
/* end 992 X 768  */

@media (min-width:1024px ) and (max-width:1200px ) and (max-height:768px) {
    #GrdTxPlanAnaylyzer .k-grid-content {
        max-height: 260px
    }

    #grdApptProc .k-grid-content {
        max-height: 125px
    }

    #ContactHxGrid .k-grid-content {
        max-height: 95px
    }

    #divGrid_UP .k-grid-content {
        max-height: 115px
    }

    #GrdReferral_Ref .k-grid-content {
        max-height: 285px
    }

    #RecallListGrid_SR .k-grid-content {
        max-height: 420px
    }

    #dlgExam ~ .k-dialog-buttongroup button {
        margin: 15px 15px 15px 0;
        border-radius: 5px
    }

    .dashboard-page .marketing-group .control-label.text-right {
        margin-bottom: 10px;
        text-align: left !important
    }
}
/* end 1024 X 768  */


@media (max-width:1440px) {
    .apvt_tabs.k-tabstrip li.k-item {
        padding: 8px 5px !important
    }

    #ProviderCoverage .k-scheduler-footer button .k-button-text {
        margin-left: 10px
    }

    .apptsche-page #team-schedule {
        margin-top: 10px;
    }

    .apptScheTabs #divToScheduleList .owl-nav {
        right: -10px
    }

    #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent.stcuserProfile p, .stcuserProfile .up-details h5 {
        font-size: 11px;
    }

    .apptScheTabs .user-profile .up-img {
        top: 0
    }

    body .procedures-button {
        display: inherit
    }

        body .procedures-button .btn {
            width: 47%
        }

    #people .nav li a {
        padding-left: 8px;
        padding-right: 8px;
    }

    #GrdApptListViews .k-grid-content {
        max-height: 540px;
    }

    #GrdTxPlanAnaylyzer .k-toolbar a.k-grid-excel {
        margin-right: 50px;
        margin-bottom: 5px;
        margin-top: -1px;
        line-height: 20px;
    }

    .blockquote-popup .text-right.mb-2 {
        text-align: left !important
    }

    .btn-outline-primary:hover {
        color: #fff !important
    }

    #family-slider .owl-item h2 {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    #tabstripCasePresenter-1 .clsAcceptTreatmentPlan,
    #tabstripCasePresenter-1 .clsAcceptTreatmentPlan a,
    #tabstripCasePresenter-2 .clsAcceptTreatmentPlan,
    #tabstripCasePresenter-2 .clsAcceptTreatmentPlan a {
        width: auto !important;
        text-align: right
    }

    #GrdTimeBlocks .k-auto-scrollable table col:nth-child(1) {
        width: 150px !important;
    }

    #GrdTimeBlocks .k-auto-scrollable table col:nth-child(2) {
        width: 120px !important;
    }

    .sche-recall-popup .button_size_group #lastOnDemandTextLogInfo {
        display: block;
        margin-top: 10px
    }

    #insuVerifi_list #InsuranceVerifyGrid table col:nth-child(4) {
        width: 160px !important;
    }

    .insurance-verif-list-popup .k-widget.k-dropdown {
        width: 100% !important
    }

    .sche-confirmation-popup #ConfirmationsGrid table col:nth-child(4) {
        width: 120px !important;
    }

    .sche-recall-popup #RecallListGrid_SR col:nth-child(11) {
        width: 150px !important;
    }

    .practice-info-popup #fieldset_group.row label.control-label {
        line-height: normal;
    }

    body #medical_info_block .btn-health-care {
        right: 10px
    }

    .accountEditClaim.edit-claim-popup #tabstripEditClaim-1 .col-xl-6.col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .ins-payment-popup {
        min-width: 100% !important
    }

    .my-task-edit-popup .k-widget.k-dropdown {
        width: 100%
    }

    #PendingNotes_startDate .k-textbox-container {
        width: 49%
    }

    .myTimePunch div[id*="GridMyTimePunches_"] > table {
        table-layout: inherit;
    }

    body #SchePlannedAppt_DateRange .k-textbox-container {
        width: 49%
    }
}

/* end meida 1440px */

@media (max-width:1367px) {
    #GrdApptListViews .k-grid-content {
        max-height: 430px;
    }

    .add-edit-patient .guarantor-sec .guarantor-col .other-btn-sec {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 10px
    }

    #h3PatientLNAppointment_AS #lblPatientLNAppointment_AS {
        max-width: 52%;
    }

    .treatment_tableView .k-grid-pdf {
        top: -57px;
    }
}
/* end meida 1367 */


@media (max-width:1280px) {
    .teeth_chart {
        padding-left: 5px
    }

    .apvt_tabs.k-tabstrip li.k-item {
        padding: 8px 0 !important
    }

    #h3PatientLNAppointment_AS #lblPatientLNAppointment_AS {
        max-width: 52%;
    }

    .m-header.hdrPatientPortal_layout #m_header_nav {
        flex: 1.3;
    }

    .m-header.hdrPatientPortal_layout .loca_select {
        margin-right: 0 !important;
        padding-right: 0 !important;
        padding-left: 20px !important;
    }

    .m-header.hdrPatientPortal_layout .m-header .m-brand {
        padding: 0;
    }

    .m-header.hdrPatientPortal_layout .clsOfficePatientFilter {
        line-height: normal !important;
    }

    .m-brand .m-brand__logo .m-brand__logo-wrapper {
        margin-top: 0;
    }

    #divLabCaseEdit {
        min-width: 100% !important
    }

    .family-sec .btn {
        font-size: 13px
    }

    .practice-info-popup .location-ip, .practice-info-popup .location-ip ~ .control-label {
        line-height: normal;
        width: 100%;
        display: block;
        flex: 0 0 100%;
        max-width: 100%;
        text-align: left !important;
    }

    .account-page #GridPatientFinancingManage table col:nth-child(2) {
        width: 150px !important;
    }

    .account-page #GridPatientFinancingManage table col:nth-child(3) {
        width: 150px !important;
    }

    #gpsetup-container-div #DeviceGrid {
        margin-left: 10px;
        margin-right: 10px;
    }

    #tabstripEditClaim-2 #ECL_Attachment {
        padding-left: 6px;
    }

    .treatment-plan-page .k-tabstrip .k-tabstrip-items .k-link {
        padding: 2px 10px !important
    }

    .tx-plan-current-popup #GrdTxPlanDet table col:nth-child(4) {
        width: 6px !important;
    }

    .tx-plan-current-popup #GrdTxPlanDet table col:nth-child(5) {
        width: 6px !important;
    }

    .tx-plan-current-popup #GrdTxPlanDet table col:nth-child(8) {
        width: 8px !important;
    }

    .planned_appt_search_result #PlannedApptGrid table col:nth-child(2) {
        width: 150px !important;
    }

    .planned_appt_search_result #PlannedApptGrid table col:nth-child(6) {
        width: 150px !important;
    }

    #m_header_topbar.m-topbar .right-hdr-menu-sec {
        width: 62%
    }
}
/* end meida 1280px */

@media (min-width:992px) and (max-width:1200px) {
    .m-header.hdrPatientPortal_layout #m_header_nav {
        flex: 1;
    }

    .m-header.hdrPatientPortal_layout .loca_select {
        padding-left: 0 !important;
    }
}
/* end meida 992px and 1200px */

@media (max-width:1024px) {
    .casePresenterChart .row > .col-md-6 h2.sub_title {
        text-align: left
    }

    body .add-appt-widget h2.sub_title .m-checkbox {
        width: 45%;
        padding-left: 30px;
    }

    #h3PatientLNAppointment_AS #lblPatientLNAppointment_AS {
        max-width: 70%;
    }

    .apptScheTabs .user-profile .up-img {
        top: -5px;
    }

    .review #div-reviews {
        padding-top: 15px;
        height: 100%;
        margin-top: 0
    }

        .review #div-reviews #listViewYelp {
            height: 100%;
        }

    .personal-info-sec .col-xl-5 {
        padding-bottom: 5px;
    }

    .massage_list #GridTextMessage .k-grid-content {
        min-height: 436px;
    }

    .massage_list #chat_widget .k-chat {
        height: 438px;
    }

    #treatment_plan .input-group-md span.k-dropdown-wrap {
        width: 100%
    }

    body .procedures-button .btn {
        width: 48.5%
    }

    #divCasesBenefits .k-checkbox + .k-checkbox-label {
        width: auto;
        float: left
    }

    #divCasesBenefits .k-checkbox {
        float: left
    }

    .add-edit-patient #FormAddPatient .k-radio {
        margin-right: 3px;
    }

    .insurance-plan-edit-poopup .special-fee-col .col-7.col-md-7 .mrgnT10.pull-right {
        width: 100%
    }

    .insurance-plan-edit-poopup .special-fee-col .mr-2.pull-left {
        margin-bottom: 10px
    }

    .insurance-plan-edit-poopup .special-fee-col .col-lg-7.col-md-8.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    #treatment_plan .ddTreatPhaseIcon svg.icon.in_referOut {
        right: 18px;
        width: 40px;
    }

    .ddTreatPhaseIcon li.dcEtIcn1 svg {
        width: 40px;
    }

    .perioChartPanel .pcExamcol3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .examsWidget .examsWidget-btn.col-lg-5 {
        flex: 0 0 41.66667% !important;
        max-width: 41.66667% !important;
    }

    .examsWidget .examsWidget-btn.control-label-value {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }

    .examsWidget .examsWidget-btn.mb-1 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    body .perioChartPanel .panel_fieldset {
        margin-top: 0
    }

    #support_dropMenu2 .m-menu__subnav .m-menu__item .navIcon {
        height: 27px;
    }

    #FormProPaySignUp .panel_fieldset {
        padding-left: 0;
        padding-right: 0;
    }

    #divTxPlanProc #GrdTxPlanDet {
        overflow: auto
    }

        #divTxPlanProc #GrdTxPlanDet .k-grid-header,
        #divTxPlanProc #GrdTxPlanDet .k-grid-content {
            min-width: 900px
        }

    #divTxPlanProc .table.table-striped thead th a.k-link:link {
        color: #000 !important
    }

    #isEmployeeWorking {
        bottom: 2px !important
    }

    .officetarget-edit-popup .btn-danger {
        float: right;
        margin-left: 10px
    }

    #AppointmentScheduleTab .SwitchYN {
        padding-top: 2px
    }

        #AppointmentScheduleTab .SwitchYN #radSaveTheDateAuto,
        #AppointmentScheduleTab .SwitchYN #radSaveTheDatePrompt {
            float: left;
            margin-top: 8px
        }

        #AppointmentScheduleTab .SwitchYN label.k-radio-label {
            display: block;
            padding-left: 23px;
            margin-left: 0;
            padding-top: 7px
        }

    #FormProPaySignUp div.col-lg-6.col-md-6 > label {
        padding-left: 25px;
        position: relative;
        line-height: 20px;
    }

    .add-payment-popup #FormAddPayment {
        padding-right: 1px
    }

    .add-punch-content input[type="text"] {
        border: 1px solid #ccc;
        border-radius: 5px;
        width: 100%;
        line-height: 20px;
        padding: 10px;
    }

    .add-punch-content input#date_ATC, .add-punch-content input#timepicker_parent {
        border: 0
    }

    #patientPortalSec .profile-summary-quickview .brdr-right.piqcol2-sec:after {
        border-right: 0
    }

    #patientPortalSec .profile-summary-quickview .patient-top-sec .patient_pic img {
        object-fit: cover;
        height: 100%
    }

    .planned_appt_search_result #RecallListGrid_SR a.k-grid-excel {
        margin-top: 0
    }

    .lab-cases-popup #GrdLabCases table col:nth-child(7) {
        width: 200px !important;
    }

    #toolbar_ScheduleListView #peopleList {
        padding-left: 10px
    }

        #toolbar_ScheduleListView #peopleList li {
            width: 12%
        }

            #toolbar_ScheduleListView #peopleList li a {
                width: 100%;
                text-align: center;
            }

    .mob-editAppt .k-dropdown {
        width: 100%
    }

    .labwork-button {
        max-width: 178px;
        float: right;
        margin-bottom: 10px
    }

    .vatal-signs-edit-popup {
        min-width: 100% !important
    }

    .dental-page .dentFavoritesList .k-widget.k-dropdown, .dental-page .sec-procedures .k-widget.k-dropdown {
        width: 100%
    }

    .treatment_tableView .k-filter-row .k-dropdown-operator .k-dropdown-wrap.k-state-default {
        max-height: 34px
    }

    .add-family-ppup .add-patient-portal {
        line-height: normal
    }

    .patient-portal .m-nav.m-nav--inline {
        text-align: center
    }

    .request-appointment-popup .k-widget.k-dropdown {
        width: 100%
    }

    .clients-page .panel_fieldset.pdngLR_0, .clients-page .panel_fieldset.pdngLR_0 .personalInfo {
        height: 100%
    }

    .super-admin .m-stack.m-stack--desktop.m-stack--ver > .m-stack__item.m-stack__item--fluid {
        width: 100% !important
    }

    .super-admin #divTextTemplates .quick-note {
        right: 38px !important
    }

    .practice-info-popup .treaing-clinicial {
        margin-top: 10px
    }

    .practice-info-popup .other-clinicial {
        margin-bottom: 10px
    }

    body.patient-portal .m-topbar .m-topbar__nav.m-nav > .m-nav__item {
        padding-left: 2px;
        padding-right: 2px
    }

    .time-punches-date .refresh-btn {
        width: 100%
    }

    .time-punches-date .btn-expand-collapse {
        margin-top: 15px !important;
        padding-right: 160px !important;
    }

    .adminTimePunch #GridAdminTimePunches .k-toolbar.k-grid-toolbar {
        padding-right: 0
    }

    .appt-sche-edit-popup .mob-editAppt .add-appt-widget h2.sub_title span {
        float: left;
        width: 100%;
        margin-bottom: 10px
    }

    .m-header-menu .m-menu__nav > .m-menu__item .m-menu__submenu {
        width: 257px;
    }

    #GrdTxPlanAnaylyzer .k-toolbar a.k-grid-excel {
        margin-right: 3px;
        margin-top: 1px;
    }
}
/* end 1024px*/

@media (max-width:992px) {
    .m-brand {
        padding-right: 10px
    }

    .m-header .m-brand {
        margin-left: 0;
        padding-left: 35px
    }

    .m--visible-tablet-and-mobile-inline-block {
        left: 10px
    }

    .ortho-page .m-portlet__head .row.float-right {
        float: inherit !important
    }

    #tabstripCasePresenter-1 .tabs-head-btn {
        margin-bottom: 10px
    }

    .casePresenterChart .row .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .account-page .pull-right.mt-2.mr-4.mr-sm-2 {
        float: left !important
    }

    .account-page .view-dropdownBlk {
        margin-top: 6px !important;
        width: auto !important;
        margin-right: 0 !important
    }

    #dvHeaderSubMenu .scheProduction {
        max-width: 68%
    }

    #dvHeaderSubMenu .m-nav__item .subNavIcon {
        margin-top: 6px
    }

    .dashboard_operatory-fixed {
        position: relative;
    }

    .apptsche-page .dasOpe3rd.col-md-9 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .m-menu__subnav .schedule-lists .m-menu__link-title {
        width: 100%
    }

    .m-menu__subnav .m-menu__item .navIcon {
        height: 20px
    }
    /*.m-menu__subnav .ipad-link a .m-menu__link-text, .main_menu li ul li ul li .m-menu__link-text{padding-left:45px !important;}*/
    .mt-md-0 .card.cwChart {
        margin-top: 10px
    }

    #div-overall-rating .card-body.h50,
    #div-overall-rating .card-body.h50 .k-rating-container .k-rating-item, body .apvt_tabs.k-tabstrip .k-content {
        padding-left: 0;
        padding-right: 0;
    }

        #div-overall-rating .card-body.h50 .averageRating .k-rating-label {
            margin-left: 0;
            margin-right: 0;
            font-size: 18px;
            line-height: 42px;
        }

    body .graphValue.review {
        line-height: 0;
    }

        body .graphValue.review span {
            line-height: 50px;
            font-size: 30px !important;
        }

    .graphValue.review small {
        line-height: 18px;
    }

    .multiSelectDropWrap {
        margin-top: 10px !important;
        margin-left: 0 !important
    }

    #toolbar_ScheduleListView #people {
        margin-top: 10px !important;
    }

    #divCasesBenefits .k-checkbox {
        margin-top: 8px
    }

    #divConversationEdit .col-lg-4.col-md-12 {
        margin-top: 10px
    }

    .insurance-verif-list-popup .m-form.m-form--fit .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .m-aside-header-menu-mobile .m-menu__nav .m-menu__item.m-menu__item--open .m-menu__inner .m-menu__link-text {
        padding-left: 0 !important
    }

    .add-edit-patient .required_filed label:after {
        right: -8px !important;
    }

    .quick-paste-type-popup .sub_title.open-slots-ttl {
        top: -10px;
        width: auto
    }

    #kwHeaderMenuSmall .patient-letter-popup {
        max-width: none !important;
    }

    .referral-select-popup #GrdReferral_Ref .col-md-5.mb-2 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .referral-select-popup #GrdReferral_Ref .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

        .referral-select-popup #GrdReferral_Ref .col-md-7 .col-md-6.text-right {
            text-align: left !important;
            padding-left: 10px !important;
        }

    #treatment_plan .sec-toothStatus .btn {
        padding: 5px
    }

    body #tcRightIcons svg.tsicon {
        margin: 4px 5px 0 0
    }

    body .sec-toothStatus svg.tsicon {
        width: 17px;
        margin-top: 3px;
        height: 17px;
    }

    body .sec-toothStatus .btn {
        min-width: 38px
    }

    #addTemplate {
        min-width: 100% !important
    }

    .ortho-page #AddEncounterGrid > table {
        min-width: 860px;
    }

    .lab-case-edit-popup {
        min-width: 100% !important;
    }

    .examsWidget .examsWidget-btn.control-label-value {
        flex: 0 0 15% !important;
        max-width: 15% !important;
    }

    .perioChartPanel .vm-ipad-pro.pcExamcol1, .perioChartPanel .pcExamcol2 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px
    }

    .perioChartPanel .pcExamcol3 {
        margin-bottom: 10px
    }

    .insurance-plan-edit-poopup #IPE_panelPat {
        margin-top: 20px
    }

    #support_dropMenu2.m-menu__submenu .m-menu__content li .m-menu__link {
        position: relative;
        list-style-type: none;
    }

    #support_dropMenu2 .m-menu__inner a[style="padding-left:45px !important"] .m-menu__link-text,
    #support_dropMenu2 h3 .m-menu__link-text {
        padding-left: 0 !important
    }

    #support_dropMenu2 .m-menu__subnav .m-menu__item .navIcon {
        height: 20px;
    }

    .image-caregory-edit-popup .overflow_hidden .k-checkbox-label {
        margin-right: 10px
    }

    body #GrdReferral_Ref .col-md-7 .text-right.mrgnT5.pdngR_0 {
        text-align: right !important;
    }

    #isEmployeeWorking {
        bottom: 0px !important
    }

    #divUserEdit .required_filed label:after,
    #divProviderEdit .required_filed label:after {
        right: -8px !important
    }

    .operatory-page .m-portlet__body table span.k-widget.k-textbox {
        width: 100% !important
    }

    .operatory-page .m-portlet__body table th {
        text-align: right !important;
        line-height: 28px;
    }

    #divTextTemplates #AutomatedSpanishText {
        margin-top: 10px
    }

    #divTopHeaderContent.hPatientPortal .m-topbar .m-topbar__nav.m-nav #m_quick_sidebar_toggle {
        margin-top: 10px
    }

    #divTopHeaderContent.hPatientPortal #m_header_topbar.m-topbar .m-topbar__nav-wrapper {
        padding-right: 20px;
        margin-top: 0
    }

    #patientPortalSec .profile-summary-quickview .patient-top-sec .patient_pic {
        margin-top: 0
    }

    #patientPortalSec .profile-summary-quickview .patient-top-sec .patient_info {
        padding-left: 95px
    }

    .patientDetails.p-3 .card.mt-3.mb-3 .card-body {
        padding: 10px
    }

        .patientDetails.p-3 .card.mt-3.mb-3 .card-body label.text-md-right {
            padding-right: 0
        }

    .request-appointment-popup .tableFamilyAging .col-md-6.md-sm-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .request-appointment-popup .row.mt-4 ul li.k-state-default, #tabstripCasePresenter li {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #tabstripCasePresenter .clsAcceptTreatmentPlan .btn-orange {
        width: auto !important
    }

    #tabstripCasePresenter .clsAcceptTreatmentPlan {
        margin-bottom: 10px
    }

    #dvSubscriber #IPE_isAssignBenefitsToProvider {
        float: left
    }

        #dvSubscriber #IPE_isAssignBenefitsToProvider ~ label.k-checkbox-label {
            padding-left: 30px;
            display: block;
            margin-left: 0 !important;
        }

    #dvInsuranceBenefitsEdit .ebViewNote {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    #dvInsuranceBenefitsEdit #dvInsuranceBenefitsEditForView .mt-4.mt-lg-0,
    #dvInsuranceBenefitsEdit #dvInsuranceBenefitsEditForView .mt-3.mt-lg-0 {
        margin-top: 0 !important
    }

    .profile-summary-quickview .piqcol2-sec,
    .profile-summary-quickview .brdr-right {
        height: auto;
        min-height: 125px
    }

    #divStatement #divDateRange label.control-label {
        line-height: 32px !important
    }

    #divStatement .k-dropdown {
        width: 100%
    }

    .accountEditClaim.edit-claim-popup #dvECL_Predeterm, .accountEditClaim.edit-claim-popup .claim-form {
        margin-top: 10px
    }

    .medication-patient-edit-popup #MEPat_dvGenericNote {
        margin-top: 10px
    }

    .main_menu > li a.nav__link .nav_link_wrapper {
        font-size: 14px;
        line-height: 30px !important;
    }

    .m-topbar--on .m-aside-header-menu-mobile .m-menu__nav > li > .m-menu__link .nav__link_icon {
        width: 34px
    }
}
/* end media 992 */

@media (max-width:1200px) and (min-width:1026px) {
    .m-stack.m-stack--desktop.m-stack--ver > .m-stack__item {
        max-width: 42%;
        padding-right: 0
    }

        .m-stack.m-stack--desktop.m-stack--ver > .m-stack__item.m-stack__item--fluid#m_header_nav {
            max-width: initial;
        }

    body .m-topbar .m-topbar__nav.m-nav > .m-nav__item.client_logo {
        display: block
    }

    body .PatientPortalSelectB {
        padding-left: 10px
    }

    body #m_header_topbar.m-topbar .right-hdr-menu-sec {
        width: 100%
    }

    body #m_header_topbar.m-topbar .main_nav {
        width: 52%
    }

    body .k-scheduler-toolbar .k-scheduler-views-wrapper .k-scheduler-views {
        margin-right: 90px
    }

    body #ListView {
        right: 142px
    }

    .m-nav.m-nav--inline {
        text-align: right
    }

    body #m_portlet .dashboard_operatory .front-desk-view {
        top: 49px
    }

    div.k-grid .k-grid-toolbar .k-button {
        margin: 0;
        line-height: 20px
    }

    .patientreview-options-popup .k-dropdown {
        width: 100%
    }

    .appo-reminders-popup #AppointmentScheduleTab input.k-radio {
        float: left;
        margin-top: 10px
    }

    .appo-reminders-popup #AppointmentScheduleTab .k-radio-label {
        margin: 0;
        padding-left: 24px;
        display: block;
        margin-top: 10px
    }

    .appo-reminders-popup #AppointmentScheduleTab #radSaveTheDatePrompt,
    .appo-reminders-popup #AppointmentScheduleTab #radSaveTheDatePrompt ~ label {
        margin-top: 0
    }
}

@media (max-width:767px) {
    .add-family-ppup .add-patient-portal {
        line-height: 35px
    }

    #h3PatientLNAppointment_AS #lblPatientLNAppointment_AS {
        max-width: 51%;
    }

    .ortho-page .dr_list label {
        padding-left: 0
    }

    .ortho-chart-ttl {
        margin-left: -10px
    }

    #divFeeRank {
        margin-bottom: 10px;
        width: 100%;
    }

    #m_portlet .apptScheTabs .k-tabstrip .ScheTabsContent {
        min-height: 85px;
    }

    #divscheduler #ListView .btn {
        min-width: auto;
    }

    #dvHeaderSubMenu .m-nav__item .subNavIcon {
        margin-top: 11px;
    }

    .m-menu__subnav .ipad-link a .m-menu__link-text, .main_menu li ul li ul li .m-menu__link-text {
        padding-left: 0 !important;
    }

    .m-menu__subnav .m-menu__item .navIcon {
        height: 20px;
    }

    div#div-rating-reviews-month-chart {
        margin-top: 20px;
    }

    .dental-page .teeth_chart {
        margin-bottom: 7px
    }

    body .procedures-button .btn {
        width: 47%
    }

    .dental-page #treatment_plan .mt-lg-2.mt-2 .col-xl-5.sec-toothStatus {
        padding-top: 0
    }

    .planned_appt_search_result .k-toolbar.k-grid-toolbar {
        padding-top: 40px;
        padding-right: 0px
    }

    .sche-planned-appt-popup .planned_appt_search_result .k-toolbar.k-grid-toolbar {
        padding-top: 0;
    }

    .sche-recall-popup .col-10.pl-0, #divScheRecall .col-md-3.pr-0.pl-0 {
        padding-left: 10px !important
    }

    .apptScheTabs #divToScheduleList .owl-nav {
        top: 10px
    }

    #PlannedApptGrid .k-grid-content {
        max-height: 300px;
    }

    .request-appo-list-popup div[class*="col-xl-"] {
        margin-bottom: 10px
    }

    #InsuranceVerifyGrid {
        overflow: auto
    }

    .open-slots-popup h2.sub_title.mrgnT5 {
        margin-top: 15px !important
    }

    .add-edit-patient .mrgnT10.field-SSNNum .pl-0.pr-0.mrgnT10 {
        padding-left: 10px !important;
        padding-right: 10px !important
    }

    .add-edit-patient #FormAddPatient #fieldset_group {
        padding: 0 5px !important;
    }

    .prescription-edit-popup, .allergy-def-edit-popup, #divDiseaseMasterEdit, .insurance-company-edit-poopup {
        min-width: 100% !important
    }

        .prescription-edit-popup .col-md-4.col-sm-5,
        .prescription-edit-popup .col-md-3.col-sm-3,
        .prescription-edit-popup .col-md-8.col-sm-7,
        .prescription-edit-popup .col-md-9.col-sm-9 {
            flex: 0 0 100%;
            max-width: 100%;
        }

        .prescription-edit-popup .quick-note {
            position: absolute !important;
            top: -33px !important;
            right: 10px !important;
            left: auto !important
        }

        .prescription-edit-popup .lineHNor small {
            margin-bottom: 10px;
            float: left
        }

    .medication-edit-popup #divProc .quick-note {
        position: absolute !important;
        right: 10px !important;
        top: -32px !important;
        left: auto !important
    }

    .medication-edit-popup #divProc #Note {
        width: 100% !important;
    }

    .insurance-plan-edit-poopup h2 {
        margin-top: 20px !important;
    }

    .insurance-plan-edit-poopup #IPE_CancelButton {
        margin-right: 10px
    }

    .referral-select-popup #GrdReferral_Ref .col-md-7 .col-md-6.text-right {
        max-width: 50%;
        flex: 0 0 50%;
    }

        .referral-select-popup #GrdReferral_Ref .col-md-7 .col-md-6.text-right.pdngR_0 {
            text-align: right !important;
            padding-right: 10px !important
        }

    .laboratory-edit-popup .quick-note,
    .referral-edit-popup .quick-note,
    .pharmacy-edit-popup .quick-note,
    .contact-edit-popup .quick-note {
        position: absolute !important;
        top: -33px !important;
        right: 10px !important;
        left: auto !important;
    }

    .pharmacy-edit-popup, .contact-edit-popup {
        min-width: 100% !important;
    }

    .finace-charges-popup .control-label-value.no-padding {
        padding-left: 10px !important
    }

    .finace-charges-popup .pdng_T10.mrg-left {
        padding-bottom: 10px
    }

    .finace-charges-popup .k-radio-label {
        padding-left: 5px
    }

    #addTemplate button {
        margin-top: 10px
    }

    .add-edit-patient .pdngL_0 {
        padding-left: 10px !important
    }

    .add-edit-patient .text-right {
        text-align: left !important;
    }

    #dvfindpatientSearchoption .m-checkbox-list.mrgnL10 {
        margin-left: 0 !important
    }

    #dvfindpatientSearchoption .k-checkbox-label {
        margin-right: 10px
    }

    #divReferralEdit .d-block.mt-2 {
        margin-bottom: 10px
    }

    .FastFill-edit-popup #titlenote {
        padding-top: 5px;
        float: left
    }

    .family-recall-popup .planned_appt_search_result {
        overflow: auto
    }

    #btnNewAppt, #btnRecallFam, #btnRecallPat {
        margin-top: 10px
    }

        #btnNewAppt i[class^="flaticon-"]:before,
        #btnRecallFam i[class^="flaticon-"]:before,
        #btnRecallPat i[class^="flaticon-"]:before {
            font-size: 14px
        }

    .scheduling-sec #ContactHxGrid {
        overflow: auto
    }

        .scheduling-sec #ContactHxGrid table {
            min-width: 550px
        }

    #btnRecallFam, #btnRecallPat {
        margin-left: 4px !important
    }

    .procedures-codes-popup .btn-SelectProcedure {
        margin-bottom: 10px
    }

    .procedure-code-add-popup, .fee-edit-popup, .add-edit-patient-recall-popup, .prompt-edit-popup {
        min-width: 100% !important;
    }
        /*.fee-edit-popup .btn-primary{margin-top:10px}*/
        .prompt-edit-popup .quick-note {
            right: 10px !important;
            left: auto !important;
            top: -33px !important;
        }

        .prompt-edit-popup label#PopupEdit_PatientName {
            text-align: left !important;
        }

    .insurance-plan-edit-poopup h2.sub_title {
        position: initial;
    }

    .insurance-plan-edit-poopup #dvSubscriber .pl-0, .add-family-ppup .pdng_none.mrgnT5 {
        padding-left: 10px !important
    }

    .add-family-ppup .line-height-none {
        padding-bottom: 5px
    }

    .account-page .pull-right .dropdownMenu {
        margin-bottom: 10px
    }

    .account-page #m_portlet .m-portlet__body {
        padding-left: 0;
        padding-right: 0;
    }

    #fmClinicWise_model .DurOfBalances, #tabstrip-1 .insuranceBenefits {
        min-width: 600px
    }

    .procedure-claim-popup #divGroupClaimInfo .quick-note {
        position: absolute !important;
        top: -32px !important;
        right: 10px !important;
        left: auto;
    }

    .procedure-payment-popup .grid-btnT {
        width: 100%
    }

    .send-text-popup .m-portlet__body, .pay-pan-charge-edit-popup, .resubmit-claim-popup {
        min-width: 100% !important;
    }

    #divStatement .quick-note {
        left: auto !important;
        right: 10px;
        top: -32px !important;
    }

    .edit-statement .control-label.pdngL_0 {
        padding-left: 10px !important
    }

    .edit-statement .col-sm-12.pdngR_0 {
        padding-right: 10px !important
    }

    #FormTreatFinance .accountEditClaim .lineHNor {
        line-height: 34px !important
    }

    #FormTreatFinance .accountEditClaim .text-right.pdngR_0 {
        padding-right: 10px !important;
        text-align: left !important;
    }

    .attach-procedure-popup .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .attach-procedure-popup .sub_title.mrgnT10 {
        text-indent: 0 !important;
    }

    .pay-pan-charge-edit-popup .quick-note {
        position: absolute !important;
        top: -33px !important;
        right: 10px !important;
        left: auto;
    }

    .payment-plan #FormTreatFinance .pull-left {
        margin-bottom: 10px
    }

    .adjustment-popup .quick-noteWrap .quick-note {
        left: auto !important;
        right: 10px;
        top: -33px !important;
    }

    .add-payment-popup #gridPaymentSplit {
        margin-top: 5px
    }

    .procedure-claim-popup .divEProw1 {
        padding-left: 0 !important;
    }

    #divEditProcedure .m-checkbox > input {
        left: 0 !important
    }

    #divEditProcedure #claimStatus.row {
        margin-left: -20px !important;
    }

    .m-header .loca_select {
        margin-left: 0 !important;
        padding-left: 10px !important;
    }

    .attach-procedure-popup .viewFinanced {
        float: left
    }

    .payment-plan #FormTreatFinance .pull-left button {
        margin-bottom: 10px;
        margin-left: 0 !important;
        margin-right: 5px;
    }

    .vatal-signs-edit-popup, .benefit-edit-popup, div#divMessageTemplate,
    #divIP.ins-payment-popup, .modal-employer-edit, .dental-procedures-edit-popup {
        min-width: 100% !important;
    }

        .vatal-signs-edit-popup .col-6 {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 10px
        }

    .quick-paste-type-popup div#GrdQuickPasteCat {
        margin-top: 15px !important;
    }

    .pdng_15.massage_list, #divPerioChart .m-portlet__body, .dashboard-page .m-portlet__body {
        padding: 15px 5px !important;
    }

    .lab-case-edit-popup .pdngLR_0 {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .lab-case-edit-popup .quick-note {
        position: absolute !important;
        top: -33px !important;
        right: 10px !important;
    }

    .appt-sche-edit-popup .row.mb-0.mt-3 .btn-primary {
        margin-bottom: 5px
    }

    #dlgExam label {
        text-align: left;
    }

    .perioChartPanel-fixed {
        left: 15px !important;
        right: 15px !important;
    }

    .examsWidget .examsWidget-btn.control-label-value {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

        .examsWidget .examsWidget-btn.control-label-value button {
            width: 100% !important
        }

    .examsWidget .examsWidget-btn.control-label-value {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 10px 14px 10px 10px !important;
    }

    body .perioChartPanel .clsPerioToothChart .col-lg-7.col-md-7 {
        padding-right: 10px !important
    }

    .examsWidget .examsWidget-btn .btn.tcTooltip {
        width: 48.5%;
    }

    .examsWidget .examsWidget-btn.col-lg-5 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 10px !important
    }

    .btnOpenNormalLimits span, .btnOpenNormalLimits .svgPerioIcon {
        float: none !important;
        margin-left: 0;
        vertical-align: middle;
    }

    .perioChartPanel .pcExamcol3 {
        padding-right: 14px !important;
    }

    #divPerioToothChart table {
        min-width: 700px;
    }

    .subscriberInfo_content .col-lg-5.col-md-5 {
        margin-top: 10px;
    }

    .insurance-plan-edit-poopup .special-fee-col .col-7.col-md-7 .mrgnT10.pull-right {
        width: auto !important
    }

    .insurance-plan-edit-poopup h2.sub_title {
        width: auto
    }

    .patient-form-builder-popup button {
        margin-bottom: 5px;
    }

    .medication-edit-popup #Notes {
        width: 100% !important
    }

    .ins-claims-page .pull-right button {
        margin-left: 0 !important;
        margin-right: 5px;
        margin-top: 5px;
    }

    #divIP.ins-payment-popup .quick-note {
        left: auto !important;
        right: 10px;
        top: -33px !important;
    }

    #divIP.ins-payment-popup .fa-mail-forward {
        position: absolute;
        right: 15px;
    }

    #divPatientList .table {
        margin-top: 10px;
    }

    #tabstrip #Message {
        margin-left: 2px !important;
        margin-top: 10px;
    }

    #tabstrip-2 .k-datepicker {
        margin-bottom: 5px
    }

    .pay-connect-step-popup, .treatment-plan-option-popup, .account-optin-popup, .insurance-options-popup,
    .user-group-popup, .employee-edit-popup, #divUserEdit, div#divProviderIdentEdit,
    .user-group-edit-popup, #divCodeDefinition_ECD, #divScheduleView, div#divRecallSetup {
        min-width: 100% !important;
    }

    #support_dropMenu2 ul {
        padding-left: 0 !important;
        list-style-type: none
    }

    #support_dropMenu2 .m-menu__subnav .m-menu__item .navIcon {
        top: 5px;
    }

    .menu_large.nav-setting {
        width: 85% !important
    }

    .treatment-plan-option-popup .text-right {
        text-align: left !important;
        margin-bottom: 5px
    }

    .treatment-plan-option-popup .quick-note {
        right: 10px !important;
        top: -6px !important;
    }

    .billing-options-poup .text-right, .account-optin-popup .text-right, .clearing-house-edit-popup .text-right,
    .insurance-options-popup .text-right, .practice-info-popup .text-right, .recall-setup-popup .pdngR_0.text-right {
        text-align: left !important;
    }

    .practice-info-popup #fieldset_group {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .practice-info-popup .SwitchYN .k-switch {
        margin-left: 0 !important
    }

    .practice-info-popup .col-md-6 .k-dropdown {
        margin-top: 10px
    }

    .practice-info-popup .checkbox-claims > div {
        padding-left: 30px
    }

    .practice-info-popup .mt-3.mt-md-0 .col-md-6:first-child, .openSlotsPage .k-dropdown,
    .operatory-edit-popup .text-right.line-height-none, .schedule-View-edit-popup .col-xs-8 {
        margin-bottom: 10px
    }

    .practice-info-popup .col-xs-8.control-label button.pull-right {
        margin-right: 10px
    }

    .user-permissions-popup .m-checkbox-list {
        margin-top: 44px
    }

    #dvTimeblock .repeat_list li {
        width: 33%
    }

    body .k-form-error {
        padding: 5px 10px;
        margin-top: 5px;
        border-radius: 3px
    }

    .insurance-verif-list-popup .k-grid-pager {
        min-width: 528px;
    }

    .mob-editAppt #spOperatoryName {
        padding-bottom: 10px;
        display: block;
    }

    .mob-editAppt #ContactHxGrid td {
        word-break: break-all;
    }

    div#dlgInsurance, .div.operatory-page table td .k-widget.k-textbox {
        width: 100% !important;
    }

    #divUserEdit div[style="min-height:230px"] {
        min-height: auto !important
    }

    .schedule-view-popup .m-radio-list .m-radio:first-child {
        padding-left: 0
    }

    .code-definition-popup .planned_appt_search_result .k-toolbar.k-grid-toolbar {
        padding-top: 0;
    }

    .appintment-type-edit-popup .mrgnT10.pdngL_0 {
        padding-left: 10px !important;
    }

    .procedures-codes-popup .control-label.text-right.mrgnR5,
    .procedures-codes-popup .pull-right.mt-1.ml-2 {
        margin-bottom: 10px;
        float: left
    }

    .recall-setup-popup .line-height-none {
        line-height: 26px
    }

    .recall-setup-popup .group-families-checkbox .k-checkbox {
        position: initial;
    }

    .orthochart-list-popup .col-6, .orthochart-list-popup .col-6 .pl-0, .orthochart-list-popup .col-6 .pr-0 {
        flex: 0 0 100% !important;
        min-width: 100% !important
    }

    .modal-fee-sche-edit, .modal-task-list-edit, div#divApteryxSetup,
    div#diverxSetupClinic, .appo-reminders-popup, .prescription-alert-edit-popup, .select-template-popup,
    .billing-clinic, #divTxPlanProc, .rxedit-popup {
        min-width: 100% !important;
    }

    #divMyTask button {
        margin-top: 10px;
        margin-bottom: 5px;
    }

    #divAttachFile_MTE .demo-hint, .provider-popup .col-12 button.btn-primary {
        margin-top: 10px;
    }

    .user-permissions-popup #divGrid_UP .pull-right {
        float: left !important
    }

    .user-permissions-popup #divGrid_UP .user-status {
        width: auto
    }

        .user-permissions-popup #divGrid_UP .user-status .control-label {
            display: none
        }

    .user-permissions-popup .pdngLR20.pdngTB20 .m-checkbox-list {
        margin-top: 0
    }

    #divLockDate .text-right, .tx-plan-procedure-popup .text-right {
        text-align: left !important;
    }

    .group-prom-sec .upchktitle {
        font-weight: 700
    }

    .provider-popup .pull-right button.btn-primary {
        margin-bottom: 5px
    }

    .planned_appt_search_result #GrdCodeDefinition .k-toolbar.k-grid-toolbar {
        padding-top: 0
    }

    .operatory-page .table-striped span.k-widget.k-textbox {
        width: 95% !important;
    }

    .operatory-page .table-striped th {
        vertical-align: inherit !important;
    }

    #divTextTemplates button#btnAddOnDemandTemplate,
    #divTextTemplates textarea#AutomatedSpanishText {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .appo-reminders-popup .reminders-tabs .nav.nav-tabs .nav-item {
        margin-left: 0;
        margin-right: 5px;
        margin-top: 5px;
    }

    .form-list-popup #GrdForm h5 {
        width: 100%;
        margin-bottom: 10px;
    }

    .form-list-popup button.btn-block {
        margin-bottom: 15px
    }

    body .formeo.formeo-editor .formeo-controls,
    body .formeo.formeo-editor .formeo-controls .panel-nav {
        width: 100%;
        position: relative;
        margin-top: 20px !important
    }

    body .formeo.formeo-editor .formeo-stage {
        width: 100%
    }

    #FormBuilder #description {
        margin-left: 0 !important
    }

    .prescription-alert-edit-popup .quick-note {
        position: absolute !important;
        top: -25px !important;
        right: 10px !important;
    }

    .prescription-alert-edit-popup #PrescAlertEdit_textMessage {
        margin-top: 10px
    }

    #GrdContact .k-toolbar.k-grid-toolbar > .row {
        width: inherit !important
    }

    .treatment-plan-page .m-portlet .m-portlet__body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .treatment-plan-sign-popup #GrdTxPlanDetSign, .treatment-plan-sign-popup #divInsurance_ACP {
        overflow: auto
    }

    #divFeeRank #btnCopyPlan {
        margin-top: 5px
    }

    .tx-plan-procedure-popup .quick-note {
        left: auto !important;
        right: 10px;
        top: -33px !important;
    }

    .rxedit-popup .quick-note {
        position: absolute !important;
        right: 10px !important;
    }

    #treatmentActivities .btnCompDel {
        margin-right: 56px;
    }

    #treatmentActivities .treatment_tableView .k-grid-pdf {
        top: -62px
    }

    #treatmentActivities #btnDeleteItems_Multiple {
        margin-left: 10px
    }

    .medical-popup #ME_MedicalInfo .quick-note {
        right: -2px !important;
        top: 2px !important
    }

    #m_portlet #schedulerTab .k-tabstrip .stcuserProfile {
        width: 100% !important;
        padding-bottom: 10px !important
    }

    #Timepunch_startDate {
        margin-bottom: 10px
    }

    #myTimePunch {
        overflow: auto
    }

    #isEmployeeWorking {
        bottom: -2px !important;
        font-size: 10px;
    }

    .sche-recall-popup .button_size_group .btn {
        min-width: 175px;
    }

    #GrdTxPlanAnaylyzer .k-toolbar a.k-grid-excel {
        margin-right: 0;
        margin-top: 2px
    }

    span#lastOnDemandTextLogInfo {
        display: inline-block;
        vertical-align: top;
        padding-top: 23px;
    }

    #dlgNormalLimits .calc_numericBox label.pl-4 {
        padding-left: 0 !important
    }

    #dvfindpatientSearchoption .k-checkbox-label {
        margin-right: 8px
    }

    #signatureWraper .TopazSignatureIcon {
        left: 80% !important;
    }

    #signatureWraper #signatureIcon {
        left: 84% !important;
    }

    #FormAddEncounter .m-scrollable,
    #tabstripProcedureInfo #tabstripProcedureInfo-1,
    #tabstripProcedureInfo #tabstripProcedureInfo-2,
    #tabstrip #tabstrip-1,
    #tabstrip #tabstrip-2 {
        overflow: hidden !important
    }

    .procedures-codes-popup .sm-btn-group button {
        margin-top: 10px !important
    }

    .procedure-payment-popup .grid-btnT {
        width: 95%;
    }

    #dv_updEditClaimAttachmentImageUpload,
    #dv_updEditClaimAttachmentItemEdit,
    #gpsetup-container-div, #divInsOpt {
        min-width: 100% !important;
    }

        #dv_updEditClaimAttachmentImageUpload .demo-hint {
            word-break: normal;
            white-space: break-spaces !important;
        }

    #dvimage_Portlet_CI #ImageTreeView_CI li {
        padding-left: 0 !important
    }

    #divRemainingClaims .sec-dateDesh {
        text-align: center !important
    }

    #divRemainingClaims .planned_appt_search_result .k-toolbar.k-grid-toolbar {
        padding-top: 0
    }

    #kwHeaderMenu .btn-expand-collapse.text-right {
        padding-right: 130px !important;
    }

    #divUserEdit .required_filed label:after {
        right: 14px !important
    }

    .planned_appt_search_result #GrdProvider .k-toolbar.k-grid-toolbar {
        padding-top: 0
    }

    .lab-cases-popup .row .text-center .d-inline-block .k-checkbox,
    #divStatement #SnglPat_ST,
    #divStatement #FamDate_ST,
    #divStatement input#Sent_ST {
        margin-right: 5px;
    }

    .insurance-verif-list-popup .k-grid-norecords,
    .insurance-verif-list-popup .k-selectable {
        min-width: 528px
    }

    #schedulerTab p {
        padding-left: 70px;
    }

    #schedulerTab .user-profile p {
        padding-left: 0;
    }

    #kwHeaderMenu .col-md-7.text-md-left .include-missed {
        width: auto;
        clear: initial;
        margin-top: 9px
    }

    #divNewPatient .col-md-7.text-md-left,
    #divScheCommunication .btn-refresh {
        text-align: right
    }

    #divScheCommunication .apply-confirm-col .row.mt-5 {
        margin-top: 1rem !important;
    }

    #divScheCommunication .planned_appt_search_result .k-toolbar.k-grid-toolbar {
        padding-top: 10px
    }

    #divUnbilledProcedure .personalInfo .control-label.text-center {
        text-align: center !important
    }

    #divUnbilledProcedure .planned_appt_search_result .k-toolbar.k-grid-toolbar {
        padding-top: 0
    }

    #family-slider .owl-item h2 {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    #tabstripProcedureInfo-1 label.control-label.lineHNor {
        padding-bottom: 9px;
        margin-top: 5px;
    }

    .account-page .view-dropdownBlk {
        margin-top: 0 !important;
        clear: right;
    }

    button[onclick="AdminTimepunchGridRefresh()"] {
        margin-top: 10px
    }

    #divTextTemplates .quick-note, #divTextTemplates button[title="Emoji"] {
        margin-top: 5px
    }

    .btn-expand-collapse #collapse {
        margin-right: 33px;
        margin-top: 10px
    }

    .btn-expand-collapse #expand {
        margin-top: 10px
    }

    .hdrPatientPortal_layout ul.m-topbar__nav {
        padding-left: 15px;
        padding-top: 10px !important
    }

    .patientDetails.p-3 .card.mt-3.mb-3 .card-body {
        min-height: auto
    }

    #divTopHeaderContent.hPatientPortal #m_header_topbar.m-topbar .m-topbar__nav-wrapper {
        padding-right: 0
    }

    #dvInsuranceBenefitsEdit #dvInsuranceBenefitsEditForView .mt-4.mt-lg-0,
    #dvInsuranceBenefitsEdit #dvInsuranceBenefitsEditForView .mt-3.mt-lg-0 {
        margin-top: 20px !important
    }

    .appt-sche-edit-popup .mob-editAppt .k-dropdown, #divProc .k-dropdown {
        width: 100%
    }

    .labwork-button {
        max-width: 100%;
    }

    body .k-edit-form-container {
        min-width: 100%
    }

    .modal-fee-sche-edit {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

        .modal-fee-sche-edit .k-dropdown, #insuVerifi_list .k-dropdown, #divScheCommunication .k-dropdown, #divScheRecall .k-dropdown,
        .sche-planned-appt-popup .k-dropdown, .request-appo-list-popup .k-dropdown, .sche-recall-popup .apply-scheduling .k-dropdown,
        #addTemplate .k-dropdown, .referral-edit-popup .k-dropdown, .form-list-popup .select-dropdown .k-dropdown,
        .apptsche-page .dasOpe3rd .front-desk-view .k-dropdown, .medication-edit-popup .k-dropdown, .ins-payment-popup .k-dropdown,
        .pharmacy-edit-popup .k-dropdown, .laboratory-edit-popup .k-dropdown {
            width: 100%
        }

    .accountEditClaim.edit-claim-popup .quick-note {
        top: 0 !important;
        right: -8px !important
    }

    .m-topbar {
        padding: 0 10px
    }

    .account-page .pull-right.mt-2.mr-4.mr-sm-2 {
        clear: right
    }

    #toolbar_ScheduleListView #people {
        padding-left: 10px !important
    }

    #people .nav li a {
        padding-left: 12px;
        padding-right: 12px
    }

    .sche-recall-popup .apply-scheduling .m-form__group {
        padding-left: 20px
    }

    .add-edit-patient-recall-popup .always-stop {
        margin-top: 10px
    }

        .add-edit-patient-recall-popup .always-stop .control-label {
            padding-left: 10px
        }

    #OResponse #divOptionList {
        margin-top: 10px
    }

    .form-list-popup .toolbar.row {
        margin-right: 2px !important;
        margin-top: 1px;
    }

    #ReportTreeView {
        padding: 10px
    }

    #div-reviews div.review,
    #div-reviews div.review .authorPhoto {
        text-align: center
    }

    .sche-confirmation-popup .mt-2.mt-md-0 {
        margin-top: 0 !important
    }

    .add-edit-patient .k-widget.k-dropdown, .insurance-plan-edit-poopup .k-dropdown, .benefit-edit-popup .k-dropdown,
    #divUserEdit .k-dropdown, .practice-info-popup .k-dropdown, .audit-trail-popup .k-dropdown {
        width: 100%
    }

    .add-edit-patient .guarantor-col .other-btn-sec button {
        margin-right: 10px
    }

    .send-text-popup .quick-note {
        top: 0
    }

    .medication-patient-edit-popup .quick-note {
        position: absolute !important;
        top: -36px !important;
        right: 7px !important;
    }

    .lab-case-edit-popup .back-from-lab {
        margin-bottom: 10px
    }

    #divProviderEdit.provider-edit-popup .required_filed label:after {
        right: 13px !important
    }

    .audit-trail-popup .user-col {
        padding-top: 0
    }

    .audit-trail-popup .patient-sec button {
        float: left
    }

    .audit-trail-popup .planned_appt_search_result .k-toolbar.k-grid-toolbar {
        padding-top: 0
    }

    .misc-procedures-edit-popup {
        min-width: auto
    }

    .insurance-options-popup .k-dropdown, .patientreview-options-popup .k-dropdown {
        width: 100%
    }

    #divTextTemplates button#btnAddOnDemandTemplate {
        float: right
    }

    .appo-reminders-popup legend.scheduler-border {
        padding-top: 10px !important;
        margin-bottom: 5px
    }

    .recall-type-edit-popup .trigger-sec {
        margin-top: 10px
    }

    .disease-edit-popup .date-range-col .k-dateinput {
        width: 100%
    }

    .rxedit-popup .pharmacy-sec {
        margin-top: 10px
    }

    .rxedit-popup .quick-note {
        top: -33px !important
    }

    .modal-fee-sche-edit {
        min-width: 100% !important
    }

    #DentalChart .tc_quick_btn .btn-orange {
        padding-top: 5px !important;
        padding-bottom: 5px !important
    }

    .dental-page .dc-title-icon .btn-primary.mr-2 {
        margin-left: 10px
    }

    .pcExamcol1 .examDirection .rowCheckbox.clsPerioToothChart .col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .portal-login-credentials, .dashboard-page .new-text-campaign, .button-column {
        padding-left: 10px !important
    }

    #divCasesBenefits .control-label-value.pdngR_0 {
        padding-right: 10px !important
    }

    #divCasesBenefits .control-label-value.pdngL_0 {
        padding-left: 10px !important
    }

    #divCasesBenefits .k-checkbox {
        margin-top: 0;
        margin-bottom: 10px
    }

    .sche-recall-popup #divScheRecall .date-col {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #toolbar_ScheduleListView #peopleList {
        padding-left: 0
    }

    .patient-portal .profile-summary-quickview .brdr-right.piqcol2-sec,
    .patient-portal .column-position .family-sec {
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 5px !important
    }

    .patient-portal .m-header.hdrPatientPortal_layout .loca_select {
        padding-left: 10px !important
    }

    .patient-portal .tableFamilyAging table td, .patient-portal .tableFamilyAging table th {
        width: 50%
    }

    #GridPatientFinancingManage_Bill col:nth-child(2) {
        width: 80px
    }

    .super-admin .m-nav.m-nav--inline > .m-nav__item {
        float: initial
    }

    .super-admin #GrdClients col:nth-child(2) {
        width: 80px !important
    }

    .super-admin #GrdClinics_19 col:nth-child(1) {
        width: 80px !important
    }

    .super-admin #GrdClinics_19 col:nth-child(6) {
        width: 80px !important
    }

    .sche-confirmation-popup #ConfirmationsGrid col:nth-child(4) {
        width: 80px !important
    }

    .practice-info-popup #fieldset_group.row label.control-label {
        line-height: 30px;
    }

    body.patient-portal .m-topbar .m-topbar__nav.m-nav {
        margin-bottom: 22px
    }

    .select-template-popup .comment-sec .quick-note {
        left: auto;
        top: -33px;
        right: 10px;
    }

    .select-template-popup .translate_link {
        bottom: 2px;
        right: 54px;
    }

    .sche-recall-popup .col-md-12.pr-0 {
        padding-right: 10px !important
    }

    .sche-recall-popup .planned_appt_search_result .k-toolbar.k-grid-toolbar {
        padding-top: 45px
    }

    .pending-claims-popup .treat-provs-sec, .pending-claims-popup .refresh-btn {
        padding-left: 10px !important
    }

    .pending-claims-popup .rcH27.d-block {
        display: none !important
    }

    .time-punches-date .dates-sec {
        padding-right: 5px !important
    }

    .time-punches-date .btn-expand-collapse {
        margin-top: 0 !important
    }

    .adminTimePunch #GridAdminTimePunches table {
        table-layout: auto !important;
    }

    .pending-claims-popup .refresh-btn {
        margin-top: 0 !important
    }

    .add-punch-content input[type="text"] {
        padding-left: 0;
        width: 95%;
    }

    .pending-claims-popup .sec-dateDesh {
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }

    .pending-claims-popup .control-label.nowrap .rcH27,
    .pending-claims-popup .treat-provs-sec .rcH27,
    .pending-claims-popup .col-sm-2.pr-0 .rcH27 {
        display: none !important
    }

    .add-punch-content .k-timepicker .k-select {
        z-index: 5555;
        background: #ffff;
    }

    .add-punch-content .k-timepicker .k-picker-wrap input {
        border: 0
    }

    .add-punch-content .k-timepicker .k-select .k-i-clock {
        margin-top: 12px;
    }

    #GrdReferral_Ref .k-toolbar.k-grid-toolbar > .row {
        width: auto
    }

    .request-appo-list-popup .form-group.m-form__group.row {
        margin-bottom: 0
    }

    .request-appo-list-popup .col-md-2 {
        text-align: right
    }

    .quick-paste-type-popup .k-toolbar.k-grid-toolbar {
        padding-right: 0
    }

    #addTemplate {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

        #addTemplate ~ .k-edit-buttons {
            padding-right: 0
        }

            #addTemplate ~ .k-edit-buttons .k-grid-update {
                margin-right: 0
            }

    .insurance-verif-list-popup .btn-primary.mrgnT30, .routing-slip-popup .btn-orange.mt-5 {
        margin-top: 10px !important;
        float: right;
    }

    .openSlotsPage .criteria-sec .after-col {
        margin-top: 0 !important
    }

    .add-edit-patient-recall-popup .col-xs-12.pdngR_0 {
        padding-right: 10px !important
    }

    .empty-label {
        display: none
    }

    body .view-dropdownBlk .view-dropdown {
        width: 70px
    }

    .tcBtnGroups .acColLeft label {
        flex: 0 0 25%;
        max-width: 25%;
        padding-left: 10px !important;
        margin-bottom: 15px
    }

    .tcBtnGroups .acColLeft .k-dropdown {
        width: 100%
    }

    #gpsetup-container-div #DeviceGrid {
        margin-left: 0;
        margin-right: 0;
    }

    #tabstripEditClaim-2 #ECL_Attachment {
        margin-left: 3%;
        width: 97%
    }

    #divCommunication #Conversations_startDate .k-textbox-container {
        width: 49%
    }

    #divCommunication .mrgnB10.sub_title {
        text-align: right
    }

    .multiSelectDropWrap .multiSelect_dropdown {
        text-align: left;
        width: 85%;
        float: left
    }
}
/* end  767 */

/* end jp */

.k-tooltip.k-widget .k-tooltip-content {
    text-align: center;
}

.badge-primary {
    color: #fff;
    background-color: #008adc;
}

.recall-sec #h3PatientMobile .tcTooltip {
    float: left;
}

.popup_body.edit-claim-atta-popup {
    min-height: 440px;
}

body .k-overlay {
    background-color: #00000050 !important;
    opacity: 1 !important;
}

.arrow_box {
    top: 10px;
    left: -76px;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    -webkit-filter: drop-shadow(0 1px 10px rgba(113, 158, 206, 0.8));
    /*set shadow colour  and size here*/ -moz-box-shadow: 0 1px 10px rgba(113, 158, 206, 0.8);
    filter: drop-shadow(0 1px 10px rgba(113, 158, 206, 0.8));
    width: 258px;
}

    .arrow_box:after, .arrow_box:before {
        bottom: 100%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .arrow_box:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #d3edfc;
        border-width: 19px;
        left: 50%;
        margin-left: -19px;
    }

    .arrow_box:before {
        border-color: rgba(113, 158, 206, 0);
        border-bottom-color: #719ECE;
        border-width: 20px;
        left: 50%;
        margin-left: -20px;
    }


.k-autocomplete, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-listbox, .k-multiselect, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker {
    /*width: 100% !important;*/ /* Issue in visit page (select Patient autocomplete) */
}

.k-widget.k-dropdown {
    max-width: 100% !important;
}
/* Unconfirmed page dropdown issue 20/7/2022 */

/*---- JS ---*/
#divOptions #divSocialMedia span.k-textbox {
    width: 95% !important;
    margin-right: 5px
}

.NotificationIsRead {
    background-color: rgb(255 166 44 / 10%);
}

.translate_link {
    clear: left;
    font-size: 12px;
    position: absolute;
    bottom: 26px;
    right: 0;
    text-decoration: underline;
}

/* iPad Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
    #GrdExistingBenefits .k-grid-content,
    #GrdBenefitsCheck .k-grid-content {
        height: 245px !important;
    }

    #GrdFamInsPlan .k-grid-content {
        height: 145px !important;
    }
}
/* end css */

@media only screen and (min-device-width: 2160px) and (min-device-height: 1440px) {
    #divscheduler #scheduler {
        height: 1140px !important;
    }
}
/* end media */

@media (min-width:1366px ) and (max-height:769px) {
    #GrdExistingBenefits .k-grid-content,
    #GrdBenefitsCheck .k-grid-content {
        height: 240px !important;
    }
}


/* body .fa-check-square-o:before {
    content: "88";
}
*/
#creditcard-container .k-numerictextbox .k-input,
#creditcard-container .k-textbox,
#creditcard-container .form-control.m-input {
    border: 1px solid #b9c2d0;
}