/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 04/12/2017, 12:17:50 PM
    Author     : Gladiator P61
*/

/* FF : add by James on 02/09/2025 */
:root
{
    --cm-safearea-bottom: env(safe-area-inset-bottom, 0px);
}

body 
{
    padding-top: 40px;
    padding-left: 0;
}

@media (min-width: 768px) {
    body
    {
        padding-left: 290px;
    }
}

body.model_dialog_open
{
    overflow: hidden;
}

@media (min-width: 768px) {
    /*for dropdown hover, not for mobile version*/
    .dropdown-autohover:hover>.dropdown-menu {
        display: block;
    }

    .dropdown-autohover>.dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }
}

#header_client
{
    padding-top: 0;
    padding-bottom: 0;
}

#header_client .nav-link
{
    color:white;
    padding-left:4px;
    padding-right:4px;
}

/* color for Reservation System tab */
#header_client .nav-item.bg_update247pms
{
    background-color: #218ee2;
}

#header_client .nav-item.bg_update247pms_inactive
{
    background-color: #CC3300;
}

/* background color for calendar tab */
#header_client .nav-item.bg_calendar
{
    background-color : #ae01cc;
    font-weight: bold;
}

/* header tab links hover background color */
#header_client .nav-item:hover
{
    background-color : #28a745;
}

/* background color for all dropdown tabs' links - onmouseover */
#header_client .nav-item .dropdown-menu .dropdown-item:hover
{
    background-color : #196cab;
    color : #ffffff;
}

/* tab link icon position */
#header_client .link-text-icon
{
    position: relative;
    top: 2px;
}

#btn_headermenu_collapse
{
    padding-left:0.25rem;
    padding-right:0.25rem;
    padding-top:0;
    padding-bottom:0;
    height:32px;
    border-color: white;
}

#header_client .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#btn_sidemenu_collapse
{
    padding-left:0.25rem;
    padding-right:0.25rem;
    height:32px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    border-color: rgba(24, 166, 137, 0.8);
    margin-top:4px;
}

#btn_sidemenu_collapse .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(24, 166, 137, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

#btn_sidemenu_collapse:focus, #btn_sidemenu_collapse:hover {
    outline: none;
}

#span_header_prop_name, #header_total_rooms, #header_invoices, #span_header_prop_id, #header_prop_control
{
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
    color: #ffffff;
    margin-top:4px;
    margin-bottom:4px;
    text-decoration: none;
}

#header_username
{
    font-size: 14px;
    line-height: inherit;
    white-space: nowrap;
    color: #ffffff;
    margin-top:11px;
    margin-left:3px;
}

#header_dollar_sign
{
    background-color:#fdad00;
    border-radius: .25rem;
    padding: .25em .4em;
      font-size: 75%;
}

#header_client .headermenu_admin
{
    color: #fdad00 !important;
}

#sidemenu_client
{
    font-size: 14px;
    background-color: #2f4050;
    width: 290px;
    position: fixed;
    top: 40px;
    bottom: 0;
    left: 0;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    line-height:18px;
    z-index: 1030;
}

.update247_sidemenu_show
{
  display: none;
}

@media (min-width: 768px) {
   .update247_sidemenu_show
   {
       display: block;
   }
}

#sidemenu_search
{
    margin: 6px 0 6px 15px;
    width: 250px;
    line-height: 15px;
    font-size: 12px;
}

#sidemenu_client .btn_sidemenu_submenu_collapse
{
    width: 30px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    border-color: white;
    color: white;
    font-size:12px;
}

#sidemenu_client .navbar
{
    padding: 0%; 
}

#sidemenu_client .nav_first_level
{
    width: 100%; 
}

#sidemenu_client .btn_sidemenu_submenu_collapse:focus {
  outline: none;
}

#sidemenu_client .nav-link
{
    padding-left: 16px;
    /*color: #a7b1c2;*/
    color:white;
}

#sidemenu_client .nav-link:hover
{
    background-color: #293846;
    /*color: white;*/
    font-weight: bold;
}

#sidemenu_client .nav_second_level
{
    padding-left: 0;
    list-style: none;
}

#sidemenu_client .nav_second_level .nav-link
{
    padding-left: 28px;
}

#sidemenu_client .nav_third_level
{
    padding-left: 0;
    list-style: none;
}

#sidemenu_client .nav_third_level .nav-link
{
    padding-left: 40px;
}

#sidemenu_client .badge
{
    margin-top:2px;
}

#sidemenu_client .sidemenu_admin
{
    color: #fdad00;
}

#sidemenu_client .active
{
    background-color: #218ee2;
    color: white;
}

.update247_submenu_show
{
  display: none;
}

@media (min-width: 768px) {
   .update247_submenu_show
   {
       display: block;
   }
}

#submenu_client
{
    margin-left:-10px;
    margin-right:-10px;
}
.submenu_no_margin
{
    margin-bottom:2px;
}

.submenu_margin
{
    margin-bottom:16px;
}

.submenu_margin2
{
    margin-bottom:4px;
}

#submenu_client .submenu_admin
{
    color: #fdad00 !important;
}

#submenu_client .nav-link
{
    padding-top:0px;
    padding-bottom:4px;
    padding-left:8px;
    padding-right:8px;
}

main
{
    padding-top: 4px;
    padding-bottom: 10px;
}

main.model_dialog_open
{
    background: rgb(0, 0, 0);
    opacity: 0.5;
}

input.input_calendar_pos
{
    width: 0px;
    visibility: hidden;
    border: 0px;
    padding: 0px;
}

div.div_calendar_pos
{
    display: none;
    margin-left: 2px;
    z-index: 1;
}

a.advanced_options
{
    color: #f4540b;
    cursor: pointer;
    text-decoration: underline;
}

a.advanced_options:hover
{
    color: #f4540b;
}

th
{
    font-weight: 600 !important;
    vertical-align: middle !important;
}

input.form-check-input
{
    margin-top:6px !important;
}

label.col-form-label
{
    padding-top:2px !important;
}

label.form-check-label
{
    padding-top:2px !important;
}

span
{
    padding-top:2px !important;
}

label.label_no_padding
{
    padding-top:0 !important;
}

span.span_no_padding
{
    padding-top:0 !important;
}

label.checkbox_padding
{
    padding-left:20px;
}

b
{
    font-weight:600;
}

.table-borderless td, .table-borderless th {
    border: none;
}

.td-leftborder
{
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: rgb(233, 236, 239);
}

.td-rightborder
{
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: rgb(233, 236, 239);
}

.td-bottomborder
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(233, 236, 239);
}

input.update247_input_text, textarea.update247_input_text
{
  width: 310px;
}

@media (min-width: 768px) {
   input.update247_input_text, textarea.update247_input_text, div.update247_input_text
   {
       width:540px;
   }
}

input.update247_input_text_2, textarea.update247_input_text_2
{
    width: 310px;
}

input.input_calendar_no_select
{
    width: 110px;
    background-color: white !important;
    margin-right:1px;
}

input.input_calendar_no_select:disabled
{
    background-color: #e9ecef !important;
}

input.input_calendar_with_weekday
{
    width: 152px;
}

a.cal_icon 	{background-image:url(../../images/sprites.png); background-position:0 -130px; background-repeat:no-repeat; margin-bottom:-6px; width:24px; height:24px; display:inline-block;}
a.cal_icon img 	{border:0; width:24px; height:24px; display:block;}

.questionrow
{
    margin-right: 15px;
    padding-left:5px;
    padding-bottom:5px;
}

div.update247_div_second_row, p.update247_div_second_row
{
    margin-top:3px;
}

@media (min-width: 576px) {
   div.update247_div_second_row, p.update247_div_second_row
   {
       margin-top:0px;
   }
}

.ul_ajax_response
{
    padding-left: 0;
    list-style: none;
}

.ul_ajax_response li
{
    cursor:pointer;
}

.ul_ajax_response li:hover
{
    background-color: #007bff;
    color: white;
}

.tr_booking_modified
{
    background-color: #fcf574 !important;
}

.tr_booking_cancelled
{
    background-color: #f98e8e !important;
}

.update247_div_bulk_allotment
{
    margin-right:10px;
}

@media (min-width: 768px) {
   .update247_div_bulk_allotment
   {
       margin-right:20px;
   }
}

.update247_div_bulk_minstay
{
    margin-right:4px;
}

@media (min-width: 768px) {
   .update247_div_bulk_minstay
   {
       margin-right:20px;
   }
}

.update247_title_bar
{
    margin-bottom:5px;
    font-size:20px;
    line-height:38px;
    font-weight:bold;
}

a.print, a.print:link, a.print:visited{color: #f4540b;text-decoration: none; font-weight:600;}
a.print:hover{color: #f4540b;text-decoration: underline; font-weight:600;}

a.update{color: #f68616; text-decoration: underline;}
a.update:link {color:#f68616; text-decoration:none; font-weight:bold;}
a.update:hover {color: #f68616; text-decoration: underline; font-weight: bold;}
a.update:visited {color:#f68616; text-decoration:none; font-weight:bold;}

a.small_links {text-decoration: none; font-size:15px;}
a.small_links:hover {color:black; text-decoration:underline;}
span.small_links_separator {margin-left:6px; margin-right:6px;}
a.show_small_links {color: #f68616}

.stylerow0 		{background-color:#ffffff;}
.stylerow1 		{background-color:#f2f2f2;}

.style0                 {background-color:#e5e5e5; text-align:center; width:40px;}
.style1 		{background-color:#ffffff; text-align:center; width:40px;}
.style2 		{background-color:#62a1dd; text-align:center; width:40px;}
.style3                 {background-color:#888888; width:5px;}
.white			{color:white;}
.digits5                {width:54px;}
.digits8                {width:78px;}

.style_date_title        {line-height:15px; height:52px;font-size:14px;}
.style_date_title2       {line-height:15px; height:66px;font-size:14px;}

/* #DP-24-08-17-4649 : style for date container in mobi view */

.style_date_title_mobi 
{
    line-height: 14px;
    height: 32px;
    font-size: 14px;
}

.style_date_title_mobi.fix_to_top
{
    position: relative;
    box-shadow: 0px 2px 2px #4d4b4b;
    top : 0; 
    background-color: #FFF; 
    z-index : 1;
}

.style_date_title_mobi .style_span_date_title_mini
{
    font-size : 0.75em;
}

.style_roomname		{height:22px;line-height: 18px;}
.style_roomoccupancy    {background-color:#d2d2d2; color:#636363; height:22px;line-height: 18px;}
.style_roomtypename
{
    background-color:#888888;
    height:22px;
    line-height: 18px;
}
.style_roomtypename_no_margin
{
    padding-left:2px;
    margin-right:0;
    margin-left:0;
}

.header_roomgroup
{
    height:16px;
    margin-top:2px;
    width:8px;
    margin-right:1px;
}

.header_calendar
{
    background-color:white !important;;
    height:26px;
}
.header_calendar_select
{
    height:26px !important;
    padding-top:0;
    margin-top:1px;
}

.style_propname a                       {color:#FFFFFF; font-weight:bold;}
.style_propname a:hover			{text-decoration:none;}

.style_roomname a.remove		{color:#CC0606; border:solid 1px #CC0606; font-size:11px;padding-left:2px;padding-right:2px;}
.style_roomname a.summary               {color:#636363;}
.style_roomname a:hover			{color:#000000; text-decoration:none;}
.style_roomname a.inactive              {color:#fc050e; font-size:13px;}
.style_roomname a.activate		{background:#339900; color:#FFFFFF; border:solid 1px #006600;font-size:11px;padding-left:2.5px;padding-right:2.5px;}
.style_roomname a.deactivate	        {color:#FF0000; border:solid 1px #FF0000;font-size:11px;padding-left:2px;padding-right:2px;}

.style_roomtypename a.summary		{color:#FFFFFF;}
.style_roomtypename a.summary:hover	{text-decoration:none;}

.style_roomtypename a.assignroomtype			{color:#1565B1; border:solid 1px #1565B1; font-size:11px;}
.style_roomtypename a.assignroomtype:hover		{text-decoration:none;}

.stopsell, .minstay, .maxstay, .cta, .ctd, .addition, .minstay_master, .maxstay_master	      {height:22px; line-height: 18px; background-color:#ebf4fb;}
.stopsell_room, .minstay_room, .maxstay_room, .cta_room, .ctd_room, .addition_room  {color:#1760a6; font-size:14px;}

.addition a.editdetails         {font-size:12px;}
.addition a.editdetails:hover    {text-decoration:none;}

.system_name a.activate, .system_name a.deactivate, .system_name a.site_login, .system_name a.settings {color:#fcd600; font-size:15px;}
.system_name a.activate:hover	{color:#79D100;text-decoration:none;}
.system_name a.deactivate:hover {color:#FF0000;text-decoration:none;}
.system_name a.settings:hover {color:#FF0000;text-decoration:none;}
.system_name a.site_login:hover	{color:#79D100;text-decoration:none;}
.system_name span.site_status   	{font-size:18px;}
.system_name span.site_status_active	{color:#79D100;font-size:18px;}
.system_name span.site_status_inactive	{color:#FCD600;font-size:18px;}

.btn_system_details .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(24, 166, 137, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

a.roomoccupancy         {font-size:14px; color:#636363;font-weight:600;}
a.roomoccupancy:hover	{text-decoration:none;}

.div_gt {
	border-width: 1px;
	border-style: solid;
	border-color: #cad5df;
	width:40px;
        height:22px;
	letter-spacing:0px;
	text-align: center;
	background: #FFFFFF;
	color: black;
        font-size:14px;
        font-weight:600;
}
.div_z {
	border-width: 1px;
	border-style: solid;
	border-color: #cad5df;
	width:40px;
        height:22px;
	letter-spacing:0px;
	text-align: center;
	background:#555555;
	color:#FFFFFF;
        font-size:14px;
        font-weight:600;
}
.div_l {
	border-width: 1px;
	border-style: solid;
	border-color: #cad5df;
	width:40px;
        height:22px;
	letter-spacing:0px;
	text-align: center;
	background:#FE2712;
	color:#FFFFFF;
        font-size:14px;
        font-weight:600;
}

/* #DP-24-09-02-4754 : change font-size to 15px */
.div_textfield_effect 
{
    border-width: 1px;
    border-style: solid;
    border-color: #cad5df;
    width:40px;
    height:22px;
    letter-spacing:0px;
    text-align: center;
    background: #FFFFFF;
    color: black;
    /* font-size:14px; */
    font-size: 15px;
}

/* DP- */
.div_tempavail_style
{
    background-color: #ffefbf;    
}

.div_tempavail_style0
{
    /* dark yellow for avail = 0 */
    /* background-color: #beaa6b;     */

    /* actually need to use same color as > 0 availability for now */
    background-color: #ffefbf; 
}

.div_minstay_effect, .div_maxstay_effect {
	border-width: 1px;
	border-style: solid;
	border-color: #cad5df;
	width:40px;
        height:22px;
	letter-spacing:0px;
	text-align: center;
	background: #FFFFFF;
	color: black;
        font-size:12px;
        /*add padding-bottom for .minstay_effect, .maxstay_effect does not work, change logic to add padding-top for .div_minstay_effect, .div_maxstay_effect*/
        padding-top:1px;
}

.div_style_rate0 	{background-color:#555555; color:#d7d7d7;}
.div_style_stopsell0	{background-color:#7F0000; color:#ffffff;}

.div_digits5
{
    width:54px;
}

.div_digits8
{
    width:78px;
}

.t_gt {
	border-width: 1px;
	border-style: solid;
	border-color: #cad5df;
        width:40px;
        height:22px;
	letter-spacing:0px;
	text-align: center;
        background: #FFFFFF;
	color: black;
        font-size:14px;
        padding-bottom:4px;
        font-weight:600;
}
.t_z {
	border-width: 1px;
	border-style: solid;
	border-color: #cad5df;
        width:40px;
        height:22px;
	letter-spacing:0px;
	text-align: center;
	background:#555555;
	color:#FFFFFF;
        font-size:14px;
        padding-bottom:4px;
        font-weight:600;
}
.t_l {
	border-width: 1px;
	border-style: solid;
	border-color: #cad5df;
        width:40px;
        height:22px;
	letter-spacing:0px;
	text-align: center;
        background:#FE2712;
        color:#FFFFFF;
        font-size:14px;
        padding-bottom:4px;
        font-weight:600;
}

/* #DP-24-09-02-4755 : change font-size to 15px */
.textfield_effect 
{
    border-width: 1px;
    border-style: solid;
    border-color: #cad5df;
    width:40px;
    height:22px;
    letter-spacing:0px;
    text-align:center;
    background: #FFFFFF;
    color: black;
    /* font-size:14px; */
    font-size : 15px;
    padding-bottom:4px;
}

.minstay_effect, .maxstay_effect {
	border-width: 1px;
	border-style: solid;
	border-color: #cad5df;
	width:40px;
	height:22px;
	letter-spacing:0px;
	text-align:center;
        background: #FFFFFF;
        color: black;
        font-size:12px;
}

.t_digits5
{
    width:54px;
}

.t_digits8
{
    width:78px;
}

.style_rate0 		{ background-color:#555555; color:#d7d7d7;}
.style_stopsell0	{ background-color:#7F0000; color:#ffffff;}

/* DP- : text color black */
.highlight              { background-color:#83f74a;color:#000;}

p.booking_report_header
{
    font-size:18px;
    font-weight:600;
    margin-bottom:0;
}

table.table_report
{
    font-size:14px;
    line-height:15px;
    margin-bottom:0;
}

a.ratelinked            {background:#339900; color:#FFFFFF; border:solid 1px #006600;font-size:11px;padding-left:2px;padding-right:2px;}
a.roomsiterate          {color:#f4540b;text-decoration:underline;cursor:pointer;}

a.map-room:link, a.map-room:visited
{
	background:url(../../images/icon_map-rooms.gif) left 50% no-repeat;
	padding:0px 10px 4px 23px; 
	line-height:20px; 
	color:#f4540b; 
	text-decoration:none; 
	display:inline-block;
}
a.map-room:hover	{color:#000000; text-decoration:underline;}

a.activate-room:link, a.activate-room:visited	
{
	background:url(../../images/icon_activate-rooms.gif) left 50% no-repeat;
	padding:0px 0px 4px 23px; 
	line-height:20px; 
	color:#339900; 
	text-decoration:none; 
	display:inline-block;
}
a.activate-room:hover	{color:#000000; text-decoration:underline;}	

a.pms-summary:link, a.pms-summary:visited
{
	padding-top:2px;
	line-height:20px;
	color:#339900;
	text-decoration:none;
	display:inline-block;
}
a.pms-summary:hover	{color:#000000; text-decoration:underline;}

.view-chart {margin-top:3px;}
.view-chart a.activate		{background:#339900; color:#FFFFFF; border:solid 1px #006600; text-decoration:none; display:inline-block; width:18px;text-align:center;}
.view-chart a.deactivate            {color:#FF0000; border:solid 1px #FF0000; text-decoration:none; display:inline-block; width:18px;text-align:center;}
.view-chart a.remove		{color:#CC0606; border:solid 1px #CC0606; text-decoration:none; display:inline-block; width:18px;text-align:center;}
.view-chart a:hover			{background:#ebebeb; color:#000000; border:solid 1px #444444;}

.view-chart a.map:link, .view-chart a.map:visited		{color:#f4540b; text-decoration:none;}
.view-chart a.map:hover	{text-decoration:underline;}

a.message_link
{
    cursor:pointer;
    text-decoration-line:none;
    color:#464646;
    display:block;
    width:100%;
}

a.message_link:hover
{
    background-color: #F3EFF8;
}

.td_user_admin_5577
{
    background:		#fdad00;
}

a.anchor {
    display: block;
    position: relative;
    top: -40px;
    visibility: hidden;
}

h3.faq
{
    color:#2066A9;
}

h4.faq
{
    background:#CCCCCC;
}

h3.faq a, h4.faq a {color:#2066A9;}

a.top {background:url("../../images/arrow_up.png") left 50% no-repeat; margin:5px 0; padding:0 0 0 25px; display:inline-block;}
a.top:hover {background:url("../../images/arrow_up-a.png") left 50% no-repeat; margin:5px 0; padding:0 0 0 25px; display:inline-block;}

a.edit {background:url("../../images/icon_edit.png") right 50% no-repeat; margin:0; padding:0 25px 5px 0; min-height:20px; display:inline-block}
a.edit:hover {background:url("../../images/icon_edit-a.png") right 50% no-repeat; margin:0; padding:0 25px 5px 0; min-height:20px; display:inline-block}

.stripe_btn {
    -moz-user-select: none;
    background: rgba(0, 0, 0, 0) url("../../images/update247-payment-gateway.png") no-repeat scroll left top;
    border: 0 none;
    border-radius: 4px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: inline-block;
    height: 100px;
    margin-bottom: 1px;
    padding: 1px;
    text-decoration: none !important;
    width: 500px;
}

#link_copy_default_inc
{
    background:url(../../images/b_copy-default-inclusions.gif) no-repeat;
    margin:0px auto;
    padding-left:40px;
    cursor:pointer;
    width:200px;
    height:22px;
    font:bold 12px/22px Arial, Helvetica, sans-serif;
    color:#FFFFFF;
    display:block;
}

#div_copy_site_inc
{
    background:url(../../images/b_copy-inclusions-from.gif) center no-repeat;
    text-align: center;
    width: 300px;
}

#link_copy_site_inc
{
    font:bold 12px/26px Arial, Helvetica, sans-serif;
    color:#FFFFFF;
}

select#cp_inc
{
    line-height: 15px;
    font-size: 12px;
}

span.orange
{
    padding-top:4px !important;
    width: 20px;
    color: #f4540b;
}

span.bold
{
    font-weight:bold;
}

.show_bookings
{
    background:#888888;
    color:#FFFFFF;
    font-size:22px;
    margin-left:-15px;
    margin-right:-15px;
    padding-right:2px;
    margin-bottom:1px;
}

.header_availability
{
    background-color:#276bac;
    color:#FFFFFF;
    font-size:22px;
    margin-left:-15px;
    margin-right:-15px;
    padding-left:10px;
    padding-right:2px;
}

.last_bookings
{
    margin-left:-10px;
    margin-right:-10px;
}

.header_navigation
{
    background-color: #c2c2c2;
    margin-left:-15px;
    margin-right:-15px;
    padding-left:2px;
    padding-right:2px;
}

.system_name
{
    background-color: #505050;
    color:#FFFFFF;
    font-size:22px;
    margin-left:-15px;
    margin-right:-15px;
    padding-left:15px;
    padding-right:10px;
}

.system_tip
{
    color:red;
    margin-left:-15px;
    margin-right:-15px;
    padding-left:10px;
}

.header_tips
{
    margin-left:-15px;
    margin-right:-15px;
    margin-top:5px;
    margin-bottom:5px;
    padding-left:2px;
}

.div_calendar
{
    flex-wrap:nowrap;
    margin-left:-15px;
}

.div_calendar_room
{
    background-color: #ffffff;
    z-index:1;
}

.div_calendar_room_show
{
    display: none;
}

@media (min-width: 768px) {
    /*for dropdown hover, not for mobile version*/
    .div_calendar_room_show
    {
        display: block;
    }
}

.div_calendar_room_abbr_show
{
    display: block;
}

@media (min-width: 768px) {
    /*for dropdown hover, not for mobile version*/
    .div_calendar_room_abbr_show
    {
        display: none;
    }
}

@media (max-width: 768px) {
    /*for dropdown hover, not for mobile version*/
    .img_show_rates
    {
        width: 150px;
    }
}

.form_row_no_margin
{
    margin-left:0px;
    margin-right:0px;
}

/*add by racon 13/02/2015, for roommanager page, now support different width for different client screen*/
.btn_pre_day
{
    background: url(../../images/b_prev.gif) no-repeat left top;
    width: 78px;
    display:inline-block; 
    padding-left:28px;
    color: white;
    font-size:14px;
    font-weight:bold;
    height: 22px;
    text-decoration:none;
    line-height:19px;
}

.btn_pre_day:hover
{
    color: white;
    text-decoration:none;
}

/*add by racon 13/02/2015, for roommanager page, now support different width for different client screen*/
.btn_next_day
{
    background: url(../../images/b_next.gif) no-repeat right top;
    width: 78px;
    display:inline-block; 
    padding-left:22px;
    color: white;
    font-size:14px;
    font-weight:bold;
    height: 22px;
    text-decoration:none;
    line-height:19px;
}

.btn_next_day:hover
{
    color: white;
    text-decoration:none;
}

.btn_show_calendar_room
{
    width:25px;
    height:25px;
    padding-top:0;
    padding-left:6px;
}

.btn_invoice_remove
{
    padding-top:0;
    padding-bottom:0;
    padding-right:4px;
    padding-left:4px;
    margin-left:0;
    margin-top:2px;
}

/* DP- */
div.ui-dialog 
{
    z-index: 1100;
}

#jquery_dialog_popup_iframe
{
    padding: 0;
}

div.div_calendar_popup_iframe_container iframe
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

div.div_calendar_popup_iframe_container_ipad
{
    overflow:auto !important;
    -webkit-overflow-scrolling:touch !important;
}

div.div_calendar_popup_iframe_container_ipad iframe
{
    border: 0;
}

/*add by racon 30/01/2020, for group dropdown out of screen*/
@media (min-height: 768px) {
    #header_menu .dropdown-menu
    {         
        max-height:800px;
        overflow-y: auto;
    }
}

@media (max-height: 768px) {
    #header_menu .dropdown-menu
    {         
        max-height:500px;
        overflow-y: auto;
    }
}

/*for multiDatesPicker, remove color for active element*/
div.div_multi_datespicker .ui-state-active
{
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}

/*for AirBnb calendar unavailable dates to be same color as stopsell*/
#div_room_calendar_airbnb .ui-state-highlight a
{
    background-color: #7F0000 !important;
}

/*use > tbody > tr > td to only remove border for child td, leave grandchild td*/
#tbl_booking_content > tbody > tr > td
{
    border: none;
}

.booking_guest_details td
{
    padding-top: 2px;
    padding-bottom: 2px;
    height:25px;
}

.tr_table_striped_0
{
    background-color: rgba(0,0,0,.05);
}

/*** added 28 May 2015 by Charleene ***/
a.maprooms:link, a.maprooms:visited 		{background: #7aafdd; /* Old browsers */
                                       font-size:14px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYWZkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU0YTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #7aafdd 0%, #0054a6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7aafdd), color-stop(100%,#0054a6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7aafdd 0%,#0054a6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7aafdd 0%,#0054a6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7aafdd 0%,#0054a6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7aafdd 0%,#0054a6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aafdd', endColorstr='#0054a6',GradientType=0 ); /* IE6-8 */
border:solid 1px #1760A6; -moz-border-radius:12px; border-radius:12px; color:#FFFFFF; padding:0 12px 3px 12px; font-weight:bold; text-decoration:none;
white-space:nowrap;
}
a.maprooms:hover	{background:#666666; border:solid 1px #333333; color:#FFFFFF; text-decoration:none;}

/*Added By James on 08-Jan-2021*/
/* #DP-24-08-17-4647 : add z-index */
#div_bottom_fixed
{
    position: fixed;
    bottom: 0;
    background: white;
    width: 100%;
    left: 0;
    padding: 4px 0px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    z-index : 1;
}

#div_bottom_fixed > div
{
    padding-left: 290px;
}

/* #DP-24-08-17-4648 : add by James on 17/08/2024 */

/* style for rate calendar td selection */
.td_daily_room_mult_select_room_date > div:not(.div_rate_container_root), .td_daily_room_mult_select_room_date > input, 
.td_daily_room_mult_select_room_date > .div_rate_container_root > div > div,
.td_daily_room_mult_select_room_date > .div_rate_container_root > div > input
{
    background-color: #9c27b0 !important;
    color : #fff !important;
    outline : none !important;
}

/* style for rate calendar td selection first date */
.td_daily_room_mult_select_room_date_initial > div:not(.div_rate_container_root), .td_daily_room_mult_select_room_date_initial > input, 
.td_daily_room_mult_select_room_date_initial > .div_rate_container_root > div > div,
.td_daily_room_mult_select_room_date_initial > .div_rate_container_root > div > input
{
    background-color : #944dff !important;        
}

.td_disable_text_selection div
{
    user-select : none;
    -webkit-user-select : none;
    -ms-user-select : none;
}

.td_disable_text_selection input
{
    pointer-events :  none;
}

/* --- Rate Minstay (mini - bottom right) display related css */

.div_rate_container_root.show_minstay:not(.div_rate_date_minstay_style1)
{
    position: relative;
}

.div_rate_container_root .span_rate_minstay
{
    display : none;
}

.div_rate_container_root.show_minstay:not(.div_rate_date_minstay_style1) .span_rate_minstay
{
    display: inline-block;
    position: absolute;
    bottom: 2px;
    right: 1px;
    font-size: 10px;
    line-height: 10px;
    border-radius: 50%;
    padding: 1px !important;
}

/* text-align left and give left padding if display rate minstay (mini) */
.div_rate_container_root .div_textfield_effect
{
    text-align : left !important;
    padding-left : 2px;
}

/* text-align left and give left padding if display rate minstay (mini) */
.div_rate_container_root .textfield_effect
{
    text-align : left !important;
    padding-left : 2px;
}

/* Rate Minstay (mini - bottom right) display related css --- */

/* top calendar fixed navbar CSS -- */

/* #div_top_calendar_navigation_bar_mobi
{
    background-color: #e9e8e8;
    position: fixed;
    top: 40px;
    left: 0;
    z-index: 10;
    width: 100%;
    padding: 6px 5px;
} */

#div_top_calendar_navigation_bar_mobi
{
    background-color: #e9e8e8;
    margin-top : -4px;
    margin-left: -15px;
    width: calc(100% + 30px);
    padding: 6px 5px;
}

#div_top_calendar_navigation_bar_mobi.fix_to_top
{
    position: fixed;
    top: 40px;
    left: 0px;
    z-index: 10;
    width: 100%;
    margin-left: 0px;
    margin-top : 0px;
}

/* calendar icon style */
.btn_calendar_mobi_style
{
    background: none;
    color : #04488d;
    border: none;
    font-size: 1.3em;
    line-height: 0;
    vertical-align: middle;
    outline: none !important;
    padding : 0px;
    margin-top: -2px;
}

/* month year span */
#span_input_month_year_mobi
{    
    display: inline-block;
    padding: 1px 6px 4px !important;
    line-height: 20px;
    border-radius: 3px;
    font-weight: 600;
    min-width: 85px;
}

/* color for odd month */
#span_input_month_year_mobi.style_month_odd
{
    background-color: #FFF;
    color: #0057aa;  
}

/* color for even month */
#span_input_month_year_mobi.style_month_even
{
    background-color: #62a1dd;
    color: #FFF;
}

/* -- top calendar fixed navbar CSS : ends*/

/* Link icon for room abbr */

.span_room_abbr_rate_group_link
{
    display: inline-block;
    line-height: 10px;
    font-size: 10px;
    padding: 3px 3px !important;
    margin-right: 1px;
    background: #017201;
    color: #FFF;
    border-radius: 3px;
}

/* Touch device rate edit container */

#div_bottom_touch_device_value_edit_container
{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1030;
}

#div_bottom_touch_device_value_edit_input_container
{
    background-color: #FFF;
    width: calc(100% - 10px);
    min-height : 250px;
    max-height: calc(100% - 10px);
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%, 0%);
    box-sizing : border-box;
    border-radius : 3px;
    padding-top : 35px;
    padding-bottom : 55px;
}

#div_bottom_touch_device_value_edit_input_container_header
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    /* border: 1px solid red; */
    height : 35px;
    box-sizing : border-box;
    /* padding-right : 70px;  */
}

#btn_header_close_touch_device_value_edit
{
    padding: 5px;
    line-height: 0;
    border: none;
    background: none;
    vertical-align: top;
    border-top-left-radius: 3px;
    color: #8b8b8b;
    outline : none !important;
    box-shadow : none !important;
    margin-left: 5px;
    margin-top: 5px;
}

#span_bottom_touch_device_value_edit_input_container_title
{
    position: absolute;
    top : 0;
    right: -1px;
    background: #aaaaaa;
    color: white;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 10px;
    display: inline-block;
    padding: 3px 6px;
}

#div_bottom_touch_device_value_edit_input_container_content
{
    padding : 5px 10px;
}

/* #DU-24-09-10-4876 : Edit rate panel table tr , td CSS  -- */

/* alternate row colors */
#div_bottom_touch_device_value_edit_input_container_content table > tbody > tr:nth-child(even)
{
    background-color : #f0f0f0;
}

#div_bottom_touch_device_value_edit_input_container_content table > tbody > tr > td
{
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: top;
}

/* room name */
#div_bottom_touch_device_value_edit_input_container_content table > tbody > tr > td:nth-child(1)
{
    padding-left : 5px;
}

/* #DU-24-09-10-4876 : Edit rate panel table tr , td CSS ENDS  -- */

#div_bottom_touch_device_value_edit_input_container_footer
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 50px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-sizing : border-box;
    text-align : right;
}

#div_bottom_touch_device_value_edit_input_container_footer > button
{    
    font-size: 1.4em;
    border-radius: 8px;
    outline: none !important;
    box-shadow: none !important;
}

#btn_save_touch_device_value_edit
{
    width: calc(100% - 10px - 50px);
}

#div_bottom_touch_device_value_edit_input_container_footer > img
{
    vertical-align: top;
    margin-top: 5px;
    margin-left: 5px;
}

#div_bottom_touch_device_value_edit_input_container_footer.show_loading_img > #btn_save_touch_device_value_edit,
#div_bottom_touch_device_value_edit_input_container_footer.show_success_response > #btn_save_touch_device_value_edit
{
    width: calc(100% - 10px - 50px - 40px);
}

#div_bottom_touch_device_value_edit_input_container_footer:not(.show_loading_img) > #img_loading_touch_device_value_edit,
#div_bottom_touch_device_value_edit_input_container_footer:not(.show_success_response) > #span_success_response_touch_device_value_edit
{
    display : none;
}

.disable_scroll_by_touch_device_value_update
{
    overflow : hidden !important;
}

/* #DU-24-09-10-4870 -- : change id to multi id element selector #some_id -> [id^="some_id-"] */

/* #input_touch_device_value_edit-new_value */
[id^="input_touch_device_value_edit-new_value-"]
{
    font-size : 2.5em;
    font-weight : 600;
}

/* #DU-24-09-10-4871 : new value input when display multiple rooms */
[id^="input_touch_device_value_edit-new_value-"].display_multi_rates
{
    font-size : 1.5em;
    line-height: 1;
}

/* #DU-24-09-10-4872 :  add line-height */
/* #span_touch_device_value_edit-curr_value */ 
[id^="span_touch_device_value_edit-curr_value-"]
{
    font-size:2.5em;
    font-weight:600;
    line-height: 30px;
}

/* #DU-24-09-10-4873 : curr value text when display multiple rooms */
[id^="span_touch_device_value_edit-curr_value-"].display_multi_rates
{
    font-size:1.5em;
}

/* #DU-24-09-10-4874 : room name style */
[id^="span_touch_device_value_edit-curr_room_name-"]
{
    display: inline-block;
}

#span_touch_device_value_edit-room_name
{
    padding: 2px 5px !important;
    margin-top: 5px;
    display: inline-block;
    line-height: 16px;
    font-size: 16px;
}

/* #div_touch_device_value_edit-value_diff */
[id^="div_touch_device_value_edit-value_diff-"]
{
    position:absolute;
    width:34px;
    top:0;
    left:0;
    height:100%;
}

/* #span_touch_device_value_edit-value_diff */
[id^="span_touch_device_value_edit-value_diff-"]
{
    position:absolute;
    top:calc(50% - 15px);
    right:5px;
    transform:translateY(-50%);
    font-size:15px;
    min-width:20px;
    line-height:16px;
    padding: 3px 5px !important;
}

/* #span_touch_device_value_edit-value_diff_arrow */
[id^="span_touch_device_value_edit-value_diff_arrow-"]
{
    font-size:24px;
    position:absolute;
    right:5px;
    transform:translateY(50%);
    line-height:0px;
    bottom:calc(50% - 8px);
}

/* style for minstay input, can add selector to #input_touch_device_value_edit-new_value */
/* #input_touch_device_value_edit-new_minstay */
[id^="input_touch_device_value_edit-new_minstay-"]
{
    font-size: 2.5em;
    font-weight: 600;
}

/* #DU-24-09-10-4875 : minstay input when display multiple rooms */
[id^="input_touch_device_value_edit-new_minstay-"].display_multi_rates
{
    font-size: 1.5em;
    line-height: 1;
}

/* style for touch device rate / minstay input placeholder */
/* #input_touch_device_value_edit-new_value::placeholder, #input_touch_device_value_edit-new_minstay::placeholder */
[id^="input_touch_device_value_edit-new_value"]::placeholder, [id^="input_touch_device_value_edit-new_minstay"]::placeholder
{
    font-size: 16px;
    color : #d4d4d4;
}

/* -- #DU-24-09-10-4870 ENDS */

/* Touch device rate edit container -- ends */

/* style for bottom button container loader image for #div_bottom_fixed */
.div_bottom_fixed-div_image_loader_for_mobi
{
    display:inline-block;
    margin-left : 5px;
}

/* style for property name title row */
.span_calendar_prop_name_style_for_mobi
{
    display: block;
    background: #343a40;
    color: #fffff3;
    margin-left: -15px;
    width: calc(100% + 30px);
    padding: 3px 4px 5px !important;
    font-size: 1.1em;
    line-height: 1.1em;
    /* margin-bottom: 5px; */
    margin-top : 5px;
}

/* calendar rate save btn css */
.roommanager_save_btn_style
{
    min-width : 300px;
}

/* #DU-24-09-12-4908 : now loader and success message display within the button */
/* modified by racon 09/12/2024, change .roommanager_save_btn_style.show_loader to .show_loader, now we will use .show_loader for ownership change script */
/*.roommanager_save_btn_style.show_loader,
.roommanager_save_btn_style.show_success*/
.show_loader,
.show_success
{
    position: relative;
}

/*.roommanager_save_btn_style.show_loader:not(.show_success)::after*/
.show_loader:not(.show_success)::after
{
    background-image: url(../../images/update247.gif);
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    content: "";
    position: absolute;
    right: 5px;
    top : 50%;
    transform: translateY(-50%);
}

/*.roommanager_save_btn_style.show_loader:not(.show_success)::before*/
.show_loader:not(.show_success)::before
{
    background-color: #FFF;
    width: 26px;
    height: 25px;
    content: "";
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
}

/*.roommanager_save_btn_style.show_success::after*/
.show_success::after
{
    content: "\2714 Done";
    background-color: #fffbd6;
    color: #000;
    position: absolute;
    right: 5px;
    display: inline-block;
    padding: 0px 5px;
    border-radius: 3px;
}

 /* daterangepicker custom css --- */

.daterangepicker.display_both_calendar .drp-calendar.left .next, .daterangepicker.display_both_calendar .drp-calendar.right .prev
{
    display:none !important;
}

.daterangepicker.display_both_calendar .drp-calendar.right
{
    display : block !important;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td 
{
    width: 45px;
    line-height: 25px;
    font-size: 17px;
    padding: 5px;
}

.daterangepicker .drp-calendar 
{
    max-width: max-content;
}

.daterangepicker
{
    width : auto;
}

.scroll_disable_by_daterangepicker
{
    overflow : hidden !important;
}

/* --- daterangepicker custom css */

.property_line td
{
    background-color:#0d7c8e !important; 
}

/* add by racon 30/10/2024, for new alert popup to before jquery dialog */
.swal2-container
{
    z-index: 1101 !important;
}

/*added by kamal on 02-11-2024*/
.div_stripped
{
    background:rgba(0,0,0,.05);
}

/* add by racon 18/09/2025, change to use class instead of visible, ajit required to show current property for group dropdown */
#header_client .current_prop_in_group
{
    background-color:#4CAF50;color:white;
}

.style_site1
{color:#F4540B;
font-weight:600;}

.style_site2
{color:#c61f24;
font-weight:600;}

.style_site3
{color:#0148be;
font-weight:600;}

.style_site4
{color:#001994;
font-weight:600;}

.style_site5
{color:#990000;
font-weight:600;}

.style_site6
{color:#A37A1D;
font-weight:600;}

.style_site7
{color:#66CC00;
font-weight:600;}

.style_site8
{color:#309Afe;
font-weight:600;}

.style_site11
{color:#336699;
font-weight:600;}

.style_site12
{color:#1D304A;
font-weight:600;}

.style_site13
{color:#00AAB7;
font-weight:600;}

.style_site14
{color:#356698;
font-weight:600;}

.style_site15
{color:#909193;
font-weight:600;}

.style_site16
{color:#28418D;
font-weight:600;}

.style_site17{
color:#00ADEF;
font-weight:600;
}

.style_site18{
color:#044C94;
font-weight:600;
}

.style_site19{
color:#9EA00F;
font-weight:600;
}

.style_site20{
color:#03A2E3;
font-weight:600;
}

.style_site21{
color:#0099CC;
font-weight:600;
}

.style_site22{
color:#96989B;
font-weight:600;
}

.style_site23{
color:#FC9E18;
font-weight:600;
}

.style_site24{
color:#D4172A;
font-weight:600;
}

.style_site25{
color:#FF6500;
font-weight:600;
}

.style_site26{
color:#D40067;
font-weight:600;
}

.style_site27{
color:#030303;
font-weight:600;
}

.style_site28{
color:#ED1D24;
font-weight:600;
}

.style_site29{
color:#0099E0;
font-weight:600;
}

.style_site30{
color:#FC050E;
font-weight:600;
}

.style_site31{
color:#333399;
font-weight:600;
}

.style_site32{
color:#F68D41;
font-weight:600;
}

.style_site33{
color:#76C341;
font-weight:600;
}

.style_site34{
color:#006600;
font-weight:600;
}

.style_site35{
color:#DA4E00;
font-weight:600;
}

.style_site36{
color:#78B3EB;
font-weight:600;
}

.style_site37{
color:#003E74;
font-weight:600;
}

.style_site38
{color:#6CA635;
font-weight:600;}

.style_site39
{color:#F68B1E;
font-weight:600;}

.style_site40
{color:#231F20;
font-weight:600;}

.style_site41
{color:#70A6DF;
font-weight:600;}

.style_site42
{color:#3ECDED;
font-weight:600;}

.style_site43
{color:#313C5C;
font-weight:600;}

.style_site44
{color:#FFCC00;
font-weight:600;}

.style_site45
{color:#FFC94C;
font-weight:600;}

.style_site46
{color:#EF8C1D;
font-weight:600;}

.style_site47
{color:#000000;
font-weight:600;}

.style_site48
{color:#231F20;
font-weight:600;}

.style_site49
{color:#86AFE3;
font-weight:600;}

.style_site50
{color:#CC092F;
font-weight:600;}

.style_site51
{color:#EC652E;
font-weight:600;}

.style_site52
{color:#FF5A5F;
font-weight:600;}

.style_site53
{color:#872526;
font-weight:600;}

.style_site54
{color:#1082C3;
font-weight:600;}

.style_site55
{color:#6386A7;
font-weight:600;}

.style_site56
{color:#589442;
font-weight:600;}

.style_site57
{color:#595A5C;
font-weight:600;}

.style_site58
{color:#000000;
font-weight:600;}

.style_site59
{color:#2C405C;
font-weight:600;}

.style_site60
{color:#739417;
font-weight:600;}

.style_site61
{color:#615648;
font-weight:600;}

.style_site62
{color:#5CA1D8;
font-weight:600;}

.style_site63
{color:#FF0000;
font-weight:600;}

.style_site64
{color:#2577E3;
font-weight:600;}

.style_site65
{color:#3B5F75;
font-weight:600;}

.style_site67
{color:#434343;
font-weight:600;}

.style_site68
{color:#336699;
font-weight:600;}

.style_site69
{color:#009ae6;
font-weight:600;}

.style_site70
{color:#f26726;
font-weight:600;}

.style_site71
{color:#000000;
font-weight:600;}

.style_site72
{color:#5b5f77;
font-weight:600;}

.style_site73
{color:#daa527;
font-weight:600;}

.style_site74
{color:#667975;
font-weight:600;}

.style_site75
{color:#279dd8;
font-weight:600;}

.style_site76
{color:#ef7724;
font-weight:600;}

.style_site78
{color:#ec1c50;
font-weight:600;}

.style_site79
{color:#333333;
font-weight:600;}

.style_site80
{color:#5f6368;
font-weight:600;}

.style_site81
{color:#5b5f77;
font-weight:600;}

.style_site82
{color:#7fcecd;
font-weight:600;}

.style_site83
{color:#5b48ee;
font-weight:600;}

/*for map rooms script room dropdown option*/
.style_groupback0	{background-color:#ffffff;}

.style_roomgroup1	{color:#f26522;}
.style_groupback1	{background-color:#f7941d;}

.style_roomgroup2	{color:#c61f24;}
.style_groupback2	{background-color:#c61f24; color:#FFFFFF;}

.style_roomgroup3	{color:#6fb800;}
.style_groupback3	{background-color:#c4df9b;}

.style_roomgroup4	{color:#4aa8cd;}
.style_groupback4	{background-color:#6dcff6;}

.style_roomgroup5	{color:#8c5ebe;}
.style_groupback5	{background-color:#a186be;}

.style_roomgroup6	{color:#e78089;}
.style_groupback6	{background-color:#ffa1aa;}

.style_roomgroup7	{color:#ffbb02;}
.style_groupback7	{background-color:#fff799;}

.style_roomgroup8	{color:#8ec802;}
.style_groupback8	{background-color:#b5ff02;}

.style_roomgroup9	{color:#0289c8;}
.style_groupback9	{background-color:#0289c8; color:#FFFFFF;}

.style_roomgroup10	{color:#7d4400;}
.style_groupback10	{background-color:#7d4400; color:#FFFFFF;}

.style_roomgroup11	{color:#fbca05;}
.style_groupback11	{background-color:#fbca05;}

.style_roomgroup12	{color:#39b54a;}
.style_groupback12	{background-color:#39b54a; color:#FFFFFF;}

.style_roomgroup13	{color:#662d91;}
.style_groupback13	{background-color:#662d91; color:#FFFFFF;}

.style_roomgroup14	{color:#004a80;}
.style_groupback14	{background-color:#004a80; color:#FFFFFF;}

.style_roomgroup15	{color:#af0f43;}
.style_groupback15	{background-color:#af0f43; color:#FFFFFF;}

.style_roomgroup16	{color:#0076a3;}
.style_groupback16	{background-color:#0076a3; color:#FFFFFF;}

.style_roomgroup17	{color:#2e3192;}
.style_groupback17	{background-color:#2e3192; color:#FFFFFF;}

.style_roomgroup18	{color:#6E9C30;}
.style_groupback18	{background-color:#6E9C30; color:#FFFFFF;}

.style_roomgroup19	{color:#92278f;}
.style_groupback19	{background-color:#92278f; color:#FFFFFF;}

.style_roomgroup20	{color:#6801c8;}
.style_groupback20	{background-color:#6801c8; color:#FFFFFF;}

.style_roomgroup21	{color:#046223;}
.style_groupback21	{background-color:#046223; color:#FFFFFF;}

.style_roomgroup22	{color:#0894F9;}
.style_groupback22	{background-color:#0894F9; color:#FFFFFF;}

.style_roomgroup23	{color:#42B95F;}
.style_groupback23	{background-color:#42B95F; color:#FFFFFF;}

.style_roomgroup24	{color:#93484F;}
.style_groupback24	{background-color:#93484F; color:#FFFFFF;}

.style_roomgroup25	{color:#0998B5;}
.style_groupback25	{background-color:#0998B5; color:#FFFFFF;}

.style_roomgroup26	{color:#478A0A;}
.style_groupback26	{background-color:#478A0A; color:#FFFFFF;}

.style_roomgroup27	{color:#8c6239;}
.style_groupback27	{background-color:#8c6239; color:#FFFFFF;}