body{
    background: url(https://images.insurewithcompass.com/bkgnds/extra_clean_paper.webp);
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

#loginLogo {
    vertical-align: middle;
    border-style: none;
}

.infoText{
    color: rgba(0,86,179,100%);
}

.navbar{
    background-color: rgba(0,86,179,100%);
    min-width: 100vw; 
}

.navbar li.active.nav-item{
    font-weight: bolder;
    text-decoration: underline;
    color: rgba(255,255,255,100%);
}

#loginContainer{
    background-color: white;
    border-radius: 15px;
    width: 350px;
}

.card-header{
    background-color: #194768;
    color: white;
}

label{
    font-size: 12pt;
    margin-bottom: 0.1rem;
    margin-top: 0.2rem;
    padding-left: 8px;
}

.detailCard{
    background-color: rgba(255, 255, 255, 65%)
}

.whiteBG{
    background-color: white;
}

.fill{
    padding-left: 10px;
    height: 100%;
    min-height: calc(100vh - 80px);
    border-left: 2px solid rgb(200,200,200);
}
.removeRightMargin{
    margin-right: 0px;
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
  }

#agentProfile{
    top: 40px;
    margin-right: 40px;
    left: unset;
}

.btn span.fa-check {    			
	opacity: 0;				
}

.btn.active span.fa-check {				
	opacity: 1;				
}

#dayList .btn, #editDayList .btn{
    padding-right: 6px;
    padding-left: 6px;
}

label.btn.btn-light{
  border: solid 1px #d3d4d5;
}

label.btn.btn-light.active{
  border: solid 1px #b1b1b1;
}

#addFundsLink:hover{
  cursor: pointer;
  color:rgba(0,86,179,100%);
}

#addFundsLink{
  color: #00a2fd;
}

.locationBox{
  width:100%; 
  /*height:200px; */
  border: solid 1px rgb(200,200,200);
}

#stateCheckboxList{
  column-count: 3;
  column-gap: 1.25rem;
  list-style: none;
  padding-left: 0rem;
}
.countyListForState{
  column-count: 3;
  column-gap: 1.25rem;
  list-style: none;
  padding-left: 0rem;
}

.agentCheckList, .stateCheckList, .campaignCheckList{
  column-count: 5;
  column-gap: 1.25rem;
  list-style: none;
  padding-left: 0rem;
}
.leadTypeList{
  column-count: 2;
  column-gap: 1.25rem;
  list-style: none;
  padding-left: 0rem;
}

.form-check-input{
  margin-top: 0.55rem;
  margin-left:-0.55rem;
}

.nav-pills .nav-item {
  background-color: #f8f9fa;
  border: solid 1px #b1b1b1;
  color: black;
  border-radius: 0.25rem;
}

.nav-pills .nav-item .active {
  background-color: #dae0e5;
  color: black;
}

.nav-pills .nav-item a{
  padding: 3px;
  color:black;
}

#zipCodeListField,#ZipmodalError{
  margin:5px;
  width: calc(100% - 10px);
}

iframe{
  border: none;
  overflow: hidden;
}

.responsiveIframe{
  overflow: hidden;
  position: relative;
  padding-top: 56.25%;
  height: 555px;
}

.iFrameResponsive{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.orderStatus {
  width: 66px;
}
.small-text{
  font-size: 10pt;
}

.credit{
  color:black;
}

.debit{
  color: red;
}

#agentImage:hover{
  cursor: pointer;
}

#orderSummaryTable .td{
  border-top: solid 0px rgba(0,0,0,0);
}

.table#orderSummaryTable .vendorRow{
  border-top: solid 2px black;
}

.table#orderSummaryTable tr.odd {
  background-color: #194768;
}

.table#orderSummaryTable tr.even {
  background-color: rgba(0,86,179,100%);
}

.table#orderSummaryTable .verticalRow td.verticalCell{
  border-top: solid 1px black;
}
.table#orderSummaryTable .vendorCell{
  background-color: rgba(255,255,255,.9);
}

.table#orderSummaryTable .verticalCell{
  background-color: rgba(255,255,255,.85);
}

.table#orderSummaryTable td.leadCell{
  border-top: solid 1px rgba(90,90,90,.5);
  background-color: rgba(255,255,255,.75);
}

.table#orderSummaryTable thead{
  color: white;
  background-color: #194768;
}