@import url(https://fonts.googleapis.com/css?family=Roboto);

/* Extra x-small devices (phones, up to 480px) -- iphone 5*/
@media (min-width: 200px) and (max-width: 450px) {
div, div.htmltext, p, span, row, .input-lg, select.input-lg, button, .btn, .dropdown-menu, html input[type="button"] {
font-size:small !important;
}
.h4 {
font-size:medium !important;
}
.imgLogo{
height:32px;
width:32px;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
line-height: 20px;
font-size:small !important;
}
.navbar-toggle {
position: relative;
float: right;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
padding:0px 0px !important;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
height:50px !important;
padding-top:0px;
}
.tituloPrincipal{
padding-left: 1px; height: auto; padding: 0px; padding-top:15px; color: black; font-weight: bold;
}
.titulo{
color:#1b809e;
text-shadow: 2px 2px 5px rgba(150, 150, 150, 1);
font-size:medium !important;
}
.divTitulo{
padding-top:60px !important; width:100%; margin-right:0px; background-image:url(Imagenes/encabezado.jpg); background-size:cover;
}
.imgEstado{
vertical-align:top !important;
height:16px !important;
width:16px !important;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 500px !important;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a {
color: black; /*#FFF;*/
line-height: 25px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: black;
line-height: 25px;
}
.datosMenu{
font-size:small !important;
}
.divcontenedorDatosMenu {
height:110px;
}
.row {
min-height:35px !important;
margin-right: 0px !important;
margin-left: 0px !important;
}
.menuInferior{
text-align: center; 
position: fixed; 
bottom: 0px; 
width:100%; 
height:50px;  
background-color: black; 
padding-top: 5px; 
padding-bottom: 5px; 
z-index: 100;
}
.ultAcceso{
font-size:small !important;
color:#6b6767;
}
}

/* Extra x-small devices (phones, up to 480px)  --S4 Mini*/
@media (min-width: 451px) and (max-width: 600px) {
div, div.htmltext, p, span, row, .input-lg, select.input-lg, button, .btn, .dropdown-menu, html input[type="button"] {
font-size:large !important;
}
.h4 {
font-size:xx-large !important;
}
.imgLogo{
height:32px;
width:32px;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
line-height: 20px;
font-size:large !important;
}
.navbar-toggle {
position: relative;
float: right;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
padding:0px 0px !important;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
height:50px !important;
padding-top:0px;
}
.tituloPrincipal{
padding-left: 1px; height: auto; padding: 0px; padding-top:8px; color: black; font-weight: bold;
}
.titulo{
color:#1b809e;
text-shadow: 2px 2px 5px rgba(150, 150, 150, 1);
font-size:large !important;
}
.divTitulo{
padding-top:60px !important; width:100%; margin-right:0px; background-image:url(Imagenes/encabezado.jpg); background-size:cover;
}
.imgEstado{
vertical-align:top !important;
height:24px !important;
width:24px !important;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 90vh !important;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a {
color: black; 
line-height: 40px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: black;
line-height: 40px;
}
.datosMenu{
font-size:medium !important;
}
.divcontenedorDatosMenu {
height:110px;
}
.row {
min-height:45px !important;
margin-right: 0px !important;
margin-left: 0px !important;
}
.menuInferior{
text-align: center; 
position: fixed; 
bottom: 0px; 
width:100%; 
height:50px;  
background-color: black; 
padding-top: 5px; 
padding-bottom: 5px; 
z-index: 100;
}
.ultAcceso{
font-size:small !important;
color:#6b6767;
}

}

/* Extra small devices (phones, up to 480px)  --  Samsung J7*/
@media (min-width: 601px) and (max-width: 767px) {
div, div.htmltext, p, span, row, .input-lg, select.input-lg, .btn, .dropdown-menu, button, html input[type="button"] {
font-size:xx-large !important;
}
h4 {
font-size:xx-large !important;
}

.imgLogo{
height:65px;
width:65px;
}
.navbar-brand {
float: left;
height: 120px;
padding: 15px 15px;
line-height: 20px;
font-size:xx-large !important;
}
.navbar-toggle {
position: relative;
float: right;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
padding:0px 0px !important;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
height:100px !important;
padding-top:15px;
}
.tituloPrincipal{
padding-left: 1px; 
height: auto; 
padding: 0px; 
padding-top:20px !important; 
color: black; 
font-weight: bold;
}
.titulo{
color:#1b809e;
text-shadow: 2px 2px 5px rgba(150, 150, 150, 1);
font-size:xx-large !important;
}
.divTitulo{
padding-top:110px !important; width:100%; margin-right:0px; background-image:url(Imagenes/encabezado.jpg); background-size:cover;
}
.imgEstado{
vertical-align:top !important;
height:32px !important;
width:32px !important;
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 90vh !important;
}
.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-nav > li > a {
color: black; /*#FFF;*/
line-height: 50px;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: black;
line-height: 50px;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 10px dashed;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}

.datosMenu{
font-size:small !important;
}
.divcontenedorDatosMenu {
height:140px;
}

.row {
min-height:60px !important;
margin-right: 0px !important;
margin-left: 0px !important;
}
.menuInferior{
text-align: center; 
position: fixed; 
bottom: 0px; 
width:100%; 
height:80px;  
background-color: black;
padding-top: 10px; 
padding-bottom: 5px; 
z-index: 100;
}
.ultAcceso{
font-size:large !important;
color:#6b6767;
}
.divInicio {
margin-top:80px !important;
}
.form-control {
display: block;
width: 100%;
height: 50px;
font-size:xx-large !important;
padding: 6px 12px !important;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
height: 100px !important;
padding: 10px 16px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn {
padding: 30px 12px !important;
}
}       
  
.fondoLogin {
background-color:#a7d893;
}

.btnIngresar
{
    background-color:#3c763d;
    }
    
.borderedondo
{
border-radius: 25px !important;
}