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;}

.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;}