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;
}