.container-fluid{padding:0px; !important;}

.fs-btns-div{text-align:right;margin-bottom: 10px;}
.fs-btns-div button{padding: 8px 30px;}
.plus-btn{width: 20% !important;}
.table td, .table th{border-top: none !important;border-bottom: 1px solid #dee2e6 !important;}
.add-employee{float:right;}

.filter-btn,.manage-btn{float:right;margin-right:5px;}

#sidebar-menu>ul>li>a{font-size: .85rem !important;}

.page-item.active .page-link{
	background-color: #1D2128 !important;
    border-color: #1D2128 !important;
}

.custom-control-input:checked~.custom-control-label::before{
	border-color: #1D2128 !important;
	background-color: #1D2128 !important;
	} 
	
.nav-bordered a.active{
border-bottom: 2px solid #1D2128!important;	
}

@media (min-width: 320px) and (max-width: 767px)
{
	.card-body #basic-datatable_filter{margin-top:10px;}
}

.container-fluid{padding:0px; !important;}

#basic-datatable.table td, #basic-datatable.table th{vertical-align: middle !important;}

#basic-datatable a{color:#333;}
#basic-datatable i{font-size: 20px;}

.fs-btns-div{text-align:right;margin-bottom: 10px;}
.fs-btns-div button{padding: 8px 30px;}
.plus-btn{width: 20% !important;}
.table td, .table th{border-top: none !important;border-bottom: 1px solid #dee2e6 !important;}
.add-employee{float:right;}

.filter-btn,.manage-btn,.archive-btn,.file-document-btn{float:right;margin-right:5px;}

table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role=row]>th:first-child:before
{
	top: 1.2rem !important;
}

@media (min-width: 320px) and (max-width: 767px)
{
	.entries-row{width:100%;}
	.card .card-body{padding: 1rem !important;}
	.card .card-body button{float:none;
		margin-bottom: 10px;
		margin-right: 0px;
	}
	.card-body #basic-datatable_filter{margin-top:10px;}
	
}
@media (min-width: 320px) and (max-width: 620px)
{
	.card .card-body button{float:none;
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 49%;
	}
	.archive-btn,.file-document-btn{ width: 23% !important;}
}
@media (min-width: 621px) and (max-width: 767px)
{
	.card .card-body button{float:none;
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 24%;
	}
}

body.authentication-bg-pattern{
	background-image:none !important;
}
body.authentication-bg{background-color:#333 !important;}
.td-btn-login{background-color:#000 !important;border-color:#000 !important;}
.custom-control-input:checked~.custom-control-label::before{color: #fff;
    border-color: #1D2128 !important;
background-color: #1D2128 !important;}

body.authentication-bg-pattern{
	background-image:none !important;
}
body.authentication-bg{background-color:#333 !important;}
.td-reset-pw{background-color:#000 !important;border-color:#000 !important;}

.container-fluid{padding:0px; !important;}

.fs-btns-div{text-align:right;margin-bottom: 10px;}
.fs-btns-div button{padding: 8px 30px;}
.plus-btn{width: 20% !important;}
.table td, .table th{border-top: none !important;border-bottom: 1px solid #dee2e6 !important;}
.add-employee{float:right;}

.filter-btn,.manage-btn{float:right;margin-right:5px;}

@media (min-width: 320px) and (max-width: 767px)
{
	.card-body #basic-datatable_filter{margin-top:10px;}
}


.container-fluid{padding:0px; !important;}

.fs-btns-div{text-align:right;margin-bottom: 10px;}
.fs-btns-div button{padding: 8px 30px;}
.plus-btn{width: 20% !important;}
.table td, .table th{border-top: none !important;border-bottom: 1px solid #dee2e6 !important;}
.add-employee{float:right;}

.filter-btn,.manage-btn{float:right;margin-right:5px;}

@media (min-width: 320px) and (max-width: 820px)
{
	.card .card-body{padding: 1rem !important;}
	.card .card-body button{float:none;
		margin-bottom: 10px;
		margin-right: 0px;
	}
	.card-body #basic-datatable_filter{margin-top:10px;}
}


.avatar-lg{
	height: 3.5rem !important;
	width: 3.5rem !important;
}

.container-fluid{padding:0px; !important;}

.fs-btns-div{text-align:right;margin-bottom: 10px;}
.fs-btns-div button{padding: 8px 30px;}
.plus-btn{width: 20% !important;}
.table td, .table th{border-top: none !important;border-bottom: 1px solid #dee2e6 !important;}
.add-employee{float:right;}

.filter-btn,.manage-btn{float:right;margin-right:5px;}

@media (min-width: 320px) and (max-width: 820px)
{
	.card .card-body{padding: 1rem !important;}
	.card .card-body button{float:none;
		margin-bottom: 10px;
		margin-right: 0px;
	}
	.card-body #basic-datatable_filter{margin-top:10px;}
}
@media (min-width: 320px) and (max-width: 767px)
{
	#basic-datatable{width:100% !important;}
}


.container-fluid{padding:0px; !important;}

.fs-btns-div{text-align:right;margin-bottom: 10px;}
.fs-btns-div button{padding: 8px 30px;}
.plus-btn{width: 5% !important;}
.table td, .table th{border-top: none !important;border-bottom: 1px solid #dee2e6 !important;}
.add-employee{float:right;}

.filter-btn,.manage-btn{float:right;margin-right:5px;}

@media (min-width: 320px) and (max-width: 767px)
{
	.card-body #basic-datatable_filter{margin-top:10px;}
}


.right-bar{display:none;}
.top-row i{float:right;color: #ccc !important;cursor: pointer;}
.page-title-right{display:none;}
.card-box{padding: 1rem;}
.summary-benefits .header-title,.bonus-history .header-title,.personaldays .header-title{display: inline-block;}
.bonus-history .card-box .bonus-viewall,.personaldays .card-box .personal-days-viewall,.emp-doc .emp-viewall{padding: 0.25rem .9rem !important;margin-left:5px;}
.personaldays select{
	background: none;
	border: 1px solid #6c757d;
	padding: .25rem .9rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .15rem;
	float:right;
}

.bonus-history .table-user{display:none;}

.emp-doc .header-title{display:inline-block;}

.personaldays-headings h3{display: inline-block;}
.personaldays-headings h3:nth-child(2){float:right;}

.notes-div .header-title{
	display: inline-block;
	margin-bottom: 2rem !important;
}

.fs-btns-div{text-align:right;margin-bottom: 10px;}
.fs-btns-div button{padding: 8px 30px;}

.form-group.row.mb-2{margin-bottom:10px !important;}

.form-group.row label{
	font-size: 13px;
	padding-right: 0px !important;
}

.box-height{
	height: auto;
	min-height: 550px;
}

.box-heigh-row2{
	height: auto;
	min-height: 515px;
}

.notes-collapse-btn{
	float:right;
	background: !important;
	border:none !important;
	color:#333 !important;
	outline:none !important;
}

.notes-collapse-btn:hover{
	background:transparent !important;
	border:none !important;
	color:#333 !important;
}

.notes-collapse-btn.btn-outline-secondary.focus,.notes-collapse-btn.btn-outline-secondary:focus
{
	box-shadow:none !important;
	border:none !important;
}



.notes-collapse-btn.down {
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}

.emp-doc #add_more{
	width:auto;
}

.modal-body form .form-row{padding-left:5px;}

.modal-body form .form-row input#example-date
{
	width: 40%;
	margin: 0px 5px;
}

.summary-benefits_wrapper,.contact_info_wrapper{position: relative;}

.summary-benefits_wrapper #sumry_ben_remove,.contact_info_wrapper #contact_remove{
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius:0px;
}



@media (min-width: 320px) and (max-width: 767px)
{
	.personaldays-headings h3{font-size: 1rem;}
	.container-fluid{padding: 0px;}
	.mobile-doc-btn{
		min-width: 200px !important;
	}
}

@media screen and (orientation:landscape) {
	
}

.container-fluid{padding:0px; !important;}

.fs-btns-div{text-align:right;margin-bottom: 10px;}
.fs-btns-div button{padding: 8px 30px;}
.plus-btn{width: 20% !important;}
.table td, .table th{border-top: none !important;border-bottom: 1px solid #dee2e6 !important;}
.add-employee{float:right;}

.filter-btn,.manage-btn{float:right;margin-right:5px;}

@media (min-width: 320px) and (max-width: 767px)
{
	.card-body #basic-datatable_filter{margin-top:10px;}
}


.fs-btns-div{text-align:right;margin-bottom: 10px;}
.fs-btns-div button{padding: 8px 30px;}
.plus-btn{width: 15% !important;}
.table td, .table th{border-top: none !important;border-bottom: 1px solid #dee2e6 !important;}

.division_wrapper,.position_wrapper,.field_wrapper,.emptype_wrapper,.department_wrapper,
.management_wrapper,.supervisor_wrapper,.basic_wrapper{position: relative;}

.division_wrapper #div_remove,.position_wrapper #pos_remove,.field_wrapper #b_remove,.emptype_wrapper #emp_remove,
.department_wrapper #dep_remove,.management_wrapper #man_remove,.supervisor_wrapper #sup_remove,.basic_wrapper #bas_remove{
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius:0px;
}




.division_wrapper #div_remove:hover,.benefit_wrapper #ben_remove:hover,#pos_remove:hover,#b_remove:hover,#emp_remove:hover,
#dep_remove:hover,#man_remove:hover,#sup_remove:hover,#bas_remove:hover
{
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

#addmanagement,#addsupervisor,#addbasic{margin-bottom: 15px;}

.benefit_wrapper{margin-bottom: 15px;width: 50%;
	display: inline-block;
	margin-left: 10px;
}

#ben_input{display: inline-block;
width: 50%;}

#ben_add{margin-left: 5px;}

.benefit_wrapper #ben_remove{
	position: absolute;
	top: 0px;
	right: 50%;
	border-radius:0px;
}

#addbenefit{margin-left: 10px;}

.benefit_wrapper > div{position:relative;}

#ben_mng_remove,#ben_supervision_remove,#ben_basic_remove,.ben_inner_remove{
	border-radius: 4px;
	float: right;
	margin-top: -10px;
}

#ben_mng_remove:hover,#ben_supervision_remove:hover,#ben_basic_remove:hover,.ben_inner_remove:hover{
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.benefit-row table tr td:last-child{text-align: right;
	padding-left:0px !important;
	padding-right:0px !important;
}


.btn-wrapper-div{width:100%;margin-bottom:10px;text-align: left;}
.btn-wrapper-div .btn-outline-secondary{width:80%;}
.btn-wrapper-div .remove-btn{margin-top:0px !important;border: 1px solid #6c757d;}

@media (min-width: 320px) and (max-width: 767px)
{
	.container-fluid{padding: 0px;}
}

.right-bar{display:none;}
.top-row i{float:right;color: #ccc !important;cursor: pointer;}
.page-title-right{display:none;}
.card-box{padding: 1rem;}
.summary-benefits .header-title,.bonus-history .header-title,.personaldays .header-title{display: inline-block;}
.bonus-history .card-box .bonus-viewall,.personaldays .personal-days-viewall,.emp-doc .emp-viewall{padding: 0.25rem .9rem !important;margin-left:5px;}
.personaldays select{
	background: none;
	border: 1px solid #6c757d;
	padding: .25rem .9rem;
	font-size: .875rem;
	line-height: 1.5;
	border-radius: .15rem;
	float:right;
}

.bonus-history .table-user{display:none;}

.emp-doc .header-title{display:inline-block;}

.personaldays-headings h3{display: inline-block;font-size: 16px;}
.personaldays-headings h3:nth-child(2){float:right;}

.notes-div .header-title{
	display: inline-block;
	margin-bottom: 2rem !important;
}

.fs-btns-div{text-align:right;margin-bottom: 10px;}
.fs-btns-div button{padding: 8px 30px;}

.form-group.row.mb-2{margin-bottom:10px !important;}

.form-group.row label{
	font-size: 13px;
	padding-right: 0px !important;
}

.box-height{
	height: auto;
	min-height: 550px;
}

.box-heigh-row2{
	height: auto;
	min-height: 515px;
}

.notes-collapse-btn{
	float:right;
	background: !important;
	border:none !important;
	color:#333 !important;
	outline:none !important;
}

.notes-collapse-btn:hover{
	background:transparent !important;
	border:none !important;
	color:#333 !important;
}

.notes-collapse-btn.btn-outline-secondary.focus,.notes-collapse-btn.btn-outline-secondary:focus
{
	box-shadow:none !important;
	border:none !important;
}



.notes-collapse-btn.down {
	-moz-transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg);
}

.emp-doc #add_more{
	width:auto;
}

.modal-body form .form-row{padding-left:5px;}

.modal-body form .form-row input#example-date
{
	width: 40%;
	margin: 0px 5px;
}

.summary-benefits_wrapper,.contact_info_wrapper{position: relative;}

.summary-benefits_wrapper #sumry_ben_remove,.contact_info_wrapper #contact_remove{
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius:0px;
}

.mobile-doc-btn{
	min-width: 200px !important;
}

@media (min-width: 320px) and (max-width: 767px)
{
	.personaldays-headings h3{font-size: 1rem;}
	.container-fluid{padding: 0px;}
	.mobile-doc-btn{
		min-width: 200px !important;
	}
}

@media screen and (orientation:landscape) {
	
}


.btn-wrapper-div div{margin-bottom:10px;}
.leave_wrapper{position: relative;}
.leave_wrapper #lea_remove{
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius:0px;
}
#lea_remove:hover,#bas_remove:hover,#ben_prsnl_remove:hover
{
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.ben_packages_row .benefit_wrapper > div{
	width: 80%;
    position: relative;
}

.benefit_remove{
	position: absolute;
	top: 0px;
	left: 40%;
	border-radius:0px;
}

.benefit_input{
	display: inline-block;
	width: 50%;
}

.t_body tr:last-child td{width:100%;border: none !important;}
.t_body .row_added tr td{min-width:50% !important;border: none !important;}
.detail_name{width:100%;}
.detail_name{min-width: 100px;}
#contact_message{margin-left:10px;}
#emergency_message{margin-left:15px;}
html body a {cursor:pointer !important;}