body,td,th {
	font-family: "Montserrat","Open Sans",sans-serif;
	font-size: .88rem;
	color: #666666;
	margin: 0 auto;

}

.navbar{
	background-color: #1b5289;
	color: #ffffff;
	box-shadow: 0 0.46875rem 2.1875rem rgba(0, 0, 0, 0.03), 0 0.9375rem 1.40625rem rgba(0, 0, 0, 0.03), 0 0.25rem 0.53125rem rgba(0, 0, 0, 0.05), 0 0.125rem 0.1875rem rgba(0, 0, 0, 0.03);
}

.navbar-light .navbar-brand{
	color: #ffffff;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	color: #ffffff;
}
.navbar-light .navbar-nav .nav-link {
	color: #ffffff;
}

.navbar-light .navbar-text {
	color: #ffffff;
}



.center {
	text-align: center;
}

h1,h2,h3,h4,h5{
	font-family: "Quicksand",sans-serif !important;
}


.btn-outline-danger{
	border:none !important;
	color: #dc3545 !important;
}

.btn-outline-danger:hover{
	color: white !important;
}

.btn-outline-warning{
	border:none !important;
	color: #ebb617 !important;
}

.btn-outline-warning:hover{
	color: white !important;
}

.btn-outline-primary{
	border:none !important;
}


.sign-out{
	color: rgba(255,255,255,0.7) !important;
	background-color: none !important;
}

.sign-out:hover, .sign-out:focus{
	color: white !important;
	background-color: none !important;
}


.icon-rotates {
-moz-transition: all .2s linear;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}

.icon-rotates.rotate {
-moz-transition: rotate(90deg);
-webkit-transition: rotate(90deg);
transition: rotate(90deg);
}


.dropdown.open .icon-rotates {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}

tr:nth-child(even) {
    background-color: #f3f3f3;
}
	/* Este cambio aplica para el titulo del encabezado si se agregan mas H1 se tiene que re-editar el codigo*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding: 0px;
	margin: 0px 0px 0px 56px;;
	/*color: #333333;*/
	border-bottom: 4px solid #006699;
	width: 94%;
	margin-bottom: 25px;
	color: #444444;
	font-weight: 400 !important;
}
h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif  ;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
}

.bars-button{
	background-color: #1b5289;
	color: rgba(255,255,255,0.7) !important;
	border: none !important;
	box-shadow: none !important;
}


.bars-button:hover, .bars-button:focus{
	color: white !important;
	background-color: #1b5289 !important;
}


.list-group-flush .list-group-item svg{
	color: #888888;
}

.list-group-flush:hover .list-group-item:hover svg{
	color: #333333;
}

#eimg{
	float: left;
	margin: -30px 10px 0 -10px;
	padding-bottom: 15px;
}

#rmenu{
	float: right;
	display: inline-flex;
	margin: 0px 60px;
	justify-content: space-between;
	/*width: 140px;*/
}

a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  position: absolute;
  width:140px;
  color: #FFFFFF;
  background: #000000;
  height: 25px;
  line-height: 25px;
  text-align: center;
  visibility: hidden;
  border-radius: 12px;
}
a.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-top: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 43px;
  left: 50%;
  margin-left: -70px;
  z-index: 999;
}

a{
	color: #168CB8 !important;
}

a:hover{
	color: #12536B !important;
}

.btn-primary{
	background-color: #168CB8 !important;
	border-color: #168CB8 !important;

}

.dropdown-item{
	color: #444444 !important;
}

.dropdown-item:active{
	background-color: #f8f9fa!important;
}

#econtenido {

	margin: 10px auto 125px;


	/*borde redondeado*/
	-moz-border-radius-bottomleft:13px;
	-webkit-border-bottom-left-radius:13px;
	border-bottom-left-radius:13px;

	-moz-border-radius-bottomright:13px;
	-webkit-border-bottom-right-radius:13px;
	border-bottom-right-radius:13px;

	-moz-border-radius-topright:13px;
	-webkit-border-top-right-radius:13px;
	border-top-right-radius:13px;

	-moz-border-radius-topleft:13px;
	-webkit-border-top-left-radius:13px;
	border-top-left-radius:13px;

	/*color de la tabla*/

}


/*a:link {
	color: #003366;
	text-decoration: none;
}
a:visited {
	color: #336699;
	text-decoration: none;
}
a:hover {
	color: #003366;
	text-decoration: underline;
}
a:active {
	color: #0066CC;
	text-decoration: none;
}*/


.CSSTableGenerator {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;

	-moz-border-radius-bottomleft:13px; /* Para Firefox */
	-webkit-border-bottom-left-radius:13px; /* Para Safari y Chrome */
	border-bottom-left-radius:13px;

	-moz-border-radius-bottomright:13px;
	-webkit-border-bottom-right-radius:13px;
	border-bottom-right-radius:13px;

	-moz-border-radius-topright:13px;
	-webkit-border-top-right-radius:13px;
	border-top-right-radius:13px;

	-moz-border-radius-topleft:13px;
	-webkit-border-top-left-radius:13px;
	border-top-left-radius:13px;
}

			 /*Color para el encabzado*/
th{
	/*background-color: #006699;*/
	background-color: white;
	color: #444444;
	padding: 12px;
}


.radiusizq{
	-moz-border-radius-topleft:13px;
	-webkit-border-top-left-radius:13px;
	border-top-left-radius:13px;
}

.radiusder{
	-moz-border-radius-topright:13px;
	-webkit-border-top-right-radius:13px;
	border-top-right-radius:13px;
}

#forma {
	width: 60%;
	margin: auto;
}

/** footer / pie de p�gina **/
#efooter {
	background: transparent url(../../img/bg_firm.gif) no-repeat center 1.5em;
	font-size: 1em;
	color: #666;
	border-top: solid 1px #989898;
	line-height: 4.5em;
	font-family: Lucida Grande, Geneva, Arial, Verdana, sans-serif;
	text-align: center;
}

/* uwu */

.login {
	margin: auto;
	width: 50%;
	padding: 10px;
}

.login input {
	font-size: 18px;
	padding: 10px;
	margin-bottom: 15px;
	display: block;
	background: #fafafa;
	color: #636363;
	width: 100%;
	border-radius: .5;
	border-bottom: 1px solid #757575;
	border-right:  1px solid #757575;
}

.login button {
  position: relative;
  display: inline-block;
  padding: 12px 24px;
  margin: .3em 0 1em 0;
  width: 100%;
  vertical-align: middle;
  color: #404040;
  font-size: 16px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  letter-spacing: 1px;
  background: #D3D3D3;
}

.login button:hover {
	background: #5b5555;
}

.right {
	text-align: center;
	float: center;
	padding-bottom:10px;
}



.paginas a{
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    border: 1px solid #ddd;
}


.paginas a.active {
    background-color: lightblue;
    color: white;
    border: 1px solid #4CAF50;
}

.paginas li{
	display: inline-block;
}







@media (min-width: 991px){
	#navMenu{
		margin-left: 0%;
	}
	#navBrand{
		position: absolute;
		left: 50%;
		margin-left: -75px;
		color: white !important;
	}
	#idLogo{
		margin-left: 10%;
	}

}


@media (max-width: 990px){
	#navMenu{
		text-align: center;
	}

	.dropdown-menu a{
		text-align: center;
	}

	.table tr, th, td{
		font-size: .88rem;
	}

	#buttonCollapse{
		margin-right: 10%;
	}

	#idLogo{
		margin-left: -95px;
	}

	.paginas a{
		font-size: 12px;
		padding: 6px 12px;
	}


}



#buttonSSBlue{
			text-decoration: none;
			font-family:".LucidaGrandeUI", "Lucida Grande", "Lucida sans unicode";
			color: black;
			font-size: 11px;
			padding: 1px 7px;
			border:1px solid #9C9C9C;
			margin: 2px 2px;
			display: inline-block;
			background-image: -webkit-linear-gradient(
			#ffffff 0%, #F6F6F6 	30%,
			#F3F3F3 45%, #EDEDED 	60%,
			#eeeeee 100%);
			border-radius: 3px;
			cursor: default;
			box-shadow: 0px 0px 1px rgba(0,0,0,0.20);
}

#buttonSSBlue:active {
		 	border-color:#705ebb;
			background-image:-webkit-linear-gradient(
			#acc5e9 0%, 		#a3c0f2 18%,
			#61a0ed 39%,		#55a3f2 70%,
			#82c2f1 91.72%, 	#9AD2F2 100%);
			box-shadow: 0px 0px 1px rgba(0,0,0,0.65);
		}

#buttonSSBlue:disabled {
			color: #999!important;
			background-image: -webkit-linear-gradient(#fbf8f8 0%, #f0f0f0 30%, #e3e3e3 45%, #d7d7d7 60%, #cbc9c9 100%);
		}


.nav-item:hover.sign-out:hover li{
	background-color: none !important;
}

.list-group-item.active{
	background-color: white !important;
	color: #168CB8 !important;
}

.list-group-item.active svg{
	color: #168CB8 !important;
}


.list-group-flush .list-group-item{
	border:none ;
}



.active {
	background-color: #00334cd4;
	color: white;
}

.pagination-info {
	color: #5f5f5f !important;
	font-weight: 500;
}
.pagination-info-numbers {
	font-weight: bold !important;
	font-size: 17px !important;
	color: #168CB8 !important;
}
.page-item.active .page-link {
	background-color: #168CB8 !important;
	border: none !important;
	border-radius: 0.2rem !important;
}
.page-item.active {
	border-radius: 0.2rem !important;
}
.page-item .page-link {
	border-radius: 0.2rem !important;
}
.page-link {
	border: none !important;
}
.page-link a {
	color: #5f5f5f !important;
	text-decoration: none !important;
}