html, body {
  min-height: 100vh;
  margin: 0;
 background: linear-gradient(to bottom right, #1f2937, #2f855a, #1e40af);
}

 

 .TrColor {
    background: #948a54; color: #fff; text-transform: uppercase; font-weight: bold !important;
  }
  .tBodyColor {
        background: #b8cce4;    }
/****************Login Page*******************/
.pass_show{position: relative} 
.pass_show .ptxt {  position: absolute; top: 70%; right: 15px; z-index: 1; color: #ff1238; font-weight: 600; margin-top: -10px; cursor: pointer; transition: .3s ease all; } 
.pass_show .ptxt:hover{color: #666;} 
/****************Login Page*******************/
.avatarHome {width: 35px; border-radius: 25px; height: 35px; background: #068ede;}
.avatar2Home {width: 100px;}
.avatarHayranlar { width: 55px; height: 55px; }
.ilanBasliği {font-size: 15px;}
.ilanTarihi { font-size: 12px; color:  #bdbdbd;  }
.hayranTbl {vertical-align: middle !important;}
 
 #pic{ display: none; }
 .newbtn{     cursor: pointer;
    border: 1px solid #ddd;
    padding: 5px;
    text-align: center;}
  #blah{
  max-width:110px;
  height:110px;
 }
 .funkyradio div {
  clear: both;
  overflow: hidden;
}

.funkyradio label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4;
  font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
  display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
  position: relative;
  line-height: 2.5em;
  text-indent: 3.25em;
  margin-top: 2em;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 2.5em;
  background: #000000;
  border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
  color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
  content: '\2714';
  text-indent: 0.5em;
  color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
  color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
  content: '\2714';
  text-indent: 0.5em;
  color: #333;
  background-color: #ccc;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
  color: #fff;
  background-color:  #00ff00;
}
 .material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    background: #00ff14;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
       background: rgba(255, 0, 0, 0.73);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position: absolute;
    opacity: 0.7;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background:rgb(216, 27, 27);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}
/* ✅ Select2 aktif olunca gerçek select gizlensin (üst üste binmeyi çözer) */
.select2-hidden-accessible{
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
#ModalNewSatis .select2-container{ width:100% !important; }
#ModalNewSatis .select2-selection--single{ height:38px !important; }
#ModalNewSatis .select2-selection__rendered{ line-height:24px !important; padding-right:45px !important; }
#ModalNewSatis .select2-selection__arrow{ top:1px !important; right:8px !important; height:36px !important; }
#ModalNewSatis .select2-selection__arrow b{ left:50% !important; margin-left:-4px !important; }

/* ✅ Modal içindeki Select2 yazısını tam ortaya al */
#ModalNewSatis .select2-container--default .select2-selection--single{
  height: 38px !important;
  padding: 0 12px !important;          /* üst-alt padding sıfır */
  display: flex !important;
  align-items: center !important;      /* dikey ortala */
}

/* Yazı satırı */
#ModalNewSatis .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height: 38px !important;        /* tam yükseklik */
  padding-left: 0 !important;
  padding-right: 44px !important;      /* ikon boşluğu */
  margin: 0 !important;
}

/* Ok alanı */
#ModalNewSatis .select2-container--default .select2-selection--single .select2-selection__arrow{
  height: 38px !important;
  top: 0 !important;
  right: 10px !important;
}

/* Ok ikonunu tam ortala */
#ModalNewSatis .select2-container--default .select2-selection--single .select2-selection__arrow b{
  top: 50% !important;
  left: 50% !important;
  margin-left: -4px !important;
  margin-top: -2px !important;
}