body {
  font-family: Arial, Helvetica, sans-serif;
  color:#fff;
}
a{
  color:#fff;
  text-decoration: none; 
}
	
#parent{
  max-width:800px;
  padding:10px;
  margin-left: auto;
  margin-right: auto;
}
.child {
  height:100%;
  margin:20px;
}

.copyright{
  padding:20px;
  text-align:center;	
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:18px;
  color:#fff;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
}
.powered{
  padding:0px;
  text-align:center;	
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:14px;
  color:#FEFCFF;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);
}
.alerttxt{
  padding:5px;
  text-align:center;	
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:16px;
  color:#fff;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);	
}
.alertred{
  padding:5px;
  text-align:center;	
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:16px;
  color:#FF2400;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);	
}	
.alertyellow{
  padding:5px;
  text-align:center;	
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:16px;
  color:#FFD801;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);	
}
.txt_info{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:16px;
  color:#fff;
  text-shadow: 3px 3px 5px rgba(0, 0, 0, 1);	
}
.logTable{
width:100%;
max-width:250px;
border=0;	
}
.container {
  background: url(../images/blk_75.png);
  margin-left: auto;
  margin-right: auto;
  max-width:255px;
  padding: 10px;
  border: 1px solid #848482;
  border-radius: 12px;
  -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}
.headtxt{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size:20px;
  padding-bottom: 10px;
  text-align:center;
}
form input[type=text], input[type=password] {
  width: 100%;
  font-size:16px;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
}
.inputIcon input[type="text"], input[type=password] {
  padding-left: 40px;
}
.inputIcon {
  position: relative;
}
.inputIcon i {
  font-size:24px;
  position: absolute;
  left: 0;
  top: 10px;
  padding: 9px 8px;
  color: #aaa;
  transition: 0.3s;
}
.inputIcon input[type="text"]:focus + i {
  color: #FBB117;
}
.inputIcon input[type="password"]:focus + i {
  color: #FBB117;
}
.inputIcon.inputIconBg i {
  background-color: #aaa;
  color: #fff;
  padding: 9px 4px;
  border-radius: 4px 0 0 4px;
}
.inputIcon.inputIconBg input[type="text"]:focus + i {
  color: #fff;
}
/* Hide Me */
.hideme{
  display:none;
  visibility:hidden;
}
/* Show Me */
.showme{
  visibility:visible;
}
.submit, .cancel{
  min-width:250px;
}
.submit {
	margin-top:10px;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-size: 16px;
    border-radius: 8px;
    border: solid 1px #6c6e70;
    background: linear-gradient(180deg, #5afa85 22%, #30de09 100%);
    text-shadow: 1px 1px 0px rgba(168, 166, 166, 0.9);
    box-shadow: inset -3px 1px 2px -12px #bbdaf7;
}
.submit:hover {
    background: linear-gradient(180deg, #30de09 22%, #5afa85 100%);
}
.submit:disabled {
    background: linear-gradient(180deg, #e6e6e6 5%, #a3a0a0 100%);
}
.submit:active {
    position: relative;
    top: 1px;
}
.submit-text {
    padding: 7px 30px;
    float: left;
}
.submit-icon {
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: rgba(0, 0, 0, 0.14) -1px 0px 0px inset;
    border-radius: 8px 0 0 8px;
    padding: 7px 10px;
    float: left;
}
.cancel {
	margin-top:10px;
    display: inline-block;
    cursor: pointer;
    color: #000000;
    font-size: 16px;
    border-radius: 8px;
    border: solid 1px #6c6e70;
    background: linear-gradient(180deg, #fab478 22%, #f57627 100%);
    text-shadow: 1px 1px 0px rgba(168, 166, 166, 0.9);
    box-shadow: inset -3px 1px 2px -12px #bbdaf7;
}
.cancel:hover {
    background: linear-gradient(180deg, #f57627 22%, #fab478 100%);
}
.cancel:active {
    position: relative;
    top: 1px;
}
.cancel-text {
    padding: 7px 30px;
    float: left;
}
.cancel-icon {
    border-right: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: rgba(0, 0, 0, 0.14) -1px 0px 0px inset;
    border-radius: 8px 0 0 8px;
    padding: 7px 10px;
    float: left;
}

@media only screen and (max-width: 800px) {
	.logo{
	width:300px;
    height:auto;
	}
	.child {
	 height:100%;
	 margin:10px;
	}
	.copyright{
	width:300px;
    height:auto;
	}
	.powered{
	width:200px;
    height:auto;
	}    
}
@media only screen and (max-width: 600px) {
	.logo{
	padding:10px;
	width:200px;
    height:auto;
	font-size:16px;
	}
	.child {
	 height:100%;
	 margin:5px;
	}	
	.copyright{
	padding:5px;	
	width:200px;
    height:auto;
	font-size:12px;
	}
	.powered{
	padding:3px;	
	width:100px;
    height:auto;
	font-size:8px;
	}      
}
/* ---------- SWITCH ---------- */   
.wrapper {
/* background: green;	*/
height: 38px;   
width: 250px;  
}  
.switch {  
background: #fff;  
border-radius: 4px;  
display: block;  
height: 30px;  
position: relative;  
/*width: 152px; */
width: 182px; 
border: 1px solid #bfb7aa;  
box-shadow: inset 4px 4px 4px 0px rgba(0,0,0,.1);  
}  
.switch label {  
color: #e84e24; 
font-size: 24px;  
font-weight: 300;  
line-height: 30px;  
font-family:Cabin;  
text-transform: uppercase;  
-webkit-transition: color .2s ease;  
    -moz-transition: color .2s ease;  
    -ms-transition: color .2s ease;  
    -o-transition: color .2s ease;  
width: 86px;  
}  
.switch label:nth-of-type(1) {  
left: 0px;  
position: absolute;  
text-align: center;   
}  
.switch label:nth-of-type(2) {  
position: absolute;  
right: 0px;  
text-align: center;  
color: #e84e24;  
}  
.switch input {  
cursor: pointer;  
height: 28px;  
left: 0;  
opacity: 0;  
position: absolute;  
top: 0;  
width: 152px;  
z-index: 2;  
}  
.switch input:checked~label:nth-of-type(1) { color: #fff; }  
.switch input:checked~label:nth-of-type(2) { color: #4CC417; }  /* Phone grey  #807a71*/
 
.switch input~:checked~label:nth-of-type(1) { color: #1569C7; }  /* Mail orange  #e84e24*/
.switch input~:checked~label:nth-of-type(2) { color: #fff; }  
 
.switch input:checked~.toggle {  
	left: 2px; 
	background: linear-gradient(180deg, #63B8EE 5%, #468ccf 100%);      /* Mail */
}
.switch input~:checked~.toggle {  
	left: 105px;  
	background: linear-gradient(180deg, #5afa85 22%, #30de09 100%);      /* Phone*/
}  
/* (Gray Slider Orginal)   .switch input~:checked~.toggle {  
left: 105px;  
	background-image: -webkit-linear-gradient(top, #ee5f38, #e84e24);  
    background-image: -moz-linear-gradient(top, #ee5f38, #e84e24);  
    background-image: -ms-linear-gradient(top, #ee5f38, #e84e24);  
    background-image: -o-linear-gradient(top, #ee5f38, #e84e24);  
}  */
.switch input:checked {  
z-index: 0;  
}  
.toggle { 
	font-size: 21px;
	color:#000;
	background: #4a4a4a;  
	border-radius: 4px;
	border: solid 1px #6c6e70;	
	height: 24px;  
	left: 0;  
	position: absolute;  
	top: 2px;  
	-webkit-transition: left .1s ease-in;  
    -moz-transition: left .1s ease-in;  
    -ms-transition: left .1s ease-in;  
    -o-transition: left .1s ease-in;  
	width: 74px;  
	z-index: 1;  
	background-image: -webkit-linear-gradient(top, #ee5f38, #e84e24);  
    background-image: -moz-linear-gradient(top, #ee5f38, #e84e24);  
    background-image: -ms-linear-gradient(top, #ee5f38, #e84e24);  
    background-image: -o-linear-gradient(top, #ee5f38, #e84e24);  
border: inset 1px solid #e84e24;  
}