/*================================================================================
	Item Name: Frest HTML Admin Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

    .has-error input, .has-error select {
    	border-color: #FF5B5C;
    }
    .has-error span, .mandatory {
    	color: #FF5B5C;
    }
    .tab-div{
    	display:none;
    }
    .nav-item.active .nav-link
    {
        color: #FFFFFF;
        background-color: #5A8DEE;
        border-color: transparent;
        box-shadow: 0 2px 4px 0 rgba(90, 141, 238, 0.5);
    }
    .greenheader {
		color: red;
	}
	
.popupbadge {
    position: fixed;
    background: #fff;
    width: 65%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
    z-index: 9999;
    padding: 10px 0;
}
.popupoverlay {
    background: #000000c2;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999;
    left: 0;
}
.closes {
    position: absolute;
    right: 3px;
    top: 5px;
    color: #fff;
    cursor: pointer;
    background: #f00;
    padding: 4px 5px;
    border-radius: 26px;
    z-index: 9999;
}
.productimg {
    padding: 20px;
}
.product-summery {
    color: #000;
}
.form-group-topup label{
    color: #000;
    display: block;
    margin-bottom: 12px;;
}
.form-group-topup {
    margin-bottom: 10px;
}
.form-group-topup select, .form-group-topup input[type="text"] {
    width: 80%;
    height: 34px;
}
.form-group-topup textarea {
    width: 80%;
    height: 100px;
}

a.subcat button {
    background: #222;
    color: #fff !important;
}
.empty-cart {
    text-align: center;
}
.continue {
    text-align: center;
    margin-bottom: 40px;
}
.carts span {
    margin-left: 4px !important;
    background: #f00;
}
a.remove-icon {
    color: #f00;
}
span#avalt {
    background: #121FCF;
    background: linear-gradient(to right, #121FCF 0%, #CF1512 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: 1px;
    font-size: 2rem;
}
.carts-item {
    position: absolute;
    right: 44px;
}
.carts-item a {
    color: #000;
    font-size: 14px;
}
.carts-item a i {
    vertical-align: middle;
    font-size: 22px;
}
span.sp-plus {
    background: #e2e2e2;
    padding: 2px 7px;
    color: #f00;
    font-size: 19px;
    cursor: pointer;
    vertical-align: middle;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.lineqty {
    width: 50px;
    height: 30px;
    text-align: center;
    border: 1px solid #e2e2e2;
}
span.sp-plus a {
    color: #000;
}
span.sp-plus button {
    border: none;
    background: none;
}
.productimg img {
    width: 50%;
}


@media screen and (max-width: 768px) {
    .table-responsives table {
      border: 0;
    }
  
    .table-responsives table caption {
      font-size: 1.3em;
    }
    
    .table-responsives table thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    .table-responsives table tr {
      border-bottom: 1px solid #ddd;
      display: block;
      margin-bottom: .625em;
    }
    
    .table-responsives table td {
      border-bottom: 1px solid #ddd !important;
      display: block;
      font-size: .8em;
      text-align: right;
      padding-bottom: 10px;
      border: 0;
    }
    .atag button {
        width: 100%;
    }
    .atag a {
        display: block;
        width: 100%;
    }
    
    .table-responsives table td::before {
      /*
      * aria-label has no advantage, it won't be read inside a table
      content: attr(aria-label);
      */
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
    
    .table-responsives table td:last-child {
      border-bottom: 0;
    }
  }
  form.ordereditcls select {
    height: 33px;
    border: 0;
    background: #e2e2e2;
}
form.ordereditcls input[type="submit"] {
    background: #5a8dee;
    border: 0;
    height: 31px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}
form.ordereditcls input[type="number"] {
    width: 25%;
    height: 35px;
    border: 1px solid #e2e2e2;
}