@font-face {
  font-family: 'poppin-bold';
  src        : url('../_fonts/Poppins/Poppins-Bold.eot');
  src        : url('../_fonts/Poppins/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/Poppins/Poppins-Bold.woff2') format('woff2'),
    url('../_fonts/Poppins/Poppins-Bold.woff') format('woff'),
    url('../_fonts/Poppins/Poppins-Bold.ttf') format('truetype');
  font-weight : normal;
  font-style  : normal;
  font-display: swap;
}



@font-face {
  font-family: 'poppin-semibold';
  src        : url('../_fonts/Poppins/Poppins-semiBold.eot');
  src        : url('../_fonts/Poppins/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/Poppins/Poppins-SemiBold.woff2') format('woff2'),
    url('../_fonts/Poppins/Poppins-SemiBold.woff') format('woff'),
    url('../_fonts/Poppins/Poppins-SemiBold.ttf') format('truetype');
  font-weight : normal;
  font-style  : normal;
  font-display: swap;
}


@font-face {
  font-family: 'Poppins-Medium';
  src        : url('../_fonts/Poppins/Poppins-Medium.eot');
  src        : url('../_fonts/Poppins/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/Poppins/Poppins-Medium.woff2') format('woff2'),
    url('../_fonts/Poppins/Poppins-Medium.woff') format('woff'),
    url('../_fonts/Poppins/Poppins-Medium.ttf') format('truetype');
  font-weight : normal;
  font-style  : normal;
  font-display: swap;
}



@font-face {
  font-family: 'poppins-regular';
  src        : url('../_fonts/Poppins/Poppins-Regular.eot');
  src        : url('../_fonts/Poppins/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/Poppins/Poppins-Regular.woff2') format('woff2'),
    url('../_fonts/Poppins/Poppins-Regular.woff') format('woff'),
    url('../_fonts/Poppins/Poppins-Regular.ttf') format('truetype');
  font-weight : normal;
  font-style  : normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cairo-sbold';
  src        : url('../_fonts/Cairo/Cairo-SemiBold.eot');
  src        : url('../_fonts/Cairo/Cairo-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../_fonts/Cairo/Cairo-SemiBold.woff2') format('woff2'),
    url('../_fonts/Cairo/Cairo-SemiBold.woff') format('woff'),
    url('../_fonts/Cairo/Cairo-SemiBold.ttf') format('truetype');
  font-weight : 600;
  font-style  : normal;
  font-display: swap;
}

header .logo img {
  width: 80%;
}

.patient-container {
  min-height: 100vh;
}

header .navbar {
  padding: 8px 0px;
}

header .logo {
  width: 150px;
}

header .menuIcon img {
  width : 20px;
  height: auto;
}

header nav form .btn-search {
  background                : #fff;
  border                    : 0px solid;
  border-bottom-right-radius: 4px;
  border-top-right-radius   : 4px;
}

header nav form .btn-search i {
  padding  : 0px 3px;
  font-size: 18px;
  color    : #00bcff;
}

header nav form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b3b3b3 !important;
}

header nav form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #b3b3b3;
}

header nav form :-ms-input-placeholder {
  /* IE 10+ */
  color: #b3b3b3;
}

header nav form :-moz-placeholder {
  /* Firefox 18- */
  color: #b3b3b3;
}

header nav form input {
  width: 240px;
}

header nav form {
  margin-right: 20px;
}



header nav .form-control {
  border: 0px;
}

header .registerNew {
  font-weight: 700;
  background : #191919;
  color      : #f7f8f9 !important;
}

header .registerNew span {
  margin-right: 5px;
}

header .registerNew span img {
  width        : 20px;
  border-radius: 2px;
}


header .switch {
  position: relative;
  display : inline-block;
  width   : 60px;
  height  : 34px;
  top     : 15px;
}

header .switch input {
  opacity: 0;
  width  : 0;
  height : 0;
}

footer {
  font-size: 12px;
  padding  : 7px 0px 3px 0px;
}

.cardFooter span span {
  padding: 0px;
  margin : 0px 0px 4px 0px;
}

.appointmentsInfo .cardFooter span span {
  padding: 3px 5px;
  margin : 0px 5px;
}

header .slider {
  position          : absolute;
  cursor            : pointer;
  top               : 0;
  left              : 0;
  right             : 0;
  bottom            : 0;
  background-color  : #ccc;
  -webkit-transition: 0.4s;
  transition        : 0.4s;
}

header .slider.darkMood {
  font-size  : 8px;
  color      : #fff;
  font-weight: 200;
  padding    : 2px 7px;
}

header .slider.lightMood {
  font-size  : 8px;
  color      : #0577bf;
  font-weight: 200;
  padding    : 2px 0px 0px 18px;
}

header .slider:before {
  position        : absolute;
  content         : "";
  height          : 13px;
  width           : 13px;
  bottom          : 1px;
  background-color: #0071bc;
  transition      : 0.4s;
}

header .slider.darkMood:before {
  left: 23px;
}

header .slider.lightMood:before {
  left: 2px;
}

header input:checked+.slider {
  background-color: #333;
}

header input:focus+.slider {
  box-shadow: 0 0 1px #2196f3;
}

header input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform    : translateX(26px);
  transform        : translateX(26px);
}

header .slider.round {
  border-radius: 34px;
  height       : 15px;
  width        : 65px;
}

header .slider.round:before {
  border-radius: 50%;
}

/*
header a.drgdropEnable:after {
content: 'Enabled';
.selected-theme header a.drgdropEnable:after {
content: 'Enabled';
font-size: 9px;
position: relative;
top: -6px;
bottom: 0px;
left: 3px;
}*/
.flip-card-front h5 span {
  font-size: 15px;
}

header a.drgdropDisable:after {
  content  : 'Disabled';
  font-size: 9px;
  position : relative;
  top      : -6px;
  bottom   : 0px;
  left     : 3px;
  color    : #c0272d;
}

footer {
  background: #000;
}

.dashboard-contents {
  /** styles for changing card headline icons ***/
  /** styles for changing card headline icons ***/
  margin-top: 10px;
}

.dashboard-contents .headerIcon i {
  background-color: #eff1f4;
  color           : #000;
  padding         : 5px;
  border-radius   : 50%;
}

.dashboard-contents i.menuHeadIcon,
.dashboard-contents i.menuDots {
  color    : #666;
  font-size: 17px;
}

.dashboard-contents .visitedDoctorsInfo:before {
  border-bottom: 7px #666 solid;
}

.dashboard-contents .visitedDoctorsInfo .slide img {
  border: 5px solid #666;
}

.askDoctorInfo .listIcon img {
  border: 2px solid #666;
}





/*   .appointmentsInfo .cardFooter button {
background: #666;
color     : #fff;
} */

.listIcons a i {
  color: #666;
}

.labReportsInfo span.listIcon {
  color: #666;
}

.patientServicesInfo i {
  color: #666;
}



.messageCenterInfo span.listIcon i {
  color: #666;
}

.messageCenterInfo .disabledList i {
  color: #b3b3b3 !important;
}

.drag-over {
  border: #ff525b dashed 2px;
}

.drag-hint {
  border: #ffc100 dashed 2px;
}

.drag-target-border {
  border: #00bfff dashed 2px;
}

.drag-target-border-green {
  border: #3c763d dashed 2px;
}

.dragIcon {
  width: 30px;
  float: right;
}



.patientInfo {
  margin-bottom: 40px;
}

.patientInfo .cardFooter,
.familyInfo .cardFooter {
  margin-left : 0px;
  margin-right: 0px;
}


.patientInfo .greyBackground {
  display: flow-root;
}

.patientInfo .greyBackground .profile-img .user-image {
  width : 100%;
  margin: 30px 15px 5px 15px;
}


.patientInfo .greyBackground .patientName h3 {
  font-size    : 16px;
  font-weight  : 700;
  margin-bottom: 0px;
}

.patientInfo .greyBackground .profile-img div img {
  width       : 16px;
  margin-right: 5px;
}

.patientInfo .greyBackground .patientName p {
  margin   : 10px 0px;
  font-size: 14px;
  /*  */
}

/*   .patientInfo .greyBackground button {
background   : #fff;
color        : #0577bf;
border       : 0px;
border-radius: 5px;
font-size    : 15px;
font-weight  : 700;
float        : right;
margin-bottom: 10px;
margin-right : 10px;
padding      : 5px 10px;
margin-top   : 17px;
} */



.patientInfo .patient-info-box {
  width: 100%;
}

.patientInfo .patient-info-box span.circleIcons a {
  padding: 0px 5px;
}

.patientInfo .patient-info-box span.circleIcons a img {
  width: 20px;
}

.patientInfo .cardBox {
  padding: 0px !important;
}

.patientInfo .switch {
  position: relative;
  display : inline-block;
  width   : 60px;
  top     : 15px;
}

.patientInfo .switch input {
  opacity: 0;
  width  : 0;
  height : 0;
}

.patientInfo .slider {
  position          : absolute;
  cursor            : pointer;
  top               : 0;
  right             : 0;
  bottom            : 0;
  background-color  : #ccc;
  -webkit-transition: 0.4s;
  transition        : 0.4s;
  width             : 55px;
}

.patientInfo .slider.activeMood {
  font-size: 10px;
  padding  : 0px 20px 0px 0px;
  color    : #0577bf;
}

.patientInfo .slider.activeMood:before {
  left: 15px;
}

.patientInfo .slider.notactiveMood {
  font-size: 8px;
  padding  : 2px 4px 0px 0px;
  color    : #0577bf;
}

.patientInfo .slider.notactiveMood:before {
  left: 0px;
}

.patientInfo .slider:before {
  position        : absolute;
  content         : "";
  height          : 13px;
  width           : 13px;
  left            : 16px;
  bottom          : 1px;
  background-color: #0071bc;
  transition      : 0.4s;
}

.patientInfo input:checked+.slider {
  background-color: #cce3f2;
}

.patientInfo input:focus+.slider {
  box-shadow: 0 0 1px #2196f3;
}

.patientInfo input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform    : translateX(26px);
  transform        : translateX(26px);
}

.patientInfo .slider.round {
  border-radius: 34px;
  height       : 15px;
}

.patientInfo .slider.round:before {
  border-radius: 50%;
}

.insuranceInfo {
  padding: 0px 10px;
  /** switch **/
  /* Rounded sliders */
}

.insuranceInfo .switch {
  position: relative;
  display : inline-block;
  width   : 60px;
  top     : 15px;
}

.insuranceInfo .switch input {
  opacity: 0;
  width  : 0;
  height : 0;
}

.insuranceInfo .slider {
  position          : absolute;
  cursor            : pointer;
  top               : 0;
  right             : 0;
  bottom            : 0;
  background-color  : #ccc;
  -webkit-transition: 0.4s;
  transition        : 0.4s;
  width             : 60px;
}

.insuranceInfo .slider.expiredMood {
  font-size: 10px;
  padding  : 0px 20px 0px 0px;
  color    : #c0272d;
}

.insuranceInfo .slider.expiredMood:before {
  left: 20px;
}

.insuranceInfo .slider.notexpiredMood {
  font-size: 8px;
  padding  : 2px 4px 0px 0px;
  color    : #0577bf;
}

.insuranceInfo .slider.notexpiredMood:before {
  left            : 0px;
  background-color: #0577bf;
}

.insuranceInfo .slider:before {
  position        : absolute;
  content         : "";
  height          : 13px;
  width           : 13px;
  left            : 16px;
  bottom          : 1px;
  background-color: #c0272d;
  transition      : 0.4s;
}

.insuranceInfo input:checked+.slider {
  background-color: rgba(192, 39, 46, 0.2);
}

.insuranceInfo input:checked+.slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform    : translateX(26px);
  transform        : translateX(26px);
}

.insuranceInfo .slider.round {
  border-radius: 34px;
  height       : 15px;
}

.insuranceInfo .slider.round:before {
  border-radius: 50%;
}

.insuranceInfo .cardBody p {
  display      : list-item;
  color        : #3b3e51;
  /*   */
  font-size    : 12px;
  margin-bottom: 8px;
  list-style   : none;
}

.claimsInfo .claims-info-box p {
  color        : #3b3e51;
  margin-bottom: 6px;
  font-size    : 12px;
  padding      : 0px 9px;
}



.claimsInfo .dropdown-toggle::after {
  content: none;
}

.appointmentsInfo {
  padding: 10px;
}

.appointmentsInfo .headerTitle .dropdown-toggle::after {
  content: none;
}

.appointmentsInfo .navbar-nav {
  display: inline-block;
}



.appointmentsInfo .cardFooter {
  display: block;
}

/*   .appointmentsInfo .cardFooter button {
background: #0577bf;
color     : #fff;
padding   : 0px 15px;
} */

.appointmentsInfo h4 {
  float: left;
}




.appointmentsInfo span img {
  width: 20px;
}

.appointmentsInfo span.listDay {
  font-size: 13px;
  color    : #3b3e51;
  /*  */
}

.appointmentsInfo span.listStatus {
  color    : #0577bf;
  font-size: 13px;
  /*   */
}

.appointmentsInfo .listIcons {
  float: right;
}

.appointmentsInfo .listIcons a i {
  font-size   : 17px;
  margin-right: 8px;
}


.visitedDoctorsInfo .cardBody {
  /* text-align: center; */
  text-align: -webkit-center;
}

.visitedDoctorsInfo .slide img {
  width        : 5em !important;
  height       : 5em !important;
  border       : 5px solid #666;
  border-radius: 50%;
  background   : #fff;
  cursor       : pointer !important;
}

.visitedDoctorsInfo span.day {
  font-size: 0.72em;
  position : relative;
  top      : -5px;
  color    : #ccc;
}

.askDoctorInfo ul li span {
  float    : left;
  margin   : 1px 3px;
  font-size: 11px;
}





.visitedDoctorsInfo p {
  font-size: 13px;
  margin   : -2px 0px 5px 0px;
  padding  : 0px;
}

.visitedDoctorsInfo .slidebottom img {
  position: relative;
  bottom  : 17px;
}


.labReportsInfo .disabledList {
  color: #eff1f4;
}

.labReportsInfo .disabledList span {
  color: #b3b3b3 !important;
}

.labReportsInfo .disabledList .sendEmail {
  background: #b3b3b3;
  border    : 2px solid #b3b3b3;
}

.labReportsInfo .disabledList .sendEmail img {
  opacity: 0.3;
}

.labReportsInfo .disabledList .sendEmail span {
  background: #b3b3b3;
  color     : #fff !important;
}

/*   .labReportsInfo .cardFooter button {
background: #fff;
color     : #0577bf;
} */




.balanceInfo .line {
  display       : inline-block;
  width         : 100%;
  margin        : 0;
  padding-bottom: 10px;
  height        : auto;
}

.balanceInfo .borderTop {
  border-top: 1px solid #e6e6e6;
  margin    : 10px 0px;
}

.balanceInfo h3 {
  margin: 0px 10px;
  color : #0577bf;
}

.balanceInfo span {
  font-size: 15px;
  color    : #000;
}

.balanceInfo .lakum-header {
  padding: 5px 10px !important;
}

.balanceInfo .lakum .points {
  font-size: 10px;
}

.askDoctorInfo .headIcons .dropdown-toggle::after {
  content: none;
}

.askDoctorInfo span.listIcon img {
  width        : 25px;
  border-radius: 50%;
  height       : 25px;
}

.askDoctorInfo span.listStatus {
  font-size: 13px;
  color    : #b2b2b2;
}

.askDoctorInfo ul {
  padding: 0px 15px;
}

.askDoctorInfo ul li {
  display     : flow-root;
  padding     : 5px 0px;
  margin-left : -4px;
  margin-right: -4px;
}



.messageCenterInfo span.listDay {
  font-size: 10px;
}

.messageCenterInfo span.listIcon img {
  width        : 20px;
  border       : 0px !important;
  border-radius: 0px !important;
}

.messageCenterInfo .cardFooter a {
  font-size: 11px;
  color    : #b3b3b3;
}

/*   .messageCenterInfo .cardFooter button {
font-size: 9px;
} */

.messageCenterInfo .cardFooter img {
  width: 12px;
}

.messageCenterInfo .disabledList span.listDay {
  color: #b3b3b3 !important;
}

.patientServicesInfo .listIcon img {
  width        : 22px !important;
  border       : 0px !important;
  border-radius: 0px !important;
}

.patientServicesInfo span.listNote {
  font-size : 10px;
  color     : #000;
  display   : block;
  width     : auto;
  margin-top: 3px;
}

.patientServicesInfo .sendEmail img {
  width: 12px;
}

.patientServicesInfo .sendEmail span {
  font-size: 9px;
  color    : #0577bf;
  float    : none !important;
  margin   : 0px 0px;
}

.redBackground {
  background: #f9e9ea;
  color     : #c0272d !important;
}

.redBackground span {
  color: #c0272d !important;
}

.padding10 {
  padding: 10px !important;
}

ul {
  list-style-type: none;
  padding        : 0px 0px;
  margin-bottom  : 0px;
}

.card.cardBox.expiredMoodTheme,
.card.cardBox.pendingrequest {
  position     : relative;
  z-index      : 0;
  border-radius: 10px;
  overflow     : hidden;
}

@keyframes rotate {
  100% {
    transform: rotate(1turn);
  }
}

.card.cardBox.expiredMoodTheme .insuranceInfo,
.card.cardBox.pendingrequest .insuranceInfo {
  background-color: rgba(192, 39, 46, 0.2);
  height          : 100%;
}

.card.cardBox.expiredMoodTheme::before,
.card.cardBox.pendingrequest::before {
  content            : '';
  position           : absolute;
  z-index            : -2;
  left               : -50%;
  top                : -50%;
  width              : 200%;
  height             : 200%;
  background-color   : #c1272d;
  background-repeat  : no-repeat;
  background-size    : 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image   : linear-gradient(#c1272d, #c1272d), linear-gradient(#f9bbbc, #d53e33), linear-gradient(#d53e33, #d53e33), linear-gradient(#c1272d, #c1272d);
  animation          : rotate 4s linear infinite;
}

.card.cardBox.expiredMoodTheme::after,
.card.cardBox.pendingrequest::after {
  content      : '';
  position     : absolute;
  z-index      : -1;
  left         : 3px;
  top          : 3px;
  width        : calc(100% - 6px);
  height       : calc(100% - 6px);
  background   : white;
  border-radius: 5px;
}

.selected-theme .card.cardBox.pendingrequest::before {
  background-color: #e6c62a !important;
  background-image: linear-gradient(#e6c62a, #e6c62a), linear-gradient(#e6c62a, #e6c62a), linear-gradient(#e6c62a, #d53e33), linear-gradient(#e6c62a, #e6c62a) !important;
}

.selected-theme .card.cardBox.pendingrequest .insuranceInfo {
  background-color: rgb(192 166 39 / 20%) !important;
  height          : 100%;
}

.cardBox {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 0px 8px 0 rgba(0, 0, 0, 0.19);
  height    : 100%;
}

.heightauto {
  height    : auto !important;
  margin-top: 25px;
}

.equal-cols .heightauto {
  margin-top   : 0px !important;
  margin-bottom: 25px !important;
}

.margintopauto {
  margin-bottom: 25px !important;
}



.headerTitle h4 img {
  width: 30px;
}

.askDoctorInfo .cardFooter {
  background  : #eef0f3;
  margin-right: -11px;
  padding     : 7px 5px;
  position    : absolute;
  bottom      : 0px;
  width       : 100%;
}


/*   .cardFooter button {
background   : #fff;
color        : #0577bf;
border       : 0px;
border-radius: 5px;
font-size    : 9px;
font-weight  : 400;
float        : right;
margin-top   : 4px;
margin-left  : 13px;
padding      : 5px 7px;
height       : 26px;
} */

.card.cardBox.expiredMoodTheme .cardFooter,
.card.cardBox.pendingrequest .cardFooter {
  background: transparent;
}

.equal-cols {
  display  : flex;
  flex-wrap: wrap;
}

.familyInfo .headIcons {
  position: relative;
  top     : 5px;
}

.familyInfo .cardBody {
  padding: 0px 15px;
}

.familyInfo .slide img {
  width : 80%;
  margin: 0 auto;
}

.familyInfo .slide h5 {
  font-size    : 13px;
  text-align   : center;
  margin-top   : 8px;
  margin-bottom: 0px;
}

.familyInfo .slide p {
  font-size : 11px;
  text-align: center;
  margin    : 0px 0px;
  color     : #b3b3b3;
}

.redcolor {
  color: #c0272d !important;
}

.headerIcon i {
  background-color: #eff1f4;
  color           : #000;
  padding         : 10px;
  border-radius   : 50%;
}

i.menuHeadIcon,
i.menuDots {
  color    : #666;
  font-size: 17px;
  margin   : 0px 5px;
}

.shakeMe {
  animation                : shake 0.5s;
  animation-iteration-count: 0.05s;
}

@keyframes shake {
  0% {
    transform: translate(1px, 1px) rotate(0deg);
  }

  10% {
    transform: translate(-1px, -2px) rotate(-1deg);
  }

  20% {
    transform: translate(-3px, 0px) rotate(1deg);
  }

  30% {
    transform: translate(3px, 2px) rotate(0deg);
  }

  40% {
    transform: translate(1px, -1px) rotate(1deg);
  }

  50% {
    transform: translate(-1px, 2px) rotate(-1deg);
  }

  60% {
    transform: translate(-3px, 1px) rotate(0deg);
  }

  70% {
    transform: translate(3px, 1px) rotate(-1deg);
  }

  80% {
    transform: translate(-1px, -1px) rotate(1deg);
  }

  90% {
    transform: translate(1px, 2px) rotate(0deg);
  }

  100% {
    transform: translate(1px, -2px) rotate(-1deg);
  }
}




@media only screen and (max-width: 1024px) {
  .patient-info-box p {
    font-size    : 11px !important;
    width        : auto !important;
    padding      : 3px 10px !important;
    margin-left  : 15px !important;
    margin-right : 15px !important;
    margin-bottom: 2px !important;
  }
}

.p-button {
  margin-top: 10px;
}

@media only screen and (max-width:1000px) {

  .card.cardBox {
    margin-top: 20px;
    height    : auto !important;
  }
}

/***********************************/
/* Exact resolution */
@media print and (min-resolution: 150dpi) {}

/* Minimum resolution */
@media (min-resolution: 72dpi) and (max-resolution: 125dpi) {
  .insuranceInfo .cardBody .bupaIcon {
    width   : 41px;
    position: relative;
    bottom  : 100px;
    /* left : 165px; */
  }

}







/*   .askDoctorInfo .cardFooter button {
font-size  : 9px;
margin-left: 3px;
padding    : 5px 2px;
} */


.lakum .sa-tabs li {
  font-size: 11px;
}

.p-sidebar-content {
  font-size: 11px;
}

.p-sidebar-content .modal-header h5.modal-title,
.p-dialog .p-dialog-header h5 {
  font-size  : 17px;
  font-weight: bold;
}

.lakum p {
  font-size: 12px;
}





.patientInfo .greyBackground button {
  font-size : 10px;
  padding   : 5px 10px;
  margin-top: 5px;
}


.patientInfo p img {
  width: 13px;
}


.patientServicesInfo {
  min-height: 280px;
}

.patientServicesInfo i {
  font-size: 11px;
}



/*   .labReportsInfo a.sendEmail span {
font-size: 11px;
} */







/*   .labReportsInfo a.sendEmail span {
font-size: 12px;
color    : #666;
} */



.cardFooter a {
  font-size: 11px;
  color    : #b3b3b3;

}

/*   .cardFooter button {
background: #fff;
color     : #0577bf;
font-size : 7px;
} */



.complaintsInfo span.listcheck {
  font-size: 11px;
  color    : #3b3e51;

}





/*   .messageCenterInfo span.listDay {
font-size: 7px;
}
*/



/*   .messageCenterInfo .cardFooter button {
font-size: 6px;
padding  : 5px 5px;
} */











.appointmentsInfo ul li {
  display  : flow-root;
  padding  : 5px 0px;
  font-size: 11px;
}





.claimsInfo .claims-info-box p span.day {
  font-size: 10px;

  margin-right: 5px;
}

.overflow206 {
  max-height: 206px !important;
  overflow-y: auto !important;
  overflow-x: hidden;
}

.overflow206::-webkit-scrollbar-track {
  border          : 1px solid #0577BF;
  padding         : 2px 0;
  background-color: #CCE3F2;
}

.overflow206::-webkit-scrollbar {
  width: 6px;
}

.overflow206::-webkit-scrollbar-thumb {
  border-radius   : 10px;
  box-shadow      : inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #CCE3F2;
  border          : 1px solid #0577BF;
}

/* Maximum resolution */
@media (min-resolution: 140dpi) and (max-resolution: 300dpi) {

  .patientInfo .patient-info-box p {
    font-size: 10px;

  }

  .patientInfo .patient-info-box span.circleIcons a img {
    width: 17px;
  }





  .patientInfo .greyBackground .patientName p {
    font-size: 10px;
  }


}





/*******************************************************************************************************************/





.patientInfo .patient-info-box p {
  font-size: 14px;

  width        : 100%;
  padding      : 5px 10px;
  margin-bottom: 2px;
}


.patientInfo .switchline {
  width  : 100%;
  padding: 0px 25px;
}

.insuranceInfo .switchline {
  width  : 100%;
  padding: 0px 5px;
}

.insuranceInfo .cardBody .bupaIcon {
  width   : 41px;
  position: relative;
  bottom  : 100px;
}

.claimsInfo .claims-info-box p span.status {
  color: #b3b3b3;

  margin-left: 5px;
}

.appointmentsInfo span.listIcon {
  position: relative;
}

.appointmentsInfo span.listcheck {
  color: #3b3e51;

}




a.langBtn {
  padding: 8px 15px 0px 3px;
}


.complaintsInfo span.listDay {
  font-size: 15px;
  color    : #3b3e51;

}


.askDoctorInfo span.listNote {
  white-space  : nowrap;
  text-overflow: ellipsis;
  font-size    : 12px;
  color        : #b2b2b2;

  display : block;
  overflow: hidden;

}










ul.sa-tabs li {
  margin-top: 25px;
}

ul.sa-tabs li.headerTitle {
  margin-top: 0px;
}




.form-group h6.required {
  margin-top: 10px;
}

.headerTitle .headIcons a {
  display: inline-block;
  margin : 8px 0px;
  cursor : pointer !important;
}

.p-inline-message .p-inline-message-text {
  font-size: 12px !important;
}

.p-inline-message .p-inline-message-icon {
  font-size: 12px !important;
}





/* .cardBody {
text-align: right;
} */



@media (min-resolution:126dpi) and (max-resolution: 139dpi) {
  .insuranceInfo .cardBody .bupaIcon {
    position: relative;
  }
}

/* Maximum resolution */
@media (min-resolution: 140dpi) and (max-resolution: 300dpi) {
  .insuranceInfo .cardBody .bupaIcon {
    width   : 35px;
    position: relative;
    bottom  : 109px;
    /* right: 115px; */
  }

}


.st-menu {
  position          : absolute;
  top               : 0;
  /* left           : 0; */
  z-index           : 100;
  visibility        : hidden;
  /* width          : 300px; */
  width             : 450px;
  height            : 100%;
  /* background     : #48a770; */
  -webkit-transition: all 0.5s;
  transition        : all 0.5s;
}






.patientInfo .greyBackground .profile-img {
  width: 30%;
  float: right;
}




.patientInfo .patient-info-box span.circleIcons {
  float: left;
}








.insuranceInfo .cardBody .bupaIcon {
  width   : 41px;
  position: relative;
  bottom  : 100px;

}




.labReportsInfo span.listDay {
  font-size: 14px;

  float    : right;
}



.complaintsInfo span.listStatus {
  color    : #b3b3b3;
  font-size: 16px;
  /*  */
  margin   : 0px 30px;
}










.askDoctorInfo .cardFooter .navbar-nav {
  float: right;
}

.patientServicesInfo .sendEmail {
  padding      : 0px 1px;
  border-radius: 5px;
  float        : left;
  margin       : 0px 2px;
}


.visitedDoctorsInfo:before {
  content         : "";
  position        : absolute;
  bottom          : 50%;
  /* border-bottom: 7px #666 solid; */
  width           : 96%;
  z-index         : 0;
  right           : 0;
}

/* ul.sa-tabs li {
margin-top: 10px;
margin-left: 0px;
} */

ul.sa-tabs li.headerTitle {
  margin-top: 0px;
}




.headerTitle .headIcons a img {
  width: 30px;
}



/* .cardBody {
text-align: right;
} */
.st-menu-open-body .body-content {
  overflow      : hidden;
  height        : 100vh;
  padding-bottom: 50px;
}

.cardFooter {
  background  : #eef0f3;
  margin-left : -11px;
  margin-right: -11px;
  padding     : 7px 8px;
  /* display  : flex; */
  position    : absolute;
  bottom      : 0px;
  width       : 100%;
}

html.st-menu-open-body .fixed-bottom {
  display: none;
}

/* .owl-carousel {
direction: ltr !important;
} */

@media (min-resolution:126dpi) and (max-resolution: 139dpi) {
  .insuranceInfo .cardBody .bupaIcon {
    width   : 41px;
    position: relative;
    bottom  : 92px;
    /* right: 135px; */
  }
}

/* Maximum resolution */
@media (min-resolution: 140dpi) and (max-resolution: 300dpi) {
  .insuranceInfo .cardBody .bupaIcon {
    width   : 35px;
    position: relative;
    bottom  : 109px;
    /* right: 115px; */
  }

}

.mainInfoBox {
  height  : 100%;
  position: relative;
}

.st-effect-11.st-menu-open .st-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
  /* transform     : translate3d(100px, 0, -600px) rotateY(-20deg); */
  transform        : translate3d(250px, 0, -800px) rotateY(-30deg);
}

.modal-title {
  font-size: 15px;
}

.badge-status {
  font-size   : 11px !important;
  margin-right: 3px;
}

.btn.btn-primary,
.btn.btn-danger,
.btn.btn-secondary {
  border       : 0px;
  border-radius: 5px;
  font-size    : 8px;
  font-weight  : 700;
}

.my-profile-info .btn.btn-primary {
  font-size: 11px;
}


.st-menu .btn.btn-primary {
  font-size : 12px;
  margin-top: 10px;
}

.st-container {
  min-height: 60vh;
}

.p-sidebar .badge-info {
  display: inline-block;
}

.p-splitbutton-menubutton.p-button-icon-only {
  width     : 6.357rem !important;
  margin-top: 10px;
}


.drag-handle {
  cursor: default !important;
}

.shakeMe.drag-handle {
  cursor: -webkit-grab !important;
}


/****************************************************************/
.body-content {
  padding-bottom: 50px;
}

.TabItemCount {
  background   : #ccc;
  border-radius: 10px;
  color        : #fff;
  min-width    : 26px;
  font-size    : 11px;
  font-weight  : 600;
  display      : inline-block;
  text-align   : center;
  padding      : 2px;
  margin-left  : 5px;
}

.sa-tabs {
  padding   : 0;
  list-style: none;
  display   : flex;
}

.sa-tabs li {
  font-weight: bolder;
  color      : #ccc;
  font-size  : 13px;
}

.sa-tabs li span {
  padding-right: 0px;
  padding-left : 0px;
  padding-top  : 0px;
}

.sa-tabs li.active {
  color: black;
}

/* .badge {
  background-color: #0577bf;
  padding         : 5px;
  border-radius   : 12px;
  font-size       : 11px;
  position        : absolute;
  top             : 4px;
  color           : white;
} */

.badge-warning {
  color           : #212529 !important;
  background-color: #ffc107;
}

.badge-success {
  color           : #212529 !important;
  background-color: #a5d6a7;
}



.askDoctorContent {
  height: 169px !important;
}

.carosel-img {
  max-width: 50px !important;
}

.familyInfo .owl-item {
  max-width: 71px !important;
}

.familyInfo .family-relation {
  font-size: 11px;
}

.rateColor {
  color: #fab400;
}

.circle-image {
  width        : 160px;
  height       : 160px;
  border-radius: 50%;
}

.circle-image-sm {
  width        : 60px;
  height       : 60px;
  border-radius: 50%;
}

.circle-image-md {
  width        : 100px;
  height       : 100px;
  border-radius: 50%;
}

.square-image-md {
  width        : 80px;
  height       : 80px;
  border-radius: 5%;
}

.flag-sm {
  width: 20px;
}

.p-table-id {
  width: 5%;
}

.p-table-column {
  width: 20%;
}

/*Modal Dialog Classess*/

#modalDetails.modal.show {
  background: #1112128a !important;
}

/* MODAL FADE LEFT RIGHT BOTTOM */
.modal.fade:not(.in).left .modal-dialog {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform        : translate3d(-25%, 0, 0);
}

.modal.fade:not(.in).right .modal-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0);
}

.modal.fade:not(.in).bottom .modal-dialog {
  -webkit-transform: translate3d(0, 25%, 0);
  transform        : translate3d(0, 25%, 0);
}



.modal.left .modal-dialog {
  position: absolute;
  top     : 0;
  left    : 0;
  margin  : 0;
}

.modal.left .modal-dialog.modal-sm {
  max-width: 300px;
}

.modal.left .modal-content,
.modal.right .modal-content {
  min-height: 100vh;
  border    : 0;
}

.code-color {
  background-color: #ececec;
}

.specialized-report {
  border      : 1px solid #dee2e6;
  padding-left: 20px;
}

.red {
  color: red;
}

.green {
  color: green;
}

.error {
  border-color: red;
}

.dropdownerror {
  border: 1px solid red;
}

.alert-no-data {
  background-color: #fafafa;
  border-color    : #eff1f4;
  font-size       : 10px;
}

.bottomBorder {
  border-bottom-style: solid;
  border-bottom-color: #e7dbdb;
  border-bottom-width: inherit;
}

/*
 */

.visitedDoctorsInfo h6 {
  white-space  : nowrap;
  text-overflow: ellipsis;
  display      : block;
  overflow     : hidden;
}

/* #profileContainer .saloader:after {
position   : absolute;
left       : 50%;
top        : 50%;
font-size  : 50px;
color      : #444;
margin-top : 70px;
margin-left: 203px;
z-index    : 1000;
} */

.required::after {
  content    : " *";
  color      : red;
  font-weight: bold;
}

.p-sidebar-active {
  min-width: 45%;
  overflow : auto;
}

.p-tabview .p-tabview-nav {
  border: none !important;
}



.complaintsInfo {
  min-height: 200px;
}

.fullWidth {
  width: 100% !important;
}

.cdialog-width {
  width     : 50vw;
  max-height: 80% !important;
}

.pres-thumb-img {
  width: 50px;
}

.card-body-container {
  min-height: 150px;
}

/*   .appointmentsInfo .cardFooter button {
background: #fff !important;
color: #0577bf !important;
} */

.patient-block-overlay {
  position        : absolute;
  top             : 0;
  bottom          : 0;
  height          : 100%;
  width           : 100%;
  opacity         : 0;
  transition      : 0.3s ease;
  background-color: #f8f8f8;
  opacity         : 0.6;
}

.patient-block-overlay i {
  font-size    : 30px;
  position     : absolute;
  top          : 50%;
  left         : 30%;
  transform    : translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align   : center;
}

.leftMargin20 {
  margin-left: 20px;
}

.p-tabview .p-tabview-panels {
  padding: 0.5rem !important;
}

.headerTitle {
  padding: 10px 10px !important;
}

.headerTitle .headIcons {
  top  : 0px !important;
  width: 60px !important;
}

.visitedDoctorsInfo {
  padding: 0px 10px 0px 10px !important;
}

/* .askDoctorInfo {
position: relative;
} */

/* .complaint-headerlink {
position: absolute;
right   : 0px;
} */

.headerTitle h4 {
  white-space: nowrap;
}

input:read-only {
  background-color: #f1f1e9;
}

/* .askDoctorInfo {
position: relative;
} */
/*
.complaint-headerlink {
position: absolute;
right   : 0px;
} */


.p-accordion-content {
  margin-bottom: 10px;
}

.selected-theme .cardBox {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1), 0 0px 8px 0 rgba(0, 0, 0, 0.19);
  height    : 100%;
}



.patientinfo-patientname {
  line-height: 18px;
}

.patient-verified {
  width : 18px !important;
  height: 18px !important;
  cursor: none !important;
}

.patient-verified .pi {
  font-size: 8px;
}

.bolderPrice {
  font-weight: bolder;
}

.p-sidebar-right {
  width: 30rem !important;
}

.headerImgWidth {
  width: 22px;
}

.transfer-icon {
  width: 50px;
}

.max-text-trim,
.max-text-trim-40,
.max-text-trim-80,
.max-text-trim-100,
.max-text-trim-120,
.max-text-trim-200 {
  white-space  : nowrap;
  display      : inline-block;
  overflow     : hidden;
  text-overflow: ellipsis;
  width        : 100%;
}

/* .max-text-trim,
.max-text-trim-100 {
  width: 100px;
}

.max-text-trim-40 {
  width: 40px;
}

.max-text-trim-80 {
  width: 80px;
}

.max-text-trim-120 {
  width: 120px;
}

.max-text-trim-200 {
  width: 200px;
} */



.pt-register-ctrl-grp .p-dropdown {
  height: 31px;
  width : 100% !important;
}

input.form-control {
  font-size: inherit;
}


.p-dialog .p-dialog-header,
.p-dialog .p-dialog-content {
  padding: 5px 16px !important;
}

.p-sidebar .p-sidebar-close,
.p-dialog .p-dialog-header-close {
  margin: 12px;
  color : #fff !important;
}

.p-sidebar .p-dialog {
  margin: 10 !important;
}

.p-sidebar .p-sidebar-close:enabled:hover {
  color: #495057 !important;
}


.form-inline button.btn-outline-secondary {
  padding: 0px 10px;
}

.my-profile-info {
  margin: 10px;
}

textarea.form-control {
  height   : auto;
  font-size: inherit;
}

.form-control {
  font-size: inherit !important;
}

select.form-control {
  font-size: inherit;
}

.owl-carousel {
  z-index: 0;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  color        : #fff !important;
  border-radius: 50%;
}

.p-paginator .p-paginator-pages .p-paginator-page {
  border-radius: 50% !important;
}

.p-paginator {
  align-items    : center;
  display        : flex;
  flex-wrap      : wrap;
  justify-content: center;
  padding        : 2px 10px;
  background     : white;
  border-radius  : 4px;
  box-shadow     : 0px 1px 1.3px 0.6px #ccc;
  margin-bottom  : 10px;
  border         : 1px solid #e4e4e4 !important;
}

/* .p-component */

.p-card {
  box-shadow: none !important;
}

.p-splitbutton-defaultbutton {
  display: none !important;
}

/* .p-splitbutton-menubutton.p-button-icon-only {
width: 6.357rem !important;
} */

.custom-split-button .p-button-icon.pi.pi-chevron-down::before {
  content: "Action \e902" !important;
}



.FontSize11 {
  font-size: 11px;
}

.pserv-counter {
  margin: -3px 3px !important;
}


.progress-bar {
  height: 8px;
  width : 0px;
}

.progress-bar-container {
  height          : 8px;
  background-color: #f2e8e8;
  width           : 100%;
}

.progress-bar.excellent {
  background-color: #29cf29;
}

.progress-bar.very-good {
  background-color: #a4c46f;
}

.progress-bar.good {
  background-color: #e79d16;
}

.progress-bar.average {
  background-color: #f85d5d;
}

.progress-bar.below-average {
  background-color: red;
}

.progress-bar-align {
  display    : flex;
  align-items: center;
}

.p-tag-gray {
  background-color: #b6bec3 !important;
}



.p-steps {
  margin: 5px 0px 25px 0px;
}

.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  font-size: 13px;
}

.cardFooter button {
  padding    : 3px 5px;
  font-size  : 10px !important;
  font-weight: 500 !important;
}

.cardFooter span {
  padding      : 3px 5px;
  border-radius: 5px !important;
  font-size    : 9px;
}

@keyframes color-change {
  0% {
    color    : #fff;
    font-size: 12px;
  }

  50% {
    color: #bbb;
  }

  100% {
    color    : #ccc;
    font-size: 10px;
  }
}

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

.form-label {
  display    : block;
  font-weight: bold;
  font-size  : 12px;
}

.p-accordion a:hover {
  text-decoration: none;
}

.modal-footer {
  border: none !important;
}

.popup-footer-controls {
  margin-top: 10px;
}

.appointmentsInfo.labReportsInfo .headerTitle {
  padding: 0px !important;
}

.appointmentsInfo.labReportsInfo .headerTitle .headIcons a {
  margin: 15px 0px;
}

.p-accordion-header-link h6 {
  font-size  : 12px;
  font-weight: bold;
}

.modal-body {
  margin-bottom: 50px !important;
}

.modal-body .row.custom-card {
  margin-right: 0px;
  margin-left : 0px;
}

.fa-star:before {
  color: #fdb900;
}

.fa.fa-star-o,
.fa.fa-star {
  font-size: 13px;
}

.radio-inline>span {
  display       : inline-block;
  vertical-align: middle;
}

.radio-inline>input {
  vertical-align: middle;
}

.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width : 8px !important;
  height: 8px !important;
}

.p-radiobutton .p-radiobutton-box,
.p-checkbox .p-checkbox-box {
  width : 15px !important;
  height: 15px !important;
}

.p-radiobutton-label,
.p-checkbox-label {
  margin-left: 0px !important;
}

.pi-filter:before,
.pi-filter-slash:before {
  color: #fff !important;
}

.p-button.p-button-text:enabled:hover .pi-filter:before,
.p-button.p-button-text:enabled:hover .pi-filter-slash:before,
.p-button.p-button-text.p-button-plain:enabled:active .pi-filter:before,
.p-button.p-button-text.p-button-plain:enabled:active .pi-filter-slash:before {
  color: #000 !important;
}

.icon-color {
  color: #fff;
}

.expand-icon-width {
  width: 3rem;
}


/** Card Theme's */
.card.cardBox.card-animation.success::after,
.card.cardBox.card-animation.warning::after,
.card.cardBox.card-animation.danger::after {
  content      : '';
  position     : absolute;
  z-index      : -1;
  left         : 3px;
  top          : 3px;
  width        : calc(100% - 6px);
  height       : calc(100% - 6px);
  background   : white;
  border-radius: 5px;
}

.card.cardBox.card-animation.success,
.card.cardBox.card-animation.warning,
.card.cardBox.card-animation.danger {
  height          : 100%;
  background-color: rgba(192, 39, 46, 0.2);
  position        : relative;
  z-index         : 0;
  border-radius   : 10px;
  overflow        : hidden;
}

.card.cardBox.card-animation.success::before,
.card.cardBox.card-animation.warning::before,
.card.cardBox.card-animation.danger::before {
  content            : '';
  position           : absolute;
  z-index            : -2;
  left               : -50%;
  top                : -50%;
  width              : 200%;
  height             : 200%;
  background-repeat  : no-repeat;
  background-size    : 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  animation          : rotate 4s linear infinite;
}

.card.cardBox.card-animation.success .cardFooter,
.card.cardBox.card-animation.warning .cardFooter,
.card.cardBox.card-animation.danger .cardFooter {
  background: transparent;
}

.card.cardBox.card-animation.danger::before {
  background-color: #c1272d;
  background-image: linear-gradient(#c1272d, #c1272d), linear-gradient(#f9bbbc, #d53e33), linear-gradient(#d53e33, #d53e33), linear-gradient(#c1272d, #c1272d);
}

.card.cardBox.card-animation.warning::before {
  background-color: #e6c62a !important;
  background-image: linear-gradient(#e6c62a, #e6c62a), linear-gradient(#e6c62a, #e6c62a), linear-gradient(#e6c62a, #d53e33), linear-gradient(#e6c62a, #e6c62a) !important;
}

.card.cardBox.card-animation.success::before {
  background-color: #20c544;
  background-image: linear-gradient(#20c544, #20c544), linear-gradient(#20c544, #20c544), linear-gradient(#20c544, #33691e), linear-gradient(#20c544, #20c544);
}





/** Patient Verified Status */
.patient-verified-status-container {
  position: relative;
}

.patient-verified-status {
  width        : 17px;
  height       : 17px;
  border-radius: 50%;
  color        : #fff;
  text-align   : center;
  font-size    : 11px;
  position     : absolute;
  margin       : 0px 2px
}

.patient-verified-status.locate-center {
  left: 43%;
}

.patient-verified-status.locate-top-right {
  top  : -5px;
  right: 0px;
}

.patient-verified-status.family-top-right {
  top  : 5px;
  right: 0px;
}

.family-not-verified {
  background: #D32F2F;
  border    : 1.5px solid #D32F2F;
}

.patient-verified-status.verified {
  background: green;
}

.patient-verified-status.notverified {
  background: #D32F2F;
}

.patient-verified-status.pending {
  background: #ffad14;
}

.patientServicesInfo,
.appointmentsInfo {
  overflow-x: hidden;
}

.text-color-success,
.text-color-success a {
  background-color: #f1f8e9 !important;
  color           : #33691e !important;
}

.patientServicesInfo .text-color-success .p-tag-gray {
  background-color: #99a48c !important;
  color           : #f1f8e9 !important;
}

.text-color-warning,
.text-color-warning a {
  background-color: #fffde7 !important;
  color           : #ffa000 !important;
}

.text-color-danger,
.text-color-danger a {
  background-color: #ffebee !important;
  color           : #c62828 !important;
}

.text-color-pending,
.text-color-pending a {
  background-color: #e1f5fe !important;
  color           : #0277bd !important;
}

.text-color-success .date-time-text a::before,
.text-color-warning .date-time-text a::before,
.text-color-danger .date-time-text a::before,
.text-color-pending .date-time-text a::before {
  font-family: 'FontAwesome';
  content    : '\f0c1';
}

.footer-refresh i {
  font-size     : 15px;
  font-weight   : bold;
  /* color      : #fff !important; */
}

.p-sidebar.p-sidebar-active.p-sidebar-right {
  overflow-x: hidden !important;
}

.header-link-home,
.header-link-home:hover {
  margin: 10px;
  color : #fff;
}

.header-appointment i {
  border-radius: 50%;
  border       : 1px solid #e2e2e2;
  font-size    : 11px;
  padding      : 4px;
  color        : #e2e2e2;
}

.bounce-animation:hover .fa-map-marker {
  animation: bounce 0.4s linear;
  display  : inline-block;
  position : relative;
}

@keyframes bounce {
  0% {
    top: 0;
  }

  20% {
    top: -0.1em;
  }

  50% {
    top: -0.2em;
  }

  70% {
    top: -0.3em;
  }

  100% {
    top: 0;
  }
}


/* ------------------------------------custom classes 10-05-2022*--------------------------------------*/

.cs-q-info {
  color        : #ccc;
  margin-bottom: 5px;
  font-size    : 12px !important;
}

.cs-heading-txt {
  color: #0071bc;
}

.cs-icon-m {
  margin: 10px;
  clear : both;
  float : left;
}

.cs-counter-m {
  margin: 10px;
  clear : both;
  float : left;
}

.cs-add-tran {
  background-color: #0071bc !important;
  padding         : 20px 5px;
  text-align      : center;
}

.cs-text-p {
  font-size  : 22px !important;
  top        : 13px;
  font-weight: bold;
  position   : relative;
}

.cs-icon-color {
  color    : #fff;
  padding  : 10px 8px;
  float    : left;
  font-size: 18px;
}

.cs-clear {
  clear: both;
}

/* 10 October 2022 New added CSS*/

.cs-icon-bg {
  background-color: #f2f2f2;
  border-radius   : 5px;
  color           : #0071bc;
  padding         : 5px;
  min-width       : 21px;
}

.cs-nav {

  color      : #ccc;
  font-size  : 15px;
  font-weight: bold;
}

.cs-nav-active {
  color: #0071bc;
}

.cs-pagination {
  border-radius: 5px;
  border       : 1px solid #0071bc;
  padding      : 3px 4px;
  font-size    : 10px;
  margin       : 04px;
}

.cs-rank-url {
  color      : #0071bc;
  font-weight: bolder;
}

.cs-user-crd {
  -webkit-flex: 1 1 auto;
  -ms-flex    : 1 1 auto;
  flex        : 1 1 auto;
  min-height  : 1px;
  padding     : 10px !important;
}

.cs-img-round {
  border-radius: 50%;
  height       : 90px;
}

.cs-user-info {
  font-size: 12px;

}

.cs-module {
  color    : #ccc;
  font-size: 11px;
}

.cs-text-blk {
  color    : #000 !important;
  font-size: 11px;
}

.cs-mp {
  margin : 0 !important;
  padding: 0 9px !important;
  color  : #0071bc;

}

.cs-image-mr {
  margin-right: 10px;
}



/*  17 October 2022 for tabs*/
.tab-inner-con {
  background-color: #686868;
  color           : #fff;
  padding         : 60px;
}

.btn-mang-app {
  background-color: #DF2221 !important;
  border-radius   : 0;
  color           : #fff;
  top             : -25px;
  position        : relative;
  right           : 58px;
}

.form-bor-rad {
  border-radius: 0 !important;
}

/*  26 October 2022 CSD------------------------------amer-----------------------*/
.content-wrapper {
  min-height: auto !important;
}

.csd-lg-txt {
  font-family: poppin-bold;
}

.csd-small-txt {
  font-size: 13px;
  color    : #000;
  ;
}

.csd-heading {
  font-family   : poppin-bold;
  font-size     : 15px !important;
  letter-spacing: -0.8px;
}

.csd-sub-heading {
  font-family: poppin-semibold;
  font-size  : 13px !important;
}

.csd-descrption {
  font-family: 'poppins-regular';
  font-size  : 12px !important;
}

.csd-gray-txt {
  color: #b0b0b0;
}

.csd-text-dash {
  color    : #2B353E !important;
  font-size: 13px;
}

.csd-border-rad-1 {
  border-radius: 11px;
  margin-bottom: 15px;
}

.csd-min-heigh {
  /* min-height: 231px; */
  min-height: 265px;
}

.csd-row-2 {
  /* min-height: 245px; */
  min-height: 296px;

}

.csd-row-3 {
  min-height: 264px;
}

.csd-body-pad {
  padding   : 8px 15px !important;
  background: none !important;
}

.csd-patientinfo-icon {
  padding-bottom: 0px !important;
}

.csd-patientinfo-detail {
  padding-top: 0px !important;
}

.csd-sm-round-btn {
  border-radius: 35px !important;
  font-family  : poppin-semibold;
  padding      : 4px 6px;
  font-size    : 13px !important;
  white-space  : nowrap !important;
}

.csd-badge-suc {
  background: #d2f1b3 !important;
  padding   : 4px 6px;
}

.csd-insurance-app {
  padding  : 7px;
  font-size: 11px;
}

.csd-active-btn {}

.csd-danger-trans {
  background-color: rgba(252, 183, 5, 0.1);
  border          : none;
}

.csd-success-trans {
  background-color: rgba(40, 167, 69, 0.1);
  border          : none;
}

.csd-primary-trans {
  background-color: rgba(64, 150, 226, 0.1);
  border          : none;
}

.csd-secondary-trans {
  background-color: rgba(160, 162, 164, 0.1);
  border          : none;
}

.csd-noshow-trans {
  background-color: rgba(102, 0, 204, 0.1);
  border          : none;
}
/* Round tabs CSS-----------------------*/
.csd-tab-bg {
  background-color: #f0f0f0;
  border-radius   : 20px;
}

.csd-nav-link {
  display  : block;
  padding  : 8px 10px!important;
  font-size: 12px;
  color    : #9c9c9c;
}

.csd-nav-link.active {
  display      : block;
  padding      : 8px 10px;
  background   : #2E303A 0% 0% no-repeat padding-box;
  border-radius: 56px;
  opacity      : 1;
  color        : #fff;

}

a.csd-nav-link.hover {
  color: #000 !important;
}

.csd-cstm-table .table-primary {}

.csd-cstm-table tr.table-primary {
  border       : none;
  margin       : 0;
  padding      : 5px;
  font-size    : 10px;
  border-radius: 10px;
}

.csd-cstm-table tr td {
  border    : none;
  margin    : 0;
  padding   : 5px;
  font-size : 10px;
  width     : 23%;
  text-align: left;

}

.csd-table-lf {
  border-left: 3px solid yellow;
}

.csd-danger-lb {
  border-left: 5px solid #FCB705 !important;
}

.csd-success-lb {
  border-left: 5px solid #28a745 !important;
}

.csd-primary-lb{
  border-left: 5px solid #0577bf !important;
}

.csd-secondary-lb{
  border-left: 5px solid #82817f !important;
}

.csd-noshow-lb{
  border-left: 5px solid #6600cc !important;
}

.nav.csd-listing-no>li {
  border-bottom: none !important;
  margin-bottom: 4px !important;
  font-size    : 13px;
}

.csd-numbering {
  border-radius: 54px;
  padding      : 6px;
}

.csd-card-footer {
  background: none !important;
  padding   : 0 15px 10px 14px !important;
  border    : none !important;
}

.csd-border-btm {
  border-bottom: 1px solid #efefef;
  ;
}

.csd-item-tit {
  font-family   : poppin-semibold;
  font-size     : 12px;
  color         : #575757;
  letter-spacing: -.56px;

}

.csd-item-det {
  font-family   : poppin-semibold;
  font-size     : 14px;
  color         : #2B353E;
  letter-spacing: -.64px;
  text-overflow : ellipsis;
  max-width     : 206px;
  white-space   : nowrap;
  overflow      : hidden;
  display       : inline-grid;
}

.csd-fi {
  font-family      : Poppins-Medium;
  font-size        : 14px;
  letter-spacing   : -.56px;
  color            : #2B353E;
  /* text-align    : center; */
}

.csd-tab-txt {
  font-family   : Poppins-Medium;
  font-size     : 13px;
  letter-spacing: -.56px;
  color         : #575757;
}

.csd-tab-spacing1 {
  display        : flex;
  justify-content: space-between;
}

.csd-tab-spacing2 {
  padding: 8px 48px !important;
}

.csd-service-list {
  font-family   : poppin-semibold;
  font-family   : 14px;
  letter-spacing: -.56px;
  line-height   : 21px;
}

.csd-btm-btn {
  font-family   : poppin-semibold;
  color         : #046FBD !important;
  font-family   : 13px;
  letter-spacing: -.39px;

}

.csd-pr {
  padding-right: 4px;
}

.csd-q-btn {
  color          : #2B353E;
  font-family    : poppin-semibold;
  text-decoration: underline;
  font-family    : 13px;
  letter-spacing : -.39px;
}

.csd-table-txt {
  font-family: Poppins-Medium;
  font-size  : 12px;
  color      : #2E303A;
}

.csd-unread {
  font-family   : poppin-semibold;
  font-size     : 12px !important;
  letter-spacing: -.39px;

}

.csd-timline-txt {
  font-family   : poppin-semibold;
  font-size     : 12px;
  letter-spacing: -.48px;
  color         : #838383;
}

/* .csd-progress {

  height       : 12px;
  position     : relative;
  border-radius: 8px;
  margin       : 10px 0;
  text-align   : center
} */

.csd-gradient-bk {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00d338+0,fcfc00+47,fcfc00+55,fcfc00+55,fcfc00+62,fcfc00+62,ff2e00+100 */
  background: linear-gradient(to right, #e5405e 0%, #ffdb3a 45%, #3fffa2 100%);
  filter    : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d338', endColorstr='#ff2e00', GradientType=1);
  /* IE6-9 */
}

.csd-progress .incomplete {
  position                  : absolute;
  width                     : 20%;
  float                     : right;
  background-color          : #cccccc !important;
  top                       : 0px;
  right                     : 0px;
  height                    : 12px;
  border-top-right-radius   : 7px;
  border-bottom-right-radius: 7px;

}

.csd-progress span {
  color    : black;
  opacity  : .5;
  font-size: .8rem
}

.csd-av-rating {
  padding-top: 10px;
}

.csd-av-rating ul {
  display        : flex;
  justify-content: space-between;
}

.csd-av-rating ul li {
  list-style : none;
  font-size  : 13px;
  font-weight: bold;
}

/* .csd-av-rating ul li.last {
  list-style : none;
  float      : left;
  margin     : 0;
  padding    : 0px;
  font-size  : 9px;
  font-weight: bold;
} */

.csd-success-circle {

  border-radius: 54px;
  padding      : 5px;
  width        : 5px;
  height       : 5px;
  margin-top   : 5px;
}

.csd-more-tab {
  font-size    : 15px;
  font-weight  : bold;
  padding-right: 28px;
  margin       : -4px 0;
}

.csd-mt-2 {
  margin-top: 10px;
}

.csd-small-font {
  font-size: 9px !important;
}

.csd-big-font {
  font-size: 12px !important;
}

.csd-t-hide {
  text-overflow: ellipsis;
  white-space  : nowrap;
  overflow     : hidden;
  max-width    : 90px;
  display      : inline-block;
  top          : 7px;
  position     : relative;
  left         : 10px;
}

/*-------------------------------------- 12 December 2022------------------------------------------Amer */


/* .modal.right .modal-dialog {
  position         : fixed;
  margin           : auto;
  width            : 360px !important;
  min-width        : 360px !important;
  height           : 100%;
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform    : translate3d(0%, 0, 0);
  -o-transform     : translate3d(0%, 0, 0);
  transform        : translate3d(0%, 0, 0);
} */


.modal.right .modal-content {
  height    : 100%;
  overflow-y: auto;
}



.modal.right .modal-body {
  padding: 15px 15px 80px;
}


/*Right*/




/* ----- MODAL STYLE ----- */



.csd-label {
  position   : relative;
  top        : 25px;
  left       : 3px;
  font-family: poppin-semibold;
  color      : #575757;
  font-size  : 12px;
}

.csd-form-control {
  font-family   : 'poppins-regular';
  height        : 48px !important;
  padding       : 14px 0 0 !important;
  font-size     : 12px !important;
  /* line-height: 1.5; */
  border-radius : 8px !important;
  background    : #f2f4f5;
  color         : #575757;
  border        : none;
}
.csd-form-control-txtarea {
  font-family   : 'poppins-regular';
  /*height        : 48px !important;*/
  padding       : 25px 10px 0 !important;
  font-size     : 12px !important;
  /* line-height: 1.5; */
  border-radius : 8px !important;
  background    : #f2f4f5;
  color         : #575757;
  border        : none;
}

.csd-label-m label {
  display: inline-block;
  margin : 0 !important;
}



.csd-option-txt {
  font-size  : 13px;
  color      : #2E303A;
  font-family: 'poppins-regular';
}

.csd-cal-icon {
  position: relative;
  top     : -26px;
  right   : -125px;
}

.csd-clear-btn {
  font-family   : poppin-semibold;
  /* color      : #046FBD!important; */
  font-family   : 13px;
  letter-spacing: -.39px;
}

/* Accordian start--------------------------------------------- */
.csd-acc-main {
  border-radius: 10px;
  border-left  : 22px solid #000;
  margin-bottom: 10px;
  border: 1px solid #EFEFEF;

  box-shadow:  0px -3px  27px #0000000d;

}

.csd-acc-title {
  font-family: 'poppins-regular';
  font-size  : 12px;
  color      : #2E303A;
}

.csd-acc-dt {
  font-family   : poppin-semibold;
  font-size     : 10px;
  color         : #2E303A;
  text-align    : right;
  letter-spacing: -0.48px;
  float         : right;
}


.csd-sidetxt-trans {
  font-size   : 13px;
  font-family : poppin-semibold;
  color       : #fff;
  position    : absolute;
  top         : 55px;
  left        : -20px;
  writing-mode: vertical-lr !important;
  transform   : rotate(180deg);
}

/* Accordian End ------------------------------------------------*/

/* -----------------------------Progress bar--------------- */


.csd-line {

  width     : 120px;
  height    : 6px;
  background: #D0D4D696 0% 0% no-repeat padding-box;
  box-shadow: 0px 1px 5px #0000000F;
  border    : 1px solid #D0D4D696;
}



.csd-steps-active {

  display         : flex;
  background-color: #2C6FB7;
  color           : #fff;
  font-size       : 14px;
  width           : 20px;
  height          : 20px;
  align-items     : center;
  justify-content : center;
  border-radius   : 50%;

}

.csd-steps {

  display         : flex;
  background-color: #D0D4D696;
  color           : #fff;
  font-size       : 14px;
  width           : 20px;
  height          : 20px;
  align-items     : center;
  justify-content : center;
  border-radius   : 50%;

}

.csd-step-txt {

  font-family: poppin-semibold;
  color      : #767474;
  font-size  : 13px !important;

}



/* ---------------------------------progress bar end------------------ */

.csd-start-label {
  position: relative;
  top     : -2px;
}

.card-no-border {
  border : none !important;
  padding: 6px 16px 0 !important;
}

.csd-drname-h {
  font-size        : 18px;
  text-align       : left;
  font-family      : poppin-bold;
  letter-spacing   : -1.44px;
  color            : #2B353E;
  opacity          : 1;

  overflow         : hidden;
  display          : block;
  float            : left;
}
@media only screen and (max-width: 600px) {

  .csd-drname-h {
    font-size        : 20px;
    text-align       : left;
    font-family      : poppin-bold;
    letter-spacing   : -1.44px;
    color            : #2B353E;
    opacity          : 1;
    text-overflow    : ellipsis;
    /* max-width     : 205px; */
    max-width        : 260px;
    white-space      : nowrap;
    overflow         : hidden;
    display          : block;
    float            : left;
  }
  .csd-acc-detail {
    font-family   : poppin-semibold;
    font-size     : 13px;
    color         : #2B353E;
    letter-spacing: -.64px;
    text-overflow : ellipsis;
    max-width     : 130px;
    white-space   : nowrap;
    overflow      : hidden;
    display       :block;

  }

  }


.csd-alert-txt {
  font-size  : 10px;
  font-family: poppin-semibold;

}



/* ---------------------------------12 December 2022  --------------------- */

/* For black header strip start -------------------------------*/






/* black header strip end------------------------------- */
.user-block img {
  float : left;
  height: 40px;
  width : 40px;
}







.csd-btn-text {
  font-size  : 8px;
  color      : #fff;
  font-weight: bold;
}

.csd-img-circle {
  border-radius: 50%;
}

.csd-img-gender {
  width: 20px;
}



.csd-bg-primary {
  --bs-bg-opacity : 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}



.csd-tabs-txt {
  text-overflow: ellipsis;
  max-width    : 78px;
  white-space  : nowrap;
  overflow     : hidden;
}





ul.csd-timeline {
  width          : 100%;
  list-style-type: none;
  display        : table;
  margin         : 0;
  padding        : 0;
  background     : linear-gradient(to bottom, rgba(131, 131, 131, 0) 50%, rgba(131, 131, 131, 0) 58%, rgba(131, 131, 131, 1) 62%, rgba(131, 131, 131, 0) 60%, rgba(131, 131, 131, 0) 100%);
}

ul.csd-timeline li {
  display   : inline-block;
  color     : #2E303A;
  padding   : 10px 6px;
  display   : table-cell;
  text-align: center;
}

ul.csd-timeline li span {
  display       : block;
  font-size     : 9px;
  padding-bottom: 10px;
}

ul.csd-timeline li:after {
  display      : inline-table;
  content      : attr(data-text);
  font-size    : 16px;
  left         : 8px;
  font-size    : 9px;
  background   : #000;
  width        : 20px;
  height       : 20px;
  border-radius: 50%;
}











.csd-family-pending {
  background-color: #ffad14 !important;
  border-radius   : 50px;
  height          : 17px;
  width           : 17px;
}

.csd-saloader {
  position  : relative;
  overflow  : hidden !important;
  width     : 100%;
  min-height: 20vh;
}



.csd-saloader:before,
.csd-saloader-full:before {
  content   : "";
  width     : 100%;
  height    : 100%;
  position  : absolute;
  background: rgba(0, 0, 0, 0.2);
  z-index   : 2;
  overflow  : hidden !important;
}

.csd-arrow-disable {
  color: #ccc;
}

/* ------------------Gradient Progress bar Start------------------Amer---- */

.csd-progress {
  background-color: #ccc;
  height          : 8px !important;
  overflow        : visible !important;
  position        : relative;

  position     : relative;
  border-radius: 20px !important;
  box-shadow   : none;
  /* border    :1px solid black; */
}

.csd-progress-bar {
  height: 8px !important;
  width : 0px;
}

.csd-progress .csd-progress-bar {
  animation    : animate-positive 2s;
  position     : relative;
  box-shadow   : none;
  border-radius: 20px !important;
}

.csd-progress .csd-progress-bar:after {
  content        : "";
  position       : absolute;
  top            : -8px;
  right          : 0px;
  /* background  : url(../_images/PRMDashboard/avg.png) no-repeat; */
  height         : 24px;
  width          : 24px;
  border-radius  : 50%;
  /* border      : 1px solid black; */
  background-size: 100%;
}

.progress .progress-value {
  position        : absolute;
  padding         : 3px 7px;
  top             : -50px;
  right           : -20px;
  font-size       : 14px;
  color           : #ffffff;
  background-color: #000000;
  display         : block;
}

.progress .progress-value:after {
  content     : "";
  position    : absolute;
  bottom      : -6px;
  left        : 35%;
  border-top  : 7px solid #000000;
  border-left : 7px solid transparent;
  border-right: 7px solid transparent;
}

@-webkit-keyframes animate-positive {
  0% {
    width: 0%;
  }
}

@keyframes animate-positive {
  0% {
    width: 0%;
  }
}


.csd-bg-grad {
  background: linear-gradient(to right, #e4583d 0%, #f2ae3d 20%, #ddc542 60%, #97c155 80%, #3faf49 100%);
  overflow  : inherit;
}

.csd-progress-belowavg:after {
  /* background     : url(../_images/PRMDashboard/below-avg.png) no-repeat !important; */
  background     : url(../_images/PatientSatisfaction/1star.png) no-repeat !important;
  background-size: 100% !important;
}

.csd-progress-avg:after {
  /* background     : url(../_images/PRMDashboard/avg.png) no-repeat !important; */
  background     : url(../_images/PatientSatisfaction/2star.png) no-repeat !important;
  background-size: 100% !important;
}

.csd-progress-good:after {
  /* background     : url(../_images/PRMDashboard/good.png) no-repeat !important; */
  background     : url(../_images/PatientSatisfaction/3star.png) no-repeat !important;
  background-size: 100% !important;
}

.csd-progress-vgood:after {
  /* background     : url(../_images/PRMDashboard/vgood.png) no-repeat !important; */
  background     : url(../_images/PatientSatisfaction/4star.png) no-repeat !important;
  background-size: 100% !important;
}

.csd-progress-excellent:after {
  /* background     : url(../_images/PRMDashboard/excellent.png) no-repeat !important; */
  background     : url(../_images/PatientSatisfaction/5star.png) no-repeat !important;
  background-size: 100% !important;
}

/*------------------ Gradient Progress bar end----------------------------- */
/*------------------ Basic info verification status start-----------------  */

.basic-verified-status.verified {
  background: green;
}

.basic-verified-status.notverified {
  background: #D32F2F;
}

.basic-verified-status.pending {
  background: #ffad14;
}


.basic-verified-status {
  width        : 17px;
  height       : 17px;
  border-radius: 50%;
  color        : #fff;
  text-align   : center;
  font-size    : 11px;
  position     : absolute;
  margin       : 0px 2px;
  left         : 41px;
}


.csd-basic-verified {
  position  : relative;
  top       : -1px;
  left      : 0px;
  color     : #fff;
  padding   : 5px;
  font-size : 9px;
  text-align: center;
}

/*------------------ Basic info verification status end-----------------  */



.basic-info-padding {
  white-space  : nowrap !important;
  font-size    : 9px !important;
  border-radius: 15px !important;
  margin       : 0px 2px;
}

/*----------------- Tabs scroll start---------------------------------  */

.csd-table-rad {
  border-radius: 20px;
}

.csd-listBox {
  display: table;
}

.csd-listBox li {
  display: table-cell;
}

.csd-listBox li a {
  white-space: nowrap;
}

.table-responsive::-webkit-scrollbar {
  width : 2px;
  height: 5px;

}

/* Track */
/* .table-responsive::-webkit-scrollbar-track {
   background: #f1f1f1;
  opacity: .01;
  border-radius: 20px;
} */

/* Handle */
/* .table-responsive::-webkit-scrollbar-thumb {
  background: #888;
  opacity: .1;
  border-radius: 20px;
} */

/* Handle on hover */
/* .table-responsive::-webkit-scrollbar-thumb:hover {
  background: #555;
  opacity: .3;
  border-radius: 20px;
} */

/*----------------- Tabs scroll end---------------------------------  */


/* ----------------------tabs scroller with css start------------ */
.csd-tab-wid {
  width: 95%;
}

.csd-right-arrow {
  float    : right;
  position : absolute;
  top      : 9px;
  font-size: 22px;
  right    : 18px;
}

.csd-left-arrow {
  float    : left;
  font-size: 22px;
}

/* ----------------------tabs scroller with css end------------ */


/*****************************************************************Side bar START************************************************************************/

.modal.right .modal-dialog {
  position            : fixed;
  margin              : auto;
  /* width            : 360px !important;
  min-width           : 360px !important; */
  width               : 40% !important;
  min-width           : 395px !important;
  height              : 100%;
  -webkit-transform   : translate3d(0%, 0, 0);
  -ms-transform       : translate3d(0%, 0, 0);
  -o-transform        : translate3d(0%, 0, 0);
  transform           : translate3d(0%, 0, 0);
}




.right-slider .fade {
  transition: opacity 0.4s ease-in;
}




/*Right*/
.modal.right.fade .modal-dialog {
  right             : 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition   : opacity 0.3s linear, right 0.3s ease-out;
  -o-transition     : opacity 0.3s linear, right 0.3s ease-out;
  transition        : opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
  right: 0;
}

/* ----- MODAL STYLE ----- */


.modal-header {
  border-bottom-color: #EEEEEE;
  background-color   : #FAFAFA;
}





input[type="date"].csd-form-control {
  padding: 14px 10px 0 10px !important;
}




.csd-filed-label {
  font-size  : 14px;
  color      : #2E303A;
  font-family: poppin-semibold;
  margin-top : 10px;
}



/* Accordian start--------------------------------------------- */








/* Accordian End ------------------------------------------------*/

/* -----------------------------Progress bar--------------- */
.csd-progresses {
  display    : flex;
  align-items: center;
}



.csd-line-active {

  width           : 120px;
  height          : 6px;
  background-color: #2C6FB7;
}







.csd-step-txt.active {

  font-family: poppin-semibold;
  color      : #2E303A;
  font-size  : 11px;
}

/* ---------------------------------progress bar end------------------ */





/* .csd-drname-h {
  font-size     : 24px;
  text-align    : left;
  font-family   : poppin-bold;
  letter-spacing: -1.44px;
  color         : #2B353E;
  opacity       : 1;
  text-overflow : ellipsis;
  max-width     : 205px;
  max-width     : 231px;
  white-space   : nowrap;
  overflow      : hidden;
  display       : block;
  float         : left;
} */



/* -------------------------------side tab---------------------------- */

.csd-nav-link1 {
  display  : block;
  padding  : 8px 10px;
  font-size: 17px;
  color    : #9c9c9c;
}

.csd-nav-link1.active {
  display: block;
  padding: 8px 10px;

  opacity: 1;
  color: #2E303A;
  border-bottom: 2px solid #0577bf;


}

a.csd-nav-link1.hover {
  color: #000 !important;
}

/* ------------------------------------side tab end-------------------- */

/* ---------------------------------12 December 2022  --------------------- */

/* For black header strip start -------------------------------*/
.navbar-black {
  background-color: #000;
  margin-bottom   : 30px;
}



.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

/* black header strip end------------------------------- */


.float-left {
  float: left;
}

.float-right {
  float: right;
}

.csd-row {
  padding-right: 7.5px !important;
  padding-left : 7.5px !important;

}







.csd-approval-txt {
  text-overflow: ellipsis;
  max-width    : 70px;
  white-space  : nowrap;
  display      : block;
  overflow     : hidden;
}



.csd-askdoctor-img {
  width : 25px;
  height: 25px;
}

.csd-waiting-trans {
  background-color: rgba(132, 32, 416, 0.1);
  border          : none;
}

.csd-waiting-lb {
  border-left: 5px solid #842029;
}

ul.csd-timeline {
  width          : 100%;
  list-style-type: none;
  display        : table;
  margin         : 0;
  padding        : 0;
  background     : linear-gradient(to bottom, rgba(131, 131, 131, 0) 50%, rgba(131, 131, 131, 0) 58%, rgba(131, 131, 131, 1) 62%, rgba(131, 131, 131, 0) 60%, rgba(131, 131, 131, 0) 100%);
}

ul.csd-timeline li {
  display   : inline-block;
  color     : #2E303A;
  padding   : 10px 6px;
  display   : table-cell;
  text-align: center;
}

ul.csd-timeline li span {
  display       : block;
  font-size     : 9px;
  padding-bottom: 10px;
}

ul.csd-timeline li:after {
  display      : inline-table;
  content      : attr(data-text);
  font-size    : 16px;
  left         : 8px;
  font-size    : 9px;
  background   : #000;
  width        : 20px;
  height       : 20px;
  border-radius: 50%;
}

.csd-longname-txt {
  text-overflow: ellipsis;
  max-width    : 230px;
  white-space  : nowrap;
  display      : block;
  overflow     : hidden;
  float        : left;
  margin-right : 3px;
}

.csd-clinic-txt {
  text-overflow: ellipsis;
  max-width    : 200px;
  white-space  : nowrap;
  display      : block;
  overflow     : hidden;

}

.csd-imag-center {
  margin : 0 auto;
  display: table;
}

.csd-email-block {
  display: block;
}

.csd-family-verified {
  position  : relative;
  top       : -6px;
  left      : -14px;
  color     : #fff;
  padding   : 5px;
  font-size : 9px;
  text-align: center;
}


/* .csd-saloader {
  position: relative;
  overflow: hidden !important;
  width: 100%;
  min-height: 20vh;
} */
.csd-saloader:after,
.csd-saloader-full:after {
  font-family: FontAwesome;
  animation  : fa-spin 2s infinite linear;
  content    : "\f110";
  position   : absolute;
  left       : 50%;
  top        : 50%;
  font-size  : 30px;
  color      : #444;
  margin-top : -22px;
  margin-left: -18px;
  z-index    : 999;
}



/* ---------------------------------------------15 Janary 2023 start ---------------------- */
.csd-acc-main_1 {
  border-radius   : 10px;
  /* border-left  : 22px solid #000; */
  margin-bottom   : 10px;
  border: 1px solid #EFEFEF;

  box-shadow: 0px -3px 27px #0000000d;

}

.csd-table-fsize {
  font-size: 12px;
}

.table-h-border {
  border-bottom: 2px solid #2E303A;
}

.csd-canceled-trans {
  background-color: rgba(220, 53, 69, 0.1);
  border          : none;
}

.csd-sidetext-hide {
  text-overflow: ellipsis;
  white-space  : nowrap;
  overflow     : hidden;
  max-width    : 90px;
  display      : inline-block;
}

.csd-badge-pending {
  background: rgb(252, 183, 5, .2) !important;
  padding   : 4px 6px;
  color     : #b48200;
  font-size : 11px !important;
}

.csd-badge-active {
  background: rgb(25, 135, 84, .1) !important;
  padding   : 4px 6px;
  color     : #198754;
  font-size : 11px !important;
}

.csd-badge-expire {
  background: rgb(220, 53, 69, .1) !important;
  padding   : 4px 6px;
  color     : #dc3545;
  font-size : 11px !important;
}

/* -------------------------------------------------15 january 2023 end-------------------- */











/* -----------------------------------------for Header----------------------------- */
/* ---------------------After Using Existing CSS Update to 13 December 2022--------------------- */
.csd-side-header .modal-header,
.p-dialog-header {
  background   : #fff !important;
  color        : #000 !important;
  border-bottom: 1px solid #fff;
  padding      : 0.5rem 1rem;
}

.csd-side-header {
  background      : #fff !important;
  color           : #000 !important;
  /* border-bottom: 1px solid #ccc; */
}

.csd-side-close {
  border    : none;
  background: none;
  font-size : 22px;
  cursor    : pointer;
}

.csd-tab-header {
  background   : none;
  border-bottom: none !important;
}

.csd-cursor {
  cursor: pointer;
}

/* -----------------------------------END header----------------------------------- */


/* --------------------------------angular control css----------------- */
 .csd-form-control input.form-control,
.btn-outline-secondary {
  background: none !important;
  border    : none !important;
  outline   : none !important;
} 

.p-dropdown,
.p-inputtext {
  background: none !important;
  border    : none !important;
  outline   : none !important;
}

.p-dropdown:not(.p-disabled).p-focus {
  outline       : 0 none;
  outline-offset: 0;
  box-shadow    : 0 0 0 0 !important;
  border-color  : none !important;
}


.p-focus,
.p-inputwrapper-focus {
  outline: none !important;
}

.p-dropdown .p-dropdown-label {
  background: transparent;
  border    : 0 none;
  padding   : 9px 0;
  outline   : none !important;
}

.csd-hidescroll {
  overflow: hidden;
}

.csd-showscroll {
  overflow: visible;
}

/* --------------------------angular control css end--------------- */

.csd-acc-heading {
  text-overflow: ellipsis;
  max-width    : 230px;
  white-space  : nowrap;
  overflow     : hidden;
  display      : block;
  color        : #000;
  cursor      : pointer;
  font-size: 14px !important;
  font-family: 'Poppins-Medium';
  letter-spacing: 0.3px !important;
}

/***************************** POP OVER START *******************/
.csd-popover {
  position   : absolute;
  top        : -8px !important;
  left       : 71px !important;
  will-change: transform;
  transform  : translate(-64px, 611px);
}



/* -------------------------------------------------15 january 2023 end-------------------- */
.csd-editemail {
  position : absolute;
  right    : 28px;
  /* top      : 88px; */
  /* border: 1px solid red; */
  float    : right;
}

.csd-sendby {
  margin-left: 5px;
}

.csd-filter {
  margin-left: 206px;
}

.csd-pagination .page-item .page-link {
  border-radius : 50% !important;
  margin        : 2px;
  width         : 30px;
  height        : 30px;
  text-align    : center;
  font-size     : 12px;
  padding       : 0px;
  vertical-align: middle;
  line-height   : 28px;
}

.csd-filter-icon {
  width       : 15px;
  margin-right: 10px;
  cursor      : pointer;
}

.csd-long-link {
  word-break: break-all;
}

.csd-arabic-text {
  font-family: 'Cairo-sbold';
}



/* ------------------------22 Jan 2023 - Internet Explorer Not Supported----- */
/* .ie-main-bg
{
  background:#b3b3b3!important;
} */
.ie-main-container {
  max-width: 1000px;
  padding: 20px;
  background: #fff;
  display: block;
  text-align: left;
  margin: 10px auto;
}

.ie-csd-heading-en {
  font-family: 'poppin-bold';
  font-size: 15px !important;
  letter-spacing: -0.8px;
  color: #575757;
}

.ie-csd-heading-ar {
  font-family: 'Cairo-bold';
  font-size: 15px !important;
  letter-spacing: -0.8px;

}
.ie-des-txt-en
{
  font-family: 'poppin-semibold';
  font-size: 13px !important;
  letter-spacing: -0.8px;
  color: #575757;
  text-align: left;

}

.ie-des-txt-ar
{
  font-family: 'Cairo-bold';
  font-size: 13px !important;
  letter-spacing: -0.8px;
  color: #575757;
  text-align: right;

  direction: rtl;
}
.ie-main-logo
{
  display: flex;
  justify-content: center;
}
.ie-main-logo img
{
  vertical-align: middle;
  width: 100px;
}

.ie-text-center
{
  text-align: center;
}
/* --------------------------End Internet Explorer Support------------------- */


.csd-tab-color
{
  background: rgb(240, 240, 240,0.6);
}
.csd-dr-info-tab p
{
  margin-top: 0;
  margin-bottom: 0!important;
}
.csd-status-padding
{
  padding: 3px 16px;
}

/* ------------------------Booking Calendar start-------- */
.flip-card-inner[_ngcontent-tde-c255] {
  position: relative;
  width: 100%;
  min-height: 485px;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow:none!important;
}
.weekday[_ngcontent-tde-c255] {
  padding: 20px 0px;
  background-color:none!important;
  border-top: none!important;
  max-height: 50px;
}

.customCalender[_ngcontent-tde-c255] .header[_ngcontent-tde-c255] {
  background-color: none!important;
  color: #000;
  text-align: center;
  position: relative;
  /* border-top-left-radius: 6px;
  border-top-right-radius: 6px; */
  padding-bottom: 5px;
  padding-top: 1px;
}

.header[_ngcontent-tde-c255] .month-year[_ngcontent-tde-c255] {
  margin: 12px;
  color: #000 !important;
  text-align: center !important;
}
/* ------------------------------Calendar END----------- */


.csd-inputf-label {
    position: relative;
    z-index: 1;
    top: 22px;
}

.csd-inputf input[type='file'] {
    z-index: 0;
    height: 58px !important;
    padding: 29px 0 0px 22px !important;
}
.proceedure-list-inline-sidebar li span input {
  display: none;
}

.proceedure-list-inline-sidebar li span
{
  padding: 10PX 40px!important;
  cursor: pointer;
}

.laser-procedure-list-sidebar .form-check span {
  margin: 0px 10px 0 6px;
  FONT-SIZE: 12PX;
  font-family: 'Poppins-Medium';
  padding:1px 1px 6px;
}
.p-listbox
{
  position: relative!important;
  top: 34px!important;
  left: -9px!important;
  border: none;
  background: #f2f4f5 !important;
  border: 1px solid #EFEFEF!important;
  box-shadow: 0px -3px 27px #0000000d!important;
}
.p-listbox-list-wrapper
{
  height: 445px!important;
}
.p-listbox .p-listbox-header .p-listbox-filter {

  border: 2px solid #efefef!important;

}

.csd-others-trans {

  background-color: rgba(5, 119, 191, 0.12);

  border: none;

}
.csd-label-txtarea
{
  background: #f2f4f5;
  position: relative;
  top: 20px;
  padding: 7px 0 0 10px;
  border-radius: 10px 10px 0 0;
}


/*************************************** Modal MD Dialog *********************************************/
/* MODAL FADE LEFT RIGHT BOTTOM */
.modal.fade:not(.in).left .modal-md-dialog {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform        : translate3d(-25%, 0, 0);
}

.modal.fade:not(.in).right .modal-md-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0);
}

.modal.fade:not(.in).bottom .modal-md-dialog {
  -webkit-transform: translate3d(0, 25%, 0);
  transform        : translate3d(0, 25%, 0);
}


.modal.left .modal-md-dialog {
  position: absolute;
  top     : 0;
  left    : 0;
  margin  : 0;
}

.modal.left .modal-md-dialog.modal-sm {
  max-width: 700px;
}

.modal.right .modal-md-dialog {
  position            : fixed;
  margin              : auto;
  width               : 50% !important;
  min-width           : 50rem !important;
  height              : 100%;
  -webkit-transform   : translate3d(0%, 0, 0);
  -ms-transform       : translate3d(0%, 0, 0);
  -o-transform        : translate3d(0%, 0, 0);
  transform           : translate3d(0%, 0, 0);
}

.modal.right.fade .modal-md-dialog {
  right             : 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition   : opacity 0.3s linear, right 0.3s ease-out;
  -o-transition     : opacity 0.3s linear, right 0.3s ease-out;
  transition        : opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-md-dialog {
  right: 0;
}


/*************************************** Modal large Dialog *********************************************/
/* MODAL FADE LEFT RIGHT BOTTOM */
.modal.fade:not(.in).left .modal-xl-dialog {
  -webkit-transform: translate3d(-25%, 0, 0);
  transform        : translate3d(-25%, 0, 0);
}

.modal.fade:not(.in).right .modal-xl-dialog {
  -webkit-transform: translate3d(0, 0, 0);
  transform        : translate3d(0, 0, 0);
}

.modal.fade:not(.in).bottom .modal-xl-dialog {
  -webkit-transform: translate3d(0, 25%, 0);
  transform        : translate3d(0, 25%, 0);
}


.modal.left .modal-xl-dialog {
  position: absolute;
  top     : 0;
  left    : 0;
  margin  : 0;
}

.modal.left .modal-xl-dialog.modal-sm {
  max-width: 700px;
}

.modal.right .modal-xl-dialog {
  position            : fixed;
  margin              : auto;
  width               : 80% !important;
  min-width           : 80rem !important;
  height              : 100%;
  -webkit-transform   : translate3d(0%, 0, 0);
  -ms-transform       : translate3d(0%, 0, 0);
  -o-transform        : translate3d(0%, 0, 0);
  transform           : translate3d(0%, 0, 0);
}

.modal.right.fade .modal-xl-dialog {
  right             : 0;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition   : opacity 0.3s linear, right 0.3s ease-out;
  -o-transition     : opacity 0.3s linear, right 0.3s ease-out;
  transition        : opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-xl-dialog {
  right: 0;
}

.calendar-watermark
{
    opacity: 0.1;
    font-size: 8rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* position: relative;
    left:32%;
    right:0%;
    top:50px; */
}

.doctor-watermark
{
    opacity: 0.1;
    font-size: 8rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    /* position: relative;
    left:32%;
    right:0%;
    top:50px; */
}

.booking-watermark
{
    opacity: 0.1;
    font-size: 10rem;
    display: flex;
    justify-content: space-around;
    position:relative;
    top:200px;
    /* align-items: center; */
    /* position: relative;    
    left: 40%;
    right:0%;
    top: 60px; */
}

.border-seperator
{
  border-right: 1px solid #000;
  padding: 0 4px 0 4px;
}

.no-border
{
  border:none;
}

.status-position
{
    /* position:relative;
    left:50% */
    display: flex;
    justify-content: flex-end;
}

.slot-watermark 
{
    opacity: 0.1;
    font-size: 3rem;
    display: flex;
    justify-content: center;
    position: relative;
    /* left: 14%;
    right: 0%; */
    top: 200px;
}

.classic-Timeslot
{
    border-right: #F6F6F7 solid 4px;
    border-radius: 3px;
    margin: 0;  
    padding: 5px;
    color: #fff;   
    text-align: center;   
    display: flex;
    justify-content: center;  
}


.bg-secondary-lb
{
  background: #82817f;
}

.bg-waiting-lb
{
  background: #842029;
}
  
.bg-primary-lb
{
  background: #0577bf;  
}

.bg-noshow-lb
{
  background: #6600cc;  
}

.bg-success-lb
{
  background: #28a745;
  
}
.bg-danger-lb
{
  background: #FCB705;

}

.classic-timeslot-pad
{
  padding: 0px 11px;
}


/* --------------------------ER Refferals Start------------------- */
:root {
  --blue-color: #2c6fb7;
  --heading: #3b3d4a;
  --paragraph: #767676;
  --inner-bg: #f1f1f1;
}

.er-refferal-bg {
  /* background: #d9d9d9; */
}
.card-active {
  border: 3px solid var(--blue-color) !important;
  box-shadow: 0px 0px 10px 0px #2c6fb74d !important;
}
.erp-br-25 {
  border-radius: 25px !important;
  border: 1px solid #ccc;
}
.erp-contents h3 {
  
  color: var(--heading);
  font-size: 24px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -0.02em;
  text-align: left;
}
.erp-contents ul li {
  
  color: var(--paragraph);

  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -0.02em;
  text-align: left;
  margin: 0;
}
.erp-contents ul li:last-child {
  margin-bottom: 10px;
}
.erp-contents ul li span {
  
  color: var(--heading);
  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -0.02em;
  text-align: left;
}
.text-restriction {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 220px;
  display: inline-block;
  position: relative;
}
.inner-bg {
  border-radius: 5px;
  background: var(--inner-bg);
  
  width: fit-content;
  padding: 5px 10px;
  font-weight: 600;
  color: var(--paragraph);
}
.inner-bg-bottom {
  border-radius: 5px;
  padding: 5px 10px;
  background: var(--inner-bg);
  font-size: 16px;
  
  font-weight: 600;
  color: var(--paragraph);
}

.inner-bg-bottom span {
  
  color: var(--heading);

  font-size: 16px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: -0.02em;
  text-align: left;
}
.bottom-icons li {
  display: inline-block;
  background-color: var(--blue-color);
  border-radius: 50%;
  margin: 0 6px;
}
.bottom-icons li img {
  color: white;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  padding: 10px;

  height: 48px;
  width: 48px;
}

.erp-access-unlocked {
  border: 2px solid var(--blue-color);
  border-radius: 32px;
  padding: 3px;
  width: fit-content;
}
.erp-access-locked {
  border: 2px solid black;
  border-radius: 32px;
  padding: 3px;
  width: fit-content;
}
.inner-div {
  float: left;
  font-size: 10px;
  padding: 8px 3px;
  
}
.unlocked-active {
  
  background-color: var(--blue-color);
  border-radius: 32px;
  font-size: 10px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
  padding: 2px 5px;
  float: left;
}
.locked-active {
  
  background-color: black;
  border-radius: 32px;
  font-size: 10px;
  font-weight: 500;
  line-height: 27px;
  letter-spacing: -0.02em;
  text-align: center;
  color: #fff;
  padding: 2px 5px;
  float: right;
}

.toggle-postion {
  position: relative;
  /* top: 28px; */
  right: 27px;
}



body {
  font-family: Arial, sans-serif;
}

.toggle-1 {
  position: relative;
  display: inline-block;
}

.icon {
  border: transparent;
  background: transparent;
  /* font-size: 24px;
  cursor: pointer;
  padding: 10px;
  background-color: #333;
  color: white;
  border: none;
  border-radius: 5px; */
}
.disabled
{
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: #ccc !important;
}
.border-r40
{
  
  border-radius: 40px;
}
.erp-heading {
  font-family: poppin-bold;
  font-size: 28px !important;
  letter-spacing: -0.8px;
}

/* .dropdown {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
  z-index: 1;
  border-radius: 5px;
  right: 0;
}

.dropdown a {
  
  color: black;
  padding: 6px 18px;
  text-decoration: none;
  display: block;
  font-size: 14px;
}

.dropdown a:hover {
  background-color: #f1f1f1;
} */

/* Show dropdown on icon focus */
/* .toggle-1:focus-within .dropdown {
  display: block;
}

.icon:focus {
  outline: none;
} */



@media only screen and (max-width: 600px) {
  .bottom-icons li {
    margin: 0 4px;
  }
  .bottom-icons li img {
    height: 40px;
    width: 40px;
  }
}

/* --------------------------ER Refferals END------------------- */