/* input[type=text], select, textarea{  */
.frInpt{
  width:290px;
  padding:3px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  resize: vertical;
  font-size:12pt;
}

.frminp { display:none !important; }

.frInptSm {  width:200px;}

 

/* Style the label to display next to the inputs */
.frLab{
  padding: 0 5px 0 0; font-size:12pt;
  
}

/* Style the submit button */
.frSubmt {
  background-color: #3294b4;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;  
}

a.lnkBtn:link, a.lnkBtn:visited, a.lnkBtn:active { 
  display:inline-block; 
  margin:10px 0;
  background-color: #3294b4;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;     
}
 a.lnkBtn:hover { background-color: #ca5655;}


.frCont { 
  width:800px; margin:30px auto; 
  border-radius: 10px;
  background-color: #f2f2f2;
  padding: 20px 20px;
}

.frRow {  display: flex;  flex-direction: row; margin:12px 0; align-items:center;   }
.frRowTop { align-items:flex-start !important; }
.frRowTop .frCol-25 { padding-top: 6px;   }
.frCol-25 { 
  width:35%; text-align:right;   font-size:12pt;   
}

 
.frCol-75 {  
   width:65%;  
}

/* Clear floats after the columns */
 

.frSubtitle { font-size:15pt; color: #3294b4; }
.frSecttitle { font-size:13pt; }
.frSpace { height:20px;}

#athCont, .frInptAllo  {  width:70%; }

#athCont { display:flex;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  flex-wrap: wrap;
  position:relative;
  background-color:#ccc;
  color:#FFF;
  cursor:pointer;
 }
 
.athArrow{
    position: absolute;
    right: 0;
    top: 5px;
    cursor: pointer;
}

#dvInline {display:none; }
#dvInline2 {display:none; }
#dvInline3 {display:none; }
#dvInline4 {display:none; }
#athToggCont { position:relative;   padding:20px;  }
#athTogg { display:flex; flex-direction: row;flex-wrap: wrap;}
.athClmn { margin:3px; padding:4px; width:calc(20% - 14px);  background-color:#FFF; border-radius: 4px; }
.athTopCat { color: #069; display:flex; align-items:flex-start; font-size:10.5pt; }
.athInsCat {   display:flex;  align-items:flex-start;  font-size:10pt;  }
.imTog { cursor:pointer;}	
.icnPlus {cursor:pointer;}	

.dvTogg { margin:20px 0 10px 30px; display:none; }
.dvTogg > div { margin:3px 0; }

.orgLev1 { margin:5px 0; color:#3294b4; }
.orgLev2 { margin:0 0 0 30px; line-height:20pt;color:#000; font-size:10.5pt;  font-weight:bold; }
.orgLev3 { margin:0 0 0 30px; line-height:20pt; font-size:10.5pt; font-weight:normal;}



.ahrfMore { cursor:pointer; font-size:12pt; color:#3294b4; padding-left:10px}
	
	.dvMoreCont { display:none;   }
	.dvMoreBorder { padding:15px; background-color:#ffffff; margin:10px 0;border-radius: 8px; border:#3294b4 1px solid; display:inline-block;}
	
	.dvMoreIns { margin:15px 0; color:#3294b4;}
	.dvMoreIns * { margin:2px; }
	
	.labMore { margin-left:10px; } 


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;  
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  
  background-color: #3294b4;
  color: #fff;
  font-size:10pt; line-height:13pt;
  
  text-align: center;
  padding: 5px;
  border-radius: 6px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltip .tooltiptext {
   width: 220px;
   bottom: 110%;
   left: 420%;
   margin-left: -100px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
	

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */

@media screen and (max-width: 1200px) {
	 .athClmn { width:calc(25% - 14px);}
}
@media screen and (max-width: 900px) {
	 .athClmn { width:calc(33% - 14px);}
}
@media screen and (max-width: 768px) {
	 .athClmn { width:calc(50% - 14px);}
	 
	   .ahrfMore { display:block; }

}
@media screen and (max-width:600px) {
	 .athClmn { width:calc(90% - 20px); margin:5px 2px; padding:5px;}
}


@media screen and (max-width: 600px) {
  
  .frCont { width:90%; padding:20px 5%;}
  
  .frRow {   flex-direction: column;}
  
  .frCol-25{  text-align:left; padding-top:10px;}
  
  .frCol-25, .frCol-75, frSubmt {
    width: 100%;
    margin-top: 0;
	
  }
  
  #orgCont { padding-left:20px; }

  .frSubmt {width: 100%}
  
  #athToggCont { width:100%; }
  

}

@media screen and (max-width: 400px) {
  .frCont { margin:0 auto; }
  #athCont , .frInptAllo {  width:90%; }
    

}