.w-100{
  width:100%;
}

.collection-top-btn-container{
  margin-top:30px;  
}

.btn-clear{
  background:transparent!important;
  color:#333!important;
  outline: none !important;
  border: none !important;
}

.btn-clear:focus{
  background:transparent!important;
  color:#333!important;
  outline: none !important;
  border: none !important;
}
.btn-clear:active{
  background:transparent!important;
  color:#333!important;
  outline: none !important;
  border: none !important;
}

.gform_button {
  font-size: 16px!important;
  font-weight: normal!important;
  margin: 3px 0!important;
  min-width: 80px!important;
  border-radius: 4px!important;
  -webkit-border-radius: 4px!important;
  -o-border-radius: 4px!important;
  transition: all .4s ease-in-out 0s!important;

  padding: 8px 16px!important;
  outline: none!important;
  border: none!important;

  color: #fff!important;
  background-color: #428bca!important;
  border-color: #357ebd!important;
}

.test-results-table{
  width:100%;
}

.test-results-table thead{
  border: 1px solid #ddd;
}

.test-results-table thead tr{
  width:100%;
}

.test-results-table thead tr th{
  padding: 8px 10px;
  border-left: 1px solid #ddd;
}

.test-results-table-border-row {
  border: 1px solid #ddd;
}

.test-results-table-entry td{
  padding:5px;
}

.test-results-mobile-text-row{
  width: 100%;
  display:flex;
}

.test-results-mobile-text-col{
  flex: 50%;
}

.test-results-mobile-text-col label{
  font-weight:bold;
  padding-right:6px;
}

.light-white-bg {
  background: #fafafa;
}

.no-test-results-row{
  border: 1px solid #ddd;
}

.no-test-results-row td{
  text-align:center;
  background: #fafafa;
  padding:50px;
}

.no-test-results-row td a{
  font-weight: bold;
  color:dodgerblue;
}

.consent-collaspe-btn{
  width: 100%!important;
  background: #fafafa!important;
  text-align: left!important;
  border: 1px solid #ddd!important;
  font-size: 1.5rem!important;
  border-radius: 0!important;
  margin: 0!important;
}

.consent-collaspe-container{
  border: 1px solid #eee;
  padding: 15px;
}


.half-circle-spinner-container {
  width:100%;
  text-align:center;
  padding: 20px;
}

.half-circle-spinner {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    position: relative;
    margin: auto;
}

.half-circle-spinner .circle {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    border: calc(60px / 10) solid transparent;
}

.half-circle-spinner .circle.circle-1 {
    border-top-color: dodgerblue;
    animation: half-circle-spinner-animation 1s infinite;
}

.half-circle-spinner .circle.circle-2 {
    border-bottom-color: dodgerblue;
    animation: half-circle-spinner-animation 1s infinite alternate;
}

@keyframes half-circle-spinner-animation {
    0% {
        transform: rotate(0deg);

    }
    100%{
        transform: rotate(360deg);
    }
}

.m-0{
  margin:0;
}
.font-weight-bold{
  font-weight: bold;
}

.text-center{
  text-align:center;
}

/* The Modal (background) */
.mlc-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 100; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.mlc-modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  border-radius: 4px;;
  width: 80%; /* Could be more or less, depending on screen size */
}


.w-lg-60{
  width:60%;
  margin:auto;
}

.w-lg-40{
  width:40%;
  margin:auto;
}
.w-lg-33{
  width:33%;
}
.no-mobile{

}

.update-result-btn{
  margin-left: 0!important;
  margin-right: 0!important;
  margin-bottom:10px!important;
}

.mb-0{
  margin-bottom:0!important;
}

.mt-3{
  margin-top:3rem!important;
}

.visable-but-disable:disabled{
  background: #fafafa!important;
  color: #333!important;
}

.red-placeholder input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}

.red-placeholder input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

.red-placeholder input::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}

#input_2_94_3{
  height: 32px;
}


.x-custom-select {
  position: relative;
  width: 100%;
  text-align: left;
  outline: none;
  height: 32px;
  line-height: 32px;
}

.x-custom-select .selected {
  border: 1px solid #ddd;
  padding-left: 0.5rem;
  cursor: pointer;
  user-select: none;
  height: 32px;
  line-height: 32px;
}

.x-custom-select .selected.open {
  border-bottom: 2px solid #44bd32;
  border-radius: 0;
}

.x-custom-select .selected:after {
  position: absolute;
  content: "";
  top: 15px;
  right: 1em;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-color: #555 transparent transparent transparent;
}

.x-custom-select .items {
  border-radius: 0;
  overflow: hidden;
  border-right: 1px solid #eee;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  position: absolute;
  background-color: white;
  left: 0;
  right: 0;
  z-index: 1;
  max-height: 200px;
  overflow-y: scroll;
}

.x-custom-select .items div {
  cursor: pointer;
  user-select: none;
}

.x-custom-select-list-item{
  margin-bottom:0.5rem;   
  padding-left: 8px;
  padding-right: 8px;
}

.x-custom-select-list-item:hover {
  background-color: dodgerblue!important;
  color: white;
  cursor:pointer;
}
.x-custom-select .items .form-group:hover {
  background-color: inherit;
  color: inherit;
}

.x-custom-select-add{
  border-top: 1px #ddd solid;
  padding-left: 8px;
  padding-right: 8px;
  cursor: pointer;
  user-select: none;
  color:#666;
  font-size: 80%;
  font-weight: bold;
}

.x-custom-select-add:hover {
  background-color: #44bd32;
  color: white;
}

.x-custom-select-load:hover {
  background-color: white!important;
}

.mt-2{
  margin-top:2rem;
}

.py-3{
  padding-top:2rem;
  padding-bottom:2rem;
}

.ginput_container_date input{
  width:100%;
}

@media (max-width: 992px) { 

  .ginput_container_select{
    border:1px #444 solid!important;
  }
  .no-mobile{
    display:none;
  }
  .w-lg-60{
    width:100%;
    margin:auto;
  }
  .w-lg-40{
    width:100%;
    margin:auto;
  }

  .w-lg-33{
    width:100%;
  }
}