/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 4 Oca 2022, 12:58:13
    Author     : user
*/


/* -----REALTIME UPDATE----------------------------------------------------------- */

.realtime_save.language_box {height:60px; font-size:12px; width:100%;}
.realtime_focus {border:2px solid red}
.realtime_saved {border:2px solid #8bc34a; background:#aec199;}
.realtime_notsaved {border:2px dotted rgb(61, 59, 59); background:rgb(202, 202, 184)}

/* ---------------------------------------------------------------- */

.auto-form-div h3 {color:red;border-bottom: 5px solid;}

.form-sonuc {margin-top: 10px;}

.eklenen-default-item {display:block;position:relative;padding:5px;margin:3px;background:#eee;border:1px dashed #333;min-height:40px}
.eklenen-default-item .item-baslik{position:absolute;top:1px;left:3px;font-size:9px;color:red}
.eklenen-default-item .item-name{position:absolute;top:21px;left:3px;font-size:12px;color:#2196f3}

.eklenen-default-item.div-container {background:#607d8b;color: #fff !important;}
.eklenen-default-item.div-container .item-baslik{color: #fff !important;}
.eklenen-default-item.div-container .item-name{color: #fff !important;}

.form-satiri {position:relative;width:100%;min-height:150px;margin:10px auto;background:#eee;padding-top:30px}
.form-satiri .col-ekle {position:absolute; top:5px; right:5px;}
.form-satiri .col-cls-update {position:absolute; top:5px; left:5px;}

.satir-column {padding-top:30px;}
.satir-column .col-icerik {background: yellow;min-height:100px;padding:3px;}
.col-icerik {padding-inline-start: 0px; margin-bottom: 0px}

.formitem {padding:5px;margin-bottom:5px;font-size:14px;border-radius:3px;width:100%;color:red}
.formitem-help { font-style: italic; font-weight: normal; background: #f7f7eb; border-radius: 5px; padding: 3px; margin: 2px auto 4px;font-size: 12px;}
input.formitem {}

/* ---------------------------------------------------------------- */

.onoff {margin-bottom:5px;font-size: 18px;}
.onoff.secili {background:#41a1ed;color:#fff;}
.form-help {font-style: italic;color:#db7117;}

.f-item {padding:5px 5px 3px;font-size:18px;margin-bottom:3px;}
input.f-item {border: 1px solid #8f8585;border-radius: 0}
textarea.f-item {border: 1px solid #8f8585;border-radius: 0;min-height:100px}

select.selectbox {background:#e3e3e3;color:#333;}
select.selectbox.secili {background:#aed581;color:#333;}

.form-hata-txt {color:red;text-align: right;position: absolute;bottom: 15px;right: 10px;font-size: 12px;}


/* -FORM ŞİFRE GÖZ İCONU---------------------------------------------------------------
<div class="password-container">
  <input type="password" id="password-input" placeholder="Şifre">
  <span id="toggle-password" class="password-toggle"></span>
</div>
*/
.password-container {
  position: relative;
}
.password-toggle {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 18px;
}
.password-toggle:before {
  content: "\f06e";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.password-input-visible:before {
  content: "\f070";
}