.cssInput{
	margin:0 auto; 
	text-align:left;
	width:280px;
	padding:5px;
	font-weight: bold;
	background:#fff;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	box-shadow: 0 0 4px #ccc; 
	-webkit-box-shadow: 0 0 4px #ccc; 
	-moz-box-shadow: 0 0 4px #ccc;	
}

div.error {
	color: red;
}

.botonguardar{
	position: relative;
	float: center;
	display: block;
	padding:5px;
	width:130px;
	font-weight: bold;
	background:#fff;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	box-shadow: 0 0 4px #ccc; 
	-webkit-box-shadow: 0 0 4px #ccc; 
	-moz-box-shadow: 0 0 4px #ccc;
}

.botonsinborde{
	position: relative;
	float: center;
	font-weight: bold;
	text-decoration: underline;
	display: block;
	padding:5px;	
	background:#fff;
	border: none; 	
}

.cssButton {			
	font-size: 12px;
	background: #fff no-repeat 4px 5px;
	display: inline-block;
	padding: 5px 20px 6px;
	color: #333;
	border:1px solid #ccc;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.2em;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	position: relative;
	cursor: pointer;
	outline:none;
}

/*Estilo de los pasos*/
fieldset {
	border:none;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

.prev, .next { 
	background-color:rgb(255,205,0); 
	padding:5px 10px; 
	color:#fff; 
	text-decoration:none;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0 1px 3px #999;
}

.prev:hover, .next:hover {
	color: #ffffff;
	background-color:rgb(77,77,77);
}

.prev { 
	float:left;
}

.next { 
	float:right;
}

#steps { 
	list-style:none; 
	width:100%; 
	overflow:hidden; 
	margin:0px; 
	padding:0px;
}

#steps li {
	font-size:24px; 
	float:left; 
	padding:10px; 
	color:#b0b1b3;
}

#steps li span {
	font-size:11px; 
	display:block;
}

#steps li.current { 
	color:#000;
}

#makeWizard { 
	background-color:#b0232a; 
	color:#fff; 
	padding:5px 10px; 
	text-decoration:none; 
	font-size:18px;
}

.cssInputToken{
	margin:0 auto; 
	text-align:left;
	width:100px;
	padding:5px;
	font-weight: bold;
	background:#fff;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	box-shadow: 0 0 4px #ccc; 
	-webkit-box-shadow: 0 0 4px #ccc; 
	-moz-box-shadow: 0 0 4px #ccc;	
}

/*---HEADER---*/
/* .navbar{
	margin-bottom:0.5;
} */
/* .navbar {
    
    max-height: 20px;
    margin-bottom: 20px;
    border: 1px solid transparent;
} */

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #EEEEEE;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.sidebar .nav-item p {
	color: #FFFFFF !important;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #001e72;
	background-color: transparent;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #6C6A70;
}

.navbar-inverse .navbar-nav > li > a {
  color: #6C6A70;
}
 
.navbar-inverse {
	border: 1px solid #dddddd;
	border-radius: 15px;
	background: #EEEEEE 50% top repeat-x;
	color: #362b36;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #6C6A70;
  background-color: #008763;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #6C6A70;
    background-color: #EEEEEE;
	border-radius: 5px;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #6C6A70;
    background-color: #EEEEEE;
	border-radius: 5px;
}
.modal-content2 {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	padding: 3% 4%;	
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-dialog-top {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.modal-dialog-conf{
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  height: 100% !important; padding-top:5%;
}

.modal-body {
	max-height: calc(100vh - 210px); overflow-y: auto; 
} 

.positionConfirm {
    position: absolute !important;
}

.modal-backdrop { 
    visibility: hidden !important; 
} 
.modal.in { 
    background-color: rgba(0,0,0,0.5); 
} 

.btn-default {
  color: #ffffff;
  background-color: rgb(255,205,0);
  border-radius: 10px;
}
.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: rgb(255,205,0);
}
.btn-default:hover {
  color: #ffffff;
  background-color: rgb(77,77,77);
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: rgb(77,77,77);
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: rgb(77,77,77);
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
	color: #ffffff;
	background-color: rgb(77,77,77);
}
.btn-default .badge {
  color: #fff;
  background-color: rgb(77,77,77);
}

.advertencia{
	color: #fdac07;	
}

.textoAdevertencia{
	font-size:1.0rem;
}

.confirmacion{
	color: rgb(255,205,0);	
}

.textoConfirmacion{
	font-size:1.0rem;
}

#modalData1{
  width: 80% !important;
}

#modalData2{
  width: 60% !important;
}

.thumbnail1 {
  display: block;
  padding: 25px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
  width: 98%;
  margin: auto;
}

.p-t-10 {padding-top: 10px;}
.p-t-20 {padding-top: 20px;}
.p-t-30 {padding-top: 30px;}
.p-t-40 {padding-top: 40px;}
.p-t-50 {padding-top: 50px;}
.p-t-60 {padding-top: 60px;}
.p-t-70 {padding-top: 70px;}
.p-t-80 {padding-top: 80px;}
.p-t-90 {padding-top: 90px;}
.p-t-100 {padding-top: 100px;}


.calendar-day, .calendar-day-head{
    border: 1px solid #ddd;
    padding: 5px;
}
.calendar-day-head{
    background: #ddd;
}

.disponible{
	display:inline-block;
	width:50%;
	height:calc(1.5em + .75rem + 2px);
	padding:.375rem 1.75rem .375rem .75rem;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#0056b3;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #ced4da;
	border-radius:.25rem;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none		
}

.no-disponible{
	display:inline-block;
	width:50%;
	height:calc(1.5em + .75rem + 2px);
	padding:.375rem 1.75rem .375rem .75rem;
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#ed2605;
	vertical-align:middle;
	background-color:#fff;
	border:1px solid #ced4da;
	border-radius:.25rem;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none		
}

.hora-disponible{
	display:inline-block;
	border:1px solid #ced4da;
	border-radius:.25rem;
	width:100%;
	height:calc(1.5em + .75rem + 2px);
	padding:.375rem 1.75rem .375rem .75rem;	
	font-weight:400;
	line-height:1.5;
	color:#0056b3;
	vertical-align:middle;
	background-color:#fff;	
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none		
}
#progressBarToken {
  width: 90%;
  margin: 10px auto;
  height: 22px;
  background-color: #212529;
}

#progressBarToken div {
  height: 100%;
  text-align: right;
  padding: 0 10px;
  line-height: 22px; /* same as #progressBarToken height if we want text middle aligned */
  width: 0;
  background-color: rgb(255,205,0);
  box-sizing: border-box;
}