.card .card-subtitle {
    color: #58646a !important;
    font-weight: 400 !important;
}

.steps {
    display: none !important;
}

/* input[type='range'] {margin: 4px 0; width: 100%; padding: 4px;} */

.slider {
    -webkit-appearance: none;
    width: 100%;
    margin-top:14px;
    height: 8px;
    border-radius: 5px;   
    background: #e9ecef;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.added_to_cart {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
	font-size: 11px;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%; 
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}

.irs {margin-top:14px;}

html {
    height: 100%;
    /*background = gradient + image pattern combo*/
}

/*form styles*/

#msform {
    /* width: 400px;
    margin: 30px auto; */
    height:100%;
    position: relative;
}

#msform fieldset {
    background-color:white;
    width:100%;
    padding:20px;
    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/

/*#msform fieldset:not(:first-of-type) {
    display: none;
}*/

/*  DISPLAY NONES   */

#nozzlebox {display:none;}
#nexttwo {display:none;}
#messagesuccess {display:none;}
#messagesuccesstwo {display:none;}
#messagesuccessthree {display:none;}
#messagesuccessfour {display:none;}

#zonebox {display:none;}
#zoneboxmessage {display:none;}
#filterbox {display:none;}
/*#gatewaybox {display:none;}*/
#gatewaytable {display:none;}
#gatewayboxmessage {display:none;}

#hoseybox {display:none;}

#tipbox {display:none;}
#genthree {display:none;}
#fillalert {display:none;}
.screennumbers {display:none;}
.buttons-print, .buttons-excel {display: none;}

@media (max-width:768px){
    .table td, .table th { padding: .5rem; vertical-align: top; border-top: 1px solid #e9ecef; font-size: 13px;}
    .table td label, .table th label { font-size: 13px !important; min-width: 0px !important; line-height: 14px !important;}
    #msform fieldset {padding: 0px !important;}
}

.datepicker {z-index:100 !important;}
#sptnexttwo {display:none;}