/** BeConnected.css
/** www.beconnected.tech
/**/

body {font-family:'Cairo' !important;}
.l2r {direction:ltr !important;}
#nprogress {
  .bar {z-index: 2000 !important;}
  .spinner {z-index: 2000 !important;}
}
a:hover {-webkit-animation-name: pulse;animation-name: pulse;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-duration: var(--animate-duration);animation-duration: var(--animate-duration);-webkit-animation-fill-mode: both;animation-fill-mode: both;}

table.dataTable.text-center thead th, table.dataTable.text-center thead td, table.dataTable.text-center tfoot th, table.dataTable.text-center tfoot td {text-align: center;}
.table.table-sm th {padding-top: 0.5rem;padding-bottom: 0.5rem;}

.offcanvas-body {max-height: 80vh;overflow: auto;}

#layout-menu .menu-inner .menu-sub {background: #f3f5f7;margin:5px 0px 15px;}
#layout-menu .menu-inner .menu-sub .menu-sub {background: #ececec;margin: 0px;margin: 5px 0px;padding: 10px 0px;}

span.hours, span.hour, span.minutes, span.minute, span.seconds, span.second {font-size: 0.8125rem;}

.select2-container--default, .select2-container--default * {z-index: 1090;}

/*.accordion-collapse .select2-container--open {position: relative !important;top: auto !important;left: auto !important;}*/
/*.accordion-collapse .select2-container--open .select2-dropdown--below {position: relative;}*/

.list-group-item-action:hover, .list-group-item-action:focus { color: #5d5a6c;background-color: #f3fdfe;}

.bepharma-bg {background-color: #0a8595;background-image: linear-gradient(45deg, #102a4d, #02e0e1);}
.bepharma-score h6 {height: 1.5rem;overflow: hidden;}

.jq-ry-container {width: 100% !important;}

/**********-----+++++-----********** CONTENT **********-----+++++-----**********/

.product img, .img-ratio-1-1 {width: 100%;aspect-ratio: 1 / 1;object-fit: cover;}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {width: 18px;}
.product .jq-ry-container {width: 120px !important;margin: auto;}
.rtl-only {display: none !important;text-align: left !important;direction: ltr !important;}
[dir='rtl'] .rtl-only {display: block !important;}
.content-wrapper .navbar {z-index: auto;}
.light-style .menu .app-brand {margin: auto !important;}
.dark-style .menu .app-brand {height: 64px;}
.app-brand-logo {-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;display: -ms-flexbox;display: flex;padding-top: 5px;}
.app-brand-logo img {max-width: 90%;max-height: 70px;}
.app-brand-text {font-size: 1.375rem;}

/**********-----+++++-----********** LAYOUT **********-----+++++-----**********/

.layout-demo-wrapper {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;margin-top: 1rem;}
.layout-demo-placeholder img {width: 900px;}
.layout-demo-info {text-align: center;margin-top: 1rem;}
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {padding-top: 64px !important;}
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {padding-top: 78px !important;}

/**********-----+++++-----********** CAROUSEL **********-----+++++-----**********/

#carouselHome .carousel-item {height:500px;padding-top:500px;}
#carouselHome .carousel-item img {position:absolute;top: -50%;left: -50%;margin: auto;bottom: -50%;right: -50%;}
.carousel-caption {background:#00000078;padding:15px;border-radius:10px;bottom:4rem !important;}
.app-brand-logo {-ms-flex-align: center;align-items: center;-ms-flex-pack: center;justify-content: center;display: -ms-flexbox;display: flex;padding: 25px 20px;width: 100%;}
.app-brand-text {font-size: 1.375rem;}

/**********-----+++++-----********** FOOTER **********-----+++++-----**********/

.landing-footer .footer-top {background:#30334a;padding: 3.5rem 0;}
.light-style .landing-footer .footer-bottom {background-color: #282c3e;}
.dark-style .landing-footer .footer-bottom {background-color: #171925;}
.light-style .landing-footer .footer-title {color: #fff;}
.dark-style .landing-footer .footer-title {color: #cfd3ec;}
.light-style .landing-footer .footer-link, .light-style .landing-footer .footer-text {color: #d3d4dc;}
.dark-style .landing-footer .footer-link, .dark-style .landing-footer .footer-text {color: #b6bee3;}

/**********-----+++++-----********** LOGIN **********-----+++++-----**********/

.auth-cover-bg lottie-player {width: 60%; height: auto; margin: 30px auto;}
.auth .app-brand-logo img {max-width: 200px;}
.auth .app-brand-logo {justify-content: center;padding-top: 0;}

/**********-----+++++-----********** FAQ PAGE **********-----+++++-----**********/
.faq-header {
  background: url("../img/pages/header.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 300px !important;
}
.faq-header .input-wrapper {
  position: relative;
  width: 100%;
  max-width: 55%;
}
@media (min-width: 992px) {
    #faq .nav-align-left {
        min-height: auto;
    }
}
@media (max-width: 575.98px) {
  .faq-header .input-wrapper {
    max-width: 70%;
  }
}

.light-style .bg-faq-section {
  background-color: rgba(75, 75, 75, 0.04);
}

.dark-style .bg-faq-section {
  background-color: rgba(134, 146, 208, 0.04);
}


/**********-----+++++-----********** MEDIA **********-----+++++-----**********/

@media (min-width: 992px) {
    .front .container, .front .container-fluid, .front .container-sm, .front .container-md, .front .container-lg, .front .container-xl, .front .container-xxl {padding-right: 3rem;padding-left: 3rem;}
	.nav-align-left {min-height:80vh;}
	.app-calendar-wrapper .app-calendar-sidebar {flex-basis: 13rem !important;width: 13rem !important;}
}

@media (min-width: 768px) {
	.nav-align-left > .nav:not(.nav-pills) .nav-link, .nav-align-left > div > .nav:not(.nav-pills) .nav-link {white-space: nowrap;}
}

@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {width: 254px;position: relative;}
  #dropdown-variation-demo .btn-group .text-truncate::after {position: absolute;top: 45%;right: 0.65rem;}
}

@media (max-width: 768px) {
	.calendar-filter {display:none;}
	.app-calendar-wrapper .app-calendar-sidebar {position: static !important;width: 100% !important;flex-basis: 100% !important;}
	.fc .fc-toolbar.fc-header-toolbar {flex-wrap: wrap;gap: 10px;justify-content: center;}
}