@charset "utf-8";
/* CSS Document */

.defbody{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction:row-reverse;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	padding:1em 7.5%;
}
@media screen and (max-width: 768px) {
	.defbody{
		display: block;
		padding:1em 5%;
	}
}

.flex1{
	flex:1;
	max-width: 300px;
	margin-right: 30px;
}
@media screen and (max-width: 768px) {
.flex1{
	max-width: initial;
	margin: 0;
	padding: 30px 0;
	}
}

.flex2{
	flex: 3;
        max-width:860px;
	padding-right: 50px;
}

@media screen and (max-width: 768px) {
	.flex2{
	padding-right: 0;	
	}
}
#MENU2{
	box-shadow: 0px 0px 4px 2px rgba(206, 206, 206, 0.5);
}

#MENU2{
	padding: 1rem;
}

@media print, screen and (max-width: 768px){
#FMENU{
	display: inline;
	position: fixed;
	width:100%;
	bottom: 0;
	z-index:10;
}
}

}
.form_table th{
background:#eee;
}
.form_table td{
padding-left:2rem;
}
.form_table tbody tr td:last-child{
border-bottom:1px solid #ddd;
}
.form_table .syssubmit{
margin:1rem;
}
input[type="text"]{
font-size:16px;
padding:0.5rem;
}
input, select{
font-size:16px;
padding:0.8rem 1.5rem;
}
.modmesg_label{
color:#505051;
}
label{
font-size:16px;
font-weight:bold;
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
input[type="radio"], 
input[type="checkbox"]{
-webkit-appearance: none;
  display: none;
}
label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
  background:#fff;
}
input[type="radio"]:checked + label{
  color: #93ad38;
}
input[type="radio"]:checked + label::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 11px;
  height: 11px;
  background: #93ad38;
  border-radius: 50%;
}
input[type="checkbox"]+label::before,
input[type="checkbox"]+label::after {
border-radius:0%;
}
      input[type="checkbox"]+label:before{
        content:"";
        display:block;
        width:16px;
        height:16px;
        border:solid 3px #ccc;
        box-sizing:border-box;
        position:absolute;
        left:0;
        transition:0.1s ease-in-out;
      }
      input[type="checkbox"]+label:after{
        content:"";
        display:block;
        background:none;
        transform:rotate(45deg);
        border:solid 3px #3cb371;
        border-top:0;
        border-left:0;
        width:10px;
        height:16px;
        left:5px;
        top:-5px;
        position:absolute;
        transition:0.2s ease-in-out;
        opacity:0;
      }
      input[type="checkbox"]{
       font-size:16px;
}
      input[type="checkbox"]:checked + label:after{
        transform:rotate(45deg);
        top:-7px;
        opacity:1;
      }
input[type="checkbox"]::after {
  opacity: 0;
  top: 50%;
  left: 3px;
  width: 8px;
  height: 4px;
  margin-top: -4px;
  border-left: 2px solid #3498db;
  border-bottom: 2px solid #3498db;
  -webkit-transform: rotate(-45deg) scale(.5);
  transform: rotate(-45deg) scale(.5);
}
input[type="checkbox"]:checked + label::before {
  background: #fff;
  border: 1px solid #3498db;
}
@media print,screen and (max-width: 768px){
.form_table table, .form_table thead, .form_table tbody, .form_table th, .form_table td, .form_table tr { 
display: block;
width:auto;
}
.form_table thead tr { 
position: absolute;
top: -9999px;
left: -9999px;
}
		
.form_table tr { 
display:block;
}
.form_table td { 
border: none !important;
border-bottom: 1px solid #eee; 
position: relative;
padding-left:0rem;
}
.form_table input, .form_table select{
max-width:100%;
}
		
.form_table td:before {
position: absolute;
top: 6px;
left: 6px;
width: auto; 
padding-right: 10px; 
white-space: nowrap;
}
/*Label the data*/
.form_table td:nth-of-type(1):before { content: ""; }
.form_table td:nth-of-type(2):before { content: ""; }
.form_table td:nth-of-type(3):before { content: ""; }
.form_table td:nth-of-type(4):before { content: ""; }
textarea {
width: 94% !important;
display: inline-block;
padding: 3%;
margin: 0;
}