@import url(https://fonts.googleapis.com/css?family=Muli:400,600,300);
*{
	font-family: Muli;
	font-size: small;
}
body{
	font-family:Muli;
}
.contenido{
	position: fixed;
	background-color: #fff;;
}
#mensajeAlerta{
	background-color:#CC0033;
	color:#fff;
	font-size: 15px;
	text-align:left;
	min-height:50px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	display:none;
	padding:10px;
	height:auto;
}
#mensajeAlerta p a{
	border:solid 1px #fff;
	border-radius:6px;
	padding:2px 5px;
	margin-left:10px;
	color:#fff;
	text-decoration: none;
}
.form-group{
	margin-bottom: 1px !important;
}
#mensajeAlerta p span{
	padding-left:15px;
}
#aplicacion{
	font-size:17px;
	padding-top:10px;
	padding-right: 20px;
}
#retrieved-data{
	width:90%;
	margin:10px auto;
}
#formulario{
	border:solid 1px #ccc;
	width:80%;
	margin:0 auto 0px auto;
	padding:15px 10px;
	border-radius: 6px;
}
@media print {
	header, footer, aside, form{
        display: none;
    }
	.myGrid{
		font-size:11px;
		font-family: Verdana, Geneva, Tahoma, sans-serif;
		width: 99%;
	}
	.myGrid tr th{
		background-color: #fff;
		color:#333;
		text-align: center;
	}
	.myGrid tr td{
		text-align: justify;
		font-size:11px;
	}
}
@media (min-width:690px){
	.scroll-bigOnly{
		overflow-y:auto; 
		max-height:850px;
	}
}
.minavbar{
	background-color:#eef3dc !important;
	margin-top:-30px;
	box-shadow: -4px 0px 5px 0px rgba(0,0,0,0.75);
}
.myGrid{
	font-size:11px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	width: 99%;
}
.myGrid tr th{
	background-color: #4f6467;
	color:#fff;
	text-align: center;
}
.myGrid tr td{
	text-align: justify;
	font-size:11px;
}
.myGrid tr td a{
	border:solid 1px #bbb;
	padding:3px 7px;
	border-radius: 4px;
	text-decoration: none;
}
.myGrid tr td a:hover{
	background-color: #336699;
	color:#fff;
	text-decoration: none;
}
.myContent{
	min-height: 450px;
	background-color:#fff;
	display:block;
	border:solid 1px #ddd;
	border-radius: 6px;
	max-width:95%;
}
.etiqueta
{
	font-weight:bold;
	font-size:0.8em;
	color:#033;
	padding:5px 15px;
	border:solid 1px #bbb;
	border-bottom: none;
	border-radius: 10px 10px 0 0;
	margin-left:1px;
	margin-bottom:0px;
	background-color: #f5f5f5;
}
.etiquetaL
{
	font-weight:bold;
	font-size:0.8em;
	color:#033;
}
.etiquetas
{
	font-weight:normal;
	font-size:0.8em;
	padding:5px 15px;
	text-align: right;
	margin-left:1px;
	margin-bottom:0px;
	background-color: #d4d4d4;
	color:#444;
}

.page-nav{
	margin: 10px 0 0 0;
	padding: 0px;
	font-size:13px;
}

.page-nav a{
	padding: 4px;
	text-decoration: none;
	color: #000;
	text-decoration: underline;
	margin-left:2px;
}

.page-nav a:hover{
	border: thin solid #444;
	background-color: #66F;
	color: #fff;
}
/*this is the style for selected page number*/
.page_link{
	padding: 4px;
	color:#fff;
	background-color: #333;
	border: thin solid #444;    
	border-radius: 50%; 
}
.calendario
{
	background:url(../../images/calendar_date.png) center no-repeat #3c3f3f;
	width:24px;
	height:24px;
}
.info{
	position: absolute;
	top:60px;
	right:100px;
	width: 300px;
	border:solid 1px #ddd;
	border-radius: 6px;
}
.google{
	position: absolute;
	top:5px;
	right:10px;
	width: 150px;
}
.google img{
	width:140px;
}
.logo{
	position: absolute;
	top:60px;
	left:100px;
	width: 270px;
}
.email{
	position: absolute;
	top:10px;
	left:10px;
	width: 50px;
}

.logoMenu{
	position: absolute;
	top:20px;
	left:20px;
	width: 190px;
}
.logoIndex{
	position: absolute;
	width:150px;
	top:50px;
	left:40px;
	z-index: 0;
}
.nombreLogo{
	position: fixed;
	top:5px;
	left:10px;
	width: 250px;
	z-index: 900;
}

.fondoModulo{
	width:50%;
	margin-top:50px;
}
@media only screen and (max-width: 600px) {
	.info{
		position: absolute;
		top:10px;
		right:10px;
		width:180px;
	}
	.logo{
		position: absolute;
		top:10px;
		left:10px;
		width:180px;
	}
	.nombreLogo{
		display:none;
	}
		.logoMenu{
		position: absolute;
		top:10px;
		left:10px;
		width:100px;
	}
	.fondoModulo{
		width:99%;
	}

	.google{
		position: absolute;
		top:300px;
		right:10px;
		width: 150px;
	}
	.google img{
		width:140px;
	}

}
.warningmess
{
	font: normal 15px Verdana, Arial, Helvetica, sans-serif;
	color:#111111;
	background:url(../images/themes/dynamics/warning.png) left no-repeat;
	width:600px;
	font-size:10px;
/*	height:30px; */
	display:block;
	border: solid #FFCC00 2px;
	margin: 0 auto 0 auto;
	padding: auto 0 auto 0;
	background-color:#FFFF99;
}
.warningmess p
{
	margin-left:35px;
	text-align:center;
}
.okmess
{
	font: normal 15px Verdana, Arial, Helvetica, sans-serif;
	color:#111111;
	background:url(../images/themes/dynamics/siverif.png) left no-repeat;
	width:600px;
	font-size:10px;
/*	height:30px;*/
	display:block;
	border: solid #009933 4px;
	margin: 0 auto 0 auto;
	padding: auto 0 auto 0;
	background-color:#99FF66;
}
.okmess p
{
	margin-left:35px;
	text-align:center;
}


.errormess
{
	font: normal 15px Verdana, Arial, Helvetica, sans-serif;
	color:#111111;
	background:url(../images/themes/dynamics/notice-alert.png) left no-repeat;
	width:600px;
	font-size:10px;
/*	height:30px;*/
	display:block;
	border: solid #CC3366 2px;
	margin: 0px auto 0 auto;
	/*padding: auto 0 auto 0;*/
	background-color:#FFD7FF;
}
.errormess p
{
	margin-left:35px;
	text-align:center;
	padding:5px;
}
.usuario{
	color:#313131;
	font-size:16px;
}
.usuario span{
	font-weight: normal;
	font-style: italic;
}
.curriculo{
	border:solid 1px #36F;
	border-radius:6px;
	padding:5px 20px;
}
.curriculo span{
	font-weight: bold;
}
.features-boxed {
	color: #313437;
	background-color: #fff;
}

.features-boxed p {
	color: #7d8285;
}

.features-boxed h2 {
	font-weight: bold;
	margin-bottom: 40px;
	padding-top: 40px;
	color: inherit;
}

@media (max-width:767px) {
	.features-boxed h2 {
		margin-bottom: 25px;
		padding-top: 25px;
		font-size: 24px;
	}
}
@media (max-width:480px){
	.usuario{
		font-size:0.6em;
		margin-top:20px;
	}
	.logoIndex{
		top:10px;
		left:40%;
		width: 100px;
	}
	.btn-ancho{ 
		min-width: 90%; 
		font-size:0.95em;
		display:inline-block;
		margin-bottom:2px;
		border-radius: 3px !important;
	}
	.mastindex{
		background-image: url('../img/fondo16Mobile.jpg') !important;
	}	
	.btn-big-tumbaco{
		border:solid 1px #999;
		box-shadow:8px 6px 12px #333;
		background-color: #423c3c;
		color:#fff;
		max-height: 35px;
		font-size: 0.8em;
		line-height: 0px;
	}
	.btn-big-tumbaco i{
		display:none;
	} 
}
.mastindex{
	background-image: url('../img/fondo16.jpg');
	background-size: contain;
	background-color: #fff !important;
	width:100%;
	min-height: 920px;
}
.masthead{
	margin-top:-100px;
}
.masthead
.features-boxed .intro {
	font-size: 16px;
	max-width: 500px;
	margin: 0 auto;
}

.features-boxed .intro p {
	margin-bottom: 0;
}

.features-boxed .features {
	padding: 50px 0;
}

.features-boxed .item {
	text-align: center;
}
.features-boxed .item a:hover {
	text-decoration:none;
}
.features-boxed .item .box {
	text-align: center;
	padding: 30px;
	background-color: #fff;
	margin-bottom: 30px;
	border:solid 1px #bbb;
	border-radius: 8px;
}

.features-boxed .item .icon {
	font-size: 60px;
	color: #5b7c98;
	margin-top: 20px;
	margin-bottom: 35px;
}

.features-boxed .item .name {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 8px;
	margin-top: 0;
	color: #2e2a2a;
	padding-top:10px;
	border-top:solid 1px #bbb;
}

.features-boxed .item .description {
	font-size: 15px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.popover {
	box-shadow: 0px 7px 14px -8px #333;
}
.popover-header {
	color: #4b4ba8;
	font-size:0.9em;
}
.popover-body {
    font-size: 11px;
}
.aPop{
	color:#444;
}
.aPop:hover{
	text-decoration:none;
}
.aPop i{
	font-size:30px;
	color:#2c4ec0;
}
.menu-left,
.menu-left a,
.menu-left input[type=button]{
	font-weight:normal
}
.tooltipi{
	display: inline;
	position: relative;
}
		
	.tooltipi:hover:after{
		background: #201e1ecc;
		border-radius: 5px;
		bottom: 0px;
		left:70px;
		color: #fff;
		content: attr(title);
		padding: 5px 15px;
		position: absolute;
		z-index: 98;
        width: 460px;
        font-size:0.75em;
        font-weight: normal;
	}
	
	.tooltipi:hover:before{
		border: solid;
		border-color: #333 transparent;
		border-width: 6px 6px 0 6px;
		bottom: 30px;
		content: "";
		left: -5%;
		position: absolute;
		z-index: 99;
	}
	.cardH .card-footer,
	.cardH .card-body{
		background-color: #fff !important;
	}
	.cardH .card-title{
		color:#444;
		text-align: center;
		font-weight: normal;
		text-transform: capitalize !important;
	}
	.cardH .card-text{
		color:#777;
		font-size:0.8em;
	}
	.cardH a:hover{
		border:solid 1px #999;
		text-decoration: none;
	}
	.cardH a img:hover{
		filter:grayscale(100%);
	}
	.menuImg a img:hover{
		
		filter:grayscale(1);
	}
.bg-tumbaco{
	background-color: #4f6467;
}
.bg-tumbacoSecondary{
	background-color: #d2e6ec;
}
.btn-tumbaco{
	background-color: #4f6467;
	color:#fff;
}
.btn-tumbaco:hover,
.btn-tumbaco:active,
.btn-tumbaco:focus{
	background-color: #12454d;
	color:#fff;
}
.social-tumbaco{
	background-color: #4f6467 !important;
}
.social-tumbaco:hover{
	background-color: #12454d !important;
}
.btn-big-tumbaco{
	margin-top:20px;
	border:solid 1px #999;
	padding:5px 50px !important;
	box-shadow:8px 12px 20px #333;
	background-color: #4f6467;
	color:#fff;
}
.btn-big-tumbaco:hover{
	background-color: #12454d;
	color:#fff;
}

.text-tumbaco{
	color: #4f6467;
}
#newRecord{
	margin-bottom: 10px;
}
#newRecord a{
	background-color: #999;
	border:solid 1px #666;
	border-radius: 6px;
	color:#fff;
	text-decoration: none;
	padding:4px 10px;
	font-size:0.8em;
}
#newRecord a:hover{
	background-color: #4f6467;
	color:#fff;
}
.bg-light{
	background: rgba(246, 246, 251, 1) !important;
	color: rgb(52, 58, 64) !important;
} 

.bg-dark{
	background:rgba(52, 58, 64, 1) !important;
	color: #FFF !important;
} 

.bg-blue{
	background: rgba(43, 62, 101, 1) !important;
	color: #FFF !important;
} 

.bg-indigo{
	background: rgba(77, 93, 219, 1) !important;
	color: #FFF !important;
} 

.bg-purple{
	background: rgba(137, 39, 236, 1) !important;
	color: #FFF !important;
}

.bg-pink{
	background: rgba(236, 130, 239, 1) !important;
	color: #FFF !important;
} 

.bg-red{
	background: rgba(208, 61, 70, 1) !important;
	color: #FFF !important;
} 

.bg-maroon{
	background: rgba(128, 0, 0, 1) !important;
	color: #FFF !important;
}

.bg-orange{
	background: rgba(252, 115, 3, 1) !important;
	color: #FFF !important;
} 

.bg-yellow{
background: rgba(255, 193, 2, 1) !important;
color:#FFF !important;
} 

.bg-green{
	background: rgba(29, 216, 113, 1) !important;
	color: #FFF;
} 

.bg-teal{
	background: rgba(28, 175, 159, 1) !important;
	color: #FFF !important;
} 

.bg-cyan{
	background: rgba(0, 209, 209, 1) !important;
	color: #FFF !important;
} 

.bg-gray{
	background: rgba(134, 153, 163, 1) !important;
	color: #FFF !important;
} 
/* Colores de texto*/
.text-light{
	color: rgba(246, 246, 251, 1) !important;
} 

.text-dark{
	color:rgba(52, 58, 64, 1) !important;
} 

.text-blue{
	color: rgba(43, 62, 101, 1) !important;
} 

.text-indigo{
	color: rgba(77, 93, 219, 1) !important;
} 

.text-purple{
	color: rgba(137, 39, 236, 1) !important;
}

.text-pink{
	color: rgba(236, 130, 239, 1) !important;
} 

.text-red{
	color: rgba(208, 61, 70, 1) !important;
} 

.text-maroon{
	color: rgba(128, 0, 0, 1) !important;
}

.text-orange{
	color: rgba(252, 115, 3, 1) !important;
} 

.text-yellow{
	color: rgb(255, 255, 198) !important;
} 

.text-green{
	color: rgba(29, 216, 113, 1) !important;
} 

.text-teal{
	color: rgba(28, 175, 159, 1) !important;
} 

.text-cyan{
	color: rgba(0, 209, 209, 1) !important;
} 

.text-gray{
	color: rgba(134, 153, 163, 1) !important;
} 

/*============================
BACKGROUND TRANSPARENTE
=============================*/

.bg-transparent-primary{
	background: rgba(108, 95, 252, .15) !important;
	color: rgba(108, 95, 252, 1) !important;
	border: 1px solid rgba(108, 95, 252, 1) !important;
} 

.bg-transparent-secondary{
	background: rgba(5, 195, 251, .15) !important;
	color: rgba(5, 195, 251, 1) !important;
	border: 1px solid rgba(5, 195, 251, 1) !important;
}

.bg-transparent-warning{
	background: rgba(247, 183, 49, .15) !important;
	color: rgba(247, 183, 49, 1) !important;
	border: 1px solid rgba(247, 183, 49, 1) !important;
} 

.bg-transparent-info{
	background: rgba(17, 112, 228, .15) !important;
	color: rgba(17, 112, 228, 1) !important;
	border: 1px solid rgba(17, 112, 228, 1) !important;
} 

.bg-transparent-success{
	background: rgba(9, 173, 149, .15) !important;
	color: rgba(9, 173, 149, 1) !important;
	border: 1px solid rgba(9, 173, 149, 1) !important;
} 

.bg-transparent-danger{
	background: rgba(232, 38, 70, .15) !important;
	color: rgba(232, 38, 70, 1) !important;
	border: 1px solid rgba(232, 38, 70, 1) !important;
} 

.bg-transparent-light{
	background: rgba(246, 246, 251, .15) !important;
	color: rgba(246, 246, 251, 1) !important;
	border: 1px solid rgba(246, 246, 251, 1) !important;
} 

.bg-transparent-dark{
	background: rgba(52, 58, 64, .15) !important;
	color: rgba(52, 58, 64, 1) !important;
	border: 1px solid rgba(52, 58, 64, 1) !important;
} 

.bg-transparent-blue{
	background: rgba(43, 62, 101, .15) !important;
	color: rgba(43, 62, 101, 1) !important;
	border: 1px solid rgba(43, 62, 101, 1) !important;
} 

.bg-transparent-indigo{
	background: rgba(77, 93, 219, .15) !important;
	color: rgba(77, 93, 219, 1) !important;
	border: 1px solid rgba(77, 93, 219, 1) !important;
}

.bg-transparent-purple{
	background: rgba(137, 39, 236, .15) !important;
	color: rgba(137, 39, 236, 1) !important;
	border: 1px solid rgba(137, 39, 236, 1) !important;
}

.bg-transparent-pink{
	background: rgba(236, 130, 239, .15) !important;
	color: rgba(236, 130, 239, 1) !important;
	border: 1px solid rgba(236, 130, 239, 1) !important;
} 

.bg-transparent-red{
	background: rgba(208, 61, 70, .15) !important;
	color: rgba(208, 61, 70, 1) !important;
	border: 1px solid rgba(208, 61, 70, 1) !important;
} 

.bg-transparent-maroon{
	background: rgba(128, 0, 0, .15) !important;
	color: rgba(128, 0, 0, 1) !important;
	border: 1px solid rgba(128, 0, 0, 1) !important;
}

.bg-transparent-orange{
	background: rgba(252, 115, 3, .15) !important;
	color: rgba(252, 115, 3, 1) !important;
	border: 1px solid rgba(252, 115, 3, 1) !important;
} 

.bg-transparent-yellow{
	background: rgba(255, 193, 2, .15) !important;
	color: rgba(255, 193, 2, 1) !important;
	border: 1px solid rgba(255, 193, 2, 1) !important;
} 

.bg-transparent-green{
	background: rgba(29, 216, 113, .15) !important;
	color: rgba(29, 216, 113, 1) !important;
	border: 1px solid rgba(29, 216, 113, 1) !important;
} 

.bg-transparent-teal{
	background: rgba(28, 175, 159, .15) !important;
	color: rgba(28, 175, 159, 1) !important;
	border: 1px solid rgba(28, 175, 159, 1) !important;
} 

.bg-transparent-cyan{
	background: rgba(0, 209, 209, .15) !important;
	color: rgba(0, 209, 209, 1) !important;
	border: 1px solid rgba(0, 209, 209, 1) !important;
} 

.bg-transparent-gray{
	background: rgba(134, 153, 163, .15) !important;
	color: rgba(134, 153, 163, 1) !important;
	border: 1px solid rgba(134, 153, 163, 1) !important;
} 

/*============================
TEXTO TRANSPARENTE
=============================*/

.text-transparent-primary{
	background: transparent !important;
	color: rgba(108, 95, 252, 1) !important;
	border: 1px solid rgba(108, 95, 252, 1) !important;
} 

.text-transparent-secondary{
	background: transparent !important;
	color: rgba(5, 195, 251, 1) !important;
	border: 1px solid rgba(5, 195, 251, 1) !important;
}

.text-transparent-warning{
	background: transparent !important;
	color: rgba(247, 183, 49, 1) !important;
	border: 1px solid rgba(247, 183, 49, 1) !important;
} 

.text-transparent-info{
	background: transparent !important;
	color: rgba(17, 112, 228, 1) !important;
	border: 1px solid rgba(17, 112, 228, 1) !important;
} 

.text-transparent-success{
	background: transparent !important;
	color: rgba(9, 173, 149, 1) !important;
	border: 1px solid rgba(9, 173, 149, 1) !important;
} 

.text-transparent-danger{
	background: transparent !important;
	color: rgba(232, 38, 70, 1) !important;
	border: 1px solid rgba(232, 38, 70, 1) !important;
} 

.text-transparent-light{
	background: transparent !important;
	color: rgba(246, 246, 251, 1) !important;
	border: 1px solid rgba(246, 246, 251, 1) !important;
} 

.text-transparent-dark{
	background: transparent !important;
	color: rgba(52, 58, 64, 1) !important;
	border: 1px solid rgba(52, 58, 64, 1) !important;
} 

.text-transparent-blue{
	background: transparent !important;
	color: rgba(43, 62, 101, 1) !important;
	border: 1px solid rgba(43, 62, 101, 1) !important;
} 

.text-transparent-indigo{
	background: transparent !important;
	color: rgba(77, 93, 219, 1) !important;
	border: 1px solid rgba(77, 93, 219, 1) !important;
}

.text-transparent-purple{
	background: transparent !important;
	color: rgba(137, 39, 236, 1) !important;
	border: 1px solid rgba(137, 39, 236, 1) !important;
}

.text-transparent-pink{
	background: transparent !important;
	color: rgba(236, 130, 239, 1) !important;
	border: 1px solid rgba(236, 130, 239, 1) !important;
} 

.text-transparent-red{
	background: transparent !important;
	color: rgba(208, 61, 70, 1) !important;
	border: 1px solid rgba(208, 61, 70, 1) !important;
}

.text-transparent-maroon{
	background: transparent !important;
	color: rgba(128, 0, 0, 1) !important;
	border: 1px solid rgba(128, 0, 0, 1) !important;
} 

.text-transparent-orange{
	background: transparent !important;
	color: rgba(252, 115, 3, 1) !important;
	border: 1px solid rgba(252, 115, 3, 1) !important;
} 

.text-transparent-yellow{
	background: transparent !important;
	color: rgb(254, 255, 205) !important;
	border: 1px solid rgba(255, 193, 2, 1) !important;
} 

.text-transparent-green{
	background: transparent !important;
	color: rgba(29, 216, 113, 1) !important;
	border: 1px solid rgba(29, 216, 113, 1) !important;
} 

.text-transparent-teal{
	background: transparent !important;
	color: rgba(28, 175, 159, 1) !important;
	border: 1px solid rgba(28, 175, 159, 1) !important;
} 

.text-transparent-cyan{
	background: transparent !important;
	color: rgba(0, 209, 209, 1) !important;
	border: 1px solid rgba(0, 209, 209, 1) !important;
} 

.text-transparent-gray{
	background: transparent !important;
	color: rgba(134, 153, 163, 1) !important;
	border: 1px solid rgba(134, 153, 163, 1) !important;
}