@charset "UTF-8";
.modal-header, h6, .close {
      background-color: #3c8dbc;
      color:white !important;
      text-align: center;
      font-size: 20px;
  }
  .modal-footer {
      background-color: #f9f9f9;
  }
  
.capaerrores{
	display:none;
	font-size: 12px;
	background-color: #FFB7B9;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top: 3px;
	font-weight: 100;
	color: #A50505;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	/*width: 182px;*/
	width:100%;
}
.capaexito{
	display:none;
	font-size: 12px;
	background-color: #8bea92;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 5px;
	margin-top: 3px;
	font-weight: 100;
	color: #276d2c;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
	width: 182px;
}
.capaexitoo{
	display:none;
	padding: 5px;
	margin-top: 3px;
	width: 100%;
}

.capaerroro{
	display:none;
	padding: 5px;
	margin-top: 3px;
	width: 100%;
}

.ver{ display:block;}

#myProgress {
  position: relative;
  width: 100%;
  height: 3px;
  /*background-color: #ddd;*/
  background-color:none;
  margin-bottom: 3px;
}

#myBar {
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #4CAF50;
}

#label {
  text-align: center;
  line-height: 30px;
  color: white;
}

#myBarError {
  position: absolute;
  width: 0%;
  height: 100%;
  background-color: #FF0000;
}

.loader {
  margin: 30% auto;	
  text-indent: -9999em;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3c8dbc;
  border-bottom: 16px solid #3c8dbc;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
}



/*.loader {
  font-size: 10px;
  margin: 30% auto;
  text-indent: -9999em;
  width: 11em;
  height: 11em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #FFF;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #0dcecb;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

*/

.error{color:#FF0000;}


.scrollbar-deep-purple::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-deep-purple::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-deep-purple::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #512da8; }

.scrollbar-cyan::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-cyan::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-cyan::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #3c8dbc; }

.scrollbar-dusty-grass::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-dusty-grass::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-dusty-grass::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(330deg, #d4fc79 0%, #96e6a1 100%);
  background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%); }

.scrollbar-ripe-malinka::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-color: #F5F5F5;
  border-radius: 10px; }

.scrollbar-ripe-malinka::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5; }

.scrollbar-ripe-malinka::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
  background-image: -webkit-linear-gradient(330deg, #f093fb 0%, #f5576c 100%);
  background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%); }

.bordered-deep-purple::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border: 1px solid #512da8; }

.bordered-deep-purple::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none; }

.bordered-cyan::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border: 1px solid #00bcd4; }

.bordered-cyan::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none; }

.square::-webkit-scrollbar-track {
  border-radius: 0 !important; }

.square::-webkit-scrollbar-thumb {
  border-radius: 0 !important; }

.thin::-webkit-scrollbar {
  width: 6px; }

.example-1 {
  position: relative;
  overflow-y: scroll;
  height: 600px; }
          
		  
 .errores{color:#FFFFFF; background:#F00;}

.login-box{	
	       border-top-left-radius: 4px;
		   border-top-right-radius: 4px;
		   
      }

.login-boxa{	
	       margin:230px 0 0 0;
      }

.error {
    color: #FF0000;
    font-style: normal;
	font-weight: normal;
}

.err {
    color: #FF0000;
    font-style: normal;
}

.cm{
  width: 16%; 
}

.cm{
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 5px;
}

.ss{
  margin: 10px 0 0 10px; 
}

#pswd_info {
    position:absolute;
    bottom:-146px;
    bottom: -115px\9; /* IE Specific */
    right:55px;
    width:250px;
    padding:15px;
    background:#fefefe;
    font-size:.875em;
    border-radius:5px;
    box-shadow:0 1px 3px #ccc;
    border:1px solid #ddd;
	z-index:1000;
}


#pswd_info h4 {
    margin:0 0 10px 0;
    padding:0;
    font-weight:normal;
}

#pswd_info::before {
    content: "\25B2";
    position:absolute;
    top:-12px;
    left:45%;
    font-size:14px;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
}


.invalid {
    /*background:url(../images/invalid.png) no-repeat 0 50%;*/
    padding-left:22px;
    line-height:24px;
    color:#ec3f41;
}
.valid {
    /*background:url(../images/valid.png) no-repeat 0 50%;*/
    padding-left:22px;
    line-height:24px;
    color:#3a7d34;
}

#pswd_info {
    display:none;
}

#password-strength-status {padding: 5px 10px;color: #FFFFFF; border-radius:4px;margin-top:5px;}
.medium-password{background-color: #E4DB11;border:#BBB418 1px solid;}
.weak-password{background-color: #FF6600;border:#AA4502 1px solid;}
.strong-password{background-color: #12CC1A;border:#0FA015 1px solid;}


/*#uploadForm {border-top:#F0F0F0 2px solid;background:#FAF8F8;padding:10px;}
#uploadForm label {margin:2px; font-size:1em; font-weight:bold;}*/
.demoInputBox{padding:5px; border:#F0F0F0 1px solid; border-radius:4px; background-color:#FFF;}
#progress-bar {background-color: #12CC1A;height:20px;color: #FFFFFF;width:0%;-webkit-transition: width .3s;-moz-transition: width .3s;transition: width .3s;}
/*.btnSubmit{background-color:#09f;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;}*/
#progress-div {border:#0FA015 1px solid;padding: 5px 0px;margin:30px 0px;border-radius:4px;text-align:center;}
#targetLayer{width:100%;text-align:center;}


.asc:after {
  content: ' ?';
}

.desc:after {
  content: " ?";
}


.pagination2 {
  display: inline-block;
}


legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
	}
	
	.pagination {
    /*display: inline-block;*/
  font-size: 13px;
  /*display: block;*/
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #ddd;
  
}

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

.pagination a.focus {
  background-color: #4CAF50;
  color: white;
  border: 1px solid #4CAF50;
}
.pagination a:hover:not(.active) {background-color: #ddd;}
.pagination a:hover:not(.focus) {background-color: #ddd;}

.control-label{font-weight:normal;}

.error {
    color: #FF0000;
	font-style:normal;
}


table{   
     font-style: normal;
     font-weight: normal;
     text-align:left;
     border-collapse:collapse;
     width:100%;
	 margin:1px 0 0 0;
	
	
}
table thead {
    padding:3px 0px 0 5px;
    text-align: left; 
    line-height:1.0em;
    
}

table th{
    padding:3px 0px 0 5px;    
    font-weight:normal;
	text-align: left; 
   /* border: 1px solid #666;*/
    line-height:1.0em;
	color:000;
	font-size:12px;
	background:#EEE;
}

table td{
    padding:3px 0px 0 5px;    
    font-weight:normal;
	text-align: left; 
   /* border: 1px solid #666;*/
    line-height:1.0em;
	color:000;
	font-size:11px;
	
}

.table2 table {  border-collapse: collapse; background:#FFF; width:100%;  }
.table2 table .table2 th, .table2 td{
    padding:3px 0px 0 5px;    
    font-weight:normal;
	font-size:10px;
	/*text-align: left; */
    border: 1px solid #F5F5F5;
	line-height:1.0em;
	margin:0;

}

.table2a table {  border-collapse: collapse; background:#FFF; width:100%;  }
.table2a table .table2a th, .table2a td{
    padding:3px 0px 0 5px;    
    font-weight:normal;
	font-size:11px;
	text-align: left; 
    border: 1px solid #F5F5F5;
	/*line-height:1.0em;*/

}

.fgris{background:#E0E0E0;}
.frojoS{background:#FFD2D2; }


.element {
	   /* height: 100px;*/
        min-height: 100px;
        /*width: 407px;*/
		width: 98%;
        box-shadow: 0 2px 5px #666666;
        padding: 10px;
		margin:5px;
    }	  
	  
	  
	  
.element ul {
        list-style-type: none;
        width: 400px;
} 

.element li {
        border-bottom: 1px solid #CCC;
        margin: 5px 0px 0px 5px;
		padding: 5px 0px 0px 5px;
		min-height:15px;
		pa
}



.element em { 
        color: #333;
        display: block;        
        line-height: 125%; 
		/*padding-left:150px;*/
		width:250px;
		margin:-13px 0px 0px 150px;
}

.element  span {
        color: #125F15;
        line-height: 150%;
}



.element2 {
        min-height: 100px;
        width: 94%;
        box-shadow: 0 2px 5px #666666;
        padding: 10px;
		margin-top:5px;
    }	  
	  
	  
	  
.element2 ul {
        list-style-type: none;
        width: 400px;
} 

.element2 li {
        border-bottom: 1px solid #CCC;
        margin: 5px 0px 0px 5px;
		padding: 5px 0px 0px 5px;
		min-height:15px;
		pa
}



.element2 em { 
        color: #333;
        display: block;        
        line-height: 125%; 
		/*padding-left:150px;*/
		width:250px;
		margin:-13px 0px 0px 150px;
}

.element2  span {
        color: #125F15;
        line-height: 150%;
}