:root {
    --purple: #0d6efd;
    --border-color: #adb5bd;
    --text-color: #000;
}
body{
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
}
body {
	font-size: 12px;
	color: #000;
	letter-spacing: .5px;
	background: #f7f7ff;
	overflow-x: hidden;
	font-family: Roboto, sans-serif
}
.insurance-benefits-cards .left-side {
    width: 22%;
    font-size: 12px;
    padding: 4px 0px;
    color: rgba(0, 0, 0, .7) !important;
    font-weight: 500;
}
.profile-title{
    width: auto !important;
}

.patient-interface-profile .profile_picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
}
.filepond--credits{
    display: none;
}
.text-gray {
    color: rgb(0, 0, 0) !important;
    font-size: 13px;
}
.insurance-benefits-cards .right-side {
    width: 46%;
    font-size: 12px;
    padding: 4px 0px;
    color: #000;
    font-weight: 400;
    font-weight: 500;
}
.horizontal-nav .sidebar-nav #sidebarnav>li>a {
    text-decoration: none;
    font-weight: 400;
    color: #000;
    font-size: 13px;
}
.navbar-expand-md .navbar-collapse {
    /*
    display: block !important;
    flex-basis: unset !important;
    float: right;
    */
}
.navbar-expand-md .navbar-nav {
    flex-direction: row;
    float: right;
}
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link{
    color: #fff;
}
.ml-auto{
    margin-left: auto;
}
.card .card-title {
    position: relative;
    font-weight: 500;
    font-size: 1.125rem;
    color: var(--purple);
}
.modal-dialog {
    max-width: 800px;
}
#exampleModal .modal-dialog{
    max-width: 1035px !important;
}
#ModalAccount .modal-dialog{
    max-width: 1035px !important;
}
#ModalSmartDoc .modal-dialog {
    max-width: 1035px !important;
}
#ModalPerson .modal-dialog {
    max-width: 1035px !important;
}
#ModalAppointment .modal-dialog {
    max-width: 1035px !important;
}
#ModalAddAppointment .modal-dialog{
    max-width: 1035px !important;
}
.modal-header {
    padding: 10px 20px;
    color: #000;
    border-color: var(--border-color);
}
.form-label{
    color: #000;
}
h5 {
    font-size: 16px;
}
.chosen-single {
    border: 1px solid var(--border-color) !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    padding: 0.375rem 0.75rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #212529 !important;
    background: #fff !important;
    background-clip: padding-box !important;
    height: auto !important;
    box-shadow: unset !important;
}
.chosen-container {
    width: 100% !important;
    margin-bottom: 0px;
}

.chosen-container-single .chosen-single div {
    position: absolute !important;
    top: 5px !important;
    right: 3px !important;
    display: block !important;
    width: 18px !important;
    height: 100% !important;
}
.form-label {
    color: #000;
    font-weight: 500;
    font-size: 12px;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin-bottom: 5px;
}
#reportrange {
    background: #fff;
    cursor: pointer;
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 8px 5px;
    width: 100%;
    font-size: 12px;
    color: #000;
}
.form-control{
    border-color: var(--border-color);
    margin-bottom: 7px;
    border-radius: 4px;
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;;

}
.btn-primary1:hover, .btn-sky-blue:hover {
    background: #fff;
    color: #000;
    border-color: var(--purple);
    color:var(--purple) !important;
}
.btn-primary1:hover i, .btn-sky-blue:hover i{
    color: var(--purple);
}
.btn-primary1, .btn-sky-blue{
    background: var(--purple);
    color: #fff;
    border-color: var(--purple);
    min-width: 90px;
    font-size: 12px;
    border-radius: 4px;
}
.text-purpal{
    color: var(--purple);
}
.card-header label{
    font-size: 14px;
}
.accordion-button label{
    margin-bottom: 0px;
}
.modal hr {
    /* margin: 1rem 0; */
    color: inherit;
    border: 0;
    border-top: 1px solid #000 !important;
    /* opacity: 1; */
    color: #000;
    /* background: #000; */
}
.form-check .form-check-input {
    float: none;
    margin-left: -1.5em;
    border-color: #3e3e3e;
}
.btn-outline-primary1, .btn-outline-sky-blue{
    background: #fff;
    color:  #000;
    border-color: var(--purple);
    min-width: 90px;
    font-weight: 400;
    font-size: 12px;
    border-radius: 4px;
}
.table th, .table thead th {
    font-size: 12px;
    color: #000;
    font-weight: 500;
}
tbody, td, tfoot, th, thead, tr{
    font-size: 12px;
    color: #000;
    border-color: var(--border-color) !important;
}
.btn-outline-primary1:hover, .btn-outline-sky-blue:hover{
    background: var(--purple);
    color: #fff;
    border-color: var(--purple);
}
.card-header{
    background: #fff;
}

.card-status {
    position: absolute;
    top: -1px;
    left: 0px;
    right: 0px;
    height: 100%;
    border-radius: 7px 7px 0 0;
}
.card-status-left {
    right: auto;
    bottom: 0;
    height: auto;
    width: 1px;
    border-radius: 3px 0 0 3px;
}
.bg-red {
    background: linear-gradient(to bottom right, var(--purple) 0%, var(--purple) 100%);
    color: #fff !important;
}
.insurance-benefits-cards .card-header {
    display: inline-flex;
    width: 100%;
    border-color: var(--border-color);
    padding: 5px 15px;
}
.insurance-benefits-cards .card-title {
    margin-bottom: 0px;
    font-size: 18px;
    font-weight: 500;
    width: 100%;
    margin-top: 0px;
    color: #000;
}
.insurance-benefits-cards .card-title span {
    font-size: 16px;
    font-weight: 500;
}
.insurance-benefits-cards .card-options {
    float: right;
    text-align: end;
    padding-top: 5px;
    margin-right: -30px;
    display: inline-flex;
    border-bottom: 1px solid #024a66;;
}
.insurance-benefits-cards .card-options a {
    font-size: 12px;
    border-radius: 4px;
    height: 30px;
    margin: 0px 2px;
    text-decoration: none;
    width: 90px;
    position: relative;
    text-align: center;
    line-height: 29px;
    color: #000;
}
.insurance-benefits-cards .card-options a i{
    color: var(--purple);

}
.insurance-benefits-cards .card-options a:hover i{
    color: #fff;

}

.colon{
    float: right;
    margin-right: 10px;
}
/* .card {
    border: 0 solid transparent;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
} */
.fixed-layout .page-wrapper {
    background: #fff;
}
.insurance-benefits-cards tbody, .insurance-benefits-cards td, .insurance-benefits-cards tfoot, .insurance-benefits-cards th, .insurance-benefits-cards thead, .insurance-benefits-cards tr {
    font-size: 12px;
    color: #000 !important;

}
.table>:not(caption)>*>* {
    padding: 5px 0.5rem;
}
.w-100px {
    width: 100px !important;
}
.green-background {
    background: rgba(21, 202, 32,.2);
    color: #212529;
    border: 1px solid #15ca20;
    padding: 0px;
    font-size: 12px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
}
.card-group.m-t-20 .card{
    box-shadow: unset;
}
.dashboard-wrapper .page-wrapper {
    background: #edf1f5 !important;
    padding-top: 85px;
}
.modal-title {
    font-size: 18px;
    color: var(--purple);
}

fieldset legend {
    background: #fff;
    margin-top: -25px;
    width: auto;
    margin-left: -15px;
    padding: 0px 13px;
    text-align: center;
    font-size: 16px;
    color: var(--purple);
}
fieldset {
    border: 1px solid var(--border-color);
    padding: 10px 20px;
    border-radius: 4px;
}
.patient-search .modal{
    margin-top: 10px;
}
.inner-pages-wrapper{
    padding-top: 60px !important;
}
.right-side .btn{
    padding: 0px;
    border: none;
}

.right-side .btn:hover{
    border: none;
    padding: 0px;
}
.theme-subtitle{
    margin-bottom: 0px;
}
.customer-detail-offcanvas .offcanvas-header{
    margin-top: 10px;
    border-bottom: 1px solid var(--border-color);
}
.customer-detail-offcanvas .offcanvas-header h5{
    font-size: 20px;
}
.customer-details-in-offcanvas ul {
    margin-top: 5px;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.customer-details-in-offcanvas ul li {
    margin-bottom: 5px;
    font-size: 12px;
}
.left-list {
    width: 40%;
    color: rgba(0, 0, 0, .7);
    font-size: 12px;
    font-weight: 500;
    display: inline-flex;
}
.right-list {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 500;
    color: #000;
    position: absolute;
}
table .left-list{
    display: initial;
}
.customer-details-in-offcanvas table{
    width: 100%;
    margin-top: 0px;
}
.customer-details-in-offcanvas table .left-list {
    display: revert;
    width: 46%;
    color: rgba(0, 0, 0, .7) !important;
    padding-bottom: 5px;
}
.customer-details-in-offcanvas table .left-list span{
    float: right;
    margin-right: 10px;
}
.customer-details-in-offcanvas table th{
    padding-bottom: 5px;
}
.customer-details-in-offcanvas table td {
    font-size: 12px !important;
    font-weight: 400;
    color: #000;
}
.alert-icon img {
    width: 27px;
}
.inner-pages-common-header .btn{
    padding: 0px;
    border: none !important;
}
.inner-pages-common-header .back-btn {
    padding: 5px;
    border: 1px solid var(--purple) !important;
    margin-right: -25px;
    margin-top: 1px;
}
.inner-pages-common-header .btn:hover{
    padding: 0px;
    border: none !important;
}
.patient-alert-icon{
    display: inline;
    padding: 0px 15px;
}
.inner-pages-common-header .row{
    width: 100%;
}
.insurance-benefits-cards .card-options a:hover {
    background: #024a66;
    color: #fff;
    border-radius: 0px;
}
.icon-btn {
    font-size: 17px !important;
    /* padding: 2px !important; */
    padding: 0px;
    text-align: center;
    border-radius: 4px;
    background: rgb(13 110 253 / .12);
    color: var(--purple);
    border: 1px solid rgb(13 110 253 / .12);
    width: 20px;
    position: relative;
    height: 20px;
    text-align: center;
    justify-content: center;
}
.icon-btn i {
    font-size: 12px;
    text-align: center;
    display: block;
    font-weight: 500;
    line-height: 19px;
}
.icon-btn:hover{
    background: #fff;
    border: 1px solid var(--purple);
    color: var(--purple);
}
.modal .insurance-benefits-cards{
    margin-top: 5px !important;
}
.modal-body.insurance-benefits-cards .left-side {
    width: 40%;
}
.modal-body.insurance-benefits-cards table{
    width: 100%;
}

.tree{
    margin: 0;
    padding: 0 5px;
    list-style: none;
    border: 1px solid var(--border-color);
    width: 100%;
    padding: 0px 4px;
    /* margin-top: 9px; */
}
.tree ul{
    margin: 0;
    padding: 0 5px;
    list-style: none;
    width: 100%;
    padding: 0px 4px;
}
.tree li {
    margin-bottom: 0px;
    padding: 0px;
    line-height: 2em;
    color: #000;
    position: relative;
    font-size: 15px;
}
.folder-view .nav-tabs .nav-link.active {
    color: var(--purple);
}
.folder-view .nav-tabs .nav-link {
    border: none;
    color: #000;
}
.folder-view .nav-tabs .nav-link {
    padding: 0px;
}
#tree2 a i {
    margin-right: 5px;
    color: #F8D210;
    font-size: 17px;
}
.branch i {
    color: #F8D210;
    font-size: 19px;
    margin-bottom: 10px;
}

.tree li ul li {
    font-size: 12px;
    margin-left: 3px;
}
.branch ul {
    border: none;
    margin-top: -5px;
    padding-bottom: 0px;
}
.branch a{
    text-decoration: none !important;
    color: #000;
    margin-left: 5px !important;
}
.tree ul:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    top: 37px;
    bottom: 17px;
    left: -1px;
    border-left: 1px solid var(--border-color);
}
.tree ul li::before {
    content: "";
    display: block;
    width: 8px;
    height: 0;
    border-top: 1px solid var(--border-color);
    margin-top: -1px;
    position: absolute;
    top: 13px;
    left: -8px;
    /* margin-right: 37px; */
}
.tree ul li span{
    font-size: 14px !important;
}
.tree ul:nth-child(even)::before {
    left: 8px;
    top: 37px;
    border-left: 1px solid  var(--border-color) !important;

}
.tree ul:nth-child(even){
    margin-left:20px;
    border: none !important;
}

.administration-pages .tree{
    margin-top: 10px;
}
.administration-pages .tree ul:before {
    top: 126px;
    bottom: 17px;
    left: 20px;
    border-left: 1px solid var(--border-color);
}
.administration-pages .tree ul li .fa-plus, .administration-pages .tree ul li .fa-edit, .administration-pages .tree ul li .fa-trash {
    font-size: 12px !important;
}
.administration-pages .tree ul:nth-child(even)::before {
    left: 19px;
    top: 37px;
}
.administration-pages .tree ul li span {
    font-size: 14px !important;
}
.folder-view .col-md-3 {
    width: 20%;
}
.folder-view .col-md-9 {
    width: 80%;
    padding-left: 0px;
}
.folder-view .table-sm>:not(caption)>*>* {
    padding: 7px 5px;
}

.patient-search .insurance-benefits-cards {
    margin-top: 30px !important;
}

.note-sec p{
    text-align: justify;
}
.note-sec{
    /* height: 250px; */
    overflow: auto;
}
.w-40px {
    width: 40px;
}

.w-60px {
    width: 60px;
}
.orange-background {
    background: #fff2be;
    color: #212529;
    border: 1px solid #d2b748;
    padding: 0px;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
    text-align-last: center;
}
.red-background {
    background: rgba(220, 20, 60, .2);
    color: #212529;
    border: 1px solid crimson;
    padding: 0px;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
    text-align-last: center;
}
.green-background {
    background: rgba(21, 202, 32,.2);
    color: #212529;
    border: 1px solid #15ca20;
    padding: 0px;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
    font-weight: 400 !important;
}
.dark-green-background{
    /* background: rgba(25, 135, 84, .5); */
    background:#00e379;
    color: #212529;
    border: 1px solid #198754 !important;
    padding: 0px;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
    font-weight: 400 !important;
    text-align: center;
}
.blue-background {
    border: 1px solid #1e97f4 !important;
    background: rgba(30, 151, 244, 0.1);
    color: #1e97f4;
    padding: 0px;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
    font-weight: 400 !important;
}

.btn-outline-primary1 i, .btn-outline-sky-blue i{
    color: var(--purple);
    margin-right: 5px;
}
.btn-outline-primary1:hover i, .btn-outline-sky-blue:hover i{
    color: #fff;
    margin-right: 5px;
}

.mt-10{
    margin-top: 10px;
}
.insurance-benefits-cards.temp-filter{
    margin-top: 10px !important;
}
.customer-details-in-offcanvas h6 {
    font-size: 1rem;
    color: var(--purple);
    margin-bottom: 10px;
    /* border-bottom: 1px solid var(--border-color); */
    /* padding-bottom: 7px; */
}
.customer-details-in-offcanvas ul:last-child{
    border-bottom: none;
}
.m-r-10{
    margin-right: 10px;
}
.claim-details-offcanvas ul{
    border-bottom: 1px solid var(--border-color);
}

.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 5px 12px !important;
    width: 100%;
    height: auto!important;
    height: 1%;
    border: 1px solid var(--border-color) !important;
    background-color: #fff;
    background-image: unset !important;
    cursor: text;
    border-radius: 4px;
    color:#000;
}
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
    color: #000 !important;
    font-size: 12px !important;
    font-family: sans-serif !important;
    width: 100% !important;
}
.inner-page-title-block .row{
    align-content: center;
    align-items: center;
    margin-bottom: 5px;
}
.filter-sec{
    border: 1px solid var(--border-color);
    margin-bottom: 20px;
    padding: 15px;
}
.claim-detail-block {
    border: 1px solid var(--border-color);
    margin-top: 0px !important;
    padding: 15px 25px;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
.pb-1{
    padding-bottom: 10px !important;
}
.claim-detail-block .note-sec {
    height: auto;
    overflow: auto;
    /* margin-bottom: 19px; */
}
.w-120{
    width: 120px !important;
}
.w-80px{
    width: 80px;
}
.mr-20{
    margin-right: 20px;
}
.history-user-image{
    width: 25px;
    border-radius: 50% ;
}
.weight-500{
  font-weight: 500;
}
.history-view table tr td{
  padding: 8px 0px;
  border-bottom: 1px solid var(--border-color);
}
.history-view table tr:last-child td{
    border-bottom: none;
}


/* Appointment Style */

/*===================== TABLE OF CONTENT =======================
1. Fonts
2. General Styling
3. Cross Browser Compatibility

=============================================================*/

/*=============== Fonts ===================*/




input:hover,input:focus{outline:none}
section{
    float:left;
    position:relative;
    width:100%;
}
iframe{
    width:100%;
    border:0;
}
i{font-style:italic}
img{height:auto}
:-webkit-input-placeholder,
:-webkit-textarea-placeholder{opacity:1}
:-moz-placeholder{opacity:1}
:-ms-input-placeholder,
:-ms-textarea-placeholder{opacity:1}
label {
    font-size: 12px;
    color: #777777;
    margin: 0 0 5px;
    font-weight: 500;
}
/* input[type="file"]{visibility:hidden;display:none} */
input[type="text"], input[type="email"], input[type="file"] ~ label, input[type="password"], textarea {
    background: #fff;
    border: 1px solid #999b9c;
    color: #000;
    font-size: 12px;
    height: 30px;
    padding: 5px 10px;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
textarea{
    max-width:100%;
    min-height:90px;
    /* padding:20px; */
}
strong{font-weight:800}
button{
    font-size:16px;
    height:32px;
    line-height:35px;
    color:#FFF;
    border:0;
    padding:0 20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
}
/* img{max-width:100%} */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color:#b8b8b8;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#b8b8b8;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color:#b8b8b8;
}
a:focus, a:hover {
    color: #2d313d;
}
/*=============== Cross Browser Compatibility ===================*/
a,
.custom-btn,
.header-search button,
.sidemenu,
.status-box,
.status-box:before,
.status-box i,
.sm-status,
.sm-status:before,
.sm-status i{
    -webkit-transition:all 0.2s ease-in-out;
    -moz-transition:all 0.2s ease-in-out;
    -ms-transition:all 0.2s ease-in-out;
    -o-transition:all 0.2s ease-in-out;
    transition:all 0.2s ease-in-out;
}


.console-user img{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}


.console-schedular {
    width: 100%;
    margin: 0 auto;
    background: #fff;
    padding: 0px 5px 10px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 6%); */
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.06);
    box-shadow: 0 0 15px rgb(0 0 0 / 6%);
    margin-top: -2px;
}
/*=========== Schedular Filters =============*/
.schedular-filters {
    display: flex;
    margin: 0 0 0px;
    width: 100%;
    /* margin-left: 194px; */
    background: #fff;
    padding: 0px;
}
.vehicle-type{flex-basis: 250px}
.date-changer {
     display: flex;
    max-width: 185px;
    align-items: center;
    /* border: 1px solid var(--border-color); */
    border-radius: 3px;
    overflow: hidden;
    height: 28px;
    margin-top: 3px;
    margin-bottom: 3px;
}
.schedular-body {
    display: block;
    grid-template-areas: 'grid1 grid2 grid2 grid2 grid2 ';
    min-height: calc(100vh - 305px);
}
.date-changer input.new-datepicker {
    background: #ffffff;
    border: 0;
    margin: 0;
    font-size: 13px;
    height: 40px;
    color: #000;
    flex: auto;
    width: 100%;
    border-radius: 0;
}
.date-changer .custom-btn ~ .custom-btn{margin: 0}
.date-changer .custom-btn,
.date-changer .custom-btn:hover,
.date-changer .custom-btn:focus,
.date-changer .custom-btn:active{
    height: 100%;
    border-radius: 0;
    line-height: 12px;
    text-align: center;
    background: #f5f6fa;
    color: #7b7b7b;
}
.date-changer .custom-btn i{margin: 0}
.vehicle-type .select2-container--default .select2-selection--single {
    height: 40px;
    background: #ecf1f2;
    border-color: #ddd;
}
.vehicle-type .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
    font-size: 15px;
    color: #8a8a97;
}
.vehicle-type .select2-container--default .select2-selection--single .select2-selection__arrow {height: 40px}
/*=========== Vehicle Information =============*/
.vehicles-info {
    width: 100%;
    background: #f5f6fa;
    overflow: hidden;
    padding: 0 0px;
    margin-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 5px;
}
.vehicles-info h3 {
    background: #edeef2;
    font-size: 16px;
    color: #6f7480;
    font-weight: 400;
    text-align: center;
    padding:13px 10px;
    margin:0 -20px 10px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.car {
    margin: 5px 0 5px;
    background: #FFF;
    width: 100%;
    padding: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0 0 13px rgb(0 0 0 / 6%);
    -moz-box-shadow: 0 0 13px rgba(0,0,0,0.06);
    box-shadow: 0 0 13px rgb(0 0 0 / 6%);
}
.car-top {
    display: flex;
    width: 100%;
    align-items: flex-end;
}
.car-top span {
    font-size: 12px;
    background:#4786ff;
    padding: 3px 5px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.car i {
    margin-left: auto;
    font-style: normal;
    font-size: 12px;
    color: #6f7480;
}
.car-bottom {
    display: block;
    align-items: left;
    margin-top: 0px;
}
.car-bottom h5 {
    font-size: 12px;
    margin: 0;
}
.main-schedular {
    background: #f5f6fa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

}
/*=========== Timeslot Grids =============*/
.grids-head {
    display: block;
    margin: 1px 5px 5px 0px;
    width: 8%;
}
.grids {
    /* overflow: auto; */
    display: flex;
    margin-top: 0px;
}
.timeslot:before {
    display:none;
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 80%;
    opacity: 0.7;
    top: 10%;
    background: linear-gradient(transparent,#cdcdcd,transparent);
}
.timeslot {
    min-width: 100px;
    text-align: center;
    position: relative;
    /* font-size: 11px; */
    padding: 0px 10px;
    margin: 0px 0px;
    background: #ffffff;
    cursor: pointer;
    width: 100%;
}
.grids-row {
    display: block;
    margin-bottom: 10px;
    /* width: 20%; */
    margin: 0 1px;
}
.grids-body {
    /* margin: 1px 0px; */
    position: relative;
    width: 95%;
    width: -moz-fit-content;
    margin: 1px 0px 0px 0px;
}
/* .grids-row .timeslot {
    line-height: 22px;
    font-size: 14px;
    padding: 10px;
    color: rgba(0,0,0,0.5);
    margin:0 1px;
} */
.grids-row .timeslot:hover{color:#000}
.ui-draggable-dragging {
    opacity: 0.8;
    border:1px solid #FFF;
    z-index:2;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.1);
    box-shadow:0 0 10px rgba(0,0,0,0.1);
}

/*=========== Ride =============*/
/* .ride {
    width: 208px;
    height: 77px;
    background: #fcedef;
    z-index: 1;
    position: absolute;
    display: flex;
    align-items: center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
} */

.ride {
    width: 100% !important;
    /* height: 95px; */
    /* background: #fcedef; */
    /* color: #c26370; */
    /* z-index: 1; */
    position: absolute;
    display: flex;
    align-items: center;
    left: 0;
    /* top: 1px; */
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 1px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}
.ride:hover{z-index: 10}
.passenger-info ul {
    list-style: none;
    font-size: 12px;
    padding-left: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    margin-top: 1px;
    display: flex;
}
.passenger-info ul li {
    line-height: 1.2;
}
.passenger-info ul li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.passenger-info ul li strong {
    font-size: 12px;
    font-weight:500;
}
.passenger-info ul li:last-child{margin: 0}
.passenger-info ul li a{color:inherit}
.passenger-info {
    padding: 0px 5px;
    /* flex-basis: 100%; */
    min-width: 90px;
    overflow-x: unset;
}
.passenger-info ul li i {
    margin-right: 0px;
    font-size: 12px;
}
.passenger-info ul li .btn {
    border: none;
    margin-top: -2px;
    line-height: 1px;
    padding: 0px !important;
    text-align: center;
    position: relative;
    margin-left: 0px;
    height: auto;
}
.passenger-info .alert-icon img {
    width: 10px;
}
.passenger-info ul li .btn:hover{
    border: none;
  }
.assign-driver {
    margin-left: auto;
    padding: 10px 10px 10px 0;
    font-family: barlow;
    min-width: 130px;
    text-align: center;
    flex-basis: auto;
}
.assign-driver span {
    display: table;
    font-size: 13px;
    margin-bottom: 10px;
    width: 100%;
}
.custom-btn {
    font-size: 12px;
    background: #4786ff;
    color: #FFF;
    display: inline-block;
    padding: 5px 10px;
    font-family: poppins;
    height: auto;
    position: relative;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 1.4;
}
.custom-btn i {
    margin-right: 7px;
    font-size: 10px;
    vertical-align: middle;
    font-weight: 800;
}
.custom-btn:hover,
.custom-btn:focus,
.custom-btn:active{color:#FFF}
.short-ride .assign-driver span{display: none}
.short-ride .assign-driver{
    position: absolute;
    top: 50%;
    padding: 0;
    left: 100%;
    z-index:1;
    white-space: nowrap;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.short-ride .passenger-info{width:100%}
.short-ride:hover .assign-driver{opacity:1}
.short-ride .assign-driver .custom-btn:before {
    content: "";
    width: 10px;
    height: 10px;
    background: inherit;
    position: absolute;
    left: -5px;
    top: 9px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.ride.assigned {
    background: #caefc8;
    color: #158854;
}
.ride.return {
    background: #fff2be;
    color: #948133;
}
.ride.maintenance {
    background: #f1f3fb;
    color: #8d8f96;
}
.ride.preparation {
    background: #F5F0F0;
    color: #000;
    height: 87px;
    /* left: 15px !important; */
    margin-left: 4px;
}
.ride.service {
    background: #FBF2E9;
    color: #000;
    height: 87px;
    margin-left: 4px;
}
.driver-info {
    margin-left: auto;
    background: #FFF;
    margin-right: 5px;
    margin-top: 5px;
    flex-basis:auto;
    margin-bottom: 5px;
    padding:15px 10px 15px 30px;
    position:relative;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.driver-info ul {
    list-style: none;
    font-size: 12px;
    white-space: nowrap;
}
.driver-info ul li {
    margin: 0 0 4px;
    line-height: 1.2;
}
.driver-info ul li strong {
    font-size: 15px;
    font-weight:500;
}
.driver-info ul li:last-child{margin: 0}
.driver-info ul li i,
.driver-info ul li img{
    margin-right: 5px;
    font-size: 12px;
    font-style: normal;
}
.driver-info ul li img {
    width: 35px;
    position: absolute;
    left: -14px;
    border: 2px solid #FFF;
    top: 50%;
    margin-top: -18px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.short-ride .driver-info{
    position: absolute;
    left: 100%;
    top: 0;
    opacity:0;
    visibility:hidden;
    z-index:2;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.short-ride:hover .driver-info{
    opacity:1;
    visibility:visible;
}
.short-ride .driver-info:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 30px;
    width: 10px;
    height: 10px;
    background: #FFF;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
.passenger-info.complete-add {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
     display: none;
    height: 100%;
    z-index:1;
    background: inherit;
    font-weight: 500;
    min-width: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.passenger-info.complete-add ul li {
    margin: 0;
    max-width: none;
    text-overflow: unset;
    overflow: visible;
    white-space: unset;
}
.ride-menu{
    position:absolute;
    left:0;
    top:0;
    visibility:hidden;
    opacity:0;
    z-index:11;
    background: #FFF;
    width: 234px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.ride-menu.show{
    opacity:1;
    visibility:visible;
}
.menu-title {
    background: linear-gradient(to right, #6ec0fe,#1386de);
    padding:8px 15px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.menu-title h4 {
    color: #FFF;
    margin: 0 0 2px;
    font-family: barlow;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}
.menu-title p {
    margin: 0;
    color: rgba(255,255,255,0.6);
    font-size: 12px;
    display:none;
}
.ride-menu ul {
    list-style: none;
    padding: 0px 0 0;
    font-size: 12px;
    color: #9ea4b0;
    margin-bottom: 0px;
}
.ride-menu ul li {
    font-size: 12px;
}
.ride-menu ul li a {
    padding: 5px 20px;
    width: 100%;
    display: inline-block;
    color: #000;
    text-decoration: none;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.ride-menu ul li i {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 6px;
}
.ride-menu ul li.bordered{border-top: 1px solid #e2e8f1}
.ride-menu ul li a:hover {
    background: #fff;
    border-color: var(--purple);
    color: var(--purple);
}
.ride-options ul{padding: 0px 0}
.other-info {
    padding: 5px;
    width: 100%;
    text-align: center;
    line-height: 1;
}
.other-info i {
    display: block;
    font-size: 21px;
    line-height: 1;
}
.other-info span {
    font-size: 12px;
    line-height: 1.3;
    margin: 5px 0 0;
    display: block;
}
.hidden{display:none}
.short-ride-info {
    position: absolute;
    margin-top: 0px;
    left:0;
    color: currentColor;
    top: 100%;
    width: auto;
    display: flex;
    background: #FFF;
    padding: 10px 15px;
    white-space: nowrap;
    opacity:0;
    z-index:1;
    visibility:hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.short-ride:hover .short-ride-info{
    opacity:1;
    visibility:visible;
    color: #000;
    line-height: 23px;
}
.short-ride-info ul {
    list-style: none;
    font-size: 13px;
    white-space:normal;
    width:max-content;
    padding-left: 0px;
    margin-bottom: 0px
}
.short-ride-info:before {
    content: "";
    position: absolute;
    left:20px;
    width: 10px;
    height: 10px;
    top: -5px;
    background: inherit;
    margin-left: -5px;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
}
.short-ride-info ul li strong {
    font-weight: 500;
    font-size: 12px;
}
.droppable{
    width:calc(100% - 20%);
    height:calc(100% - 20%);
    position:absolute;
    left:10%;
    top:10%;
    z-index:2;
}
/*=========== Custom Modal =============*/
.custom-modal .modal-header{
    background: linear-gradient(to right, #1386de,#6ec0fe);
    padding:12px 20px;
    border: 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
.custom-modal .modal-title{line-height: 1}
.custom-modal .modal-title h4 {
/*    margin: 0 0 10px;*/
    color: #FFF;
    margin:0;
    font-size: 25px;
    font-weight: 500;
    font-family: barlow;
}
.custom-modal .modal-title span {
    font-size: 16px;
    color: rgba(255,255,255,0.5);
    font-family: barlow;
    display: none;
}
.custom-modal .modal-body {
    max-height: calc(100vh - 210px);
    overflow: auto;
}
.modal.custom-dialog {
    align-items: center;
    display: flex!important;
}
.custom-modal .modal-dialog {
    display: flex;
    align-items: center;
    height: 100%;
    margin: 0 auto;
}
.modal-content {
    flex: 1;
    width: 100%;
    border:0;
}
.custom-form .form-group input,
.custom-form .form-group input:focus,
.custom-form .form-group textarea,
.custom-form .form-group textarea:focus {
    margin: 0;
    background: #f5f6fa;
    align-items: center;
    font-family:poppins;
    border: 1px solid #ebecf1;
    font-size: 12px;
    color: #a8a8aa;
    padding: 10px 10px;
}
.custom-form .form-group textarea {
    min-height: 100px;
}
.custom-form .col-form-label {
    color: #8c8c8c;
    font-size: 15px;
    font-weight: 400;
}
.custom-form .form-group textarea {
    min-height: 100px;
    padding: 10px;
}
.custom-modal .modal-footer{
    background: #f5f6fa;
    padding:10px 10px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
.color2{background-color:#ce5263!important}
.custom-form .select2-container{width: 100%!important}
.custom-modal .select2-container--default .select2-selection--single {
    border-color: #ebecf1;
    background: #f5f6fa;
    border-radius: 2px;
    height: 35px;
}
.custom-modal .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px;
    color: #a8afb1;
    padding: 0px 10px;
    font-size: 13px;
}
.custom-modal .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 33px;
}
/*=== Custom Table ===*/
.table-container {
    width: 100%;
    overflow: auto;
    padding: 2px 1px;
}
table.custom-table {
    font-size: 15px;
    width: 100%!important;
    min-width:500px;
    border: 1px solid #d6d6d6;
}
.custom-table thead {
    background: #ebebeb;
    font-size: 15px;
    color: #2d313d;
    font-weight: 500;
}
.custom-table thead th {
    padding: 12px;
    white-space: nowrap;
}
.custom-table thead tr.bordered th{border-right: 1px solid #d6d6d6}
.custom-table thead tr{border-bottom: 1px solid #FFF}
table.custom-table td {
    color: #777777;
    padding: 20px 10px;
    border: 1px solid #d6d6d6;
    vertical-align: middle;
    font-size: 12px;
    min-width:83px;
}
table.custom-table td i {
    font-style: normal;
    display: block;
}
table.custom-table tr:nth-child(odd) {background: #f0f1f0}
td input {
    margin: 0;
}

.action {
    display: flex;
    align-items: center;
}
/*.custom-table select {
    margin: 0 2px;
    height: 23px;
    border-radius: 20px;
    color: #777777;
    border: 1px solid #e0e1e0;
    padding: 0 6px;
}
*/.action .select2 .select2-selection {
    height: 23px;
    border: 1px solid #e0e1e0;
}
.action .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 22px;
}
.action .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 23px;
}
.custom-table td .action input{
    height: 22px;
    font-size: 12px;
    padding: 0 10px;
    margin: 0 2px;
    width: auto;
    min-width: 0;
}
.custom-table .action input{width:72px}
.custom-table .action input {color: #777777}
a.td-icon {
    margin: 0 6px;
    font-size:20px;
    color: #cfcfcf;
}

.custom-table.style2 thead th {
    padding: 10px;
    font-weight: 500;
    color: #6b8282;
    border: 0;
}

table.custom-table.style2 {
    font-size: 12px;
    min-width: 300px;
    margin: 0;
    border: 1px solid #efefef;
}

table.custom-table.style2 thead {
    font-size: 13px;
    background: #f8f9f9;
}

table.custom-table.style2 thead tr {
    background: none;
}

table.custom-table.style2 td {
    padding: 6px 10px;
    font-size: 12px;
    border: 1px solid #efefef;
}

table.custom-table.style2 tbody tr:nth-child(odd) {
    background: #f8f9f98c;
}

table.custom-table.style2 tbody tr.selected {
    background: #b4defd!important;
}

table.custom-table.style2 tbody tr.selected td {
    border-color: #67bdff;
    color: #198ae0;
}



@media (max-width:1230px){
.custom-table thead {
    font-size: 13px;
}
table.custom-table td {
    font-size: 11px;
    min-width: 20px;
    width: 100px;
    word-break: break-all;
}

.login-form{ width: 970px }
.login-left{ padding: 20px 40px }
a.custom-btn.style2,a.custom-btn.style3{ min-width: 140px; padding: 12px 20px }
}

@media (max-width:980px){
.layout-wrapper {
    padding-left: 60px;
    position: relative;
    float: left;
    width: 100%;
    display: unset;
}
.sidemenu {
    position: absolute;
    left: 0;
    z-index:2;
    height: 100%;
}

.login-form{ margin: 15px 15px; display: unset }
p.login-note { margin: 40px 0 0}
.login-right{ width: 100%; float: left }
.login-right img { width: 100% }
}


@media (max-width:767px){
.content-area{padding:10px;}
.header-dropdown > a {width: 100%;height: 50px;line-height: 50px;}
.layout-wrapper{padding-left: 40px}
.sidemenu.active {width: 40px; min-width: 40px}
.sidemenu.active nav ul li a {padding: 7px 13px}
.content-area > .row > div{margin:0 0 10px;}
.sidemenu.active .limo-user {
    padding: 30px 5px 10px;
}
.sidemenu.active .limo-user .user-img {
    min-width: 30px;
}
header {
    display: unset;
    background: #FFF;
    float: left;
    width: 100%;
}

.notifications.has-ddl {
    float: left;
}
.notifications .ddl {
    z-index:100;
    left:0;
}

.header-dropdown.has-ddl {
    width: 100%;
}

.bottom{display: unset}
.bottom > div{float: left!important; width: 100%; text-align: left!important; margin: 0 0 10px}
div#DataTables_Table_0_info {text-align: left}
div#DataTables_Table_0_length {margin: 0 0 10px}
.dataTables_paginate span {width: 100%; margin: 10px 0 10px}
.bottom-bar {
    display: unset;
    text-align: center;
    display: inline-block;
    padding: 15px 10px;
    width:100%;
}

.bottom-bar span {
    display: inline-block;
    width: 100%;
}
}

@media (max-width:480px){
.login-left { padding: 20px }
.login-left h4 { font-size: 25px }
.login-left p { font-size: 13px }
.field{ padding: 6px 10px }
.login-credentials { margin: 0 0 30px }
.form-help { display: table; width: 100% }
.remember { margin: 0 0 10px }
}

.console-schedular .appointment-count ul{
    display: flex;
    font-size: 16px;
    font-weight: 500;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

.console-schedular .appointment-count ul li {
    margin-right: 0px;
    padding: 0px 10px;
}


.console-schedular .appointment-count ul li span{
    font-size: 18px;
    vertical-align: middle;
}
.grids-doctos {
    display: flex;
    height: 48px;
    position: relative;
    width: 100%;
    width: -moz-fit-content;
    margin: 1px 0px 0px 0px;
}
.grid-appoint-block {
    display: flex;
    margin-left: 0px;
}


.main-schedular .info{
    display: block;
    margin: 0px;
    width: 15%;
}

.main-schedular .info {
    display: block;
    margin: 1px 5px 0px 0px;
    width: 8%;
}

.assigned {
    height: 48px;
}

.not-confirmed-appointment {
    top: 1px;
    left: 0px;
    height: 15px;
}

.doctor-on-table{
    font-weight: 400;
}
.doctor-appointment .date-changer {
    max-width: 248px;
}


.doctor-appointment .date-changer input[type="text"], .doctor-appointment .date-changer input[type="email"], .doctor-appointment .date-changer input[type="file"] ~ label, .doctor-appointment .date-changer input[type="password"], .doctor-appointment .date-changer textarea {
    background: #fff;
    border: none;
    color: #000;
    font-size: 12px;
    height: 35px;
    padding: 53px 10px !important;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    top: 58px;
    margin-top: 10px;
    text-align: center;
}
.info h3{
    text-align: center;
    font-size: 25px;
    padding-top: 16px;
}
.p-0{
    padding: 0px;
}

.color-square {
    background: #fcedef;
    width: 10px;
    height: 10px;
    position: relative;
    border: 1px solid var(--border-color);
    top: 0px;
    display: inline-flex;
    margin-right: 4px;
}
.light-red-bg{
    background: #fcedef;
}
.light-green-bg{
    background: #caefc8;
}
.dark-green-bg{
    background: #98f193;
}
.color-indicators ul {
    padding-left: 0px;
    list-style: none;
    font-size: 11px;
    margin-bottom: 0px;
    padding-top: 2px;
    line-height: 12px;
}
.light-orange-bg{
    background: #fff2be;
}
.grids-doctos .timeslot{
    line-height: 28px;
}
.select-office .chosen-single {
    font-size: 12px !important;
    border-radius: 2px !important;
    padding: 4px 0.75rem !important;
}
.select-office{
    margin-left: auto;
    margin-top: 3px;
    margin-right: 5px;
}
.select-office .chosen-single div {
    position: absolute !important;
    top: 5px !important;
    right: 3px !important;
    display: block !important;
    width: 18px !important;
    height: 100% !important;
}
















.claim-history-block{
    margin-bottom: 20px;

}
.claim-history-block .accordion-button {
    color: var(--purple);
    font-weight: 500;
    padding: 5px 20px;
    height: 40px;
    border-color: var(--border-color);
    background: #fff;
    border-bottom: 1px solid var(--border-color);
    box-shadow: none;
}
.accordion-button.collapsed{
    border: 1px solid #fff !important;
}
.accordion-item {
    border: 1px solid var(--border-color);
}
.claim-history-block .accordion-body p{
    margin-bottom: 5px;
}

.claim-detail-block .accordion-flush .accordion-item .accordion-button {
    border: 1px solid var(--border-color) !important;
    border-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    height: 40px;
    color: var(--purple);
    font-weight: 500;
}
.claim-history-block .red-background{
    height: 25px;
    line-height: 23px;
    width: 90px;
    margin-left: 13px;
    font-weight: 400;
    text-align-last: center;
}

.claim-history-block .green-background {
    height: 25px;
    line-height: 23px;
    width: 90px;
    margin-left: 13px;
    font-weight: 400;
}
.claim-history-block b, .claim-history-block strong {
    font-weight: 500;
}
.claim-title{
    font-size: 16px;
    font-weight: 500;
}

.short-ride-info .left-side {
    width: 110px;
    position: relative;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
}
.short-ride-info .right-side{
    width: 160px;
    display: inline-block;
    font-size: 13px;
}
.short-ride-info .colon {
    margin-right: 10px;
    float: none;
}
.ride .btn-primary1 {
    min-width: 70px;
    font-size: 13px;
    padding: 0px;
    color: #fff !important;
    margin-right: 5px;
    float: right;
    /* margin-top: -4px; */
}
.ride .btn-primary1:hover {
    color: var(--purple) !important;
}

.patient-details-block .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: var(--purple);
    border: none;
    border-bottom: 1px solid var(--purple) !important;
    border-radius: 0px;
    background-color: transparent;

}
.patient-details-block .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{
    color: #000;
    font-size: 14px;
    border: none !important;
    padding-bottom: 38px;
    border-radius: 0px;
    padding-top: 0px;
  }
  .patient-details-block .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover{
    border: none;
    background-color: transparent;
    color: var(--purple);
    border-bottom: 1px solid var(--purple) !important;
  }

  .ride.major-assigned {
    background: #98f193;
    color: #158854;
    height: 133px !important;
}



.doctor-appointment .car-bottom ul {
    padding-left: 0px;
    list-style: none;
    margin-top: 5px;
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 20px;
}
.ride .patient-alert-icon {
    padding-left: 0px;
    margin-left: 0px;
}
.mt-0{
    margin-top: 0px !important;
}
.pl-10{
    padding-left: 10px !important;
}
.pl-0{
    padding-left: 0px !important;
}
.pr-0{
    padding-right: 0px !important;
}

.appointment-confirmed {
    position: absolute;
    right: 3px;
    top: 0px;
    font-size: 11px;
}

.ride .customer-detail-offcanvas .offcanvas-header {
    margin-top: 70px;
    padding: 3px 15px;
}
.customer-details-in-offcanvas ul{
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.medication{
    color: #000;
    list-style: inside !important;
}
.customer-details-in-offcanvas h5{
    font-size: 15px;
    font-weight: 400;
}
.customer-details-in-offcanvas .right-list {
    position: relative;
}
.customer-details-in-offcanvas .btn-close{
    font-size: 12px;
}

.color-indicators {
    background: #fff;
    height: 60px;
    position: relative;
    display: block;
    margin: 1px 5px 0px 0px;
    width: 100%;
}
.appointment-count{
    line-height: 34px;
}

.sales-apoointment .timeslot {
    height: 70px;
    text-align: right;
    padding-top: 1px;
}
.doctor-treatment-count .color-square {
    width: 30px;
    height: 30px;
    margin-right: 0px;
    text-align: center;
    justify-content: center;
    line-height: 28px;
    font-size: 13px;
    margin-top: 5px;
}
.dark-green-text{
    color: #98f193;;
}
.light-green-text{
    color: #caefc8;
}
.light-red-text{
    color: #fcedef;
}


.sales-apoointment-block .assigned {
    left: 163px !important;
    top: 106px !important;
    width: 202px;
    height: 96px;
    width: 153px !important;
    background: transparent;
}
.doctor-treatment-count span{
    font-weight: 500;
}

.doctor-treatment-count li {
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 5px;
    margin-bottom: 10px;
}
.doctor-treatment-count li:last-child {
    border-bottom: none;
}


.sales-apoointment-block .date-changer input{
    margin-top: 0px !important;
    padding: 0px 10px !important;
}

.pr-10{
    padding-right: 10px;
}

.inbox-page h4{
    font-size: 12px;
}
a{
    text-decoration: none;
}
.right-side-body-msg{
    padding: 10px 0px 0px 0px;
}
.inbox-page .reply-message-btn{
    padding: 20px 0px;
}
.reply-message-btn a {
    font-size: 12px;
    border: 1px solid var(--purple);
    border-radius: 4px;
    height: 30px;
    margin: 0px 5px;
    text-decoration: none;
    position: relative;
    text-align: center;
    line-height: 29px;
    color: #000;
}
.inbox-panel .btn-danger {
    width: 100%;
    color: #fff;
    background-color: #fff;
    border-color: #f62d51;
    color: #f62d51;
}
.inbox-panel .btn-danger:hover {
    background-color: #f62d51;
    color: #fff ;
}
.chatonline{
    list-style: none;
    padding-left: 20px;
}

.chat-left-aside .open-panel{
    display: none;
}
.chat-search-box{
    padding: 5px;
}
.chat-search-box span{
    padding: 10px 16px;
    position: absolute;
    color: #b8b8b8;
    font-size: 12px;
}
.chat-search-box input{
    padding-left: 32px !important;
    padding-top: 0px !important;
    margin-bottom: 0px;
    letter-spacing: 1px;
}
.inbox-panel{
    padding-bottom: 0px !important;
}

.ref_type {
    font-size: 12px;
    background: var(--purple);
    color: white !important;
    padding: 2px 8px;
    border-radius: 10px;
    width: auto;
    text-align: center !important;
}
.chat-person{
    width: 55%;
}
.chat-object{
    text-align: end;
    margin-left: auto;
}
.chat-object .text-gray {
    font-size: 11px;
    margin-top: 5px;
}
.chatonline li.active{
    border-color: var(--purple);
}
.chatonline li:last-child{
    border-bottom:none;
}

.bottom-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px;
}
.check1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 60px;
}
.checkbox>input, .star img {
    width: 12px;
    height: 12px;
    margin-right: 5px;

}
.star{
    margin-right: 5px;
}
.date {
    color: grey;
    font-size: 12px;
    padding: 0 8px;
    font-weight: 500;
}
label {
    margin: 0px 0px -6px;
}
.right-side-body-msg h4 a{
    float: right;
    font-size: 16px;
}
.tox-statusbar{
    display: none !important;
}
.tox-editor-header {
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow:none !important;
    padding: 4px 0;

}
.tox-tinymce {
    border: 1px solid var(--border-color) !important;
}


.chat-left-aside{
    position: relative;
    height: 615px;
    overflow: auto;
    padding-right: 10px;
}

/* width */
::-webkit-scrollbar {
    width: 2px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--purple);
    border-radius: 10px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: var(--purple);
  }


  .tab-style-5 {
    padding: 0px 0px;
    display: inline-flex;
    width: 100%;
}
.tab-style-5 nav {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
    padding: 4px;
    margin-right: 10px;
    height: 550px;
    padding: 0px 0px;
    display: block;
    width: 17%;
}
.tab-style-5 nav button.active {
    /* background: var(--purple); */
    color: var(--purple);
    border-color: var(--purple);
}
.tab-style-5 nav button {
    height: 38px;
    position: relative;
    font-weight: 400;
    border: none;
    background: transparent;
    border-radius: 0px;
    color: #000;
    display: block;
    justify-content: left;
    align-items: start;
    font-size: 15px;
    margin-bottom: 0px;
    padding: 0px 10px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
    padding-left: 15px;
    border-top: 1px solid #fff;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 17px;
    font-size: 14px;
    color: var(--bs-accordion-btn-color);
    text-align: left;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
    background-color: #fff !important;
    cursor: pointer;
    color: var(--purple) !important;
}
.tab-style-5 .menu-items{
    padding-left: 0px;
}
.accordian-righ-panel-sec {
    width: 83%;
    padding: 15px 15px !important;
    margin-bottom: 20px;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 15%);
    border-radius: 4px;
}
.accordian-add-btn {
    position: absolute;
    right: 55px;
    top: 4px;
}
.accordion-button:not(.collapsed) {
     box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--border-color) !important;
}
.accordion-item .col-md-3 span {
    font-size: 12px;
    /* font-weight: 500; */
    color: #000;
}
.add-and-filter-sec .btn{
  margin-left: 5px;
}



.report-filter-form .form-label {
    text-align: right;
    margin-bottom: 1rem;
    margin-left: 0px;
    margin-right: 0px;
}

.fixed-table-pagination .pagination{
    display: inline-flex;
}
.sales-apoointment-block .passenger-info ul {
    font-size: 12px;
    margin-top: 57px;
    display: block;
}
.sales-apoointment-block .ride .patient-alert-icon {
    padding-left: 0px;
    margin-left: 0px;
}
.sales-apoointment-block .car {
    height: 415px;
    overflow: auto;
}
.image-date{
    width: 100%;
    display: block;
    background: #fff;
    color: #000;
    padding: 0px;
    font-size: 12px;
}
.single-image {
    text-align: center;
    /* margin-bottom: 5px; */
    border-top: 1px solid var(--border-color);
    display: flex;
    padding: 7px 3px 7px 10px;
}
.single-image img {
    width: 100%;
    height: 65px;
}
.procedure-block {
    border: 1px solid var(--border-color);
    padding: 10px 10px;
    border-radius: 0px;
}
/* .procedure-block.tret-chart{
    height: 600px;
} */
.table-condensed .even{
    background: #fff !important;
}
.explode .info-btn{
    border: none;
}
.explode .info-btn:hover, .explode .info-btn:focus, .explode .info-btn:active{
    border: none;
}
.form-check-input{
  border: 1px solid #3e3e3e;
}
.main-login-form {
    height: 85vh;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.login-form {
    width: 42%;
    border: 1px solid #ccc;
    padding: 25px 25px;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 0px #0000004f;
    margin-top: 15px;
}
.login-btn {
    margin-top: 15px;
}
.login-btn .btn {
    margin-left: 5px;
    margin-right: 5px;
    padding: 6px 0px;
    width: 130px;
}
.login-form .form-control {
    padding: 8px 0.75rem;
    margin-bottom: 5px;
    opacity: unset;
}
.captcha-value input {
    text-align: center;
    font-weight: 600;
    -webkit-text-stroke-width: 1px;
    font-size: 18px;
    color: white;
    font-size: 18px;
    -webkit-text-stroke: 1px black;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
.main-login-form label {
    display: block;
    text-align: left;
    margin-bottom: 5px;
    margin-left: 0px;
}
.captcha p {
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: center;
    margin-top: 5px;
}
.captcha a {
    font-size: 12px;
    color: var(--purple);
    margin-top: 0px;
    margin-left: 5px;
}
.captcha {
    margin-bottom: 0px;
}

.patient-profile-img.patient-profile-img {
    width: 35px;
    border-radius: 50%;
    margin-top: 0px;
    margin-right: 3px;
}
.customer-detail-offcanvas .btn-close{
    left: 45%;
    float: right;
    text-align: end;
    width: 100%;
    justify-content: end;
    position: absolute;
    right: 0;
    top: 3px;
    opacity: 1;
    height: 22px;
}
.patient-profile-chart h3{
    font-size: 18px;
    color: #000;
}
.patient-profile-chart h5 {
    font-size: 12px;
    margin-top: 5px;
}
.patient-profile-chart ul {
    display: inline-flex;
    list-style: none;
    padding-left: 0px;
    margin-top: 5px;
}
.patient-profile-chart ul li{
   margin-right: 25px;
}
.communication-btn li {
    background: #198754;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    text-align: center;
    color: #fff !important;
    font-size: 18px;
    line-height: 36px;
    margin-right: 10px !important;
    /* line-height: normal; */
}
.communication-btn{
    padding-left: 0px !important;
    list-style: none !important;
}
.customer-details-in-offcanvas.patient-profile-img {
    width: 40px;
    border-radius: 50%;
    position: absolute;
    left: 22px;
    top: 15px;
}



.customer-details-in-offcanvas .accordion-header{
    border: 1px solid var(--border-color);
    border-radius: 0px;
    margin-bottom: 10px;
    color: #000;
}
.customer-details-in-offcanvas .accordion-header .accordion-button{
    padding: 10px;
    font-size: 12px;
    color: #000 !important;
}
.upcoming-appointment{
    margin-top: 20px;
}
.customer-details-in-offcanvas .accordion-item{
    border: none !important;
}
.customer-details-in-offcanvas .accordion-body {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.customer-details-in-offcanvas .table th {
    font-size: 12px;
    font-weight: 500 !important;
}
 /* table td {
    font-size: 12px !important;
    font-weight: 400 !important;
} */
.customer-details-in-offcanvas .insurance-benefits-cards .left-side {
    customer-details-in-offcanvasidth: 30%;
}
.customer-details-in-offcanvas .patient-profile-img {
    margin-top: -33px;
}
.dataTables_filter{
    display: none;
}
#example_length{
    display: none;
}
.mt-2{
    margin-top: 20px;
}
.info-icon {
    padding: 0px;
    font-size: 12px;
    color: var(--purple);
    line-height: 0px;
    display: contents;
}
.administration-pages table td {
    font-size: 12px !important;
    font-weight: 400 !important;
}
.administration-pages .table thead th {
    font-size: 12px;
    font-weight: 500 !important;
}
.dataTables_info{
    display: none;
}
.dataTables_paginate .pagination{
    float: right;
}
.administration-pages .table-responsive {
    overflow-x: unset;

}

.administration-pages .menu-title {
    background: transparent;
    padding: 0px 0px;
    width: 100%;
    line-height: 34px;
}

.administration-modal table thead th {
    font-size: 12px !important;
    font-weight: 500 !important;
}
.administration-modal table td {
    font-size: 12px !important;
    font-weight: 400 !important;
}

.insurance-benefits-cards .card-options a.active {
    background: #024a66;
    color: #fff;
    border-radius: 0px;
}
.insurance-benefits-cards .card-options a.active i{
     color: #fff;
}

.communication-btn{
    display: inline-flex;
}

.patient-profile-chart ul li {
    padding-right: 5px;
    border-right: 1px solid var(--border-color);
    padding-left: 5px;
    margin-right: 0px;
    color: #000;
}
.patient-profile-chart ul li:last-child {
    border-right: none;
}
.offcanvas{
    width: 450px !important;
}

.card-options {
    padding: 0px 15px;
    border-bottom: 1px solid #2668a7;
    /* margin: 0px 15px; */
    border-top: 1px solid #e3e4e4;
    display: flex;
    margin-bottom: 10px;
}
.card-options a {
    width: 15.5%;
    font-size: 14px;
    color: #2668a7;
    font-weight: 500;
    text-align: center;
    padding: 8px 0px;
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow-x: clip;
}
.card-options a.active {
    border-bottom: 2px solid #386F9E;
    text-decoration: none;
    background-color: rgb(13 110 253 / .12);
}
.card-options a:hover {
    border-bottom: 2px solid #386F9E;
    text-decoration: none;
    background-color: rgb(13 110 253 / .12);
}

.inner-pages-common-header{
    margin-bottom: 0px;
}

.common-sub-tab .nav-link {
    border: 1px solid var(--border-color) !important;
    font-size: 12px;
    min-width: 140px;
    line-height: 14px;
    padding: 5px 5px;
    /* padding-top: 10px; */
}
.common-sub-tab .nav-link.active {
    color: var(--purple);
    border-radius: 0px;
    background-color: #fff;
    border-color: var(--purple) !important;
}
.tab-block .tab-content {
    padding: 10px 10px;
    border-color: var(--border-color) !important;
}
.without-tab .card-options a {
     line-height: 12px !important;
    color: #000;
    border: 1px solid var(--purple) !important;
    font-weight: 400 !important;
}
.without-tab .card-options {
    border-top: none !important;
    border-bottom: none !important;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-right: -45px;
}
.without-tab .card-options a:hover {
    background: var(--purple);
    color: #fff;
    border-radius: 4px;
}
.inner-pages-common-header .btn.back-btn:hover {
    padding: 5px !important;
    border: 1px solid var(--purple) !important;
}
.master-pages-right-side{
    width: 85%;
}
.master-listing-pages .tab-style-5 ul {
    list-style: none;
    padding-left: 0px;
}
.master-listing-pages{
    display: inline-flex;
}
.master-listing-pages .tab-style-5 {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 4px;
    padding: 4px;
    margin-right: 10px;
    height: 580px;
    padding: 0px 0px;
    display: block;
    width: 15%;
    overflow: auto;
}
.tab-style-5 ul a {
    height: 35px;
    position: relative;
    font-weight: 400;
    border: none;
    background: transparent;
    border-radius: 0px;
    color: #000;
    display: block;
    justify-content: left;
    align-items: start;
    font-size: 13px;
    margin-bottom: 0px;
    padding: 0px 10px;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid var(--border-color);
    padding-left: 15px;
    border-top: 1px solid #fff;
}
.tab-style-5 ul a.active {
    /* background: var(--purple); */
    color: var(--purple);
    /* border-color: var(--purple); */
    /* border-bottom: 2px solid var(--purple); */
    font-size: 14px;
    background: aliceblue;
}

.sidebar-nav ul li a.active {
    background: #fff;
    /* color: var(--purple) !important; */
    /* border-bottom-color: var(--purple) !important; */
    border-width: 3px !important;
    color: #eb1d25 !important;
    border-bottom-color: #eb1d25 !important;
    font-weight: 500 !important;
}
.administration-pages .inner-pages-wrapper {
    padding-top: 110px !important;
}
.report-block .btn-outline-primary1.collapsed{
    margin-top: -5px;
}
.x-ray-reports{
    padding-right: 0px;
    padding-left: 0px;
}
.past-treatment-images .single-image i{
    margin-right: 2px;
    font-size: 12px;
    margin-top: 2px;
}



.chart-page .br-t h6 {
    font-size: 12px;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
    color: #2668a7;
}
.procedure-block .col-md-12{
    padding-left: calc(1.5rem * .5);
}
.treatment-btn .btn{
    min-width: 83px;
    padding: 0px;
    margin-bottom: 5px;
}
.bg-aliceblue{
    background: aliceblue;
    border-color: aliceblue;
}
.bg-antiquewhite{
    background: antiquewhite;
    border-color: antiquewhite;
}
.bg-gainsboro{
    background: whitesmoke;
    border-color: whitesmoke;
}
.bg-seashell{
    background: seashell;
    border-color: seashell;
}
.bg-azure{
    background: azure;
    border-color: azure;
}
.bg-beige{
    background: beige;
    border-color: beige;
}
.procedure-back-btn {
    min-width: 50px;
    font-size: 12px;
    padding: 0px 5px;
    height: 23px;
}
.procedure-back-btn i{
   margin-right: 0px;
}
.procedure-back-btn:hover i {
     margin-right: 0px !important;
}
.insurance-benefits-cards.benifits-tab .card-title {
    margin-bottom: 0px;
    font-size: 15px;
    font-weight: 400;
    width: 80%;
    margin-top: 0px;
}
.insurance-benefits-cards.benifits-tab .card-title .verified-icon {
    font-size: 12px !important;
    /* margin-top: 2px; */
    margin-left: 7px;
    position: absolute;
    top: 3px;
}
.insurance-benefits-cards.benifits-tab .card-title span {
    font-size: 12px;
    font-weight: 500;
}
.insurance-benefits-cards.benifits-tab .card-options {
     padding-top: 0px;
     margin-right: 0px;
     display: inline-flex;
     border-bottom: none;
     border-top: none;
     padding: 0px 0px;
     margin-bottom: 0px;
}

.insurance-benefits-cards.benifits-tab .card-options a {
    height: 10px;
    margin: 0px 2px;
    width: 20px;
    position: relative;
    text-align: center;
    line-height: 0px;
    padding: 1px;
}
.insurance-benefits-cards.benifits-tab .card-options a:hover {
    background: #fff;
    border-bottom: none;
    color: var(--purple) !important;
}
.insurance-benefits-cards.benifits-tab .card-options a:hover i{
    color: var(--purple) !important;
}
.insurance-benefits-cards.benifits-tab .card-options {
    float: right;
    text-align: end;
    padding-top: 0px;
    margin-right: 0px;
    display: block;
    border-bottom: none;
    width: 20%;
}
.insurance-benefits-cards.benifits-tab .left-side {
    width: 35%;
}

.modal-body .col-md-12 .left-side.text-gray {
    width: 13.5%;
}
.exploder span {
    color: var(--purple);
}
.exploder {
    /* background: #fff !important; */
    border: 1px solid var(--border-color) !important;
    padding: 0px 0px;
    width: 22px;
    min-width: 22px;
    border-radius: 4px;
    height: 22px;
    line-height: 1px;
    font-size: 13px;
}

table.table-bordered.dataTable.prescription-table {
    /* background: rgba(240, 252, 253, 0.993); */
    background: #F9F9F9;
    margin: 0px !important;
    margin-top: 0px !important;
}

.apoointment-header{
    width: 95%;
    width: -moz-fit-content;
    margin: 1px 0px 0px 0px;
}
.dashboard-wrapper .round {
   line-height: 55px;
}
.mt-3{
    margin-top: 30px;
}



.customer-details-in-offcanvas table .left-side {
    width: 46%;
    font-size: 12px !important;
    padding: 4px 0px;
    color: #000;
    font-weight: 500 !important;
    text-align: left;
}
.customer-details-in-offcanvas table .right-side {
    width: 46%;
    font-size: 12px !important;
    padding: 4px 0px;
    color: #000;
    font-weight: 500 !important;
    text-align: left;
}

.red-color{
    color: red;
}




/*
CSS For Notification Z index
@author Pratik
*/
.notifyjs-corner {
    z-index: 15000 !important;
}

#sub_folder_parent_name_append_div {
    color: red !important;
    font-size: 15px;
}

span.customize_badge_patient_profile {
    top: -15px;
    right: -3px;
    text-align: center;
    font-size: 9px;
    padding: 2px 5px 2px 5px;
    line-height: .9;
    background: #0d6efd;
    border-radius: 100%;
    color: white;
}

span.customize_badge {
    position: relative;
    top: -15px;
    right: -3px;
    text-align: center;
    font-size: 9px;
    padding: 2px 4px;
    line-height: .9;
    background: #7E57C2;
    border-radius: 50%;
    color: white;
}


/* Sorting */
.sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled
{
    cursor:pointer;
    *cursor:hand;
    background-repeat:no-repeat;
    background-position:center right
}


table.dataTable thead .sorting_asc
{
    background-image:url("/datatable/sort_asc.png") !important
}

table.dataTable thead .sorting_desc
{
    background-image:url("/datatable/sort_desc.png") !important
}

table.dataTable thead .sorting_asc_disabled
{
    background-image:url("datatable/sort_asc_disabled.png")
}

table.dataTable thead .sorting_desc_disabled
{
    background-image:url("datatable/sort_desc_disabled.png")
}



.tbl_col_width_3 {
    width: 7%;
}
.info-background {
    background: #ffffae!important;
    color: #212529;
    border: 1px solid #ffc107;
    padding: 0px;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
    font-weight: 400 !important;
}

.top-bar-patient-search .app-search {
    background: #fff !important;
    padding: 0px 0px 25px 0px !important;
}
.top-bar-patient-search .app-search input {
    width: 100%;
    padding: 5px 10px;
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    transition: .5s ease-in;
    height: 30px;
    border: 1px solid #999b9c;
    margin-bottom: 10px !important;
}
.top-bar-patient-search h2{
    margin-top: 0px;
    font-size: 15px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
    margin-bottom: 0px;
}
.top-bar-patient-search .app-search .btn-primary1{
    min-width: 100px;
    height: 32px;
    margin-top: -2px;
}
.top-bar-patient-search .insurance-benefits-cards table tr td {
    border: 1px solid black;
}
.latest-search-patient .latest-search-patient-div {
    position: absolute;
    margin: 0;
    display: block;
    z-index: 110;
    width: 100%;
    top: -1px;
    box-shadow: 2px 0 10px rgba(0,0,0,.2);
    display: none;
    left: 0;
    background: #fff;
    padding: 10px 15px;
}
.latest-search-patient-div .srh-btn {
    position: absolute;
    top: 9px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    right: 12px;
    font-size: 14px;
}

.latest-appointment-list .latest-appointment-list-div {
    position: absolute;
    margin: 0;
    display: block;
    z-index: 110;
    width: 100%;
    top: -1px;
    box-shadow: 2px 0 10px rgba(0,0,0,.2);
    display: none;
    left: 0;
    background: #fff;
    padding: 10px 15px;
}
.latest-appointment-list-div .srh-btn {
    position: absolute;
    top: 9px;
    cursor: pointer;
    background: #fff;
    width: 15px;
    height: 15px;
    right: 12px;
    font-size: 14px;
}
.top-bar-patient-search .card-header{
    background: var(--purple);
    color: #fff;
    border-radius: 0px;
    padding: 5px 20px;
    align-items: center;
}
.top-bar-patient-search form{
    padding: 20px 20px 0px 20px;
}
.top-bar-patient-search .srh-btn {
    top: 11px !important;
    color: #fff;
    font-weight: 600;
    background: transparent !important;
}
.top-bar-patient-search .right-side-btn{
    margin-right: 30px;
}
.top-bar-patient-search .right-side-btn .btn-outline-primary1:hover{
    background: transparent;
    color: #fff;
    border-color: #fff;
}
#advance-search-form{
    display: none;
}
.offcanvas-latest-search-ui{
    list-style: none;
    padding-left: 0px;
    line-height: 33px;
    font-size: 13px;
}
.offcanvas-latest-search-ui i {
    margin-right: 8px;
    color: #dc3545;
}
.offcanvas-latest-search-ui a{
   color: #000;
}
.offcanvas-header{
    color: var(--purple);
    border-bottom: 1px solid var(--border-color);
}
.offcanvas#latestpatientSearch {
    width: 350px !important;
}
.top-header-image-icon{
    width: 23px;
}
.top-header-latest-btn {
    background: transparent;
    border: none;
    padding-top: 13px;
    padding-right: 15px;
}
.top-header-latest-btn:hover{
    background: transparent;
    border:none;
}
#latestAppointment{
    width: 350px !important;
}

#latestpatientSearch .offcanvas-header {
    padding: 12px 15px !important;
}
#latestAppointment .offcanvas-header {
    padding: 12px 15px !important;
}
#latestpatientSearch #offcanvasRightLabel{
    margin-bottom: 0px !important;
}
#latestAppointment #offcanvasRightLabel{
    margin-bottom: 0px !important;
}
.top-bar-patient-search .nav-link {
    padding-right: 15px !important;
    padding-top: 13px !important;
    line-height: 0px !important;
}
.offcanvas-latest-search-ui .chart-no{
    width: 60px;
    display: inline-block;
}
#advance-search-form{
    padding: 0px 20px 0px 20px !important;
}

/*************************
* Patient - Login Page
*/
.patient-login .login-form {
    width: 90%;
}
.patient-login-content {
    border-left: 2px solid #ccc;
    margin-left: 20px;
    padding-left: 30px;
    margin-top: 20px;
}
.patient-login-content p {
    font-size: 13px;
    text-align: justify;
}
.patient-login-content h3 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px !important;
}
.patient-login-content a {
    text-decoration: underline;
}
.login-btn .red-btn {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
    color: #fff !important;
}
.login-btn .red-btn:hover {
    background: #fff !important;
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}
.login-btn .qaLink-btn {
    background: #FFBF00 !important;
    border-color: #FFBF00 !important;
    color: #fff !important;
}
.login-btn .qaLink-btn:hover {
    background: #fff !important;
    border-color: #FFBF00 !important;
    color: #FFBF00 !important;
}
.login-btn .bkg-btn {
    background: #e01111 !important;
    border-color: #e01111 !important;
    color: #fff !important;
}
.login-btn .bkg-btn:hover {
    background: #fff !important;
    border-color: #e01111 !important;
    color: #e01111 !important;
}
.login-btn .bkg-web-btn {
    background: #2917f0 !important;
    border-color: #2917f0 !important;
    color: #fff !important;
}
.login-btn .bkg-web-btn:hover {
    background: #fff !important;
    border-color: #2917f0 !important;
    color: #2917f0 !important;
}
@media (max-width: 575.98px) {
    .login-form{
        padding: 20px 0px;
    }
    .patient-login .patient-login-content {
        border-left: none;
        margin-left: 0px;
        padding-left: 0px;
        margin-top: 20px;
    }

    .main-login-form .login-btn {
        display: flex;
        flex-direction: column;
    }

    .main-login-form .login-btn .red-btn {
        margin-bottom: 10px;
    }
    .main-login-form .login-btn .qaLink-btn {
        margin-bottom: 10px;
    }
    .main-login-form .login-btn .bkg-btn {
        margin-bottom: 10px;
    }
    .main-login-form{
        height: unset;
        margin-top: 15px;
    }
}