/* Page Loader showing on top of the page */
html body .pace .pace-progress {
    background-color: #005888 !important;
}
/*Common css start*/
@font-face {
    font-family: 'proximanovaregular';
    src: url('../app-assets/fonts/proximanovaregular/proximanovaregular.ttf') format('truetype');
}

.k-grid-header table{
    width: 100% !important;
}

.k-grid-content table{
    width:100% !important;
}

.btn:active {
    box-shadow: none !important;
}

html, body {
    font-family: proximanovaregular !important;
    -webkit-font-smoothing: antialiased;
    background-color: #eceef0;
}

html body th a:focus{
    color:#000;
}

html body #AccountDetailsActivityGrid th a:focus {
    color: #fff;
}

.navbar-wrapper {
    font-family: proximanovaregular !important;
    -webkit-font-smoothing: antialiased;
}

body.menu-collapsed .brand-text {
    display: none !important;
}

.table tbody {
    color: #000 !important;
}

body .card{
    margin-bottom:0;
}

.login-btn {
    background-color: #04578d !important;
    color: #fff !important;
    padding: 9px 0px 26px 0px !important;
}

.card-content table thead tr th:first-child {
    padding-left: 1rem !important;
}

.k-dropdown{
    font-size:12px;
}

.k-dropdown .k-state-focused {
    box-shadow: none;
}

.k-dropdown .k-dropdown-wrap{
    background-color:#fff;
    border: 1px solid #CACFE7;
    color: #bec5cc;
}
.k-dropdown-wrap .k-input {
    padding: 0 10px;
}
#calender-parent-div {
    height: calc(100vh - 110px) !important;
    box-sizing: border-box;
}
#ContactsGrid .k-grid-content, #CalendarGrid .k-grid-content, #UsersGrid .k-grid-content, #PvnSourceGrid .k-grid-content {
    height: calc(100vh - 256px) !important;
}
#CallPlanGrid .k-grid-content {
    height: calc(100vh - 335px) !important;
}
.callplan-map-container {
    height: calc(100vh - 198px) !important;
}
#AccountsGrid .k-grid-content, #Territories .k-grid-content, #AppointmentGrid .k-grid-content {
    height: calc(100vh - 294px) !important;
}
#viewAccountDetails {
    height: calc(100vh - 170px) !important;
}

#viewAccountDetails .k-grid-content {
    height: calc(100vh - 304px) !important;
    padding-bottom: 20px;
}

.k-grid-pager{
    padding-bottom:15px;
    padding-top:15px;
}
.table-hover tbody tr:hover{
    color:#005888;
}
#ScheduleStart{
    font-size:12px;
}

/*#AccountsGrid tbody tr td:first-child {
    border-left: 5px solid transparent !important;
}*/
/*.table-hover tbody tr:hover{
    background:#005888 !important
}*/
/*Common css end*/
/*Login CSS start */
.btn-cvr-login, .btn-cvr-login:hover {
    background-color: #005888 !important;
    color: #fff;
}
body.vertical-layout.vertical-menu.menu-expanded .main-menu .navigation > li > a > i:before {
    font-size: 20px !important;
}

html body.bg-full-screen-image {
    background: none !important;
    background-color: #F4F5FA !important;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}

.move-right {
    float: right;
}

.remove-validation {
    border: 1px solid #CACFE7 !important; /*GREY*/
}

.apply-validation {
    border: 1px solid #ff0000 !important; /*RED*/
}

.has-icon-left .form-control {
    padding-left: 2.5rem !important;
    border-radius: 0.25rem;
}

form .form-control {
    border: 1px solid #CACFE7;
    padding: 0 10px;
    max-height: 30px;
}
.form-control[readonly]:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ababab !important;
}
.k-widget.form-control {
    border: none !important;
}

form .form-control:hover {
    border: 1px solid #CACFE7;
}

.login-card-body {
    padding: 1.5rem;
}

.validationMessage-text .validation-summary-errors ul{
    margin-bottom:0px !important;
}
/*Login CSS End */

/* BEGIN: Dashboard css */

#dashboard-container {
    position: relative;
    overflow-y: hidden;
    overflow-x: hidden;
}
.dashboard-container-wrapper {
    /*min-height: calc(100vh - 110px);
    max-height: calc(100vh - 110px);*/
    background-color: #fff;
}
.dashboard-header-wrapper, .dashboard-card-wrapper {
    padding: 15px 20px 5px 20px;
}
.dashboard-chart-wrapper {
    padding: 0 20px 0px 20px;
}
.dashboard-details-card {
    border-right: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    border-left: 5px solid #00588c;
    border-radius: 3px;
    padding: 10px 15px;
    cursor:pointer;
    display:block;
}
.dashboard-card-count {
    font-size: 28px;
    font-weight: bold;
    color: #00588c;
}
.card-right-content{
    line-height:1.3;
}
.top-accounts-wrapper, .top-contacts-wrapper {
    min-height: 542px;
    max-height: 542px;
    overflow-y:auto;
    background-color: #404b5f;
    padding: 10px 15px;
    border-radius: 6px;
}
.table-top-accounts, .table-top-contacts {
    width: 100%;
    color: #fff;
    font-weight: bold;
}
.table-top-accounts thead{
    font-size:12px;
}
.table-top-accounts th {
    padding-left: 0 !important;
}
.vpn-counts{
    text-align:right;
    font-size:24px;
}
.top-accounts-title, .top-contacts-title {
    font-size: 11px;
    line-height: 22px;
    /*margin-bottom: 20px;*/
    cursor: pointer;
}
.top-accounts-body tr, .top-contacts-body tr {
    line-height: 48px;
}
.progress-bar::after {
    background-color: #404b5f;
}
.accounts-chart-bg-gradient {
    background-image: linear-gradient(to right, #37b2fb, #0067a5);
    border-bottom: none;
}
.progress-bar-dashboard {
    background-color: #404b5f;
}
.physician-pvr-wrapper {
    border: 1px solid #e0e0e0;
    padding: 10px 15px;
    border-radius: 6px;
    margin-bottom:20px;
    padding-bottom:0;
}
.physician-referrals-wrapper {
    /*padding-bottom:15px;*/
    border-bottom: 1px solid #e0e0e0;
}
.referals-title{
    font-size:12px;
    font-weight:bold;
}
.referals-text{
    font-weight:bold;
}
.physician-info, .pvr-info {
    bottom: 0;
    font-size: 11px;
    line-height: 20px;
    position: absolute;
}
.pvn-target-wrapper {
    padding-top: 15px;
}
.referal-target-content{
    min-height:105px;
    max-height:105px;
    position:relative;
}
.referrals-info, .pr-info {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
}
.referrals-info {
    background-color: #15a6f5;
}
.pr-info {
    background-color: #7cce4e;
}
.non-referrals-info, .npr-info {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 3px;
}
.non-referrals-info {
    background-color: #025889;
}
.npr-info {
    background-color: #136501;
}
.physician-ytd, .physician-mtd, .pvn-target-mtd, .pvn-target-ytd {
    display: inline-block;
}
.chart-title{
    text-align:center;
    color:#000;
    font-size:12px;
    font-weight:bold;
    margin-left:-20px;
}
.dashboard-visit-container, .dashboard-account-container {
    padding:15px;
    background-color: #d7e9f5;
    border-radius:6px;
    padding-bottom:0;
    max-height:235px;
}
.dashboard-visit-title, .dashboard-account-title {
    color: #444;
    font-size: 12px;
    font-weight: bold;
}
.dashboard-card-title {
    font-size: 11px;
    color: #adaaaa;
}
/* END: Dashboard css */
/*Account css start*/
.account-grid-parent-div {
    padding: 0;
    margin: 0;
    overflow: auto;
    min-height: calc(100vh - 200px);
    max-height: calc(100vh - 200px);
}

.badge-account-status{
    height:15px;
    width:15px;
    border-radius:50%;
    margin-left:10px;
}

.account-name {
    padding-left: 0px !important;
}

.account-container, .contact-container, .territory-container, user-container, .callplan-container, .calendar-container, .sales-time-off-container {
    padding: 0px;
}

.account-header-title, .contact-header-title, .territory-header-title, .user-header-title, .callplan-header-title, .calendar-header-title, .sales-time-off-header-title, .appointment-header-title {
    display: inline-block !important;
    margin-right: 1rem;
    font-size: 1.2rem !important;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.33333;
    color: #404b5f;
    vertical-align: -webkit-baseline-middle;
}

.callplan-header-title {
    margin-top: 8px;
}

.account-header-left {
    margin-bottom: 0 !important;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "|" !important;
    color: #79b1d1 !important;
    font-weight: 600;
    margin-bottom: 17px;
    height: 1px;
}

.breadcrumb-separator::before {
    content: "|" !important;
    color: #005888 !important;
    font-weight: 500;
}

.breadcrumb-menu {
    padding-left: 0 !important;
    background-color: #fff !important;
    margin-bottom: 0px !important;
}

.breadcrumb-item a {
    color: #005888 !important;
    font-weight: 600;
    text-decoration: none;
    font-size: 10px;
    margin-top: 3px;
}

.breadcrumb-item span {
    color: #000 !important;
    font-weight: 600;
    text-decoration: none;
    font-size: 10px;
    margin-top: 3px;
}

.breadcrumb-item a span {
    color: #404b5f;
}

.heading-elements-style {
    top: 28px !important;
    right: 8px !important;
}

.btn-border-set {
    border: 1px solid #c0c9d0;
}

.btn-add-appointment:focus, .btn-filter:focus, .btn-add-account:focus, .btn-add-contact:focus, .btn-add-territory:focus, .btn-add-user:focus,
.btn-save-manage-account:focus, .btn-save-manage-contact:focus, .btn-save-manage-territory:focus, .btn-save-manage-user:focus, .btn-add-callplan:focus,
.btn-save-callplan:focus, .btn-save-merge-account:focus, .btn-save-sales-time-off:focus, .btn-save-address-account:focus, .btn-create-order, .btn-add-role,
.btn-save-role, .btn-add-patient:focus, .btn-resend:focus, .btn-export-to-excel:focus {
    outline: none;
    box-shadow: none;
    border: 2px solid #a4a7af;
}

.btn-filter i {
    color: #1d1d1d;
    margin-left: 1px;
}

.btn-filter, .btn-filter:active, .btn-filter:hover {
    background-color: #edeef0 !important;
    color: #404b5f;
    font-size: 14px;
    margin-left: 5px;
    border-radius: 3px;
    padding: 4px 6px;
    background-image: none !important;
}

.btn-add-account, .btn-add-contact, .btn-add-territory, .btn-add-user, .btn-save-manage-account, .btn-save-merge-account, .btn-save-manage-contact,
.btn-save-manage-territory, .btn-save-manage-user, .btn-verify-npi, .btn-get-npi, .btn-add-callplan, .btn-save-callplan, .btn-add-appointment, .btn-add-sales-time-off,
.btn-save-sales-time-off, .btn-validate-address, .btn-save-address-account, .btn-save-address-account, .btn-create-order, .btn-change-user-password,
.btn-add-role, .btn-save-role, .btn-add-patient, .btn-resend, .btn-export-to-excel {
    background-color: #005888 !important;
    background-image: none;
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    transition: none !important;
    margin-left: 2px;
    padding: 8px 9px;
    border-radius: 3px;
    border: 2px solid transparent;
}

.btn-placed-order {
    background-color: #00be16 !important;
    background-image: none;
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    transition: none !important;
    margin-left: 2px;
    padding: 5px;
    border-radius: 50px;
    width: 70px;
}

.btn-create-order{
    border-radius:50px;
    padding: 5px;
    width: 70px;
}

.btn-resend {
    border-radius: 50px;
    padding: 5px;
    width: 70px;
}

.btn-add-appointment:hover, .btn-add-account:hover, .btn-add-contact:hover, .btn-add-territory:hover, .btn-add-user:hover, .btn-add-callplan :hover,
.btn-add-sales-time-off:hover, .btn-add-patient:hover, .btn-export-to-excel:hover {
    background-image: none;
}

.account-grid-header {
    background-color: #e6f1f3;
}

.account-table, .contact-table, .territory-table, .user-table, .calendar-table, .view-account-table, .leaves-table {
    /*margin-bottom: 20px !important;*/
}

.account-table thead th, .contact-table thead th, .territory-table thead th, .user-table thead th, .calendar-table thead th, .view-account-table thead th, .leaves-table thead th {
    border: none !important;
    padding: 0.5rem 0.5rem !important;
    font-size: 11px;
}

.account-table tr td, .contact-table tr td, .territory-table tr td, .user-table tr td, .view-account-table tr td{
    border-top: none !important;
    padding: 0.4rem 7px !important;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden !important;
}

.account-table tr td:hover, .contact-table tr td:hover, .territory-table tr td:hover, .user-table tr td:hover, .view-account-table tr td:hover {
    overflow: visible !important;
    white-space: normal;
}

.account-table tr td:first-child, .contact-table tr td:first-child, .territory-table tr td:first-child, .user-table tr td:first-child, .view-account-table tr td:first-child{
    padding: 0rem 0.3rem 0.4rem 1rem !important;
}

.calendar-table tr td:first-child {
    padding-left: 30px !important;
}

.calendar-table tr td:last-child {
    padding-right: 30px !important;
}

.account-card-header, .contact-card-header, .territory-card-header, .callplan-card-header, .calendar-card-header, .user-card-header, .sales-time-off-card-header, .dashboard-card-header, .appointment-card-header, .clinic-schedule-card-header {
    padding: 0rem !important;
}

.account-territory-details, .contact-territory-details {
    max-width: 250px;
}

.account-table td.account-name, .account-table th.account-name, .contact-table td.account-name, .contact-table th.account-name, .territory-table td.account-name, .territory-table th.account-name, .user-table td.account-name, .user-table th.account-name, .view-account-table th.account-name, .view-account-table td.account-name {
    padding-left: 0px !important;
    max-width: 250px;
}
.view-account-table tr td.view-account-notes {
    overflow: visible !important;
    white-space: normal;
}
.status-success-True, .status-success {
    height: 1rem;
    width: 1rem;
    background-color: #00be16; /*Green*/
    border-radius: 50%;
    margin-left: 15px;
}

.status-success-False, .status-failed {
    height: 1rem;
    width: 1rem;
    background-color: #f00219; /*Red*/
    border-radius: 50%;
    margin-left: 15px;
}

.status-problem {
    height: 1rem;
    width: 1rem;
    background-color: #f96f00; /*Orange*/
    border-radius: 50%;
    margin-left: 15px;
}

.status-active {
    height: 1rem;
    width: 1rem;
    background-color: #009ec1; /*Sky*/
    border-radius: 50%;
    margin-left: 15px;
}

.territory-success, .contact-success {
    color: #fff;
    background-color: #00be16; /*Green*/
    min-width: 40px;
    max-width: 50px;
    font-size: 11px;
    border-radius: 3px;
    padding: 0.15rem 0.5rem;
}

.accounts-count, .contacts-count, .territory-count {
    margin: 0 auto;
}

.contact-failed {
    color: #fff;
    background-color: #f00219; /*Red*/
    min-width: 40px;
    max-width: 50px;
    font-size: 12px;
    border-radius: 3px;
}

.contact-problem {
    color: #fff;
    background-color: #f96f00; /*Orange*/
    min-width: 40px;
    max-width: 50px;
    font-size: 12px;
    border-radius: 3px;
}

.contact-active {
    background-color: #009ec1; /*Sky*/
    color: #fff;
    min-width: 40px;
    max-width: 50px;
    font-size: 12px;
    border-radius: 3px;
}

.contact-active, .contact-problem, .contact-failed, .contact-success, .territory-success {
    margin-left: 16px;
}

.account-grid-more-options i, .contact-grid-more-options i, .territory-grid-more-options i, .user-grid-more-options i, .callplan-grid-more-options i, .leaves-grid-more-options i{
    margin-left: 2px;
}

.address-map-icon i {
    color: #858282;
    font-size: 20px;
}

.div-map {
    height: 27px;
    width: 27px;
    margin-left: 15px;
    text-align: center;
    vertical-align: middle;
    padding-top: 3px;
    border-radius: 50%;
}

.after-select-map {
    background-color: #edeef0;
    border: 1px solid #d8d9da;
}

.btn-account-action:hover {
    background-color: #edeef0 !important;
    color: #404b5f;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: -75px;
    border: 1px solid #e9e9e9;
    margin-top: 0px;
    font-size: 12px;
}

.set-dropdown-dynamically div.dropdown-content{
    margin-top:-110PX !important;
}

.set-contact-dropdown-dynamically div.dropdown-content {
    margin-top: -60PX !important;
}

.set-leaves-dropdown-dynamically div.dropdown-content {
    margin-top: -70PX !important;
}

.set-dropdown-dynamically div.callplan-dropdown-content {
    margin-top: -110PX !important;
}

.callplan-dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 125px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left: -105px;
    border: 1px solid #e9e9e9;
    margin-top: 0px;
    font-size: 12px;
}
.dropdown-content a, .callplan-dropdown-content a {
    padding: 5px 12px;
    text-decoration: none;
    display: block;
    color: #999999 !important;
    font-size: 11px;
    font-weight: 800;
}

.dropdown-content a:hover, .callplan-dropdown-content a:hover {
    background-color: #ddd;
    color: rgb(68, 68, 68);
}

.account-action-dropdown, .contact-action-dropdown, .territory-action-dropdown, .user-action-dropdown, .callplan-action-dropdown, .leaves-action-dropdown {
    position: relative;
    display: inline-block;
}

.account-grid-more-options, .contact-grid-more-options, .territory-grid-more-options, .user-grid-more-options, .callplan-grid-more-options, .leaves-grid-more-options {
    color: #404b5f;
    margin-left: 6px;
    font-size: 5px;
}

#actionDotMenus{
    cursor: pointer;
}
.actionTriangleMenus {
    cursor: pointer;
}

.account-action-dropdown:hover .dropdown-content, .contact-action-dropdown:hover .dropdown-content, .territory-action-dropdown:hover .dropdown-content,
.user-action-dropdown:hover .dropdown-content, .callplan-action-dropdown:hover .callplan-dropdown-content, .leaves-action-dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content.arrow_box, .callplan-dropdown-content.arrow_box {
    position: absolute !important;
}

.dropdown-content.arrow_box:after, .dropdown-content.arrow_box:before {
    left: 88% !important;
}

.callplan-dropdown-content.arrow_box:after, .callplan-dropdown-content.arrow_box:before {
    left: 88% !important;
}

.pull-up:hover {
    -webkit-transform: translateY(-4px) scale(1);
}

textarea.account-notes{
    max-height:100% !important;
}
.tab-account-activity {
    overflow: auto;
    height: calc(100vh - 190px) !important;
}
/*Account css end*/

/*Account screen checkbox properties start */
.chkbox-container {
    display: block;
    position: relative;
    padding-left: 22px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #6b6a6a;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

input.form-checkbox, span.form-checkbox {
    width: 20px; /*Desired width*/
    height: 20px;
    border-radius: 50%;
}

/* Hide the browser's default checkbox */
.chkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    margin-left: -18px;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    /*border:1px solid #a0a0a0; */
    width: 15px;
    background-color: #ececec;
    /*border-radius: 50%;*/
}

/* When the checkbox is checked, add a red background */
.chkbox-container input:checked ~ .checkmark {
    background-color: #15a3f7;
}

/*When checkbox is checked then the right mark color changed to white*/
.chkbox-container input:checked ~ .form-checkbox::after {
    left: 7px !important;
    top: 5px !important;
}

.chkbox-container input:checked ~ .checkmark::after {
    left: 4px;
    top: 1px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: block;
}

/* Style the checkmark/indicator */
/*.chkbox-container .checkmark:after {
        left: 4px;
        top: 1px;
        width: 5px;
        height: 8px;
        border: solid #d3d3d3;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(55deg);
        -ms-transform: rotate(55deg);
        transform: rotate(55deg);
    }*/
/*Checkbox properties end*/

/*specific Style to the checkmark/indicator  for pending invitation popup*/
.chkbox-container .checkmark-pending:after {
    left: 6px;
    top: 4px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
}

td > label.chkbox-container span.checkmark:after, th > label.chkbox-container span.checkmark:after {
    left: 7px;
    top: 4px;
    width: 6px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(55deg);
    -ms-transform: rotate(55deg);
    transform: rotate(55deg);
}
/*Account screen checkbox properties end */

/*Properties for Browser rendering start*/
::-webkit-input-placeholder {
    color: #bec5cc !important;
    font-size: 12px;
}

::-moz-placeholder {
    color: #bec5cc !important;
    font-size: 12px;
}

:-ms-input-placeholder {
    color: #bec5cc !important;
    font-size: 12px;
}

::placeholder {
    color: bec5cc !important;
    opacity: 0.5;
    font-size: 12px;
}

input:-webkit-autofill {
    background-color: #fff !important;
}

.after-multiselect-territory {
    color: red !important;
}
/*Properties for Browser rendering end*/

/*Box arrow design start*/
.arrow_box {
    position: relative;
    background: #ffffff;
    border: 2px solid #e9e9e9;
}

    .arrow_box:after, .arrow_box:before {
        bottom: 100%;
        left: 94%;
        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: #ffffff;
        border-width: 5px;
        margin-left: -5px;
    }

    .arrow_box:before {
        border-color: rgba(233, 233, 233, 0);
        border-bottom-color: #e9e9e9;
        border-width: 8px;
        margin-left: -8px;
    }
/*Box arrow(cssarrowplease) design end*/

/*Account filter modal css start*/
.account-filter-modal, .contact-filter-modal, .user-filter-modal, .callplan-filter-modal, .calendar-filter-modal, .pvn-source-filter-modal, .sales-time-off-filter-modal, .appointment-filter-modal {
    position: absolute;
    padding: 20px;
    border: 2px solid #e9e9e9;
    min-width: 310px;
    max-width: 310px;
    margin-top: 8px;
    background-color: #ffffff;
    z-index: 1001;
    border-radius: 4px;
    margin-left: -267px;
}

.filter-input-field {
    padding: 0px 10px;
    background-color: #fff !important;
    border: 1px solid #ced4da !important;
    font-size: 13px;
}

.gray_select, .gray_select option:first-child {
    color: #bec5cc;
    font-size: 12px;
}

.gray_select option {
    color: #000;
    font-size: 13px;
}

.form-control:focus {
    border-color: #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px #ababab !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #ababab !important;
    outline: none;
}

.btn-filter-search, .btn-save-user-details {
    background-color: #01588d;
    color: #ffffff;
    font-weight: 400;
    font-size: 11px;
    padding: 7px;
    border-radius: 3px;
    max-width: 85px !important;
    border: 2px solid transparent;
}

.btn-filter-search:hover, .btn-save-user-details:hover {
    background-color: #01588d;
    color: #ffffff;
    background-image: none;
    transition: none;
    -webkit-tap-highlight-color: none;
}

.account-search, .contact-search, .user-search, .callplan-search {
    margin-bottom: 0px !important;
    width: 40%;
}

.btn-filter-search:focus, .btn-save-user-details:focus {
    outline: none;
    box-shadow: none;
    background-image: none;
    transition: none;
    background-color: #005888;
    -webkit-tap-highlight-color: none;
    border: 2px solid #a4a7af
}
/*Account filter modal css end */

/*Manage Account Right Panel css start */
.manage-account-title, .manage-contact-title, .manage-territory-title, .manage-user-title, .merge-account-title, .manage-leave-title, .manage-address-account-title, .manage-role-title, .manage-patient-title {
    display: inline-block;
    font-size: 12px !important;
    font-weight: bold !important;
}

.manage-role-parent, .manage-account-parent, .merge-account-parent, .manage-contact-parent, .manage-territory-parent, .manage-user-parent, .manage-callplan-parent, .manage-visit-participants-parent, .manage-callplan-details-parent, .manage-calendar-parent, .manage-leave-parent, .manage-add-patient {
    height: calc(100vh - 71px);
    width: 0;
    position: fixed;
    z-index: 1001;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    transition: 0.5s;
    margin-top: 71px;
}

.manage-account-parent .closebtn, .manage-callplan-parent .closebtn {
    position: relative;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.manage-view-account-parent {
    margin: 20px 20px 0px 20px !important;
    height: 100%;
    width: 0;
    position: absolute;
    z-index: 1001;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow: hidden;
    transition: 0.5s;
}

.display-fade-background {
    display: block;
}

.display-block {
    width: 600px;
}

.display-view-account-block {
    width: 55% !important;
}

.display-mobile-block {
    width: 300px;
}

.display-none {
    width: 0;
}

.mr-0 {
    margin: 0;
}

.pd-0 {
    padding: 0px;
}

.p-20 {
    padding: 20px !important;
}

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

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.custom-card-header {
    border-bottom: 1px solid #f2ebeb;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.add-account-input, .add-contact-input, .add-territory-input, .add-user-input, .add-callplan-input, .add-calendar-input, .add-address-account-input, .add-role-input, .add-patient-input {
    line-height: 1.8;
    border-radius: 3px;
    font-size: 12px;
}

.select-option-style {
    padding-top: 4px !important;
    padding-bottom: 3px !important;
}

.manage-account-card, .manage-contact-card, .manage-user-card, .manage-callplan-card, .manage-view-account-card, .merge-account-card, .manage-leave-card, .manage-address-account-card, .manage-role-card, .manage-patient-card {
    height: 100% !important;
    margin-bottom: 0px;
}

.manage-account-form-action, .merge-account-form-action, .manage-contact-form-action, .manage-territory-form-action, .manage-user-form-action, .manage-callPlan-form-action, .manage-visit-participants-form-action,
.manage-leave-form-action, .manage-address-account-form-action, .manage-role-form-action, .manage-add-patient-form-action {
    border-top: 1px solid #c1c1c1 !important;
    margin: 0 -20px 0 -20px !important;
    padding: 10px 20px !important;
    background-color: #e3e3e3;
}

.npi-buttons, .v-a-btn, .password-button {
    margin: 0;
}

.btn-cancel {
    /*background-color: #a4a2a3;*/
    background-color: #161616;
    background-image: none;
    color: #fff;
    font-size: 11px;
    margin-left: 5px;
    border-radius: 3px;
    padding: 8px 9px;
    border: 2px solid transparent;
}
.btn-cancel:focus {
    outline: none;
    box-shadow: none;
    border: 2px solid #676b77;
}

.btn-cancel:hover {
    background-image: none;
    color: #fff;
    font-size: 11px;
}

.btn-save-manage-account, .btn-save-merge-account, .btn-save-manage-contact, .btn-save-manage-territory, .btn-save-manage-user, .btn-cancel, .btn-save-callplan, .btn-save-sales-time-off, .btn-save-address-account, .btn-save-role {
    width: 70px;
}

.btn-add-sales-time-off {
    width: 90px;
}

.btn-save-manage-account:focus, .btn-save-manage-account:hover, .btn-save-merge-account:focus, .btn-save-merge-account:hover, .btn-save-callplan:focus, .btn-save-callplan:hover,
.btn-save-manage-contact:focus, .btn-save-manage-contact:hover, .btn-save-manage-territory:focus, .btn-save-manage-territory:hover, .btn-save-manage-user:focus, .btn-save-manage-user:hover,
.btn-cancel:focus, .btn-save-sales-time-off:focus, .btn-save-sales-time-off:hover, .btn-save-address-account:hover, .btn-save-address-account:focus, .btn-save-address-account:hover,. {
    background-image: none !important;
}

/*Manage Account Right Panel css end */

/*Toggle True/false on checkbox change image start*/
.toggleCheckbox {
    position: absolute;
    right: 20px;
    top: 3px;
    vertical-align: middle;
    text-align: center;
}

.toggleCheckbox-Electronic-referal {
    position: absolute;
    right: 20px;
    top: 3px;
    vertical-align: middle;
    text-align: center;
}

.toggleCheckbox-Valid-contact {
    position: absolute;
    right: 20px;
    top: 41px;
    vertical-align: middle;
    text-align: center;
}
    .toggleCheckbox-Valid-contactcallplan {
        position: absolute;
        right: 15px;
        top: 25px;
        vertical-align: middle;
        text-align: center;
    }
input.input_status_checkbox {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    /*margin-left: -15px;*/
}

.toggleCheckbox-isActive-user {
    position: absolute;
    right: 20px;
    top: 23px;
    vertical-align: middle;
    text-align: center;
}

.toggleCheckbox-IsActive-territory {
    position: absolute;
    right: 20px;
    top: 22px;
    vertical-align: middle;
    text-align: center;
}

.p-black::-webkit-input-placeholder{
    color: #000;
}

/*Toggle True/false on checkbox change image end*/
/*Contact screen start*/
.contact-account-name {
    max-width: 250px;
}

.pd-left-5 {
    padding-left: 5px;
}

.pd-right-5 {
    padding-right: 5px;
}

/*.manage-territory-form-action, .manage-user-form-action, .manage-callPlan-form-action, .manage-visit-participants-form-action {
    position: fixed;
    bottom: 0;
    width: 100%;
}*/

.manage-account-card, .manage-contact-card, .manage-territory-card, .manage-user-card, .merge-account-card, .manage-leave-card, .manage-address-account-card, .manage-patient-card {
    box-shadow: none !important;
}

.contact-container {
    height: 100%;
    /*display:none;*/
    position: relative;
    z-index: 1001;
    top: 40px;
    right: 0;
    overflow: auto;
    transition: 0.5s;
    padding-top: 60px;
    padding-right: 30px;
}

.contact-container-show {
    width: calc(100% - 260px);
    /*display:block;*/
}

.contact-form-validation-message, .account-form-validation-message, .user-form-validation-message, .leave-form-validation-message, .account-address-form-validation-message {
    color: #ff0000;
    font-size: 14px;
    font-weight: normal;
    padding: 0;
    text-align: right;
}
/*Contact screen end*/
/*Territory screen start*/
.call-cycle-wk {
    margin-left: 45px;
}
/*Territory screen end*/

.m-b-14 {
    margin-bottom: 14px;
}

/*Contact page birth date start*/
.from-date-time-picker {
    display: inline-block;
    border-radius: 4px;
    padding: 0px 35px 0px 10px;
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.inner-addon {
    position: relative;
}

    .inner-addon .fa {
        position: absolute;
        padding: 6px 10px;
        pointer-events: none;
    }

.right-addon .fa {
    right: 0px;
    color: #c1c1c1;
}

.contact-birth-date-picker, .contact-birth-date-picker:hover, .contact-birth-date-picker:focus {
    border: none;
    box-shadow: none;
    background-image: none;
    outline: none;
    width: 100%;
}
/*Layout start*/
.main-menu.menu-light .navigation > li.hover > a {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}

html body .content .content-wrapper {
    padding: 1.5rem;
}

.pos-top-2 {
    position: relative;
    top: 2px;
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > span.menu-title, body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content a.menu-title {
    right: -230px;
    width: 230px;
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: left;
    background-color: #2B4498;
    border-color: #00BCD4;
    padding: 12px 20px;
}

body.vertical-layout.vertical-menu.menu-collapsed .main-menu .main-menu-content > ul.menu-content {
    width: 230px;
}

.main-menu.menu-light .navigation li a {
    color: #999999 !important;
}

.main-menu.menu-light .navigation > li.active > a {
    color: #005888 !important;
}
.main-menu.menu-light .navigation > li.active > ul.menu-content > li.active > a {
    color: #005888 !important;
}

.card-header .heading-elements, .card-header .heading-elements-toggle {
    top: 9px !important;
}

body.vertical-layout.vertical-menu.menu-expanded .navbar .navbar-header {
    float: left;
    width: 200px !important;
}

body.vertical-layout.vertical-menu.menu-expanded .navbar .navbar-container {
    margin-left: 200px;
}

body.vertical-layout.vertical-menu.menu-expanded .content, body.vertical-layout.vertical-menu.menu-expanded .footer {
    margin-left: 200px;
}

body.vertical-layout.vertical-menu.menu-expanded .main-menu {
    width: 200px;
}

#main-menu-navigation {
    font-size: 11px !important;
    font-weight: bold !important;
}

    #main-menu-navigation ul.menu-content li {
        font-size: 11px !important;
        font-weight: bold !important;
    }

.main-menu.menu-light .navigation > li > a {
    padding: 8px 36px 8px 18px;
    border-left: 5px solid transparent;
}

.home-icon {
    position: relative !important;
    top: 2px !important;
    margin-right: 14px !important;
}

.menu-title, .menu-title:hover {
    border: none !important;
    outline: none !important;
    cursor:pointer;
}

.menu-title:focus {
    background-color: #e5e5e5;
}

#main-menu-navigation .nav-item :hover {
    background-color: #E1E2E6;
}

#main-menu-navigation .nav-item.has-sub > a:after {
    content : none !important;
}

tbody.account-grid tr {
    border-left: 5px solid transparent;
}

    tbody.account-grid tr:hover {
        border-left: 5px solid #04578d;
    }

.main-menu.menu-light .navigation > li.open > a {
    color: #04578d;
    background: #E1E2E6;
    border-left: 5px solid #04578d;
    border-right: none;
}

.main-menu.menu-light .navigation > li.open > ul.menu-content > li .active a.menu-item {
    color: #04578d !important;
    background: #E1E2E6;
}

.main-menu.menu-light .navigation > li.active-link > a {
    color: #04578d;
    background: #E1E2E6;
    border-left: 5px solid #04578d;
    border-right: none;
}

.side-nav-option-style {
    color: #04578d;
    background: #e5e5e5;
    border-left: 4px solid #04578d;
    border-right: none;
}

.btn-min-width {
    min-width: 5rem;
    padding: 6px;
    margin-top: 1.5rem !important;
    margin-right: 15px;
    font-size: 10px;
}

.la-plus {
    font-size: 14px !important;
    color: #7ec241 !important;
    font-weight: bold;
}

.btn-outline-secondary:hover .la-plus {
    color: #FFFFFF !important;
}

.bell-icon-outer-div {
    margin-top: 0.3rem !important;
    margin-right: 8px;
}

.bell-icon {
    line-height: 0.5848em !important;
    font-size: 25px !important;
    position: relative;
    top: -4px;
    left: 0px;
}

.notification-font-size {
    font-size: 10px;
    margin-top: 4px;
    padding: 3px 6px !important;
}

.avatar {
    width: 31px !important;
    margin-top: 2px;
    margin-right: 0px !important;
}

.main-menu.menu-light .navigation > li > a i {
    position: relative;
    top: -2px;
}

/*Sales modal start*/
.modal {
    top: 160px;
}

.btn-yes, .btn-yes:hover {
    color: #fff;
    background-color: #04578d !important;
}

.btn-no, .btn-no:hover {
    color: #fff;
    background-color: gray !important;
}

.sales-modal-header {
    padding: 1rem;
    background-color: #04578d !important;
}

.sales-modal-body {
}

.sales-modal-footer {
    border-top: 1px solid #ccc;
}

.leaves-triangle-down {
    position: relative !important;
    top: 2px !important;
    color: #fff !important;
}

.pos-left-7 {
    position: relative !important;
    left: -7px !important;
}
/*sales modal end*/
/*mobile view start*/
.material-vertical-layout.vertical-overlay-menu .main-menu .navigation > li > a i {
    position: relative;
    top: 0.4rem;
}

.vertical-overlay-menu .main-menu, .vertical-overlay-menu.menu-hide .main-menu {
    width: 180px;
}

/*mobile view end*/

/*Kendo Grid START*/

.k-grid-header {
    background-color: #e6f1f4;
}

.k-grid td {
    overflow: visible;
    white-space: nowrap;
}
/*Kendo Grid END*/

/*App Logo start*/
.header-navbar .navbar-header .navbar-brand {
    padding: 13px 0 !important;
}
/*App Logo ends*/

/*Loader start*/
.loader-outer-div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    z-index: 100
}

.loader-div {
    position: absolute;
    z-index: 101;
    top: 40%;
    left: 48%;
    font-size: 50px !important;
    color: #fff;
}

.ball-clip-rotate-multiple > div {
    position: absolute;
    left: -22px;
    top: -20px;
    border: 2px solid #6B6F82;
    border-bottom-color: transparent;
    border-top-color: transparent;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: rotate 1s 0s ease-in-out infinite;
    -moz-animation: rotate 1s 0s ease-in-out infinite;
    -o-animation: rotate 1s 0s ease-in-out infinite;
    animation: rotate 1s 0s ease-in-out infinite;
}

.ball-clip-rotate-multiple > div:last-child {
    display: inline-block;
    top: -2px;
    left: -5px;
    width: 15px;
    height: 15px;
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s;
    border-color: #6B6F82 transparent;
    animation-direction: reverse;
}

.loader-outer-div-manage-screens {
    position: absolute;
    top: 1px;
    /*left: 566px;*/
    width: 600px;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0.5;
    z-index: 10001;
}

.loader-div-manage-screens {
    position: absolute;
    z-index: 101;
    top: 40%;
    left: 48%;
    font-size: 50px !important;
    color: #fff;
}
/*Loader end*/

.ball-clip-rotate-multiple div {
    background-color: transparent !important;
    border-color: transparent #fff transparent #fff !important;
}

#loggedInUserName {
    line-height: 38px;
    font-size: 14px;
    margin-right: 10px;
}

/*Layout end*/


/*Label start*/
.custom-label {
    font-size: 11px;
    font-weight: bolder;
    color: #7e7e7e;
    letter-spacing: 0.5px;
    margin-bottom: 0px;
    margin-left: 0px !important;
}

/*Label ends*/

/*Call Plan css start */
.call-plan-calender .k-datepicker, .contact-birthDate-picker .k-datepicker, .leave-calender .k-datepicker, .patient-birthDate-picker {
    width: 100% !important;
}
.total-doctor{
    color:#ff0000;
    font-weight:bold;
}

.btn-call-plan {
    line-height: 2.5px;
}

.pr-15 {
    padding-right: 15px !important;
}

#selectParticipant {
    width: 150px;
    font-size: 11px;
    padding: 4px;
    background-color: #14A4FA;
    color: #fff;
    border-radius: 3px;
}

#selectParticipant option {
    background-color: #fff;
    color: #444;
    padding: 10px 15px;
}

.table-doctor-visited {
    border: 1px solid #c1c1c1;
}

.doctor-visited-card {
    margin-bottom: 0 !important;
}

.call-plan-participants thead {
    background-color: #e6f1f3;
    color: black;
}

.call-plan-participants thead th, .call-plan-participants tbody td {
    padding: 5px 15px !important;
    font-size: 12px;
}

.select-participant-dropdown {
    text-align: right;
}

.callplan-badge--1 {
    background-color: #f47c01;
}

.callplan-badge-1 {
    background-color: #00bd18;
    margin-left: 10px;
}

.callplan-badge-0 {
    background-color: #f10219;
    margin-left: 10px;
}
#visitedParticipantBody .k-grid {
    border:none;
}
.grid-doctor-visited, .grid-cvr-liaison, .grid-show-patient {
    border: 1px solid #dedede;
    margin-top: 20px;
}

.grid-show-patient{
    margin-bottom:20px;
}

.doctor-visited-tab-content {
    overflow-y: auto;
    padding: 0 20px;
    height: 74vh;
}
.no-data-message {
    text-align: center;
    margin: 30px 0;
    font-weight: bold;
}
.btn-view-account-details {
    background-color: #005888 !important;
    background-image: none;
    color: #ffffff !important;
    font-weight: 400 !important;
    font-size: 11px !important;
    transition: none !important;
    margin-left: 2px;
    padding: 4px 8px;
    border-radius: 20px;
}

.no-map-data{
    font-size:20px;
    font-weight:bold;
    text-align:center;
    padding-top:20px;
}
#CallPlanGrid thead th{
    font-weight:normal !important;
}
.call-plan-tabs {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #cadbe4;
    color: #000;
}

/* Style the buttons inside the tab */
.call-plan-tabs button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 35px 5px 15px;
    transition: 0.3s;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 2px solid #cadbe4;
}

/* Create an active/current tablink class */
.call-plan-tabs button.active {
    border-bottom: 2px solid #1818c5;
}

/* Style the tab content */
.tabcontent {
    display: none;
    border: 1px solid #ccc;
    border-top: none;
}
/*Call Plan css end */
/*Call Plan Keshav css start */
.nav.nav-tabs.nav-underline {
    border-bottom: none;
}

#CreateCallPlanform > .row > ul {
    background-color: #cadbe4;
    border-bottom: none;
}

#CreateCallPlanform, #viewAccountDetails > .row > ul {
    /*background-color: #cadbe4;*/
    border-bottom: none;
}

#viewAccountDetails > .row > ul {
    background-color: #cadbe4;
    border-bottom: none;
}

#viewAccountDetails > .row > .nav.nav-tabs.nav-underline .nav-item a.nav-link {
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

#CreateCallPlanform > .row > .nav.nav-tabs.nav-underline .nav-item a.nav-link {
    color: #000;
    font-weight: bold;
    font-size: 12px;
}

.row > .nav.nav-tabs.nav-underline .nav-item a.nav-link:before {
    background: #1818c5;
}

.call-plan-details-label {
    font-size: 10px;
    color: #7e7e7e;
}

.view-account-details-label {
    font-size: 10px;
    color: #7e7e7e;
    margin-bottom: 0.1rem;
}

.view-account-details-data {
    font-size: 12px;
    font-weight: bold;
    color: #000;
}

.p-l-0 {
    padding-left: 0px;
}

.mb-1 {
    margin-bottom: 10px !important;
}

.c-p-data {
    font-weight: bold;
    font-size: 12px;
}

.card-title {
    letter-spacing: 0px !important;
    font-weight: 600 !important;
}

.notes-border-bottom {
    border-bottom: 1px solid #f2ebeb;
    padding-bottom: 10px;
}

.nav.nav-tabs.nav-underline .nav-item {
    text-align: initial;
    /*padding-left: 6px;*/
}

#viewAccountDetails .nav.nav-tabs.nav-underline .nav-item {
    text-align: center;
    padding-left: 6px;
}

.fade-font-color {
    color:  #bec5cc !important;
}

/*Call Plan Keshav css end */

/*PVN Source Start*/
.pvnsource-devider {
    border-bottom: 1px solid #ebebeb;
    margin: 15px 0 0 0;
}
/*PVN Source End*/

/*Clinic CSS Start*/
.clinic-header-wrapper, .clinic-card-wrapper {
    padding: 15px 20px 5px 20px;
}
/*Clinic CSS End*/

/*Appointment Start*/
.appointment-devider {
    border-bottom: 1px solid #ebebeb;
    margin: 15px 0 0 0;
}

.grid-patient {
    border: 1px solid #dedede;
    margin-top: 20px;
}
#UltraSoundPatientsGrid .k-grid-content{
    height:300px !important;
}
/*Appointment End*/
/*Leaves css start*/
.leaves-devider {
    border-bottom: 1px solid #ebebeb;
    margin: 15px 0 0 0;
}

.parent-month-container {
    width: auto;
    overflow: hidden;
}

.leaves-month-picker {
    height: 51px;
    text-align: center;
}

/*ul.month-strip {
    list-style-type: none;
    margin: 0px !important;
    padding: 0px;
    height: 51px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

    ul.month-strip li.month {
        font-size: 12px;
        font-weight: bolder;
        display: block;
        flex: 0 1 auto;
        cursor: pointer;
    }*/
.leaves-table tr td {
    border-top: none !important;
    font-size: 11px;
    font-weight: bold;
    white-space: normal;
}

.leaves-table tr td:last-child {
    padding: 0 0 0 10px !important;
}

.leaves-table tr td:first-child {
    padding-left: 30px !important;
}

.leaves-table tr td:last-child {
    padding-right: 30px !important;
}

.calender-badges, .callplan-badges {
    text-align: center !important;
}

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

/*Leaves css start*/

/* Calendar css start */
.add-calendar-input {
    border: 1px solid #CACFE7 !important;
}
.calendar-devider {
    border-bottom: 1px solid #ebebeb;
    margin: 15px 0 0 0;
}

.calendar-parent-datepicker {
    text-align: center;
    padding: 10px;
}

.calendar-select-day-row {
    background-color: #e6f1f3;
}

.calender-appointment-details {
    border-bottom: 1px solid #ebebeb;
    padding: 10px;
}

.badge-calender-breakfast, .badge-calendar-physician-visit, .badge-calendar-learn, .badge-calendar-physician {
    color: #000;
    font-weight: bold;
    font-size: 12px;
    border-radius: 3px;
    padding-top: 7px;
    min-width: 180px;
    padding-bottom: 7px;
}

.badge-calender-breakfast {
    background-color: #c6ddfd;
}

.badge-calendar-physician-visit {
    background-color: #c8ffd8;
}

.badge-calendar-learn {
    background-color: #ffc8f5;
}

.badge-calendar-physician {
    background-color: #fee4cd;
}

.calender-badges, .callplan-badges, .leaves-badges {
    text-align: center !important;
}

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

.calendar-table tr td {
    border-top: none !important;
    font-size: 11px;
    font-weight: bold;
    white-space: normal;
}

.delete-calender-record {
    margin-right: 10px;
}

.calender-month-picker {
    position: relative;
}

.select-calender-month {
    position: absolute;
    padding: 15px;
    border: 2px solid #e9e9e9;
    min-width: 290px;
    max-width: 290px;
    margin-top: 8px;
    background-color: #ffffff;
    z-index: 1001;
    border-radius: 4px;
    margin-left: 37%;
}

.select-calender-month .arrow_box {
    position: absolute;
}

.select-calender-month.arrow_box {
    position: absolute !important;
}

.select-calender-month.arrow_box:after, .select-calender-month.arrow_box:before {
    left: 56% !important;
}

.select-date-range:hover {
    cursor: pointer;
}

.selected-date-text {
    color: #005888;
    font-weight: bold;
    margin-right: 5px
}

ul.days-strip {
    list-style-type: none;
    margin: 0px !important;
    padding: 0px;
    height: 51px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

ul.days-strip li.day {
    font-size: 12px;
    font-weight: bolder;
    display: block;
    flex: 0 1 auto;
    cursor:pointer;
}

ul.days-strip li.day.selected, ul.days-strip li.day:hover {
    background-color: #005888;
    color: #fff;
}

ul.days-strip li.day div.has-visits {
    text-align: center;
    font-size: 30px;
    line-height: 0;
}

ul.days-strip li.day div.has-visits:before {
    content: "."
}

#CalendarGrid .k-grid-header {
    display: none;
}

.parent-days-container {
    width: auto;
    overflow: hidden;
}
/* Calendar css End */
.fa-map-marker:hover {
    color: #000;
}

/* view account start */

#viewAccountDetails thead, #CallPlanGrid thead {
    color: #fff !important;
    background-color: #000 !important;
}

.view-account-table thead th {
    font-weight: 400 !important;
}

.manage-account-view-title {
    font-size: calc(0.7vw + 0.7vh + 4px) !important;
    margin-top: 4px;
    font-weight: bold !important;
    color: #000;
}

.btn-social-icon.btn-xs {
    height: 1.7rem !important;
    width: 1.7rem !important;
}

.btn-social > :first-child, .btn-social-icon > :first-child {
    top: -2px !important;
}
.account-google-map {
    position: relative !important;
    overflow: scroll !important;
    height: calc(100vh - 460px) !important;
    width: 100% !important;
}
.googlemap-nodata {
    margin-top: 35px;
    font-size: 18px;
    font-weight: 600;
    vertical-align: middle;
    text-align: center;
}
/* view account end */
/* Address account start */
#AccountsAddressGrid .k-grid-content {
    height: 255px !important;
}

/* Address account end */

/* Color code styling start */
.color-code-container {
    background-color: #fff;
    padding: 10px 15px;
    text-align: center;
    border-top: 1px solid #dde2e7;
}
.color-code-box {
    display: inline-block;
    min-height: 12px;
    min-width: 25px;
    border-radius: 2px;
}
.color-code-seperator {
    margin-right: 15px;
    display:inline-block;
}

.color-code-name{
    vertical-align:middle;
    color:#444;
    font-size:12px;
    font-weight:bold;
}
/* Color code styling end */

/* List Page Actions Css Start*/
.accounts-list-actions-container {
    width: 125px;
}

.callplans-list-actions-container {
    width: 135px;
}

/* List Page Actions Css End*/

/* BEGIN : Order form css*/
.encounter-status-no{
    background-color:#ff0000;
    height:15px;
    width:15px;
    border-radius:50%;
}

.encounter-status-yes {
    background-color: #008000;
    height: 15px;
    width: 15px;
    border-radius: 50%;
}

/* End : Order form css*/

/* BEGIN : User Management css*/

.btn-role {
    line-height: 2.5px;
}

.role-read thead {
    background-color: #e6f1f3;
    color: black;
}

.role-read thead th, .role-read tbody td {
        padding: 5px 15px !important;
        font-size: 12px;
}

/* END : User Management css*/
 
/*BEGIN : User Profile css*/
.user-profile-containre{
    width:100%;
    height:calc(100vh - 110px);
    padding:20px;
}

.instruction{
    color:#ff0000;
}

.box-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2) !important;
}
/**/
/*Media queries start*/
@media screen and (min-width: 200px) and (max-width : 767px) {
    .breadcrumb-responsive {
        padding: 0px;
    }

    .arrow_box:after, .arrow_box:before {
        left: 20%;
    }

    .account-filter-modal, .contact-filter-modal, .callplan-filter-modal {
        margin-left: -40px;
    }
    .calendar-filter-modal, .pvn-source-filter-modal, .sales-time-off-filter-modal, .appointment-filter-modal {
        margin-left: -270px;
    }
    .calendar-filter-modal.arrow_box::after, .calendar-filter-modal.arrow_box::before, .sales-time-off-filter-modal.arrow_box::after, .sales-time-off-filter-modal.arrow_box::before {
        left: 94%;
    }
    .pvn-source-filter-modal.arrow_box::after, .pvn-source-filter-modal.arrow_box::before, .appointment-filter-modal.arrow_box::after, .appointment-filter-modal.arrow_box::before {
        left: 94%;
    }
    #formFilterCalendar .call-plan-calender, .call-plan-calender {
        padding-right: 0 !important;
    }

    .pd-left-5, .p-l-0 {
        padding-left: 15px;
    }

    .pd-right-5 {
        padding-right: 15px;
    }

    .display-block {
        width: 100vw;
    }

    .display-view-account-block {
        width: 100vw !important;
        margin: 0px !important;
    }

    .select-participant-dropdown {
        text-align: left;
    }

    .badge-calender-breakfast, .badge-calendar-physician-visit, .badge-calendar-learn, .badge-calendar-physician {
        min-width: 90px;
        white-space: normal;
    }

    .calendar-table tr td:last-child {
        padding: 0 0 0 10px !important;
    }

    .ul-days-scroll-left {
        margin-right: 0 !important;
    }

    .ul-days-scroll-right {
        margin-left: 0 !important;
    }
    .dashboard-visit-container, .dashboard-account-container{
        margin-bottom:20px;
    }
    .callplan-map-container {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 668px) and (max-width: 991.98px) {
    .heading-elements.visible {
        top:55px !important;
    }
}

@media screen and (max-height: 450px) {
    .manage-account-parent, .manage-contact-parent, .manage-territory-parent, .manage-user-parent, .manage-role-parent, .manage-add-patient {
        padding-top: 15px;
    }

    .manage-contact-parent {
        padding-top: 15px;
    }

    .manage-callplan-parent {
        padding-top: 15px;
    }
}

@media screen and (max-width: 767.98px) {
    .new-btn {
        margin-right: 20px;
    }

    .avatar {
        width: 31px !important;
        margin-top: 7px;
        margin-right: 8px !important;
    }

    .bell-icon {
        line-height: 0.5848em !important;
        font-size: 25px !important;
        position: relative;
        top: 4px;
        left: -6px;
    }

    .notification-badge {
        padding: 3px 5px !important;
    }

    .main-menu.menu-light .navigation > li > a i {
        position: relative;
        top: 5px;
    }
    .content-wrapper {
        padding: 5px !important;
    }

    .cvr-login-logo {
        width: 50vw;
    }
}

@media screen and (min-width: 767px) and (max-width : 1350px) {
    .display-view-account-block {
        width: 55% !important;
    }

    .content-wrapper {
        padding: 15px !important;
    }
}

@media screen and (max-height: 568px) {

    #viewAccountDetails .k-grid-content {
        height: calc(100vh - 317px) !important;
    }

    #viewAccountDetails {
        height: calc(100vh - 139px) !important;
    }

    .custom-card-header {
        border-bottom: 1px solid #f2ebeb;
        padding: 8px 15px 22px 15px !important;
    }

    #CreateCallPlanform > .tab-content{
        height: calc(100vh - 130px) !important;
        overflow: auto;
    }
}

@media only screen and (min-width: 768px) {
    .right-panel {
        height: 100vh;
        height: calc(var(--ViewPortUnitHeight, 1vh) * 100);
    }

    .right-panel-card {
    }

    .right-panel-card-body {
        padding: 0 !important;
    }

    .right-panel-form {
    }

    .right-panel-form-body {
        height: calc((var(--ViewPortUnitHeight, 1vh) * 100) - 120px);
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 0px !important;
    }
    .add-patient-form-body {
        height: calc(100vh - 150px);
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 0px !important;
    }

    #createOrderForm > .right-panel-form-body {
        height: calc(100vh - 180px);
    }
}

@media only screen and (max-width: 767px) {
    .right-panel {
        height: calc((var(--ViewPortUnitHeight, 1vh) * 100) - 191px);
    }

    .right-panel-card {
    }

    .right-panel-card-body {
        padding: 0 !important;
    }

    .right-panel-form {
    }

    .right-panel-form-body {
        height: calc((var(--ViewPortUnitHeight, 1vh) * 100) - 232px);
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 0px !important;
    }

    .referal-target-content {
        min-height: 65px;
        max-height: 65px;
        position: relative;
        margin-bottom: 10px;
    }
    .tab-account-activity {
        overflow: auto;
        height: calc(100vh - 270px) !important;
    }
}