.variations {
  h3 {
   margin: 65px 0 0 0;
   padding: 0;
   color: #000;
   font-family: 'Raleway-Bold';
   font-size: 2.4em;
   font-weight:normal;
   text-align:left;
  }

  .hrvar {
   margin: 65px 0 35px 0;
   border:none;
   height: 1px;
   background-color: #a5a4a2;
  }

  .well {
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -khtml-border-radius: 0px !important;
    border-radius: 0px !important;
    border:none;
    h4 {
      margin:0;
      padding: 0;
      color: #000;
      font-family: 'Raleway-ExtraBold';
       -moz-font-feature-settings:"lnum" 1;
-ms-font-feature-settings:"lnum" 1;
-o-font-feature-settings:"lnum" 1;
-webkit-font-feature-settings:"lnum" 1;
font-feature-settings:"lnum" 1; 
      font-size: 1.4em;
      font-weight:normal;
      text-align:left;
    }
  }

  .variation_list {
    margin:25px 0 0 0;;
    padding: 0;
    list-style:none;

    #clear_filters_button{
      font-family: 'Open Sans';
      color: #a71e25;
      font-size: 2em;
      padding-top:20px;
      span{
        padding:10px;
      }
    }
    #clear_filters_button.btn:active,
    #clear_filters_button.btn.active {
      background-image: none;
      outline: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
      .fa-refresh{
        transform: rotate(45deg);
      }
    }

    li {
      margin:0 0 0 10px;
      padding:0;
      float:left;
      text-align:center;
    }      

    label {
      font-family: 'OpenSans-Light';
      font-size: 1.4em;
    }

    input[type="text"], input:not([type]) {
      width: 230px;
    }
    input[type="checkbox"] {
      margin:0;
    }

    .form-control:focus {
      border-color:#ddd !important;
      -webkit-box-shadow: none!important;
      -moz-box-shadow: none!important;
      box-shadow: none!important;
      border-right: solid 1px #ddd;
    }

  }

  .add2cartlabel {
    visibility:hidden;
  }
  .addtocart {
    bottom:0;
    margin:0;
    padding:0;
    width: 180px;
    height: 35px;
  }
  .triangle-topleft_red {
    position:absolute;    
    bottom:0;
    right:0px;
    width: 0; 
    height: 0; 
    display:block;
    border-top: 35px solid transparent; 
    border-right: 35px solid #fff;
  }

   .dataTables_length {
     select {
       background-color: #fff;
       color: #000;
     }

   }


   .add_varations {
    margin:0 auto;
    .addtocart {
      bottom:0;
      margin:0;
      padding:0;
      width: 320px;
      height: 55px;
    }
    .triangle-topleft_red {
      position:absolute;    
      bottom:0;
      right:0px;
      width: 0; 
      height: 0; 
      display:block;
      border-top: 55px solid transparent; 
      border-right: 55px solid #fff;
    }
  }
   
  .variation_table {
    width: 100%;
    border:none !important;
    .discount_text{
      background: #f00;
      color:#ddd;
      padding: 0px 1px 0px 4px;
      font-weight: bold;
      font-size: 1.2em;
      line-height: initial;
      white-space: nowrap;
      display: block
    }

    .fa-heart, .fa-heart-o{
      font-size: 30px;
    }

    .fa-heart{
      color:#a71e25;
    }

    thead {
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; //performance hack
    }

    h5 {
      height: 2em;
    }

    .insufficient{
      border-color: #f00;
      color:#f00;
      border-style: solid;
    }

    .sufficient{
      border-color: #080;
      color: #080;
      border-style: solid;
    }

    .child ul li {
       margin:0 0 30px 0;
       padding:0;
       clear:both;
       width: 200px;
       height: 40px;
     }
    .child ul li .dtr-title{
       float:left;
       padding-left: 20px;
       height: 30px;

       font-family: 'OpenSans-Bold';
       font-size: 1.3em;
       color: #6b6a69;
    }
    .child ul li .dtr-data  {
      margin:0;
      padding: 0;
      font-family: 'Open Sans';
      font-size: 1.3em;

    }
    .child ul li .dtr-data div{
       float:left;
       width: 30px !important;
       height: 30px;
       color: #6b6a69;
       button {
        margin-top: -10px;
        margin-left: -30px;
        height: 30px;
        background:none;
        span {
          visibility:visible;
          color: #00006e;
        }
      }

    }

    .media_th {
       max-width: 260px;
     }

    .media_td {
       max-width: 260px;
    }

    thead tr th {
      background-color:#000;
      color: #fff;
      height: 80px; 
      position:relative;
      line-height: 80px;
      text-align:center;
      font-family: 'Raleway-Bold';
       -moz-font-feature-settings:"lnum" 1;
-ms-font-feature-settings:"lnum" 1;
-o-font-feature-settings:"lnum" 1;
-webkit-font-feature-settings:"lnum" 1;
font-feature-settings:"lnum" 1; 
      font-size: 1.2em;
      border-left:none !important;
      border-right:none !important;
      border-top:none !important; 
      border-bottom: solid #f5f5f5 15px;
      span {
        display:none;
      }

    }

    tr {
      .ng-scope {
       text-align:center;
      }
    }

    tr td {
      margin:0;
      padding:0;
      height: 110px;
      border-left:none !important;
      border-right:none !important;
      border-top:none !important; 
      border-bottom: solid #f5f5f5 15px !important;
      background-color:#fff;
      vertical-align: middle !important;
      position:relative;

     


      .qty_box::-webkit-inner-spin-button{
           color:red !important;
       }


      
      .no_stock_info {
        padding-top:26px;
      }


      .stock_info {
        padding-top:16px;
      }

      .stock {
        color:#3db396;
      }

      .moq{
        color:#a71e25;
      }


      div {
        margin:0;
        padding:0;
        height:96px;
        //border-right: 1px solid #f5f5f5;
        text-align:center;
        font-family: 'Open Sans';
        color: #6b6a69;
        font-size: 1.1em;
        width: 100% !important;
        line-height: 66px;
      }

      li.rowadd{
        padding-right: 190px;
        padding-top: 50px;
        float: right;
      }
      img.media_sale
      {
        width:initial !important;
        vertical-align: top;
        border: 0!important;
      }
      .media {
        width: 100%;
        font-size: 1.1em;
        display:block;
        .media-left {
          padding-left: 20px;
          width:80px !important;
        }
        .media-body-fat{
          padding-top: 46px;
        }
        .media-body {
          line-height:normal;
          font-size: .9em;
          p {
	         margin:0;
           padding:0;
          }
          .stockinfo {
  	   color: #a71e25;
          }
        }

        div {
         border:none;
        }
        img {
	  border: solid 1px #a5a4a2;
        }
      }


      .qty_box {
       max-width: 100px;
      }
      .price {
        color: #a71e25;
        font-family: 'OpenSans-Bold';	
      }
      input {
        display:table-cell;
      }
      .form-control:focus {
        border-color:#ddd !important;
        -webkit-box-shadow: none!important;
        -moz-box-shadow: none!important;
        box-shadow: none!important;
        border-right: solid 1px #ddd;
      }
    }
  }

  .pagination li.active a {
   color: #fff;
  }

  .pagination li a {
    color:#6b6a69;
    margin: 0 10px 0 0;
   -moz-border-radius: 0px !important;
   -webkit-border-radius: 0px !important;
   -khtml-border-radius: 0px !important;
   border-radius: 0px !important;
  }


  .add_pics {
    width: 109px;
    height: 69px;
    border:0px;
    background: url('../img/buttons/determineqty.png') no-repeat 0 0;
    span {
     visibility:hidden;
   }
   }

  .add_pics:active {
    background-color: transparent !important;
    box-shadow:none !important;
  }

  .picture_form_control{
    margin:0;
    padding:0;
    list-style:none;

    li {
      float:left;
      margin: 0 30px 0 0 ;
      ul {
        margin-top: -15px;
        li {
          float:left;
        }
      }

    }
    li.pichelp {
      float:left;
      padding: 15px 0 0 15px;
      height: 60px;
      font-family: 'Open Sans';
      font-size: 1em;
    }
  }

  @mixin vertical-align($position: relative) {
    position: $position;
    top: 30%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }

   .picture_list {
     margin:0;
     padding: 0;
     list-style:none;
     li {
       margin:0 0 5px 5px;
       padding: 0 0 0 0;
       list-style:none;
       float: left;
       width: 120px;
       height: 155px;
       color: #6b6a69;
       font-size: 1.2em;
       .pics {
         height: 60px;
         img {
           @include vertical-align();
         }
       }
       .thumbnail {
         padding: 0;
         border:none;
         .input-group {
           input {
             margin-left: 20px;
             width: 90px;
             text-align:center;
           }
         }
       }
     }
   }

   .picture_form_control div.sort_box{
     height: 56px;
   }

   .color_list {
     margin:0;
     padding: 0;
     list-style:none;
     li {
       margin:0 0 7px 7px;
       padding: 0 0 0 0;
       list-style:none;
       float: left;
       width: 92px;
       height: 105px;
       color: #6b6a69;
       font-size: 1.0em;
       .pics {
         margin-top: 5px;
         height: 30px;
         img {
           -webkit-transform: translateY(-70%);
           -ms-transform: translateY(-70%);
           transform: translateY(-70%);
         }
       }
       .thumbnail {
         h5{
           margin-top: 3px;
           margin-bottom: 4px;
           font-size: 11px;
           word-wrap: break-word;
           overflow-wrap: break-word;
           height: 3em;
         }
         padding: 0;
         border:none;
         .input-group {
           input {
             //margin-left: 20px;
             padding:1px;
             width: 87px;
             text-align:center;
           }
         }
       }
     }
   }

  .variation_pagelength {
    margin-top: -37px;
  }

  .dataTables_length {
   display:none;
  }

  .one_variation_table{

   td{
     text-align:center; 
   }

   .qty_td{
     width: 150px !important 
   }
   
   .spinner_wrapper input {
     margin-top:16px;
     height: 35px !important;
   }
  }



}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  padding-left: 0px !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
  background-color:transparent !important;
  background:none !important;;
  border:none !important;
  box-shadow:none !important; 

  
}

@media (max-width: 1378px) {
  .product_ind{
    .col-lg-5{
      padding-left:0px;
    }
  }
}

@media (max-width: $screen-md-max) {
  .variations .variation_table tr td div {
    margin:0;
    padding:0;
  }
  .variations .variation_table tr td div {
    border-right: none !important;
    line-height: normal !important;
  }
 .child ul li {
   margin: 0 !important;
   padding: 0 !important;
 }
}


@media (max-width: $screen-sm-max) {
  .picture_form_control{
    li {
      .input-group-btn {
        padding-left: 13px !important;
      }

      .input-group {
        padding-left: 8px !important;
      }
    }

  }
}


.variation_table{
  thead>tr {
     background-color: #000!important;
     color: #fff;
   }
}

.product_in{
	width: 120px;
	float: left;
	font-size: 16px;
	font-weight: bold;
	clear: both;
	line-height: 30px;
}

.product_ind{
	width: 350px;
	float: left;
	font-size: 16px;
  line-height: 30px;
}

div.content{
  div.container{
  .product_ind{
  div.row:first-child{
    margin-top: 0; 
  }
}
}
}


.ghost_more{
  display: none;

  text-align: left;
  padding: 2px 15px;
}
.ghost_more.collapsed{
  display:inline-block;
}

.product_infor{
	position: relative;
	margin: 0 0 0 5px;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-khtml-border-radius: 0px !important;
	border-radius: 0px !important;
	width: 260px;
	height: 30px;
	color: #fff;
	background-color: #a71e25;
  font-family: 'Raleway-Medium';
   -moz-font-feature-settings:"lnum" 1;
-ms-font-feature-settings:"lnum" 1;
-o-font-feature-settings:"lnum" 1;
-webkit-font-feature-settings:"lnum" 1;
font-feature-settings:"lnum" 1; 
	text-transform: uppercase;
	display: table-cell;
	border: 1px solid #000;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	//touch-action: manipulation;//Why is this here?
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.428571429;
}

.triangle-bottomleft_red {
    position: absolute;
	bottom: 0;
	right: 0px;
	width: 0;
	height: 0;
	display: block;
	border-bottom: 28px solid transparent;
	border-right: 20px solid #fff;
}


.selected_price{
  color: #080;
  font-weight: bold;
}

.price_row::before, .price_row::after{
    content: " ";
    display: table;
}
.price_row::after{
    clear:both;
}

#picture_quantities{
  .picture_form_control{
    margin:0;
    padding:0;  
    
    li.pichelp {

      height: 60px;
      font-family: 'Open Sans';
      font-size: 1em;
    }
  
    @mixin vertical-align($position: relative) {
      position: $position;
      top: 30%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
    }
  
     .picture_list {
       margin:0;
       padding: 0;

       li {

         width: 120px;
         height: 155px;
         color: #6b6a69;
         font-size: 1.2em;
         display: inline-block;
         .pics {
           height: 60px;
           img {
             @include vertical-align();
           }
         }
         .thumbnail {
           padding: 0;
           border:none;
           .input-group {
             input {
               width: 90px;
               text-align:center;
             }
           }
         }
       }
     }
  }
}