@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: #fff !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: 7px 6px 6px 6px;
	font-weight: 400;
	line-height: 1.5;
	background-color: #ffffff;
	color:#555;
	background-clip: padding-box;
	border: 1px solid #ccd8e2;
	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: 7px 6px 5px 6px;
	font-weight: 400;
	line-height: 1.5;
	color:#555;
	background-color: #ffffff;
	background-clip: padding-box;
	border: 1px solid #ccd8e2;
	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 {
		background-color: #fff;
		border-color: #35a6ff;

		outline: 0;
		box-shadow: 0 0px 3px 1px rgba(29,128,199,0.2);
		-webkit-box-shadow: 0 0px 3px 1px rgba(29,128,199,0.2);
		-moz-box-shadow: 0 0px 3px 1px rgba(29,128,199,0.2);
	}

	​ 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.5625rem;
}
.F10 {
	font-size: 0.625rem;
}
.F11 {
	font-size: 0.6875rem;
}
.F12 {
	font-size: 0.75rem;
}
.F12 {
	font-size: 0.8125rem;
}
.F14 {
	font-size: 0.875rem;
}
.F16 {
	font-size: 1rem;
}
.F18 {
	font-size: 1.125rem;
}
.F20 {
	font-size: 1.25rem;
}
.F22 {
	font-size: 1.375rem;
}
.F24 {
	font-size: 1.50rem;
}
.F28 {
	font-size: 1.75rem;
}
.F32 {
	font-size: 2rem;
}
.F36 {
	font-size: 2.25rem;
}
.F40 {
	font-size: 2.5rem;
}
.F48 {
	font-size: 3rem;
}
/*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: 'Open Sans', "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-weight: 400;
    text-decoration: none;
}

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

.Rb {
    font-family: 'Open Sans', "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    text-decoration: none;
    font-weight: 700
}

.Ri {
    font-family: 'Open Sans', "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    text-decoration: none;
    font-style: italic
}

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

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

.xBeyaz {
	color: #fff !important;
}

.xSiyah {
	color: #000 !important;
}

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

.xPrimary_Koyu {
	color: #18457d !important;
}

.xPrimary_Acik {
	color: #9cc8ff !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: #ffbbc1 !important;
}

.xTuruncu {
	color: #ff692e !important;
}

.xTuruncu_Koyu {
	color: #bd3e0b !important;
}

.xTuruncu_Acik {
	color: #ff976e !important;
}

.xYesil {
	color: #2eb772 !important;
}

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

.xYesil_Acik {
	color: #7deab3 !important;
}
.xYesil_Title {
	color: #b9d8c9 !important;
}

.xMor {
	color: #bb52bf !important;
}

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

.xMor_Acik {
	color: #9b379e !important;
}

.xSari {
	color: #fdd92a !important;
}

.xGri {
	color: #adadad !important;
}

.xGri_Koyu1 {
	color: #999999 !important;
}

.xGri_Koyu2 {
	color: #666666 !important;
}

.xGri_Koyu3 {
	color: #515151 !important;
}

.xGri_Acik1 {
	color: #f4f4f4 !important;
}

.xGri_Acik2 {
	color: #eaeaea !important;
}

.xGri_Acik3 {
	color: #cfcfcf !important;
}

.xGri_Acik4 {
	color: #bfbfbf !important;
}



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

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

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

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

.xPPrimary_Koyu {
	background-color: #18457d !important;
}

.xPPrimary_Acik {
	background-color: #9cc8ff !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: #ffbbc1 !important;
}

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

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

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

.xPYesil {
	background-color: #2eb772 !important;
}

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

.xPYesil_Acik {
	background-color: #7deab3 !important;
}

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

.xPMor_Koyu {
	background-color: #9b379e !important;
}

.xPMor_Acik {
	background-color: #df8ce2 !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: #515151 !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: #f3f9f8 !important;
}

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

.xBTop {
	background-color: #bbbed0;
}

.xPRow_Standard1 {
	background-color: #f2f9f5;
}

.xPRow_Standard2 {
	background-color: #e8f3eb;
}

.xPRow_Standard3 {
	background-color: #dae8df;
}
.xPRow_Standard4 {
	background-color: #cae0d1;
}



.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: #5e6765 !important;
}

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

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

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

.bc_Primary_Koyu {
	border-color: #18457d !important;
}

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

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

.bc_Row_Standard2 {
	border-color: #e8edf3;
}

.bc_Row_Standard3 {
	border-color: #dce4ee;
}
.bc_Row_Standard4 {
	border-color: #cad5e0;
}
.bc_Gri {
	border-color: #adadad;
}
.bc_Gri_Koyu {
	border-color: #515151;
}
.bc_Gri_Acik {
	border-color: #cfcfcf;
}
/*#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;
}
.isAktif_False {
	background-color: #ff2e42 !important;
	color:#ff2e42;
	border-radius: 50% !important;
	display: flex !important;
	justify-content: center !important;
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: -webkit-linear-gradient(#fed6e3 0%, #ff2e42 60%);
	background-image: linear-gradient(#fed6e3 0%, #ff2e42 60%);
	box-shadow: 0 2px 2px rgb(0 0 0 / 28%);
	border: solid 1px #e25858;
}
.isAktif_True {
	background-color: #32cf1f  !important;
	color:#ff2e42;
	border-radius: 50% !important;
	display: flex !important;
	justify-content: center !important;
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: -webkit-linear-gradient(#45ff2e 0%, #32cf1f 60%);
	background-image: linear-gradient(#45ff2e 0%,#32cf1f  60%);
	box-shadow: 0 2px 2px rgb(0 0 0 / 28%);
	border: solid 1px #34a652;
}
/*#endregion */