﻿body, html {
    height: 100%;
}

.btn-info, .bg-info {
	color: #fff !important;
	background-color: #17a2b8 !important;
	border-color: #17a2b8 !important;
}

.bg-secondary {
	background-color: #adb5bd !important;
	border-color: #adb5bd !important;
}

.bg-success {
	background-color: #9edabf !important;
	border-color: #bcd0c7 !important;
}

.bg-warning {
	background-color: #ffcd39 !important;
	border-color: #ffcd39 !important;
}

.bg-primary {
	background-color: #5f9af1 !important;
	border-color: #0d6efd !important;
}

.bg-danger {
	background-color: #eccccf !important;
	border-color: #eccccf !important;
}

body {
    display: flex;
    flex-direction: column;
}
.bcm1 {
    padding-top: 10px;
}
.bcm5{
    padding-top: 50px;
}
.bcm10 {
    padding-top: 100px;
}
.bcm15 {
    padding-top: 150px;
}
.bcm20 {
    padding-top: 200px;
}
.btn-Create {
	color: #000;
	background-color: gold; /*rgba(252, 210, 5, 0);*/
	border-color: darkgoldenrod;
}
.fixed-height {
    min-height: 500px;
    max-height: 500px;
    margin: auto;
}
.fixed-height2 {
    min-height: 50px;
    max-height: 50px;
}
.fixed-height3 {
    min-height: 40px;
    max-height: 40px;
}
.text-goyomaAzul {
    color: #467CD7;
}
.text-goyomaNegro {
    color: #292E30;
}
a.text-goyomaAzul:hover,
a.text-goyomaAzul:focus {
    color: #5A9FCB;
}
.bg-goyomaAzul {
    color: #fff;
    background-color: #467CD7;
}
.bg-goyomaNegro {
    color: #fff;
    background-color: #292E30;
}
a.bg-goyomaAzul:hover,
a.bg-goyomaAzul:focus {
    background-color: #5A9FCB;
}
.btn-goyomaAzul {
    color: #fff;
    background-color: #467CD7;
    border-color: #2e6da4;
}

    .btn-goyomaAzul:focus,
    .btn-goyomaAzul.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-goyomaAzul:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-goyomaAzul:active,
    .btn-goyomaAzul.active,
    .open > .dropdown-toggle.btn-goyomaAzul {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-goyomaAzul:active:hover,
        .btn-goyomaAzul.active:hover,
        .open > .dropdown-toggle.btn-goyomaAzul:hover,
        .btn-goyomaAzul:active:focus,
        .btn-goyomaAzul.active:focus,
        .open > .dropdown-toggle.btn-goyomaAzul:focus,
        .btn-goyomaAzul:active.focus,
        .btn-goyomaAzul.active.focus,
        .open > .dropdown-toggle.btn-goyomaAzul.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-goyomaAzul:active,
    .btn-goyomaAzul.active,
    .open > .dropdown-toggle.btn-goyomaAzul {
        background-image: none;
    }

    .btn-goyomaAzul.disabled:hover,
    .btn-goyomaAzul[disabled]:hover,
    fieldset[disabled] .btn-goyomaAzul:hover,
    .btn-goyomaAzul.disabled:focus,
    .btn-goyomaAzul[disabled]:focus,
    fieldset[disabled] .btn-goyomaAzul:focus,
    .btn-goyomaAzul.disabled.focus,
    .btn-goyomaAzul[disabled].focus,
    fieldset[disabled] .btn-goyomaAzul.focus {
        background-color: #467CD7;
        border-color: #2e6da4;
    }

    .btn-goyomaAzul .badge {
        color: #467CD7;
        background-color: #fff;
    }
.btn-goyomaNegro {
    color: #fff;
    background-color: #292E30;
    border-color: #2e6da4;
}

    .btn-goyomaNegro:focus,
    .btn-goyomaNegro.focus {
        color: #fff;
        background-color: #286090;
        border-color: #122b40;
    }

    .btn-goyomaNegro:hover {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

    .btn-goyomaNegro:active,
    .btn-goyomaNegro.active,
    .open > .dropdown-toggle.btn-goyomaNegro {
        color: #fff;
        background-color: #286090;
        border-color: #204d74;
    }

        .btn-goyomaNegro:active:hover,
        .btn-goyomaNegro.active:hover,
        .open > .dropdown-toggle.btn-goyomaNegro:hover,
        .btn-goyomaNegro:active:focus,
        .btn-goyomaNegro.active:focus,
        .open > .dropdown-toggle.btn-goyomaNegro:focus,
        .btn-goyomaNegro:active.focus,
        .btn-goyomaNegro.active.focus,
        .open > .dropdown-toggle.btn-goyomaNegro.focus {
            color: #fff;
            background-color: #204d74;
            border-color: #122b40;
        }

    .btn-goyomaNegro:active,
    .btn-goyomaNegro.active,
    .open > .dropdown-toggle.btn-goyomaNegro {
        background-image: none;
    }

    .btn-goyomaNegro.disabled:hover,
    .btn-goyomaNegro[disabled]:hover,
    fieldset[disabled] .btn-goyomaNegro:hover,
    .btn-goyomaNegro.disabled:focus,
    .btn-goyomaNegro[disabled]:focus,
    fieldset[disabled] .btn-goyomaNegro:focus,
    .btn-goyomaNegro.disabled.focus,
    .btn-goyomaNegro[disabled].focus,
    fieldset[disabled] .btn-goyomaNegro.focus {
        background-color: #292E30;
        border-color: #2e6da4;
    }

    .btn-goyomaNegro .badge {
        color: #292E30;
        background-color: #fff;
    }
.label-goyomaAzul {
    background-color: #467CD7;
}

    .label-goyomaAzul[href]:hover,
    .label-goyomaAzul[href]:focus {
        background-color: #286090;
    }
.label-goyomaNegro {
    background-color: #292E30;
}

    .label-goyomaNegro[href]:hover,
    .label-goyomaNegro[href]:focus {
        background-color: #286090;
    }
.panel-goyomaAzul {
    border-color: #467CD7;
}

    .panel-goyomaAzul > .panel-heading {
        color: #fff;
        background-color: #467CD7;
        border-color: #467CD7;
    }

        .panel-goyomaAzul > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #467CD7;
        }

        .panel-goyomaAzul > .panel-heading .badge {
            color: #467CD7;
            background-color: #fff;
        }

    .panel-goyomaAzul > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #467CD7;
    }
.panel-goyomaNegro {
    border-color: #292E30;
}

    .panel-goyomaNegro > .panel-heading {
        color: #fff;
        background-color: #292E30;
        border-color: #292E30;
    }

        .panel-goyomaNegro > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #292E30;
        }

        .panel-goyomaNegro > .panel-heading .badge {
            color: #292E30;
            background-color: #fff;
        }

    .panel-goyomaNegro > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #292E30;
    }

.divSignUp {
    margin: 10px;
    margin: 0 auto;
    margin-top: 24px;
}
.GoyomaPiel {
    margin:0;
}
.GoyomaPiel::after {
    content:"";
    background: url("../images/logo6.png") repeat;
    opacity:0.1;
    top:0;
    left:0;
    bottom:0;
    right:0;
    position:absolute;
    z-index:-1;
}
.signUpContainer {
    width: 600px;
    margin: 0 auto;
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    margin-bottom: 25px;
    margin-top: 50px;
    padding: 24px;
}
h1 {
    color: #222222;
    font-size: 42px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 5px;
}
.signUpContainer h1 {
        text-align: center;
        border-bottom: 1px solid #DAE1E3;
}
.content {
    padding: 10px;
    min-height: 500px;
    height: 100%;
    overflow: auto;
}
.content2 {
    margin-top: 10px;
}
.central {
    margin: 10px auto;
    min-height: 500px;
    height: 100%;
    overflow: auto;
    padding: 0px;
    padding-top: 0px;
    background-color: #9fc446;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}
    .sticky + .content {
        padding-top: 60px;
    }
.dbItemContainer {
    width: 33%;
    float: left;
}
div.dashboardItem {
    padding: 3px;
    border: 1px solid #76a7fa;
    overflow: auto;
    border-top: 8px solid #76a7fa;
    border-bottom: 1px solid #76a7fa;
    margin: 10px;
}

    div.dashboardItem ul {
        list-style: none;
    }

    div.dashboardItem h3 {
        margin: 0px;
    }

.carousel-caption1 {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    padding-top: 10px;
    padding-bottom: 10px;
    color: lightskyblue;
    text-shadow: inherit;
    text-shadow: 0 0 2px #fff, 0 0 1px #fff;
    background: rgba(0,0,0,0);
}

.carousel-control-prev {
    background: none; /*gray !important;*/
}

/*.carousel-inner img {
    margin: auto;
}*/

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

.dropdown-toggle::after {
}

.firefox.dropdown-toggle::after {
    text-align: right;
    float: right;
    /*Firefox fix*/
    margin-top: -12px;
}

.chrome.dropdown-toggle::after {
    text-align: right;
    float: right;
    /*Chrome IE fix*/
    margin-top: 8px;
}
div.dataTables_wrapper {
    width: auto;
    margin: 0 auto;
}
.new-stack {
    color: #fff;
    position: relative;
    display: inline-block;
    width: (13em / 14);
    height: 1em;
    .fa-certificate,
    .text {
    position: absolute;
    }
    .text {
        top: (11.5em / 8);
        left: (4em / 8);
        width: (11em / 8);
        height: (6em / 8);
        font-family: sans-serif;
        font-weight: 700;
        line-height: (8em / 14);
        text-align: center;
        color: #f00;
        font-size: .3em;
    }
}

.modal-Ingresos {
    max-width: 80% !important;
}

.ExportCsv, .ExportMhtml, .ExportTiff, .ExportWordOpenXml, .ExportXml, .ExportPdf {
	display: none !important;
}

/* Cambiar el texto al boton de View Report*/
.ViewReport {
	visibility: hidden;
	position: relative;
}

.ViewReport::after {
	visibility: visible !important;
	content: "Ver Reporte";
	color: #fff;
	background-color: #1b6ec2;
	border-color: #1861ac;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.item-system, .item-module, .item-proccess {
	cursor: pointer;
}
.item-system:hover, .item-proccess:hover {
	z-index: 1;
	border-color: cornflowerblue;
}
.item-system:hover .item-sys:last-child, .item-proccess:hover .item-pro:last-child {
	opacity: 1;
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}
.item-module:hover .item-ico:last-child {
	opacity: 1;
	-webkit-transform: scale(0.97);
	transform: scale(0.97);
}

@media screen and (max-width: 768px) {
	.container-home {
		width: 90%;
	}
}

@media screen and (min-width: 769px) {
	.container-home {
		width: 80%;
	}
}

/*Deshabilitar textbox de Zonas*/
/*input[name=Zona] {
	pointer-events: none;
}

.modal-lg {
	max-width: 80%;
}

.FindTextButton {
	visibility: hidden;
	position: relative;
}

	.FindTextButton::after {
		visibility: visible !important;
		content: "Buscar";
		color: #fff;
		background-color: #17a2b8;
		border-color: #17a2b8;
		display: inline-block;
		font-weight: 400;
		text-align: center;
		vertical-align: middle;
		user-select: none;
		border: 1px solid transparent;
		padding: 0.375rem 0.75rem;
		font-size: 1rem;
		line-height: 1.5;
		border-radius: 0.25rem;
		transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}

.Parameters {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.Parameter input[name=Rango] {
	width: 5% !important;
	margin-left: 90px;
}*/