/*your custom css goes here*/


.btn-primary, .bg-primary-grad {
    background: rgb(237 91 42)!important;
}
/* Hidden state */
.slide-box {
    display: none;          /* fully hidden */
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.6s ease-in-out;
}

/* Active state */
.slide-box.active {
    display: block;
    opacity: 1;
    transform: translateX(0);
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 15px;
    background: #fff;       /* prevents overlap transparency */
    position: relative;
    z-index: 10;            /* stay above overlapping content */
}

/* For mobile (max-width: 576px) */
@media (max-width: 576px) {
    .slide-box.active {
        max-height: 70vh;
        font-size: 14px;
        padding: 10px;
        overflow-y: auto;  /* scroll inside on small screens */
    }
    .slide-box.active label {
        font-size: 13px;
    }
    .slide-box.active input,
    .slide-box.active select {
        font-size: 13px;
        padding: 6px 8px;
    }
}
/* multiselect-*/


span.multiselect-native-select{
position:relative
    
}
span.multiselect-native-select select{
border:0!important;
clip:rect(0 0 0 0)!important;
height:1px!important;
margin:-1px -1px -1px -3px!important;
overflow:hidden!important;
padding:0!important;
/*position:absolute!important;*/
width:1px!important;
left:50%;
top:30px
    
}
.multiselect-container{
position:absolute;
list-style-type:none;
margin:0;
padding:0
    
}
.multiselect-container .input-group{
margin:5px
    
}
.multiselect-container .multiselect-reset .input-group{
width:93%
    
}
.multiselect-container>li{
padding:0
    
}
.multiselect-container>li>a.multiselect-all label{
font-weight:700
    
}
.multiselect-container>li.multiselect-group label{
margin:0;
padding:3px 20px;
height:100%;
font-weight:700
    
}
.multiselect-container>li.multiselect-group-clickable label{
cursor:pointer
    
}
.multiselect-container>li>a{
padding:0
    
}
.multiselect-container>li>a>label{
margin:0;
height:100%;
cursor:pointer;
font-weight:400;
padding:3px 20px 3px 40px
    
}
.multiselect-container>li>a>label.checkbox,.multiselect-container>li>a>label.radio{
margin:0
    
}
.multiselect-container>li>a>label>input[type=checkbox]{
margin-bottom:5px
    
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn{
border-top-left-radius:4px;
border-bottom-left-radius:4px
    
}
.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{
padding:3px 20px 3px 40px
    
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{
margin-left:-20px;
margin-right:0
    
}
/* Mobile view (max-width 576px) */
@media (max-width: 576px) {
  .profile-header h5 {
    font-size: 14px;   /* text smaller */
    line-height: 1.2;
  }
  .profile-header {
    padding: 8px 10px; /* less padding */
    text-align: center;
  }
}