:root {
    --mand-input-color: #f13b3b;
    --input-gray: #f3f3f3;
    --main-gray: #eeeeee;
    --secondary-gray: #fdfdfd;
    --sepearator-gray: #dcdcdc;
    --placeholder-gray: #c9c8c8;
    --border-gray: #c9c8c8;
    --dark-gray: #3b3939;
    --main-blue: #b1dae6;
    --separator-blue: #96c8d7;
    --font-color: #0c0f0f;
    --dark-blue: #144ad8;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Linotype - Avenir Next LT Pro Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Linotype - Avenir Next LT Pro Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Linotype - Avenir Next LT Pro Heavy.ttf') format('truetype');
    font-weight: bolder;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Linotype - Avenir Next LT Pro Bold Italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Avenir';
    src: url('../fonts/Linotype - Avenir Next LT Pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirDemi';
    src: url('../fonts/Linotype - Avenir Next LT Pro Demi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AvenirDemi';
    src: url('../fonts/Linotype - Avenir Next LT Pro Demi Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'AvenirBolder';
    src: url('../fonts/Linotype - Avenir Next LT Pro Heavy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

body,
html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

html {
    min-height: 100%;
    display: flex;
}

body {
    flex: 1;
}

.pointer {
    cursor: pointer;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

#waitModalCont,
#waitModalCont_fixed,
.waitInControl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url("../images/wait.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px;
}

.waitInControl {
    position: absolute;
}

.modal_bck {
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.dialog_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff9f1;
    border-radius: 5px;
    border: solid 2px #212121;
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.dialog_title_bar {
    margin: 0 0 1vh 0;
}

.dialog_title {
    font-family: 'AvenirDemi';
    font-size: 1.7vmin;
    color: var(--font-color);
    text-decoration: underline;
    margin: 0 0 1vh 0;
}

.dialog_close_icon {
    width: 4vh;
    height: 4vh;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 2vmin;
    font-family: 'AvenirDemi';
    background-color: #000;
    color: #fff;
    border-radius: 3px;
    padding: 0.3vmin 0 0 0;
    cursor: pointer;
}

.dialog_info_text {
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
}


.foxModalTitlebar {
    height: 3vw;
    background-color: var(--main-blue);
}

.foxModalTitle p {
    margin: auto 0.5vw;
    font-size: 0.8vw;
    font-family: 'AvenirDemi';
    color: var(--font-color);
}

.foxModalClose {
    flex: 0 0 1.5vw;
    height: 1.5vw;
    margin: auto 1vw auto 1vw;
}

.foxModalIconColumn {
    height: 3vw;
    margin: 1vw 0;
}

.foxModalText {
    font-size: 0.8vw;
    padding: 0 1vw 1vw 1vw;
    font-family: 'Avenir';
    color: var(--font-color);
}

.foxModalButtCont {
    display: flex;
    flex-direction: row;
    padding: 0 0 1.5vw 0;
    justify-content: center;
}

.foxModalButt {
    padding: 0 2vw;
    margin: 0 0.3vw;
    min-width: 10vw;
    background-color: #000;
    border-radius: 3px;
}

.foxModalButt p {
    font-family: 'AvenirDemi';
    color: #fff;
    white-space: nowrap;
    font-size: 1.5vmin;
    font-weight: normal;
}

.mobile_checkbox_checkbox {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid var(--font-color);
    height: 1.5vw;
    width: 1.5vw;
    flex: 0 0 1.5vw;
}

.mobile_checkbox_checkbox:hover {
    border: 1px solid var(--font-color);
    background-color: var(--font-color);
}

.mobile_checkbox_checkbox:active {
    flex: 0 0 1.5vw;
    height: 1.5vw;
    border: 1px solid var(--font-color);
    background-color: var(--font-color);
}

.mobile_checkbox_checked_cont {
    border: none;
}

.mobile_checkbox_img_checked {
    border-radius: 3px;
}

.mobile_checkbox_text, .mobile_checkbox_text a {
    white-space: nowrap;
    color: var(--font-color);
    padding: 0.2vw 0 0 0;
    font-size: 1.5vmin;
    font-family: 'Avenir';
    font-weight: normal;
}

.mobile_checkbox_text a {
    text-decoration: underline;
}

.mobile_radio_text_prepend_icon {
	width: 10vmin;
}

.warning_text {
    font-size: 1.7vmin;
    font-family: 'Avenir';
    font-weight: normal;
    color: #cc1414;
}

.FC_day_cont,
.FC_cal_button,
.FC_button,
.FC_clock_min_cont,
.FC_clock_hr_cont {
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
}

.FC_button {
    font-family: 'AvenirDemi';
}

.FC_clock_min_cont {
    color: #fff;
    font-size: 1.1vmin;
}

.FC_clock_hr_cont {
    font-size: 1.1vmin;
}

.foxComments_main_title {
    font-size: 2vmin;
}

.foxComments_iconButton_icon,
.foxFiles_iconButton_icon {
    height: 1.5vh;
    width: auto;
    margin: 0 0.6vw 0 0;
}

.foxComments_iconButton_text,
.foxFiles_iconButton_text {
    font-size: 1.5vmin;
}

.foxComments_infoText,
.foxFiles_infoText {
    font-size: 1.5vmin;
    color: var(--font-color);
}

.foxComments_navNbrs {
    font-size: 1.5vmin;
    color: var(--font-color);
}

.foxComments_dialogTitle,
.foxFiles_dialogTitle {
    font-size: 1.7vmin;
    color: var(--font-color);
}

.foxComments_dialogCloseIcon,
.foxFiles_dialogCloseIcon {
    font-size: 2vmin;
}

.foxComments_inputHead,
.foxComments_inputHeadMand,
.foxFiles_inputHead,
.foxFiles_inputHeadMand {
    font-size: 1.5vmin;
    color: var(--font-color);
}

.foxComments_inputHeadMand:before {
    color: var(--mand-input-color);
}

.foxComments_ck-content {
    font-size: 1.5vmin;
}

.foxComments_date,
.foxComments_lastHead {
    font-size: 1.3vmin;
}

.foxComments_userNme,
.foxComments_userNmeForum {
    font-size: 1.3vmin;
    color: var(--font-color);
}

.foxComments_title {
    font-size: 1.8vmin;
}

.foxComments_viewCnt {
    font-size: 1.3vmin;
}

.foxComments_repliesCnt {
    font-size: 1.3vmin;
}

.foxFiles_nme,
.foxComments_nme {
    font-size: 1.5vmin;
    color: var(--font-color);
}

.foxFiles_fleNme,
.foxComments_fleNme {
    font-size: 1.3vmin;
    color: var(--placeholder-gray);
}

.foxMapSearch_searchPointOverlayName {
    font-size: 1.2vmin;
}

s .foxMapSearch_searchPointOverlayType {
    font-size: 1vmin;
}

.foxMapSearch_searchPointOverlayClose {
    font-size: 1.7vmin;
}

.foxMapSearch_searchPointOverlayDesc,
.foxMapSearch_searchPointOverlayDescStandalone {
    font-size: 1.2vmin;
}

.foxMapSearch_searchPointOverlayAttribution a,
.foxMapSearch_searchPointOverlayLink a {
    font-size: 0.9vmin;
}

.foxForum_groupTitle {
    font-size: 1.5vmin;
}

.foxForum_groupDsc {
    font-size: 1.3vmin;
}

.foxForum_groupCnt {
    font-size: 1.3vmin;
}

.foxForum_groupLast {
    font-size: 1.3vmin;
}

.address_separator {
    width: 0.8vmin;
    height: 0.8vmin;
    background-color: var(--main-blue);
    margin: 0 2.5vmin;
}


.flex_column_cont {
    display: flex;
    flex-direction: column;
}

.flex_column_cont_centered {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.flex_row_cont {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.flex_wrap {
    flex-wrap: wrap;
    justify-content: center;
}

.flex_wrap_nocenter {
    flex-wrap: wrap;
}

.flex_row_top_cont {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.flex_row_noaling_cont {
    display: flex;
    flex-direction: row;
}


.flex_filler {
    flex: 1;
}

.flex_spacer {
    width: 0.3vw;
    height: 0.5vh;
    flex-grow: 0;
    flex-shrink: 0;
}

.flex_spacer_middle {
    width: 0.6vw;
    height: 1vh;
    flex-grow: 0;
    flex-shrink: 0;
}

.flex_spacer_big {
    width: 0.9vw;
    height: 1.5vh;
    flex-grow: 0;
    flex-shrink: 0;
}

.padded_content {
    padding: 0 15vw;
}

.small_padded_content {
    padding: 0 2vw;
}

.content_cont {
    position: relative;
    flex: 1 100%;
    padding-top: 2vh;
    padding-bottom: 2vh;
}

.login_bar_inner_cont {
    padding: 0 1vw 0 1vw;
}

.login_bar_logo_outer_cont {
    flex: 0 14vw;
    width: 14vw;
    flex-shrink: 0;
    flex-grow: 0;
    height: 4vh;
    position: relative;
}

.login_bar_logo_cont {
    position: absolute;
    height: 4vh;
    top: 0;
    left: 0;
}

.login_bar_logo {
    height: 4vh;
    width: auto;
    cursor: pointer;
}

.logo_slogan {
    font-size: 0.5rem;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
}

.page_title {
    font-size: 2vmin;
    font-weight: bold;
    font-family: 'Avenir';
    color: var(--font-color);
}

.nowrap_text {
    white-space: nowrap;
}

.login_bar_element {
    margin: 0 2vw 0 0;
    color: #fff;
    text-decoration: none;
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
}

.login_bar_right_element {
    margin: 0 2vw 0 0;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
}

.bottom_menu_sub_cont {
    display: flex;
    flex-direction: column;
    margin: 0 3vw 0 0;
    min-width: 10vw;
}

.bottom_menu_top_sign {
    width: 1vw;
    flex: 0 0 3px;
    height: 3px;
    background-color: #4361ee;
    margin: 0.7vw 0 1.4vw 0;
}

.bottom_menu_item {
    margin: 0.3vw 0;
    white-space: nowrap;
    cursor: pointer;
    font-family: 'AvenirDemi';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
}

.bottom_menu_item:hover,
.login_bar_right_element:hover,
.login_bar_element:hover {
    text-decoration: underline;
}

.login_bar_right_element:hover,
.login_bar_element:hover {
    color: var(--main-blue);
}

.rounded_button,
.rounded_blue_button,
.foxPOISelector_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 4vh;
    padding: 1vh;
    cursor: pointer;
    background-color: #000;
    border-radius: 2vh;
    font-family: 'AvenirDemi';
    color: #fff;
    white-space: nowrap;
    padding: 0.3vh 2vw 0 2vw;
    font-size: 1.5vmin;
    font-weight: normal;
    user-select: none;
}

.rounded_button_icon {
    height: 1.5vh;
    width: auto;
    margin: 0;
}

.rounded_blue_button {
    background-color: var(--main-blue);
    color: var(--font-color);
}

.icon_button,
.gray_icon_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 4vh;
    padding: 1vh;
    cursor: pointer;
    background-color: #000;
    border-radius: 3px;
}

.gray_icon_button {
    background-color: rgb(109, 109, 109);
}

.small_icon_button,
.top_bar_icon_button {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 3vh;
    width: 3vh;
    flex: 0 0 3vh;
    cursor: pointer;
    background-color: #000;
    border-radius: 3px;
}

.top_bar_icon_on_button {
    background-color: rgb(148, 148, 148);
}

.top_bar_icon_button {
    height: 4vh;
    width: 4vh;
    flex: 0 0 4vh;
    padding: 1vh;
}

.icon_button:hover,
.rounded_button:hover,
.small_icon_button:hover,
.top_bar_icon_button:hover {
    background-color: rgb(109, 109, 109);
}

.gray_icon_button:hover {
    background-color: rgb(182, 182, 182);
}

.rounded_blue_button:hover {
    background-color: #cee4eb;
}

.icon_button_icon {
    height: 1.5vh;
    width: auto;
    margin: 0 0.6vw 0 0;
}

.small_icon_button_icon {
    height: 2vh;
    width: auto;
    margin: 0;
}

.icon_button_text {
    font-family: 'AvenirDemi';
    color: #fff;
    white-space: nowrap;
    padding: 0;
    font-size: 1.5vmin;
    font-weight: normal;
}

.help_text {
    font-family: 'Avenir';
    font-size: 1.6vmin;
    font-weight: normal;
    color: var(--placeholder-gray);
    font-style: italic;
}

.main_info_text {
    font-family: 'AvenirDemi';
    font-size: 1.6vmin;
    font-weight: normal;
    color: var(--font-color);
}

.input_cont,
.input_cont_top,
.input_cont_top_clean,
.foxFiles_inputCont,
.foxComments_inputCont {
    border: solid 1px var(--border-gray);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.5vh 1vw;
    min-height: 4vh;
}

.input_cont_column {
    border: solid 1px var(--border-gray);
    display: flex;
    flex-direction: column;
    padding: 1vh 1vw;
}

.input_cont_top {
    align-items: unset;
}

.input_cont_top_clean {
    border: none;
    padding: 0.5vh 0;
}

.bottom_sep {
    margin: 0 0 3vh 0 !important;
}

.small_bottom_sep {
    margin: 0 0 1vh 0;
}

.input_text_val {
    font-size: 1.7vmin;
    font-family: 'Avenir';
    color: var(--font-color);
}

.input_head,
.input_head_mand,
.input_head_inline,
.input_head_inline_first,
.input_head_top,
.input_head_mand_top {
    font-family: 'AvenirDemi';
    padding: 0.3vh 1vw 0 0;
    min-width: 10vw;
    white-space: nowrap;
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
}

.input_head_mand:before,
.input_head_mand_top:before {
    content: '*';
    color: var(--mand-input-color);
    margin: 0 0.3vw 0 0;
}

.input_head_inline {
    min-width: unset;
    padding: 0.3vh 1vw 0 1vw;
}

.input_head_inline_first {
    min-width: unset;
    padding: 0.3vh 1vw 0 0;
}

.input_head_top,
.input_head_mand_top {
    min-width: unset;
    padding: 0.3vh 0 1vh 0;
}

.input_head_short {
    min-width: 7vw;
}

.foxPOISelector_main_cont {
    border: solid 1px var(--border-gray);
    padding: 1vh 1vw;
}

.input,
.input_money,
.input_numeric,
.textarea,
.foxFiles_input,
.foxComments_input,
.foxMapSearch_input,
.list {
    border: none;
    outline: 0;
    flex: 1 100%;
    background-color: var(--input-gray);
    height: 3vh;
    padding: 0 0.2vw;
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
    min-width: unset;
    min-height: 3vh;
}

.input_money {
    width: 15vmin;
    min-width: unset;
    flex: unset;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: right;
}

.input_numeric {
    width: 7vmin;
    min-width: unset;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: right;
}

.list {
    flex: unset;
    min-width: 15vw;
    height: 100%;
    background-color: #fff;
}

.foxMapSearch_input {
    background-color: #fff;
    width: 20vw;
}

.textarea {
    height: 10vh;
    resize: none;
    padding: 0.3vh 0.2vw;
}

.list {
    border: solid 1px var(--border-gray);
}

.list option {
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
}

.full_date_input {
    flex: 0 0 17vmin;
    text-align: center;
}

.input::placeholder,
.input_money::placeholder,
textarea::placeholder,
.textarea::placeholder,
.foxMapSearch_input::placeholder {
    color: var(--placeholder-gray);
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
}

.checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-grow: 0;
    flex-shrink: 0;
}

.address_element {
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
}

.ck-content {
    font-family: 'Avenir';
    font-size: 1.5vmin;
}

.ck-content p {
    margin: 0.3vh 0;
}

.article_list_sep,
.action_list_sep,
.webinar_list_sep,
.service_list_sep,
.divesite_list_sep {
    height: 1px;
    margin: 0 2vw 3vh 2vw;
    background-color: var(--sepearator-gray);
}

.pin_list_sep {
    width: 20px;
    flex-grow: 0;
    flex-shrink: 0;
}

.article_cont,
.divesite_cont,
.action_cont,
.webinar_cont,
.subject_cont,
.subject_cont_nopointer,
.ff_cont,
.pin_cont {
    display: flex;
    flex-direction: row;
    margin: 0 0 3vh 0;
    cursor: pointer;
    align-items: flex-start;
}

.webinar_buttons_cont {
    padding: 3px 3px 0 0;
}

.pin_cont {
    overflow: hidden;
}

.subject_cont,
.subject_cont_nopointer {
    padding: 5px;
    flex-direction: column;
    margin: 0;
}

.subject_cont_nopointer {
    cursor: default;
}

.article_cont:hover,
.ff_cont:hover,
.pin_cont:hover,
.divesite_cont:hover,
.article_bottom_cont:hover,
.action_cont:hover,
.webinar_cont:hover,
.subject_cont:hover,
.subject_cont_nopointer:hover {
    background-color: #f9f9f9;
}

.article_main_photo,
.webinar_main_photo,
.divesite_main_photo,
.ff_main_photo,
.pin_main_photo {
    flex: 0 0 10vw;
    width: 10vw;
    height: auto;
    margin: 0 2vw 0 0;
}

.webinar_main_photo_small {
    width: 8vw;
    height: auto;
    flex-grow: 0;
    flex-shrink: 0;
}

.article_texts_cont,
.action_texts_cont,
.webinar_texts_cont,
.divesite_texts_cont,
.ff_texts_cont,
.pin_texts_cont {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 100%;
    padding: 0.3vh 0;
    min-height: 100%;
}

.article_cats_cont,
.pin_cats_cont,
.action_cats_cont,
.webinar_cats_cont,
.subject_cats_cont {
    margin: 0 0 2vh 0;
}

.actions_cat_cont,
.pins_cat_cont {
    justify-content: center;
    margin: 0 0 2vh 0;
}

.article_cat_cont,
.pin_cat_cont,
.action_cat_cont,
.webinar_cat_cont,
.subject_cat_cont {
    margin: 0 1vw 1vh 0;
}

.article_cat_color,
.pin_cat_color,
.action_cat_color,
.webinar_cat_color,
.subject_cat_color {
    width: 0.8vmin;
    height: 0.8vmin;
    margin: 0 0.5vw 0 0;
}

.article_cat_text,
.pin_cat_text,
.action_cat_text,
.webinar_cat_text,
.subject_cat_text {
    font-family: 'AvenirDemi';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
    padding: 0.3vh 0 0 0;
}

.action_term
, .webinar_term {
    font-family: 'Avenir';
    font-size: 1.3vmin;
    font-weight: normal;
    color: var(--font-color);
    margin: 0 0 0.5vh 0;
}

.article_title,
.action_title,
.webinar_title,
.divesite_title,
.ff_title,
.pin_title {
    font-family: 'AvenirDemi';
    font-size: 3.5vmin;
    font-weight: normal;
    color: var(--font-color);
    margin: 0 0 2vh 0;
}

.action_title,
.webinar_title,
.pin_title {
    font-size: 2.2vmin;
    text-align: center;
}

.pin_orig_lang_flag {
    height: 2.4vh;
    width: 2.4vh;
    margin: 0 0.5vw 0 0;
}

.article_desc,
.action_desc,
.webinar_desc,
.pin_desc,
.divesite_desc,
.ff_desc,
.pin_desc {
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
    margin: 0 0 2vh 0;
}

.article_date,
.action_date,
.webinar_date {
    font-family: 'AvenirDemi';
    font-size: 1.4vmin;
    font-weight: normal;
    color: var(--font-color);
}

.article_date_sep,
.action_date_sep,
.webinar_date_sep {
    width: 1px;
    background-color: var(--sepearator-gray);
    margin: 0 0.5vw;
    height: 100%
}

.article_author,
.webinar_author,
.action_author,
.action_status,
.article_status {
    font-family: 'AvenirDemi';
    font-size: 1.4vmin;
    font-weight: normal;
    color: var(--font-color);
}

.action_status,
.webinar_status,
.article_status {
    font-family: 'Avenir';
}

.pin_data_cont {
    background-color: var(--main-blue);
    margin: 0 0 2vh 0;
    padding: 0 2vw;
    padding: 5px;
}

.action_start_cont, .webinar_start_cont {
    background-color: var(--main-blue);
    margin: 0 0 2vh 0;
    height: 3vh;
    flex: 0 0 3vh;
    padding: 0 2vw;
}

.webinar_start_cont {
    justify-content: center;
}

.action_start_text,
.webinar_start_text,
.action_start_dash,
.webinar_start_dash,
.action_start_place {
    font-family: 'AvenirDemi';
    font-size: 1.4vmin;
    font-weight: normal;
    color: var(--font-color);
    white-space: nowrap;
}

.action_start_dash,
.webinar_start_dash {
    margin: 0 0.4vw;
}

.action_text {
    padding: 0 10vw;
    margin: 0 0 2vh 0;
}

.webinar_photo_col {
    width: 10vw;
    flex-shrink: 0;
    flex-grow: 0;
}

.webinar_text {
    padding: 0 10vw 0 0;
    margin: 0 0 2vh 0;
}

.webinar_heading {
    padding: 0 10vw;
}

.action_contacts_cont {
    background-color: var(--main-gray);
    padding: 0 0 0 2vw;
}

.action_contacts_cont_between {
    justify-content: space-between;
}

.action_contacts_cont_around {
    justify-content: space-around;
}

.action_contacts_cont_padding_bt {
    padding: 2vh 0;
}

.action_contacts_cont_padding_l {
    padding: 0 0 0 3vw;
}

.action_map_preview,
.divesite_map_preview {
    height: 100%;
    width: 25vw;
}

.action_contact_title {
    font-family: 'AvenirDemi';
    font-size: 2vmin;
    font-weight: normal;
    color: var(--font-color);
    white-space: nowrap;
    margin: 0 0 2vh 0;
}

.pin_data_title {
    font-family: 'AvenirDemi';
    font-size: 1.7vmin;
    font-weight: normal;
    color: var(--font-color);
    white-space: nowrap;
    width: 18vmin;
    margin: 0 0 0 0;
}

.action_contact_text,
.pin_data_text {
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
    white-space: nowrap;
}

.pin_data_url {
    color: var(--dark-blue);
    font-family: 'Avenir';
    cursor: pointer;
}

.dark_input_cont {
    background-color: var(--dark-gray);
    height: 4vh;
    display: flex;
    flex-direction: row;
    padding: 0 0.5vw;
    align-items: center;
    flex-shrink: 0;
}

.dark_input_icon {
    height: 2vh;
    width: auto;
    cursor: pointer;
    flex-shrink: 0;
}

.dark_input_input {
    background-color: var(--dark-gray);
    color: #fff;
    margin: 0 1vw 0 0.5vw;
    border: none;
    outline: 0;
}

.dark_input_input::placeholder {
    color: #cecece;
}

.dark_input_text {
    font-family: 'AvenirDemi';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--main-blue);
    white-space: nowrap;
    margin: 0 0.7vw 0 0;
    flex-shrink: 0;
}

.userMenu_option, .userLang_option {
    color: #fff;
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
    white-space: nowrap;
    height: 3vh;
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0.3vh 0 0 0;
}

.userMenu_cont {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: #000;
    border: solid 1px var(--main-blue);
    padding: 0.8vh 0.5vw
}

.userMenu_option:hover {
    text-decoration: underline;
    color: var(--main-blue);
}

.userLang_option:hover {
    height: 3.5vh;   
}

.select2-container--default .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    background-color: var(--input-gray);
}

.select2-container--open .select2-dropdown--below {
    border: solid 1px var(--border-gray);
    border-radius: 0;
}

.select2-container--default .select2-search--inline .select2-search__field {
    padding: 0.4vh 0 0 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-results__option {
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
    color: var(--font-color);
}

.main_photo_cont {
    background-color: var(--main-gray);
    border: dotted 1px var(--sepearator-gray);
    border-radius: 5px;
    height: 20vh;
    flex: 0 0 20vh;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.main_photo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: 'AvenirDemi';
    font-size: 1.7vmin;
    white-space: nowrap;
    height: 20vh;
    width: auto;
    flex-grow: 0;
    flex-shrink: 0;
}

.main_photo_secondary_butt_cont {
    margin: 1vh 0 3vh 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.link_text {
    font-family: 'Avenir';
    font-size: 1.5vmin;
    font-weight: normal;
    color: #144ad8;
    text-decoration: underline;
    cursor: pointer;
    padding: 0.2vw 0.3vw 0 0.3vw;
    display: inline;
}

.comments_cont {
    border-top: solid 1px var(--border-gray);
}

.mapSearchCont {
    position: absolute;
    top: 2vh;
    left: 50%;
    transform: translate(-50%, 0);
    height: 3vw;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 0 12px -3px #333;
}

#Click_menu .ui-menu-item {
    padding: 5px;
    font-size: 1.3vmin;
    font-family: 'Avenir';
}

#Click_menu .ui-menu-item:hover {
    background-color: var(--main-gray);
}

#mand_agreement .mobile_checkbox_text:before {
    content: '*';
    color: var(--mand-input-color);
    margin: 0 0.3vw 0 0;
}

.sections_sep {
    margin: 3vh 0;
}

.sections_sep_line {
    background-color: var(--main-blue);
    height: 1px;
    flex: 1 100%;
}

.sections_sep_text {
    color: var(--font-color);
    font-family: 'AvenirDemi';
    font-size: 1.5vmin;
    cursor: pointer;
    white-space: nowrap;
    margin: 0 0 0 3vw;
}

.sections_sep_icon {
    width: 0.6vw;
    height: auto;
    flex-shrink: 0;
    margin: 0 0 0 0.6vw;
    cursor: pointer;
}

.foxPhotoGallery_noPhoto {
    font-size: 1.5vmin;
}

.input_group_cont {
    padding-top: 1vh;
    padding-bottom: 1vh;
}

.input_group_main_list {
    width: 10vw;
    height: 100%;
    margin: 0 3vw 0 0;
    flex-shrink: 0;
}

.units_input {
    width: 7vmin;
    flex: unset;
}

.foxPhotoGallery_upload_progress_pct,
.foxPhotoGallery_photo_fle_nmem,
.foxPhotoGallery_photo_err_msg {
    font-size: 1.5vmin;
}

.main_photo_disp_cont {
    justify-content: center;
}

.main_photo_disp {
    height: 15vh;
}

.section_title {
    font-family: 'Avenir';
    text-decoration: underline;
    padding: 0 0 0.7vw 0;
    white-space: nowrap;
    font-size: 1.7vmin;
    font-weight: normal;
    color: var(--font-color);
}

.section_help {
    font-family: 'Avenir';
    padding: 0 0 0.7vw 0;
    margin: -0.5vw 0 0 0;
    white-space: nowrap;
    font-size: 1.3vmin;
    font-weight: normal;
    color: #b5b5b5;
}

.image_preview_background {
    background-color: rgba(0,0,0,0.6);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.image_preview_control_cont {
    position: absolute;
    top: 2vmin;
    right: 2vmin;
    border: solid 1px #fff;
    background-color: #000;
}

.image_preview_control_icon {
    flex-grow: 0;
    flex-shrink: 0;
    width: 4vmin;
    height: 4vmin;
}

.image_preview_photo_cont {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 2vmin
}
.section_sep {
    height: 1px;
    background-color: var(--sepearator-gray);
    margin: 1vw 0;
}

.noborder {
    border: none !important;
    background-color: unset !important;
}

.nowrap {
    white-space: nowrap !important;
}

table {
    border-collapse: collapse;
}

th {
    font-family: 'AvenirDemi';
    font-size: 1.8vmin;
    color: #fff;
    background-color: #000;
    text-align: center;
    padding: 5px 10px;
    border: solid 1px #9b9b9b;
}


td {
    font-family: 'Avenir';
    font-size: 1.5vmin;
    color: #212121;
    padding: 5px 10px;
    border: solid 1px #9b9b9b;
}

.invisible_table, .invisible_table td, .invisible_table tr, .invisible_table th {
    border: none;
}

.meeting_screen {
    flex: 1;
    border: none;
}

.mobile_radio_text {
    font-family: 'Avenir';
    font-size: 1.5vmin;
}

.float_img {
    float: left; 
    margin: 0 10px 10px 0;    
}

.intext_img {
    width: 256px;
    height: auto;
}

.centered_cell {
    text-align: center;
}

.date_cell {
    text-align: right;
}

.money_cell {
    text-align: right;
}

.action_cell {
    width: 10vmin;
}

.pdf_icon {
    height: 4vmin;
    width: auto;
    flex-shrink: 0;
    flex-grow: 0;
}

.icon_text {
    font-family: 'Avenir';
    font-size: 1vmin;
}