hr{
  margin-top: 10px;
  margin-bottom: 10px;
}
nav{
	width: 100%;
  position: fixed;
}
/*#navbarSupportedContent{
  max-height: 400px;
}*/
nav.navbar-inverse{
	background: white;
	border-color: white;
}
li.menuPC:hover{
	background: #d1ecf1;
}
/*thead{
	background: #f2f2f2;
}*/

/* Fix para modal sobre modal*/
.modal { 
  overflow-y: auto !important; 
}
/* Fin de Fix*/

#modal-dialog1,#modal-dialog2{
	width: 65%;
}

div.modal-content-package{
  width: 85%;
  max-width: 1024px;
}
div.divTable{
  width: 100%;
  overflow-x: auto;
}
#divTotalContentPackage{
	color: red;
	font-weight: bold;
	font-size: large;
}

.businessLogo{
	max-width: 100px;
}
.estado_cita,.sede{
	color: red;
}
/*#chkGender-error{
	display: block;
	font-weight: bold;
	position: absolute;
	margin-left: 225px;
	width: 200px;
}*/
.fc-more-popover{
	max-height: 400px;
	overflow-y: scroll;
}
/*.ui-menu,.ui-widget,.ui-widget-content,ui-autocomplete,ui-front{*/
.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	z-index: 1590 !important;
}
.divLoading{
	text-align: center;
}
.gifLoad{
	width: 40px;
	height: 40px;
}
#navBarTest{
	/*margin: 0 15px 0 15px;*/
}
#page-wrapper{
  width: 100%;
	/*height: 100%;*/
  padding: 15px 15px 15px 15px;
  overflow-y: auto;
  /*background-color: #B6E2F2;*/
  /*
  background-image: url('img/snow.png'), url('img/snow3.png'), url('img/snow2.png');
  animation: snow 20s linear infinite;
  */
}
.tr00{
	background-color: #D6EAF8;
}
.tr01{
	background-color: #EAF2F8;
}
.logoLogin{
	width: auto; 
}
.fa{
	width: 5px;
	margin-right: 10px;
}

@media screen and (max-width: 750px){
/*	#page-wrapper{
		margin-top: 50px;
	}*/
	#modal-dialog1,#modal-dialog2,#modal-dialog3,#modal-dialog3{
		width: 92%;
	}
	#tabla1_info{
		width: 100%;
	}
}		
input{
	text-transform: uppercase;
}
textarea{
	text-transform: uppercase;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
}
@media print{    
	.no-print, .no-print *{
		display: none !important;
	}
}
label.error{
	color: #e60000;
  position: absolute!important;
  right: 0px !important;
  text-align: right;
}
input.form-control,textarea.form-control,select.form-control{
	/*height: 35px;*/
}

/* Paste this css to your style sheet file or under head tag */
/* This only works with JavaScript, 
if it's not present, don't show loader */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../../../../img/load_page/preloader_2.gif) center no-repeat #FFF;
}

#tableNomRepet,#tableNearReservs{
	font-size: small;
	text-align: left;
}
#tableNomRepet{
  margin-left: 0;
  width: 100%;
}
#divTableNomRepet{
  max-height: 380px;
  overflow-y: auto;
}
.colPacID{
  width: 10%;
}
.colPacFullname{
	width: 35%;
}
.colPacBirthday{
  width: 10%;
}
.colPacPhone{
	width: 10%;
}
.colPacEmail{
	width: 35%;
}
/* Arreglo para el problema de que SweetAlert2 mostraba notificaciones más pequeñas debido a Bootstrap 3.3.7*/
/*.swal2-popup {
  font-size: 1.6rem !important;
}*/

#contentMsg{
  /*font-size: 30px;*/
  resize: vertical;
  min-height: 200px;
  max-height: 400px;
}
#detailCancel{
  resize: vertical;
  min-height: 150px;
  max-height: 300px;
}
#remitenteMsg,#userCancel{
	margin-top: 8px;
	font-weight: bold;
}
.dividerLine{
  border-top: 1px solid #ddd;
  /*border: 1px solid #cce6ff;
  /*border-radius: 15px;*/
}
textarea.form-control{
	min-height: 100px;
	max-height: 300px;
}

/*Para implementación de barra de navegación vertical BS4*/

/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

/*.vertical-nav {
  min-width: 17rem;
  width: 17rem;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  transition: all 0.4s;
}

.page-content, #page-wrapper {
  width: calc(100% - 17rem);
  margin-left: 17rem;
  transition: all 0.4s;
}

 for toggle behavior 

#sidebar.active {
  margin-left: -17rem;
}

#content.active {
  width: 100%;
  margin: 0;
}

@media (max-width: 768px) {
  #sidebar {
    margin-left: -17rem;
  }
  #sidebar.active {
    margin-left: 0;
  }
  #content {
    width: 100%;
    margin: 0;
  }
  #content.active {
    margin-left: 17rem;
    width: calc(100% - 17rem);
  }
}*/

.appIcon{
  margin-top: 0;
  width: 20px;
  height: 20px;
}

table.table tbody td {
  vertical-align: middle;
	/*padding: 2px 8px 2px 8px;*/
}

th.ellipsis, td.ellipsis {
  max-width: 300px;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Fix para los textos en el menú superior del layout */
@media screen and (max-width: 992px){
  html{
    min-height: 1110px;
    overflow-y: auto;
  }
  #page-wrapper{
    margin: 0 0 0 0;
  }
}