/**
 * Responsive Bootstrap Tabs by @hayatbiralem
 * 15 May 2015
 */
html, body{
	font-family: 'Raleway', sans-serif;
	margin: 0px;
	padding: 0px;
	
}

.center{
	text-align: center;
}

hr{
	border-top: 1px solid #939393;
	margin-top: 20px;
	/*width: 100%;*/
}

/**
	*My CSS xD
**/

.page-header{
	text-align: center;
}

#back{
	line-height: 0px;
	margin-bottom: 15px;
}

.mainAdmin, .mainCaptura{
	text-align: center;
}

#admin > .mainAdmin > button, #captura > .mainCaptura > button{
	margin: 50px;
}

li.active{
	box-shadow: 4px 2px 10px rgba(31, 27, 29, 0.5);
	border-radius: 4px 4px 0px;
}

.mainRevision{
	/*text-align: center;*/
}

.sugCliente{
	cursor: pointer;	
}

.sugCliente:hover{
	background-color: rgba(31, 27, 29, 1);
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.form-group.cliente {
    width: 100% !important;
}

select.cliente{
	display: none !important;
}

input.cliente{
	display: block !important;
	width: 50% !important;
}

.separador{
	display: none !important;
}

.modal-content{
	text-align: justify;
	padding: 10%;
}

.barra{
	background-color: #f3f3f3;
	border-radius: 5px;
	box-shadow: inset 0px 0px 5px rgba(0,0,0,.2);
	height: 25px;
	display: none;
}

.barra_azul{
	background-color: #247cc0;
	border-radius: 10px;
	display: block;
	height: 25px;
	line-height: 25px;
	text-align: center;
	width: 0%;
}

.barra_verde{
	background-color: #2ea265;
}

.barra_roja{
	background-color: #de3152;
}

#barra_estado span{
	color: #fff;
	font-weight: bold;
	line-height: 25px;
}

.disabled{
    pointer-events: none !important;
    background-color: gray !important;
    color: white !important;
}
/**
	*End My CSS xD
**/



@media screen and (max-width: 479px) {
	
	.separador{
		display: block!important;
	}
	
	select.cliente{
		display: block !important;
		width: 100% !important;
	}
	
	input.cliente{
		display: none !important;
	}
	
	#admin > .mainAdmin > button, #captura > .mainCaptura > button{
	margin: 40px auto auto;
  }
	
  .nav-tabs-responsive > li {
    display: none;
    width: 23%;
  }
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
  }
  .nav-tabs-responsive > li.active {
    width: 54%;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23%;
  }
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    display: block;
  }
  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
    -webkit-transition: none;
    transition: none;
  }
  .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {
    display: none;
  }
  .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .nav-tabs-responsive > li.prev > a:after {
    content: "\e079";
  }
  .nav-tabs-responsive > li.next > a:after {
    content: "\e080";
  }
  .nav-tabs-responsive > li.dropdown > a > .caret {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown > a:after {
    content: "\e114";
  }
  .nav-tabs-responsive > li.dropdown.active > a:after {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown.active > a > .caret {
    display: inline-block;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
    left: 0;
    right: auto;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }
}
/**
 * Demo Styles
 */
.wrapper {
  padding: 15px 0;
}

.bs-example-tabs .nav-tabs {
  margin-bottom: 15px;
}

@media (max-width: 479px) {
  #narrow-browser-alert {
    display: none;
  }
}
/**
 * Responsive Bootstrap Tabs by @hayatbiralem
 * 15 May 2015
 */
@media screen and (max-width: 479px) {
  .nav-tabs-responsive > li {
    display: none;
    width: 23%;
  }
  .nav-tabs-responsive > li > a {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    width: 100%;
    text-align: center;
    vertical-align: top;
  }
  .nav-tabs-responsive > li.active {
    width: 54%;
  }
  .nav-tabs-responsive > li.active:first-child {
    margin-left: 23%;
  }
  .nav-tabs-responsive > li.active, .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    display: block;
  }
  .nav-tabs-responsive > li.prev, .nav-tabs-responsive > li.next {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  .nav-tabs-responsive > li.next > a, .nav-tabs-responsive > li.prev > a {
    -webkit-transition: none;
    transition: none;
  }
  .nav-tabs-responsive > li.next > a .text, .nav-tabs-responsive > li.prev > a .text {
    display: none;
  }
  .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.next > a:after, .nav-tabs-responsive > li.prev > a:after, .nav-tabs-responsive > li.prev > a:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .nav-tabs-responsive > li.prev > a:after {
    content: "\e079";
  }
  .nav-tabs-responsive > li.next > a:after {
    content: "\e080";
  }
  .nav-tabs-responsive > li.dropdown > a > .caret {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown > a:after {
    content: "\e114";
  }
  .nav-tabs-responsive > li.dropdown.active > a:after {
    display: none;
  }
  .nav-tabs-responsive > li.dropdown.active > a > .caret {
    display: inline-block;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-left {
    left: 0;
    right: auto;
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-center {
    right: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .nav-tabs-responsive > li.dropdown .dropdown-menu.pull-xs-right {
    left: auto;
    right: 0;
  }
}
/**
 * Demo Styles
 */
.wrapper {
  padding: 15px 0;
}

.bs-example-tabs .nav-tabs {
  margin-bottom: 15px;
}

@media (max-width: 479px) {
  #narrow-browser-alert {
    display: block;
  }
  #admin > button{
	margin: 50px auto auto;
  }
}


.main-color{
	background-color: rgba(31, 27, 29, 1);
}

.text-main-color{
	color: #c4c4c4;
	font-size: 1.2rem; 
}

.a-text-color{
	color: rgba(31, 27, 29, 1);
	font-size: 13px;
	line-height: 80px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.nav > li > a:focus, .nav > li > a:hover{
	background-color: rgba(31, 27, 29, 0.6);
	color: white;
	
}