/* top bar notification */
@import url('https://fonts.googleapis.com/css?family=Raleway');

#info_message {
    display: none;
    width: 100%;
    height: 100px;
    position: absolute;
    position: fixed;
    z-index: 50000;
	border: 0 !important;
    margin: 0 0 0 -10px !important;
    padding: 0 !important;
	font-family: 'Raleway' !important;
	font-size: 12pt;
}

.center_auto {
	margin: 0 auto;
    width: 95%;
    padding: 40px 40px;
}

#info_message .message_area {
    float: left; 
    width: 98%;
}

#info_message .button_area {
    float: right;
    width: 16px;
    height: 16px;
    margin-top: 1px;
}

.info_close_btn  { color: #000; }

.error_bg {
    background: #c0392b;
	color: #fff;
}

.succ_bg {
    background: #16a085;
    color: #fff;
border-bottom: 1px solid #000;
}

.info_bg {
    background: #fff; /*2980b9;*/
    color: #000;
}

.warn_bg {
    background: #e81;
    color: #fff;
}

.info_bg .button_area, .warn_bg .button_area, .error_bg .button_area, .succ_bg .button_area {  
    cursor: pointer;
}

.clearboth {
    clear: both;
}

/* warning reservation tooltip container */

.light-red { color: #c32; }
.red { color: #810; }
.orange { color: #f91; }

.tooltip { padding: 10px 0 5px; }

.tooltip-link {
  position: relative;
  display: inline-block;
}

/* warning reservation tooltip text */
.tooltip-link .tooltiptext {
  visibility: hidden;
  width: 220px;
  background-color: #333;
  color: #fff;
  text-align: left;
  padding: 10px 10px;
  border-radius: 6px;
  font-size: 10pt;
 
  /* Position the warning reservation tooltip text */
  position: absolute;
  z-index: 1;
  
  bottom: 100%;
  left: 50%;
  margin-left: -120px;
  margin-bottom: 5px;
}

.tooltip-link .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}

/* Show the warning reservation tooltip text when you mouse over the tooltip container */
.tooltip-link:hover .tooltiptext {
  visibility: visible;
}