select,input,textarea{      -webkit-tap-highlight-color: transparent;
          border: 1px solid;
          box-sizing: border-box;
          clear: both;
          font-family: inherit;
          font-size: 14px;
          width: 100%;
          font-weight: 400;
          height: 48px;
          line-height: 48px;
          outline: none;
          position: relative;
          text-align: left !important;
          -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
          white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    border-color: #f5f5f5!important;
        background: #f5f5f5 !important;
        padding-left: 20px !important;
    border-radius: .25rem!important;

  }

  input[type=checkbox], input[type=radio]{height: 27px !important;    width: auto;}

  input:focus {
    outline: none !important;
    color: #333 !important;
    border-color: #4E97FD!important;
    background: #fff!important;
}

    select{      cursor: pointer;}


    textarea{min-height: 75px;line-height: normal; width: 100%;padding-top: 15px;}

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

  label{      display: inline-block;
    width: 100%;
    text-transform: capitalize;
    vertical-align: top;
    line-height: 27px;
    margin-bottom: 0;

    font-size: 13px;
    color: #7d879c;}



  .sepet-islemleri {
      display: inline-block;
      position: relative;
    }

  .sepet-islemleri ul {
      margin: 0;
      padding: 0;
    }

   .sepet-islemleri ul li {
      list-style: none;
      float: left;
      display: flex;
      width: auto;
      padding-right: 14px;
      padding-bottom: 10px;
    }

  .sepet-islemleri ul li:last-child {
      padding-right: 0
    }


     .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 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: 110px;
    outline: none;
    appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
    text-align: center !important;
    padding: 0;
    float: left;
    border-right: none;
    background: none;
    padding: 2px 30px 2px 10px;

    min-height: 48px;
    border: 1px solid #dee2e6 !important;
    background: #f5f5f5 !important;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #333;
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
}

  .input-number:focus {
    outline: none !important;
    color: #333;
    border-color: #4E97FD;
    background: #fff;
}






 .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: #186291 !important;
    padding: 10px 0;
    -webkit-transition: all .4s ease 0s;
transition: all .4s ease 0s;
border-radius: 0;
position: relative;
border:none;
border-bottom: 3px solid #186291;

}
#nav-tab a i{color: #186291 !important}

#nav-tab a.active i, #nav-tab a.active:hover i{color: #fff !important}

 .nav-tabs .nav-link:hover{background-color: #646464; }
 #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: #186291 !important;
    color: #fff !important;}


#nav-tab a.active:after, #nav-tab a.active:hover:after {
        content: '';
        background: #186291;
        width: 10px;
        opacity: 1;
        height: 10px;
        display: block;
        -webkit-transform: rotate(
    45deg
    );
        -ms-transform: rotate(45deg);
        transform: rotate(
    45deg
    );
        -webkit-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        transition: all .3s ease-in-out 0s;
        position: absolute;
        left: 49%;
        bottom: -3px;
    }


.tab-content{    border: 1px solid #dee2e6;    display: flow-root;
    border-top: none;     padding: 30px 20px;}


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


}