body{font-family: forma-djr-text, sans-serif;font-style: normal;box-sizing: border-box;}
.sidebar .sidebar-header .sidebar-brand span {color: #d42b2b!important;font-weight: 300;}
.sidebar .sidebar-header .sidebar-brand {opacity: 1;visibility: visible;-webkit-transition: opacity .5s ease;transition: opacity .5s ease;font-weight: 700;font-size: 22px;color: #1f1f1f;direction: ltr;line-height: 26px;padding-top: 3px;}
.sidebar .sidebar-body .nav .nav-item:hover .nav-link {color: #ffffff!important;}
.sidebar-dark .sidebar .sidebar-body .nav .nav-item.active .nav-link .link-title, .sidebar-dark .sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-title {color: #d42b2b;font-weight: 600;}
.sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-icon, .sidebar-dark .sidebar .sidebar-body .nav .nav-item .nav-link[aria-expanded=true], .sidebar .sidebar-body .nav .nav-item.active .nav-link .link-icon{color: #d42b2b;}
.sidebar .sidebar-body .nav.sub-menu .nav-item:hover .nav-link::before, .sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link.active::before {border: 1px solid #d42b2b;background: #d42b2b;}


.pagination {
    --bs-pagination-active-bg: #fd5c63!important;
    --bs-pagination-active-border-color: #fd5c63!important;
}





.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link.active {color: #ffffff;font-weight: 600;}
.navbar .navbar-content .navbar-nav .nav-item {margin-right: 10px;}
.breadcrumb-item a{color: #d42b2b;}
.sidebar .sidebar-body .nav .nav-item.active .nav-link::before {background: #d42b2b;}
form h6.card-title{font-size: 18px!important;color: #d42b2b;font-weight: 700!important;}
form h6.card-title span{top:3px;position: relative;color:#1f1f1f}
button.btn.btn-success span{top: 1px;display: inline-block;position: relative;font-size: 15px;font-weight: 600;}
.iti{position: relative;display: block!important;}
.autocomplete-suggestions {border: 1px solid #f0f0f8; background: #FFF; overflow: auto;border-radius: .25rem;}
.autocomplete-suggestion {white-space: nowrap; overflow: hidden;font-size: 14px;padding: 5px;border-bottom: 1px solid #eee;}
.autocomplete-selected {background: #F0F0F0;}
.autocomplete-suggestions strong { font-weight: normal; color: #e62d2a; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000;}
input.error{border:1px solid #e62d2a;color: #e62d2a;}
select.error{border:1px solid #e62d2a;color: #e62d2a;}
input#phone::-webkit-outer-spin-button, input#phone::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input#phone[type=number] {-moz-appearance: textfield;}
.profile-links .active svg.icon-md{color: #1f1f1f!important;}
.profile-links .active a{color: #e62d2a!important;font-weight: 600;}
.companionDiv{display: none;}
.surgery-details i{min-width: 18px;margin-right: 5px;color:#e62d2a;}
.surgery-name span.badge{position: relative;top:-1px;}


.nobleui-logo{font-weight:700;font-size:25px;color:#1f1f1f}
.nobleui-logo span{color: #d42b2b!important;font-weight: 300;}
.nobleui-logo:hover{color:#1f1f1f}
.auth-page .auth-side-wrapper {
    width: 100%;
    height: 100%;
    background-image: url('../images/login.jpg');
    background-size: cover;
}

.info-popup{position: relative;float: left;font-size: 14px;padding: 5px 0;border-bottom: 1px solid #eee;margin-bottom: 5px;}
.info-popup .col-md-4{position: relative;}
.info-popup .col-md-4 svg{position: relative;width: 20px!important;height: auto;color:#6e7881;fill: #eeeeee;}
.info-popup .col-md-8{position: relative;padding-left: 10px;}
.info-popup .col-md-4:after{content: ' : ';position: absolute;right: 0;}
.modal-title#modalTitle1 small{font-size: 12px;margin-left: 5px;}
.modal-title#modalTitle1 small i{vertical-align: text-top;}

.btn-icon-text span{font-size: 15px;font-weight: 700;margin-left: 2px;}
.btn-icon-text i{font-size: 15px;font-weight: 700;margin-left: 2px;vertical-align: middle;}

.modal{background: rgba(0, 0, 0, .9);}

.nav.nav-tabs.nav-tabs-line .nav-link.active {border-bottom: 2px solid #d42b2b;color: #d42b2b;}

.tab-content h5{font-weight: 700;font-size: 16px;}
.tab-content p{font-weight: 500;font-size: 14px;}
.tab-content p:nth-child(3){margin: 15px 0;background-color: #ffffff;padding: 5px 5px 5px 30px;border-radius: 5px;position: relative;float: left;width: 100%;}
.tab-content p:nth-child(3):before{content: '\f128';font-size: 36px;color: #d42b2b;font-family: "Font Awesome 5 Pro";font-weight: 300;position: absolute;left: -10px;top:0;-moz-transform: rotate(10deg);-webkit-transform: rotate(10deg);-o-transform: rotate(10deg);-ms-transform: rotate(10deg);transform: rotate(10deg);}



.tab-content .recipes{padding: 35px;background-color: #eeeeee;margin: 10px 0;width: 60%;border-radius: 10px;float:left;position: relative;}
.tab-content .recipes .recipe .image-recipe{padding: 10px;background-color: #d42b2b;margin: 0;width: 40%;border-radius: 10px 0 0 10px;float: left;position: relative;min-height: 200px;}
.tab-content .recipes .recipe .recipe-div{padding: 10px;background-color: #ffffff;margin: 0;width: 60%;border-radius: 0 10px 10px 0;float: left;position: relative;min-height: 200px;}

.tab-content .recipes .carousel-control-prev{justify-content: left;}
.tab-content .carousel-control-next-icon, .tab-content .carousel-control-prev-icon{filter: brightness(0.5) sepia(0.2) hue-rotate(140deg) saturate(6);}
.tab-content .recipes .carousel-control-next{justify-content: right;}
.tab-content .carousel-indicators{margin-bottom: 8px;}
.tab-content .carousel-indicators button{background-color: #6e7881;}

.tab-content .important{padding: 35px;background-color: #eeeeee;margin: 10px 0;width: 38%;border-radius: 10px;float:right;position: relative;}


.card-body h6.card-title {font-size: 16px!important;font-weight: 700;padding-bottom: 10px;margin-bottom: 15px;border-bottom: 1px solid #eee;}
input#amount::-webkit-outer-spin-button,
input#amount::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input#amount[type=number] {-moz-appearance: textfield;}
#doctorDiv, #hospitalDiv, #supplierDiv, #agentDiv{display: none;}
#doctorDiv label, #hospitalDiv label, #supplierDiv label, #agentDiv label{width: 100%;}
#doctorDiv .select2, #hospitalDiv .select2, #supplierDiv .select2, #agentDiv .select2{width: 100%!important;}

.error-element{border: 1px solid #d42b2b;}
.error{color: #d42b2b;}

.report-buttons a:hover{background-color: #eee;border-color: transparent;color: #1f1f1f!important;}
.report-buttons a{text-align: center;}
.report-buttons a svg{}
.report-buttons a span{top:3px;font-weight: 600;display: block;margin-top: 3px;width: 100%;}



.languages a{color: #6e7881;font-size: 13px;margin-right: 4px;font-weight: 600;}
.languages a.selected-language{color: #d42b2b;}
.languages a span{top: -1px;display: inline-block;font-size: 16px;}
form button {font-weight: 600;}
form button i{display: inline-block;vertical-align: text-top;margin-right: 5px;}
form label{font-weight: 600;}
.profile-links ul li {
    display: block !important;
    width: auto;
    position: relative;
    float: left;
    margin: 0!important;
    padding: 10px 20px 10px 0!important;
    border: none!important;
}

@media screen and (max-width:760px) {
    .profile-links ul li {
        display: block !important;
        width: 100%;
        position: relative;
        float: left;
        margin: 0!important;
        padding: 5px 0!important;
        border: none!important;
    }
    .profile-body .card-body .mb-3.pt-1.pb-1 .col-md-3{width: 35% !important;}
    .profile-body .card-body .mb-3.pt-1.pb-1 .col-md-1{width: 5% !important;}
    .profile-body .card-body .mb-3.pt-1.pb-1 .col-md-8{width: 60% !important;float: left!important; }
    .profile-body .card-body .mb-3.pt-1.pb-1 .col-md-12{width: 100% !important;float: left!important; }

    #updatePatient .col-md-6{width: 100%;float: left;}
    #updatePatient .col-md-5{width: 100%;float: left;}
    .languages a{width: 100%;float: left;padding: 3px 0;}
}

.accordion-button:not(.collapsed) {background-color: #eeeeee!important;}