sgi/css/apsa.css

/* 
    Created on : 5/12/2018, 01:34:49 PM
    Author     : Alejandro
*/

body{font-family: 'indivisa-text', Arial; font-size: 12pt !important; color:#777;}
.header{ height: 100px; background: #001E61; color: #FFFFFF; padding: 20px; text-align: center; }
.header-pruebas{ height: 100px; background: #ce0e2d; color: #FFFFFF; padding: 20px; text-align: center; }
    /*background-color:#101d61; color:white; padding:20px; width:100%;}*/
.menu{min-height:60px; max-width: 1366px; width: 100%; padding: 10px; margin: auto; font-size: 16px; text-align: center;}
.subMenu{background-color: #D6D8DB; min-height: 50px; max-width: 1366px; width: 100%; padding: 4px 10px 7px 10px; font-size: 15px; text-align: center; margin-bottom: 10px;}
.bg-white{background-color: white !important;}
.marco {max-width: 1366px; width: 100%; margin-left: auto; margin-right: auto; display: flex; flex-direction: column;}
.subMenu .nav .nav-link:hover{text-decoration: underline;color:#006094;}
.subMenu .nav .nav-link{color:#232323;}
.menu .nav-pills .nav-link:hover{ color: #fff!important; background-color: #006094;}
.menu .nav-pills .nav-link{color:#000!important;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link{color: #006094!important; background-color: #ffffff;}

.menu .nav-link {padding: 2px 15px;}
h1, h2, h3, h4, h5 {font-family: 'indivisa-display', Arial; font-weight: bold;}
h1{margin-bottom:32px;}
.space-after{margin-bottom:1em;}
.space-after-2x{margin-bottom:2em;}
.space-before{margin-top:1em;}
.filter-box{margin-bottom:38px;}
.content{min-height: 500px;}

.modal-header{background-color: #006094!important;color: #fff!important;}
.modal-title{font-weight: bold; text-align: center;}
.table .thead-dark th {border-color: #006094;}

.alert-heading .fa, .card-header .fa{ transition: .3s transform ease-in-out; }
.alert-heading .collapsed .fa, .card-header .collapsed .fa { transform: rotate(90deg); }

.hasDatepicker[readonly]{ background-color: #fff !important;}
.badge {padding: 0.5em 1.4em; }

.border-mid:not(:last-child){border-bottom:1px dotted #ccc}
.pointer{cursor: pointer;}

/***** SCROLLBAR *****/

::-webkit-scrollbar {/*Ancho*/
width: 8px;
}
::-webkit-scrollbar-track { /*Riel*/
background: #F1F1F1; 
}
::-webkit-scrollbar-thumb {/* Handle */
 background: #D6D8DB; 
}
::-webkit-scrollbar-thumb:hover { /*Hover Handle */
background: #006094; 
}

/***** FOOTER *****/
.footer{
    /*clear: both;/*/
    background: #232323;
    color: #A5A5A5;
    width: 100%;
    max-width: 1366px;
    border-top:5px solid  #006094;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom:0;
    margin-top:3em;
}

.footer a{
    text-decoration: none;
    color: inherit;
}


.footer a:visited{
    color: inherit;
}

.footerLinks{
    padding: 60px 30px 40px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.footerIzq, .footerCentral, .footerDer{
    display: grid;
    grid-template-columns: auto;
    grid-gap: 15px;
}

.footerIzq{
    justify-self: left;
    grid-template-rows: auto auto auto auto;
}

.footerCentral{
    justify-self: center;
    grid-template-rows: 70px 45px 45px;
}

.footerDer{
    justify-self: right;
    grid-template-rows: 60px 80px 65px;
}

.divRedesFooter{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.redesFooter{
    color: #FFFFFF !important;
    border: 2px solid #FFFFFF;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    text-align: center;
    font-size: 1.25em;
    margin: 0 8px;
}

.footerBottom{
    background: #191919;
    color: #BCBCBC;
    height: 66px;
    width: 100%;
    padding: 20px;
    text-align: center;
    font-size: 14px;
}
@media only screen and (max-width: 800px) {
    .menu, .subMenu {
        position: relative;
    }

    .iconoMenu {
        position: absolute;
        display: block;
        right: 20px;
        top:10px;
    }

    .menuOculto{
        display: none;
    }

    .responsive{
        float: none;
        text-align: center;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .popupContent {
        width: 75%;
    }

    .footer{
        grid-template-columns: auto;
        grid-template-rows: auto auto auto;
    }
    .footerIzq,.footerCentral, .footerDer{
        justify-self: center;
    }
    .footerIzq{
        grid-template-rows: auto auto auto auto;
        text-align: center;
    }
    .footerCentral, .footerDer{
        grid-template-rows: auto auto auto;
    }
}