sgi/checadorSistema/css/sgi.css

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

.container-fluid{padding: 0;}
body{font-family: 'indivisa-text', Arial; font-size: /*12pt*/15px !important; color:#222; background-color: white;}
.bg-head{background-color: white;}
.bg-head-dark{background-color: #282828;}

.menu {max-width: 960px; width: 100%; margin-left: auto; margin-right: auto; display: flex;/* flex-direction: column;*/}
.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; }
.content{min-height: 480px; padding: 1em 1.5em;}

.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;}

.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 { transition: .3s transform ease-in-out; }
.alert-heading .collapsed .fa { transform: rotate(90deg); }
#accordionMenu .collapsed .fa { transform: rotate(-90deg); }
.menu-list .sistema:not(:last-child):after {content: "|"; margin-left: 10px; margin-right: 10px; color: #006094; }

.clock[readonly]{ background-color: #fff !important;}
.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;}

/* Contenidos */
h1, h2, h3 {font-family: 'indivisa-title', Arial; font-weight: bold; letter-spacing: 1px; position: relative; color: #001e61;}
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;}
.space-after{margin-bottom:1em;}
.space-after-2x{margin-bottom:2em;}
.space-before{margin-top:1em;}
.filter-box{margin-bottom:38px;}
.alerta{color:#ffb700!important; text-shadow: -1px -1px 0 #3f2f06, 1px -1px 0 #3f2f06, -1px 1px 0 #3f2f06, 1px 1px 0 #3f2f06;}

/* The side navigation menu */
#sidebar { width: 400px; position: fixed; top: 0; right: -400px; height: 100vh; z-index: 1023; transition: all 0.3s; overflow-y: auto; }
#sidebar.active {right: 0;}
#dismiss {text-align: center; position: absolute; top: 23px; right: 50px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.overlay {display: none; position: fixed; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); z-index: 1022; opacity: 0; transition: all 0.5s ease-in-out;}
.overlay.active { display: block; opacity: 1;}

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

/***** 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}

.form-control-dark, .form-control-dark:active, .form-control-dark:focus{background-color: #333; color: #eee;}

@media (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;
    }*/
}