@font-face {
    font-family: 'Baloo';
    src: url('../fonts/Baloo-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'Averta';
	src: url('../fonts/averta_regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;	
}


@font-face {
    font-family: 'averta_regular';
    src: url('../fonts/averta_regular.eot');
    src: url('../fonts/averta_regular.eot') format('embedded-opentype'),
         url('../fonts/averta_regular.woff2') format('woff2'),
         url('../fonts/averta_regular.woff') format('woff'),
         url('../fonts/averta_regular.ttf') format('truetype'),
         url('../fonts/averta_regular.svg#averta_regular') format('svg');
}


.wsm-right {
    list-style: none;
    padding-left: 0;
    margin-top: -3px;
    margin-bottom: 0;
    display: none;
    background: darkgrey;
    color: white;
}

.wsm-left {
    list-style: none;
    padding-left: 0;
    margin-top: -3px;
    margin-bottom: 0;
    display: block;
    color: black;
}

.wsm-todo:before {
    content: '!';
}

.wsm-saveMenu:before {
    content: '*';
}

.wsm-planning:before {
    content: '#';
}

.wsm-info:before {
    content: '@';
}

.wsm-carlapic:before {
    content: 'C';
}

.wsm-help:before {
    content: '?';
}

.wsm-logout:before {
    content: 'X';
}

.wsm-setArchive:before {
    content: '<';
}

.wsm-unsetArchive:before {
    content: '>';
}

.wsm-entry {
	color: white;
	white-space: nowrap;
}

.wsm-entry:before {
	font-family: 'carlaregular';
    text-decoration: none;
    padding-left: 4px;
    padding-right: 10px;
    font-size: 1.5rem;
    vertical-align:	middle;	
}

.hIconLink {
    text-decoration: none;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 2.2rem;
}

.savedMenuIcon{
    height: 100%;
    display: inline-block;
    padding-top: 27px;
}

.mainContainer {
    height: 100%;
    overflow-y: auto;
}

.formArea {
    position: relative;
    width: 100%;
    height: 100%;
}

.borderedFormArea {
    padding: 16px;
}

/* Style for login page */
.loginLink {
    text-decoration: none;
    text-align: center;
    font-size: 0.9rem !important;
    padding-top: 1rem !important;
}

/* FORM ELEMENT DEFINITIONS */
.disabledColor {
    color: #808080;
}

.enabledColor {
    color: #000000;
}

/* END OF FORM ELEMENT DEFINITIONS */

/* BORDERS DEFINITIONS */
.border1 {
    border: solid 1px #000000;
    font-size: 8pt;
    overflow: auto;
}

.border1 td {
    border: solid 1px #000000;
}

/* END OF BORDERS DEFINITIONS */

/* FONT DEFINITIONS (name+size+decoration) */
.main8 {
    font-size: 8pt;
    color: #000000;
}

.userInfo {
    font-size: 8pt;
    color: #000000;
}

.main8Color {
    font-size: 8pt;
    color: #00BFF3;
}

.main10Color {
    font-size: 10pt;
    color: #00BFF3;
}

.main12Color {
    font-size: 12pt;
    color: #00BFF3;
}

.main14Color {
    font-size: 14pt;
    color: #00BFF3;
}

.main8Error {
    font-size: 8pt;
    color: #ED1C24;
}

.main10Error {
    font-size: 10pt;
    color: #ED1C24;
}

.main12Error {
    font-size: 12pt;
    color: #ED1C24;
}

.main14Error {
    font-size: 14pt;
    color: #ED1C24;
}

/* END OF FONT DEFINITIONS */

/* LINK DEFINITIONS (name+size+decoration)*/
A.main8:link {
    text-decoration: none;
    font-size: 8pt;
    color: #000000;
}

A.main8:visited {
    text-decoration: none;
    font-size: 8pt;
    color: #000000;
}

A.main8:hover {
    text-decoration: none;
    font-size: 8pt;
    color: #00BFF3;
}

A.main8Ul:link {
    text-decoration: underline;
    font-size: 8pt;
    color: #000000;
}

A.main8Ul:visited {
    text-decoration: underline;
    font-size: 8pt;
    color: #000000;
}

A.main8Ul:hover {
    text-decoration: underline;
    font-size: 8pt;
    color: #00BFF3;
}

/* END OF LINK DEFINITIONS */

/* COLOR DEFINITIONS */
.colorBGFace {
    background-color: #FFFFFF
}

.colorBGAlt {
    background-color: #E6E6E6
}

.colorBGCorrect {
    background-color: #FFFFFF;
    color: #50C878
}

.curHand {
    cursor: pointer;
}

.curDefault {
    cursor: default;
}

/* New Design */
html, body {
    border: 0;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
}

/* Header styles for desktop*/
header {
    height: 90px;
    position: fixed;
    width: 100%;
    z-index: 10;
}

.header-logo {
    position: absolute;
    height: 100%;
	width: 280px;
    background-size: auto;
    background: #fff no-repeat center;
}

.header-toolbar {
    height: 100%
}

/*End header styles*/

.maxh {
    height: 100%;
}

.maxw {
    width: 100%;
    min-width: 100%;
}

img {
    border: none;
}

#logo {
    width: 135px;
}

.logo {
    height: 100px;
    width: 105px;
}

#form {
    margin-top: 0;
    width: 100%;
}

#form_element_div {
    width: 100%;
    margin: 0;
    padding: 0;
}

#form_caption {
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    background-color: #dcdcdc;
    border: 1px solid #cccccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #333;
}

.rollButtonRolled {
    background: url("../../images/skins/default/buttons/buttonUnRoll.gif") no-repeat left top;
}

.rollButtonUnRolled {
    background: url("../../images/skins/default/buttons/buttonRoll.gif") no-repeat left top;
}

.rollBackground {
    background: #E4EAF2 url("../../images/form_n_bg.gif") repeat-x left top;
}

.rollBackground td {
    padding-bottom: 3px;
}

.breadcrumb {
    overflow: hidden;
    position: relative;
    display: table;
    width: 100%;
    padding-top: 10px;
}

.form_element_caption {
    display: table-cell;
    font-weight: bold;
    font-size: 0.7rem;
    color: #808080;
}

.breadcrumb-back-button {
    display: table-cell;
    width: 3%;
}

.form_body_with_padding {
    padding: 5px 9px 5px 7px;
    margin: 0 0 5px 0;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
}

#form_body_no_padding {
    margin: 0;
    padding: 0;
}

#form_element_body_no_padding {
    margin: 0;
    padding: 0;
}


/* Notification messages */
.info {
	margin: 10px 60px 0 60px; 
	padding: 5px;  
	border-radius: 3px;
	text-align:center;
}

.info-green {
	border: 1px solid #c2d5b1; 
	background-color: #dff0d4;
	color: #287130;
}

.info-red {
	border: 1px solid #fbbec3; 
	background-color: #f4dedc;
	color: #cd0900;
}

.info-orange {
	border: 1px solid #fcf1d7; 
	background-color: #fcf8e1;
	color: #7e5e28;
}

.info-blue {
	border: 1px solid #90b4ca; 
	background-color: #dbecf7;
	color: #1f6380;
}

/* Tabs */
.tabs, .tab_active_page, .tab_passive_page {
    border-color: #c9c9c9;
}

.tabs {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
}

.tabs li {
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

.tab_active_page {
    border: 1px solid #c9c9c9;
    display: inline-block;
    float: left;
    margin: 0 4px -1px 0;
    padding: 0;
    position: relative;
    background-color: #ffffff;
}

.tab_passive_page {
    border: 1px solid #c9c9c9;
    display: inline-block;
    float: left;
    margin: 0 4px -1px 0;
    padding: 0;
    position: relative;
    background-color: #f5f3f2;
}

A.passive_page_link:link, A.passive_page_link:visited {
    text-decoration: none;
    color: #8f8f8f;
    font-size: 8pt;
    height: 16px;
    line-height: 16px;
}

A.active_page_link, A.active_page_link:visited {
    text-decoration: none;
    color: #4F6EB1;
    font-size: 8pt;
    font-weight: bold;
    height: 16px;
    line-height: 16px;
}

/*RWD tabs*/
.tabs-rwd {
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 0;
}

ul.tabs-rwd li {
    float: left;
    border: 1px solid #c9c9c9;
    margin: 0 -1px -3px 0
}

ul.tabs-rwd li a {
    display: inline-block;
    color: black;
    text-align: center;
    text-decoration: none;
    transition: 0.3s;
    font-size: 0.9rem;
    min-width: 110px;
    white-space: nowrap;
}

.inactive-tab {
    padding: 16px 16px;
    background: #f6f6f6;
}

.active-tab {
    background: #ffffff;
    padding: 13px 16px 16px 16px;
    font-weight: bold;
}

.active-tab-carlapic {
    background:#f9f5f5;
    padding: 13px 16px 16px 16px;
    font-weight: bold;
}

/*==========- TIFF image - =========*/
.tiffPanelContainer {
    padding-top: 16px;
}

/*==========- NAVIGATOR -==========*/
.navigator_page {
    display: inline;
}

#navigator_toolbar {
    color: #1A4B76;
    font-size: 8pt;
    background: url("../../images/nav_menu_bg.gif") repeat-x left top;
    height: 18px;
    padding-left: 7px;
    padding-top: 1px;
}

.navigator_toolbar_button_as_table_td {
    display: inline;
    position: relative;
    top: 1px;
    margin-left: 10px;
    margin-right: 10px;
}

A.navigator_toolbar_button_link:link, A.navigator_toolbar_button_link:visited {
    text-decoration: none;
    color: #1A4B76;
    font-size: 8pt;
}

A.navigator_toolbar_button_link:hover {
    text-decoration: underline
}

/*==========- TOP MENU -==========*/
#pages_panel {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}

/*==========- END! TOP MENU -==========*/

/* */
.ff_select_fix {
    color: #333333;
}

#user {
    padding-left: 5px;
    padding-bottom: 2px;
}

#department {
    padding-left: 5px;
    padding-bottom: 2px;
}

.form_buttons {
    height: 44px;
    white-space: nowrap;
}

.pre_form_buttons_place {
    padding-top: 6px;
    white-space: nowrap;
}

.command_button_with_image {
    white-space: nowrap;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    cursor: pointer;
    color: white;
}

.command_button_with_image_left {
    display: inline-block;
    background: url('../../images/skins/default/buttons/command_button_left.gif') no-repeat top left;
    height: 19px;
    padding-left: 6px;
}

.command_button_with_image_center {
    display: inline-block;
    background: url('../../images/skins/default/buttons/command_button_center.gif') repeat-x top left;
    height: 19px;
    padding-left: 1px;
    padding-right: 1px;
    position: relative;
    top: -2px;
}

.command_button_with_image_right {
    display: inline-block;
    background: url('../../images/skins/default/buttons/command_button_right.gif') no-repeat top left;
    height: 19px;
    padding-left: 6px;
}

.command_button_with_image_image_block {
}

.command_button_with_image_image {
    display: inline-block;
    position: relative;
    top: -5px;
    height: 15px;
    width: 20px;
}

.command_button_with_image_title {
    display: inline-block;
    text-align: center;
    position: relative;
    top: -2px;
}

.rwd-button-container {
	display: inline-block;
	padding: 15px 2px 2px 2px;
}

A.command_button_with_image_title_anchor:link, A.command_button_with_image_title_anchor:visited {
    text-decoration: none;
    font-size: 10pt;
    color: white;
}

A.command_button_with_image_title_anchor:hover {
}

#form_empty_caption {
    height: 0;
    background-color: #f5f3f2;
    border-top: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
}

.common_image_button_properties {
    height: 19px;
    padding-top: 3px;
}

.attachments_button_properties {
    width: 18px;
    height: 19px;
    margin-top: 3px;
    overflow: hidden;
}

.attachments_button_properties input {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    font-size: 0;
    cursor: pointer;
    width: 18px;
    height: 19px;
}

.grid_row_attachments_button_properties {
    width: 15px;
    height: 17px;
    display: inline-block;
    overflow: hidden;

}

.grid_row_attachments_button_properties input {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    font-size: 0;
    cursor: pointer;
    width: 15px;
    height: 17px;
    position: relative;
    top: -29px;
}

.grid_row_attachments_button_zip_properties {
    width: 15px;
    height: 17px;
    display: inline-block;
    overflow: hidden;
    margin-left: 10px !important;
}

.grid_row_attachments_button_zip_properties input {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    font-size: 0;
    cursor: pointer;
    width: 15px;
    height: 17px;
    position: relative;
    top: -29px;

}

.attachments_buttons_block {
    display:inline-block;
    white-space:nowrap;

}

.grid_header_attachments_button_properties {
    width: 32px;
    height: 32px;
    display: inline-block;
    overflow: hidden;
    margin: 5px;
}

.grid_header_attachments_button_properties input {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    font-size: 0;
    cursor: pointer;
    width: 32px;
    height: 32px;

    position: relative;
}

.grid_tool_tip_row .common_image_button_properties,
.grid_tool_tip_row .grid_row_attachments_button_properties {
    margin-left: 5px;
    margin-right: 5px;
}

.grid_tool_tip_row .grid_row_attachments_button_properties input {
    top: 0;
}

.ek_selected {
	padding-bottom: 3px; 
	border-bottom: 4px solid #d64686;
}

.ek_disabled {
	padding-bottom: 3px; 
}

.ek_image_button_properties {
    height: 35px;
}

.navigator_image_button_properties {
    height: 32px;
    margin-right: 15px;
}

.navigator_item_image_button_properties {
    height: 20px;
    padding-top: 3px;
}

.navigator_item_image_checkbox_properties {
    height: 20px;
    width: 20px
}

#asterisk {
    margin-top: 5px;
    text-align: left;
}

.delimiter {
    background-color: #8BA7BD;
}

.paragraph {
    display: block
}

.navigator_empty_message_td {
    background-color: white;
    padding: 5px;
    text-align: left;
}

.navigator_empty_message {
    display: block;
    width: 100%;
    text-indent: 15px;
    color: #F77339;
}

.navigator_toolbar_table {
}

.navigator_toolbar_table_tr {
    background: url('../../images/nav_menu_bg.gif') repeat-x 0 4px;
    height: 22px;
}

.navigator_picture_toolbar_table_tr {
    background: url("../../images/nav_pic_menu_bg.gif") repeat-x 0 1px;
    height: 44px;
}

.navigator_table_row_passive {
    background-color: #F2F5FA;
}

.bordered {
    color: #333333;
    padding: 1px 1px 1px 2px;
    margin: 0 0 2px 0;
    border-radius: 3px;
}

.common_container_style {
}

.flow {
    border: 1px solid yellow;
}

.buttons_panel {
    height: 35px;
}

/* new french login page */
.code {
    text-align: right;
    width: 100px
}

.title {
    text-indent: 15px;
    color: #31485b;
    font-weight: bold;
    font-size: 11pt
}

.label {
    font-size: 8pt;;
}

.top_margin {
    margin-top: 15px;
}

.headerInfoMessage {
    color: green;
    font-size: 8pt;
    font-weight: bold;
}

.headerErrorMessage {
    color: red;
    font-size: 8pt;
    font-weight: bold;
}

.gdprConsentThirdParty {
	color: red;
    font-size: 1em;
    font-weight: bold;	
}

.index_top_margin {
    margin-top: 60px;
}

td.plain_date td {
    display: inline;
    color: #31485b;
    font-weight: bold;
    font-size: 11pt;
}

.container {
    margin: 0;
    padding: 0;
}

.checkbox {
    vertical-align: middle;
}

.checkboxCaption {
    vertical-align: middle;
    margin-left: 3px;
}

.pictureI {
    background: url(../../images/skins/default/tree/I.gif) repeat-y;
    width: 16px;
}

.pictureB {
    width: 16px;
}

.calendarYear TD {
    background-color: #FFFFFF;
    padding: 0 0 0 0;
    height: 19px;
    border-right: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

.calendarYear TD.top_first {
    border-left: solid 1px #000000;
    border-top: solid 1px #000000;
    cursor: default;
}

.calendarYear TD.first {
    border-left: solid 1px #000000;
    cursor: default;
}

.calendarYear TD.top {
    border-top: solid 1px #000000;
    cursor: default;
}

.calendarYear TD.weekend {
    background-color: #FFBE00;
}

.calendarYear TD.holiday {
    background-color: #EB0000;
}

.calendarYear TD.dayoff {
    background-color: #FFFF66;
}

.calendarYear TD.weekend-AM {
    background: linear-gradient(to bottom right, #FFBE00 50%, white 51%)
}

.calendarYear TD.weekend-PM {
    background: linear-gradient(to bottom right, white 50%, #FFBE00 51%)
}

.calendarYear TD.none {
    background-color: #AAAAAA;
    cursor: default;
}

.calendarYear TD.st {
    cursor: pointer;
}

.calendarYear_weekendEx {
    background-color: #FFBE00;
    border: solid 1px #000000;
    height: 19px;
    cursor: default;
}

.calendarYear_holidayEx {
    background-color: #EB0000;
    border: solid 1px #000000;
    height: 19px;
    cursor: default;
}

.calendarYear_dayoffEx {
    background-color: #FFFF66;
    border: solid 1px #000000;
    height: 19px;
    cursor: default;
}

.managedEmployeeName {
	float: left;
}

.activityCalendar td {
    background-color: #FFFFFF;
    padding: 0 0 0 0;
    height: 30px;
    border-right: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
}

.activityCalendar td:first-child {
    border-left: solid 1px #C0C0C0;
}

.activityCalendar_top_arrow_left {
    padding: 0 0 0 3px;
    border-left: solid 1px #C0C0C0;
    border-top: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    height: 19px;
    background: url('../../images/calendar/arrowleft.gif') no-repeat left;
    cursor: pointer;
}

.activityCalendar_top_arrow_right {
    padding: 0 3px 0 0;
    border-top: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    height: 19px;
    background: url('../../images/calendar/arrowright.gif') no-repeat right;
    cursor: pointer;
}

.activityCalendar_top_first {
    border-right: solid 0 #FFFFFF;
    border-top: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    height: 19px;
    cursor: default;
}

.activityCalendar_top {
    border-top: solid 1px #C0C0C0;
    border-right: solid 1px #C0C0C0;
    border-bottom: solid 1px #C0C0C0;
    cursor: default;
}

.activityCalendar td.none {
    background-image: url('../../images/calendar/existdays.gif');
    cursor: default;
}

.activityCalendar td.st {
    cursor: pointer;
}

.absenceCalendar_availableDaysCount {
    height: 1.8em;
}

.schoolHoliday td {
    background-color: #FFFFFF;
    padding: 1px 0 0 0;
    height: 4px;
    border-right: none;
    border-bottom: none;
}

.schoolHoliday td.lastCell {
    border-right: solid 1px #C0C0C0;
}

.schoolHoliday td.lastRow {
    border-bottom: solid 1px #C0C0C0;
    padding: 1px 0 1px 0;
    height: 6px;
}

.schoolHoliday td div {
    width: 100%;
    height: 100%;
}

.schoolHoliday td.firstDay div {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}

.schoolHoliday td.lastDay div {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.schoolHolidayCheckboxes {
}

.schoolHolidayCheckboxes span input {
    margin-left: 5px;
}

.schoolHolidayCheckboxes span font {
    margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.informationMessage {
    font: 12pt bold;
}

/* Don't know why on earth we have those two styles... they must match controlNote and border (labelPadding and selectPadding)*/
.selectPadding {
    color: #333333;
}

.labelPadding {
    padding-right: 6px;
    text-align: right;
    color: #333333;
}

.labelPlanePadding {
    padding-top: 4px;
    padding-left: 0;
    padding-right: 3px;
}

.controlNote {
    padding-right: 6px;
    text-align: right;
    color: #333333;
}

.controlPostNote {
    padding-right: 6px;
    color: #333333;
}

.groupField {
    padding-right: 6px;
    color: #333333;
}

.inputFieldTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1rem;
}

.inputFieldTD {
    padding: 0;
}

/* Input Field Label */
.IFL {
    padding: 0 2px 0 0;
    vertical-align: middle;
    border-bottom: 1px solid white;
}

.disabledIFL {
    padding: 0 2px 0 0;
    color: gray;
    vertical-align: middle;
}

.errorIFL {
    padding: 0 2px 0 0;
    color: red;
    vertical-align: middle;
}

/* 
size2/size4 to be used for 2/4 digits input fields (typical use case : date input fields .
Likelly better to rename them d2 or digits2 if/when we need such a thing a size2/size4 text input fields.
*/
.size2 {
    width: 33px;
}

.size4{
    width: 52px;
}

/* std select */
.editSelect {
    padding: 3px 0 3px 1px !important;
    width: 100%;
}

/* std select rwd */
.editSelect-rwd {
    width: 100%;
    height: 34px;
}

/* custom select */
.select {
    border: 0;
    /*rwd*/
    float: left;
}

/* input path of select */
.combobox_container {
    border-collapse: collapse;
    width: 100%;
}

.combobox_container_disable {
    border-collapse: collapse;
    width: 100%;
}

.combobox {
    vertical-align: middle;
    text-align: left;
    border: 0;
    height: 100%;
    width: 100%;
}

.select_input {
    width: 100%;
    color: #333333;
    padding: 4px 4px 4px 5px;
    margin-bottom: 2px;
    border-radius: 3px;
}

.drop_button {
    vertical-align: middle;
    text-align: right;
    height: 100%;
    width: 1px;
}

/* select list */
.select_list_div {
    overflow-x: hidden;
    overflow-y: visible;
    display: none;
    z-index: 10;
    position: absolute;
    border: 1px solid lightgrey;
    background-color: #ffffff;
    height: 100px;
}

.xselect {
	margin-top: -2px;
}

.autocompleter {
	margin-top: 8px;
}

.combobox_list {
    border-collapse: collapse;
    border: 0;
    /*rwd*/
    position: relative;
    width: 100%;
}

*#left_coll {
    white-space: nowrap;
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: left;
}

*#right_coll {
    white-space: nowrap;
    background-color: #FFFFFF;
    vertical-align: middle;
    text-align: left;
}

*#third_coll {
    display: none;
}

.first_cell {
    white-space: nowrap;
    padding-left: 10px;
    height: 1.5rem;
    cursor: default;
}

.second_cell {
    white-space: nowrap;
    padding-left: 15px;
    padding-right: 15px;
    height: 1.5rem;
    cursor: default;
}

.third_cell {
    display: none;
}

.clear {
    clear: both;
    height: 0;
    overflow: hidden;
}

.paragraph {
    height: 5px;
}

/*Workspace dropdown (in header)*/
.workspace-dropbtn {
    border: none;
    cursor: pointer;
    height: 100%;
    background: transparent;
    padding: 31px 10px 0 10px;
    display: inline-block;
}

.workspace-dropbtn:focus {
    outline: 0;
}

.workspace-dropdown {
    position: relative;
    height: 100%;
}

.workspace-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100%;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 100;
    right: 0;
}

.workspace-dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.workspace-dropdown-content a:hover {
    background-color: lightgrey;
}

.ws-dropdown-arrow {
	font-family: carlaregular;
}

.ws-dropdown-arrow-hidden {
	display: none;
}

.elemHidden {
	display: none;
}

.u-hidden {
    display: none !important;
}

.save-menu-dropdown {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100%;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 100;
    right: 0;
    width: 500px;
    padding-left: 3px;
    max-height: 540px;
    overflow-y: auto;
}

.menu-row-view-mode:hover{
    background-color: lightgrey;
}

.save-menu-button {
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1rem;
}

.save-menu-button-header {
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1.4rem;
}

.save-menu-star-button {
    text-decoration: none;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: 1.3rem;
}

.save-menu-dropdown input {
    width: 100%;
    color: black;
}

.save-menu-dropdown table {
    padding-left: 0;
    margin-bottom: 0;
    color: black;
}

.select-menu {
    padding: 12px 16px;
    text-decoration: none;
}

.select-menu a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block
}

.select-menu tr:hover {
    background-color: lightgrey;
}


.select-menu-edit{
    padding: 6px 16px;
    text-decoration: none;
}

.select-menu-edit a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    display: block

}

.select-menu-edit tr:hover {
    background-color: lightgrey;
}

/*************************/
/* CALENDAR INPUT STYLES */
/*************************/
.navButtonsWrapper {
    float: left;
    display: inline;
}

.wideNavButton {
    height: 32px;
    overflow: hidden;
    text-align: center;
}

.wideNavButtonContent {
    display: inline;
    vertical-align: middle;
}

/* CALENDAR INPUT EXPENSE STYLES */
.calendarInputExpenseNavigator {
    display: inline-block;
    font-weight: bold;
    width: 300px;
}

.calendarInputExpenseNavigator td {
    height: 32px;
}

.calendarInputExpenseNavigator .navButton {
    width: 16px;
}

.calendarInputTable {
    width: 100%;
    margin: 0;
    border-collapse: collapse
}

.calendarInputHeaderRow {
    height: 35px;
}

.calendarInputHeaderCell {
    width: 14.25%;
    border: 1px solid lightgray;
    min-width: 150px;
}

/* remove borders */
.calendarInputTable td.calendarInputHeaderCell {
    border-top: none;
}

.calendarInputTable tr.calendarInputBodyRow:nth-last-child(1) td {
    border-bottom: none;
}

.calendarInputTable td.calendarInputHeaderCell:nth-child(1), .calendarInputTable td.calendarInputBodyCell:nth-child(1) {
    border-left: none;
}

.calendarInputTable td.calendarInputHeaderCell:nth-last-child(1), .calendarInputTable td.calendarInputBodyCell:nth-last-child(1) {
    border-right: none;
}

.calendarInputHeaderText,
.calendarInputHeaderButtons {
    vertical-align: top;
    padding: 2px;
    height: 35px;
}

.calendarInputHeaderButtons {
    text-align: right;
}

.calendarInputBodyRow,
.calendarInputBodyCellExpenseTable td {
    height: 45px;
}

.calendarInputBodyCell {
    width: 14.25%;
    border: 1px solid lightgray;
    vertical-align: top;
}

.calendarInputBodyCell.empty {
    background-color: white;
}

.calendarInputBodyCell.expense {
    background-color: white;
}

.calendarInputBodyCell.nonWorkingDay {
    background-color: #eeeeee;
}

.calendarInputBodyCellExpenseTable {
    width: 100%;
    border-left: 3px solid transparent;
}

.calendarInputEKImage {
    padding-left: 5px;
    vertical-align: middle;
}

.calendarInputExpenseActions {
    text-align: right;
    display: none;
}

.calendarInputExpenseAmount {
    text-align: right;
    padding-right: 5px;
}

/*****************************/
/* END CALENDAR INPUT STYLES */
/*****************************/

.grey-blanket {
    background: none repeat scroll 0 0 #000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    opacity: 0.25;
    position: fixed;
}

/* Responsive styles */
/* Note! The order of media queries is important (the last css rule that was declared is applied) */
/**
 * Naming :
 * do : desktop only (hidden for medium and small screens)
 * mo : mobile only (hidden for medium and large screnns)
 * hm : hide mobile (hidden for small screens)
 * wsm : workspace menu
 */

/* Small and Medium screen */
@media (max-width: 1190px) {
    .wsm-right {
        display: table-cell;
    }

    .wsm-left {
        display: table-cell
    }

    .clientArea {
        top: 4.4rem;
    }

    .rwd-do {
        display: none;
    }

    .rwd-fullWidth-medium {
        width: 100% !important;
    }

    header {
        height: 50px;
    }
    
	.header-logo {
	    width: 50px !important;
	    background-size: 100% 100%;
	}    

    .header-toolbar {
        margin-left: 50px !important;
    }

    .breadcrumb {
        padding-top: 0;
    }

    .combobox_list_container {
        z-index: 190;
    }

    .combobox_list {
        font-size: 1rem;
        line-height: 1.8rem;
    }

    ul.tabs-rwd li {
        margin: 0;
    }

    .workspace-dropbtn {
        padding: 10px 6px 0 6px;
    }

    #autocompleterPopup, #selectPopup {
        z-index: 310;
        position: absolute;
        left: 16px;
        background: white;
        height: 300px;
        padding: 10px;
        box-shadow: 0 2px 4px 0 rgba(0,0,0,0.5),0 2px 10px 0 rgba(0,0,0,0.5) !important;
    }

    .rwd-container-padding-right {
        padding-right: 16px !important;
    }
    
    .workspace-dropdown-content {
    	margin-top: -3px;
    }

	.ws-dropdown-arrow-hidden {
		display: inline;
	}

    #menu_min_button_pane {
        display: none;
    }
}

/* Small screen */
@media (max-width: 890px) {
    .rwd-fullWidth-small {
        width: 100% !important;
    }

    .rwd-tiffPanel {
        height: 500px !important;
    }

    .rwd-container-padding-right {
        padding-right: 0 !important;
    }

	.ws-dropdown-arrow-hidden {
		display: inline;
	}
	
	.ui-jqgrid-btable,
    .ui-jqgrid-htable {
        width: 100% !important;
    }

    .ui-jqgrid .ui-pg-table .ui-pg-table-cell {
        display: block;
    }
    
    .ui-jqgrid .ui-jqgrid-hbox {
    	width: 100%;
    }
    
    .rwd-hm {
        display: none;
    }
    
    .b-popup-content {
        width: auto !important;
		margin-left: 15px !important;
		margin-right: 15px !important;        
    }

    .the-treep-grid-header {
        display: none;
    }

    .cds-grid-header {
        display: none;
    }

    .offers {
        flex-direction: column !important;
    }

    .offer {
        width: 90% !important;
        margin: 10px auto !important;
    }

    .the-treep-mobile-header {
        color: #5d5d5d;
    }

    .vertical-align {
        display: block !important;
    }

    .employee-personal-data-report-btn {
        top: 0;
    }
}

/* Medium screen */
@media (max-width:1190px) and (min-width:891px) {
    .rwd-mo {
        display: none;
    }

    .employee-personal-data-report-btn {
        top: 8px;
    }
}

/* Desktop */
@media (min-width: 1191px) {
    .nav-submenu-right {
        float: right;
        line-height: 4.1rem;
    }

    .rwd-rowIcon {
        text-align: left;
        padding: 3px 0 13px 0;
    }

    .rwd-mo {
        display: none;
    }

    .rwd-tiffPanel {
        height: 600px;
    }

    .rwd-container-padding-right {
        padding-right: 16px !important;
    }

    #main_div.menu-opened #client_area {
        left: 280px;
    }

    .employee-personal-data-report-btn {
        top: 8px;
    }
}

/* Header */
.header_spacer {
    line-height: 4.4rem;
}

.nav ul .nav-submenu-right ul {
    left: auto;
    right: 0;
}

/* Forms */
.alignLeft {
    text-align: left;
}

.rwd-container {

}

.rwd-tabs {
}

.rwd-form-padding {

}

.rwd-cell {
    clear: both;
}

.rwd-newLine {
    clear: both;
}

.rwd-label {
    float: left;
    text-align: left;
    font-size: 0.9rem;
    padding: 0 5px 0 10px;
}

.rwd-field {
    float: left;
    font-size: 1.2rem;
    color: #333;
    padding: 0 4px 4px 5px;
}

.rwd-border {
    padding: 4px 4px 4px 5px;
}

.rwd-noBorderInput {
    padding: 1px 1px 1px 2px;
    margin: 0 0 2px 0;
    border: 1px solid #fff !important;
}

.rwd-img-btn {
    padding: 2px;
    margin-bottom: -5px;
}

.rwd-caption {
    text-align: left;
    font-size: 1rem;
    font-weight: bold;
    padding-bottom: 0.5rem;
}

.rwd-btn {
    font-weight: 400;
    position: relative;
    border: none;
    border-radius: 3px;
    display: inline-block;
    outline: 0;
    padding: 8px 16px;
    vertical-align: middle;
    text-decoration: none !important;
    color: #fff;
    background-color: #000;
    text-align: center;
    transition: .2s ease-out;
    cursor: pointer;
    margin: 2px;
}

.rwd-form-btn {
    margin: 0 !important;
    font-size: 9pt;
}

.rwd-btn-min-width {
    min-width: 6em;
}

.rwd-checkbox {
    vertical-align: middle;
    margin-left: 3px;
    font-size: 0.9rem;
}

.rwd-radio {
    vertical-align: middle;
    margin-left: 3px;
    padding-top: 1px;
    font-size: 0.9rem;
    line-height: 3rem;
}

.rwd-label .rwd-radio {
    line-height: 0;
}

.rwd-field input[type="checkbox"], .rwd-field input[type="radio"] {
    vertical-align: middle;
    margin-left: 0;
    padding-top: 1px;
    line-height: 3rem;
}

.rwd-warningMessage {
	float: left;
	text-align: left;
	padding-left: 10px;
}

.rwd-sizeS {
    width: 20%;
}

.rwd-sizeM {
    width: 40%;
}

.rwd-sizeL {
    width: 60%;
}

.rwd-sizeXL {
    width: 80%;
}

.rwd-sizeQuarter {
    width: 25%;
}

.rwd-sizeThird {
    width: 33%;
}

.rwd-sizeHalf {
    width: 50%;
}

.rwd-size100 {
    width: 100%;
}

.rwd-sizeLabel {
    width: 100%;
}

.rwd-sizeField {
    width: 100%;
}

.rwd-combo-timer {
    margin: 0 0 0 -19px;
}

.rwd-combo-dropdown {
    margin: 0 0 0 -21px;
    z-index: 1;
}

.rwd-no-style {
}

/* Red asterix up */
font img {
    margin-bottom: 0.3rem;
}

/* Date fields squizzed */
.inputFieldTD > table {
    width: auto;
}

.grid_attachment_button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

/* COLORS */
.rwd-pink {
    color: #fff !important;
    background-color: #d64686 !important
}

.rwd-pink:hover {
    background-color: #ea3a88 !important
}

.rwd-light-pink {
	color: #F44336FF !important;
    background-color: #FFEBEEFF !important;
}


.rwd-orange {
    color: #fff !important;
    background-color: #f6ad02 !important
}

.rwd-orange:hover {
    background-color: #fdbf2d !important
}

.rwd-green {
    color: #fff !important;
    background-color: #7fc34f !important
}

.rwd-green:hover {
    background-color: #85cb53 !important
}

.rwd-light-green {
    color: #4CAF50FF !important;
    background-color: #E8F5E9FF !important;
    font-family: averta;
}

.rwd-light-green:hover {
    background-color: #85cb53 !important
}

.rwd-red {
	color: #fff !important;
    background-color: #e13f3f !important
}

.rwd-red:hover {
    background-color: #ea4343 !important
}

.rwd-light-red {
    color: #f44336ff !important;
    background-color: #ffebeeff !important;
    font-family: averta
}

.rwd-light-red:hover {
    background-color: #ea4343 !important
}

.rwd-blue-grey {
    color: #fff !important;
    background-color: #7f8fa2 !important
}

.rwd-blue-grey:hover {
    background-color: #899cb1 !important
}

.rwd-purple {
    color: #fff !important;
    background-color: #a258cd !important
}

.rwd-purple:hover {
    background-color: #ae5fdb !important
}

.rwd-dark-blue {
    color: #fff !important;
    background-color: #505cc9 !important
}

.rwd-dark-blue:hover {
    background-color: #5a67e6 !important
}

.rwd-blue {
    color: #fff !important;
    background-color: #6dcad0 !important
}

.rwd-blue:hover {
    background-color: #6cdae1 !important
}

.rwd-light-grey {
    color: #fff !important;
    background-color: #cdcdcd !important
}

.rwd-light-grey:hover {
    background-color: #dbd8d8 !important
}

.rwd-dark-grey {
    color: #fff !important;
    background-color: #5b5559 !important
    
    /*
    color: #4CAF50FF !important;
    background-color: #E8F5E9FF !important
    */
}

.rwd-dark-grey:hover {
    background-color: #655e63 !important
}


.rwd-light-purple-with-border {
    color: #fff !important;
    background-color: #b27bd4 !important;
}

.rwd-light-purple-with-border:hover {
    background-color: #b885d7 !important;
}

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

.rwd-white:hover {
    opacity: 0.7;
}

.rwd-teal {
    color: #fff !important;
    background-color: #009688 !important
}

.rwd-teal:hover {
    opacity: 0.7;
}

.rwd-attachment-button {
    width: 20px;
    height: 24px;
    overflow: hidden;
}

div.rwd-attachment-button {
    margin: 4px;
}

input.rwd-attachment-button {
    margin: 4px 4px -5px;
}

.rwd-attachment-button input {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    font-size: 0;
    cursor: pointer;
    width: 20px;
    height: 24px;
}

.rwd-expandCollapseButton {
    padding: 1px 8px 3px 8px;
    font-size: 23px;
    font-weight: 100;
    min-width: 0;
    margin-left: 8px;
}

.rwd-expandCollapseButton:after {
    content: '\0FF0B'; /* Unicode character for "plus" sign (+) */
}

.rwd-expandCollapseButton.expanded:after {
    content: "\0FF0D"; /* Unicode character for "minus" sign (-) */
}

.asteriskImageForLabel {
    margin-bottom: 9px !important;
}

.mw {
    width: 100%;
    max-width: 335px;
}

#bg {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
}

.formBlanket {
    width: 400px;
    height: 100vh;
    background: rgba(255,255,255,0.7);
    margin: 0 auto;
    padding: 10vh 50px 0 50px;
    overflow: auto;
}

@media only screen and (max-width: 890px) {
    .formBlanket {
        width: 100%;
        right: 0;
    }

    .centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .mw {
        max-width: 60vw;
    }
}

.b-popup {
    width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.6);
    overflow: hidden;
    position: absolute;
    z-index: 99;
}

.b-popup-content {
    width: 450px;
    background-color: white;
    box-shadow: 0px 0px 10px #000;
    z-index: 210;
    position: fixed;
    margin: auto;
    top: 15%;
    right: 0;
    left: 0;
    -webkit-animation-name: animate;
    -webkit-animation-duration: 0.4s;
    animation-name: animate;
    animation-duration: 0.4s
}

.popup-warning {
    top: 30%;
    width: 550px;
}

@-webkit-keyframes animate {
    from {top:0; opacity:0}
    to {opacity:1}
}

@keyframes animate {
    from {top:0; opacity:0}
    to {opacity:1}
}

#g-recaptcha {
    display: table;
    margin: 0 auto;
}

#recoveryEmail {
    display: table;
    margin: 0 auto;
    width: 302px;
    height: 32px;
}

#recoveryEmailError {
    display: table;
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-bold {
    font-weight: bold;
}

.the-treep-grid-header {
    color: #d64686;
    padding-bottom: 12px;
}

.the-treep-first-class {
    color: #ea5330;
}

.the-treep-second-class {
    color: #2f99b6;
}

.other-treeps-button {
    color: #85cb53;
    cursor: pointer;
}

.offersContainer {
    display: none;
}

.offers {
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding-bottom: 10px;
}

.offer {
    position: relative;
    width: 26%;
    min-height: 500px;
    margin: 10px;
    background-color: #efefef;
}

.offerHeader {
    height: 60px;
    line-height: 60px;
    vertical-align: center;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    color: #fcfcfc;
    background-color: #d64686;
}

.offerHeaderCard {
	height: 60px;
	line-height: 60px;
	vertical-align: center;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	color: #fcfcfc;
	background-color: #004CB8;
}

.offerConditions {
    margin-top: 5px;
    padding: 20px 20px 190px;
    line-height: 2.0em;
}

.offerPrice {
    position: absolute;
    bottom: 70px;
    width: 100%;
    height: 120px;
    line-height: 120px;
    vertical-align: center;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    color: #d64686;
}

.offerFooter {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 20px 20px;
    display: table;
}

.offer-footer-button {
    float: right;
}

.offer-footer-luggage {
    vertical-align: middle;
    display: table-cell;
    padding-left: 10px;
}

.offer-footer-luggage-num {
    font-size: 1.1em;
    font-weight: bold;
    color: #d64686;
    vertical-align: middle;
    padding-left: 5px;
}

.cds-grid-header {
    color: #5d5d5d;
    padding-bottom: 12px;
}

.color-red {
    color: red;
}

.price-button-green {
    font-weight: bold;
    font-size: 1.1rem;
    color: white;
    background-color: #85cb53;
    cursor: default;
}

.price-button-red {
    font-weight: bold;
    font-size: 1.1rem;
    color: white;
    background-color: red;
    cursor: default;
}

.price-button-white {
    font-weight: bold;
    font-size: 1.1rem;
    cursor: default;
}

.price-button-white-old {
    font-size: 0.9rem;
    cursor: default;
    text-decoration: line-through;
}

.price-button:hover {
    color: white !important;
    background-color: #85cb53 !important;
}

.spinner {
    z-index: 100;
    display: none;
    top: 40%;
    left: 50%;
    position: absolute;
    border: 5px solid #dbdbdb;
    border-top: 5px solid #555;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.vertical-align {
    display:flex;
    align-items:center;
}

.vertical-align-bottom {
    display: inline-block;
    line-height: 23px;
    vertical-align: bottom;
}

.tcheckbox-rwd-padding {
    padding-top: 20px;
}

.country-selector {
    float: left;
    width: 85%;
}

.country-information {
    float: left;
    width: 15%;
    padding-top: 20px;
}

.width-half-with-padding {
    width: 50%;
    padding: 12px;
}

.table-row-padding-both {
    padding-top: 12px;
    padding-bottom: 12px;
}

.table-row-padding-bottom {
    margin-top: -12px;
    padding-bottom: 12px;
    border: none;
}

.table-row-label {
    padding-top: 5px;
    border-top: 2px dashed lightgray;
}

.flex-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-75 {
    position: relative;
    width: 75%;
}

.container-25 {
    position: relative;
    width: 25%;
}


#form_body_no_padding > div .table-row-padding-both ~ .table-row-padding-both {
    border-top: 1px solid lightgray;
}


.table-margin-bottom {
    margin-bottom: 16px;
}

.the-treep-additional {
    padding: 6px 0;
    font-size: 0.8rem;
}

.the-treep-additional-company {
    padding: 6px 0 16px;
}

.the-treep-date-row {
    display: inline;
}

.cell-padding-right {
    padding-right: 6px;
}

.price-button-padding {
    padding: 12px 16px;
}

.subscriber-fare-indicator {
    margin: 5px 0 2px 0;
    padding: 4px 8px;
    font-weight: bold;
    background-color: #004CB8;
    cursor: default;
}

.round-trip-indicator {
    margin: 5px 0 2px 0;
    padding: 4px 8px;
    font-weight: bold;
    background-color: #FFC000;
    cursor: default;
}

.oneway-trip-indicator {
    margin: 5px 0 2px 0;
    padding: 4px 8px;
    font-weight: bold;
    background-color: #0AC5FF;
    cursor: default;
}

.price-button-little-padding {
    padding: 8px 12px;
}

.ul-no-marker {
	padding: 5px;	
}

ul.ul-no-marker li {
    list-style-type: none;
}

.hugeFont {
	font-size: 3em;
}

.rwd-liLabel {
	float: left;
	text-align: left;
	font-size: 0.9rem;
	margin-bottom: -12px;
}

.sbtSearchBg {
	background: url("../../images/sbt_search.jpg");
	background-position: top;
	background-size: cover;
}

.sbtSearchMsg {
	text-align: center;
	font-size: 2.5em;
	line-height: 4em;
	font-family: Baloo;
	background-color: rgba(255,255,255,0.3);
}

@keyframes blink {
    0% {
      opacity: .2;
    }
    20% {
      opacity: 1;
    }
    100% {
      opacity: .2;
    }
}

.sbtSearchMsg span {
    animation-name: blink;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-fill-mode: both;
}

.sbtSearchMsg span:nth-child(2) {
    animation-delay: .2s;
}

.sbtSearchMsg span:nth-child(3) {
    animation-delay: .4s;
}

.rwd-input-left {
    float: left;
    width: 90%;
}

.center-inner-elem {
    display: table;
    margin: 0 auto;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.dashboardNotification {
    font-size: 12px;
    background-color: #fa3e3e;
    border-radius: 50%;
    color: white;
    left: 40px;
    position: absolute;
    text-decoration: none;
    top: 20px;
    width: 18px;
    height: 18px;
    text-align: center;
}

.empty-label{
    padding-top: 1.2rem;
}

.icon--star:before{
    content: '\2606';
}

.inner-container {
    margin: 20px 0 0 5px;
}
.inner-container-caption {
    padding-left: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
    background-color: #dcdcdc;
    border: 1px solid #cccccc;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #333;
}
.inner-container-body {
    padding: 5px 9px 5px 7px;
    margin: 0 0 5px 0;
    border-right: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    line-height: 0.8;
}
.option-list-item {
    display: flex;
    align-items: center;
    justify-content: left;
    padding: 2px 0;
}

.option-list-clear:after {
    content: "";
    display: table;
    clear: both;
}
.color-boston-blue {
    color: #2f99b6;
}
.text-line-through {
    text-decoration: line-through;
}
.hotel_img_col {
	width: 210px;
}
.hotel_img {
	object-fit: cover;
	width: 200px;
	height: 200px;
	border-radius: 5px;
}
.hotel_img_small {
    object-fit: cover;
    width: 100px;
    height: 100px;
    border-radius: 5px;
}
.hotel_info_row {
    min-height: 200px;
}
.row-padding-bottom {
    padding-bottom: 12px;
}

.cds-icon-with-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-left: 3px;
}
.cds-icon-tooltip {
    visibility: hidden;
    background-color: white;
    color: black;
    padding: 3px;
    position: absolute;
    top: 125%;
    z-index: 100;
    border: 1px solid black;
    opacity: 0;
    transition: opacity 0.3s;
    font-family: 'Avenir Next', Avenir, 'Helvetica Neue', 'Lato', 'Segoe UI', Helvetica, Arial, sans-serif;
    font-size: 15px;
}
.cds-icon-with-tooltip:hover .cds-icon-tooltip {
    visibility: visible;
    opacity: 1;
}
.cds-tooltip-left {
    left: 65%;
}
.cds-tooltip-right {
    right: -10%;
}
.cds-tooltip-wide {
    width: 230px;
    text-align: center;
}

.blue-label {
    margin: 5px 0 2px 0;
    padding: 4px 8px;
    font-weight: bold;
    background-color: #004CB8;
    cursor: default;
}

.cds-icon-header {
    color: #757575;
    border-bottom: 1px #757575 dashed;
    margin-bottom: 8px;
    width: 75%;
}

.cds-stars-size {
    font-size: 1.2rem !important;
}

@font-face {
    font-family: 'materialIcons';
    src: url('../fonts/MaterialIcons-Regular.eot');
    src: url('../fonts/MaterialIcons-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/MaterialIcons-Regular.svg#materialIcons') format('svg'),
    url('../fonts/MaterialIcons-Regular.woff2') format('woff2'),
    url('../fonts/MaterialIcons-Regular.woff') format('woff'),
    url('../fonts/MaterialIcons-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.cds-icon {
    font-family: 'materialIcons';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    color: #757575;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

.cds-icon-stars-row {
    margin-right: -6px;
}

.cds-icon-restaurant-menu:before {
    content: 'restaurant_menu';
}
.cds-icon-free-cancel:before {
    content: 'not_interested';
}
.cds-icon-free-breakfast:before {
    content: 'free_breakfast';
}
.cds-icon-wifi:before {
    content: 'wifi';
}
.cds-icon-no-wifi:before {
    content: 'wifi_off';
}
.cds-icon-parking:before {
    content: 'local_parking';
}
.cds-icon-wch-access:before {
    content: 'accessible';
}
.cds-icon-star:before {
    content: 'star_border';
}
.cds-icon-smoke-free:before {
    content: 'smoke_free';
}
.cds-icon-smoking-rooms:before {
    content: 'smoking_rooms';
}
.cds-icon-airport-shuttle:before {
    content: 'airport_shuttle';
}
.cds-icon-luggage:before {
    content: 'work';
}
.cds-icon-front-desk:before {
    content: 'contacts';
}
.cds-icon-safe-box:before {
    content: 'lock_outline';
}
.cds-icon-swimming-pool:before {
    content: 'pool';
}
.cds-icon-room-service:before {
    content: 'room_service';
}
.cds-icon-printer:before {
    content: 'local_printshop';
}

.cds-hotel-info-window {
    position:absolute;
    background-color: white;
    z-index: 1;
    margin-left: 8px;
    margin-top: 6px;
    width: 560px;
}

.mapLabelText {
    text-shadow: 2px 0 white, 0 2px white, -2px 0 white, 0 -2px white, -2px -2px white, -2px 2px white, 2px -2px white, 2px 2px white;
}

#hotelInfoWindowClose {
    position: absolute;
    color: #a0a0a0;
    top: 5px;
    right: 5px;
}

#hotelInfoWindowClose:before {
    content: 'close';
}

#hotelInfoWindowClose:hover {
    color: #000000;
}

#googleMapLocation {
    position:relative;
    height: 85vh;
}

#priceButtonTooltip {
    left: 20%;
}

.employee-personal-data-report-btn {
    position: absolute;
    right: 0;
}