*{
 	padding: 0px;
 	margin: 0px;
 	box-sizing: border-box;
 	letter-spacing: 0.03em;
 }



@font-face {
  font-family: "UltraLight";
  src: url("../fonts/Montserrat/Montserrat-UltraLight.otf");
}

body{
	font-family: "UltraLight";
	background: rgba(238,238,238,0.3);
}

.form-control:focus {
  	background-color: none;
	border-color: none;
	box-shadow: none;
}

.mainContainer{
    background: -webkit-linear-gradient(top left, rgba(20,38,103,0.1) -9%,  rgba(198, 68, 137, 0.7) 100%) fixed;
    background: -o-linear-gradient(top left, rgba(20,38,103,0.1) -9%,  rgba(198, 68, 137, 0.7) 100%) fixed;
    background: linear-gradient(to bottom right, rgba(102,102,102,0.1) -9%,  rgba(102,102,102,0.2) 100%) fixed;
}

.mainContainerLogin{
	background: rgba(217,217,217,1);
}


#formLogin{
	margin-top: 15%;
	background: rgba(255,255,255,1);
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(36,56,113,0.3);
	-moz-box-shadow: 0px 0px 11px 0px rgba(36,56,113,0.3);
	box-shadow: 0px 0px 11px 0px rgba(36,56,113,0.3);
}



.headerLogin img{
	width: 35%;
	margin: 30px 0px 0px 0px;
}


.contentLogin{
	padding: 0px 60px 20px 60px;
}

.contentLogin input, #txtRecoveryPass{
	border-color:rgba(20,38,103,0.3);

}

.contentLogin input:focus, #txtRecoveryPass:focus {
 	 box-shadow: none;
 	 border-color:  rgba(20,38,103,0.3);
}

#txtUser{
	text-transform: uppercase;
}


#btnLogin{
	-webkit-box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
	-moz-box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
	box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
}

.footerLogin{
	width: 100%;
	padding: 30px 60px ;
	background: rgba(84,109,137,0.1);
}


.linkRecoveryPass{
	outline: none;
	color: rgba(125,125,125,1);
	text-decoration: underline;
}


.linkRecoveryPass:hover{
	color: rgba(125,125,125,1);

}





.modal-backdrop {
  background-color: #000;
}


.modal-backdrop.show {
  opacity: 0.8;
}

#modalRecoveryPass  .modal-content  .modal-header{
	background: rgba(20, 38, 103,1);
	color: rgba(255,255,255,1);
	border-radius: 0px;
}

#modalRecoveryPass  .modal-content  .modal-header .close{
	color: rgba(255,255,255,1);
	outline: none;
}



#formLogin .fa.fa-lock{
	font-size: 1.54em;
}



.form-group.has-success .form-control {
    border: solid 1px rgba(180, 232, 168, 1) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;

}

.form-group.has-success .input-group-text {
    color: rgb(70, 205, 67) !important;
    border: solid 1px rgba(180, 232, 168, 1) !important;
    background-color: rgb(189, 237, 188) !important;
}



.form-group.has-normal .form-control {
    border: solid 1px rgba(83, 103, 136,1) !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
    /*background: transparent !important;*/
}

.form-group.has-normal .form-control::placeholder{
	color: rgba(83, 103, 136,1);
}



.form-group.has-normal .input-group-text {
    color: rgba(83, 103, 136,1);
    border: solid 1px rgba(83, 103, 136,1);
    /*background-color: rgba(231, 46, 161, 0.2);*/
}

.form-group.has-error .form-control{
	border: solid 1px rgba(255, 175, 189, 0.9) !important;
}

.form-group.has-error .input-group-text{
	color: rgba(83, 103, 136,1);
	/*color: rgba(255, 48, 48,0.8) !important;*/
    /*border-color: rgba(255, 175, 189,1) !important;*/
    /*background-color: rgba(255, 201, 201,1) !important;*/
}

.form-group.has-error span{
	font-size: 0.8em !important;
	color: rgba(255, 48, 48,1) !important;
}







#loaderLogin img, .loader{
	width: 35px;
}

.loaderEnd{
  margin-top: 30px;
  width: 70px;
}

td.details-control {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../img/details_close.png') no-repeat center center;
}

.trActive{
	background: rgba(231, 46, 161, 0.2);
}



#modalValidateFile .modal-lg {
    max-width: 90%;
}



/**/
#divRename{
	margin-top: 40px;
}
.contentRename{
	-webkit-box-shadow: 1px 1px 2px 0px rgba(97,81,97,1);
-moz-box-shadow: 1px 1px 2px 0px rgba(97,81,97,1);
box-shadow: 1px 1px 2px 0px rgba(97,81,97,1);;
    padding: 35px;
}

.contentRename .divisor{
	border-right:  solid 1px rgba(97,81,97,0.3);
}

#iconValidatePdf{
	margin-top: 22%;
	width: 50%;
	height: 40px;
}

/* -------------title---------------- */

.title{
	text-transform: uppercase;
	font-size: 2em;
	color: rgba(36,56,113,1);
	font-weight: 600;

}

.title-file{
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 600;
	letter-spacing: 1px;
}

.subtitle{
	font-size: 1em;
	font-weight: 600;
}






.icon-menu div, .icon-menu-two div{
  background: rgba(36, 56, 113,1); 
  border-radius: 130px; 
  width: 120px; 
  margin: 0 auto; 
  height: 120px; 
  opacity: 0.9;
  -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.icon-menu div:hover, .icon-menu-two div:hover{
  opacity: 1;
}

.icon-menu img{
  width: 80%; 
  margin-top: 32px; 
}

.icon-menu-two img{
  width: 80%; 
  margin-top: 30px; 
}

.icon-menu h2, .icon-menu-two h2{
  margin-top: 20px;
  font-size: 20px;
}



/* -------------navbar---------------- */

.menu{
	background: rgba(36,56,113,1);
}

.menu .navbar-brand{
	color: rgba(255,255,255,1);
}

.navbar-collapse .navbar-nav a.nav-link {
	color: rgba(255,255,255,1);
	padding: 1rem 1rem;
}


/* -------------button---------------- */

.btn-main{
	outline: 0px;
	border: solid 1px rgba(36,56,113,0.8);
	color: rgba(255,255,255,1);
	background: rgba(36,56,113,0.9);
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border-radius: 0px;
    -webkit-box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
	-moz-box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
	box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
}

.btn-main:hover{
	background: rgba(36,56,113,1);
	border: solid 1px rgba(36,56,113,1);
	box-shadow: none;
	-webkit-box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
	-moz-box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
	box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
}

.btn-main:focus{
	box-shadow: none;
	-webkit-box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
	-moz-box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
	box-shadow: 0px 10px 19px -6px rgba(36,56,113,1);
}

/* ------------icon----------- */
.btn-outline-main {
  color: rgba(36,56,113,1);
  background-color: transparent;
  background-image: none;
  border-color: rgba(36,56,113,1);
  transition-duration: 0.4s;
}

.btn-outline-main:hover {
  color: #fff;
  background-color: rgba(36,56,113,1);
  border-color:rgba(36,56,113,1);
}

.btn-outline-main:focus, .btn-outline-main.focus {
  box-shadow: none;
}

.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}

/* ------------menu incidencia----------- */

#content-menu{
	/*background: rgba(36,56,113,0.8);*/
	width: 330px;
	border-radius: 3px; 
}

.menu-inci-one{
	background: rgba(36,56,113,0.8);
	width: 60px;
	color: #fff; 
 	font-size: 16px; 
 	border-right: solid 1px rgba(255,255,255,0.4); 
 	border-top-right-radius: 0px;  
 	border-bottom-right-radius: 0px; 
 	box-shadow: none;
}

.menu-inci-one:focus, .menu-inci-two:focus{
	box-shadow: none;
}

.menu-inci-two{
	background: rgba(36,56,113,0.8);
	color: #fff; 
	font-size: 16px; 
	width: 240px;
	border-top-left-radius: 0px;  
 	border-bottom-left-radius: 0px;
	box-shadow: none;
	margin-left: -4px;
}
/* -------------tablero---------------- */
.border-main{
	border-color: rgba(36,56,113,0.4);	
}

.border-main .card-header{
	background: rgba(36,56,113,0.1)
}


/* -------------checkbox---------------- */
.custom-control-label::before {
  border: solid 1px rgba(36,56,113,0.3);
  background: rgba(36,56,113,0.05);
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  background-color:  rgba(36,56,113,0.8);
  background: rgba(36,56,113,0.8);
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none;
}


/* -------------modal---------------- */

.modal {
	
	background: rgba(238,238,238,1);
}

 .modal .modal-content{
    z-index: 0;
    border-radius: 0px !important;
    border: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0) !important; 


	-webkit-box-shadow: 0px 0px 15px 0px rgba(36,56,113,0.8);
	-moz-box-shadow: 0px 0px 15px 0px rgba(36,56,113,0.8);
	box-shadow: 0px 0px 10px 0px rgba(36,56,113,0.8);

}


.modal .modal-header {
    padding: 15px;
    border: 1px solid rgba(36, 56, 113,1);
    background: rgba(36, 56, 113,1); 
    color: rgba(255,255,255,1);
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px; 
}

.modal .modal-body .row{
	margin-right: -16px; 
	margin-left: -16px;
}

.modal .modal-cabezera{
	background: rgba(36,56,113,0.9) !important; 
	border: solid 1px rgba(36,56,113,0.9) !important; 
	margin-top: -17px; 
	color: rgba(255,255,255,1);
}

.modal .close{
  color: rgba(255,255,255,1);
  font-weight: 100;
  opacity: 1;
  outline: none;
}


.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #fff;
  background: rgba(36,56,113,0.9);
  border-color: rgba(36,56,113,0.9);
  outline: none;
}


.pagination > li > a,
.pagination > li > span {
  	outline: none;
  	color: rgba(36,56,113,0.9);
  	background-color: #fff;
  	border: 1px solid #ddd;
  	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	outline: none;
	color: #fff;
  	background-color: rgba(36,56,113,0.9);
  	border-color: rgba(36,56,113,0.9);
}

.pagination > .page-item.active .page-link{
	background-color: rgba(36,56,113,0.9);
	border-color: rgba(36,56,113,0.9);
}

.pagination > .page-item.active .page-link:focus {
  	box-shadow: none;
}



/*--------------menu response--------------------*/
.navbar-dark .navbar-toggler {
	border: 1px solid #fff;
}


/*--------------menu response desplegable--------------------*/


.dropdown-item {
  	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}



.dropdown-item:hover, .dropdown-item:focus {
  color: #fff;
  text-decoration: none;
  background-color: rgba(36,56,113,0.9);
}

.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: rgba(36,56,113,0.9);
}


/*-----------------checkbox---------------*/

.inputGroup {
  	background: transparent;
  	width: 48%;
  	position: relative;
  	float: left;
  	height: 46px;
  	border: solid 1px rgba(36,56,113,0.4);
	-webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.inputGroup:hover {
 	background-color: rgba(36,56,113,0.9); 	
 	color: rgba(255,255,255,1);
}

.inputGroup label {
  	padding: 10px 30px;
  	display: block;
  	text-align: left;
  	/*color: #3c454c;*/
  	cursor: pointer;
  	position: relative;
  	z-index: 2;
  	/*transition: color 200ms ease-in;*/
  overflow: hidden;
}

.inputGroup label:before {
  	width: 10px;
  	height: 10px;
  	border-radius: 50%;
  	content: "";
  	background-color: rgba(36,56,113,0.9);
  	position: absolute;
  	left: 50%;
  	top: 50%;
  	-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
          transform: translate(-50%, -50%) scale3d(1, 1, 1);
  	transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  	opacity: 0;
  	z-index: -1;
}

.inputGroup label:after {
  	width: 28px;
  	height: 28px;
  	content: "";
  	border: 2px solid #d1d7dc;
  	background-color: #fff;
  	background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  	background-repeat: no-repeat;
  	background-position: 0px 2px;
  	border-radius: 50%;
  	z-index: 2;
  	position: absolute;
  	right: 30px;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  	cursor: pointer;
  	transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  	color: #fff;
}
.inputGroup input:checked ~ label:before {
  	-webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  	opacity: 1;
}

.inputGroup input:checked ~ label:after {
  background-color: rgba(36,56,113,0.1);
  border-color: rgba(255,255,255,1);
}

.inputGroup input {
  	width: 32px;
  	height: 32px;
  	order: 1;
  	z-index: 2;
  	position: absolute;
  	right: 30px;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  	cursor: pointer;
	visibility: hidden;
}