/* Latest fonts */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.border-gray{
    border: 1px solid rgba(0, 0, 0, 0.1)!important;
}


.devider{
    width: auto;
    height: 1px;
    background-color: #EFF2F5;
}

.search-icon{
    padding-right: 0;
    border-radius:0.475rem 0 0 0.475rem; 
    background-color: #F9F9F9; 
    border:none; 
    width:25px;
}

.search-bar{
    padding-left: 10px;
    border-radius:0 0.475rem 0.475rem 0; 
    background-color:#F9F9F9!important; 
    border:none!important;
}

.border-round{
    border-radius: 0.475rem;
}

.bg-main{
    background-color: #F3F6F7;
}

.bg-login-box{
    background-color: rgba(0,0,0,0.3);
}

.btn-main{
    color: white;
    background-color: #edc806;
}

.btn-main:hover{
    color: white;
    background-color: #eac404;
}

.btn-tab{
    color :#141414!important;
}

.btn-tab.active{
    color: white!important;
    background-color: #141414!important;
}

.btn-logout{
    font-weight: 600;
    font-size: small;
    color: rgba(255,255,255,0.6)!important;
    background-color: rgb(35, 35, 35)!important;
    padding: 10px!important;
    border-radius: 8px;
}

.btn-logout:hover{
    font-weight: 600;
    font-size: small;
    color: rgba(255,255,255,0.6)!important;
    background-color: rgb(30, 30, 30)!important;
    padding: 10px!important;
    border-radius: 8px;
}

.badge-super{
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 5px;
    color: white;
    font-size: x-small;
    background-color: #F9DD3E;
}

.badge-small-gray{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 5px;
    width: 5rem;
    color: #8E8E8E;
    font-size: 0.85rem;
    font-weight: 600;
    background-color: 	#F1F1F2;
}

.custom-table-text > tr > td > p {
    margin-bottom: 0;
    margin-top: 0.75rem;
}

.custom-table-padding > thead > tr > th {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}

.table-p > tr > td > p {
    margin: 0;
}

.social-icons{
    transition: color ease-in-out 0.2s;
}

.social-icons:hover{
    color: #EAC406;
}