/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	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.  */
/*.formborderr {
	background-color: #cbd5e8;
	padding: 4.2px !important;
	margin-bottom: 5px !important;

}
*/
/*Sana's CSs*/
.fa-trash:before {
	color: red!important;
	content: "\f1f8";
}
thead {
	color: white!important
}
.placeholder {
	border: inset !important;
}
.table thead th {
	color: #216b97;
	background-color: #f5f5f5 !important;
	vertical-align: bottom;
	border-bottom: 2px solid #e3ebf3;
	border-top: 1px solid #e3ebf3;
}
.text-uppercase {
	color: #216b97!important;
	text-transform: uppercase !important;
}
.form-control:focus {
	color: #4E5154!important;
	background-color: #fff!important;
	border-color: #216b97!important;
	outline: none!important;
	box-shadow: none!important;
}
.form-control.login-form:focus {
	color: white !important;
	background-color: #5b9ebd !important;
	border-color: white !important;
	outline: none !important;
	/*box-shadow: none !important;*/
}


.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: white !important;
	border: 1px solid #216b97!important;
	background-color: #585858!important;

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111))!important;
	background: -webkit-linear-gradient(top, #585858 0%, #111 100%)!important;
	background: -moz-linear-gradient(top, #585858 0%, #111 100%)!important;
	background: -ms-linear-gradient(top, #585858 0%, #111 100%)!important;
	background: -o-linear-gradient(top, #585858 0%, #111 100%)!important;

	background: linear-gradient(to bottom, #528eaf 0%, #a3c7d7 100%)!important;
}
a.list-group-item-danger, button.list-group-item-danger {
	color: #204f5c;
}

.list-group-item-danger {
	color: #853d47;
	background-color: #eff6f8;
}

.badge-danger {
	background: linear-gradient(90deg, rgb(33 107 151) 0%, rgb(56 162 185) 35%, rgb(56 162 185) 100%);
}


a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
	color: #000000;
	background-color: #c6d3d7;
}
.bg-gradient-x-danger {
	background-image: linear-gradient(to right, #216b97 0%, #5edcf8 100%);
	background-repeat: repeat-x;
}

.bg-danger.bg-darken-2 {
	/* background: linear-gradient(90deg, rgb(33 107 151) 0%, rgb(56 162 185) 35%, rgb(56 162 185) 100%); */
	background-color: #216b97 !important;
}

.bg-blue-grey.bg-darken-2 {
	background-color: #38a2b9 !important;
}

.bg-gradient-x-blue-grey {
	background-image: linear-gradient(to right, #38a2b9 0%, #90A4AE 100%);
	background-repeat: repeat-x;
}

.bg-warning.bg-darken-2 {
	background-color: #3ebcd8 !important;
}

.bg-gradient-x-warning {
	background-image: linear-gradient(to right, #3ebcd8 0%, #216b97 100%);
	background-repeat: repeat-x;
}

.bg-success.bg-darken-2 {
	background-color: #2ac6d7 !important;
}

.bg-gradient-x-success {
	background-image: linear-gradient(to right, #22c2dc 0%, #516572 100%);
	background-repeat: repeat-x;
}

.table-striped tbody tr.odd.selected, .table-striped tbody tr.even.selected {
	background-color: #206792!important;
	color: #fff;
}
.badge-success {
	/* background-color: #16D39A; */
	background: linear-gradient(90deg, rgb(33 107 151) 0%, rgb(56 162 185) 35%, rgb(56 162 185) 100%);
}

.badge-primary {
	background: linear-gradient(90deg, rgb(33 106 149) 0%, rgb(81 161 180) 35%, rgb(122 228 252) 100%);
	/* background-color: #00B5B8; */
}
.btn-outline-primary:hover {
	background-color: #5885ac!important;
	color: #FFF !important;
}
.tableHeading {
	margin-top: 24px;
	font-size: 20px;
	margin-bottom: -15PX;
}
.blue-button {
	border-color: #216b97 !important;
	background-color: #216b97 !important;
	color: #FFFFFF;
	font-size: 16px;
	padding: 3px 20px; /* Decrease the top and bottom padding to reduce the button height */
	border-radius: 5px;
	box-shadow: 0 4px 8px rgba(33, 107, 151, 0.2);
	transition: box-shadow 0.3s ease;
	margin-bottom: 9px;
}

	.blue-button:hover {
		box-shadow: 0 6px 12px rgba(33, 107, 151, 0.3);
	}
.btnstyle {
	color: white!important;
	background-color: #216b97!important;
}




.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
	background-color: #216b97 !important;
	color: #FFFFFF !important;
}



.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
	background-color: #216b97 !important;
	color: #FFFFFF !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb;
	color: white;
}
.form-control:disabled, .form-control[readonly] {
	background-color: #ffffff;
}

.app-content .wizard > .steps > ul > li.current .step {
	border-color: #216b97 !important;
	background-color: #fff !important;
	color: #216b97 !important;
}

.app-content .wizard > .actions > ul > li > a {
	background: #216b97 !important;
	color: #fff !important;
	display: block !important;
	padding: 7px 12px !important;
	border-radius: 2px !important;
	border: 1px solid transparent !important;
}

a {
	color: #216b97;
}


form.striped-rows .form-group:nth-child(even) {
	background-color: #ffffff;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #f5f5f5;
	cursor: default;
}

form .form-control {
	border: 1px solid #ccd6e6;
	color: #3f587e;
	background-color: whitesmoke;
}

/*form login page*/
.login-form .form-control {
	border: 1px solid #ccd6e6;
	color: white!important;
	background-color: /* Your desired background color for the login form */;
}
/* Additional CSS for handling autofill styles */
.form-control.login-form-js:-webkit-autofill {
	-webkit-box-shadow: 0 0 0px 1000px #93b0c9 inset;
	color:white!important;
	/* Set the autofill background color to transparent */
}

/* For other browsers, add the respective pseudo-class (if needed) */
.form-control.login-form-js:-moz-autofill,
.form-control.login-form-js:-ms-input-placeholder {
	/* Set the autofill background color to transparent */
	background-color: #93b0c9 !important;
	color:white!important;
}

.select2-container--default .select2-selection--single {
	background-color: #f5f5f5;
	border: 1px solid #aaa;
	border-radius: 4px;
}

.select2-container--default .select2-selection--single {
	background-color: #f5f5f5;
	border: 1px solid #aaa;
	border-radius: 4px;
}
.shownumber {
	background: linear-gradient(90deg, rgb(33 107 151) 0%, rgb(56 162 185) 35%, rgb(56 162 185) 100%);    background: linear-gradient(90deg, rgb(33 107 151) 0%, rgb(56 162 185) 35%, rgb(56 162 185) 100%);
}
.select2-container--default .select2-selection--single {
	background-color: #f5f15f5 !important;
	border: 1px solid #aaa !important;
	border-radius: 4px;
	background-color: whitesmoke;
}

.select2-container--default .select2-selection--single {
	background-color: #ffffff !important;
	border: 1px solid #aaa !important;
	border-radius: 4px !important;
}
.app-content .wizard.wizard-circle > .steps > ul > li:before, .app-content .wizard.wizard-circle > .steps > ul > li:after {
	top: 43px;
	width: 50%;
	height: 5px;
	background-color: #216b97!important;
}
.app-content .wizard > .steps > ul > li.done .step {
	background-color: #216b97!important;
	border-color: #216b97!important;
	color: #fff!important;
}
.form-control {
	background-color: #ffffff !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #333 !important;
	border: 1px solid #00a1ff !important;
	background-color: white !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc)) !important;
	background: -webkit-linear-gradient(top, #e0f2f6 0%, #216b97 100%) !important;
	background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%) !important;
	background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%) !important;
	background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%) !important;
	background-color: red !important;
}

/*button, select {
	background: linear-gradient(90deg, rgb(33 107 151) 0%, rgb(56 162 185) 35%, rgb(56 162 185) 100%);
	text-transform: none;
}*/
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #333 !important;
	border: 1px solid #00a1ff !important;
	background-color: white !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc)) !important;
	background: -webkit-linear-gradient(top, #e0f2f6 0%, #216b97 100%) !important;
	background: -moz-linear-gradient(top, #fff 0%, #dcdcdc 100%) !important;
	background: -ms-linear-gradient(top, #fff 0%, #dcdcdc 100%) !important;
	background: -o-linear-gradient(top, #fff 0%, #dcdcdc 100%) !important;
	background-color: red !important;
}
.form-control:disabled, .form-control[readonly] {
	background-color: #f5f5f5;
}

.custom-button {
	margin-left: 16px; /* Define your desired margin-left value */
}

.custom-buttonn {
	margin-top: 14px;
	
}
.buttons-print {
	margin-top:10px;
}
[type="search"] {
	outline-offset: -2px;
	-webkit-appearance: meter;
}

/*styles.css file material*/
@media print {
	@page {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	#btns {
		display: none !important;
	}
}

/*.formborderr {
    background-color: #cbd5e8;
    padding: 4.2px !important;
    margin-bottom: 5px !important;
}
*/
.tableHeading {
	margin-top: 24px;
	font-size: 20px;
	margin-bottom: -15PX;
}

.btnstyle {
	color: white;
	background-color: #216b97;
}
.bg-success {
	background-color: #095a8f !important;
}

.card-body {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
	border: 0px solid;
}


.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
	background-color: #216b97 !important;
	color: #FFFFFF !important;
}

element.style {
}

.select2-container--classic .select2-results__options .select2-results__option[aria-selected=true], .select2-container--default .select2-results__options .select2-results__option[aria-selected=true] {
	background-color: #216b97 !important;
	color: #FFFFFF !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb;
	color: white;
}


.form-control:disabled, .form-control[readonly] {
	background-color: #f3f5f8 !important;
}

form.striped-rows .form-group:nth-child(even) {
	background-color: #ffffff;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #f5f5f5;
	cursor: default;
}

form .form-control {
	border: 1px solid #ccd6e6;
	color: #3f587e;
	background-color: whitesmoke;
}

.select2-container--default .select2-selection--single {
	background-color: #f5f5f5;
	border: 1px solid #aaa;
	border-radius: 4px;
}

thead {
	color: white;
}

.select2-container--default .select2-selection--single {
	background-color: #f5f15f5 !important;
	border: 1px solid #ccd6e6 !important;
	border-radius: 4px;
	background-color: whitesmoke;
}

.form-control:focus {
	color: #4E5154;
	background-color: #fff;
	border-color: #216b97 !important outline: none;
	box-shadow: none;
}

.horizontal-menu.menu-collapsed #main-menu-navigation .nav-item a.dropdown-item i {
	display: none;
}

.horizontal-menu.menu-collapsed #main-menu-navigation .nav-item a.dropdown-item span {
	display: block !important;
}