.data_tables{
    /*background: #f6f6f6;*/
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
}

table.dataTable.no-footer {
    border-bottom: unset;
}

table{
    border-radius: 0;
    background: #f6f6f6;
}
tbody tr:hover {
    cursor: unset;
}


table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: unset;
}

table.dataTable tbody tr {
    background-color: unset;
}

table.dataTable tbody th, table.dataTable tbody td {
    text-align: center;
}

table.dataTable thead th, table.dataTable thead td {
    text-align: center;
}

/*table.dataTable tbody tr:nth-of-type(odd) th, table.dataTable tbody  tr:nth-of-type(odd) td {*/
/*    background-color: #e4e4e4;*/
/*}*/

/*table.dataTable tbody tr:nth-of-type(even) th, table.dataTable tbody  tr:nth-of-type(even) td {*/
/*    background-color: #dcdcdc;*/
/*}*/
table tbody tr td,
table tbody tr th {
    border-top: 1px solid #d5d5d5;
}

.data_tables ul.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 5px 0;
    border-radius: 4px;
}

.dataTables_info{
    margin: 5px;
    padding: 11px 0;
}



.data_tables .dataTables_wrapper .row:first-of-type{
    margin-bottom: 2rem;
}

.data_tables .dataTables_wrapper .row:last-of-type{
    margin-top: 2rem;
}


.data_tables label {
    width: 200px;
}

.data_tables label select,
.data_tables label input{
    margin-top: 10px;
}


/* Margins */
.mb-5{
    margin-bottom: 5rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

.mt-2{
    margin-top: 2rem;
}
/* End Margins*/

.d-none {
    display: none;
}

.pointer-cursor{
    cursor: pointer;
}

.todo-list-paragraph{
    cursor: pointer;
}

.ml-3{
    margin-left: 1rem !important;
}
.mr-3{
    margin-right: 1rem !important;
}

.mt-3{
    margin-top: 2rem  !important;
}

.cb{
    width: 15px;
    height: 15px;
}


.date-show{
    display: flex ; 
    justify-content: center;
}

.leaves-show{
    display: flex; 
    justify-content: space-between
}

.leaves-li{
    list-style-type: none;
    padding-top: 6px;
}

.time-settings-modal .row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.time-settings-modal .row::before {
    content: '' !important;
    display: none;
}

.time-settings-modal .row .col-sm-6 {
    width: auto !important;
}


.enter-exit-log td {
    text-align: center !important;
}
.enter-exit-log th {
    text-align: center !important;
}

.multiple-times{
    display: flex;
    flex-direction: column;
    line-height: 18px;
    margin-top: 8px;
}
.login-form .form-label{
    text-align: right !important;
}
.login-form label{
    margin-bottom: 0px !important;
    font-size: 14px;
}
.login-form a{
    font-size: 10px !important;
}

.divider{
    align-items: center;
    padding: 8px;
}
.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
background: #eee;
margin-top: 10px;
}
.divider p{
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
    color: rgb(80, 80, 80);
}

.align-items-center{
    align-items: center;
  }


.login-forget-remember{
    align-items: baseline;
}

.data .first_enter{
    margin-top: 20px;
    color: #868686;
    text-align: center;
}

#leaveReqInsert .selectize-control {
    height: 0;
}

#leaveReqInsert .selectize-input {
    min-height: 42px;
    display: flex;
    align-items: center;
    border: 1px solid #e9e9e9;
}

#altPerson-selectized::placeholder{
    color: #555 !important;
    opacity: 1; 
}

.create-user-form{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:0 20px;
}

@media (min-width: 768px) {
    .d-md-flex{
        display: flex;
    }
}

.certificate-req-table th, td{
    text-align: center;
}