/** ----------------------------------------------------------------------------
*                         Todos los derechos Reservados
*                               Softipal S.A.S 2020
*  ----------------------------------------------------------------------------
*  Nombre:        socobuses.css
*  Ruta:         /public/css/
*  Descripción:  Estilos Generales para la página
*  Fecha:        21/01/2020
*  Autor:        Alejadnro González Flórez
*  Versión:      1.0
*  OD:           22489479
*  ----------------------------------------------------------------------------
*	 			Histórico de cambios
*  ----------------------------------------------------------------------------
*	Fecha          OD        Autor        Descripción
*  ----------------------------------------------------------------------------
*     21/01/2020   22489479   AlejoFlorez0   Creación de cabecera de documentacion
*  ----------------------------------------------------------------------------
*/

html
{
    position: relative;
    min-height: 100%;
}

body
{
    margin-bottom: 35px;
}

.wrapper 
{
    height: 100%;
    padding-top: 8%;
}

.pageCont
{
    height: 100%;
    overflow-x: hidden;
}

.backdrop
{
    filter: blur(6px);
}

#subs:hover
{
    content: url(../images/icons/ICONOS-17.png);
}

#lost:hover
{
    content: url(../images/icons/ICONOS-18.png);
}

#mailbox:hover
{
    content: url(../images/icons/ICONOS-19.png);
}

#message:hover
{
    content: url(../images/icons/ICONOS-20.png);
}

#poll:hover
{
    content: url(../images/icons/ICONOS-55.png);
}

@media screen and (max-height: 550px) {
    .wrapper {
        height: auto;
    }
}

@media screen and (max-width: 350px) {
    .wrapper {
        height: auto;
    }
}

@media screen and (max-width: 700px) {
    .wrapper {
        padding-top: 104px;
    }

    .backdrop {
        filter: blur(20px);
    }

    .pageCont {
        height: 100%;
    }
}

@media screen and (max-width: 767px) {
    body {
        margin-bottom: 22px;
    }
}

@media screen and (max-height: 499px) {
    .wrapper {
        padding-top: 104px;
    }
}

@media screen and (min-height: 740px) and (max-height: 773px) {
    .wrapper {
        height: auto;
    }
}