.btn + .btn{
    margin-left: 10px;
}
.btn-primary{
    background: linear-gradient(90deg, #ff8000 0%, #ffd100 50%, #ff8000 100%);
    border-color: transparent;
    box-shadow: none;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.btn-primary:hover, .btn-primary:focus{
    background: linear-gradient(90deg, #ff8000 0%, #ffd100 50%, #ff8000 100%);
    border-color: transparent;
    color: #000;
    
}
.btn-primary:focus, .btn-primary:active{
    box-shadow: none !important;
}

.offcanvas-header{
    background: linear-gradient(90deg, #ff8000 0%, #ffd100 50%, #ff8000 100%);
    
    z-index: 1;
}

body, .offcanvas-body{
    background-color: #fffbe6;
}

.container form:not(.login-panel), .container-xxl form:not(.login-panel), .container-xxl > .table-responsive{
    background: #FFF;
    padding: 40px;
    box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px;
    border-radius: 5px;
}

@media only screen and (max-width: 480px) {
    .container form:not(.login-panel), .container-xxl form:not(.login-panel), .container-xxl > .table-responsive{
        padding: 20px;
    }
}

.page-title{
    margin-top: 65px;
    background: linear-gradient(90deg, #ff8000 0%, #ffd100 50%, #ff8000 100%);
    padding-top: 30px;
    padding-bottom: 30px;
}
.page-title h4{
    margin-bottom: 0;
    text-align: center;
}

.xdsoft_datetimepicker{
    width: 100%;
    max-width: 300px;
    padding: 15px;
}
.xdsoft_datetimepicker .xdsoft_timepicker{
    width: 100%;
    margin-left: 0;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box >div >div{
    height: auto;
    line-height: 40px;
    font-size: 1rem;
    font-weight: normal;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next{
    margin-left: 45%;
}

.sticky-right{
    position: sticky;
    right: 0;
}

.page_num.page_selected .btn{
    color: #fff;
    background-color: #0d6efd;
}

.card{
    background-color: transparent;
    padding: 20px;
    border-color: #000;
}
.card-header{
    border-color: #000;
    background-color: transparent;
    margin-bottom: 1rem;
    font-weight: bold;
    text-transform: uppercase;
}

.btn-link{
    color: #1c1c1a;
    background-color: #ffd100;
    border-color: #ffd100;
    text-decoration: none;
}
.btn-link:hover{
    color: #FFF;
    background-color: #1c1c1a;
    border-color: #1c1c1a;
}
.btn:not(.btn-icon){
    min-width: 90px;
}
.btn-outline-primary, .btn-outline-primary:hover, .btn-outline-primary:focus{
    border-color: #1c1c1a;
    color: #1c1c1a;
}
.btn-outline-primary:hover, .btn-outline-primary:focus{
    background-color: #1c1c1a;
   color: #FFF;
}