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: 42px;
          line-height: 40px;
          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;
    padding-left: 15px;
    border-radius: 0 !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;
    margin-top: 10px;
    width: 100%;
    text-transform: capitalize;
    vertical-align: top;
    line-height: 30px;}


     .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: 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-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: #fff !important}
.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}


}