@charset "utf-8";
/* CSS Document */


/* -------------------------------------- PAGE BACKGROUND STARTS -------------------------------------*/

/*Available in the customizable panel. Will be directly mapped to the "Page Background" in the settings panel*/
.page-bg{
	background-color:#f1f1f1; /*Available for customization & will be mapped to background color*/
	background-image:url(../images/background_img.jpg); /*background-image:url(../images/pagebg.gif);*/ /*Available for customization & will be mapped to background image*/
	background-position:left top; /*Available for customization & will be mapped to background image alignment*/
	background-repeat:repeat; /*Available for customization & will be mapped to background image repeat*/
	overflow-y: scroll;
}

/* -------------------------------------------- PAGE BACKGROUND ENDS --------------------------------------- */

/* ------------------------------------------ GENERAL STARTS ------------------------------------------------ */

/*Available in the customizable panel. Will be directly mapped to the "Container Background" in the settings panel*/
.container-bg {
	background-color: #f7f7f0; /*Available for customization*/
}

.container-text {
	font-size:12px;
	font-weight:normal;
	color:#272727; /*Available for customization*/
}

/*Available in the customizable panel. Will be directly mapped to the "Content Background" in the settings panel*/
.content-bg, .content-bg1, .resp-vtabs li.resp-tab-active, main {
	background-color:#FFFFFF; /*Available for customization*/
}

.caret-bg:after {border-color:#ffffff;}/*map with .content-bg*/



/*Available in the customizable panel. Will be directly mapped to the "Content BG Color" in the settings panel*/
.visit-mark-border { 
	border:1px solid #ffffff;
}

/*Available in the customizable panel. Will be directly mapped to the "Primary Text Color" in the settings panel*/	
.content-primary-text {
	font-size:12px;
	font-weight:normal;
	color:#272727; /*Available for customization*/
}

/*Chenges Balance*/

/*Available in the customizable panel. Will be directly mapped to the "Secondary Text Color" in the settings panel*/	
.content-secondary-text {
	font-size:12px;
	font-weight:normal;
	color:#6c6c6c; /*Available for customization*/
}



/*Available in the customizable panel. Will be directly mapped to the "Title Text Color" in the settings panel*/	
.heading{
	/*font-family:'Conv_FRAMDCN', Arial, Helvetica, sans-serif;*/
	font-family:'MyriadProRegular', Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#272727; /*Available for customization*/
	text-transform:uppercase;
}





/* -------------------------- Links Css Start Here ------------------------------------------ */

/*Available in the customizable panel. Will be directly mapped to the "Primary Link" in the settings panel*/	
A.primary-link:Link, A.primary-link:Visited, .fa-circle {
	font-size:14px;
	font-weight:normal;
	color: #ab8240; /*Available for customization */
	text-decoration: none;
}

/*Available in the customizable panel. Will be directly mapped to the "Primary Link Hover" in the settings panel*/	
A.primary-link:Hover {
	color: #977133; /*Available for customization */
}


/*Available in the customizable panel. Will be directly mapped to the "Secondary Link" in the settings panel*/	
A.secondary-link:Link, A.secondary-link:Visited {
	font-size:14px;
	font-weight:normal;
	color: #272727; /*Available for customization */
	text-decoration: none;
}

/*Available in the customizable panel. Will be directly mapped to the "Secondary Link Hover" in the settings panel*/	
A.secondary-link:Hover {
	color: #636363; /*Available for customization */
}


/*Available in the customizable panel. Will be directly mapped to the "Secondary Link" in the settings panel*/	
A.header-link:Link, A.header-link:Visited {
	font-size:12px;
	font-weight:normal;
	color: #ffffff; /*Available for customization */
	text-decoration: none;
}

/*Available in the customizable panel. Will be directly mapped to the "Secondary Link Hover" in the settings panel*/	
A.header-link:Hover {
	color: #f9f9f9; /*Available for customization */
}

/* -------------------------- Links Css End Here ------------------------------------------ */




/* ---------------------------------------- Listing Table Starts ------------------------------------------ */

/*Available in the customizable panel. Will be directly mapped to the "Table Header Background Color" in the settings panel*/	
.table-header-bg{
	background-color: #f7f7f7; /*Available for customization*/
}


/*Available in the customizable panel. Will be directly mapped to the "Table Header Text Color" in the settings panel*/	
.table-header-text{
	font-size:12px;
	font-weight:normal;
	color: #242424; /*Available for customization*/
}

/* ---------------------------------------- Listing Table Ends ------------------------------------------ */

/* ---------------------------------------- TABS STARTS ------------------------------------------ */

/*Available in the customizable panel. Will be directly mapped to the "Tab Active Outline Color" in the settings panel*/
.tab-active-bg, .tab-active, #review_pay div.payathotel-tabs li a.active span {
	background:#383838; /*Available for customization*/
}

.downarrow {
	color:#383838;
}

.tab-active-outline, #review_pay div.payathotel-tabs li a.active span {
	border:1px solid #383838;
}

/*Available in the customizable panel. Will be directly mapped to the "Tab Active Text Color" in the settings panel*/
.tab-active-text, #review_pay div.payathotel-tabs li a.active span {
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF; /*Available for customization*/
}

/*Available in the customizable panel. Will be directly mapped to the "Tab Inactive Outline Color" in the settings panel*/
.tab-inactive-bg {
	background:#f9f9f9; /*Available for customization*/
}

/*Available in the customizable panel. Will be directly mapped to the "Tab Inactive Outline Color" in the settings panel*/
.tab-inactive-outline {
	border:1px solid #e3e3e2; /*Available for customization*/
}

.tab-inactive-text {
    color: #272727;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
}


/* ------------------------------------------- TABS ENDS ------------------------------------------ */



/* ----------------------------------------- GENERAL ENDS ------------------------------------------ */



/* --------------------------------------------------- HEADER STARTS ------------------------------------------ */


/* --------------------------------------------------- HEADER ENDS ------------------------------------------ */











/* --------------------------------------------------- CALENDER STARTS ------------------------------------------ */


.month-year-bg { 
	background-color: #f6f6f6; /*#f6f6f6; /*Available for customization */
}

.month-year-text {  
	font-size:14px; 
	color:#333333; /*Available for customization */
}

.week-text {  
	font-size:13px;
	color:#272727; /*Available for customization */
}

.date-bg { 
	background-color:#ffffff; /*Available for customization */
}

.date-border {
	border:1px solid #dddddd; /*Available for customization */
}

.pre-nxt-arrow {
	border:1px solid #464646;
	color:#464646;
}

.active-date-text {
	font-size:12px;
	color:#313131; /*Available for customization */
}

.inactive-date-text {
	font-size:12px;
	color:#afafaf; /*Available for customization */
}

.available-text {
	font-size:11px;
	color:#FFFFFF; /*Available for customization */
	text-align:center;
}

.available-bg {
	background-color:#4c994c; /*Available for customization */
}

.unavailable-text {
	font-size:11px;
	color:#FFFFFF; /*Available for customization */
	text-align:center;
}

.unavailable-bg {
	background-color:#cc0000; /*Available for customization */
}

.current-selection-text {
	font-size:11px;
	color:#FFFFFF; /*Available for customization */
	text-align:center;
}

.current-selection-bg {
	background-color:#d4af2d; /*Available for customization */
}

/* --------------------------------------------------- CALENDER ENDS ------------------------------------------ */





/* --------------------------------- Interstitial Css Start Here ------------------------------------------ */

/*Available in the customizable panel*/
.interstitial-popup-bg {
	background-color:#FFFFFF; /*Available for customization*/
}

/*Available in the customizable panel*/
.interstitial-popup-border {
	border:1px solid #919191; /*Available for customization*/
}

/*Available in the customizable panel*/
.interstitial-heading-text  {
	font-size:25px;
	color:#272727; /*Available for customization*/
}

/*Available in the customizable panel*/
.interstitial-primary-text  {
	font-size:12px;
	color:#151515; /*Available for customization*/
}


/*Available in the customizable panel*/
.interstitial-secondary-text {
	font-size:12px;
	color:#777777; /*Available for customization*/
}

/*Available in the customizable panel*/
.interstitial-border {
	border:1px solid #d9d9d9; /*Available for customization*/
}

/* ------------------------------ Interstitial Css End Here ------------------------------------------ */









/* ------------------------------ NEW CSS ADD 24 SEP 2014 START HERE  ------------------------------------------ */

.radius { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius:4px; }
.no-radius { border-radius:0px !important; -webkit-border-radius:0px !important; -moz-border-radius:0px !important; }

.container-text {
	font-size:12px;
	font-weight:normal;
	color:#272727; /*Available for customization*/
}

.alert-text {
	font-size:11px;
	font-weight:normal;
	color: #c14427; /*Available for customization*/
}

.title-text{
	font-size:12px;
	font-weight:normal;
	color:#b99204; /*Available for customization*/
}


/* ---------------------------------------- PROMOTION STARTS ------------------------------------------ */

.promotion-sticky-bg {
	background-color:#c14427;
}

.promotion-sticky-text {
	font-size:13px;
	color:#fff;
}
.promotion-sticky-divider {
	border:1px solid #ffffff;
}

/* ----------------------------------------- PROMOTION ENDS ----------------------------------------------- */


/* ---------------------------------------- 24 SEP 2014 STEPS STARTS ------------------------------------------ */

.header-panal-bg { 
	background-color:#d2af31;
}

.header-panal-text, .header-panal-text-number {  
	font-size:12px; 
	color:#FFFFFF;
}

.header-highlight-bg { 
	background-color:#a88300;
}

/* ------------------------------------- 24 SEP 2014 STEPS ENDS ----------------------------------------------- */


/* ----------------------------- 24 SEP 2014 Discount Tags Css Start Here -------------------------------- */

.discount-tag-bg {
	background-color:#ed7040; /*Available for customization*/
}

.discount-arrow-color { 
	color:#ed7040; /*Available for customization and will be mapped to "Discount Tag Background Color*/
}

.discount-table-border { 
	border:1px solid #ed7040; /*Available for customization and will be mapped to "Discount Background Color*/
}

.discount-tag-Text {
	font-size:11px;
	color:#FFFFFF; /*Available for customization*/
}

.discount-description-bg { 
	background-color:#ffffff; /*Available for customization*/
}

.discount-description-text {
	font-size:11px;
	color:#000000; /*Available for customization*/
}
/* ----------------------------- 24 SEP 2014 Discount Tags Css End Here ---------------------------------- */
/* ------------------------------ NEW CSS ADD 24 SEP 2014 END HERE  ------------------------------------------ */




/* ---------------------------- MASTHEAD PANEL STARTS ------------------------------ */

/*Available in the customizable panel. Will be directly mapped to the "Logo" in the settings panel*/
.logo {
	/*background-image:url(../images/logo.jpg);*/ /*Available for customization and will be mapped to "Upload Banner image" */
	background-image:url(../images/logo-marjan-island.png);
	background-position:center center;
	background-repeat:no-repeat;
}


.logo-bg {
	background-color:#ffffff;
}

.logo-text {
	font-size:25px;
	color:#222222;
}




/*Available in the customizable panel. Will be directly mapped to the "Masthead Background Color" in the settings panel*/
.masthead-bg {
	background-color:#c14427; /* Background Color & Font Color are Same Value */
	color:#c14427; /* Background Color & Font Color are Same Value */
}

.login-button  { background: none repeat scroll 0 0 #aa381d; }

/*.btn-login.login, .btn-login.welcome-guest, .btn-login div.form-inline { background: none repeat scroll 0 0 #aa381d; }*/

/* ---------------------------- LOGIN PANEL STARTS ------------------------------ */


.pax { 
	color:#000000; /*Available for customization*/
}

.icon-text { 
	font-family: 'FontAwesome' Arial, Helvetica, sans-serif; 
	font-size:14px; 
	color:#aa381d;
}

/*Available in the customizable panel. Will be directly mapped to the "Login Panal Text Color" in the settings panel*/
.login-panel-text {
	font-size:12px;
	color:#FFFFFF; /*Available for customization*/
}

.login-arrow-bg {
	background-color:#FFFFFF;
}


/* ---------------------------- LOGIN PANEL ENDS ------------------------------ */

/* ------------------------------ MASTHEAD PANEL ENDS ------------------------------ */

















/* ---------------------------- NAVIGATION PANEL STARTS ------------------------------ */


/*Available in the customizable panel. Will be directly mapped to the "Navigation Background Color" in the settings panel*/
.nav-bg, .nav-menu {
	background-color:#002a41; /*Available for customization*/
}

/*Available in the customizable panel. Will be directly mapped to the "Navigation Font Color" in the settings panel*/
.nav-text {
	font-size:14px;
	color:#FFFFFF; /*Not Available for customization. Will be directly mapped to the font color of ".nav-link"*/
}

/*Available in the customizable panel. Will be directly mapped to the "Navigation Link colour" in the settings panel*/
A.nav-link:Link, A.nav-link:Visited {
	font-weight:normal;
	color: #ffffff; /*Available for customization */
	text-decoration: none;
}

/*Available in the customizable panel. Will be directly mapped to the "Navigation Link hover colour" "Navigation Background Hover" in the settings panel*/
A.nav-link:Hover {
	color:#d9b42d; /*Available for customization*/
}


/* ---------------------------- NAVIGATION PANEL ENDS ------------------------------ */




.toolbar-bg { background-color:#9e8d6c; }


/* ------------------------------------------- BREADCRUMBS STARTS ------------------------------------------ */


/*Available in the customizable panel. Will be directly mapped to the "Breadcrumbs Active Color" in the settings panel*/
.breadcrumbs-active, a.visited-link div.breadcrumbs-visitedtext:hover {
	background-color:#c4a123; /*Available for customization*/
}

/*Will not be available for customization in the settings panel*/
.breadcrumbs-activetext{
	font-size:18px;
	color:#222222; /*Not Available for customization. Will be directly mapped to "Breadcrumbs Active Background Color" */
}

/*Available in the customizable panel. Will be directly mapped to the "Breadcrumbs Active Number" in the settings panel*/
.breadcrumbs-active-number {
	font-size:20px;
	color:#FFFFFF; /*Available for customization*/
}

/*Available in the customizable panel. Will be directly mapped to the "Breadcrumbs Inactive Color" in the settings panel*/
.breadcrumbs-inactive{
	background-color:#f1f1f1; /*Available for customization*/
}

/*Will not be available for customization in the settings panel*/
.breadcrumbs-inactivetext {
	font-size:18px;
	color:#9c9b9b; /*Not Available for customization. Will be directly mapped to "Breadcrumbs Inactive Color" */
}

/*Available in the customizable panel. Will be directly mapped to the "Breadcrumbs Inactive Number" in the settings panel*/
.breadcrumbs-inactive-number{
	font-size:20px;
	color:#9c9b9b; /*Available for customization*/
	border:1px solid #9c9b9b;
}


/*Available in the customizable panel. Will be directly mapped to the "Breadcrumbs Active Color" in the settings panel*/
.breadcrumbs-visited {
	background-color:#868686; /*Available for customization*/
}

/*Will not be available for customization in the settings panel*/
.breadcrumbs-visitedtext, a.visited-link{
	font-size:18px;
	color:#868686; /*Not Available for customization. Will be directly mapped to "Breadcrumbs Active Background Color" */
}

/*Available in the customizable panel. Will be directly mapped to the "Breadcrumbs Active Number" in the settings panel*/
.breadcrumbs-visited-number {
	font-size:13px;
	color:#FFFFFF; /*Available for customization*/
}

/* ---------------------------------------------- BREADCRUMBS ENDS ------------------------------------------ */





/* -------------------------- Carousel Css Start Here ------------------------------------------ */

.carousel-bg {
	background-color:rgba(0,42,65,0.85); /*Available for customization*/
}

.carousel-text { 
	font-size:14px;
	color:#ffffff; /*Available for customization*/
}

/* ------------------------------ Carousel Css End Here ------------------------------------------ */


/*Available in the customizable panel. Will be directly mapped to the "Inner Panel Background Color" in the settings panel*/	
.inner-panel-bg{
	background-color: #d3d4d5; /*.jspDrag Available for customization*/
}

/*Available in the customizable panel. Will be directly mapped to the "Inner Panel Text Color" in the settings panel*/	
.inner-panel-text{
	font-size:14px;
	font-weight:normal;
	color: #222222; /*Available for customization*/
}

.inner-panel-primary-text{
	font-size:14px;
	font-weight:normal;
	color: #515151; /*Available for customization*/
}

/*Available in the customizable panel. Will be directly mapped to the "Divider Color" in the settings panel*/	
.default-divider {
	border:1px solid #bdbebe; /*Available for customization*/
}

/*Available in the customizable panel. Will be directly mapped to the "Border Color" in the settings panel*/
.default-border, span.tab-down-arrow {
	border-width:1px;
	border-style:solid;
	border-color:#bdbebe; /*Available for customization e0e0e0 !important*/
	/*overflow:hidden;*/
}

.caret-border:before {border-color:#e0e0e0;}/*map with .default-border*/ 

span.tab-down-arrow {
	overflow:hidden;
}

.resp-vtabs li.resp-tab-active, h2.resp-accordion:first-child, h2.resp-accordion, .resp-tab-content, h2.resp-accordion:first-child {
	border-color:#bdbebe !important; /*Mapped to Default Border Color */
}


/*Available in the customizable panel. Will be directly mapped to the "Border Hover Color" in the settings panel*/
.default-border-hover:hover {
	border:1px solid #e2d08f; /*Available for customization*/
}

.mini-scroll-bar, .jspDrag, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color:#e4e4e4; /*Available for customization*/
}


/* -------------------------- Buttons Css Start Here ------------------------------------------ */

/*Available in the customizable panel. Will be directly mapped to the "primary-button" in the settings panel*/
a.primary-button:Link, a.primary-button:Visited, .primary-button {
	background-color:#e0b262; /*Available for customization and will be mapped to "Button color"*/
	font-size:14px;
	text-transform: uppercase;
	color:#FFFFFF; /*Available for customization and will be mapped to "Button text colour" */
	/*border:inset 1px #000;*/
	/*border:1px solid #2671c4;*/ /*Available for customization and will be mapped to "Button Border color" */
}


a.primary-button:Hover{
	color:#FFFFFF; /*Available for customization and will be mapped to "Button text colour" */
	background-color:#cb9840; /*Available for customization and will be mapped to "Button hover colour" */
	/*border:1px solid #1e60a9;*/ /*Available for customization and will be mapped to "Button Border color" */
}

/*Available in the customizable panel. Will be directly mapped to the "secondary-button" in the settings panel*/
a.secondary-button:Link, a.secondary-button:Visited {
	background-color:#4a4a4a; /*Available for customization and will be mapped to "Button color"*/
	font-size:14px;
	color:#FFFFFF; /*Available for customization and will be mapped to "Button text colour" */
	/*border:1px solid #cce0f6;*/ /*Available for customization and will be mapped to "Button Border color" */
}

a.secondary-button:Hover{
	color:#FFFFFF; /*Available for customization and will be mapped to "Button text colour" */
	background-color:#3b3b3b; /*Available for customization and will be mapped to "Button hover colour" */
	/*border:1px solid #ddeaf8;*/ /*Available for customization and will be mapped to "Button Border color" */
}


/* -------------------------- Buttons Css End Here ------------------------------------------ */



/* ---------------------------- FOOTER PANEL STARTS ------------------------------ */


/*Available in the customizable panel. Will be directly mapped to the "Navigation Background Color" in the settings panel*/
.footer-bg {
	background-color:#f1f1f1; /*Available for customization*/
}

/*Available in the customizable panel. Will be directly mapped to the "Navigation Font Color" in the settings panel*/
.footer-text {
	font-size:14px;
	color:#515151; /*Not Available for customization. Will be directly mapped to the font color of ".nav-link"*/
}

/*Available in the customizable panel. Will be directly mapped to the "Navigation Link colour" in the settings panel*/
A.footer-link:Link, A.footer-link:Visited {
	font-weight:normal;
	color: #d05c16; /*Available for customization */
	text-decoration: none;
}

/*Available in the customizable panel. Will be directly mapped to the "Navigation Link hover colour" "Navigation Background Hover" in the settings panel*/
A.footer-link:Hover {
	color:#272727; /*Available for customization*/
}


/* ---------------------------- FOOTER PANEL ENDS ------------------------------ */



/* .btn-group.bootstrap-select {position: absolute; left: 0; top: 0; width: 85px !important; border-right: 1px solid #bebdbd; } */






/* .room-rates-tabs { background-color:red;} */

/*.room-rates-tabs #verticalTab div.default-border { float:left; }*/
/* .room-rates-tabs #verticalTab .resp-tabs-container .resp-tab-content { border-width:0px 1px 1px 1px; }
.room-rates-tabs #verticalTab ul.resp-tabs-list li.resp-tab-item { font-size:15px; font-weight:bold; float:left; display:inline-block; padding:15px 0px !important; border-width:0px 0px 1px 1px !important; }
.room-rates-tabs #verticalTab ul.resp-tabs-list li.resp-tab-active { border-width:0px 1px 1px 1px !important; }
.room-rates-tabs #verticalTab ul.resp-tabs-list li:first-child { margin-left:-1px; }
.room-rates-tabs #verticalTab .resp-tabs-container .resp-tab-content .tabcontent .rate-plan-heading { padding:17px 0px 29px}
.room-rates-tabs .resp-vtabs ul.resp-tabs-list { border-width:1px 1px 0px 1px; float: left; width:100%; height:98px; }

.room-rates-tabs .resp-vtabs ul.resp-tabs-list button.slick-prev { background-image:url(../images/tabs-left-arrow.png); float: left; color: transparent; border-width: 0px 1px 1px 0px; background-color: transparent; background-repeat:no-repeat; height:98px; width:50px; background-position:center center; position:relative; } 
.room-rates-tabs .resp-vtabs ul.resp-tabs-list button.slick-prev:after { position:absolute; left:18px; top:28px; font-family: FontAwesome; font-style: normal; font-weight: 600; line-height: 1; color:#272727; font-size:36px;}

.room-rates-tabs .resp-vtabs ul.resp-tabs-list button.slick-next { background-image:url(../images/tabs-active-right-arrow.png); float: right; color: transparent; border-width: 0px 0px 1px 1px; background-color: transparent; background-repeat:no-repeat; height:98px; width:50px; background-position:center center; position:relative;} 
.room-rates-tabs .resp-vtabs ul.resp-tabs-list button.slick-next:after { position:absolute; right:18px; top:28px; font-family: FontAwesome; font-style: normal; font-weight: 600; line-height: 1; color:#272727; font-size:36px;}

.room-rates-tabs .resp-vtabs ul.resp-tabs-list .slick-list { width:91.9%; display:inline-block; margin-left:-2px; }
.room-rates-tabs .resp-vtabs .resp-tabs-container { width:100%; margin-left:0px;}
.room-rates-tabs .resp-vtabs .resp-tabs-container span.tab-down-arrow { border-width:0px;}
.room-rates-tabs .resp-vtabs .resp-tabs-list li { float:left; width:95% !important;}
.room-rates-tabs .resp-tabs-list .rate-plan-title { min-height:50px; text-transform:uppercase; padding-left:15px;}
.room-rates-tabs .resp-tabs-list .content-secondary-text { line-height:15px; padding-left:15px; }
.room-rates-tabs .resp-tabs-list .content-secondary-text span {font-size:15px;}
.room-rates-tabs .resp-vtabs ul.resp-tabs-list button.slick-prev.slick-disabled:after, 
.room-rates-tabs .resp-vtabs ul.resp-tabs-list button.slick-next.slick-disabled:after { color:#dedede; }
.active-divider { height:2px; width:100%; left:0px; right:0px; bottom:-1px; display:none; }
.room-rates-tabs #verticalTab ul.resp-tabs-list li.resp-tab-item.resp-tab-active .active-divider { display:block; } */