@import "label_float.css" screen;

/************** Por default **********************/
input{
	margin-left : auto; 
	margin-right: auto; 
	font-size: 100.00%; /*16px*/
	cursor : auto; 
	border-style: none none solid none ; 
	border-color: #979797;
	border-width: 1px;
	font-family: Montserrat, sans-serif; 
	font-style: normal; 
	font-stretch: normal; 
	line-height: normal; 
	letter-spacing: -0.3px; 
	color: #383838;
	
	
}

input:focus{ 
	border-color: #3483fa; 
	border-width: 2px;
	/*line-height: 2px;*/

}
input[placeholder]{
	font-size: 100.00%; /*16px*/ border-style: none none solid none ; color: #8c8c8c;
}

.ml_content_cont {
	font-family: Montserrat, sans-serif; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: -0.3px;
    height: 100%;
    width:  100%;
}
    .ml_cont_body {
        height: 100%;
        position: relative;
    }
        .ml_contbody_up{
            background-color: #fff159;
            height: 51.20%;
        }
     
        .ml_contbody_dn{
            background-color: #f4f4f4;
            height: 42.20%;
        }
        
        .ml_footer_cont{
            height: 6.60%;
            background-color: #fcfcfc;
        }
            .ml_foot_tbl{
                display: table;
                height: 100%;
                width:  95%;
                margin-left: auto;
                margin-right: auto;
            }
        
            .ml_copyright {
                font-size: 62.50%;
                color: #949494;
                vertical-align: middle;
            }            
                .ft_copyright{
                    display: table-cell;
                    vertical-align: middle;
                    text-align: left;
                }
                .ft_links{
                    display: table-cell;
                    vertical-align: middle;
                }
                    .ft_links_cont{
                        display: table;
                        margin-right:0;
                        margin-left: auto;
                    }
                        .cr_con,
                        .cr_pol,
                        .cr_hlp{
                            display: table-cell;
                            vertical-align:middle;
                            text-align: center;
                            padding-left: 10px;
                            padding-right: 10px;
                        }
                        
                        .cr_pol{
                            border-left: 1px solid #949494;
                            border-right: 1px solid #949494;
                        }

/* LAYER DEL FORMULARIO LOGO Y TITULO */
        .form_layer{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 93.4%;
        }
            .form_margin{
                width: 100%;
                height: 7%;
            }
            .form_logo{
                background-image: url(../img/logo-ml.png);
                background-size: contain;
                background-repeat: no-repeat;
                background-position: center top;
                width : 100%;
                height: 20%;
            }
            .form_title{
                width : 100%;
                height: 10%;
                font-size: 137.50%; /* 22px  */
                color: #333333;
            }
                .form_title_tbl{
                    display: table;
                    width: 100%;
                    height: 100%;
                }
                    .form_title_cell{
                        display: table-cell;
                        vertical-align: middle;
                        text-align: center;
                    }
                
            .form_input{
                width : 100%;
                height: 49%;
            }
            
                .form_login{
                    display: block;
                    margin-left : auto;
                    margin-right: auto;
                    min-height : 200px;
                    min-width  : 320px;
                    max-width: 458px;
                    width : 100%; /*31.80%;*/;
                    height: 100%;
                    border-radius: 5px;
                    background-color: #ffffff;
                    box-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.3), 0 2px 4px 0 rgba(0, 0, 0, 0.3);
                }
                
                    .form_loginCont{
                        display: table;
                        width: 65.30%;
                        height: 100%;
                        margin-left : auto; 
                        margin-right: auto;
                    }
                    
                    .form_row{
                        display: table-row;
                    }
                    
                    .form_rowpass{
                        /*height: 20%;*/
                    }
                
                    .form_loginname{
                        display: table-cell;
                        vertical-align: bottom;
                    }   
                    
                    .form_loginpass{
                        display: table-cell;
                        vertical-align: bottom;
                    } 
                    
                    .form_goin{
                        display: table-cell;
                        vertical-align: middle;
                    }
                    
                    .form_create{
                        display: table-cell;
                        vertical-align: top;
                    }
                    
                /* FORMATOS GLOBALES DEL FORMULARIO */
                    
                .form_inputctl{
                     display: block;
                     position: relative;
                     width   : 100%;
                     margin-left : auto;
                     margin-right: auto;
                     cursor : auto;
                     border-style: none none solid none ;
                     font-size: 100%;
                     color: #383838;
                     outline: none;
                }
                 
                .form_labelctl{
                    position: relative;
                    visibility: visible;   
                }
                  
                .form_btnctl{
                    margin-left: auto; 
                    margin-right: auto;
                    width  : 100%;
                    padding-top   :  3.35%;
                    padding-bottom:  3.35%;
                    border-radius: 5px;
                    border: none;
                    background-color: #3483fa;
                    font-size: 112.50%;
                    color: #ffffff;
                    cursor: pointer;
                    text-align: center
                }
                .form_btnctl:hover{
                    background-color: #76aaf9;
                }
                
                .form_txtctl{
                    margin-left: auto; 
                    margin-right: auto;
                    width  : 100%;
                    font-size: 112%; 
                    color: #3483fa;
                    cursor: pointer;
                    text-align: center;
                 }
                 
                 .form_forget{
                     position: relative;
                     text-align: right;
                     left: 83%;
                     top: -4.5em;
                     color: #3483fa;
                     font-size: 68.75%;
                     cursor: pointer;
                 }
              
                .form_errorctl{
                    display: block;
                    position: relative;
                    top: +3.2em;
                    left: 0;
                    font-size: 75%;
                    text-align: left;
                    color: #f04449;
                    opacity: 0;
                    transition: opacity 2s;
                } 