@font-face {
    font-style: normal;
    font-family: "Poppins";
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", serif ;
}

hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid #b0b0b0;
}

a {
    text-decoration: none;
    color: #FFFFFF !important;
}

.table-dark thead {
    background-color: #36475f !important;
}

.table-dark{
    --bs-table-bg: none !important;
    --bs-table-striped-bg: #2e343e !important;
}


a:hover{
    color : #f05638 !important;
}

.alert-success a {
    color: #326b2e !important;
}

.dropdown-menu{
    background-color : #333a46
}

.dropdown-menu a:hover{
    background-color : #333a46;
    color :#f3d771 !important;
}

.dropdown-menu a{
    color :#FFFFFF !important;
}



textarea:focus, input:focus, select:focus {
    box-shadow: 0 0 0 0 !important;;
    /*border: 0 none;*/
    outline: 0  !important;
}

input:focus.border-rigth-none{
    border-right: 0 none;
}

body{
    font-family: "Poppins", serif;
    background-color: #2a303a;
    color: #ffffff;
}

.navbar-dark{
    background-color: #363f4c;
}

.card{
    background-color: #323a46;
}


.form-control {
    background-color: #3b4452;
    border: 1px solid #434e5e;
    color: #cbcbcb;
}

.form-control:focus{
    background-color: #3d4655;
    border-color: #475364;
    color: #cbcbcb;
}

.vs__dropdown-toggle {
    background-color: #3b4452 !important;
    border: 1px solid #434e5e !important;
    color: #cbcbcb !important;
}

.vs__dropdown-menu{
    background-color: #454c5b !important;
}

.vs__selected{
    color : #ffffff !important
}

.vs__clear {
    fill: rgb(255 255 255 / 50%) !important;
}

.vs__open-indicator {
    fill: rgb(255 255 255 / 50%) !important;
}

.input-group-image{
    padding: 5px;
    background-color: #3d4655;
    border: 1px solid #434e5e;
    width: 35px;
    height: 37px;
    border-radius: 0;
}



.dropdown-item:hover, .dropdown-item:focus, .dropdown-item:active{
    background-color: #454c58 !important;
}

.dropdown-menu > li:hover {
    background-color: #454c58 !important;
}

.pagination{
    --bs-pagination-bg : #323a45 ;
    --bs-pagination-active-border-color : #ffffff;
}

.page-item a:hover{
    color: #000 !important;
}

.btn-warning{
    --bs-btn-active-bg: #ffd34d;
    --bs-btn-active-border-color : none
}

.btn-primary{
    --bs-btn-bg: #f05737;
    --bs-btn-border-color: #f05737;
    --bs-btn-hover-bg: #ef6c50;
    --bs-btn-hover-border-color: #ef6c50;
    --bs-btn-active-bg: #c23317;
    --bs-btn-active-border-color: #c23317;
    --bs-btn-disabled-bg: #f05737;
    --bs-btn-disabled-border-color: #f05737;
}

.modal-content {
    background-color: #1f2124;
}

.btn-close{
    background: transparent url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIGZpbGw9IiNmZmZmZmYiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgICAgICAgIDxwYXRoIGQ9Ik05LjE3MiAxNi4yNDIgMTIgMTMuNDE0bDIuODI4IDIuODI4IDEuNDE0LTEuNDE0TDEzLjQxNCAxMmwyLjgyOC0yLjgyOC0xLjQxNC0xLjQxNEwxMiAxMC41ODYgOS4xNzIgNy43NTggNy43NTggOS4xNzIgMTAuNTg2IDEybC0yLjgyOCAyLjgyOCAxLjQxNCAxLjQxNFoiPjwvcGF0aD4KICAgICAgICAgIDxwYXRoIGQ9Ik0xMiAyMmM1LjUxNCAwIDEwLTQuNDg2IDEwLTEwUzE3LjUxNCAyIDEyIDIgMiA2LjQ4NiAyIDEyczQuNDg2IDEwIDEwIDEwWm0wLTE4YzQuNDExIDAgOCAzLjU4OSA4IDhzLTMuNTg5IDgtOCA4LTgtMy41ODktOC04IDMuNTg5LTggOC04WiI+PC9wYXRoPgo8L3N2Zz4=") center/26px auto no-repeat;
}



.form-select{
    background-color: #3a4452;
    color: #FFFFFF;
    border: 1px solid #3a4452;
}

.hr {
    /*margin-top: 1rem;*/
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.card-menu-option{
    background-color: #6c757d;
    border-radius: 15px;
    min-height: 100px;
    padding: 20px 20px 10px 20px;
}

.card-menu-option-selected{
    background-color: #118716;
    border-radius: 15px;
    min-height: 100px;
    padding: 20px 20px 10px 20px;
}


.swal2-styled.swal2-confirm {
    background-color: #f05737 !important;
}

.swal2-popup {
    background: #272b2f !important;
    color: #FFF !important;
    border: 1px solid #FFFFFF !important;
    font-size: 15px !important;
}


.footer{
    background-color: #1f2124 !important;
    color: #ff5632;
    padding-top: 22px !important;
    padding-bottom: 18px !important;
}

.link-danger{
    color: #ff5632 !important;
}