@charset "utf-8";
/* CSS Document */
img{max-width:100%;}

body{ padding:25px; background:url(../img/body-bg.jpg) no-repeat left top / cover; background-attachment:fixed; position:relative; width:100%; height:100%;}

.bg{ background:url(../img/body-bg.jpg) no-repeat left top / cover; background-attachment:fixed;}
.wrapper{    box-shadow: 0px 0px 8px 2px #1B1B1B;}


.overlay{overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: 0.4;
	background:linear-gradient(to right, rgba(8,21,43,1) 0%,rgba(38, 111, 164, 1) 49%,rgba(8,21,43,1) 100%)}
ul, li{list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}

section{padding:20px 0 0; /*border:1px solid #DBD8D8; border-collapse:collapse;*/}
section#header{background:rgba(255,255,255,0.4); /*border:1px solid #D8D8D8;*/ border-bottom:none;}

table {
	width: 100%;
	border-collapse: collapse;
}


.pagination {
  height: 36px;
  margin: 18px 0;
  background:#fff;
  float:right;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination li {
  display: inline;
}
.pagination a {
  float: left;
  padding: 0 14px;
  line-height: 34px;
  text-decoration: none;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination a:hover,
.pagination .active a {
  background-color: #0469B0;
  color:#fff;
}
.pagination .active a {
  color: #fff;
  cursor: default;
}
.pagination .disabled span,
.pagination .disabled a,
.pagination .disabled a:hover {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination li:first-child a {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}
.pagination li:last-child a {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}


section#buscar{background:rgba(255, 255, 255, 0.8); padding:20px 0; border-top:none;}
section#buscar .left-part{border-radius:4px; border:1px solid #0469b0;}
section#buscar .left-part .title{padding:7px; color:#fff;  background:rgba(4, 105, 176, 0.8) }
section#buscar .left-part .content .select{margin:10px 0;}
section#buscar .left-part .content{padding:10px; overflow:hidden;}
section#buscar .left-part .content .select h5{font-weight:bold; padding:7px 0;}
section#buscar .left-part .content .select select{width:100%; padding:8px; border-radius:3px;}
section#buscar .left-part .content  .select form ul li input[type="text"]{width:100%; padding: 9px 5px}
section#buscar .left-part .content .button{text-align:center; margin:30px auto 0; width:40%;}
section#buscar .left-part .content .button input[type="submit"]{background:#0469b0; border:none; color:#fff; font-weight:bold; padding:14px 50px; width:100%; text-align:center; border-radius:7px; font-size:16px; letter-spacing:2px; margin-bottom:30px;}

section#buscar .left-part .content .button button.Btnn{background:#0469b0; border:none; color:#fff; font-weight:bold; padding:14px 50px; width:100%; text-align:center; border-radius:7px; font-size:16px; letter-spacing:2px; margin-bottom:30px;}
button.Btnn{background:#0469b0; border:none; color:#fff; font-weight:bold; padding:14px 50px; width:100%; text-align:center; border-radius:7px; font-size:16px; letter-spacing:2px; margin-bottom:30px;}
input#app-004,input#app-003 {background: #3071a9;margin-right: 25px;padding: 10px 15px;color: #fff;text-decoration: none;border-radius: 8px;margin-bottom: 15px;width: 200px;font-size: 18px;display: inline-block;border: 0;}


.reporte tr:nth-of-type(odd){background:#fff; color:#333333;}

select{font-size:14px;}


.apps-page h3{font-weight: bold; font-size:18px; margin-bottom:15px;}
section.apps-login{background:rgba(255, 255, 255, 0.8); padding:20px 0; border-top:none;}
section.apps-login .left-part{border-radius:4px; border:1px solid #0469b0;}
section.apps-login .left-part .title{padding:7px; color:#fff;  background:rgba(4, 105, 176, 0.8); text-align:center; }
section.apps-login .left-part .content .select{margin:10px 0;}
section.apps-login .left-part .content{padding:10px; overflow:hidden;}
section.apps-login .left-part .content .select h5{font-weight:bold; padding:7px 0;}
section.apps-login .left-part .content .select select{width:100%; padding:8px; border-radius:3px;}
section.apps-login .left-part .content  .select form ul li input[type="text"]{width:100%; padding: 9px 5px}
section.apps-login .left-part .content .button{text-align:center; margin-top:30px;}
section.apps-login .left-part .content .button input[type="submit"]{background:#0469b0; border:none; color:#fff; font-weight:bold; padding:14px 50px; width:40%; text-align:center; border-radius:7px; font-size:16px; letter-spacing:2px; margin-bottom:30px;}

input.readOnly{cursor:not-allowed; background:#eee; border:1px solid #999;}
section.apps-login .content .contents p{font-size: 16px;}
section.apps-login .content .contents .buttn{width: 60%; margin:0 auto; text-align:center;}
section.apps-login .content .contents .buttn button.btnn{background:#3071a9; margin-right: 25px; padding:10px 15px; color:#fff; text-decoration:none; border-radius: 8px; margin-bottom:15px; width:200px; font-size:18px; display:inline-block; border:0;}

section.apps-login .content .contents .buttn a{background:#3071a9; margin-right: 25px; padding:10px 15px; color:#fff; text-decoration:none; border-radius: 8px; margin-bottom:15px; width:200px; font-size:18px; display:inline-block;}

	/*Start Media Queries*/
section.apps-login.app2 .left-part h4.title{color:#fff; background:rgba(4, 105, 176, 0.8);}
section.apps-login.app2 .left-part .inte1 h5.title{text-align:left;}
section.apps-login.app2 .left-part .inte2 h5.title{text-align:left;}



/*page-20 table*/
.bg_color_1{background:#8496b0; cursor:pointer; color:#fff; border:1px solid #A4A7AB;font-size:14px; padding:5px; border:1px solid #000; border-bottom:none}
.bg_color_2{background:#deeaf6; cursor:pointer; font-size:14px; padding:5px; border:1px solid #A4A7AB;}
.conts table{margin-bottom:10px;}
.conts h5{font-size:18px; margin-bottom:10px; font-weight:bold;}
section.apps-login .content .contents .Selects{width: 80%; margin:0 auto;}
section.apps-login .content .contents .Selects .slect{margin:0 auto 20px; width:60%; font-size:16px; width:100%;}
section.apps-login .content .contents .Selects .slect input{float:left; margin-right:10px;}
section.apps-login .content .contents .Selects .slect label{max-width:83%}
/*page-20 table*/


tr.color_col{font-size:16px; font-weight:bold;}
td.btsn{width: 25%;}
td.blues{color:#0469af; width:25%;}
td.greens{color:#10a655; width:25%;}
td.yellows{color:#f19300; width: 25%;}
td.reds{color:#e1001a; width:25%;}
td.color-blue{color:#0469af;}
td.color-green{color:#10a655;}
td.color-yellow{color:#f19300;}
td.color-red{color:#e1001a;}
/*End Progress Bar*/
/*.panel-reports td, tr{border:2px solid #ccc !important;}*/

table#New_table td{font-size:16px;}
table#New_table span.texts{font-weight:bold; color:#000;}
table#New_table td h5{color:#666;}



/*td.bg_color_1 label{width:20px; height:20px;}
td.bg_color_2 label{width:20px; height:20px;}*/
span.bg_colorr{ /*background:#FFF;*/ padding:5px; width:30px;}

.bg_color_1 label,.bg_color_2 label{font-weight:normal;}


	@media only screen and (min-width: 1024px) and (max-width: 1099px) {


	}

	@media only screen and (min-width: 992px) and (max-width: 1023px) {
	}

	@media only screen and (min-width: 768px) and (max-width: 991px) {

		.detal .control-label{width: 40%;}

		.row.Progressi-11 .col-sm-1{width:10.6% !important;}
		.row.Progressi-13 .col-sm-1{width:10.6% !important;}
		section.ingresar1 .left-part .inte1{margin-bottom:20px;}
		.panel_reports .headd{height:135px;}
		.headd.col-sm-3.borderde{padding:15px !important;}
	}


	@media only screen and (min-width: 641px) and (max-width: 767px) {

		section.ingresar1 .left-part .inte1{margin-bottom:20px;}
		.table-mobile{display:block;}
		.table-desktop{display:none;}

	}

	@media only screen and (min-width: 480px) and (max-width: 640px) {

		.navbar-default .navbar-nav>li{width:100%;}

		.detal .control-label{width: 45%;}

		.header_block{width:48%;}
		.header_block2{width:45%;}

		section#buscar .left-part .content .button{margin:20px auto 0; display:block; width:100%;}

		section#buscar .left-part .content .button input[type="submit"]{margin:0 auto; padding:10px 20px; width:50%;}

		section#listar .left-part .content .button{margin:20px auto 0; display:block; width:100%;}
		section#listar .left-part .content .button input[type="submit"]{margin:20px auto 0; padding:10px 20px; display:block; width:50%;}
		section#ingresar .left-part .content .button{margin:20px auto 0; display:block; width:100%;}
		section#ingresar .left-part .content .button input[type="submit"]{margin:20px auto 0; padding:10px 20px; display:block; width:50%;}
		section.ingresar-ccv .left-part .content .button{margin:20px auto 0; display:block; width:100%;}
		section.ingresar-ccv .left-part .content .button input[type="submit"]{margin:20px auto 0; padding:10px 20px; display:block; width:50%;}
		section.ingresar-ccv .left-part .content input{width:25px;}
		section.ingresar1 .left-part .inte1{margin-bottom:25px;}
		.ingresar-ccv .left-part p{font-size: 12px;}
		.table-mobile{display:block;}
		.table-desktop{display:none;}
		section.apps-login .left-part .content .button input[type="submit"]{width: 56% !important;}
		.panel-reports .Headd h5{font-size:14px;}
		.bottom_btn label{width:100%;}
		.panel-reports .Headd{width:100%; float:none; margin:10px auto 15px;}

		.panel_reports .lefts_bar2 .bottoms .col-sm-3:first-child .buttons{border-left:1px solid #ddd;}
		.panel_reports .lefts_bar2 .bottoms .col-sm-3:last-child .buttons{border-right:1px solid #ddd;}
		.panel_reports .lefts_bar2 .bottoms .col-sm-3:first-child .titel{border-left:1px solid #ddd;}
		.panel_reports .lefts_bar2 .bottoms .col-sm-3:last-child .titel{border-right:1px solid #ddd;}
		.panel_reports .proggess{float:none !important;}
		.panel_reports .lefts_bar{height:auto; border-left:1px solid #ddd;}
		.borderde{border-bottom:0; height:auto !important; padding:8px !important;}
		.panel_reports .lefts_bar2 .foot_bottom{border-left:1px solid #ddd; border-right:1px solid #ddd;}
		.panel_reports .headd2{border-right:1px solid #ddd; height:125px;}
		.bg_color_1{font-size:10px; text-align:left;}

		.bg_color_2{font-size:10px; text-align:left;}

		section.ingresar1 .left-part .content .btnn button.Bttn{width:100%;}



	}

	@media only screen and (min-width: 320px) and (max-width: 479px) {

		.detal .control-label{width: 45%;}
		.navbar-default .navbar-nav>li{width:100%;}
		.header_block{width:100%;}
		.header_block2{width:45%; display:none;}
		.header_block.btn-group, .btn-group-vertical{margin-left:29px;}
		section#buscar .left-part .content .button{margin:20px auto 0; display:block; width:100%;}
		section#buscar .left-part .content .button input[type="submit"]{margin:0 auto; padding:10px 20px; width:90%;}
		section#listar .left-part .content{padding:5px;}
		section#listar .left-part .content .button{margin:20px auto 0; display:block; width:100%;}
		section#listar .left-part .content .button input[type="submit"]{margin:20px auto 0; padding:10px 20px; display:block; width:100%;}
		section#ingresar .left-part .content .button{margin:20px auto 0; display:block; width:100%;}
		section#ingresar .left-part .content .button input[type="submit"]{margin:20px auto 0; padding:10px 20px; display:block; width:100%;}
		section.ingresar-ccv .left-part .content .button{margin:20px auto 0; display:block; width:100%;}
		section.ingresar-ccv .left-part .content .button input[type="submit"]{margin:20px auto 0; padding:10px 20px; display:block; width:100%;}
		section.ingresar-ccv .left-part .content input{width:30px;}
		section.ingresar1 .left-part .inte1{margin-bottom:30px;}
		.pagination{height:75px;}
		.ingresar-ccv .left-part p{font-size: 12px;}
		.table-mobile{display:block;}
		.table-desktop{display:none;}
		section.apps-login .content .contents p{font-size:14px;}
		section.apps-login .content .contents .buttn{width:100%;}
		section.apps-login .content .contents .buttn a{display:block; margin-bottom:0 auto 10px; width:100%;}
		section.apps-login .left-part .content .button input[type="submit"]{font-size:12px !important;}
		.bottom_btn label{width:100%;}
		p.text-justify.repo{margin-top:6%; font-size:14px;}
		.bottom_btn .col-xs-3{width:50%;}

		.panel-reports .Headd{width:100%; float:none; margin:10px auto;}
		.panel-reports .Headd h5{font-size: 14px;}

         section.ingresar1 .left-part .content .btnn{width:100%}
		 section.apps-login .content .contents .Selects .slect label{max-width:83%}
		 .panel_reports .lefts_bar2 .bottoms .col-sm-3:first-child .buttons{border-left:1px solid #ddd;}
		 .panel_reports .lefts_bar2 .bottoms .col-sm-3:last-child .buttons{border-right:1px solid #ddd;}
		 .panel_reports .lefts_bar2 .bottoms .col-sm-3:first-child .titel{border-left:1px solid #ddd;}
		 .panel_reports .lefts_bar2 .bottoms .col-sm-3:last-child .titel{border-right:1px solid #ddd;}
		 .panel_reports .proggess{float:none !important;}
		 .panel_reports .lefts_bar{height:auto; border-left:1px solid #ddd;}
		 .borderde{border-bottom:0; height:auto !important; padding:8px !important;}
		 .panel_reports .lefts_bar2 .foot_bottom{border-left:1px solid #ddd; border-right:1px solid #ddd;}
		 panel_reports .headd2{border-right:1px solid #ddd;}
		 .panel_reports .lefts_bar2 .bottoms .col-sm-3 h3{font-size:12px;}
		 .panel_reports .lefts_bar2 .titless h3{font-size:12px;}
		 .panel_reports .lefts_bar2 .foot_bottom h4{font-size:12px;}
		 .panel_reports .headd2{height:auto; padding:20px 0;}
		 .panel_reports .headd2 h5{margin-top:0;}
		 .bg_color_1{font-size:11px; text-align:left;}
		 .bg_color_2{font-size:11px; text-align:left;}
		 section.ingresar1 .left-part .content .btnn button.Bttn{width:100%;}
		 .panel-reports .panel-body{font-size:12px;}

	}

	/*End Media Queries*/

.Btn2{
  text-align:center; 
  margin:5px auto 0; 
  width:100%;
  padding:14px 30px;
  font-weight: bold;
}