@import url(helpers/fonts.css);
@import url(helpers/typography.css);
@import url(helpers/base.default.css);
@import url(helpers/base.responsive.css);
@import url(helpers/rtl.version.css);
@import url(themes/theme-dark.css);
@import url(themes/theme-blue.css);
@import url(themes/theme-green.css);
@import url(themes/theme-orange.css);
@import url(themes/theme-red.css);
@import url(themes/theme-inverse.css);
@import url(forms/basic-form-elements.css);
@import url(forms/buttons.css);
@import url(forms/dropdowns.css);
@import url(forms/checkboxes-radio.css);
@import url(forms/form-validation.css);
@import url(forms/selectboxes.css);
@import url(forms/autocomplete.css);
@import url(components/utilities.css);
@import url(components/tables.css);
@import url(components/steps.css);
@import url(components/tooltips-popovers.css);
@import url(components/modal.css);
@import url(components/progress-bars.css);
@import url(components/badges-labels.css);
@import url(components/pagination.css);
@import url(components/collapse.css);
@import url(components/tabs.css);
@import url(components/notifications-alerts.css);
@import url(components/carousel.css);
@import url(components/widgets.css);
@import url(components/breadcrumbs.css);
@import url(vendors/jscrollpane.css);
@import url(vendors/select2.css);
@import url(vendors/eonasdan-bootstrap-datetimepicker.css);
@import url(vendors/fullcalendar.css);
@import url(vendors/summernote.css);
@import url(vendors/ionrangeslider.css);
@import url(vendors/nestable.css);
@import url(vendors/datatables-fixedcolumns.css);
@import url(vendors/datatables-responsive.css);
@import url(vendors/editable-table.css);
@import url(vendors/chartist.css);
@import url(vendors/chartist-tooltip-plugin.css);
@import url(vendors/nprogress.css);
@import url(vendors/juqery-steps.css);
@import url(vendors/bootstrap-select.css);
@import url(vendors/dropify.css);
@import url(pages/pricing-table.css);
@import url(pages/ecommerce.css);
@import url(apps/profile.css);
@import url(apps/messaging.css);
@import url(apps/mail.css);
@import url(apps/calendar.css);
@import url(apps/gallery.css);


h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
    font-family: 'Dosis', sans-serif;
	font-weight: 500;
}

ru {
	display: none;
}

.show {
	display: block !important;
}

.dialpad {
    background: white;
    height: 550px;
    min-width: 320px;
	width: 100%;
    z-index: 1000000000;
	padding: 10px;
}

.dialpad input {
    background-color: transparent;
    width: 100%;
    margin: auto;
    height: 45px;
    border: none;
    font-size: 30px;
    color: black;
    letter-spacing: 2px;
    text-align: center;
}

.dt-buttons {
	margin-right: 10px;
}

*::-webkit-scrollbar-track
{
	background-color: #F5F5F5;
}

*::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

*::-webkit-scrollbar-thumb
{
    background-color: #b7b7b7fc;
}

canvas.drawing, canvas.drawingBuffer {
	position: absolute;
	left: 0;
	top: 0;
}

.sq-input {
	font-family: "Lato", sans;
    padding: 8px 16px;
    border-color: #dfe4ed;
    display: block;
    width: 100%;
	height: 38px !important;
    font-size: 1rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: .25rem;
}

/* Define how SqPaymentForm iframes should look when they have focus */
.sq-input--focus {
  outline: 5px auto rgb(59, 153, 252);
}

/* Define how SqPaymentForm iframes should look when they contain invalid values */
.sq-input--error {
  outline: 5px auto rgb(255, 97, 97);
}

/* Customize the "Pay with Credit Card" button */
.button-credit-card {
  min-width: 200px;
  min-height: 20px;
  padding: 0;
  margin: 5px;
  line-height: 20px;
  box-shadow: 2px 2px 1px rgb(200, 200, 200);
  background: rgb(255, 255, 255);
  border-radius: 5px;
  border: 1px solid rgb(200, 200, 200);
  font-weight: bold;
  cursor:pointer;
}


/* Customize the "{{Wallet}} not enabled" message */
.wallet-not-enabled {
  min-width: 200px;
  min-height: 40px;
  max-height: 64px;
  padding: 0;
  margin: 10px;
  line-height: 40px;
  background: #eee;
  border-radius: 5px;
  font-weight: lighter;
  font-style: italic;
  font-family: inherit;
  display: block;
}

/* Customize the Apple Pay on the Web button */
.button-apple-pay {
  min-width: 200px;
  min-height: 40px;
  max-height: 64px;
  padding: 0;
  margin: 10px;
  background-image: -webkit-named-image(apple-pay-logo-white);
  background-color: black;
  background-size: 100% 60%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 5px;
  cursor:pointer;
  display: none;
}

/* Customize the Masterpass button */
.button-masterpass {
  min-width: 200px;
  min-height: 40px;
  max-height: 40px;
  padding: 0;
  margin: 10px;
  background-image: url(https://static.masterpass.com/dyn/img/btn/global/mp_chk_btn_147x034px.svg);
  background-color: black;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 5px;
  border-color: rgb(255, 255, 255);
  cursor:pointer;
  display: none;
}

#sq-walletbox {
  float:left;
  margin:5px;
  padding:10px;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
}

#sq-ccbox {
  float:left;
  margin:5px;
  padding:10px;
  text-align: center;
  vertical-align: top;
  font-weight: bold;
}

@keyframes pulsate {
  0% {
    transform: scale(0.1);
    opacity: 0;
  }
    50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}
.marker {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 130px;
  left: 200px;
  display: block;
}
.pin {
  width: 24px;
  height: 24px;
  position: relative;
  top: 8px;
  left: 8px;
  background: rgba(5, 124, 255, 1);
  border: 3px solid white;
  box-shadow: 0px 0px 2px black;
  border-radius: 50%;
  z-index: 1000;
}
.pin-effect {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  display: block;
  background: rgba(5, 124, 255, 0.6);
  border-radius: 50%;
  opacity: 0;
  animation: pulsate 1s ease-out infinite;
}

.notification-badge {
	min-width: 7px;
	border-radius: 2px;
	padding: 3px 6px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	background-color: red !important;
	cursor: pointer;
}

.notification-badge-content {
	font-weight: bold;
	color: #fff;
	vertical-align: baseline;
}

.notification-badge-inline {
	margin-left: 3px;
	display: inline-block;
	vertical-align: text-top;
}
.notification-badge-top {
	position: absolute;
	top: -2px;
	right: -3px;
}
.notification-badge-bottom {
	position: absolute;
	bottom: -2px;
	right: -3px;
}

.notification-badge-important {
	background-color: #d33;
}

.overlay_spinner {
	background-color: rgba(0,0,0,0.5);
	z-index: 10000000;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: white;
}

.overlay_spinner textarea {
	background: transparent;
    color: white;
    width: 500px;
    border: 1px dashed white;
}

.overlay_spinner textarea:focus {
	border: 1px solid white !important;
}

@keyframes shake2 {
  20%, 60%, 100% {
    transform: rotate(15deg);
  }
  
  0%, 40%, 80% {
    transform: rotate(-15deg);
  }
}

@keyframes onoff {
  0% {
	opacity: 1.0;
  }
  25% {
	opacity: 0.85;
  }
  50% {
	opacity: 0.7;
  }
  75% {
	opacity: 0.85;
  }
  100% {
	opacity: 1.0;
  }
}

.on_off {
  animation: onoff 2s linear both;
  animation-iteration-count: infinite;
}

.call_center {
	z-index: 999999;
	position: fixed !important;
	bottom: 4px; /*45px;*/
	right: 290px; /*45px*/;
}

.lc-shkd5t.egii5nj0 {
    display: none
}

#us_report_button {
    /*right: 290px !important;*/
    right: -34px !important;
    bottom: 100px;
    transform: rotate(90DEG);
    border-radius: 0 0 3px 3px !important;
}

.call_center:hover span {
	display: block;
}

.call_center:hover i{
  animation: shake2 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

.filter_overlay {
    -webkit-transition: all 1s; /* Safari */
    transition: all 1s;
	padding: 25px;
	position: fixed; width: 350px; height: 100%; background: white; top: 0; right: -350px; z-index: 100; outline: none; border-left: 1px solid #dfe4ed;
	overflow: scroll;
}

.filter_overlay .dropdown-item {
	padding: 5px 0px !important;
	cursor: pointer;
}

#filter_toggle {
	z-index: 1000000; cursor: pointer; position: fixed; top: 200px; right: 0px; padding: 6px 8px;
}

.btn {
	font-family: "Lato", sans !important;
	text-transform: none;
}

.panel-title {
    text-transform: uppercase;
    font-family: 'Nunito', sans-serif;
}

.route-bar {
    height: 100vh;
    top: 0;
	left: 240px;
    z-index: 100000;
    background: white;
    -webkit-box-shadow: 10px 0px 30px rgba(36, 34, 47, 0.2);
    box-shadow: 10px 0px 30px rgba(36, 34, 47, 0.2);
	border-right: 1px solid lightgray;
}

.route-bar #route_buttons {
	max-height: 75vh !important;
}

body.menu-iconbar .route-bar {
	left: 40px !important;
}

.map {
width: 100%; height: 100%; position: fixed !important; overflow: hidden; top: 0px; left: 0px;
}

#users .row:hover {
    background: #f2f4f8;
    color: #24222f;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#regions .region:hover {
    background: #f2f4f8;
    color: #24222f;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.selected {
	background-color: #cbffcb !important;
}

.whitefont {
	color: white !important;
}

.whitefont a {
	color: white !important;
}

.no_geofence, .no_geofence a {
	color: red !important;
}

.geofence, .geofence a {
	color: green !important;
}

#log, .log {
    width: 100%;
    margin-top: 15px;
    padding: 10px;
    border: 1px solid lightgray;
    border-radius: 5px;
    height: 320px;
    overflow-y: scroll;
    background: black;
    font-family: 'courier';
    color: lime;
    letter-spacing: 1px;
}

#log p, .log p {
	margin-bottom: 0px !important;
}

.background-notpresent {
	background-color: #ffa7a2 !important;
}

.background-refused {
	background-color: #b32b23 !important;
}

.background-purple {
	background-color: #9b23b3 !important;
}

.bottom_analytics {
    z-index: 1000;
    left: 50%;
    transform: translatex(-50%);
    position: fixed;
    bottom: 0;
    border: 1px solid lightgray;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: fit-content;
    background: white;
    box-shadow: rgba(60, 64, 67, 0.3) 0px -1px 2px 0px, rgba(60, 64, 67, 0.15) 0px -1px 3px 1px;
    font-size: 13px;
    padding: 13px;
}

.driver_note {
	border-bottom-right-radius: 50px;
}

.driver_note .label {
	font-size: 100% !important;
}

.background-purple {
	background: #6d37d6 !important;
}


#phone {   background:url(https://blogs.which.co.uk/technology/files/2013/03/iphone_5_hero.jpg) no-repeat 50.4% top;
  background-size: contain;
  height:auto;
}
#wrapper {
  width:252px;
  height:auto;
  margin:0 auto 0 auto;
  position:relative;
  background:#fff;
}
.key {
  border-radius: 50px 50px 50px 50px;
  color:#444;
  width:70px;
  height:70px;
  text-align:center;
  font-size:24px;
  float:left;
  box-sizing:border-box;
  padding:5px 0 0 0;
  margin:0 7px 10px 7px;
  border:1px solid #444;
  cursor:pointer;
}
.key span {
  display:block;
  color:#444;
  text-align:center;
  font-size:12px;
  text-transform:uppercase;
}
.key.special {
  line-height:60px;
}
.key.nb {
  border:none;
}
.key.phone {
  background:#5CDB74;
  border:none;
  color:#FFF;
  line-height:60px;
  font-size:40px;
}
.clear {
  clear:both;
}
.modal {
	z-index: 10000 !important;
}

.pac-container, .bootstrap-datetimepicker-widget {
	z-index: 6000000 !important;
}

.popover {
	z-index: 1000000 !important;
}

.contextMenu {
	position: absolute;
	z-index: 9999999;
	display: none;
}
.sweet-alert {
	z-index: 10000000 !important;
}

.sweet-overlay {
    z-index: 100000 !important;
}

.select2-container {
    z-index: 5000000 !important;
}

.btn-returned-outline.active {
	color: white;
	background-color: #945151;
}

.panel-heading h5{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.dataTables_filter label::after, #search_form::after{
  background-repeat: no-repeat;
  content: '';
  width: 16.31px;
  height: 16px;
  background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcT3751OuTtZ0Ovh-NtGF_4n_CQ6T-4u_9TA8iGd-v2EDw&s');
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 14px;
  top: 24%;
}

.dataTables_filter label, #search_form{
  position: relative;
}
.route-panel{
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;

}
.div-right{
  display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

#patient_details th, #patient_details td {
    padding: 8px !important;
    margin-top: 20px;
}

#patient_details tr {
    background: linear-gradient(90deg, rgba(231, 235, 243, 1) 0%, rgba(255, 255, 255, 1) 100%);
}


#patient_details .modal-header {
    background: rgb(231, 235, 243);

}

#patient_details table {
    width: -webkit-fill-available;
}

.patient-data .row, .patient-data {
    margin-bottom: 8px;
    display: flex;
}

.patient-data .col-md-4 {
    background-color: #e7ebf3bf;
    padding: 8px 20px;
}

.patient-data .col-md-7 {
    background: linear-gradient(90deg, #e7ebf3bf 0%, rgba(255, 255, 255, 1) 100%);
    padding: 8px;
}

.truncate, .truncate_dropdown {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width:76px; */
    cursor: pointer;
}

.truncate:hover {
    white-space: normal;
}


.checkbox.checkbox-css.checkbox-inline {
    margin-right: 10px;
    margin-left: 0px;
    line-height: 16px;
    padding-top: 7px;
}

.checkbox.checkbox-css input {
    display: none;
}

.checkbox.checkbox-css label {
    padding-left: 24px;
    margin: 0;
    position: relative;
}

.checkbox.checkbox-css input:checked + label:before {
    background: #348fe2;
    border-color: #348fe2;
}

.checkbox.checkbox-css label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #d5dbe0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.checkbox.checkbox-css input:checked + label:after {
  content: '';
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"%3E%3Cpath fill="%23fff" d="M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z" /%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  height: 16px;
  width: 16px;
  text-align: center;
}

.radio.radio-css label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #d5dbe0;
    -webkit-border-radius: 16px;
    border-radius: 16px;
}

#additionalInsurances th {
    vertical-align: top;
}

#additional_insurance_datatable_filter span {
    display: flex;

    align-items: center;

    gap: 12px;
}


.radio.radio-css input {
    display: none;
}

.radio.radio-css.radio-inline + .radio-inline, .checkbox.checkbox-css.checkbox-inline + .checkbox-inline {
    margin-left: 0;
}

.panel_style .panel-heading {
    padding: 15px !important;


}

.panel-heading {
    background: #e7ebf3;
}

.panel_style .panel-group {
    -webkit-box-shadow: 0 2px 10px -2px rgba(55, 58, 60, 0.3);
    box-shadow: 0 2px 10px -2px rgba(55, 58, 60, 0.3);
    margin-bottom: 20px;
}

.panel_style .panel-body {
    padding: 20px !important;
}

.panel_style .form-control {
    padding: 4px 10px;
}

#prescriberDropdown, #patientDropdown {
    overflow-y: auto;
}
.prescriberDropdownRx {
  max-height: 420px;
  overflow-y: scroll;
  background-color: white;
}
.prescriberDropdownRx .dropdown-item {
  background-color: white;
  padding: 8px 12px;
  border-bottom: 1px solid #ddd;
}
.prescriberDropdownRx .dropdown-item:hover {
  background-color: #f0f0f0;
}
.row-wrap .row{
  display:flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 544px) {
  .row-wrap .row{
    display:block;
    
  }
}
#rxDetailTable_length{
  clear: left;
}
#rxDetailTable_wrapper .buttons-colvis{
  background: #01a8fe;
  border-color: #01a8fe;
  color: white;
  border-radius: 4px;
  font-size: 13px;
}
#rxDetailTable_wrapper .dt-down-arrow{
color: white;
}
.select2-container--default .select2-selection--single{
  border-color: #dfe4ed !important;
  height: 33px !important;
  display: flex !important;
  align-items: center !important;
}
#SearchPrescribers{
  cursor: text !important;
}
#rxDetailTable_wrapper div.dt-button-collection.fixed.two-column{
  background:aliceblue;
  display: grid !important;
}
div.dt-button-collection button.dt-button, div.dt-button-collection div.dt-button, div.dt-button-collection a.dt-button{
  background: linear-gradient(to bottom, #d1e2f7 0%, #79ace9 100%) !important;
  display: inline-block !important;
  margin-right: 10px !important;
  margin-bottom: 10px!important;
  padding: 5px 10px!important;
  border: 1px solid #ccc!important;
  border-radius: 5px!important;
  box-shadow: none !important;
  margin-bottom: 4px !important;
}
div.dt-button-collection button.dt-button:hover, div.dt-button-collection div.dt-button:hover, div.dt-button-collection a.dt-button:hover{
  background: linear-gradient(to bottom, #d1e2f7 0%, #79ace9 100%) !important;
}
div.dt-button-collection button.dt-button:active:not(.disabled), div.dt-button-collection button.dt-button.active:not(.disabled), div.dt-button-collection div.dt-button:active:not(.disabled), div.dt-button-collection div.dt-button.active:not(.disabled), div.dt-button-collection a.dt-button:active:not(.disabled), div.dt-button-collection a.dt-button.active:not(.disabled){
  display: inline-block !important;
    margin-right: 10px !important;
    margin-bottom: 10px!important;
    padding: 5px 10px!important;
    border: 1px solid #ccc!important;
    border-radius: 5px!important;
    box-shadow: none !important;
    margin-bottom: 4px !important;
    background: linear-gradient(to bottom, #f0f0f0 0%, #dadada 100%) !important;
    color:black !important;
}
#rxDetailTable td, th{
  vertical-align: middle;
}
.master-rx-link{
  font-weight: bold;
  text-decoration: underline;
  color: #54afff !important;
}

.master-rx-link:hover {
  color: #298efa !important;
}

.trunacteExpand {
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: max-width 0.6s ease !important;
  max-width: 50px;
}

.trunacteExpand:hover {
  text-overflow: clip !important;
  white-space: nowrap;
  max-width: 200px;
}
div.dt-button-collection.two-column {
  width: min-content !important;
}
.text-white{
  color: white;
}
.fw-bold{
  font-weight: 700;
}
.d-none {
  display: none;
}

.map_sidebar {
  right: -400px;
}

.show-hide-filters {
  display: flex !important;
  justify-content: end !important;
  padding: 0 0 10px 0;
}
.show-hide-filters button {
  font-size: 18px;
}

.row-custom {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  align-items: center;
  width: 100%;
  margin-bottom: 10px;
}

@media (max-width: 541px) {
  .row-custom {
      grid-template-columns: 1fr;
      gap: 5px;
      margin-bottom: 5px;
  }
}

.statusBtns, .claimStatusBtns {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 0px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f0f0f0;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.totalBtns {
  color: white;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 0px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #3498db;
  cursor: pointer;
  box-shadow: 0 1px 5px #3498db;
}