@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato);

/* 
START BASIC TAG 
---------------------------------- 
*/
body { font-size: 14px; color:#201F06; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; }
h1 { font-size:1.5em; margin:0px 0 0px 0px; padding:0 0px 0 0px; letter-spacing: 0.2em; font-weight:normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#002D5B; text-transform:uppercase; } 
h2 { font-size:1.1em; font-family:Verdana, Geneva, sans-serif; }
h3 { font-size:1.1em; font-family:Verdana, Geneva, sans-serif; }
p { line-height: 22px;	 }
ul { }
ul li { line-height: 22px; }
a { color:#201F06; }
a:hover { text-decoration:underline; }
img { border-width:0px; }
/* 
---------------------------------- 
END BASIC TAG 
*/ 

#Container { width: 100%; margin: 0px auto 0px auto; padding:0px 0px 0px 0px; text-align: center; }
#MainControlAccess { margin:5% 0 0 0; padding:0% 10% 8% 10%; border:0px solid #CCC; background-color:#FFF; }
h1 { border:0; color:#444; }

.mycheck {
   display: inline-flex;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  color: #fff;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  width: 24px;
  height: 24px;
  appearance: none;
  border: 2px solid #888;
  background-position: 0 -2rem;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
}
.mycheck:checked {
  background-color: rgb(75, 156, 13);
  color: rgb(75, 156, 13);
  background-position: 0 0;
} 

/* 
START FORMULARY CLASSIC
----------------------------------
*/


#Formulary { padding:0px 0% 0 0%; margin-top:40px; padding-bottom:100px; }

#Formulary .ImputGroup, #Formulary .ImputGroupSubmit { padding: 0px 0px 8px 0px; margin:0 0 10px 0; background-color:#F0F0F0; }
#Formulary .ImputGroupSubmit { background-color:#E4E4E4; padding: 25px 0px 120px 0px; text-align:center; }
#Formulary .ImputGroup h2 { margin:0px 0px 0px 0px; padding:8px 0px 8px 0px; background-color:#8db525; text-align:center; color:#FFF; font-size:1em; } 
#Formulary .ImputGroup h3 { margin:15px 1% 5px 1%; padding:2px 0px 2px 0px; border-bottom:1px dotted #003535; border-top:1px dotted #003535; text-align:center; color:#003535; font-size:1em; text-transform:uppercase; } 
#Formulary .ImputGroup p a { color:#003535; font-weight:bold; text-decoration:underline; }
#Formulary .ImputGroup p a:hover { text-decoration:none;  }
#Formulary .ImputGroupWrapper { margin:0px 0px 8px 0px; padding:8px 1% 0px 1%; }
#Formulary hr { margin: 5px 20px 5px 20px; border-top-color:#E4E4E4; }


#Formulary .FormItem { margin:0 0 7px 0; }
#Formulary .FormItem .Alert { color:#F00; font-weight:bold; }

#Formulary .FormItem .FormItemLabel { float:left; width:24%; padding:15px 1% 0 0; text-align:right; font-weight:bold; }
#Formulary .FormItem .FormItemLabelTextArea { float:left; width:24%; padding:15px 1% 0 0; text-align:right; color:#4a4a4a; font-weight:bold; }
#Formulary .FormItem .FormItemLabelList { float:left; width:24%; padding:15px 1% 0 0; text-align:right; color:#4a4a4a; font-weight:bold; }
#Formulary .FormItem .FormItemLabelCheckbox { float:left; width:24%; padding:15px 1% 0 0; text-align:right; color:#4a4a4a; font-weight:bold; }
#Formulary .FormItem .FormItemLabelRadio { float:left; width:24%; padding:15px 1% 0 0; text-align:right; color:#4a4a4a; font-weight:bold; }


#Formulary .FormItem .FormItemResult { float:left; width:75%;  }
#Formulary .FormItem .FormItemResultTextArea { float:left; width:75%; }
#Formulary .FormItem .FormItemResultList { padding:3px 0px 0px 0px; float:left; width:75%; }
#Formulary .FormItem .FormItemResultCheckbox { padding:5px 0px 0px 0px; float:left; width:75%; }
#Formulary .FormItem .FormItemResultRadio { padding:5px 0px 0px 0px; float:left; width:75%; }


#Formulary .CheckboxWrapper5 { float:left; width:18%; padding:0 1% 0 1%; margin:0 0 10px 0; }
#Formulary .CheckboxWrapper4 { float:left; width:23%; padding:0 1% 0 1%; margin:0 0 10px 0; }
#Formulary .CheckboxWrapper3 { float:left; width:31%; padding:0 1% 0 1%; margin:0 0 10px 0; }
#Formulary .CheckboxWrapper2 { float:left; width:48%; padding:0 1% 0 1%; margin:0 0 10px 0; }

#Formulary .Imput, #Formulary .ImputTextArea { padding:10px 10px 10px 10px; margin:0px; border:1px #E6E4D1 solid; font-size:1em; color:#000; border-radius: 8px; }
#Formulary .Imput { height:28px; width:80%; text-align: center; font-weight: bold; }
#Formulary .ImputTextArea { width:80%; }
#Formulary .Submit { border:0px; padding:0px 0px 0px 0px; margin:0px 10px 0px 10px; color:#FFF; font-weight: bold; height:65px; width:35%; background-color:#003535; border-radius: 8px; }
#Formulary .List { font-size:1em; padding:4px 3px 4px 3px; border:#E6E4D1 solid 1px; }

#Container .ListBox { font-size:0.9em; border:#E6E4D1 solid 1px; }

.OptionCheck {
   display: inline-flex;
  align-items: center;
  cursor: pointer;
  background-color: #fff;
  color: #fff;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
  width: 24px;
  height: 24px;
  appearance: none;
  border: 2px solid #888;
  background-position: 0 -2rem;
  background-size: 100%;
  background-repeat: no-repeat;
  transition: all 0.3s ease-in-out;
}
.OptionCheck:checked {
  background-color: rgb(75, 156, 13);
  color: #8db525;
  background-position: 0 0;
} 
/* 
----------------------------------
END FORMULARY CLASSIC
*/