*{
    font-family: 'Montserrat', sans-serif;
}
/* Color de las etiquetas a (links) */
a{
    color: #55A8CA;
}
a:hover{
    color: #4490ad;
}
.img-user-detail{
    width:200px;
    margin:auto;
}
.ag-border-bottom{
    border-bottom: 5px solid #8ecae6;  /* Login navbar foot */
}
.ag-shadow-bottom{
    box-shadow: 0 7px 2px -2px #bdbdbd;
}
.ag-mg-auto{
    margin:auto;
}
.ag-cent-elem{
	width: 50%;
	margin: auto;
}
.ag-textCenter{
	text-align: center;
}
.ag-mv-5{
	margin-top: 5%;
	margin-bottom: 5%;
}
.ag-mv-10{
	margin-top: 10%;
	margin-bottom: 10%;
}
.ag-box-shadow-botton{
	box-shadow: 0px 5px 10px rgba(0, 0, 0, .2);
}
.body-color-forms{
	background-color: #fff;
}
.ag-small-fontColor{
	color:rgb(237, 237, 237);
}
.ag-badge-warning {
  color: #fff !important;
  background-color: #8ed081 !important;
}
.ag-form-container{
	background: white;
	padding: 10%;
	border-radius: 6px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
    width: 90%;
    margin: auto;
}
.ag-reportes-box{
	background: white;
	padding: 2%;
	border-radius: 6px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, .2);
}
.ag-reportes-box-link{
	background: white;
}
.ag-reportes-box-link:hover{
	background: #abababa7;
	border-radius: 6px;
}
.ag-col-{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.ag-bg-viol{
	background: #6DBDEE;
}
.ag-h2{
	font-size: 35px;
}
.ag-sang{
	text-indent: 1.5em;
}
.ag-inteiner{
	padding-right: 5%;
	padding-left: 5%;
}
.ag-login-card{
	background: #fff;
	width: 40%;
	border-radius: 10px;
	text-align: center;
}
.ag-footg{
	color: #fff;
	background-color: #023047;
	margin: auto;
	margin-top: 5%;
	margin-bottom: 0;
	width: 100%;
	min-height: 100px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}
.ag-foot{
	display: flex;
	justify-content: space-around;
	align-items: center;
	background-color: #366272;
	padding-top: 2%;
    padding-bottom: 2%;
	min-height: 200px;
}

.ag-inn_foot{
	width: 20%;
	height: auto;
	display: flex;
	justify-content: center;
	padding-right: 1%;
}
.ag-ic-foot{
	display: flex;
	justify-content: space-around;
	list-style: none;
	font-size: 25px;
}
.ag-ml-2{
	margin-left: 2%;
}
.ag-mt-2{
	margin-top: 2%;
}
.ag-mt-10{
	margin-top: 10%;
}
.ag-mb-10{
	margin-bottom: 10%;
}
.ag-border{
	border-radius: 50%;
}
.izq{
	display: flex;
	justify-content: flex-end;
	margin-bottom: 2%;
}
.ag-flex{
	display: flex;
}
.ag-flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}
.ag-flex-space{
	display: flex !important;
	justify-content: space-between !important;
	align-items: center;
}
.ag-float-right{
	float: right;
}
.ag-bot-sec{
	display: flex;
	justify-content: space-around;
	padding-top:3%;
}
.ag-pad-nav-top{
    padding: 2%;
}
.ag-pad-b-5{
	padding-bottom: 3%;
}
.ag-pad-t-5{
	padding-top: 5%;
}
.ag-hide{
	display: none;
}
.ag-boton:hover .ag-hide {
    display: inline-block;
}
.ag-bkg-main{
	background-color: #004F79;
}
.ag-bkg-main-alt{
	background-color: #004F79; /* login navbar */
}
.ag-bkg-second{
	background-color: #006400;
}
.m-bkg-3{
    background-color: #8ED081;
}

.ag-card-dinamica{
	width: 90%;
	padding: 5%;
	padding-top: 2%
}
.ag-header{
	font-size: 2.5rem;
}
.ag-texto-dinamico{
	font-size: 2rem;
}
.ag-pad-v-big-screen{
	padding-top: 2%;
	padding-bottom: 2%;
}
.ag-img-perfil{
	width: 200px;
}
.ag-card-width-grande{
    width: 95% !important;
    margin: auto;
}
.ag-card-width-medio{
    width: 75% !important;
    margin: auto;
}
.ag-card-width-chico{
    width: 50% !important;
    margin: auto;
}

.ag-btn-login{
    font-size: large;
    font-weight: 500;
    padding-top: 10px;
    padding-right: 40px;
    padding-bottom: 10px;
    padding-left: 40px;
}
.ag-form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.ag-form-control-carga-archivos{
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f4f7fa;
    background-clip: padding-box;
    border: 1px solid #7e7e7e;
    border-radius: .25rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/* OVERRIDE Bootstrap Form */
.form-control::placeholder {
  color: #7e7e7e;
  opacity: 1;
}

@media (max-width: 575px) {
  .ag-w-100-md{
    width: 95% !important;
  }
}

@media (max-width: 960px) {
	.ag-header{
		font-size: 1.2rem;
		text-align: center !important;
	}
	.ag-texto-dinamico{
		font-size: 1.2rem;
		text-align: center !important;
	}
	.ag-img-perfil{
		width:150px;
		margin: auto;
	}
	.ag-centrar-img{
		width: 50%;
		margin: auto;
	}
	.ag-card-dinamica{
		width: 100%;
		padding: 0%;
	}
	.ag-search-button{
		margin-top: 4%;
	}
	.ag-card-width-medio{
        width: 90% !important;
    }
    .ag-card-width-chico{
        width: 80% !important;
    }
	.izq{
		margin-top: 5%;
		margin-bottom: 5%;
	}
	.ag-w-80{
		width: 80%;
	}
	.ag-login-responsive{
		width: 100%;
		height: 450px;
	}
	.ag-cent-elem-vert{
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.ag-footg{
		min-height: 250px;
	}
	.ag-form-container{
		width: 100%;
	}
	.ag-centrar-sm{
		display: flex !important;
		justify-content: center !important;
	}
	.ag-centrar-sm-col{
		display: flex !important;
		justify-content: center !important;
		flex-direction: column;
	}
    .ag-pad-nav-top{
        padding: 5%;
    }
}

@media (min-width: 1400px) {
  /* Reglas para monitores grandes */

  .ag-col-xxl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
  }
  .ag-col-xxl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
  }
}

/* Re definir estilos AdminLTE */
.m-bi-main-bkg{
    background-color: #004600;
}

/* linea negra bajo el logo principal */
[class*="sidebar-dark"] .brand-link {
  border-bottom: none;
}

/* linea negra bajo el nombre del usuario */
[class*="sidebar-dark"] .user-panel {
  border-bottom: none;
}

[class*="sidebar-dark-"] .sidebar a{
    color: #fff;
}
.badge-info{
    background-color: #2791FB;
}
.ag-badge-size{
    min-width: 130px;
    min-height: 25px;
    line-height: 25px;
}
.ag-badge-secondary{
    background-color: #ad6500;
    color: #fff
}
.btn-info{
    background-color: #004F79;
    border-color: #004F79;
}

.btn-info:hover{
    background-color: #217eda;
    border-color: #217eda;
}

.page-link{
    color: #ad6500 !important;
}
.active a {
  color: #fff !important;
}
.page-item.active .page-link{
	background-color: #004F79;
	border-color: #004F79;
}
.page-item.active .page-link:hover{
	background-color: #55A8CA;
	border-color: #55A8CA;
}
.disabled a{
    color: #80888E !important;
}
.navbar-light .navbar-nav .nav-link{
	color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover{
	color: #cacaca;
}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active{
    background-color: #fdfdfd38;
    color: #fff;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #004600;
}

.btn-secondary {
    border-color: #ad6500;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #ad6500;
    border-color: #ad6500;
}

/* Boton accionado COLVIS Datatables */
.buttons-columnVisibility {
    background-color: rgb(180, 180, 180);
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #217eda;
    color: #fff;
}

div.dt-button-collection {
    background-color: #ad6500 !important;
}
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active{
	background-color: #ffffff3d;
	color: #fbfbfb;
}
.colores {
    background-color: #2791FB !important;
    background-color: #217eda !important;
    background-color: #8ED081 !important;
}

/* Re definir bootstrap  */
.text-primary {
  color: #0075b8 !important;
}

.navbar-dark .navbar-brand {
  color: #000;
}

.btn-outline-info{
  color: #2791FB;
  border-color: #2791FB;
}

.btn-outline-info:hover{
  color: #fff;
  background-color: #217eda;
  border-color: #217eda;
}

/* Re definir estilos select2 */
.select2-container .select2-selection--single {
  height: 35px;
}

/* Fuentes */
.ag-font-1rem{
    font-size: 1rem !important;
}
.ag-font-09rem{
    font-size: 0.9rem !important;
}

.ag-font-light{
    font-weight: 100 !important;
}
.ag-font-mid{
    font-weight: 600 !important;
}

.ag-min-width-130{
    min-width: 130px;
}

.ag-border-table-right{
    border-right: 1px solid #d1d5d9;
}

.ag-quitar-bordes-datatables-cabecera{
    border-top: none;
    border-bottom: none;
}

/* Colores del proyecto */
.ag-texto-blanco{
    color: #fff !important;
}
.ag-texto-negro{
    color: #000 !important;
}
.ag-texto-gris-fuerte{
    color: #5c5c61 !important;
}
.ag-tema-1{
    color: #fb8500 !important;
}
.ag-tema-2{
    color: #023047 !important;
}
.ag-tema-3{
    color: #219ebc !important;
}
.ag-bg-topbar-admin{
    background-color: #004F79 !important;
}
.ag-bg-sidebar-admin{
    background-color: #004F79 !important;
}
.ag-bg-footer-admin{
    background-color: #023047 !important;
}
.ag-bg-1{
    background-color: #004F79 !important;
}
.ag-bg-2{
    background-color: #41BF9C !important;
}
.ag-bg-3{
    background-color: #004F79 !important;
	border-color: #004F79 !important;
}
.ag-bg-3:hover{
    background-color: #217eda !important;
}
.ag-bg-3-footer{
    background-color: #366272 !important;
}
.ag-bg-border-1{
    border-color: #4A849F !important;
}
.ag-bg-border-2{
    border-color: #41BF9C !important;
}
.ag-bg-border-3{
    border-color: #217eda !important;
}

.ag-bg-hover:hover{
    background-color: #217eda !important;
}

.ag-label-form{
  font-weight: 100 !important;
  color: #7e7e7e;
}

.bg-info {
	background-color: #2791FB !important;
}

/* Override CKEditor */
.django-ckeditor-widget{
	width: 100% !important;
}


/* Override Avilion */
.navbar a{
	justify-content: flex-start !important;
}


/* Redefinir datatables styles
.buttons-excel{
	background-color: #004F79;
} */

/* Colores */
/*
1º 4A849F
2° 41BF9C
3° 366272

GRIS E9E8E8

nuevo form control?
elemento {
  background-color: #f4f7fa;
  border: 1px solid #7e7e7e;
  color: #7e7e7e;
}

CLASES: form-control y .form-control::placeholder

*/