/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

#main-menu-navigation .nav-item a{
    padding-top: 0.200rem !important;
    padding-bottom: 0.200rem !important;
}

thead tr th{
    text-align: center !important;
}

.x-gap-5 {
    margin-left: -2.5px !important;
    margin-right: -2.5px !important;
}

.x-gap-5 > * {
    padding-left: 2.5px !important;
    padding-right: 2.5px !important;
}

.x-gap-10 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.x-gap-10 > * {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.x-gap-20 {
    margin-left: -10px;
    margin-right: -10px;
}

.x-gap-20 > * {
    padding-left: 10px;
    padding-right: 10px;
}

.select2-dropdown {
    z-index: 1061;
}

.swal2-content .select2{
    text-align: left !important;
}

html .content.app-content {
    padding: 7.75rem 2rem 0;
}

label:not(.custom-control-label){
    font-size: 1rem;
    font-weight: 600;
}

.form-group.row label{
    margin-bottom:  0;
}

.form-control, .custom-control-label::before, .select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single, .input-group-text{
    border: 1px solid #6e6b7b;
}

.user-info-wrapper a{
    opacity: 1 !important;
}

.user-avatar-wrapper{
    height: 20px !important;
    width: 20px !important;
    font-size: 1.45rem;
    margin-right: 1.1rem;
    flex-shrink: 0;
    position: relative;
    top: 1px;
    transition: transform 0.25s ease;
}

.user-avatar-wrapper, .user-text-wrapper span{
    line-height: 1 !important;
}

.text-indigo{
    color: var(--indigo);
}

.table-bordered th, .table-bordered td, .table thead th {
    border: 1px solid #6e6b7b;
}

.table{
    color: #232328;
}

.datatable thead th, .datatable .sorting, .table thead th{
    font-weight: 700 !important;
    color: #232328;
}

.datatable td, .table td{
    font-weight: 600;
}

hr{
    border-top:  1px solid #6e6b7b;
}

table.table-bordered.dataTable th, table.table-bordered.dataTable td {
    border-left-width: 1px !important;
}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child{
    border-right-width: 1px !important;
}

table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td{
    border-bottom-width: 1px !important;
}

.fw-700{
    font-weight: 700;
}

input, select, textarea, .select2, label, .payment-table, .input-group a, .head-label *, .select2-results{
    color: #232328 !important;
    font-weight: 600 !important;
}

@media (min-width: 992px){
    html .content.app-content {
        padding: 2rem 2rem 0;
    }
}