/*Colores institucionales
    Dorado : #b09a5b;
    Vino : #621132;
*/
/**[aria-hidden="true"]{display:none;}*/
/*body {font-family:'Gotham Book','GandhiSerifBold','Open Sans','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:1em;}*/
body {font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;font-size:1em;}

#Buscar{background-color:rgba(255,255,255,0.2)!important;}
#buttonup{background-color:transparent;border:0!important;bottom:0.5em;color:#b09a5b;display:none;font-size:2.5em;height:initial;outline:none;padding:0;position:fixed;right:0.5em;z-index:99;}
    #buttonup:hover, #buttonup:focus{background-color:transparent!important;color:#621132!important;}
#contenedor{padding:4.5rem 0 4.5rem 17rem;transition:padding-left 0.2s;-webkit-transition:padding-left 0.2s;}
    #contenedor.short{padding-left:0;transition:padding-left 0.2s;-webkit-transition:padding-left 0.2s;}
#encabezado{position:fixed;width:100%;z-index:9;}
    #encabezado > div > div{height:4.5rem;}
    #encabezado .submenu{background-color:#fff;box-shadow:0 5px 8px 0 #dcdcdc;display:none;position:absolute;right:0;top:3.7rem;width:20rem;}
#MenuButton { cursor: pointer; /*width: 30px; height: 30px; background: url(menu-icon.png); left: 2em; top: 2em; position: absolute; z-index: 100;*/ }
#menuLateral:hover{overflow-y:auto;}

.bg-fixed{bottom:0;position:fixed;top:0;right:0;}
.bg-disabled{z-index:9999;}
.bg-selected{background-color:#fffecb!important;}
.bg-transparent-dark{background-color:rgba(0, 0, 0, 0.5)!important}
.bg-transparent-primary{background-color:rgba(98, 17, 50, 0.9)!important}
.bg-transparent-white{background-color:rgba(255, 255, 255, 0.5)!important}
.bg-transparent-white-ligth{background-color:rgba(255, 255, 255, 0.03)!important}

.badge-outline-default{background-color:transparent;box-shadow:0 0 0 1px rgba(24,28,33,.1) inset;color:#212529;}
.badge-outline-primary{background-color:transparent;box-shadow:0 0 0 1px rgba(98,17,50,.1) inset;color:#621132;}

.badge-notification{display:none;position:absolute;right:0;}

.btn-Icon{font-size:1.4rem;padding:0.75rem;text-decoration:none!important;}    
	.btn-Icon:hover, .btn-Icon:focus{background-color:rgba(233, 233, 233, 0.5)!important;}

.check-box-25{height:25px;width:25px;}
.check-box-35{height:35px;width:35px;}

.f-35{font-size:35px;}
.fondoImage {background-image: url('../Image/SEF/fondo2.jpg');background-repeat:no-repeat;background-size:cover;}
.formInicial{background-color:rgba(248, 249, 250, 0.97) !important;width:27rem;}

.overlay{bottom:0;left:0;position:fixed;right:27rem;top:0;}

.proyecto{bottom:3rem;left:3rem;position:fixed;}
    .proyecto h1{text-shadow:#fff 1px 1px;}
    .proyecto h5{text-shadow:#d1cece 0px 1px;}

.requerido::after{color:#2aaeff;content:"*";font-weight:bold;margin-left:8px;position:relative;top:4px;}
	
.toast{bottom:0.5rem;opacity:1;position:fixed;right:0.5rem;transition:opacity 0.4s ease-in;z-index:9999;}

	.toast-header {
		color: #b09a5b;
		background-color: #5a5a5a;
		font-weight: bold;
	}
    .toast-body {
        padding: 0.75rem;
        background-color: #13322B;
        color: white;
    }
.w-17{width:17rem!important;}
    
/*Cambiar valores originales de bootstrap*/

.bg-light{background-color:#f1f5f7!important;}
.bg-primary{background-color:#621132!important;}
.bg-warning{background-color:#b09a5b!important;}

.btn-primary {background-color:#612232!important;border-color:#621132!important;}
.btn-warning {background-color:#b09a5b!important;border-color:#b09a5b!important;}

.columnacheckbox  {display: flex;}
	.columnacheckbox .check{align-self:center; width:50px}

.image-perfil-slide-left{ width: 19rem; padding-right: 0.5rem;}

.image-perfil-detail {height:7rem;width:7rem;object-fit:cover;border:4px solid #4c4c4c;}

.text-primary{color:#621132!important;}
.text-warning{color:#b09a5b!important;}

/*Loading*/
.loader {margin: 2em auto;font-size: 10px;position: relative;text-indent: -9999em;-webkit-animation-delay: 0.16s;animation-delay: 0.16s;}
.loader:before,.loader:after,.loader {border-radius: 50%;width: 2.5em;height: 2.5em;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation: load 1.8s infinite ease-in-out;animation: load 1.8s infinite ease-in-out;}
.loader:before {left: -4.5em;}
.loader:after {left: 4.5em;-webkit-animation-delay: 0.32s;animation-delay: 0.32s;}
.loader:before,.loader:after {content: '';position: absolute;top: 0;}
@-webkit-keyframes load {0%,80%,100% {  box-shadow: 0 2.5em 0 -1.3em #fff;} 40% {  box-shadow: 0 2.5em 0 0 #fff;}}
@keyframes load {0%,80%,100% {  box-shadow: 0 2.5em 0 -1.3em #fff;} 40% {  box-shadow: 0 2.5em 0 0 #fff;}}

/*ScrollBar*/
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.02);}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.2);}
    ::-webkit-scrollbar-thumb:hover{background:#8a9597;}
	
@media screen and (min-width: 1440px) {
	.image-perfil-detail {height: 10rem;width: 10rem;object-fit:cover}
}

@media screen and (max-width: 768px) {	
	.image-perfil-slide-left{ width:100%; padding-right: 0rem;}
}
	
@media screen and (min-width: 577px) {
        #menuLateral{background-color:#fff;bottom:0;left:0;position:fixed;top:4.5rem;transition:left 0.2s;-webkit-transition:left 0.2s;width:17rem;}
			#menuLateral.short{left:-17rem;transition:left 0.2s;-webkit-transition:left 0.2s;background-color: #fff !important;}

    }
    
@media screen and (max-width: 576px) {
	#PladseLogo {display:none}
	#contenedor{padding-left:0;transition:padding-left 0.2s;-webkit-transition:padding-left 0.2s;}*/
	#menuLateral{left:-100%;transition:left 0.2s;-webkit-transition:left 0.2s; background-color: rgba(0,0,0,.8)!important;}

/* MENU LATERAL */

	.menu { list-style: none; line-height: 42px; margin: .1em auto; padding-left: 0; }
	.menu a { color: #ddd; display: block; padding-left: 3em; text-decoration: none; transition: all .5s; width: 100%; }    
	.menu li {-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;
		-moz-transition: all .5s;-ms-transition: all .5s;margin: 0em;
	}

	nav:hover { overflow-y: auto; }

	nav {width: 100%;box-sizing: border-box;background-color: rgba(0,0,0,.8)!important;
		padding-right: .25em;position: fixed;left:-100%;top: 4.5em;
		bottom: 0;z-index: 20;height: 100%;
		transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;
		-ms-transition: all .3s;-o-transition: all .3s;
	}

	nav.short { left: 0!important; overflow-y:auto;}
	nav>small.text-secondary,  nav>ul li>a.text-secondary{color: white!important;}
	/* FIN MENU */
}