@font-face { font-family: 'BebasNeueRegular'; src: url('/Themes/myhotels/Content/fonts/bebas/BebasNeueRegular.eot'); src: url('/Themes/myhotels/Content/fonts/bebas/BebasNeueRegular.woff2') format('woff2'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueRegular.woff') format('woff'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueRegular.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueRegular.svg#BebasNeueRegular') format('svg'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueRegular.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BebasNeue-Thin'; src: url('/Themes/myhotels/Content/fonts/bebas/BebasNeue-Thin.woff') format('woff'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeue-Thin.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeue-Thin.svg#BebasNeue-Thin') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BebasNeueBold'; src: url('/Themes/myhotels/Content/fonts/bebas/BebasNeueBold.woff') format('woff'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueBold.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueBold.svg#BebasNeueBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BebasNeueBook'; src: url('/Themes/myhotels/Content/fonts/bebas/BebasNeueBook.woff') format('woff'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueBook.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueBook.svg#BebasNeueBook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BebasNeueLight'; src: url('/Themes/myhotels/Content/fonts/bebas/BebasNeueLight.eot'); src: url('/Themes/myhotels/Content/fonts/bebas/BebasNeueLight.woff2') format('woff2'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueLight.woff') format('woff'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueLight.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueLight.svg#BebasNeueLight') format('svg'), url('/Themes/myhotels/Content/fonts/bebas/BebasNeueLight.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-BoldItalic'; src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BoldItalic.eot'); src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BoldItalic.woff2') format('woff2'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BoldItalic.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BoldItalic.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BoldItalic.svg#CircularStd-BoldItalic') format('svg'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BoldItalic.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Book'; src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Book.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Book.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Book.svg#CircularStd-Book') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-BookItalic'; src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BookItalic.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BookItalic.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BookItalic.svg#CircularStd-BookItalic') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Medium'; src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Medium.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Medium.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Medium.svg#CircularStd-Medium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-MediumItalic'; src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-MediumItalic.eot'); src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-MediumItalic.woff2') format('woff2'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-MediumItalic.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-MediumItalic.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-MediumItalic.svg#CircularStd-MediumItalic') format('svg'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-MediumItalic.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Black'; src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Black.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Black.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Black.svg#CircularStd-Black') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-BlackItalic'; src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BlackItalic.eot'); src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BlackItalic.woff2') format('woff2'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BlackItalic.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BlackItalic.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BlackItalic.svg#CircularStd-BlackItalic') format('svg'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-BlackItalic.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularStd-Bold'; src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Bold.eot'); src: url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Bold.woff2') format('woff2'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Bold.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Bold.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Bold.svg#CircularStd-Bold') format('svg'), url('/Themes/myhotels/Content/fonts/Circular/CircularStd-Bold.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe-Regular'; src: url('/Themes/myhotels/Content/fonts/Circe/Circe-Regular.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circe/Circe-Regular.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circe/Circe-Regular.svg#/Themes/myhotels/Content/fonts/Circe/Circe-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Circe-Bold'; src: url('/Themes/myhotels/Content/fonts/Circe/Circe Bold.eot'); src: url('/Themes/myhotels/Content/fonts/Circe/Circe-Bold.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circe/Circe-Bold.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circe/Circe-Bold.svg#/Themes/myhotels/Content/fonts/Circe/Circe-Bold') format('svg'), url('/Themes/myhotels/Content/fonts/Circe/Circe Bold.woff2') format('woff2'), url('/Themes/myhotels/Content/fonts/Circe/Circe Bold.eot?#iefix') format('embedded-opentype'); font-style: normal; } @font-face { font-family: 'Circe-Light'; src: url('/Themes/myhotels/Content/fonts/Circe/Circe-Light.woff') format('woff'), url('/Themes/myhotels/Content/fonts/Circe/Circe-Light.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/Circe/Circe-Light.svg#Circe-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BebasNeue'; src: url('/Themes/myhotels/Content/fonts/New/Bebas/BEBASNEUE.eot'); src: url('/Themes/myhotels/Content/fonts/New/Bebas/BEBASNEUE.woff2') format('woff2'), url('/Themes/myhotels/Content/fonts/New/Bebas/BEBASNEUE.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/Bebas/BEBASNEUE.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/Bebas/BEBASNEUE.svg#BEBASNEUE') format('svg'), url('/Themes/myhotels/Content/fonts/New/Bebas/BEBASNEUE.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularPro-BoldItalic'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOLDITALIC.eot'); src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOLDITALIC.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOLDITALIC.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOLDITALIC.svg#CIRCULARPRO-BOLDITALIC') format('svg'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOLDITALIC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularPro-Book'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOOK.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOOK.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOOK.svg#CIRCULARPRO-BOOK') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularPro-Medium'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-MEDIUM.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-MEDIUM.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-MEDIUM.svg#CIRCULARPRO-MEDIUM') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularPro-MediumItalic'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-MEDIUMITALIC.eot'); src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-MEDIUMITALIC.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-MEDIUMITALIC.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-MEDIUMITALIC.svg#CIRCULARPRO-MEDIUMITALIC') format('svg'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-MEDIUMITALIC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularPro-Black'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BLACK.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BLACK.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BLACK.svg#CIRCULARPRO-BLACK') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularPro-BlackItalic'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BLACKITALIC.eot'); src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BLACKITALIC.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BLACKITALIC.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BLACKITALIC.svg#CIRCULARPRO-BLACKITALIC') format('svg'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BLACKITALIC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularPro-Bold'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOLD.eot'); src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOLD.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOLD.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOLD.svg#CIRCULARPRO-BOLD') format('svg'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPRO-BOLD.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularProTT-BoldItalic'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOLDITALIC.eot'); src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOLDITALIC.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOLDITALIC.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOLDITALIC.svg#CIRCULARPROTT-BOLDITALIC') format('svg'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOLDITALIC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularProTT-Book'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOOK.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOOK.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOOK.svg#CIRCULARPROTT-BOOK') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularProTT-BookItalic'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOOKITALIC.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOOKITALIC.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-BOOKITALIC.svg#CIRCULARPROTT-BOOKITALIC') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularProTT-Medium'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-MEDIUM.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-MEDIUM.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-MEDIUM.svg#CIRCULARPROTT-MEDIUM') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'CircularProTT-MediumItalic'; src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-MEDIUMITALIC.eot'); src: url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-MEDIUMITALIC.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-MEDIUMITALIC.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-MEDIUMITALIC.svg#CIRCULARPROTT-MEDIUMITALIC') format('svg'), url('/Themes/myhotels/Content/fonts/New/CircularPro/CIRCULARPROTT-MEDIUMITALIC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrownLight-Italic'; src: url('/Themes/myhotels/Content/fonts/New/BrownLight/BROWNLIGHT-ITALIC.eot'); src: url('/Themes/myhotels/Content/fonts/New/BrownLight/BROWNLIGHT-ITALIC.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/BrownLight/BROWNLIGHT-ITALIC.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/BrownLight/BROWNLIGHT-ITALIC.svg#BROWNLIGHT-ITALIC') format('svg'), url('/Themes/myhotels/Content/fonts/New/BrownLight/BROWNLIGHT-ITALIC.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BrownLight-Regular'; src: url('/Themes/myhotels/Content/fonts/New/BrownLight/BROWNLIGHT-REGULAR.eot'); src: url('/Themes/myhotels/Content/fonts/New/BrownLight/BROWNLIGHT-REGULAR.woff') format('woff'), url('/Themes/myhotels/Content/fonts/New/BrownLight/BROWNLIGHT-REGULAR.ttf') format('truetype'), url('/Themes/myhotels/Content/fonts/New/BrownLight/BROWNLIGHT-REGULAR.svg#BROWNLIGHT-REGULAR') format('svg'), url('/Themes/myhotels/Content/fonts/New/BrownLight/BROWNLIGHT-REGULAR.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } /* Flexbox CSS helpers from the Polymer team. Extracted from https://github.com/PolymerElements/iron-flex-layout for use as just CSS. Docs: https://elements.polymer-project.org/guides/flex-layout @license Copyright (c) 2017 The Polymer Project Authors. All rights reserved. This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as part of the polymer project is also subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt Usage: Horizontal layout:
One
Two
Three
Flexible children with horizontal layout:
Alpha
Beta (flex)
Gamma
Flexible ratios:
Alpha
Beta
Gamma
*/ /******************************* Flex Layout *******************************/ .layout.horizontal, .layout.horizontal-reverse, .layout.vertical, .layout.vertical-reverse { display: -ms-flexbox; display: -webkit-flex; display: flex; } .layout.inline { display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; } .layout.horizontal { -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; } .layout.horizontal-reverse { -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; } .layout.vertical { -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; } .layout.vertical-reverse { -ms-flex-direction: column-reverse; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } .layout.wrap { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .layout.no-wrap { -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; } .layout.wrap-reverse { -ms-flex-wrap: wrap-reverse; -webkit-flex-wrap: wrap-reverse; flex-wrap: wrap-reverse; } .flex-auto { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; } .flex-none { -ms-flex: none; -webkit-flex: none; flex: none; } .flex, .flex-1 { -ms-flex: 1; -webkit-flex: 1; flex: 1; } .flex-2 { -ms-flex: 2; -webkit-flex: 2; flex: 2; } .flex-3 { -ms-flex: 3; -webkit-flex: 3; flex: 3; } .flex-4 { -ms-flex: 4; -webkit-flex: 4; flex: 4; } .flex-5 { -ms-flex: 5; -webkit-flex: 5; flex: 5; } .flex-6 { -ms-flex: 6; -webkit-flex: 6; flex: 6; } .flex-7 { -ms-flex: 7; -webkit-flex: 7; flex: 7; } .flex-8 { -ms-flex: 8; -webkit-flex: 8; flex: 8; } .flex-9 { -ms-flex: 9; -webkit-flex: 9; flex: 9; } .flex-10 { -ms-flex: 10; -webkit-flex: 10; flex: 10; } .flex-11 { -ms-flex: 11; -webkit-flex: 11; flex: 11; } .flex-12 { -ms-flex: 12; -webkit-flex: 12; flex: 12; } /* alignment in cross axis */ .layout.start { -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .layout.center, .layout.center-center { -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .layout.end { -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; } /* alignment in main axis */ .layout.start-justified { -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .layout.center-justified, .layout.center-center { -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .layout.end-justified { -ms-flex-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; } .layout.around-justified { -ms-flex-pack: around; -webkit-justify-content: space-around; justify-content: space-around; } .layout.justified { -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } /* self alignment */ .self-start { -ms-align-self: flex-start; -webkit-align-self: flex-start; align-self: flex-start; } .self-center { -ms-align-self: center; -webkit-align-self: center; align-self: center; } .self-end { -ms-align-self: flex-end; -webkit-align-self: flex-end; align-self: flex-end; } .self-stretch { -ms-align-self: stretch; -webkit-align-self: stretch; align-self: stretch; } /******************************* Other Layout *******************************/ .block { display: block; } /* IE 10 support for HTML5 hidden attr */ [hidden] { display: none !important; } .invisible { visibility: hidden !important; } .relative { position: relative; } .fit { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } body.fullbleed { margin: 0; height: 100vh; } .scroll { -webkit-overflow-scrolling: touch; overflow: auto; } /* fixed position */ .fixed-bottom, .fixed-left, .fixed-right, .fixed-top { position: fixed; } .fixed-top { top: 0; left: 0; right: 0; } .fixed-right { top: 0; right: 0; bottom: 0; } .fixed-bottom { right: 0; bottom: 0; left: 0; } .fixed-left { top: 0; bottom: 0; left: 0; } /* Pilgrm design */ /* Search page: Calendar breakpoints */ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: normal; } .row.no-pad { margin-right: 0; margin-left: 0; } .row.no-pad > [class*='col-'] { padding-right: 0; padding-left: 0; } a { font-size: 14px; color: #242424; } a:hover { text-decoration: underline; cursor: pointer; color: #242424; } input[type=checkbox] { cursor: pointer; } .h100 { height: 100%; } body { font-family: BrownLight-Regular; } .pl-0 { padding-left: 0; } .pr-0 { padding-right: 0; } form label { font-family: BrownLight-Regular; font-size: 16px; width: 100%; font-weight: normal; } form .form-control { padding: 9px; border-radius: 0px; box-shadow: none; height: auto; -webkit-box-shadow: none; font-family: BrownLight-Regular; font-size: 16px; } .alert { border-radius: 0px; padding: 10px; position: relative; border: none; } .alert i { border-radius: 50%; height: 22px; width: 22px; border: 1px solid; line-height: 20px; text-align: center; } .alert .alert-warning i { border-color: #8a6d3b; } .alert .alert-success i { border-color: #3c763d; } .alert.alert-danger { font-family: 14px; font-size: 14px; border-radius: 0px; background-color: #f2dede; } /*.field-validation-valid { display:block; color:red; } .field-validation-errors { display:block; color:red; }*/ .field-validation-valid { display: none; } .validation-summary-valid { display: none; } .field-validation-error { color: #8A0707; } .input-validation-error { border-color: #8A0707; } .modal-bg { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); height: 100%; text-align: center; z-index: 10; } .my-hotels body { background-color: #2d383e; } .my-hotels .d-inline-block { display: inline-block; } .my-hotels .white-popup { position: relative; background: #FFF; border-radius: 15px; padding: 20px; width: auto; max-width: 850px; margin: 20px auto; color: #000; } .my-hotels .white-popup h1, .my-hotels .white-popup h2, .my-hotels .white-popup h3, .my-hotels .white-popup h4, .my-hotels .white-popup h5, .my-hotels .white-popup h6, .my-hotels .white-popup a, .my-hotels .white-popup p { color: #000; } .my-hotels .white-popup .direction-button { width: auto; } .my-hotels .mfp-close { background: #162a3e; border-top-right-radius: 15px; opacity: 1; } .my-hotels .mfp-close:hover { background: #000; } .my-hotels .mfp-close-btn-in .mfp-close { color: #fff; } .my-hotels h1, .my-hotels h2, .my-hotels h3 { font-family: BrownLight-Regular; } .my-hotels h1 { font-size: 26px; line-height: 26px; margin-bottom: 30px; font-family: BrownLight-Regular; text-transform: uppercase; text-align: center; position: relative; color: #ffffff; z-index: 2; } .my-hotels h1 + hr { width: 50px; margin-bottom: 30px; margin-top: -10px; color: #fff; position: relative; z-index: 2; display: none; } .my-hotels h3 { font-family: BrownLight-Regular; font-size: 20px; } .my-hotels .login-title { display: none; } .my-hotels .manage-title { display: none; } .my-hotels .check-in-title { display: none; } .my-hotels .check-out-title { display: none; } .my-hotels .panel-image-container { height: 220px; position: relative; padding-top: 30px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .my-hotels .panel-image-container.login-panel { background-image: url(https://ketchup-hospitality-myhotels-admin-uks1-test.azurewebsites.net/media/d4uojf3w/login.jpg?width=1920&height=1280&rnd=133092767736770000); display: block; } .my-hotels .panel-image-container.manage-panel { background-image: url(https://ketchup-hospitality-myhotels-admin-uks1-test.azurewebsites.net/media/dernsiya/manage-booking.jpg?width=1920&height=1280&rnd=133092765289230000); display: block; } .my-hotels .panel-image-container.check-in-panel { background-image: url(https://ketchup-hospitality-myhotels-admin-uks1-test.azurewebsites.net/media/dulh3kmn/check-in-image.jpg?width=1920&height=1280&rnd=133092761316830000); display: block; } .my-hotels .panel-image-container.check-out-panel { background-image: url(https://ketchup-hospitality-myhotels-admin-uks1-test.azurewebsites.net/media/kxrapvkb/check-out-image.jpg?width=1920&height=1280&rnd=133092765303230000); display: block; } .my-hotels .panel-image-container .fill-gradient { position: absolute; top: 0; left: 0; width: 100%; height: 55%; background: linear-gradient(#000, transparent); opacity: 0.8; z-index: 1; border-radius: 15px 15px 0 0; } .my-hotels .panel-image-container + hr { width: 50px; margin-bottom: 30px; color: #fff; position: relative; z-index: 2; display: none; } .my-hotels .pull-left, .my-hotels .pull-right { font-family: BrownLight-Regular; font-size: 14px; } .my-hotels .narrow-container .container.body-content { max-width: 960px; /*&--extended { max-width: unset; }*/ } .my-hotels .white-page h1 { color: #000; } .my-hotels .align-left h1 { text-align: left; } .my-hotels .border { background: #0e1419; position: fixed; z-index: 20; } .my-hotels .border.side { height: 100%; width: 8px; top: 0; } .my-hotels .border.side.left { left: 0; } .my-hotels .border.side.right { right: 0; } .my-hotels .border.width { width: 100%; height: 8px; left: 0; } .my-hotels .border.width.top { top: 0; } .my-hotels .border.width.bottom { bottom: 0; } .my-hotels address { font-family: BrownLight-Regular; font-size: 14px; font-style: normal; color: #808080; } .my-hotels address .hotel-name { font-family: BrownLight-Regular; color: #000; } .my-hotels #loader { display: none; font-family: 'BebasNeueBold'; font-size: 32px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); height: 100%; text-align: center; z-index: 10; } .my-hotels #loader .loader-inner { width: 90%; text-align: center; color: #fff; display: inline-block; vertical-align: middle; z-index: 1045; max-width: 600px; position: relative; margin: 0 auto; top: 50%; transform: translateY(-50%); } .my-hotels .btn { background: #ff9d7b; color: #ffffff; padding: 13px 22px 10px; border-radius: 0px; overflow: hidden; font-size: 16px; text-transform: uppercase; } .my-hotels .btn:hover { background: #000; } .my-hotels .btn.inverse { color: #fff; background: #9a9a9a; } .my-hotels .btn.secondary { background: #ff9d7b; color: #ffffff; border-radius: 0px; } .my-hotels .btn:focus, .my-hotels .btn:active:focus, .my-hotels .btn.active:focus, .my-hotels .btn.focus, .my-hotels .btn:active.focus, .my-hotels .btn.active.focus { outline: none; outline-offset: unset; } .my-hotels .form-group { /* If in a form-group, assume the button is on the right side */ } .my-hotels .form-group .btn { border-top-left-radius: 0; border-bottom-left-radius: 0; } .my-hotels .actions .save-to .btn { padding: 13px 22px 10px; background-repeat: no-repeat; background-position: 10px center; background-size: 30px 30px; text-align: center; font-size: 12px; line-height: 15px; text-transform: none; } .my-hotels .actions .save-to .btn span { display: block; width: 100%; font-size: 15px; } .my-hotels .actions .save-to .btn.print { border-radius: 10px; } .my-hotels .actions .save-to .btn.apple { border-radius: 10px; background-image: url('/Themes/myhotels/Content/css/imgs/appwallet.svg'); } .my-hotels .actions .save-to .btn.sms { border-radius: 10px; background-image: url('/Themes/myhotels/Content/css/imgs/sms.svg'); } .my-hotels .actions .save-to .btn.print { border-radius: 10px; background-image: url('/Themes/myhotels/Content/css/imgs/printer.svg'); } .my-hotels .actions .save-to .btn.cal { border-radius: 10px; background-image: url('/Themes/myhotels/Content/css/imgs/calendar.svg'); } .my-hotels .navigation { margin-bottom: 60px; } .my-hotels .navbar { text-align: left; position: relative; max-height: 115px; background: transparent; overflow: hidden; padding-top: 30px; display: flex; align-items: center; } .my-hotels .navbar .container { position: relative; overflow: hidden; height: 100%; } .my-hotels .navbar .container ul, .my-hotels .navbar .container a { display: block; height: 100%; margin: 0; } .my-hotels .navbar .navbar-brand { height: 55px; width: 128px; } .my-hotels .navbar .links { list-style: none; clear: both; overflow: hidden; padding-left: 0; } .my-hotels .navbar .links li { width: 50%; padding-left: 0; float: left; margin-bottom: 5px; } .my-hotels .navbar .links li a { display: block; width: 100%; text-align: center; color: #fff; font-size: 14px; font-family: BrownLight-Regular; text-decoration: none; } .my-hotels .navbar-row { display: flex; align-items: center; flex-wrap: wrap; } @media (max-width: 991px) { .my-hotels .navbar-row { justify-content: center; } } @media (max-width: 991px) { .my-hotels .navbar-row .order-2 { order: 4 !important; } } @media (max-width: 767px) { .my-hotels .navbar { min-height: 150px; } .my-hotels .navbar .col-xs-6.pull-right { max-width: 185px; } } .my-hotels .navbar-account { width: 100%; background: #fff; text-align: right; border-radius: 15px; overflow: hidden; } @media (max-width: 991px) { .my-hotels .navbar-account { margin-bottom: 20px; } } .my-hotels .navbar-account ul { list-style: none; margin: 0; text-align: left; padding: 0; display: flex; flex-direction: column; } .my-hotels .navbar-account ul li { padding-right: 28px; display: inline-block; } .my-hotels .navbar-account ul li:hover { background: #ff9d7b; } .my-hotels .navbar-account ul li:hover a { color: #fff; } .my-hotels .navbar-account ul li a { padding: 15px 20px; color: #000; display: inline-block; text-decoration: none; font-family: BrownLight-Regular; font-size: 14px; } @media (max-width: 991px) { .my-hotels .navbar-account ul li a { padding: 10px 20px; } } .my-hotels .navbar-account ul li.active { background-color: #ff9d7b; } .my-hotels .navbar-account ul li.active a { color: #ffffff; } @media (max-width: 767px) { .my-hotels .navbar-account ul { padding: 0; } .my-hotels .navbar-account ul li { margin-right: 5px; display: inline-block; } } .my-hotels .room-quota .form-control { padding: 6px 12px; height: 40px; } .my-hotels .booking-steps { font-family: BrownLight-Regular; font-size: 14px; text-transform: uppercase; position: relative; text-align: center; margin: 0 auto; padding-left: 0; float: none; } .my-hotels .booking-steps li { display: inline-block; padding-left: 0px; font-size: 14px; list-style: none; position: relative; width: 145px; white-space: nowrap; padding-top: 30px; } .my-hotels .booking-steps li span.a-item, .my-hotels .booking-steps li a { text-decoration: none; overflow: hidden; width: 100%; display: block; color: #fff; font-size: 14px; line-height: 14px; font-family: BrownLight-Regular; } .my-hotels .booking-steps li .meter { border-top: solid 1px #ffffff; width: 125px; position: absolute; top: 11px; left: calc(50% + 12px); } .my-hotels .booking-steps li:before { top: 0px; content: ''; position: absolute; width: 22px; height: 22px; border: 1px solid #fff; border-radius: 100%; background-color: transparent; left: 50%; transform: translateX(-11px); } .my-hotels .booking-steps li.current:before { background: #2d383e; border: 7px solid #ffffff; } .my-hotels .booking-steps li.complete .meter { border-top-style: solid; } .my-hotels .booking-steps li.complete:before { background: transparent; border: none; background-image: url('/Themes/myhotels/Content/css/imgs/white-circle-tick.svg'); background-repeat: no-repeat; background-size: 100%; } @media (max-width: 1199px) { .my-hotels .booking-steps li { width: 141px; } .my-hotels .booking-steps li a span { display: block; } .my-hotels .booking-steps li .meter { width: 122px; left: calc(50% + 12px); } } @media (max-width: 991px) { .my-hotels .booking-steps { padding-top: 0; } .my-hotels .booking-steps li { width: 97px; } .my-hotels .booking-steps li span.a-item span, .my-hotels .booking-steps li a span { display: none; } .my-hotels .booking-steps li .meter { width: 77px; left: calc(50% + 12px); } } @media (max-width: 767px) { .my-hotels .booking-steps { padding-top: 20px; } .my-hotels .booking-steps li { width: 70px; } .my-hotels .booking-steps li span.a-item span, .my-hotels .booking-steps li a span { display: none; } .my-hotels .booking-steps li .meter { width: 52px; left: calc(50% + 12px); } } .my-hotels .social { display: inline-block; width: 50px; height: 50px; text-indent: -9999px; background-repeat: no-repeat; background-position: center center; background-size: 50px 50px; margin-left: 5px; margin-top: 10px; } .my-hotels .social.facebook { background-image: url('/Themes/myhotels/Content/css/imgs/facebook.svg'); } .my-hotels .social.twitter { background-image: url('/Themes/myhotels/Content/css/imgs/twitter.svg'); } .my-hotels .social.google { background-image: url('/Themes/myhotels/Content/css/imgs/google.svg'); } .my-hotels .social.instagram { background-image: url('/Themes/myhotels/Content/css/imgs/instagram.svg'); } .my-hotels .bordered { border: solid 1px #666666; border-radius: 3px; } .my-hotels .selected-features { padding-left: 0px; font-family: BrownLight-Regular; font-size: 14px; list-style: none; } .my-hotels .selected-features li { clear: both; } .my-hotels .selected-features li:before { content: '-'; float: left; margin-right: 5px; } .my-hotels .selected-features li .left-width { width: 10%; } .my-hotels .selected-features li.highlight { color: #1b9d59; } .my-hotels .selected-features li.no-bullet-list:before { content: ''; } .my-hotels .form-container { background: #fff; border-radius: 15px; color: #000; margin: 0 auto; max-width: 460px; width: 100%; overflow: hidden; position: relative; } .my-hotels .form-container h1:not(.panel-image-container--title) { white-space: nowrap; margin: 0; } .my-hotels .form-container .form-container-header { padding: 40px 50px 40px 40px; } .my-hotels .form-container .form-container-body { padding: 50px 50px 25px 50px; } .my-hotels .form-container .form-container-actions { padding: 20px; background: #f9f9f9; text-align: center; } .my-hotels .form-container .btn { width: auto; margin: 0 auto; margin-left: auto; margin-right: 0; max-width: 100%; } .my-hotels .form-container .form-button { margin-top: 10px; } .my-hotels .form-container .extra-links { margin: 25px auto 10px; text-align: center; } .my-hotels .detail-container { overflow: hidden; background: rgba(0, 0, 0, 0.5); margin-top: 40px; border-radius: 15px; /*.hidden-print {*/ /*}*/ } .my-hotels .detail-container h3 { font-size: 20px; font-family: BrownLight-Regular; margin-bottom: 20px; text-align: left; } .my-hotels .detail-container .btn { width: 100%; } .my-hotels .detail-container .main-panel { background: #fff; border-radius: 15px; color: #000; padding: 40px; text-align: left; } .my-hotels .detail-container .main-panel p { width: 100%; font-family: BrownLight-Regular; font-size: 14px; color: #808080; } .my-hotels .detail-container .main-panel .form-inline .form-control { width: 100%; } .my-hotels .detail-container .main-panel .form-inline .btn { width: auto; } .my-hotels .detail-container .main-panel .form-inline .btn.curve { border-radius: calc(0px); text-align: left; width: 100%; height: 65px; padding: 0px 10px 7px 55px; word-wrap: break-word; white-space: pre-line; font-size: 15px; } .my-hotels .detail-container .main-panel .form-inline .btn.subscribe { padding: 11px 22px 10px; position: absolute; width: auto; border-radius: calc(0px); height: 100%; } @media (min-width: 768px) and (max-width: 991px) { .my-hotels .detail-container .main-panel .form-inline .btn.subscribe { height: calc(100% - 14px); } } @media (max-width: 767px) { .my-hotels .detail-container .main-panel .form-inline .btn.curve { width: 66%; display: block; margin-left: auto; margin-right: auto; margin-top: 10px; padding: 0px 20px 7px 78px; } } @media (max-width: 767px) { .my-hotels .detail-container .main-panel .form-inline .btn.subscribe { padding: 11px 22px 10px; float: right; position: absolute; right: 16px; } } .my-hotels .detail-container .main-panel .stay-detail { padding: 15px; } .my-hotels .detail-container .main-panel .stay-detail .btn { margin-top: 15px; } @media (max-width: 767px) { .my-hotels .detail-container .main-panel { padding: 20px; } .my-hotels .detail-container .main-panel .flex-column { flex-direction: column; } } .my-hotels .detail-container .sub-panel { padding-top: 40px; padding-bottom: 40px; padding-right: 40px; overflow: auto; max-height: 350px; } .my-hotels .detail-container .sub-panel h3 { color: #fff; white-space: nowrap; } .my-hotels .detail-container .sub-panel .room { margin-bottom: 25px; font-family: BrownLight-Regular; font-size: 14px; } .my-hotels .detail-container .sub-panel::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #162a3e; } .my-hotels .detail-container .sub-panel::-webkit-scrollbar { width: 6px; background-color: #F5F5F5; } .my-hotels .detail-container .sub-panel::-webkit-scrollbar-thumb { background-color: #F5F5F5; } @media (max-width: 991px) { .my-hotels .detail-container .sub-panel { padding-left: 40px; } } .my-hotels .amend-booking-summary-panel { min-height: 55px; margin-bottom: 12px; } .my-hotels .amend-booking-summary-panel.affix { top: 15px; min-width: 270px; } .my-hotels .amend-booking-summary-panel .room { margin-bottom: 10px; padding: 10px; width: 100%; border-radius: 15px; } .my-hotels .amend-booking-summary-panel .room.current { background-color: #242424; background-repeat: no-repeat; border: 1px solid #de0505; color: #fff; } .my-hotels .amend-booking-summary-panel .room.current .heading { display: block; color: #fd0000; margin-top: 12px; font-size: 14px; font-weight: bold; width: 30%; } .my-hotels .amend-booking-summary-panel .room.current .description { display: block; color: #a2a2a2; font-size: 12px; margin: 0 0 10px 0; } .my-hotels .amend-booking-summary-panel .room.current .description ul { margin: 0; padding-left: 15px; } .my-hotels .amend-booking-summary-panel .room.current .description ul li { list-style-type: square; margin: 5px 0; } .my-hotels .amend-booking-summary-panel .room.new { background-color: #fff; } .my-hotels .booking-summary-panel { border: solid 1px #ccc; background: #fff; border-radius: 15px; max-width: 270px; } .my-hotels .booking-summary-panel.affix { top: 15px; min-width: 270px; } .my-hotels .booking-summary-panel .hotel-info { padding: 20px; } .my-hotels .booking-summary-panel .hotel-info .directions-link { white-space: nowrap; } .my-hotels .booking-summary-panel .room-configuration { padding: 15px 20px; border-top: solid 1px #ccc; position: relative; } .my-hotels .booking-summary-panel .room-configuration .selected-features { color: #808080; } .my-hotels .booking-summary-panel .room-configuration .title { padding-left: 30px; } .my-hotels .booking-summary-panel .room-configuration .title:before { content: ''; position: absolute; left: 15px; top: 12px; width: 22px; height: 22px; border: 1px solid #000; border-radius: 100%; background: #fff; } .my-hotels .booking-summary-panel .room-configuration .price { /*font-family: 'Circe-Bold'; font-size: 13px;*/ font-size: 14px; font-family: BrownLight-Regular; } .my-hotels .booking-summary-panel .room-configuration.current .title:before { background: #162a3e; border: 7px solid #b3b3b3; } .my-hotels .booking-summary-panel .room-configuration.complete .title:before { background: transparent; border: none; background-image: url('/Themes/myhotels/Content/css/imgs/black-circle-tick.svg'); background-repeat: no-repeat; background-size: 100%; } .my-hotels .booking-summary-panel .room-configuration.no-tick .title { padding-left: 0; } .my-hotels .booking-summary-panel .room-configuration.no-tick .title:before { background: transparent; border: none; background-image: none; background-repeat: no-repeat; background-size: 100%; } .my-hotels .booking-summary-panel .bill { padding: 15px 20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; border-top: solid 1px #ccc; background: #ffffff; font-family: 'Circe-Bold'; } .my-hotels .booking-summary-panel .bill.round-top { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } @media (max-width: 1199px) { .my-hotels .booking-summary-panel.affix { top: 15px; min-width: 100px; } } .my-hotels .search { background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; color: #fff; /*.hotels { display: none; }*/ } .my-hotels .search .container.body-content { max-width: 960px; /*&--extended { max-width: unset; }*/ } .my-hotels .search input[type=number]::-webkit-inner-spin-button, .my-hotels .search input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .my-hotels .search input[type=number] { -moz-appearance: textfield; } .my-hotels .search .btn { text-transform: uppercase; } .my-hotels .search .dates { background: #ffffff; color: #000; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } @media (max-width: 991px) { .my-hotels .search .dates { border-top-right-radius: 15px; } } .my-hotels .search .dates .datepicker .ui-datepicker { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } @media (max-width: 991px) { .my-hotels .search .dates .datepicker .ui-datepicker { border-top-right-radius: 15px; border-bottom-left-radius: unset; } } .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-header { border-top-left-radius: 15px; } .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { border-top-left-radius: 15px; } @media (max-width: 991px) { .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { border-top-left-radius: 0; } } .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next { border-top-right-radius: 0; } @media (max-width: 991px) { .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-next { border-top-right-radius: 15px; } } @media (max-width: 991px) { .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-header { border-top-right-radius: 15px; } .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-header a { border-top-right-radius: 15px; } } .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-calendar tr:last-of-type td:first-of-type { border-bottom-left-radius: 15px; } .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-calendar tr:last-of-type td:first-of-type a { border-bottom-left-radius: 15px; } @media (max-width: 991px) { .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-calendar tr:last-of-type td:first-of-type { border-bottom-left-radius: 0; } .my-hotels .search .dates .datepicker .ui-datepicker .ui-datepicker-calendar tr:last-of-type td:first-of-type a { border-bottom-left-radius: 0; } } .my-hotels .search .rooms { background: rgba(0, 0, 0, 0.8); border-top-right-radius: 15px; border-bottom-right-radius: 15px; padding: 15px; font-size: 21px; font-family: CircularStd-Book; } @media (max-width: 991px) { .my-hotels .search .rooms { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } } .my-hotels .search .rooms h4 { font-size: 20px; font-family: BrownLight-Regular; font-weight: bold; margin-bottom: 15px; line-height: 21px; } .my-hotels .search .rooms label { font-weight: normal; font-family: BrownLight-Regular; font-size: 14px; line-height: 14px; } .my-hotels .search .rooms p { line-height: 14px; font-weight: normal; font-family: BrownLight-Regular; font-size: 14px; margin-top: 0; text-align: right; } .my-hotels .search .rooms p a { color: #fff; } .my-hotels .search .rooms .spinner { color: #fff; font-family: BrownLight-Regular; font-size: 16px; clear: both; overflow: hidden; position: relative; border: solid 1px #666666; border-radius: 3px; } .my-hotels .search .rooms .spinner a { color: #fff; float: left; width: 15%; font-size: 20px; padding-top: 5px; } .my-hotels .search .rooms .spinner a.minus { text-align: right; } .my-hotels .search .rooms .spinner a.plus { text-align: left; } .my-hotels .search .rooms .spinner a:hover, .my-hotels .search .rooms .spinner a:focus { text-decoration: none; } .my-hotels .search .rooms .spinner .form-control { float: left; width: 70%; } .my-hotels .search .rooms .form-control { border: none; background-color: rgba(0, 0, 0, 0); color: #fff; text-align: center; } .my-hotels .search .rooms .form-control:focus { border-color: inherit; -webkit-box-shadow: none; box-shadow: none; } .my-hotels .search .rooms .room-quota > .row { margin-top: 15px; } .my-hotels .search .rooms .selector { clear: both; overflow: hidden; margin-bottom: 15px; } .my-hotels .search .rooms .selector a { border: none; background-color: rgba(0, 0, 0, 0); width: calc(20%); color: #fff; text-align: center; padding: 5px; text-decoration: none; float: left; font-family: BrownLight-Regular; font-size: 16px; } .my-hotels .search .rooms .selector a:hover { background: #3E3E3E; cursor: pointer; } .my-hotels .search .rooms .selector a.selected, .my-hotels .search .rooms .selector a:active { background: #fff; color: #000; } @media (max-width: 767px) { .my-hotels .search .rooms label { font-size: 12px; } } .my-hotels .search .code { margin-top: 20px; margin-bottom: 20px; text-align: center; font-family: 'CircularStd-Book'; background-color: #ffffff; border-radius: 15px; padding: 15px 15px 15px 15px; color: #000; } @media (min-width: 992px) { .my-hotels .search .code .row { display: flex; } .my-hotels .search .code .row .col-md-3, .my-hotels .search .code .row .col-md-5 { display: flex; } .my-hotels .search .code .row .col-md-3.custom-px-md-0, .my-hotels .search .code .row .col-md-5.custom-px-md-0 { padding-left: 0; padding-right: 0; } } .my-hotels .search .code label { font-weight: normal; text-align: right; width: 100%; line-height: 40px; font-family: BrownLight-Regular; font-size: 16px; color: #2d383e; } .my-hotels .search .offer { position: relative; display: none; font-family: 'CircularStd-Book'; border-radius: 15px; padding: 15px 15px 15px 15px; color: #fff; background-color: ; background-image: none; background-position: center; background-repeat: no-repeat; background-size: cover; margin-bottom: 20px; } .my-hotels .search .offer .offer-content { margin: 10px; position: relative; z-index: 2; } .my-hotels .search .offer .offer-content h3 { font-size: 30px; } .my-hotels .search .offer .offer-content h4 { font-size: 26px; } .my-hotels .search .offer .offer-content h3, .my-hotels .search .offer .offer-content h4 { line-height: 1em; margin-bottom: 0.2em; } .my-hotels .search .offer .offer-content p { font-size: 18px; line-height: 1.1em; padding: 0 0 0.5em 0; margin: 0; } .my-hotels .search .offer .offer-content .small { font-size: 14px; line-height: 1.2em; } @media (max-width: 991px) { .my-hotels .search .offer { background-image: none; } } .my-hotels .search .offer:after { width: 100%; content: ''; display: block; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0; height: 100%; border-radius: 15px; } .my-hotels .availability { background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; } .my-hotels .availability.calendar h1 { display: inline-block; } .my-hotels .availability.calendar .offer-applied { line-height: 42px; width: 100%; background-color: #a3a3a3; color: #fff; border-radius: 15px; text-align: center; text-transform: uppercase; } .my-hotels .availability.calendar .sub-heading { color: #fff; font-family: 'Circe-Regular'; font-size: 18px; display: inline-block; float: right; text-transform: uppercase; width: auto; line-height: 42px; } .my-hotels .availability.calendar .sub-heading .title { margin-right: 5px; } .my-hotels .availability.calendar .sub-heading .room-number { width: 35px; height: 35px; display: inline-block; border-radius: 50%; border: solid 1px #fff; background-color: transparent; color: #fff; text-align: center; line-height: 35px; margin-left: 5px; } .my-hotels .availability.calendar .sub-heading .room-number.on { background: #fff; color: #000; } .my-hotels .availability.calendar .availability-overlay { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); color: #fff; border-radius: 14px; /* 1 pixel less, otherwise very thin bits of white seep through */ } .my-hotels .availability.calendar .availability-overlay div.loading-spinner { display: block; width: 100%; height: 100%; } .my-hotels .availability.calendar .availability-overlay .room-unavailable { margin: 4% 5%; position: relative; z-index: 2; } .my-hotels .availability.calendar .availability-overlay .room-unavailable h2 { font-family: BrownLight-Regular; font-size: 26px; } .my-hotels .availability.calendar .availability-overlay .room-unavailable p { font-family: BrownLight-Regular; font-size: 16px; } .my-hotels .availability.calendar .room-detail .information { width: 100%; } .my-hotels .availability.calendar .room-detail .information h1 { color: #2d383e; font-size: 26px; line-height: 26px; font-family: BrownLight-Regular; margin-bottom: 10px; } .my-hotels .availability.calendar .room-detail .information h1.unavailable { color: #fff; } .my-hotels .availability.calendar .room-detail .information p { color: #808080; font-size: 14px; font-family: BrownLight-Regular; } .my-hotels .availability.calendar .calendar-container { padding: 10px 25px; position: relative; display: flex; } .my-hotels .availability.calendar .calendar-container .navigate { display: inline-block; width: 27px; z-index: 1; background-position: center center; background-size: 10px; cursor: pointer; background-repeat: no-repeat; background-color: white; } .my-hotels .availability.calendar .calendar-container .navigate::-moz-selection { background: transparent; } .my-hotels .availability.calendar .calendar-container .navigate::selection { background: transparent; } .my-hotels .availability.calendar .calendar-container .navigate.backward { background-image: url(/Themes/myhotels/Content/imgs/black-left-arrow.svg); left: 1px; border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .my-hotels .availability.calendar .calendar-container .navigate.forward { background-image: url(/Themes/myhotels/Content/imgs/black-right-arrow.svg); right: 0; border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .my-hotels .availability.calendar .kd-calendar { display: inline-flex; flex-direction: row; flex-wrap: wrap; width: 100%; clear: both; z-index: 1; overflow: hidden; background-color: #fff; } .my-hotels .availability.calendar .kd-calendar .loading-text { height: 100px; width: 150px; margin-left: auto; margin-right: auto; text-align: center; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item { flex: 1 0 calc(12%); width: auto; /*float: left;*/ text-align: center; color: #000; background-color: #fff; position: relative; margin: 0 2px; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.arrival .kd-calendar-day, .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.selected .kd-calendar-day { background: #162a3e !important; color: #fff !important; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.arrival .kd-calendar-day span, .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.selected .kd-calendar-day span { color: #fff !important; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.arrival .stay-state { background-color: #162a3e; color: #fff; width: 100%; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.departure .kd-calendar-day { background: #9a9a9a; margin: 0; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.departure .kd-calendar-day span { color: #fff !important; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.departure .stay-state { background-color: #9a9a9a; color: #fff; width: 100%; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.arrival .kd-calendar-day, .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.selected .kd-calendar-day, .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.departure .kd-calendar-day { border: none; cursor: default !important; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .kd-calendar-day { align-items: center; border: 1px solid #000; color: #000; height: 50px; cursor: pointer; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .kd-calendar-day .kd-calendar-day-content { text-align: center; text-transform: uppercase; padding-top: 7px; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .kd-calendar-day .kd-calendar-day-content .date { font-size: 11px; display: block; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .kd-calendar-day .kd-calendar-day-content .price { font-family: Circe-Bold; font-size: 15px; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .kd-calendar-day.unavailable .date, .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .kd-calendar-day.unavailable .price { color: #000; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .month-container { display: inline-block; width: 100%; background: #fff; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .month-container .month-name { color: #000; text-align: left; font-size: 16px; text-transform: uppercase; display: inline-block; width: 100%; font-family: 'BebasNeueRegular'; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .month-container .month-name.actual-hidden { visibility: hidden; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .stay-state { font-size: 10px; display: block; text-transform: uppercase; height: 20px; line-height: 20px; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .additional-day { width: 10px; background-color: transparent; padding: 2px; cursor: pointer; height: 50px; margin-top: 0; position: absolute; top: 22px; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .additional-day::-moz-selection { background: transparent; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .additional-day::selection { background: transparent; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .additional-day.back { float: left; z-index: 100; left: 0; background-image: url("/Themes/myhotels/Content/imgs/left-triangle.svg"); background-position: center; background-repeat: no-repeat; background-size: 10px; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item .additional-day.forward { float: right; right: 0; background-image: url("/Themes/myhotels/Content/imgs/right-triangle.svg"); background-position: center; background-repeat: no-repeat; background-size: 10px; } .my-hotels .availability.calendar .rate-selection { padding: 25px; } .my-hotels .availability.calendar .rate-selection h4 { font-family: BrownLight-Regular; font-size: 20px; color: #2d383e; } .my-hotels .availability.calendar .rate-selection input { display: none; } .my-hotels .availability.calendar .rate-selection .rates { display: flex; flex-flow: row wrap; margin: 0; } .my-hotels .availability.calendar .rate-selection .rates .rate { flex: 1 0 32%; flex-wrap: wrap; width: auto; margin: 5px; padding: 15px 0 42px 0; position: relative; background-color: #ffffff; border-radius: 15px; overflow: hidden; text-align: center; min-height: 135px; } @media (max-width: 767px) { .my-hotels .availability.calendar .rate-selection .rates .rate { flex: 1 0 100%; margin: 5px 0; } } .my-hotels .availability.calendar .rate-selection .rates .rate-content { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .my-hotels .availability.calendar .rate-selection .rates .rate.disabled { min-height: 0; padding: 15px; } .my-hotels .availability.calendar .rate-selection .rates .rate.disabled h4 { margin: 0; } .my-hotels .availability.calendar .rate-selection .rates .rate h4 { margin: 10px 0; font-family: BrownLight-Regular; font-size: 16px; color: #2d383e; text-transform: uppercase; } .my-hotels .availability.calendar .rate-selection .rates .rate h3 { font-size: 20px; font-family: BrownLight-Regular; margin-bottom: 20px; bottom: 42px; width: 100%; } .my-hotels .availability.calendar .rate-selection .rates .rate h3 span { position: relative; font-size: 14px; font-family: BrownLight-Regular; } .my-hotels .availability.calendar .rate-selection .rates .rate .rate-terms { margin: 0; padding: 0 10px; font-size: 12px; } .my-hotels .availability.calendar .rate-selection .rates .rate .rate-terms ul { margin: 0 0 20px 0; padding: 0; list-style: none; } .my-hotels .availability.calendar .rate-selection .rates .rate .btn { position: absolute; bottom: 0; left: 0; width: 100%; border-top-right-radius: 0; border-top-left-radius: 0; } .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.arrival:nth-child(2) .kd-calendar-day, .my-hotels .availability.calendar .kd-calendar .kd-calendar-item.departure:nth-child(2) .kd-calendar-day { border-left: none; } .my-hotels .availability.calendar .kd-calendar-day .date { display: block; font-size: 10px; } .my-hotels .availability.calendar .kd-calendar-day .price-container { font-size: 14px; } .my-hotels .availability.calendar .kd-calendar-day .price-wrapper { position: relative; } .my-hotels .availability.calendar .kd-calendar-day .price-wrapper .selector { display: inline-block; width: 8px; height: 20px; position: absolute; margin-top: 50%; transform: translateY(-50%); background: #162a3e; color: #fff; border-top: solid 1px #000; border-bottom: solid 1px #000; display: none; } .my-hotels .availability.calendar .kd-calendar-item.departure { color: #000; } .my-hotels .availability.calendar .kd-calendar-day.selected .price-container { background: #162a3e; color: #eee; cursor: auto; } .my-hotels .availability.calendar .loading { border: solid 1px red; } .my-hotels .availability.calendar .room-detail { clear: both; min-height: 254px; margin-bottom: 40px; } .my-hotels .availability.calendar .room-detail .gallery-section .image-gallery { display: flex; margin: 0 25px; border-radius: 15px; overflow: hidden; } .my-hotels .availability.calendar .room-detail .gallery-section .image-gallery .images { display: inline-flex; flex-direction: row; flex: 1; overflow: hidden; } .my-hotels .availability.calendar .room-detail .gallery-section .image-gallery .images .image { display: inline-flex; flex: 1; width: auto; height: 148px; background-position: center center; background-size: cover; background-repeat: no-repeat; margin: 0 4px; cursor: pointer; } .my-hotels .availability.calendar .room-detail .gallery-section .image-gallery .navigate { display: inline-block; width: 27px; height: 148px; line-height: 148px; background-color: #ff9d7b; color: transparent; cursor: pointer; } .my-hotels .availability.calendar .room-detail .gallery-section .image-gallery .navigate.backward { background-image: url("/Themes/myhotels/Content/imgs/left-triangle.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px; } .my-hotels .availability.calendar .room-detail .gallery-section .image-gallery .navigate.forward { background-image: url("/Themes/myhotels/Content/imgs/right-triangle.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px; } .my-hotels .availability.calendar .room-detail .detail-panel { min-height: 254px; background: #ffffff; border-radius: 15px; width: 100%; color: #2d383e; } .my-hotels .availability.calendar .room-detail .detail-panel h3 { font-family: 'BebasNeueBold'; font-size: 24px; } .my-hotels .availability.calendar .room-detail .detail-panel .room-info-modal { position: absolute; left: 0; top: 0; width: 100%; z-index: 11; background-color: #fff; border-radius: 15px; } .my-hotels .availability.calendar .room-detail .detail-panel .room-info-modal .close-btn { background-image: url("/Themes/myhotels/Content/imgs/exit_icon.png"); background-repeat: no-repeat; background-position: 0 2px; background-size: contain; width: 25px; height: 100%; cursor: pointer; display: inline-block; position: absolute; right: 0; top: 0; color: transparent; } .my-hotels .availability.calendar .room-detail .detail-panel .room-info-modal .information { padding: 25px; } .my-hotels .availability.calendar .room-detail .detail-panel .room-info-modal .information h1 { display: block; } .my-hotels .availability.calendar .room-detail .detail-panel .information { padding: 25px; } .my-hotels .availability.calendar .room-detail .detail-panel .information .open-btn { background-image: url("/Themes/myhotels/Content/imgs/info_icon.png"); background-repeat: no-repeat; background-position: 0 2px; background-size: contain; width: 25px; height: 100%; cursor: pointer; display: inline-block; color: transparent; } .my-hotels .availability.calendar .room-detail .detail-panel .discount-applied { position: absolute; right: 0; top: 0; line-height: 42px; width: 300px; background-color: #a3a3a3; border-top-right-radius: 15px; color: #fff; font-size: 11px; text-align: center; text-transform: uppercase; } .my-hotels .availability.calendar .room-detail .footer-panel { margin: 25px; padding: 25px; background: #F2F2F2; border-radius: 15px; } @media (max-width: 767px) { .my-hotels .availability.calendar .room-detail .footer-panel { padding: 0; background-color: #fff; } } .my-hotels .availability.calendar .room-detail .footer-panel h4 { font-family: BebasNeueRegular; font-size: 20px; } .my-hotels .availability.calendar .room-detail .footer-panel .pricing { line-height: 42px; font-family: Circe-Bold; font-size: 20px; } .my-hotels .availability.calendar .room-detail .footer-panel .pricing .vat { font-family: Circe-Light; font-size: 14px; line-height: 42px; margin-left: 10px; } .my-hotels .availability.calendar .room-detail .pricing-panel { min-height: 254px; background: #F2F2F2; color: #242424; max-width: 178px; overflow: hidden; font-family: 'Circe-Regular'; font-size: 16px; z-index: 0; } .my-hotels .availability.calendar .room-detail .pricing-panel .promoCorp { background: #242424; height: 53px; color: #FFFFFF; text-align: right; padding: 5px 8px 5px 5px; background-image: url('/Themes/myhotels/Content/css/imgs/corporate-rate.svg'); background-repeat: no-repeat; background-position: 20px center; background-size: 26px 26px; } .my-hotels .availability.calendar .room-detail .pricing-panel .promoCorp h4 { font-size: 12px; top: 5px; position: relative; } .my-hotels .availability.calendar .room-detail .pricing-panel .promoCorp h4.incomplete-date-range { margin-bottom: 0; } .my-hotels .availability.calendar .room-detail .pricing-panel .info-box { /*padding: 12px 15px 20px 15px;*/ /*border-left: solid 1px #CCC;*/ } .my-hotels .availability.calendar .room-detail .pricing-panel .info-box .padded { padding: 12px 15px 20px 15px; } .my-hotels .availability.calendar .room-detail .pricing-panel h4 { white-space: nowrap; margin-bottom: 10px; } .my-hotels .availability.calendar .room-detail .pricing-panel .btn { padding: 10px; margin: 0 auto; width: 100%; text-transform: uppercase; } .my-hotels .availability.calendar .room-detail .pricing-panel .rate { margin-bottom: 5px; font-size: 13px; } .my-hotels .availability.calendar .room-detail .pricing-panel .pricing { margin-bottom: 15px; white-space: nowrap; } .my-hotels .availability.calendar .room-detail .pricing-panel .pricing .total { text-align: left; display: inline; width: 60%; } .my-hotels .availability.calendar .room-detail .pricing-panel .pricing .vat { display: inline; text-align: right; font-family: 'Circe-Light'; font-size: 14px; color: #4D4D4D; width: 40%; } @media (max-width: 1199px) and (min-width: 992px) { .my-hotels .availability.calendar .room-detail .pricing-panel .pricing .vat { position: relative; left: 8px; top: 2px; font-size: 12px; } } .my-hotels .availability.calendar .package-selection { display: block; } .my-hotels .availability.calendar .package-selection .detail-panel { display: block; min-height: 254px; padding: 20px 25px; width: 100%; background: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel { padding: 15px 15px; } } .my-hotels .availability.calendar .package-selection .detail-panel .row { display: flex; flex-wrap: wrap; margin: 0; } .my-hotels .availability.calendar .package-selection .detail-panel h3 { font-size: 20px; font-family: BrownLight-Regular; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper { width: 50%; padding: 10px 5px; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper { width: 100%; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container { display: flex; flex-direction: column; justify-content: space-between; height: 100%; background-color: #ffffff; border-radius: 15px; overflow: hidden; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container { flex-direction: column; } } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-info { flex-direction: column; width: 100%; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-info .package-image { width: 100%; height: 200px; background-position: center; background-size: cover; background-repeat: no-repeat; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-info .package-image.image-contain { background-size: contain; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-info .package-description { padding: 15px; min-height: 150px; background-color: #ffffff; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-info .package-description h5 { font-family: 'BebasNeueBold'; font-size: 16px; text-transform: uppercase; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-info .package-description p { margin: 0; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity { margin: 0; } @media (max-width: 991px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity { margin-top: 0; margin-right: 0; padding: 0 15px 15px 15px; width: 100%; flex-direction: row; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .col-md-6 { padding: 15px 20px 20px 20px; } @media (max-width: 991px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .col-md-6 { padding: 0; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .price-block { display: flex; } @media (max-width: 991px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .price-block { width: 50%; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .price-block p { font-size: 20px; margin: 0; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .price-block p span { font-size: calc(12px); } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .button-block { display: flex; align-items: flex-end; justify-content: flex-end; } @media (max-width: 991px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .button-block { width: 50%; justify-content: flex-end; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .button-block .btn { padding: 5px; max-width: 105px; display: flex; cursor: default; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .button-block .btn span { display: flex; align-items: center; justify-content: center; width: 100%; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity input[type=checkbox] { margin: 0; min-width: 22px; min-height: 22px; width: 22px; height: 22px; appearance: none; background-color: #fff; outline: none; position: relative; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity input[type=checkbox]::before { display: none; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity input[type=checkbox]:checked::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity input[type=checkbox]::after { position: absolute; left: 8px; top: 3px; width: 8px; height: 14px; border: solid #ff9d7b; border-width: 0 3px 3px 0; transform: rotate(45deg); } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity input[type=checkbox]:checked::after { content: ""; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .quantity-selector { padding: 0; cursor: auto; align-items: center; max-width: 132px !important; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .quantity-selector input[type=number], .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .quantity-selector .checkbox { display: inline-flex; width: 58px; height: 22px; min-width: 58px; min-height: 22px; text-align: center; vertical-align: middle; color: #000; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; font-size: 14px; line-height: 1.42857143; color: #555555; margin: 0; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .quantity-selector input[type=number] .cursor-pointer, .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .quantity-selector .checkbox .cursor-pointer { cursor: pointer; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .quantity-selector .checkbox { font-size: 16px; color: #ff9d7b; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .quantity-selector label { display: inline-block; font-size: 12px; margin: 0; width: auto; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .btn { border-radius: 0px; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper .package-container .package-quantity .pr-0 { padding-right: 0 !important; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container { flex-direction: row; padding: 15px; } @media (max-width: 1199px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container { flex-direction: column; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container img { max-width: 37px; max-height: 47px; width: 100%; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .package-info { display: flex; } @media (max-width: 1199px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .package-info { flex-direction: row; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .package-info .package-description { padding-top: unset; padding-bottom: unset; } @media (max-width: 1199px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .package-info .package-description { padding-bottom: 15px; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .price-block { width: 100%; } @media (max-width: 1199px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .price-block { width: 50%; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .button-block { width: 105px; } @media (max-width: 1199px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .button-block { width: 50%; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .package-quantity { flex-direction: column; width: 105px; } @media (max-width: 1199px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .package-quantity { flex-direction: row; width: 100%; padding: 0; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .package-quantity .col-md-6 { padding: unset; } @media (max-width: 1199px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-horizontal .package-container .package-quantity .col-md-6 { padding: 0; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal { width: 100%; } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container { flex-direction: row; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container { flex-direction: column; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .package-info { display: flex; width: calc(100% - 133px - 15px); } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .package-info { flex-direction: column; width: 100%; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .package-info .package-image { min-height: 170px; width: 33.3%; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .package-info .package-image { width: 100%; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .package-info .package-description { width: 66.6%; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .package-info .package-description { width: 100%; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .price-block { width: 100%; margin-bottom: 20px; justify-content: flex-end; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .price-block { width: 50%; margin-bottom: 0; justify-content: flex-start; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .button-block { width: 133px; justify-content: flex-end; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .button-block { width: 50%; justify-content: flex-end; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .package-quantity { flex-direction: column; width: 133px; margin-top: 15px; margin-right: 15px; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .package-quantity { margin-top: 0; margin-right: 0; padding: 0 15px 15px 15px; width: 100%; flex-direction: row; } } .my-hotels .availability.calendar .package-selection .detail-panel .package-wrapper.layout-fw-horizontal .package-container .package-quantity .col-md-6 { padding: unset; } .my-hotels .availability.calendar .package-selection .footer-panel { display: block; padding: 25px; background: #f2f2f2; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .footer-panel { padding: 0; background-color: #fff; } } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .footer-panel > div.row { margin: 10px 0; } } @media (max-width: 767px) { .my-hotels .availability.calendar .package-selection .footer-panel .hide-mob { display: none; } } .my-hotels .availability.calendar.layout-2 .detail-panel .information { padding-bottom: 10px; } .my-hotels .availability.calendar.layout-2 .detail-panel .detail-panel-content { padding-bottom: 40px; display: flex; } @media (max-width: 575px) { .my-hotels .availability.calendar.layout-2 .detail-panel .detail-panel-content { flex-direction: column; } } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection-container { padding-left: 5px; } @media (max-width: 991px) { .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection-container { width: 50%; } } @media (max-width: 575px) { .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection-container { width: 100%; } } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection { padding: unset; padding-right: 25px; } @media (max-width: 575px) { .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection { margin-left: 25px; } } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection h4 { font-family: BrownLight-Regular; font-size: 20px; color: #2d383e; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection input { display: none; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates { display: flex; flex-direction: column; margin: 0; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate { flex: 1 0 32%; flex-wrap: wrap; width: auto; margin: unset; margin-bottom: 2px; padding: 0; position: relative; background-color: #ffffff; border-radius: 15px; overflow: hidden; text-align: start; min-height: 135px; display: flex; flex-direction: column; justify-content: space-between; } @media (max-width: 767px) { .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate { flex: 1 0 100%; margin: 5px 0; } } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate.disabled { min-height: 0; padding: 15px; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate.disabled h4 { margin: 0; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate h4 { margin: 0; font-family: BrownLight-Regular; font-size: 16px; color: #2d383e; text-transform: uppercase; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate h3 { font-size: 20px; font-family: BrownLight-Regular; margin: 0; bottom: unset; width: 100%; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate h3 span { position: relative; font-size: 14px; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate .rate-terms { margin: 0; padding: 0 10px; font-size: 12px; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate .rate-terms ul { margin: 0 0 45px 0; padding: 0; list-style: none; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate .top-half { padding: 15px 20px 10px 20px; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate .bottom-half { display: flex; padding-left: 20px; } .my-hotels .availability.calendar.layout-2 .detail-panel .rate-selection .rates .rate .btn { position: relative; bottom: 0; left: 0; width: 100%; border-top-right-radius: 0; border-top-left-radius: 0; } @media (max-width: 991px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section { width: 50%; } } @media (max-width: 575px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section { width: 100%; padding-bottom: 20px; } } .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery { display: flex; margin: unset; margin-left: 25px; border-radius: 15px; overflow: hidden; height: 100%; } @media (max-width: 575px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery { margin-right: 25px; } } .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .images { display: inline-flex; align-items: flex-start; flex-direction: row; flex: 1; overflow: hidden; } .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .images .image { display: inline-flex; flex: 1; width: auto; height: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; margin: 0 4px; cursor: pointer; max-height: 400px; } @media (max-width: 1199px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .images .image { max-height: 280px; } } @media (max-width: 991px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .images .image { max-height: 240px; } } @media (max-width: 767px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .images .image { max-height: 220px; } } @media (max-width: 575px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .images .image { height: 150px; } } .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .navigate { display: inline-block; width: 27px; height: 100%; background-color: transparent; color: transparent; cursor: pointer; position: absolute; } @media (max-width: 1199px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .navigate { max-height: 280px; } } @media (max-width: 991px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .navigate { max-height: 240px; } } @media (max-width: 767px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .navigate { max-height: 220px; } } .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .navigate.backward { background-image: url("/Themes/myhotels/Content/imgs/left-triangle.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px; left: calc(55px); } .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .navigate.forward { background-image: url("/Themes/myhotels/Content/imgs/right-triangle.svg"); background-position: center; background-repeat: no-repeat; background-size: 16px; right: calc(55px); } @media (min-width: 576px) { .my-hotels .availability.calendar.layout-2 .detail-panel .gallery-section .image-gallery .navigate.forward { right: calc(30px); } } .my-hotels .availability.calendar.layout-2 .availability-overlay { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.75); color: #fff; border-radius: 14px; /* 1 pixel less, otherwise very thin bits of white seep through */ } .my-hotels .availability.calendar.layout-2 .availability-overlay div.loading-spinner { display: block; width: 100%; height: 100%; } .my-hotels .availability.calendar.layout-2 .availability-overlay .room-unavailable-container { width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center; } .my-hotels .availability.calendar.layout-2 .availability-overlay .room-unavailable { position: relative; z-index: 2; margin: unset; } @media (max-width: 991px) { .my-hotels .availability.calendar.layout-2 .availability-overlay .room-unavailable { padding: 0 25px; } } .my-hotels .availability.calendar.layout-2 .availability-overlay .room-unavailable h2 { font-family: BrownLight-Regular; font-size: 26px; } .my-hotels .availability.calendar.layout-2 .availability-overlay .room-unavailable p { font-family: BrownLight-Regular; font-size: 16px; margin-top: 5px; } .my-hotels .availability.calendar.layout-2 .availability-overlay .room-unavailable a { color: #DD6522; font-family: BrownLight-Regular; font-size: 16px; text-decoration: underline; } .my-hotels .availability .calendar-modal { display: flex; align-items: flex-start; justify-content: center; top: 20%; width: 100%; height: 100%; z-index: 2; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } @media (max-width: 767px) { .my-hotels .availability .calendar-modal { top: 10%; overflow-y: auto; height: 80%; padding: 0 20px; } } .my-hotels .availability .calendar-modal h3 { margin-bottom: 20px; display: inline-block; } .my-hotels .availability .calendar-modal .close { background-image: url('/Themes/myhotels/Content/imgs/close.svg'); background-repeat: no-repeat !important; background-size: 28px; width: 28px; height: 28px; position: absolute; top: 15px; right: 25px; z-index: 5; display: block; cursor: pointer; } @media (max-width: 767px) { .my-hotels .availability .calendar-modal .close { right: 30px; left: unset; } } .my-hotels .availability .calendar-modal .overlay { background-color: #000; opacity: 0.4; z-index: 3; height: 100%; width: 100%; top: 0; left: 0; position: fixed; } .my-hotels .availability .calendar-modal .details-panel { z-index: 4; position: relative; padding: 0px; margin-bottom: 30px; background: #fff; border-radius: 15px; width: 75%; top: 20%; max-width: 1024px; } .my-hotels .availability .calendar-modal .details-panel-inner { padding: 20px 30px; } .my-hotels .availability .calendar-modal .dates { max-width: 768px; margin: 0 auto; width: 100%; } .my-hotels .availability .calendar-modal .buttons-panel { background: #eee; display: flex; justify-content: flex-end; padding: 20px; } @media (max-width: 767px) { .my-hotels .custom-px-mob { padding-right: 10px !important; padding-left: 10px !important; } } @media (max-width: 767px) { .my-hotels .custom-mx-0-mob { margin-right: 0px !important; margin-left: 0px !important; } } @media (max-width: 991px) { .my-hotels .custom-mx-0-tablet { margin-right: 0px !important; margin-left: 0px !important; } } @media (max-width: 991px) { .my-hotels .custom-px-0-tablet { padding-right: 0px !important; padding-left: 0px !important; } } @media (min-width: 992px) { .my-hotels .pr-md-0 { padding-right: 0; } } .my-hotels .details { background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; } .my-hotels .details select { padding: 6px; height: 40px; } .my-hotels .details h3 { font-family: BrownLight-Regular; font-size: 20px; color: #2d383e; margin-bottom: 25px; text-transform: uppercase; } .my-hotels .details a { text-decoration: underline; } .my-hotels .details .details-panel { padding: 20px 30px; margin-bottom: 30px; background: #fff; border-radius: 15px; } .my-hotels .details .details-panel iframe { border: none; } .my-hotels .details .details-panel.has-subtitle h3 { margin-bottom: 0; } .my-hotels .details .details-panel.has-subtitle p { margin-top: 0; margin-bottom: 20px; } .my-hotels .details .details-panel p { font-family: BrownLight-Regular; font-size: 14px; color: #808080; } .my-hotels .details .details-panel.no-pad { padding: 0px; } .my-hotels .details .details-panel.no-pad h3 { padding: 30px 30px 0px 30px; } .my-hotels .details .details-panel ul { list-style-type: none; padding: 0; } .my-hotels .details .details-panel .terms { width: 100%; } .my-hotels .details .details-panel .field-validation-error { float: left; } .my-hotels .details .details-panel .secure { padding: 0; margin-top: 5px; } .my-hotels .details .details-panel .important-info { margin-top: 30px; } .my-hotels .details .details-panel.profile { margin-bottom: 30px; } .my-hotels .details .details-panel .intl-tel-input { width: 100%; } .my-hotels .details .details-panel .edit-booker { text-decoration: none; margin-bottom: 25px; } .my-hotels .details .details-panel.actions { background: #ffffff; } .my-hotels .details .details-panel.actions.no-round-top { border-top-left-radius: 0; border-top-right-radius: 0; } .my-hotels .details .details-panel.actions .form-group { margin-bottom: 0px; margin-top: 7px; } .my-hotels .details .details-panel.actions h3 small { display: block; font-size: 60%; } .my-hotels .details .details-panel.actions label { width: auto; font-size: 14px; color: #808080; line-height: 27px; display: inline-block; position: relative; top: -7px; margin-left: 5px; margin-bottom: 0px; cursor: pointer; } .my-hotels .details .details-panel.actions input[type=checkbox] { height: 27px; width: 27px; margin: 0px; } .my-hotels .details .details-panel.actions a { color: #587991; text-decoration-style: dotted; } .my-hotels .details .details-panel.actions .btn { width: 100%; height: 45px; } .my-hotels .details .details-panel.actions .go-to-payment { text-decoration: none; color: #ffffff; } @media (max-width: 767px) { .my-hotels .details .details-panel.actions label { font-size: 12px; width: 85%; top: -2px; line-height: 15px; word-wrap: break-word; } .my-hotels .details .details-panel.actions label.agreeTerms { top: -7px; } .my-hotels .details .details-panel.actions .col-xs-12 { padding: 0; } } .my-hotels .details .extra-travellers { border: 1px solid #ccc; border-radius: 15px; margin-bottom: 10px; } .my-hotels .details .extra-travellers a { text-decoration: none; } .my-hotels .details .extra-travellers .extra-traveller-room { border-bottom: 1px solid #ccc; } .my-hotels .details .extra-travellers .extra-traveller-room:last-of-type { border: none; } .my-hotels .details .extra-travellers .extra-traveller-room a { padding-left: 33px; background-size: 26px 26px; background-position: left center; background: url('/Themes/myhotels/Content/css/imgs/white-cross.svg') no-repeat; position: relative; line-height: 26px; float: right; } @media (max-width: 767px) { .my-hotels .details .extra-travellers .extra-traveller-room a { width: 100%; float: left; margin-top: 10px; } } .my-hotels .details .extra-travellers .extra-traveller-room a.open { background: url('/Themes/myhotels/Content/css/imgs/black-minus.svg') no-repeat; } .my-hotels .details .extra-travellers .extra-traveller-room .checkedTravellers { margin-top: 10px; } .my-hotels .details .extra-travellers .extra-traveller-room .checkedTravellers .notice { position: absolute; top: -20px; left: 13px; font-size: 12px; color: red; } @media (max-width: 1199px) { .my-hotels .details .extra-travellers .extra-traveller-room .checkedTravellers .notice { top: -35px; } } @media (max-width: 991px) { .my-hotels .details .extra-travellers .extra-traveller-room .checkedTravellers .notice { top: -4px; left: 0; /*right: 17px;*/ display: block; position: relative; } } .my-hotels .details .extra-travellers .heading, .my-hotels .details .extra-travellers .body { padding: 20px; } .my-hotels .details .extra-travellers .heading { clear: both; overflow: hidden; line-height: 21px; } .my-hotels .details .extra-travellers .heading h4 { font-family: 'CircularStd-Book'; font-size: 21px; display: inline-block; width: auto; } .my-hotels .details .extra-travellers .heading h4 span { font-size: 18px; } .my-hotels .details .extra-travellers .body { background: #ffffff; border-top: 1px solid #ccc; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .my-hotels .details .extra-travellers .body h5 { font-family: 'CircularStd-Book'; font-size: 18px; margin-bottom: 20px; display: inline-block; width: auto; } @media (max-width: 767px) { .my-hotels .details .extra-travellers .body h5 { width: 100%; } } .my-hotels .details .special-requests { margin-top: 10px; } .my-hotels .details .is-lead-traveller { display: inline; border-radius: 18px; margin: 10px 0; display: inline-block; } .my-hotels .details .is-lead-traveller a { opacity: 0.4; transition: opacity linear 0.1s; } .my-hotels .details .is-lead-traveller a.selected { font-weight: bold; opacity: 1.0; } .my-hotels .details .is-lead-traveller label { display: inline-block; font-size: 15px; font-family: "Circe-Regular"; width: auto; } .my-hotels .details .is-lead-traveller label:not(:first-of-type) { margin: 0 15px; } @media (max-width: 767px) { .my-hotels .details .is-lead-traveller label:not(:first-of-type) { margin: 10px 0; } } .my-hotels .details .is-lead-traveller label.padded { margin: 5px 10px; } @media (max-width: 767px) { .my-hotels .details .is-lead-traveller label { display: block; } .my-hotels .details .is-lead-traveller label.padded { display: inline-block; } } .my-hotels .details .is-lead-traveller input[type=checkbox] { width: 22px; height: 22px; display: inline-block; margin: 0px; position: relative; top: 7px; } .my-hotels .details .is-lead-traveller input[type=checkbox].padded { margin-right: 10px; } .my-hotels .details .is-lead-traveller.collapsed { background: #242424; color: #FFFFFF; margin-bottom: 20px; } .my-hotels .details .is-lead-traveller.collapsed label { color: #FFFFFF; } @media (max-width: 767px) { .my-hotels .details .is-lead-traveller.collapsed label { color: #FFFFFF; margin-bottom: 20px; } .my-hotels .details .is-lead-traveller.collapsed label.padded { margin-bottom: 7px; } } .my-hotels .details .ticked-features { padding-left: 0px; font-size: 14px; list-style: none; margin: 0px; } .my-hotels .details .ticked-features li { clear: both; width: calc(42.5%); display: inline-block; padding-left: 15px; background: url('/Themes/myhotels/Content/css/imgs/dark-tick.svg') no-repeat; background-size: 8px 5px; background-position: left calc(50%); color: #808080; } .my-hotels .details .login-modal { position: fixed; top: 20%; width: 100%; height: 100%; left: 0; z-index: 2; } .my-hotels .details .login-modal .close { background-image: url('/Themes/myhotels/Content/imgs/close.svg'); background-repeat: no-repeat !important; background-size: 28px; width: 28px; height: 28px; position: absolute; top: 15px; left: 50%; z-index: 5; display: block; margin-left: 170px; cursor: pointer; } .my-hotels .details .login-modal .overlay { background-color: #000; opacity: 0.4; z-index: 3; height: 100%; width: 100%; top: 0; left: 0; position: fixed; } .my-hotels .details .login-modal .form-container { z-index: 4; } .my-hotels .details .payment-modal { position: fixed; display: flex; align-items: flex-start; justify-content: center; top: 20%; width: 100%; height: 100%; left: 0; z-index: 2; } @media (max-width: 767px) { .my-hotels .details .payment-modal { top: 10%; overflow-y: auto; height: 80%; padding: 0 20px; } } .my-hotels .details .payment-modal .close { background-image: url('/Themes/myhotels/Content/imgs/close.svg'); background-repeat: no-repeat !important; background-size: 28px; width: 28px; height: 28px; position: absolute; top: 15px; right: 25px; z-index: 5; display: block; cursor: pointer; } @media (max-width: 767px) { .my-hotels .details .payment-modal .close { right: 30px; left: unset; } } .my-hotels .details .payment-modal .overlay { background-color: #000; opacity: 0.4; z-index: 3; height: 100%; width: 100%; top: 0; left: 0; position: fixed; } .my-hotels .details .payment-modal .details-panel { z-index: 4; position: relative; } .my-hotels .details .disabled { cursor: not-allowed; opacity: 0.5; } .my-hotels .confirmation { background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; color: #fff; text-align: center; } .my-hotels .confirmation p { width: 65%; margin: 0 auto; font-size: 16px; } .my-hotels .confirmation h1 { margin-bottom: 0; } .my-hotels .confirmation .form-subscribe { width: 82%; } @media (max-width: 767px) { .my-hotels .confirmation .form-subscribe { display: flex; } } @media (min-width: 992px) { .my-hotels .confirmation .form-subscribe .form-control { width: 98%; margin-right: 2%; } } .my-hotels .confirmation .section-header { margin-bottom: 0; margin-top: 10px; } .my-hotels .confirmation .confirmationNumber { font-family: BrownLight-Regular; font-size: 26px; opacity: 1; } .my-hotels .message { font-family: 'BebasNeueBold'; font-size: 24px; text-transform: uppercase; margin-bottom: 40px; } .my-hotels .message span { margin-left: 5px; } .my-hotels .message:before { background: url(/Themes/myhotels/Content/css/imgs/dark-tick.svg) no-repeat; background-size: 70%; background-position: center center; display: inline-block; content: ' '; height: 33px; width: 33px; border-radius: 50%; border: solid 1px #000; padding: 10px; top: 7px; position: relative; } .my-hotels .check-in { background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; } .my-hotels .check-in:before { content: ''; width: 100%; height: 100%; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.5; display: none; } .my-hotels .check-in.details .extra-travellers { border: none; } .my-hotels .check-in.details .extra-travellers .details-panel { padding: 0; } .my-hotels .check-in.details .timepicker[readonly] { background-color: #fff; } .my-hotels .check-in.payment .details-panel .inner { padding: 20px; background: #f2f2f2; } .my-hotels .check-in.payment .details-panel .inner.no-card { background-image: url(/Themes/myhotels/Content/css/imgs/error.png); background-position: 15px 15px; background-repeat: no-repeat; padding-left: 53px; } .my-hotels .check-in.payment .custom-validation-summary .description { font-size: 14px; margin-top: 16px; } .my-hotels .check-in.payment .payment-options { list-style: none; padding: 0; } .my-hotels .check-in.payment .payment-options li { margin-bottom: 10px; } .my-hotels .check-in.payment .payment-options li label { font-family: 'CircularStd-Book'; } .my-hotels .check-in.confirmation { background-image: none; } .my-hotels .check-in.confirmation .detail-container .sub-panel { height: auto; } .my-hotels .check-in.confirmation .rooms-section { padding-top: 20px; padding-bottom: 20px; border-top: dotted 1px #242424; border-bottom: dotted 1px #242424; } .my-hotels .check-out { background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; } .my-hotels .check-out:before { content: ''; width: 100%; height: 100%; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.5; display: none; } .my-hotels .check-out.confirmation { background-image: none; } .my-hotels .check-out.confirmation .sub-panel { height: auto; } .my-hotels .check-out .payment-options { list-style: none; padding: 0; } .my-hotels .check-out .payment-options li { margin-bottom: 10px; } .my-hotels .check-out .payment-options li label { font-family: 'CircularStd-Book'; } .my-hotels .manage { background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; } .my-hotels .manage:before { content: ''; width: 100%; height: 100%; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.5; display: none; } .my-hotels .manage.details .extra-travellers { border: none; } .my-hotels .manage.details .extra-travellers .details-panel { padding: 0; } .my-hotels .manage h2 { color: #fff; text-align: center; position: relative; font-size: 24px; margin-bottom: 0; } .my-hotels .manage .btn-link { position: absolute; left: 15px; top: 0; z-index: 1; } .my-hotels .manage .btn-link:hover { text-decoration: none; } .my-hotels .manage .sub-panel { color: #fff; } .my-hotels .manage.confirmation .sub-panel { max-height: 321px; } .my-hotels .reservations-list .reservations-container { margin-top: 0px; position: relative; margin-bottom: 40px; } .my-hotels .reservations-list .reservations-container h2 { display: inline; position: absolute; color: white; top: 0; padding: 15px 0; margin: 0; white-space: nowrap; overflow: hidden; font-family: BrownLight-Regular; font-size: 20px; line-height: 20px; width: calc(30%); left: 50%; transform: translateX(-50%); background: rgba(0, 0, 0, 0.5); text-align: center; } @media (max-width: 991px) { .my-hotels .reservations-list .reservations-container h2 { width: 100%; } } .my-hotels .reservations-list .reservations-container .reservation-section { position: relative; padding-top: 50px; overflow: hidden; } .my-hotels .reservations-list .reservations-container .reservation-section:first-of-type { border-top-left-radius: 15px; border-top-right-radius: 15px; } @media (max-width: 991px) { } .my-hotels .reservations-list .reservations-container .reservation-section:last-of-type { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .my-hotels .reservations-list .reservations-container .reservation-section.next, .my-hotels .reservations-list .reservations-container .reservation-section.summary { background: #fff; } .my-hotels .reservations-list .reservations-container .reservation-section.summary { padding-top: 0px; } .my-hotels .reservations-list .reservations-container .reservation-section.secondary, .my-hotels .reservations-list .reservations-container .reservation-section.future { background-color: rgba(0, 0, 0, 0.5); color: #fff; } .my-hotels .reservations-list .reservations-container .reservation-section.historic { background: rgba(0, 0, 0, 0.5); } .my-hotels .reservations-list .reservations-container .reservation-item { padding: 25px 25px 0 25px; min-height: 180px; } @media (max-width: 991px) { .my-hotels .reservations-list .reservations-container .reservation-item { padding: 20px 20px 0 20px; } } .my-hotels .reservations-list .reservations-container .reservation-item ul { list-style-type: none; padding: 0; } .my-hotels .reservations-list .reservations-container .reservation-item ul li { font-family: 'Circe-Regular'; } .my-hotels .reservations-list .reservations-container .reservation-item ul li .light { font-family: 'Circe-Light'; } .my-hotels .reservations-list .reservations-container .reservation-item ul li.price { font-family: 'Circe-Bold'; } .my-hotels .reservations-list .reservations-container .reservation-item .image-container { position: relative; } @media (max-width: 991px) { .my-hotels .reservations-list .reservations-container .reservation-item .image-container img { margin: 0 auto; margin-bottom: 15px; } } .my-hotels .reservations-list .reservations-container .reservation-item .more { padding: 7px 15px; position: absolute; background-color: rgba(0, 0, 0, 0.5); color: white; bottom: 0px; left: 0px; text-decoration: none; line-height: 24px; font-size: 14px; vertical-align: middle; } .my-hotels .reservations-list .reservations-container .reservation-item .more img { width: 18px; height: 18px; margin-right: 5px; } .my-hotels .reservations-list .reservations-container .reservation-item .more .count { position: relative; top: 2px; } .my-hotels .reservations-list .reservations-container .reservation-item:last-of-type { padding-bottom: 25px; } @media (max-width: 991px) { .my-hotels .reservations-list .reservations-container .reservation-item:last-of-type { padding-bottom: 20px; } } .my-hotels .reservations-list .reservations-container .reservation-item.inverse { color: #fff; } .my-hotels .reservations-list .reservations-container .reservation-item .btn.secondary { background: #ff9d7b; color: #ffffff; border-radius: 0px; display: flex; justify-content: center; margin-bottom: 10px; } .my-hotels .reservations-list .reservations-container .reservation-item .btn.secondary.inverse { background: #ffffff; color: #ff9d7b; border: 1px solid #ff9d7b; } @media (min-width: 992px) { .my-hotels .reservations-list .reservations-container .reservation-item .custom-py-md-15 { padding-top: 15px; padding-bottom: 15px; } } @media (min-width: 992px) { .my-hotels .reservations-list .reservations-container .reservation-item .booking-details-list { min-height: 140px; } .my-hotels .reservations-list .reservations-container .reservation-item .booking-details-list .price { position: absolute; width: 100%; padding-right: 30px; bottom: calc(30px); } } .my-hotels .reservations-list .reservations-container .actions .btn { margin-bottom: 10px; width: 100%; } .my-hotels .reservations-list .reservations-container .actions .btn.secondary { text-align: center; background: transparent; color: #fff; border-color: #fff; } .my-hotels .reservations-list .reservations-container .btn-inverse .btn { color: inherit; background: transparent; border: 1px solid; border-color: inherit; } .my-hotels .reservations-list .reservations-container .btn-inverse .btn.secondary { color: #000; background: rgba(255, 255, 255, 0.6); /*background: transparent; color: #fff; border-color: #fff;*/ } .my-hotels .reservations-list .sub-panel { padding: 25px; color: #fff; } .my-hotels .account { /* background: url('/Themes/myhotels/Content/imgs/account-background.jpg') no-repeat center center fixed;*/ background-image: none; background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; position: relative; /*&.login { .form-container { max-width: 460px; } }*/ } .my-hotels .account:before { content: ''; width: 100%; height: 100%; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: #000; opacity: 0.5; display: none; } .my-hotels .account .body-content--extended { max-width: unset !important; } .my-hotels .account:not(.login) .form-container { max-width: 870px; margin-bottom: 30px; padding-bottom: 15px; } .my-hotels .account:not(.login) .form-container .form-container-body { padding: 30px; } @media (min-width: 768px) { .my-hotels .account:not(.login) .form-container .form-container-body { width: 50%; } } .my-hotels .account.profile .form-container, .my-hotels .account.change-password .form-container { overflow: visible; margin: 0 15px 30px 15px; } @media (min-width: 992px) { .my-hotels .account.profile .form-container, .my-hotels .account.change-password .form-container { width: 75%; } } @media (max-width: 1200px) { .my-hotels .account.profile .form-container, .my-hotels .account.change-password .form-container { margin-left: 0; margin-right: 0; } } .my-hotels .account.reservations .reservations-container h2 { left: 0; transform: unset; width: 100%; text-align: left; padding-left: 30px; } @media (max-width: 991px) { .my-hotels .account.reservations .reservations-container h2 { padding-left: 20px; } } .my-hotels .account .intl-tel-input { display: block; } .my-hotels.account-page .navbar { margin-bottom: 0px; } .my-hotels.account-page .account > h1 { color: #fff; text-align: center; } .my-hotels.account-page .account h3 { font-size: 20px; font-family: BrownLight-Regular; } .my-hotels #directions-container .direction-items { max-height: 400px; overflow-y: scroll; overflow-x: hidden; } .my-hotels #directions-container #map { height: 450px; } .my-hotels #directions-container #right-panel { line-height: 30px; } .my-hotels #directions-container select, .my-hotels #directions-container input { font-size: 14px; border-radius: 0; height: 43px; } .my-hotels #directions-container select { width: 100%; } .my-hotels #directions-container label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; top: 50px; position: relative; transform: translateY(-37px); } .my-hotels #directions-container i { font-size: 12px; } .my-hotels #directions-container .adp-step, .my-hotels #directions-container .adp-text { width: 100%; padding: 0 20px; } .my-hotels #directions-container .adp table { width: 100%; } .d-flex { display: flex; } .justify-content-center { justify-content: center; } .justify-content-between { justify-content: space-between; } .align-items-center { align-items: center; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .ms-auto { margin-left: auto; } .me-auto { margin-right: auto; } @media (max-width: 450px) { .hidden-xxs { display: none !important; } } @media only screen and (max-width: 991px) { .clearflex { display: block; } .my-hotels .navbar { margin-bottom: 30px; } .my-hotels .booking-summary-panel.affix, .my-hotels .amend-booking-summary-panel.affix { position: static; width: 100%; max-width: none; margin-bottom: 30px; } .my-hotels .calender-container { display: none; } .my-hotels #directions-container .direction-items { max-height: none; overflow-y: hidden; overflow-x: hidden; } .my-hotels .availability.calendar .room-detail { clear: both; min-height: 0; overflow: hidden; display: block; } .my-hotels .availability.calendar .room-detail .gallery-panel, .my-hotels .availability.calendar .room-detail .detail-panel, .my-hotels .availability.calendar .room-detail .pricing-panel { float: left; width: 100%; position: relative; max-width: none; display: block; } .my-hotels .availability.calendar .room-detail .gallery-panel { height: 250px; background-position: center center; border: none; } .my-hotels .availability.calendar .room-detail .pricing-panel { border-top: solid 1px #CCC; border-left: none; } .confirmation .form-subscribe { margin-top: 14px; } } @media only screen and (max-width: 767px) { .my-hotels body { background-image: none !important; background-color: #2d383e; } .my-hotels .border { display: none; } .my-hotels .container { max-width: 400px; width: 100%; overflow: hidden; } .my-hotels .container.body-content { margin: 0; max-width: none; padding: 0; } .my-hotels .container.body-content > .col-sm-12, .my-hotels .container.body-content > .col-xs-12 { padding: 0; } .my-hotels .container.body-content > .col-sm-12 > h1, .my-hotels .container.body-content > .col-xs-12 > h1 { margin-left: 20px; } .my-hotels .container.body-content > .col-sm-12 > a.gotLogin, .my-hotels .container.body-content > .col-xs-12 > a.gotLogin { margin-left: 20px; } .my-hotels .container.body-content div > .col-sm-12, .my-hotels .container.body-content div > .col-xs-12 { padding: 0; } .my-hotels .container.body-content div > .col-sm-12 > h1, .my-hotels .container.body-content div > .col-xs-12 > h1 { margin-left: 20px; } .my-hotels .container.body-content div > .col-sm-12 > a.gotLogin, .my-hotels .container.body-content div > .col-xs-12 > a.gotLogin { margin-left: 20px; } .my-hotels .container.body-content .pr-0 { padding-right: 15px; } .my-hotels .search .rooms .col-xs-12, .my-hotels .search .dates .col-xs-12, .my-hotels .search .code .col-xs-12 { padding-left: 15px !important; padding-right: 15px !important; } } .important-info { margin-top: 10px; margin-bottom: 5px; } #cards { overflow: hodden; } #cards ul { padding: 0; margin: 0; } #cards ul li { list-style: none; display: inline-block; } #cards ul li img { height: 44px; margin-left: 4px; } .confirmationNumber { font-size: 38px; opacity: 0.4; } /**** RADIO BUTTON ****/ [type="radio"]:checked, [type="radio"]:not(:checked) { position: absolute; left: -9999px; } [type="radio"]:checked + label, [type="radio"]:not(:checked) + label { position: relative; padding-left: 33px; cursor: pointer; line-height: 27px; display: inline-block; } [type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 24px; height: 24px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } [type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after { content: ''; width: 24px; height: 24px; background: #162a3e; border: 7px solid #b3b3b3; position: absolute; top: 0px; left: 0px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; } [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /**** END RADIO BUTTONS ****/ .ui-datepicker { width: auto; height: auto; text-transform: uppercase; } .ui-datepicker-inline { border: solid 1px #B3B3B3; } .ui-datepicker a { text-decoration: none; width: 50px; } .ui-datepicker table { width: 100%; } .ui-datepicker-header { background: #FFFFFF; color: #211F26; font-weight: bold; line-height: 50px; border-bottom: 1px solid #B3B3B3; width: 100%; } .ui-datepicker-title { text-align: center; font-weight: normal; font-size: 20px; font-family: BrownLight-Regular; color: #333333; } .ui-datepicker-prev, .ui-datepicker-next { display: inline-block; text-align: center; cursor: pointer; background-repeat: no-repeat; overflow: hidden; position: relative; } .ui-datepicker-prev { float: left; background: url('/Themes/myhotels/Content/css/imgs/left-arrow.svg') no-repeat; background-size: 12px; background-position: center center; } .ui-datepicker-next { float: right; background: url('/Themes/myhotels/Content/css/imgs/right-arrow.svg') no-repeat; background-size: 10px; background-position: center center; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { color: transparent; } .ui-datepicker thead { background-color: #EDEDED; border-bottom: 1px solid #B3B3B3; } .ui-datepicker tbody td { padding: 0; border-right: 1px dotted #bbb; width: 14.285%; } .ui-datepicker tbody td:last-child { border-right: 0px; } .ui-datepicker tbody tr { border-bottom: 1px dotted #bbb; } .ui-datepicker tbody tr:last-child { border-bottom: 0px; } .ui-datepicker th span { font-size: 12px; font-family: BrownLight-Regular; color: #000000; padding: 10px 0; display: block; text-align: center; font-weight: normal; } .ui-datepicker td span, .ui-datepicker td a { display: inline-block; font-weight: normal; text-align: center; width: 100%; height: 45px; line-height: 45px; font-size: 18px; font-family: BrownLight-Regular; color: #4d4a49; } .ui-datepicker-calendar .ui-state-default { background: #fff; } .ui-datepicker-unselectable .ui-state-default { background: #f4f4f4; color: #b4b3b3; } .ui-datepicker-calendar .ui-state-hover { color: #ffffff; background: #ff9d7b; } .ui-datepicker-calendar .ui-datepicker-other-month, .kd-calendar .kd-calendar-day.unavailable { background: repeating-linear-gradient(39deg, #EFEFEF, #ccc 1px, #EFEFEF 2px, #EFEFEF 10px); color: #000; } .ui-datepicker-calendar td.selected a, .ui-datepicker-calendar .ui-state-active { position: relative; color: #ffffff; background: #ff9d7b; } .ui-datepicker-calendar td.selected.checkin a:before, .ui-datepicker-calendar td.selected.departure a:before { background: #ff9d7b; display: block; width: 100%; position: absolute; top: -8px; font-size: 9px; line-height: 21px; height: 10px; border-radius: 3px; font-size: 12px; font-family: BrownLight-Regular; border-top: 1px solid white; } .ui-datepicker-calendar td.selected.checkin a:before { content: "Arrive"; } .ui-datepicker-calendar td.selected.departure, .ui-datepicker-calendar td.selected.departure a, .ui-datepicker-calendar td.selected.departure a:before { content: "Depart"; color: #ffffff; background: #ff9d7b; } .custom-validation-summary { background-color: #f8d7da; background-image: url(/Themes/myhotels/Content/css/imgs/error.png); background-position: 13px 13px; background-repeat: no-repeat; border: 1px solid ; border-radius: 15px; min-height: 55px; margin-bottom: 12px; padding-left: 53px; text-align: left; } @if @error-background-color { background-color: ; } .custom-validation-summary .heading { display: block; color: #fd0000; margin-top: 12px; font-size: 14px; font-weight: bold; } .custom-validation-summary .description { display: block; color: #fd0000; font-size: 12px; margin: 0 0 10px 0; } .custom-validation-summary .description ul { margin: 0; padding-left: 15px; } .custom-validation-summary .description ul li { list-style-type: square; margin: 5px 0; } .custom-validation-summary.kh-alert { background-image: none; border: none; padding: 10px; } .custom-validation-summary.kh-alert h1, .custom-validation-summary.kh-alert h2, .custom-validation-summary.kh-alert h3, .custom-validation-summary.kh-alert h4, .custom-validation-summary.kh-alert h5 { color: #fff; line-height: normal; margin-bottom: 0; text-align: left !important; } .custom-validation-summary.kh-alert h1 { font-size: 18px; } .custom-validation-summary.kh-alert p { color: #fff; margin: 0; } .custom-validation-summary.kh-alert .description { font-size: 14px; margin: 0; } .custom-validation-summary.summary-success { background-image: url(/Themes/myhotels/Content/css/imgs/tick.png); border: 1px solid #39b349; } .custom-validation-summary.summary-success .heading { color: #39b349; } .custom-validation-summary.summary-success .description { font-size: 14px; } .manage .gotAccount h4, .details .gotAccount h4 { color: #FFFFFF; text-transform: uppercase; font-size: 18px; display: block; text-align: right !important; margin-top: 8px; } .manage .gotLogin, .details .gotLogin { background-image: url('/Themes/myhotels/Content/imgs/login.svg') !important; background-repeat: no-repeat !important; background-position: 10px !important; background-size: 21px !important; border-radius: 5px; padding: 10px 10px 8px 40px; background-color: transparent; color: #2d383e; font-size: 16px !important; font-family: BrownLight-Regular !important; text-transform: unset; /*&.primary { font-family: Circe-Bold; //font-size: 12px; @media (max-width: 767px) { margin-bottom: 15px; } }*/ } .manage .gotLogin:hover, .details .gotLogin:hover { background: unset; } .manage .gotLogin.btn-success, .details .gotLogin.btn-success { background-color: transparent; color: #000; font-family: 'CircularPro-Book'; font-size: 14px; border-color: ; border-radius: 0px; margin-bottom: 25px; text-decoration: none; cursor: auto; } .manage .gotLogin.btn-success:hover, .details .gotLogin.btn-success:hover { border-color: ; } .manage .gotLogin a, .details .gotLogin a { font-size: inherit; color: #ff9d7b; } .manage .gotLogin a:hover, .details .gotLogin a:hover { background: unset; } .manage .gotLogin a.btn-success, .details .gotLogin a.btn-success { background-color: transparent; color: #000; font-family: 'CircularPro-Book'; font-size: 14px; border-color: ; border-radius: 0px; margin-bottom: 25px; text-decoration: none; cursor: auto; } .manage .gotLogin a.btn-success:hover, .details .gotLogin a.btn-success:hover { border-color: ; } @media print { .my-hotels .sub-panel { padding: 0; height: 300px; max-height: 300px; } .my-hotels .sub-panel h3 { color: #fff; white-space: nowrap; } .my-hotels .sub-panel .room { margin-bottom: 25px; } .my-hotels .sub-panel .room .selected-features .print-price-total { float: right; } .my-hotels .sub-panel .room .selected-features li { list-style: none; margin: 0; padding: 0; float: none; } .my-hotels .sub-panel .room .selected-features li:before { content: none; margin: 0; } .my-hotels .sub-panel .room .selected-features li span { float: none; } .my-hotels .print-price-total { list-style: none; } .my-hotels .detail-container .main-panel .stay-detail .clearfix { float: none; } .hotel-logo img { margin-left: auto; margin-right: auto; display: block; max-width: 100px; } .hotelReservedBooked h3 { padding-left: 40px; } .hotelReservedBooked img { border: solid 2px rgba(0, 0, 0, 0.5); height: 300px; width: 500px; max-width: 500px; min-width: 500px; max-height: 300px; min-height: 300px; } @page { size: auto; margin: 0; } } @account-section-subtitle : It's easy! Just enter a password and we'll create an account with the email you gave us above.;