@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap');
html,body,.container-fluid{
    height:100%;
}
p,a,h1,h2,h3,h4,h5,h6,li,th,td,label{
    font-family:'Roboto', sans-serif;
    color:#333;
}
body p{
    margin-bottom:0;
    margin-top:0;
}
a{
    text-decoration:none!important;
}
.errorinput{
    box-shadow:1px 1px 1px #e4032e,-1px 1px 1px #e4032e,1px -1px 1px #e4032e,-1px -1px 1px #e4032e;
}
.container-fluid{
    padding:0!important;
    background-color:#fff;
}
.box.hidden,.hiddencol{
    display:none;
}
body{
    position:relative;
    overflow-x:hidden;
}
body.overlayed:before{
    position:absolute;
    content:'';
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    background-color:rgba(0,0,0,0.3);
    z-index:2
}
.dataTables_scrollHeadInner{
    width:100%!important;
}
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
input:checked + .slider {
    background-color: #e4032e;
}
.box::-webkit-scrollbar{
  display:none;
}
.box{
  -ms-overflow-style:none;
  scrollbar-width:none;
}
.box{
    z-index:5;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:900px;
    min-height:300px;
    max-width:100%;
    max-height:90%;
    box-shadow:2px 2px 2px rgba(0,0,0,0.4),-2px -2px 2px rgba(0,0,0,0.4),-2px 2px 2px rgba(0,0,0,0.4),2px -2px 2px rgba(0,0,0,0.4);
    padding:20px;
    background-color:#fff;
    overflow-y:scroll;
    border-radius:5px;
}
.box>.closeboxcontainer{
    display:block;
    text-align:right;
}
.box>.closeboxcontainer>.closebox{
    color:#e4032e;
    transition:0.4s;
}
.box>.closebox:hover{
    color:#c9d400;
}
.box input, .box select, .box textarea{
    margin-bottom:25px;
}
.box .boxcontainer h4{
    color:#333;
    position:relative;
    padding-bottom:15px;
    line-height:1;
    font-weight:400;
    margin-bottom:25px;
}
.box .boxcontainer h4:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    background-color:#e4032e;
    display:block;
    height:2px;
    width:300px;
    max-width:100%;
}
.box p.smalltxt{
    font-size:12px;
}
.invisiblelabel{
    visibility:hidden;
}
table.dataTable{
    width:100%!important;
}
table.dataTable th{
    color:#000;
}
.nav-bar{
    width:20%;
    height:100%;
    display:inline-block;
    padding:25px;
    border-right:1px solid #000;
    background-color:#333;
    float:left;
    position:fixed;
}
.nav-bar p{
    color:#fff;
}
.nav-bar #logout_btn{
    font-size:14px;
    color:#e4032e;
    transition:0.4s;
    display:block;
    text-align:right;
    padding-top:10px;
}
.nav-bar .admin_username{
    font-size:24px;
    margin-bottom:0;
    line-height:1;
    font-weight:600;
    padding-bottom:5px;
    color:#fff;
}
.navbar-header{
    padding:0 0 20px;
    border-bottom:1px solid #fff;
}
.navbar-menu>.menu-item{
    transition:0.2s;
    background-color:rgba(0,0,0,0);
    position:relative;
}
.navbar-menu>.menu-item:hover,.navbar-menu>.selected-menu-item{
    padding-left:20px;
}
.navbar-menu>.menu-item>a{
    padding:20px 0;
    color:#fff;
    display:block;
    width:100%;
    height:100%;
}
.navbar-menu>.menu-item>.menu-item-arrow{
    position:absolute;
    right:10px;
    width:16px;
    height:16px;
    display:block;
    filter: invert(100%) sepia(100%) saturate(0%);
    top:calc(50% - 8px);
    transition:0.2s;
}
.navbar-menu>.menu-item:hover>.menu-item-arrow,.navbar-menu>.selected-menu-item>.menu-item-arrow{
    filter:invert(13%) sepia(71%) saturate(6255%) hue-rotate(357deg) brightness(111%) contrast(118%);
}
.current-menu-item{
    display:none;
    opacity:0;
    visibility:hidden;
}
.navbar-menu>.menu-item:hover>a,.navbar-menu>.selected-menu-item>a{
    color:#e4032e;
}
main:not(#main-login-containter){
    display:inline-block;
    width:79%;
    float:right;
    padding:20px;
    background:#fff;
}
main h1{
    color:#000;
    font-weight:200;
    position:relative;
    padding-bottom:15px;
    line-height:1;
    margin-bottom:15px;
}
main h1:after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    background-color:#e4032e;
    display:block;
    height:1px;
    width:300px;
    max-width:100%;
}
.basebutton{
    background-color:#e4032e;
    display:inline-block;
    color:#fff;
    padding:10px 15px;
    transition:0.3s;
    margin:0 15px 35px 0;
    border:1px solid #e4032e;
}
.basebutton-submit{
    display:block;
    width:100%;
    text-align:center;
}
.basebutton:hover{
    background-color:transparent;
    color:#e4032e;
}
.base-form-label{
    display:block;
    color:#fff;
    width:100%;
    padding-bottom:5px;
}
.base_form_input:not([type="submit"]){
    background-color:transparent;
    border:0;
    width:100%;
    padding:8px;
    box-shadow:unset;
    border-bottom:1px solid #333;
    color:#333;
}
.base_form_input:not([type="submit"])::placeholder{
    color:#333;
}
.base_form_input:not([type="submit"]):focus-visible{
    outline:unset;
    box-shadow:unset;
}
table.table *{
    color:#333;
}
.dataTables_wrapper .page-item.active .page-link{
    background-color:#e4032e;
    border-color:#e4032e;
}
.datatable-actions{
    cursor:pointer;
}
.sortable-list{
    list-style:none;
    padding-left:0;
}
.sortable-list>li{
    background-color:#fff;
    border:1px solid #2E2E2D;
    color:#2E2E2D;
    padding:8px;
    cursor:pointer;
}
table.table{
    max-width:100%!important;
}
.bar_button {
    position: absolute;
    width: 50px;
    height: 50px;
    top: calc(50% - 25px);
    right: -25px;
    color: #fff;
    display:none;
}
#bar_button_a {
    background-color: #1c1c1c;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 50px;
    color: #fff;
    border-radius: 25px;
    box-shadow:1px 1px 1px rgba(255,255,255,0.3),-1px 1px 1px rgba(255,255,255,0.3),1px -1px 1px rgba(255,255,255,0.3),-1px -1px 1px rgba(255,255,255,0.3);
}
.minitext{
    font-size:12px;
    color:#fff;
    padding-bottom:10px;
    font-weight:bold;
}
.tabsbtncontainer .tabbtn{
    width:33%;
    display:inline-block;
    padding:5px;
    color:#fff;
    text-align:center;
    border-bottom:1px solid #fff;
}
.tabsbtncontainer .tabbtn-active{
    border-bottom:0;
    color:#f15a24;
    border-top:1px solid #fff;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
}
.tabscontainer .single-tab{
    display:none;
    padding-top:15px;
}
.tabscontainer .single-tab.tab-active{
    display:block;
}
.positive{
    color:green;
}
.negative{
    color:#e4032e;
}
/*textarea.base_form_input.textarea_form_input{
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    min-height:100px;
}*/
@media screen and (max-width:767px){
    main:not(#main-login-containter){
        padding:35px;
    }
    .bar_button{
        display:block;
    }
    .nav-bar{
        width:0;
        z-index:15;
        padding:0;
        border:0;
        float:unset;
        transition:0.4s;
    }
    .nav-bar.revealed{
        width:100%;
        padding:35px;
    }
    .navbar-container{
        overflow:hidden;
    }
    main:not(#main-login-containter){
        width:100%;
        float:unset;
    }
    .kefabuttons{
        width:100%;
        text-align:center;
        margin-bottom:10px;
    }
}