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

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


/*#region ================================ GENERAL ================================ */
.BlankBody { background-color: #eeeff3;}

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-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #555;
  background-color: #f9fbfd;
  background-clip: padding-box;
  border: 1px solid #d4dce6;
  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-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: #555;
  background-color: #f9f9fd;
  background-clip: padding-box;
  border: 1px solid #d4dce6;
  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: #555;
  background-color: #fff;
  border-color: #998e9c;
  outline: 0;
 
    }

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

.InputS { padding: 4px !important; font-size:11px !important; }
.InputCB label {
	margin:0px 7px 0px 7px !important;
}

​.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: #923b8b;
    text-decoration: none;
    background-color: transparent;
}
a:hover {
    color: #2a3042;
}
.NoWrap {white-space:nowrap;}
/*#endregion */

/*#region ================================ FONT SIZE ================================ */
.F8 {font-size: 0.56rem;} /*9px*/
.F9 {font-size: 0.625rem;} /*10px*/
.F10 {font-size: 0.6875rem;} /*11px*/
.F11 {font-size: 0.75rem;} /*12px*/
.F12 {font-size: 0.875rem;} /*14px*/
.F14 {font-size: 1rem;} /*16px*/
.F16 {font-size: 1.125rem;} /*18px*/
.F18 {font-size: 1.25rem;} /*20px*/
.F20 {font-size: 1.375rem;} /*22px*/
.F22 {font-size: 1.55rem;} /*24px*/
.F24 {font-size: 1.75rem;} /*28px*/
.F28 {font-size: 2rem;} /*32px*/
.F32 {font-size: 2.25rem;} /*36px*/
.F36 {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:'Nunito', "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; font-weight: 400; text-decoration:none;}
.Rr{	font-family:'Nunito', "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; text-decoration:none; font-weight: 400 !important;}
.Rb{	font-family:'Nunito', "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; text-decoration:none;font-weight:700}
.Ri{	font-family:'Nunito', "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; text-decoration:none;font-style:italic}
.Rt{	font-family:'Nunito', "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; text-decoration:none;font-weight:300}
/*#endregion */

/*#region ================================ COLORS ================================ */
.xNormal {color: #7b8697 !important;}
.xBeyaz{color:#fff !important;}
.xSiyah{color:#000 !important;}
.xPrimary {color: #842388 !important;}
.xPrimary_Koyu {color: #7b8697 !important;}
.xPrimary_Acik {color: #ba49bf !important;}
.xMavi {color: #366cf3 !important;}
.xMavi_Koyu {color: #1145c8 !important;}
.xMavi_Acik {color: #6ea9f2 !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:#0eaf5d !important;}
.xYesil_Koyu {color:#126b3e !important;}
.xYesil_Acik {color:#3fe490 !important;}
.xMor {color: #842388 !important;}
.xMor_Koyu {color: #7b8697 !important;}
.xMor_Acik {color: #ba49bf !important;}
.xGri{color:#adadad !important;}
.xGri_Koyu1{color:#999999 !important;}
.xGri_Koyu2{color:#666666 !important;}
.xGri_Koyu3{color:#333333 !important;}
.xGri_Acik1{color:#eaeaea !important;}
.xGri_Acik2{color:#cfcfcf !important;}
.xGri_Acik3{color:#bfbfbf !important;}
.xGri_Acik4{color:#f4f4f4 !important;}


.xPNormal {background-color: #7b8697 !important;}
.xPBeyaz{background-color:#fff !important;}
.xPSiyah{background-color:#000 !important;}
.xPPrimary {background-color: #842388 !important;}
.xPPrimary_Koyu {background-color: #7b8697 !important;}
.xPMavi {background-color: #366cf3 !important;}
.xPMavi_Koyu {background-color: #1145c8 !important;}
.xPKirmizi {background-color: #ff2e42 !important;}
.xPKirmizi_Koyu {background-color: #ab0d1d !important;}
.xPTuruncu {background-color: #ff692e !important;}
.xPTuruncu_Koyu {background-color: #bd3e0b !important;}
.xPYesil {background-color:#0eaf5d !important;}
.xPYesil_Koyu {background-color:#126b3e !important;}
.xPMor {background-color: #842388 !important;}
.xPMor_Koyu {background-color: #7b8697 !important;}
.xPGri{background-color:#adadad !important;}
.xPGri_Koyu1{background-color:#999999 !important;}
.xPGri_Koyu2{background-color:#666666 !important;}
.xPGri_Koyu3{background-color:#333333 !important;}
.xPGri_Acik1{background-color:#eaeaea !important;}
.xPGri_Acik2{background-color:#cfcfcf !important;}
.xPGri_Acik3{background-color:#bfbfbf !important;}
.xPGri_Acik4{background-color:#f4f4f4 !important;}

.xBTop{background-color:#bbbed0;}

.xPRow_FancyBg{background-color:#eeeff3;}
.xPRow_Standard{background-color:#f1f5f7;}
.xPRow_Standard_Koyu1{background-color:#c9d6e6;}
.xPRow_Standard_Acik1{background-color:#e8eff3;}
.xPRow_Standard_Acik2{background-color:#d7e2ef;}
.xPRow_Primary{background-color:#f2ddf3;}
.xPRow_Mavi{background-color:#d3e0f1;}
.xPRow_Kirmizi{background-color:#f7e3e5;}
.xPRow_Turuncu{background-color:#ffeee5;}
.xPRow_Yesil{background-color:#e5f7ee;}
.xPRow_Mor{background-color:#f2ddf3;}
.xPRow_AcikGri1{background-color:#f2f2f2;}
.xPRow_Add{background-color:#24907d; font-size:12px; color:white; margin-top:0px !important;}

a.xPRow_Add:hover {
	text-decoration:none;
	background-color: #1e806e;
	color: #8eff9c;
}

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

/*#region ================================ BORDERS ================================ */
.bw0 {border-width: 1px !important;}
.bw1 {border-width: 1px !important;}
.bw2 {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:#7b8697 !important;}
.bc_Beyaz {border-color:#fff !important;}
.bc_Siyah {border-color:#000 !important;}
.bc_Primary {border-color:#842388 !important;}
.bc_Primary_Koyu {border-color: #7b8697 !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:#999999 !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:#c9d6e6; 
 margin: -22px -26px 13px -26px !important;
		 padding:15px 26px 0px 26px;
}
.nav-link-x1 {
	display: block;
	padding: 0.5rem 1rem;
	border-right:solid 1px #3c4b5f;
	color:#ededed;
	font-weight:700;
	background-color:#192c44;
}

.nav-link-x1:hover, .nav-link-x1:focus {
  text-decoration: none;
  color:white;
  background-color:#000;
}
.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: 768px) {
	.FormHeader,.FormObjects {background-color:#fff; border:none;}
}

@media (max-width: 576px) {
	WPanel {max-width: 100%;}
}

@media (max-width: 768px) {
	.WPanel {max-width: 100% !important;}
}

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

@media (max-width: 1200px) {
	.WPanel {max-width: 100% !important;}
}

@media (max-width: 1450px) {
}
@media (max-width: 1850px) {
}
/*#endregion */