/*CLEARFIX*/
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/*ESTRUCTURA*/
.center{width: 1006px;margin:0 auto;} 
.left{float: left}
.right{float: right}
#footer .left{padding:0px 0px 0px 10px;}
#footer .right{padding:0px 10px 0px 0px ;}
body {background: #ececec;padding: 0px;margin: 0;height: 100vh;}
.containertwocolumn {margin: 0 auto;width: 1400px}

.user-content-account {padding: 0;margin: 0%;width: 420px;display: block;box-sizing: border-box;top: 45%;left: 50%;transform: translateX(-50%) translateY(-50%);position: absolute;}
.forgotform_cont,
.user-content-account .fieldset {margin: 0 0 10px 0;background: #f9f9f9;border: 1px solid rgb(231, 231, 231);padding: 7px 7px 8px;border-radius: 5px;}
.user-content-account .row label {width: 125px;}
.user-content-account .footer {position: absolute;bottom: 0;}

    .user-content-account img.logo {
        display: inline-block;
        margin-bottom: 20px;
        margin-top: -10px;
        /*width: 200px;
        height: 200px;*/
    }

.footer {position: absolute;bottom: 0;background: #616161;width: 100%;text-align: center;color: #fff;font-family: sans-serif;font-size: 14px;padding:10px 0 10px 0}
.footer a {color: #92b8de;text-decoration: none;}
.footer a:hover {text-decoration: underline;}

.containertwocolumn {}
.user-content-account {text-align: center;}
    /*.user-content-account img.logo {
        width: 290px;
        height: 200px
    }*/
.user-content-account .row label {}
.user-content-account .row .icon {float: right;}
.user-content-account .row.submit{padding-top:0}
.user-content-account .row.submit label.profile-label {display: none}
.user-content-account .row textarea, .user-content-account .row input {width: calc(100% - 96px);padding:  5px 8px;line-height: 40px;height: 33px;width: calc(100% - 33px);}

.forgotform_cont input[type="text"]{
  
width: calc(100%  - 33px);
  
font: normal 14px/27px sans-serif;
  
/* vertical-align: top; */
  
padding: 5px 8px;
  
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  
font-size: 1em;
  
color: rgb(51, 51, 51);
  
border: none;
  
border-bottom: 1px solid rgb(255, 255, 255);
  
border-right: 1px solid rgb(255, 255, 255);
  
backgroud: #eeeeee;
  
-webkit-border-radius: 6px;
  
-moz-border-radius: 6px;
  
border-radius: 6px;
  
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.12);
  
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12);
  
-webkit-transition: background-color 0.2s ease;
  
-moz-transition: background-color 0.2s ease;
  
-o-transition: background-color 0.2s ease;
  
transition: background-color 0.2s ease;
  
height: 33px;
  
margin-top: 2px;
  
line-height: 40px;
}


#forgotsubmit, #submitbtn {border: none;text-indent: 0;transition: none;line-height: normal;}

.ForgotPassword {color: #4f85bb;margin: 10px;font-size: 13px;text-decoration: none;}

.ForgotPassword:hover {text-decoration: underline;}

#spnmsg {
    position: relative;
    left: 50%; /* top: 294px; */
    display: block;
    text-align: center;
    width: 416px;
    color: white; /* white-space: nowrap; */ /* background: red; */
    z-index: 111;
    font-size: 13px;
    background: rgba(255, 10, 10, 027);
    margin-left: -208px;
    border-radius: 5px;
    line-height: 22px;
}

    #spnmsg a {
        color: white;
        cursor: pointer;
        text-decoration: underline
    }


.forgotform_cont {
    padding: 0;
    margin: 0%;
    /*width: 420px;*/
    display: block;
    box-sizing: border-box;
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translateX(-50%) translateY(-50%); */
    /* position: absolute; */
    /* background: rgba(104, 103, 103, 0.31); */
    /* border: 1px solid rgb(0, 0, 0); */
    margin-bottom: 10px;
    color: #000;
    font-family: sans-serif;
    text-align: center;
    margin: 0px 0 10px 0;
    background: #f9f9f9;
    border: 1px solid rgb(231, 231, 231);
    padding: 17px 17px 10px;
    border-radius: 10px;
}

.forgotform_cont h1{padding-bottom: 2px;margin:0;font-size: 19px;font-weight: normal;padding-top: 6px;}




.forgoten{
     
margin-top: 3px;
     
display: inline-block;
}

#registerbtn {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 4px;
    background: #da4a41;
    margin: 0 0 0 6px;
    color: #fff;
}



.forgotform .submitcancel .cancelsubmit, #registerbtn {
    background: #da4a41;
}
    .forgotform .submitcancel .cancelsubmit:hover, #registerbtn:hover {
        background: #c33d35;
        text-decoration: none;
    }
    .forgotform .submitcancel .cancelsubmit:active, #registerbtn:active {
        background: #ff5722;
    }

    
    #forgotsubmit:hover, #submitbtn:hover {
        background: rgb(89, 145, 202);
    }

    #forgotsubmit:active, #submitbtn:active {
        background: rgb(114, 175, 236);
    }
.forgotform{}
.forgotform{}
.forgotform  .submitcancel{padding: 0px 0 0 0px;text-align: center;display:inline-block}
.forgotform .row{padding: 0px;padding-top: 10px;}
/*.forgotform  input{float: none;border:none; background:url(../img/login/input_recover.png) left top no-repeat;height:62px;width: 324px;padding:0 15px;font:normal 30px/41px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif}
.forgotform  input:focus{border:none;outline:none;background-position:left bottom }*/
.forgotform .row input.submit{width: 194px;height:65px;background: url(img/submit_recover.png) center top no-repeat;margin: 12px auto 0;}
.forgotform .submit:hover{background-position: center -66px;}
.forgotform .submit:active{background-position: center -132px;}
/*.forgotform .submitcancel input.cancelsubmit{width: 194px;height:65px;background: url(img/loginbuttons-cancel.png) center top no-repeat;margin: 12px auto 0;}*/

#forgotsubmit {}

#submitbtn,
#forgotsubmit,
.forgotform .submitcancel .cancelsubmit {
    display: inline-block;
    border-radius: 6px;
    color: #fff;
    font-size: 18px;
    background: rgb(79,133,187);
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    font-family: 'proxima nova', arial;
    margin: 0 3px;
}

#forgotsubmit ,.forgotform .submitcancel .cancelsubmit{
  width:100px;
  display: inline-block;
}

#playstoreanchor img, #appstoreanchor img {
    width: 200px;
    height: 50px;
}

@media all and (max-width:768px) and (orientation : portrait) {
    #spnmsg { /* position: static; */
        display: block;
        text-align: center; /* width: 408px; */
        color: white; /* white-space: nowrap; */
        font-size: 15px;
        text-shadow: 0px -1px 0px #000;
        background: rgba(214, 33, 33, 0.95);
        padding: 5px 0; /* margin: 0; */
    }
}

@media (-webkit-min-device-pixel-ratio: 1.5) {
    #spnmsg {
        /*width:calc(100% - 20px);*/
        margin: 0 auto;
        position: static;
        /*width:90%;*/
    }
}

@media (-webkit-min-device-pixel-ratio:2) {
    #spnmsg {
        width: calc(100% - 20px);
        margin: 0 auto 1px;
        position: static;
        line-height: 1.4em;
        text-shadow: none;
        letter-spacing: 0;
        max-width: 400px;
    }
}

@media (max-width: 600px) {

    body {
        background-size: auto !important;
    }

    .user-content-account {
        width: 94%;
        margin: 0 0 10px;
        /* box-sizing: border-box; */
    }

    .forgotform_cont {
        margin: 0 0 10px;
        /* box-sizing: border-box; */
    }

    #footer {
        font-size: 12px
    }

        #footer .left {
            padding: 0px 0px 10px 10px;
        }


    .forgotform_cont, .user-content-account .fieldset {
        padding: 6px;
    }

    #storeicons {
        margin-top: 10px !important
    }

    .user-content-account .row {
        padding: 3px
    }

        .user-content-account .row input {
            height: 25px;
            line-height: 20px
        }


    #submitbtn {
        width: 94%;
        height: 34px;
    }

    .user-content-account img.logo {
        /*width: 110px !important;
        height: 110px !important;*/
        margin: 0;
    }

    #appnamespn {
        /*display: block !important;*/
    }

    #footer .right {
        display: none !important;
    }

    #logoanchor {
        font-size: 18px
    }

    #playstoreanchor img, #appstoreanchor img {
        width: 74%;
        height: auto;
        border: 1px solid rgba(255, 255, 255, 0.24);
        border-radius: 13px;
        margin-bottom: 2px;
    }
}