body{
  font-family: "Segoe UI","Helvetica Neue","Lucida Unicode Sans", "Open Sans", Arial, sans-serif;
  padding-top: 50px;
}
body #growls.default{
	top: 50px;
}
body.stickyMedixcelFooter{
	padding-bottom: 30px;
}

@-webkit-keyframes fadeInRightXs {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightXs {
  from {
    opacity: 0;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightXs {
  -webkit-animation-name: fadeInRightXs;
  animation-name: fadeInRightXs;
}

body.stickyMedixcelFooter .classMedixcelFooter{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
}

.select2-results__options{
  overflow-x: hidden;
}

.flat-blue .btn.btn-default.btnAppointmentSidebarDoctorSelection{
  background-color: white;
  margin-right: 5px;
}

.flat-blue .btn.btn-default.btnAppointmentSidebarDoctorSelection:hover{
  background-color: white;
  margin-right: 5px;
  background-color: inherit;
}


#appointmentSidebarDoctorSection.completed .btn.btn-default.btnAppointmentSidebarDoctorSelection{
  color: gray;
}

#appointmentSidebarDoctorSection.completed .btn.btn-default.btnAppointmentSidebarDoctorSelection.active{
  font-weight: 800;
  color: black;
}

/*
*   CSS file with Bootstrap grid classes for screens bigger than 1600px. Just add this file after the Bootstrap CSS file and you will be able to juse col-xl, col-xl-push, hidden-xl, etc.
*
*   Author: Marc van Nieuwenhuijzen
*   Company: WebVakman
*   Site: WebVakman.nl
*
*/

@media (min-width: 1200px) and (max-width: 1599px) {
  .hidden-lg {
      display: none !important;
  }

  #idSlotsBookingPanel .slot-date-column{
    width: 14%;
  }

  #idSlotsBookingPanel .slot-time-column{
    width: 86%;
  }
}


.visible-xl-block,
.visible-xl-inline,
.visible-xl-inline-block,
.visible-xl{
    display: none !important;
}



@media (min-width: 1600px) {
    .container {
        width: 1570px;
    }

    .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
        float: left;
    }

    .col-xl-12 {
        width: 100%;
    }

    .col-xl-11 {
        width: 91.66666667%;
    }

    .col-xl-10 {
        width: 83.33333333%;
    }

    .col-xl-9 {
        width: 75%;
    }

    .col-xl-8 {
        width: 66.66666667%;
    }

    .col-xl-7 {
        width: 58.33333333%;
    }

    .col-xl-6 {
        width: 50%;
    }

    .col-xl-5 {
        width: 41.66666667%;
    }

    .col-xl-4 {
        width: 33.33333333%;
    }

    .col-xl-3 {
        width: 25%;
    }

    .col-xl-2 {
        width: 16.66666667%;
    }

    .col-xl-1 {
        width: 8.33333333%;
    }

    .col-xl-pull-12 {
        right: 100%;
    }

    .col-xl-pull-11 {
        right: 91.66666667%;
    }

    .col-xl-pull-10 {
        right: 83.33333333%;
    }

    .col-xl-pull-9 {
        right: 75%;
    }

    .col-xl-pull-8 {
        right: 66.66666667%;
    }

    .col-xl-pull-7 {
        right: 58.33333333%;
    }

    .col-xl-pull-6 {
        right: 50%;
    }

    .col-xl-pull-5 {
        right: 41.66666667%;
    }

    .col-xl-pull-4 {
        right: 33.33333333%;
    }

    .col-xl-pull-3 {
        right: 25%;
    }

    .col-xl-pull-2 {
        right: 16.66666667%;
    }

    .col-xl-pull-1 {
        right: 8.33333333%;
    }

    .col-xl-pull-0 {
        right: auto;
    }

    .col-xl-push-12 {
        left: 100%;
    }

    .col-xl-push-11 {
        left: 91.66666667%;
    }

    .col-xl-push-10 {
        left: 83.33333333%;
    }

    .col-xl-push-9 {
        left: 75%;
    }

    .col-xl-push-8 {
        left: 66.66666667%;
    }

    .col-xl-push-7 {
        left: 58.33333333%;
    }

    .col-xl-push-6 {
        left: 50%;
    }

    .col-xl-push-5 {
        left: 41.66666667%;
    }

    .col-xl-push-4 {
        left: 33.33333333%;
    }

    .col-xl-push-3 {
        left: 25%;
    }

    .col-xl-push-2 {
        left: 16.66666667%;
    }

    .col-xl-push-1 {
        left: 8.33333333%;
    }

    .col-xl-push-0 {
        left: auto;
    }

    .col-xl-offset-12 {
        margin-left: 100%;
    }

    .col-xl-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-xl-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-xl-offset-9 {
        margin-left: 75%;
    }

    .col-xl-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-xl-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-xl-offset-6 {
        margin-left: 50%;
    }

    .col-xl-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-xl-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-xl-offset-3 {
        margin-left: 25%;
    }

    .col-xl-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-xl-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-xl-offset-0 {
        margin-left: 0;
    }

    .visible-xl {
        display: block !important;
    }

    table.visible-xl {
        display: table;
    }

    tr.visible-xl {
        display: table-row !important;
    }

    th.visible-xl, td.visible-xl {
        display: table-cell !important;
    }

    .visible-xl-block {
        display: block !important;
    }

    .visible-xl-inline {
        display: inline !important;
    }

    .visible-xl-inline-block {
        display: inline-block !important;
    }

    .hidden-xl {
        display: none !important;
    }
}

body.stickyMedixcelFooter .classMedixcelFooter.classMedixcelFooterNonSticky{
    position: relative;
}

.classAppointmentsidebarViewOnly{
  display: none;
}

#appointmentSidebar.view .classAppointmentsidebarViewOnly{
  display: block;
}

#appointmentSidebar.view .classAppointmentsidebarEditOnly{
  display: none;
}

.fa.fa-1x5x{
	font-size: 1.2em;
}

.navbar-custom { background-color: #218ec0}
.navbar-custom .navbar-nav>.active>a:hover,
.navbar-custom .navbar-nav>li>a:hover,
.navbar-custom .navbar-nav>li>a:focus { 
	background-color: rgba(34, 167, 240, 0.50)
}
.navbar-custom .navbar-nav>.active>a,.navbar-custom .navbar-nav>.open>a,.navbar-custom .navbar-nav>.open>a, .navbar-custom .navbar-nav>.open>a:hover,.navbar-custom .navbar-nav>.open>a, .navbar-custom .navbar-nav>.open>a:hover, .navbar-custom .navbar-nav>.open>a:focus { background-color: #22A7F0}
.navbar-custom .navbar-nav>.active>a:hover,
.navbar-custom .navbar-nav>.active>a:focus{ 
	background-color: #22A7F0
}
.navbar-custom { border-color: #080808}
.navbar-custom .navbar-brand { color: #FFFFFF}
.navbar-custom .navbar-brand:hover { color: #FFFFFF}
.navbar-custom .navbar-nav>li>a { color: #FFFFFF}
.navbar-custom .navbar-nav>li>a:hover, .navbar-custom .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-custom .navbar-nav>.active>a,.navbar-custom .navbar-nav>.open>a, .navbar-custom .navbar-nav>.open>a:hover, .navbar-custom .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-custom .navbar-nav>.active>a:hover, .navbar-custom .navbar-nav>.active>a:focus { color: #FFFFFF}
.navbar-custom .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-custom .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-custom .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-custom .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}
.navbar-custom{border-radius: 0}
.navbar-custom .navbar-form .date .input-group-addon{background: #337ab7; color: white; border-color: #337ab7}
.navbar-custom.navbar{margin-bottom: 10px}

.classTopSpacing{
	margin-top: 15px;
}
.classBottomSpacing{
	margin-bottom: 20px;
}

.muted-text{
  color: #999;
  font-weight: 200;
}

.classSmTopSpacing{
	margin-top: 10px;
}
.classSmBottomSpacing{
	margin-bottom: 10px;
}
.classSmLeftSpacing{
	margin-left: 10px;
}
.classSmRightSpacing{
	margin-right: 10px;
}

.classNoTopSpacing{
	margin-top: 0 !important;
}

.classFullHeight{
	height: 100%;
}
.classLeftSpacing{
	margin-left: -496px;
}

.classLabelFilterType{
	margin-left: 135px;
    margin-top: 33px;
}

.classTextBoxGroupName{
	    width: 300px;
}

.welcome-page-img{
  width: 35px;
  height: 35px;
  margin-left: 10px;
}

/*.classSelectBoxFilterType{
	width: 250px;
    margin-left: 241px;
    margin-top: -30px;
}*/

.classButtonAddNewGroup{
	margin-top: -65px;
    margin-left: 869px;
}

.classHeading{
	margin-left: 104px;
}

.sm-left-padding{
  padding-left: 5px !important;
}

.classMedixcelFooter{
	background-color: #3E4651;
	color: white;
	padding: 8px;
	font-size: 11px;
	line-height: 10px;
	-webkit-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.25);
    -moz-box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.25);
    box-shadow: 0px -4px 3px rgba(50, 50, 50, 0.25);
}

.classMedixcelFooter a{
	color: white !important;
	font-weight: bold;
}

.classMedixcelFooter a:hover{
	color: #ccc;
}

.bg-white{
  background: white !important;
}

.classFullWidth{
	width: 100%;
}

.w-100-px{
	width: 100px;
}


#appointmentSidebarBillSection .dl-horizontal dt {
      width: 240px;
}

.form-control.has-error{
  border-color: red;
  border-width: 1px;
}

.modal {
  width: 75%;
  margin-left: auto;
  margin-right: auto;

}

.modal-dialog.modal-lg {
  position: fixed;
  width: 75%;
}

.modal-lg .modal-body {
    max-height: calc(100vh - 212px);
    overflow-y: auto;
}

table.table-condensed.table-noborder td {
	border: none !important;
}

.classButtonAddAnother{
	margin-bottom: 10px;
}

#idDoctorAvailModalCalendarTab button {
	margin-top: 0;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {    /* used to be tt-dropdown-menu in older versions */
  width: 422px;
  margin-top: 4px;
  padding: 4px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  line-height: 24px;
}

.tt-suggestion.tt-cursor,.tt-suggestion:hover {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}

.d-block{
  display: block;
}

.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}

.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
}

.info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}

.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
}

.info-box-text {
    text-transform: uppercase;
}

.small-text-container {
  font-size: 11px !important;
}

.b3-data-table thead {
  background-color: #3e4651;
  color: #fff;
}


/* Horizontal Timeline */
.htimeline {
  list-style: none;
  padding: 0;
  margin: 10px 0 0;
}
.no-padding{
  padding: 0 !important;
}
.htimeline .step {
  min-width: 200px;
  float: left;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  position: relative;
  margin-bottom: 10px;
  text-align: left;
  padding: 0px 0 5px 0px;
  background-color: #f5f5f5;
  color: #333;
  height: 60px;
  vertical-align: middle;
  border-right: solid 1px #bbb;
  transition: all 0.5s ease;
  padding: 2px;
}
.htimeline .step:hover {
  background-color: #ccc;
  border-bottom-width: 6px;
}
.htimeline .step div {
  margin: 0 5px;
  font-size: 14px;
  vertical-align: top;
  padding: 0;
}

.no-margin{
  margin: 0 !important;
}

.no-bottom-spacing{
  padding-bottom: 0 !important;
}

.slot-time-scroller{
  width: 7%;
}

.slot-time-scroller-panel{
  width: 86%;
}

.htimeline .step::before {
  width: 15px;
  height: 15px;
  border-radius: 50px;
  content: ' ';
  background-color: white;
  position: absolute;
  bottom: -10px;
  left: 0px;
  border-style: solid;
  border-width: 3px;
  transition: all 0.5s ease;
}
.htimeline .step:hover::before {
  width: 18px;
  height: 18px;
  bottom: -12px;
}
.htimeline .step::after {
  content: attr(data-date);
  position: absolute;
  bottom: 0px;
  left: 20px;
  font-size: 11px;
  font-style: italic;
  color: #555
}
.sortable-entities-list{
  min-height: 50px;
}
.sortable-entities-list li{
  position: relative;
}
.sortable-entities-list li a{
  padding-top: 6px;
  padding-bottom: 6px;
  line-height: 15px;
  font-size: 14px;
}
.sortable-entities-list li a.icon-trash{
  border: none;
  padding: 0;
  position: absolute;
    right: 10px;
    top: 5px;
    z-index: 100;
}

.twitter-typeahead{ float:left; width:100%}


.classContainer.classContainerSampleNote:not(:last-child) {
  border-bottom: 1px #eee solid;
}

.bs-vertical-wizard {
    margin-bottom: 10px;
}

body .drawer-body{
  height: auto;
}

.bs-vertical-wizard ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.bs-vertical-wizard ul>li {
    display: block;
    position: relative;
}

.bs-vertical-wizard ul>li>div {
    display: block;
    padding: 10px 10px 5px 40px;
    color: #333c4e;
    font-weight: 400;
}

.bs-vertical-wizard ul>li>div:before {
    content: '';
    position: absolute;
    width: 1px;
    height: calc(100% - 25px);
    left: 13px;
    bottom: -9px;
    z-index: 3;
}

.bs-vertical-wizard ul>li>div .ico {
    pointer-events: none;
    font-size: 20px;
    position: absolute;
    left: 7px;
    top: 24px;
    z-index: 2;
}

.bs-vertical-wizard ul>li>div:after {
    content: '';
    position: absolute;
    top: 20px;
    left: 0px;
    width: 30px;
    height: 30px;
    z-index: 3;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.bs-vertical-wizard ul>li>div .desc {
    display: block;
    color: #bdc2ce;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.8;
}

.font-small{
  font-size: 11px;
}

.bs-vertical-wizard ul>li.complete>a:before {
    background-color: #5cb85c;
    opacity: 1;
    height: calc(100% - 25px);
    bottom: -9px;
}

.stickyMedixcelFooter #appointmentSidebar .mxcel-table thead{
  border-width: 1px;
  border-bottom: 1px solid #666;
}

.stickyMedixcelFooter #appointmentSidebar .mxcel-table tbody{
  border: 0;
}

.bs-vertical-wizard ul>li.pending>div .ico.ico-green{
  color: white;
}

.bs-vertical-wizard ul>li.pending>div:after{
  background: #aaa;
}

.bs-vertical-wizard ul>li.completed>div .ico.ico-green,
.bs-vertical-wizard ul>li.in-progress>div .ico.ico-green{
  color: white;
}

.bs-vertical-wizard ul>li.completed>div:after{
  background: #5cb85c;
}

.bs-vertical-wizard ul>li.in-progress>div:after{
  background: orange;
}

.mxcel-text-orange{
  color: orange !important;
}

body .patient-waiting-icon.fa{
  color: orange !important;
}

body .patient-with-doctor-icon.fa,
body .patient-completed-icon.fa{
  color: green !important;
}

.drawer-heading .fa{
  font-size: 20px;
  margin-top: -15px;
}

.bs-vertical-wizard ul>li.complete>a:after {display:none;}
.bs-vertical-wizard ul>li.locked>a:after {display:none;}
.bs-vertical-wizard ul>li:last-child>a:before {display:none;}

.bs-vertical-wizard ul>li.complete>a .ico {
    left: 8px;
}

.bs-vertical-wizard ul>li>div .ico.ico-green {
    color: #5cb85c;
    z-index: 4;
}

.bs-vertical-wizard ul>li>div .ico.fa-clock-o.ico-green{
  left: 6px;
}

.bs-vertical-wizard ul>li>div .ico.fa-stethoscope.ico-green{
    /* top: 39%; */
    left: 8px;
}

.bs-vertical-wizard ul>li.completed>div .ico.fa-stethoscope.ico-green{
    /* top: 40%; */
    left: 8px;
}

.bs-vertical-wizard ul>li>div .ico.fa-money.ico-green{
    left: 6.5px;
    font-size: 16px;
    margin-top: 4px;
}

.bs-vertical-wizard ul>li.completed>div .ico.fa-user.ico-green{
  /* top: 38%; */
}

.bs-vertical-wizard ul>li>div .ico.ico-muted {
    color: #bdc2ce;
}

.bs-vertical-wizard ul>li.current {
    background-color: #fff;
}

.bs-vertical-wizard ul>li.current>a:before {
    background-color: #ffe357;
    opacity: 1;
}

.bs-vertical-wizard ul>li.current>a:after {
    border-color: #ffe357;
    background-color: #ffe357;
    opacity: 1;
}

.bs-vertical-wizard ul>li.current:after, .bs-vertical-wizard ul>li.current:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.bs-vertical-wizard ul>li.current:after {
    border-color: rgba(255,255,255,0);
    border-left-color: #fff;
    border-width: 10px;
    margin-top: -10px;
}

.bs-vertical-wizard ul>li.current:before {
    border-color: rgba(234,236,241,0);
    border-left-color: #eaecf1;
    border-width: 11px;
    margin-top: -11px;
}

.select2-patient-template{
  padding: 0 10px;
}

.select2-patient-image{
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  margin-right: 10px;
}

	#idBtnPatientAdd,
	#idBtnScheduleAdd {
		margin-top: 0;
	}

.select2-patient-name{
  display: inline-block;
}

.d-inline-block{
  display: inline-block;
}

.profile-picture-block {
  position: relative;
}

.profile-picture-block .circle{
  margin: auto;
}

.profile-picture-block .p-image{
  left: auto;
  right: 5px;
}

.w-100-px{
  width: 100px;
}

.w-65-px{
  width: 65px;
}

.sm-bottom-margin{
  margin-bottom: 5px;
}

.sm-bottom-margin-imp{
  margin-bottom: 5px !important;
}

.no-bottom-margin{
  margin-bottom: 0 !important;
}
.md-right-margin{
  margin-right: 10px;
}
.lg-right-margin{
  margin-right: 15px;
}
.md-bottom-margin{
  margin-bottom: 10px;
}

input.mxcel-input-required,
select.mxcel-input-required,
textarea.mxcel-input-required,
.mxcel-input-required input,
.mxcel-input-required select,
.mxcel-input-required textarea,
.mxcel-input-required .select2-selection{
  border-color: red;
}

.checkbox-label-14 .checkbox{
  font-size: 14px;
}
.lg-bottom-margin{
  margin-bottom: 15px;
}

.xl-bottom-margin{
  margin-bottom: 20px !important;
}

.sm-right-margin{
  margin-right: 5px;
}

.sm-right-margin-imp{
  margin-right: 5px !important;
}

.font-weight-normal{
  font-weight: normal;
}

.font-weight-bold{
  font-weight: bold;
}

#staffProfileSelector label{
  font-size: 11px;
}

.p-image ul.dropdown-menu li label {
  padding: 3px 15px;
  cursor: pointer;
  display: block;
}


#qrcode canvas{
  height: 100%;
  width: auto;
}

	#idPatientOfficeAddress,
	#idPatientAddress {
		border-radius: 0px;
	}
  
  	#idAddPatientDrawer,
	#drawerExample,
	.drawer-contents {
		background-color: white !important;
	}


	.drawer-heading {
		height: 51px;
		background-color: white;
		font-size: 14px !important;
		font-weight: bold;
		line-height: 30px;
		color: black;
	}

  .p-image {
    z-index: 1000;
		position: absolute;
		top: 90px;
		left: 115px;
		color: #666666;
		transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
	}

  	img {
		max-width: 100%;
		height: auto;
	}


	.p-image:hover {
		transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
	}


	input[type=file].file-upload, input[type=file].staff-file-upload, input[type=file].staff-file-upload-add {
		display: none;
	}

  	.upload-button {
		font-size: 1.2em;
	}

	.upload-button:hover {
		transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
		color: #999;
	}

	.circle {
		border-radius: 1000px !important;
		overflow: hidden;
		width: 128px;
		height: 128px;
		border: 8px solid #EEE;
    position: relative;
	}


	.classAddressSubFields>div,
	.classPatientNameSubFields>div {
		padding: 1px;
	}

	.drawer-body {
		background-color: white;
		height: 100%;
	}

	.drawer-title {
		font-size: 18px;
	}

  	#drawerExample .drawer-body {
		padding: 0px;
	}


.flat-blue a.btn-primary-color,
.btn-primary-color,
.btn-primary-color:hover,
.btn-primary-color:active,
.btn-primary-color:focus{
  color: #22A7F0;
  background: transparent !important;
  box-shadow: none !important;
}

.btn-primary-color:hover,
.btn-primary-color:active,
.btn-primary-color:focus,
.flat-blue a.btn-primary-color:hover,
.flat-blue a.btn-primary-color:active,
.flat-blue a.btn-primary-color:focus{
  color: #2098da;
}

.flat-blue a.btn-danger-color,
.btn-danger-color,
.btn-danger-color:hover,
.btn-danger-color:active,
.btn-danger-color:focus{
  color: #FA2A00;
  background: transparent !important;
  box-shadow: none !important;
}

.btn-danger-color:hover,
.btn-danger-color:active,
.btn-danger-color:focus,
.flat-blue a.btn-danger-color:hover,
.flat-blue a.btn-danger-color:active,
.flat-blue a.btn-danger-color:focus{
  color:#FA2A00;
}

.lg-right-margin{
  margin-right: 15px;
}

.sm-left-margin{
  margin-left: 5px;
}

.form-control{
  border-radius: 0;
}

#attachmentViewer{
  pointer-events: none;
}

.md-left-margin{
  margin-left: 10px;
}
.xl-left-margin{
  margin-left: 20px;
}
.lg-left-margin{
  margin-left: 15px;
}
.sm-left-spacing{
  padding-left: 5px;
}
.md-left-spacing{
  padding-left: 10px;
}
.lg-left-spacing{
  padding-left: 15px !important;
}
.xl-bottom-spacing{
  padding-bottom: 20px;
}
.sm-top-margin{
  margin-top: 5px !important;
}
.inverse-sm-top-margin{
  margin-top: -5px !important;
}

.classViewPatientDataLabel{
  word-break: break-all;
}

.classViewPatientDataLabel {
  font-size: 11px;
  font-weight: bold;
  color: black;
}

.no-top-padding{
  padding-top: 0 !important;
}
.text-right{
  text-align: right;
}
.md-top-margin{
  margin-top: 10px;
}
.inverse-md-top-margin{
  margin-top: -10px;
}
.sm-top-spacing{
  padding-top: 5px;
}
.lg-top-spacing{
  padding-top: 15px !important;
}
.page-title-right-bar{
  padding-top: 20px;
}
.page-title-right-bar .select2-container{
  margin-right: 5px;
}
.lg-top-margin{
  margin-top: 20px !important;
}
.lg-bottom-margin{
  margin-top: 20px !important;
}
.large-bottom-margin{
  margin-bottom: 20px !important;
}
.md-right-spacing{
  padding-right: 10px;
}
.xl-top-margin{
  margin-top: 30px !important;
}
.xxl-top-margin{
  margin-top: 40px !important;
}
.no-left-spacing{
  padding-left: 0 !important;
}
.no-left-spacing.input-group{
  padding-left: 0 !important;
}
.sm-left-spacing{
  padding-left: 5px;
}

.no-top-margin{
  margin-top: 0 !important;
}
.md-top-margin{
  margin-top: 10px !important;
}

.mother-information-container{
  border-right: 1px solid #aaa;
}

.page-highlight{
  font-size: 24px;
}

.appointmentSidebarConfirmationSection .dl-horizontal,
.appointmentSidebarViewSection .dl-horizontal{
  margin-bottom: 15px;
}

.password-bar{
  display: inline-block;
  width: 50px;
  height: 5px;
  margin-right: 5px;
  background-color: #ccc;
}

.active-password-bar{
  display: inline-block;
  width: 50px;
  height: 5px;
  margin-right: 5px;
  background-color: #faa732;
}

.password-instruction-ul{
  font-size: 14px;
}

.welcome-page-logo{
   margin-top: 75px;
}

  .btn-welcome{
    padding: 15px !important;
    font-size: 22px !important;
  }


.password-instruction-ul li:before{
  content: "\f00d";
      display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
}

.password-instruction-ul li.done:before{
  content: "\f00c";
      display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right: 10px;
}

.password-instruction-ul li.done{
  color: lightgray;
}


/* .flat-blue .pagination .active > a, .flat-blue .pagination .active > a:focus, .flat-blue .pagination .active > a:hover, .flat-blue .pagination .active span, .flat-blue .pagination .active > span:focus, .flat-blue .pagination .active > span:hover{
    background-color: #22A7F0 !important;
    color: #FFF !important;
    border-color: #22A7F0 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
   background-color: #F0F0F0 !important;
    border: 1px solid transparent  !important;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
 background-color: #F0F0F0 !important;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button.active{
    background-color: #22A7F0;
    color: #FFF;
    border-color: #22A7F0;
}

body .dataTables_wrapper .dataTables_paginate .paginate_button{
  padding: 0 !important;
  margin-left: 0;
}

.dataTables_paginate .paginate_button{
  margin: 0 !important;
} */

.edit #appointmentSidebarAddAppointmentBtn{
  display: none;
}

#idAddPatientTopSection {
  border-bottom: 1px solid #aaa;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

#idAddPatientTopSection .input-group[class*=col-] {
  float: inherit !important;
}


.overflow-hidden{
  overflow: hidden !important;
}

#appointment-sidebar-confirm-title{
  display: none;
}

#appointment-sidebar-edit-title{
  display: none;
}

#appointment-sidebar-view-title,
#appointmentSidebarDoctorName,
#appointmentSidebarServiceSelectionLabelContainer,
#appointmentSidebarDiscountLabel,
#appointmentSidebarPaymentModeValue,
#appointmentSidebarRescheduleAppointmentBtn,
#idEditDrawer,
#idDeleteDrawer,
#idViewPatientDrawer,
#idPrintAppointmentDrawer,
#idPrintBillDrawer,
#appointmentSidebarPaymentAmountValue{
  display: none;
}

.appointmentSidebarConfirmationSection .page-section-header,
.appointmentSidebarViewSection .page-section-header{
    font-size: 17px;
    color: #218ec0;
    font-weight: bold;
}

.mxcel-red{
  color: red !important;
}

.appointmentSidebarConfirmationSection .table.mxcel-table thead tr,
.appointmentSidebarViewSection .table.mxcel-table thead tr{
  color: #444;
}

.confirm #appointment-sidebar-confirm-title{
  display: inline-block;
}

.edit #appointment-sidebar-edit-title{
  display: inline-block;
}

.view #appointment-sidebar-view-title{
  display: inline-block;
}

.confirm #appointmentSidebarDoctorName,
.view #appointmentSidebarDoctorName{
  display: block;
}

.confirm #appointmentSidebarDoctorButtons,
.view #appointmentSidebarDoctorButtons,
.confirm #appointmentSidebarNoDoctorButtons,
.view #appointmentSidebarNoDoctorButtons,
.confirm #appointmentSidebarCancelEditPatientSelection,
.view #appointmentSidebarCancelEditPatientSelection,
.confirm .appointmentSideBarRequiredMark,
.view .appointmentSideBarRequiredMark{
  display: none !important;
}

.confirm #appointment-sidebar-title,
.edit #appointment-sidebar-title,
.view #appointment-sidebar-title,{
  display: none;
}

#appointment-sidebar-cancel-title{
  display: none;
}

.confirm #appointmentSidebarSelectedDatetimeEdit,
.view #appointmentSidebarSelectedDatetimeEdit{
  display: none;
}

.confirm #appointmentSidebarServiceSelectionFormContainer,
.view #appointmentSidebarServiceSelectionFormContainer{
  display: none;
}

#appointmentSidebarConfirmAppointmentBtn{
  display: none;
}
.confirm #appointment-sidebar-confirm-title{
  display: inline-block;
}
.confirm #appointmentSidebarConfirmAppointmentBtn{
  display: block;
}
.confirm #appointment-sidebar-title{
  display: none;
}

.view #appointment-sidebar-title,
.edit #appointment-sidebar-title,
.remove #appointment-sidebar-title{
  display: none;
}

.view #appointment-sidebar-view-title{
  display: inline-block;
}

.view .appointmentSidebarBookingSection.appointmentSidebarModifySection{
  display: none;
}

#appointmentSidebarRescheduleAppointmentBtn{
  display: none;
}

.edit #appointmentSidebarRescheduleAppointmentBtn{
  display: block;
}

.confirm #appointmentSidebarServiceSelectionLabelContainer,
.view #appointmentSidebarServiceSelectionLabelContainer{
  display: block;
}

.confirm #appointmentSidebarEditPatientSelection,
.view #appointmentSidebarEditPatientSelection{
  display: none !important;
}

.confirm #appointmentSidebarDiscountInputGroup,
.view #appointmentSidebarDiscountInputGroup,
.confirm #appointmentSidebarPaymentMode,
.view #appointmentSidebarPaymentMode,

.confirm #appointmentSidebarPaymentAmountInputGroup,
.view #appointmentSidebarPaymentAmountInputGroup,
.confirm #appointmentSidebarChangeAmountInputGroup,
.view #appointmentSidebarChangeAmountInputGroup{
  display: none !important;
}


.teleconsultation-provider-icon{
  width: 20px;
}

.modal-footer .btn{
  margin-top: 0;
  margin-bottom: 0;
}

.fc-event .calendarEvent .calendar-event-teleconsultation-icon.fa{
  color: black !important;
}

#appointmentSidebarTimingSection.completed,
#appointmentSidebarDoctorSection.completed,
#appointmentSidebarPatientSection.completed,
#appointmentSidebarServiceSection.completed,
#appointmentSidebarBillSection.completed{
  border-right: 2px solid green;
  border-bottom: 2px solid transparent;
}

.completed .classAppointmentsidebarViewOnly,
.completed#appointmentSidebarBillSection .panel-heading{
  color: green;
}

.completed span.classAppointmentsidebarViewOnly:after,
.completed#appointmentSidebarBillSection .panel-heading:after{
  content: "\f00c";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 5px;
}

#idPrintBillDrawer img{
  width: 23px;
}

#idPrintBillDrawer{
  margin-top: 2px;
  margin-right: 2px;
}

.confirm #appointmentSidebarPaymentAmountLabel,
.view #appointmentSidebarPaymentAmountLabel,
.confirm #appointmentSidebarChangeAmountLabel,
.view #appointmentSidebarChangeAmountLabel,
.confirm #appointmentSidebarDiscountLabel,
.view #appointmentSidebarDiscountLabel,
.confirm #appointmentSidebarPaymentModeLabel,
.view #appointmentSidebarPaymentModeLabel,
.confirm #appointmentSidebarPaymentModeValue,
.view #appointmentSidebarPaymentModeValue,
.view #idEditDrawer,
.view #idViewPatientDrawer,
.view #idPrintAppointmentDrawer,
.view #idPrintBillDrawer,
.view #idDeleteDrawer,
.confirm #appointmentSidebarPaymentAmountValue,
.view #appointmentSidebarPaymentAmountValue,
.confirm #appointmentSidebarChangeAmountValue,
.view #appointmentSidebarChangeAmountValue,
.edit #appointmentSidebarRescheduleAppointmentBtn{
  display: block;
}

.view #appointmentSidebarRescheduleAppointmentBtn{
  display: block;
  text-align: left;
    padding-left: 40px;
    margin-top: 30px;
}

.calendarEvent.panel{
  margin-bottom: 0;
  margin-right: 5px;
}

#idFullCalendar{
  border-bottom: 1px solid #888;
}

.calendar-event-doctor-alias {
    font-size: 13px;
}

.calendar-event-service-name {
    text-transform: uppercase;
    font-size: 11px;
}

.calendar-event-patient-name {
    font-size: 13px;
  display: inline-block;
  max-width: 100%;
}

.calendarEventWeekView .calendar-event-patient-name,
.calendarEventWeekView .calendar-event-patient-information{
  font-size: 11px;
}

.fc-timeGridWeek-view .calendarEventWeekView{
  margin-left: 0;
  margin-right: 0;
}

.calendarEventWeekView .media-body{
  display: block;
  display: block;
    width: 100%;
}

.calendarEventMonthEvent{
  font-size: 18px;
}

.text-ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.flat-blue .calendarEvent.panel.panel-default{
  background: #f3f3f9;
  border: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-bottom: 6px solid black;
}

.calendar-event-icon-container{
  float: right;
}

.calendar-event-icon-container .fa{
  font-size: 16px;
}

.w-per-12{
  width: 12%;
}

.w-per-4{
  width: 4%;
}

#appointmentSidebar #appointmentSidebarPaidAmountLabel,
#appointmentSidebar #appointmentSidebarPaidAmountValueContainer{
  display: none;
}

.consultation-page .ql-editor.ql-blank::before{
  font-size: 10px;
}

.consultation-page .select2-selection__placeholder{
  font-size: 10px;
}

.consultation-page input::placeholder,
.consultation-page input::-webkit-input-placeholder,
.consultation-page textarea::placeholder,
.consultation-page textarea::-webkit-input-placeholder{
  font-size: 13px;
  transform: scale(0.7);
  transform-origin: 0% 50%;
}

#appointmentSidebar.edit #appointmentSidebarPaidAmountLabel,
#appointmentSidebar.edit #appointmentSidebarPaidAmountValueContainer{
  display: inherit;
}

.calendar-event-patient-timer{
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px;
    font-size: 18px;
}



input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.calendarEvent.panel .panel-body{
  padding: 5px;
}

.calendarEvent .media-left{
  line-height: 0;
}

#idFullCalendar.fc .fc-timegrid-slot{
  height: 48px !important;
  padding: 0px;
}

.no-line-height{
  line-height: 0 !important;
}
.calendarEvent .media-left > a{
  width: 32px;
  height: 32px;
  display: inline-block;
}

.calendarEvent .media-body p{
  margin-bottom: 0;
}

.fc-timegrid-now-indicator-line{
  display: none;
}

.fc-timegrid-col-frame .fc-v-event .fc-event-main{
  height: auto;
  cursor: pointer;
}

.d-flex{
  display: flex;
}

#idFullCalendar .popover{
  min-width: 280px;
}

.input-group.no-margin-left{
  margin-left: 0 !important;
}

.bootstrap-timepicker-widget.dropdown-menu {
    z-index: 1050!important;
}

.height-auto{
  height: auto !important;
}

.fc-button-group{
  display: inline-block;
}

.fc-dayGridMonth-view .fc-h-event .fc-event-main{
  border: none;
  color: black;
  text-align: center;
  background-color: transparent;
}

.fc-dayGridMonth-view .fc-h-event{
  background-color: transparent;
  border: none;
}

.pending-bill-badge{
    margin-top: -5px;
    margin-left: 5px;
    font-size: 10px;
    vertical-align: middle;
}

.vertical-align-middle{
  vertical-align: middle;
}

label {
  font-weight: 800;
}

.panel-heading{
  font-weight: 800;
}

.fc-listMonth-view .fc-event{
  color: black;
  background: transparent;
  display: table-row;
}

.fc-listMonth-view .fc-event:hover{
  color: black;
}

.profile-pic {
  width: 100%;
  height: 100%;
  position: relative;
}

#idNavbarPatientSearchBtn{
  margin-top: 13px;
}

.fc-media-screen .fc-timegrid-event{
  border-radius: 0;
}

.app-container.calendar-container{
  padding: 0;
}

.drawer ul.dropdown-menu{
  position: absolute;
  display: none;
}

.drawer ul.dropdown-menu li label{
  padding: 3px 15px;
  cursor: pointer;
  display: block;
}


.drawer .dropup.open ul.dropdown-menu{
  display: inline-block;
}

#webcamViewer{
  position: absolute;
}

.classImagePatientDivMain.cam-active #webcamViewer{
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

#staffWebcamViewer,#addstaffWebcamViewer{
  position: absolute;
}

.classImagePatientDivMain.cam-active #staffWebcamViewer,
.classImagePatientDivMain.cam-active #addstaffWebcamViewer{
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
}

.classImagePatientDivMain.classImagePatientDivMainWidthAuto{
  width: auto;
}

.classImagePatientDivMain.cam-active #patientProfileSelector{
  display: none;
}

.classImagePatientDivMain.cam-active #staffProfileSelector{
  display: none;
}

.btn-cam-operation{
  display: none;
  z-index: 1000;
}

.classImagePatientDivMain.cam-active .btn-cam-operation{
  display: inline-block;
}

.classImageStaffDivMain.cam-active .btn-cam-operation{
  display: inline-block;
}

.weight-normal{
  font-weight: normal !important;
}

#idAddPatientDrawer .drawer-contents{
  overflow: auto;
}

.table.dataTable thead th, table.dataTable thead td{
      padding: 8px 10px;
}

.flat-blue .appointmentSidebarBookingSection .panel.panel-default .panel-heading{
  background-color: transparent;
  border-bottom: none;
  padding-bottom: 0;
  text-transform: uppercase;
}

.appointmentSidebarBookingSection li .classAppointmentsidebarEditOnly{
  display: block;
}

.appointmentSidebarBookingSection li .classAppointmentsidebarViewOnly{
  display: none;
}

.appointmentSidebarBookingSection li.completed .classAppointmentsidebarEditOnly{
  display: none;
}

.appointmentSidebarBookingSection li.completed .classAppointmentsidebarViewOnly{
  display: block;
}

.flat-blue .appointmentSidebarBookingSection .panel.panel-default{
/* box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.27);
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.27); */
border:none;
}


#appointmentSidebar.view .bs-vertical-wizard ul>li>div:before,
#appointmentSidebar.view .bs-vertical-wizard ul>li>div:after{
  display: none;
}

#appointmentSidebar.view .bs-vertical-wizard ul>li>div .ico{
  display: none;
}

#appointmentSidebar.view .bs-vertical-wizard ul>li>div{
  padding-left: 10px;
}

.view .appointmentSidebarModifySection{
  display: none;
}

.appointmentSidebarCancelationSection,
.appointmentSidebarViewSection,
.appointmentSidebarConfirmationSection{
  display: none;
}

.view .appointmentSidebarViewSection,
.remove .appointmentSidebarCancelationSection,
.confirm .appointmentSidebarConfirmationSection{
  display: block;
}

.remove .appointmentSidebarModifySection,
.confirm .appointmentSidebarModifySection{
  display: none;
}

.remove #appointment-sidebar-cancel-title{
  display: inline-block;
}

.appointmentSidebarBookingSection .select2-selection__arrow{
  display: none;
}

.appointmentSidebarBookingSection .select2-selection__rendered{
  text-align: center;
}

.appointmentSidebarBookingSection .select2-container--default .select2-selection--single{
  border: 1px solid #aaaaaa7d;
}

.appointmentSidebarBookingSection .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: #000;
}

.appointmentSidebarBookingSection #select2-appointmentSidebarServiceType-container{
  text-align: left;
}

.appointmentSidebarBookingSection [aria-labelledby="select2-appointmentSidebarServiceType-container"] .select2-selection__arrow{
  display: inline-block;
}


#idFullCalendar .fc-v-event {
  display: block;
  color: black;
  background-color: white;
  border: none;
}

#idFullCalendar .fc-v-event .fc-event-main{
  color: black;
  height: 100%;
}

.xl-right-spacing{
  padding-right: 30px !important;
}

.astric-container .without-astric{
  display: none;
}

.astric-container.active .without-astric{
  display: inherit;
}

.astric-container.active .with-astric{
  display: none;
}



.bordered-filters{
  width: 40%;
}

.bordered-filters .bordered-filters-container{
  border: 1px solid #ccc;
  position: relative; 
  border-radius: 2px;
  padding: 15px 20px;
}

.bordered-filters-container .bordered-filters-container-btn-bar{
  position: absolute;
  text-align: right;
  padding-top: 0;
  left: 0;
  right: 20px;
  width: 100%;
  margin-top: -20px;
}

.bordered-filters-container .bordered-filters-container-btn-bar .btn{
  position: relative;
  bottom: -17px;
  right: 20px;
}

.bordered-filters-container .page-title-right-bar{
  padding-top: 10px;
}

.bordered-filters #idFilterSearch{
  position: absolute;
  bottom: -17px;
  right: 20px;
}

.show-mobile,
.show-tablet{
  display: none;
}

.view-opd-bill-container,
.update-opd-bill-container{
  border: 1px solid #ccc;
}

.view-opd-bill-container table thead th{
  color: #444;
}

.form-control-dt{
  margin-top: 5px;
}

.view-opd-bill-container table thead{
  border-bottom: 2px solid #ccc;
}

.view-opd-bill-container .bordered-dl{
  border-bottom: 1px solid #ccc;
}

.bordered-dl{
  border-bottom: 1px solid #ccc;
}



.view-opd-bill-container .dl-horizontal{
  width: 260px;
  float: right;
}


.update-opd-bill-container table thead th{
  color: #444;
}

.update-opd-bill-container table thead{
  border-bottom: 2px solid #ccc;
}

.update-opd-bill-container .bordered-dl{
  border-bottom: 1px solid #ccc;
}

.update-opd-bill-container .dl-horizontal{
  width: 300px;
  float: right;
}


.clearfix{
  clear: both;
}

.form-control.btn-size{
  height: 30px;
}

.recommendation-internal-services,
.recommendation-external-services{
  padding: 20px;
}

.recommendation-internal-services table.mxcel-table tbody,
.recommendation-external-services table.mxcel-table tbody{
  border-bottom: none;
}

.recommendation-internal-services .classReason,
.recommendation-external-services .classExternalReason{
  min-width: 350px;
}

.recommendation-external-services .classExternalService{
  width: 100%;
}

.form-vital-inputbox{
  min-width: 50px;
}

.has-multi-field .form-vital-inputbox{
  width: 50px;
}


@media (min-width: 768px) and (max-width: 1024px){
  body .sidebar-image-container{
    height: 100px !important;
  }

  body .recommendation-internal-services .classReason,
  body .recommendation-external-services .classExternalReason{
    max-width: 100%;
  }

  body .sidebar-image-container .page-title{
    font-size: 30px;
  }

  .show-tablet{
   display: inherit;
  }

  .hide-tablet{
   display: none;
  }

  .d-flex-tablet-justify-content-space-between{
    justify-content: space-between;
  }

  .select2.select2-container.select2-container--default{
    flex: 1;
  }
}

@media (min-width: 1023px){
  body .sidebar-image-container{
    height: calc(100vh - 95px) !important;
  }
}

@media (max-width: 1600px){
  body .float-label-input-group label{
    font-size: 12px;
    top: 7px;
  }
}

@media (max-width: 1500px){
  body .float-label-input-group label{
    font-size: 10px;
    top: 10px;
  }
}

@media (max-width: 1300px){
  body .float-label-input-group label{
    font-size: 9.5px;
    top: 11px;
  }
}

@media (max-width: 989px){
  body .float-label-input-group{
    margin: 25px 0 0px;
  }
}

.d-flex{
  display: flex;
}

.d-flex-row-reverse{
  flex-direction: row-reverse;
}

.mxcel-table td:before{
  display: none;
}

.term-condition-page .side-menu
{
    display: none;
}

.collapse.navbar-collapse.home-btn{
  margin-right: 0;
}

.flat-blue .collapse.navbar-collapse.home-btn li a{
  color: #000000 !important;
}

.flat-blue .collapse.navbar-collapse.home-btn li a:hover{
      background-color: white;
}

body .page-title{
  font-family: 'Lato', sans-serif;
  margin-top: 0;
  display: inline-block;
}

.dateranger-picker-container .glyphicon-calendar{
  margin-top: 3px;
}

.d-flex-justify-content{
  justify-content: space-between;
}

.classActivityDashboard table.dataTable.no-footer{
  border: none;
}

.mxcel-table .dataTables_empty{
  padding: 20px;
  border-color: white !important;
}

.classBlockPanel .mxcel-table thead{
  background: #F8F8F9;
}

.classBlockPanel  .mxcel-table thead th{
  border: none !important;
  padding: 10px 15px !important;
  font-weight: bold !important;
}

.mxcel-table thead{
  background: #F8F8F9;
}

 .mxcel-table thead th{
  border: none !important;
  padding: 10px 15px !important;
  font-weight: bold !important;
}

.report-container{
  padding-bottom: 30px;
}


.stickyMedixcelFooter .dataTables_info{
  font-size: 24px;
}

.stickyMedixcelFooter .dataTables_paginate.paging_simple_numbers{
  font-size: 24px;
}

.stickyMedixcelFooter .paginate_button.current{
  font-weight: 800;
}

.stickyMedixcelFooter .mxcel-table{
  border-collapse: collapse;
}

.stickyMedixcelFooter .mxcel-table thead{
  border-left: none;
  border: 1px solid #fff;
  background: white;
  color: #42a7f0;
  font-weight: 700;
  border-bottom: 2px solid #42a7f0;
  font-weight: 400 !important;
}

.stickyMedixcelFooter .mxcel-table tbody{
  border: 1px solid #ddd;
  border-left: none;
  border-bottom: 2px solid #42a7f0;
  border-right: none;
}

.stickyMedixcelFooter .mxcel-table thead .report-thead-border{
  border-bottom: 2px solid #42a7f0 !important;
}

.stickyMedixcelFooter .mxcel-table td{
  word-break: break-word;
}

.stickyMedixcelFooter .mxcel-table thead th{
  font-weight: 400 !important;
  font-size: 15px;
  padding-left: 8px !important;
}


.mxcel-table{
  border-collapse: collapse;
}

.mxcel-table thead{
  border-left: none;
  border: 1px solid #fff;
  background: white;
  color: #42a7f0;
  font-weight: 700;
  border-bottom: 2px solid #42a7f0;
  font-weight: 400 !important;
}

.no-border{
  border: none !important;
}

.mxcel-table tbody{
  border: 1px solid #ddd;
  border-left: none;
  border-bottom: 2px solid #42a7f0;
  border-right: none;
}

.mxcel-table thead .report-thead-border{
  border-bottom: 2px solid #42a7f0 !important;
}

.mxcel-table td{
  word-break: break-word;
}

.mxcel-table thead th{
  font-weight: 400 !important;
  font-size: 15px;
  padding-left: 8px !important;
}

.subscription-box{
  position: relative;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 5px;
}

.subscription-page .page-title{
      margin-top: 10px;
    margin-left: 10px;
}

.no-top-spacing{
  padding-top: 0 !important;
}

.no-right-spacing{
  padding-right: 0 !important;
}

.drawer-title.page-title{
  font-size: 20px;
  padding: 0;
  padding-left: 10px;
}

.mxcel-table.table-with-calculation tbody {
  border-bottom: none;
}

.classActivityDashboard.flat-blue .table > tbody > tr > td, 
.classActivityDashboard.flat-blue .table > tbody > tr > th, 
.classActivityDashboard.flat-blue .table > tfoot > tr > td, 
.classActivityDashboard.flat-blue .table > tfoot > tr > th{
  border-color: #eee;
}

.calculation-dl dd{
  margin-bottom: 10px;
}

.calculation-dl dt{
  font-weight: normal;
}

.sidebar-image-container{
  background-repeat: no-repeat !important;    height: calc(100vh - 95px) !important;   background-size: cover !important;
}

.stickyMedixcelFooter .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.stickyMedixcelFooter .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.stickyMedixcelFooter .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
  background: transparent;
  border: 1px solid transparent;
  color: black !important;
}

.stickyMedixcelFooter .report-sr-no{
  width: 60px;
}

.stickyMedixcelFooter .report-date-col{
  width: 75px;
}

.stickyMedixcelFooter .report-time-col{
  width: 60px;
}

.stickyMedixcelFooter .report-patient-col{
  width: 100px;
}

.stickyMedixcelFooter .report-consultation-col{
  width: 150px;
}

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

.no-right-padding{
  padding-right: 0 !important;
}

legend.page-section-header{
    border-bottom: 2px solid #42a7f0;
    padding-bottom: 10px;
}

.blockHolidayEvent{
    padding: 1px 5px;
    color: white;
    font-size: 11px;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
}

.lg-right-padding{
  padding-right: 20px;
}

.patient-listing-page #addPatientBtn{
  margin-top: 15px;
}

.patient-listing-page table.dataTable thead .sorting_asc{
  background: none;
}


.page-title-right-bar .select2.select2-container.select2-container--default,
.page-title-right-bar .dateranger-picker-container,
.page-title-right-bar .btn{
    display: inline-block !important;
}

.page-title-right-bar{
    text-align: right;
}

.page-title-right-bar .select2.select2-container.select2-container--default,
.page-title-right-bar .dateranger-picker-container,
.page-title-right-bar .btn{
  text-align: left;
}

.page-title-right-bar .btn{
  text-align: center;
}

.dateranger-picker-container{
  height: 35px;
}

.dateranger-picker-container{
  border-color: #aaa;
}

.performance-report .checkbox{
  line-height: 18px;
}

.openFilterDrawerCotainer,#openFilterDrawerPanelClose{
  display: none;
}

@media only screen 
  and (max-width: 1024px) {
  #openFilterDrawerPanelClose{
    display: block;
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 20px;   
    cursor: pointer;
        z-index: 1000;
  }
  .openFilterDrawerCotainer{
    padding: 10px;
    display: block;
  }
}

@media only screen 
  and (max-width: 1024px) {
    .openFilterDrawerPanel{
      background: white;
      top: 50px;
      bottom: 0;
      left: -50%;
      right: 0;
      width: 50%;
      position: fixed;
      z-index: 10;
    }

    .openFilterDrawerPanel.active{
      left: 0;
      right: 0;
    }
}

@media only screen 
  and (max-width: 768px) {
    .openFilterDrawerPanel{
      left: -100%;
      width: 100%;
    }

    #appointmentSidebarServiceSelectionFormContainer .select2-container{
      margin-bottom: 10px;
    }

    #appointmentSidebarBillSection .panel-body{
      padding: 0;
    }
    #appointmentSidebarBillSection .dl-horizontal dt{
      width: auto;
      margin-bottom: 10px;
    }
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
    .classOLBreadCrumbs{
      font-size: 12px;
    }

    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        margin-left: -20px;
    }
}

.d-select2-100 .select2.select2-container.select2-container--default{
    width: 100% !important;
  }

.diagnosis-overview-report .page-title-right-bar{
  padding-top: 0;
  padding-left: 0;
}

.prescription-overview-report .page-title-right-bar{
  padding-top: 0;
}

.show-prescription-table .diagnosis-section{
  display: inline-block;
  max-width: 100%;
}

.show-prescription-table .diagnosis-section .mxcel-table td,
.show-prescription-table .diagnosis-section .mxcel-table th{
  padding-right: 40px !important;
}

.show-prescription-table .diagnosis-section .mxcel-table{
  width: auto ;
  max-width: 100% ;
}

.report-container .page-title .fa,
.report-container .page-title .fa
{
    display: inline-block;
    font-size: 18px;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -5px;
}

.report-container.performance-report .mxcel-table td,
.report-container.performance-report .mxcel-table th
{
  text-align: center;
}

.report-container.performance-report .mxcel-table td:nth-child(1),
.report-container.performance-report .mxcel-table th:nth-child(1)
{
  text-align: left;
}

.report-container.performance-report .mxcel-table td:nth-child(1).text-center, 
.report-container.performance-report .mxcel-table th:nth-child(1).text-center{
  text-align: center;
}

.report-container.performance-report .mxcel-table.performance-comparision-mode tbody td:nth-child(2), 
.report-container.performance-report .mxcel-table.performance-comparision-mode tbody td:nth-child(3){
  border-left: 2px solid #42a7f0;
}


.report-container.performance-report #idSpanCompareDurationFrom, 
.report-container.performance-report #idSpanCompareDurationTo{
  font-size: 12px;
  padding: 2px !important;
}

.report-container.accounts-page .page-title-right-bar{
  text-align: left;
  padding-top: 10px;
}

.report-container.accounts-page .page-title-right-bar a{
  margin-left: 0;
}

.mxcel-table.score-board-table td{
  font-size: 14px;
}

.chart-circle-container img{
  width: 500px;
  border: 1px solid #aaa;
}

.chart-circle-container .chart-circle-first-row{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.chart-circle-container .chart-circle-second-row{
  text-align: center;
  margin-top: 50px;
}

.d-vertical-align-center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.confirmation-modal .modal-body{
  font-size: 18px;
      color: #a94442;
}

.confirmation-modal .succss-confirmation .modal-body{
    color: black;
}

.update-opd-bill-container .classEditdd{
  position: relative;
}

.update-opd-bill-container .classEditdd .fa-pencil{
  position: absolute;
  top: 2px;
  right: -20px;
  cursor: pointer;
}

.update-opd-bill-container .classConfirmEditdd .confirm-btn{
  position: absolute;
  top: 5px;
  right: -45px;
  cursor: pointer;
}

.update-opd-bill-container .classConfirmEditdd .fa{
  cursor: pointer;
}

.cursor-pointer{
  cursor: pointer;
}

.update-opd-bill-container  .classConfirmEditdd{
  position: relative;
}

.success svg {
  width: 100px;
  display: block;
  margin: 0 auto 0;
}

.error svg {
  width: 100px;
  display: block;
  margin: 0 auto 0;
}

.ui-pnotify-icon{
  margin-top: 5px;
}

.success .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.success .path.circle {
  -webkit-animation: dash .9s ease-in-out;
  animation: dash .9s ease-in-out;
}
.success .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash .9s .35s ease-in-out forwards;
  animation: dash .9s .35s ease-in-out forwards;
}
.success .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check .9s .35s ease-in-out forwards;
  animation: dash-check .9s .35s ease-in-out forwards;
}

.error .path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 0;
}
.error .path.circle {
  -webkit-animation: dash .9s ease-in-out;
  animation: dash .9s ease-in-out;
}
.error .path.line {
  stroke-dashoffset: 1000;
  -webkit-animation: dash .9s .35s ease-in-out forwards;
  animation: dash .9s .35s ease-in-out forwards;
}
.error .path.check {
  stroke-dashoffset: -100;
  -webkit-animation: dash-check .9s .35s ease-in-out forwards;
  animation: dash-check .9s .35s ease-in-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@-webkit-keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

@keyframes dash-check {
  0% {
    stroke-dashoffset: -100;
  }
  100% {
    stroke-dashoffset: 900;
  }
}

.font-weight-900{
  font-weight: 900 !important;
}

.confirmationModal.danger .confirmation-text {
  color: #a94442;
}

.page-section-header{
  font-size: 18px;
  font-weight: 400;
}

.sidebar-image-container .page-title{
  font-size: 50px;
}

.view-opd-bill-container,
.update-opd-bill-container{
  padding: 20px 40px;
}

.width-auto{
  width: auto !important;
  max-width: 100% !important;
}

.update-opd-bill-container{
      padding: 0 40px;
    padding-bottom: 40px;
}

.mxcel-table .tableEditMode{
  display: none;
}

.left-padding-40{
  padding-left: 40px;
}
.left-padding-35{
  padding-left: 35px;
}
.left-padding-25{
  padding-left: 25px;
}

.float-label-input-group {
  position: relative;
  margin: 20px 0 0px;
  width: 100%;
}

.input-group.regular{
  padding-left: 15px;
}

.float-label-input-group label {
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 10px;
  top: 5px;
  transition: 0.2s ease all;
  -moz-transition: 0.2s ease all;
  color:#999;
  -webkit-transition: 0.2s ease all;
  z-index: 10;
}

body .page-section-panel.focus-input-label-panel{
  padding-top: 20px;
  padding-bottom: 20px;
}

.classActivityDashboard.flat-blue .mxcel-table tbody tr td.tbody-insider-header{
  font-weight: 800;
  border-bottom: 2px solid #ccc;
}

.select2-selection { overflow: hidden; }
.select2-selection__rendered { white-space: normal; word-break: break-all; }


.float-label-input-group input:focus ~ label,
.float-label-input-group textarea:focus ~ label,
.float-label-input-group select:focus ~ label,
.float-label-input-group.active label {
  top: -23px;
  font-size: 14px;
  left: 0px;
  color: #333;
}

.float-label-input-group .highlight {
  position: absolute;
  height: 60%;
  width: 100px;
  top: 25%;
  left: 0;
  pointer-events: none;
  opacity: 0.5;
}

.float-label-input-group input:focus ~ .highlight {
  -webkit-animation: inputHighlighter 0.3s ease;
  -moz-animation: inputHighlighter 0.3s ease;
  animation: inputHighlighter 0.3s ease;
}

/* animations */
@-webkit-keyframes inputHighlighter {
  from { background: #4285f4; }
  to   { width: 0; background: transparent; }
}
@-moz-keyframes inputHighlighter {
  from { background: #4285f4; }
  to   { width: 0; background: transparent; }
}
@keyframes inputHighlighter {
  from { background: #4285f4; }
  to   { width: 0; background: transparent; }
}

.mxcel-table tr.editable .tableEditMode{
  display: block;
}

.mxcel-table tr.editable .tableViewMode{
  display: none;
}

.float-label-input-group.sm-bottom-margin{
  margin-bottom: 5px;
}

.connect-account-container .mxcel-table tbody td{
  border: none;
}

.mxcel-table .table-label{
  font-size: 15px;
}

.mxcel-label{
  font-size: 15px;
}

.sectional-hr{
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 2px solid #ccc;
}

.thin-sectional-hr{
  margin-top: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

body .grey-th th{
  border-bottom: 1px solid #ccc !important;
}

body .grey-th-color th{
  color: #444;
}

body .grey-th thead{
  border: none;
}


.label.active-subscription{
  right: 0;
  top: 0;
  position: absolute;
}

.label.active-left-subscription{
  left: 0;
  top: 0;
  position: absolute;
}

.page-section-panel{
  border: 1px solid #ccc;
  position: relative;
}

.page-section-panel-blue{
  border-color: #42a7f0;
}

.page-section-panel.diagnosis-section{
  padding: 30px 20px;
}

.page-section-panel {
  position: relative;
}

.page-section-panel .panel-left-sticky{
  position: absolute;
  left: 30px;
  top: -15px;
  background: white;
  padding: 0px 15px;
}

.page-section-panel .panel-right-sticky {
  position: absolute;
  right: 2%;
  top: -30%;
  background: white;
  padding: 0px 15px;
}

.helper-panel .panel-heading{
  padding: 6px 10px;
  color: #218ec0;
  background: #fefefe !important;
  border-bottom-color: #eee !important;
}

.helper-panel .panel-body{
  padding: 10px;
}

.helper-panel label{
  font-size: 11px;
  font-weight: 400;
}

.classICD10DiagnosisConsultationContainer .select2-container--default .select2-search--inline .select2-search__field{
  width: 150px !important;
}

.classBorderBottomOrange {
    border-bottom: 1px solid #aaa;
}


.classViewPatientHeaderLabel {
    color: #797979;
}

.helper-panel label.normal{
  font-size: 14px;
  font-weight: 400;
}

.font-normal{
  font-weight: 400;
}


.helper-panel .mxcel-table thead th,
#idallergiesList .mxcel-table thead th{
  font-size: 11px;
  color: grey;
}


.md-top-spacing{
  padding-top: 10px !important;
}

.md-bottom-spacing{
  padding-bottom: 10px !important;
}

#idPrescriptionItems input,
#idPrescriptionItems select{
  padding: 0;
}

#idPrescriptionItems .select2-selection__rendered{
  padding-left: 0;
}
@media only screen and (max-width: 1400px) {
  #idPrescriptionItems input,
  #idPrescriptionItems select,
  #idPrescriptionItems .select2-selection__rendered{
    font-size: 11px;
  }

  #uploadCovid19Sidebar select{
    padding: 6px;
  }
}
/**
* Extra small devices Phones
**/

.dark-grey-text{
  color: #444 !important;
}

#viewUserSidebarBody .media-left a{
  width: 70px;
  display: inline-block;
}

#viewUserSidebar .page-section-panel.diagnosis-section{
      padding: 20px 20px;
}

@media only screen and (max-width: 550px) {
  .page-section-panel.diagnosis-section.timing-section {
    padding: 0;
  }

  .page-section-panel.diagnosis-section.timing-section .input-group-addon{
    display: none;
  }
}

.form-control-below-order-only,
.prescriptionItem .select2-selection.select2-selection--single{
  border-left: none;
  border-right: none;
  border-top: none;
  box-shadow: none;
}

.form-control-below-order-only.input-group-addon{
    background: transparent;
}

#uploadAttachmentSidebarBody .file-uploader{
    background-color: #fafafa;
    border: 1px solid #aaa;
    cursor: pointer;
    height: 56px;
    width: 65px;
    line-height: 47px;
    position: relative;
    vertical-align: top;
    margin-top: 3px;
    line-height: 60px;
}

#uploadAttachmentSidebarBody .fa{
  font-size: 30px;
}

#showAttachmentSidebarBody .form-control-static{
  min-height: auto;
}

#observationTabs li a{
  text-transform: uppercase;
  padding: 5px;
  font-size: 12px;
}

#vitalFieldContainer .input-group-addon{
  font-size: 9px;
}

#vitalFieldContainer .input-group-addon label{
  font-size: 9px;
}

.font-size-9{
  font-size: 9px;
}

.classObservationFieldSelect{
    padding: 3px;
    height: 29px;
}

.classVitalValue24Hour{
  display: inline-block;
}

.btn-icon,
.btn-icon:focus,
.btn-icon:active{
  padding: 0 !important;
  background:none !important;
}

.mxcel-table.mxcel-table-compact td{
  padding: 1px 4px !important;
}

.mxcel-table.mxcel-table-compact td.tbody-insider-header{
      padding: 5px 4px !important;
}

.stickyMedixcelFooter .mxcel-table.mxcel-table-compact thead th{
  padding-left: 2px !important;
  padding-bottom: 5px !important;
}


.btn-icon.btn-icon-lg{
  padding: 0;
  font-size: 20px;
}

.no-bottom-border{
  border-bottom: none !important;
}

.uploadAttachmentBox{
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px solid #aaa;
}

.uploaded-attachment-card .fa{
  font-size: 50px;
  cursor: pointer;
}

.uploaded-attachment-card{
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
}

.uploaded-attachment-card-patient-record .fa{
  font-size: 50px;
  cursor: pointer;
}

.uploaded-attachment-card-patient-record .fa{
  font-size: 50px;
  cursor: pointer;
}

.file-uploader{
  background-color: #fafafa;
  border: 1px solid #aaa;
  cursor: pointer;
  height: 50px;
  width: 50px;
  line-height: 47px;
  position: relative;
  vertical-align: top;
}

.file-uploader input[type="file"]{
  visibility: hidden;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  left: 0;
}

.mxcel-row-green{
  background: green !important;
  color: white !important;
}

.form-control-below-order-only:hover,
.form-control-below-order-only:focus{
  box-shadow: none;
}

.prescriptionItem .select2-selection.select2-selection--single,
.prescriptionItem .select2-container.select2-container--default,
.prescriptionItem .select2-container.select2-container--default .selection{
  outline: none;
}

.col-md-1-5{
  width: 12.5000000025%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 15px;
}

.view-doctor-screen .circle{
  width: 100px;
  height: 100px;
}

.view-doctor-screen #idStaffName{
  margin-top: 30px;
  display: block;
}

.view-doctor-screen #idTableClinicAttached{
  margin-bottom: 5px;
}


  .mxcel-table.no-border tbody{
    border: none !important;
  }

  .stickyMedixcelFooter .mxcel-table.border-less tbody,
  .classActivityDashboard.flat-blue .table.border-less > tbody > tr > td, 
  .classActivityDashboard.flat-blue .table.border-less > tbody > tr > th, 
  .classActivityDashboard.flat-blue .table.border-less > tfoot > tr > td, 
  .classActivityDashboard.flat-blue .table.border-less > tfoot > tr > th{
    border: none; 
  }
  
@media only screen and (max-width: 414px) {
  .navbar .navbar-header.nav-quick-btn-container{
    display: none;
  }


}



@media only screen and (max-width: 768px) {
  .navbar-breadcrumb,
  .classDIVPatientSearch{
    display: none;
  }
  #idAddPatientTopSection .input-group[class*=col-] {
    float: left !important;
  }
  .navbar .navbar-header.nav-quick-btn-container{
    float: right;
    margin-right: 50px;
  }

  .sm-no-padding-left {
    padding-left: 0 !important;
  }

  .sm-no-padding-right {
    padding-right: 0 !important;
  }

  .view-doctor-screen #idStaffName{
    margin-top: 10px;
    display: block;
  }

  .sm-text-center {
    text-align: center;
  }

  .sm-d-block{
    display: block;
  }

  .doctor-leave-page legend.page-section-header{
    margin-top: 20px;
  }

  .blockHolidayEvent {
    padding: 1px 2px;
    font-size: 9px;
    margin-left: 2px;
    margin-right: 2px;
  }

  .patient-listing-page  table tr td:nth-child(5) {
    padding-left: 0 !important;
    text-align: center;
  }

  .patient-listing-page .bordered-filters-container{
    margin-top: 20px;
  }

  .patient-listing-page .bordered-filters-container .page-title-right-bar{
    padding-top: 0;
    margin-bottom: 5px;
  }

  .float-label-input-group {
    margin-top: 30px;
  }

  .clinic-doctor-page  table tr td:nth-child(4),
  .user-list-page  table tr td:nth-child(4) {
    padding-left: 0 !important;
    text-align: center;
  }


  body .recommendation-internal-services .classReason,
  body .recommendation-external-services .classExternalReason{
    width: 100%;
    min-width: 100%;
  }

  body .recommendation-internal-services table.mxcel-table thead,
  body .recommendation-external-services table.mxcel-table thead{
    border: none;
  }

  body .recommendation-internal-services table.mxcel-table tbody,
  body .recommendation-external-services table.mxcel-table tbody{
    border: none;
  }

  body .recommendation-internal-services table.mxcel-table tr,
  body .recommendation-external-services table.mxcel-table tr{
    border: none;
  }

  body .recommendation-internal-services table.mxcel-table td,
  body .recommendation-external-services table.mxcel-table td{
    border: none;
  }

  .recommendation-template-list .mxcel-table.mxcel-table-responsive td:nth-child(4){
    padding-left: 0 !important;
    text-align: center;
  }

  .show-prescription-table .diagnosis-section{
    display: block;
    max-width: 100%;
  }

  .show-prescription-table .diagnosis-section .mxcel-table td,
  .show-prescription-table .diagnosis-section .mxcel-table th{
    padding-right: 20px !important;
  }


  body .sm-col-full{
    width: 100%;
  }

  .xs-md-left-padding{
    padding-left: 10px;
  }

  .connect-account-page .sidebar-image-container{
    height: 100px !important;
  }

  .update-opd-bill-container #idTablePayments td:last-child,
  .update-opd-bill-container #idTableRefund td:last-child{
    padding-left: 0% !important;
  }

  .update-opd-bill-container .calculation-dl dt{
    display:block;
  }

  .update-opd-bill-container .calculation-dl dd{
    margin-top: -20px;
  }

  .m-text-center{
    text-align: center;
  }

  .m-lg-top-margin{
    margin-top: 20px;
  }

  .calculation-dl dt{
    width: 40%;
    display: inline-block;
  }

  .calculation-dl dd{
    width: 30%;
    display: inline-block;
  }

  .m-text-left{
    text-align: left;
  }

  .view-opd-bill-container{
    padding: 20px;
    padding-bottom: 40px;
  }

  .update-opd-bill-container{
      padding: 20px;
  }

  body .sidebar-image-container{
    height: 60px !important;
  }

  .flat-blue .report-container .mxcel-table tbody {
    border-bottom: none;
  }

  .flat-blue .mxcel-table tbody {
    border-bottom: none;
  }

  .sidebar-image-container .page-title{
    font-size: 30px;
  }


  .d-mobile-block{
    display: block;
  }

	/* Force table to not be like tables anymore */
	table.mxcel-table.mxcel-table-responsive, .mxcel-table.mxcel-table-responsive thead, .mxcel-table.mxcel-table-responsive tbody, .mxcel-table.mxcel-table-responsive th, .mxcel-table.mxcel-table-responsive td, .mxcel-table.mxcel-table-responsive tr { 
		display: block; 
	}

  body .mxcel-table-panel .mxcel-table.mxcel-table-responsive{
    border: none !important;
  }

  .mxcel-table.mxcel-table-responsive td:before{
    display: inline-block;
  }

  .mxcel-table.mxcel-table-responsive td.non-responsive-column{
    padding-left: 0 !important;
    text-align: center;
  }
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.mxcel-table.mxcel-table-responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

  .show-prescription-table thead{
    border: none !important;
  }

  .show-prescription-table tbody{
    border: none !important;
  }

	
	.mxcel-table.mxcel-table-responsive tr { 
    border: 1px solid #ddd;
    margin-top: 20px;
  }
	
	.mxcel-table.mxcel-table-responsive td { 
		border: none;
		border-bottom: 1px solid #ddd; 
		position: relative;
		padding-left: 50% !important; 
    min-height: 32px;
	}
	
	.mxcel-table.mxcel-table-responsive td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

  .mxcel-table.score-board-table td{
    font-size: 11px;
  }

  body .report-container .dataTables_info{
    font-size: 14px;
  }

  .d-mobile-select2-100 .select2.select2-container.select2-container--default{
    width: 100% !important;
  }

  body .report-container .dataTables_paginate.paging_simple_numbers{
    font-size: 14px;
    margin-bottom: 20px;
  }

  body.stickyMedixcelFooter .classMedixcelFooter{
    padding: 8px 0;
  }


  .classDashboardBtn{
    display: none;
  }

  .page-title-right-bar{
    padding-top: 0;
  }

  .page-title-right-bar .d-flex-row-reverse{
    flex-direction: column-reverse;
  }

  .page-title-right-bar .d-flex-row-reverse > *{
    margin:0;
    margin-top: 10px;
  }

  .page-title-right-bar .d-flex-row-reverse .dateranger-picker-container .caret{
    float: right;
    margin-top: 8px;
    margin-right: 10px;
  }

  .page-title-right-bar .d-flex-row-reverse  .dateranger-picker-container .glyphicon-calendar{
        margin-top: 2px;
  }
  .classActivityDashboard #logomc {
    height: 35px;
    margin-top: 10px;
  }

  .page-title{
    font-size: 22px;
  }
  .navbar-toggle{
    display: none;
  }

  .classDIVPatientSearch,
  .navbar-breadcrumb,
  .classBaseTopHeader{
    display: none;
  }


  .hide-mobile{
    display: none;
  }

  .show-mobile{
    display: block;
  }

  .mobile-padding-zero{
    padding: 0;
  }

  .d-flex-mobile-justify-content-space-between{
    justify-content: space-between;
  }

  .nav.navbar-nav.navbar-right.classNavbarRightCtls{
    top: 0;
    display: inline-block;
    right: 0;
    width: 60px;
    background: transparent;
  }

  .nav.navbar-nav.navbar-right.classNavbarRightCtls .classDropDownMenu{
    width: 100%;
    background-color: rgba(255,255,255) !important;
    padding-bottom: 30px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
    box-shadow: 0 1px 1px rgb(0 0 0 / 10%)
  }

  .nav.navbar-nav.navbar-right.classNavbarRightCtls .classNavbarMainMenu li{
    display: block;
  margin-bottom: 5px;
  overflow: hidden;
  }

  .page-highlight{
    font-size: 14px;
  }

  .page-title-right-bar .select2.select2-container.select2-container--default,
  .page-title-right-bar .dateranger-picker-container,
  .page-title-right-bar .btn{
      text-align: left;
      width: 100% !important;
      margin-top: 10px;
      display: block !important;
  }

  .page-title-right-bar .btn{
    margin-left: 0;
  }

  .page-title-right-bar .btn{
      text-align: center;
  }

  .cancellation-appointment-report .page-title-right-bar .select2.select2-container.select2-container--default,
  .cancellation-appointment-report .page-title-right-bar .dateranger-picker-container,
  .cancellation-appointment-report .page-title-right-bar .btn,
  .patient-flow-overview-report .page-title-right-bar .select2.select2-container.select2-container--default,
  .patient-flow-overview-report .page-title-right-bar .dateranger-picker-container,
  .patient-flow-overview-report .page-title-right-bar .btn {
      text-align: left;
      width: 100% !important;
      margin-top: 10px;
      display: block !important;
  }

  .flat-blue .cancellation-appointment-report .page-title-right-bar,
  .flat-blue .online-appointment-reprt .page-title-right-bar{
    padding-top: 0;
    width: 100%;
  }

  .diagnosis-overview-report .d-select2-100{
    width: 100%;
  }

  body.classActivityDashboard .diagnosis-overview-report .page-title-right-bar{
    display: block;
    width: 100%;
  }

  body.classActivityDashboard .diagnosis-overview-report .page-title-right-bar .dateranger-picker-container{
    width: 100% !important;
  }

  .prescription-overview-report .d-select2-100{
    width: 100%;
  }

  body.classActivityDashboard .prescription-overview-report .page-title-right-bar{
    display: block;
    width: 100%;
  }

  body.classActivityDashboard .prescription-overview-report .page-title-right-bar .dateranger-picker-container{
    width: 100% !important;
  }

  .performance-report .compare-btn{
    margin-top: 0;
  }



  .chart-circle-container .chart-circle-first-row{
    display: block;
    text-align: center;
  }

  .chart-circle-container .chart-circle-first-row img,
  .chart-circle-container .chart-circle-second-row img{
    width: 80%;
    margin-bottom: 40px;
  }

  .chart-circle-container .chart-circle-second-row{
    margin-top: 0;
  }

  .report-container.accounts-page .page-title-right-bar a{
    margin-left: 0;
  }

  /*.report-container.accounts-page tbody tr td:last-child {
    padding-left: 0 !important;
    text-align: center;
  }*/

  .report-container.accounts-page .page-title-right-bar{
    padding-top: 0;
  }
}

.dateranger-picker-container{
      text-align: right !important;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #faa732;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.text-medixcel-primary{
  color: #faa732;
}

/**
* Small devices Tablets
**/
@media only screen and (max-width: 991px) {

  .classHideOnMobile{
    display: none;
  }
}
@media only screen and (max-width: 992px) {
  .sidebar-image-container .page-title{
    font-size: 30px;
  }

  .show-prescription-table .diagnosis-section{
    display: block;
    max-width: 100%;
  }

  .show-prescription-table .diagnosis-section .mxcel-table td,
  .show-prescription-table .diagnosis-section .mxcel-table th{
    padding-right: 20px !important;
  }

  .page-title-right-bar .select2.select2-container.select2-container--default,
  .page-title-right-bar .dateranger-picker-container,
  .page-title-right-bar .btn{
      text-align: left;
      width: 100% !important;
      margin-top: 10px;
      display: block !important;
  }

  body .confirmation-modal.modal{
    width: 75% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }


  .page-title-right-bar .btn{
    margin-left: 0;
  }

  .page-title-right-bar .btn{
      text-align: center !important;
  }

  .diagnosis-overview-report .page-title-right-bar{
    padding-left: 15px;
  }


  .online-appointment-reprt .page-title-right-bar .select2.select2-container.select2-container--default,
  .online-appointment-reprt .page-title-right-bar .dateranger-picker-container,
  .online-appointment-reprt .page-title-right-bar .btn,
  .patient-flow-overview-report .page-title-right-bar .select2.select2-container.select2-container--default,
  .patient-flow-overview-report .page-title-right-bar .dateranger-picker-container,
  .patient-flow-overview-report .page-title-right-bar .btn{
      width: inherit !important;
      margin-top: 10px;
  }

  body .patient-flow-overview-report .page-title-right-bar{
    width: 100%;
    padding-top: 0;
  }

  body .patient-flow-overview-report .select2.select2-container.select2-container--default{
    flex: none;
  }

  .prescription-overview-report .d-select2-100{
    width: 100%;
  }

  .diagnosis-overview-report .d-select2-100{
    width: 100%;
  }

  body .diagnosis-overview-report .page-title-right-bar{
    display: flex;
    width: 100%;
  }

  body .prescription-overview-report .page-title-right-bar{
    display: flex;
    width: 100%;
  }
}

@media only screen and (min-width: 992px) {
  .cancellation-appointment-report .page-title-container{
    width: 50%;
  }

  .cancellation-appointment-report .page-title-right-bar{
    width: 50%;
    padding-top: 20px;
  }

  .performance-report .page-title-container{
    width: 50%;
  }

  .performance-report .page-title-right-bar{
    width: 50%;
    padding-top: 20px;
  }
}

.report-container #dataExist{
  margin-top: 20px;
}

@media screen and (min-width: 1200px) {
  
  .consultation-status-report .page-title-container{
    width: 40%;
  }

  .consultation-status-report .page-title-right-bar{
    width: 60%;
    padding-top: 20px;
  }

}

/**
* Medium devices Desktops
**/
@media screen and (max-width: 1200px) {
  .show-prescription-table .diagnosis-section{
    display: block;
    max-width: 100%;
  }

  .show-prescription-table .diagnosis-section .mxcel-table td,
  .show-prescription-table .diagnosis-section .mxcel-table th{
    padding-right: 20px !important;
  }

  .show-prescription-table .diagnosis-section .mxcel-table{
    width: 100% ;
  }

  .md-w-per-100{
    width: 100%;
  }

  .prescription-item-table{
    display: none;
  }

  .prescription-template-table-field-label::before{
    content: "";
    display: block;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 800;
  }

  .classRemoveBtnPrescriptionTemplate{
    position: absolute;
    top: -2px;
    right: 40px;
    padding: 0;
  }

   

  .prescription-template-crud-page .form-horizontal label.control-label{
    margin-bottom: 5px;
  }

  .prescription-template-table-field-label.generic-name::before{
    content: "Generic Name";
  }

  .prescription-template-table-field-label.drug-name::before{
    content: "Drug Name";
  }

  .prescription-template-table-field-label.formulation-name::before{
    content: "Formulation";
  }

  .prescription-template-table-field-label.strength-name::before{
    content: "Strength";
  }

  .prescription-template-table-field-label.dosage-name::before{
    content: "Dosage";
  }

  .prescription-template-table-field-label.dose-name::before{
    content: "Dose";
  }

  .prescription-template-table-field-label.days-name::before{
    content: "Days";
  }

  .prescription-template-table-field-label.instruction-name::before{
    content: "Instructions";
  }

  .md-col-4{
    width: 33.33%;
  }

  .page-title-right-bar{
    width: 100%;
  }

  .online-appointment-reprt .page-title-right-bar,
  .patient-flow-overview-report .page-title-right-bar{
    width: 50%;
  }
}


@media screen and (max-width: 1300px) {
  .navbar-breadcrumb{
    display: none;
  }

  .total-bill-report .page-title-container{
    width: 25%;
  }

  .total-bill-report .page-title-right-bar{
    width: 75%;
    padding-top: 20px;
  }

  .total-bill-report .page-title-container{
    width: 100%;
  }

  .total-bill-report .page-title-right-bar{
    width: 100%;
    padding-top: 0;
  }

  .total-payment-report .page-title-container{
    width: 100%;
  }

  .total-payment-report .page-title-right-bar{
    width: 100%;
    padding-top: 0;
  }

  .chart-circle-container img{
    width: 300px;
  }
}

@media screen and (min-width: 1300px) {
  .total-bill-report .page-title-container{
    width: 25%;
  }

  .total-bill-report .page-title-right-bar{
    width: 75%;
    padding-top: 20px;
  }

  .total-payment-report .page-title-container{
    width: 26%;
  }

  .total-payment-report .page-title-right-bar{
    width: 74%;
    padding-top: 20px;
  }

  .daily-visit-report .page-title-container{
    width: 36%;
  }

  .daily-visit-report .page-title-right-bar{
    width: 64%;
    padding-top: 15px;
  }

  .online-payment-report .page-title-container{
    width: 30%;
  }

  .online-payment-report .page-title-right-bar{
    width: 70%;
    padding-top: 20px;
  }
}

/**
* Medium devices Desktops
**/
@media screen and (max-width: 1650px) {
  .page-title-right-bar{
      width: 100%;
      padding-top: 0;
  }

  .chart-circle-first-row{
    margin-top: 50px;
  }

  .chart-circle-container img{
    width: 300px;
  }

  .online-appointment-reprt .page-title-right-bar,
  .patient-flow-overview-report .page-title-right-bar{
    width: 50%;
    padding-top: 20px;

  }

  .diagnosis-overview-report .page-title-right-bar{
    width: 66.66666667%;
  }

  .tele-consultation-report .page-title-container{
    width: 100%;
  }

  .tele-consultation-report .page-title-right-bar{
    width: 100%;
  }

  .prescription-overview-report .page-title-right-bar{
    width: 75%;
  }
}

@media screen and (max-width: 1300px) {
  .chart-circle-container img{
    width: 300px;
  }
}

@media screen and (max-width: 1300px) {
  .chart-circle-container img{
    width: 300px;
  }

  .chart-circle-first-row{
    margin-top: 50px;
  }
}

@media screen and (max-width: 1100px) {
  .chart-circle-container img{
    width: 300px;
  }
}

@media screen and (max-width: 1700px) {
  .bordered-filters{
    width: 45%;
  }
}

@media screen and (max-width: 1550px) {
  .bordered-filters{
    width: 50%;
  }
}

@media screen and (max-width: 1350px) {
  .bordered-filters{
    width: 55%;
  }
}

@media screen and (max-width: 1250px) {
  .bordered-filters{
    width: 60%;
  }
}

@media screen and (max-width: 1150px) {
  .bordered-filters{
    width: 70%;
  }
}

@media only screen and (max-width: 992px) {
  .bordered-filters{
    width: 100%;
  }

  .bordered-filters #idFilterSearch{
    bottom: -17px;
    right: 19px;
    left: 20px;
    width: auto !important;
  }

  .report-container.accounts-page  .bordered-filters .page-title-right-bar{
    padding-top: 0;
  }

  .accounts-page .bordered-filters .bordered-filters-container{
    padding-bottom: 35px;
  }
}

.mxcel-green{
  color: green;
}

.class-theme-1-border-1{
  border-color: #1e90ff !important;
}

.class-theme-1-border-2{
  border-color: #5c65e0 !important;
}

.class-theme-1-border-3{
  border-color: #729ef7 !important;
}

.class-theme-1-border-4{
  border-color: #5CABE0 !important;
}

.class-theme-1-border-5{
  border-color: #3770c9 !important;
}

.class-theme-1-text-1{
  color: #1e90ff !important;
}

.class-theme-1-text-2{
  color: #5c65e0 !important;
}

.class-theme-1-text-3{
  color: #729ef7 !important;
}

.class-theme-1-text-4{
  color: #5CABE0 !important;
}

.class-theme-1-text-5{
  color: #3770c9 !important;
}

.class-theme-1-icon-1 .fa{
  color: #1e90ff !important;
}

.class-theme-1-icon-2 .fa{
  color: #5c65e0 !important;
}

.class-theme-1-icon-3 .fa{
  color: #729ef7 !important;
}

.class-theme-1-icon-4 .fa{
  color: #5CABE0 !important;
}

.class-theme-1-icon-5 .fa{
  color: #3770c9 !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:not(:checked) + .class-theme-1-checkbox-1:before{
  border-color: #1e90ff !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:not(:checked) + .class-theme-1-checkbox-2:before{
  border-color: #5c65e0 !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:not(:checked) + .class-theme-1-checkbox-3:before{
  border-color: #729ef7 !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:not(:checked) + .class-theme-1-checkbox-4:before{
  border-color: #5CABE0 !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:not(:checked) + .class-theme-1-checkbox-5:before{
  border-color: #3770c9 !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:checked + .class-theme-1-checkbox-1:before{
  background: #1e90ff !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:checked + .class-theme-1-checkbox-2:before{
  background: #5c65e0 !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:checked + .class-theme-1-checkbox-3:before{
  background: #729ef7 !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:checked + .class-theme-1-checkbox-4:before{
  background: #5CABE0 !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:checked + .class-theme-1-checkbox-5:before{
  background: #3770c9 !important;
}

body .classBlockInFormForInputs input:read-only{
  background-color: #eee !important;
}

.class-theme-1-bg-1{
  background: #1e90ff !important;
}

.class-theme-1-bg-2{
  background: #5c65e0 !important;
}

.class-theme-1-bg-3{
  background: #729ef7 !important;
}

.class-theme-1-bg-4{
  background: #5CABE0 !important;
}

.class-theme-1-bg-5{
  background: #3770c9 !important;
}

.class-theme-1-bg-null,
.class-theme-1-bg-,
.class-theme-1-bg-undefined{
  background: rgb(93,168,90);
}

.text-underline{
  text-decoration: underline;
}

.consultationOverviewSectionText{
  font-size: 11px;
}

.stickyMedixcelFooter .mxcel-table.consultationOverviewSectionText thead th{
  font-size: 11px;
}

.consultationOverviewSectionText p{
  margin-bottom: 0px;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:checked + .class-theme-1-checkbox-1:before,
#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:checked + .class-theme-1-checkbox-2:before,
#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:checked + .class-theme-1-checkbox-3:before,
#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:checked + .class-theme-1-checkbox-4:before,
#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:checked + .class-theme-1-checkbox-5:before{
      border-color: transparent !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:not(:checked) + .class-theme-1-checkbox-1:before,
#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:not(:checked) + .class-theme-1-checkbox-2:before,
#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:not(:checked) + .class-theme-1-checkbox-3:before,
#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:not(:checked) + .class-theme-1-checkbox-4:before,
#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]:not(:checked) + .class-theme-1-checkbox-5:before{
  background-color: white !important;
}

#idNewCalendarDoctorList .classCheckboxBlack > [type="checkbox"]+ .classCheckboxLabel::after{
  color: white !important;
}

.lightSlider.lSSlide .lslide{
  text-align: center;
}

.panel-within-panel{
  margin: 0;
  margin: -15px;
}

.slotContainer .no-slots{
  padding-left: 1.5%;
}

.panel-within-panel .panel-title,
.stickyMedixcelFooter .doctor-dashboard-page .mxcel-table thead th{
    font-size: 12px !important;
    color: #666 !important;
    font-weight: 500 !important;
}

.panel-within-panel.stacked-panel{
    margin-left: -16px;
    margin-top: 15px;
    border-top: 1px solid #aaa;
}

.dashboard-tranparent-header-panel{
  border-top: none;
    border-left: none;
    border-right: none;
}

.dashboard-tranparent-header-panel{
  border: none;
}

.dashboard-tranparent-header-panel > .panel-body{
  border: 1px solid #aaa;
}

.dashboard-tranparent-header-panel > .panel-body{
  border-top: none;
}

.no-border{
  border: None !important;
}

.no-box-shadow{
  box-shadow: None !important;
}

.border-aaa{
  border-color: #aaa;
}

.no-top-border{
  border-top: none !important;
}

.border-right-aaa{
  border-right: 1px solid #aaa !important;
}

.border-left-aaa{
  border-left: 1px solid #aaa !important;
}

.border-top-aaa{
  border-top: 1px solid #aaa !important;
}

.border-bottom-aaa{
  border-bottom: 1px solid #aaa !important;
}

.doctor-dashboard-page #idTableTodayAppointmentDetailsBody thead,.doctor-dashboard-page #idTableTodayAppointmentDetailsBody tbody{
  border-bottom: 2px solid #ddd;
}

#idDashboardRevenuePanel small,
#idDashboardNewPatientPanel small{
  font-size: 10px;
}

#idDashboardRevenuePanel p.billed,
#idDashboardNewPatientPanel p.billed{
  font-size: 18px;
}

#idDashboardRevenuePanel .billed,
#idDashboardNewPatientPanel .billed{
  margin-top: 0 !important;
}

.consultation-tab{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  color: #666 !important;
}

.consultation-tab a{
  color: #666 !important;
}


.consultation-tab.active{
  background: #f8f8f8;
  border-color: #22a7f0;
  color: #22a7f0 !important;
}

.consultation-tab.active a{
  background: #f8f8f8 !important;
  color: #22a7f0 !important;
}


.flat-blue .panel.panel-default.dashboard-tranparent-header-panel .panel-heading{
  font-size: 17px;
  color: #218ec0;
  background: white;
}

.dasbhoard-page-title{
  font-size: 12px;
  font-style: italic;
  color: #999;
}

.text-999{
  color: #999;
}

.slot-container-row{
  margin: 0px 20px;
  border-bottom: 1px solid #ddd;
}

.doctor-dashboard-page .panel-heading{
  background: white !important;
}
.slot-container-row .slot-date-column{
  padding-left: 7px;
}

.dashboard-tranparent-header-panel > .panel-heading .panel-title{
  font-size: 17px;
}

.dashboard-tranparent-header-panel .panel-within-panel{
  background: white;
  border: none;
}

.dashboard-tranparent-header-panel .panel-within-panel:not(:first-child){
  border-top: 1px solid #aaa;
}

.dashboard-tranparent-header-panel .panel-within-panel.right-border{
  border-right: 1px solid #aaa;
}

.slot-container-row .slot-time-column{
  padding-right: 0;
}

.slot-container-row.first{
  margin-top: 0;
}

#up-button{
  padding-bottom: 0;
}


.calendar-event-patient-timer-btn,
.calendar-event-pending-bill{
  cursor: pointer;
}

#idTableTodayAppointmentDetailsBody,
#appointmentDataExist,
#appointmentDataExist .btn{
  font-size: 12px;
}

.font-size-12{
  font-size: 12px !important;
}

#down-button{
  padding-up: 0;
}


.slot-container-row.last{
  margin: 0px 20px;
  border-bottom: none;
}

.no-botttom-border{
  border-bottom: none !important;
}

.slot-container-row.last .slot-date-column{
  padding-left: 5px;
  margin-bottom: 0;
}

.slot-container-row.last .slot-time-column{
  padding-right: 0;
  margin-bottom: 0;
}


.slotContainer .lSAction>a{
  opacity: 1;
  background-image: none;
}

.slotContainer #idSlotsBookingPanel{
  margin-top: 10px;
  margin-bottom: 10px;
}

#idSlotsBookingPanel .slot-date-column{
  width: 12%;
}

#idSlotsBookingPanel .slot-time-column{
  width: 88%;
  border-left: 1px solid grey;
}


@media (min-width: 1200px) and (max-width: 1599px) {
  #idSlotsBookingPanel .slot-date-column{
    width: 16%;
  }

  #idSlotsBookingPanel .slot-time-column{
    width: 84%;
  }

  .slot-time-scroller{
    width: 9%;
  }

  .slot-time-scroller-panel{
    width: 82%;
  }
}


@media (min-width: 1000px) and (max-width: 1300) {
  #idSlotsBookingPanel .slot-date-column{
    width: 14%;
  }

  #idSlotsBookingPanel .slot-time-column{
    width: 86%;
  }
}


.slotContainer .lSPrev{
  display: none !important;
}


.slotContainer .lSNext{
  display: none !important;
}

#idSlotsBookingPanelBody{
  font-size: 12px;
}
#idSlotsBookingPanelBody .panel-within-panel{
  margin: 0;
}

#idSlotsBookingPanelBody .panel-within-panel .panel-body{
  padding: 0;
}
.slotContainer li.lslide{
  cursor: pointer;
}

.slotContainer .margin-left-angle,
.slotContainer .margin-right-angle{
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.no-padding{
  padding: 0 !important;
}

.width-80-px{
  width: 80px !important;
}

.input-group .width-80-px{
  width: 60px !important;
}

.width-100-px{
  width: 100px;
}

.input-group .width-100-px{
  width: 80px !important;
}

.xl-right-margin{
  margin-right: 30px !important;
}

#doctorProfileContainer .media-left a{
    width: 80px;
    height: 80px;
    display: inline-block;
}

#consultationPatientImageContainer{
    width: 80px;
    height: 80px;
    margin-top: 5px;
    display: inline-block;
}

.border-grey{
  border: 1px solid #aaa;
}

#idPatientHeaderTab{
  padding: 5px 10px;
}

.alert-fefefe{
  background: #fefefe;
  color: #666;
}

#consultationPatientContactDetails{
  border-bottom: 1px solid black;
}

.editorContainer{
  border: 1px solid #ccc;
  border-radius: 3px;
}

.editorContainer:focus{
  border: 1px solid #666;
  border-radius: 3px;
}

.minimalist-ckeditor .cke_top,
.minimalist-ckeditor .cke_bottom{
  display: none;
}

body.cke_editable{
  margin: 0px 10px;
  line-height: 1px;
}

.ql-toolbar .ql-formats .ql-link,
.ql-toolbar .ql-formats .ql-header,
.ql-toolbar .ql-formats .ql-blockquote{
  display: none;
}

.ql-toolbar .ql-formats:not(:first-child){
  display: none;
}

.ql-tooltip .ql-toolbar{
  text-align: center;
}

.text-white{
  color: white !important;
}

.line-height-1{
  line-height: 1px !important;
}

.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 20px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
  display: table-cell;
  text-align: center;
  position: relative;
}
.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px !important;
}


.lds-ring {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 34px;
  height: 34px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.classRemoveTimerRemover{
  margin-top: 12px !important;
}

.bootstrap-timepicker-hour{
  border:none;
}

.bootstrap-timepicker-minute{
  border:none;
}

.bootstrap-timepicker-meridian{
  border:none;
}

.addMoreSpecializationContainer .addMoreItem:not(:first-child){
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid black;
}

.addMoreSpecializationContainer .addMoreItem:first-child .btn-remove-item{
  display: none;
}

.visible-hidden{
  visibility: hidden;
}


.drawer-body .select2-selection__choice,.drawer-body  .select2-search--inline{
  width: auto;
}

.pageSpinnerContainer {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #22A7F0; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: pageSpinnerContainer 2s linear infinite;
  position: fixed;
  left: 50%;
  margin-left: -60px;
  top: 50%;
  margin-top: -60px;
  z-index: 1000;
}

@keyframes pageSpinnerContainer {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.appointmentPageSpinnerContainer {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #22A7F0; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: appointmentPageSpinnerContainer 2s linear infinite;
  position: absolute;
  left: 50%;
  margin-left: -60px;
  top: 50%;
  margin-top: 50px;
  z-index: 1000;
}

@keyframes appointmentPageSpinnerContainer {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.ndhb-ajax-loader {
  border: 8px solid #f3f3f3; /* Light grey */
  border-top: 8px solid #22A7F0; /* Blue */
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: ndhb-ajax-loader 2s linear infinite;
  z-index: 1000;
  display: inline-block;
}

@keyframes ndhb-ajax-loader {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



.healthIDVerify{
  position: relative;
}

.healthIDVerify .mxcel-red{
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}

.healthIDVerify.noValue .mxcel-red{
  display: none !important;
}

.healthIDVerify.noValue .form-control{
  padding-right: 12px;
}

.healthIDVerify .form-control{
  padding-right: 50px;
}

.font-size-18px{
  font-size: 18px !important;
}

.patientRecordHeader{
  font-size: 16px;
}

.saveConsultationBtnContainer{
  position: relative;
}

.saveConsultationBtnContainer #saveConsultationBtn{
  position: absolute;
  right: 0;
  top: 0;
}
.saveConsultationBtnContainerNew{
  position: relative;
}

.saveConsultationBtnContainer #saveConsultationBtnNew{
  position: absolute;
  right: 0;
  top: 0;
}

#consultationOverviewSidebar .drawer-body hr{
  margin-bottom: 10px;
  margin-top: 10px;
}

.consultationOverviewSection{
  margin-bottom: 15px;
}

.threepx-bottom-margin{
  margin-bottom: 3px;
}

.stickyMedixcelFooter #consultationOverViewPrescriptionTable.mxcel-table.mxcel-table-compact thead th,
#consultationOverViewPrescriptionTable.mxcel-table.mxcel-table-compact td{
  padding-left: 0 !important;
  padding-top: 0 !important;
  border: none;
}

.stickyMedixcelFooter #consultationOverViewPrescriptionTable.mxcel-table.mxcel-table-compact thead{
  border-bottom: 1px solid #ccc;
  color: #333;
}

#appointmentSidebarDatetimeFromControl{
  width: 200px;
}

#appointmentSidebarDatetimeToControl{
  width: 100px;
}

.panel-stats-title{
  font-size: 14px !important;
  color: #218ec0 !important;
  margin: 0 !important;
}

.hundredms-container{
  position: fixed; 
  right: 0; 
  bottom: 0; 
  height: 50%; 
  width: 50%; 
  z-index: 1000000;
  background: white;
  box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.75);
  -webkit-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 22px -7px rgba(0,0,0,0.75);
}


.hundredms-container header {
  padding: 10px;
}
.hundredms-container .btn-primary {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 6px 14px;
  background-color: #1565c0;
  color: white;
  font-family: inherit;
  font-size: 14px;
}
.hundredms-container form h2, .hundredms-container .conference-section h2 {
  margin-bottom: 20px;
}
.hundredms-container .btn-danger {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 6px 14px;
  background-color: #f44336;
  color: white;
  font-family: inherit;
  font-size: 14px;
}
.hundredms-container #peers-container {
  display: grid;
  grid-template-columns: repeat(2, minmax(min-content, 1fr));
  place-items: center;
  grid-gap: 10px;
}
.hundredms-container .peer-video {
  height: 250px;
  width: 250px;
  border-radius: 40%;
  object-fit: cover;
  margin-bottom: 10px;
}
.hundredms-container .local.peer-video {
  transform: scaleX(-1);
}
.hundredms-container .peer-name {
  font-size: 14px;
  text-align: center;
}
.hundredms-container .peer-container {
  padding: 10px;
}
.hundredms-container .control-bar {
  display: flex;
  bottom: 0;
  width: 100%;
  padding: 15px;
  justify-content: center;
  z-index: 10;
}
.hundredms-container .control-bar > *:not(:first-child) {
  margin-left: 8px;
}
.hundredms-container .btn-control {
  /* font-size: 12px;
  border: 2px solid #37474f;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  text-align: center;
  background-color: #607d8b;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); */
  border: none;
  background-color: transparent;
  outline: none;
}
.hundredms-container .hide {
  display: none;
}


.hundredms-container .not-muted .fa-microphone-slash{
  display: none;
}

.hundredms-container .muted .fa-microphone{
  display: none;
}

.hundredms-container .not-cam-off .fa-video-camera-stack{
  display: none;
}

.hundredms-container .cam-off > .fa-video-camera{
  display: none;
}