.panel-category {
    width: 100%;
    padding: 10px;
}
body {
    background: #f3f3f3;
}
.panel-category .user-profile {
    position: relative;
    background-color: #fff;
    border: none;
    border-radius: 25px;
    box-shadow: 2px 0 24px 8px rgba(0,0,0,.1);
    width: 100%;
    padding: 10px 20px;
    color: #555;
    font-size: 14px;
}

#NonBillableAppointment .enddate-icon-calender #end_validationMessage {
    display: none !important;
}
.panel-category .user-profile {
    list-style: none;
}

.panel-category .user-profile P {
    padding: 5px 10px;
    text-align: left;
}

.pan .user-profile .name {
    color: #555;
    text-transform: uppercase;
    font-size: 15px;
    text-align: center;
}

.panel-category .user-detail img {
    width: 100%;
    height: 100px;
    margin-bottom: 3px;
    border-radius: 50px;
    object-fit: contain;
}

#tblpatient th {
    font-size: 14px;
    padding: 8px;
    background: #017BCE;
    font-weight: 700;
    color: #fff;
}

#tblpatient td {
    font-size: 14px;
    padding: 8px;
    background: #fff;
    border: 1px solid #ececec !important;
}

.auth-info .toolbar button.create-row-btn {
    padding: 0;
    right: 5px;
    bottom: -7px;
    font-size: 16px
}

button.abutton.create.create-row-btn i:hover, .k-i-reload:hover:before, a#anchrOpenBio i:hover {
    color: #017bce;
}

.same-as-loc-btn input {
    float: right;
}

li.k-item.k-state-default.k-last.k-tab-on-top span.k-link:hover {
    color: #fff !important;
}

.required.custom-req  {
    height: 22px;
}
.drpdwn select{
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
}

.staff-cred-custom span.k-widget.k-datepicker.k-header, .go-btn, span.k-widget.k-datepicker.k-header, span.k-numerictextbox {
    width: 100%;
}


.other-setup-custom-outer, .other-setup-custom {
    display: inline-block;
    line-height: 0px;
    vertical-align: text-top;
}

.other-setup-custom {
    margin-top: 0px !important;
    float: left;
}

button.close {
    color: #fff;
    opacity: 1;
}

.dropdown select {
    -webkit-appearance: none;
    -moz-appearance: window;
    padding: 2px 17px 2px 2px;
    border: none;
    background-image: url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px 12px;
    font-size: 15px;
}


.navbar-left .unit-nav i {
    color: #fff;
    padding-right: 13px;
}
.navbar-most-right .unit-nav i {
    color: #017bce;
    margin: 17px;
    font-size: 18px;
}
.navbar-left .unit-nav {
    text-align: right;
}

.sidemenu-closed .navbar-left .unit-nav i {
    padding-right: 0px;
}
.sidemenuright-closed .navbar-most-right .unit-nav i{
    margin: 10px;
}
.sidemenu-closed .navbar-left .unit-nav {
    text-align: center;
}

.avlblty {
    border: none;
}

.term-inputs span {
    width: 100%;
}

.custommainchbox input[type=checkbox] {
    width: 50px !important;
    height: 15px;
    display: inline-block;
    float: left;
}

.custommainchbox label {
    float: left;
    margin: 0;
    width: 109px;
    padding-bottom: 6px;
}

.navbar-right.shedule-right {
    width: calc(100% - 440px);
}

.navbar-most-right {
    width: 225px;
    background-color: #fff;
    height: 100%;
    position: fixed;
    margin-top: -5px;
    padding: 10px 15px 60px 15px;
    right: 0;
    overflow-y: auto;
    top: 64px;
}

.sidemenu-closed .navbar-right.shedule-right {
    width: calc(100% - 280px);
}

.sidemenu-closed.sidemenuright-closed .navbar-right.shedule-right {
    width: calc(100% - 100px);
}

.cstm-lbl-input, .cstm-lbl {
    display: inline-block;
}

.cstm-lbl-input span.k-dropdown-wrap.k-state-default, .cstm-lbl-input {
    width: 158px !important;
    margin-left: 9px;
}
.checkbox-contain {
    margin-top: 30px;
}

th.k-slot-cell {
    text-align: center;
}
/*22nd oct*/
.refreshBtnContainer.customrefrsh-utility-state, .addbtn-utility-state {
    display: inline-grid;
    margin-bottom: 8px;
}
.refreshBtnContainer.customrefrsh-utility-state a span:before {
    color: #fff;
    top: -3px;
}
.toolbar.addbtn-utility-state button i:before {
    color: #fff;
    font-weight: lighter;
    font-size: 16px;
}
.refreshBtnContainer.customrefrsh-utility-state a, .toolbar.addbtn-utility-state button {
    background: #017bce;
    border: none;
    border-radius: 27px;
    padding: 5px !important;
    width: 60px;
    line-height: 18px;
    margin: 0 !important;
}
.toolbar.addbtn-loc button {
    padding: 0;
    color: #017bce;
}

.toolbar.addbtn-loc {
    margin-top: 30px;
    float: left;
    margin-left: 10px;
}
.location-withadd {
    width: 85%;
    float: left;
}
.slide-down-section {
    position: relative;
    background: #fff;
    width: 1156px;
    z-index: 99;
    padding: 15px;
    display: none;
    box-shadow: 2px 1px 9px #d4d4d4;
    margin-top: 67px;
}
    .slide-down-section-2{
        display:none;
    }
    div#slide-down-section input {
        height: 28px;
        border-color: #c5c5c5;
    }
.slide-down-section-edit {
    display: none;
    box-shadow: 2px 1px 9px #d4d4d4;
    background: #fff;
}
.custom-schdle-pop-up.add-app-check {
    padding-bottom: 10px;
}
div#scheduler {
    height: auto !important;
    overflow-y: scroll;
}
.outer-card-layout {
    background: #fff;
}
.timeline.outer-card-layout #grid {
    box-shadow: none;
    border: none;
    padding: 0;
}
.outer-padding {
    padding-top: 10px;
}
.custom-pop-up-schduler-grid .k-grid.k-widget {
    margin-top: 20px;
}
.slide-down-section-edit .row {
    padding: 0 12px 12px;
}
input.btn.btn-primary.clr-fltr-btn {
    float: right;
    padding: 3px 10px;
    font-size: 14px;
}
.sidemenuright-closed .navbar-most-right .clr-fltr-btn {
    display:none;
}
.panel-header.border-bottom .dropdown {
    margin-left: 13px;
    display: inline-block;
}
button.close.full-right:hover {
    color: #fff;
}
input#CustomPropertyRules_2__Values, input#CustomPropertyRules_1__Values {
    margin-left: 10px;
    margin-right: 5px;
}
.servc-mastr .checkbox-check{
    top: 12px;
}
/*Schdule page css*/
.k-event {
    font-size: 10px;
    background: #017bce;
    border: none;
    color: #fff;
}
.k-tooltip-content p {
    margin-bottom: 6px;
    padding: 3px 7px;
}
/*.k-scheduler-edit-form .k-edit-buttons .k-scheduler-delete {
    display: none;
}*/

span.k-icon.k-i-clock {
    display: inline-block !important;
}

.k-nav-current > .k-link span + span {
    max-width: 200px;
}

.k-window-titlebar.k-header {
    height: 40px;
}


.k-chart-crosshair-tooltip, .k-chart-shared-tooltip, .k-widget.k-tooltip, .k-widget.k-tooltip-validation {
    padding: 0;
}
li.k-state-default.k-scheduler-fullday a:hover {
    color: #555;
}
/*.k-multiselect.k-header.k-state-hover{
    overflow: hidden;
}*/
.k-multiselect.k-header, input.k-textbox, textarea.k-textbox {
    border-color: #c5c5c5;
}
.k-widget.k-calendar table.k-content.k-month td.k-state-hover {
    height: auto;
}
.mr-3.billable_addapp input[type="radio"] {
    width: 14px;
    height: 14px;
}
input.k-button.k-primary.k-scheduler-update {
    background: #f3f2f2;
    color: #4e4e4e;
    border: 1px solid #bfbfbf;
}
.btnday.active, .btnmonth.active, .btnweek.active, .forward.active, .backward.active {
    background-color: #017bce !important;
    border: 1px solid #fff;
    box-shadow: none;
    color: #fff !important;
}

span.card-inner-drop-text {
    float: right;
    margin-right: 15px;
    font-weight: normal;
    color: #555555;
}
.Provider-Filters {
    font-weight: bold;
    color: #5a5a5a;
}
.k-tooltip-content a, .k-tooltip-content a:hover {
    color: #017bce;
    border-bottom: 1px solid #017bce;
    text-decoration: none;
}
div#scheduler_tt_active {
    width: 380px !important;
    height: auto !important;
    padding: 6px;
    background: #eaeaea !important;
    border-radius: 10px;
    box-shadow: 3px 3px 11px #a4a5a4 !important;
}
.k-tooltip-closable .k-tooltip-content {
    padding-right: 0;
}
.k-tooltip-button {
    position: absolute;
    top: 11px;
    right: 10px;
    background: #4c4c4c;
    width: 18px;
    height: 18px;
    border-radius: 5px;
    text-align: center;
    line-height: 14px;
}
.k-callout.k-callout-w {
    display: none !important;
}

.k-callout.k-callout-e, .k-callout.k-callout-s {
    display: none;
}

#BillableAppointment span.k-dropdown-wrap.k-state-default {
    overflow: hidden;
    white-space: normal;
}

.k-animation-container {
    z-index: 999999 !important;
}
.k-event {
    background: #ececec !important;
}
.app-sch-grid input{
    height: 25px;
}
.billing-custom span.k-widget.k-datepicker.k-header {
    width: 100% !important;
}
.go-btn {
    margin-top: 27px;
    padding: 2px 15px;
}
.client-billing-section .k-widget.k-multiselect.k-header, .admin-group-details-inputs .k-widget.k-multiselect.k-header {
    height: 29px;
}
.client-billing-section .k-multiselect-wrap.k-floatwrap, .admin-group-details-inputs .k-multiselect-wrap.k-floatwrap {
    height: auto !important;
    min-height: 20px !important;
}
.client-billing-section .k-multiselect-wrap li{
    line-height:20px;
}
.select-unselect-btn {
    padding: 5px 15px;
}
.enddate-icon-calender span.k-icon.k-i-calendar {
    display: none;
}

.signature-area {
    border: 1px solid #ccc;
}
.k-edit-buttons.k-state-default a.k-scheduler-update {
    color: #fff !important;
}
.k-edit-buttons.k-state-default a.k-button.k-scheduler-cancel {
    color: #000;
}
input#btnclear, input#btnfilter, input#btnview, input#btnaddPatientReceivable {
    padding: 5px 12px;
    line-height: 12px;
}
h4.list-client-txt {
    margin-top: 5px;
}

.k-grid .k-grid-filter.k-state-active {
    background: cornflowerblue;
}
input#btnday  {
    margin: 0 -3px;
    border-right: none;
    border-radius: 0px;
    padding: 0px 12px;
}
input#btnmonth {
    margin: 0 -3px;
    border-right: none;
    border-radius: 0px;
    padding: 0px 12px;
}
input#btnweek {
    margin: 0 -3px;
    border-right: none;
    border-radius: 0px;
    padding: 0px 12px;
}
input#btnday:focus  {
    border: 1px solid #017bce;
    margin: 0px -1px;
}
input#btnmonth:focus {
    border: 1px solid #017bce;
    margin: 0px -1px;
}
input#btnweek:focus {
    border: 1px solid #017bce;
    margin: 0px -1px;
}
.k-textboxx-custom input {
    margin-left: 6px;
    border: 1px solid #c7c7c7;
    border-radius: 4px;
}
input#btnmonth {
    border-right: 1px solid #bfbfbf;
    border-radius: 0px 6px 5px 0px;
}
input#btnday {
    border-radius: 5px 0px 0px 5px;
}
div#BillableAppointment span.k-widget.k-timepicker.k-header {
    width: 100%;
}
.border-style-custom .k-scheduler-table {
    border-collapse: collapse;
}

    .border-style-custom .k-autocomplete,
    .border-style-custom .k-block,
    .border-style-custom .k-button-group .k-tool,
    .border-style-custom .k-calendar th,
    .border-style-custom .k-content,
    .border-style-custom .k-dropdown-wrap,
    .border-style-custom .k-dropzone-active,
    .border-style-custom .k-editable-area,
    .border-style-custom .k-editor-dialog .k-tabstrip-items,
    .border-style-custom .k-filter-row > th,
    .border-style-custom .k-footer-template td,
    .border-style-custom .k-grid td,
    .border-style-custom .k-grid td.k-state-selected,
    .border-style-custom .k-grid-content-locked,
    .border-style-custom .k-grid-footer,
    .border-style-custom .k-grid-footer-locked,
    .border-style-custom .k-grid-footer-wrap,
    .border-style-custom .k-grid-header,
    .border-style-custom .k-grid-header-locked,
    .border-style-custom .k-grid-header-wrap,
    .border-style-custom .k-group,
    .border-style-custom .k-group-footer td,
    .border-style-custom .k-grouping-header,
    .border-style-custom .k-grouping-header
    .border-style-custom .k-group-indicator,
    .border-style-custom .k-header,
    .border-style-custom .k-input,
    .border-style-custom .k-pager-refresh, .border-style-custom .k-pager-wrap, .border-style-custom .k-pager-wrap .k-link, .border-style-custom .k-panel > .k-item > .k-link, .k-panelbar .k-content, .border-style-custom .k-panelbar .k-panel, .k-panelbar > .k-item > .k-link, .k-popup.k-align .k-list .k-item:last-child, .border-style-custom .k-separator, .border-style-custom .k-slider-track, .border-style-custom .k-splitbar, .border-style-custom .k-state-default, .border-style-custom .k-state-default .k-select, .border-style-custom .k-state-disabled, .border-style-custom .k-textbox, .border-style-custom .k-textbox > input, .border-style-custom .k-tiles, .border-style-custom .k-toolbar, .border-style-custom .k-tooltip, .border-style-custom .k-treemap-tile, .border-style-custom .k-upload-files, .border-style-custom .k-widget {
        border-color: #9b9a9a;
    }
.outer-card-layout.add-app-check.session-details label {
    color: #095fca;
    font-weight: 500;
}
h4.list-client-txt.Scheduler-Grid {
    background: #017bce;
    border-radius: 20px;
    padding: 11px 10px;
    color: #fff;
    line-height: 26px;
    font-size: 20px;
    margin-bottom: 0;
}
.schdule-display-section{
    display:none;
}
.schdule-display-section.active {
    display: block;
}
.delete-pop-up .checkbox-check {
    top: 12px;
}
input.btn.btn-primary.save-loc-btn {
    width: auto;
    height: auto;
}
.admin-layout .k-grid.k-widget{
    border: none;
}
.admin-custom-btn {
    background: no-repeat;
    border: none;
    display: block;
}
.admin-custom-btn:hover{
    background: transparent;
}
.admin-custom-btn:focus {
    background: transparent;
    border: none;
}
a.k-button.k-button-icontext.k-grid-Access.admin-custom-btn.fa.fa-key:before {
    color: #000;
    display: inline-block;
    width: 50px;
    text-align: end;
}
.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.k-button.k-state-active:hover, .k-button:active:hover {
    background-color: transparent;
}

a.k-button.k-button-icontext.k-grid-Access.admin-custom-btn.fa.fa-key, .deposit-custom-btn {
    display: block;
    color: #fff;
    background-color: transparent !important;
}
.select-payr {
    display: none;
}
.add-files .k-upload {
    position: relative;
    height: 28px;
}
.add-files .k-upload .k-upload-button {
    min-width: 100%;
    height: 24px;
    line-height: 20px;
    border: none;
}
.add-files .k-upload .k-upload-button:hover{
    background: transparent;
}
.navbar-right.shedule-view-right {
    margin-left: 0;
    width: 100%;
}
a.k-button.k-button-icontext.k-grid-Apply.k-button.k-button-icontext.k-grid-edit.fa.fa-check-square-o.auth-edit-icon.deposit-custom-btn:before,
a.k-button.k-button-icontext.k-grid-Apply.k-button.k-button-icontext.k-grid-edit.fa.fa-eye.auth-edit-icon.deposit-custom-btn:before,
a.k-button.k-button-icontext.k-grid-ViewTransaction.k-button.k-button-icontext.k-grid-edit.fa.fa-eye.auth-edit-icon.deposit-custom-btn:before {
    color: #000;
}
.Billingid {
    display: inline-block;
    width: 80px;
    float: left;
}

.billingrate {
    display: inline-block;
    width: 50px;
    float: left;
    margin-left: 95px;
    margin-top: -27px;
}

.billingrate .btn {
    padding: .150rem .75rem !important;
}

.billingrate button {
        padding: 0 5px;
}
.billingrate button:hover {
    background-color: transparent !important;
    border: 1px solid transparent !important;
}
.deposit-custom-btn {
    display: inline-block !important;
    width: 23px !important;
    min-width: 23px !important;
}
.k-animation-container ul li span.k-link {
    color: #212529;
    font-size: 13px;
    font-family: unset;
    font-weight: bold;
}
.outer-card-layout.custom-proprties.session-details-outer {
    padding: 0px 12px 12px;
}
.k-animation-container ul li.k-item.k-state-default.k-first.myClass.k-last.k-state-hover,
.k-animation-container ul li.k-item.k-state-default.k-first.myClass.k-last.k-state-hover > .k-link {
    background: transparent !important;
}
.card-body-inner .k-grid-content.k-auto-scrollable {
    overflow-x: hidden !important;
}
.login_outer{
    background: #fff;
    margin: 0 -20px;
    height: 100%;
}
.auth-info .site-loc-toolbar button.create-row-btn {
    bottom: -10px;
}
.auth-info .site-loc-toolbar .refreshBtnContainer a {
    font-size: 13px;
    padding: 6px;
}
.auth-info .site-loc-toolbar .refreshBtnContainer a span:hover, .auth-info .site-loc-toolbar button.create-row-btn i:hover
{
    color: #fff !important;
}
.auth-info .site-loc-toolbar .refreshBtnContainer a span:hover:before {
    color: #fff !important;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 15px;
    content: none;
}
li.breadcrumb-item i {
    font-size: 15px;
    margin-right: 10px;
    color: #fff;
    background: #017bce;
    padding: 6px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #aad5f3;
}
#filter-inner8 li.k-button, #filter-inner7 li.k-button {
    padding: 0 10px 0px 2px;
    line-height: 17px;
}

#filter-inner8 .k-i-close::before, #filter-inner7 .k-i-close::before {
    color: #000;
    right: -7px;
    font-size: 9px;
    top: 3px;
}
div#ClientList-list ul li, #filter-inner8 li.k-button span, #ProviderList_listbox li,
#filter-inner7 li.k-button span {
    font-size: 12px;
}
.sidemenuright-closed .Provider-Filters{
    display: none;
}
@media only screen and (min-width: 1500px) {
    .custommainchbox input[type=checkbox] {
        width: 26px !important;
    }

    .custommainchbox label {
        width: 96px;
    }
}
@media only screen and (max-width: 1182px) {
    .btn-row input {
        padding: 5px 10px;
    }
}
@media only screen and (max-width: 1124px) {
    .custommainchbox input[type=checkbox] {
        width: 30px !important;
    }

    .custommainchbox label {
        width: 90px;
    }
    .custommainchbox input[type=checkbox] {
        width: 34px !important;
    }

    .custommainchbox label {
        width: 70px;
    }
    
}