/* spacing class */

.mt-0{
	margin-top: 0 !important;
}
.mt-1{
	margin-top: 0.25rem !important;
}
.mt-2{
	margin-top: 0.5rem !important;
}
.mt-3{
	margin-top: 0.75rem !important;
}
.mt-4{
	margin-top: 1rem !important;
}
.mt-5{
	margin-top: 1.25rem !important;
}
.mt-6{
	margin-top: 1.5rem !important;
}

.mb-0{
	margin-bottom: 0 !important;
}
.mb-1{
	margin-bottom: 0.25rem !important;
}
.mb-2{
	margin-bottom: 0.5rem !important;
}
.mb-3{
	margin-bottom: 0.75rem !important;
}
.mb-4{
	margin-bottom: 1rem !important;
}
.mb-5{
	margin-bottom: 1.25rem !important;
}
.mb-6{
	margin-bottom: 1.5rem !important;
}

.mr-0{
	margin-right: 0 !important;
}
.mr-1{
	margin-right: 0.25rem !important;
}
.mr-2{
	margin-right: 0.5rem !important;
}
.mr-3{
	margin-right: 0.75rem !important;
}
.mr-4{
	margin-right: 1rem !important;
}
.mr-5{
	margin-right: 1.25rem !important;
}
.mr-6{
	margin-right: 1.5rem !important;
}

.ml-0{
	margin-left: 0 !important;
}
.ml-1{
	margin-left: 0.25rem !important;
}
.ml-2{
	margin-left: 0.5rem !important;
}
.ml-3{
	margin-left: 0.75rem !important;
}
.ml-4{
	margin-left: 1rem !important;
}
.ml-5{
	margin-left: 1.25rem !important;
}
.ml-6{
	margin-left: 1.5rem !important;
}

.mx-0{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.mx-1{
	margin: 0 0.25rem !important;
}
.mx-2{
	margin: 0 0.5rem !important;
}
.mx-3{
	margin: 0 0.75rem !important;
}
.mx-4{
	margin: 0 1rem !important;
}
.mx-5{
	margin: 0 1.25rem !important;
}
.mx-6{
	margin: 0 1.5rem !important;
}

.my-0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.my-1{
	margin: 0.25rem 0 !important;
}
.my-2{
	margin: 0.5rem 0 !important;
}
.my-3{
	margin: 0.75rem 0 !important;
}
.my-4{
	margin: 1rem 0 !important;
}
.my-5{
	margin: 1.25rem 0 !important;
}
.my-6{
	margin: 1.5rem 0 !important;
}



/* padding */
.pt-0{
	padding-top: 0 !important;
}
.pt-1{
	padding-top: 0.25rem !important;
}
.pt-2{
	padding-top: 0.5rem !important;
}
.pt-3{
	padding-top: 0.75rem !important;
}
.pt-4{
	padding-top: 1rem !important;
}
.pt-5{
	padding-top: 1.25rem !important;
}
.pt-6{
	padding-top: 1.5rem !important;
}

.pb-0{
	padding-bottom: 0 !important;
}
.pb-1{
	padding-bottom: 0.25rem !important;
}
.pb-2{
	padding-bottom: 0.5rem !important;
}
.pb-3{
	padding-bottom: 0.75rem !important;
}
.pb-4{
	padding-bottom: 1rem !important;
}
.pb-5{
	padding-bottom: 1.25rem !important;
}
.pb-6{
	padding-bottom: 1.5rem !important;
}

.pr-0{
	padding-right: 0 !important;
}
.pr-1{
	padding-right: 0.25rem !important;
}
.pr-2{
	padding-right: 0.5rem !important;
}
.pr-3{
	padding-right: 0.75rem !important;
}
.pr-4{
	padding-right: 1rem !important;
}
.pr-5{
	padding-right: 1.25rem !important;
}
.pr-6{
	padding-right: 1.5rem !important;
}

.pl-0{
	padding-left: 0 !important;
}
.pl-1{
	padding-left: 0.25rem !important;
}
.pl-2{
	padding-left: 0.5rem !important;
}
.pl-3{
	padding-left: 0.75rem !important;
}
.pl-4{
	padding-left: 1rem !important;
}
.pl-5{
	padding-left: 1.25rem !important;
}
.pl-6{
	padding-left: 1.5rem !important;
}

.px-0{
	padding-left: 0 !important;
    padding-right: 0 !important;
}
.px-1{
	padding: 0 0.25rem !important;
}
.px-2{
	padding: 0 0.5rem !important;
}
.px-3{
	padding: 0 0.75rem !important;
}
.px-4{
	padding: 0 1rem !important;
}
.px-5{
	padding: 0 1.25rem !important;
}
.px-6{
	padding: 0 1.5rem !important;
}

.py-0{
	padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.py-1{
	padding: 0.25rem 0 !important;
}
.py-2{
	padding: 0.5rem 0 !important;
}
.py-3{
	padding: 0.75rem 0 !important;
}
.py-4{
	padding: 1rem 0 !important;
}
.py-5{
	padding: 1.25rem 0 !important;
}
.py-6{
	padding: 1.5rem 0 !important;
}
.pt-10{
    padding-top: 10px !important;
}
.p-0{
    padding: 0 !important;
}
.m-0{
    margin: 0 !important;
}
/* spacing class */

.custom-border{
    border: 1px solid #ddd !important;
}
.info-box{
    border: 1.5px solid #b6c0c7;
    padding: 10px;
    margin: 10px;
    color: #4e6b7e;
    background-color: #eef8ff;
}
.info-box a{
    font-weight: bold;
}
.min-130{
    min-width: 130px;
}
.attendance-action{
	padding: 0;
	margin-bottom: 10px;
	list-style: none;
	display: inline-flex;
	gap: 5px;
	flex-wrap: wrap;
}
.table-date-head th{
	background-color: #ffffffa8;
    color: #35474e;
    border-color: #35474e !important;
}
.employee-name{
	font-weight: bold;
	text-align: right;
	font-size: 14px;
	border: 0;
    padding-bottom: 0;
	padding-top: 0;
	margin-bottom: 10px;
	position: absolute;
    right: 15px;
	z-index: 1;
}
.employee-name.personal-detail{
	position: unset;
}
.employee-name.job-title{
	margin-left: 20px;
	margin-right: 20px;
	width: auto;
	margin-bottom: 0;
	margin-top: 25px;
}
.employee-name.job-title + .panel-heading{
	
}
.border-0{
	border: 0 !important;
}
.employee-name.payslip{
	position: unset;
}
.leave-boxs{
	display: flex;
	flex-wrap: wrap;
}
.leave-box .panel {
	height: calc(100% - 20px);
}
@media  (max-width: 1024px){
	.leave-boxs .col-md-4.leave-box{
		width: 33.33333333%;
	}
	.leave-boxs  .table-responsive{
		border: 0;
	}
}
@media  (max-width: 768px){
    .new-admin-btn{
        display: block !important;
        margin-top: 10px !important;
    }
	.employee-name{
		position: unset;
	}
}
@media  (max-width: 575px){
	.leave-boxs .col-md-4.leave-box{
		width: 100%;
	}
}
.searchbox
{
	margin-right: 10px !important;
	color:#adadad;
}
.col-form-label {
    padding-top: calc(0.4rem + 1px);
    padding-bottom: calc(0.2rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.8;
}
.align-bottom {
    vertical-align: bottom!important;
}
.border-bottom
{
	border-bottom: 1px solid #5f5f5f;
	padding-bottom: 20px;
}