:root {
  --pink: #e33563;
  --textColor: #e33563;
}

html.default body #sidebar #avatar,
html.default body #rubix-nav-header .navbar-nav > li.logout > a,
body .bg-green {
  background: var(--pink) !important;
}

html.default body #sidebar #avatar div[class*="col-"] {
  padding: 0;
  text-align: center;
}

html.default body .sidebar-nav > li.active,
html.default body .header-menu > ul.dropdown-menu,
html.default input.form-control:focus,
html.default textarea.form-control:focus,
html.default select.form-control:focus {
  border-color: var(--pink) !important;
}

html.default .dropdown-menu .active > a {
  background: var(--pink) !important;
}

html.default .dropdown-menu .active > a:hover,
html.default .dropdown-menu .active > a:focus {
  background: #585858 !important;
}

html.default body .header-menu > .dropdown-menu:after {
  border-bottom-color: var(--pink) !important;
}

/* .btn-default.btn-outlined.btn-inverse:hover,
.btn-default.btn-outlined.btn-inverse:focus,
.btn-default.btn-outlined.btn-inverse.active {
  color: #585858 !important;
} */

html.default body #footer {
  background: #e2e2e2 !important;
}

html.default body #rubix-nav-header .navbar-nav > li.active > a:hover,
html.default body #rubix-nav-header .navbar-nav > li > a:hover,
html.default body #rubix-nav-header .navbar-nav > li.dropdown.open > a {
  color: var(--pink) !important;
}

html.default body #rubix-nav-header .navbar-nav > li.logout > a:hover {
  color: #fff !important;
  background: #273135 !important;
}

/* .btn-lightgreen.btn-outlined {
  border-color: var(--pink) !important;
  color: var(--pink) !important;
} */

.btn-lightgreen:focus,
.btn-lightgreen.focus,
.btn-lightgreen:hover,
.btn-lightgreen.active {
  border-color: var(--pink) !important;
  background: var(--pink) !important;
  color: #fff !important;
}

html.default .fg-brown {
  color: #273135;
}

html.default .fg-brown:hover,
html.default .fg-brown:focus {
  color: var(--pink);
}

.nav-tabs > li.active > a,
.nav-tabs > rubix-menu > li.active > a,
.nav-tabs > rubix-nav-item > li.active > a {
  background: var(--pink) !important;
  color: #fff !important;
  border-bottom: 2px solid #30a3b3 !important;
}

.nav > li.disabled > a,
.nav > rubix-nav-item > li.disabled > a,
.nav > rubix-menu > li.disabled > a {
  color: rgba(39, 49, 53, 0.5) !important;
}

.dropdown-header {
  background: var(--pink) !important;
  color: #fff !important;
}

html.default body #rubix-nav-header .navbar-nav > li.logout > a {
  font-size: 24px !important;
}

body .login-page {
  background: #fff !important;
  padding: 30px !important;
  box-shadow: 0px 26px 15px -20px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

body .login-page input:not([type="submit"]),
html.default body .login-page select {
  border-bottom: 1px solid #333333;
  padding: 0;
  font-size: 18px;
}

body .login-page input:not([type="submit"]):focus,
html.default body .login-page select:focus {
  border-bottom: 1px solid #333333;
}

body .login-page .btn {
  max-width: 210px;
  border-radius: 50px;
  background: var(--pink);
  font-weight: 400;
}

body .login-page .btn:hover {
  background: #585858;
}

body .loginContent {
  text-align: left;
}
body .loginContent h2 {
  font-size: 32px;
  line-height: 50px;
  color: var(--pink);
  font-weight: 400;
  text-align: left;
  margin-top: 0;
  margin-bottom: 20px;
}

body a.forgotpass {
  color: #333 !important;
  position: relative;
  text-decoration: none;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

body .loginContent a.forgotpass {
  float: right;
  margin-top: 15px;
  cursor: pointer;
}

body a.forgotpass::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 0px;
  height: 1px;
  background: var(--pink);
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

body a.forgotpass:hover {
  color: var(--pink) !important;
}

body a.forgotpass:hover::before {
  width: 100%;
}

body .main-header {
  padding: 0;
}

.main-header .front-container {
  width: 100%;
}

.main-header .front-container .logo {
  max-width: 300px;
  background: var(--pink);
  text-align: center;
  margin-left: -15px;
  padding: 10px;
}

body .main-menu {
  padding-top: 30px;
}

.ld-wrapper .nav-tabs li {
  width: 50%;
}

.ld-wrapper .nav-tabs li a {
  font-size: 22px;
  font-weight: 700;
}

.ld-wrapper .checkbox-inline {
  padding-left: 30px;
  position: relative;
}

.ld-wrapper .checkbox-inline .icon-holder {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 3px;
  border: 1px solid #333333;
  background: #fff;
  width: 20px;
  height: 20px;
}

.ld-wrapper .checkbox-inline .icon-holder::before {
  content: "\f00c";
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 14px;
  left: 50%;
  opacity: 0;
  color: var(--pink);
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}
.ld-wrapper .checkbox-inline {
  color: #333333;
}
.ld-wrapper .checkbox-inline input[type="checkbox"] {
  display: none;
}

.ld-wrapper
  .checkbox-inline
  input[type="checkbox"]:checked
  + .icon-holder::before {
  opacity: 1;
}
.form-group .Select-menu-outer {
  position: absolute;
}
.overflow-visible .rubix-panel-container {
  overflow: visible;
}
/*.black-wrapper table tr td{
  border-top: none
  ;
}
.black-wrapper table {
  height:100%;
}
.gallery-1:hover .black-wrapper  {
  display: block;
   
}
.black-wrapper {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    background: rgba(0,0,0 .5);
}*/

.gallery-item .black-wrapper {
  top: 0;
  bottom: 0;
  opacity: 0;
  background: #000;
  left: 0;
  right: 0;
  position: absolute;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.gallery-item-link:hover .black-wrapper,
.gallery-item-link:focus .black-wrapper {
  opacity: 1;
  background: rgba(0, 0, 0, 0.5);
}
.gallery-item .black-wrapper td {
  vertical-align: middle;
}

/*-------------------- Online Consult CSS--------------*/
.btn-toggle.btn-lg {
  margin: 0;
  padding: 0;
  position: relative;
  border: none;
  height: 2.5rem;
  width: 5rem;
  border-radius: 2.5rem;
}
.btn-toggle:focus,
.btn-toggle.focus,
.btn-toggle:focus.active,
.btn-toggle.focus.active {
  outline: none;
}
.btn-toggle > .handle {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 1.875rem;
  background: #fff;
  transition: left 0.25s;
}
.btn-toggle.active {
  transition: background-color 0.25s;
  background-color: var(--pink) !important;
}
.btn-toggle.active > .handle {
  left: 2.8125rem;
  transition: left 0.25s;
}
.btn-toggle.active:before {
  opacity: 0.5;
}
.btn-toggle.active:after {
  opacity: 1;
}

.freeqa-list .panel-title > a {
  height: auto;
  cursor: pointer;
}

.freeqa-list .panel-title > a:hover {
  color: #333;
}

.freeqa-list .fqa-btn-active {
  background: var(--pink);
  border-color: var(--pink);
}

.freeqa-list .fqa-btn-active:hover,
.freeqa-list .fqa-btn-active:focus {
  background: var(--pink);
  border-color: var(--pink);
}

.freeqa-list .fqa-list-top {
  margin-bottom: 10px;
}

.fqa-report-about {
  margin: 10px 0 !important;
}

.fqa-report-about > div {
  padding: 0 !important;
}
.freeqa-list .panel-group .panel.panel-default {
  border: 1px solid #ddd;
}
.fqa-question a {
  line-height: 0 !important;
}
.fqa-question .icon-title {
  display: inline-block;
  width: 100%;
  line-height: 25px;
}
.fqa-question .icon-title .icon-fqa,
.fqa-question .icon-title .title {
  float: left;
  margin: 10px;
}
.fqa-question .question-desc {
  line-height: 25px;
}
.fqa-question .icon-title .date {
  float: right;
  margin: 10px;
  font-weight: 100;
  font-size: 14px;
}

.fqa-question .icon-title .title span {
  font-size: 16px;
  font-weight: 100;
}

html.default .pagination > .active > a {
  background: var(--pink) !important;
}

.oc-getstart-box {
  padding: 50px 100px !important;
}
.oc-getstart-box .container-fluid {
  border: 1px solid #ddd;
  padding-top: 25px;
  padding-bottom: 25px;
  background: #f5f5f5;
}
.oc-getstart-box img {
  width: 80px;
}
.oc-getstart-box .col-xs-9 {
  padding-top: 20px;
}
.oc-getstart-box hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top: 1px solid #ddd;
}
.panel-oc-setting.panel.panel-default {
  border: 1px solid #ddd;
}

.panel-oc-setting .title {
  font-size: 20px;
  color: #333;
  padding: 5px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  margin: 20px 0;
}

.panel-oc-setting label {
  color: #89949b;
  padding: 5px;
}

.panel-oc-setting .field {
  margin: 10px 0;
}

.answer-box {
  border: 1px solid #ddd;
  margin: 0 !important;
  margin-top: 25px !important;
}
.answer-box .doctor-info {
  padding: 20px;
  background: #ddd;
  color: #333;
}
.answer-box .doctor-info img {
  border-radius: 50px;
  width: 60px;
}

.answer-box .answer {
  margin-top: 25px !important;
}
/*-------------------- Online Consult CSS END--------------*/

#suggestion-popover {
  min-width: 500px;
}

.patient-detail .row {
  margin: 10px 0;
}

.divhide {
  display: none;
}
.divshow {
  display: block;
}
.account-login-box .input-group-addon {
  border: 1px solid #c4c4c4 !important;
  border-left: none !important;
}
.otp-number {
  margin-bottom: 10px;
  color: green;
  font-size: 16px;
  font-weight: 400;
}
.otp-number span {
  font-size: 20px;
  color: #000;
}

#front2 .otp-retry-btn {
  font-size: 16px !important;
  line-height: 15px !important;
  padding: 10px 15px !important;
  margin-bottom: 10px !important;
}

#front2 .otp-retry-btn:hover,
.otp-retry-btn[disabled]:hover {
  color: #fff !important;
  background: var(--pink) !important;
}
select:focus {
  outline: 0 !important;
}
select::-ms-expand {
  display: none;
}
select::-moz-focus-inner {
  outline: 0;
}
.release-modal .modal-dialog {
  width: 650px !important;
}
.release-modal .modal-dialog p {
  margin: 0 !important;
}
.admin-chatconsult .modal-dialog {
  width: 750px;
}
html.default body #sidebar #avatar {
  background: #fff !important;
}
.rubix-panel-header.bg-green .fg-white {
  color: #1167dc;
}
.chat-header .chat-title {
  color: #1167dc !important;
}

.table-responsive {
  overflow-x: overlay;
}
.fg-green {
  color: #1167dc;
}
span.extra-links {
  position: relative;
}

#app-container .form-group.text-center a {
  font-size: 16px;
}
#app-container .price-tab-boxes h2 {
  font-size: 50px;
}
#app-container .price-tab-boxes h2 span {
  font-size: 40px;
}

@media (max-width: 1200px) and (min-width: 768px) {
  #app-container .create-profile-ad h4 {
    font-size: 15px;
  }
  #app-container .create-profile-ad p {
    font-size: 14px;
  }
  /* #app-container .site-nav .menu {
    padding: 35px 0;
  } */
  #app-container .create-profile-ad h3 {
    font-size: 28px;
  }
  #app-container .create-profile-ad {
    padding: 60px 0px;
  }
  .graphices-sec .shape-right_img_01-img {
    width: 140px;
    height: 370px;
    background-size: cover;
  }
  .graphices-sec .graphices-details.icon {
    text-align: left;
  }

  #app-container .services-gray-sec .img-aps {
    width: 140px;
    height: 180px;
    background-size: cover;
  }
  #app-container .services-gray-sec .graphices-details ul:not(.app-links) li {
    padding-left: 0;
  }
  #app-container .articles-section h2 {
    padding-top: 0;
  }
  #app-container .articles-section-top {
    margin-bottom: 50px;
  }
  #app-container .graphices-details {
    padding-bottom: 50px;
  }
  .price-tab-boxes .price-tabing .nav-tabs li a {
    font-size: 15px;
  }
  #app-container .tab-content .fetured-list-sec img {
    width: 100%;
  }
  #app-container .graphices-details {
    padding-bottom: 20px;
  }
  #app-container .graphices-details p:last-child {
    margin-bottom: 0;
  }
  #app-container .fetured-list-sec .container .row:last-child {
    margin: 0 !important;
  }
  #app-container .handy-mobile-pic {
    margin: 35px 0 50px;
  }
  .main-footer .container .col-sm-6 {
    width: 33.33%;
  }
  #app-container
    footer.main-footer
    .container
    .footer-links
    ul.foot-links.socal
    li {
    margin-right: 10px;
    width: auto;
  }
  #app-container footer.main-footer .container ul.foot-links.socal li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  #app-container footer.main-footer .footer-logo {
    padding: 0 0 20px;
  }
  #app-container footer.main-footer .copyright-link {
    margin-top: 0;
  }
  #app-container .features-tab-btns .nav-tabs > li > a {
    font-size: 18px;
    padding: 8px 24px;
  }
}

@media (max-width: 991px) {
  #app-container .graphices-details {
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .patient-search-detail-sec .doctor-banner-detail h1 {
    font-size: 24px;
    line-height: 30px;
  }
  .patient-search-detail-sec .doctor-banner-detail p {
    font-size: 14px;
    line-height: 20px;
  }
  #app-container .create-profile-ad h3 {
    font-size: 22px;
  }
  #app-container .create-profile-ad {
    padding: 30px 0px;
    margin-bottom: 35px;
  }
  #app-container .create-profile-ad h4 {
    font-size: 15px;
    line-height: 22px;
  }
  #app-container .create-profile-ad p {
    font-size: 13px;
    line-height: 20px;
  }
  #app-container .create-profile-ad h4 br {
    display: none;
  }
  #app-container .create-profile-ad .box {
    margin-bottom: 30px;
  }
  #app-container .create-profile-ad img {
    margin: 0 auto 5px;
  }
  .graphices-sec .shape-right_img_01-img {
    display: none;
  }
  #app-container .services-gray-sec .img-aps {
    display: none;
  }
  #app-container .create-profile-ad .pt-40 {
    padding-top: 10px;
  }
  #app-container .graphices-details.icon {
    padding-left: 0;
    margin-left: 0;
    padding-top: 105px;
    margin-top: 30px;
    margin-bottom: 40px;
    padding-right: 0px;
    margin: 0px;
  }
  #app-container .graphices-details h2 {
    font-size: 22px;
    line-height: normal;
    margin-bottom: 10px;
  }
  #app-container .graphices-details ul:not(.app-links) li {
    font-size: 12px;
    line-height: 18px;
  }
  #app-container .graphices-sec [class*="col-"] {
    float: left;
  }
  #app-container .articles-section h2 {
    padding-top: 0;
  }
  #app-container .articles-section h2 {
    font-size: 24px;
  }
  #app-container .articles-section-top h4 {
    font-size: 14px;
    line-height: 22px;
  }
  #app-container .articles-section p {
    font-size: 12px;
    line-height: 20px;
  }
  #app-container .graphices-details h3 {
    font-size: 22px;
  }
  #app-container .graphices-details p {
    font-size: 14px;
  }

  #app-container ul.app-links {
    margin-bottom: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #app-container ul.app-links li {
    margin-right: 0;
  }
  #app-container .handy-mobile-pic {
    margin-bottom: 50px;
  }
  #app-container .doctor-banner-forms ul.nav-tabs li a {
    font-size: 14px;
    line-height: 20px;
  }
  #app-container .doctor-banner-forms span {
    margin-top: 5px;
  }
  #app-container .form-group.text-center a {
    font-size: 15px;
  }
  #app-container .doctor-banner-forms label {
    font-size: 14px;
  }
  #app-container .doctor-banner-forms label.checkbox-inline {
    font-size: 11px;
  }
  #app-container .doctor-banner-forms input {
    font-size: 14px;
  }
  .price-tab-boxes .price-tabing .nav-tabs li a {
    font-size: 13px;
  }
  #app-container .career-content-sec {
    padding: 30px 0 70px;
  }
  #app-container .subscription-box .price-tab-title {
    font-size: 18px;
  }
  #app-container .main-footer .footer-logo {
    padding: 0;
  }
  #app-container .fetured-list-sec .container .row:last-child {
    margin-bottom: 0 !important;
  }
  #app-container .graphices-sec.fetured-list-sec img {
    max-width: 100%;
  }
  .fetured-list-sec .graphices-details h2 span {
    margin-bottom: 5px;
    display: block;
  }
  .switch-language {
    padding: 0 10px 0 30px;
  }
  #app-container footer.main-footer .container .footer-links h4 {
    min-height: 40px;
  }
  #app-container footer.main-footer .container .footer-links .foot-links {
    margin-bottom: 0;
  }
  #app-container .footer-logo {
    max-width: 150px;
  }
  #app-container
    footer.main-footer
    .container
    .col-sm-6.col-md-3:first-child
    .footer-links {
    margin-top: 30px;
  }
  #app-container footer.main-footer .copyright-link p {
    font-size: 12px;
    line-height: 22px;
  }
  #app-container footer.main-footer .container ul.foot-links.socal li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  #app-container
    footer.main-footer
    .container
    .footer-links
    ul.foot-links.socal
    li {
    margin-right: 10px;
    width: auto;
  }
  .extra-links .switch-language {
    padding: 0;
  }
  #app-container .main-header .site-nav .menu {
    padding: 50px 0 35px;
  }
  #app-container .main-header .menu_icon {
    top: 5px;
  }
  #app-container .main-header .menu_icon.active {
    top: -15px;
  }
  #app-container .price-tab-boxes h2 {
    font-size: 30px;
  }
  #app-container .price-tab-boxes h2 span {
    font-size: 20px;
  }
  #app-container .career-content-sec h1 {
    font-size: 24px;
  }
  #app-container .graphices-details {
    margin-top: 30px;
  }
  #app-container .graphices-sec.app .graphices-details {
    margin-top: 0px;
  }
}

.rubix-panel-body ul[role="tablist"].nav {
  border: none;
  padding: 0px 9px;
  margin: 0 auto;
}

.rubix-panel-body ul[role="tablist"].nav li.active a,
.rubix-panel-body ul[role="tablist"].nav li a {
  border: none !important;
}

.tab-h4-h3 {
  padding-bottom: 15px;
}

.tab-h4-h3 ul.nav.nav-tabs {
  margin-bottom: 20px;
}

.rubix-panel-body ul[role="tablist"].nav li a {
  color: #434343;
  font-weight: 500;
  border-radius: 2px;
  background-color: #bad7ff;
}

.rubix-panel-body ul[role="tablist"].nav li.active a {
  background-color: #3381ff !important;
  background-image: linear-gradient(84deg, #3381ff 0%, #5dc5e3 100%) !important;
}
#view-doctror-info-tabs-pane-dr-practices .dr-in-hospitals h2 {
  color: #3a8cfa !important;
}
#view-doctror-info-tabs-pane-dr-practices .dr-in-hospitals p i {
  color: var(--pink) !important;
}

/* home */
.rubix-panel-body .Select.Select--multi span.Select-value-icon {
  line-height: normal !important;
}

.rubix-panel-body .Select.Select--multi .Select-value {
  line-height: normal !important;
  background-color: var(--pink) !important;
  color: #fff !important;
  border-radius: 0px !important;
}

.rubix-panel-body .Select.Select--multi span.Select-multi-value-wrapper {
  line-height: normal !important;
  padding-top: 0 !important;
}

.rubix-panel-body .Select-multi-value-wrapper span.Select-value-label {
  line-height: normal;
}

.rubix-panel-body .Select.Select--multi .Select-control {
  min-height: auto !important;
  height: auto !important;
  padding: 5px 0 !important;
}
.Select-multi-value-wrapper .Select-value {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
}
.rubix-panel-body .Select.Select--multi span.Select-value-icon:hover {
  color: #fff;
}
.rubix-panel-body .Select.Select--multi span.Select-clear-zone {
  line-height: normal;
  min-height: auto !important;
}

.rubix-panel-body .Select.Select--multi span.Select-arrow-zone {
  line-height: normal !important;
  padding: 0px !important;
}

.rubix-panel-body .Select.Select--multi .Select-input {
  height: auto !important;
}

.rubix-panel-body .Select.Select--multi input {
  padding: 0px !important;
}
.rubix-panel-body .Select.Select--multi .Select-control span {
  line-height: normal !important;
}
span.Select-clear {
}

.rubix-panel-body
  .rubix-panel-body
  .Select.Select--multi
  span.Select-clear-zone
  span.Select-clear {
  line-height: normal !important;
}

.graphices-details {
  text-align: left;
}

.nav-tabs > li > a,
.nav-tabs > rubix-menu > li > a,
.nav-tabs > rubix-nav-item > li > a {
  margin-bottom: 5px;
  text-transform: capitalize;
}

.table-responsive {
  overflow-x: auto !important;
}

.foot-links:not(.socal) li a:hover:after {
  right: -20px;
  opacity: 1;
  float: none;
}
table span.icon-simple-line-icons-eye.rubix-icon {
  color: var(--pink);
}
.patient-detail.container-fluid b {
  font-weight: 500;
}

.rubix-panel-header.bg-green h3 button {
  word-break: normal;
  white-space: normal;
}
.p-0 {
  padding: 0px;
}

.menu li a:hover {
  color: #2d76eb;
}
.menu li a:after {
  width: 0px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  content: "";
  height: 2px;
  border-radius: 1px;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.menu li a:hover:after {
  content: "";
  height: 2px;
  border-radius: 1px;
  background-image: linear-gradient(84deg, #0e7aed 0%, #0e7aed 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.menu li a {
  position: relative;
}
.doctor-banner-forms .form-group {
  padding-bottom: 15px;
  margin-bottom: 0px;
}

span.help-block:empty {
  display: none;
}

.doctor-banner-forms .custom-left .form-group,
.doctor-banner-forms .help-block {
  margin: 0px;
  font-size: 14px;
}

#app-container .form-group.text-center a.forgotpass {
  display: inline-block;
}

.doctor-banner-forms .custom-left {
  overflow: visible;
  display: flex;
  clear: left;
  margin-bottom: 14px;
}
.control-label,
.panel-oc-setting label {
  font-weight: 500;
  color: #000;
}

div#profile-info .col-md-9.col-sm-8 + .col-md-3.col-sm-4 {
  width: 25%;
}
.form-modal-upate-nub .col-md-4 *,
.form-modal-upate-nub .col-md-12 * {
  font-size: 14px;
}
#beg-tab button.btn.btn-primary {
  padding: 3px 15px 2px 15px;
  border: 1px solid var(--pink);
  margin-left: 5px;
}

.timepicker span.glyphicon {
  background-color: var(--pink);
  color: #fff;
}

.timepicker .btn {
  padding: 0px !important;
  border-radius: 2px;
  background-color: transparent;
  background-image: none;
  font-size: 15px;
  color: initial;
  font-weight: 500;
  height: initial;
  border: none;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: var(--pink) !important;
}
.custom-left span.help-block {
  position: absolute;
  z-index: 1;
}
input.form-control[name="page"] {
  margin-bottom: 10px;
}

.table-responsive.col-xs-12 select.form-control {
  padding-right: 30px;
  min-width: 140px;
}

.panel-body button {
  margin-bottom: 5px;
}
.consults .col-xs-collapse-right.col-xs-collapse-left.col-xs-9 {
  padding: 0px 15px 15px 15px !important;
}
.fg-red {
  color: #ea7882 !important;
}
.fg-green {
  color: #5db85d !important;
}

@media (max-width: 991px) {
  .careers-box .col-md-9 * {
    display: block;
    width: 100%;
    float: left;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    font-size: 16px;
  }
}
#app-container .graphices-details {
  overflow: hidden;
}
.timepicker-picker span,
.timepicker-picker span:hover {
  padding: 0px !important;
  width: inherit !important;
  height: inherit !important;
  line-height: normal !important;
  background-color: transparent !important;
  color: #000 !important;
}
.timepicker-picker a,
.timepicker-picker a:hover {
  padding: 0px !important;
  width: inherit !important;
  height: inherit !important;
  line-height: normal !important;
  background-color: transparent !important;
  color: #000 !important;
  background-image: none !important;
}
.timepicker-picker td {
  width: inherit !important;
  height: inherit !important;
  line-height: normal !important;
  background-color: transparent !important;
  color: #000 !important;
  background-image: none !important;
}

.bootstrap-datetimepicker-widget .timepicker-picker table td span:hover {
  background-color: transparent !important;
  color: #000 !important;
  background-image: none !important;
}
span.label + button {
  margin-bottom: 0px !important;
}
@media (min-width: 991px) {
  .logo {
    max-width: 180px !important;
    position: relative;
    top: -10px;
    margin-bottom: -25px;
  }
}
footer.main-footer .top_arrow {
  z-index: 1000;
}

@media (max-width: 1200px) {
  .rubix-panel-header.bg-green h3 button {
    padding: 6px 10px !important;
    font-size: 14px;
    letter-spacing: 0px !important;
  }
  .rubix-panel-header.bg-green h3,
  .rubix-panel-container-with-controls .bg-green h3 {
    font-size: 20px !important;
  }
}

.language-select {
  margin-top: 5px;
}

.language-select .Select-control {
  height: 36px !important;
}

.appointmentGraph {
  background-color: #ffffff;
  padding: 15px;
}

.appointmentGraph h3 {
  vertical-align: middle;
  padding: 5px 0;
}

/* 29 June 2020*/
.prescription-page .Select.is-searchable {
  margin-bottom: 12px;
}
.prescription-page ul.dr-detail-list {
  border-top: 1px solid #3388fc;
  padding-top: 10px;
  margin-top: 5px;
  background: #edf1f4;
  padding: 10px;
}
.prescription-page ul.dr-detail-list li {
  list-style: none;
  color: #000;
  font-size: 14px;
  padding: 1px 0;
}
.prescription-page table.table tr td {
  color: #000;
  font-size: 13px;
}
.prescription-page table.table tr td .icon-stroke-gap-icons-Delete {
  color: red;
}
.prescription-page ul.dr-detail-list li:hover,
.prescription-page ul.dr-detail-list li.active {
  color: #3388fc;
}
.prescription-form label.control-label {
  margin-bottom: 10px;
}
.prescription-form h3 {
  margin-bottom: 20px;
}
.prescription-form h5 {
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
}
.prescription-form label {
  font-size: 15px;
}
.prescription-form {
  border-left: 1px solid #b3b3b3;
}
.prescription-page .col-xs-3 .Select.is-searchable {
  margin-bottom: 12px;
  border-bottom: 1px solid #b3b3b3;
  padding-bottom: 16px;
}
.prescription-page .col-xs-9 .Select.is-searchable {
  margin-bottom: 0;
  border-bottom: 0;
  padding-bottom: 0px;
}

h5.prescription-subtitle {
  background: #edf0f7;
  border-bottom: 0;
  color: #000;
  padding: 5px 10px;
}
h5.prescription-medtitle {
  background: #ebf0f7;
  padding: 8px 10px;
}
.rubix-panel .table-responsive table.table {
  min-width: 1024px !important;
}
.prescription-detail .table-bordered {
  background: #fff;
}
.prescription-detail .table-bordered tr th {
  background: #eff6ff;
}
.prescription-profile .user-info p {
  font-size: 12px;
}
.prescription-profile .user-info h5 {
  font-size: 16px;
  margin-top: 22px;
}
.prescription-profile .other-info h5 {
  font-size: 16px;
}
.table-data-prescription {
  margin-top: 22px;
}
.signature {
  font-size: 17px;
  margin-bottom: 15px;
}
img.prescription-sign-img {
  height: 50px;
  width: 150px;
  display: block;
  margin-left: auto;
  margin-bottom: 5px;
}
.dwld {
  border: 1px solid #032792;
  padding: 9px 15px 11px 15px;
  margin-left: 5px;
  color: #032792;
}
.dwld:hover {
  background-color: #032792;
  color: #ffffff;
}
.rximage {
  height: 50px;
  margin-bottom: 5px;
}
.prescription-disclaimer {
  border-top: 1px solid #b3b3b3;
  margin-top: 50px;
}
.prescription-disclaimer img {
  height: 50px;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.rubix-panel-body.prescription-profile {
  background-color: #eff6ff;
  padding-bottom: 20px;
  padding-top: 15px !important;
}
.prescription-detail .rubix-panel-header.bg-green {
  margin-bottom: 0 !important;
}
.user-info h4,
.other-info h4 {
  font-size: 18px;
  color: #5d5d5d;
  font-weight: 600;
  margin-bottom: 0px;
}
.prescription-profile .user-info h5 {
  font-size: 16px;
  margin-top: 22px;
  margin-bottom: 2px;
}
.prescription-profile .user-info p {
  font-size: 12px;
  margin-bottom: 0;
  line-height: 18px;
}
.prescription-profile .table > tbody > tr:nth-of-type(odd),
.prescription-profile .table > tbody > tr {
  border-bottom: 1px solid #dddddd;
}
.prescription-profile .table > tbody > tr td,
.prescription-profile .table tr th {
  color: #3c3c3c;
  font-size: 16px;
}
.prescription-profile .table tr th {
  font-weight: 700;
  font-size: 16px;
  border-bottom: 1px solid #ddd;
  line-height: 18px;
}


ul.list_doc_inline {
  display: flex;
  margin: 0 -15px;
  overflow: hidden;
  overflow-x: auto;
  padding-bottom: 15px;
}

.list_doc_inline a {
  display: block;
}

.list_doc_inline_img {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto 5px;
}

.list_doc_inline_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

ul.list_doc_inline li {padding: 0px 15px;text-align: center;min-width: 125px;}

ul.list_doc_inline li h4 {
  font-size: 14px;
  color: #000;
}
/* .list_doc_inline_img .active{
  border-color: var(--pink) !important;

} */
.list_doc_inline_imgactive {
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 5px solid #ddd;
  border-color: #00A989 !important;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin: 0 auto 5px;
}

.dashboardtable{
  border:1px solid black;
}
.dashboardtable tbody > tr{
  border:1px solid black;
}
.dashboardtable tbody > tr >td,.dashboardtable thead > tr >th {
  border-left:1px solid black;
  border-bottom:1px solid black;

}

.dashboardtable tbody > tr > td{
  border-bottom: 1px solid black;

}
.dashboardtable > tbody > tr:nth-of-type(odd){
  border-bottom: 1px solid black;

}
.dashboardtable > tbody > tr:nth-of-type(odd), .dashboardtable > tbody > tr{
  border-bottom: 1px solid black !important;

}

.waitingroomtable >thead >tr:first-child {
  background-color:var(--pink) !important;
}
.waitingroomtable >thead >tr:first-child >th {
  color:#fff !important;
}
.waitingroomtable  >tbody > tr:nth-of-type(odd) {
  background-color:#E9F0F5 !important;
}
.chat-id-phone {
  word-break: break-all;
  
}
.table tr.trclassservicing,.waitingroomtable .table tr.trclassservicing {
  background-color:#00A989 !important;
}
.waitingroomtable >tbody > tr.trclassservicing:nth-of-type(odd){background-color:#00A989 !important;}
.trclassservicing >td {
color:#fff !important;
}
.kashfiya_header {
  padding: 10px 15px;
  background: #3776bb;
}

.warp_kashfiya {
  max-width: 1500px;
  margin: 0 auto;
}

.row_kashfiya {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body{
  font-family: 'Poppins', sans-serif;
  color: #333333;
  font-size: 16px;
  font-weight: 400;
}
.kashfiya_header h3 {
  font-size: 24px;
  color: #ffffff;
  font-weight: 500;
}

.logo-Clinic {
  border: 1px solid #ddd;
  background: #fff;
  padding: 10px 30px;
  border-radius: 15px;
  font-size: 24px;
  font-weight: 500;
  color: #3776bb;
}
.card-block-kashfiya {
  padding: 35px 0px; background-color: #f6f6f8;
}

.kashfiya-media {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #fff;
  border-radius: 10px;
}
.card-block-kashfiya img {
  max-width: 100%;
}

.kashfiya-media .align-self-start-img {
  min-width: 227px;
  margin-right: 30px;
}

.card-block-kashfiya .col-item {
  width: 50%;
  padding: 0 15px;
}
.kashfiyamedia-body{
  padding: 10px 20px; text-align: center;
}
.kashfiyamedia-body h5{
  font-size: 26px;
  font-weight: 500;
  color: #3366cc; margin: 0px;
}
.kashfiyamedia-body h6{
  font-size: 26px;
  font-weight: 300;
  color: #3776bb; margin: 40px 0px 0px;
}
.card-block-kashfiya table.table-k {
  width: 100%;
  text-align: left;
  vertical-align: top;
  border: none;
  border-spacing: 0px;
}


.card-block-kashfiya table.table-k th,.card-block-kashfiya table.table-k td {
  padding: 10px 15px;
  font-size: 18px;
}

.card-block-kashfiya table.table-k th {
  color: #fff;
  font-weight: 500;
}
.card-block-kashfiya table.table-k tr:nth-child(even) {background: #efeff1}
.card-block-kashfiya table.table-k tr:nth-child(odd) {background: #fff}
.card-block-kashfiya table.table-k thead tr{
  background: #3776bb !important;
}
.footer-kashfiya {
  padding: 60px 0px;
  background-repeat: no-repeat;
  background-color: #b1b0ac;
  text-align: right;
  color: #fff;
  font-weight: 400;
  font-size: 30px;
}

.footer-kashfiya h4 {
  font-weight: 600;
  font-size: 30px;
  margin-right: 40px;
}



.parent {
	width: 85%;
	overflow: hidden;
	margin: auto;
	padding: 1rem;
}
.slider-container {
 /* if you want to have a scrollbar, you can add overflow here */ 
	overflow-x: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0rem 2rem;
	padding: 3px;
 scroll-behavior: smooth;
}
.slider-wrapper {
	display: flex;
	align-items: center;
	width: 100%;
}
.btn {
	/* position: absolute; */
	box-shadow: 0 0 6.1px 0.9px grey;
	padding: 5px;
	cursor: pointer;
	/* width: 20px;
	height: 20px; */
	background: grey;
	text-align: center;
	color: white;
	border-radius: 50%;
}
.prev {
	left: 1rem;
}
.next {
	right: 1rem;
}
.disable {
	opacity: 0.5;
 pointer-events: none;
}
.child {
	padding: 5px 20px;
	background: #59eb97;
	text-align: center;
	width: 100%;
	margin-right: 10px;
	border-radius: 21px;
}