body { 
margin:0;
font-family: 'Didact Gothic', sans-serif; 
font-size:11pt;
font-weight:normal;
background-color: #EEEEEE;
box-sizing: border-box; 
}

a:link, a:visited, a:hover, a:active {text-decoration: none;color:#3294b4;}
a:hover { color:#000}

.dvRegCtr { width:320px; margin:0 auto;  }

.dvFrmCont{   background-color:#FFF; border:#ccc 1px solid; padding:30px; }

.alertRed { color:#F00; }
.alertGreen { color:#060;}

.regLab { padding:15px 0 3px 0;   display:block;}

.regInpt {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
}

.regSubmt, a.lnkRegSubmt:link {
    background-color: #3294b4; 
	width:100%;
    color: white;
    padding: 12px 20px; margin:10px 0 20px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
	font-family: 'Didact Gothic', sans-serif; 
    font-size:11pt;
	text-align:center;
	font-size:13pt;
}

 
 
a.lnkRegSubmt:visited, a.lnkRegSubmt:active,a.lnkRegSubmt:hover  {  color: white;} 
 



.fxTopReg { display:flex; justify-content: space-between; }

.dCont {padding:5px; background-color:#fff; display:inline-block; text-align:center;border-radius: 8px; margin:10px 10px 0 0; line-height:16pt; width:50%; font-size:12pt }
.dTp1 { color:#3294b4; margin-bottom:10px;}
.dTpPrc { font-weight:bold;}
.dTpFpa { font-size:10pt;}
.dTp2 { font-weight:bold; margin-top:10px}

.dFxIns {display:flex; }

/* 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 */
}

.dvLogCont {display:flex}
.dvLog_1 {width:35%; margin:0 15% 0 0;}
.dvLog_2 {width:50%;}

.field-icon {
  float: right;
  margin-right: 8px;
  margin-top: -23px;
  position: relative;
  z-index: 2;
  cursor:pointer;
}

@media screen and (max-width: 760px) {
	  .fxTopReg, .dFxIns,  .dvLogCont  { flex-direction: column}
	  
	  .dvLog_1, .dvLog_2 {width:90%; margin:20px auto }
 
}