select,input{      -webkit-tap-highlight-color: transparent;
          border: 2px solid #f0f0f4;
          box-sizing: border-box;
              font-size: 14px;
          width: 100%;
          font-weight: 400;
          height: 58px;
          line-height: 58px;
          outline: none;
          position: relative;
          -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
          white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;
padding-top: 18px;
font-weight: 500

  }

  .btn.focus, .btn:focus {
    outline: 0;
    box-shadow: none;
}


.okket.evet::before{    display: block;}
b.okket::before {
  content: "";
    position: absolute;
    display: none;
    left: 9px;
    top: 5px;
    width: 5px;    color: #E85F00 !important;
    height: 10px;
    border: solid;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.lazim{background: #ff1f1f14}
.lazim .okket{    background-color: rgb(254, 242, 242);
    border: 2px solid rgb(250, 63, 63);}

    select{      cursor: pointer;}


    textarea{
      min-height: 65px;
      line-height: normal; width: 100%;
      white-space: initial;
      border-top: 25px solid transparent;
      border-bottom: 0px solid transparent;
      border-right: 0px solid transparent;
      border-left: 0px solid transparent;

        border: 2px solid #f0f0f4;
      padding-left: 15px;
      padding-right: 15px;
      padding-top: 27px;

    }


.file{border: none;    padding: 0;    line-height: unset;}
    .file::-webkit-file-upload-button {
    cursor: pointer;
    font-size: 12px;
    outline: none;
    padding: 10px 25px;
    text-transform: uppercase;
    transition: all 1s ease;
  }

  .input ~ label, textarea ~ label,.acik-cek{
    color: #999;
    font-size: 15px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 30px;
    top: 18px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    z-index: 999;
    margin: 0;
  }

  .input:focus ~ label, .input.has-value ~ label,   input:-webkit-autofill ~ label , .input:-webkit-autofill ~ label,
  textarea:focus ~ label, textarea.has-value ~ label,   textarea:-webkit-autofill ~ label , textarea:-webkit-autofill ~ label  {
    top:12px;
    font-size:11px !important;
    color:#5264AE;
  }

  .full-acik  {
    top:12px !important;

  }

  .full-acik  {
    top:12px !important;

  }
  .acik-olsun{}

.input option{padding: 0px !important }

  .iconlar.sifre-gosterme {
    -webkit-mask: url(/assets/sifre-gosterme.svg) no-repeat 50% 50%;
    mask: url(/assets/sifre-gosterme.svg) no-repeat 50% 50%;
right: 25px; top: 17px
}
.iconlar.sifre-gosterme.sifre-ac {
  -webkit-mask: url(/assets/sifre-goster.svg) no-repeat 50% 50%;
  mask: url(/assets/sifre-goster.svg) no-repeat 50% 50%;
right: 25px; top: 17px
}





     .checkbox{margin: 0; padding:0 }


  .checkbox label{    font-size: 13px;
     margin-top: 3px;
     display: block; cursor: pointer;}

    .checkbox  input {
               display: none;
     }

      .checkbox  b {
         position: relative;
         top: 0;
         left: 0;
         height: 25px;
         width: 25px;
         background-color: #fff;
         border: 1px solid;
 -webkit-transition: all .4s ease 0s;
 transition: all .4s ease 0s;
 display: block;
float: left;
     }


     .checkbox  input:checked ~ b {
         background-color: #fff;
     }

     .checkbox span{float: left;
    display: block;
    width: calc(100% - 33px);
line-height: 15px;
  }

.checkbox b:after {
         content: "";
         position: absolute;
         display: none;
     }

      .checkbox  input:checked ~ b:after {
         display: block;
     }

    .checkbox  b:after {
         left: 9px;
         top: 5px;
         width: 5px;
         height: 10px;
         border: solid;
         border-width: 0 3px 3px 0;
         -webkit-transform: rotate(45deg);
         -ms-transform: rotate(45deg);
         transform: rotate(45deg);
     }






/* Ürün detaydaki sayı + - text alanı */
  .input-number{
 width: 53px;
  height: 48px;
  text-align: center !important;
  padding: 0;
  float: left;
  border-right: none;
  background: none;
}




 .table td, .table th{    border: 1px solid; text-align: center;    vertical-align: middle;}
 .table thead th {border-bottom: 1px}

 .table .bos {
    border: none;
    border-right: 1px solid ;
    border-bottom: 1px solid ;
    background: 0 0;
        background-color: #ffffff !important;
}


.table   span{    font-size: 14px; font-weight: 500; color: #252525;display: block;}
.table   i{  font-size: 12px;  margin-top: -3px;  display: block;    font-weight: 400;}

.table .kucuk-resim{ max-width: 50px}




.nav-tabs{border-bottom: none}
#nav-tab{

padding: 0;
display:table;
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
    background: #dee2e6;
border:1px solid #dee2e6;
border-bottom: none
}


#nav-tab a{
  display:table-cell;
  text-align: center;
  font-weight: 500;
font-size: 14px;
color: #fff;
    padding: 10px 0;
    -webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
border-radius: 0;
position: relative;
border:none

}


 #nav-tab a:before{    content: "";
    width: 1px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: -1px;}
#nav-tab a:last-child:before{display: none}
#nav-tab a.active, #nav-tab a.active:hover{ color: #000; border:none; background: #fff !important}
.tab-content{    border: 1px solid #dee2e6;    display: flow-root;
    border-top: none;     padding: 30px;}


@media (max-width:768px) {

#nav-tab{overflow-x: scroll;
    width: 100%;
    display: -webkit-box;
    position: relative;}

  #nav-tab  .nav-item,#nav-tab .nav-link{
    display: block; padding: 10px}

    #nav-tab a{font-size: 12px}
    .tab-content {  padding: 20px;}

}