/** General Custom CSS **/
.main {
  height:100%!important;
}

.center-block {
  margin: auto;
  display: block;
  padding: 5px;
}

#message-block {
  position:fixed;
  z-index: 1500;
  left: 50%;
  max-width: 80%;
}

#message {
  position:relative;
  left:-50%;
  top: 0;
}

.widget-footer {
  background: #FFF;
  border: 1px solid #D5D5D5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.left {
  float:right!important;
  margin-right: 5px;
}

.small-form-margin {
  margin-bottom: 8px!important;
}

.paymentMethod, .paymentCash {
  height: 100px;
  padding-top:50px;
}

.dropdown-menu-sub {
  list-style: none;
}

#massMapService, #burialMapService,
#hospitalMapService, #clientAddressMapCremation,
#clientInstitutionMap {
  width:90%;
  height:250px;
  margin-left: 10px;
}

#printFullPage {
  display: none;
}

.stockLocation:hover {
  cursor: pointer;
}

/** Notifications CSS **/

#notification-total {
  display: inline-block;
  font-size: 9px;
  font-weight: bold;
  border-radius: 25px;
  background-color: rgba(255, 0, 0, 0.9);;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: -12px;
}

.notification-bell {
  color:#fff;
}

.notification-bell:hover {
  color:#BBB;
  text-decoration: none;
}

.dropdown {
  display:inline-block;
  margin-left:20px;
  padding:10px;
}

#notifications {
  min-width:420px; 
}
  
#notifications-wrapper {
  overflow:auto;
  max-height:250px;
}
    
#menu-title {
  color:#1F0F11;
  font-size:20px;
  display:inline-block;
} 
   
#notification-heading {
 	padding:2px 10px;
  margin-top: 10px; 
}
      
        
.dropdown-menu.divider {
  margin:5px 0;          
}

.item-title {  
  font-size:15px;
  color:#000;
}

.item-info {
  font-size:12px;
}

#notifications-wrapper a {
  white-space: normal;
}

.unseen {
  text-decoration: none;
  background: rgba(68, 189, 158, 0.47);
}
    
.notification-item {
  margin:5px;
  border-radius:4px;
}

.cajaOptions > button {
  margin-left: 10px;
  margin-top: 10px;
}

 /*** Notes CSS ***/

 #notes {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;  
  border: 1px solid rgb(221, 221, 221);
  border-radius: 4px;
 }

 #notes-heading {
  padding-top: 8px;
  padding-left: 8px;
 }

 #chatbox-container {
  height: 207px;
  overflow-y: auto;
  overflow-x: hidden;
 }

 #noNote {
  margin-left:15px;
  margin-bottom:10px;
  font-style:italic;
 }
 .chatbox {
  padding-top:  6px;
  background-color: white;
  margin:8px;
 }

 .author{
  font-size: 12px;
 }

 .message{
  font-size: 14px;
 }

 .messageTime {
  font-size: 10px;
  font-style: italic;
 }

 .owner > .messageTime,
 .owner > .author {
  text-align: right;
 }

 #noteResponseText {
  width: 90%;
  margin-left: 20px;
  margin-top: 6px;
  resize: none;
 }

/** Media query for screens smaller than 400px **/
@media screen and (max-width: 400px) {
	#notifications {
   		min-width: 300px;

	}
	.form-inline > .form-group > label {
		width:0!important;
		text-align: right;
	}
  #profile {
    position: static;
  }
}

.white {
	background-color: #fff!important;
}

.dark {
  background-color: rgba(16, 16, 16, 0.75)!important;
}

.top {
  position: fixed!important;
  position:absolute;
  top:0;
  height:100%;
  width:100%;
  z-index: 100;
  padding-top: 200px;
}

.top-interior {
  position: relative;
  z-index: 200;
}

.center {
  margin: auto;
}

.clickable {
  cursor: pointer;
}

.border-bottom {
	margin-bottom: 50px;
	border-bottom: 2px solid black;
}

.table-compras {
  height: 290px;
  overflow-y: auto;
}

.table-order-details {
  height:253px;
  overflow-y: auto;
}

.table-type1 {
	height: 210px;
	overflow-y: auto;
}

.table-type2 {
	height: 320px;
	overflow-y: auto;
}

.table-type3 {
	height: 420px;
	overflow-y: auto;
}

.table-type4 {
  height: 520px;
  overflow-y: auto;
}

#menuItems > tr:hover > td {
  background-color: transparent;
}

#menuItems > tr > td {
  height:60px;
  text-align: center;
}

#current-category {
  height:30px;
  vertical-align: middle;
  text-align: center;
  font-size: small;
}

#backButton {
  width: 80px;
  height: 42px;
}

#backButton:hover {
  cursor:pointer;
}

.list-type1 {
	max-height: 120px;
	overflow-y: auto;
}


/** Staff CSS **/
.dia-trabajado > td {
  background-color: #00FF004D !important;
}

.medio-dia > td {
  background-color: #0000FF4D !important;
}

.dia-vacaciones > td {
  background-color: #FFFF004D !important;
}

.dia-entrenamiento > td {
  background-color: #8000804D !important;
}

.dia-ausente > td {
  background-color: #FF00004D !important;
}

.dia-libre > td {
  background-color: #FFA5004D !important;
}

.dia-doble > td {
  background-color: #00FFFF4D !important;
}


/** Vertical Offsets **/

.v-offset-1 {
	margin-bottom: 10px;
}

.v-offset-2 {
	margin-bottom: 20px;
}

.v-offset-3 {
  margin-bottom: 30px;
}
.v-offset-4 {
  margin-bottom: 40px;
}

.center-row {
  display:table;
}
.center-col {
  display:table-cell;
  vertical-align:middle;
  float:none;
}

.short-text {
  width:90px!important;
}

.stock-header {
  font-size:20px;
}

.form-inline > .form-group > label, .label-w-1 {
	width:100px;
	text-align: right;
}

.modal-backdrop {
  z-index: 90!important;
}

.modal {
  z-index: 100!important;
}

.menuElement {
  cursor:pointer;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}