#logo{
  margin-bottom:15px;
  padding-right: 10px
}
#submitForm{
  display:none;
  margin-top:15px;
}
#white-overlay{
  background:#fff;
  position:fixed;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:1000;
  opacity:.7;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 */

      /* This works in IE 8 & 9 too */
      /* ... but also 5, 6, 7 */
      filter: alpha(opacity=70); /* IE 5-7 */
}
.spinner-container{
  z-index:15001 !important;
  position:fixed;
  left:0;
  right:0;
  top:0;
  text-align:center;
  padding-top:150px;
}
.tab-content{
/*
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
 */


}
.btn-primary{
 background-color:#0067B1 !important;
}
a{
 color:#0067B1 !important;
}
.btn-primary:hover{
 background-color:#8DC8E8 !important;
 border-color:#8DC8E8 !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
 background-color:#0067B1 !important;
 color:#fff !important;
}
.nav-item a{

 
  
 


}
.nav-item{
 
}
   .alert{
    position: fixed !important;
    margin: 0 auto;
    left: 50%;
    width: 300px;
    margin-left: -150px;
    z-index: 1000;
    top: 200px;
    display: none;
   }
   .overlay{
      background: #fff;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: none;
      z-index: 999;
     /* Theoretically for IE 8 & 9 (more valid) */
      /* ...but not required as filter works too */
      /* should come BEFORE filter */
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 */

      /* This works in IE 8 & 9 too */
      /* ... but also 5, 6, 7 */
      filter: alpha(opacity=60); /* IE 5-7 */
      
      /* Modern Browsers */
      opacity: 0.6;
   }

   .mobileoptin{
    padding:40px 0 0 0px;
   }
    .form-check-input{
        /* position:relative !important; */
        margin: 15px 5px 0px 0 !important;
        padding-top:50px !important;
    }
 @media only screen and (max-width:480px){
/* MOBILE GLOBAL STYLES - DO NOT CHANGE */
body, .tb_properties{font-family: Arial !important; font-size: 16px !important; color: #808080 !important; line-height: 1 !important; padding: 0px !important; }.buttonstyles{font-family: Arial !important; font-size: 16px !important; color: #FFFFFF !important; padding: 0px !important; }h1{font-family: Arial !important; font-size: 22px !important; color: #202020 !important; line-height: 1 !important; }h2{font-family: Arial !important; font-size: 20px !important; color: #202020 !important; line-height: 1 !important; }h3{font-family: Arial !important; font-size: 18px !important; color: #202020 !important; line-height: 1 !important; }a:not(.buttonstyles){line-height: 1 !important; }.mobile-hidden{display: none !important; }.responsive-td {width: 100% !important; display: block !important; padding: 0 !important;}
/* END OF MOBILE GLOBAL STYLES - DO NOT CHANGE */

   .mobileoptin{
    padding:20px 0 0 0px;
   }


}

#results{
  width:100%;
  
}
#results td{
  border:1px solid #ddd;
  padding:2px 5px;
  font: 12px/18px Arial,Sans-serif;
}
#results th{
font: 12px/18px Arial,Sans-serif;
font-weight:700;
/*background:#99bfe6;*/
white-space:nowrap;
}
.hidden, .row.hidden{
 display:none;
}


.tooltip .arrow{
  top:8px
}

.tooltip{
  top:-2px;
  left:190px;
  opacity:1.0 !important;
}


@media (min-width: 576px) {
  .tooltip{
    left:130px;
  }
}


@media (min-width: 768px) {  }


@media (min-width: 992px) {  }


@media (min-width: 1200px) {  }









/* Checkboxes */
/* .squaredThree */
.squaredThree {
  width: 20px;
  position: relative;
  margin: 20px auto;
}
.squaredThree label {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#45484d));
  background: linear-gradient(top, #222 0%, #45484d 100%);
  border-radius: 4px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}
.squaredThree label:after {
  content: '';
  width: 9px;
  height: 5px;
  position: absolute;
  top: 4px;
  left: 4px;
  border: 3px solid #fcfff4;
  border-top: none;
  border-right: none;
  background: transparent;
  opacity: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.squaredThree label:hover::after {
  opacity: 0.3;
}
.squaredThree input[type=checkbox] {
  visibility: hidden;
}
.squaredThree input[type=checkbox]:checked + label:after {
  opacity: 1;
}

/* end .squaredThree */

.form-group input[type="checkbox"]{
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;  

}
.form-group.checkbox label{
  margin-left:6px;
}
.form-group .checkmark{
  position: absolute;
  height: 17px;
  width: 17px;

  background-color: #F4F3EB;
  border: 1px solid #a9a9a9;
  /*opacity:40%;
*/
  cursor: pointer;
  left: 0;
  top: 4px;
}
.form-group .readonly .checkmark{
 background-color:#efefef;
}

.form-group .readonly{
  /* Theoretically for IE 8 & 9 (more valid) */
  /* ...but not required as filter works too */
  /* should come BEFORE filter */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 

  /* This works in IE 8 & 9 too */
  /* ... but also 5, 6, 7 */
  filter: alpha(opacity=50); 
  
  /* Modern Browsers */
  opacity: 0.5;
}
.form-group .readonly input:checked ~ .checkmark {


}
/* When the checkbox is checked, add a blue background */
.form-group input:checked ~ .checkmark {
  background-color: #8DC8E8;
  opacity:100%;
  border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark::after {
  content: "";
  position: absolute;
  display: none;
}






/* Show the checkmark when checked */
.form-group input:checked ~ .checkmark::after {
  display: block;
}

/* Style the checkmark/indicator */
.form-group .checkmark::after {
  left: 4px;
  top: -2px;
  width: 10px;
  height: 18px;
  border: solid #0067B1;
  border-width: 0 5px 5px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.smoke-gray{
 color:#808285;
}

.cfg-tooltip{
 display:inline-block;
 /* position:absolute; */
 top:-3px;
 margin-left:5px;
}
input.readonly,
label.readonly {
  pointer-events: none;
}
.reload{
 padding-top:5px;
 cursor:pointer;
}
.tooltip-inner {
    max-width: 350px !important;
    /* If max-width does not work, try using width instead */
    width: 350px !important; 
}

.scustyles {
  margin-top: 40px;
}

/* Subscription hiding */
.now-hiding, .superhide {
  display: none;

}

/* SCU opt outs */

.scu-optout {
  border-top: 1px solid rgba(0,0,0,.1);
  padding-top: 15px;
  margin-top: 30px;
}

.scu-optout .checkmark {
  top: 18px;
}