.ico { display: inline-block; width: 16px; height: 16px; fill: inherit; color: inherit; margin: 0px 8px -2px 0px; }
.button > .ico { fill: #000; color: #000; }

div.css_bar_graph div.graph ul.grid { width: 100%; }

#followup a svg.ico { margin-top: 3px; }
#followup .et_pb_button{
  width: 90%;
  text-align: center;
}

option { padding: 0px 5px; }
.equipcalclist { list-style-type: none; }
.equipcalclist li { padding: 20px 0px; margin: 20px; clear: left; }
.equipcalclist li label { float: left; margin: 5px 5px 0px 0px; width: 120px; }
.equipcalclist li input, .equipcalclist li select { float: left; margin: 0px 5px 0px 0px; width: 70px; }
.calcholder { margin: 10px 0px 20px; padding: 5px 10px 20px; min-height: 130px; }
ul.ncalclist, ul.ncalclist li { padding: 0px; list-style-type: none; }
ul.ncalclist { list-style-position: outside; margin: 0; }
ul.ncalclist li { margin: 5px 10px 5px 0px; cursor: pointer; }
ul.ncalclist li label { width: 200px; margin-right: 10px; }
.calcfloat { float: right; width: 40%; }
#calcresults { border: 1px solid #ccc; padding: 25px 15px 15px 15px; min-height: 625px; overflow: visible; text-align: center;}
#followup { text-align: center; padding: 10px; }
.tab-content-last { z-index: 1; top: 0px; left: 0px; opacity: 1; transform: rotate(0deg); }
.steptabs { text-align: center; padding: 0 50px;}
div.css_bar_graph { width: 280px; height: 195px; padding: 40px 20px 10px 70px; font-weight: 400; background-color: rgb(255, 255, 255); position: relative; margin-left: auto; margin-right: auto; font-size: 9px !important; color: rgb(68, 68, 68) !important; }
div.css_bar_graph ul { margin: 0px; padding: 0px; list-style-type: none; }
div.css_bar_graph li { margin: 0px; padding: 0px; }
div.css_bar_graph ul.y_axis { width: 50px; position: absolute; top: 25px; left: 10px; text-align: right; }
div.css_bar_graph ul.y_axis li { width: 100%; height: 31px; float: left; color: rgb(136, 136, 136); border-top: 1px solid transparent; position: relative; top: -13px; }
div.css_bar_graph ul.x_axis { width: 100%; height: 50px; position: absolute; bottom: -50px; left: 80px; text-align: center; }
div.css_bar_graph ul.x_axis li { display: inline; width: 70px; float: left; }
div.css_bar_graph div.graph { width: 100%; height: 180px; margin-top: -20px; float: left; }
div.css_bar_graph div.graph li { width: 100%; height: 31px; float: left; border-top: 1px solid rgb(229, 229, 229); background-color: rgb(255, 255, 255); }
div.css_bar_graph div.graph li:nth-child(2n+1) { width: 100%; height: 31px; float: left; border-top: 1px solid rgb(229, 229, 229); background-color: rgb(248, 248, 248); }
div.css_bar_graph div.ecograph li:nth-child(2n+1), div.css_bar_graph div.graph li:nth-child(2n) { width: 100%; height: 31px; float: left; border-top: 1px solid rgb(229, 229, 229); background-color: rgb(231, 245, 204); }
div.css_bar_graph div.graph li:nth-child(2n) { background-color: rgb(255, 255, 255); }
div.css_bar_graph div.graph li.bottom { border-top: 1px solid rgb(213, 213, 213); background-color: rgb(229, 229, 229); height: 19px; }
div.css_bar_graph div.graph li.bar { width: 50px; float: left; position: absolute; bottom: 10px; text-align: center; transition: all 0.15s ease-in-out 0s; }
div.css_bar_graph div.graph li.bar div.bottom, div.css_bar_graph div.graph li.bar div.top { width: 100%; height: 20px; transition: all 0.15s ease-in-out 0s; border-radius: 50% !important; }
div.css_bar_graph div.graph li.bar div.top { margin-top: -10px; position: relative; }
div.css_bar_graph div.graph li.bar div.bottom { position: absolute; bottom: -10px; left: 0px; }
div.css_bar_graph div.graph li.bar span { position: relative; top: -40px; padding: 3px 5px; z-index: 100; white-space: nowrap; overflow: visible; border: 1px solid rgb(190, 190, 190); border-radius: 3px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), color-stop(0.05, rgb(241, 241, 241)), to(rgb(235, 235, 235))); text-shadow: rgb(255, 255, 255) 0px 1px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 0px; transition: all 0.15s ease-in-out 0s; font-size: 9px !important; font-family: arial, sans-serif !important; color: rgb(68, 68, 68) !important; }
div.css_bar_graph div.graph li.nr_1 { left: 90px; }
div.css_bar_graph div.graph li.nr_2 { left: 160px; }
div.css_bar_graph div.graph li.yellow div.top { background: rgb(255, 250, 153); }
div.css_bar_graph div.graph li.yellow, div.css_bar_graph div.graph li.yellow div.bottom { background: rgb(255, 242, 0); }
div.css_bar_graph div.graph li.blue div.top { background: rgb(205, 229, 248); }
div.css_bar_graph div.graph li.blue, div.css_bar_graph div.graph li.blue div.bottom { background: rgb(145, 203, 248); }
div.css_bar_graph div.graph li.yellow:hover { cursor: pointer; background: rgb(255, 242, 0) !important; }
div.css_bar_graph div.graph li.blue:hover { cursor: pointer; background: rgb(145, 203, 248); }
div.css_bar_graph div.graph li.bar:hover span { cursor: pointer; top: -45px; padding: 5px; margin: 0px; }
span.chart { float: left; font-size: 11px; text-align: center; line-height: 12px; margin: 20px 0px; }
.roichart { width: 150px; margin: 10px 10px 10px 0px; }
.roichart svg.ico { width: 150px; height: 150px; }
.roichart div.roinum { font-weight: 700; font-size: 48px; text-align: center; margin-top: -90px; line-height: 34px; color: rgb(255, 255, 255); }
.roichart .roinum + p { text-align: center; margin-top: 30px !important; }
span.chart { display: block; }
form select, input[type="text"] { display: block; width: 100%; padding: 5px 8px; font-size: 12px; border-width: 1px; border-style: solid; border-radius: 3px; appearance: none; box-sizing: border-box; }
::-webkit-input-placeholder { color: rgb(204, 204, 204); }
input[type="text"], select { border-color: rgb(229, 229, 229); background: rgb(255, 255, 255); box-shadow: rgba(217, 217, 217, 0.1) 0px 0px 0px 5px; color: rgb(102, 102, 102); }
input[type="text"]:focus, select:focus { border-color: rgb(184, 212, 234); box-shadow: rgba(184, 212, 234, 0.1) 0px 0px 0px 5px; color: rgb(24, 170, 221); }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) { overflow: hidden; text-overflow: ellipsis; }
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span { border: 1px solid transparent; }
@media only screen and (max-width: 1000px) {


  span.chart, ul.ncalclist { width: 100% !important; }
  .equipcalclist li { margin: 0px !important; }
  .calcholder { float: none !important; margin: 0px !important; padding: 0px !important; clear: both !important; }
  .calcholder { width: 100% !important; display: block !important; }
  .equipcalclist li { padding: 0px; clear: left; }
  .equipcalclist li input, .equipcalclist li label, .equipcalclist li select { float: none !important; width: auto !important; }
  ul.ncalclist { list-style-type: none; list-style-position: outside; margin: 0px 0px 0px 5px; padding: 0px; }
  ul.ncalclist li { margin: 5px 10px 5px 0px; padding: 0px; cursor: pointer; }
  ul.ncalclist li label { width: auto !important; }
  #icalcbutton { display: inline !important; }
  .calcfloat { float: none !important; width: 100% !important; }
  #calcresults, div.css_bar_graph { margin: 0px !important; clear: both !important; display: block !important; border: 0px !important; }
  .roichart { margin: 10px 0px !important; }
  /* .roichart div.roinum { font-weight: 700; font-size: 32px; width: 140px; text-align: center; margin-top: -90px; line-height: 34px; } */
  #calcresults, #justresults, .roichart, div.css_bar_graph { width: 100% !important; float: none !important; padding: 0px !important; }
  span.chart { margin: 20px 0px; display: block; }
  #followup { border: 0px !important; }
  #followup, span.chart { float: none !important; }
  #followup { width: 100% !important; }

}