/* Fix for sticky menu */
.layout-wrapper{
    overflow: unset;
}

.wepredic {
    background-color: #7A39FF !important;
}
.bg-primary{
    background-color: #3E60FF !important;
}
/* Buttons */
.btn-primary{
    background: #3E60FF;
}
.btn-primary:hover{
    background: #012CF3;
}

.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle{
    background: #4b9687;
}
.btn-primary:focus, .btn-primary.focus{
    box-shadow: none;
}

.btn-primary.disabled, .btn-primary:disabled{
    background: #ccc;
}

.btn-outline-primary {
    border-color: #60BFAC;
    color: #60BFAC;
}
.btn-outline-primary:hover {
    background: #60BFAC;
}


/* Links */
a {
    color: #3E60FF;
}
a:hover{
    color: #012CF3;
}

/* Titles */
.title-icon i{
    font-size: 44px;
    margin-bottom: 10px;
    color: #60BFAC;
    vertical-align: middle;
    margin-right: 20px;
}

h4{
    font-weight: 900;
}

/* Paragraphs */
.important-text {
    color: #c12e2a;
}

/* Messages */
.field-validation-error{
    color: firebrick;
}


/* Badges */
.badge-primary{
    background: #60BFAC;
}

/* Radios */
.custom-control.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, .custom-control.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
    border-color: #60BFAC;
    background-color: #60BFAC;
}
.custom-radio .custom-control-label::before {
    background-size: 38% 38%;
}

.form-control:focus, .custom-select:focus{
    border-color: #60BFAC;
}

/* Navbar */
.layout-navbar{
    box-shadow: none;
    z-index: 1040 !important;
}

.demo-navbar-messages .dropdown-toggle,
.demo-navbar-notifications .dropdown-toggle,
.demo-navbar-user .dropdown-toggle,
.demo-navbar-messages.b-nav-dropdown .nav-link,
.demo-navbar-notifications.b-nav-dropdown .nav-link,
.demo-navbar-user.b-nav-dropdown .nav-link {
  white-space: nowrap;
}

.demo-navbar-messages .dropdown-menu,
.demo-navbar-notifications .dropdown-menu {
  overflow: hidden;
  padding: 0;
}

@media (min-width: 992px) {
  .demo-navbar-messages .dropdown-menu,
  .demo-navbar-notifications .dropdown-menu {
    margin-top: .5rem;
    width: 22rem;
  }

  .demo-navbar-user .dropdown-menu {
    margin-top: .25rem;
  }
}
.dropdown-menu{
    z-index: 1030;
}

/* Sidenav */
.bg-sidenav-theme {
    position: relative;
    padding-right: 12rem !important;
    background-color: #fff !important;
    color: #333 !important;
    min-height: 53px;
}

@media (max-width: 767px) {
    .bg-sidenav-theme ul{
        display: none;
    }
}

.bg-sidenav-theme .sidenav-item.active > .sidenav-link:not(.sidenav-toggle){
    background: transparent;
}

.bg-sidenav-theme .sidenav-item.open:not(.sidenav-item-closing) > .sidenav-toggle, .bg-sidenav-theme .sidenav-item.active > .sidenav-link{
    color: #3E60FF;
    border-bottom: 3px solid #3E60FF;
}

.bg-sidenav-theme .sidenav-link:hover, .bg-sidenav-theme .sidenav-link:focus, .bg-sidenav-theme .sidenav-horizontal-prev:hover, .bg-sidenav-theme .sidenav-horizontal-prev:focus, .bg-sidenav-theme .sidenav-horizontal-next:hover, .bg-sidenav-theme .sidenav-horizontal-next:focus{
    color: #555;
}

.sidenav-item--quote{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 180px;
    text-align: right;
    padding-right: 2rem;
    padding-top: 0.4rem;
    background: #60BFAC;
    font-size: 0.8rem;
    color: rgba(255,255,255,0.8);
}
.sidenav-item--quote:hover{
    background: #51a292;
}

.sidenav-item--quote a{
    display: block;
    line-height: 1rem;
}
.sidenav-item--quote span{
    font-size: 1.3rem;
    font-weight: bold;
    color: white;
}
.sidenav-item--quote span small{
    font-size: 60%;
}

.sidenav-horizontal-prev, .sidenav-horizontal-next{
    display: none;
}

/* Pagination */
.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus, .pagination li.active > a:not(.page-link), .pagination li.active > a:not(.page-link):hover, .pagination li.active > a:not(.page-link):focus{
    background-color: #60BFAC !important;
    border-color: #60BFAC !important;
}

/* Home */
.settings-button{
    margin-top: -3.5rem;
}
.get-started-row{
    display: flex;
    margin-bottom: 30px;
    margin-top: 30px;
}
.get-started-row img{
    flex: 0 0 50px;
}

.get-started-row p{
    padding-left: 30px;
}

/* Tables */
.add-column{
    width: 80px;
}

/* Active quote */
.active-quote__header{
    padding: 1.3rem 0;
    background: #062748;
    background: linear-gradient(90deg, #062748 0%, #083058 100%);
    margin: -1.5rem -2rem 2rem -2rem;
    color: #FFF;
}

.active-quote__info div{
    opacity: .8;
    font-size: 0.9rem;
}

.active-quote__info strong{
    font-size: 1.4rem;
}

/* Responsive */
@media (max-width: 768px) {
    .active-quote__header h2{
        font-size: 1.4rem;
    }
    .active-quote__info strong{
        font-size: 1rem;
    }    
}
@media (max-width: 576px) {
    .active-quote__header {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .active-quote__header .col-sm-6{
        margin-bottom: 10px;
    }
    .active-quote__header .col-sm-3{        
        width: 50%;
    }
    .active-quote__info{
        text-align: left !important;
    }
}

.active-quote__info small{
    font-size: 80%;
    opacity: .6;
    display: block;
    margin-top: -3px;
    margin-bottom: -15px;
}


.active-quote__product{
    margin-bottom: 30px;
}
.active-quote__product p{
    margin-bottom: 2px;
}
.active-quote__product .form-group{
    position: relative;
}
.active-quote__product .form-group:after{
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 15px;
    width: 3px;
    background: #60BFAC;
}

.active-quote__add{
    border: 1px dashed #CCC;
    color: #CCC !important;
    padding: 15px;
    text-transform: uppercase;
    font-size: 0.9rem;
    width: 92%;
    display: block;
    border-radius: 3px;
    text-align: center;
    margin: 10px 0;
    cursor: pointer;
}

.active-quote__add:hover{
    border-color: #60BFAC;
    color: #60BFAC !important;
}

small.active-quote__not-set{
    opacity: 0.3;
    margin-top: 5px;
    width: 50%;
    margin-left: auto;
    line-height: 0.8rem;
}

#client_details{
    background: #F5F5F5;
    border: 1px solid #CCC;
    border-radius: 5px;
    padding: 10px;
    width: 100%;
}


@media (max-width: 576px) {
    .active-quote__product .form-group{
        padding-left: 30px;
    }

    .active-quote__product .form-group > div{
        margin-bottom: 10px;
    }
    .active-quote__add{
        width: 100%;
    }

    .active-quote__buttons .btn {
        display: block;
        width: 50%;
        margin: 5px auto;
    }
}

/* Slider */
.active-quote .slider{
    margin-top: 25px;
}
.default-style .noUi-connect {
    background: #60BFAC !important;
}

.alerts{
    position: fixed;
    bottom: 20px;
    left: 20px;
}

/* Product Lot */

.custom-container {
    margin-left: 20px;
    margin-right: 20px;
}

.bpc-card {
    border-radius: 16px;
    background-color: #FFFFFF;
}

.bpc-label {
    text-transform: uppercase;
    font-size: 13px;
    color: #4A4A4A;
}

.bpc-item-value {
    font-size: 16px;
}

.text-black {
    color:black !important;
}

.footer, .footer a {
    color:#404040;
    font-size:13px;
}

.footer a:hover {
    text-decoration:underline;
}

.navbar-nav .nav-link {
    padding-top:0px;
    padding-bottom:0px;
}

/* Surgery */

.surgery-field-changed {
    color:red;
}

.surgery-cancelled {
    background : #ffcccc;
    color:white;
}