/* You can add global styles to this file, and also import other style files */
html, body{
  background-color: #f3f3f3;
  font-family: "Arial Regular", Arial;
  /** font-family: 'Muli', "Helvetica", Arial, sans-serif; */
  color: rgb(90, 90, 90);
}

.text-danger{
  color:#ff0000
}

a{
  cursor: pointer;
  color:#e20074;
}

#form-control.border-input {
  border: 1px solid #e20074;
}

/* tiffany kosa - card is not clickable itself, no reason to make it look interactive  */
.card-section:hover {
  background-color: #fff;
  box-shadow: 0 0 14px 0 #e20074;
} 

.alert-info {
  background-color: #fff;
  color: rgb(90, 90, 90);
}
.btn-blue{
  background-color: #0070c0;
  border-color: #0070c0;
}  

em {
  font-style: italic;
}

.tm-cart-btn{
padding-bottom: 2px;
}


/*@gobika created custom common class */
.display-inline{
display: inline-block;
}
/*remove padding - reuse*/
.remove-padding{
padding-left: 0;
padding-right:0;
}
.remove-padding-all{
padding: 0;
}
.remove-padleft{
padding-left: 0;
}

/*add padding -reuse*/
.padding-5{
padding: 5px;
}

.padding-10{
padding-top:10px;
}
.align-padleft{
padding-left:20px;
}

/*margin calsses*/
.align-margin{
margin-bottom: 4px;
}
.margin-top-10{
margin-top: 10px;
}
/*@gobika common class for devices,mi-devices, accessories,features*/
.finance-type-label{
  border-width:1px;
  border-color: rgba(228, 228, 228, 1);
  padding-right: 0px;
  padding-left: 0px;
}
/*@gobika created custom pagination*/
.custom-pagination>.active>a,.custom-pagination>.active>a:hover {
background-color: #e20074;
border-color: #e20074; 
}
.custom-pagination>li>a,.custom-pagination>li>a:hover,.custom-pagination>.disabled>a,.custom-pagination>.disabled>a:hover{
color: #e20074;   
}

.align-compare{
  padding-left: 0px;
}
.disableText{
cursor: not-allowed;
color:#e20074;
}

.alert-info hr {
border-top-color: #F1EAE0;
}
.padding-top-customer-search {
    padding-bottom: 20px;padding-top: 49px;
}

/** added for shopping cart full/compact view*/
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {display:none;}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #e20074;
}

input:focus + .slider {
  box-shadow: 0 0 1px #e20074;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}