sgi/checadorSistema/css/style.css

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

.container-fluid{padding: 0;}
body{font-family: 'indivisa-text', Arial; font-size: 14px !important; color:#777; background-color: white;}
.bg-head{background-color: white;}

.menu {max-width: 960px; width: 100%; margin-left: auto; margin-right: auto; display: flex;}
.subMenu{background-color: #F0F0F0; width: 100%; padding: 0px 10px; font-size: 15px; margin: 10px 0;}
.subMenu .barra{max-width: 960px;min-height: 54px; padding: 16px 0;}
.subMenu-dark{background-color: #161616;}

.bg-white{background-color: white !important;}
.marco {max-width: 1366px; width: 100%; margin-left: auto; margin-right: auto;}
main{min-height: 480px;}
.content{min-height: 480px; padding: 1em 0;}

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

.hasDatepicker[readonly]{ background-color: #fff !important;}


/***** FOOTER *****/
footer{ font-size: 14px; color: #fff; }
footer .footerTop { background: #001d68; padding: 15px 0; }
footer .footerTop .logotipo { overflow: hidden; }
footer .footerTop .logotipo h3 { display: inline-block; vertical-align: top; color: #fff; margin: 0; float: right; text-align: right; font-size: 25px; font-family: 'indivisa-text'}
footer .footerTop .logotipo h3 span { display: block; }
footer .footerTop .menuFooter h3 { font-size: 12px; font-family: 'indivisa-text'; color: #fff !important;}
footer .footerTop .menuFooter ul { overflow: hidden;}
footer ul { list-style: none; padding: 0; margin: 0; }
footer .footerTop .menuFooter ul>li {*zoom: 1; float: left; clear: none; text-align: inherit; width: 16%; margin-left: 0; margin-right: 3%;}
footer .footerTop .menuFooter ul>li ul li a{font-size:10px;}
footer ul>li { display: inline-block; vertical-align: top;}
.footerMore { position: relative; display: none; padding: 5px 0; }
footer a { color: #fff;
        -webkit-transition: color 0.5s; /* For Safari 3.0 to 6.0 */
        transition: color 0.5s; /* For modern browsers */}
footer a:hover{color:#ce0e2d !important; text-decoration: none !important;}
footer .footerTop .menuFooter ul>li ul li { display: block; width: 100%; margin-bottom: 0px;}

footer .ubicacion { margin-top: 20px; overflow: hidden; }
footer .ubicacion .address {display: inline-block; width: 65%; vertical-align: bottom; }
footer .ubicacion .address h4, footer .ubicacion .address h4 a { color: #0fb7f1; font-size: 14px; margin: 0 0 0 -5px; position: relative;}
footer .ubicacion .address h4 a { display: inline-block; }

footer .ubicacion .redes{display:inline-block;width:32%;vertical-align:bottom;text-align:right}
footer .ubicacion .redes h4{display:inline-block;vertical-align:middle;margin:0;font-size:16px}
footer .ubicacion .redes ul{display:inline-block;vertical-align:middle}
footer .ubicacion .redes ul li{margin-left:2px}

footer .footerMiddle { background: #071e58; overflow: hidden; }
footer .footerMiddle nav ul { text-align: center; }
footer .footerMiddle nav ul li { border-right: 1px solid #fff; padding: 1px 10px; display: inline-block; margin-bottom: 10px;}
footer ul>li { display: inline-block; vertical-align: top;}

footer .footerBottom { background: #091941; overflow: hidden; padding: 15px 0;}
.footerBottom .logotipos{display:inline-block;vertical-align:middle;width:20%}
footer .footerBottom .logotipos a{display:inline-block;width:80px;margin-right:6px}
footer .footerBottom .logotipos a.internacional{width:80px}
footer .footerBottom .logotipos a.red{width:75px}
footer .footerBottom .legales{text-align:right;float:right;width:60%;margin-right:0;margin-left:auto;padding-top:10px;padding-bottom:0}
footer .footerBottom .legales ul li{border-right:1px solid #fff;padding:1px 10px}
footer .footerBottom .legales ul li:last-child{border:0}


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

/* Contenidos */
h1, h2, h3 {font-family: 'indivisa-title', Arial; font-weight: bold; letter-spacing: 1px; position: relative; color: #001d68;}
h4{font-weight: bold;}
h1{margin-bottom:40px;}
.subtitle:before, h2:before { content: ''; position: absolute; bottom: -8px; left: 0; width: 80px; display: block; background: #d21034; height: 3px; }
.main-title{font-size: 3.2rem; margin-bottom: 60px;}
label{font-weight: bold;}
.text-big{font-size: 18px;}

@media (max-width: 800px) {
    .menu, .subMenu {
        position: relative;
    }

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

    .menuOculto{
        display: none;
    }
    .marco{
        min-height: 100px;
    }
}