/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 
 .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab input[button] {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
  }

  .tablinks {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
  }
  
  /* Change background color of buttons on hover */
  .tab input[button]:hover {
    background-color: #ddd;
  }

  .tablinks:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab input[button].active {
    background-color: #ccc;
  }
  
  .tablinks.active {
    background-color: #ccc;
  }

  /* Style the tab content */
  .tabcontent {
    /* display: none; */
    padding: 6px 12px;
    /* border: 1px solid #ccc; */
    /* border-top: none; */

  font-family: 'Open Sans', Arial, sans-serif;

  }


  .entry-content {
      width:100%!important;
      /* display: block!important; */
      /* float: none!important; */
  
  }
  .hidden {
      display:none!important;
  }

  .rowDiv {
      width:100%;
      display: block;
      margin-top: 5px;
      margin-bottom: 5px;
  }

.col-xs-6{
  margin-top: 5px;
  margin-bottom: 5px;
}

.inputGroup.input-group-addon
{

}

.resetBtn {
  background: none;
  font-size: 10px;
  display: inline-block;
  cursor: pointer; 
  text-decoration: none!important;
  box-shadow: none!important;
  font-weight: bold;
  color: #28a6bf!important;
 cursor: pointer;
 -moz-transform: scaleX(-1);
 -o-transform: scaleX(-1);
 -webkit-transform: scaleX(-1);
 transform: scaleX(-1);
 filter: FlipH;
 -ms-filter: "FlipH";
  
}

a.resetBtn {
  text-decoration: none!important;
  box-shadow: none!important;
  font-weight: bold;
  color: #28a6bf!important;
 cursor: pointer;
}
.resetBtn i {
  text-decoration: none!important;
  box-shadow: none!important;
  font-weight: bold;
  color: #28a6bf!important;
 cursor: pointer;
}

  .questionText {
      display: inline-block;
      /* width: 30%; */
    font-weight: bold;
    /* font-size: 1.2em; */
    white-space: wrap;
  }
  .inputDiv {
      display: inline-block;
      /* width:65%; */
  }

  .textInput {
      width:100%;
  }

  .noteText {
    font-size:.9em;
    font-weight: bold;
    margin-top: 10px;
  }

  .numberInput {
    max-width: 70px;
  }

  .shortInput {
    display: inline-block;
    min-width:20%;
    margin-left: 5px;
    margin-right: 5px;
  }

  .resultText {
    /* font-size: 1.2em; */
  }

 .tinyText {
   font-size: 0.75em !important;
   /* font-style: italic; */
   text-transform: uppercase;
   color:#a2a2a2;
   font-weight: normal;
   text-shadow: none;
   
 }
 .fData .tinyText,
 .sData .tinyText,
 .nData .tinyText{
  font-size: 0.48em !important;
 }

 .iData{
  font-size: 1.35em;
 }
 .fData {
   width:15%;
   font-size: 1.35em;
   font-weight: normal;
   text-align: center;
 }

 .nData {
   background-color: #d9eff3;
   font-size: 1.35em;
 }

 .sData {
   width:10%;
   font-size: 1.35em;
   font-weight: normal;
   text-align: center;
   background-color:rgb(166, 224, 241);
   font-variant: small-caps;
 }

 .labelInline label {
   display: inline;
 }

 .revHead {
   background-color: #28a6bf;
   font-weight: bolder!important;
   /* font-size: 1.3em; */
   text-align: center;
   text-shadow: 0 0 1px #fff, 0 1px 3px rgba(0,0,0,0.3);
color:white;
letter-spacing: 2px;
 }

 .positive {
   color:green;
 } 
  .negative {
   color:red;
 }

 .positive label {
   color:green;
 }

 .negative label {
  color:red;
 }


 .inputLabel {
    /* font-size:  1.5em; */
   font-weight: bold;
   padding:  5px;
   font-variant: small-caps;
   text-shadow: 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.3);
 }

 .formInput {
    max-width: 55px !important; 
   /* padding:1px!important; */
   float:none;
   margin:0 auto;
   text-align: center;
   /* border: none !important; */
   /* border-color:#ff2600; */
   background-color: transparent !important;
   font-weight: bolder;
   /* letter-spacing: 2px; */
   max-height: 100%;
   /* font-size: 1.5em; */
   border:1px!important;
   border-color:transparent!important;
   /* background-color: white !important; */
   /* background-color: #28a6bf!important; */
    border-style: solid!important; 
    color: initial!important;
    
 }
 .formInput:hover,  .formInput:focus {
  /* border: #28a6bf 1px !important;  */
 border-color:#28a6bf!important;
 /* background-color: white !important; */
 /* background-color: #28a6bf!important; */
  border-style: solid!important; 
 color: #28a6bf!important;
 cursor: pointer;
  /* background: #28a6bf!important;
 -moz-border-radius: 50%; 
 -webkit-border-radius: 50%; 
 border-radius: 90%; */
 /* color:white !important; */
 /* font-size: 0.75em; */

}
.formInput:disabled,
.formInput:disabled:hover{
  background-color: transparent !important;
  cursor: default !important;
  border:1px!important;
  border-color:transparent!important;
  color: initial!important;
}
/* input[type=number]:focus::-webkit-inner-spin-button,
  input[type=number]:focus::-webkit-outer-spin-button,
  input[type=number]:hover::-webkit-inner-spin-button,
  input[type=number]:hover::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  -moz-appearance:textfield;
 
}
input[type=number]:focus::-webkit-inner-spin-button,
  input[type=number]:focus::-webkit-outer-spin-button,
  input[type=number]:hover::-webkit-inner-spin-button,
  input[type=number]:hover::-webkit-outer-spin-button { 
  -webkit-appearance: inner-spin-button;
} */
input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
  
    -moz-appearance: textfield !important;

}
input[type="number"]
{
  -moz-appearance:textfield;
}
/* input[type="number"].mod::-webkit-inner-spin-button:hover,
input[type="number"].mod::-webkit-inner-spin-button:active{
    box-shadow: 0 0 2px #28a6bf;
    opacity: .7;
} */

.formInput:focus {
  cursor: text;
  border: #66CCff 1px !important;
  border-color:#66CCff!important;
  /* background-color: white !important; */
  border-style: solid!important;
  color: black!important;
 }

 .centered {
   text-align: center;
 }

 .secInputs {
   
   margin-bottom: 10px;
 }

 .whatIFHead {
   
   /* font-size:30px; */
   margin-bottom: 20px;
 }

 .inputGroup {
   display:inline-block;
   text-align: center;
   margin-left:10px;
   margin-right: 10px;

 }
.nData .inputGroup{
  font-size: 0.6em!important;
}

.iData .inputGroup{
  font-size: 0.6em!important;
}
 .cnames {
   /* font-size:1.2em; */
   text-align: center;
   /* text-transform: uppercase; */
   font-weight: bolder !important;
   background-color: #28a6bf;
   color: white!important;
   text-shadow: 0 0 1px #fff, 0 1px 3px rgba(0,0,0,0.3);
   font-size: 1.75em!important;
 }
 .cnames label{
  color: white!important;
 }
 .spanPad {
   margin-left:5px;
   margin-right:5px;
 }

 .topSpanPad {
  margin:7px;
  /* margin-right:7px; */
 }

 .compareLabel{
font-variant: small-caps;
font-weight: bold;
letter-spacing: 1px;
 }
.netRevLbl{

}

 .loadingDiv {
  height: 100vh;
  width: 100vw;
  background-color: #eee;
  opacity: .5;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  /* font-size: 40px; */
  font-weight: bold;
 }

 .doubleLine {
   border-top:3px double black;
   text-shadow: 0 0 1px #fff, 0 1px 3px rgba(0,0,0,0.3);
 }

 .calcHeader {
   font-weight: bold!important;
    /* font-size: 1.1em; */
 }
 .btn, button {
  background-color: #74b3bf !important;
  border: 1px solid #74b3bf !important;
  color: white !important;
  /* font-size: 1.5em; */
}
 .btn-group button {
  background-color: #74b3bf; 
  border: 1px solid #74b3bf; 
  color: white; 
  /* padding: 10px 24px;  */
  cursor: pointer; 
  float: left; 
}

.btn-group button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

/* Add a background color on hover */
.btn-group label:hover {
  background-color: #28a6bf !important;
  border: 1px solid #28a6bf !important;
}

.btn-group label:hover {
  background-color: #28a6bf !important;
  border: 1px solid #28a6bf !important;
}
.btn-group label.active {
  background-color: #28a6bf !important;
  border: 1px solid #28a6bf !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.spinner {
  width: 100px;
}
.spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}