/* -------- Rounded classes --------- start */
.rounded-3 {
    border-radius: 3px !important;
}

.rounded-5 {
    border-radius: 5px !important;
}

.rounded-10 {
    border-radius: 10px !important;
}

.rounded-15 {
    border-radius: 15px !important;
}

.rounded-20 {
    border-radius: 20px !important;
}

.rounded-25 {
    border-radius: 25px !important;
}


/* -------- Padding classes --------- start */
.pl-0 {
    padding-left: 0px !important;
}

.pl-1 {
    padding-left: 2px !important;
}

.pl-2 {
    padding-left: 4px !important;
}

.pl-3 {
    padding-left: 8px !important;
}


/* -------- Width classes --------- start */
.width-30 {
    width: 30% !important;
}
.width-35 {
    width: 35% !important;
}
.width-40 {
    width: 40% !important;
}
.width-45 {
    width: 45% !important;
}
.width-55 {
    width: 55% !important;
}
.width-60 {
    width: 60% !important;
}
.width-65 {
    width: 65% !important;
}
.width-70 {
    width: 70% !important;
}


/* -------- hr tag classes --------- start */
form hr {
    color: #d9d9d9;
}


/* -------- Datatable styles -------------*/
/* --------      start      -------------  */

/* ---> DT -- Nav Tabs */
.custom-nav-tabs {
    list-style: none;
    padding-left: 0;
    display: flex;
    border-bottom: 1px dotted #E1E2EB;
}

.custom-nav-item {
    margin-right: 0px;
}

.custom-nav-link {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    color: #242424;
    margin-right: 0px;
    text-decoration: none;
}

.custom-nav-link:hover {
    color: black !important;
}

.custom-nav-tabs .custom-nav-item .custom-nav-link.active {
    color: #5e6278;
    background-color: #fff;
    border: none;
    border-bottom: 2px solid black;
    font-weight: 500;
}

thead > tr > th {
    color: black;
}

/* ---> DT -- empty records description */
.dataTables_empty {
    height: 100px !important;
    padding-top: 100px !important;
    align-items: center;
}


/* ------- Settings Page styles -----------*/
/* --------      start      -------------  */
.setting-category-title {
    border-radius: 5px;
    padding: 19px;
    background: #1e1e2d;
    text-align: center;
    text-transform: capitalize;
    color: white;
}

.input-group .btn {
    border: none;
    background-color: transparent;
    padding: 0;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.input-group {
    position: relative;
}