
/* -------------------- Background styles - Start -------------------- */
.bg-light{background-color:#f7f7fb !important;}
.bg-primary{background-color:#542989 !important;}

a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {background-color:#4a227b !important;}
/* -------------------- Background styles - End -------------------- */




/* -------------------- Text/Font styles - Start -------------------- */
.text-warning{color:#fba11b !important;}
.text-dark{color:#222 !important;}
.text-muted{color:#9fa7af !important;}

.font-weight-normal{font-weight:600 !important;}

.text-underline{text-decoration:underline;}
.text-underline-none{text-decoration:none;}

.small,small{font-weight:inherit;}

.h6,h6{font-size:1.1rem;}

a.text-underline-none, a.text-underline-none:hover{text-decoration:none;}
/* -------------------- Text/Font styles - End -------------------- */




/* -------------------- Alert styles - Start -------------------- */
.alert-warning-dark{background-color:#ffa000 !important; color:#fff; padding:2rem;}  
.alert2{border-radius:15px;}
/* -------------------- Alert styles - End -------------------- */




/* ----------------Dropdown arrow icon - Start---------------- */
.dropdown-menu{font-size:.93rem; border-color: #e2e5ed;}
.dropdown-toggle::after{font:normal normal normal 14px/0 FontAwesome; content:"\f107"; border:0; position:relative; height:auto; width:auto; vertical-align:0;}
.dropdown-toggle.dropdown-list-toggle::after{font-family:'feather' !important; font-size:12px; content:"\e89a";}
.dropdown-item.active, .dropdown-item:active{color:#16181b; text-decoration: none; background-color: #f8f9fa;}
/* ----------------Dropdown arrow icon - End---------------- */






/* -------------------- Form Elements styles - Start -------------------- */
 button:focus{outline:none;}
 
.input-group-text{font-size:.9rem;}

.btn{font-size:.8rem; box-shadow:none !important;}
.btn:focus, .btn.focus{box-shadow:none; outline:none; box-shadow:none !important;}

.btn-sm{font-size:.75rem;}

.btn-primary,
.btn-primary.disabled, .btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active{background-color:#542989; border-color:#542989;}
.btn-primary:hover{background-color:transparent; border-color:#4a227b; color:#4a227b;}

.btn-light{background-color:#f0f4f9; border-color:#f0f4f9;}

.form-control:disabled, .form-control[readonly]{background-color:#fbfbfb; color:#888; cursor:no-drop;}

.form-control{font-size:.9rem;}
.form-control.form-control-MD{border-width:0; border-bottom-width:1px; border-radius:0;}
.form-control.form-control-MD:focus{box-shadow:none; border-bottom:1px solid #80bdff !important;}
.form-control-sm{font-size:.75rem;}

.form-group>label{color:#222;}


.custom-control-input:checked ~ .custom-control-label::before{border-color:#863ede; background-color:#863ede;}
.custom-control-input:focus ~ .custom-control-label::before{box-shadow:0 0 0 0.2rem rgba(134, 62, 222, 0.25);}

.option-radio{min-height:2rem; padding-left:2rem;}
.custom-control-label{padding-top:5px;}
.option-radio .custom-control-label::before,
.option-radio .custom-control-label::after{width:1.5rem; height:1.5rem; left:-2rem;}

/* -------------------- Form Elements styles - End -------------------- */




.tab-lg .nav-tabs .nav-link{padding:1rem 1.6rem; font-size:1.2rem; font-weight:800; color:#505254;}
.tab-lg .nav-tabs .nav-link.active{color:#222;}

.tab-lg .tab-content{padding:1rem 1.6rem;}



.list-group-item{background:none; border:1px solid rgb(223, 223, 223);}
.list-group-item.active{background-color:#542989; border-color:#542989;}



.page-link, .page-link:hover{color:#222;}
.page-item.active .page-link{background-color:#542989; border-color:#542989;}
.pagination-sm .page-link {font-size:0.7rem;}




/* -------------------- Card styles - Start -------------------- */
.card.card-border-top-info{border-top:1px solid #0fa4b5;}
.card.card-border-top-success{border-top:1px solid #28a745;}
/* -------------------- Card styles - End -------------------- */






/* -------------------- Table styles - Start -------------------- */
.table{font-size:.9rem;}
.table thead th{vertical-align:top;}
.table-striped tbody tr:nth-of-type(odd){background-color:rgba(75, 34, 124, 0.03);}
.table.table-no-header-border thead tr:first-child th{border:0;}

.table-danger, .table-danger > th, .table-danger > td{background-color: rgba(245, 198, 203, .05);}
.table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody{border-color:rgb(245, 198, 203);}
/* -------------------- Table styles - End -------------------- */




/* -------------------- Progress styles - Start -------------------- */
.progress{background:#e8e4f1;}
.progress .progress-text{padding:0 5px; text-shadow:1px 0px 1px rgba(0,0,0,.8);}
/* -------------------- Progress styles - End -------------------- */




/* -------------------- Modal Styles - Start -------------------- */
.modal-backdrop{background-color:#120f17;}
.modal-backdrop.show{opacity:0.87;}
.modal-content{border:none;}
.modal-header, .modal-body, .modal-footer{padding-left:2rem; padding-right:2rem;}
.modal-footer{padding-top:1.5rem; padding-bottom:1.5rem;}
/* -------------------- Modal Styles - End -------------------- */





/* ----------------Border-Start---------------- */
.border-primary{border-color:#542989 !important;}
.border-primary-light{border-color:#6735a5 !important;}
.border-light2{border-color:#aaaaaa !important;}


@media (min-width: 576px) {
.border-sm{border:1px solid #dee2e6!important}
.border-sm-top{border-top:1px solid #dee2e6!important}
.border-sm-right{border-right:1px solid #dee2e6!important}
.border-sm-bottom{border-bottom:1px solid #dee2e6!important}
.border-sm-left{border-left:1px solid #dee2e6!important}

.border-sm-0{border:0!important}
.border-sm-top-0{border-top:0!important}
.border-sm-right-0{border-right:0!important}
.border-sm-bottom-0{border-bottom:0!important}
.border-sm-left-0{border-left:0!important}
}
@media (min-width: 768px) {
.border-md{border:1px solid #dee2e6!important}
.border-md-top{border-top:1px solid #dee2e6!important}
.border-md-right{border-right:1px solid #dee2e6!important}
.border-md-bottom{border-bottom:1px solid #dee2e6!important}
.border-md-left{border-left:1px solid #dee2e6!important}

.border-md-0{border:0!important}
.border-md-top-0{border-top:0!important}
.border-md-right-0{border-right:0!important}
.border-md-bottom-0{border-bottom:0!important}
.border-md-left-0{border-left:0!important}
}
@media (min-width: 992px) {
.border-lg{border:1px solid #dee2e6!important}
.border-lg-top{border-top:1px solid #dee2e6!important}
.border-lg-right{border-right:1px solid #dee2e6!important}
.border-lg-bottom{border-bottom:1px solid #dee2e6!important}
.border-lg-left{border-left:1px solid #dee2e6!important}

.border-lg-0{border:0!important}
.border-lg-top-0{border-top:0!important}
.border-lg-right-0{border-right:0!important}
.border-lg-bottom-0{border-bottom:0!important}
.border-lg-left-0{border-left:0!important}
}
@media (min-width: 1200px) {
.border-xl{border:1px solid #dee2e6!important}
.border-xl-top{border-top:1px solid #dee2e6!important}
.border-xl-right{border-right:1px solid #dee2e6!important}
.border-xl-bottom{border-bottom:1px solid #dee2e6!important}
.border-xl-left{border-left:1px solid #dee2e6!important}

.border-xl-0{border:0!important}
.border-xl-top-0{border-top:0!important}
.border-xl-right-0{border-right:0!important}
.border-xl-bottom-0{border-bottom:0!important}
.border-xl-left-0{border-left:0!important}
}
/* ----------------Border-End---------------- */



/* ------------------------------Grid Style Start------------------------------ */
.col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12,
.col-xxxl-1, .col-xxxl-2, .col-xxxl-3, .col-xxxl-4, .col-xxxl-5, .col-xxxl-6, .col-xxxl-7, .col-xxxl-8, .col-xxxl-9, .col-xxxl-10, .col-xxxl-11, .col-xxxl-12 {
position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px;}
@media (min-width: 1400px) {
.col-xxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-xxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
@media (min-width: 1600px) {
.col-xxxl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.col-xxxl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}
.col-xxxl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}
.col-xxxl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}
.col-xxxl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.col-xxxl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}
.col-xxxl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}
.col-xxxl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.col-xxxl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}
.col-xxxl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}
.col-xxxl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.col-xxxl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}
.col-xxxl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}
.col-xxxl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
}
/* ------------------------------Grid Style End------------------------------ */





