/*
*  Author: Vijay Kumar
*  Template: Cascade - Flat & Responsive Bootstrap Admin Template
*  Version: 1.0
*  Bootstrap version: 3.0.0
*  Copyright 2013 bootstrapguru
*  www: http://bootstrapguru.com
*  mail: support@bootstrapguru.com
*  You can find our other themes on: https://bootstrapguru.com/themes/
---------------------------------------------------------------------------------------------- */
/*   Import External Css Files
---------------------------------------------------------------------------------------------- */
/******************* Color variables *********************/
/*	 Global Color variables @requested not to change these values if you are not sure of what you are doing
----------------------------------------------------------------------------------------------------------- */
/*	 Navbar variables @you change these variables , make sure to get a good color combination ;)
-------------------------------------------------------------------------------------------------- */
/* Desired height is 90px , below 80px is not recommended */
/*	 LeftSidebar variables @you change these variables , make sure to get a good color combination ;)
-------------------------------------------------------------------------------------------------- */
/*	 LeftSidebar variables @you change these variables , make sure to get a good color combination ;)
-------------------------------------------------------------------------------------------------- */
/*	 Panels variables
-------------------------------------------------------------------------------------------------- */
html,body {
  height: 100%;
}
section {
  position: relative;
  overflow: hidden;
  padding: 50px;
  width: 100%;
  height: 100%;
  background: #54b5df;
}
section:nth-child(2n) {
  background: #2f4051;
}



/* PARA TABLETS */
@media ( min-width: 768px ) {

    .login-header{
        font-size: 2em;
    }
    .login-label{
        font-size: 1em;
    }

    .login-holder {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin-top: -185px;
        margin-left: -205px;
        width: 420px;
        height: auto;
        background: white;
        padding: 10px;
    }
    .login-holder .form-group {
        border: 1px solid #425971;
        border-left: 10px solid #425971;
    }
    .login-holder .form-group .form-control {
        border-radius: 0px;
    }
    .login-holder .form-footer {
        padding: 20px;
    }
    .login-holder .form-footer .btn-submit {
        margin-top: 20px;
    }
}
/* PARA CELULARES IPHONE/SAMSUNGS */
@media ( max-width: 767px ) {

    .login-header{
        font-size: 1.7em;
    }

    .login-label{
        font-size: 1em;
    }

    .login-holder {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin-top: -180px;
        margin-left: -155px;
        width: 310px;
        height: auto;
        background: white;
        padding: 10px;
    }
    .login-holder .form-group {
        border: none;
        border-left: none;
    }
    .login-holder .form-group .form-control {
        border-radius: 0px;
    }
    .login-holder .form-footer {
        padding: 20px;
    }
    .login-holder .form-footer .btn-submit {
        margin-top: 20px;
    }

}

/* PARA CELULARES PEQUENOS */
@media ( max-width: 285px ) {

    .page-header{
        margin-top:0px;
    }

    .login-header{
        font-size: 1em;
    }

    .login-label{
        font-size: 0.9em;
    }

    .login-holder {
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px;
        border-radius: 6px;
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        margin-top: -150px;
        margin-left: -100px;
        width: 200px;
        height: 300px;
        background: white;
        padding: 10px;
    }
    .login-holder .form-group {
        border: none;
        border-left: none;
    }
    .login-holder .form-group .form-control {
        border-radius: 0px;
    }
    .login-holder .form-footer {
        padding: 20px;
    }
    .login-holder .form-footer .btn-submit {
        margin-top: 5px;
    }
}