@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Six+Caps&display=swap');
html, body, a, label, p, span, h1, h2, h3, h4, h5, h6{
    font-family: 'Montserrat', sans-serif!important;
    text-shadow: none!important;
    font-weight: 300!important;
}
#bodyContainer{
    background: #fbfbfb;
}
#body{
    background: url('/SepraScript/bootstrap/v5.0.2/css/themes/image/eKumes/arkaplan.jpg'); 
    background-position: center;
    background-size: cover;
}
a{
    color: #dcd7fc;
    text-decoration: none;
}
a:hover{
    color:#ed1c24;
    text-decoration: underline;
}
.user_card a{
    color: #d18075;
} 
a.disabled{
    color: #cccccc;
    cursor: default;
    text-decoration: none;
}
a.disabled{
    text-decoration: none;
}
.navbar {
    background-color: #fff!important;
    border-bottom: 1px solid #d6d6d6;
} 
.nav-link{
    color: #fff!important;
    font-weight: 500!important;
}
.nav-link:hover{
    text-decoration: none!important;
    color: #fd1c2a!important;
}
.sidebar .nav-link.active{
    color: #fd1c2a!important;
}
.navbar-brand{
    background-color: transparent!important;
    box-shadow: none!important;
    padding-left: 10px;
}
.sidebar{
    background-color: #4c4d4f;
    color: #fff;
}
.profile-title{
    color:#c82333;
    font-size: 30px;
}
.nav-header-profile{
    padding-top: 60px; 
    text-align: center!important;
    background-color: #292929; 
    border-bottom: 2px solid #fb9f4d;
}
.nav-header-profile h3{
    color: #fff;
    font-size: 18px; 
    padding-left: 5px;
    font-weight: 600!important;
    text-align: center;
    margin-top: 15px;
}
.avatar{
    cursor: pointer; 
    margin-top: 1em;
    margin-right: 1em; 
    width: 75px;
    height: 75px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 3px #ccc, 0 0 0 4px #999, 0 2px 5px 4px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 0 3px #ccc, 0 0 0 4px #999, 0 2px 5px 4px rgba(0,0,0,.2);
    box-shadow: 0 0 0 3px #ccc, 0 0 0 4px #999, 0 2px 5px 4px rgb(0 0 0 / 20%);
    object-fit: contain;
    margin: auto;
}
button.btn{
    color: #fff!important;
    background-color: #4c4d4f!important;
    border-color: #000000!important;
}
button.btn:hover{
    background-color: #000000!important;
    color: #fff!important;
}
button.btn.btn-danger{
    background: #ff4d2f!important;
    border-color: #dc3545!important;
    color: #fff!important;
}
button.btn.btn-danger:hover{
    background: #c82333!important; 
}
.card-header{
    background: #b81a30;
    color: #fff;
}
.form-group > label{
    margin-top: 5px; 
}
button:not(.accordion-button.collapsed){
    background-color: #b81a30;
    color: #fff;
    font-weight: bold;
}
button.accordion-button.collapsed{
    color: #b81a30;
    font-weight: bold;
    border-bottom: 1px solid #b81a30;
}
button.accordion-button.collapsed:hover{
    background-color: #b81a30;
    color: #fff;
}
.accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.page-item.active .page-link{
    color: #fff!important;
    background-color: #b81a30!important;
    border: 1px solid #c82333!important;
}
.page-link{
    color: #b81a30!important;
}
.page-link:hover{
    text-decoration: none!important;
}
input.password{
    height: auto!important;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}
form.form-container{
    background: #fff!important;
    border: 1px solid #ccc;
    padding: 1rem 1.25rem;
}

nav > .nav.nav-tabs{

    border: none;
    color:#fff;
    background:#4c4d4f;
    border-radius:0;

}
nav > div a.nav-item.nav-link
{
    background: #4c4d4f;
    padding: 18px 25px;
    color:#fff;
    border-radius:0;
}
nav > div a.nav-item.nav-link.active
{
    border: none;
    padding: 18px 25px;
    color:#fff;
    background:#b81a30;
    border-radius:0;
}

nav > div a.nav-item.nav-link.active:after
{
    content: "";
    position: relative;
    bottom: -60px;
    left: -10%;
    border: 15px solid transparent;
    border-top-color: #b81a30 ;
}
.tab-content{
    background: #fdfdfd;
    line-height: 25px;
    border: 1px solid red;
    border-top:5px solid #b81a30;
    border-bottom:5px solid #b81a30;
    padding: 1rem 1.25rem!important;
}

nav > div a.nav-item.nav-link:hover,
nav > div a.nav-item.nav-link:focus
{
    background: #dc3545;
    color:#fff!important;
    border: 1px solid #b81a30;
    transition:background 0.20s linear;
}
select.custom-select{
    width: 100%;
    display: inline;
    padding: 5px;
    background: #fff;
    border: 1px solid #ccc;
}
.text-right{
    text-align: right;
}
.badge{
    width: 100%;
    margin-top: 5px;
}
.select2-container{
    width: 100% !important; 
}
.select2-container.select2-container--open{
    z-index: 9999!important;
}
.jquery-spinner-wrap{
    z-index: 9999;
}
button.clockpicker-button{
    width: 100%;
}
div.popover{
    z-index: 9999;
}
.datepicker-dropdown table td{
    padding: 5px;
}
div.datepicker-dropdown{
    padding: 10px;
}
.sag{
    text-align: right!important;
}