.modal .btn-close > span {
  display:none;
}

.loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 500ms infinite;      
    animation: ellipsis steps(4,end) 500ms infinite;
    content: "\2026"; /* ascii code for the ellipsis character */
    width: 0px;
  }
  @keyframes ellipsis {
    to {
      width: 1.25em;    
    }
  }
  @-webkit-keyframes ellipsis {
    to {
      width: 1.25em;    
    }
  }

a {text-decoration: none;}

a.this {text-decoration: underline; font-weight:bold;}

.percentage{
  font-weight:bold;
}

.form--range {width:100%;}


#editTestCodeField, .text-area {width:100%; height:50vh;}


.testStatus_live {background-color:#efe;}
.testStatus_paused {background-color:#fee;}
.testStatus_staging {background-color:#ffe;}
.testStatus_draft {background-color:#eef;}







.freeCRORule:before {
  display: inline-block;
  position: absolute;
  content: '=';
  line-height: 27px;
  color: #fff;
  width: 14px;
  height: auto;
  border-radius: 5px;
  background-color: #ddd;
  cursor: grab;
  text-align: center;
/*  margin-left: -16px;*/
  margin-top:10px;
}
div.freeCROdragging {background:transparent; color:transparent; outline:2px dashed black; opacity:0.5;position:relative;}
        

.selected {font-weight:bold;font-size:28px;}

.freeCRORulesLogic  {
  font-size: larger;
  font-weight: bold;
  text-align: center;
}

.ruleLogicValues {border-radius:5px; background-color:#f7f7f7;}

.freeCRORulesLogicOpenParenthesis, .freeCRORulesLogicCloseParenthesis   {text-align: center;}

.hideLogin #googleLogin, .hideLogin .g_id_signin {
  display: none;
}


.hideMain > .container { display:none;}

.permanentBusy #overlay {
  display: flex !important;
}

#overlay {
  display: flex;
  opacity:50%;
  width:100%;
  height:100%;
  position:fixed;
  z-index: 1000000;
  top:0;
  left:0;
  background-color:#000;
  color:white;
  font-weight:bold;
}

#overlay > div {
  margin:auto;
}

.chart {
  width:50%;
  display: inline-block;
}

.visitorsRow td.variantTotal {background-color:#bbf; font-weight:bold;}
.visitorsRow td.variantConvRate {background-color:#ccf;}


td.overallVariantConvRate, td.overallConvRate {opacity:0.6;}

td.variantTotal {background-color:#bff; opacity:0.6;}
td.variantConvRate {background-color:#cff; opacity:0.6;}

td.overallVariantConvRate {background-color:#fcf;}
.highlight {font-weight:bold;}
td.overallVariantConvRate.highlight { opacity:1;}

.visitorsRow td.variantTotal {background-color:#bbf; font-weight:bold; opacity:1;}
.visitorsRow td.variantConvRate {background-color:#ccf;}

.headerRow th, .visitorsRow td, .goalRow td {text-align:center;}

.headerRow th:nth-child(2n+2) { background-color:#bbb;}
.headerRow th:nth-child(2n+1) { background-color:#ddd;}

td.highlightVistConv {text-decoration: underline; font-weight:bold; opacity:1;}

tr.processing {
  background-color:#fcc;
}

.improvement.good {font-weight:bold;color:green;}
.improvement.danger {font-weight:bold;color:red;}