html, body{
    position:relative;
    height: 100%;
}
footer{
    margin-top:0;
}
.ipad footer { position: absolute; }

@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    footer{ position:fixed;bottom:0; }
}
/*@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        footer{ position:fixed;bottom:0; }
    }*/
  /*.om_content{
    min-height: 100%;
  margin-bottom:-40px;
}*/

/*FOR AUTOCOMPLETE SEARCH BOX*/
/* .search .boxu{
    margin-top:2px;
}
#submit-suggest{
    margin-bottom:0;
    height:14px;
}*/
.single p{
    border-top: none !important;
}
input[type="text"]:not(.browser-default):disabled{
    border-bottom: 0px dotted rgba(0, 0, 0, 0.42);
}
#autocomplete{
    margin-bottom:0;
}
#autocomplete-bckg{
    margin-bottom:0;
}

#change_pass:focus {
    background-color: #983131;
}
.winIE .search .clear_input{
    top: 8px;
}
/*- separate Submit a little more  */   
.finish-log {
    margin-top: 45px;
}
#reset_pass label {
    left: 0;
}
#select_email > .row{
    margin-bottom: 0;
    width: 350px;
    text-align: left;
}
.list-email label input{
    height:13px;
}
.list-email label{
    line-height:25px;
    font-size: 14px;
}
.select_email{
    width: 80% !important;
    padding-left: 20px ;
    font-size: 18px !important;
}
label{
    color:black;
    text-align: left;
}
.confirmation{
    font-size : 15px !important;
}

/*body { overflow:hidden }*/
.row input{
        height:28px;
    }
.UpperMessage{
    color: #211d1a;
    font-size: 13px;
    margin: 0 auto;
    text-align: left;
    width: 350px;
}
.bottomLine{
    color: #211d1a;
    font-size: 11px;
    margin: 0 auto;
    text-align: left;
    width: 350px;
}
/*footer{position:absolute;}*/
 .search input[type="text"]:not(.browser-default):not(#autocomplete):not(#autocomplete-bckg){
            background: #e8e6e4 none repeat scroll 0 0;
 border: 1px solid #bdb1a7;
height: 25px;
width: 200px;
padding-left: 12px;
margin: 0;
        }
.form-login {
    /*background: #f1eeeb none repeat scroll 0 0;*/
    background: #fff none repeat scroll 0 0;
    margin: 0 auto; 
    width: 760px;padding-bottom: 20px;
}
.log {
    border: medium none;
}
#logo label {
    display: block;
    font-size: 14px;
    padding-bottom: 3px;
    text-align: left;color: #000;
}
#cancelAccess:hover { text-decoration:underline }
#cancel_change:hover { text-decoration:underline }


#logo div {
    margin: 0 auto;
    text-align: left;
    width: 405px;
}
#form2 input.invalid:not([type]) + label.active::after, 
#log input.invalid:not([type]) + label.active::after,
#form2 input.valid:not([type]) + label.active::after, 
#log input.valid:not([type]) + label.active::after, 
#form2 input.invalid[type="text"]:not(.browser-default) + label.active::after, 
#log input.invalid[type="text"]:not(.browser-default) + label.active::after, 
#form2 input.valid[type="text"]:not(.browser-default) + label.active::after, 
#log input.valid[type="text"]:not(.browser-default) + label.active::after, 
#form2 input.invalid[type="password"]:not(.browser-default) + label.active::after, 
#log input.invalid[type="password"]:not(.browser-default) + label.active::after, 
#form2 input.valid[type="password"]:not(.browser-default) + label.active::after, 
#log input.valid[type="password"]:not(.browser-default) + label.active::after, 
#form2 input.invalid[type="email"]:not(.browser-default) + label.active::after, 
#log input.invalid[type="email"]:not(.browser-default) + label.active::after, 
#form2 input.valid[type="email"]:not(.browser-default) + label.active::after, 
#log input.valid[type="email"]:not(.browser-default) + label.active::after, 
#form2 input.invalid[type="url"]:not(.browser-default) + label.active::after, 
#log input.invalid[type="url"]:not(.browser-default) + label.active::after, 
#form2 input.valid[type="url"]:not(.browser-default) + label.active::after, 
#log input.valid[type="url"]:not(.browser-default) + label.active::after, 
#form2 input.invalid[type="time"]:not(.browser-default) + label.active::after, 
#log input.invalid[type="time"]:not(.browser-default) + label.active::after, 
#form2  input.valid[type="time"]:not(.browser-default) + label.active::after, 
#log  input.valid[type="time"]:not(.browser-default) + label.active::after, 
#form2  input.invalid[type="date"]:not(.browser-default) + label.active::after, 
#log  input.invalid[type="date"]:not(.browser-default) + label.active::after, 
#form2  input.valid[type="date"]:not(.browser-default) + label.active::after, 
#log  input.valid[type="date"]:not(.browser-default) + label.active::after, 
#form2  input.invalid[type="datetime"]:not(.browser-default) + label.active::after, 
#log  input.invalid[type="datetime"]:not(.browser-default) + label.active::after, 
#form2  input.valid[type="datetime"]:not(.browser-default) + label.active::after, 
#log  input.valid[type="datetime"]:not(.browser-default) + label.active::after, 
#form2  input.invalid[type="datetime-local"]:not(.browser-default) + label.active::after, 
#log  input.invalid[type="datetime-local"]:not(.browser-default) + label.active::after, 
#form2  input.valid[type="datetime-local"]:not(.browser-default) + label.active::after, 
#log  input.valid[type="datetime-local"]:not(.browser-default) + label.active::after, 
#form2  input.invalid[type="tel"]:not(.browser-default) + label.active::after, 
#log  input.invalid[type="tel"]:not(.browser-default) + label.active::after, 
#form2  input.valid[type="tel"]:not(.browser-default) + label.active::after, 
#log  input.valid[type="tel"]:not(.browser-default) + label.active::after, 
#form2  input.invalid[type="number"]:not(.browser-default) + label.active::after, 
#log  input.invalid[type="number"]:not(.browser-default) + label.active::after, 
#form2  input.valid[type="number"]:not(.browser-default) + label.active::after, 
#log  input.valid[type="number"]:not(.browser-default) + label.active::after, 
#form2  input.invalid[type="search"]:not(.browser-default) + label.active::after, 
#log  input.invalid[type="search"]:not(.browser-default) + label.active::after, 
#form2  input.valid[type="search"]:not(.browser-default) + label.active::after, 
#log  input.valid[type="search"]:not(.browser-default) + label.active::after, 
#form2  textarea.materialize-textarea.invalid + label.active::after, 
#log  textarea.materialize-textarea.invalid + label.active::after, 
#form2  textarea.materialize-textarea.valid + label.active::after,
#log  textarea.materialize-textarea.valid + label.active::after { font-size:13px; }
#logo input {
    border: 1px solid black;
    height: 25px;
    margin-bottom: 25px;
    padding-left: 5px;
    width: 100%;
    background: #fff;
}
#form2 .row input, #log .row input { height:28px; }
#form2 .row input::-ms-clear, #log .row input::-ms-clear, #form2 .row input::-ms-reveal, #log .row input::-ms-reveal {
    display: none;
}
#form2 label, #log label { top:-4px; }
#form2 label, #log label.active { top:-4px; }
#form3 form {
    width: 350px;
    margin: 0 auto;
}
#form2 label.active, #log label.active { top: -4px }
.form-head p {
    color: #3f3b38;
    font-family: Josefin Sans;
    font-size: 42px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    padding-top: 15px;
}
.form-head {
    /*background: #dbd9d5 none repeat scroll 0 0;*/
    background: #fff none repeat scroll 0 0;
}
.meta-form > p {
     color: #211d1a;
    font-size: 11px;
    margin: 0 auto;
    text-align: left;
    width: 410px;
}
.meta-form {
    margin-bottom: 20px;
}
.meta-form a {
    color: #a9413f;
    font-weight: bold;
    text-decoration: none;
}
.meta-form a:hover {
    color: #b35c5b;
}
.loggedout_inactive { display:none;margin-bottom:15px; }
.loggedout_inactive p {
    color: #a9413f;
    font-size: 13px;
    font-weight: bold;
}
#form2 form, #log form { 
    padding-left: 28px;
    padding-right: 28px;
}
#passw a span {font-size: 11px;}
#passw a {
    color: #a9413f;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
}
#passw a:hover {
    color: #b35c5b;
	cursor:pointer;
}
.row input{
        height:28px;
    }
#passw {
    /*float: right;
    transition:right 0.2s ease-in 0s;
    top:21px;
	right:212px;
    padding-bottom: 6px;*/
	position:absolute;
	z-index:200;
	/*--*/
	bottom:0px;
	left:calc( 165px + 0.75rem);
}
/*fix click if forgot when field active*/
.show_hide.active { top:-7px;transition:top 0.2s ease-out 0s }
/* status message, make it look nicer (nicer smaller font, no upper case letters used, separate by a little)*/

.logg {
    font-size: 12px;
}

#logo label[for="password"] {
    position: absolute; margin-top: 5px;
}

#log_me, .log_btn {
     background: #695b4e none repeat scroll 0 0;
    border: 1px solid #58453a;
    border-radius: 14px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 4px 40px;
}
#log_me:hover, .log_btn:hover {
    background: #46423c;
    color: #f1eeeb;
}

#logo .finish-log {
    text-align: center;
    width: 392px;
}
#logo .info.logg {
     display: block;
    height: 10px;
    font-size: 10px;
    padding-top: 7px;
    position: relative;
    text-align: center;
}
#form1 #remember input{position: relative; left: 0px;top: 3px;  height: 16px; opacity: 1;}
.mac-os.ffox #form1 #remember input{top:1px;}

.disable-link {
     pointer-events: none;   
}

/** mail select **/
.mail-comp{
    display : none;
}

.email-label{
   /* color: #9e9e9e;
    float: left;
    font-size: 15px;
    padding-bottom: 10px;
*/
    color: #9e9e9e;
    float: left;
    padding-bottom: 9px;
    height: 100%;
}
select{
    display : block;
}
#mail-select {
    height: inherit;
    background: url(/img/ch_down_hover.png) no-repeat scroll right 7px center / 10px auto rgba(255, 255, 255, 0);
    border-radius: 0;
    color: black;
    font-size: 14px;
    border: 1px solid #dbdbdb;
    outline: none;
    font-family: arial;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-size: 12px 8px;
}

#mail-select:hover {
    border: 1px solid #a59f98;
    background: url(/img/ch_down_hover.png) no-repeat scroll right 7px center / 10px auto rgba(255, 255, 255, 1);
    background-size: 12px 8px;
}
#mail-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

.info{
    padding : 10px 0px;
}

/** end of mail select **/

#reset:focus{
    background-color: #46423c;    
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
    #form1 #remember input {
    top: 0px;
}
}

.logg{
    text-transform: lowercase;
}
.show_hide { position: absolute;top: 22px;right: 212px;/*transition: right 0.2s ease-in 0s;*/cursor: pointer; }
.shpwd { text-align: left;padding-left: calc( 165px + 0.75rem );position: relative;top: -20px; }
.forgot_link { padding-left: calc( 165px + 0.75rem );text-align: left;position: relative;top: -20px; }
.show_hide4 { position: absolute; left: 315px; bottom: 21px; cursor: pointer; }
.show_hide5 { position: absolute; left: 315px; bottom: 21px; cursor: pointer; }