.form-item { position: relative; margin: 20px 0 25px 0; float: left;}
.text-label {color: #999; font-size: 1em; font-weight: normal; position: absolute; pointer-events: none; left: 25px; top: 10px; transition: 0.2s ease all; z-index: 999; font-weight: bold;}
.form-item .item-btn {position:absolute;bottom:0px;right: 5px; width:40px;z-index:10; height: 30px; line-height: 20px;}

.form-item > input, .form-item > select, .form-item > textarea, .form-item .flatpickr-input {    font-size: 1em;
    padding: 7px;
    display: block;
    width: 100%;
    border: none;
    border: 1px solid #b6b5b5;
    height: 30px;}
.form-item > input[type="label"] { border: none; border-bottom: 1px solid #dadada; }
.modal-body .form-item > input[type="label"] {background-color: #fff !important;
    border: 1px solid #b8b7b7;
    padding: 5px;
    color: #000;}
.form-item > .item-in-controls { padding: 5px; display: block; width: 100%; border: none;}
.form-item > textarea{ min-height:90px; /*height:130px;*/ font-size: 1em; }
.form-item > select { border: 0; border-radius: 0 !important; padding-left: 0;  /*Opera Border None*/box-shadow: none;color: #000;border-color: #dadada;border-top: none;border-left: none;border-right: none;border-radius: 1px !important;border-width: 1px;}
.form-item > select[size="1"] { border: 0.1em solid #dadada; padding-left:5px; padding-top:2px; }
.form-item > select:not([size="1"]) { border-bottom: 1px solid #000; font-size: 1em; height:132px; padding-left:5px;}
.form-item > .item-list-controls { font-size: 1em; height:auto; /*overflow-y: auto;overflow-x: hidden;*/}
.form-item > .item-in-controls.item-list-controls { /*border-bottom: 1px solid #000;*/ padding:5px; }
.form-item.double-control-list > .item-list-controls, .form-item.double-control-list > textarea { height:129px; }
.form-item.triple-control-list > .item-list-controls, .form-item.triple-control-list > textarea { height:218px; }
.form-item.full-control-list > .item-list-controls {height: 100%;border: 0px;overflow: initial;}
.form-item.no-height-control-list > .item-list-controls{ height:initial; }

.form-item > input:focus {outline: none;}
.form-item > textarea:focus{outline: none; border-color: #000 !important;}
.form-item > select:focus{outline: none; border-color: #000 !important;}
.form-item > .item-in-controls{outline: none; border-color: #000 !important;}
.form-item .flatpickr-input:focus {outline: none;}

.form-item > input:focus ~ label, .form-item > input:valid ~ label, input[type="email"]:not([value=""]) ~ label, .form-item > input[disabled] ~ label,.form-item > input[readonly] ~ label {top:-20px; font-size:0.8em; color:#000;font-weight: bold;}
.form-item > textarea:focus ~ label, .form-item >  textarea:valid ~ label, .form-item > textarea[disabled] ~ label,.form-item > textarea[readonly] ~ label {top:-20px; font-size:0.8em; color:#000;font-weight: bold;}
.form-item > select:focus ~ label, .form-item >  select:valid ~ label, .form-item > select[disabled] ~ label,.form-item > select[readonly] ~ label  {top:-20px; font-size:0.8em; color:#000;font-weight: bold;}
.form-item > img:focus ~ label, .form-item >  img ~ label, .form-item > img[disabled] ~ label,.form-item > img[readonly] ~ label {top:-20px; font-size:0.8em; color:#000;font-weight: bold;}
.form-item > .item-in-controls ~ label, .form-item > .item-in-controls ~ label {top:-20px; font-size:0.8em; color:#000;font-weight: bold;}
/* item-in-controls -> checkbox, radio, veya listesel yapılarda kullanılıyor. Sadece Etiket için */
.form-item .flatpickr-wrapper ~ label {top:-20px; font-size:0.8em; color:#000;font-weight: bold;}

.multi-input{ margin-bottom:8px; width:100%; }
.form-item .dropdown-toggle { width: 120px; }

.form-item.right-button { padding-right: 0px; }
.form-item.right-button select,.form-item.right-button input{ width:100%; }

.form-item-btn { position: relative; margin: 20px 0 25px 0; float: left; }

.form-danger .text-label{ color:#ff0000 !important; }
.form-danger input,.has-error select,.has-error textarea{ border-color:#a94442 !important; }
.form-danger .item-in-controls .checkbox label:before, .has-error .item-in-controls .radio label:before { border-color:#a94442 !important; }
.form-danger .item-in-controls.item-list-controls { border-color:#a94442 !important; }

.input-title { top: -10px; font-size: 0.8em; color: #000; font-weight: bold; }

/*Multi Dropdown*/
a.changeType { font-size: 14px; color: #000; text-decoration:none; padding-left:10px; display: block; }
.input-group-btn li:hover { background-color: #e4e4e4; cursor: pointer; }


.money-symbol {
    position: absolute;
    left: 10px;
    top: 3px;
}
.btn-main {
    padding-top: 10px;
}
.btn-main a {
    width: 100%;
}

.text-label {
    color: #999;
    font-size: 1em;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 8px;
    top: 10px;
    transition: 0.2s ease all;
    z-index: 999;
    font-weight: bold;
}
.form-item {
    position: relative;
    margin: 15px 0 15px 0;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}


@media (max-width:1321px){
    .form-item > input:focus ~ label, .form-item > input:valid ~ label, input[type="email"]:not([value=""]) ~ label, .form-item > input[disabled] ~ label, .form-item > input[readonly] ~ label {
        top: -20px;
        font-size: 0.7em;
        color: #000;
        font-weight: 600;
    }
}
@media (max-width:1250px){
    .form-item > select:focus ~ label, .form-item > select:valid ~ label, .form-item > select[disabled] ~ label, .form-item > select[readonly] ~ label {
        top: -20px;
        font-size: 0.7em;
        color: #000;
        font-weight: bold;
    }
}
@media (max-width:540px) {
    /*.form-item > input, .form-item > select, .form-item > textarea, .form-item .flatpickr-input{width:100%}*/
    .form-item-btn {
        text-align:left !important;
        margin: 5px 0 15px 0;
    }
    .form-item-btn a {
        display:block;
    }
} 


/*Muhammet*/
.label-main {
    margin: 0px;
}
.pasive-active-urun{
    float: right;
    
}

.form-img-main img {
    height: 30px !important;
}

.form-img-main .form-control {
    height: 30px;
}

.form-img-main .btn-upload-item {
    line-height: 15px;
    height: 30px;
    position: relative;
    bottom: 4px;
}

.form-img-main .input-group-btn {}

.form-img-main .btn-add-item {
    height: 30px;
    line-height: 15px;
    position: relative;
    bottom: 4px;
}
.form-img-main .btn-remove-item {
    line-height: 15px;
    height: 30px;
    position: relative;
    bottom: 4px;
}
.textarea-variant > textarea {
    min-height: 55px !important;
}