html,
body {
    height: 100%;
}
  

input[type=text] {
    /*border: 2px solid red !important;*/
    border-radius: 0px !important;
    display: block;
    margin: 0 auto;
    width: 90%;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    height: 45px;
    line-height: 45px;  
    margin-bottom: 10px;
    font-size: 1em;  
    font-size: 14px;
}
input[type=password] {
    /*border: 2px solid red !important;*/
    border-radius: 0px !important;
    display: block;
    margin: 0 auto;
    width: 90%;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    height: 45px;
    line-height: 45px;  
    margin-bottom: 10px;
    font-size: 1em; 
    font-size: 14px;
}

widget[type=text] { 
    display: block;
    margin: 0 auto;
    width: 90%;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.2);
    height: 45px;
    line-height: 45px;  
    margin-bottom: 10px;
    font-size: 1em; 
    font-size: 14px;
    border-radius: 0px !important;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
   text-align: center;
}


select {
    display: block  !important;
    margin: 0 auto  !important;
    width: 90%  !important;
    border: 0  !important;;
    border-bottom: 1px solid rgba(0,0,0,.2)  !important;
    height: 45px  !important;
    line-height: 45px  !important; 
    margin-bottom: 0px  !important;
    font-size: 1em  !important;
}

.checkbox { 
    text-align: center;
}
.field-signupform-captcha { 
    text-align: center;
    /*width: 50%;*/
}
 
  
.panel {
    border-radius: 0px;
}
 

@media screen and (max-width:640px) {
    
#filter_div{
    background:#57e4c1 !important;
}
   
    
#figure_banner {
    /*background-image: url(../images/banner_login.jpg);*/
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 0;
    background: #a5e8d2;
}    
input[type=text] {
    /*border: 2px solid red !important;*/
    border-radius: 0px !important;
    display: block;
    margin: 0 auto;
    width: 90%;
    border: 0; 
    border-bottom: 1px solid #57e4c1 !important;
    height: 45px;
    line-height: 45px;  
    margin-bottom: 10px;
    font-size: 1em;  
    font-size: 14px;
}
input[type=password] {
    /*border: 2px solid red !important;*/
    border-radius: 0px !important;
    display: block;
    margin: 0 auto;
    width: 90%;
    border: 0;
    border-bottom: 1px solid #57e4c1 !important;
    height: 45px;
    line-height: 45px;  
    margin-bottom: 10px;
    font-size: 1em; 
    font-size: 14px;
}

widget[type=text] { 
    display: block;
    margin: 0 auto;
    width: 90%;
    border: 0;
    border-bottom: 1px solid #57e4c1 !important;
    height: 45px;
    line-height: 45px;  
    margin-bottom: 10px;
    font-size: 1em; 
    font-size: 14px;
    border-radius: 0px !important;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
   text-align: center;
}


select {
    display: block  !important;
    margin: 0 auto  !important;
    width: 90%  !important;
    border: 0  !important;;
    border-bottom: 1px solid #57e4c1 !important;
    height: 45px  !important;
    line-height: 45px  !important; 
    margin-bottom: 0px  !important;
    font-size: 1em  !important;
}

.checkbox { 
    text-align: center;
}
.field-signupform-captcha { 
    text-align: center;
    /*width: 50%;*/
}
[type=submit] {
     margin-top: 25px;
    width: 90%;
    border: 2px solid #9df9e2;
    background-color: #ffffff !important;
    border-radius: 0px;
    /* height: 50px; */
    color: #57e4c1;
    font-weight: bold !important;
 
} 
 
.btn-primary {
    border-radius: 0px !important;
    color: #57e4c1 !important;
    background-color: #ffffff !important;
    border-color: #9df9e2 !important;
} 

.panel {
    border-radius: 0px;
}
 

a {
    color: #57e4c1 !important;;
}
a:focus {
    color: #57e4c1 !important;;
}
a:hover {
    color: #57e4c1 !important;;
}


.btn { 
    margin-top: 5px;
    border-radius: 0px !important;
    border: 2px solid #a5e8d2;
    border-radius: 4px;
    background: #fff;
    color: #57e4c1;
    font-weight: bold !important;;
    width: 90%;
}

.btn:focus {
    color: #57e4c1;
}
.btn:hover {
    color: #57e4c1;
}

.btn-link {
    font-weight: normal;
    color: #57e4c1;
    border-radius: 0;
    font-weight: bold !important;;
}
.btn-link:hover {
    font-weight: normal;
    color: #57e4c1;
    border-radius: 0;
    font-weight: bold !important;;
}
.btn-link:focus  {
    font-weight: normal;
    color: #57e4c1;
    border-radius: 0;
    font-weight: bold !important;;
}
.w2{
       display: block;
     width: 100% !important;
} 
.open > .dropdown-menu {
    display: block;
     width: 100% !important;
} 
dropdown-menu { 
    width: 100% !important; 
} 
    
    /* reglas CSS */
}