@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

@import url('XX_UI.css');
@import url('XX_Menu_Grid.css');
@import url('XX_Bootstrap_Custom.css');
@import url('responsive.css');


/*#region ================================ GENERAL ================================ */
.BlankBody {
	background-color: #f1f4f7 !important;
}

input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:focus {
	border: 1px solid red !important;
}

input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="date"], input[type="password"], textarea {
	width: 100%;
	height: auto;
	padding: 6px;
	font-weight: 400;
	line-height: 1.5;
	color: #5d687a;
	background-color: #f9f9fd;
	background-clip: padding-box;
	border: 1px solid #e7e9f1;
	border-radius: 3px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	/*box-shadow: 0 1px 1px 0px rgba(0,0,0,0.04);
    -webkit-box-shadow: 0 1px 1px 0px rgba(0,0,0,0.04);
    -moz-box-shadow: 0 1px 1px 0px rgba(0,0,0,0.04);*/
}

select {
	width: 100%;
	height: auto;
	padding: 6px;
	font-weight: 400;
	line-height: 1.5;
	color: #5d687a;
	background-color: #f9f9fd;
	background-clip: padding-box;
	border: 1px solid #e7e9f1;
	border-radius: 3px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	/*box-shadow: 0 1px 1px 0px rgba(0,0,0,0.04);
    -webkit-box-shadow: 0 1px 1px 0px rgba(0,0,0,0.04);
    -moz-box-shadow: 0 1px 1px 0px rgba(0,0,0,0.04);*/
}

	input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="date"]:focus, select:focus, textarea:focus {
		color: #5d687a;
		background-color: #fff;
		border-color: #007bff;
		outline: 0;
		box-shadow: 0 0px 3px 1px rgba(40,133,249,0.22);
		-webkit-box-shadow: 0 0px 3px 1px rgba(40,133,249,0.22);
		-moz-box-shadow: 0 0px 3px 1px rgba(40,133,249,0.22);
	}

	​ input[type=text]:disabled, input[type="number"]:disabled, select:disabled, textarea:disabled, .aspNetDisabled {
		background-color: #e6e8ef !important;
		border: 1px solid #d1cdde !important;
	}

/*.FilterInput
{
    background-color:#fff !important;
    border-color: #007bff !important;
}
.FilterInput .select2-container--default .select2-selection--single
{
    background-color:#fff !important;
    border-color: #007bff !important;
}*/
.InputS {
	padding: 4px !important;
	font-size: 11px !important;
}

.InputCB label {
	margin-left: 10px !important;
	margin-right: 20px !important;
}

.InputCB input[type=checkbox] {
	transform: scale(1.2);
}

​.CursorPointer {
	cursor: pointer;
}

.VisibleHidden {
	visibility: hidden;
}

div.Centered_Full {
	position: fixed;
	width: 100%;
	height: 100%;
	background-image: url('../../Images/SemiTransparent.png');
	background-repeat: repeat;
	overflow: hidden;
	z-index: 4950;
	bottom: 0px;
}

div.Centered {
	position: fixed;
	font-size: 10px;
	top: 40%;
	left: 45%;
	width: 150px;
	padding: 10px;
	text-align: center;
	overflow: hidden;
	background-color: #ffffff;
	z-index: 5000;
}

.RFV {
	font-size: 10px;
	color: #ffffff !important;
	background-color: #fa4531 !important;
	margin: 2px 0 !important;
	position: absolute;
	left: 14px;
	padding: 1px 5px;
	bottom: 2px;
	text-align: left;
}

.RFVTitle {
	font-size: 11px;
	color: #fa4531 !important;
	font-weight: bold;
	margin-left: 4px;
}

.RFVW {
	font-size: 10px;
	color: #ffffff !important;
	background-color: #fa4531;
	padding: 0px 4px;
}

.RFVBorder {
	border: 1px solid red !important;
}

.Underline, .UnderLine {
	text-decoration: underline !important;
}

.NoUnderline, a.NoUnderline:hover {
	text-decoration: none;
}

.MapLinkHover:hover {
	color: #fff;
	background-color: #fb591b
}

form input[type='text'].invalid, form input[type='password'].invalid, form input[type='email'].invalid, form input[type='number'].invalid, form textarea.invalid, form select.invalid {
	border: 1px solid #fa4531 !important;
}

[data-type='validator-error'] {
	font-size: 10px;
	position: absolute;
	z-index: 10;
	margin-top: 2px;
	color: #ffffff;
	background: rgb(200, 53, 53);
	box-shadow: 0 3px 2px -2px rgba(211, 77, 77, 0.47);
	padding: 3px 7px;
	border-radius: 1px;
	pointer-events: none;
}

	[data-type='validator-error']:before {
		content: '';
		width: 0;
		height: 0;
		top: -5px;
		position: absolute;
		left: 6px;
		border-left: 5px solid rgba(0, 0, 0, 0);
		border-right: 5px solid rgba(0, 0, 0, 0);
		border-bottom: 5px solid #c83535;
	}

a {
	color: #2b3d51;
	text-decoration: none;
	background-color: transparent;
}

	a:hover {
		color: #0560b5;
	}

.NoWrap {
	white-space: nowrap;
}
/*#endregion */

/*#region ================================ FONT SIZE ================================ */
/*1px - 0,0625 rem || 1rem - 16px*/
.F9 {
	font-size: 0.56rem;
}
/*9px*/
.F10 {
	font-size: 0.625rem;
}
/*10px*/
.F11 {
	font-size: 0.6875rem;
}
/*11px*/
.F12 {
	font-size: 0.75rem;
}
/*12px*/
.F12 {
	font-size: 0.8125rem;
}
/*13px*/
.F14 {
	font-size: 0.875rem;
}
/*14px*/
.F16 {
	font-size: 1rem;
}
/*16px*/
.F18 {
	font-size: 1.125rem;
}
/*18px*/
.F20 {
	font-size: 1.25rem;
}
/*20px*/
.F22 {
	font-size: 1.375rem;
}
/*22px*/
.F24 {
	font-size: 1.55rem;
}
/*24px*/
.F28 {
	font-size: 1.75rem;
}
/*28px*/
.F32 {
	font-size: 2rem;
}
/*32px*/
.F36 {
	font-size: 2.25rem;
}
/*36px*/
.F40 {
	font-size: 2.5rem;
}
/*40px*/
/*#endregion */

/*#region ================================ FONT TYPES ================================ */
.T, .Tn {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	text-decoration: none
}

.Tb {
	font-family: Tahoma,Arial,Helvetica,sans-serif;
	text-decoration: none;
	font-weight: 700
}

.R, .Rn {
	font-family: 'Poppins', "Segoe UI", Roboto, "Helvetica Neue", Arial;
	font-weight: 400;
	text-decoration: none;
}

.Rr {
	font-family: 'Poppins', "Segoe UI", Roboto, "Helvetica Neue", Arial;
	text-decoration: none;
	font-weight: 400 !important;
}

.Rb {
	font-family: 'Poppins', "Segoe UI", Roboto, "Helvetica Neue", Arial;
	text-decoration: none;
	font-weight: 700
}

.Ri {
	font-family: 'Poppins', "Segoe UI", Roboto, "Helvetica Neue", Arial;
	text-decoration: none;
	font-style: italic
}

.Rt {
	font-family: 'Poppins', "Segoe UI", Roboto, "Helvetica Neue", Arial;
	text-decoration: none;
	font-weight: 300
}
/*#endregion */

/*#region ================================ COLORS ================================ */
.xNormal {
	color: #5d687a !important;
}

.xBeyaz {
	color: #fff !important;
}

.xSiyah {
	color: #000 !important;
}

.xPrimary {
	color: #007bff !important;
}

.xPrimary_Koyu {
	color: #1145c8 !important;
}

.xPrimary_Acik {
	color: #7dcfff !important;
}

.xMavi {
	color: #366cf3 !important;
}

.xMavi_Koyu {
	color: #1145c8 !important;
}

.xMavi_Acik {
	color: #7dcfff !important;
}

.xKirmizi {
	color: #ff2e42 !important;
}

.xKirmizi_Koyu {
	color: #ab0d1d !important;
}

.xKirmizi_Acik {
	color: #fb6d7b !important;
}

.xTuruncu {
	color: #ff692e !important;
}

.xTuruncu_Koyu {
	color: #bd3e0b !important;
}

.xTuruncu_Acik {
	color: #ff976e !important;
}

.xYesil {
	color: #18c96a !important;
}

.xYesil_Koyu {
	color: #126b3e !important;
}

.xYesil_Acik {
	color: #3fe490 !important;
}

.xMor {
	color: #842388 !important;
}

.xMor_Koyu {
	color: #5d687a !important;
}

.xMor_Acik {
	color: #e877ec !important;
}

.xSari {
	color: #fdd92a !important;
}

.xGri {
	color: #adadad !important;
}

.xGri_Koyu1 {
	color: #999999 !important;
}

.xGri_Koyu2 {
	color: #666666 !important;
}

.xGri_Koyu3 {
	color: #333333 !important;
}

.xGri_Acik1 {
	color: #f4f4f4 !important;
}

.xGri_Acik2 {
	color: #eaeaea !important;
}

.xGri_Acik3 {
	color: #cfcfcf !important;
}

.xGri_Acik4 {
	color: #bfbfbf !important;
}



.xPNormal {
	background-color: #5d687a !important;
}

.xPBeyaz {
	background-color: #fff !important;
}

.xPSiyah {
	background-color: #000 !important;
}

.xPPrimary {
	background-color: #007bff !important;
}

.xPPrimary_Koyu {
	background-color: #1145c8 !important;
}

.xPPrimary_Acik {
	background-color: #7dcfff !important;
}

.xPMavi {
	background-color: #366cf3 !important;
}

.xPMavi_Koyu {
	background-color: #1145c8 !important;
}

.xPMavi_Acik {
	background-color: #7dcfff !important;
}

.xPKirmizi {
	background-color: #ff2e42 !important;
}

.xPKirmizi_Koyu {
	background-color: #ab0d1d !important;
}

.xPKirmizi_Acik {
	background-color: #fb6d7b !important;
}

.xPTuruncu {
	background-color: #ff692e !important;
}

.xPTuruncu_Koyu {
	background-color: #bd3e0b !important;
}

.xPTuruncu_Acik {
	background-color: #ff976e !important;
}

.xPYesil {
	background-color: #18c96a !important;
}

.xPYesil_Koyu {
	background-color: #126b3e !important;
}

.xPYesil_Acik {
	background-color: #3fe490 !important;
}

.xPMor {
	background-color: #842388 !important;
}

.xPMor_Koyu {
	background-color: #5d687a !important;
}

.xPMor_Acik {
	background-color: #e877ec !important;
}

.xPSari {
	background-color: #fdd92a !important;
}

.xPGri {
	background-color: #adadad !important;
}

.xPGri_Koyu1 {
	background-color: #999999 !important;
}

.xPGri_Koyu2 {
	background-color: #666666 !important;
}

.xPGri_Koyu3 {
	background-color: #515767 !important;
}

.xPGri_Acik1 {
	background-color: #f4f4f4 !important;
}

.xPGri_Acik2 {
	background-color: #eaeaea !important;
}

.xPGri_Acik3 {
	background-color: #cfcfcf !important;
}

.xPGri_Acik4 {
	background-color: #bfbfbf !important;
}

.xPFilter {
	background-color: #eaeffd !important;
}

a.xPK1:hover {
	color: #fff;
	background-color: #2b3d51 !important; /*Koyu renk hover isteniyorsa*/
}

.xBTop {
	background-color: #bbbed0;
}

.xPRow_Standard1 {
	background-color: #f2f3f9;
}

.xPRow_Standard2 {
	background-color: #e8edf3;
}

.xPRow_Standard3 {
	background-color: #e1eaf5;
}

.xPRow_Standard4 {
	background-color: #cedbea;
}



.XPRowTopMargin19 {
	margin-top: -19px !important;
}
/*#endregion */

/*#region ================================ BORDERS ================================ */
.bw0 {
	border-width: 1px !important;
}

.bw1 {
	border-width: 1px !important;
}

.bw2 {
	border-width: 2px !important;
}

.bw3 {
	border-width: 2px !important;
}

.bw4 {
	border-width: 4px !important;
}

.bw5 {
	border-width: 5px !important;
}

.bw8 {
	border-width: 8px !important;
}

.bw10 {
	border-width: 10px !important;
}

.bc_Normal {
	border-color: #5d687a !important;
}

.bc_Beyaz {
	border-color: #fff !important;
}

.bc_Siyah {
	border-color: #000 !important;
}

.bc_Primary {
	border-color: #007bff !important;
}

.bc_Primary_Koyu {
	border-color: #5d687a !important;
}

.bc_Primary_Acik {
	border-color: #ba49bf !important;
}

.bc_Primary_Acik2 {
	border-color: #d1c3d2 !important;
}

.bc_Mavi {
	border-color: #366cf3 !important;
}

.bc_Gri {
	border-color: #adadad !important;
}

.bc_Gri_Koyu1 {
	border-color: #cedbea !important;
}

.bc_Gri_Koyu2 {
	border-color: #666666 !important;
}

.bc_Gri_Koyu3 {
	border-color: #333333 !important;
}

.bc_Gri_Acik1 {
	border-color: #eaeaea !important;
}

.bc_Gri_Acik2 {
	border-color: #cfcfcf !important;
}

.bc_Gri_Acik3 {
	border-color: #bfbfbf !important;
}
/*#endregion */

/*#region ================================ PAGE BGS ================================ */
.header-bg {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: -100;
	background-color: #014283;
	height: 250px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
	box-shadow: 0px 0px 13px 0px rgba(236, 236, 241, 0.44);
}
/*#endregion */

/*#region ================================ TABS ================================ */
.TabBg1 {
	background-color: #cedbea;
	margin: -20px -30px 20px -30px !important;
	padding: 20px 30px 0px 30px;
}

.TabBg2 {
	background-color: #cedbea;
	margin: -28px -30px 27px -30px !important;
	padding: 20px 30px 0px 30px;
}

.nav-link-x1 {
	display: block;
	padding: 0.5rem 1rem;
	margin-right: 2px;
	border-top-left-radius: 0.3rem !important;
	border-top-right-radius: 0.3rem !important;
	color: #ededed;
	font-weight: 700;
	background-color: #2b3d51;
}

	.nav-link-x1:hover, .nav-link-x1:focus {
		text-decoration: none;
		color: white;
		background-color: #007bff;
	}

	.nav-link-x1.active {
		color: #323232;
		background-color: white;
		pointer-events: none;
		cursor: default;
	}



/*#endregion */

/*#region ================================ GENERAL FORM OBJECTS ================================ */
.FormLabel {
	display: block;
	margin-bottom: 0.2rem;
}

.FormLabel-b {
	display: block;
	margin-bottom: 0.2rem;
	font-weight: bold;
}

.FormHeader {
	background-color: #f9f9fd;
	border-bottom: dashed 1px #e7e9f1;
	border-right: dashed 1px #e7e9f1;
}

.FormObjects {
	background-color: #fff;
	padding-top: 10px;
}

.SubHeader1 {
	padding: 1rem 0;
}

.RBLPadder1 {
	padding: 0.35rem 1rem 0rem 1rem !important;
	cursor: pointer;
}

.HelpTag {
	font-size: 1rem;
	color: #366cf3;
	text-decoration: none;
	cursor: pointer;
}

a.HelpTag:hover {
	color: #fb900b;
	text-decoration: none;
}
/*#endregion */

/*#region ================================ GENERAL ================================ */
.Squared {
	border-radius: 0rem !important;
}

/*#endregion */

/*#region ================================ RESPONSIVE ================================ */

@media (max-width: 1850px) {
}

@media (max-width: 1450px) {
/*	.F32 {
		font-size: 1.6rem !important;
	}

	.F24 {
		font-size: 1.30rem !important;
	}

	.F22 {
		font-size: 1.1rem !important;
	}

	.F20 {
		font-size: 0.90rem !important;
	}

	.F16 {
		font-size: 0.80rem !important;
	}

	.F14 {
		font-size: 0.699rem !important;
	}*/

	.MainCard1-Header {
		font-size: 18px !important;
	}

	.w-xl-100 {
		width: 100% !important;
	}

	.ml-xl-00 {
		margin-left: 0 !important;
	}

	.mt-xl-10 {
		margin-top: 10px !important;
	}
}

@media (min-width: 1199px) {
	.hidden-xl {
		display: none !important
	}
}

@media (max-width: 1199px) {

	.WPanel {
		max-width: 100% !important;
	}

	.hidden-lg {
		display: none !important
	}

	.display-block-lg {
		display: block !important
	}

	.fancybox-slide--iframe .fancybox-content {
		width: 95% !important;
	}

	.page-link {
		padding: 0.3rem 0.5rem !important;
	}

	.w-lg-100 {
		width: 100% !important;
	}

	.F40 {
		font-size: 2rem !important;
	}
}

@media (max-width: 1024px) {

	#navbar-wrapper .navbar {
		padding: 0px 15px 0px 15px !important;
	}

	#wrapper {
		padding: 0px 0px 30px 0px !important;
	}

	#sidebar-wrapper {
		left: -350px !important;
	}

	.fancybox-content {
		width: 100% !important;
		height: 100% !important;
	}

	.fancybox-slide--iframe .fancybox-content {
		width: 100% !important;
		max-width: calc(100% - 0px) !important;
	}

	.MainCard1-Header {
		font-size: 16px !important;
	}

	/*.F32 {
		font-size: 1.4rem !important;
	}

	.F24 {
		font-size: 1rem !important;
	}

	.F18 {
		font-size: 0.9rem !important;
	}

	.xTitle3 {
		font-size: 16px !important;
	}

	.xTitle1 {
		font-size: 21px !important;
	}

	.F40 {
		font-size: 1.7rem !important;
	}*/

	.nav-user-dropdown {
		margin-right: 58px !important;
	}

	.mobile-menu-bar {
		display: block !important;
		float: left;
		margin-top: 17px;
	}

	.menu-close > svg {
		margin-top: 15px !important;
	}

	.btn {
		padding: .275rem 1.75rem !important;
		font-size: 0.805rem !important;
	}

	.fast-search-btn {
		padding: 27px 15px 26px 15px !important;
	}

	.nav-user-btn {
		padding: 21px 15px 21px 15px !important;
	}

	.xHeader-Main {
		margin: 0 -15px 0px -15px !important;
		padding: 30px 5px 0px 5px !important;
	}

	.xPanel-Filter1 {
		margin-left: -15px !important;
		margin-right: -15px !important;
		padding: 28px 15px 0px 15px !important;
	}

	.xPanel {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.xPanelMbl {
		margin-right: 15px !important;
		margin-left: 15px !important;
	}

	.xTitle1 {
		font-size: 20px !important;
	}

	.xTitle1Mbl {
		margin: 0px -15px 20px -15px !important;
		padding: 15px 15px 10px 15px !important;
	}

	.pt0-1024 {
		padding-top: 4px !important;
	}

	.NormalPadder1 {
		padding: 0px 15px 0 15px !important;
	}

	.TabBg1 {
		margin: -20px -15px 20px -15px !important;
		padding: 20px 15px 0px 15px !important;
	}

	.SC_CONTENTMBL {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}

	.xTitle2 {
		font-size: 16px !important;
	}

	.xPanel-BlankMBL {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.FluidMarginsMbl {
		margin-left: -15px !important;
		margin-right: -15px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}

@media (max-width: 991px) {

	#wrapper .categories > li > a {
		display: none !important;
	}

	#wrapper .categories > li > .menu-icon {
		display: none !important;
	}

	#wrapper.toggled .categories > li > a {
		display: initial !important;
	}

	#wrapper.toggled .categories > li > .menu-icon {
		display: initial !important;
	}

	#wrapper .heading .info {
		display: none;
	}

	#wrapper .heading img {
		width: 30px;
		height: 30px;
	}

	#wrapper.toggled .heading .info {
		display: initial !important;
	}

	#wrapper.toggled .heading img {
		width: 50px;
		height: 50px;
	}

	#wrapper .side-nav .heading {
		padding: 22px 15px 22px 15px;
	}

	#wrapper .categories li ul {
		display: none !important;
	}

	.hidden-md {
		display: none !important
	}

	.display-block-md {
		display: block !important
	}

	/*responsive table*/

	.table-r-md table {
		border: 0;
	}

		.table-r-md table caption {
			font-size: 1.3em;
		}

		.table-r-md table .GridHeader {
			border: none;
			clip: rect(0 0 0 0);
			height: 1px !important;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute !important;
			width: 1px !important;
		}

		.table-r-md table tr {
			border-bottom: 1px dotted #ebeff4;
			display: block;
			margin-bottom: .625em;
		}

		.table-r-md table td {
			border-bottom: 1px dotted #ebeff4;
			display: block;
			font-size: .8em;
			text-align: left !important;
			width: 100% !important;
			padding: 10px 0px 10px 0px;
		}

			.table-r-md table td::before {
				/*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
				content: attr(data-label);
				float: left;
				font-weight: bold;
				text-transform: uppercase;
				width: 100%;
			}

			.table-r-md table td:last-child {
				border-bottom: 0;
			}

	.GridDetailPop {
		display: block !important;
		margin-bottom: 5px !important;
	}

	.GridDeletePop {
		display: block !important;
		width: 100% !important;
		margin-bottom: 5px !important;
	}

	.table-r-md table tr td div {
		float: none;
		text-align: left !important;
	}

	/*responsive table*/

	.fancybox-slide--iframe .fancybox-content {
		max-height: calc(100% - 60px) !important;
	}

	.page-link {
		padding: 0.55rem 0.8rem !important;
		margin-left: 15px;
	}

	.w-md-100 {
		width: 100% !important;
	}

	.xTitle1 {
		font-size: 18px !important;
	}

	.overflow-x-md {
		overflow-x: auto !important;
		width: calc(100% - 15px);
	}
}

@media (max-width: 767px) {

	.WPanel {
		max-width: 100% !important;
	}

	.FormHeader, .FormObjects {
		background-color: #fff;
		border: none;
	}

	.hidden-sm {
		display: none !important
	}

	.display-block-sm {
		display: block !important
	}

	/*responsive table*/

	.table-r-sm table {
		border: 0;
	}

		.table-r-sm table caption {
			font-size: 1.3em;
		}

		.table-r-sm table .GridHeader {
			border: none;
			clip: rect(0 0 0 0);
			height: 1px !important;
			margin: -1px;
			overflow: hidden;
			padding: 0;
			position: absolute !important;
			width: 1px !important;
		}

		.table-r-sm table tr {
			border-bottom: 1px dotted #ebeff4;
			display: block;
			margin-bottom: .625em;
		}

		.table-r-sm table td {
			border-bottom: 1px dotted #ebeff4;
			display: block;
			font-size: .8em;
			text-align: left !important;
			width: 100% !important;
			padding: 10px 0px 10px 0px;
		}

			.table-r-sm table td::before {
				/*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
				content: attr(data-label);
				float: left;
				font-weight: bold;
				text-transform: uppercase;
				width: 100%;
			}

			.table-r-sm table td:last-child {
				border-bottom: 0;
			}

	.GridDetailPop {
		display: block !important;
		margin-bottom: 5px !important;
	}

	.GridDeletePop {
		display: block !important;
		width: 100% !important;
		margin-bottom: 5px !important;
	}

	.table-r-sm table tr td div {
		float: none;
		text-align: left !important;
	}

	/*responsive table*/

	.F32 {
		font-size: 1.25rem !important;
	}

	/*.F24 {
		font-size: 0.9rem !important;
	}*/

	.xTitle3 {
		font-size: 15px !important;
	}

	.reset-collapse-btn {
		position: absolute !important;
		left: 0 !important;
		top: -40px;
	}

	.filter-btn-group {
		padding-top: 40px !important;
	}

	.w-sm-100 {
		width: 100% !important;
	}

	.xTitle1 {
		font-size: 18px !important;
	}

	.F40 {
		font-size: 1.5rem !important;
	}

	.fast-search-text {
		display: block !important;
		font-size: 12px !important;
	}

	.nav-user img {
		margin-right: 5px !important;
	}

	.login-user-text {
		display: none;
	}

	.nav-user-btn {
		padding: 30px 15px 30px 15px !important;
	}

	.nav-user-dropdown {
		top: 90px !important;
	}

	.nav-user-dropdown {
		margin-right: 3px !important;
	}

	.mobile-menu-bar {
		margin-top: 27px !important;
	}

	.xTitle1 {
		font-size: 16px !important;
	}

	.DIVStatus {
		width: 100% !important;
		margin-bottom: 5px !important;
	}

	.overflow-x-sm {
		overflow-x: auto !important;
		width: calc(100% - 15px);
	}

	.menu-close > svg {
		margin-top: 5px !important;
	}
}

@media (max-width: 575px) {


	WPanel {
		max-width: 100%;
	}

	.hidden-xxs {
		display: none !important
	}

	.display-block-xxs {
		display: block !important
	}

	.text-left-xxs {
		text-align: left !important;
	}

	.text-right-xxs {
		text-align: right !important;
	}

	.pt-xxs-0 {
		padding-top: 0 !important;
	}

	.mt-xxs-0 {
		margin-top: 0 !important;
	}

	.d-xxs-block {
		display: block !important;
	}

	.ml-xxs-0 {
		margin-left: 0 !important;
	}

	.mr-xxs-0 {
		margin-right: 0 !important;
	}

	.text-xxs-center {
		text-align: center !important;
	}

	.d-xxs-none {
		display: none !important;
	}

	.w-xxs-100 {
		width: 100% !important;
	}

	.xTitle1 {
		font-size: 16px !important;
	}

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

	.pt-xxs-2 {
		padding-top: 0.5rem !important;
	}

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

	.mb-xxs-2 {
		margin-bottom: 0.5rem !important;
	}

	.d-xxs-inline-flex {
		display: inline-flex !important;
	}

	.align-items-xxs-center {
		align-items: center !important;
	}

	.F10xxs {
		font-size: 10px !important;
	}

	.overflow-x-xxs {
		overflow-x: auto !important;
		width: calc(100% - 15px);
	}
}

/*#endregion */


/*#region ================================ TOP USER NAV ================================ */

/*user nav button*/

.sign-out-btn {
	float: left;
	margin-left: 10px;
	font-size: 24px;
}

.navbar-header .sign-out {
	font-size: 30px;
	color: #adb5bd;
}

.nav-user {
	float: left;
}

	.nav-user img {
		height: 32px;
		width: 32px;
		margin-right: 8px;
		border-radius: 50% !important;
	}

.nav-user-btn {
	background-color: transparent !important;
	border: none;
	color: #adb5bd !important;
	font-weight: 600;
	display: flex;
	align-items: center;
	padding: 21px 15px 21px 15px;
	border-radius: 0;
}

	.nav-user-btn i {
		font-weight: 600;
	}

	.nav-user-btn:hover {
		background-color: rgba(255,255,255,.05) !important;
	}

	.nav-user-btn:focus {
		background-color: rgba(255,255,255,.05) !important;
		border-color: transparent;
		box-shadow: 0 0 0 0.2rem rgba(38,143,255,.0);
	}

	.nav-user-btn:active {
		background-color: transparent !important;
		border-color: transparent !important;
		box-shadow: 0 0 0 0.2rem rgba(38,143,255,.0) !important;
	}

.nav-user-dropdown {
	right: 0;
	left: auto;
	margin-right: 74px;
	box-shadow: 0 0 35px 0 rgba(73,80,87,.15);
	border: 0;
	font-size: 0.9rem;
	color: #343a40 !important;
	top: 72px;
	border-radius: 0;
}

	.nav-user-dropdown i {
		margin-right: 8px;
	}

	.nav-user-dropdown a {
		padding-top: 8px;
		padding-bottom: 8px;
	}

		.nav-user-dropdown a:active {
			background-color: #2b3d51 !important;
		}


/*user nav button*/

/*search button*/

.fast-search-btn {
	background-color: transparent !important;
	border: none;
	font-weight: 600;
	color: #adb5bd !important;
	padding: 27px 15px 26px 15px;
	border-radius: 0;
}

	.fast-search-btn:focus {
		background-color: rgba(255,255,255,.05) !important;
		border-color: none !important;
		box-shadow: 0 0 0 0.2rem rgba(225,83,97,.0) !important;
	}

	.fast-search-btn:hover {
		background-color: rgba(255,255,255,.05) !important;
	}

/*search button*/


.rounded-circle {
	display: flex !important;
	justify-content: center !important;
}

.span-mb > span {
	margin-bottom: 15px;
}