/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.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.  */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100;200;300;400;500;600;700;800;900&display=swap');
html, body {
	height: 91%;
	margin: 0;
}

.container {
	min-height: 90%;
	
}



.dataTables_info {
	font-size: 13px;
	padding: 0px;
	margin-bottom: 0px;
}

.pagination {
	font-size: 13px;
	margin: 5px 0;
	float: left;
}

.page-item{
	padding-left:5px;
}



.sortBoth {
	background: url('../images/sort_both.png') no-repeat center right;
}

table.dataTable thead .sorting {
	background: url('../images/sort_both.png') no-repeat center right;
}

table.dataTable thead .sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
}

table.dataTable thead .sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

table.dataTable thead .sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}


.rightradiuszero {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}


.leftradiuszero {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/*.brand-text {
	font-size: 1.91rem !important;
}*/


.login-img-g {
	display: none
}
.txtBeta {
	font-family: 'Outfit';
	font-size: 13px;
	font-weight: 900;
	color: #990F02;
	letter-spacing: 0.4px;
	background-color: #FFFFFF;
	padding: 4px 10px;
	border-radius: 20px;
}




.patwelcon {
	display: none;
}

.patwelcon1 {
	display: none;
}



.brand-text {
	display: contents!important;
	color: #fff!important;
	font-weight: 600;
}


.header-navbar.navbar-brand-center .navbar-header {
	position: relative;
	z-index: 999;
	left: 10%;
	 width: auto;
	margin: 0;
	padding: 0;
	-webkit-transform: translate(-10%, 0);
	-moz-transform: translate(-10%, 0);
	-ms-transform: translate(-10%, 0);
	-o-transform: translate(-10%, 0);
	transform: translate(-10%, 0);
}

.header-navbar .navbar-header {
	position: relative;
	/* float: left; */
	/* width: 260px; */
	height: 100%;
	height: 2rem;
	padding: 0rem 0.85rem;
	-webkit-transition: 300ms ease all;
	-moz-transition: 300ms ease all;
	-o-transition: 300ms ease all;
	transition: 300ms ease all;
}


.cardbnone {
	margin-bottom: 0px !important;
	background-color: #f4f5fa;
	box-shadow: none;
}
.btn-pill {
	border-radius: 20px;
}
.btn-forms, .btn-forms:active {
	/*background-color: rgba(135, 112, 81, 0.3);*/
	color: black;
	border-radius: 5px;
	padding: 5px 15px 5px 15px;
	border-color: #464855 !important;
}
.btn-forms.active {
	background-color: rgba(135, 112, 81, 1);
	color: #FFF;
}
.btn-brown {
	background-color: rgba(135, 112, 81, 1);
	color: #FFF;
}
.PersonnelChange .focus {
	outline: none !important;
	border: none !important;

}
.rdoBtn {
	outline: none !important;
	border: none !important;
	display: none;
}
.PersonnelChange .input-group-text {
	padding: 5px 10px !important;
}
.margin-bottom-5 {
	margin-bottom: 5px;
}
.border-bottom {
	border-bottom: 1px solid #e9ecef !important;
}
.card .card-title {
	letter-spacing: normal !important;
}
.control-label {
	color: #6B767D;
}
.form-control-static {
	color: #000;
}
.fixed-footer {
	position: fixed;
	padding: 10px 10px 0px 10px;
	bottom: 0;
	width: 100%;
	/* Height of the footer*/
	height: 40px;
	background: grey;
}

.displayleft {
	display: flex;
}


.patheader {
	color: #fff;
	font-weight: 500;
	padding-left: 10px;
	font-size: 1.32rem;
}

.patheadimg {
	width: 150px;
	padding-right: 10px;
}

.pattoppad {
	/*padding-top: 10px;*/
}

.wcolor {
	border-left: 9px solid #FFF;
}

.Rcolor {
	border-left: 9px solid #a80202
	/*border-left: 9px solid #FFF;*/
}