/* kinderyoga */ * {font-family: 'PT Sans', sans-serif;} h2 {padding: 0px 0px 10px 0px; margin-bottom: 10px; line-height: 35px; font-family: 'Open Sans'; font-size: 38px; font-weight: 800; text-transform: uppercase; border-bottom: 1px solid #eeeeee;} h2 span.sub_title {display: inline-block; clear: left; font-family: 'Open Sans'; font-size: 16px; line-height: 22px; padding-left: 2px;} hr {border: none; border-bottom: 1px solid #eeeeee;} hr.dark {border: none; border-bottom: 1px solid #666;} html {height: 100%; width: 100%; position: relative; } body {min-height: 100%; width: 100%; position: relative; } body {background: #bdbdbd; color: #3d3c3f; font-weight: 400; font-size: 13px; line-height: 16px;} body#register, body#log_in {margin: 0px;} .flex_container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } .space_around_align { -webkit-justify-content: space-around; justify-content: space-around; } .center_align { -webkit-justify-content: center; justify-content: center; } .left_align { -webkit-justify-content: flex-end; justify-content: flex-end; } .right_align { -webkit-justify-content: flex-start; justify-content: flex-start; } .vertical_center_align { -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .inactive, .next_inactive, .previous_inactive {opacity: 0.5; filter: alpha(opacity:0.6); pointer-events: none;} .sportcentrumdelta .sign_up .additions a {background-image: url(/images/design_new/icons_red.png);} .sportcentrumdelta #date_picker_wrap input[type="submit"], .sportcentrumdelta form .popup_tabs_filter_block input[type="submit"], .sportcentrumdelta form p a.back_link, .sportcentrumdelta form a.back_link {background-image: url(/images/design_new/icons_red.png);} .sportcentrumdelta form .form_buttons input[type="submit"], .sportcentrumdelta form p.form_buttons input[type="submit"], .sportcentrumdelta form .form_buttons a, .sportcentrumdelta .crm_user_info .info a, .sportcentrumdelta .reservation_btn {background-image: url(/images/design_new/icons_red.png);} .sportcentrumdelta .win_wrap a {background-image: url(/images/design_new/icons_red.png);} .sportcentrumdelta .left_image_link, .sportcentrumdelta .editor_ok_button, .sportcentrumdelta .editor_cancel_link, .sportcentrumdelta form input[type="text"].left_image_link {background-image: url(/images/design_new/icons_red.png) !important;} .flex_container > div { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center;} .left_image.search_ico {background-image: url(/images/right_bar/search_gray.png) !important;} .disabled, .disabled:hover {opacity: 0.6; filter:alpha(opacity: 0.6); pointer-events: none; cursor: pointer;} .monospaced {font-family: "Lucida Console", Monaco, monospace;} .sign_up {clear: both; width: 456px; padding: 30px 20px; margin: 70px auto 15px auto; background-color: white; border-radius: 0px; position: relative;} .login_social {font-size: 15px; color: #c1c1c1; text-align: center;} .social_icons {clear: both; overflow: hidden; padding: 24px 0px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .social_icons > a {display: block; float: left; width: 129px; height: 46px; background-image: url(/images/design_new/social_icons.png); background-repeat: no-repeat;} .social_icons a#facebook {background-position: 0px 0px;} .social_icons a#twitter {background-position: 0px -46px;} .social_icons a#google {background-position: 0px -92px;} .delimiter {height: 0px; margin-bottom: 20px; text-align: center; border-bottom: 1px solid #c1c1c1;} .delimiter span {position: relative; float: none; top: -9px; padding: 0px 4px; background-color: #FFF; color: #c1c1c1;} .sign_up form {overflow: hidden;} .sign_up label {float: left; width: 162px;} .sign_up .error {margin: 0px 0px 10px 162px; color: red;} .ponto_sync_error {white-space: nowrap; color: red;} .sign_up input[type="text"], #log_in input[type="password"] {float: left; clear: right; width: 294px;} .sign_up input[type="submit"], .sign_up .as_button {display: inline-block; clear: none; float: left; height: 30px; padding: 0px 10px; font-size: 14px; text-transform: uppercase; color: #FFF; background-image: none; background-color: #ff9600;} .sign_up .as_button:hover {color: #FFF;} .sign_up input[type="submit"] {margin: 0px 0px 0px 162px;} .sign_up input[type="submit"]:hover {color: #FFF;} .sign_up .additions {float: right; line-height: 30px;} .sign_up .additions a {margin: 0px 0px 0px 15px; padding: 0px 0px 0px 15px; font-size: 13px; font-weight: 600; text-transform: uppercase; text-decoration: none; color: #c1c1c1; background-image: url(/images/design_new/icons.png); background-repeat: no-repeat; background-position: 0px -381px;} #log_in .description {width: 496px; margin: 0px auto; text-align: center; color: #9d9d9e; } .clear {clear: both; overflow: hidden;} .full_size {width: 100%;} .block {display: block!important;} .relative {position: relative;} .bottom_align {vertical-align: bottom;} .bold_style {font-weight: 600;} .center_align_in_cell { text-align: center; } .right_align_in_cell { text-align: right; } .left_align_in_cell { text-align: left; } .mr_10 { margin-right: 10px; } .mr_15 { margin-right: 15px; } .ml_15 { margin-left: 15px; } .mt_15 { margin-top: 15px; } .underlined_link {text-decoration: underline;} .form_remarks {display: inline-block; margin-left: 20px; max-width: 570px; line-height: normal;} .column_one { width: 90%; float: left; } .column_two { width: 45%; float: left; } .fl_l {float: left!important;} .fl_r {float: right!important;} .payment_method_qrcode .qq-upload-drop-area, .payment_method_qrcode .qq-upload-list {display: none;} .payment_method_qrcode .qq-upload-button {font-weight: 600; margin: 5px 0px 0px 5px;} .payment_method_qrcode img {width: 100px;} .margin_bottom_none {margin-bottom: 0px;} .margin_right_none {margin-right: 0px;} .noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .nice_checkbox { vertical-align: top; margin: 0 3px 0 0; width: 24px; height: 24px; z-index: 1;} .nice_checkbox + label { cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .nice_checkbox:not(checked) { position: absolute; opacity: 0; } .nice_checkbox:not(checked) + label { position: relative; padding: 0 0 0 30px; } .nice_checkbox:not(checked) + label:before { content: ''; position: absolute; top: 0; left: 0; width: 17px; height: 17px; background-color: #fff; } .nice_checkbox.disabled {color: #ccc; pointer-events: none;} .nice_checkbox:not(checked) + label:before { background-color: #ffffff; } .nice_checkbox:not(checked) + label:after { content: ''; position: absolute; top: -10px; left: -2px; width: 26px; height: 26px; background-position: center center; background-repeat: no-repeat; background-image: none; transition: all .2s; } .nice_checkbox:checked + label:after { background-image: url("/club_portal/checked.png");} .nice_checkbox.round + label:before { border-radius: 20px; border: 2px solid #bfbfbf; width: 19px; height: 19px;} .nice_checkbox.round:checked + label:before { border: 2px solid #78a836!important; } .nice_checkbox.round + label:after { top: -8px; left: 1px; } .nice_checkbox:not(checked) + label {display: block; font-size: 16px; font-weight: 400; line-height: 40px; } .nice_checkbox:not(checked) + label:before {content: ''; position: absolute; top: 11px; left: 0; width: 14px; height: 14px; background-color: #fff; border: 2px solid #c1c1c1; border-radius: 14px; } .nice_checkbox:not(checked) + label:after {content: ''; position: absolute; top: 5px; left: 2px; width: 20px; height: 20px;} .nice_checkbox:not(checked) + label.disabled {color: #ccc; pointer-events: none;} .nice_checkbox:checked + label:before {border: 2px solid #78a836;} .nice_checkbox:checked + label:after {background-image: url(/club_portal/checkednew.png);} .nice_checkbox.no_show_icon:checked + label:after { background-image: none;} .nice_checkbox:not(checked) + label {padding: 0 0 0 35px;} .nice_checkbox_label {} .nice_checkbox_label span {display: none;} .nice_checkbox_label:focus {border: 0;} /* Radio */ .nice_radiobutton input[type=radio] {position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0;} .nice_radiobutton span {display: inline-block; position: relative; padding: 0 0 0 30px; line-height: 25px;} .nice_radiobutton span:before {content: ""; display: inline-block; width: 22px; height: 22px; position: absolute; left: 0; top: 0; border: 2px solid #1c1c1c; border-radius: 50%;} /* Checked */ .nice_radiobutton input[type=radio] + span:after {content: ""; opacity: 0; transition: opacity 0.3s ease;} .nice_radiobutton input[type=radio]:checked + span:before {border: 2px solid #f6a13b;} .nice_radiobutton input[type=radio]:checked + span:after {display: inline-block; width: 10px; height: 10px; background-color: #f6a13b; border-radius: 50%; position: absolute; left: 8px; top: 8px; opacity: 1; } /* Focus */ /* .focused span:before {box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);} */ /* Hover */ .nice_radiobutton span:hover:after {filter: brightness(110%);} /* Active */ .nice_radiobutton span:active:before, .checkbox-other span:active:after {filter: brightness(80%);} /* Disabled */ .nice_radiobutton input[type=radio]:disabled + span {color: #666; cursor: default;} .nice_radiobutton input[type=radio]:disabled + span:before {filter: grayscale(100%); opacity: 0.6;} /* Сheckbox */ .nice_check_box {display: inline-block; height: 35px; margin-bottom: 0px; line-height: 35px; margin: 0px; cursor: pointer; user-select: none; position: relative;} .nice_check_box input[type=checkbox] {position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0;} .nice_check_box span {display: inline-block; position: relative; padding: 0 0 0 36px; line-height: 25px;} .nice_check_box span:before {content: ""; display: inline-block; width: 22px; height: 22px; position: absolute; left: 0; top: 0; border: 2px solid #444444; border-radius: 4px;} /* Checked */ .nice_check_box input[type=checkbox] ~ span:after {content: ""; opacity: 0; transition: opacity 0.3s ease;} .nice_check_box input[type=checkbox]:checked ~ span:before {border: 2px solid #f6a13b;} .nice_check_box input[type=checkbox]:checked ~ span:after {display: inline-block; width: 7px; height: 16px; border-right: 3px solid #f6a13b; border-bottom: 3px solid #f6a13b; transform: rotate(45deg); border-radius: 2px; position: absolute; left: 9px; top: 1px; opacity: 1;} /* Focus */ /* .focused span:before {box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);} */ /* Hover */ .nice_check_box span:hover:after {filter: brightness(110%);} /* Active */ .nice_check_box span:active:before, .checkbox-other span:active:after {filter: brightness(80%);} /* Disabled */ .nice_check_box input[type=checkbox]:disabled ~ span {color: #666; cursor: default;} .nice_check_box input[type=checkbox]:disabled ~ span:before, .nice_check_box input[type=checkbox]:disabled + span:after {filter: grayscale(100%); opacity: 0.6;} .popup_calendar div.calendar table {width: 78%; margin: 0px auto 6px auto;} .popup_calendar div.calendar table td.button {cursor: pointer; font-size: 30px; line-height: 25px; background-color: #FFF;} .popup_calendar div.calendar table td.title {background-color: #FFF; color: #1c1c1c;} .popup_calendar .calendar table tr.days td {width: 40px; line-height: normal; vertical-align: middle;} .popup_calendar div.calendar table td.selected, .popup_calendar .calendar table tr.days td:hover, .popup_calendar .calendar table tr.days td.selected:hover {color: #f6a13b; outline: 2px solid #f6a13b; line-height: normal; background-color: #FFF;} .popup_trial_lesson {display: grid; grid-template-columns: 1fr 1fr;} #lessons_list {max-height: 488px;} .inline_label {clear: both; overflow: hidden; width: auto!important; min-width: 150px; padding-right: 10px; margin-bottom: 0px!important;} .with_currency:before {content: '€'} #header {position: relative; height: 107px; background: #ffffff; font-family: Calibri; font-weight: 400; font-style: normal; color: #3d3c3f; max-width: 100vw;} #header.index, #body.pos #header {height: 107px;} #header .staff_info_wrap {position: absolute; top: 20px; right: 20px;} #header .staff_info_wrap > div {display: block; float: left;} #header .staff_info_wrap a {display: block; float: left; margin-right: 10px;} #header .staff_info_wrap .css_popup_content a {display: block; float: none;} #header .staff_info_wrap .css_popup_content a div {display: inline-block; margin-right: 7px;} #header .staff_info_wrap .staff_info {background-color: #f9f9f9; font-size: 16px;} #header .staff_info_wrap .staff_info a {line-height: 35px;} #header .staff_info_wrap .staff_info a.staff_avatar {line-height: 0px;} #header .staff_info_wrap .pseudo_select {display: block; float: left; height: 30px; line-height: 35px; padding: 0 26px 2px 6px; top: 0px;} #header .staff_info_wrap .pseudo_select .options {top: 32px;} #header .staff_info_wrap .pseudo_select .options a, #header .pseudo_select .options span {display: block; float: none; overflow: hidden; text-overflow: ellipsis; height: 20px; padding: 0px 0px 0px 0px; margin-top: 0px; margin: 10px 0px; color: #3d3c3f; font-size: 13px; line-height: 20px; font-weight: 600; text-transform: uppercase; text-decoration: none; white-space: nowrap; cursor: pointer;} #header .staff_info_wrap .pseudo_select .options a:hover {color: #ff5a00; background-color: transparent;} .numered_icons {position: relative;} .numered_icons span {top: -3px; right: -6px; position: absolute; text-align: center; line-height: normal; display: block; width: 14px; height: 14px; color: #FFF; font-size: 11px; font-weight: 600; border-radius: 50%; background-color: #fe3232;} .header_icons {width: 24px; height: 24px; margin-top: 5px; background-repeat: no-repeat; background-size: 64%; background-color: #636264; border-radius: 50%;} .tasks_icon { background-image: url(/images/design_new/list_tasks.svg); background-position: 6px 5px;} .emails_icon {background-image: url(/images/design_new/email.svg); background-position: 5px 4px;} .call_icon {background-image: url(/images/design_new/call.svg); background-position: 5px 4px;} .info_icon {background-image: url(/images/design_new/info.svg); background-color: #668feb; background-position: 4px 4px; background-size: 65%;} .logout_icon {background-image: url(/images/design_new/logout.svg); background-color: #fe3232; background-position: 4px 3px; background-size: 65%;} .question_icon {background-image: url(/images/design_new/question.svg); background-position: 5px 4px;} .settings_icon {background-image: url(/images/design_new/settings.svg); background-position: 3px 3px; background-size: 73%;} .header_icons:hover {background-color: #3d3c3f;} .logout_icon:hover {background-color: #d90f0f;} .info_icon:hover {background-color: #3862bf;} #logo {display: inline-block; position: absolute; left: 20px; top: 20px; width: 203px; height: 67px; background: url("/images/design_new/logo.png") no-repeat;} /* #logo.color_logo { display: inline-block; background: url("/images/design_new/color_logo.png") no-repeat; } */ #logo_mask { position: absolute; right: 0; top: 0; width: 35px; height: 35px; background-color: #ff5a00; } #logo_mask .plus_part { position: absolute; width: 13px; height: 13px; background-color: #ffffff;} #logo_mask .plus_part.pos_00 { left: 0; top: 0; } #logo_mask .plus_part.pos_01 { right: 0; top: 0; } #logo_mask .plus_part.pos_10 { left: 0; bottom: 0; } #logo_mask .plus_part.pos_11 { right: 0; bottom: 0; } #main_menu {padding: 63px 30px 0px 253px; height: 44px; font-size: 16px; z-index: 998;} #main_menu a {display: block; position: relative; float: left; height: 34px; padding: 10px 7px 0px 7px; text-transform: uppercase;} #main_menu a:hover {color: #ff5a00;} #main_menu a.active {font-weight: 600; color: #ff5a00;} #main_menu a:hover:after, #main_menu a.active:after {position: absolute; left: 50%; bottom: -6px; margin-left: -6px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #FFF; content: '';} #main_menu a.advanced_design_switch {margin-left: 60px;} #main_menu a.advanced_design_switch:hover:after {border: none;} /* #sub_menu, .tabs {white-space: nowrap; overflow: hidden; height: 30px; padding-top: 20px; font-weight: 400; font-style: normal;} */ /* #sub_menu a, .tabs .head {display: inline-block; position: relative; height: 30px; width: auto; padding: 0px 10px 0px 10px; margin: 0px 7px 0px 0px; background-color: #ff5a00; font-size: 16px; line-height: 30px; color: #FFF; box-shadow: none; border-radius: 0px;} */ /* #sub_menu a:hover, #sub_menu a.active {background-color: #FFF; color: #3d3c3f;} */ .tabs {white-space: normal; overflow: visible; height: auto; padding-top: 0px;} .tabs a, .tabs .head {margin: 8px 7px 0px 0px;} .tabs .head.active, .tabs .head:hover {box-shadow: none; background-color: #e85606; text-shadow: 0px 01px 2px black, 0 0 1px black; box-sizing: border-box; border-bottom: 2px solid #00afe8;} .tabs .head:after {display: none;} .tabs .tab .actions {height: 30px; line-height: 30px;} .tabs .tab .actions a {margin: 0px 0px 0px 0px;} .tabs .tab .actions .pseudo_select {height: 20px; line-height: 18px;} .tabs .head.green {background-color: #55d955; box-shadow: none; color: #FFF;} .tabs .head.active.green, .tabs .head.green:hover {background-color: #00dd00; box-shadow: none;} .tabs .head.red {background-color: #d95757; box-shadow: none; color: #FFF;} .tabs .head.active.red, .tabs .head.red:hover {background-color: #d40202; box-shadow: none;} .config #sub_menu a:first-child {margin-left: 10px;} #tab_extra_tab { font-size: 15px; cursor: default; padding: 8px 12px; min-width: 150px; line-height: 30px; width: 450px;} #tab_extra_tab p { font-weight: bold; } #tab_extra_tab p span { font-weight: normal; } .sub_menu {white-space: nowrap;} .sub_menu, .tabs {overflow: hidden; padding-top: 20px; font-weight: 400; font-style: normal;} .sub_menu a, .tabs .head, .sign_up .sub_menu div, .standatr_button {display: inline-block; float: none; position: relative; height: 30px; width: auto; padding: 0px 10px 0px 10px; margin: 0px 6px 0px 0px; background-color: #ff5a00; font-size: 16px; line-height: 30px; color: #ffffff; box-shadow: none; border-radius: 0px; cursor: pointer;} .standatr_button:hover {color: #ffffff; background-color: #e85606;} .sub_menu a.admin_button, .tabs .head.admin_button {background-color: rgb(247, 138, 30);} .sub_menu a.admin_button, .tabs .head.admin_button {background-color: rgb(247, 138, 30);} .sub_menu a#location_visits_pages {background-color: #d95757;} form input[type="text"].admin_fields {border-color: rgb(247, 138, 30);} .folders a.edit_admin, a.edit_admin {color: rgb(247, 138, 30);} .folders a.edit_admin:hover {color: rgb(247, 138, 30); background-position: 9px -88px;} a.edit_admin:hover {color: rgb(247, 138, 30);} .sub_menu a:hover, .sub_menu a.active, .sign_up .sub_menu div:hover, .sign_up .sub_menu div.active {background-color: #ffffff; color: #3d3c3f;} .sub_menu .disabled.active, #config_general_account_started_ico.disabled {opacity: 1; filter:alpha(opacity:1); pointer-events: all; cursor: pointer;} .sidebar_wrap.disabled_left_menu .left_panel_content a {opacity: 0.6; filter:alpha(opacity:0.6); pointer-events: none; cursor: pointer;} .sidebar_wrap {transition: width 0.3s} .hidden_left_panel {width: 0px; overflow: hidden;} #outlets_list {float: left;} #outlets_list input[type='checkbox'] {padding-right: 10px;} #outlets_list #all_outlets {margin-top: 10px;} #outlets_list table, #outlets_list table th {border: 0;} a.orange_button.edit_admin {color: #ffffff;} .popup_tabs_filters {display: flex; flex-direction: row; justify-content: space-between; gap: 20px;} .popup_tabs_filter form > div {display: flex; flex-direction: column;} .popup_tabs_filter form select {width: 220px; margin-right: 20px;} .popup_tabs_filter_block {display: flex; justify-content: flex-end;} .popup_tabs_filter_block .invoices_type_select {margin-top: 4px;} .popup_tabs_filter .actions input[type="submit"] {margin-right: 20px;} .hrm_planning #hrm_planning {position: relative;} .add_custom_settings {position: absolute; left: 533px; z-index: 100;} .planning_day_block {position: relative;} .planning_day_block .remove_btn {top: 40px;} .planning_day_block .remove_btn:before, .planning_day_block .remove_btn:after {background-color: #000;} #columns {width: 100%; height: 100%;} #columns tr.sub_menus {height: 50px; padding: 0px; margin: 0px;} #columns #left {width: 1px;} #columns #center {width: 100%; height: 100%; padding: 23px 23px 30px 25px; background-color: #ffffff; border-left: 0px solid #999; border-top: 0px solid #999;} #items_count {display: inline-block; color: #ff5a00;} #left_panel {padding: 0px 0px 0px 0px;} #left_panel * {font-family: 'Open Sans';} a img {vertical-align: unset;} .sidebar_wrap {width: 250px;} .left_panel_wrap {background-color: #eeeeee;} .left_panel_heads {overflow: hidden; position: relative; display: block; height: 33px; padding: 0px 40px 0px 10px; font-size: 18px; font-weight: 600; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; line-height: 34px; text-align: left; border-bottom: 1px solid #ffffff; background-color: #bdbdbd;} .left_panel_heads { color: #3d3c3f; } .left_panel_heads:hover { color: #ffffff; } .left_panel_heads:after {position: absolute; right: 15px; bottom: 13px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #ffffff; content: '';} .left_panel_heads.no_includes:after {content: none;} .left_panel_heads.active {color: #ffffff;} .left_panel_heads.active:after {display: none;} #left_panel .left_panel_content {padding: 12px 5px 5px 10px} .groups {position: relative; margin-top: -20px; padding: 0px 10px 20px 10px;} #left_panel .left_panel_content:first-of-type:before {position: absolute; left: 10px; top: 0px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF; content: '';} .left_panel_content a, .left_panel_content span {position: relative; display: block; height: auto; padding: 0px 0px 0px 25px; margin-bottom: 5px; font-size: 14px; line-height: 22px; text-decoration: none;} .left_panel_content span {padding: 0px 0px 0px 0px;} .left_panel_content .custom_folder .config {top: 0px; background-color: #eeeeee;} .left_panel_content select {width: 230px; height: 30px; float: none; padding: 0px 8px; border: 1px solid rgba(191, 191, 191, 1); -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;} .left_panel_content select.date_time_fields {width: 230px;} .search {clear: both; overflow: hidden; padding: 0px 10px 0px 10px;} .search input[type=text] {width: 144px; height: 30px; padding: 0px 10px; font-size: 14px; color: #b3b3b3; border: 1px solid #fefefe;} .search input[type=submit], #register input[type=submit], #register input[type=button], .remote_add_content .options input[type="submit"], #tab_stop_membership .as_button, #remote_translate .as_button, input[type="button"], #premium_pro .as_button, .standard_button, .css_popup .css_popup_content a.standard_button {width: auto; display: inline-block; margin: 0px 0px 0px 10px; white-space: nowrap; height: 30px; line-height: 30px; padding: 0px 10px; color: #ffffff; text-transform: uppercase; font-size: 14px; background:none; background-color: #ff5a00; border: none; outline: none;} .search input[type=submit]:hover, #register input[type=submit]:hover, #register input[type=button]:hover, .standard_button:hover, .css_popup .css_popup_content a.standard_button:hover {color: #ffffff; background-color: #e85606;} .css_popup .css_popup_content a.standard_button {margin: 10px 0px 20px 0px;} .search input.left_submit {float: left; margin-right: 10px;} .search input.right_submit {float: right; margin: 0px 0px 0px 10px;} .left_panel_wrap .search {padding: 20px 10px 0px 10px;} form .form_buttons a.standard_button, .standard_button, .super_advanced form div.form_buttons input[type="submit"].standard_button, form input[type="submit"].standard_button, input[type="button"].standard_button {display: inline-block; width: auto; height: 30px; line-height: 30px; padding: 0px 10px; margin-left: 10px; color: #ffffff; text-transform: uppercase; font-size: 14px; background:none; background-color: #ff5a00; border: none; outline: none; font-weight: 600; cursor: pointer;} form .form_buttons a.standard_button:hover, .standard_button:hover, .super_advanced form div.form_buttons input[type="submit"].standard_button:hover, form input[type="submit"].standard_button:hover, input[type="button"].standard_button:hover {color: #ffffff; background-color: #e85606;} .super_advanced form div.form_buttons input[type="submit"].standard_button {float: none;} form.scale_measurements input[type="submit"].standard_button {height: 40px; float: right; margin: 0px; line-height: 40px;} .good_button {display: inline-block; font-weight: 600; width: auto; height: 30px; line-height: 30px; padding: 0px 10px; margin-left: 10px; color: #ffffff; text-transform: uppercase; font-size: 14px; background:none; background-color: #ff5a00; border: none; outline: none;} .good_button:hover {color: #ffffff; background-color: #e85606;} .left_tabs_content {padding: 10px; width: 201px;} .left_tabs_content form {width: 201px;} #register {background-size: cover; -webkit-background-size: cover;} #register form {width: 50%; padding: 20px; margin: 20px auto; background-color: white; border-radius: 5px; position: relative;} #register #opts {position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 30% 20px 20px 20px; background-color: rgba(255, 255, 255, 0.9);} #register #opts div {background-color: white; padding: 0px 0px;} #register input[type=button], input[type="button"], #register input[type=submit] {margin-left: 0px;} .content {height: 100%;} .content .wrap {height: 100%;} .error_messages, .content .wrap .ajax_error {font-weight: 600; color: red; font-size: 1.4em; background-image: none; margin-bottom: 15px;} .content .wrap .message {position: absolute;margin: 0px -300px; top: 130px; left: 50%; padding: 19px 19px; width: 600px; height: 300px; font-weight: 600; border: 1px solid #CCC; color: red; font-size: 1.4em; background-image: none; background-color: rgba(189, 189, 189, 0.8); z-index: 1001;} .index .content #columns #center {padding: 0px; background-color: #3d3c3f;} #columns #center .tabs {padding-top: 0px;} #index_blocks {text-align: left;} .index #index_blocks {padding-top: 50px;} #index_blocks a {position: relative; display: inline-block; float: none; padding: 174px 0px 0px 0px; margin: 10px; width: 264px; height: 90px; border: none; border-radius: 0px; box-shadow: none; background-color: #515053; text-align: center; font-size: 20px; font-weight: 600; text-transform: uppercase; color: #ff5a00;} #index_blocks a:hover {background-color: #515053;} #index_blocks a:before {position: absolute; left: 50%; top: 62px; transform: translateX(-50%); width: 119px; height: 82px; background-image: url(/images/design_new/index_blocks_icons.png); background-repeat: no-repeat; content: '';} #config_general_account_ico:before {background-position: 0px -980px} #config_general_account_started_ico:before {background-position: 0px -980px} #crm_ico:before {background-position: 0px 0px} #sales_ico:before {background-position: 0px -574px} #purchases_ico:before {background-position: 0px -738px} #pos_enter_ico:before {background-position: 0px -902px} #reservations_ico:before {background-position: 0px -1408px} #reports_ico:before {background-position: 0px -1154px} #site_ico:before {background-position: 0px -1067px} #monthly_payments_ico:before {background-position: 0px -164px} #bank_ico:before {background-position: 0px -82px} #check_in_ico:before {background-position: 0px -1327px;} #retention_ico:before {background-position: 0px -408px} #invoices_ico:before {background-position: 5px -735px} #products_ico:before {background-position: 0px -1240px;} #index_blocks a#help_ico:before {background-position: 0px 0px; background-image: url(/images/design_new/help_support.png);} #index_blocks a#feedback_ico:before {background-position: 0px 0px; background: url(/images/design_new/feedback.png) center no-repeat;} #index_blocks a#config_coaching_videos_ico:before {background-size: contain; background-position: center; background-image: url(/images/coaching/videotransparant.png);} #index_blocks a#config_coaching_articles_ico:before {background-size: contain; background-position: center; background-image: url(/images/coaching/article.png);} #index_blocks a#config_coaching_recipes_ico:before {background-size: contain; background-position: center; background-image: url(/images/coaching/recipe.png);} #index_blocks a#config_coaching_exercises_ico:before {background-size: contain; background-position: center; background-image: url(/images/coaching/excercise.png);} #index_blocks a#config_coaching_categories_ico:before {background-size: contain; background-position: center; background-image: url(/images/coaching/article.png);} /* #index_blocks a#cs_partners_ico {padding-top: 0; height: 190px;} */ #index_blocks a#cs_partners_ico:before {position: relative; background-image: none; left: 0; top: 0; margin-left: 0; width: 0; height: 0;} /* #index_blocks a#cs_partners_ico .cs_partners_img {position: relative; display: block; margin: 35px auto 10px; width: 119px; height: 82px; } */ #index_blocks a#cs_partners_ico .cs_partners_img {position: absolute; left: 50%; top: 27px; margin-left: -58px; min-width: 119px; min-height: 82px; } #index_blocks a#cs_partners_ico .cs_partners_img img { width: 100%; height: 100%; margin: 0;} #index_blocks a#config_general_account_ico, #index_blocks a#config_general_account_started_ico {background-color: #ff5a00; color: #ffffff;} /* #emails_ico:before {background-position: 0px -82px} #agenda_ico:before {background-position: 0px -328px} #support_ico:before {background-position: 0px -492px} #purchases_ico:before {background-position: 0px -656px} #pos_ico:before {background-position: 0px -738px} #products_ico:before {background-position: 0px -820px} #reports_ico:before {background-position: 0px -246px} #hrm_ico:before {background-position: 0px -246px} #bank_ico:before {background-position: 0px -246px} */ #update_notes {width: 460px; padding: 10px 30px 20px 30px; background-color: #bdbdbd; text-align: center;} .update_note {margin-bottom: 20px; padding: 0px; border-bottom: 1px solid transparent; text-align: left;} .update_note.short .description {max-height: 122px; overflow: hidden;} .update_note .date {text-align: right; margin-bottom: 10px; font-size: 20px; font-weight: 600; color: #ffffff; text-transform: uppercase;} .update_note .description {font-size: 14px; background-color: #eeeeee; border: 20px solid #eeeeee;} .update_note .description b {display: block; margin-bottom: 15px; font-size: 20px; font-weight: 600; text-transform: uppercase; cursor: pointer;} .update_note .description b:hover {color: #ff5a00;} .update_note a {margin: 10px 0px 0px 20px;} .update_note li {margin-left: 15px; list-style-position: outside;} body.update_notes .update_note a {display: inline; margin: 0px; color: #00afe8;} .news_archive_btn {display: inline-block; height: 30px; padding: 0px 10px; line-height: 31px; background-color: #ff5a00; color: #ffffff; font-size: 14px; font-weight: 600; text-transform: uppercase;} .news_archive_btn:hover {background-color: #e85606; color: #ffffff;} .update_note.index_list {width: 60%;} .update_note.index_list a {text-align: right;} .update_note.short.index_list .description {cursor: pointer;} .update_note.index_list:first-child {margin-top: 30px;} .update_note.index_list .date {text-align: left; margin-bottom: 10px; font-size: 20px; font-weight: 600; color: #606062; text-transform: uppercase;} .help_button {display: inline-block; margin-top: 1px; height: 20px; width: 20px; background: url(/images/right_bar/help_small.png) center center no-repeat; cursor: pointer;} .visits .help_button, .reports .help_button, .retention_blocks .help_button { display: inline-block; margin-top: 1px; height: 20px; width: 20px; border-radius: 100%; background-image: none; background-color: #515053; color: #fff!important; cursor: pointer; font-size: 13px; text-indent: 0; text-align: center; font-family: 'Open Sans';} .help #subcategories_list {margin-top: 7px;} .help #center img {max-width: 100%; height: auto;} .help_articles {} .help_area {position: relative; margin: 10px 0px 0px 0px; padding: 11px 38px 10px 17px; line-height: 25px; font-size: 14px; font-style: italic; background-color: #fff5c7; border: none;} .help_area a {text-decoration: underline;} .to_up {position: absolute; top: 44px; right: 13px; width: 13px; height: 9px; background-image: url(/images/design_new/arrowd.png); opacity: 0.85; cursor: pointer;} .to_down {position: absolute; top: 70px; right: 13px; width: 13px; height: 9px; background-image: url(/images/design_new/arrowb.png); opacity: 0.85; cursor: pointer;} .help_close {position: absolute; top: 13px; right: 13px; width: 18px; height: 18px; background-image: url(/images/design_new/help_close.png); opacity: 0.85; cursor: pointer;} .help_close:hover, .to_up:hover , .to_down:hover {opacity: 1;} .blue_area {margin: 10px 0px 0px 0px; padding: 25px; line-height: 25px; background-color: rgb(237, 242, 246); overflow: hidden;} .blue_area label {width: auto; font-weight: normal; margin-left: 15px;} .blue_area .right_baloon {position: absolute; left: -17px; top: 17px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 17px solid #fff; border-bottom: 10px solid transparent;} #help_div {position: absolute; color: black; z-index: 999999; top: 0px; left: 0px; padding: 5px; background-color: white; border: 1px solid gray; max-width: 350px; word-break: break-all;} #help_div a, #help_div a:hover, #help_div a:visited, #help_div a:active {color: #333399; border-bottom: 1px dotted #333399;} #help_div a.left_image_link.close {float: right; border-bottom: none; padding-right: 0px; position: relative; left: 5px;} .for_remove {display: none;} div.actions {margin-bottom: 0px; clear: both;} div.actions a {display: inline-block; margin-right: 5px;} .actions input[type="submit"], .actions input[type="button"] {margin: 0px 7px 0px 0px;} table.items table.load_medium td {height: auto; white-space: normal;} table.items td {vertical-align: middle;} table.items {width: 100%; margin-top: 0px; background-color: #fff; border: 1px solid #eeeeee; font-size: 15px; line-height: 16px; color: #707070;} table.items tr {background-color: #eeeeee;} table.items tr.headers td {white-space: nowrap;} table.items span {line-height: inherit;} table.items a span {line-height: 18px;} table.items > tr > td, table.items > th > td, div.stickyHeader table > th {vertical-align: middle; height: 30px; padding: 2px 10px; white-space: nowrap; text-overflow: ellipsis;} #users_of_table table.items td, .users_of_table table.items td, .external_reservations table.items td {white-space: normal;} #users_of_table table.items td, .users_of_table table.items td {height: 30px; line-height: normal;} .users_of_table table.items td {padding: 2px 4px !important; vertical-align: middle !important;} #canceled_capacity {font-weight: 600;} td.no_wrap {white-space: nowrap!important;} div.stickyHeader table th {background-color: white; font-weight: bold; font-size: 15px;} table.items td.delimiter_td {height: 0px; padding: 0px;} table.items.arcon_devices td {padding: 4px 10px;} table.items th {font-weight: 600;} table.items tr:hover {color: #606062; outline: 1px solid #ccc;} table.items tr:first-child:hover {color: #606062; outline: 1px solid #eeeeee;} table.items tr:hover tr {outline: none;} table.items tr.linked {cursor: auto;} table.items tr.linked .buttons_block {width: 190px;} table.items tr.linked .buttons_block a {width: 100%; text-align: center; margin: 0px 0px 10px 0px; box-sizing: border-box;} table.items tr.linked .buttons_block a#send_email_btn {display: flex; justify-content: center; align-items: center; height: auto; min-height: 30px; white-space: normal; line-height: normal;} table.items tr:nth-child(even) { background-color: #ffffff;} table.items tr.transparent {background-color: transparent !important;} table.items tr.active {font-weight: 600;} table.items td input, table.items td select {margin: 0px;} table.items td input[type="checkbox"] {margin: 4px 4px 0px 0px;} /* table.items tr td:last-child {text-align: right;} */ table.items tr td:last-child div {text-align: left;} table.items tr.linked:hover {outline: 1px solid #c1c1c1;} table.items tr.no_hover:hover, table.items tr.linked.no_hover:hover {outline: 1px solid transparent;} table.items table.inner_table {border: 0px;} table.items table.inner_table td {padding: 2px 10px 2px 0px; border: 0px;} table.items table.inner_table tr, table.items table.inner_table tr:nth-child(even) {background-color: transparent;} table.actions, div.actions { padding: 20px 0px; margin-top: 0px; width: auto; background-color: #ffffff; border-top: 0px; border-bottom: 0px solid #999; font-size: 15px; line-height: 18px;} table.actions td {padding: 0px 10px 0px 0px; vertical-align: middle; display: flex; flex-direction: row; align-items: center;} table table.actions {width: auto;} table.items span.aligned {display: inline-block; width: 100%; text-align: left;} table.items span.aligned span {float: right;} .centered_flex {display: flex; flex-direction: row; align-items: center;} .centered_flex * {margin: 0px 10px 0px 0px;} .two_columns_actions {min-width: 180px;;} .two_columns_actions .buttons_block {float: left;} .two_columns_actions .css_popup {float: right;} .call_results {display: inline-block; padding: 4px 8px; color: #FFFFFF; text-align: center; white-space: nowrap;} .call_results.negative_box {background-color: #ec433d;} .call_results.positive_box{background-color: #5dc248;} .simple_todo_list {display: flex; flex-direction: column;} .simple_todo_item {display: flex; flex-direction: row; align-items: center; margin: 0px 0px 10px 6px;} .simple_todo_item label {display: flex; flex-direction: row; align-items: center; margin-bottom: 0px; font-weight: 400; text-transform: none; line-height: normal; font-size: 15px;} .simple_todo_item span {display: flex; flex-direction: column; margin-left: 8px; line-height: inherit;} .simple_todo_item label span span {margin-left: 0px; font-size: 13px;} .lead_manager_leads table.items tr.linked td {padding: 6px 0px 40px 6px; position: relative; vertical-align: top;} .lead_manager_leads td.two_columns_actions {width: 240px;} .lead_manager_leads .bottom_links {position: absolute; bottom: 10px; display: flex; flex-direction: row; align-items: center; z-index: 1000;} .lead_manager_leads .bottom_links select {width: auto;} .lead_manager_leads .bottom_links .left_image_link.down {margin-right: 20px;} .retention_manager_retentions table.items tr.linked td {padding: 6px 0px 24px 6px; position: relative; vertical-align: top;} .retention_manager_retentions td.two_columns_actions {width: 180px;} .retention_manager_retentions .bottom_links {position: absolute; bottom: 10px;} table.inner_items {width: 100%;} table.inner_items tr.parent_group {background-color: #EEEEEE;} table.inner_items tr.sub_group {background-color: #FFFFFF;} table.inner_items td {height: 50px; font-size: 18px; padding: 4px; vertical-align: middle; } table.inner_items td:last-child {text-align: right;} table.inner_items tr.parent_group td {font-weight: 600;} table.inner_items tr.sub_group td {padding-left: 14px; font-weight: 400;} table.inner_items .sub_group td:last-child {padding-right: 12px;} .sub_group .nice_field {width: 390px;} .sub_group .checkmark_btn.small {margin: -3px 16px 0px 0px;} .sub_group .close_dark_wrap_btn.small {margin: 15px 0px 0px 0px;} .sub_group .remove_btn.small {position: relative; top: auto; right: auto;} table table.actions form * {margin: 0px;} table.items.communications td, table.items.communications th {white-space: normal;} table.items.communications .user_medium {padding-top: 20px;} table.items.communications .user_medium div {margin-bottom: 20px;} .reports table.items br { line-height: 25px; } table#remote_translate.items tr { background-color: #FFFFFF!important;} table#remote_translate.items tr:nth-child(even) {background-color: #eeeeee!important;} .page_button {padding: 10px 0px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC;} .page_button .o2k7Skin td.mceToolbar {display: none;} .page_button .o2k7Skin table.mceLayout {border: 1px solid #ABC6DD; width: 360px!important; height: 200px!important;} .page_button .o2k7Skin iframe {width: 360px!important; height: 200px!important;} .page_button .standatr_button {margin-bottom: 10px;} #other_translations_inner_wrap.for_n_design table.items tr:nth-child(even) {background-color: #FFFFFF!important;} .actions .right_actions {float: left; margin-top: 10px; padding: 0px 0px 0px 0px; border: 1px solid #eee;} .actions .right_actions span.info_button {height: 25px; padding: 0px 10px; margin-right: 7px; text-transform: uppercase; font-weight: 600; background: #eee; line-height: 25px;} .actions .right_actions a {margin-top: 3px;} .actions .right_actions .popup_block a {margin-top: 0px;} .actions .right_actions .popup_block#select_date label {width: auto; text-align: left; line-height: 30px; font-size: 15px; text-transform: none; font-weight: 400;} .config_translations table.items, .config_logging table.items {width: 100%;} .config_translations table.actions td {padding: 0px 10px 0px 0px;} .config_translations table.actions input, .config_translations table.actions select, .config_logging table.actions input {margin: 0px 10px 10px 0px;} .config_translations table.actions input[type="checkbox"], .config_logging table.actions input[type="checkbox"] {margin: 4px 6px 10px 14px;} .config_translations table.actions label, .config_logging table.actions label {width: auto; float: left; clear: none; margin: 7px 10px 0px 0px; line-height: normal;} a.editor_cancel_link:hover, .config_translations a:hover {color: #ff5a00;} .emails {cursor: default;} .main_comment {font-weight: bold;} span.status, span.colored_item {display: inline-block; overflow: hidden; border-radius: 50%; width: 14px; height: 14px;} .status.concept, .status.to_be_send {background: #999;} .status.paid, .status.accepted, .status.sent_to_debt_collection_agency {background: #52D017;} .status.creditnoted {background: #8AA212;} .status.SEPA.pending, .status.paidout {background: #b6fc95;} .status.credited, .status.rejected {background: #0000AA;} .status.unpaid, .status.open, .status.invoices, .status.reminders.canceled {background: #FDD017;} .status.overdue, .status.refused, .status.cancelled, .status.expired {background: #FF0000;} .status.reminder.sent, .status.in.reminders, .status.paid_as_dubious_debtor {background: #FF0000;} #users_of_table span.colored_item {margin-right: 3px;} .items span.colored_item {margin-top: 4px;} #body.pos #current_user_info {float: right; margin: 25px 35px 0px 0px; font-size: 18px;} div.legends {margin-top: 20px;} span.legends {display: flex; align-items: center; position: relative; float: left; padding: 0px 20px 0px 18px ; background: none !important; color: #3d3c3f; font-size: 13px; font-weight: 600; text-transform: uppercase; line-height: 30px!important;} span.legends:before {position: absolute; top: 8px; left: 0px; display: inline-block; overflow: hidden; border-radius: 50%; width: 14px; height: 14px; content: ""} span.legends.concept:before, span.legends.open:before, span.legends.to_be_send:before {background: #999;} span.legends.paid:before, span.legends.accepted:before, span.legends.sent_to_debt_collection_agency:before {background: #52D017;} span.legends.creditnoted:before {background: #8AA212;} span.legends.unpaid:before, span.legends.invoices:before, span.reminders.canceled:before {background: #FDD017;} span.legends.credited:before, span.legends.rejected:before {background: #0000AA;} span.legends.SEPA_pending:before {background: #b6fc95;} span.legends.overdue:before, span.legends.refused:before, span.legends.reminder_sent:before, span.legends.in_reminders:before, span.legends.cancelled:before, span.legends.expired:before, span.legends.expired:before, span.legends.paid_as_dubious_debtor:before {background: #FF0000;} span.legends.exercise_done:before {background: #63bf67;} span.legends.exercise_not_done:before {background: #e15e54;} span.legends.exercise_changed:before {background: #e1c466;} td.legends, th.legends {padding-top: 16px;} .user_invoices {display: inline-block;} .user_invoices .items {width: 830px;} .user_invoices .legends {float: right;} .refer_persons td.legends {vertical-align: unset!important;} .refer_persons span.legends.invited:before {background: #fd9517;} .refer_persons span.legends.visited:before {background: #ded600;} .refer_persons span.legends.signed_contract:before {background: #52D017;} #tab_lead_data label {width: 120px; } table.items table tr {background-color: transparent!important;} table.gray, div.gray {background-color: transparent; padding: 0px;} #client_info .suggest {width: 250px;} #body.pos .left_panel_wrap {background-color: #ffffff;} .product_buttons > div:hover {background-color: #ff5a00;} #body.pos #categories a, a#close_pos, .item_radio_button {display: inline-block; padding: 0px 14px; margin: 0px 5px 8px 0px; height: 55px; color: #ffffff; font-size: 20px; line-height: 57px; font-weight: 600; text-transform: uppercase; background-color: #ff5a00; border: none; cursor: pointer; } #body.pos #categories a:hover, #body.pos #categories a.active, .item_radio_button:hover, .item_radio_button.active {background-color: #e85606;} .item_radio_button > input[type="radio"] {display: none;} a#close_pos, #add_invoice_to_order, #add_invoice_to_order:hover, #add_free_product_to_order, #add_free_product_to_order:hover {float: right; background-color: #fe3232!important; color: #fff; } a#close_pos, .pay_next_time_btn { padding: 0px 9px; height: 40px; line-height: 40px; font-size: 15px;} a#close_pos { margin: -12px 0 0 7px; } .pay_next_time_btn { float: right; margin: 25px 0 0 0;} #add_invoice_to_order, #add_free_product_to_order { margin: 30px 0; } #add_invoice_to_order_on_main_page, #add_invoice_to_order_on_main_page:hover {background-color: #fe3232!important; color: #fff!important; border-bottom: 0;} #add_membership_for_family_member, #add_membership_for_family_member:hover {font-size: 15px; background-color: #fe3232!important; color: #fff!important; border-bottom: 0;} .pos_product {overflow: hidden; padding: 6px;} .pos_product .price { background-color: #ff5a00; top: 6px; right: 6px; border-radius: 0px;} .pos_product .stock { position: absolute; bottom: 24px; left: 6px; border-radius: 0px; display: flex; background-color: aliceblue;} .pos_product .stock.minimal_stock { color: red;} .pos_product .stock span:first-child {margin-right: 5px;} .pos_product .price.zero_price { background-color: transparent!important; } .pos_product span {display: block; padding: 0px; overflow: hidden; text-overflow: ellipsis;} #pos_reservations_content {padding-top: 15px; overflow-x: hidden; overflow-y: auto; height: 100%;} #pos_reservations_content { max-width: 1468px; overflow: auto;} #pos_products_content { overflow-x: hidden; overflow-y: auto; height: 100%;} /*New design for POS*/ #pos_bill { min-height: 400px; max-height: 400px; } body.pos #left_panel { border-right: 2px solid #515053;} #ordered_products, #splited_bill { color: #ff5a00; font-size: 14px; font-weight: 600; } #ordered_products span.total, ##splited_bill span.total { float: none; } #ordered_products .title .price, #splited_bill .title .price { float: left; color: #575757; font-size: 14px; font-weight: normal;} #ordered_products .title .variants_title, #splited_bill .title .variants_title { float: none; color: #1babd7; font-size: 15px; display: block; margin: 5px 0 0 10px;} .deal_title .variants_title { padding-left: 5px; } #totals td { padding-left: 1px!important; } #ordered_products .total_td, #splited_bill .total_td { padding-right: 15px!important; } #totals tr td:last-child { text-align: right; padding-bottom: 0px!important; padding-top: 10px!important;} #discount_total_td { padding-top: 10px!important; color: #575757; font-size: 14px;} .line_height_smaller { line-height: 12px; } #totals #total_td { color: #575757; font-weight: bold; } #totals td#tax_td { color: #575757; font-size: 14px; } #body.pos #ordered_products .ordered_product.active, #body.pos #ordered_products .active {background-color: #eeeeee!important; } #body.pos #splited_bill .ordered_product.selected {color: #ffffff!important; background-color: #ff5a00!important; } #body.pos #splited_bill .ordered_product.selected .price { color: #ffffff; } #body.pos #payment #p_journals .active { color: #ffffff!important; background-color: #ff5a00!important; } #body.pos #payment #p_journals { margin: 0; } #body.pos #payment #p_journals td { height: 35px; font-size: 16px; } #body.pos #payment #p_journals .active { border: 2px solid #ff5a00} #pos_btns { text-align: center; background-color: #eeeeee; overflow: hidden; } .pos_text { text-align: center; height: 30px; line-height: 30px; font-size: 28px;} .pos_text span { font-size: 18px;} #top_div { margin: 0px 0 35px 0; } #splited_bill, #splitted_payment_block { width: 50%; float: left; } #splited_bill tr:nth-child(even) { opacity: 0.9; } #splited_bill_payment_field { width: 100%; height: 60px; line-height: 60px; font-size: 60px; color: #ff5a00; font-weight: 600; text-align: center; } #splited_bill_payment_button { line-height: 50px; height: 48px; width: 78%; margin: 20px auto; } #body.pos #current_user_info { float: right; margin: 25px 35px 0px 0px; font-size: 18px; } #body.pos #payment table td#payment_keypad { padding: 1%; } #body.pos #payment table td#customer_and_bill_btns { padding: 1%; width: 70%;} #body.pos #payment table td#customer_and_bill_btns .pos_button {float: left; margin-right: 3%; width: 26%;} #body.pos #payment table td#customer_and_bill_btns .pos_button:last-child {margin-right: 0px;} #payment_keypad { text-align: center!important; background-color: #ffffff; overflow: hidden; } #payment_keypad .keypad_block .mainpad .pad_btns > div:first-child { border-left: 1px solid #ccc; } #pos_btns_block { height: 223px; border: 1px solid #ccc; } #find_customer, #find_customer_for_payment, #invoice_btn, #terminal_btn { font-weight: 600; font-size: 14px; width: 195px; line-height: 55px; height: 55px; border-bottom: 1px solid #ccc; cursor: pointer;} #find_customer { width: auto; border: 0; border-top: 1px solid #ccc; } #body.pos #journals_big_btn:hover { color: #515053; background-color: #eeeeee; } #user_name_search { border: 1px solid #ccc; padding: 5px 5px; width: 390px; } #find_customer .user_info_titles {font-weight: 600!important; vertical-align: baseline; line-height: 21px; float: none;} #find_customer.user_info_content {line-height: 21px; display: block; min-height: 70px; height: auto; font-weight: normal; text-align: left; padding: 20px;} #pos_btns_block { overflow: hidden; } #body.pos #journals_big_btn { overflow: hidden; height: 100%; width: 195px; display: block; color: #515053; text-align: center; font-weight: 600; font-size: 14px; line-height: 219px; background-color: #eeeeee; cursor: pointer; border: 0; border-radius: 0; padding: 0px; margin: 0px; } #body.pos #journals div, #body.pos #previewjournals div {font-size: 14px; font-weight: 600; height: 55px; line-height: 55px; border-bottom: 1px solid #ccc; cursor: pointer; overflow: hidden; background-color: #eeeeee; color: #515053;} #body.pos #previewjournals div { width: 195px; } .keypad_block, #pos_btns_block { float: left; } .keypad_block .pad_btns > div:hover, .keypad_block .aditpad > div > div:hover, .keypad_block .big_btn:hover, .keypad_block .keypad #back:hover, .keypad_block .keypad #point:hover, .keypad_block #keypad div:hover, #find_customer:hover, #body.pos #journals div:hover, #body.pos #previewjournals div:hover, #body.pos #journals_big_btn:hover { color: #ffffff; background-color: #ff5a00;} .keypad_block .mainpad .pad_btns:first-child > div { border-top: 1px solid #ccc; } .keypad_block .product_buttons > div:first-child { border-top: 1px solid #ccc; } .keypad_block .pad_btns > div, .keypad_block .aditpad > div > div, .keypad_block .big_btn, .keypad_block .keypad #back, .keypad_block .keypad #point, .keypad_block #keypad div { font-weight: 600; color: #515053; background-color: #eeeeee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} #shade_content.pincode_check .mainpad input[type="text"] { width: 163px; } #shade_content.pincode_check { width: 215px; } #shade_content.pincode_check .keypad { padding-top: 17px; } #shade_content.pincode_check .pad_title { font-size: 1.3em; text-align: left; padding-bottom: 25px; } #shade_content.pincode_check #pad_content { text-align: center; } #user_name_and_photo { overflow: hidden; width: 100%; clear: both; margin: 10px 0;} #user_name_and_photo .u_photo { margin: 0 10px 0 0; width: 70px; height: 70px;} #user_name_and_photo .u_photo img { width: 100%; height: 100%; border-radius: 100%;display: block; } #user_name_and_photo .u_name { height: 70px; line-height: 70px; font-size: 18px; font-weight: 600; } #user_name_and_photo > div { float: left; } body.pos #suggest_contacts_block table.items { border-top: 4px solid #ff5a00; padding-top: 10px;} body.pos #suggest_contacts_block table.items tr:hover { background-color: #ff5a00; color: #ffffff; } #pos_user_details { font-size: 14px; margin-bottom: 20px; text-transform: capitalize; } #pos_user_details td span { font-weight: 600; } body.pos .remote_add .remote_add_content { overflow: hidden; } .remote_add .remote_add_content {clear: both; min-height: 400px;} #pay_methods_top_block { width: 100%; height: 50px; line-height: 50px; font-size: 22px; font-weight: 600; text-align: center; margin: 0px 0px 20px 0px;} body.pos .remote_add.pos_carts { width: 900px; left: 0; } .remove_appointments {text-align: center; font-size: 20px; margin-bottom: 30px;} .remove_appointments_btns {text-align: center;} .remove_appointments_btns a {width: 100px;} .pos_button { padding: 0px 14px; height: 48px; text-align: center; color: #515053; font-size: 18px; line-height: 50px; font-weight: 600; text-transform: uppercase; background-color: #eeeeee; border: 1px solid #ccc; cursor: pointer; } .pos_button:hover { color: #ffffff; background-color: #ff5a00; } #finish_payment:hover, #back_payment:hover { color: #ffffff; background-color: #ff5a00;} #body.pos #payment table { width: 100%; } #body.pos #payment table td {height: auto; padding: 0px 10px; text-align: left!important;} #body.pos #payment table tr.payment_titles td { height: 30px; background-color: #eeeeee; color: #515053; } #body.pos #payment table.items tr td:last-child div {text-align: center;} #pay_methods_left_block { width: 30%; float: left;} #pay_methods_left_block #journals div { padding: 0 20px; text-transform: capitalize; border-left: 1px solid #ccc; border-right: 1px solid #ccc; } #pay_methods_left_block #journals div:first-child { border-top: 1px solid #ccc; } #pay_methods_content { width: 68%; padding: 0px 0px 0px 2%; float: left;} #pay_methods_content #pay_progress_bar {overflow: hidden; margin-top: 20px; padding: 2% 1% 2% 40%; background-color: #eee; border: 1px solid #CCC;} #pay_methods_content #pay_progress_bar.failure {background-color: rgb(230, 0, 0);} #pay_methods_content #pay_progress_bar.accepted {background-color: rgb(50, 205, 50);} #pay_methods_content #pay_progress_bar.accepted #pay_progress, #pay_methods_content #pay_progress_bar.failure #pay_progress {color: #FFF;} #pay_methods_content #pay_progress, #pay_methods_content #pay_progress_bar a {float: left; color: #515053; font-weight: 600; font-size: 14px; text-transform: uppercase;} #pay_methods_content #pay_progress > div {float: left;} #pay_methods_content #pay_progress_bar a {float: right;} #pay_methods_content #pay_progress_bar a:hover {color: #dedb00;} table.pay_process_btns { margin-top: 20px; } table.items.pay_process_btns tr { background-color: transparent;} table.items.pay_process_btns td {vertical-align: top;} #body.pos #header.pos_header { height: 90px; } #body.pos #header.pos_header #logo { top: 7px; } #body.pos #header.pos_header #submenu { position: absolute; top: 60px; left: 421px; } #body.pos #header.pos_header #submenu a.active { background-color: #ff5a00; color: #ffffff; font-weight: bold; font-size: 16px; text-transform: capitalize; display: inline-block; } #body.pos #columns.pos_columns { border-top: 3px solid #bdbdbd; } #main_menu.pos_menu {padding: 13px 30px 0px 414px; height: 44px; font-size: 16px; z-index: 998; width: auto; top: auto;} #pos_reservations_content {position: relative; width: 100%;} #pos_reservations_central_part, #pos_reservations_right_part {position: relative; float: left;} #pos_reservations_central_part { width: 98%; padding-top: 15px;} #pos_reservations_central_part.left_orientation { float: right!important; } .slick-slide {max-width: 200px;} .play, .pause {position: absolute; top: 0; left: 0; display: inline-block; height: 40px; width: 40px; z-index: 1000; cursor: pointer;} .play:after, .pause:after {font-family: "fontello"; width: 40px; line-height: 40px; text-align: center; display: block; color: #ff5a00;} .play:after {content: "\e80a";} .pause:after {content: "\e82d";} .automatic_scheme .slick-dots, .exercise_wrap .slick-dots {margin-top: 5px; text-align: center; padding: 0px 10px;} .automatic_scheme .slick-dots li, .exercise_wrap .slick-dots li {display: inline-block; margin: 5px;} .automatic_scheme .slick-dots button, .exercise_wrap .slick-dots button {padding: 5px; line-height: 10px; font-weight: 600; display: inline-block; border: none; outline: none; background-color: #ff5a00; color: #FFF; cursor: pointer;} .automatic_scheme .slick-dots .slick-active button, .exercise_wrap .slick-dots .slick-active button {background-color: #bdbdbd;} .automatic_scheme .slick-dots .slick-active button::before, .exercise_wrap .slick-dots .slick-active button::before {content: 'Frequentie'; display: inline-block; padding-right: 3px;} .exercises_edit .flex_list_exercise {display: flex; flex-wrap: wrap;} .exercises_edit .flex_list_exercise .exercise_wrap {height: unset; padding-bottom: 50px;} .flex_list_exercise .exercise_wrap .exercise_title, .flex_list_exercise .exercise_wrap .exercise_adit_info {height: unset;} .rate_block {border-top: 1px solid rgb(191 191 191); position: relative; padding-top: 10px; margin-top: 15px;} .row_flex {display: flex; justify-content: space-between; width: 100%;} .column50 {width: 49%;} .column50 input {width: 100%; box-sizing: border-box;} .row_flex .column33 {width: 33%; display: flex; justify-content: space-between; align-items: center; border: 1px solid rgb(191 191 191); padding: 0 3px; box-sizing: border-box;} .rate_block label {width: 100% !important; float: none !important; } .rate_block .column33 label {text-align: center; margin: 0;} .row_flex select {float: none !important;} .favorite_wrap {position: absolute; top: 2px; right: 2px; display: inline-block; height: 40px; width: 40px; z-index: 1000; cursor: pointer;} .favorite_wrap input[type="checkbox"] {display: none;} .favorite_checkbox:not(checked) + label {cursor: pointer;} .favorite_checkbox:not(checked) + label:before {content: ''; position: absolute; top: 0; left: 0; width: 36px; height: 36px; background-color: #fff; border: 2px solid #c1c1c1; border-radius: 36px; } .favorite_checkbox:not(checked) + label:after {content: '\e826'; font-family: 'fontello'; color: #c1c1c1; font-size: 20px; line-height: 43px; text-align: center; position: absolute; top: 0; left: 0; width: 40px; height: 40px;} .favorite_checkbox:not(checked) + label.disabled {color: #ccc; pointer-events: none;} .favorite_checkbox:checked + label:before {border: 2px solid #ff5a00;} .favorite_checkbox:checked + label:after {content: '\e868'; color: #ff5a00;} #legal_info_lbl, #accept_legal_info_lbl { width: auto;} #legal_info_lbl span, #accept_legal_info_lbl span {text-transform: none; font-weight: normal; line-height: 30px; margin-left: 10px;} #accept_legal_info_lbl input[type='checkbox'] {float: right; margin-left: 15px;} #age_reductions.inner_table input[type="text"].small_field { margin: 0px 10px 0px 10px!important; border: 1px solid #d4d4d4!important; } #age_reductions.inner_table input[type="text"] { float: none; } #legal_info_lbl, #accept_legal_info_lbl { width: auto;} #legal_info_lbl span, #accept_legal_info_lbl span {text-transform: none; font-weight: normal; line-height: 30px; margin-left: 10px;} #accept_legal_info_lbl input[type='checkbox'] {float: right; margin-left: 15px;} #age_reductions.inner_table input[type="text"].small_field { margin: 0px 10px 0px 10px!important; border: 1px solid #d4d4d4!important; } #age_reductions.inner_table input[type="text"] { float: none; } @media only screen and (max-width:1196px) { #pos_reservations_central_part { width: 93%;} } #pos_reservations_right_part { min-height: 100vh; width: 19%; background-color: #eeeeee; padding: 10px 0px 0 8px; } #pos_reservation_updater {position: relative; width: 100%;} #agenda_head.form {width: 100%; } #agenda_head_ul.form {width: 100%; } #right_side {position: fixed; right: -285px; top: 0; bottom: 0; min-height: 100vh; width: 285px; padding: 0px 0 0 10px; height: auto; min-height: 100%; background-color: #ebebeb; z-index: 999;} #right_side.left_orientation {left: -285px; right: auto;} #right_side h1, .filterincont h1 {font-size: 20px; font-weight: 500; text-transform: uppercase; color: #757575; } #right_side h2, .filterincont h2 {font-size: 15px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px;} #right_side #user_info {padding: 5px; margin: 20px 0px; box-sizing: border-box;} #right_side .wuseravatar {float: none; width: 50%; padding: 0px 25%; text-align: center; } #right_side .textinfouser {width: 100%; margin: 0px;} #right_side .ss-wrapper {margin-left: 3px; } #right_side .ss-content {padding: 0px; padding-right: 18px; overflow-y: scroll; overflow-x: hidden; width: 100%;} #right_side .textinfouser p, #right_side .textinfouser h3 {font-size: 13px;} #module_description p { font-size: 17px; font-family: 'Open Sans'; } .loginb {display: none; height: 210px; position: fixed; top: 123px; right: 0px; width: 35px; cursor: pointer; background: #ebebeb; z-index: 1000;} .loginb.left_orientation {left: 0px;} .textbutton {color: #262626; text-transform: uppercase; font-weight: 600; margin-left: -53px; width: 140px; margin-top: 90px; line-height: 35px; white-space: nowrap; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} @media only screen and (max-width:2655px) { #right_side, .loginb { display: block;} .filterincont {width: 96%; float: none; padding: 20px; box-sizing: border-box;} #pos_reservations_right_part {display: none;} } .filtersmallpart {padding-top: 15px; margin-top: 15px;} .filtersmallpart .nice_checkbox:not(checked) + label {display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-bottom: 7px; line-height: 20px; } .filtersmallpart .nice_checkbox:not(checked) + label:before {content: ''; position: absolute; top: 2px; left: 0; width: 14px; height: 14px; background-color: #fff; border: 2px solid #c1c1c1; border-radius: 14px; } .filtersmallpart .nice_checkbox:not(checked) + label:after {content: ''; position: absolute; top: -3px; left: 2px; width: 20px; height: 20px;} .filtersmallpart .nice_checkbox:not(checked) + label.disabled {color: #ccc; pointer-events: none;} .filtersmallpart .nice_checkbox:checked + label:before {border: 2px solid #78a836;} .filtersmallpart .nice_checkbox:checked + label:after {background-image: url(/club_portal/checkednew.png);} form input[type="radio"].nice_checkbox {display: none;} .filtersmallpart h2 {font-size: 15px; padding: 0; margin: 0 0 10px 0; font-weight: 700; text-transform: uppercase; color: #ff5a00} #columns #center.center_pos {padding: 0px 0px 0 30px;} .sub_menu a:hover, .sub_menu a.active { background-color: #ff5a00; color: #ffffff; font-weight: bold; } #body.pos #ordered_products { margin-top: 0; } #body.pos #left_panel { border-right: 2px solid #bdbdbd; } #body.pos #left_panel.on_the_right_side { border-left: 2px solid #bdbdbd!important; border-right: 0px!important;} #client_info .suggest, #body.pos #search_product {height: 30px; border: 1px solid rgba(191, 191, 191, 1); padding: 0px 30px 0px 4px; border-radius: 0px;} #body.pos #search_product {width: 300px; margin-top: 30px;} #client_info table td, #totals td, #ordered_products td, #splited_bill td {padding: 4px 8px; vertical-align: middle; } #client_info #suggest_contacts_block table td, #totals td, #ordered_products td, #splited_bill td { height: 48px; font-size: 18px;} #client_info #suggest_contacts_block table td {font-size: 15px; width: 22%;} #client_info #suggest_contacts_block table td.fit_content {white-space: normal!important;} #client_info #suggest_contacts_block table td.fit_content_small {width: 10%; white-space: normal!important;} #customer_requisites_control { margin: 0 auto; } form #totals span, form #ordered_products span, form #splited_bill span, #info span {margin-left: 6px; line-height: inherit;} #body.pos #categories a {border-radius: 0px;} #body.pos #categories a.active, #body.pos #categories a:hover {border-radius: 0px;} .pad_btns > div, .aditpad > div > div, .big_btn {border-radius: 0px;} .product_buttons {width: 160px; margin-top: 10px; font-size: 1.5em; font-weight: 400;} .product_buttons > div {height: 55px; width: 160px; display: inline-block; margin: 0px 0px 5px 0px; color: #ffffff; text-transform: none; text-align: center; font-weight: 600; font-size: 14px; line-height: 50px; background-color: #ff5a00; border: 0px; border-radius: 0px; cursor: pointer;} .keypad_block .product_buttons {float: left; width: 50px; margin-top: 0px;} .keypad_block .product_buttons > div { display: inline-block; margin: 0px; width: 55px; } #reduction_button, #add_to_cart_button , #voucher_button, #voucher_reduction_code_button, #action_code_button { line-height: 55px; height: 55px; width: 100%; font-weight: 600; border-top: 1px solid #ccc; cursor: pointer; } #reduction_button:hover, #add_to_cart_button:hover, #voucher_button:hover, #voucher_reduction_code_button:hover, #action_code_button:hover { background-color: #ff5a00; color: #ffffff} #voucher_reduction_code_button span, #action_code_button span {line-height: 55px;} #voucher_reduction_code, #action_code {width: 100%; border-right: 0; border-bottom: 0; margin: 0;} #table_mode_buttons { width: 100%;} #table_mode_buttons > div { border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 0 10px; display: inline-block; float: left; font-weight: 600; font-size: 14px; line-height: 55px; height: 55px; width: 119px; } #table_mode_buttons > div.active, #table_mode_buttons > div:hover {color: #ffffff; background-color: #ff5a00; } #table_mode_buttons > div:first-child { border-left: 0px; } .floors { text-align: center; float: left; width: 100px; color: #515053; background-color: #eeeeee; cursor: pointer; text-transform: capitalize; height: 70px; line-height: 70px; font-size: 28px; } .floors.active, .floors.active:hover {color: #ffffff; background-color: #ff5a00; font-weight: normal; } .floors:hover {color: #ff5a00; font-weight: bold; } .floor_plan {width: 100%; clear: both; float: left; } .floor_plan .live-demo {display: inline-block; vertical-align: top; max-width: 1600px; width: 100%; height: auto; background-color: #bdbdbd;; margin: 10px;} .floor_plan .pos-table {width: 200px; height: 180px; line-height: normal; background-color: #515053; color: #ffffff; font-size: 30px; touch-action: none; padding: 0px; text-align: center; box-sizing: border-box; position: absolute; cursor: pointer; } .floor_plan .pos-table .linked_user_name {line-height: normal; font-size: 15px;} .floor_plan .pos-table.selected_bkg { background-color: #cb3939!important; } .floor_plan .table_header { position: relative; font-size: 20px; padding: 0 5px; height: 40px; margin: auto; background-color: #ff5a00; color: #ffffff; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -moz-box-pack: justify; -webkit-justify-content: flex-start; -ms-flex-pack: justify; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .floor_plan .table_header > div {height: 40px; width: calc(100% - 30px); line-height: 16px; display: flex; flex-direction: column; justify-content: center; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-box-flex: 0; -moz-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .pos-table.circle { border-radius: 100%; line-height: 78px!important; } .pos-table.circle .table_header { background-color: transparent!important; width: 69%!important; margin-top: 28px!important; padding: 0!important; height: 27px!important; } .floor_plan .table_header > .table_form { -webkit-flex: 0 0 15px; -ms-flex: 0 0 15px; flex: 0 0 15px; font-size: 18px; padding: 3px; line-height: 15px; text-align: center; border-radius: 15px; width: 15px; height: 15px; border: 2px solid #ffffff; color: #ffffff; background-color: transparent; float: left;} .nice_checkbox:not(checked) + label {display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-bottom: 7px; line-height: 20px; } .nice_checkbox:not(checked) + label:before {content: ''; position: absolute; top: 2px; left: 0; width: 14px; height: 14px; background-color: #fff; border: 2px solid #c1c1c1; border-radius: 14px; } .nice_checkbox:not(checked) + label:after {content: ''; position: absolute; top: -3px; left: 2px; width: 20px; height: 20px;} .nice_checkbox:not(checked) + label.disabled {color: #ccc; pointer-events: none;} .nice_checkbox:checked + label:before {border: 2px solid #78a836;} .nice_checkbox:checked + label:after {background-image: url(/club_portal/checkednew.png);} .nice_checkbox.no_show_icon:checked + label:before {border-color: red;} #combo_deals_table { width: 95%; } #custom_questions { width: 95%; } .combo_deal_product { list-style: none; } .combo_deal_product li { float: left; } .combo_deal_product li div { margin-right: 40px; width: 160px; } .combo_deal_product li label { width: auto!important; } .combo_deal_product li input[type=checkbox] { float: right; width: 15px!important; display: inline-block!important; } .pos_combo_products, .pos_modifiers { clear: both; overflow: hidden; margin-bottom: 20px;} .pos_combo_products .pos_product, .pos_modifiers .pos_product{ float: left; } .pos_combo_products .price, .pos_modifiers .price { line-height: 50px; font-size: 16px; padding: 0 16px; color: #ffffff; background-color: #ff5a00; } .pos_modifiers .modifier_option .price { line-height: 20px!important; } .pos_combo_products h3, .pos_modifiers h3 { height: 50px; line-height: 50px; text-align: center; background-color: #ccc; margin-bottom: 50px; } .combo_category, .prod_modifier { overflow: hidden; } .combo_category p, .prod_modifier p { margin: 10px 0; font-size: 16px; display: block; clear: both; } #add_combo_deal, #cancel_add_combo_deal, #add_modifiers, #cancel_add_modifiers, #button_prod_variants_order { width: 100px; float: right; } #add_combo_deal, #add_modifiers, #button_prod_variants_order { margin-right: 10px; } table.combo_products td, table.visit_types td, table.modifiers td { height: 20px!important; padding: 5px 0 0 0!important; margin: 0; font-size: 14px!important; color: #0ba6d5ed; line-height: 14px!important;} .multiline_item td { vertical-align: top!important;} #splited_bill .selected table.modifiers td { color: #ffffff; } /* End of ___ New design for POS*/ #object_meta_custom, #object_css, #object_js {width: 1000px; height: 500px;} #site span {float: none; display: block; clear: both;} form {margin-top: 0px; font-size: 15px;} form p, form p.form_buttons, form div.form_buttons {clear: both; padding: 20px 0px 20px 4px;} form p.form_buttons, form div.form_buttons {height: 13px;} .remote_add_content form p.form_buttons, .remote_add_content form div.form_buttons {clear: left; overflow: auto; padding: 0px; margin-bottom: 20px; height: auto;} p.form_subblock {padding: 0px 0px 0px 0px; height: auto; line-height: 32px;} form > span {line-height: 30px; float: left;} form label span {float: none;} form .mceEditor {margin-bottom: 10px;} form label, .form_subblock label, .smll_tables label, .depreciation_block label {display: block; float: left; width: 230px; text-align: left; line-height: 30px; font-size: 15px; text-transform: uppercase; font-weight: 600; color: #404040; word-wrap: break-word;} .form_label_additional_info {margin-left: 10px; display: inline-block; margin-top: 5px; color: #404040b0; text-transform: lowercase; font-size: 13px; font-weight: 400;} #body.reservation_club_portal #available_modules label {width: 330px !important;} .reservation_club_portal #available_modules input[type="checkbox"] {margin-top: 7px;} form label.for_inputs {width: auto; margin-bottom: 0px; font-weight: 400; text-transform: none;} form label.for_inputs span {line-height: normal;} form label.for_inputs input {margin-top: 9px; margin-right: 6px;} form label.for_inputs.sub_input {padding-left: 20px;} form input[type="checkbox"] {margin-right: 3px; margin-top: 7px;} .reservation_configs form label {width: 600px;} form select, .tab_stop_membership select, .blue_area select, .reports select, .exists_family_persons select, .depreciation_block select, .duplicate_multiple select {clear: right; float: left; margin: 0px 0px 10px 0px; padding: 0px 34px 0px 8px; height: 30px; width: 446px; border: 1px solid rgba(191, 191, 191, 1); border-radius: 0px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url("/images/design_new/bac_select.png") no-repeat 100% 0px; font-size: 15px;} form.country_list {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start;} form.country_list div {margin-right: 30px;} form.country_list select {margin: 0px;} form.country_list label.for_inputs {width: auto;} form select.selecter_autowidth {width: auto;} .reports select, .visits select { width: 200px; } .canceled_reservations_block .clear {clear: none; overflow: auto;} .canceled_reservations_block select {margin-right: 20px;} .innline_radio_selecter {float: left;} .innline_radio_selecter label {display: inline-block; clear: none; width: auto; margin: 0px 0px 0px 20px;} #sport_card_visit_filter .submit_buttons.as_button {margin: 6px 0px 0px 40px;} #payment_period_row #per_month_calculate span {float: none;} #advanced_searches {position: relative;} #advanced_searches .form_subblock {width: 100%;} select::-ms-expand {/* for IE 11 */display: none;} form select.date_fields {margin-right: 8px;} #object_birthday_3i {width: 75px;} #object_birthday_2i {width: 206px;} #object_birthday_1i {width: 167px; margin-right: 0px;} #object_fin_mandate_signed_3i {width: 70px;} #object_fin_mandate_signed_2i {width: 200px;} #object_fin_mandate_signed_1i {width: 160px; margin-right: 0px;} form select.with_add {width: 300px;} form input[type="text"], form input[type="password"], form input[type="number"], .tab_stop_membership .datetime_select, .damage_claims .form_info, .depreciation_block input {clear: right; float: left; height: 30px; width: 446px; margin: 0px 0px 10px 0px; padding: 0px 10px; font-size: 15px; border: 1px solid rgba(191, 191, 191, 1); border-radius: 0px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;} form input[type="text"].for_color {width: 100px; margin-left: 29px;} form input[type="checkbox"] {margin: 12px 0px 0px 0px;} form input[type="checkbox"] {margin: 7px 0px 0px 0px;} form .form_subblock input[type="checkbox"] {margin: 0px 0px 0px 0px;} form input[type="text"].medium {width: 130px; margin: 0px 20px 0px 6px;} form input[type="text"].large {width: 230px;} .show_color { color: #ffffff; text-align: center; } .color_editor input[type="text"] { padding-left: 40px; background-color: transparent!important; width: 110px;} .color_editor .color-preview { width: 28px; height: 28px;} .color-preview {display: inline-block; border: 1px solid rgba(191, 191, 191, 1); box-sizing: border-box;} .color_editor #text-color-preview, .color-preview#text-color-preview {position: absolute; left: 1px; top: 1px;} .nice_color_editor {position: relative;} .nice_color_editor input[type="text"].nice_field { padding-left: 45px; background-color: transparent!important; width: 110px;} .nice_color_editor .color-preview#text-color-preview {position: absolute; left: 1px; top: -11px; width: 38px; height: 38px;} .nice_color_editor .color-preview.clear-color-preview#text-color-preview { top: 0px;} form input[type="text"].small {width: 90px !important;} .damage_claims .form_info {line-height: 30px;} form input[type="text"].suggest {padding: 0px 30px 0px 10px} form input[type="text"].red_border, form select.red_border {border: 1px solid #ff5e5e;} #linked_products input, #linked_products select, #linked_products textarea {float: none; display: block; margin: 0px 0px 10px 0px; padding: 0px 10px 0px 10px; width: 190px; height: 30px; border-right: 1px solid rgba(191, 191, 191, 1);} #linked_products.bookkeepeng_module select, #linked_products.bookkeepeng_module textarea {width: 212px;} #linked_products.bookkeeping_module_purchase input {width: 94px;} #linked_products select {padding: 0px 30px 0px 10px;} #linked_products textarea {width: 189px;} #linked_products input {width: 70px;} #linked_products select.small_select {width: 100px;} #linked_products textarea {height: 30px; padding: 3px 10px 3px 10px;} #linked_products .product_name {width: 212px;} #linked_products td {padding: 1px;} #linked_products input.readonly {border-right: 1px solid rgba(191, 191, 191, 1);} #linked_products input.suggest {padding: 0px 27px 0px 10px;} .fields_with_color {width: 200px; display: inline-block;} form .fields_with_color input[type="text"].medium {margin: 0px 6px;} form #columns_hp_options .form_subblock input[type="checkbox"] {margin-top: 7px;} form.wide .tabs select {width: 187px;} #active_template form.wide select, .invoices form.wide select {width: 446px;} form.wide .input_label input[type="radio"] {width: auto; margin: 10px 8px 0px 0px;} form input.editable_input {width: 272px;} form input[type="radio"] {margin-top: 8px;} .fields_in_one_line {display: flex; float: left;} .form_subblock input[type="radio"] {margin-top: 3px;} .form_subblock label {display: block; float: none; width: auto; margin-right: 20px; text-align: left; line-height: normal; font-size: 15px; text-transform: none; font-weight: 400;} .form_subblock.with_sub_values label {float: left; margin-bottom: 10px; line-height: 30px; width: 100px;} .form_subblock input[type="checkbox"] {margin-left: 0px;} .form_subblock.inline label {display: inline-block;} .form_subblock.with_add a.for_add {position: absolute; right: 446px; margin-top: 6px;} .form_subblock .reservation_repeats b {display: inline-block; clear: both; margin-bottom: 3px;} form .form_subblock#tab_additional_modules input[type="checkbox"] {margin-top: 3px;} .form_values {margin-top: 10px;} table p.form_subblock {line-height: normal;} #custom_block_fields select, #custom_block_fields input {margin: 0px;} #custom_block_fields td, #custom_block_fields th {padding: 4px 12px 4px 0px;} /* Select the desired bike */ #stagesflight_bikes_selection {width: 100%;} .bikes_row {width: 100%; display: flex; justify-content: space-between; margin: 10px 0;} .bike_colum {display: flex; align-items: center; min-width: 30px;} .bike_colum input {margin-right: 2px;} /* form input[type="checkbox"] {border: 1px solid #CCC;} */ #date_picker_wrap input[type="submit"], form input[type="submit"], form input[type="button"], form p a.back_link, form a.back_link {display: inline-block; height: 20px; clear: none; float: none; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 17px; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #3d3c3f; line-height: 20px; background-color: transparent; background-repeat: no-repeat; background-image: url(/images/design_new/icons.png); border: none; outline: none; outline-offset: 0; cursor: pointer;} #date_picker_wrap input[type="submit"] { margin: 6px 0 0 0; } #groups_types {clear: both;} form input[type="submit"]:hover, form input[type="button"]:hover, form p a.back_link:hover, form a.back_link:hover {color: #ff5a00;} #date_picker_wrap input[type="submit"], form input[type="submit"] {background-position: 0px -40px;} #time_picker_wrap input[type="submit"], form input[type="submit"] {background-position: 0px -40px;} .back_link {background-position: 0px -20px;} form .form_buttons input[type="submit"], form .form_buttons input[type="button"] {margin: 0px 20px 0px 0px !important; float: none; width: auto !important;} form textarea {float: left; clear: right; margin-bottom: 10px; width: 446px; height: 150px; font-size: 15px; border: 1px solid rgba(191, 191, 191, 1); -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;} form textarea#object_emails {height: 58px;} form textarea#object_comment {height: 95px;} textarea {padding: 8px 10px;} #a_membership_onboarding_configs textarea {width: 100%; max-width: 850px;} input.suggest {padding-right: 6px; background: #FFF url(/images/design_new/find.png) right 6px center no-repeat;} #ajax_error_messages {padding: 0px 0px 15px 0px; text-align: left; line-height: 30px; font-size: 16px; font-weight: 600; color: red;} #ajax_error_messages_bottom {padding: 0px 0px 15px 0px; text-align: left; line-height: 30px; font-size: 16px; font-weight: 600; color: red;} form input[type="text"].for_integer {width: 70px; margin: 0px 20px 0px 6px;} form input[type="text"].for_integer.no_marging {margin: 0px;} form select.for_integer {width: 200px; margin: 0px 20px 0px 0px;} .user_types {margin-top: 0px;} #company {margin-top: 20px;} #company label {text-transform: initial; margin: 0px 0px 0px 0px;} #company input[type="checkbox"] {margin-right: 6px; margin-top: 9px;} #company input[type="submit"] {display: block; clear: both; margin: 20px 0px 0px 0px;} .multiblock_form {display: flex;} .multiblock_form label {width: 130px; text-transform: unset; font-weight: 400;} form .multiblock_form input[type="text"].for_integer {margin: 0px;} .multiblock_form > div {margin-right: 40px;} .form_title {font-weight: 600;} #call_form table.items {width: 100%;} #call_form table.items td {height: auto;} #call_form table.items td.nowrap_td {white-space: nowrap;} #call_form table.items td .form_subblock {padding: 2px 5px;} #call_form table.items td label {margin-right: 0px;} .monthly_payments #call_form table.items {width: 100%;} .tabs_new .tab label {text-transform: none;} .tabs_new .tab .form_subblock_wf input[type="radio"] {margin-top: 10px;} .tabs_new .tab .form_subblock input[type="radio"] {margin-top: 5px;} .tabs_new .tab input[type="radio"] {margin-top: 10px;} .tabs_new .tab input[type="checkbox"] {margin-top: 10px;} .tabs_new .tab .form_subblock input[type="checkbox"], .tabs_new .form_subblock .tab input[type="radio"] {margin-top: 0px;} .form_subblock_wf {line-height: 30px;} .datetime_select.date, .win_right_side_subblock input[type="text"].datetime_select.date {width: 100px !important;} .agenda .datetime_select.date, .simple_todo .datetime_select.date, .todo .datetime_select.date {float: none; width: 124px !important;} .datetime_select.time, .invoices form.wide select.datetime_select.time {width: 84px;} .mce_tags {clear: both; overflow: hidden; margin: 10px 0px 15px 240px; width: 850px;} form .mce_tags input[type="button"] {margin: 0px 5px 4px 0px; float: left;} .form_subblock.compact th {padding: 0px 0px 10px 0px; font-weight: 600; text-align: center;} span.selecter {position: relative; display: inline-block;} span.selecter select {display: inline-block; padding: 0px 36px 0px 10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-weight: 400; line-height: 30px; font-size: 15px; cursor:pointer;} span.selecter:after {position:absolute; top: 13px; right: 8px; border: 6px solid transparent; border-top: 6px solid #ff5a00; pointer-events:none; content:''} span.selecter:before {position:absolute; display:block; top:0px; right:0px; width:27px; height:30px; border-left: 1px solid #bdbdbd; content:''; pointer-events:none;} @media screen and (-webkit-min-device-pixel-ratio:0) {select {padding-right:18px}} .tabs_new .tab td, .tabs_new .tab th {line-height: 30px;} .tabs_new .tab.compacted td, .tabs_new .tab.compacted th {padding: 4px 4px;} @media only screen and (max-width: 1366px) { #update_notes {width: 345px;} #index_blocks a {padding: 125px 0px 0px 0px; width: 190px; height: 65px; font-size: 16px;} #index_blocks a:before {top: 27px;} #index_blocks a img {margin-top: 6px;} } div.sub_menu {position: absolute; top: -30px; left: 0px; width: 100%; height: 30px; padding: 0px 0px 0px 0px; margin-bottom: 0px; border: 0px solid #CCC; overflow: visible;} div.sub_menu .hidden_menu, #main_menu .hidden_menu {display: block; position: absolute; right: 0px; top: 0px; min-width: 30px; min-height: 30px; z-index: 100;} #sub_menu {position: relative; top: 21px!important; z-index: 1; left: 0px; width: 100%; height: 30px; padding: 0px 0px 0px 0px; margin-bottom: 0px; border: 0px solid #CCC; overflow: visible;} #main_menu .hidden_menu {top: 6px;} #main_menu {position: relative; padding: 0px 30px 0px 251px; top: 63px; width: 100%; display: inline-block; white-space: nowrap;} #main_menu a {float: none; display: inline-block; white-space: nowrap; box-sizing: border-box;} div.sub_menu a {box-sizing: border-box;} .responsive_staff_info { position: relative!important; top: -40px!important; left: 251px!important; } .responsive_pseudo_select { height: 24px!important; line-height: 25px!important; margin-bottom: 5px!important;} .responsive_main_menu {top: -70px!important;} div.sub_menu .hidden_button, #main_menu .hidden_button {display: block; height: 30px; width: 10px; padding: 0px 10px 0px 10px; background-color: #ff5a00; background-image: url(/images/design_new/menu_ico.png); box-shadow: none; border-radius: 0px; content: "";} div.sub_menu .hidde_left_block_button {display: inline-block; height: 30px; width: 30px; padding: 0px 10px 0px 10px; background-color: #ff5a00; background-image: url(/images/design_new/menu_ico.png); box-shadow: none; border-radius: 0px; content: "";} #main_menu .hidden_button { background-color: #3d3c3f; } div.sub_menu#win_sub_menu .hidden_button {background-image: url(/images/design_new/win_sub_menu_ico.png);} div.sub_menu .hidden_content, #main_menu .hidden_content {position: absolute; right: 0px; background-color: rgba(255, 255, 255, 0.9)} div.sub_menu .hidden_content a, #main_menu .hidden_content a {display: block; float: left; clear: right; margin: 4px 0px 0px 0px; height: auto;} #main_menu .hidden_content a { margin: 5px 10px;} div.sub_menu .hidden_content.ready a, #main_menu .hidden_content.ready a {float: none; width: 200px;} div.sub_menu.ready .hidden_menu .hidden_content a, #main_menu.ready .hidden_menu .hidden_content a {width: 100%; box-sizing: border-box;} .sub_menus div.sub_menu {float: left; top: inherit; bottom: 0px;} .config #sub_menu .hidden_menu .hidden_content a:first-child{margin-left: 0px;} #win_sub_menu {overflow: hidden;} #win_sub_menu.ready {overflow: visible;} div.sub_menu#win_sub_menu.ready .hidden_content a {float: none; width: 200px;} div.sub_menu#win_sub_menu a {color:#fff;} div.sub_menu#win_sub_menu > a:nth-child(-n+4){background-color: #00afe8;} div.sub_menu#win_sub_menu > a.active:nth-child(-n+4), div.sub_menu#win_sub_menu > a:hover:nth-child(-n+4){background-color: #FFF; ;color: #3d3c3f;} div.sub_menu#win_sub_menu > a:first-child{background-color: #ff5a00;} .remote_add {position: relative; top: 0px; left: 0px; margin: 100px auto; padding: 32px 30px 40px 30px; width: 930px; border: 0px solid #ccc;} .remote_add.small {width: 634px;} .remote_add.small .win_content .win_right_side {padding-left: 0px;} .dark_wrap {overflow: auto;} .remote_add .left_image_link.close {display: none;} .remote_add_content form {margin-top: 0px;} .remote_add_content .remote_form {position: relative; min-height: 400px;} .remote_add_content .remote_form .form_buttons {position: absolute; bottom: 0px;} .remote_add_content .win_wrap {position: relative; clear: both;} .remote_add_content .win_title, .remote_add_content .win_content {clear: both; overflow: hidden;} .remote_add_content .win_content {padding-top: 30px;} .remote_add_content .win_title p, .win_right_side_subblock p, .remote_add_content .remote_form p {float: left; padding: 0px 0px 0px 0px; height: auto; font-size: 18px; color: #ff5a00; text-transform: uppercase; font-weight: 600;} .remote_add_content .win_title .form_buttons {float: right;} .remote_add_content .win_footer {clear: both; padding: 20px 0px 40px 0px;} .remote_add_content .help_area {margin: 0px 0px 10px 0px;} .remote_add_content div.actions {margin: 0px 0px 10px 0px; background-color: transparent;} .remote_add_content table.items {width: 100%;} .close_dark_wrap_btn, .remove_btn {position: absolute; top: -3px; right: -35px; width: 20px; height: 20px; background: none; opacity: 1; cursor: pointer; box-shadow: none;} .close_dark_wrap_btn:before, .close_dark_wrap_btn:after, .remove_btn:before, .remove_btn:after {content: ''; position: absolute; height: 6px; width: 100%; top: 50%; left: 0; margin-top: -3px; background: #FFF;} .close_dark_wrap_btn:hover:before, .close_dark_wrap_btn:hover:after, .remove_btn:hover:before, .remove_btn:hover:after{background: #fe3232;} .close_dark_wrap_btn:before, .remove_btn:before {-moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .close_dark_wrap_btn:after, .remove_btn:after {-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .close_dark_wrap_btn.small, .remove_btn.small {display: inline-block; position: relative; right: 0px; width: 16px; height: 16px; background-image: none; padding: 0px;} .close_dark_wrap_btn.small:before, .close_dark_wrap_btn.small:after, .remove_btn.small:before, .remove_btn.small:after {height: 4px; margin-top: -2px; background: #333;} .close_dark_wrap_btn.small:hover:before, .close_dark_wrap_btn.small:hover:after, .remove_btn.small:hover:before, .remove_btn.small:hover:after {background: #fe3232;} .remove_btn.small {position: absolute; top: 4px; right: 8px;} .checkmark_btn.small {display:inline-block; width: 16px; height:16px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg);} .checkmark_btn.small:before {content: ''; position: absolute; width: 4px; height: 16px; background-color: #333; left: 11px; top: 0px;} .checkmark_btn.small:after {content: ''; position: absolute; width: 6px; height: 4px; background-color: #333; left: 5px; top: 12px;} .checkmark_btn.small:hover:before, .checkmark_btn.small:hover:after {background-color: #80b040;} .school_images {border-bottom: none;} .remote_add_content .pseudo_select {display: none;} .remote_add_content .pseudo_select.invoices_type_select {display: block; width: 185px; height: 30px; background: #fff url(/images/design_new/bac_select.png) no-repeat 100% 0px; line-height: 30px;} .remote_add_content .pseudo_select.invoices_type_select .options {width: 220px; top: 32px;} .remote_add_content .pseudo_select.invoices_type_select .options input {line-height: 30px;} .remote_add_content .pseudo_select, .remote_add_content .options {border-radius: 0px;} .remote_add_content .options {box-sizing: border-box; padding: 10px 10px; top: 21px; line-height: 20px; border: 1px solid #999;} .pseudo_select:hover, .remote_add_content .options:hover {border: 1px solid #ccc;} .remote_add_content #online_lessons input[type="text"] {width: 424px;} .remote_add_content #online_lessons textarea {width: 424px; height: 90px; } .remote_add_content #online_lessons .delete { margin: -4px 0px 0px 5px; display: inline-block;} .remote_add_content #linked_products .product_name {width: 185px;} .remote_add_content #linked_products textarea {width: 159px;} .remote_add_content form.wide #linked_products select {width: 185px;} .remote_add_content #active_template {position: relative; clear: both; overflow: visible;} .remote_add_content #active_template .form_buttons:first-child {padding: 0px 0px 20px 0px} .remote_add_content #active_template #premium_pro .form_buttons:first-child {padding: 0px 0px 20px 4px; margin-bottom: 0px;} .remote_add_content #top_indicator {position: absolute; top: -15px; left: 50%; margin-left: -16px; width: 32px; height: 32px;} .remote_add_content #bottom_indicator {position: absolute; bottom: 20px; left: 50%; margin-left: -16px; width: 32px; height: 32px;} .win_left_side img {max-width: 100%;} .win_content .win_left_side {float: left; width: 226px; padding-right: 19px;} .win_content .win_left_side #profile_pic {width: 226px; height:286px; margin-bottom: 12px;} .win_content .win_left_side #profile_pic img {max-width: 226px; max-height:286px; margin: 0px auto;} .win_content .win_right_side {float: left; width: 665px; padding-left: 19px; margin-left: -1px; border-left: 1px solid #eeeeee;} .win_content.full_width {} .small_form {overflow: auto; margin-top: 20px; padding-top: 20px; border-top: 1px solid #eeeeee;} .small_form label {width: 90px; margin: 0px 10px 0px 0px;} .small_form input[type="text"], .small_form select {width: 124px;} .small_form span.selecter {margin: 0px 0px 10px 0px;} .calendar_reservation span {margin-left: 6px;} form p a.back_link, form div.form_buttons a.back_link {line-height: 20px;} form .form_buttons input[type="submit"], form p.form_buttons input[type="submit"], form .form_buttons a, .crm_user_info .info a, .reservation_btn {display: inline-block; height: 20px; width: auto; clear: none; float: none; margin: 0px 20px 0px 0px; padding: 0px 0px 0px 17px; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #3d3c3f; line-height: 20px; background-color: transparent; background-repeat: no-repeat; background-image: url(/images/design_new/icons.png); border: none; outline: none; outline-offset: 0; cursor: pointer;} .reservation_btn {background-position: 0px -35px; line-height: 30px; float: right;} .reservation_btn:hover {color: #ff5a00;} .reservation_btn.apply_capacity { margin-left: 20px; background-position: 0px -176px;} .reservation_btn.cancel_capacity { background-position: 0px -256px; } #new_capacity { margin: 0 5px 0 0; } .crm_user_info .info a.wellness_cloud {background-image: none; padding: 0px 0px 0px 0px;} .crm-sync_api_link {display:flex;font-size:10px;font-weight:bold;} .crm-sync_api_link img {margin-right:5px;} form .form_buttons input[type="submit"]:hover, form p.form_buttons input[type="submit"]:hover, form .form_buttons a:hover {color: #ff5a00;} .remote_add_content .form_buttons.right_buttons {clear: none; overflow: visible; float: right; margin-bottom: 0px;} .form_buttons.right_buttons a {margin-left: 20px;} .form_buttons.right_buttons a:last-child {margin-right: 0px;} .remote_add_content .form_buttons.left_buttons {clear: none; float: left; margin-bottom: 0px;} .form_buttons.left_buttons a {margin-left: 20px;} .form_buttons.center_buttons a {text-align: center;} form .win_right_side label {clear: left; width: 190px; margin: 0px 7px 10px 0px;} form .win_right_side input {margin-right: 10px;} .win_right_side_block input[type="text"], .win_right_side_block input[type="password"], .win_right_side_block select {width: 466px; margin-right: 0px;} .staff_planning_block .form_subblock input, .staff_planning_block .form_subblock select {width: 436px;} .products#advanced_prices {width: 632px;} form .vertical_form {} form .vertical_form .with_add {width: 446px;} form .vertical_form #advanced_site_pricing td, form .vertical_form #configuration_info td {padding: 4px 5px;} form .vertical_form #advanced_site_pricing input[type="text"], form .vertical_form #configuration_info input[type="text"] {width: 100px;} form .vertical_form .tab {margin-top: 50px;} form .win_right_side.vertical_form .win_right_side_subblock textarea {margin-bottom: 10px; width: 446px;} form .vertical_form input[type="text"].editable_input {width: 418px;} form .vertical_form #advanced_site_pricing input[type="text"].editable_input, form .vertical_form #configuration_info input[type="text"].editable_input {width: 59px;} form .vertical_form #advanced_site_pricing .form_subblock, form .vertical_form #configuration_info .form_subblock {padding: 0px;} .photo_upl input[type="file"] {opacity: 0;} #products .left_image_link.add {display: inline-block; margin-left: 4px;} #object_nr {width: 446px;} #flashcontent {float: left;} form .win_right_side input[type="checkbox"], form .vertical_form input[type="checkbox"] , form .input_label input[type="checkbox"] {margin: 8px 6px 0px 0px;} form .win_right_side input.hidden_field, form input.hidden_field, form select.hidden_field {display: none; width: 0px!important; outline: none!important; border: none!important; margin: 0px!important; padding: 0px!important; clear: none!important; float: none!important;} form .win_right_side .hidden_fields_block {display: none; width: 0px; outline: none; border: none; margin: 0px; padding: 0px; clear: none; float: none;} form .win_right_side textarea {margin-bottom: 10px; width: 466px;} .win_right_side .input_label, .input_label {display: flex; flex-direction: row; align-items: baseline; clear: none; width: auto; float: left; text-transform: none; margin-right: 18px; font-weight: 400; font-size: 15px; line-height: 30px;} .input_label input[type="radio"] {margin-top: 9px;} .win_right_side .form_subblock.as_list .input_label {display: block; float: none; margin: 0px 0px;} label.full_width {width: auto;} label.full_width.include_input input[type="checkbox"] {margin: 7px 7px 0px 0px;} form .win_right_side label.full_width {width: auto; max-width: 602px;} form #payment_methods_tab label.full_width {max-width: 178px; white-space: normal;} .win_right_side span.selecter {float: left;} .win_right_side_subblock {clear: both; overflow: hidden; margin-bottom: 30px;} .win_right_side_subblock.single_page label {margin: 0px 10px 10px 0px;} .win_right_side_subblock.single_page > div > span {margin-top: 7px; display: inline-block;} form .win_right_side_subblock.single_page input[type="checkbox"] {margin-top: 7px;} .win_right_side_subblock p {margin-bottom: 20px; font-weight: 600;} form .win_right_side .win_right_side_subblock textarea {width: 444px;} .win_right_side_subblock input[type="text"], .win_right_side_subblock select, .win_right_side_subblock input[type="password"] {float: left; width: 446px; margin-right: 0px;} .win_right_side_subblock > div {clear: both; overflow: auto; padding: 10px; background-color: #fff5c7;} .win_right_side_subblock > div.extra_fee_settings {background-color: #faf7f7; max-width: 266px;} .win_right_side_subblock > div > div {clear: both; overflow: auto; margin-bottom: 10px;} .win_right_side_subblock > div > div.date_time_form_block {clear: none;} .win_wrap .win_right_side_subblock a {display: block; margin: 10px 0px;} .win_wrap .win_right_side_subblock a:hover {color: #3d3c3f;} .win_wrap .win_right_side_subblock #wrap_for_button_edite_machine_rooms a {margin: 0px; padding: 5px; background-image: none; color: #ffffff; background-color: #ff5a00;} .win_wrap .win_right_side_subblock #wrap_for_button_edite_machine_rooms a:hover {opacity: 0.6;} .win_wrap .win_right_side_subblock p a {display: inline-block; margin: 0px 0px 0px 30px;} .win_right_side_subblock div.limits_hidden_block {float: left; clear: none; margin-bottom: 0px; padding: 0px; border: none;} .win_right_side_subblock div.limits_hidden_block select, .win_right_side_subblock div.limits_hidden_block input[type="text"] {margin: 0px 0px 0px 0px; width: 426px;} .win_right_side_subblock div.limits_hidden_block input[type="text"].small_field {width: 60px;} .form_subblock {position: relative; float: left; clear: right; padding-left: 0px; padding-bottom: 5px; line-height: 18px;} .win_right_side_subblock span.include_right_link {width: 446px;} .win_right_side_subblock span.include_right_link a.left_image_link {float: right; margin-top: 6px; margin-right: 0px; padding-right: 0px;} #payment_info .win_right_side_subblock > div > div {overflow: unset;} .date_time_form_block {display: flex; flex-direction: row;} .company_xp_point_data {display: inline-block;} .win_right_side_subblock .company_xp_point_data input[type="text"] {width: 150px;} .company_xp_point_qr_code {display: inline-block; margin-left: 64px;} .place_block {display: flex; flex-direction: column; position: relative; width: 100%; line-height: 40px;} .place_block .title {min-width: 390px;} .place_block .title label {display: flex; flex-direction: row; align-items: center;} .place_block .title input[type="checkbox"] {margin: 0px;} .place_block .title input[type="text"] {width: 430px; text-align: left;} .place_block select, .place_block input[type="text"] {width: 80px; margin: 5px;} .place_block input[type="text"] {text-align: center;} .place_block select {width: 190px;} .place_block .place_block_vat {margin-left: 13px;} form#config_clients .tabs label {width: auto; text-transform: none; font-weight: 400; line-height: normal;} form#config_clients .tabs label input[type="checkbox"] {margin: 3px 5px 0px 0px;} form#config_clients .tabs input[type="checkbox"] {margin: 3px 0px 0px 0px;} .win_top_content {display: flex; flex-direction: row; justify-content: space-between;} .win_top_content div.image_upload {float: none; padding: 0px 0px 0px 0px; width: 25%;} .win_top_content div.image_upload > div {text-align: center;} .appointment_onboarding_config .win_top_content div.image_upload {width: 20%;} .appointment_onboarding_config .win_top_content div.image_upload img {width: 100%; max-width: 200px;} .appointment_onboarding_config .qq-upload-button {cursor: pointer;} .appointment_onboarding_config .qq-upload-button:hover {text-decoration: underline;} .win_right_side.full_width_block {float: none; width: auto; padding: 0px;} .win_right_side.full_width_block label {width: 260px;} .images_full_width_block {display: flex; flex-direction: row; justify-content: space-between; align-items: center;} .images_full_width_block .win_left_side {float: none; width: auto; padding-right: 0px; display: flex; flex-direction: column; align-items: center;} .cs_rooms .input_label {min-width: 300px;} .win_wrap.width_form .win_content {border-bottom: 1px solid #eeeeee; padding: 30px 0px;} .win_wrap.width_form .win_content:last-child {border-bottom: none; padding: 30px 0px 0px 0px;} .win_wrap.width_form .win_right_side {border-left: 1px solid transparent;} .win_wrap.width_form .win_right_side.full_width_content {width: 100%; padding-left: 0px;} .win_wrap.width_form .win_right_side_subblock > div {position: relative; padding: 20px 10px 10px 10px;} .win_wrap.width_form .win_right_side_subblock .remove_btn.small {top: 4px; right: 28px;} form .win_wrap.width_form .win_right_side.full_width_content label {width: 390px;} .label_checkbox_selecter label.input_label, form .win_wrap.width_form .win_right_side.full_width_content label.input_label {width: 210px; margin-bottom: 10px; line-height: 22px;} .user_location {margin-bottom: 10px;} .user_location:last-child {margin-bottom: 0px;} .win_right_side_subblock .compacted {clear: both;} .win_right_side_subblock .compacted label {margin: 0px 0px 0px 0px;} .win_right_side_subblock .compacted td {padding: 2px 5px; line-height: 32px;} .win_right_side_subblock .compacted td:first-child {padding: 2px 5px 2px 0px;} .win_right_side_subblock .compacted th {padding: 2px 7px; line-height: 32px;} .win_right_side_subblock .compacted tr td:last-child {padding: 2px 0px;} .win_right_side_subblock .compacted input[type="text"], .win_right_side_subblock .compacted input[type="number"], .win_right_side_subblock .compacted select {margin: 0px 5px 0px 0px; width: 193px;} .win_right_side_subblock .compacted td:last-child input[type="text"], .win_right_side_subblock .compacted td:last-child select{margin: 0px;} form input[type="text"].small_field {width: 60px; padding-left: 3px;} form input[type="text"].tiny_field {width: 30px; padding-left: 3px;} .win_right_side_subblock #tab_content {position: relative; top: -5px; padding: 6px; width: auto; min-height: 316px; min-width: 475px; border: 1px solid #A9A9A9; background-color: #fff5c7;} .inner_tab #tab_list, .inner_tab {clear: both;} .inner_tab #tab_list > div {display: inline-block; padding: 6px 10px 6px 10px; height: 15px; line-height: 20px; border: 1px solid #A9A9A9; background-color: #fff5c7; z-index: 99;} .inner_tab #tab_list > div.active, .inner_tab #tabs_list > div:hover {top: -4px; position: relative; height: 20px; line-height: 20px; border-bottom: none; background-color: #fff5c7;} .inner_table {width: 100%; max-width: 612px; border: 1px solid #A9A9A9; border-collapse: collapse;} .inner_table td {padding: 2px 5px; line-height: 32px; vertical-align: middle;} #tab_content .inner_table input[type="text"].small_field {margin: 0px 5px 0px 0px;} .inner_table a.left_image_link.delete {display: inline-block; float: right;} .win_right_side #tab_content .input_label {text-transform: none;} #is_fammily_period_limits_row .inner_table {width: auto;} form .win_right_side .templates label {float: none; width: 100%;} form .win_right_side .win_right_side_subblock .templates textarea {width: 610px;} .user_location_fields .left_image_link {float: right; clear: both;} #object_f_name, #object_user_f_name {width: 180px;} .companies #object_f_name {width: 466px;} #object_l_name, #object_user_l_name {width: 166px; margin-right: 0px;} #object_interjection, #object_user_interjection {width: 100px;} #referral #object_f_name, #referral #object_l_name {width: 446px!important;} .win_wrap a {display: inline-block; height: 20px; clear: none; float: none; margin: 0px 5px 0px 0px; padding: 0px 0px 0px 17px; text-transform: uppercase; font-size: 13px; font-weight: 600; color: #3d3c3f; line-height: 20px; background-color: transparent; background-repeat: no-repeat; background-image: url(/images/design_new/icons.png); border: none; outline: none; outline-offset: 0; cursor: pointer;} .win_wrap a.fr {float: right;} .avatar_upload {clear: both; overflow: hidden; position: relative;} .avatar_upload .qq-upload-drop-area, .avatar_upload .qq-upload-list {display: none;} div.signature, #hardware_video_wrap {position: absolute; border: 1px solid #F9E381; border-radius: 0px; background-color: #fff5c7; padding: 10px 15px; line-height: 18px; z-index: 10;} #hardware_video {margin-bottom: 15px; border: 1px solid #aaa;} div.signature canvas {margin-bottom: 15px;} .qr_code_block {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eeeeee;} .qr_code_block a {margin: 0px 0px 4px 0px;} .qr_code{position: relative; margin-bottom: 20px; background-color: #dedb00; width: 226px; height: 226px; z-index: 1;} .qr_code img {position: relative; margin: 6px; width: 214px; height: 214px; border: none; z-index: 3;} .qr_code:after{position: absolute; margin-top: -45px; top: 50%; left: 0px; width: 100%; height: 90px; content: ""; background-color: #FFFFFF; z-index: 2;} .qr_code:before{position: absolute; margin-left: -45px; left: 50%; width: 90px; height: 100%; content: ""; background-color: #FFFFFF; z-index: 2;} .qr_code_changed {background-color: #fe3232;} .blank_qr_code {display: none;} .floated_block, .list_block {clear: none !important; float: left;} .label {display: inline-block; padding-right: 20px;} .win_right_side .floated_block label {clear: both; overflow: hidden; float: left;} .floated_block label:nth-child(2n) {clear: right;} .win_right_side .floated_block label.input_label {width: 180px;} .list_block input[type="checkbox"] {clear: left;} .win_right_side_subblock input.percent_field, input.percent_field {width: 74px!important; padding-right: 20px; background-image: url(/images/design_new/percentage.png); background-repeat: no-repeat; background-position: 52px 8px;} .win_right_side_subblock input.euro_field, input.euro_field {width: 74px!important; padding-right: 20px; background-image: url(/images/design_new/euro-sign.png); background-size: 16px; background-repeat: no-repeat; background-position: 52px 6px;} .crm_user_info {padding-bottom: 20px; border-bottom: 1px solid #eeeeee;} .crm_user_info .profile_pic {} .crm_user_info .profile_pic img {max-width: 230px;} .crm_user_info #covid_status {padding: 20px 10px; height: 45px;} .crm_user_info #covid_status a {background-image: none;} .crm_user_info #covid_status img {max-width: 50px;} .crm_user_info .info {width: 100%; padding: 0px; position: relative;min-height: 286px; } .crm_user_info .buttons {margin-top: 10px; font-size: 16px;} .crm_user_info .info p, .visits_calendar p {padding-bottom: 10px; font-size: 18px; font-weight: 600; text-transform: uppercase;} .crm_user_info .info .socials {float: right;} .crm_user_info .info .field.social {display: inline-block; width: 14px; height: 14px; margin-left: 6px; background-color: transparent; background-repeat: no-repeat; background-image: url(/images/design_new/socials.png);} .field.social.fb {background-position: 0px 0px;} .field.social.tw {background-position: 0px -14px;} .field.social.lin {background-position: 0px -28px;} .crm_user_info .info .field.social a {background: none;} .crm_user_info .info b {display: block; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #ff5a00;} .crm_user_info .info .contacts {margin-top: 10px; font-size: 16px; line-height: 25px;} .crm_user_info .info .contacts.wtith_img span {padding-left: 16px; background-color: transparent; background-repeat: no-repeat; background-image: url(/images/design_new/contacts.png);} .crm_user_info .info .contacts.wtith_img a#sms {margin-left: 10px; padding-left: 22px; background-color: transparent; background-repeat: no-repeat; background-image: url(/images/design_new/sms_ico.png); background-position: 0px 8px;} .contacts.wtith_img span#email {background-position: 0px 0px; cursor: pointer;} .contacts.wtith_img span#phone {background-position: 0px -25px; cursor: pointer;} .contacts.wtith_img span#mobile {background-position: 0px -50px; cursor: pointer;} .crm_user_info .info .contacts span {display: block;} .crm_user_info .memberships {padding: 16px 16px 16px 80px; margin-bottom: 6px; background-color: #f6f6f6; background-repeat: no-repeat; background-image: url(/images/design_new/active_membership.png); font-size: 14px; line-height: 23px; text-align: right;} .crm_user_info .memberships.active_membership {background-position: 16px center;} .crm_user_info .memberships > div {clear: both;} .crm_user_info .memberships span:first-child {float: left; font-weight: 600; text-transform: uppercase; text-align: left;} .crm_user_info .memberships span.mtitle {text-align: left; float: left; font-weight: 600; text-transform: capitalize;} .crm_user_last_comment {width: 100%; padding: 20px 0px 20px 0px; border-bottom: 1px solid #eeeeee;} .crm_user_last_comment b {display: inline-block; padding-right: 20px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #ff5a00;} .mobile {display: none !important;} .register_visit {float: left; width: 100%;} .register_visit .popup_block {width: 304px} .register_visit .left_image_link.plus {float: left;} .register_visit .left_image_link.delete {float: right;} .visits_calendar {margin: 10px 0px 0px 0px; padding-top: 20px; clear: both; overflow: hidden;} .visits_calendar .visits_calendars:last-child {margin: 0px 0px 0px 0px;} .visits_calendars {width: 304px; height: 244px; float: left; margin: 0px 10px 0px 0px; background-color: #f6f6f6; font-size: 15px; color: #555555;} .visits_calendars td {width: 40px; height: 40px; padding: 0px; text-align: center; vertical-align: middle; font-size: 18px;} .visits_calendars td:last-child {background-color: #FFF;} .visits_calendars td.weekdays {font-weight: 600; font-size: 15px; text-transform: uppercase;} .visits_calendars td.month {height: 30px; line-height: 30px; background-color: #ff5a00; font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; color: #ffffff;} .visits_calendars td.month:last-child {background-color: #FFF;} .visits_calendars td.reservation, .legend td.reservation {background-color: #ff0000;} .visits_calendars td.reservation.future, .legend td.reservation.future {background-color: #fe7d15;} .visits_calendars td.visit, .legend td.visit {background-color: #80b040;} .visits_calendars td.stopperiod, .legend td.stopperiod {background-color: #CCCCFF;} .visits_calendars td.other_month, .visits_calendars td.other_month.visit {color: #bababa; background-color: transparent;} .visits_calendars td.reservation, .visits_calendars td.visit, .visits_calendars td.stopperiod {color: #FFF;} .visits_calendar .left_image_link {margin: 0px;} .three_month_calendar_move {display: flex; clear: both; flex-direction: row; align-items: center; justify-content: space-between;} .win_wrap .three_month_calendar_move a {padding: 0px 0px 0px 0px; background-image: none;} .win_wrap .three_month_calendar_move a:hover {color: #ff5a00;} .three_month_calendar {display: flex; flex-direction: row; justify-content: space-between;} .calendar_visits {position: relative; padding-right: 10px; font-weight: 600;} .calendar_visits:before {display: block; position: absolute; top: 11px; right: -6px; content: ""; width: 10px; height: 0px; border: 1px; border-style: solid;} .calendar_visits:after {display: block; position: absolute; top: 8px; right: -7px; content: ""; width: 6px; height: 6px; border: 2px; border-style: solid; border-bottom: none; border-left: none;} .visits_grow {color: #80b040;} .visits_grow:before {border-color: #80b040; transform: rotate(90deg);} .visits_grow:after {border-color: #80b040; right: -4px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .visits_regular {color: #bababa;} .visits_regular:before {border-color: #bababa;} .visits_regular:after {border-color: #bababa; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .visits_regular_visits {color: #80b040;} .visits_regular_visits:before, .visits_regular_visits:after {border-color: #80b040;} .visits_falls {color: #ff0000;} .visits_falls:before {border-color: #ff0000; transform: rotate(90deg);} .visits_falls:after {border-color: #ff0000; right: -4px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);} .calendar table {width: 225px; height: 255px; background-color: #FFF;} .calendar table td, .calendar table th {height: 30px; line-height: 30px; font-size: 15px; font-weight: 400; text-align: center; text-transform: uppercase; color: #555555;} .calendar table th, .calendar table td.selected {font-weight: 600;} .calendar table td.title {background-color: #ff5a00; color: #ffffff;} .calendar table td.button {background-color: #bdbdbd; color: #515053;} .calendar table td.button:hover {color: #000;} .calendar table td.selected {background-color: #fff5c7;} div.calendar table td.today {color: #ff0000; } div.calendar table td.selected, .calendar table tr.days td.selected:hover {color: #ffffff; background-color: #bdbdbd; } .visits_calendar p {float: left;} .visits_calendar a.add {margin-left: 0px;} .legend {height: auto; float: right; margin-bottom: 20px; background-color: transparent; vertical-align: middle; font-size: 13px; font-weight: 600;} .legend td {padding: 0px 16px 0px 6px;} .legend td.visit, .legend td.reservation, .legend td.stopperiod {width: 16px; height: 11px; padding: 0px 0px;} .left_image_link, .editor_ok_button, .editor_cancel_link, form input[type="text"].left_image_link {display: inline-block; height: 20px; padding: 0px 17px 0px 17px; margin-top: 0px; margin-right: 10px; background-image: url(/images/design_new/icons.png) !important; background-repeat: no-repeat; background-color: transparent; line-height: 20px; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #3d3c3f; cursor: pointer; white-space: nowrap;} .left_image_link.inline {float: none; margin: 5px 7px 0px 0px;} .left_image_link.only_one_block {padding-right: 0px; margin-right: 0px;} .left_panel_wrap .left_image_link {font-weight: 400; text-transform: capitalize;} .actions .left_image_link {margin-right: 20px;} .left_image_link {background-position: 0px 0px;} .left_image_link.admin_tools {background-position: 0px -340px;} .left_image_link.action {background-position: center -360px; margin: 0px; padding: 0px 12px;} .left_image_link.top, .left_image_link.up {background-position: 0px -20px;} .left_image_link.download, a.vcard, .left_image_link.down, .left_image_link.import {background-position: 0px -40px;} .left_image_link.down, .left_image_link.up {margin-right: 0px; padding-right: 0px;} .left_image_link.back, a.back_link, .left_image_link.back_link {background-position: 0px -60px;} .left_image_link.export {background-position: 0px -80px;} .left_image_link.next {background-position: 0px -80px;} .left_image_link.xlsx {background-position: 0px -300px;} .left_image_link.e {background-position: 0px -100px;} .left_image_link.edit_admin, a.edit {background-position: 0px -120px;} .left_image_link.g {background-position: 0px -140px;} .left_image_link.email_create {background-position: 0px -160px;} .left_image_link.accept {background-position: 0px -180px;} .left_image_link.j {background-position: 0px -200px;} .left_image_link.k {background-position: 0px -220px;} .left_image_link.plus, a.add, a#upload_photo {background-position: 0px -240px;} .left_image_link.trash, .left_image_link.delete_grey, .left_image_link.delete, .left_image_link.cancel_link, .left_image_link.close {background-position: 0px -260px;} .left_image_link.print {background-position: 0px -280px;} .left_image_link.timetable_button, .left_image_link.timetable {background-position: 0px -300px;} .left_image_link.p {background-position: 0px -320px;} .left_image_link.profile {background-position: 0px -400px; padding: 0px 0px 0px 0px; white-space: nowrap;} .left_image_link.recalculate {background-image: url(/images/set_default.png) !important; padding: 0px 0px 0px 17px; background-position: 1px 1px;} .left_image_link.mailchimp {background-image: url(/images/design_new/mchimp_logo.png) !important; padding: 0px 53px 0px 5px; border: 2px solid #ff5a00; background-position: 3px 5px; margin: 0px 30px 0px 0px;} table.items td input.editor_ok_button, .editor_cancel_link {margin: 6px 15px 0px 10px;} #center a.left_image_link:hover {color: #ff5a00;} .left_panel_content b {display: block; padding: 3px 0px 0px 0px; height: 22px; line-height: 22px; font-size: 14px; white-space: nowrap; font-weight: 600; text-transform: uppercase; text-overflow: ellipsis;} b.left_image_link:hover, .left_panel_content .left_image_link.active, .folders a:hover, .folders a.active {font-weight: 600; background-color: transparent; color: #ff5a00;} .left_panel_content .left_image_link, .folders a, .premium_pro .sepa_files_with_legend a {position: relative; display: block; height: 22px; padding: 0px 0px 0px 25px; margin-bottom: 5px; white-space: nowrap; font-size: 14px; line-height: 22px; text-decoration: none; background-image: url(/images/design_new/icons_lp.png) !important; background-position: 9px -22px; background-repeat: no-repeat; background-color: transparent!important; overflow: hidden; text-overflow: ellipsis;} .text_transposition { padding: 15px 10px 10px 10px; } .text_transposition b {display: block; padding: 0px 0px 3px 0px; height: 22px; line-height: 22px; font-size: 14px; white-space: nowrap; font-weight: 600; text-transform: uppercase; text-overflow: ellipsis;} .text_transposition a {position: relative; display: block; padding: 0px 0px 0px 3px; margin-bottom: 5px; font-size: 14px; line-height: 22px; text-decoration: none; width: 93%; background-image: none!important; text-overflow: unset; height: auto; white-space: normal;} .text_transposition a:before {content: ''; z-index: -1; height: 13px; width: 22px; background-image: url(/images/design_new/icons_lp.png) !important; background-position: 5px -27px; background-repeat: no-repeat; background-color: transparent!important; display: inline-block;} .text_transposition a:hover, .text_transposition a.active {font-weight: 600; background-color: transparent; color: #ff5a00;} .text_transposition a:hover:before, .text_transposition a.active:before {background-position: 5px -72px;} b.left_image_link:hover, .left_panel_content .left_image_link.active, .folders a:hover, .folders a.active, .list_item_radio_button:hover, .list_item_radio_button.active {font-weight: 600; background-color: transparent; color: #ff5a00;} .left_panel_content .left_image_link, .folders a, .list_item_radio_button {position: relative; display: block; height: 22px; padding: 0px 0px 0px 25px; margin-bottom: 5px; white-space: nowrap; font-size: 14px; line-height: 22px; text-decoration: none; background-image: url(/images/design_new/icons_lp.png) !important; background-position: 9px -22px; background-repeat: no-repeat; background-color: transparent!important; overflow: hidden; text-overflow: ellipsis; cursor: pointer;} .list_item_radio_button > input[type="radio"] {display: none;} .left_panel_content .left_image_link.plus, .left_panel_content .left_image_link.add_folder {background-position: 9px 0px;} .left_panel_content .left_image_link {background-position: 9px -22px;} .folders a:hover, .folders a.active, .list_item_radio_button:hover, .list_item_radio_button.active {background-position: 9px -66px;} .left_panel_content .left_image_link.profile {background-position: 9px -44px} .left_panel_content .left_image_link.hidden_filter {background-position: 9px -22px; cursor: pointer;} .left_panel_content .left_image_link.hidden_filter.active {background-position: 9px -66px; cursor: pointer;} .blank_links .left_image_link {background: none!important;} .two_line {margin: 0px 0px 3px 10px;} .left_image_link.two_line {margin-left: 10px; background-position: 9px -22px;} .left_image_link.three_line {margin-left: 20px;} .two_lines .left_image_link.two_line {margin-left: 10px; background-position: 9px -44px;} .folders.left_panel_content .left_image_link > div {background-image: none !important;} .sepa_files_with_legend.in_page span {position: relative; padding: 0px 0px 0px 19px; display: inline-block; height: 20px; margin-top: 0px; margin-right: 10px; background-repeat: no-repeat; background-color: transparent; line-height: 20px; font-size: 13px; font-weight: 600; text-transform: uppercase; color: #3d3c3f;} .sepa_files_with_legend :before {position: absolute; top: 3px; left: 0px; display: inline-block; overflow: hidden; border-radius: 50%; width: 14px; height: 14px; content: ""} .sepa_files_with_legend .file.pending:before {background: #999;} .sepa_files_with_legend .file.to_process:before {background: #b6fc95;} .sepa_files_with_legend .file.canceled:before {background: #FDD017;} .sepa_files_with_legend .file.processed:before {background: #52D017;} .sepa_files_with_legend .abuse:before {background: #FF0000;} .sepa_files_with_legend .delete_grey:before {background: #FDD017;} .hotel_rate_type {display: inline-block; margin-right: 10px; border-radius: 50%; width: 20px; height: 20px;} .hotel_rate_type.normal_rate, td.normal_rate {background: #cfcfcf;} .hotel_rate_type.low_rate, td.low_rate {background: #ffeb3b;} .hotel_rate_type.middle_rate, td.middle_rate {background: #ff9800;} .hotel_rate_type.high_rate, td.high_rate {background: #ff5722;} #client_info .left_image_link {padding: 0px 0px 0px 17px;} .action_block {text-align: right;} #agenda_head td.advanced_agenda a, .dashboard a.button, .dashboard .curent_date, .reports a.button, #agenda_head td a.button {display: inline-block; height: 30px; padding: 0px 10px; line-height: 30px; border-radius: 0px; text-transform: uppercase; font-size: 14px; font-weight: 600; color: #ffffff; background-color: #bdbdbd; border: none; font-family: 'Open Sans';} #agenda_head td.advanced_agenda a:hover, #agenda_head td.advanced_agenda a.active, .dashboard a.button:hover, .reports a.button:hover, .reports a.button.active, #agenda_head td a.button:hover, #agenda_head td a.button.active {border: none; background-color: #3d3c3f;} #agenda_head td.advanced_agenda a, .dashboard a.button, .dashboard .curent_date, .reports a.button, #agenda_head td a.button, .dashboard_radio_button {display: inline-block; height: 30px; padding: 0px 10px; line-height: 30px; border-radius: 0px; text-transform: uppercase; font-size: 14px; font-weight: 600; color: #ffffff; background-color: #bdbdbd; border: none; font-family: 'Open Sans'; cursor: pointer; } #agenda_head_ul li.advanced_agenda a, #agenda_head td.advanced_agenda a.active, .dashboard a.button, .dashboard .curent_date, .reports a.button, #agenda_head_ul li a.button, .dashboard_radio_button {display: inline-block; height: 30px; padding: 0px 10px; line-height: 30px; border-radius: 0px; text-transform: uppercase; font-size: 14px; font-weight: 600; color: #ffffff; background-color: #bdbdbd; border: none; font-family: 'Open Sans'; cursor: pointer; } body.pos #agenda_head_ul li.advanced_agenda a, body.pos #agenda_head_ul li.advanced_agenda div {padding: 0px 5px!important; margin: 0!important;} #agenda_head td.advanced_agenda a:hover, .dashboard a.button:hover, .reports a.button:hover, .reports a.button.active, #agenda_head td a.button:hover, #agenda_head td a.button.active, .dashboard_radio_button:hover, .dashboard_radio_button.active {border: none; background-color: #3d3c3f;} #agenda_head_ul li.advanced_agenda a:hover, .dashboard a.button:hover, .reports a.button:hover, .reports a.button.active, #agenda_head_ul li a.button:hover, #agenda_head_ul td a.button.active, .dashboard_radio_button:hover, .dashboard_radio_button.active {border: none; background-color: #3d3c3f;} .dashboard_radio_button > input[type="radio"]{display: none;} .top_buttons {margin-top: 10px;} #more_date_filters {margin-top: 10px;} #agenda_head {margin-bottom: 10px;} #agenda_head .nice_select {height: 30px; font-size: 16px; background: #fff url(/images/design_new/bac_select.png) no-repeat 100% 0px;} .agenda_filters div {display: inline-block;} #agenda_head_ul {margin-bottom: 0px; list-style: none; width: 100%; clear: both; overflow: hidden;} #agenda_head_ul li { float: left; } #agenda_head.for_pos {margin-bottom: 0px;} #agenda_head .advanced_agenda, #agenda_head td.right.advanced_agenda {padding: 10px 50px 10px 0px; text-align: left;} body.pos #agenda_index {margin-top: 30px;} #agenda_head_ul .advanced_agenda, #agenda_head_ul li.right.advanced_agenda {padding: 10px 25px 10px 0px; text-align: left;} body.pos #agenda_index {margin-top: 30px;} #agenda_index #reservations {position: relative; white-space: nowrap; font-size: 14px;} /* .reservations #center {position: relative;} */ #add_reservation {margin: 0px; padding: 20px; width: 790px; border: 0px solid #FFF;} table#reservations td:hover {background-color: #FFF;} table#reservations th {border-right: 1px dotted #bbb; padding: 5px;} table#reservations td {border-right: 1px dotted #bbb; padding: 2px 15px;} table#reservations td {height: 38px; font-size: 18px; vertical-align: middle; line-height: 38px;} body.pos table#reservations td {height: 55px; width: 80px; text-align: center; font-size: 22px; vertical-align: middle; line-height: 55px; font-weight: 600;} table#reservations tr.activity_titles td {height: 28px; line-height: 28px;} table#reservations td.full, table#reservations td.free_left {padding: 2px;} table#reservations td.today, table#reservations th.today {background-color: #FFF;} table#reservations td.free_left {background-color: #38b63c; color: #FFF;} table#reservations td.free_left:hover {background-color: #2d9730;} body.pos table#reservations td.free_left {background-color: #ffffff; color: #ff5a00; font-weight: bold;} body.pos table#reservations td.full {background-color: #fe3232; color: #ffffff;} table#reservations td.full {background-color: #ff0000; color: #FFF;} table#reservations td.autocancelled {background-color: #0000ff; color: #FFF;} table#reservations td.time {padding: 2px 20px; border-left: 1px solid #bbb;} table#reservations td.time:hover {background-color: #FFF;} th.day_sep {text-align: center; font-weight: 600; text-transform: uppercase;} table#reservations td .css_popup {text-align: center; color: #ff5a00;} #add_reservation form label {width: 170px;} #add_reservation form label.nice_checkbox_label {margin: 0px; padding: 0px 0px 0px 20px; width: 0px;} #add_reservation form label#reserved_lable {width: auto;} .left_floated_btn {float: left;} #add_reservation form label#reservation_table {width: 100%; text-align:center;} #add_reservation form input[type="text"], #add_reservation form select {width: 369px;} #add_reservation form select.date_fields {width: 115px;} #add_reservation form input#object_f_name[type="text"] {width: 134px;} #add_reservation form input#object_interjection[type="text"] {width: 80px;} #add_reservation form input#object_l_name[type="text"] {width: 134px;} #add_reservation .left_image_link.print {float: right;} #add_reservation .form_buttons {padding: 20px 0px 0px 0px; height: 20px;} #add_reservation .form_buttons .left_image_link.print {margin: 0px;} #add_reservation form p.form_buttons {padding: 20px 0px 0px 0px;} #add_reservation table.nice td {padding: 0px 8px 0px 0px; vertical-align: top;} #add_reservation table.nice.reservations_details {width: 100%;} #add_reservation table.nice.reservations_details td:first-child {width: 23%;} #add_reservation #user_reservation_error {text-align: center; color: red; font-size: 1.0em; line-height: 1.5em;} #add_reservation #activity_booking_duration_other_times .left_image_link.plus {margin-left: 0px;} #add_reservation form #activity_booking_duration_other_times input[type="checkbox"] {margin-top: 8px;} #add_reservation #activity_booking_duration_other_times .css_popup:hover .css_popup_content {margin: 0px 0px 0px -28px;} #activity_booking_duration_time span {line-height: normal; float: none;} table.items.items_small td {padding: 2px 4px;} #add_reservation #users_of_table, #add_reservation .external_reservations {width: 100%; float: none;} #add_reservation #users_of_table .colored_item, #add_reservation #users_of_table .status {float: none; margin: 3px 3px 0px 0px;} #add_reservation .css_popup:hover .css_popup_content {margin: 0px 0px 0px -14px;} #add_reservation .form_buttons.add_reservation a.left_image_link {margin: 0 7px 0 0;} .reservations .multiselect {margin-right: 10px;} .move_reservation {} .move_reservation > div {margin-bottom: 6px;} .reservation_members {display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 5px;} .reservation_members span {display: inline-block; padding: 2px 10px; border: 1px solid #CCC; border-radius: 5px;} .current_reservation label {width: 120px; line-height: normal; font-weight: 400; text-transform: none; margin: 0px 10px 0px 0px; float: none; display: inline-block;} .move_to_reservation_selecter {display: flex; flex-direction: row; align-items: center;} #reserv_copy {position: absolute; left: 0px; color: #FFF; font-size: 18px; line-height: 38px; text-align: center;} .css_popup {} .css_popup .popup_link {font-size: 20px; font-weight: 600; padding: 13px 13px; cursor: pointer;} .css_popup .css_popup_content, .popup_block {padding: 8px 12px; top: auto; width: auto; min-width: 150px; background-color: #FFF; border: 1px solid rgba(191, 191, 191, 1); text-align: left; color: #444; line-height: 30px} .css_popup .css_popup_content.left_aligment {top: 0px; right: 0px; left: auto;} .css_popup:hover .css_popup_content.clear_left {top: 0px; right: 30px; left: auto;} .css_popup:hover .css_popup_content, .css_popup.active .css_popup_content {margin: 0px 0px 0px -28px; top: 30px;} .css_popup:hover .css_popup_content.left_aligment, .css_popup.active .css_popup_content.left_aligment {margin: 0px -20px 0px 0px; top: 30px;} .css_popup:hover .css_popup_content, .css_popup.active .css_popup_content {display: block; z-index: 1000;} .css_popup .css_popup_content a {display: block; margin: 10px 0px; white-space: nowrap;} .css_popup .css_popup_content.membership_popup_form a {margin: 0px;} .css_popup.admin_tools_description .css_popup_content {min-width: 250px;} .css_popup.admin_tools_description .css_popup_content a {display: inline-block; margin: 0px 5px;} .css_popup .left_image_link {padding: 0px 0px 0px 17px;} .css_popup .left_image_link.action {padding: 0px 12px;} #users_of_table, .external_reservations, #waiting_list_users {margin-bottom: 10px;} #users_of_table table.nice {white-space: nowrap;} #users_of_table table.nice td {} #users_of_table table.nice td.text_cutted {max-width: 200px;} #users_of_table {clear: both;} .reservation_repeats {} .reservation_repeats .valid_repeats {float: none; display: block; color: #238C00} .reservation_repeats .error_repeats {float: none; display: block; color: red; max-height: 120px; overflow-y: scroll;} .reservation_repeats .error_repeats .left_image_link {line-height: 32px;} .reservation_repeats .error_repeats b {display: inline;} .reservation_repeats .questions_repeats {float: none; display: block; color: #FFA733;} #repeat_dates {margin-bottom: 15px;} .css_popup_content:before, .css_popup_content:before, .css_popup_content:before, .css_popup_content:before {position: absolute; background-image: url(/images/design_new/tip_bacs.png); content: "";} .css_popup_content.top:before {width: 100%; height: 13px; margin-top: -13px; top: 0; left: 0px; background-repeat: no-repeat; background-position: 20px 0px;} .css_popup_content.top.left_aligment:before{background-position: right 25px top;} .css_popup_content.top.right_aligment:before{background-position: left 25px top;} .css_popup_content.right:before {width: 13px; height: 27px; margin-top: -13px; margin-left: -13px; top: 50%; left: 0;} .css_popup_content.bottom:before {width: 13px; height: 27px; margin-top: -13px; margin-left: -13px; top: 50%; left: 0;} .css_popup_content.left:before {width: 13px; height: 27px; margin-top: -13px; margin-left: -13px; top: 50%; left: 0;} .links .css_popup {display: block;} .popup_block #action_name {padding: 8px 0px 12px 0px; font-weight: 600; text-transform: uppercase;} .popup_block_title {display: block; text-align: center; font-weight: 600;} .popup_block .css_popup_content div {clear: both; padding: 0px 0px 8px 0px;} .popup_block.add_membership label {width: 230px; text-transform: none;} .popup_block.add_membership label.for_inputs {width: auto;} .popup_block.add_membership #membership_end_date {float: left;} .popup_block.renew_membership label {width: auto;} .popup_block.renew_membership input[type="checkbox"] {margin-left: 0px;} .popup_block.renew_membership .form_subblock {margin-bottom: 10px;} .popup_block.add_membership {margin: 0px;} .popup_block.add_membership .ajax_error_messages {clear: both; overflow: hidden; line-height: normal;} .money_button, .percent_button {margin-top: 6px;} .actual_amount {float: none; clear: both; margin: 0px 0px 0px 170px; line-height: 32px; text-transform: lowercase;} .change_start_date {width: 400px; left: calc(50% - 200px); top: 100px;} .membership_active, table.items tr.membership_active:hover {color: #238C00;} .membership_will_stopes, table.items tr.membership_will_stopes:hover {color: #ff9908;} .membership_stoped, table.items tr.membership_stoped:hover {color: #ff0000;} form.add_membership_system input[type="text"].for_integer{margin: 0px 20px 0px 0px;} form.add_membership_system .actual_amount {margin: 0px;} form.add_membership_system input[type="checkbox"] {margin-top: 9px;} form.add_membership_system span label {text-transform: none; font-weight: 400;} form.add_membership_system span label {text-transform: none; font-weight: 400;} div.calendar.popup {padding: 4px; z-index: 1010; box-sizing: border-box; min-width: 170px; width: 235px; margin: 28px 0px 0px 1px; background-color: white; border: 1px solid #ccc; } div.calendar.popup.nice_callendar {margin: 39px 0px 0px 0px;} .dashboard {width: 100%;} .dashboard td > div {float: left; margin: 0px 30px 30px 0px; padding: 0px;} .dashboard .head {padding: 0px 10px; height: 32px; font-size: 16px; line-height: 32px; border-top-left-radius: 0px; border-top-right-radius: 0px; background-color: #ff5a00;} .dashboard .head a {font-weight: 600; color: #FFF; text-transform: uppercase;} .dashboard .head a:hover {color: #3d3c3f;} .dashboard .head .left_image_link {margin: 6px 0px 0px 0px; padding: 0px 20px 0px 0px; font-weight: 400; font-size: 15px; text-transform: none; background-image: url(/images/design_new/icons_lp.png) !important; background-repeat: no-repeat; background-color: transparent; background-position: right -12px;} .dashboard a.add {display: inline-block; margin: 10px; color: #3d3c3f; border: none; border-radius: 0px; background-color: transparent;} .dashboard .content, .dashboard div.links_block {text-align: center; background-color: #eeeeee;} .dashboard .content > div {background-color: #eeeeee;} .dashboard div.items {background-color: #eeeeee;} .content.with_min_height {padding-top: 40px;} .advanced_reports, .advanced_pos_reports {margin-top: 30px; width: 80%; border-collapse: collapse; font-size: 15px;} .advanced_reports.action_code_report {width: 100%;} .advanced_reports td.report_period {padding: 10px 4px; border-left: 1px dotted #828282; background-color: transparent; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 600; line-height: 20px;} .advanced_reports td.report_element_title {border-left: 1px solid #828282; border-right: 1px dotted #828282;} .advanced_reports td, .advanced_pos_reports td, .advanced_pos_reports th {height: 28px; padding: 0px 16px; vertical-align: middle; border: 1px solid #828282; border-left: none;} .advanced_reports td.clear_block_devider, .advanced_reports.full_blocks_border td.clear_block_devider {border: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #828282;} .advanced_reports.full_blocks_border td {border-left: 1px solid #828282;} .advanced_reports td.full_clear_block_devider, .advanced_reports.full_blocks_border td.full_clear_block_devider {border: 1px solid transparent; border-left: 1px solid transparent;} .advanced_reports td.no_border, .advanced_pos_reports td.no_border {border: 1px solid transparent; border-right: 1px solid #828282;} .advanced_reports .report_header {height: 40px; background-color: #eeeeee; border-left: 1px solid #828282; font-weight: 600;} .advanced_reports .blank_heder, .advanced_pos_reports .blank_row {padding: 0px; height: auto; border: none; background-color: transparent;} .advanced_reports .vertical_blank {padding: 0px; height: auto; border: none; border-right: 1px solid #828282; background-color: transparent;} .advanced_pos_reports.no_white_space th {white-space: nowrap;} .advanced_pos_reports.full_width {width: 100%;} .advanced_pos_reports .subheader, .advanced_pos_reports th, .advanced_pos_reports td.report_header {height: 40px; background-color: #eeeeee; border-left: 1px solid #828282; font-weight: 600;} .advanced_pos_reports td {border-left: 1px solid #828282;} .advanced_pos_reports .line td.total {font-weight: 600; text-transform: uppercase;} .advanced_pos_reports td.total_as_title {padding: 0px 0px 12px 0px; font-weight: 600; font-size: 22px; border: none;} .advanced_pos_reports td {padding: 2px 8px;} .advanced_pos_reports td .report_pos_line:last-child {border-bottom: none;} .report_pos_line {clear: both; overflow: hidden; margin-bottom: 2px; border-bottom: 1px dashed #c5c5c5; line-height: 20px;} .report_pos_line span:first-child {float: left;} .report_pos_line span:last-child {float: right; margin-left: 30px;} .report_pos_line a {font-weight: 600;} .advanced_pos_reports.linkable.details {width: 95%;} .advanced_pos_reports.transhistorical_report {width: 100%; white-space: nowrap;} #supsup_report.advanced_pos_reports {width: 70%;} .body_filters {width: 1460px;} .body_filters .exercise_filter div {width: 15%;} .body_filters .exercise_filter:last-child {margin: 10px 0px 10px 0px;} .report_inner_table {margin: 8px 0px; width: 100%; border: none;} .report_inner_table td {border: none; border-bottom: 1px solid #828282;} .pagination {float: left; overflow: hidden; margin: 10px 0px 0px 0px; padding: 0px; font-family: 'Open Sans'; text-align: left; font-weight: 600; color: #95B200; white-space: nowrap;} .pagination a, .pagination a:visited {display: inline-block; height: 30px; min-width: 12px; padding: 0px 10px; margin: 0px 5px; line-height: 30px; border-radius: 0px; text-decoration: none; text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 600; color: #ffffff; background-color: #ff5a00; outline: none; border: none; cursor: pointer;} .pagination span, table.items .pagination span {display: inline-block; float: none; height: 30px; min-width: 12px; margin: 0px 5px; padding: 0px 10px; line-height: 30px; border-radius: 0px; text-transform: uppercase; text-align: center; font-size: 14px; font-weight: 600; color: #ffffff; background-color: #e85606; opacity: 0.3; border: none; cursor: pointer;} .pagination a:hover {display: inline-block; background-color: #e85606; color: #ffffff;} #agenda_head td.left {padding: 0px;} #agenda_head td.center, #agenda_head td.right {padding-top: 10px;} #agenda_head_ul li.left {padding: 0px;} #agenda_head_ul li.center, #agenda_head_ul li.right {padding-top: 10px;} #agenda_days.with_tasks {width: 100%;} #agenda_content {margin-top: 0px;} #agenda_head td a.left_image_link {display: inline-block; padding: 0px 0px 0px 17px; margin: 6px 10px 0px 0px; line-height: 20px; border: none; border-radius: 0px;} #agenda_head_ul li a.left_image_link {display: inline-block; padding: 0px 0px 0px 17px; margin: 6px 10px 0px 0px; line-height: 20px; border: none; border-radius: 0px;} #agenda_head td a.left_image_link:hover,div.actions a:hover {color: #ff5a00;} #agenda_head_ul li a.left_image_link:hover,div.actions a:hover {color: #ff5a00;} #tasks_panel {width: 19%; max-height: none; float: right; margin: 12px 0px 0px 0px; padding: 0px 0px 0px 1%; overflow-y: auto; overflow-x: visible;} #tasks_panel #tasks_list .task .item_medium {line-height: 21px;} div.actions {padding: 0px 0px; margin-top: 0px; width: auto; background-color: #eee; border-top: 0px solid #ff5a00; border-bottom: 0px solid #999; line-height: 18px;} #tasks_panel #edit_task {display: block; position: absolute; top: 350px; right: 30px; padding: 20px; width: 540px; border: 1px solid #CCC; background: #FFF; z-index: 1000;} #tasks_panel #edit_task a {margin-left: 0px;} #tasks_panel #tasks_list .task input {margin-top: 4px; display: inline-block; position: relative; z-index: 1;} #tasks_panel #edit_task label {margin: 0px; text-align: left; width: 160px;} #tasks_panel #edit_task input[type='text'] {width: 380px; padding: 0px 10px; height: 30px;} #tasks_panel #edit_task select {width: 380px;} #tasks_panel #add_tasks {clear: both; overflow: auto; margin-top: 5px; margin-bottom: 16px;} #tasks_panel #add_tasks input[type='submit'] {width: auto; margin: 6px 0px;} #tasks_panel #edit_task input[type='text'].suggest {width: 380px; padding: 8px 27px 8px 10px;} #tasks_panel #add_tasks input[type='text'] {width: 65%; height: 30px;padding: 0px 10px;} #tasks_panel #edit_task textarea {width: 380px;} #tasks_panel #edit_task .cancel_link {line-height: initial;} #tasks_panel #edit_task select#object_start_date_time {width: 80px;} #tasks_panel #edit_task select#object_due_date_time {width: 80px;} #tasks_panel #edit_task .button_block {position: relative; clear: both; float: right; right: 0px; top: 0px;} #tasks_panel #edit_task #contacts {margin-left: 160px;} #tasks_panel #edit_task .recepients input[type='text'] {height: 18px; padding-left: 20px;} #agenda_days td .events #new_event.event #event_pupup_details {position: absolute; top: -100px; left: -1px; padding: 3px 10px; width: 250px; background-color: #ffffff; border: 1px solid #ff5a00; color: #3d3c3f;} #agenda_days td .events #new_event.event a.add {color: #3d3c3f;} #agenda_days td .events #new_event.event {opacity: 1; filter: alpha(opacity=100);} #agenda_days td .events .on_right {right: -15px; padding: 0px 0px 0px 17px;} #agenda_days td .events .agenda_main_links {margin: 10px 0px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;} #agenda_days td .events .agenda_main_links a:last-child {margin-right: 0px;} #agenda_days td .events .agenda_additional_links a:hover {color: #ff5a00} #agenda_days td .events .left_image_link {padding: 0px 0px 0px 17px;} #agenda_days td .events .css_popup_content {width: 500px; line-height: 17px;} #agenda_days td .events .details {position: absolute; line-height: 18px; background-color: white; border: 1px solid #dedb00; color: #333; padding: 5px; left: 0px; top: 0px; width: 350px; z-index: 200;} #agenda_days td .events {cursor: hand; cursor: pointer; height: 59px; position: relative;} #agenda_days td.staff_information {height: 60px; text-align: center; vertical-align: middle;} #agenda_days td.staff_information > span {display: inline-block; font-weight: 600; font-size: 16px; line-height: 40px;} #agenda_days .profile_pic {width: 40px; height: 40px; float: left; margin-right: 10px; position: relative; overflow: hidden; border-radius: 50%; border: 1px solid #CCC;} #agenda_days .profile_pic img {display: inline-block; margin: 0 auto; max-width: 54px; max-height: 54px;} #agenda_days, #tasks_panel {font-size: 13px;} #tasks_panel b {display: block; margin-bottom: 10px; font-size: 15px; font-weight: 600; text-transform: uppercase;} .agenda_tabs {display: flex; flex-direction: row; align-items: center; justify-content: flex-end; gap: 10px; padding: 10px 10px 0px 10px;} .agenda_tabs > div {min-width: 100px; text-align: center; padding: 0px 10px; border: 1px solid #CCC; border-bottom: 1px solid transparent; border-radius: 4px 4px 0px 0px; font-size: 16px;} .agenda_tabs > div.active, .agenda_tabs > div:hover {background-color: #CCCCCC3B;; font-weight: 600; cursor: pointer; position: relative; z-index: 10;} .agenda_tabs > div.active::after {position: absolute; left: 0px; bottom: -2px; width: 100%; content: ''; border-bottom: 1px solid #ffffffc7; display: block;} .agenda_forms {display: flex; flex-direction: row; align-items: stretch; min-height: 400px;} .agenda_forms .agenda_appointment_form {width: 65%; padding: 10px; box-sizing: border-box; background-color: #CCCCCC3B; flex-grow: 1;} .agenda_forms .agenda_user_info {position: relative; width: 35%; padding: 10px 0px 10px 10px; box-sizing: border-box; flex-grow: 1;} .agenda_forms .color_block {width: 24px; height: 24px;} .agenda_forms .agenda_contacts input[type="text"] {width: 100%; border: none;} .agenda_contacts_with_remove {display: flex; line-height: normal;} .agenda_contacts_with_remove a {float: none; margin: 7px 0px 0px 0px; padding: 0px 4px 0px 17px;} .agenda_contacts_with_remove input[type="text"] {width: auto; font-weight: 600;} form.scale_measurements .agenda_forms .two_colums_form > div {height: auto;} .agenda_popup form.scale_measurements {padding: 0px;} .agenda_appointment_form #repeat_weekdays_div {margin-bottom: 15px;} form.scale_measurements .agenda_appointment_form .for_inputs {margin: 0px 20px 0px 0px;} form.scale_measurements .agenda_user_info .bottom_block {width: calc(100% - 10px); position: absolute; bottom: 0px;} form.scale_measurements .agenda_user_info input[type="text"].nice_field {width: 100%;} .inline_button {height: 40px; width: auto; text-align: center; line-height: 40px; padding: 0px 6px; margin-left: 8px; box-sizing: border-box; background-color: #ff5a00; color: #FFF;} .agenda_user_info .agenda_total_info {display: flex; flex-direction: column;} .agenda_user_info .coaching_button {float: right; margin-right: 0px;} .agenda_user_info .coaching_button.delete_button {float: left;} .agenda_submit_buttons {display: flex; flex-direction: row; align-items: center; justify-content: space-between;} .agenda_submit_buttons a, .agenda_submit_buttons div {width: auto;} .selected_date_copy .coaching_button {display: block;} .agenda_copy_buttons {margin-top: 20px; display: flex; align-items: center; justify-content: space-between;} #times_for_selected_copy_date {margin-top: 20px;} .agenda_copy_buttons a {width: 33%;} .agenda_staff_block {display: flex; flex-direction: row; align-items: center;} .agenda_staff_block a {margin-left: 20px;} #agenda_days td .events .event .content {height: 100%; overflow: hidden; line-height: 13px;} #services_block {width: calc(100% + 16px); margin-left: -8px;} .service_block {position: relative; padding: 10px 10px; background-color: #ffffffba; box-sizing: border-box;} .service_block .remove_btn.small {position: absolute; top: 6px; right: 6px;} .new_service {margin-top: 10px; padding: 0px 10px;} .as_service_option .service_option_block {width: 20px; display: inline-block;} form.scale_measurements .three_colums_form.as_service_option label {padding: 0px; height: 20px; margin-bottom: 0px;} form.scale_measurements .three_colums_form.as_service_option select.service_category {width: calc(100% - 24px);} form.scale_measurements .agenda_appointment_form .weekdays_selecter .for_inputs {margin: 0px 10px 0px 0px;} #remote_add_content_event_pupup_details div.sub_menu#win_sub_menu > a:nth-child(-n+4) {background-color: #ff5a00;} #remote_add_content_event_pupup_details div.sub_menu#win_sub_menu > a.active:nth-child(-n+4), div.sub_menu#win_sub_menu > a:hover:nth-child(-n+4) {background-color: #FFF; color: #3d3c3f;} .actions form input[type="text"] {margin: 0px 0px;} #send_sms_request {margin: 6px 0px 0px 15px; padding: 0px 5px 0px 15px} .bordered_table td {border: 1px solid #A9A9A9;} .actions #select_document {min-width: 414px;} .invoices table table.actions, .purchase_invoices table table.actions, .purchase_expense_claims table table.actions {width: 100%;} .invoices table table.actions td, .purchase_invoices table table.actions td, .purchase_expense_claims table table.actions td {padding: 0px 0px;} .timer_button {} .timer_button:hover {color: #FFF;} .tabs_new {margin: 0px 0px 0px 0px;} form#insurance_damage_treatments .head, form#insurance_damage_claims .head, .tabs_new .head {height: 30px; margin: 3px 0px 13px 0px; padding: 3px 6px 3px 8px; line-height: 30px; border-radius: 0px;} .damage_claims_aditions {border: none;} #utils_actions {margin: 20px 0px 0px 0px;} #tab_stop_membership {width: 100%;} .tab_stop_membership .tabs .tab {padding: 0px;} .tabs .tab table {width: 90%;} .tabs .tab#tab_modules table {width: 100%;} .tabs .tab#tab_modules select {width: auto;} .tabs.tab_stop_membership {padding-top: 0px; margin-top: 0px;} .tabs .underline {height: 0px;} #tab_stop_membership p {clear: both; padding: 0px 0px 15px 0px; font-weight: 600; text-transform: uppercase;} #tab_stop_membership label {width: auto;} .tab_stop_membership table td {vertical-align: middle; padding: 4px;} .tab_stop_membership table label {width: auto; margin: 0px;} .tab_stop_membership .datetime_select {box-sizing: border-box; -webkit-box-sizing: border-box;} .tab_stop_membership select {min-width: 150px; margin: 6px 0px; box-sizing: border-box; -webkit-box-sizing: border-box;} #stop_membership select {width: 70%;} #tab_stop_membership .as_button {float: none; margin: 0px 6px 0px 0px; box-sizing: border-box; -webkit-box-sizing: border-box;} #remote_translate .as_button {float: none; margin: 5px 6px 5px 0px; box-sizing: border-box; -webkit-box-sizing: border-box;} #remote_translate #other_translations_btn.as_button, #remote_translate #save_tr_btn { margin-top: 39px!important; } .outlet_id_titles {clear: both; padding-top: 20px; line-height: 30px;} .outlet_id_titles span {padding-left: 0px; padding-right: 20px;} .recents {position: relative; right: 0px; max-width: initial;} .recents > div {width: 600px; max-width: initial; background: #FFF; position: absolute; left: 0px; right: 0px; border: 1px solid #CCC; padding: 20px; z-index: 1;} .recents p {margin-bottom: 20px; padding: 0px 0px 0px 0px; text-transform: uppercase;} .recents .recent_item a {font-weight: 600; color: #007feb;} .recents .recent_item {display: block; margin: 0px 0px 0px 0px; padding: 2px 10px; background-color: #eeeeee; border: none; line-height: 30px;} .recents .recent_item:nth-child(even) {background-color: #fff;} .recents .recent_item:first-child {} .recents .recent_item span {margin-right: 10px;} .recents .recent_item span.staff {display: inline-block; float: right; line-height: inherit;} .recents .recent_item .recent_item_content {border-top: 1px solid #CCC;} .user_medium {background-color: transparent; border: none;} .tabs_new .tab .inner_table td:last-child, .inner_table th.combined_right {border: 1px solid #A9A9A9;} form #allowed_activities input[type="text"], form #allowed_activities select {margin: 0px 0px 0px 0px;} .inner_table th.bgcolor_one, .inner_table td.bgcolor_one {background-color: #f9f9f9;} form #allowed_activities .bgcolor_one select {margin: 0px 20px 0px 0px;} #potential_company_info > div {float: left;} #potential_company_info > div .left_image_link {display: block; clear: both;} #add_product_link {margin-bottom: 0px;} #hours_in_words {display: block; float: none;} .text_cutted {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} #memberships .css_popup_content {width: 300px;} #memberships .css_popup_content.membership_system {width: auto;} #invoices_list td:nth-child(5), #invoices_list td:nth-child(6) {width: 1%;} #max_days_stopperiod span {margin-right: 5px;} #max_days_stopperiod input {margin: 0px;} #config_memberships input {margin-right: 3px;} #invoice_dates .datetime_select.date {float: left;} #invoices .tabs, #offers .tabs, #orders .tabs, #creditnotes .tabs {clear: both;} #invoices .tabs .tab, #offers .tabs .tab, #orders .tabs .tab, #creditnotes .tabs .tab {padding: 5px 0px;} #orders .tabs .tab #linked_products textarea {height: 68px;} #invoices .tabs, #offers .tabs, #creditnotes .tabs {clear: both;} #remote_add_content #filters input, #remote_add_content #filters select{margin-right: 6px; width: 290px;} #multiselect_counts span {float: none; line-height: inherit;} #multiselect_counts {} .o2k7Skin .mceListBox .mceText *, .o2k7Skin a:link {margin: 0px 0px;} #totals span {float: none;} #gallery_images .image {float: none; width: auto; height: auto;} .external_note {overflow-y: scroll; max-width: 600px;} .internal_note {overflow-y: scroll; max-width: 600px;} .from_until {border-spacing: 0px; border-collapse: collapse;} .tabs_new .tab .from_until th {padding: 2px;} #from_until_lilmits .from_until th {padding: 2px; font-size: 15px;} .link_for_popup {color: red; display: inline-block !important; margin: 0px;} .pseudo_select {position: relative; top: -5px; padding: 0px 26px 0px 7px; margin: 0px 8px 0px 0px; border: 1px solid #999; border-radius: 0px; color: #333; text-decoration: none; background-repeat: no-repeat; background-position: left center; line-height: 20px; background: url(/images/right_bar/email_darr.png) right center no-repeat;} .pseudo_select .options {position: absolute; z-index: 999; top: 21px; left: 0px; border: 1px solid #999; border-radius: 0px; background-color: white; padding: 10px 25px 10px 10px; white-space: nowrap; line-height: 18px;} .current_package {clear: both; overflow: hidden; margin: 30px 0px 60px 0px; width: 905px; padding: 20px; border: 1px solid #bebebe;} .current_package .package {float: left; margin: 0px 0px 0px 0px; width: 52%; font-family: 'Open Sans'; border: 0px solid red;} .package_title {clear: both; overflow: auto; padding-bottom: 15px; border-bottom: 1px solid #c5c5c5; text-transform: uppercase;} .package_description {clear: both; padding: 15px 0px 22px 0px; font-family: 'PT Sans'; font-size: 14px; line-height: 20px;} .package_description span {display: block; width: 210px;} .package_description span > span {display: inline; float: right; width: auto; text-align: right;} .package_description span > span#selected_extra_users_count {display: inline; float: none; width: auto; text-align: auto;} .current_package.all_data {margin: 30px 0px 20px 0px;} .package_description.all_data {clear: both; overflow: auto; padding: 15px 0px 15px 0px; margin-bottom: 24px; border-bottom: 1px solid #c5c5c5;} .package_description.all_data span {line-height: 20px} .package_description.all_data > span {display: inline-block; margin-right: 60px; width: 192px; height: 20px; line-height: 20px} .package_description.all_data > span:nth-child(odd) {clear: left;} .package_description.all_data.columons_5 > span:nth-child(3), .package_description.all_data.columons_5 > span:last-child {clear: none;} .package_description.all_data.columons_2 > span:last-child {clear: both;} .extra_modules.all_data span { color: #c0c0c0; } .extra_modules.all_data label {width: 200px; margin-bottom: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .extra_modules.all_data .user_information_title {margin-bottom: 10px;} .texttopkm {float: left;} .price {float: right;} .price .per_maand {margin-top: 9px; text-align: right; font-size: 13px; color: #c0c0c0;} .price .cost {color: #38b63c; font-family: 'Open Sans'; font-size: 50px; font-weight: 800; line-height: 35px;} .current_package h2, .user_information_title {margin-bottom: 7px; padding: 0px 0px 0px 0px; color: #c0c0c0; font-size: 20px; font-weight: 800; line-height: 15px; border-bottom: none; text-transform: uppercase;} .current_package h1 {display: inline-block; margin-bottom: 0px; color: #3d3c3f; font-family: 'Open Sans'; font-size: 40px; font-weight: 800; line-height: 40px; text-transform: uppercase;} .beeg_package_title span {display: inline-block; margin-top: 23px; margin-left: 4px; padding: 0px 0px 0px 0px; color: #ff0000; font-size: 13px;} .current_package .functions {float: right; margin: 0px 0px 0px 0px; width: 46%; font-family: 'Open Sans'; font-weight: 800; text-transform: uppercase; border: 0px solid blue;} .functions .functions_title {position: relative; height: 22px; font-size: 14px; line-height: 13px; text-align: center;} .functions .functions_title:after {position: absolute; left: 50%; bottom: -10px; margin-left: -18px; width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-top: 11px solid #FFF; content: '';} .functions .functions_list {clear:both; overflow: hidden; padding: 16px; font-size: 14px; color: #ffffff; background-color: #ff5a00;} .functions .functions_list > div {float: left; padding: 0px 0px 0px 20px; line-height: 25px; width: 43%; background-image: url(/images/design_new/functions_list_item.png); background-repeat: no-repeat; background-position: 0px 7px;} .package_buttons {text-align: center;} .package_buttons > div, .orange_button, form input[type="submit"].orange_button {display: inline-block; padding: 0px 16px; margin: 0px 0px; font-weight: 600; background-color: #ff9600; height: 30px; line-height: 30px; font-size: 16px; text-transform: uppercase; color: #ffffff; background-image: none;} .package_buttons > div:hover, .orange_button:hover {color: #FFF;} .other_packages {width: 945px;} .other_packages > div {margin-bottom: 20px; font-family: 'Open Sans'; font-size: 14px; font-weight: 800; text-transform: uppercase; text-align: center;} .other_packages .textselectpackage {font-weight: 400; text-transform: none;} .textselectpackage {margin-bottom: 20px; font-family: 'Open Sans'; font-size: 14px; font-weight: 400; text-align: center; text-transform: none; line-height: 16px; color: #3d3c3f;} table.package_modules {width: 100%; border-collapse: collapse; border: 1px solid #bebebe;} table.package_modules * {font-family: 'Open Sans'; text-transform: uppercase;} table.package_modules tr td {border: 1px solid #bebebe; text-align: center;} table.package_modules tr td:first-child {padding: 8px 0px 8px 20px; color: #ffffff; text-align: left; font-size: 15px; font-weight: 800; background-color: #ff5a00; border-style: solid; border-color: #ff5a00 #bdbdbd #ffffff #ff5a00;} table.package_modules tr:last-child td:first-child {background-color: transparent; border-color: #ff5a00 #bdbdbd transparent transparent;} table.package_modules tr:last-child td {padding-bottom: 20px;} table.package_modules tr:nth-last-child(2) td:first-child {border-color: #ff5a00 #bdbdbd #ff5a00 #ff5a00;} .white_logo {margin: 20px 0px 12px 12px;} .white_logo_text {padding-right: 32px; font-size: 19px; text-align: center;} .package_pretitle, .package_list_title {text-align: center; font-weight: 800;} .package_pretitle {margin-top: 17px; color: #c0c0c0; font-size: 18px; line-height: 18px;} .package_list_title {margin-top: 0px; margin-bottom: 15px; color: #3d3c3f; font-size: 36px; line-height: 36px;} .other_packages .cost_pre, .other_packages .cost, .other_packages .cost_aft {display: inline-block; margin-bottom: 15px; font-size: 12px; color: #c0c0c0;} .other_packages .cost_pre, .other_packages .cost_aft {margin: 13px 8px 0px 8px;} .other_packages .cost {color: #38b63c; font-size: 32px; font-weight: 800; line-height: 32px;} .module_allowed {background-image: url(/images/design_new/module_allowed.png); background-repeat: no-repeat; background-position: center;} .current_package.config_package {margin: 30px 0px 40px 0px;} .package_form {width: 948px;} .extra_modules_title {margin-bottom: 22px; font-weight: 600; text-align: center; text-transform: uppercase;} .extra_modules_title.right_aligned {text-align: right; padding-right: 60px;} .extra_modules, .packets {clear: both; display: inline-block;} .extra_modules *, .extra_users *, .user_information *, .packets *, .extra_modules_title {font-family: 'Open Sans';} .extra_modules > div:nth-child(2), .packets > div:nth-child(2) {margin: 0px 30px 40px 30px;} .extra_module {position: relative; float: left; padding: 18px 19px; margin-bottom: 40px; width: 255px; border: 1px solid #bebebe; text-transform: uppercase;} .module_head {clear: both; overflow: hidden; margin-bottom: 5px; padding-bottom: 4px; border-bottom: 1px solid #c5c5c5;} .module_title {float: left; width: 56%; color: #c0c0c0; font-size: 20px; font-weight: 800;} .module_price {float: right;} .module_price > div:first-child {font-size: 35px; font-weight: 800; line-height: 26px; text-align: right;} .module_price > div:last-child {margin-top: 4px; color: #c0c0c0; font-size: 11px; text-align: center;} .module_description {position: relative; margin-bottom: 15px; min-height: 64px color: #3d3c3f; font-family: 'PT Sans'; font-size: 14px; line-height: 20px; text-transform: none;} .module_description.short {height: 64px; overflow: hidden; text-overflow: ellipsis;} .module_description a {color: #009ce5; text-decoration: underline; white-space: nowrap;} .module_description.short a {position: absolute; padding-left: 5px; right: 0px; bottom: 3px; display: block; background-color: #FFF; line-height: 20px;} .extra_users {display: inline-block; clear: both; margin-bottom: 20px; width: 100%;} .extra_users_fields {position: relative; float: right; width: 255px; padding: 20px 19px 22px 19px; border: 1px solid #bebebe;} .extra_users_fields input[type="text"] {width: 170px; clear: none; margin: 0px 10px 0px 0px;} .extra_users_fields label {display: inline-block; clear: none; margin: 0px 10px 0px 0px; width: 30px; height: 30px; color: #FFF; line-height: 25px; font-size: 30px; text-align: center; background-color: #38b63c;} .extra_users_fields label:last-child {margin: 0px 0px 0px 2px; line-height: 30px;} .extra_users_fields.active input[type="text"] {border-color: #ff9908; color: #ff9908;} .extra_users_fields.active label#extra_users_down, .extra_users_fields label#extra_users_down {background-color: #ff9908;} .extra_users .extra_module {float: left; padding: 18px 20px 6px 20px; margin: 0px; width: 579px;} .extra_users .module_title {width: 480px;} .extra_users .module_description {margin-bottom: 0px; font-weight: 400; } .staff_list {position: absolute; padding: 8px 12px; top: 49px; width: 170px; box-sizing: border-box; border: 1px solid rgba(191, 191, 191, 1); background-color: #FFF; line-height: 30px; z-index: 1;} .staff_list label {position: relative; display: block; float: none; margin: 0px 0px 6px 0px; width: auto; height: 30px; color: #333; line-height: 30px; text-transform: none; font-weight: 200; font-size: 14px; text-align: left; background-color: #FFF;} .staff_list label .close_dark_wrap_btn.small {position: absolute; top: 3px; right: 0px;} .staff_list label .close_dark_wrap_btn:before, .staff_list label .close_dark_wrap_btn:after {background: #CCC;} form .staff_list input[type="checkbox"] {margin-right: 6px; margin-top: 10px;} .connects_settings {display: inline-block; clear: both; margin-bottom: 20px; padding: 18px 20px 6px 20px; width: 100%; position: relative; box-sizing: border-box; border: 1px solid #bebebe; text-transform: uppercase;} .connects_settings .module_description {clear: left; float: left; width: 100px; line-height: 36px; text-transform: initial;} form .connects_settings input[type="text"] {clear: right; float: left;} .connects_settings .module_title {float: left; width: 130px;} .connects_settings .connects_settings_description {float: right;} .user_informations {clear:both; overflow: hidden; margin-bottom: 20px;} .user_information {float: left; overflow: auto; padding: 20px; width: 415px; border: 1px solid #bebebe; text-transform: uppercase;} .user_information:first-child{margin-right: 30px;} .user_information label {width: 120px;} .user_information input[type="text"], .user_information select {width: 284px; margin: 0px 0px 10px 0px;} .user_information:last-child label {width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .user_information:last-child input[type="text"], .user_information:last-child select {width: 254px;} .user_information_title {margin-bottom: 30px;} .package_buttons_block {float: right; padding-top: 5px;} .package_buttons_block a:last-child {padding-right: 0px; margin-right: 0px;} .license_agreement {display: inline-block; float: none; margin-left: 20px; width: auto; font-size: 13px;} .license_agreement a {color: #009ce5;} .license_agreement input[type="checkbox"] {margin-top: 8px; margin-right: 8px;} .packets .packet {position: relative; float: left; padding: 18px 19px; margin-bottom: 40px; width: 255px; height: 455px; border: 1px solid #bebebe; text-transform: uppercase;} .packet.active, .extra_module.active, .extra_users_fields.active, .connects_settings.active {border: 1px solid #ff9908;} .packet.active.full_stop {border: 1px solid #38b63c;} .packet.active.full_stop .is_active {background-color: #38b63c;} /* .extra_users_fields.active:before {position: absolute; left: -1px; top: -21px; width: 50px; height: 20px; background-color: #ff9908; font-size: 12px; color: #FFF; font-weight: 600; text-align: center; line-height: 21px; text-transform: uppercase; content: 'actief';} */ .packet .is_active, .extra_module .is_active, .extra_users_fields .is_active, .connects_settings .is_active {display: none;} .packet.active .is_active, .extra_module.active .is_active, .extra_users_fields.active .is_active, .connects_settings.active .is_active {display: block; position: absolute; left: -1px; top: -21px; padding: 0px 5px; width: auto; height: 20px; background-color: #ff9908; font-size: 12px; color: #FFF; font-weight: 600; text-align: center; line-height: 21px; text-transform: uppercase; content: 'actief';} .packet_head {clear: both; overflow: hidden; margin-bottom: 5px; padding-bottom: 4px; border-bottom: 1px solid #c5c5c5;} .packet_title {float: left; overflow: hidden; text-overflow: ellipsis; width: 60%; color: #c0c0c0; font-size: 20px; font-weight: 800;} .packet_title > div {margin-top: 4px; height: 26px; color: #3d3c3f; font-size: 26px; line-height: 26px;} .packet_price {float: right;} .packet_price > div:first-child {font-size: 35px; font-weight: 800; line-height: 26px; text-align: right;} .packet_price > div:last-child {margin-top: 4px; color: #c0c0c0; font-size: 11px; text-align: center;} .packet_modules > div {padding-left: 20px; height: 26px; color: #c0c0c0; font-size: 14px; line-height: 26px; font-weight: 600; text-transform: uppercase; background: url(/images/design_new/allowed_module.png) 0px 7px no-repeat;} .packet_button {position: absolute; bottom: 18px; left: 0px; right: 0px; width: auto; top: auto; text-align: center} .module_button {bottom: 18px; left: 0px; right: 0px; width: auto; top: auto; text-align: center} .module_confirm, .packet_confirm, .packet.active.full_stop .packet_confirm.active {display: inline-block; float: none; margin: 0px; padding: 10px 10px 10px 36px; width: auto; text-align: left; line-height: normal; color: #FFF; font-weight: 600; font-size: 12px; border: 1px solid #38b63c; background-color: #38b63c; background-image: url(/images/design_new/package_notactive.png); background-position: 10px 10px; background-repeat: no-repeat;} .module_confirm input[type="checkbox"], .packet_confirm input[type="checkbox"] {margin-top: 4px; margin-right: 8px;} .packet.active .packet_confirm.active, .packet.active .packet_confirm, .extra_module.active .module_confirm {border: 1px solid #ff9908; background-color: transparent; color: #ff9908; background-image: url(/images/design_new/package_active.png); background-repeat: no-repeat;} .packet_confirm span, .module_confirm span {line-height: normal;} .module_confirm.active_packet { opacity: 0.6; filter:alpha(opacity:0.6); pointer-events: none; cursor: pointer;} .current_package_state_wrap {margin: 20px 0px 40px 0px; width: 832px;} .current_package_state_message {padding-left: 12px; height: 39px; line-height: 41px; color: #FFF; font-size: 14px; font-weight: 400; text-transform: uppercase;} .current_package_state_message.thank {background-color: #38b63c;} .current_package_state {border-bottom: 1px solid #c5c5c5;} .current_package_state p {padding: 18px 0px 12px 10px; height: 42px; box-sizing: border-box; border-bottom: 1px solid #c5c5c5; font-size: 15px; font-weight: 600; text-transform: uppercase;} .current_package_state > div {clear: both; overflow: auto; padding: 10px; min-height: 42px; box-sizing: border-box; font-size: 15px; color: #898889;} .current_package_state > div .user_address {float: left; line-height: 22px;} .current_package_state a.left_image_link {float: right; margin: 0px 0px; padding-right: 0px;} .current_client_logger {width: 832px;} .current_client_logger .items {width: 100%; border: 1px solid #EEE;} .current_client_logger table.items tr td:last-child {text-align: left;} #color_edit_block_wrap { z-index: 10000; height: 100%; min-width: 30%; position: fixed; top: 0px; right: 0px; } #color_edit_block_wrap hr { margin: 3px 0px 8px 0px; } #color_edit_block_wrap .text_editor { width: 90%; float: left; margin: 2px 0px 6px 0px; } #uploaders { overflow: hidden;} #color_edit_block #uploaders { float: left; } #progress_bar_attachment1, #progress_bar_attachment2 { float: left; } .progress_bar_attachment { float: left; } #uploaders .qq-uploader span { color: #fff; font-size: 15px;} #uploaders .qq-upload-button { white-space: nowrap; width: auto; background-color: #ccc; color: #333; font-size: 15px; text-align: center; border-radius: 1px; padding: 3px; margin-bottom: 0px; margin-right: 0px; } #uploaders .qq-upload-list { display: none; } #set_def_logo { color: #fff; display: inline-block; float: left;} #color_schemes { width: 100%; margin-top: 20px; overflow: hidden; } #color_schemes h3 { color: #fff; font-weight: normal; margin-bottom: 20px; } #color_schemes ul { list-style: none; } #color_schemes li { float: left; margin-right: 20px; } #color_schemes li:nth-of-type(2n) { float: none; margin-right: 0px; } #color_schemes a { display: inline-block; width: 120px; text-decoration: none; color: #fff; } #color_schemes a:hover { color: red; } #color_schemes a img { margin-top: 10px; display: block; width: 100px; height: auto; } #color_edit_block { padding: 10px 35px 5% 35px; height: 95%; overflow-y: scroll; background-color: #484646;} #color_edit_block p { height: 25px; padding: 0px; margin: 0; cursor: pointer; color: #fff; } #color_edit_block p:hover { color: red; } .colorpicker { z-index: 10005 !important;} #colors { margin-top: 20px; } .colorName > input[type=text] { float: right; clear: none; width: 72px; padding: 1px; margin-left: 10px; height: 20px; line-height: 20px; margin: 0 0 2px 10px; border-radius: 1px; background-color: white;} .btn_box { position: absolute; top: 40%; left: 0px; z-index: 10005; text-align: center; padding: 30px 0; border-right: 1px dashed #8a8a8a; } .move_btn { width: 27px; height: 30px; text-align: center; background-position: center center; background-repeat: no-repeat; background-color: transparent; text-transform: uppercase; cursor: pointer; } .m_left { background-image: url("/club_portal/icons/change_colors/move_left.png"); } .m_right { background-image: url("/club_portal/icons/change_colors/move_right.png"); } .save_btn { cursor: pointer; width: 27px; height: 30px; margin: 0px auto; text-align: center; background: url("/club_portal/icons/change_colors/save_btn.png") center center no-repeat; } .set_default_btn { cursor: pointer; width: 27px; height: 30px; margin: 0px auto; text-align: center; background: url("/club_portal/icons/change_colors/set_default.png") center center no-repeat; } .close_btn { cursor: pointer; width: 27px; height: 30px; margin: 0px auto; text-align: center; background: url("/club_portal/icons/change_colors/close.png") center center no-repeat; } .prev_btn { cursor: pointer; width: 20px; height: 20px; margin-left: 10px; float: right; background: url("/club_portal/icons/change_colors/prev.png") center center no-repeat; } .wrapiframe { position: relative; width: 100%; margin: 0px; height: 0; padding-bottom: 56.5%; line-height: 0px;} .wrapiframe iframe {position: absolute; width: 100%; height: 100%; overflow: hidden;} .change_counter {display: inline-block; border: 1px solid #CCC; width: 30px; float: none; text-align: center; font-size: 24px; height: 30px; line-height: 28px; -webkit-box-sizing: border-box;} .red {font-weight: 600; color: red;} .green {font-weight: 600; color: green;} form textarea#discount_description, form select {width: 320px;} form textarea#discount_description {height: 75px;} .action_links a {padding: 4px 6px; color: #1e5fc3;} .action_links a:hover {color: #72b2f5;} #retention_wrap { overflow: hidden; } #retention_wrap form { float: left; } #retention_wrap select {margin-right: 10px;} #membership_duration { float: right; width: 245px; height: 78px; padding: 18px 1% 0 1%; position: relative; overflow: hidden; border: 1px solid #bebebe;} #membership_duration h2 { font-size: 14px; line-height: 14px; color: #3d3c3f; text-transform: uppercase; margin: 0; padding: 0; margin-bottom: 10px; border: 0; font-weight: 600; font-family: 'Open Sans';} #membership_duration h1 { float: left; font-size: 45px; line-height: 37px; color: #3d3c3f; font-weight: 800; font-family: 'Open Sans'; } #membership_duration a { float: right; position: absolute; bottom: 15px; right: 0; font-size: 14px; color: #009ce5; font-family: 'Open Sans'; text-transform: none; } .retention_blocks { width: 100%; list-style: none; overflow: hidden;} .orange_fill {cursor: pointer;} .retention_blocks li { margin: 0 2% 20px 0; width: 21%; padding: 18px 1% 0 1%; float: left; border: 1px solid #bebebe; } .retention_blocks li:nth-child(4), .retention_blocks li:last-child { margin-right: 0; } .retention_blocks li .ret_block { width: 100%; height: 78px; position: relative; overflow: hidden;} .retention_blocks.lead_manager_report li .ret_block h1 {font-family: 'PT Sans', sans-serif; font-size: 25px;} .retention_blocks.lead_manager_report li .ret_block input[type="text"] {width: 40%; height: 35px; padding: 0px 10px; border: 1px solid #CCC; font-size: 25px; font-weight: 600;} .retention_blocks li.green_fill.active, .retention_blocks li.green_fill:hover { background-color: #38b63c; } .retention_blocks li.green_fill.active .ret_block *, .retention_blocks li.green_fill:hover .ret_block * { color: #fff; } .retention_blocks li.orange_fill.active, .retention_blocks li.orange_fill:hover { background-color: #ff9908; } .retention_blocks li.orange_fill.active .ret_block *, .retention_blocks li.orange_fill:hover .ret_block * { color: #fff; } .retention_blocks li.red_fill.active, .retention_blocks li.red_fill:hover { background-color: #e73636; } .retention_blocks li.red_fill.active .ret_block *, .retention_blocks li.red_fill:hover .ret_block * { color: #fff; } .retention_blocks li.black_fill.active, .retention_blocks li.black_fill:hover { background-color: #3d3c3f; } .retention_blocks li.black_fill.active .ret_block *, .retention_blocks li.black_fill:hover .ret_block * { color: #fff; } .retention_blocks li .ret_block.red_colour * { color: #e73636; } .retention_blocks li .ret_block.red_colour a { color: #009ce5; } .retention_blocks li .ret_block.orange_colour * { color: #ff9908; } .retention_blocks li .ret_block.orange_colour a { color: #009ce5; } .retention_blocks li .ret_block.green_colour * { color: #38b63c; } .retention_blocks li .ret_block.green_colour a { color: #009ce5; font-weight: normal;} .retention_blocks li .ret_block.black_colour * { color: #3d3c3f; } .retention_blocks li .ret_block.black_colour a { color: #009ce5; font-weight: normal;} .retention_blocks li .ret_block h2 { font-size: 14px; line-height: 14px; color: #3d3c3f; text-transform: uppercase; margin: 0; padding: 0; margin-bottom: 10px; border: 0; font-weight: 600; font-family: 'Open Sans';} .retention_blocks li .ret_block h1 { float: left; font-size: 45px; line-height: 37px; color: #3d3c3f; font-weight: 800; font-family: 'Open Sans'; } .retention_blocks li .ret_block h1 span { font-size: 18px; line-height: 24px; } .retention_blocks li .ret_block a { float: right; position: absolute; bottom: 15px; right: 0; font-size: 14px; color: #009ce5; font-family: 'Open Sans'; text-transform: none; } .retention_blocks .help_button, #membership_duration .help_button { margin-top: 0px; height: 14px; width: 14px;} /*.check_icon { margin: 0 auto; width: 18px; height: 17px; font-size: 14px; line-height: 16px!important; text-align: center; display: inline-block; padding: 3px 2px 2px 2px; border-radius: 50%; color: #fff; background-color: #33b23a; } */ .check_icon { margin: 0 auto; width: 15px; height: 12px; font-size: 12px; line-height: 11px!important; text-align: center; display: inline-block; padding: 3px 2px 2px 0px; border-radius: 50%; color: #fff; background-color: #33b23a; } #date_picker_wrap { float: left; margin-left: 10px; } #time_picker_wrap { float: left; } #time_picker_wrap select { margin-right: 10px; } .google_charts_content { width: 100%; } /* set change colors in colors rditor */ #bar_chart_wrap, #line_chart_wrap { clear: none; margin: 0px; display: block; position: relative; float: left; margin-left: 10px; width: 30px; height: 30px; line-height: 32px; background-color: #bdbdbd; text-align: center; font-family: 'fontello'; font-size: 17px; color: #fff;} #bar_chart_wrap:hover, #bar_chart_wrap.active, #line_chart_wrap:hover, #line_chart_wrap.active { background-color: #ff5a00; } #bar_chart, #line_chart { visibility: hidden; } .lead_manager_chart {display: flex; flex-direction: row; align-items: flex-start; justify-content: space-between;} .lead_manager_chart .percent_datas {display: flex; flex-direction: column; align-items: flex-end;} .lead_manager_chart .percent_datas > div {padding: 14px 10px; font-size: 16px; text-align: right;} .lead_manager_chart .percent_datas > div > span {display: block; font-size: 16px; text-align: right;} /* +++ round progress bar +++ */ .rect-auto, .c100.more_50 .slice {clip: rect(auto, auto, auto, auto);} .pie, .c100 .bar, .c100.more_50 .fill {position: absolute; border: 0.08em solid #dedb00; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);} .pie-fill, .c100.more_50 .bar:after, .c100.more_50 .fill {-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} .c100 {position: relative; margin: 100px; font-size: 120px; width: 1em; height: 1em; border-radius: 50%; float: left; background-color: #cccccc;} .c100 *, .c100 *:before, .c100 *:after {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .c100.center {float: none; margin: 0 auto;} .c100.big {font-size: 240px;} .c100.small {font-size: 80px;} .c100 > span {position: absolute; width: 100%; z-index: 1; left: 0; top: 0; display: block; text-align: center; white-space: nowrap; width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #666666;} .c100:after {position: absolute; top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em; display: block; content: " "; border-radius: 50%; background-color: #f5f5f5;} .c100 .slice {position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em);} .c100:hover {cursor: default;} .c100.dark {background-color: #777777;} .c100.dark .bar, .c100.dark .fill {border-color: #c6ff00 !important;} .c100.dark > span {color: #777777;} .c100.dark:after {background-color: #FFF;} .c100.dark:hover > span {color: #c6ff00;} /* --- round progress bar --- */ /* +++ round progress bar +++ */ .recurecnt_repeat_steps label {line-height: 30px;} form.wide .recurecnt_repeat_steps input[type="radio"] {margin-top: 9px;} form.wide .recurecnt_repeat_steps input[type="checkbox"] {margin-top: 9px;} #repeat_count_block input[type="text"], .recurecnt_repeat_steps input[type="text"], .invoices form.wide .recurecnt_repeat_steps select {width: 90px; float: none;} .fixed_text_width {width: 200px; overflow: hidden; margin: 0px; padding: 0px; text-overflow: ellipsis;} /* --- round progress bar --- */ /* +++ round progress bar +++ */ .day_planing_configurations {} .time_fields_block, .time_fields_block span {line-height: 30px;} .time_fields_block select.time_fields {float: none;} #hrm_planning .left_column_block {width: 654px;} /* --- round progress bar --- */ .purchase_invoices#tab_products {padding: 15px 0px;} .file_upload {clear: both; padding-left: 240px;} .purchase_invoice_wrap {width: 100%; float: left; overflow: hidden;} .purchase_invoice_wrap #invoice_iframe, .purchase_invoice_wrap #invoice_iframe_xml {float: left; width: 100%; height: 760px; padding: 0px 0px 0px 700px; border: none; box-sizing: border-box;} .purchase_invoice {float: left; margin-left: -100%; position: relative;} form#purchase_invoices .datetime_select.date {width: 446px !important;} form.wide#purchase_invoices select {width: 446px;} form.wide#purchase_invoices #linked_products select {width: 190px;} .product_to_invoices {} #linked_products .product_to_invoices input {width: 90px;} #linked_products .product_to_invoices textarea {height: 69px; margin: 0px; padding: 3px 10px; width: 190px;} #linked_products .product_to_invoices .close_dark_wrap_btn.small {top: 6px; left: 4px;} #linked_products {width: 684px;} /* --- drop-down file uploader --- */ .file_upload .qq-upload-list {display: block; margin: 15px 0px; padding: 0; list-style: none;} .file_upload .qq-uploader {float: left; position: relative; width: auto; cursor: pointer;} form .file_upload span {float: none;} .file_upload .qq-upload-list li {margin: 0; padding: 0px 10px; min-height: 30px; font-size: 15px; font-weight: 600; line-height: 30px;} .file_upload .qq-upload-success .close_dark_wrap_btn.small {display: inline-block; top: 6px; left: 10px;} .file_upload .qq-upload-wrap, .file_upload .qq-upload-spinner, .file_upload .qq-upload-cancel, .file_upload .qq-upload-failed-text {margin-right: 7px;} .file_upload .qq-upload-spinner, .file_upload .qq_upload_spinner {display:inline-block; width:15px; height:15px; margin: 2px 10px; background: url("/images/loading.gif"); vertical-align:text-bottom;} .file_upload .qq-upload-size, .file_upload .qq-upload-cancel {font-size: 15px;} .file_upload .qq-upload-file, .file_upload .qq-upload-size {margin-right: 0px;} .file_upload .qq-upload-button {display: none;} .file_upload .qq-upload-drop-area {display: block; clear: both; overflow: hidden; margin: 0px; width: auto; min-height: 50px; border: none; background-color: #fff5c7; z-index: 2;} .file_upload .qq-upload-drop-area-active {background-color: #ffeb90;} .file_upload .qq-upload-drop-area span {display: block; text-align: center; font-size: 16px; padding: 0px 0px 0px 8px; line-height: 50px;} #purchase_invoices .file_upload .qq-upload-drop-area, #purchase_expense_claims .file_upload .qq-upload-drop-area {width: 446px;} table.actions .file_upload {float:right; padding-left: 20px} table.actions .file_upload .qq-upload-drop-area {float: left; width: 670px} .actions .file_upload {padding-left: 20px} .actions .file_upload .qq-upload-drop-area {float: left; width: 470px} .actions .file_upload .qq-upload-list {display: none; float: left; margin: 0px;} .actions .file_upload .qq-upload-list li {margin: 10px 0px 0px 10px; padding: 0px;} .actions .file_upload .qq-upload-list li .left_image_link, .file_upload .qq-upload-list li .left_image_link {display: none;} .actions .file_upload .qq-upload-list li.qq-upload-success .left_image_link {display: inline-block; margin: 5px 0px 0px 7px; padding: 0px 0px 0px 17px;} .actions .file_upload .qq-upload-success .close_dark_wrap_btn.small {display: none;} .actions .file_drop_block.small_uploader .file_upload .qq-upload-drop-area {float: left; width: 364px} .actions.relative {position: relative; height: 50px;} .actions.relative .links_block {float: left;} .actions.relative .file_drop_block {float: right;} /* --- drop-down file uploader --- */ .financings_info {width: 55%;} .financings_info > div b {width: 130px; display: inline-block;} .smart_2_scool_profile_info {clear: both; overflow: visible; padding: 0px 20px;} .smart_2_scool_profile_info:last-child {margin-bottom: 20px;} .smart_2_scool_profile_info h3 {margin-top: 30px;} .smart_2_scool_profile_info .nice {margin-right: 20px;} .half_width {width: 50%;} label.in_packet {position: relative;} label.in_packet:before {position: absolute; left: -2px; top: 5px; border-radius: 50%; width: 8px; height: 8px; background: #52D017; content: '';} label.in_packet.legend {margin-top: 10px; padding-left: 10px; font-size: 13px; font-weight: 600; text-transform: uppercase;} div#folder_config {overflow: hidden; margin-bottom: 20px; padding: 20px 20px 0px 20px; width: 400px; height: initial;} div#folder_config > div {clear: both;} div#folder_config .input_label {clear: left;} div#folder_config .cancel_button {float: right; margin: 0px 0px 0px 0px !important;} .left_panel_content span.hidden, .hidden {display: none;} form input[type="submit"].hidden {display: none; padding: 0px; margin: 0px; width: 1px; height: 1px; float: left;} #stop_membership #stop_memb_per, #tab_stop_membership #stop_memb_per {display: none;} #stop_membership #calendar_stop_memb_per .calendar {margin-left: 20px;} .trial_class {width: 100%;} .trial_class.advanced_reports td {padding: 0px 10px;} .report_element_line {background-color: #eeeeee; border-left: 1px solid #828282;} .advanced_reports th {padding: 0px 10px; border: 1px solid #828282; font-weight: 600; vertical-align: middle; height: 40px;} .advanced_reports td.report_element_title {border-right: 1px solid #828282;} /* --- fix for crm page --- */ .crm_user_info .memberships {width: 283px; overflow: hidden; margin-bottom: 1px; padding: 6px 6px 6px 9px; height: 19px; background-color: #f6f6f6; background-repeat: no-repeat; background-image: none; border: 1px solid #f6f6f6; font-size: 14px; line-height: 19px; text-align: right;} .crm_user_info .memberships div:first-child {background-image: url(/images/design_new/crm_statuses.png); background-repeat: no-repeat; cursor: pointer;} .crm_user_info .memberships div.renewabe {background-position: 0px 0px;} .crm_user_info .memberships div.stoped {background-position: 0px -22px;} .crm_user_info .memberships div.paused {background-position: 0px -44px;} .crm_user_info .memberships div.medical_stop {background-position: 0px -66px;} .crm_user_info .memberships div.will_stop_in_future {background-position: 0px -88px;} .crm_user_info .memberships div.will_stop_renewing {background-position: 0px -110px;} .crm_user_info .memberships > div {overflow: hidden; margin-bottom: 5px; padding: 0px 0px 0px 24px; height: 22px; white-space: nowrap; text-overflow: ellipsis; line-height: 22px;} .crm_user_info .memberships > div span:first-child {margin-right: 10px;} .crm_user_info .memberships.active {height: auto; background-color: #f5f5f5; border: 1px solid #e6e6e6;} .card_balance {margin-bottom: 20px; text-align: right; font-size: 18px; font-weight: 800; text-transform: uppercase; color: #bdbdbe;} .card_balance.for_renewal {line-height: normal;} .card_balance.red {color: red;} .card_balance span {color: #38b63c;} .card_balance .renewabe {display: inline-block; padding: 0px 0px 0px 24px; height: 22px; background-image: url(/images/design_new/crm_statuses.png); background-position: 0px 0px; background-repeat: no-repeat; cursor: pointer;} .step_progress {font-weight: bold; font-size: 18px; margin: 0px auto; margin-bottom: 30px;} .step_progress td {border: 3px solid #38b63c; padding: 5px; width: 20px; text-align: center;} .step_progress td.active {background: url(/images/design_new/allowed_module.png) no-repeat 8px center; border-color: #ff9908; text-indent: -9999px;} .step_progress td.delim {width: auto; border: 0px; vertical-align: middle; padding: 0px;} .step_progress td.delim::before {content: ""; border-bottom: 3px solid #38b63c; width: 100%; display: block;} .step_progress tr td:first-child {} .step_progress tr td:last-child {} #calls .recepients {margin-left: 240px;} .duplication_users_lists {position: absolute; left: -202px; margin-bottom: 15px; padding: 15px; width: 420px; background-color: #FFF; border: 1px solid #CCC;} .duplication_users_lists_title {display: block; float: none; margin-bottom: 15px; font-size: 16px; text-transform: uppercase; font-weight: 600; line-height: normal;} .duplication_users_lists:after {height: 13px; width: 13px; position: absolute; right: -8px; top: 26px; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid transparent; border-left: 1px solid transparent; content: ''; z-index: 100; background: #FFF; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .duplication_users_lists .duplication_user {height: 46px; margin-bottom: 0px; border: 1px solid transparent; background-color: #eeeeee;} .duplication_users_lists .duplication_user:nth-child(even) {background-color: #FFFFFF;} .duplication_users_lists .duplication_user:hover {border: 1px solid #ccc;} .duplication_users_lists .duplication_user a {float: right; margin-right: 0px;} .duplication_users_lists .duplication_user > span {display: block; float: none; padding: 4px 10px; line-height: normal;} .duplication_users_lists .duplication_user > span span.duplication_user_more_info {float: none; font-size: 12px; text-transform: none; font-weight: 400; line-height: normal;} .duplication_users_buttons {margin-top: 15px;} .imaged_title {padding-left: 0px; float: none; font-size: 14px; text-transform: uppercase; font-weight: 600; line-height: normal; background-repeat: no-repeat;} .imaged_title:hover {cursor: pointer; color: #dedb00;} .imaged_title.crm {background-image: url(/images/user_types/member.png);} .imaged_title.staff {background-image: url(/images/user_types/staff.png);} .imaged_title.companies {background-image: url(/images/user_types/company.png);} .auto_reserve {width: 100%; padding: 40px 20px; box-sizing: border-box;} .auto_reserve_messages {margin: 0px 0px 0px 0px;height: 100%; padding: 15px; background-color: #119e00;} .auto_reserve_messages > div {clear: both; overflow: auto; padding: 10px 10px; color: #FFFF;} .auto_reserve_messages span.check_bulletpoint {display: block; float: left; margin-right: 20px; width: 128px; height: 97px; background: url(/club_portal/icons/college_big.png) left top no-repeat; background-size: 100% 100%;} .auto_reserve_messages span.items_title {display: block; margin: 20px 0px 0px 0px; font-size: 24px; font-weight: 600; text-transform: uppercase; line-height: normal;} .auto_reserve_messages span.items_date {display: inline-block; margin: 24px 30px 0px 0px; font-size: 16px;} .auto_reserve_messages span.item_price_res {display: inline-block; margin: 0px 24px 0px 0px; font-size: 16px;} .auto_reserve_messages span.back_button {display: inline-block; margin: 0px 24px 0px 0px; font-size: 16px;} .auto_reserve_list {width: 100%;} .auto_reserve_list th {padding: 10px 30px; font-size: 15px; color: #FFF; text-transform: uppercase; font-weight: 400;} .check_in #movies.movies_reservation #qr-title, body.check_in #user.movies_reservation {margin: 0px 0px 20px 0px; font-size: 18px; font-weight: 400; color: #FFF; text-transform: uppercase; text-align: center;} .check_in #qr-component {margin: 10px auto;} body.check_in #movies.movies_reservation, body.check_in #user.movies_reservation {position: absolute; top: 180px; left: auto; right: 50%; margin: 0px -200px 0px 0px; padding: 0px; width: 400px;} body.check_in #user.movies_reservation {background: none; text-allign: center; text-transform: none;} body.check_in #user.movies_reservation #name {margin-bottom: 20px; font-size: 2.2em; line-height: 52px;} body.check_in #user.movies_reservation #user_block {clear: both; overflow: auto;} body.check_in #user.movies_reservation img {float: left; margin: 30px 10px 20px 0px;} body.check_in #user.movies_reservation #user_name {font-size: 30px;} body.check_in #user.movies_reservation .error_messages {display: block; margin-top: 0px; width: 100%; text-align: left; padding: 0px; font-size: 18px; font-weight: 400; text-transform: none; text-align: center;} body.check_in #user.movies_reservation #reserved_lesson_description {display: block; margin-top: 0px; width: 100%; text-align: center; padding: 0px; font-size: 16px; font-weight: 400; text-transform: none; line-height: 20px;} .qr_code_block {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eeeeee;} .qr_code_block a {margin: 0px 0px 4px 0px;} .qr_code{position: relative; margin-bottom: 20px; background-color: #dedb00; width: 226px; height: 226px; z-index: 1;} .qr_code img {position: relative; margin: 6px; width: 214px; height: 214px; border: none; z-index: 3;} .qr_code:after{position: absolute; margin-top: -45px; top: 50%; left: 0px; width: 100%; height: 90px; content: ""; background-color: #FFFFFF; z-index: 2;} .qr_code:before{position: absolute; margin-left: -45px; left: 50%; width: 90px; height: 100%; content: ""; background-color: #FFFFFF; z-index: 2;} .qr_code_changed {background-color: #fe3232;} .blank_qr_code {display: none;} #qr-component {position: relative; margin: 10px 12px; width: 600px; height: 440px;} .small_form #qr-component {margin: 10px 0px; width: 226px; height: 174px;} #qr_manual_submit {margin: 0px 15px 0px 0px;} #hardware_wrap {clear: both;} #hardware_wrap .small_form {overflow: visible;} #hardware_wrap .club_card_nr {float: none;} #qr_manual_submit_search {display: none;} .left_panel_content #qr_code_placeholder {margin: 15px 0px;} .left_panel_content #qr-title {font-size: 14px;} .left_panel_content #qr-component {margin: 5px 0px 5px 0px; width: 230px; height: 174px;} .left_panel_content #qr_manual {width: 100%;} .left_panel_content #qr_manual_submit {display: none;} .left_panel_content #qr_manual_submit_search {display: block; float: left; clear: none;} .left_panel_content #qr_manual_cancel {float: left; clear: none;} #lessons_data_staff h2 {margin: 0px; padding: 7px 0 7px 40px; background: #363e45 url(/club_portal/icons/college.png) 12px center no-repeat; color: #fff; font-size: 16px; text-transform: uppercase; font-weight: normal; border-bottom: none;} .profile_fields {height: 100%;} .profile_fields .items {width: 100%; color: #000000; line-height: 21px; font-size: 15px; margin-top: 0px; font-family: 'PT Sans', sans-serif; background-color: #fff; border: 1px solid #363e45;} .profile_fields .items tr:hover {color: #000; outline: 1px solid transparent;} .profile_fields .items tr:first-child {border-top: 0px!important;} .profile_fields .items tr {height: 35px; line-height: 35px; border-top: 1px solid #c2c2c2;} .profile_fields .items td {line-height: 17px; padding: 10px 0px 10px 15px;} #lessons_data_staff.profile_fields .items .item_title {width: 50%;} .profile_fields .items td span.check_bulletpoint {display: inline-block; width: 15px; height: 12px; margin-right: 10px; background-image: url(/club_portal/icons/check_bulletpoint_orange.png); background-position: left center; background-repeat: no-repeat;} #lessons_data_staff.profile_fields .items .items_date {width: 17%;} .profile_fields .items td.split_border > span, .profile_fields .items .print_invoice > span {display: block; padding: 0 10px; border-left: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; margin-top: 7px; line-height: 21px; min-height: 20px; box-sizing: border-box;} #lessons_data_staff.profile_fields .items .item_price_res {width: 10%;} #lessons_data_staff.profile_fields .items .item_price_res span {display: inline-block;} #lessons_data_staff.profile_fields .items .item_more_info a {color: #ff7200; text-transform: uppercase;} @media only screen and (max-width: 576px) { .auto_reserve_messages > div {text-align: center;} .auto_reserve_messages span.check_bulletpoint {display: none;} body.check_in #user {width: 280px; margin: 0px -140px 0px 0px;} body.check_in #movies {width: 300px; margin: 0px auto; right: auto;} body.check_in #user img {display: none;} .polar_exercise_info {float:none; width:100%;} .api_logo_icons.duplicates img {clear:none;width:34px;} } #tab_family_members .items {margin-top: 20px; width: 100%;} .add_new_family_member {margin-top: 20px;} .add_new_family_member .family_persons, #exists_family_members .family_persons {position: relative; overflow: auto; margin-top: 15px; width: 526px; border-bottom: 1px solid #CCC;} .add_new_family_member .family_persons div.branch, #exists_family_members .family_persons div.branch {position: relative; overflow: auto; clear: both;} .add_new_family_member .family_persons div.branch input[type="checkbox"], #exists_family_members .family_persons div.branch input[type="checkbox"] {clear: none; float: none; margin-top: 3px;} .add_new_family_member .family_persons .branches, #exists_family_members .family_persons .branches {clear: both;} .add_new_family_member .family_persons .branches label {display: inline-block; float: none; line-height: normal; width: auto;} /* #exists_family_members .family_persons .branches label {display: inline-block; float: none; line-height: normal; width: auto;} */ .add_new_family_member .family_persons div.branch label, #exists_family_members .family_persons div.branch label {display: inline-block; float: none; line-height: normal; width: auto;} .add_new_family_member .gender_title, #exists_family_members .gender_title {padding: 0px 0px 0px 0px;} .add_new_family_member .gender_title_label, #exists_family_members .gender_title_label {display: inline-block;} .add_new_family_member .gender_title label, #exists_family_members .gender_title label {display: inline-block; clear: none; width: 50px;} .add_new_family_member .gender_title label span, #exists_family_members .gender_title label span {display: none;} .add_new_family_member .family_member_number_block, #exists_family_members .family_member_number_block {font-size: 20px; font-weight: 600;} .add_new_family_member .family_member_number, #exists_family_members .family_member_number {line-height: 17px;} .add_new_family_member label, #exists_family_members label {font-weight: 400; text-transform: none;} .add_new_family_member input[type="text"], .add_new_family_member input[type="password"] {width: 268px;} #exists_family_members input[type="text"], #exists_family_members input[type="password"] {width: 246px;} .add_new_family_member .family_persons > div {position: relative;} .add_new_family_member .errors_info {position: absolute; left: 0; bottom: -25px; z-index: 100; display: inline-block; padding: 3px 5px; color: red; background-color: #f7d4b8; font-size: 12px; border: 1px solid red; border-radius: 3px; display: block; width: 100%; box-sizing: border-box;} .add_new_family_member .errors_info_arrow {border-color: transparent; border-bottom-color: red; border-width: 0 5px 5px; border-style: solid; position: absolute; left: 46%; top: -5px; width: 0; height: 0;} .add_new_family_member .branch_insurance, #exists_family_members .branch_insurance {margin: 5px 0px;} .add_new_family_member .branch_insurance input[type="checkbox"], #exists_family_members .branch_insurance input[type="checkbox"] {margin-top: 10px;} .add_new_family_member .branch_insurance label {display: inline-block; width: auto; float: none; clear: right; margin: 0px;} .close_button {position: absolute; top: 5px; right: 5px; width: 13px; height: 13px; background: url("/club_portal/icons/change_colors/close.png") center center no-repeat;} .exists_family_persons {font-size: 15px;} .exists_family_persons input[type="text"], .exists_family_persons input[type="password"], .exists_family_persons select {clear: right; float: left; height: 30px; width: auto; margin: 0px 8px 10px 0px; padding: 0px 10px; font-size: 15px; border: 1px solid rgba(191, 191, 191, 1); border-radius: 0px;} .exists_family_persons select { padding: 0px 34px 0px 8px;} .exists_family_persons label {display: block; float: left; width: 146px; text-align: left; line-height: 30px; font-size: 15px; word-wrap: break-word;} .reservation_groups .linked_users .closed, .reservation_groups .linked_users .red {float: none; font-weight: 400;} .reservation_groups .waiting_list {margin-top: 20px;} .membership_selecter {position: relative; padding: 0px; margin-right: 15px;} .membership_selecter .membership_selecter_title {line-height: normal; height: 40px; padding: 0px 40px 0px 6px; line-height: 40px; background: #fff url(/images/design_new/bac_select.png) no-repeat 100% 4px; font-size: 18px;} .membership_selecter .membership_selecter_list {max-height: 400px; overflow-y: auto; overflow-x: hidden; position: absolute; left: -1px; z-index: 1; background-color: #FFF; white-space: nowrap; padding: 14px; border: 1px solid #CCC;} .membership_selecter .membership_selecter_list label.for_inputs {width: calc(100% + 15px); margin: 0px 0px 0px 0px;} .productivity .report_filters_block {clear: none; overflow: visible;} .wizard_steps {width: 60%; margin: 0px auto; table-layout: fixed;} .wizard_steps td {position: relative; overflow: hidden; background-color: transparent; text-align: center; line-height: normal; white-space: nowrap; text-overflow: ellipsis; font-size: 18px; text-transform: uppercase; color: #3d3c3f; vertical-align: middle;} .wizard_steps td::before {display: block; position: relative; width: 31px; height: 31px; margin: 0px auto; content: ""; border: 2px solid #ff5a00; background-repeat: no-repeat; z-index: 10; border-radius: 20px; background-color: #eeeeee;} .wizard_steps td::after {display: block; position: absolute; top: 17px; width: 100%; height: 2px; margin: 0px auto; content: ""; background-color: #eeeeee; z-index: 1;} .wizard_steps td:first-child::after {left: 50%;} .wizard_steps td:last-child::after {right: 50%;} .wizard_steps td.current::before {} .wizard_steps td.activated::before {content: "\2713"; color: #ff5a00; font-weight: 900; font-size: 21px;} .current_package_state > div.data_treatment_agreements, .data_treatment_agreements {display: inline-block; padding: 6px; margin: 10px 0px 0px 10px; min-height: auto; width: auto; border-width: 2px; border-style: solid; border-radius: 2px;} .unsigned_yet {border-color: red;} .agreement_is_signed {border-color: green;} .unsigned_yet.send_again {display: inline-block;} .view_agreement {margin: 30px auto; border: 1px solid #CCC;} .signature_form {margin-top: 10px; margin-bottom: 30px;} .signature_form p {display: block; float: left; margin-bottom: 20px; width: 70%; text-align: left; line-height: 30px; font-size: 20px; text-transform: none; font-weight: 400; color: #404040; word-wrap: break-word;} .signature_form .signature_wrap {float: left; position: relative;} .signature_form .signature_wrap #clear_signature {position: absolute; right: 6px; bottom: 6px; margin: 0px; padding: 0px 4px; font-size: 11px; background-image: none;} .signature_form .error_messages {display: block; float: none; clear: both; font-weight: 400; font-size: 15px; color: red; background-image: none; margin-bottom: 15px;} .signature_form form .form_buttons input[type="submit"]:hover {color: #FFF; background-color: #ec8c02;} .signature_form form .form_buttons .submit_buttons.back {margin: 6px 0px 0px 20px;} .agriment_total_info {width: 100%; margin-top: 20px; font-size: 15px;} .agriment_total_info th {border-bottom: 1px solid #CCC; font-weight: 600;} .agriment_total_info th, .agriment_total_info td {padding: 6px 10px;} .agriment_total_info a {float: right; color: #00afe8;} .symple_acount.current_package_state {width: 70%;} .symple_acount.current_package_state .data_treatment_agreements {width: 96%; margin: 10px 2%; box-sizing: border-box;} .symple_acount.current_package_state a {margin-top: 10px;} .symple_acount.current_package_state .agriment_total_info a {margin-top: 0px;} #remote_add_tfa {width: 620px;} #remote_add_tfa .wrap {position: relative; background-color: #eeeeee; overflow: hidden; padding: 20px; min-height: 300px;} #remote_add_tfa .wrap p {text-align: center;} #remote_add_tfa .wrap table {width: 100%; background-color: white; padding: 20px;} #remote_add_tfa .wrap .as_button {float: right;} #available_modules {padding-top: 77px; float: left;} .reservation_club_portal #available_modules {margin-top: 0px; padding-top: 0px;} .reservation_club_portal #available_modules #settings_modules_headers {height: 84px; padding-left: 330px;} .reservation_club_portal #available_modules #settings_modules_headers h3 {float: left; width: 90px; margin-top: 8px;} .reservation_club_portal #columns #center .tabs {padding-left: 20px;} .reservation_club_portal #columns #center .profile_tab .tabs, .reservation_club_portal #columns #center .tabs.no_padding_tabs {padding: 0px;} form #available_modules input[type="text"] {width: 50px; margin-left: 32px;} form #available_modules input[type="checkbox"] {margin-top: 16px; margin: 0 32px;} form#reservation_club_portal .tab input[type="text"], form#reservation_club_portal .tab select {margin: 10px 0px 0px 0px;} form#reservation_club_portal .tab .clear_space {display: block; clear: both; margin: 0px 0px 46px 0px; overflow: hidden;} form#reservation_club_portal .tab .clear_space.for_one_row {margin: 0px 0px 10px 0px; } form#reservation_club_portal #without_tr_tab {clear: both; padding: 5px;} form#reservation_club_portal label {margin: 0px 0px 10px 0px;} form#reservation_club_portal .form_subblock {width: 180px; min-height: 50px;} form#reservation_club_portal .additional_module_options label {width: auto!important; text-transform: unset; font-weight: 400; margin-left: 20px; margin-right: 5px; line-height: 24px;} #reservation_club_portal #tabs { max-width: 810px; } #reservation_club_portal #tabs.full_width { max-width: none; } #reservation_club_portal #tabs h3 { margin-bottom: 10px; } .gray_wrap {position: relative; background-color: #eeeeee; overflow: hidden; padding: 20px; min-height: 300px;} .gray_wrap table, .gray_wrap form {background-color: white; padding: 20px;} .gray_wrap .as_button {float: right;} span.errors_info { position: absolute; z-index: 100; display: inline-block; padding: 3px 5px; color: red; background-color: #f7d4b8; font-size: 12px; border: 1px solid red; border-radius: 3px; line-height: 20px;} span.errors_info .errors_info_arrow { border-color: transparent; border-bottom-color: red; border-width: 0 5px 5px; border-style: solid; position: absolute; left: 46%; top: -5px; width: 0; height: 0; } .offer_fields {float: left; width: auto; margin-right: 10px;} form .offer_fields input[type="text"], form .offer_fields select, .invoices form.wide .offer_fields select {width: 320px;} .offer_histories {overflow: hidden; float: left; width: 632px; height: 350px; padding: 6px 8px; box-sizing: border-box; border: 1px solid #CCC;} .offer_actions {margin-bottom: 10px;} #offer_status {float: right;} .offer_actions .pseudo_select.status {top: auto; width: auto; height: 20px; line-height: 20px; padding: 0px 22px 0px 10px; float: right; color: #FFF; text-align: center; border-radius: 2px; border: 1px solid transparent; font-weight: 600; text-transform: uppercase; font-size: 12px;} .offer_actions .pseudo_select.status:before{position: absolute; right: 8px; display: inline-block; overflow: hidden; margin-top: 8px; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0px 5px; border-color: #FFF transparent transparent transparent; content: ""} .offer_actions .pseudo_select.status .options {border: 1px solid #CCC; padding: 0px 2px 2px 2px; box-sizing: border-box; width: 100%; font-weight: 600; text-transform: uppercase; font-size: 12px;} .offer_actions .pseudo_select.status .options .status {width: 100%; box-sizing: border-box; margin-top: 2px; text-align: center; color: #FFF;} .offer_actions .pseudo_select.status .options .status:hover, .offer_actions .pseudo_select.status {cursor: pointer;} .offer_histories .offer_log {overflow: auto; height: 305px;} .offer_histories .offer_history_date {padding: 6px 1px; margin-bottom: 6px; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #CCC;} .offer_histories .offer_history {margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #CCC;} .offer_histories .offer_status {padding: 0px 4px; font-size: 17px; margin-bottom: 8px;} .offer_histories .offer_status .triangle {position: relative; float: right; width: 20px; border: 0px solid #ccc; height: 20px;} .offer_histories .offer_status .triangle:hover {cursor: pointer;} .offer_histories .offer_status .triangle:before{position: absolute; display: none; overflow: hidden; margin: 7px 3px; width: 0; height: 0; border-style: solid; border-width: 7px 7px 0px 7px; border-color: #dedb00 transparent transparent transparent; content: ""} .offer_histories .offer_status .triangle:hover:before{cursor: pointer; border-color: #CCC902 transparent transparent transparent;} .offer_histories .offer_detail {padding-left: 24px;} .sign_online {width: 100%; height: 100%; margin: 0px auto; padding: 20px 0px 60px 0px; background-color: #FFF; box-sizing: border-box;} .view_sign_online {margin: 30px auto; border: 1px solid #CCC;} .sign_online > div {width: 60%; margin: 0px auto;} .sign_online .left_image_link {float: right; margin: 0px; padding: 0px 0px 0px 20px;} .offer_info{overflow: hidden;} .offer_info > p {float: left; font-size: 20px;} .offer_adit_info {margin: 6px 0px 0px 0px; padding: 0px 24px;} .offer_adit_info > div {margin-top: 6px; display: block; clear: both; padding: 0px; border: 1px solid #CCC; background: #FFF;} .offer_adit_info iframe {border: 0px solid #CCC; overflow-x: hidden; overflow-y: auto; } #offers #linked_products {} #offers #linked_products .left_image_link.delete, #invoices #linked_products .left_image_link.delete {margin: 8px 0px 0px 0px; background-position: 23px -260px;} .thanks_page_body {clear: both; overflow: hidden; margin: 20px 0px; padding: 20px; font-size: 20px; border: 1px solid #CCC;} .thanks_page_body {text-align: center;} .thanks_page_body img {width: 60px; margin: 0px auto 20px auto;} .thanks_page_body p {display: block; margin-bottom: 20px; font-size: 18px; text-align: center;} .offers.info, .offers.thanks {background: #FFF;} #tab_global {width: 100%;} #tab_global td:first-child {width: 20%; vertical-align: top;} .tabs_new .tab #end_email_settings {clear: both; float: none;} .tabs_new .tab #end_email_settings td {padding: 4px 0px;} .gray_wrap {position: relative; background-color: #eeeeee; overflow: hidden; padding: 20px; min-height: 300px;} .gray_wrap table, .gray_wrap form {background-color: white; padding: 20px;} .gray_wrap .as_button {float: right;} div.stickyHeader {position:fixed;_position:absolute;top:0;} .hide {display:none;} .progress_bar {text-align: center; color: #444; position: relative; height: 16px; border: 1px solid #ccc; border-radius: 1px;} #repeat_progress, #reservation_save_progress {float: left;} #repeat_progress .progress_bar {width: 263px; margin-top: 6px;} #reservation_save_progress .progress_bar, .reservations_progress .progress_bar {width: 263px; margin-top: 0px;} #reserved_users {margin: -2px 0px 0px 20px; display: inline-block;} #activity_special_price_for_company table {width: 100%;} #new_special_company_price td {height: 32px; padding-bottom: 6px; border-bottom: 1px solid #CCC;} form #new_special_company_price span {margin-right: 10px;} form #new_special_company_price span#special_company_price_indicator {margin-left: 10px; width: 32px; height: 32px;} .special_company_pricess_title .left_image_link {float: right;} .special_company_pricess_title span {margin-right: 10px;} input[type="text"].for_currency {margin: 0px 5px 0px 0px!important;} tr.special_company_pricess td, tr.special_company_pricess td:last-child {padding-bottom: 10px!important; border-bottom: 1px solid #CCC!important;} div#new_special_company_price {height: 32px; padding-bottom: 6px; border-bottom: 1px solid #CCC;} div.special_company_pricess_title {clear: both; overflow: hidden;} div.special_company_pricess {clear: both; overflow: hidden; padding-bottom: 9px; border-bottom: 1px solid #CCC;} div.special_company_pricess span {margin-right: 13px;} form#orders_form label.for_inputs {display: inline-block; float: none;} .form_subblock label.with_selectbox{line-height: 30px;} .user_use_auto_orders_collect {float: none; display: inline-block; margin-left: 30px;} .user_use_auto_orders_collect .form_subblock {float: none; display: inline-block;} .user_use_auto_orders_collect .form_subblock select {width: 70px;} .terminal_test {float: left; margin-left: 80px;} .terminal_test .terminal_test_result {clear: both; border: 1px solid #CCC; height: 100px;} #reserved_users {margin: -2px 0px 0px 20px; display: inline-block;} #portal_countries {clear: both;} #show_portal_countries {display: inline-block; margin: 0px; padding: 0px; font-size: 30px; font-weight: 600; line-height: 26px; cursor: pointer;} #show_portal_countries:hover {color: #dedb00;} #portal_countries > div {float: left;} #portal_countries label {width: 190px; line-height: 18px; font-size: 12px; text-transform: none; font-weight: 400;} #partner_countries {clear: both;} #show_partner_countries {display: inline-block; margin: 0px 20px; padding: 0px 10px; font-size: 30px; font-weight: 600; line-height: 26px; cursor: pointer;} #show_partner_countries:hover {color: #dedb00;} #partner_countries > div {float: left;} #partner_countries label {width: 230px; line-height: 18px; font-size: 12px; text-transform: none; font-weight: 400;} #custom_block_fields .form_subblock {float: none; clear: both;} #custom_block_fields .type {width: 150px;} #custom_block_fields .description {width: 330px;} #custom_block_fields input[type="text"] {width: 360px;} .hidden_btn {display: none;} #product_price_for_company {} #product_price_for_company span {margin-right: 13px;} .like_text_field {height: 38px;} .change_capacity_link {color: #ff5a00; font-weight: 600; margin-right: 7px;} .change_capacity_link.active {color: #000;} #add_reservation form #new_capacity_block label {clear: none; width: auto; display: inline-block; text-transform: none; font-weight: 400; margin: 0; padding: 0px 5px 0px 0px;} #add_reservation form #new_capacity_block > input[type="text"] {display: inline-block;} #add_reservation form #new_capacity_block > label.for_inputs {clear: both; display: block; margin: 6px 0px;} #add_reservation form #new_capacity_block > input[type="checkbox"] {vertical-align: middle; margin: 6px 0px 0px 0px; padding: 0px; float: none;} #add_reservation form #new_texts_block, #add_reservation form #new_capacity_block, #add_reservation form #new_change_times {width: 770px; margin: 16px 0px; padding: 10px 10px; background-color: #fff5c7;} #add_reservation form #new_texts_block textarea {width: 369px;} #add_reservation form #new_texts_block, #add_reservation form #new_capacity_block {margin-bottom: 6px;} #add_reservation form #new_texts_block .clear .reservation_btn, #add_reservation form #new_capacity_block .clear .reservation_btn, #add_reservation form #new_change_times .clear .reservation_btn {float: none; margin: 0px 7px 0px 0px;} #add_reservation form #new_change_times .datetime_select {width: 120px; margin-bottom: 15px;} .checkin_selfscans_label_prices {position: relative; float: left; clear: right; width: 70%;} .checkin_selfscans_label_prices td {line-height: 30px;} .checkin_selfscans_label_prices span {margin: 0px 15px 0px 0px;} .checkin_selfscans_label_prices span.colored_item {margin: 7px 3px 0px 0px;} .checkin_selfscans_label_prices input[type="text"].for_currency {width: 100px; margin: 0px 5px 0px 0px!important;} .checkin_selfscans_label_prices select {width: 200px; margin: 0px 15px 0px 0px!important;} .checkin_selfscans_label_prices label.for_inputs {width: 200px; font-weight: 400; font-size: 14px; text-transform: none;} .check_in.selfscan {background-image: none; background: #FFF;} .check_in.selfscan * {font-family: "Tahoma", "Arial", "Helvetica";} .check_in.selfscan .check_in_top {clear: both; overflow: hidden;} .check_in.selfscan #client_logo {float: left; margin: 15px; width: 25%;} .check_in.selfscan #user_avatar {float: right; margin: 15px;} .check_in.selfscan #user_avatar img {width: 130px;} .check_in.selfscan #client_text {margin-top: 3%; margin-left: 0%; text-align: center; font-size: 36px; font-weight: 600; color: #ff5a00; line-height: normal;} .check_in.selfscan #client_text.error_messages {color: red;} .check_in.selfscan #client_text > div {display: inline-block; clear: both; overflow: hidden; margin: 0px 0px 10px; line-height: normal;} .check_in.selfscan #client_text > div.terminal_result {overflow: visible;} .check_in.selfscan #client_footter {position: absolute; bottom: 15px; left: 20px; width: 15%; background-image: url(/images/NFC.png); background-repeat: no-repeat;} .check_in_user_info {text-align: left;} .check_in_user_info div:first-child {margin-bottom: 2%;} .check_in_user_info > div {margin-bottom: 15px;} .check_in_user_info img {width: 180px;} .check_in_user_info .clubcard_terminal_prices {} .check_in_user_info .clubcard_terminal_prices {} .check_in_user_info .clubcard_terminal_prices > div:first-child {margin-bottom: 1%;} .check_in_user_info .clubcard_terminal_prices .price_butoon, .terminal_result .price_butoon {display: inline-block; margin-left: 1%; margin-bottom: 15px; padding: 15px; height: 30px; min-width: 138px; border: 2px solid #ff5a00; border-radius: 10px; line-height: 30px; cursor: pointer;} @media only screen and (max-width: 1366px) { .check_in.selfscan #client_text {font-size: 32px; font-size: 3vw;} .check_in_user_info .clubcard_terminal_prices .price_butoon, .terminal_result .price_butoon {min-width: auto;} } .more_than_one.to_top {background-image: url(/images/design_new/arrowd.png);} .more_than_one.to_bottom {background-image: url(/images/design_new/arrowb.png);} .reminders_outlet_title { cursor: pointer; padding: 10px 0; } .reminders_outlet_title.more_than_one { border-bottom: 1px solid #ccc; background-position: 98% center; background-repeat: no-repeat; } .reminders_block_transition {-webkit-transition: max-height 1s; -moz-transition: max-height 1s; -ms-transition: max-height 1s; -o-transition: max-height 1s; transition: max-height 1s; overflow: hidden; max-height: 0;} .reminders_block { height: auto; } .transition_show { min-height: 450px; max-height: none; } .reminders_block tr p, .reminders_block_transition tr p { font-weight: bold; } .reminders_block td span, .reminders_block_transition td span { font-weight: normal; padding-right: 50px;} .reminders_block select, .reminders_block_transition select { margin: 0px 60px 10px 0px; } .reminder_days input[type="text"] { width: 40px; margin-left: 40px;} .reminder_days span { padding: 0 0 0 15px; } .reminders_options {margin-top: 45px;} .reminders_options label {width: 420px; font-weight: normal; text-transform: none; margin-right: 5px;} .reminders_options input[type="checkbox"] { margin-top: 10px; } .opportunities_block, .level_up, .xp_gifts {background-position: left center; background-repeat: no-repeat; display: inline-block; width: 30px; height: 30px; background-size: 100% 100%; margin-right: 10px;} .opportunities_block {background-image: url(/images/xp_loyalty/loyalty_referral.svg); width: 50px; height: 30px; } .level_up {background-image: url(/images/xp_loyalty/level_up.png); width: 30px; height: 30px; } .xp_gifts {background-image: url(/images/xp_loyalty/loyalty_present.png); width: 30px; height: 30px; } .xp_loyalty_settings_title { cursor: pointer; padding: 10px 0; line-height: 30px; text-transform: uppercase;} .xp_loyalty_settings_title.more_than_one { border-bottom: 1px solid #ccc; background-position: 98% center; background-repeat: no-repeat; background-color: aliceblue; margin-bottom: 5px } .xp_loyalty_settings_transition {-webkit-transition: max-height 1s; -moz-transition: max-height 1s; -ms-transition: max-height 1s; -o-transition: max-height 1s; transition: max-height 1s; overflow: hidden; max-height: 0;} .xp_loyalty_points_actions {border: 1px solid #ccc; margin: 10px 0; padding: 10px; height: auto; background-color: #f1f1f1;} .xp_loyalty_points_actions h2 {font-size: 15px; border: none; margin-bottom: 0;} .xp_loyalty_points_actions form input[type="checkbox"] {margin: 10px 5px 0 0;} #loyalty_reset_types label {width: auto; margin-right: 15px; cursor: pointer; text-transform: none; font-weight: normal; border-right: 1px solid #ccc; padding-right: 7px } #loyalty_reset_types img {display: inline-block; width: 24px; height:24px; margin-top: 4px; opacity: 0.5;} .loyalty_action_title {font-weight: 600; clear: both; margin-right: 10px; display: flex; align-items: center;} .loyalty_action_title .mass_checking {font-weight: normal; margin-left: 20px; cursor: pointer;} .xp_loyalty_action_header {display: flex; justify-content: space-between; border-bottom: 1px solid #ccc;margin-bottom: 10px} .close_xp_loyalty_action_block {width: 30px; height: 30px; color: red; font-weight: bold; cursor: pointer; text-align: center; background-color: antiquewhite; line-height: 30px; } #client_xp_loyalty_usage_mode #usage_mode {color: red; font-size: 16px; font-weight: bold; margin-right: 10px; text-transform: uppercase;} #client_xp_loyalty_usage_mode #usage_mode.live_usage_mode {color: green; } .free_loyalty_coupons_form .in_form_file .qq-uploader{width: 200px;margin: 0 20px 0 0;} .free_loyalty_coupons_form .xp_loyalty_coupon_icon {display: flex; flex-direction: column;} .free_loyalty_coupons_form .gift_settings .left_image_link {float: left;} .xp_loyalty_coupon_icon .in_form_image {margin: 0 20px;} .free_loyalty_coupons_form .xp_loyalty_settings span {padding: 0;} .free_coupon_updating { margin-left: 20px; line-height: 30px; color: green; font-weight: bold;} .xp_loyalty_transition_show { min-height: 270px; max-height: none; } #xp_loyalty_levels .xp_loyalty_transition_show { min-height: 250px; } .xp_loyalty_settings input[type="text"] { width: 90px; margin: 0 0 10px 0;} .xp_loyalty_settings span { padding: 0 0 0 15px; } .xp_loyalty_settings > span { display:inline-block; float: left; min-width: 200px;} .xp_loyalty_config_free_coupon input {margin: 0px 10px 10px 0px !important;} .xp_loyalty_adding_coupons_buttons {margin-top: 20px;} .xp_loyalty_coupon_no_image {width: 220px; color: #d94747; font-weight: bold; padding: 10px;} .opportunity_headers h3 {float: left; } .opportunity_description input[type="text"] {width: 720px;} .opportunity_description.free_coupon input[type="text"] {width: 320px;} #opportunity_settings.items tr, #level_settings.items tr, .gift_settings.items tr {background-color: #ffffff;} #opportunity_settings.items tr:hover, #level_settings.items tr:hover, .gift_settings.items tr:hover {outline: none;} #opportunity_settings.items, #level_settings.items , .gift_settings.items {border: 0; margin-bottom: 20px;} #level_settings.items, .gift_settings.items {padding-top: 20px; width: 220px;} .gift_settings { border: 1px dashed #ccc;} .separ_td {width: 66%;} .gift_settings input[type="text"] {border: 1px dotted #ccc; margin-right: 20px;} .gift_settings .left_image_link {padding: 0px 0px 0px 11px; margin-right: 3px; float: right;} .gift_settings .coupon_text {font-size: 18px;} .gift_settings .coupon_text_wrap {width: 15%;} .gift_settings .xp_gifts {margin-left: 15px;} .gift_settings td.percent_coupon {vertical-align: middle;} .gift_settings td.percent_coupon span {margin-left: 5px;} .bronze_level, .silver_level, .gold_level {text-align: center; margin: 10px 5px 10px -5px;} .level_icon {display: inline-block; margin-bottom: 5px; width: 50px; height: 50px; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;} .bronze_level .level_icon {background-image: url(/images/jogger_bronze.png)} .silver_level .level_icon {background-image: url(/images/jogger_silver.png)} .gold_level .level_icon {background-image: url(/images/jogger_gold.png)} .new_loyalty .bronze_level .level_icon {background-image: url(/images/xp_loyalty/bronze.png)} .new_loyalty .silver_level .level_icon {background-image: url(/images/xp_loyalty/silver.png)} .new_loyalty .gold_level .level_icon {background-image: url(/images/xp_loyalty/gold.png)} .new_loyalty .level_icon {width: 44px; height: 60px;} .new_loyalty .xp_loyalty_icon {display: inline-block; width: 30px; height: 46px;} .new_loyalty .xp_loyalty_icon.create_an_account {background-image: url(/images/xp_loyalty/new_member.png)} .new_loyalty .xp_loyalty_icon.make_a_purchase {background-image: url(/images/xp_loyalty/shop_buy_product.png)} .new_loyalty .xp_loyalty_icon.birthday_coins {background-image: url(/images/xp_loyalty/birthday.png)} .new_loyalty .xp_loyalty_icon.referral {background-image: url(/images/xp_loyalty/referral.png)} .new_loyalty .xp_loyalty_icon.visit {background-image: url(/images/xp_loyalty/visits.png)} .new_loyalty .xp_loyalty_icon.five_visits_per_month {background-image: url(/images/xp_loyalty/five_visits_per_month.png)} .new_loyalty .xp_loyalty_icon.ten_visits_per_month {background-image: url(/images/xp_loyalty/ten_visits_per_month.png)} .new_loyalty .xp_loyalty_icon.two_visits {background-image: url(/images/xp_loyalty/two_visits.png)} .new_loyalty .xp_loyalty_icon.five_visits {background-image: url(/images/xp_loyalty/five_visits.png)} .new_loyalty .xp_loyalty_icon.ten_visits {background-image: url(/images/xp_loyalty/ten_visits.png)} .new_loyalty .xp_loyalty_icon.one_year_membership {background-image: url(/images/xp_loyalty/one_year.png)} .new_loyalty .xp_loyalty_icon.two_years_membership {background-image: url(/images/xp_loyalty/two_years.png)} .new_loyalty .xp_loyalty_icon.three_years_membership {background-image: url(/images/xp_loyalty/three_years.png)} .new_loyalty .xp_loyalty_icon.discount_free_month {background-image: url(/images/xp_loyalty/discount_free_month.png)} .new_loyalty .xp_loyalty_icon.discount_percent_20 {background-image: url(/images/xp_loyalty/discount_percent_20.png)} .new_loyalty .xp_loyalty_icon.discount_percent_50 {background-image: url(/images/xp_loyalty/discount_percent_50.png)} .gift_settings .xp_loyalty_icon.discount_free_month, .gift_settings .xp_loyalty_icon.discount_percent_20, .gift_settings .xp_loyalty_icon.discount_percent_50 {margin-left: 15px; line-height: 45px; width: 40px;} .new_loyalty .xp_loyalty_icon.abonnement {background-image: url(/images/xp_loyalty/abonnement.svg)} .new_loyalty .xp_loyalty_icon.my_clubcard {background-image: url(/images/xp_loyalty/my_clubcard.svg)} .new_loyalty .xp_loyalty_icon.member_benefit {background-image: url(/images/xp_loyalty/member_benefit.svg)} .new_loyalty .xp_loyalty_icon.gift {background-image: url(/images/xp_loyalty/loyalty_present.png)} .new_loyalty .xp_loyalty_icon.loyaty_coins {background-image: url(/images/xp_loyalty/loyalty_referral.svg)} .new_loyalty.xp_gifts {background-image: url(/images/xp_loyalty/xp_gifts.png); width: 30px; height: 30px; } .new_loyalty .xp_loyalty_settings span {line-height: 45px;} .new_loyalty .xp_loyalty_settings input[type="text"] {margin-bottom: 0;} .new_loyalty #opportunity_settings tr:hover {background-color: aliceblue;} .card_balance .level_icon {width: 35px; height: 35px; margin: -10px 0 0 0;} .new_loyalty.card_balance .level_icon {width: 26px; height: 35px;} #object_header_description, #object_level_description {width: 100%;} .xp_loyalty_icon {display: inline-block; width: 30px; height: 30px; background-position: left center; background-repeat: no-repeat; background-size: 100% 100%;} .xp_loyalty_icon.create_an_account {background-image: url(/images/xp_loyalty/loyalty.svg)} .xp_loyalty_icon.make_a_purchase {background-image: url(/images/xp_loyalty/loyalty_webshop.svg)} .xp_loyalty_icon.birthday_coins {background-image: url(/images/xp_loyalty/loyalty_cake.png)} .xp_loyalty_icon.referral {background-image: url(/images/xp_loyalty/my_personal_trainer.svg)} .xp_loyalty_icon.visit {background-image: url(/images/xp_loyalty/loyalty_my_club.svg)} .xp_loyalty_icon.renew_another_year {background-image: url(/images/xp_loyalty/loyalty_abonnement.svg)} .xp_loyalty_icon.abonnement {background-image: url(/images/xp_loyalty/abonnement.svg)} .xp_loyalty_icon.my_clubcard {background-image: url(/images/xp_loyalty/my_clubcard.svg)} .xp_loyalty_icon.member_benefit {background-image: url(/images/xp_loyalty/member_benefit.svg)} .xp_loyalty_icon.gift {background-image: url(/images/xp_loyalty/loyalty_present.png)} .xp_loyalty_icon.loyaty_coins {background-image: url(/images/xp_loyalty/loyalty_referral.svg)} .emails_svg {height: 30px; margin: 0px auto; background-image: url(/images/svg/email_black.svg); background-repeat: no-repeat; background-size: 100% 100%;} .times_for_selected_date {display: none; position: absolute; top: 0px; left: calc(50% - 205px); width: 422px; overflow-y: auto; max-height: 616px; border: 1px solid #CCC; background-color: #FFF; padding: 20px; box-sizing: content-box;} .times_for_selected_date.active_block {display: block;} .times_for_selected_date.active_block .coaching_button {margin-right: 0px;} .times_for_selected_date .selected_date_title {margin-bottom: 10px; font-weight: 600;} .times_for_selected_date .selected_date_inline_title {display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;} .selected_date_inline_title .selected_date_title {margin-bottom: 0px;} .times_for_selected_date .active_block {display: flex; background-color: #CCCCCC3B; flex-direction: row; flex-wrap: wrap; gap: 10px; justify-content: flex-start; padding: 10px; max-height: 430px; overflow: auto;} #xp_loyalty_points_items .taken {display: inline-block; position: relative; height: 17px;} #xp_loyalty_points_items .taken::before { border: 2px solid #119e00; background-color: #ffffff; content: ''; position: absolute; top: 2px; left: 0; width: 14px; height: 14px; border-radius: 14px;} #xp_loyalty_points_items .taken::after {background-image: url(/club_portal/checkednew.png); content: ''; position: absolute; top: -3px; left: 2px; width: 20px; height: 20px; background-position: center center; background-repeat: no-repeat;} form input[type="checkbox"].switcher { margin-top: 0px; } .switcher{appearance:none; -webkit-appearance: none; -moz-appearance: none; width:45px; height:20px; border:3px solid #ff5454; border-radius:5px; background-color:transparent; position:relative; display:inline-block; overflow:hidden; vertical-align: middle; transition: background 0.3s; box-sizing:border-box; outline: none; box-sizing: content-box;} .switcher:after{content:'OFF'; font-size: 12px; line-height: 21px; text-align: center; font-weight: 600; color: #fff; position:absolute; top:-1px; left: 0px; width:23px; height:21px; background-color:#ff5454; transition: left 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);} .switcher:checked{border-color:#49a049;} .switcher:checked:after{content:'ON'; left: 23px; background-color:#49a049;} .switcher:focus:not(:checked):not(:disabled):after{left: 0px;} .switcher:focus:checked:not(:disabled):after{left:23px;} .switcher:disabled{opacity:0.5;} .custom_checkbox_block { margin-bottom: 10px; } .custom_checkbox_block label { margin: 0px 5px 0px 0px; width: 420px; } .custom_checkbox {width:45px; height:20px; border:3px solid #ff5454; border-radius:5px; background-color:transparent; position:relative; display:inline-block; overflow:hidden; vertical-align: middle; transition: background 0.3s; box-sizing:border-box; outline: none; box-sizing: content-box;} .custom_checkbox input[type="checkbox"]{display: none;} .custom_checkbox span {font-size: 12px; line-height: 21px; text-align: center; font-weight: 600; color: #fff; position:absolute; top:-1px; left: 0px; width:23px; height:21px; background-color:#ff5454; transition: left 0.1s cubic-bezier(0.785, 0.135, 0.15, 0.86);} .custom_checkbox.checked{border-color:#49a049;} .custom_checkbox.checked span{left: 23px; background-color:#49a049;} .psevdo_checkbox_label {text-transform: none; font-weight: 400; line-height: 20px;} .psevdo_checkbox{height: 22px; width: 22px; box-sizing: border-box; line-height: 22px; margin: 0px; padding-left: 26px; cursor: pointer; user-select: none; position: relative;} .agenda .psevdo_checkbox:before {border: 2px solid #ff5a00;} .psevdo_checkbox:before {content: ""; display: inline-block; width: 16px; height: 16px; position: absolute; left: 0; top: 0; border: 2px solid #404040;} /* Checked */ .psevdo_checkbox:after {content: ""; opacity: 0; transition: opacity 0.3s ease;} .psevdo_checkbox:hover:before, .psevdo_checkbox.checked:before {border: 2px solid #ff5a00;} .psevdo_checkbox.checked:after {display: inline-block; width: 6px; height: 16px; border-right: 4px solid #ff5a00; border-bottom: 4px solid #ff5a00; transform: rotate(45deg); border-radius: 2px; position: absolute; left: 8px; top: -5px; opacity: 1; } .past_action {color: red;} .confirmed_action {color: green;} .left_panel_content span.psevdo_checkbox {display: inline-block;} .documents_folder_list {clear: both; overflow: hidden; position: relative; min-height: 68px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #CCC;} .documents_folder_list.collapsed {min-height: 34px; height: 34px;} .documents_folder {position: relative; line-height: 34px; font-size: 17px; font-weight: 600; padding-left: 25px; color: #ff5a00;} .documents_folder:hover, .documents_folder_list.collapsed .documents_folder:hover {cursor: pointer; color: #ff5a00;} .documents_folder:hover::before, .documents_folder_list.collapsed .documents_folder:hover::before {border-right: 2px solid #ff5a00; border-bottom: 2px solid #ff5a00;} .documents_folder::before {content: ''; border-right: 2px solid #ff5a00; border-bottom: 2px solid #ff5a00; display: block; width: 8px; height: 8px; position: absolute; top: 11px; left: 5px; bottom: auto; transform: rotate(45deg);} .documents_folder_list.collapsed .documents_folder {color: #3d3c3f;} .documents_folder_list.collapsed .documents_folder::before {border-right: 2px solid #3d3c3f; border-bottom: 2px solid #3d3c3f;top: 13px; transform: rotate(-45deg);} .documents_folder_list.collapsed .documents_list {display: none;} .documents_list {margin-left: 25px;} .uploaded_document {display: grid; grid-template-columns: 1.6fr 1fr 0.7fr 0.7fr; font-size: 17px; padding: 6px 0px;} .debt_collection_days, .reminder_fee_values { display: inline-block; } .debt_collection_days input[type="text"]{ width: 40px; } .debt_collection_days span, .reminder_fee_values span { font-weight: bold; margin: 0 10px 0 10px; float: left;} .reminder_fee_values input[type="text"]{ width: 60px; } .reminder_fee_values select { margin: 0px 0 10px 0px; } .reminder_fee_values table span { font-weight: bold; margin: 0 10px 0 0px; } .reminder_fee_values table { margin: 20px; } .is_all_users_as_child {margin-top: 10px;} .is_all_users_as_child input[type="checkbox"] {margin-right: 5px;} .no_show_icon {border: 2px solid #ff4400; margin: 13px 15px 10px 0px; height: 15px; width: 15px; border-radius: 20px; color: black; float: left; line-height: 10px; font-size: 30px; text-align: center;} .no_show_icon + label {line-height: 40px;} #custom_body_parent, #custom_ext_description_parent { float: none; line-height: 17px!important;} #custom_body_tbl td, #custom_ext_description_tbl td {line-height: 30px!important; padding-right: 0px!important;} #custom_body_tbl span, #custom_ext_description_tbl span { line-height: 18px;} #premium_pro .win_right_side_subblock {width: 706px;} #premium_pro .as_button {margin: 30px 0px 0px 0px;} #premium_pro hr {clear: both; margin-bottom: 10px;} #premium_pro {} #premium_pro .sepa_files_with_legend {margin-top: 14px;} #premium_pro #stop_options span.red {font-weight: 400;} #premium_pro label.membership_list {margin: 0px 10px 0px 0px;} #premium_pro span.membership_list {margin: 0px 0px 10px 0px;} #premium_pro .win_right_side_subblock > div > div{overflow: initial;} #premium_pro .win_right_side_subblock table.nice{width: 100%;} #premium_pro .win_right_side_subblock table.nice th{padding: 6px; text-align: left; font-weight: 600; border-bottom: 1px solid #ccc;} #premium_pro .win_right_side_subblock table.nice td{padding: 6px; text-align: left; border-bottom: 1px solid #ccc;} #premium_pro .win_right_side_subblock table.nice tr:last-child td{border-bottom: none;} #premium_pro .info_field{display: block; clear: left; float: left; width: 230px; margin: 0px 10px 10px 0px; text-align: left; line-height: normal; font-size: 15px; color: #404040; word-wrap: break-word;} #premium_pro_mutation_head {clear: both; overflow: hidden; padding-left: 4px; margin-bottom: 20px;} #premium_pro_mutation_head .input_label {display: block; float: none; margin-bottom: 0px;} #premium_pro_mutation_head .input_label input[type="radio"] {margin-top: 8px;} #premium_pro_mutation_head .win_right_side_subblock {width: 476px; margin-bottom: 0px;} #premium_pro_short_user_info {clear: both; overflow: hidden;} .premium_pro_sub_outlets {width: 200px;} .premium_pro_sub_outlets input[type="checkbox"] {margin-top: 8px;} #premium_pro_member_info_block {float: left; width: 486px; margin-right: 14px;} #premium_pro_member_info_block .win_right_side_subblock {width: 486px;} #premium_pro_member_info_block .win_right_side_subblock select, #premium_pro_member_info_block .win_right_side_subblock input[type="text"] {width: 266px;} #premium_pro_member_info_block textarea {width: 266px;} #premium_pro_member_info_block label {width: 190px;} #premium_pro_member_info_block label.input_label {width: auto;} #premium_pro_member_info_block select.date_fields {width: auto;} #premium_pro_member_info_block select#object_user_birthday_1i, #premium_pro_member_info_block select#object_user_fin_mandate_signed_1i {margin-right: 0px} #premium_pro_member_info_block input[type="checkbox"] {margin-top: 8px;} #premium_pro_member_info_block #object_user_f_name {width: 100px; margin-right: 5px;} #premium_pro_member_info_block #object_user_interjection {width: 56px; margin-right: 5px;} #premium_pro_member_info_block #object_user_l_name {width: 100px;} #premium_pro_member_info_block .floated_block.fr {float: right;} #premium_pro_member_info_block #admin_comment {clear: both; float: none; width: 466px;} .premium_pro_membership_info {width: 266px; border-top: 1px solid #ccc;} .premium_pro_membership_info:first-child {border: none;} .premium_pro_membership_info span:first-child {padding: 0px 0px 0px 0px;} .premium_pro_membership_info span {display: block; float: none; padding: 0px 0px 0px 6px;} #premium_pro_preview_block {float: left; width: calc(100% - 500px);} #premium_pro_preview_block .file_drop_block {clear: both; overflow: hidden;} #premium_pro_preview_block #premium_pro_uploaded_file_preview {width: 100%; height: 800px; margin-top: 30px; border: 1px solid #ccc} #premium_pro_preview_block .file_upload .qq-upload-drop-area {width: 470px; margin: 0px auto;} #premium_pro_preview_block .file_upload {padding: 0px;} #premium_pro_preview_block .file_upload .qq-uploader {float: none;} #premium_pro_preview_block .file_upload .qq-upload-list {display: none;} #premium_pro_uploaded_file_preview iframe img {width: 100%; height: 100%;} #indicator.no_float {float: none;} .short_comment {width: 150px; overflow: hidden; text-overflow: ellipsis; cursor: pointer;} .premium_pro_members_comment .css_popup_content {width: 400px; white-space: normal;} .in_form_file {padding-left: 0px;} .in_form_file .file_upload {clear: right; padding-left: 0px;} .in_form_image {clear: both; margin: 20px 0px 0px 240px;} .in_form_image img {width: 446px;} .in_form_image a {display: block; margin: 15px 0px;} .premium_pro_bank_file_upload .qq-uploader, .in_form_file .qq-uploader {width: 446px; cursor: pointer;} .premium_pro_bank_file_upload .qq-upload-cancel, .in_form_file .qq-upload-cance {display: none;} .premium_pro_bank_file_upload .qq-upload-filesize, .in_form_file .qq-upload-filesize {display: none;} #coaching_images_set {padding: 0px; clear: left; width: 300px; display: inline-block;} #coaching_images_set .qq-uploader {width: 100%;} #monthly_payments_content {} #monthly_payments_content select {width: 170px; padding-right: 38px;} #monthly_payments_content input[type='submit'] {display: block; clear: both; margin-left: 25px;} #monthly_payments_content #req_collect_date {margin-left: 25px;} .width_60_percent {width: 60%;} .search_for_monthly_payments {} .search.search_for_monthly_payments input[type=text] {width: 230px;} .search.search_for_monthly_payments input[type=submit] {margin-left: 0px;}.terminal_test .terminal_test_result {clear: both; border: 1px solid #CCC; height: 100px;} #reminder_label {margin-top: 5px;} #hours_before {display: inline-block;} #hours_before input[type="text"] {float: none; margin: -5px 5px 0 5px; width: 50px; text-align: center; line-height: 18px;} #hours_before span {line-height: 22px;} .win_right_side_subblock select.selecter_with_add {width: 425px; padding: 0px 16px 0px 0px; margin: 0px;} .win_right_side_subblock input[type="text"].field_with_add {width: 425px; padding: 0px 10px; margin: 0px;} .button_with_add {padding: 0px 16px 0px 0px; margin: 5px 0px 0px 5px;} #config_action_codes .win_right_side_subblock {position: relative; overflow: visible; width: 706px; margin-bottom: 20px;} #config_action_codes .close_dark_wrap_btn.small, #activities_duplication .close_dark_wrap_btn.small {position: absolute; top: 0px; right: -30px;} #config_action_codes #month_reductions_tab {float: left; clear: right; margin-top: 6px; width: 446px;} #config_action_codes #month_reductions_tab input[type="text"] {margin: 0px 0px 0px 0px;} #config_action_codes #month_reductions_tab tr:first-child th:first-child {width: 40%;} #config_action_codes #month_reductions_tab th {text-align: center; vertical-align: middle;} #config_action_codes .small_field {width: 130px;} #config_action_codes #codes_list {width: 80%;} form#config_action_codes div.form_buttons {width: 706px; padding: 0px 0px 20px 0px;} form#config_action_codes div.form_buttons a {float: left; margin: 0px 0px 0px 0px;} form#config_action_codes input[type="text"].medium {margin: 0px 20px 0px 0px !important; width: 160px;} form#config_action_codes input[type="submit"] {float: right; margin: 0px 0px 0px 30px !important; background-position: 0px -40px;} form#config_action_codes input[type="submit"].next {background-position: 0px -79px;} .duplicate_multiple {display: flex; font-size: initial; flex-direction: row; text-transform: none;} .duplicate_multiple > div {display: flex; flex-direction: row; text-transform: none; align-items: center;} .duplicate_multiple > div > span {margin-right: 6px;} .duplicate_multiple .date_fields {width: auto; margin-right: 6px; margin-bottom: 0px;} .action_codes_fields {width: 300px;} .action_codes_fields input[type="text"] {margin: 0px 20px 10px 0px} #product_configs_sets_vals table input[type="text"] { width: 140px; } form#config_action_codes input[type="submit"].next {background-position: 0px -79px;} .checkin_selfscans_label_prices {position: relative; float: left; clear: right; width: 70%;} .checkin_selfscans_label_prices td {line-height: 30px;} .checkin_selfscans_label_prices span {margin: 0px 15px 0px 0px;} .checkin_selfscans_label_prices span.colored_item {margin: 7px 3px 0px 0px;} .checkin_selfscans_label_prices input[type="text"].for_currency {width: 100px; margin: 0px 5px 0px 0px!important;} .checkin_selfscans_label_prices select {width: 200px; margin: 0px 15px 0px 0px!important;} .checkin_selfscans_label_prices label.for_inputs {width: 200px; font-weight: 400; font-size: 14px; text-transform: none;} .check_in.selfscan {background-image: none; background: #FFF;} .check_in.selfscan * {font-family: "Tahoma", "Arial", "Helvetica";} .check_in.selfscan .check_in_top {clear: both; overflow: hidden;} .check_in.selfscan #client_logo {float: left; margin: 15px; width: 25%;} .check_in.selfscan #user_avatar {float: right; margin: 15px;} .check_in.selfscan #user_avatar img {width: 130px;} .check_in.selfscan #client_text {margin-top: 3%; margin-left: 0%; text-align: center; font-size: 36px; font-weight: 600; color: #ff5a00; line-height: normal;} .check_in.selfscan #client_text.error_messages {color: red;} .check_in.selfscan #client_text > div {display: inline-block; clear: both; overflow: hidden; margin: 0px 0px 10px; line-height: normal;} .check_in.selfscan #client_text > div.terminal_result {overflow: visible;} .check_in.selfscan #client_footter {position: absolute; bottom: 15px; left: 20px; width: 15%; background-image: url(/images/NFC.png); background-repeat: no-repeat;} #max_chrs_for_name_in_selfscan_text { width: auto; line-height: 21px; margin: 0 10px 0 0; text-transform: uppercase; font-size: 13px; } .check_in_user_info {text-align: left;} .check_in_user_info div:first-child {margin-bottom: 2%;} .check_in_user_info > div {margin-bottom: 15px;} .check_in_user_info img {width: 180px;} .check_in_user_info .clubcard_terminal_prices {} .check_in_user_info .clubcard_terminal_prices {} .check_in_user_info .clubcard_terminal_prices > div:first-child {margin-bottom: 1%;} .check_in_user_info .clubcard_terminal_prices .price_butoon, .terminal_result .price_butoon {display: inline-block; margin-left: 1%; margin-bottom: 15px; padding: 15px; height: 30px; min-width: 138px; border: 2px solid #ff5a00; border-radius: 10px; line-height: 30px; cursor: pointer;} @media only screen and (max-width: 1366px) { .check_in.selfscan #client_text {font-size: 32px; font-size: 3vw;} .check_in_user_info .clubcard_terminal_prices .price_butoon, .terminal_result .price_butoon {min-width: auto;} } .terminal_result {position: relative;} .terminal_result > div {clear: both; overflow: hidden; margin-bottom: 2%;} .terminal_result #terminal_result_aditional {float: right; margin-left: 1%; padding: 15px; width: 40%; font-size: 20px; font-weight: 400; border: 2px solid #ff5a00; border-radius: 10px;} .terminal_result #terminal_result_aditional div:first-child {margin-bottom: 2%; font-size: 28px; font-weight: 600;} .terminal_result #terminal_result_aditional div:last-child {margin-top: 2%; font-weight: 600; text-transform: uppercase;} .terminal_result .price_butoon {} #tab_rights .form_subblock {width: auto;}.search.search_for_monthly_payments input[type=submit] {margin-left: 0px;} .pos #layout, .pos #layout .wrap , .pos #layout .wrap #columns {-ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box;} .pos #ordered_products table.family_membership td.family_member_title { font-size: 15px; } .pos #ordered_products .highlighted {background-color: #eeeeee!important; } .pos #ordered_products tr.family_member { background-color: #f5f5f5; } .pos #ordered_products .family_member_title { color: #444242;} .pos #ordered_products .family_member_title .fml_mbr_name { display: block; width: 100%; cursor: pointer; height: 31px; line-height: 30px; } .pos #ordered_products .family_member_title .fml_mbr_name:hover { background-color: #eeeeee!important; } .pos #ordered_products tr.family_member table.family_membership { width: 100%; } .pos #ordered_products tr.family_member table.family_membership td { height: 20px; font-size: 15px; } .pos #ordered_products .total_td span { text-align: right; float: right; } .pos #ordered_products table.modifiers { width: 160%!important; max-width: 393px!important;} #ordered_products .stock_info {font-size: 12px; font-weight: normal; color: #333;} /* product modifiers +++++ */ #modifier_options td.text input {width: 200px;} #modifier_options td.amount input {width: 80px;} #modifier_options #last_tr {background-color: #FFF;} .group_modifiers {float: left; width: 100%;} .modifier_options {margin-left: 10px; float: none;} .modifier_options span {float: none;} #remote_add_show_modifiers.remote_add { margin: 2px auto!important;} .win_right_side_subblock > div > div.modifiers_group {} .win_right_side_subblock > div > div.modifiers_group:first-child {} .win_right_side_subblock > div > div.modifiers_group > p { margin-bottom: 10px; margin-right: 12px; color: #333;} .win_right_side_subblock > div > div.modifiers_group .modifier_limit_text { float: none; text-transform: none; font-weight: normal; } .win_right_side_subblock > div > div.modifiers_group .options_for_modifier > label { margin: -2px 0px 0px 5px; clear: none; width: auto; line-height: 17px; font-size: 16px; text-transform: capitalize; font-weight: normal;} .win_right_side_subblock > div > div.modifiers_group .options_for_modifier > span { float: none;} .win_right_side_subblock > div > div.modifiers_group .options_for_modifier input[type="checkbox"] { margin: 0; } .win_right_side_subblock > div > div.modifiers_group .options_for_modifier { margin-left: 30px; overflow: hidden; display: block; float: none; clear: both; width: 40%;} /* END OF product modifiers +++++ */ .feedback_box { width: 100%; border: 1px solid #ccc; margin-bottom: 20px; position: relative; border-left: 10px solid #ccc; font-weight: normal; color: inherit; } .feedback_box.red {border-left: 10px solid red;} .feedback_box.orange {border-left: 10px solid orange;} .feedback_box.yellow {border-left: 10px solid #bfbf18;} .feedback_box.green {border-left: 10px solid green;} .feedback_box .top_part { border-bottom: 1px solid #ccc; padding: 10px; overflow: hidden;} .feedback_box .score, .feedback_box .email, .feedback_box .created_date, .feedback_box .title, .feedback_box .emoji { display: inline-block; } .feedback_box .title { font-size: 15px; float: left; margin-right: 15px; font-weight: bold; text-transform: uppercase; } .feedback_box .emoji { width: 30px; height: 30px; float: left; margin-right: 5px; font-weight: bold; background-position: center center; background-repeat: no-repeat; background-size: 600%; background-image: url(/images/feedback/emojis.jpg);} .feedback_box .score { font-size: 40px; float: left; margin-right: 5px; font-weight: bold;} .feedback_box.red .score {color: red;} .feedback_box.orange .score {color: orange;} .feedback_box.yellow .score {color: #bfbf18;} .feedback_box.green .score {color: green;} .feedback_box .profile_link { line-height: 30px; height: 30px; font-weight: normal; text-transform: uppercase; color: #3d3c3f;} .feedback_box .profile_link:hover { color: red;} .feedback_box .email { background-color: #f3f3f3; padding: 0 10px 0 5px; cursor: pointer; border-radius: 3px; } .feedback_box .email span { font-weight: bold; float: none; margin: 0 5px;} .feedback_box .created_date { float: right; } .feedback_body { padding: 20px 30px; clear: both; } .feedback_body > span { font-size: 25px; display: block; float: none; clear: both; margin-bottom: 20px;} .feedback_box .bottom_part { border-top: 1px solid #ccc; padding: 10px; overflow: hidden;} .bottom_part .reply, .bottom_part .forward, .bottom_part .add_note { display: inline-block; float: left; margin-right: 20px; line-height: 20px; height: 20px;} .bottom_part .mark_status { width: auto; clear: none; display: inline-block; float: right; margin-left: 20px; margin-bottom: 0; padding-left: 20px; line-height: 20px; height: 20px; background-position: left center; background-repeat: no-repeat; opacity: 0.6; background-size: 15px; cursor: pointer; text-transform: none; font-weight: normal;} .bottom_part input[type="checkbox"] { height: 0; position: absolute; left: -9999px;} .bottom_part .mark_status.invalid { background-image: url(/images/design_new/invalid.png); background-position: left 2px;} .bottom_part .mark_status.complete { background-image: url(/images/design_new/arrowb.png); } .bottom_part .mark_status.invalid:hover, .bottom_part .mark_status.invalid.active { color: red; opacity: 1; background-image: url(/images/design_new/invalid-red.png);} .bottom_part .mark_status.complete:hover, .bottom_part .mark_status.complete.active { color: green; opacity: 1; background-image: url(/images/design_new/arrowb-green.png);} .bottom_part .reply, .bottom_part .forward { padding-left: 20px; background-position: left center; background-repeat: no-repeat; background-size: 15px; cursor: pointer; } .bottom_part .reply { background-image: url(/images/prev.png); } .bottom_part .forward { background-image: url(/images/next.png); } .feedback_tag { position: relative; min-width: 80px; height: 30px; border: 1px solid #ccc; border-radius: 2px; padding-left: 20px; float: left; margin-right: 10px; background-image: url(/images/tags_right.png); background-position: 7px center; background-repeat: no-repeat; background-color: #f3f3f3; background-size: 14px; text-align: center;} .feedback_tag .delete_tag, .feedback_tag .add_tag { float: right; background-image: url(/images/design_new/help_close.png); background-position: left center; background-repeat: no-repeat; background-size: 15px; display: inline-block; width: 20px; height: 100%; line-height: 20px; position: relative; } .feedback_tag .delete_tag {cursor: pointer; } .feedback_tag .tag_title { float: none; text-transform: uppercase; padding: 0 10px; } .feedback_tag.add { cursor: pointer; background: none; padding-left: 10px; } .feedback_tag .add_tag { width: 30px; background-image: url(/images/right_bar/plus_dark_gray.png); background-position: left center; background-size: 34px;} #all_tags_box, .tags_container { list-style: none; } #all_tags_box, .hidden { display: none; height: 0px; margin: 0px; padding: 0px; line-height: normal;} .form_subblock select.hidden {display: none;} .tags_container { clear: both; border: 1px solid #ccc; position: absolute; top: -1px; left: -1px; width: 100%; max-height: 150px; overflow: auto; z-index: 100; background-color: #fff;} .tags_container li { text-transform: uppercase; line-height: 30px; text-align: left; padding-left: 10px; } .tags_container li:hover { background-color: #f3f3f3;} .add_note { cursor: pointer; } form input[type="text"].note_field { height: 37px; line-height: 37px; padding: 0 12px; color: red; clear: none; float: none; margin: 0; border: 0; width: calc(100% - 76px); } form input[type="text"].note_field:focus { border: none; outline: 0px;} form span.note_field_wrap { width: 100%; float: none; display: inline-block; border-top: 1px solid #ccc; border-bottom: 0; } form span.note_field_wrap.hidden {display: none;} form span {line-height: 32px;} #a_membership_onboarding_configs .text_area_wrap {width: 100%; max-width: 850px;} .delete_note, .save_note { float: right; display: inline-block; background-image: url(/images/design_new/help_close.png); background-position: center center; background-repeat: no-repeat; background-size: 15px; width: 37px; height: 37px; cursor: pointer; border-left: 1px solid #ccc; } .save_note { background-image: url(/images/right_bar/plus_dark_gray.png); background-size: 34px;} #feedback_statistics { margin: 20px 0;} .feedback_statistic_block { margin-right: 30px; display: inline-block; width: 180px; height: 120px; padding: 10px; border: 1px solid #ccc; border-radius: 3px; overflow: hidden;} .feedback_statistic_block:hover, .feedback_statistic_block.active { background-color: #f3f3f3;} .feedback_statistic_block .line { display: inline-block; width: 40px; height: 1px; border-top: 1px solid #ccc; } .feedback_statistic_block h3 { margin-bottom: 5px; font-size: 60px; font-weight: normal; line-height: 60px; } .feedback_statistic_block p { font-size: 17px; margin-bottom: 8px; } .feedback_statistic_block#detractors h3, .feedback_statistic_block#detractors .commentator_type { color: red; } .feedback_statistic_block#passives h3, .feedback_statistic_block#passives .commentator_type { color: #bfbf18; } .feedback_statistic_block#promoters h3, .feedback_statistic_block#promoters .commentator_type { color: green; } .chartWithOverlay {position: relative; width: 100%;} .overlay {width: 200px; height: 200px; position: absolute; top: 146px; left: 92%;} .overlay div { font-size: 16px; } .dot { height: 5px; width: 18px; margin-top: 7px; margin-right: 3px; display: inline-block;} #nps_type_1 { color: green; } #nps_type_1 .dot { background-color: green; } #nps_type_2 { color: #bfbf18; margin-top: 20px; } #nps_type_2 .dot { background-color: #bfbf18; } #nps_type_3 { color: red; margin-top: 20px; } #nps_type_3 .dot { background-color: red; } /* ----- DanceMatrix ----- */ .customized_form {} .customized_form .sub_block {clear: both; overflow: auto; margin-bottom: 14px;} .customized_form .custom_checkbox_block {display: block; clear: both; float: left; margin-bottom: 10px;} .customized_form label {width: 480px; font-weight: normal; text-transform: none; margin: 0px 5px 0px 0px;} .customized_form h3 {clear: both; margin-bottom: 14px;} .customized_form input[type="text"].for_integer {margin: 0px 6px 0px 15px;} .customized_form select {width: 286px;} .customized_form {} .dance_matrix {width: 100%; border-collapse: collapse;} .dance_matrix th {padding: 10px 4px 2px 4px; border: 1px solid #CCC;} .dance_matrix td {padding: 10px; text-align: right; border: 1px solid #CCC;} .dance_matrix td:nth-child(2) {text-align: left;} /* ----- DanceMatrix ----- */form#config_action_codes input[type="submit"].next {background-position: 0px -79px;} #referral_rules_table {width: 100%; border-collapse: collapse;} #referral_rules_table span {font-size: 14px;} #referral_rules_table th {padding: 10px 4px 2px 4px; border: 1px solid #CCC;} #referral_rules_table td {padding: 10px; text-align: right; border: 1px solid #CCC;} #referral_rules_table td:nth-child(2) {text-align: left;} #referral_rules_table .active {border: 2px solid #ff5a00;} .product_configuration_groups {display: flex; flex-direction: column;} .product_configuration_groups .input_label {margin: 0px;} .product_configuration_group {margin-bottom: 10px; border-bottom: 1px solid #CCC; padding-bottom: 5px;} .product_configuration_group .values_for_config {display: block; clear: both;} .product_configuration_group .values_for_config > label {margin-right: 18px; line-height: 17px; font-size: 16px; text-transform: capitalize; font-weight: normal;} #product_configs_sets_vals table.items { width: 100%; } .win_right_side_subblock > div > div.product_configuration_group {float: left; clear: none; margin: 0 10px 0 0; min-width: 80px; width: auto; position: relative; border-left: 1px dotted #ccc; padding-left: 10px;} .win_right_side_subblock > div > div.product_configuration_group:first-child {border-left: 0px; padding-left: 0px;} .win_right_side_subblock > div > div.product_configuration_group > p {margin-right: 5px; color: #333;} .win_right_side_subblock > div > div.product_configuration_group > span {margin-top: -5px;} .win_right_side_subblock > div > div.product_configuration_group .values_for_config > label { min-width: 60px; width: 65%; line-height: 17px; font-size: 16px; text-transform: capitalize; font-weight: normal;} .win_right_side_subblock > div > div.product_configuration_group .values_for_config input[type="checkbox"] { margin: 0; } #product_configs_sets_vals table input[type="text"] { width: 108px; } #product_configs_sets_vals table input[type="text"].suggest { width: 293px; } #product_configs_sets_vals table input[type="text"].sets_price { width: 157px; } #product_configs_sets_vals .addition_fields td textarea { width: 460px; margin-bottom: 14px; margin-right: 20px;} #product_configs_sets_vals .addition_fields .avatar_upload { float: right; clear: none;} #product_configs_sets_vals .addition_fields .delete.remove_link { margin: 0; float: right; margin-left: 30px;} #product_configs_sets_vals .addition_fields .product_img { text-align: right; } #product_configs_sets_vals .addition_fields .qq-upload-button { margin: 0px!important; } #product_configs_sets_vals .addition_fields .win_wrap .win_right_side_subblock a { margin: 0px!important; } #product_configs_sets_vals .addition_fields .product_img { text-align: right; } #product_configs_sets_vals table input[type="text"] { width: 140px; } /* ----- DanceMatrix ----- */ body.products .win_content .win_left_side { width: 195px!important; } .conf_heads td {border-left: 1px dotted #ccc;} .conf_heads td:first-child, .conf_heads td:last-child {border-left: 0px;} #products_list .pos_product.modifier .modifier_lbl, #products_list .pos_product .variants_lbl { top: 6px; min-width: 35px; height: 13px; padding: 3px; line-height: 13px; right: 6px; display: inline-block; border-radius: 0; background-color: #ccc; float: left; position: absolute; left: 6px; right: auto;} .feedback_statistic_block#promoters h3, .feedback_statistic_block#promoters .commentator_type { color: green; } #reminder_label {margin-top: 5px;} #hours_before {display: inline-block;} #hours_before input[type="text"] {float: none; margin: -5px 5px 0 5px; width: 50px; text-align: center; line-height: 18px;} #hours_before span {line-height: 22px;} .win_right_side_subblock select.selecter_with_add {width: 425px; padding: 0px 16px 0px 0px; margin: 0px;} .win_right_side_subblock input[type="text"].field_with_add {width: 425px; padding: 0px 10px; margin: 0px;} .button_with_add {padding: 0px 16px 0px 0px; margin: 5px 0px 0px 5px;} #config_action_codes .win_right_side_subblock {position: relative; overflow: visible; width: 706px; margin-bottom: 20px;} #config_action_codes .close_dark_wrap_btn.small {position: absolute; top: 0px; right: -30px;} #config_action_codes #month_reductions_tab {float: left; clear: right; margin-top: 6px; width: 446px;} #config_action_codes #month_reductions_tab input[type="text"] {margin: 0px 0px 0px 0px;} #config_action_codes #month_reductions_tab tr:first-child th:first-child {width: 40%;} #config_action_codes #month_reductions_tab th {text-align: center; vertical-align: middle;} #config_action_codes .small_field {width: 130px;} form#config_action_codes div.form_buttons {width: 706px; padding: 20px 0px 0px 0px;} form#config_action_codes div.form_buttons a {float: left; margin: 0px 0px 0px 0px;} form#config_action_codes input[type="submit"] {float: right; margin: 0px 0px 0px 30px !important; background-position: 0px -40px;} form#config_action_codes input[type="submit"].next {background-position: 0px -79px;} /* Trade Euro ++++++ */ body.trade_euro, body.trade_euro_config {background:none; background-color: #F9F9F9;} body.trade_euro #columns #center, body.trade_euro_config #columns #center {width:auto; background:#f9f9f9;height: 100%; transition: all 0.3s;} body.trade_euro #layout, body.trade_euro_config #layout {margin-bottom: 0px; height:100%;background:#f9f9f9;} body.trade_euro #main_content, body.trade_euro_config #main_content {width: 100%; height: 100%; float: left;/*overflow: hidden;*/} body.trade_euro .box .box_body * {font-size: 14px;} /* body.trade_euro #header {position: relative; height: 50px; background-color:rgb(244, 244, 244); background-image: none; font-family: Calibri; font-weight: 400; font-style: normal; color: #3d3c3f;} */ body.trade_euro #header, body.trade_euro_config #header {position: relative; width:100%; height: 50px; min-height: 50px; float:left; background-color: #fbb714; background-image: none; font-family: Calibri; font-weight: 400; font-style: normal; color: #3d3c3f;} body.trade_euro_config #header, body.trade_euro_config .content {clear: both;} body.trade_euro_config #sub_menu {top: 0 !important; margin: 20px 0 0 250px; transition: all 0.3s;} body.trade_euro #header .staff_info_wrap {position: relative; float: right; top: 0px; min-height: 50px;} body.trade_euro #header .staff_info_wrap .staff_info {margin-top: 7px; min-height: 50px; background: none;} body.trade_euro #header .staff_info_wrap .staff_info a {color: #FFF;} body.trade_euro #header .staff_info_wrap .staff_info .staff_avatar img {color: #FFF;} body.trade_euro #logo_wrapper, body.trade_euro #logo_wrapper_mobile, body.trade_euro_config #logo_wrapper, body.trade_euro_config #logo_wrapper_mobile {min-width: 250px; width: 250px; min-height: 50px; float: left; margin-left: -100%; position: relative;} body.trade_euro #logo_wrapper_mobile, body.trade_euro_config #logo_wrapper_mobile {display:none;float: none; width: 100%; margin-left: 0;} body.trade_euro #menu_wrapper, body.trade_euro_config #menu_wrapper{min-height: 50px; float: unset; padding: 0 0 0 250px;} body.trade_euro #trade_euro_logo, body.trade_euro_config #trade_euro_logo{position: relative; float: left; left: 0px; top: 0px; width: 100%; height: 50px; box-sizing: border-box; background-repeat: no-repeat; background-size: auto 30px; background-position: center; background-image: url("/images/design_new/logo.png"); background-color: rgb(244, 244, 244); border-bottom: 1px solid rgb(219, 219, 219);} body.trade_euro #main_menu {float: left; width: auto; padding: 0px; margin-left: 10px;; top: 0px; position: relative; background-color: #fbb714; background-image: none;} body.trade_euro #right_main_menu, body.trade_euro_config #right_main_menu{float: right; width:100%;} body.trade_euro #main_menu a, body.trade_euro #right_main_menu a, body.trade_euro_config #right_main_menu a {color: rgba(255, 255, 255, 0.8); height: 50px; line-height: 50px; padding: 0px 15px; font-weight: 600; text-transform: none;} body.trade_euro #main_menu a:hover, body.trade_euro #right_main_menu a:hover, body.trade_euro_config #right_main_menu a:hover {color: #FFF !important; background: rgba(0, 0, 0, 0.1);} body.trade_euro #main_menu a:hover:after, #main_menu a.active:after {content: none;} body.trade_euro #main_menu a.hidde_left_block_button {font-size: 24px; font-weight: 600;} body.trade_euro #left_panel {height: 100%} body.trade_euro #left_panel .fa {font-family: 'FontAwesome';font-size: 14px;line-height: inherit;vertical-align: middle} body.trade_euro #right_main_menu .fa, body.trade_euro_config #right_main_menu .fa {vertical-align: middle;} body.trade_euro #header_users_name {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} body.trade_euro .left_panel_wrap {height: 100%; background-color: #F9F9F9;} body.trade_euro #left_panel_wrapper, body.trade_euro_config #left_panel_wrapper {width:250px; height:100%; float:left; margin-left: -100%; position: relative;transition: width 0.3s; border-right: 1px solid #EEE;} body.trade_euro #columns #center {padding: 0 0 0 250px;} body.trade_euro_config #columns #center {padding: 30px 30px 30px 280px;} body.trade_euro .hidden_left_panel, body.trade_euro_config .hidden_left_panel {width: 0px !important;} /* Trade Euro CSS for not TE design */ body.trade_euro.offers #trade_euro_logo, body.trade_euro.orders #trade_euro_logo, body.trade_euro.invoices #trade_euro_logo, body.trade_euro.creditnotes #trade_euro_logo {width: 250px;} body.trade_euro.offers #columns #center, body.trade_euro.orders #columns #center, body.trade_euro.invoices #columns #center, body.trade_euro.creditnotes #columns #center {padding: 15px 0 0 15px;} body.trade_euro.sales #columns #center, body.trade_euro.products #columns #center, body.trade_euro.product_categories #columns #center {padding: 15px 0 0 265px;} body.trade_euro.offers #main_menu .hidden_menu, body.trade_euro.orders #main_menu .hidden_menu, body.trade_euro.invoices #main_menu .hidden_menu, body.trade_euro.creditnotes #main_menu .hidden_menu, body.trade_euro.offers div.sub_menu .hidde_left_block_button, body.trade_euro.orders div.sub_menu .hidde_left_block_button, body.trade_euro.invoices div.sub_menu .hidde_left_block_button, body.trade_euro.creditnotes div.sub_menu .hidde_left_block_button {display: none;} body.trade_euro.offers #columns tr.sub_menus, body.trade_euro.orders #columns tr.sub_menus, body.trade_euro.invoices #columns tr.sub_menus, body.trade_euro.creditnotes #columns tr.sub_menus { height: 30px; display: block; position: relative;} body.trade_euro.offers #columns tr.sub_menus td:first-child, body.trade_euro.orders #columns tr.sub_menus td:first-child, body.trade_euro.invoices #columns tr.sub_menus td:first-child, body.trade_euro.creditnotes #columns tr.sub_menus td:first-child { width: 0;} body.trade_euro.offers #columns tr.sub_menus td.relative, body.trade_euro.orders #columns tr.sub_menus td.relative, body.trade_euro.invoices #columns tr.sub_menus td.relative, body.trade_euro.creditnotes #columns tr.sub_menus td.relative { width: 100%;} body.trade_euro.offers #sub_menu, body.trade_euro.orders #sub_menu, body.trade_euro.invoices #sub_menu, body.trade_euro.creditnotes #sub_menu { position: absolute; top:0 !important; left: 250px;} body.trade_euro.invoices #sub_menu {left: 250px;} /* end of Trade Euro CSS for not TE design */ form#trade_euro_settings {clear: both;} form#trade_euro_settings label {width: 340px;} form#trade_euro_settings div.form_buttons {padding: 20px 0px 20px 0px;} body.trade_euro .form_buttons.left_buttons {height: auto;} body.trade_euro p {margin: 0 0 10px;padding: 0;height: auto;} body.trade_euro a {font-weight: 400; color: #fbb714;} body.trade_euro a .fa{width: 20px; margin-top: 3px;} body.trade_euro a .fa + span {display:inline;float: none;line-height: 14px;line-height: inherit;vertical-align: middle;} body.trade_euro a.active, body.trade_euro a:hover {font-weight: 400; color: #ecaa0a;} body.trade_euro a.sorting.direction {color: #444;} body.trade_euro .folders a {color: #777;} body.trade_euro .folders a:hover, body.trade_euro .folders a.active {font-weight: 400; color: #fbb714;} body.trade_euro a.left_panel_heads, body.trade_euro_config a.left_panel_heads {overflow: hidden; position: relative; display: block; height: auto; font-size: 14px; text-transform: none; padding: 12px 5px 12px 15px; color: #555; background: rgb(244, 244, 244); border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(219, 219, 219); white-space: nowrap; text-overflow: ellipsis; line-height: normal; text-align: left;} body.trade_euro a.left_panel_heads {-webkit-box-shadow: inset -9px 0px 8px -10px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset -9px 0px 8px -10px rgba(0, 0, 0, 0.07); box-shadow: inset -9px 0px 8px -10px rgba(0, 0, 0, 0.07);line-height: inherit;} body.trade_euro a.left_panel_heads:hover {background: #f9f9f9;} body.trade_euro a.left_panel_heads.no_includes:after {content: none;} body.trade_euro .left_panel_heads:after {float: right; margin-top: 0px; font-size: 23px; font-weight: 600; text-align: center; width: 13px; height: auto; line-height: 18px; content: '+'; display: inline-block; position: absolute; right: 15px; bottom: auto; border: none;} body.trade_euro .left_panel_heads.no_includes.active {border-bottom: 1px solid rgb(219, 219, 219);} body.trade_euro .left_panel_heads.active {border-bottom: 1px solid transparent;} body.trade_euro .left_panel_heads.active:after {content: '\2013'; margin-top: -2px;} body.trade_euro .left_panel_heads.current:before {content: ''; position: absolute; left: 0px; top: 0px; height: 100%; margin-left: 1px;} body.trade_euro .folders {background: #f9f9f9; border-right: 0px solid #eaeaea;} body.trade_euro .folders {display: none;} body.trade_euro .folders.active {display: block; border-bottom: 1px solid rgb(219, 219, 219);} body.trade_euro .folders a {padding: 12px 5px 12px 25px; display: block; height: auto; line-height: normal; text-decoration: none; white-space: nowrap; font-size: 14px; margin: 0px 0px; background-image: none !important; background-repeat: no-repeat; background-color: transparent!important; overflow: hidden; text-overflow: ellipsis; cursor: pointer;} body.trade_euro .folders a:before{display: inline-block; margin-right: 6px; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid rgb(119, 119, 119);} /* body.trade_euro .folders a:before{content: ''; display: inline-block; margin-right: 6px; width: 0px; height: 0px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid rgb(119, 119, 119);;} */ body.trade_euro a.active:before, body.trade_euro .folders a:hover:before {border-left: 5px solid #fbb714;} body.trade_euro #left_panel .left_panel_content {padding: 0px;} body.trade_euro.config .folders {display: block;} body.trade_euro_config #columns #center {background-color: #f9f9f9; transition: all 0.3s;} body.trade_euro_config #columns #center .actions {background-color: #f9f9f9;} body.trade_euro.config .folders a {padding: 6px 5px 6px 25px;} body.trade_euro.config .folders b {padding: 6px 5px 6px 15px;} body.trade_euro_config #columns .sub_menus { height: 50px; padding: 0px; margin: 0px; background-color: #bdbdbd;} body.trade_euro .h4, body.trade_euro h4 {font-size: 18px;} body.trade_euro .h4, body.trade_euro .h5, body.trade_euro .h6, body.trade_euro h4, body.trade_euro h5, body.trade_euro h6 {margin-top: 10px;margin-bottom: 10px;font-weight: 500;line-height: 1.1;} #trade_euro_categories {width: 60%;} span.legends{font-weight: 400; text-transform: none;} a.left_image_link.export {color: #555; background: none !important;} a.left_image_link.export:hover, #center a.left_image_link:hover, #center a.left_image_link.report_row.active {color: #fbb714;} a.left_image_link.export i.fa.fa-download {margin-top: 5px;} .in_index_adding {clear: both;} body.trade_euro a.left_image_link{text-transform:none;} .in_index_adding a.left_image_link.add {margin: 7px 0px 0px 30px;} .in_index_adding #indicator {float: none; margin: 0px; height: auto;} .in_index_adding #indicator .indicator_small {margin: 7px 0px 0px 0px;} .trade_euro_blocks {clear: both; overflow: auto;} .trade_euro_blocks .trade_euro_row {clear: both;} .trade_euro_row .trade_euro_small_block {position: relative; display: block; float: left; width: 100%; padding: 0px 7px; margin-bottom: 15px; box-sizing: border-box;} .trade_euro_small_block .small_block_content {position: relative; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #f9f9f9 !important; background-color: #fbb714 !important; cursor: pointer;} .small_block_title {height:77px;} .trade_euro_small_block .small_block_help {position: relative; width: 100%; padding: 5px 0; text-align: center; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none;} .trade_euro_small_block .small_block_help:after {content: 'i'; display: inline-block; margin-left: 4px; width: 12px; height: 12px; border-radius: 6px; text-align: center; line-height: 13px; background-color: rgba(255, 255, 255, 0.7); color: rgba(0, 0, 0, 0.35); font-weight: 600; font-family: "Courier", Courier, monospace;} .trade_euro_small_block .small_block_help:hover {color: #fff;background: rgba(0, 0, 0, 0.15);} .trade_euro_small_block .small_block_help:hover:after {background-color: rgba(255, 255, 255, 0.95);} .trade_euro_small_block h3 { font-size: 18pt; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0; line-height: 1.1; } .small_block_content > .small_block_title {padding: 10px;} .small_block_content .ionicon { position: absolute; bottom: 5px; right: 5px; z-index: 0; font-size: 85px; color: rgba(0, 0, 0, 0.15); line-height: 1.5; } .small_block_content .ionicon i {margin-top:20px;} .small_block_content:hover .ionicon { animation-name: tansformAnimation; animation-duration: .5s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: tansformAnimation; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: tansformAnimation; -moz-animation-duration: .5s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; } @keyframes tansformAnimation { from { font-size: 85px;} to {font-size: 95px;}} @-webkit-keyframes tansformAnimation {from { font-size: 85px;} to {font-size: 95px;}} @media (min-width: 992px){ .trade_euro_row .trade_euro_small_block.one_blocks {width: 100%;} .trade_euro_row .trade_euro_small_block.four_blocks {width: 50%;} } @media (min-width: 1200px){ .trade_euro_row .trade_euro_small_block.one_blocks {width: 50%;} .trade_euro_row .trade_euro_small_block.four_blocks {width: 25%;} } .trade_euro_dashboard .trade_euro_blocks {margin-top: 15px;} .trade_euro_dashboard_filter {clear: both; padding: 0px 5px; margin-top: 30px; width: 50%;} .trade_euro_dashboard_filter .win_right_side_subblock > div > label {width: 30%;} .trade_euro_dashboard_filter .win_right_side_subblock select {width: 67%;} .trade_euro_dashboard_filter .win_right_side_subblock input[type="text"] {width: 67%;} .trade_euro_dashboard_filter .input_label {display: block; float: none; margin-bottom: 0px;} .trade_euro_dashboard_filter div.form_buttons {padding: 0px;} .trade_euro_dashboard_filter .win_right_side_subblock {margin-bottom: 20px;} body.trade_euro #object_f_name, body.trade_euro #object_user_f_name {width:100%;} @media (max-width: 992px){ .trade_euro_dashboard_filter .win_right_side_subblock > div > label {width: 100%;} .trade_euro_dashboard_filter .win_right_side_subblock > div > label.no_resize {width: 30%;} .trade_euro_dashboard_filter .win_right_side_subblock select {width: 100%;} .trade_euro_dashboard_filter .win_right_side_subblock input[type="text"] {width: 100%;} } @media (max-width: 1200px){ .trade_euro_dashboard_filter {width: 100%;} } .trade_euro_box {width:50%; position: relative; padding: 20px 15px; min-height: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;float: left; background: inherit;} .trade_euro_box * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .box {position: relative; background: #ffffff; margin-bottom: 0px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);} .box .box_header {position: relative; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; box-sizing: border-box; border-bottom: 0px solid #f4f4f4; color: #444; padding-bottom: 10px;} .box .box_header .box_title {display: block; padding: 14px 10px 10px 10px; margin: 0; font-size: 20px; font-weight: 400; cursor: default;} .box .box_header .box_subtitle {display: block; padding: 10px 0px 10px 10px; margin: 0; font-size: 16px; font-weight: 400; cursor: default;} .box .box_header p {padding: 20px 0px 20px 4px;} .box .box_body {padding: 10px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;} .box .box_body label {display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 400; float: none; width: auto; text-align: left; line-height: normal; font-size: 15px; text-transform: none; color: #404040; word-wrap: break-word;} .box .box_body .form_group {margin-bottom: 15px;width: 100%;} .box .box_body .form_control {margin-bottom: 0 !important; display: block; clear: none; float: none; width: 100%; height: 30px; padding: 6px 4px; margin: 0px 0px 10px 0px; font-size: 14px; line-height: 1.4; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 0px;} .box .box_body input[type="submit"]{background: none; display: inline-block; height: auto; padding: 6px 12px; margin: 0; font-size: 15px; font-weight: 400; line-height: 1.4; text-align: center; text-transform: none; color: #FFF; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; background-color: #fbb714; border-color: #fbb714; border: 1px solid transparent; border-radius: 0px;} .box .box_body input[type="submit"]:hover{background-color: #ecaa0a;} .box .box_body select.form_control{padding: 6px 12px 6px 4px;} .box .box_body label.input_label {display: block; width: max-content; clear: left;} .box .box_body label.input_label input[type="radio"] {float: left; margin: 4px 3px 0px 0px;} .box .box_body textarea {float: none; width: 100%; height: 200px !important;} .box .box_body select {float: none; width: 100%; -webkit-appearance: button; -moz-appearance: menulist; appearance: initial; background: none;} .box .box_body select.date_fields {width: auto;} .box .box_body input[type="text"] {float: none; width: 100%;} .box .box_body input[type="password"] {float: none; width: 100%; margin-right: 0px;} .box .box_body input[type="password"].small_field {width: 300px;} .box .box_body label.input_label input[type="checkbox"] {float: left;margin: 4px 3px 0px 0px;line-height: normal;box-sizing: border-box;padding: 0;width: 13px;height: auto;} /* .box .box_body textarea.form_control {height: auto;} */ .box .box_body .form_control[disabled], .box .box_body .form_control[readonly], .box .box_body fieldset[disabled] .form_control {background-color: #eee; opacity: 1; } .box .box_body .file_upload {padding-left: 0px;} .box .create_acount_block {margin-bottom: 15px;} .box .search_acount_block label {font-weight: 600;} .box_body.company_profile {padding: 0;} #company_profile + div {padding: 20px 15px;} .new_offer p, .offer_image p { padding:0; margin-bottom: 5px;height: auto;} .box .box_footer { margin: 10px 0;min-height: 40px;} .trade_euro_box form span, span.input_group_addon {float: none;} #filters_block .trade_euro_box .checkbox {margin-bottom: 0px;} .trade_euro_box .checkbox.margin {margin-top: 25px;} .trade_euro_box .form_group {display: table; position: relative; border-collapse: separate;} .trade_euro_box .pagination {float: right !important;} #trade_euro_form {background: #f9f9f9;} #trade_euro_form .trade_euro_box {width: 33.33%;} .tebox_w100.trade_euro_box, .offers_overview.trade_euro_box {width: 100%;} .tebox_w50.trade_euro_box, .new_offer.trade_euro_box {width: 50%;} .tebox_w25.trade_euro_box {width: 25%;} .tebox_w33.trade_euro_box {width: 33.33%;} .tebox_w66.trade_euro_box {width: 66.66%;} .tebox_w75.trade_euro_box {width: 75%;} .offers.trade_euro_box {width: 75%;} .categories.trade_euro_box {width: 25%;} #new_category_form {padding: 10px;} #new_category_form input[type="text"] {margin: 0 1% 2% 0; width: 100%;} .statements.trade_euro_box {width: 100%;} .members.trade_euro_box, #main_content .members.box {width: 80%;} .members_menu.trade_euro_box {width: 20%;} .company_info {float:left; width:25%;padding:15px;} .company_info.details {background-color: rgba(150, 150, 150, 0.8); color:#FFF; border-radius:5px;} .company_info h3 {margin-bottom:10px;} .box_body .company_info:first-child{padding-left:0px;} .company_comment {margin:10px 0px; white-space:normal;} .company_info i {margin-right: 5px;} .sliding_progress {height: 0px; transition: all .4s ease;} .sliding_progress .sliding_progress_indicator img {display:block; width: 32px; height: 32px; margin: 10px auto;} .bigblock {width: 40%;} .alignright {text-align: right;} .aligncenter {text-align: center;} .colorgreen {color: #009f00 !important;} .colorred {color: #d20000 !important;} .stylebold {font-weight: 600;} .label_club100 {margin-left: 12px; background-color: #F60; color: #FFF; font-weight: bold;} .cut_filters {display: none; margin-bottom: 10px;} .cut_filters i.fa {display: block; padding: 1px 0px; float: right;} #hide_filters {display: none;} /* .cut_filters:after {content: "\f078";margin-left: 5px;} */ .filtering {width:100%; height: 100%; position: relative; float: left; clear: both; transition: all 0.3s;} #filters_block {display: block;} .trade_euro_box .pagination_block {float: right; clear: none;} .filtering .search_block.display_rules div {float: left;} .filtering .search_block.display_rules form {display: inline-block;} .te_keywords{margin:5px 5px 5px 0; display:inline-block; background-color:rgba(150, 150, 150, 1); color:#FFF; padding: 5px 15px; border-radius: 5px;} body.trade_euro .calendar table td.title {background-color: #fbb714;} .search_period span, .search_period input {display: inline-block; float: left !important;} .search_period input.datetime_select.date {margin: 0px 0px 0px 5px; width: 95px !important;} .search_item.submit_filter {margin: 0 0 0 5px !important;} #row_per_page, #search_items {margin: 0;} #search_items{margin-left: 20px;} .box .box_body .search_block.left_search .search_item input[type="submit"] {height: 30px; padding: 3px 12px;} .box .box_body .search_item label {height: 30px; line-height: 30px; margin-bottom: 0px;} .box .box_body .search_item input[type="checkbox"] {margin-top: 10px;} .iconed_link {padding: 4px 10px;} .iconed_link email {} .trade_euro_box .detailed tbody tr {background: #f9f9f9 !important;} .trade_euro_box .detailed tbody tr:hover {background: #fefefe !important; cursor:pointer;} .trade_euro_box .detailed tbody tr:nth-child(4n - 1) {background: #fff !important;} .trade_euro_box .detailed tbody tr:nth-child(4n - 1):hover {background: #fcfcfc !important; cursor:pointer;} .trade_euro_box .detailed tbody tr:nth-child(4n - 1) + tr {background: #fff !important;} .agent_selecter {float: left; display: inline-block; line-height: 30px; margin: 0px 0px 5px 0px;} .agent_selecter > div {float: left; margin-right: 15px;} .box .box_body .agent_selecter label {line-height: 30px;} .trade_euro .agent_selecter select {width: auto; height: 30px; display: inline-block;} .trade_euro .agent_selecter input[type="radio"] {margin: 10px 4px;} .trade_euro .agent_selecter a.btn.btn-primary {padding: 4px 12px; vertical-align: initial;} .content_header {position: relative; height: 45px; line-height: 45px; padding: 0px 15px; margin-bottom: 4px; background-color: #e6e6e6; color: #FFF; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);} body.trade_euro .content_header > .breadcrumbs {float: right; background: transparent; margin: 0 15px 0 0; font-size: 13px; -webkit-border-radius: 2px;} ol.breadcrumbs {margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px;} .breadcrumbs > li {display: inline-block;} .breadcrumbs > li i{ vertical-align: baseline;} .content_header > .breadcrumbs > li > a {color: #fff;text-decoration: none;} .breadcrumbs > .active {color: #ccc;} .breadcrumbs > li+li:before {padding: 0 5px;color: #ccc;content: "/";} body.trade_euro .content_header h1 {margin: 0; font-size: 24px; font-weight: normal; font-size: 18px;float: left;} .content_header a.hidde_left_block_button, body.trade_euro a.hidde_left_block_button:active, body.trade_euro a.hidde_left_block_button:hover {display:block; float:left; margin: 0 15px 0 0; font-size: 35px; font-weight: 600 !important; color:#FFF; background-color: transparent;} body.trade_euro .hidde_left_block_button.mobile, body.trade_euro_config .hidde_left_block_button.mobile {position: absolute; padding: 0 0 0 60px; z-index: 1000; left: -100px;} body.trade_euro a.hidde_left_block_button.mobile:active, body.trade_euro a.hidde_left_block_button.mobile:hover { color: #333 !important;} body.trade_euro_config a.hidde_left_block_button {float:left;} #transaction_table{width:100%;} #transaction_table table.actions td{border: none;} body.trade_euro .table-responsive {min-height: .01%; display: block; width: 100%; max-width: 100%; overflow-x: auto; /*outline: 1px solid #ddd */;} body.trade_euro tbody {display: table-row-group;vertical-align: middle;border-color: inherit;} body.trade_euro thead {display: table-header-group;vertical-align: middle;border-color: inherit;} #transaction_table table>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;} #transaction_table table.dataTable{clear: both; white-space: nowrap; margin-top: 6px !important; margin-bottom: 6px !important; max-width: none !important; background: #FFF;} #transaction_table table.dataTable th a {color:#333;font-weight: 600;} #transaction_table thead {display: table-header-group;vertical-align: middle;border-color: inherit;} #transaction_table table.dataTable thead>tr>th.sort {padding-right: 16px;} body.trade_euro .table>tbody>tr>td, body.trade_euro .table>tbody>tr>th, body.trade_euro .table>tfoot>tr>td, body.trade_euro .table>tfoot>tr>th, body.trade_euro .table>thead>tr>td, body.trade_euro .table>thead>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } body.trade_euro table, #transaction_table .table {width: 100%; max-width: 100%; margin-bottom: 20px; border-collapse: collapse !important;} body.trade_euro .table_bordered {border: 1px solid #ddd;} #transaction_table .table_bordered>thead>tr>td, #transaction_table .table_bordered>thead>tr>th, #transaction_table .table_bordered>tbody>tr>td, #transaction_table .table_bordered>tbody>tr>th, #transaction_table .table_bordered>tfoot>tr>td, #transaction_table .table_bordered>tfoot>tr>th { padding: 8px; line-height: 1.42857143; vertical-align: top; border: 1px solid #ddd; } #transaction_table .table_bordered>thead>tr>td, #transaction_table .table_bordered>thead>tr>th, #transaction_table .table_bordered>tbody>tr>td, #transaction_table .table_bordered>tbody>tr>th, #transaction_table .table_bordered>tfoot>tr>td, #transaction_table .table_bordered>tfoot>tr>th { border-left-width: 0; } #transaction_table .table_bordered>thead>tr>td, #transaction_table .table_bordered>thead>tr>th, #transaction_table .table_bordered>tfoot>tr>td, #transaction_table .table_bordered>tfoot>tr>th { font-size: 14px; color:#333; font-weight: 600; } #transaction_table .table_bordered > thead:first-child > tr:first-child > th:first-child, #transaction_table .table_bordered > tbody > tr > td:first-child, #transaction_table .table_bordered > tfoot > tr > th:first-child { border-left-width: 1px !important; } .table-striped>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;} #transaction_table .table_bordered>tbody>tr>td { border-bottom-width: 0; } #transaction_table .table_bordered>thead>tr>th {border-bottom-width: 0;vertical-align: bottom;} #transaction_table table.table_bordered.dataTable {border-collapse: collapse !important;} .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 5px; } .box .box-body {padding: 10px;} .box > .box-body > table.trade_account tbody td {border: 0} .trade_euro_box .box_body .form_control {margin-bottom: 0 !important;} .input_group_addon {width: 1%;white-space: nowrap;vertical-align: middle;} .input_group_addon:first-child {border-right: 0 !important;} .input_group_addon:last-child {border-left: 0 !important;} .form_group .input_group_addon {padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #f4f4f4; border: 1px solid #ccc; border-radius: 0; white-space: nowrap; vertical-align: middle; display: table-cell;} #companies .trade_euro_box {clear: none; float: left;} .trade_euro_form {position: relative; clear: both; overflow: auto;} .dotgreen {width: 10px;height: 10px;display: block;background-color: #009f00;float: left;margin: 6px;} .dotred {width: 10px;height: 10px;display: block;background-color: #d20000;float: left;margin: 6px;} .tooltip {position: relative; display: inline-block; border-bottom: 1px dotted #ccc; cursor: help; color: #006080;} .tooltip .tooltiptext {visibility: hidden; position: absolute; width: 60%; background-color: #555; color: #fff; text-align: center; padding: 8px 5px; border-radius: 2px; z-index: 1; opacity: 0; transition: opacity .6s;} .tooltip .tooltiptext strong {display: block; margin-bottom: 6px;} .tooltip_top {bottom: 125%; left: 50%; margin-left: -30%;} .tooltip_top::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px;border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent;} .tooltip.active .tooltiptext {visibility: visible; opacity: 1;} .error_field {outline: 1px solid red;} table#trade_euro_offers {table-layout: fixed; width: 100%;} table#trade_euro_offers td { word-break: break-all; white-space: normal; vertical-align: top; padding: 10px;} #offers_owerview, #offers_categories { width: 100%; float: left; min-height: .01%; overflow-x: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #offers_owerview_content, #offers_categories_block {-moz-column-width: 315px; -webkit-column-width: 315px; column-width: 315px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .offer_block { border: 1px solid #ddd; display: inline-block; margin: 0px 0px 20px 0px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .offer_block > * { padding: 10px; } .offer_block .offer_img { width: 100%; text-align: center;} .offer_block .offer_img img { width: 100%; } .offer_block img.medium {width: 170px;} #offers_owerview .offer_block:first-child { margin-left: 0px; } .offer_header { border-bottom: 1px solid #ddd; line-height: 20px; background: #fafafa; overflow: hidden;} span.offer_header_title {width: 80%; float: left;} .offer_header span.offer_header_percent {width: 20%;float: right; display: inline-block; line-height: 15px; padding: 3px 5px; background-color: #fbb714; border-radius: 4px; color: #fff;} .offer_company_name a { color: #fbb714; text-transform: none; font-weight: normal; line-height: inherit; height: auto; } .offer_content > * { margin-top: 10px; } #offers_categories_block { border: 1px solid #ccc; padding: 10px; } #offers_categories_block h3 { height: 30px; line-height: 30px; } #offers_categories_block ul { padding: 10px 0; line-height: 20px; list-style: none;} #offers_categories_block li label { width: 100%; text-align: left; font-weight: normal; } #offers_categories_block li.active label { color: #fbb714; } #offers_categories_block li.inactive {cursor: not-allowed;} #offers_categories_block li.inactive label { color: #rgb(153, 153, 153); } #offers_categories_block li input[type="radio"] { margin-right: 10px; vertical-align: middle; } .block_offer_images {width:100%;} .offer_image {padding: 10px;width: 50%;float: left;text-align: center;min-height: 200px;} .offer_image img{max-width:100%;} .offer_image p{text-align: left;margin-bottom: 10px;} .offer_image:hover {background: #fafafa;} a.qq-upload-button {background: none; padding: 0;} a.qq-upload-button {background: none; padding: 0;} body.trade_euro a.qq-upload-button > .fa + span{vertical-align: top;} .offers_description {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 500px; display: inline-block;} #company_description, #company_info { float: left; } #company_description { width: 70%; } #company_info { width: 30%; } /* .btn {display: inline-block; padding: 6px 12px; margin-left: 15px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; color:#fff; background-color: #fbb714;} */ .btn {display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 1px; color:#fff; background-color: #fbb714;} a.btn.btn-primary {color:#fff; margin: 10px 0;} .btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary.hover {background-color: #ecaa0a; color:#fff !important;} .btn-danger {color: #fff;background-color: #d9534f;border-color: #d43f3a;} .btn.btn-danger {background-color: #d20000;border-color: #bd0000;color: #fff;} .btn.btn-danger:hover, .btn.btn-danger:active, .btn.btn-danger.hover {background-color: #bd0000;color: #fff;} body.trade_euro .pagination span, body.trade_euro .pagination a {margin: 0;border: 1px solid #ddd;opacity: 1;} body.trade_euro .pagination a {color: #777; background-color: #fafafa;} body.trade_euro .pagination a:hover {z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd;} body.trade_euro .pagination span {background-color: #fbb714; border-color: #ecaa0a; z-index: 3; color: #fff; cursor: default;} .offer_img_thumbs{margin: 0 0 10px;} .offer_img_thumbs figure:first-child {clear: both;width: 100%;} .offer_img_thumbs figure:first-child a {discplay:block;width: 100%;} .offer_img_thumbs figure:first-child img {max-width: 100%;max-height: 100%;} .offer_img_thumbs img {max-height: 50px; margin: 5px 3px 5px 0;} .offer_gallery {width: 100%; float: left;} .offer_gallery img {height: auto;} .offer_gallery figure {display: block; float: left; margin: 0 5px 5px 0;} .offer_gallery figcaption {display: none;} .pswp__bg {opacity: 0.75;} .pswp img {max-height: initial;} .help_block {display: block; margin-top: 5px; margin-bottom: 10px; color: #737373;} .box_body .offer_image a, .box_body .avatar_upload{text-align: left;} .image_buttons {margin-top: 10px;} .image_buttons .avatar_upload {float: left;} .image_buttons .remove_button {float: right;} .menu_category { display: inline-block; margin: 4px; padding: 4px; width: 100%;} .categories_list {display: none;} a.menu-item.list-group-item {background-color: #fff;} a.menu-item.list-group-item:hover {color: #fbb714;} .block_categories {display: block; position: absolute; right: 0; bottom: 0; padding: 10px 15px;} .block_categories.hide {display: none;} .list_group {padding-left: 0;margin-bottom: 20px;} .list-group-item {position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fafafa; border: 1px solid #ddd;} .list-group-item .categories_list {} .list-group-item:first-child {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;} body.trade_euro a.list-group-item, button.list-group-item {color: #555;} .navbar {position: relative;min-height: 50px;margin-bottom: 20px;} .navbar-nav {margin: 7.5px -15px;} .navbar-right {margin: 0; min-height: 50px;} .nav {padding-left: 0;margin-bottom: 0;list-style: none;} .nav:before {display:table;content: " ";} .nav>li {position: relative;display: block;} .nav>li>a {position: relative;display: block;padding: 10px 15px;} .navbar-nav {float: right;margin: 0;} .navbar-nav>li {float: left;} .navbar-nav > li > span {padding-top: 15px;padding-bottom: 15px;line-height: 20px;} .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;line-height: 20px;} .nav > li > span {position: relative;display: block;} /* .nav a, .nav span {color: #FFF; font-weight: bold; display: table-cell; vertical-align: middle;} */ .nav a, .nav span {color: rgba(255, 255, 255, 0.8); font-size: 14px; font-weight: 600;} .nav a:hover span {color: #FFF;} .nav a:hover {color: #FFF; background: rgba(0, 0, 0, 0.1);} .dropdown.user {padding: 0px 15px;} .dropdown.user i {width: 20px;} /* .dropdown.user.user-menu{width: 40%;} */ body.trade_euro #right_main_menu .dropdown.user a {height: auto; padding: 0px; line-height: 21px;} body.trade_euro #right_main_menu .dropdown.user a:hover {background: none;} .dropdown.saldo {} #logout_title:hover #logout_menu{display: block;} #header_search:hover #header_search_form{display: block;} #logout_title:hover #logout_menu a{ padding: 0;} .navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu { width: 280px; padding: 0 0 0 0!important; margin: 0!important; top: 100%; border: 1px solid #dfdfdf; } .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after, .navbar-nav > .messages-menu > .dropdown-menu > li.header:after, .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after { bottom: 100%; left: 92%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 7px; margin-left: -7px; } .dropdown-menu { position: absolute; top: 100%; right: 0; z-index: 10000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); } .navbar-nav>li>.dropdown-menu { margin-top: 0; border-top-left-radius: 0; border-top-right-radius: 0; } .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header { -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #ffffff; padding: 7px 10px; border-bottom: 1px solid #f4f4f4; color: #444444; font-size: 14px; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion { font-size: 20px; width: 50px; text-align: center; padding: 15px 0px; margin: -3px 0px 0px 5px; background: #2c3a81; color: #fff; color: rgba(255, 255, 255, 0.9); } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion { background: #fbb714; color: #fff; color: rgba(255, 255, 255, 0.9); } body.trade_euro #right_main_menu #logout_menu a {font-size: 14px;} body.trade_euro #right_main_menu #logout_menu a:hover {color: #555 !important;} body.trade_euro #right_main_menu #logout_menu a:hover .fa {color: #FFF !important;} .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { display: block; white-space: nowrap; border-bottom: 1px solid #f4f4f4; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { background: #f6f6f6 !important; text-decoration: none; } .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { margin: 0; padding: 0; list-style: none; overflow-x: hidden; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {font-size: 13px;color: #444444 !important;font-weight: normal !important;} a.staff_avatar img {vertical-align:middle;} body.trade_euro #main_menu .hidden_content {width:145px !important;} body.trade_euro .hidden_menu .hidden_content a {color:#999 !important;} body.trade_euro #main_menu .hidden_content a {margin:0 !important;} body.trade_euro #main_menu .hidden_content a:hover {background-color: #f6f6f6 !important;} body.trade_euro #main_menu .hidden_menu {top:10px;} li.header .box {margin:0;} .caret {display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent;} .transaction_confirm {margin-top: 20px;} .box .box_body .transaction_confirm label{display: inline-block; width: 250px;} body.trade_euro #header.transaction_confirm_head {background-color: rgb(244, 244, 244);} body.trade_euro_config #header.config_utils {background-color: #fbb714 !important;} .transaction_conformation_block {width: 50%; margin: 40px 25%; height: 100px;} body.trade_euro .box .box_body .transaction_conformation {height: 100px; font-size: 26px; line-height: 100px; text-align: center;} .transaction_conformation.approve {color: #0e970e;} .transaction_conformation.refuse {color: #e72222;} body.trade_euro #trade_euro_logo.transaction_confirm {width: 100%; max-width: initial;} .trade_euro_icons {} .trade_euro_icons:before{font-family: 'FontAwesome'; font-size: 14px; line-height: inherit; vertical-align: middle;} .trade_euro_icons.more_info:before{content: "\f05a";} .btn .fa-arrow-circle-left {margin-top: 4px; line-height: 15px;} .alert { position: relative;padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .25rem; text-align:left;} .alert-primary {color: #004085; background-color: #cce5ff; border-color: #b8daff;} .alert-success {color: #155724; background-color: #d4edda; border-color: #c3e6cb;} .alert-danger {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;} .alert-warning {color: #856404; background-color: #fff3cd; border-color: #ffeeba;} .alert-danger h1{color: red;} .center {text-align: center;} .user_with_status > div {display: inline-block; float: none;} /* self service css */ .group_field {clear: both; float: none; margin-bottom: 10px;} /* @media only screen and (max-width: 1000px) {body.trade_euro #menu_wrapper {width: 74%;}} */ @media only screen and (max-width: 1070px) { .company_info.details {width: 100%;} } @media only screen and (max-width: 1000px) { .filtering .search_block {width: 100%; float:left;} .filtering .search_block.display_rules, .search_block.display_rules {position: relative; width: 100%; text-align: left; margin-top: 2%;} #row_per_page {margin-left:0;} } @media only screen and (max-width: 880px) { body.trade_euro #menu_wrapper, body.trade_euro_config #menu_wrapper {float: none; width: 100%; padding: 0;} body.trade_euro #logo_wrapper_mobile, body.trade_euro_config #logo_wrapper_mobile {display:block;} body.trade_euro #logo_wrapper {display:none;} .box .box_body .transaction_confirm label {width: 150px;} .trade_euro_box{width: 100% !important; float: none;} } @media (max-width: 768px) { /* body.trade_euro #left_panel .sidebar_wrap {overflow: hidden;} */ .navbar-nav > .notifications-menu > .dropdown-menu > li.header:after, .navbar-nav > .messages-menu > .dropdown-menu > li.header:after, .navbar-nav > .tasks-menu > .dropdown-menu > li.header:after {left: 8%;} #header_search .dropdown-menu {right: unset;} #logout_menu > li.header:after {left: unset;} #center .content_header h1 {display: none;} #right_main_menu .navbar-nav{width: 100%; float: none;} #right_main_menu #logout_title{float: right;} } @media (max-width: 670px) { .dropdown.saldo {margin-left: 15px;} body.trade_euro #header, body.trade_euro_config #header {float: none;} #right_main_menu {text-align: center;} #right_main_menu .navbar-nav {float: none;} #logout_title {float: right;} #logout_menu {right: 0;} .dropdown.user.user-menu{width: 30%;} #search_title, #saldo {display: none;} .trade_euro_box{width: 100% !important; float: none;} } @media (max-width: 480px) { .trade_euro_box{width: 100% !important; float: none;} #offers_categories {height:200px; outline: 1px solid #DDD;} #offers_categories_block{ border: none;} body.trade_euro #left_panel_wrapper {width: 100%;} body.trade_euro #left_panel_wrapper.sidebar_wrap.mobile {border-right: none;} body.trade_euro #columns #center {padding: 0 0 0 100%;} body.trade_euro_config #left_panel_wrapper {width: 90%;} body.trade_euro_config #columns #center {padding: 0 0 0 90%;} body.trade_euro #center.collapsed .content_header {padding: 0;} body.trade_euro #center.collapsed .content_header > .breadcrumbs {margin: 0; opacity: 0;} body.trade_euro #center.collapsed .trade_euro_box {padding: 20px 0; opacity: 0;} textarea#object_comment {width: 100%;} body.trade_euro .company_info {width: 100%; padding: 0 0 15px 0;} body.trade_euro .company_info.details {padding: 10px; margin-bottom: 2%;} .te_keywords {margin: 2% 2% 2% 0;} .cut_filters {display: block;} .cut_filters span.btn.btn-primary {width: 50%; text-align: left;} #filters_block {display: none;} #row_per_page, #search_items, .search_item, .search_period span, .search_period input.datetime_select.date, #search_items span, #search_items input, #search_items form input, .filtering .search_block.display_rules form, #row_per_page span, #row_per_page select, .search_item.submit_filter input, button.btn.btn-primary, input[type="submit"], a.btn.btn-primary, a.btn.btn-danger.inactive {display: block !important; width: 100% !important; margin: 0 !important; float: left; line-height: 30px;} button.btn.btn-primary, a.btn.btn-primary, a.btn.btn-danger.inactive, .box .box_body input[type="submit"] {margin: 10px 0px !important;} #search_items {margin: 0;} .search_item.submit_filter {margin: 3% 0 0 0 !important;} .filtering {margin-bottom: 5%;} .fr, .fl {float: none;} .fr input[type="submit"], .fl input[type="submit"] {display: block; width: 100%;} /* .block_categories {display: block;} */ /* .block_categories.hide {display: none;} */ .box .box_body input[type="password"].small_field {width: 100%;} .table_bordered span {line-height: normal;} } body.trade_euro #header.transaction_confirm_head {background-color: rgb(244, 244, 244);} .transaction_conformation_block {width: 50%; margin: 40px 25%; height: 100px;} body.trade_euro .box .box_body .transaction_conformation {height: 100px; font-size: 26px; line-height: 100px; text-align: center;} .transaction_conformation.approve {color: #0e970e;} .transaction_conformation.refuse {color: #e72222;} body.trade_euro #trade_euro_logo.transaction_confirm {width: 100%;} .trade_euro_icons {} .trade_euro_icons:before{font-family: 'FontAwesome'; font-size: 14px; line-height: inherit; vertical-align: middle;} .trade_euro_icons.more_info:before{content: "\f05a";} .btn .fa-arrow-circle-left {margin-top: 4px; line-height: 15px;} .alert { position: relative;padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent;border-radius: .25rem; text-align:left;} .alert-primary {color: #004085; background-color: #cce5ff; border-color: #b8daff;} .alert-success {color: #155724; background-color: #d4edda; border-color: #c3e6cb;} .alert-danger {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;} .alert-warning {color: #856404; background-color: #fff3cd; border-color: #ffeeba;} .center {text-align: center;} .user_with_status div {display: inline-block; float: none;} .text-nowrap {white-space: nowrap;} .trade_euro_qr {text-align: center;} .trade_euro_qr .qr_code {margin: 0px; display: inline-block; background-color: #fbb714;} #back_to_top { position: fixed; bottom: 15%; right: 20px; background-color: #fbb714; border-radius: 100%; box-shadow: 0 2px 8px 0px rgba(0,0,0,0.3); width: 50px; height: 50px; text-decoration: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 2; } #back_to_top:hover {box-shadow: 0 2px 8px 0px rgba(0,0,0,0.5); opacity: 1; filter: alpha(opacity=100);} #back_to_top i { color: #fff; position: relative; margin: 0; left: 18px; top: 18px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } #back_to_top:hover i { color: #fff;} #qr-component {position: relative; margin: 0px; width: 324px; height: 260px; margin: 0px auto;} @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; /* -ms-overflow-style: -ms-autohiding-scrollbar; */ /* border: 1px solid #ddd; */ } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } img.qrcode_on_gmap {height: 48px;} @media (max-width: 1200px){ .trade_euro_box {width: 100%;} } .trade_euro_box form span.inline_payment_methods {width: 200px; float: left; margin: -10px 0px 0px 30px;} .trade_euro_box form span.inline_payment_methods label {width: auto;} .trade_euro_box form span.inline_payment_methods select {margin: 0px;} #apply_csv_recognized {float: right; line-height: normal;} form .trade_euro_manual_pay input[type="button"] {padding: 0px; text-transform: none; background: none; font-weight: 400; color: #fbb714;} form .trade_euro_manual_pay input[type="button"]:hover {color: #ecaa0a;} form .trade_euro_manual_pay input[type="text"].left_image_link {text-transform: none; font-weight: 400; color: #fbb714;} form .trade_euro_manual_pay input[type="text"].left_image_link:hover {color: #ecaa0a;} /* ------ Trade Euro */ form#config_action_codes input[type="submit"].next {background-position: 0px -79px;} .win_right_side_subblock > div > div.product_configuration_group {float: left; clear: none; margin: 0 10px 0 0; min-width: 80px; width: auto; position: relative;} .win_right_side_subblock > div > div.product_configuration_group > p {margin-right: 5px; color: #333;} .win_right_side_subblock > div > div.product_configuration_group > span {margin-top: -5px;} .win_right_side_subblock > div > div.product_configuration_group .values_for_config > label { min-width: 60px; width: 65%; line-height: 17px; font-size: 16px; text-transform: capitalize; font-weight: normal;} #products_list .info_label { top: 6px; min-width: 35px; height: 13px; padding: 3px; line-height: 13px; right: 6px; display: inline-block; border-radius: 0; background-color: #ccc; float: left; } .win_right_side_subblock > div > div.product_configuration_group .values_for_config input[type="checkbox"] { margin: 0; } #product_configs_sets_vals table input[type="text"] { width: 140px; } table.items_advanced tbody tr:nth-child(4n+1), table.items_advanced tbody tr:nth-child(4n+2) {background-color: #FFFFFF;} table.items_advanced tbody tr:nth-child(4n+3), table.items_advanced tbody tr:nth-child(4n+4) {background-color: #EEEEEE;} table.items_advanced .inner_subtable > td {padding: 0px;} table.items_advanced .inner_subtable:hover{outline: 0px solid #ccc;} .form_with_blocks {position: relative;} .form_with_blocks #upload_video_iframe {position: absolute; width: 600px; height: 400px; left: calc(50% - 300px); background-color: #fff; border: 1px solid #CCC; z-index: 1000;} .new_video_uploader {margin-bottom: 10px;} .new_video_uploader #remote_videos_links {margin-top: 10px;} .new_video_uploader .standard_button {width: 45%; margin: 0px 2% 10px 0px; text-align: center; text-transform: unset;} #lead_manager_leads, #lead_manager_flows {width: 50%;} .form_with_blocks .win_right_side {margin-bottom: 20px;} .form_with_blocks .win_right_side p {float: left; margin-bottom: 12px; padding: 0px 0px 0px 0px; height: auto; font-size: 18px; color: #dedb00; text-transform: uppercase; font-weight: 600;} .form_with_blocks .win_right_side p label {clear: left; width: auto; margin: 0px;} .form_with_blocks .win_right_side > div{clear: both; position: relative; overflow: auto; padding: 10px; background-color: #fff5c7;} #lead_manager_leads .tabs {margin: 0px 0px 20px 0px;} #lead_manager_leads .underline {margin-bottom: 10px; border-top: 1px solid #EEE;} #lead_manager_leads textarea {width: 466px; height: 120px;} #lead_manager_leads textarea {width: 466px; height: 120px;} #lead_manager_leads .actual_amount {margin: 0px 0px 0px 240px;} .advertising_item {position: relative; padding-top: 20px; max-width: 730px;} .advertising_item .win_right_side {margin-bottom: 0px;} .advertising_item select {width: 100%;} .small_field_block input[type="text"] {width: 100px;} .huge_field_block input[type="text"] {width: 510px;} .lead_manager_leads {} .lead_manager_actions {margin: 6px 0px; max-width: 420px;} .lead_manager_actions > div {margin: 0px 0px 0px 26px;} .lead_manager_actions label {display: inline; float: none; line-height: normal; width: auto; text-transform: none; font-weight: 400;} .lead_manager_actions .planed_time {font-weight: 600;} .lead_manager_reservations {margin: 0px 0px; max-width: 420px;} .lead_manager_reservations > div {margin: 0px 0px 0px 0px;} .lead_manager_reservations label {display: inline; float: none; line-height: normal; width: auto; text-transform: none; font-weight: 400;} .lead_manager_reservations .planed_time {font-weight: 600;} .retention_manager_info {display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start;} .retention_manager_info label {width: auto; min-width: 100px; font-weight: 400; text-transform: none; line-height: normal;} .call_non_motivated {margin-top: 10px;} .stages_deal_block {display: grid; grid-template-columns: 1fr 1fr;} .selecter_with_button {width: 446px;} .selecter_with_button select {width: 320px;} .selecter_with_button a.standard_button {float: right;} .user_sfu_workflow {width: 100%; margin: 10px 0px; border-collapse: collapse; color: #3d3c3f; text-align: center;} .user_sfu_workflow td {border: 1px solid #ccc; text-align: center;} .user_sfu_workflow tr.title td {font-weight: 600;} .user_sfu_workflow tr td:first-child {border-left: 1px solid transparent;} .user_sfu_workflow tr td:last-child {border-right: 1px solid transparent;} .user_sfu_workflow .user_sfu_workflow_items {display: flex; flex-direction: column; align-items: flex-start;} .user_sfu_workflow .css_popup:hover .css_popup_content.left_aligment {margin: 0px -160px 0px 0px;} .user_sfu_workflow .css_popup_content.top.left_aligment:before {background-position: 170px 0px;} table.items tr td:last-child div.sfu_action_result {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; margin: 0px 0px 10px 0px; width: 100%; border-bottom: 1px solid #EEE; box-sizing: border-box;} table.items tr td:last-child div.multiple_sfu_action_result {text-align: center;} table.items .user_sfu_workflow td {vertical-align: top;} form .sfu_action_result span {float: none; line-height: normal;} .sfu_action_result .css_popup_content > div {min-width: 360px; white-space: normal;} .sfu_buttons {display: inline-block; background-position: 10px center; background-repeat: no-repeat; background-size: 15px; padding-left: 37px; height: 37px;} .sfu_standatd_finished {background-image: url(/images/retention_icons/check.png);} .sfu_not_finished {background-image: url(/images/retention_icons/help_close.png);} .sfu_standatd_email {background-image: url(/images/retention_icons/mail.png);} .sfu_standatd_call {background-image: url(/images/retention_icons/telephone.png);} .sfu_finished {background-image: url(/images/retention_icons/block-fugue.png);} .pseudo_select.retention_icons {display: inline-block; height: 30px; border: 1px solid rgba(191, 191, 191, 1)} .retention_icon { display: inline-block; margin-top: 7px; padding: 0px 0px 3px 17px; background: url(/images/retention_icons/!sprite.png) no-repeat; background-clip: padding-box; background-repeat: no-repeat; background-color: none; line-height: 16px; height: 14px; display: inline-block;} .retention_icon.bodysupport-16x16-1 { background-position: -5px -0px; } .retention_icon.accept { background-position: -26px -0px; } .retention_icon.action-save { background-position: -47px -0px; } .retention_icon.address-book-fugue { background-position: -68px -0px; } .retention_icon.alarm-clock-fugue { background-position: -89px -0px; } .retention_icon.alarm-clock { background-position: -110px -0px; } .retention_icon.anchor { background-position: -131px -0px; } .retention_icon.application-go { background-position: -152px -0px; } .retention_icon.arrow-000-medium-fugue { background-position: -173px -0px; } .retention_icon.arrow-045-medium-fugue { background-position: -194px -0px; } .retention_icon.arrow-090-medium-fugue { background-position: -215px -0px; } .retention_icon.arrow-135-medium-fugue { background-position: -236px -0px; } .retention_icon.arrow-180-medium-fugue { background-position: -257px -0px; } .retention_icon.arrow-225-medium-fugue { background-position: -278px -0px; } .retention_icon.arrow-270-medium-fugue { background-position: -299px -0px; } .retention_icon.arrow-315-medium-fugue { background-position: -320px -0px; } .retention_icon.arrow-circle-045-left-fugue { background-position: -341px -0px; } .retention_icon.arrow-circle-135-fugue { background-position: -362px -0px; } .retention_icon.arrow-switch-fugue { background-position: -5px -21px; } .retention_icon.arrow-join { background-position: -26px -21px; } .retention_icon.arrow-left { background-position: -47px -21px; } .retention_icon.arrow-refresh { background-position: -68px -21px; } .retention_icon.arrow-undo { background-position: -89px -21px; } .retention_icon.asterisk-orange { background-position: -110px -21px; } .retention_icon.asterisk-yellow { background-position: -131px -21px; } .retention_icon.attach { background-position: -152px -21px; } .retention_icon.award-star-gold-1 { background-position: -173px -21px; } .retention_icon.award-star-gold-2 { background-position: -194px -21px; } .retention_icon.award-star-gold-3 { background-position: -215px -21px; } .retention_icon.award-star-silver-1 { background-position: -236px -21px; } .retention_icon.award-star-silver-2 { background-position: -257px -21px; } .retention_icon.award-star-silver-3 { background-position: -278px -21px; } .retention_icon.balloon-plus { background-position: -299px -21px; } .retention_icon.balloon-fugue { background-position: -320px -21px; } .retention_icon.balloon-smiley { background-position: -341px -21px; } .retention_icon.balloons-fugue { background-position: -362px -21px; } .retention_icon.bandaid-fugue { background-position: -5px -42px; } .retention_icon.bell-fugue { background-position: -26px -42px; } .retention_icon.bin { background-position: -47px -42px; } .retention_icon.binocular-fugue { background-position: -68px -42px; } .retention_icon.block-fugue { background-position: -89px -42px; } .retention_icon.blogs-fugue { background-position: -110px -42px; } .retention_icon.blueprint-fugue { background-position: -131px -42px; } .retention_icon.book-open-fugue { background-position: -152px -42px; } .retention_icon.brick-add { background-position: -173px -42px; } .retention_icon.brick-edit { background-position: -194px -42px; } .retention_icon.broom-fugue { background-position: -215px -42px; } .retention_icon.bug { background-position: -236px -42px; } .retention_icon.bullet-arrow-down { background-position: -257px -42px; } .retention_icon.burn-fugue { background-position: -278px -42px; } .retention_icon.cake { background-position: -299px -42px; } .retention_icon.calendar-arrow { background-position: -320px -42px; } .retention_icon.calendar-plus-fugue { background-position: -341px -42px; } .retention_icon.calendar-day { background-position: -362px -42px; } .retention_icon.calendar-month { background-position: -5px -63px; } .retention_icon.calendar-next { background-position: -26px -63px; } .retention_icon.calendar-previous { background-position: -47px -63px; } .retention_icon.calendar-select-days-span-fugue { background-position: -68px -63px; } .retention_icon.calendar-select-days { background-position: -89px -63px; } .retention_icon.calendar-task { background-position: -110px -63px; } .retention_icon.calendar-delete { background-position: -131px -63px; } .retention_icon.calendar-link { background-position: -152px -63px; } .retention_icon.calendar-view-week { background-position: -173px -63px; } .retention_icon.cancel { background-position: -194px -63px; } .retention_icon.chain-unchain-fugue { background-position: -215px -63px; } .retention_icon.chart-fugue { background-position: -236px -63px; } .retention_icon.chart-curve { background-position: -257px -63px; } .retention_icon.chart-organisation { background-position: -278px -63px; } .retention_icon.chart-organisation-add { background-position: -299px -63px; } .retention_icon.check { background-position: -320px -63px; } .retention_icon.check-error { background-position: -341px -63px; } .retention_icon.checkmark-white { background-position: -362px -63px; } .retention_icon.clock-select { background-position: -5px -84px; } .retention_icon.clock-link { background-position: -26px -84px; } .retention_icon.color-fugue { background-position: -47px -84px; } .retention_icon.comment-edit { background-position: -68px -84px; } .retention_icon.comments { background-position: -89px -84px; } .retention_icon.comments-add { background-position: -110px -84px; } .retention_icon.comments-delete { background-position: -131px -84px; } .retention_icon.compass { background-position: -152px -84px; } .retention_icon.control-power-fugue { background-position: -173px -84px; } .retention_icon.cup { background-position: -194px -84px; } .retention_icon.date-add { background-position: -215px -84px; } .retention_icon.disk-black { background-position: -236px -84px; } .retention_icon.disk-download { background-position: -257px -84px; } .retention_icon.disk-edit { background-position: -278px -84px; } .retention_icon.disk-error { background-position: -299px -84px; } .retention_icon.disk-magnify { background-position: -320px -84px; } .retention_icon.disk-multiple { background-position: -341px -84px; } .retention_icon.disk-upload { background-position: -362px -84px; } .retention_icon.disks-black { background-position: -5px -105px; } .retention_icon.document-excel-fugue { background-position: -26px -105px; } .retention_icon.document-pdf-text-fugue { background-position: -47px -105px; } .retention_icon.emoticon-smile { background-position: -68px -105px; } .retention_icon.exclamation-diamond-frame { background-position: -89px -105px; } .retention_icon.exclamation-fugue { background-position: -110px -105px; } .retention_icon.eye { background-position: -131px -105px; } .retention_icon.eye-30-percent { background-position: -152px -105px; } .retention_icon.fitness-icons-small-0000-powerplate { background-position: -173px -105px; } .retention_icon.fitness-icons-small-0001-heart { background-position: -194px -105px; } .retention_icon.fitness-icons-small-0002-shoe { background-position: -215px -105px; } .retention_icon.fitness-icons-small-0003-taille { background-position: -236px -105px; } .retention_icon.fitness-icons-small-0004-racket { background-position: -257px -105px; } .retention_icon.fitness-icons-small-0005-steps { background-position: -278px -105px; } .retention_icon.fitness-icons-small-0006-pot { background-position: -299px -105px; } .retention_icon.fitness-icons-small-0007-yoga { background-position: -320px -105px; } .retention_icon.fitness-icons-small-0008-heart-measure { background-position: -341px -105px; } .retention_icon.fitness-icons-small-0009-blood-preasure { background-position: -362px -105px; } .retention_icon.fitness-icons-small-0010-jumping-rope { background-position: -5px -126px; } .retention_icon.fitness-icons-small-0011-crosstrainer { background-position: -26px -126px; } .retention_icon.fitness-icons-small-0012-instructor-headset { background-position: -47px -126px; } .retention_icon.fitness-icons-small-0013-sit-ups { background-position: -68px -126px; } .retention_icon.fitness-icons-small-0014-measuring-tape { background-position: -89px -126px; } .retention_icon.fitness-icons-small-0015-handsqueezer { background-position: -110px -126px; } .retention_icon.fitness-icons-small-0016-ballet { background-position: -131px -126px; } .retention_icon.fitness-icons-small-0017-ipod { background-position: -152px -126px; } .retention_icon.fitness-icons-small-0018-instructor-sweat { background-position: -173px -126px; } .retention_icon.fitness-icons-small-0019-balance { background-position: -194px -126px; } .retention_icon.fitness-icons-small-0020-drinking-bottle { background-position: -215px -126px; } .retention_icon.fitness-icons-small-0021-bike { background-position: -236px -126px; } .retention_icon.fitness-icons-small-0022-lungs { background-position: -257px -126px; } .retention_icon.fitness-icons-small-0023-stopwatch { background-position: -278px -126px; } .retention_icon.fitness-icons-small-0024-stretching { background-position: -299px -126px; } .retention_icon.fitness-icons-small-0025-heart-rate { background-position: -320px -126px; } .retention_icon.fitness-icons-small-0026-running { background-position: -341px -126px; } .retention_icon.fitness-icons-small-0027-dumbell { background-position: -362px -126px; } .retention_icon.fitness-icons-small-0028-polar-watch { background-position: -5px -147px; } .retention_icon.fitness-icons-small-0029-hometrainer { background-position: -26px -147px; } .retention_icon.flag-blue { background-position: -47px -147px; } .retention_icon.flag-checked { background-position: -68px -147px; } .retention_icon.flag-cz { background-position: -89px -147px; } .retention_icon.flag-de { background-position: -110px -147px; } .retention_icon.flag-es { background-position: -131px -147px; } .retention_icon.flag-gb { background-position: -152px -147px; } .retention_icon.flag-green { background-position: -173px -147px; } .retention_icon.flag-nl { background-position: -194px -147px; } .retention_icon.flag-orange { background-position: -215px -147px; } .retention_icon.flag-red { background-position: -236px -147px; } .retention_icon.flag-white { background-position: -257px -147px; } .retention_icon.fruit-orange { background-position: -278px -147px; } .retention_icon.fruit { background-position: -299px -147px; } .retention_icon.funnel-fugue { background-position: -320px -147px; } .retention_icon.gear-plus-fugue { background-position: -341px -147px; } .retention_icon.gear-fugue { background-position: -362px -147px; } .retention_icon.gender-female { background-position: -5px -168px; } .retention_icon.gender { background-position: -26px -168px; } .retention_icon.goto-meeting { background-position: -47px -168px; } .retention_icon.group { background-position: -68px -168px; } .retention_icon.heart-break { background-position: -89px -168px; } .retention_icon.heart { background-position: -110px -168px; } .retention_icon.help { background-position: -131px -168px; } .retention_icon.home-plus { background-position: -152px -168px; } .retention_icon.home-fugue { background-position: -173px -168px; } .retention_icon.iconapplication-arrow-fugue { background-position: -194px -168px; } .retention_icon.iconapplication-exclamation-fugue { background-position: -215px -168px; } .retention_icon.iconapplication-blog-fugue { background-position: -236px -168px; } .retention_icon.iconapplication-image-fugue { background-position: -257px -168px; } .retention_icon.iconapplication-monitor-fugue { background-position: -278px -168px; } .retention_icon.iconapplication-cascade { background-position: -299px -168px; } .retention_icon.iconapplication-form-add { background-position: -320px -168px; } .retention_icon.iconapplication-form-edit { background-position: -341px -168px; } .retention_icon.iconapplication-form-magnify { background-position: -362px -168px; } .retention_icon.information-balloon { background-position: -5px -189px; } .retention_icon.information { background-position: -26px -189px; } .retention_icon.key-arrow-fugue { background-position: -47px -189px; } .retention_icon.key-fugue { background-position: -68px -189px; } .retention_icon.klikschema { background-position: -89px -189px; } .retention_icon.labels { background-position: -110px -189px; } .retention_icon.leaf { background-position: -131px -189px; } .retention_icon.lifebuoy { background-position: -152px -189px; } .retention_icon.link { background-position: -173px -189px; } .retention_icon.link-break { background-position: -194px -189px; } .retention_icon.lock { background-position: -215px -189px; } .retention_icon.magnifier { background-position: -236px -189px; } .retention_icon.mail-exclamation { background-position: -257px -189px; } .retention_icon.mail-plus { background-position: -278px -189px; } .retention_icon.mail { background-position: -299px -189px; } .retention_icon.mails-stack { background-position: -320px -189px; } .retention_icon.mails { background-position: -341px -189px; } .retention_icon.map { background-position: -362px -189px; } .retention_icon.money-coin-fugue { background-position: -5px -210px; } .retention_icon.node-insert-next { background-position: -26px -210px; } .retention_icon.number1 { background-position: -47px -210px; } .retention_icon.number2 { background-position: -68px -210px; } .retention_icon.number3 { background-position: -89px -210px; } .retention_icon.number4 { background-position: -110px -210px; } .retention_icon.number5 { background-position: -131px -210px; } .retention_icon.number6 { background-position: -152px -210px; } .retention_icon.number7 { background-position: -173px -210px; } .retention_icon.number8 { background-position: -194px -210px; } .retention_icon.number9 { background-position: -215px -210px; } .retention_icon.page-copy { background-position: -236px -210px; } .retention_icon.present { background-position: -257px -210px; } .retention_icon.printer { background-position: -278px -210px; } .retention_icon.question-balloon { background-position: -299px -210px; } .retention_icon.reports-fugue { background-position: -320px -210px; } .retention_icon.speaker-volume { background-position: -341px -210px; } .retention_icon.sport-8ball { background-position: -362px -210px; } .retention_icon.sport-basketball { background-position: -5px -231px; } .retention_icon.sport-football { background-position: -26px -231px; } .retention_icon.sport-golf { background-position: -47px -231px; } .retention_icon.sport-golf-practice { background-position: -68px -231px; } .retention_icon.sport-raquet { background-position: -89px -231px; } .retention_icon.sport-shuttlecock { background-position: -110px -231px; } .retention_icon.sport-soccer { background-position: -131px -231px; } .retention_icon.sport-tennis { background-position: -152px -231px; } .retention_icon.stop { background-position: -173px -231px; } .retention_icon.target-green { background-position: -194px -231px; } .retention_icon.telephone { background-position: -215px -231px; } .retention_icon.telephone-error { background-position: -236px -231px; } .retention_icon.telephone-red { background-position: -257px -231px; } .retention_icon.telephone-stop { background-position: -278px -231px; } .retention_icon.thumb-down { background-position: -299px -231px; } .retention_icon.thumb-up { background-position: -320px -231px; } .retention_icon.toggle-small-collapse-fugue { background-position: -341px -231px; } .retention_icon.toggle-small-fugue { background-position: -362px -231px; } .retention_icon.ui-check-box-uncheck { background-position: -5px -252px; } .retention_icon.ui-check-box { background-position: -26px -252px; } .retention_icon.ui-check-boxes-uncheck { background-position: -47px -252px; } .retention_icon.ui-check-boxes { background-position: -68px -252px; } .retention_icon.user-plus { background-position: -89px -252px; } .retention_icon.user-2 { background-position: -110px -252px; } .retention_icon.user-red { background-position: -131px -252px; } .retention_icon.window-active-close { background-position: -152px -252px; } .retention_icon.wrench-fugue { background-position: -173px -252px; } .retention_icon.yin-yang { background-position: -194px -252px; } .fast_operations {margin-bottom: 15px;} .fast_operations a {margin-right: 10px;} .fast_operations a:hover {color: #ff5a00;} .flow_action_block label.for_inputs {display: inline-block; width: auto; margin-bottom: 10px;} .flow_action_block .for_inputs input[type="checkbox"] {margin-top: 3px;} .flow_action_block .arrow.up {margin: 8px;} .flow_action_block .ordering_btns {margin-right: 20px;} .coaching {} .coaching .wrapiframe {clear: both;} .coaching .file_drop_block.in_form_file {margin-top: 10px;} .coaching .input_label {clear: right; display: block; float: none;} .coaching .in_form_file .qq-uploader {width: 100%; border: 1px solid rgba(191, 191, 191, 1);} .coaching_poster_img_wrap {position: relative; width: 100%; display: table; margin-bottom: 20px;} .coaching_poster_img_block {position:relative; width: 100%; height: 210px; padding: 1%; box-sizing: border-box; border: 1px solid rgba(191, 191, 191, 1); margin-bottom: 20px; text-align: center; vertical-align: middle; display: table-cell;} .coaching_poster_img_wrap .remove_btn.small {z-index: 1000;} .images_set .coaching_poster_img_block {height: 410px;} .coaching_poster_img_block img {max-height: 98%; max-width: 98%;} form .coaching .win_right_side .coaching_poster_img_block textarea {width: 28%; float: none; margin-left: 1%; min-height: 250px;} .coaching_poster_img_block .close_dark_wrap_btn.small {position: absolute; top: 2px; right: 7px;} .coaching_thumbnails {padding: 10px 0px; clear: both; overflow: auto; white-space: nowrap;} .coaching_thumbnails .images_set.coaching_thumbnail {position:relative; display: inline-block; height: 180px; width: auto; padding: 5px 30px 5px 5px;} .coaching_thumbnails img {position:relative; height: 180px;} .coaching_thumbnails img.indicator {position:relative; height: auto;} #sportlocations .coaching_thumbnails {white-space: normal;} #sportlocations .coaching_thumbnails .remove_btn.small {top: 6px; right: 8px; margin: 0px;} #sportlocations .mceStatusbar {display: none;} .coaching .left_column_block {float: left; width: 56%; margin-right: 2%;} .coaching .left_column_block .win_right_side {} .coaching .right_column_block {float: left; width: 30%;} .coaching .right_column_block .win_right_side {} .rigt_floaded_link.left_image_link.plus {float: right; margin: 6px 0px;} .coaching .user_info {clear: both; overflow: auto;position: relative;} .coaching .user_info .profile_pic {width: 150px; height: 150px; float: left; margin-right: 20px; position: relative; overflow: hidden; border-radius: 50%; border: 1px solid #CCC;} .coaching .user_info .profile_pic img {display: inline-block; margin: 0 auto; max-width: 200px; max-height: 200px;} .coaching .user_info .info {display: inline-block; line-height: 40px; font-size: 18px; width: 42%;} .coaching .user_info .info p {margin: 4px 0px; height: 40px;} .coaching .user_info .info p.user_name {font-weight: 600; font-size: 20px;} .coaching .user_info .info p.user_name span {display: block; font-weight: 400; font-size: 20px; line-height: normal;} .coaching .user_info .info p select {width: 54%;} .coaching .user_info .info span {display: inline-block; width: 44%;} .coaching .user_info .info span.second_line_info {width: 100%; display: block; font-size: 14px; font-weight: 400; line-height: normal;} .coaching .user_info .coaching_api_logo {position:absolute;top:160px;} .coaching .user_info .coaching_api_logo img {height:24px;margin:10px 10px 0 0;} .coaching.coaching_programs .user_info {width: 70%;} .coaching.coaching_programs .user_info .info {position: relative; width: calc(100% - 173px); min-height: 215px;} .coaching.coaching_programs .user_info .info .buttons {position: absolute; right: 0px; top: 0px; line-height: normal;} .coaching.coaching_programs .user_info .info .buttons .coaching_button {margin: 0px; width: auto;} .coaching.coaching_programs .user_info .info .buttons a:last-child {margin-right: 0px; padding-right: 0px;} .coaching.coaching_programs .user_info .info p {font-size: 20px; } .coaching.coaching_programs .user_info .info p.user_name {height: 50px; padding-top: 6px; line-height: normal; margin-bottom: 30px;} .coaching.coaching_programs .user_info .workout_day_info {position: absolute; bottom :0px; width: 100%;} .coaching.coaching_programs .user_info .workout_day_info p {font-size: 20px;} .coaching.coaching_programs .user_info .workout_day_info p span {float: right; margin-right: 100px; width: auto;} .coaching .traning_plan {margin-top: 20px;} .coaching .traning_plan .buttons {margin-bottom: 20px; text-align: justify;} .coaching .traning_plan .buttons .indicator_block {height: 40px; line-height: 40px;} .coaching .traning_plan .buttons .indicator_block img {vertical-align: middle;} .coaching .traning_plan .buttons > div, .coaching_button {width: auto; display: inline-block; white-space: nowrap; height: 40px; line-height: 40px; padding: 0px 20px; color: #ffffff; text-transform: uppercase; font-size: 14px; background:none; background-color: #ff5a00; border: none; outline: none; margin-right: 20px; font-weight: 600; text-align: center;} .coaching .traning_plan .buttons > div.active {background-color: #e85606 } .coaching .traning_plan .buttons > div:hover, .coaching .traning_plan .buttons.active, .coaching_button:hover {color: #ffffff; background-color: #e85606; cursor: pointer;} .coaching_button.active {color: #3d3c3f;} .coaching .traning_plan .buttons p, .coaching .coaching_list p.list_title, .exercises_edit p.list_title {display: block; line-height: 40px; font-size: 22px; font-weight: 400; margin-right: 20px;} .coaching .coaching_list p.list_title {margin-bottom: 0px;} .coaching .module_buttons {display: block; height: auto;} .coaching .module_buttons .right_buttons {display: block; height: 30px; float: right;} .coaching .module_buttons .right_buttons a {margin-right: 0px;} .coaching #nutrition_block .module_buttons .right_buttons {float: none;} .coaching #nutrition_block .module_buttons .right_buttons a {padding: 0px 12px 0px 17px;} .alternative_food_search {display: flex; justify-content: space-between; margin: 15px 0 15px 0;} .alternative_food_search input.suggest {width: 450px !important;} .foods_left_blocks {display: flex;} .foods_image {width: 23%; margin-right: 2%;} .foods_options {width: 75%;} form .foods_options select {width: 60%;} .coaching .foods_options .win_right_side_block input[type="text"] {width: 61%;} .foods_info_blocks {font-size: 16px; line-height: 25px; margin: 0px 0px 20px 0px;} .foods_info_blocks .coaching_poster_img_block {width: 100%; height: 250px;} .foods_info_blocks .foods_image {width: 250px; height: 250px;} .foods_info_blocks .foods_options {width: calc(100% - 250px);} .foods_info_blocks .foods_options label {width: 150px; text-align: left; font-size: 18px;} .foods_info_blocks .foods_options label.foods_info_title, .foods_info_title {padding-bottom: 10px; width: 100%; font-size: 18px; font-weight: 600; text-transform: uppercase;} .foods_info_blocks .four_colums_form > div {width: 23%; margin: 0px 3% 0px 0px;} .foods_info_blocks .four_colums_form > div label {width: 80px; text-align: left;} .meal_menu_svg { display: inline-block; width: 30px; height: 30px; margin-right: 20px;} .meal_menu_big_svg { display: inline-block; width: 100%; height: 100%; margin: 0px;} .add_meal_button {font-size: 40px; display: inline-block; width: 20px; height: 20px; margin: 4px; font-weight: 400; line-height: 17px;} .add_meal_button:hover {color: #e85606;} .pencil_button {display: block; width: 20px; height: 20px; margin: 4px; background: #fff url(/images/design_new/pencil.png) no-repeat; background-size: contain;} .delete_button {display: block; width: 20px; height: 20px; margin: 4px; background: #fff url(/images/design_new/delete.png) no-repeat; background-size: contain;} .inner_popup {display: none; border: 1px solid rgba(191, 191, 191, 1); position: fixed; top: 150px; left: calc(50% - 355px); width: 650px; height: 500px; padding: 32px 30px 40px 30px; background: #FFF;} .inner_popup.active {display: block;} .inner_popup.edit_food {height: 260px;} .supper_small_field {height: 26px; width: 40px; padding: 0px 4px; border: 1px solid rgba(191, 191, 191, 1); font-size: 15px; margin-right: 4px;} #foods_list {margin-top: 20px; height: 396px; overflow-y: auto;} .nutritions_menus {width: 100%;} .nutritions_menus .meal_menu_svg {margin-right: 10px;} .nutritions_menu_padding {padding-top: 20px;} .nutritions_menu_title {font-size: 18px; font-weight: 600;} .nutritions_menu_meals td {padding: 4px 0px; vertical-align: middle;} .image_and_title {display: flex; flex-direction: row; align-items: center; line-height: normal;} .coaching .module_buttons.body_composition { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start;} .coaching .module_buttons.body_composition:nth-child(1) { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .coaching .module_buttons.body_composition:nth-child(2) { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .levels_challenges_block_coaching {padding-bottom: 10px; border-bottom: 1px solid #CCC;} .training_schemes {margin-top: 20px;} .training_schemes .automatic_scheme {position: relative; display: flex; flex-direction: row; width: 70%; min-width: 960px; padding: 4px 4px; margin-bottom: 20px; clear: both; overflow: auto; border: 1px solid #CCC; box-sizing: border-box;} .training_schemes .automatic_scheme .buttons {bottom: 0px; position: absolute; left: 214px;} .training_schemes .automatic_scheme.custom_program. .training_schemes .automatic_scheme.custom_program {width: 90%;} .training_schemes .automatic_scheme.custom_program .coaching_note {margin-bottom: 10px;} .training_schemes .automatic_scheme.custom_program .scheme_info_block {margin-bottom: 0px;} .training_schemes .automatic_scheme .scheme_image_block {margin-right: 10px; width: 200px;} .training_schemes .automatic_scheme .scheme_info_block {width: calc(100% - 210px); margin-bottom: 40px;} .training_schemes .automatic_scheme .scheme_info_top_block {clear: both; height: 60px; margin-bottom: 20px;} .training_schemes .automatic_scheme .scheme_info_title {float: left; width: 40%;} .training_schemes .automatic_scheme .scheme_info_title p {margin-bottom: 0px;} .training_schemes .automatic_scheme .scheme_info_title span {} .training_schemes .automatic_scheme .additional_actions {float: right; margin: 14px 10px 0px 0px;} .additional_actions .popup_forms .nice_field {width: 305px; margin-top: 10px;} .additional_actions .popup_forms .small_field {width: 60px; margin-top: 0px;} .additional_actions .popup_forms .checkmark_btn.small {margin: 8px 16px 0px 0px;} .additional_actions .popup_forms .close_dark_wrap_btn.small {margin: 15px 0px 0px 0px;} .training_schemes .automatic_scheme .scheme_info_block table {border: none;} .training_schemes .automatic_scheme .scheme_info_block table thead th { border-right: 1px dashed #eee; border-bottom: 1px dashed #eee;} .training_schemes .automatic_scheme .scheme_info_block table thead tr th:last-child {border-right: 1px dashed transparent; border-bottom: 1px dashed #eee;} .training_schemes .automatic_scheme .scheme_info_block table tbody td {border-right: 1px dashed #eee; border-bottom: 1px dashed #eee;} .training_schemes .automatic_scheme .scheme_info_block table tbody tr:last-child td {border-right: 1px dashed #eee; border-bottom: 1px dashed transparent;} .training_schemes .automatic_scheme .scheme_info_block table tbody tr td:last-child {border-right: 1px dashed transparent; border-bottom: 1px dashed #eee;} .training_schemes .automatic_scheme .scheme_info_block table tbody tr:last-child td:last-child {border-right: 1px dashed transparent; border-bottom: 1px dashed transparent;} .training_schemes .automatic_scheme .scheme_info_block table tbody tr:hover {background-color: rgba(189, 189, 189, 0.2);} .training_schemes .automatic_scheme .scheme_info_block table tbody tr:hover td {border-bottom: 1px dashed transparent;} .coaching_list .training_schemes .automatic_scheme .scheme_info_block table th:nth-child(2){text-align: center;} .coaching_list .training_schemes .automatic_scheme .scheme_info_block table td:nth-child(2) {text-align: center;} .training_schemes .automatic_scheme p {padding: 6px 0px; width: 100%; font-size: 20px; font-weight: 600; line-height: 30px;} .training_schemes .automatic_scheme p span {display: inline-block; margin-left: 30px; padding-top: 2px; font-size: 14px; font-weight: 400;} .training_schemes .automatic_scheme span.second_line_info, .user_workout_program .program_information_title span.second_line_info {width: 100%; display: block; font-size: 14px; font-weight: 400; line-height: normal;} .retention_appointments {width: 60%;} @media only screen and (max-width:1360px) { .training_schemes .automatic_scheme {width: 100%} .coaching.coaching_programs .user_info {width: 100%;} } .day_exercise_schemes {margin-bottom: 60px;} .day_exercise_schemes span {line-height: 30px; margin: 0px 3px;} .day_exercise_schemes input[type="text"] {float: none; padding: 0px; margin-bottom: 0px; width: 80px; border: 1px solid #EEE; text-align: center;} .day_exercise_schemes input[type="text"]:focus {border: 1px solid #CCC; outline: none;} .day_exercise_schemes tr:hover input[type="text"], .day_exercise_schemes tr:hover select {background-color: transparent; border: 1px solid #DDD;} .day_exercise_schemes.manual_program {margin-bottom: 60px;} .day_exercise_schemes.manual_program tr td {width: 24%;} .day_exercise_schemes.manual_program tr td:first-child, .day_exercise_schemes.manual_program tr th:first-child {width: 1%;} .day_exercise_schemes.manual_program tr td:last-child, .day_exercise_schemes.manual_program tr th:last-child {width: 1%;} .day_exercise_schemes.manual_program select {width: 100%;} .day_exercise_schemes.manual_program label {width: auto; margin: 0px; top: 3px; left: 3px; padding: 0px 6px; position: absolute; background: #FFF; color: #AAA; font-weight: 400; text-transform: none; line-height: 24px;} .day_exercise_schemes.manual_program input[type="text"] {float: none; padding: 0px; margin-bottom: 0px; width: 80px; border: 1px solid #EEE; text-align: center;} .manual_program .one_set select, .manual_program .one_set input[type="text"] {width: 100%; text-align: left;} .manual_program .one_set select.unit_selecter {margin: 0px; padding: 0px 4px 0px 4px; border: 1px solid #EEE; background: none;} .manual_program .labaled_blok {position: relative;} .manual_program .labaled_blok label {width: auto; margin: 0px; top: 3px; left: 3px; padding: 0px 2px; position: absolute; background: transparent; color: #AAA; font-weight: 400; text-transform: none; line-height: 24px;} .manual_program .one_set .with_unit input[type="text"] {width: 100%;} .manual_program .one_set .with_unit .labaled_blok {float: left; width: 58%; margin-right: 5%;} .manual_program .one_set .with_unit select {width: 37%;} .manual_program .one_set .with_two_fields .set_field {width: 48%;float: left;} .manual_program .one_set .with_two_fields .set_field:first-child {} .manual_program .one_set .with_two_fields .set_field:nth-child(2) {float: right;} .manual_program .one_set .with_hart_rate .set_field {width: 34%;} .manual_program .one_set .with_hart_rate .set_field:nth-child(2) {float: left; margin-left: 3px;} .manual_program span.for_button {display: none;} .manual_program .manual_user_program .popup_forms {float: right; display: block;} .manual_program .with_hart_rate span.for_button {display: inline-block; margin: 3px 0px; font-size: 12px; line-height: normal; float: right;} .manual_program .with_hart_rate .popup_forms select {width: 90%; margin: 0px; background: #fff url(/images/design_new/bac_select.png) no-repeat 100% 0px;} .manual_program .with_hart_rate .popup_forms .popup_form_content {width: 280px;} .manual_program .with_hart_rate .popup_forms .popup_form_content .buttons {height: auto; top: 10px;} .manual_program .one_set_button_block {width: auto;} .manual_program .one_set_button_block {width: auto;} .manual_program div {text-align: left;} .manual_program .labaled_blok.with_label {text-align: left;} #training_program_list .left_image_link {float: right;} .training_block {} .training_block .training_week_info {display: inline-block; width: 32%; margin: 0px 1.6% 0px 0px;} .training_week_info .training_week_detail {display: block; clear: both; overflow: auto; margin: 0px 0px 10px 0px; padding: 8px 0px; border: 1px solid #CCC;} .training_week_info .training_week_detail > div {margin: 5px 1% 12px 4px; height: 40px; width: 47%; float: left; font-size: 18px;} .training_week_info .training_week_detail > div p {width: 100%; margin-bottom: 8px;} .training_week_info .training_week_detail > div span {font-weight: 600; display: inline-block; min-width: 35%; margin-right: 1%;} .coaching_schema {margin-bottom: 20px;} .coaching_schema .coaching_info {display: inline-block; width: 32%; margin: 0px 1.6% 0px 0px;} .coaching_schema .coaching_last_info {display: block; clear: both; overflow: auto; margin: 0px 0px 10px 0px; padding: 8px 0px; border: 1px solid #CCC;} .coaching_schema .coaching_last_info .intermediate_fasting {margin-top: 30px;} .coaching_schema .coaching_last_info label {width: 100%; text-align: left; font-weight: 400; float: none; margin: 0px; clear: none;} .coaching_schema .coaching_last_info > div {margin: 5px 1% 12px 4px; height: 40px; width: 48%; float: left; font-size: 18px;} .coaching_schema .coaching_last_info > div p {width: 100%; margin-bottom: 8px;} .coaching_schema .coaching_last_info > div span {font-weight: 600; display: inline-block; min-width: 42%; margin-right: 1%;} .coaching_schema .coaching_last_info > div.as_block_header span {margin-left: 10px; font-size: 14px; line-height: 19px; font-weight: 400;} .coaching_schema .coaching_last_info > div.coaching_info_title {width: 100%; box-sizing: border-box; margin: 0px 0px 8px 0px; padding: 1%; text-align: left;} .coaching_schema .coaching_last_info > div.coaching_info_title span {float: right; margin-right: 0;} .coaching_schema .coaching_last_info div.as_block_header {height: 20px; width: 96%; margin-bottom: 0px; font-weight: 600;} .coaching_schema .coaching_comment, .coaching_schema .nutrition_block_alternative_data {display: block; clear: both; overflow: auto; height: 231px; padding: 8px 4px; border: 1px solid #CCC;} .coaching_schema .nutrition_block_alternative_data {height: auto; margin: 0px 1.6% 10px 0px; width: 97%;} .coaching_schema .coaching_comment p {display: block; height: auto; margin-bottom: 18px; font-size: 18px;} .coaching_schema .coaching_comment textarea {width: 100%; height: 197px; box-sizing: border-box; font-size: 17px;} .coaching_schema .coaching_chart {display: inline-block; width: 66%;} .coaching_schema .coaching_chart_block { border: 1px solid #CCC;} .coaching_schema .coaching_chart_block .google_chart_intro {display: none;} .coaching_chart_block .coaching_list {padding: 10px;} .coaching_schema .coaching_last_info.training_totals > div {margin: 5px 1% 12px 4px; height: auto; width: 47%; float: left; padding: 8px 1% 8px 2%; box-sizing: border-box; font-size: 18px; border-right: 1px dashed #CCC;} .coaching_schema .coaching_last_info.training_totals > div.as_block_header {height: 26px; margin: 0px 2% 10px 2%; padding: 10px 0px 0px 0px; border-top: 1px dashed #CCC; border-right: 1px dashed transparent; font-weight: 600; width: 96%; display: block; clear: both; float: none; box-sizing: border-box;} .coaching_schema .coaching_last_info.training_totals > div p {width: 100%; text-align: left; margin-bottom: 10px; font-size: 30px; font-weight: 600;} .coaching_schema .coaching_last_info.training_totals > div p span {font-size: 18px; width: auto; min-width: auto; margin-left: 3px; margin-top: 3px;} .coaching_schema .coaching_last_info.training_totals > div.coaching_tasks {width: 30.3333%; border-right: 1px dashed #CCC;} .coaching_schema .coaching_last_info.training_totals > div.no_border {border: 1px solid transparent;} .coaching_schema .coaching_last_info.nutrition_block > div {height: auto;} .coaching_schema .coaching_last_info.nutrition_block > div div {width: 100%; margin-bottom: 10px;} .coaching_schema .coaching_last_info.nutrition_block > div select {width: 100%;} .coaching_schema .coaching_last_info.nutrition_block > div input[type="text"] {width: 100%;} .coaching_schema .coaching_last_info.nutrition_block div.coaching_info_left_side span {width: 100%;} .coaching_schema .coaching_last_info.nutrition_block div.coaching_info_left_side span.nutrition_info {width: 100%; height: 24px; font-size: 14px; font-weight: 400; color: #CCC; margin: 3px 0px 0px 0px; line-height: normal;} .coaching_schema .coaching_last_info.nutrition_block > div span {width: 100%;} .coaching_schema .coaching_last_info.nutrition_block > div span#indicator {width: 22px; min-width: 22px; height: 22px; float: none; margin: 11px 8px 0px 0px;} .coaching_schema .coaching_last_info.nutrition_block div.coaching_info_left_side {width: 52%; height: auto; float: left; margin: 5px 0px 0px 4px;} .coaching_schema .coaching_last_info.nutrition_block div.coaching_info_right_side {width: 44%; height: auto; float: right; margin: 35px 4px 0px 0px;} .coaching_schema .coaching_last_info.nutrition_block div.coaching_info_right_side > div {margin-bottom: 37px;} .coaching_schema .coaching_last_info.nutrition_block div.coaching_info_right_side div.as_block_header {height: 20px;} .coaching_schema .coaching_last_info.nutrition_block div.coaching_info_right_side input[type="text"] {} .coaching_schema .coaching_last_info.nutrition_block > div.coaching_tasks {width: 30.3333%;} .coaching_schema .coaching_last_info.nutrition_block > div.coaching_tasks p {font-size: 20px; font-weight: 600;} #nutrition_block .printing_block {width: 210px;} #nutrition_alternative_data .nutrition_alternative_preferences {display: flex; justify-content: space-between; align-items: center; width: 98%; margin: 5px 0;} #nutrition_alternative_data .nutrition_alternative_preferences.header {font-weight: bold;} #nutrition_alternative_data .nutrition_alternative_preferences div {width: 30%;} .coaching_schema .coaching_last_info > div.bottom_block {width: 98%; position: relative; height: 40px;} .coaching_schema .coaching_last_info > div.bottom_block #target_selecter_block {width: 69%; float: left;} .coaching_schema .coaching_last_info > div.bottom_block .buttons {text-align: right; position: absolute; bottom: 0px; right: 0px; margin-bottom: 0px;} .coaching_schema .coaching_last_info > div.bottom_block .buttons a {margin: 0px 0px 0px 0px;} .meals {width: 100%; margin-top: 20px; min-height: 1033px;} .meals .meal {clear: both; overflow: auto; width: 100%; min-height: 80px; padding: 10px 10px; box-sizing: border-box; border-bottom: 1px dashed #CCC;} .meals .meal:last-child {border-bottom: 1px dashed transparent;} .meals .meal_title {clear: both; line-height: 60px;} .meals .meal_title > div {font-weight: 600;} .meals .meal_title > div.nutrition_title {width: 40%; float: left; font-size: 22px; font-weight: 400;} .meals .meal_recipe {clear: both; overflow: auto; line-height: 50px;} .meals .meal_recipe:hover {background-color: rgba(204, 204, 204, 0.1);} .meals .meal_recipe .with_info {cursor: pointer;} .meals .meal_recipe > div.nutrition_title {width: 40%; float: left; font-size: 22px;} .meals .nutrition_information {width: 55%; float: left; font-size: 18px;} .meals .nutrition_information div {width: 20%; float: left;} .meals .meal_recipe img {width: 50px;} .meals .css_popup .popup_link {line-height: 20px; transform: rotate(90deg); display: block;} .meals .css_popup:hover .css_popup_content.clear_left {right: 35px;} p.coaching_recipe_title {padding: 0px; margin-bottom: 25px; font-size: 18px; font-weight: 600; height: auto;} .coaching_recipe {clear: both; overflow: hidden; padding: 6px 2px; border-bottom: 1px dashed #CCC;} .coaching_recipe > div {clear: both; overflow: hidden; padding: 4px 4px;} .coaching_recipe > div:hover {background-color: rgba(204, 204, 204, 0.1); cursor: pointer;} .coaching_recipe:last-child {border-bottom: 1px dashed transparent;} .coaching_recipe .coaching_recipe_image {max-width: 170px; margin-right: 10px; float: left;} .coaching_recipe .coaching_recipe_info {float: left;} .coaching_recipe .coaching_recipe_image img {display: block;} .coaching_recipe_info .cuizne_title {font-size: 18px; margin: 15px 0px 10px 0px; line-height: normal;} .coaching_recipe_info .cuizne_time {} .coaching_recipe_image {text-align: center;} .coaching_nutritional_value {width: 100%; margin-top: 10px; text-align: justify; -ms-text-justify: distribute-all-lines; text-justify: distribute-all-lines;} .nutritional_value {display: inline-block; width: 50px; text-align: center; font-weight: 600;} .nutritional_value > div {font-weight: 400;} .stretch {width: 100%; display: inline-block; font-size: 0; line-height: 0} .full_coaching_recipe .coaching_items {max-height: 400px; overflow: auto;} .full_coaching_recipe .buttons {text-align: center; margin-top: 20px; padding-top: 10px; border-top: 1px dashed #CCC;} .coaching_item {margin: 10px 0px;} .coaching_item b {color: #333; font-size: 14px; font-weight: 600; display: block; margin-bottom: 6px;} .coaching_item p {color: #000; font-size: 14px; font-weight: 400;} .coaching_item ol {margin-left: 17px;} .nutritions_totals {position: relative; width: 738px; margin: 0px 0px 0px 10px; font-size: 18px;} .other_totals, .nutritions_totals {clear: both; overflow: hidden;} .nutritions_totals .calories_totals {margin-bottom: 10px;} .nutritions_totals .calories_totals .totals_title {font-weight: 600;} .nutritions_totals .calories_totals .totals_numerics {display: block; float: right; text-align: right; box-sizing: border-box; padding-left: 2px;} .totals_numerics p {display: inline; margin: 0px; font-weight: 600;} .calories_totals .calories_total_wrap, .calories_totals .calories_total_spent {clear: both; width: 100%; height: 0px; border: 7px solid #CCC; border-right: none; border-left: none; box-sizing: border-box;} .calories_totals .calories_total_wrap {margin-top: 6px;} .calories_totals .calories_total_spent {border: 7px solid #dedb00; font-size: 12px; text-align: right; padding-right: 6px; box-sizing: border-box; margin-top: -7px; line-height: 2px; color: #000; font-weight: 400;} .other_totals > div {width: 33%; padding: 10px 0px; float: left; text-align: center; border-right: 1px dashed #CCC;} .other_totals > div:last-child {border: none;} .other_totals p {display: block; margin-bottom: 10px; font-weight: 600;} .printing_block {padding: 0px 10px; width: 260px; position: absolute; top: 10px; right: 0px; font-size: 18px;} .printing_block > div {margin-bottom: 10px; text-align: right;} .printing_block .left_image_link {padding: 0px 0px 0px 17px; margin: 0px 0px 10px 0px;} .coaching_schema#nutrition_block .coaching_chart_block {padding: 8px 4px; box-sizing: border-box; position: relative;} #calendar_wrap {position: relative; width: 630px; padding: 0px 54px; margin: 0px 0px 0px 10px;} .allmonthwrap {position: relative; text-align: left; overflow: hidden; white-space: nowrap; height: 42px;} .allmonthwrap a {width: 86px; height: 42px; padding-top: 8px; box-sizing: border-box; display: block; float:left; font-size: 13px; line-height: 13px; text-transform: uppercase; text-align: center; text-decoration: none; margin-left:2px; margin-right: 2px; background-color: #FFF; border: 1px solid #CCC;} .allmonthwrap a.current, .allmonthwrap a:hover {background-color: #ff5a00; border: 1px solid #ff5a00; color: #FFF;} .allmonthwrap a.has_nutrition {position: relative; padding-right: 30px;} .allmonthwrap a.has_nutrition:after {width: 30px; height: 30px; content: ""; position: absolute; left: auto; right: 1px; bottom: 5px; top: auto; background: url(../images/meal.png) no-repeat center center; background-size: contain;} .allmonthwrap a span {display: block; font-weight: bold;} #week_calendar_wrap {position: relative; width: auto; padding: 0px 0px; margin: 0px 20px 20px 0px;} #week_calendar_wrap .allmonthwrap {width: 804px;} .allmonthwrap .year_weeks {width: 122px; height: 42px; box-sizing: border-box; float: left; font-size: 13px; text-transform: uppercase; text-align: center; text-decoration: none; margin-left: 2px; margin-right: 2px; background-color: #FFF; border: 1px solid #CCC;} .allmonthwrap .year_weeks:hover, .allmonthwrap .year_weeks.slick-active, .allmonthwrap .year_weeks.slick-center {background-color: #dedb00; border: 1px solid #dedb00; color: #FFF; cursor: pointer;} .allmonthwrap .year_weeks .week_number {font-weight: 600;} .allmonthwrap .year_weeks .week_period {font-size: 12px;} .coaching_chart_block .allmonthwrap {width: 630px;} #week_calendar_wrap .slick-initialized .year_weeks.slick-slide {display: flex; flex-direction: column; justify-content: center; align-items: center;} #week_calendar_wrap .slick-arrow, #week_calendar_wrap .slick-arrow {width: 21px; height: 42px; box-sizing: border-box; float: left; font-size: 13px; text-transform: uppercase; text-align: center; text-decoration: none; color: transparent; background-color: #FFF; border: 1px solid #CCC;} #week_calendar_wrap .slick-prev {position: absolute; left: 0px;} #week_calendar_wrap .slick-arrow:hover::before {background-color: #dedb00; border: 1px solid #dedb00; color: #FFF; cursor: pointer;} #week_calendar_wrap .slick-prev::before {content: '<'; color: #3d3c3f; text-align: center; font-weight: 400; font-size: 27px; display: block; line-height: 38px;} #week_calendar_wrap .slick-next {position: absolute; right: 0px;} #week_calendar_wrap .slick-next::before {content: '>'; color: #3d3c3f; text-align: center; font-weight: 400; font-size: 27px; display: block; line-height: 38px;} #week_calendar_wrap .slick-list {padding: 0px 0px !important; height: 42px; width: calc(100% - 50px); position: absolute; left: 26px;} #next_day, #prev_day {background-color: #FFF; position: absolute; top: 0; right: 0px; cursor: pointer;} #prev_day {left: 0px; right: auto;} .red_activities {color: red;} .orange_activities {color: orange;} .green_activities {color: green;} span.colored_item.red_activities {background-color: red;} span.colored_item.orange_activities {background-color: orange;} span.colored_item.green_activities {background-color: green;} #training_block.coaching_schema .coaching_comment {height: 215px;} #training_block.coaching_schema .coaching_comment textarea {height: 180px;} .coaching_schema .coaching_comment.cardio_page {height: 149px;} .coaching_schema .coaching_comment.cardio_page textarea {height: 115px;} .coaching_schema .coaching_filters {margin: 10px; text-align: right;clear: both; overflow: auto;} .coaching_filters .week_selecter {float: right;} .coaching_filters .week_selecter a, .days_slider {display: inline-block; width: 44px; height: 40px; border: 1px solid #CCC; border-radius: 0px; text-align: center;} .coaching_filters .week_selecter a:hover, .days_slider:hover {border: 1px solid #9C9C9C;} .coaching_filters .week_selecter a:before, .days_slider:before {display: inline-block; position: relative; top: 11px; content: ''; width: 0; height: 0; border-style: solid;} .coaching_filters .week_selecter a.previous_week:before, #prev_day.days_slider:before {border-width: 7.5px 10px 7.5px 0; border-color: transparent #ff5a00 transparent transparent;} .coaching_filters .week_selecter a.previous_week:hover::before, #prev_day.days_slider:hover:before {border-color: transparent #e85606 transparent transparent;} .coaching_filters .week_selecter a.next_week:before, #next_day.days_slider:before {border-width: 7.5px 0 7.5px 10px; border-color: transparent transparent transparent #ff5a00;} .coaching_filters .week_selecter a.next_week:hover::before, #next_day.days_slider:before {border-color: transparent transparent transparent #e85606;} .coaching_filters .week_selecter span {display: inline-block; margin: 0px 20px; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400;} .coaching_filters .week_info {float: left; margin: 0px 0px; height: 40px; line-height: 40px; font-size: 18px; font-weight: 400;} .coaching_filters label {clear: none; float: none; display: inline-block; width: auto; margin: 0px 10px 0px 10px; line-height: 40px; font-weight: 400; font-size: 18px;} .coaching_list {clear: both; overflow: auto; margin-bottom: 20px; font-size: 18px;} .coaching_list p {margin-bottom: 20px; font-size: 18px;} .coaching_list table {width: 100%; border: 1px solid #CCC; border-collapse: collapse;} .coaching_list table.body_composition_norms td {border: 1px solid #CCC;} .coaching_list table.body_composition_norms td.data_column {vertical-align: top; padding-top: 12px;} .coaching_list table.body_composition_norms tbody tr:hover {background-color: transparent;} .coaching_list table tbody tr:hover {background-color: rgba(189, 189, 189, 0.2);} .coaching_list table th, .coaching_list table td {height: 34px; text-align: center; vertical-align: middle; padding: 0px 4px 0px 8px;} .coaching_list table th {font-weight: 600;} .coaching_list table th:nth-child(1), .coaching_list table td:nth-child(1) {text-align: left;} .coaching_list table th:nth-child(2), .coaching_list table td:nth-child(2) {text-align: left;} .coaching_list table td.centered {text-align: center;} .coaching_list table.table_with_buttons td {height: 40px; line-height: 40px;} .coaching_list table tr.destroyed {color: #CCC;} .coaching_list table tr.destroyed .buttons {} .coaching_list table tr.coaching_program_title td:nth-child(1) {text-align: center; font-weight: 600;} .coaching_list table tr.coaching_program_title a:hover {color: #ff5a00;} .coaching_list table tr.coaching_program_title span {margin-left: 30px;} .coaching .traning_plan .coaching_list table .buttons {margin-bottom: 0px; float: right;} .coaching .traning_plan .coaching_list table .buttons > div {height: 30px; line-height: 30px; margin-top: 5px;} .coaching .traning_plan .coaching_list table .buttons > div, .coaching .traning_plan .coaching_list table .buttons > a {vertical-align: middle;} #training_feedback_list.coaching_list table th {font-size: 15px;} .training_feedback_topblock {display: flex; align-items: center;} .training_feedback_topblock div.legends {margin-top: 0px; margin-bottom: 20px;} .no_exercise_scheme {background-color: #ebebeb;} .exercise_set_done {background-color: #63bf67;} .exercise_set_not_done {background-color: #e15e54;} .exercise_set_changed {background-color: #e1c466;} .polar_exercise_info.activity_info {width: 95px;margin: 6px 6px 0 0;} .polar_exercise_info.activity_info span{font-size:20px;} .polar_exercise_info {float: left; margin-right: 10px; padding: 5px;} .polar_exercise_info img {width:34px; margin: 0px 8px 0px 0px; border-radius: 17px;} .polar_exercise_info p.exercise_icon img {width:24px;margin: 0;} .polar_exercise_info img.activity_icon {background-color: #dedede; border: 1px solid #CCC;} .polar_exercise_info span {line-height: 32px;font-weight: 600;} .polar_exercise_info p {margin: 0; font-size: 18px; line-height: 24px;} .polar_exercise_info p.data {font-weight: bold;padding-left: 3px;} .polar_exercise_info p.data span{display: inline-block;} .polar_exercise_info.activity_data {width: 110px;} .polar_exercise_info.activity_hart_rate {width: 165px;} .polar_exercise_info.activity_calories {width: 110px;} .polar_exercise_info.exercise_intensity {width: 255px;} .polar_exercise_info .progress_bar {margin-top: 6px; height: 20px;} .polar_exercise_info .progress_back {background: rgb(0,159,15); background: linear-gradient(90deg, rgba(0,159,15,1) 50%, rgba(216,255,0,1) 95%)} .polar_exercise_info .progress_percent {height: 20px; line-height: 18px; font-size: 14px; color: #FFF; font-weight: 600; text-align: left; padding-left: 10px; box-sizing: border-box;} .api_logo_icons.duplicates {margin-right: 20px; } .api_logo_icons.duplicates img {float:left; clear:both; width:22px;margin-bottom: 5px;} .internal_activity_icon {width:34px; margin: 0px 8px 0px 0px; border-radius: 17px; background-color: #b6b6b6; border: 1px solid #CCC;} svg.basic-data-panel__icon {width: 24px;height: 24px;} svg:not(:root) {overflow: hidden;} form.scale_measurements {position: relative; min-height: 230px; padding: 0px 0px 54px 0px; clear: both; overflow: auto;} form.scale_measurements select.date_time_fields {float: none;} form.scale_measurements input[type="text"] {width: 411px;} form.scale_measurements input[type="text"].full_width, form.scale_measurements select.full_width {width: 100%; margin-left: 0px; margin-right: 0px; float: none;} form.scale_measurements .buttons {position: absolute; bottom: 0px; width: 100%;} form.scale_measurements .buttons > div {float: right; margin: 0px;} form.scale_measurements hr {margin-bottom: 15px;} form.scale_measurements p.form_title, .popup_header_title {padding: 0px; margin-bottom: 25px; font-size: 18px; font-weight: 600; height: auto;} form.scale_measurements label {text-transform: none; font-weight: 400; width: auto; line-height: normal; margin: 0px 0px 10px 0px;} form.scale_measurements label.for_inputs {clear: none; display: inline-block; float: left; margin: 0px; line-height: 18px; padding: 4px 0px;} form.scale_measurements label.for_inputs input {margin-top: 3px;} form.scale_measurements .like_input {display: block; line-height: 40px; height: 40px; width: 100%; color: rgba(191, 191, 191, 1); padding: 0px 8px 0px 8px; border-radius: 0px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 18px;} form.scale_measurements .one_per_line {clear: both; overflow: hidden; margin: 0px 0px 15px 0px;} form.scale_measurements .one_per_line label {width: 100%; margin: 0px 0px 10px 0px;} form.scale_measurements .one_per_line label.for_inputs {margin: 0px 0px 0px 0px;} form.scale_measurements .one_per_line textarea {width: 100%;} form.scale_measurements .one_per_line > div {clear: both; overflow: auto; margin-bottom: 0px;} form.scale_measurements .two_colums_form {display: flex; clear: both; height: auto; margin-bottom: 15px; flex-direction: row; align-items: flex-start;} form.scale_measurements .two_colums_form > div {width: 49%; height: 70px;} form.scale_measurements .two_colums_form.full_height > div {height: auto;} form.scale_measurements .two_colums_form.full_height > div > div {margin-bottom: 15px;} form.scale_measurements .two_colums_form > div.full_height {height: auto;} form.scale_measurements .two_colums_form .form_subblock {display: flex; flex-direction: row; align-items: center; justify-content: space-between; width: 100%;} form.scale_measurements .two_colums_form > div.full_width {width: 100%;} form.scale_measurements .two_colums_form > div:nth-child(odd) {margin-right: 2%;} form.scale_measurements .two_colums_form > div:nth-child(3) {margin-right: 0;} form.scale_measurements .two_colums_form label {width: auto; margin: 0px 20px 10px 0px; float: none;} form.scale_measurements .two_colums_form .one_line {height: 40px; display: flex; flex-direction: row; align-items: center;} form.scale_measurements .two_colums_form .one_line label {width: auto; margin: 0px 15px 0px 0px; float: none;} form.scale_measurements .two_colums_form input[type="text"] {width: 100%; float: none;} form.scale_measurements .two_colums_form select {width: 100%; float: none;} form.scale_measurements .two_colums_form textarea {width: 100%; float: none;} form.scale_measurements .two_colums_form .weekdays_selecter label {float: left; width: calc((100% / 8));} form.scale_measurements .two_colums_form.full_date_field .datetime_select.date {width: calc(100%) !important;} form.scale_measurements .two_colums_form .weighing_date .datetime_select.date {margin: 0px 8px 0px 0px;} form.scale_measurements .two_colums_form select.datetime_select {width: 100px;} form.scale_measurements .two_colums_form .datetime_select.date {width: calc(100% - 105px) !important;} form.scale_measurements .two_colums_form #weighing_date .datetime_select.date {width: calc(100% - 0px) !important;} form.scale_measurements .two_colums_form .date_fields {width: 33%;} form.scale_measurements .three_colums_form {display: flex; clear: both; height: auto; margin-bottom: 15px; flex-direction: row; align-items: flex-start;} form.scale_measurements .three_colums_form > div {width: 33.3%;} form.scale_measurements .three_colums_form > div:nth-child(even) {margin: 0px 2% 0px 2%;} form.scale_measurements .three_colums_form label {width: 100%; margin: 0px 0px 10px 0px; float: none;} form.scale_measurements .three_colums_form select {width: 100%; float: none;} form.scale_measurements .three_colums_form input[type="text"] {width: 100%; float: none;} form.scale_measurements .three_colums_form .datetime_select.date {width: 100% !important; margin: 0px;} form.scale_measurements .four_colums_form, .four_colums_form {display: flex; clear: both; height: auto; margin-bottom: 15px; flex-direction: row; align-items: flex-start;} form.scale_measurements .four_colums_form input[type="text"] {width: 100%; margin: 0px 2% 0px 0px; float: none;} form.scale_measurements .four_colums_form input[type="text"].fild_for_date {width: 120px;} form.scale_measurements .four_colums_form > div {margin: 0px 2% 0px 0px;} form.scale_measurements .four_colums_form > div input[type="text"] {margin: 0px;} form.scale_measurements .four_colums_form > div:last-child {margin: 0px;} form.scale_measurements .four_colums_form > div:last-child input[type="text"] {text-align: right;} form.scale_measurements .four_colums_form input[type="text"].for_integer {width: 84px;} form.scale_measurements .four_colums_form input[type="checkbox"] {margin: 0px 2% 0px 0px;} .four_colums_form {display: flex; clear: both; height: auto; margin-bottom: 15px; flex-direction: row; align-items: flex-start;} .four_colums_form input[type="text"] {width: 100%; margin: 0px 2% 0px 0px; float: none;} .four_colums_form input[type="text"].fild_for_date {width: 120px;} .four_colums_form > div {width: 24%; margin: 0px 1% 0px 0px;} .four_colums_form > div input[type="text"] {margin: 0px;} .four_colums_form > div:last-child {margin: 0px;} .four_colums_form input[type="text"].for_integer {width: 84px;} .four_colums_form input[type="checkbox"] {margin: 0px 2% 0px 0px;} .win_right_side_full {background-color: #fff5c7;} .pseudo_field_box {margin: 0px; padding: 20px 8px 20px 8px; height: 60px; width: auto; border: 1px solid rgba(191, 191, 191, 1); border-radius: 0px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 18px;} .pseudo_field_box b {margin-right: 20px;} .pseudo_field_box .room_price {float: right; line-height: normal;} .horizontal_selecter {display: flex; flex-direction: row; align-items: center; justify-content: flex-start; margin-bottom: 0px;} form.scale_measurements .one_per_line .horizontal_selecter label {width: auto; margin: 0px 40px 10px 0px;} .birthday_selecter {display: flex; flex-direction: row; align-items: center; justify-content: space-between;} .birthday_selecter select:nth-child(even) {margin: 0px 4% 0px 4%;} .cs_room_reservations .scale_measurements {padding: 0px 0px 0px 0px;} .cs_room_reservations form.scale_measurements textarea.nice_field {width: 100%; height: 60px;} .hotel_reservation_tabs {display: none;} .hotel_reservation_tabs.current {display: block;} form.scale_measurements .hotel_reservation_tabs .two_colums_form {margin-bottom: 10px;} form.scale_measurements .hotel_reservation_tabs .two_colums_form > div {height: 64px;} form.scale_measurements .hotel_reservation_tabs .two_colums_form label {margin: 0px 20px 5px 0px;} form.scale_measurements .hotel_reservation_tabs .two_colums_form.full_height > div {height: auto;} form.scale_measurements .hotel_reservation_tabs .three_colums_form {margin-bottom: 10px;} form.scale_measurements .hotel_reservation_tabs .three_colums_form > div {height: 64px;} form.scale_measurements .hotel_reservation_tabs .three_colums_form label {margin: 0px 20px 5px 0px;} .date_with_checkbox {position: relative;} .date_with_checkbox .nice_checkbox_label {width: auto !important; position: absolute; top: 34px; right: 10px; height: 5px; margin: 0px !important; padding: 8px;} form .date_with_checkbox input[type="checkbox"] {width: 1px; height: 1px; margin: 0px; padding: 0px;} #remote_add_content_room_reservation form.scale_measurements {min-height: 0px;} form.scale_measurements .two_colums_labels {display: flex; flex-direction: row; align-items: flex-start; flex-wrap: wrap; clear: both; height: auto; margin-bottom: 15px;} form.scale_measurements .two_colums_labels > div {width: 49%; height: auto;} form.scale_measurements .buttons > div.error_messages, .buttons > div#save_status {float: left; font-size: 14px; font-weight: 400; line-height: 20px; width: 70%;} form.scale_measurements .super_advanced a {height: 40px; width: 40px; line-height: 40px;} form.scale_measurements .super_advanced a.timer_button {height: 40px; width: auto; padding: 0px 22px; line-height: 40px; display: inline-block; text-transform: uppercase;} form.scale_measurements #object_min, form.scale_measurements #object_sec {text-align: center;} .js_inline_buttons {margin-left: 30px;} .user_phone_number {padding: 10px 0px 0px 0px; font-weight: 600;} .user_workout_program {padding: 0px;} .user_workout_program label {position: relative; width: 100%;} .user_workout_program .program_info {padding-bottom: 15px; border-bottom: 1px solid #CCC;} .user_workout_program .program_info .buttons {margin-top: 20px;} .user_workout_program .user_information_title {margin-top: 10px; font-size: 20px; font-weight: 600; text-transform: none; color: #3d3c3f;} .user_workout_program .user_information_title p {font-size: 20px; font-weight: 400; color: #3d3c3f; text-transform: none; margin-top: 12px;} .user_workout_program .program_information_title p, .program_information_title p {font-size: 20px; font-weight: 400; margin-bottom: 11px;} .user_workout_program .program_information_title span, .program_information_title span {font-size: 16px; font-weight: 400; margin-bottom: 11px;} .user_workout_program .program_information_title span.second_line_info, .program_information_title span.second_line_info {margin-bottom: 2px;} .user_workout_program.hoverActive {background-color: rgb(222 219 0 / 30%);} .weekday_exercises_list {clear: both; overflow: hidden; position: relative; min-height: 34px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #CCC; background-color: rgb(222 219 0 / 10%);} .weekday_exercises_list.collapsed {height: 34px;} .collapse_btn {display: block; width: 30px; height: 30px; position: absolute; top: 0px; right: 0px; text-align: center; font-size: 22px; font-weight: 600; cursor: pointer;} .collapse_btn:hover {color: #dedb00;} .weekday_exercises_list::after {content: ''; display: block; width: 100%; height: 10px; background-color: #FFF; position: absolute; left: 0; bottom: 0;} .predefined_workout_list {clear: both; height: 212px; margin-bottom: 26px;} .predefined_workout {position: relative; float: left; width: 23%; margin-right: 1%; border: 1px solid #CCC;} .predefined_workout .predefined_workout_img {width: 100%; height: 30px; background-color: #CCC;} .predefined_workout .predefined_workout_top {height: 40px; line-height: 40px; padding: 0px 10px; font-size: 18px; text-transform: none; color: #FFF; font-weight: 400; text-align: left; background-color: #9e9e9e;white-space: nowrap; overflow: hidden; text-overflow: ellipsis} .predefined_workout .predefined_workout_title {padding-top: 20%; box-sizing: border-box; width: 100%; height: 127px; background-size: cover; background-repeat: no-repeat; background-position: left center;} .predefined_workout .predefined_workout_title span {width: 100%; display: block; line-height: 26px; padding: 0px 6px; box-sizing: border-box; font-weight: 400; font-size: 22px; text-align: center;} .predefined_workout .predefined_workout_title::first-letter {text-transform: uppercase;} #weigh_code {text-transform: uppercase;} .invisible_input {height: 30px; font-size: 18px; width: 40px; border: none;} .invisible_input ~ span {line-height: 30px;} .program_day_status {display: inline-block; margin-right: 5px; padding: 8px 8px; border-radius: 8px;} .program_day_status.todo {background-color: rgb(250, 250, 70);} .program_day_status.done {background-color: rgb(5, 170, 5);} .program_day_status.skipped {background-color: rgb(255, 75, 75);} .hotel_tabs {position: absolute; bottom: 0px; display: flex; flex-direction: row; align-items: center; justify-content: flex-start;} .hotel_tabs div {height: 40px; line-height: 40px; padding: 0px 15px 0px 25px; white-space: nowrap; background-color: #CCCCCC; position: relative; margin-right: 10px; font-size: 16px; font-weight: 600; color: #FFF;} .hotel_tabs div:before {content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 10px; border-color: transparent transparent transparent #FFFFFF; position: absolute; top: 0px; left: 0px;} .hotel_tabs div:after {content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 20px 0 20px 10px; border-color: transparent transparent transparent #CCCCCC; position: absolute; top: 0px; right: -10px;} .hotel_tabs div:hover, .hotel_tabs div.current {background-color: #dedb00; cursor: pointer;} .hotel_tabs div:hover:after, .hotel_tabs div.current:after {border-color: transparent transparent transparent #dedb00;} .hotel_tabs div.hotel_save_btn {background-color: #3aad3a;} .hotel_tabs div.hotel_save_btn:hover {background-color: #007800;} .hotel_tabs div.hotel_save_btn:after {border-color: transparent transparent transparent #3aad3a;} .hotel_tabs div.hotel_save_btn:hover:after {border-color: transparent transparent transparent #007800;} .reservation_tabs_block > div {margin-bottom: 15px;} form .reservation_tabs_block select.nice_select {margin-right: 10px;} .guest_tabs, .reservation_tabs {display: flex; flex-wrap: wrap; margin-bottom: 15px;} .guest_tabs div, .reservation_tabs div {height: 40px; line-height: 40px; padding: 0px 15px 0px 15px; white-space: nowrap; background-color: #CCCCCC; position: relative; margin-right: 10px; font-size: 16px; font-weight: 600; color: #FFF;} .reservation_tabs div {margin-bottom: 10px;} .guest_tabs div:hover, .guest_tabs div.current, .reservation_tabs div:hover, .reservation_tabs div.current {background-color: #dedb00; cursor: pointer;} .reservation_guests {display: none; min-height: 400px;} .reservation_guests textarea {height: 60px; margin-bottom: 0px;} .reservation_guests.current {display: block; margin-bottom: 65px;} ._coaching_forms {} ._coaching_forms .remote_add, .config_lockers .remote_add {width: 586px;} ._room_reservation .remote_add {width: 740px;} ._coaching_forms .remote_add .remote_add_content {min-height: 284px; position: relative;} .weekdays_selecter label.for_inputs {clear: none; display: inline-block; float: left; width: calc((100% / 8)); margin: 0px; line-height: 18px;} .weekdays_selecter label.for_inputs input {margin-top: 3px;} .weekdays_selecter {clear: both; overflow: hidden;} .additional_options {display: flex; flex-direction: row; align-items: center; gap: 30px;} form.scale_measurements .additional_options label.for_inputs {margin-right: 30px;} .weighing_date, .measurement_date {clear: both;} .coaching .weighing_date .datetime_select.date, .coaching .measurement_date .datetime_select.date {width: 48% !important; float: left;} .coaching .weighing_date.weighing_time .datetime_select.date, .coaching .measurement_date.weighing_time .datetime_select.date {width: 170px !important;} .coaching .measurement_date .datetime_select.time {width: 104px !important; float: left;} .coaching .weighing_date select, .coaching .measurement_date select {width: 48%; float: right;} .coaching div.calendar.popup, .cs_room_reservations div.calendar.popup {width: 300px;} .coaching .calendar table td.title, .cs_room_reservations .calendar table td.title {background-color: transparent; color: #515053;} .coaching .calendar table td.button, .cs_room_reservations .calendar table td.button {background-color: transparent;} .cs_room_reservations div.calendar.popup {margin: 39px 0px 0px 0px;} form .coaching .win_right_side label{width: calc(40% - 10px); margin: 0px 0px 0px 0px;} form .coaching .form_subblock {width: 60%;} form .coaching .win_right_side label.full_width {width: auto; margin: 0px 15px 0px 0px;} form .coaching .form_subblock #recipe_subsource{width: 100%;} .coaching .win_right_side_block input[type="text"], .coaching .win_right_side_block select {width: 60%;} .coaching .win_right_side_block select.full_width {width: 100%;} form .coaching .win_right_side textarea {width: 74%;} .coaching .datetime_select.date {width: 74%; margin-right: 0px; float: right;} .machine_positions {position: absolute; bottom: 40px; width: calc(100% - 220px); display: flex; flex-direction: row; align-items: center; justify-content: space-between;} .machine_positions div {margin-right: 6px;} .machine_positions label {width: auto; text-transform: none;} .machine_positions input[type="text"] {width: 40px; text-align: right;} #coaching_poster .qq-upload-list, #coaching_images_set .qq-upload-list {display: none;} #download_files .qq-upload-list {margin: 0px;} #download_files.file_upload .qq-upload-size {display: none !important;} #download_files.file_upload .qq-upload-list li {font-weight: 400;} #download_files.file_upload .qq-upload-list li .left_image_link {display: inline;} .google_charts_content .indicator_small {margin-left: 10px;} .indicator_svg {width: 30px; height: 12px; margin: 0px auto; background-image: url(/club_portal/icons/svg/line_loader.svg); background-repeat: no-repeat;} .reload {display: inline-block; width: 22px; height: 22px; margin: 0px auto; background-image: url(/club_portal/icons/svg/reload.svg); background-repeat: no-repeat; background-size: contain;} .reload:hover {transform: rotate(360deg); transition: all 1s ease; cursor: pointer;} .check_in_header {padding: 6px 20px;} #indicator.check_in_indicator {position: absolute; left: calc(50% - 15px); top: 5px;display: flex; flex-direction: column; justify-content: center; height: 30px; float: none; margin: 0px;} .check_in_statistics {display: flex; flex-direction: row; align-items: flex-start; width: 100%; padding: 0px 20px; box-sizing: border-box;} .check_in_statistic {width: 100%;} .check_in_statistic .column_header {width: 96%; padding: 10px 0px; font-weight: 600; text-align: center; line-height: 20px; background-color: #FFF; } .check_in_statistic .column_data {width: 96%; margin: 10px 0px 0px 0px; } .check_in_statistic .column_data .reception_visit {clear: both; font-weight: 600; overflow: hidden; width: 100%; margin: 0px 0px 10px 0px;} .check_in_statistic .column_data .reception_visit {position: relative;} .check_in_statistic .column_data .reception_visit .legends {position: absolute; top: 6px; right: 6px; padding: 0px; width: 14px; height: 14px;} .check_in_statistic .column_data .reception_visit .legends::before {top: 0px;} .check_in_statistic .column_data .reception_visit img {float: left; width: 70px; margin: 2px;} .leave_data_medium > div {padding: 6px 10px;} .leave_data_medium > div.links {float: right;} .leave_data_medium > div.leave_comment {width: 60%;} .leave_data_medium .leave_calendar {height: 30px; line-height: 30px;} table.leave_data_to_move {width: 100%; border: 1px solid #CCC; border-collapse: collapse;} table.leave_data_to_move td {padding: 4px 6px; height: 40px; line-height: 40px; vertical-align: middle; border-bottom: 1px solid #CCC;} table.leave_data_to_move td:nth-child(1) {width: 10%; min-width: 100px;} table.leave_data_to_move td:nth-child(2) {width: 30%; min-width: 100px;} table.leave_data_to_move td:nth-child(3) {width: 45%;} table.leave_data_to_move td:nth-child(4) {width: 15%;} table.leave_data_to_move td.data_column {min-width: 100px; vertical-align: top; padding-top: 12px; font-weight: 600; border-right: 1px solid #CCC;} table.leave_data_to_move td.target_staff_column {text-align: right; min-width: 250px;} table.leave_data_to_move td.target_users_column {max-width: 100px;} table.leave_data_to_move td .coaching_button {float: right;} table.leave_data_to_move tbody tr:hover {background-color: transparent; background-color: rgba(189, 189, 189, 0.2);} table.leave_data_to_move th {height: 34px; text-align: center; vertical-align: middle; padding: 0px 4px 0px 8px;} table.leave_data_to_move th {font-weight: 600;} table.leave_data_to_move .nice_select {min-width: 100px; width: 100%;} table.leave_data_to_move span {margin-left: 30px;} table.leave_data_to_move a {font-weight: 600;} table.leave_data_to_move a:hover {color: #ff5a00;} table.items table.leave_data_to_move tr:first-child:hover {outline: none;} .downloadable_file_list {margin-bottom: 20px;} .downloadable_file_list .downloadable_file {line-height: 30px; overflow: hidden; word-break: break-word;} .downloadable_file .close_dark_wrap_btn.small {position: relative; margin-left: 20px; top: 10px; width: 14px; height: 14px;} .coaching .file_upload .qq-upload-success .close_dark_wrap_btn.small {display: inline-block; position: relative; margin-left: 20px; top: 10px; width: 14px; height: 14px;} .coaching .file_upload .qq-upload-success .close_dark_wrap_btn.small:before, .coaching .file_upload .qq-upload-success .close_dark_wrap_btn.small:after {height: 2px;} .downloadable_file .close_dark_wrap_btn.small:before, .downloadable_file .close_dark_wrap_btn.small:after {height: 2px;} .coaching .win_right_side_block .input_label {width: auto; margin: 0px 0px;} .coaching .win_right_side_block .input_label input[type="radio"] {margin: 9px 4px 0px 0px;} .coaching .file_upload .qq-uploader {cursor: pointer;} .full_screen_text_area {width: 100%; margin-bottom: 20px;} .full_screen_text_area > span {width: 100%;} .with_fields label {width: 100%; text-align: left; line-height: 20px; font-weight: 400;} .super_advanced {} .super_advanced .sub_title {margin-left: 1%; text-transform: none; font-weight: 400; vertical-align: bottom;} .super_advanced .remote_add {width: 500px;} .super_advanced .remote_add form input[type="text"], .super_advanced .remote_add form select {width: 300px;} .super_advanced .remote_add form input.left_image_link.add {outline: none; border: none;} .super_advanced .remote_add form label {width: 190px;} .super_advanced .remote_add form label.for_inputs {width: auto;} .super_advanced .remote_add .remote_add_content form div {clear: both; overflow: auto;} .super_advanced .remote_add .remote_add_content {min-height: auto;} .super_advanced .limited_with_scroll {max-height: 210px;} .super_advanced .remote_add_content form div.form_buttons {margin: 26px 0px 0px 0px; text-align: right;} .super_advanced .remote_add_content #bottom_indicator {top: 50%;} .super_advanced .remote_add_content form div.form_buttons input[type="submit"] {height: 30px; line-height: 30px; display: inline-block; text-transform: uppercase; background: #dedb00; font-size: 14px; color: #FFF; padding: 0px 20px; margin: 0px !important; float: none;} .super_advanced #columns #center, .super_advanced table.actions, .super_advanced div.actions {background-color: #FCFCFC;} .super_advanced table.items tr.linked td {border-top: 1px solid #EEE; color: #555;} .super_advanced table.items tr.linked.not_active td {color: #999;} .super_advanced table.items tr {color: #000;} /*.super_advanced table.items {border: 1px solid transparent;} .super_advanced table.items td:first-child{border-left: 1px solid #EEE;} .super_advanced table.items tr.linked:hover td{} .super_advanced table.items tr.linked:hover{outline: 1px solid transparent;} .super_advanced table.items td:last-child{border-right: 1px solid #EEE;} .super_advanced table.items tr.table_divider td {height: 6px; background-color: #FCFCFC; border-top: 1px solid #EEE; border-left: 1px solid transparent; border-right: 1px solid transparent;} .super_advanced table.items tr.table_divider td:hover, .super_advanced table.items tr.table_divider:hover {outline: 1px solid transparent;} .super_advanced table.items tr.no_hover:hover, .super_advanced table.items tr.linked.no_hover:hover {outline: 1px solid transparent;} .super_advanced table.items_advanced tbody tr:nth-child(4n+3), table.items_advanced tbody tr:nth-child(4n+4) {background-color: #FFF;} */ .coaching_target_wrap {padding: 20px 10px;} .coaching_target_wrap .coaching_target {min-height: 50px; padding: 2px 10px; border: 1px solid #eeeeee; line-height: 50px; margin-bottom: 10px; background-color: #FCFCFC;} .with_blank {color: red; font-weight: 600;} .color_block {display: inline-block; height: 14px; width: 14px; float: left; border: 2px solid #fff; margin: 2px; cursor: hand; cursor: pointer;} .agenda_legend {display: inline-block; line-height: 20px; margin-right: 10px; font-size: 13px; font-weight: 600; text-transform: uppercase;} .agenda_legend .color_block {display: inline-block; float: none; height: 14px; width: 14px; border: none; margin-right: 6px; border-radius: 50%;} .agenda_legend_block {vertical-align: middle; padding-top: 10px; padding-left: 0px; height: 60px;} #hrm_planning .color_block{} .planning_block {position: absolute; z-index: 0; min-width: 100%; min-height: 100%; border: 0px solid red;} #agenda_days td{position: relative;} .planning_day {position: absolute;} .planning_day.top {top: 0px; bottom: auto;} .planning_day.bottom {top: auto; bottom: 0px;} .appointment_complete {position: absolute; right: 0px; top: 3px; width: auto; margin: 0px;} #agenda_days td .events .wrap {left: 0px; top: 0px; width: 100%; position: absolute; height: 59px;} #agenda_days td .events .wrap.separate_staff {padding-right: 20px; box-sizing: border-box} #agenda_days td .events .wrap.separate_staff .event_wrap {max-width: 90%;} #agenda_days td .events .wrap.separate_staff .event_wrap:hover {z-index: 100;} #agenda_days td .events .event_wrap {position: relative;} #agenda_days td .events .event {border: none; border-radius: 10px; background-color: #333333; min-height: 15px; margin-left: 2px; padding: 2px 4px; color: #eee; width: 100%; position: relative; z-index: 90; padding-right: 30px; box-sizing: border-box;} .leadmanager_filter {clear: both; overflow: hidden; width: 100%; margin-bottom: 20px;} .leadmanager_filter div {float: left; width: 23%; margin: 0 2% 20px 0;} .leadmanager_filter select.nice_select {width: 100%;} .exercise_filter {clear: both; overflow: hidden;} .exercise_filter div {float: left; width: 31%; margin: 10px 1.3% 10px 0px;} .exercise_filter div.one_column {width: 100%;} .exercise_filter div.two_column {width: 63.3%;} .exercise_filter div.two_columns {width: 48%; margin: 10px 1% 10px 0px;} .exercise_filter div.four_columns {width: 23%; margin: 10px 1% 10px 0px;} .exercise_filter label {display: block; width: auto; margin-bottom: 0px; text-transform: none; font-size: 18px; font-weight: 400; height: 40px; line-height: 40px; text-align: left;} .exercise_filter label.input_label {line-height: 40px;} .exercise_filter label.input_label input[type="checkbox"] {margin: 13px 6px 0px 0px;} .exercise_filter .inline_checkbox label {display: inline-block; clear: none; line-height: 22px; margin-top: 12px; margin-right: 40px;} .exercise_filter input[type="text"] {width: 100%; height: 40px; margin: 0px;} form .exercise_filter select {width: 100%!important; max-width: 100%; height: 40px; margin: 0px; background: #fff url(/images/design_new/bac_select.png) no-repeat 100% 4px;} .exercise_filter select option {color: #000;} .exercise_filter select option:first-child {color: #a0a0a0;} .bottom_actions {vertical-align: bottom;} .exercise_filter div.filter_buttons_block {margin: 20px 0px;} .default_set_values {} .coaching .win_right_side_block .one_set select, .coaching .win_right_side_block .one_set input[type="text"] {width: 100%;} .labaled_blok {position: relative;} .with_label input[type="text"] {padding-left: 30px;} form .coaching .win_right_side .labaled_blok label {width: auto; margin: 0px; top: 3px; left: 3px; padding: 0px 6px; position: absolute; background: #FFF; color: #AAA; font-weight: 400; text-transform: none; line-height: 24px;} .coaching .win_right_side_block .one_set .with_unit input[type="text"] {width: 74%; margin-right: 6%;} .coaching .win_right_side_block .one_set .with_unit select {width: 20%;} .coaching .win_right_side_block .one_set .with_two_fields .set_field {width: 48%;} .coaching .win_right_side_block .one_set .with_two_fields .set_field:first-child {float: left;} .coaching .win_right_side_block .one_set .with_two_fields .set_field:last-child {float: right;} .one_set_fields_block {display: inline-block; width: 92%;} .one_set_button_block {display: inline-block; position: relative; width: 7%; text-align: right;} .one_set_button_block .to_up {top: 34px; right: 0px;} .one_set_button_block .to_down {top: 60px; right: 0px;} .default_set_values #action_buttons {margin-bottom: 15px; clear: both; overflow: auto;} .default_set_values .one_set {border-bottom: 1px solid #CCC; clear: both; overflow: auto; margin-bottom: 20px; min-height: 80px;} .one_set_button_block .close_dark_wrap_btn.small {top: 0px; right: auto; left: auto; display: block; float: right; clear: both; margin-bottom: 8px;} .one_set_button_block .arrow {float: right; clear: both; margin-top: 5px;} .one_line_button_block {float: right; clear: both; } .one_line_button_block .arrow {margin-right: 15px;} .one_line_button_block .arrow.up {margin-top: 8px;} .one_line_button_block .arrow.down {margin-top: 2px;} .one_line_button_block .updown {margin-right: 6px; font-size: 16px;} .arrow {border: solid #333; border-width: 0 3px 3px 0; display: inline-block; padding: 0px; width: 10px; height: 10px;} .arrow:hover {border-color: #fe3232;;} .arrow.right {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);} .arrow.left {transform: rotate(135deg); -webkit-transform: rotate(135deg);} .arrow.up {transform: rotate(-135deg); -webkit-transform: rotate(-135deg);} .arrow.down {transform: rotate(45deg); -webkit-transform: rotate(45deg);} .copy_default_materials {clear:both; overflow: hidden;} .coaching .win_right_side_block .copy_default_materials .input_label {width: 33%; float: left;} .exercise_wrap {width: 22%; margin: 10px 1%; border: 1px solid #CCC; display: block; float: left;} .exercise_info {transition: all 0.25s ease; position: relative;} .exercises_edit .exercise_list .exercise_info.moved {background-color: RGBA(30, 170, 0, 0.1);} .exercise_wrap.custom_sets .exercise_info {float: left; margin: 0px 10px 0px 10px;} .exercise_wrap .exercise_sets {} table.items tr td:last-child div.exercise_wrap .exercise_info * {text-align: center;} .exercise_wrap .exercise_img {margin: 0px 0px 20px 0px; padding: 4px; min-height: 342px; text-align: center;} .exercise_wrap .exercise_img img {max-width: 100%; border-radius: 8px; border: 1px solid transparent;} .exercise_wrap .exercise_img img:hover {border: 1px solid #CCC;} .exercise_wrap .exercise_title {height: 56px; font-size: 18px; font-weight: 600; margin: 10px 0px; text-align: center;} .exercise_wrap .exercise_adit_info {height: 56px; font-size: 14px; font-weight: 600; margin: 0px 0px 20px 0px; padding: 0px 3px; text-align: center;} .exercise_wrap .exercise_add_link, label.exercise_add_link {position: absolute; bottom: 0px; display: block; clear: both; float: none; width: 100%; margin: 0px; height: 40px; line-height: 40px; font-size: 14px; text-transform: uppercase; font-weight: 400; text-align: center; background-color: #eeeeee;} .exercise_wrap .exercise_add_link:hover, label.exercise_add_link:hover {background-color: #CCC; cursor: pointer;} .super_advanced .remote_add form #exists_workout_group select, .super_advanced .remote_add form #exists_workout_group input[type="text"] {width: 256px;} .standatr_button.inline_add {display: block; float: right; margin: 0px 0px 0px 7px; font-size: 33px; text-align: center; width: 17px;} .standatr_button.inline_add:hover {color: #FFF; background-color: #CCC902;} .exercise_wrap.custom_sets {width: calc(100% - 2%);} .workout_exercise_sets select {width: 100%;} .workout_exercise_sets select.unit_selecter {width: 65px;} .workout_exercise_sets .one_set_button_block .close_dark_wrap_btn.small {margin: 2px 4px 0px 0px; float: none;} .workout_exercise_sets .standard_button {min-width: 100px; text-align: center;} .workout_exercise_sets input[type="text"] {text-align: left;} .workout_exercise_sets .form_buttons.center_buttons {text-align: center; position: relative;} .workout_exercise_sets .form_buttons.center_buttons span {float: none; position: absolute;} .workout_exercise_sets .form_buttons.center_buttons span .indicator_small {margin-top: 5px;} .workout_exercise_sets td {font-weight: 400 !important; } .exercise_wrap.custom_sets .one_set select, .exercise_wrap.custom_sets .one_set input[type="text"] {width: 100%;} .exercise_wrap.custom_sets .labaled_blok {position: relative;} .exercise_wrap.custom_sets .labaled_blok label {width: auto; margin: 0px; top: 3px; left: 3px; padding: 0px 6px; position: absolute; background: #FFF; color: #AAA; font-weight: 400; text-transform: none; line-height: 24px;} .exercise_wrap.custom_sets .one_set .with_unit input[type="text"] {width: 58%; margin-right: 5%;} .exercise_wrap.custom_sets .one_set .with_unit select {width: 37%;} .exercise_wrap.custom_sets .one_set .with_two_fields .set_field {width: 48%;} .exercise_wrap.custom_sets .one_set .with_two_fields .set_field:first-child {float: left;} .exercise_wrap.custom_sets .one_set .with_two_fields .set_field:last-child {float: right;} .one_set_fields_block {display: inline-block; width: 92%;} .one_set_button_block {display: inline-block; position: relative; width: 7%; text-align: right;} .one_set_button_block .to_up {top: 34px; right: 0px;} .one_set_button_block .to_down {top: 60px; right: 0px;} .default_set_values #action_buttons {margin-bottom: 15px; clear: both; overflow: auto;} .exercises_edit {clear: both; overflow: hidden;} .exercises_edit .new_exercises_list {float: left; width: 70%;} .exercises_edit .exercise_wrap {position: relative; width: 23%; height: 588px; margin: 20px 1% 0px 0px;} .exercises_edit .exercise_list {position: relative; float: right; width: calc(30% - 2px); margin-right: 1px; margin-top: 10px; min-height: 200px; padding: 10px 10px 50px 10px; box-sizing: border-box; border: 1px solid #CCC;} .exercises_edit .exercise_list_fixed {right: 30px; top: 10px;} .exercises_edit .exercise_list.hoverActive {border: 1px solid #333; outline: 1px solid #333;} .exercises_edit .exercise_list .exercise_info {clear: both; overflow: hidden; min-height: 72px; transition: none; line-height: 20px; margin: 4px 0px; background-color: #FFF; font-weight: 600;} .exercises_edit .exercise_list .exercise_info .close_dark_wrap_btn {top: 3px; margin-bottom: 16px;} .exercises_edit .exercise_list .exercise_info .exercise_img {float: left; margin-right: 5px;} .exercises_edit .exercise_list .exercise_info .exercise_info {float: left; clear: none; width: calc(79% - 25px); background-color: transparent;} .exercises_edit .exercise_list .exercise_info .short_exercise_info {width: calc(100% - 25px); background-color: transparent;} .exercises_edit .exercise_list .exercise_info .exercise_img img {max-height: 80px; max-width: 110px;} .exercises_edit .exercise_list .exercise_info .one_line_button_block {position: absolute; right: 5px; top: 2px; float: none; clear: none;} .exercises_edit .exercise_list .exercise_info .exercise_title {width: 100%; margin-bottom: 6px;} .exercises_edit .exercise_list .exercise_info .exercise_adit_info {font-weight: 400;} .exercise_list .form_buttons {width: 100%; padding: 20px 0px 10px 0px; text-align: left;} .exercise_list .form_buttons span {float: none; position: absolute; line-height: 16px;} .exercise_list .form_buttons span .indicator_small {margin-top: 5px;} .exercise_list p {font-size: 18px; margin-bottom: 30px; margin-top: 10px;} #three_point_indicator {width: auto; position: relative; line-height: 16px;} #three_point_indicator #progres_status {width: auto; position: relative; margin-left: 20px;} #three_point_indicator span {line-height: 20px;} #three_point_indicator.copy_program {display: inline-block; margin-top: 10px; line-height: normal;} .exercises_edit .exercise_list .arrow {display: block; margin: 0px;} #current_exercises_list, .current_exercises_lists {list-style: none; margin-top: 10px;} .full_slider_wrap {width:220px; margin: 0px auto;} #thumbs-page.full_slider {padding: 0; position: relative; margin-bottom: 20px;} .thumbs-page-buttons {position: relative; margin-top: 10px; height: 40px;} #thumbs-page.full_slider .navigation.next:after, #thumbs-page.full_slider .navigation.previous:after { border: solid #FFF; border-width: 0 4px 4px 0; display: inline-block; padding: 4px;} #thumbs-page.full_slider .navigation.next {position: absolute; right: 0; height: 100%; padding: 0px 20px; margin: 0; top: 0; display: none; cursor: auto; background-image: none;} #thumbs-page.full_slider .navigation.next:after {content: ""; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 16px; height: 16px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;} #thumbs-page.full_slider .navigation.next.act:hover:after {} #thumbs-page.full_slider .navigation.previous {position: absolute; left: 0; height: 100%; z-index: 100; padding: 0px 20px; margin: 0; top: 0; display: none; cursor: auto; background-image: none;} #thumbs-page.full_slider .navigation.previous:after {content: ""; transform: rotate(135deg); -webkit-transform: rotate(135deg); width: 16px; height: 16px; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto;} #thumbs-page.full_slider .navigation.previous.act:hover:after {} #thumbs-page.full_slider .navigation.next.act {cursor: pointer; opacity: 1; display: block;} #thumbs-page.full_slider .navigation.previous.act {cursor: pointer; opacity: 1; display: block;} .thumbs-page-steps {margin: 0px 40px; text-align: center; height: 40px;} .thumbs-page-step {display: inline-block; background-color: #9d9a9a; padding: 5px 7px; color: #FFF; height: 20px; margin-top: 5px; line-height: 17px; border-radius: 4px;} .thumbs-page-step > span {display: none;} .thumbs-page-step.act > span {display: inline;} #thumbs-page.full_slider .thumb-on img, #thumbs-page.full_slider .thumb img:hover {outline: none;} #thumbs-page.full_slider #thumbs-page-wrap {max-width: 220px;} #thumbs-page .thumb {display:inline-block; zoom:1; margin-left: -4px;} #thumbs-page .thumb:first-child {margin-left: 0px;} #thumbs-page .thumb.bigthumb img {cursor:pointer; width: 220px; height: 331px; margin: 0px; padding: 0px; font-size: 0; line-height: 0px; outline: none; opacity:1; filter:alpha(opacity=100);} #thumbs-page .thumb.bigthumb {width: 220px; height: 331px;} #thumbs-page .thumb.bigthumb.not_loaded {} #thumbs-page .thumb.bigthumb.not_loaded {background: url(../images/indicator_dark.gif) no-repeat center center;} #slider.download_process:after {width: 64px; height: 64px; content: ""; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../images/indicator_dark.gif) no-repeat center center; margin: auto;} .scroll-content {white-space: nowrap; width: 100%; position: absolute; left: 0; top: 0; transition: all .3s ease-out;} #thumbs-page-wrap {display: inline-block; max-width: 588px; overflow: hidden; position: relative; width: auto; height: auto;} .super_advanced .plus { height: 30px; width: 30px; display: inline-block; background-color: black; color: white; font-weight: 600; font-size: 24px; line-height: 30px; text-align: center;} .super_advanced .plus::before {content: "+";} .plus_button {border-radius: 50%; height: 20px; width: 20px; display: inline-block; background-color: #80b040; color: #FFF; font-weight: 600; font-size: 28px; line-height: 18px; text-align: center;} .plus_button::before {content: "+";} .minus_button {border-radius: 50%; height: 20px; width: 20px; display: inline-block; background-color: #ff0000; color: #FFF; font-weight: 600; font-size: 28px; line-height: 14px; text-align: center;} .minus_button::before {content: "-";} .coaching_scheme_wrap {margin-bottom: 15px;} .coaching_scheme_wrap > div {margin-left: 6px;} .coaching_scheme {margin-bottom: 15px; width: 50%; border-spacing: 6px;} .coaching_scheme th {text-align: center;} .coaching_scheme td {border: 1px solid #CCC;} .coaching_scheme tr#action_buttons td {padding: 10px 0px 0px 0px} table.coaching_scheme tr:first-child:hover{color: #3d3c3f; outline: none;} table.items.responsive_table td table.coaching_scheme td{height: 30px; font-size: 15px; font-weight: 400;} table.coaching_scheme tr td{border: 1px solid #CCC;} table.coaching_scheme tr td:last-child{border: 1px solid transparent;} form .coaching_scheme input[type="text"] {width: auto; border: none; margin: 0px; padding: 0px 0px 0px 6px; outline: none;} form .coaching_scheme #action_buttons span {float: none;} table.items.responsive_table {} table.items.responsive_table td {height: 50px; font-size: 18px; font-weight: 600;} table.items.responsive_table td:first-child {} table.items.responsive_table tr.linked td:last-child {text-align: right;} /* POS product variants */ body.pos .product_images { overflow: hidden; margin-top: 20px; margin: 0 -4px;} body.pos .product_images div { position: relative; float: left; cursor: pointer; margin: 4px; min-height: 50px; min-width: 50px; padding: 8px; border: 1px dotted #ccc; line-height: 0px; overflow: hidden;} body.pos .wrapimg { float: left; width: 33%; margin-right: 4%;} body.pos .wrapimg .main_product_img { overflow: hidden; position: relative; padding-bottom: 100%; } body.pos .wrapimg .main_product_img img, body.pos .product_images img { width: 100%; height: auto; position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto;} .product_variants {overflow: hidden;} .product_variants .product_variant {overflow: hidden; float: left; width: 63%;} .product_variants .product_variant .product_price {font-size: 25px; font-weight: 600; margin-top: 15px;} .product_variants .product_variant .available_leftover {color: #ff8741;} #product_configuration select { width: auto; float: left;background-color: #e4e4e4; font-size: 15px; box-sizing: border-box; font-family: 'PT Sans', sans-serif; height: 34px; line-height: 34px; padding: 0px 15px 0 0; margin: 10px 10px 0 0; color: #010101; border: none; display: inline-block; text-decoration: none; text-transform: uppercase; font-weight: 300; } .product_description { padding: 10px 0 0 0; font-size: 16px; text-transform: uppercase; color: #afafaf;} .product_description .descr {margin: 10px 0; font-size: 16px; text-transform: uppercase; color: #afafaf;} #configuration_total_price.price {float: left; padding: 0; background-color: transparent; color: inherit;} /* POS product variants */ #education_settings_bl label { width: auto; font-size: 1.2em; margin-right: 11px; line-height: 26px; text-transform: uppercase;} #education_settings_bl select, #education_settings_bl input[type='text'] { border: 1px solid #ccc; height: 30px; line-height: 30px; font-size: 15px; padding: 4px; text-align: center;} #education_settings_bl input[type='text'] { height: 20px; line-height: 20px; } #education_settings_bl h3 {text-transform: uppercase;} .education_settings { padding: 20px 0; border-bottom: 1px dotted #ccc; overflow: hidden;} #user_education_list_bl {overflow: visible;} #manual_select_bl > div:first-child { margin-right: 20px; } #label_info > div { line-height: 24px; height: 24px;} #label_info h3 { margin-bottom: 5px; } #label_info label { text-transform: none; line-height: 24px; margin-bottom: 0px;} #label_info input[type=checkbox] { vertical-align: middle;} #education_register_fields { padding-bottom: 20px; overflow: hidden;} #education_register_fields label { height: 30px; line-height: 30px; text-transform: uppercase; } #education_register_fields input[type=text], select { height: 24px; padding: 3px; width: 290px;} #education_register_fields input[type=file]{ height: 40px; } #education_register_fields textarea { width: 84%; height: 200px; } #education_register_fields .column_two > div, #education_register_fields .column_one > div { margin: 10px 0; } #education_register_fields .column_one { margin-top: 30px; } #education_register_fields .radio_button_block span { line-height: 30px; height: 30px; } #education_register_fields #education_regiter_header { overflow: hidden; } #education_register_fields #education_regiter_header .standatr_button { padding: 0px 20px; } #education_register_fields #education_regiter_header h2 { font-size: 22px; } #education_register_fields .column_two label {width: 103px;} #education_register_fields .column_two input[type=text], #education_register_fields .column_two select {width: 280px;} #education_register_fields .column_two .datetime_select {width: 100px;} .nice_select, form select.nice_select, form.scale_measurements select.date_time_fields {margin: 0px; padding: 0px 34px 0px 8px; height: 40px; width: auto; border: 1px solid rgba(191, 191, 191, 1); border-radius: 0px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/images/design_new/bac_select.png) no-repeat 100% 4px; font-size: 18px;} option.blank_value {color: #7a7a7a;} .nice_field, form input[type="text"].nice_field, .scale_measurements .datetime_select.date, .current_reservation .datetime_select.date, .current_reservation_newtime .datetime_select.date {margin: 0px; padding: 0px 8px 0px 8px; height: 40px; width: auto; border: 1px solid rgba(191, 191, 191, 1); border-radius: 0px; -ms-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 18px;} .current_reservation_newtime .datetime_select.date {width: 155px !important} form textarea.nice_field {padding: 4px 8px 4px 8px; height: 95px;} .reservation_activities #labels_titles select {width: 445px; margin: 0 0 0 27px;} .reservation_activities #need_link_to_labels label { min-width: auto; } #activities_duplication {width: 688px;} #design_version {width: 60px; height: 33px; line-height: 33px; float: left; margin: 0px; margin-right: 10px;} .popup_forms {position: relative; display: inline-block;} .popup_forms .popup_form_content {display: none; position: absolute; padding: 8px 50px 8px 12px; top: auto; width: auto; min-width: 190px; background-color: #FFF; border: 1px solid rgba(191, 191, 191, 1); text-align: left; color: #444; line-height: 30px} .popup_forms .popup_form_content.left_aligment {top: 0px; right: 0px; left: auto;} .popup_forms.active .popup_form_content {display: block; z-index: 1000;} .popup_forms.active .popup_form_content.left_aligment {margin: 5px 0px 0px 0px; top: 30px;} .popup_forms span.for_button, span.for_button {padding: 4px 6px; background-color: #CCC; cursor: pointer;} .popup_forms .popup_form_content label {width: auto; font-weight: 400; line-height: 40px; margin: 0px 10px 0px 0px; text-transform: none;} .popup_forms .popup_form_content .buttons {height: 40px; position: absolute; top: 0px; left: auto; bottom: auto; right: 10px;} .popup_form_content:before, .popup_form_content:before, .popup_form_content:before, .popup_form_content:before {position: absolute; background-image: url(/images/design_new/tip_bacs.png); content: "";} .popup_form_content.top:before {width: 100%; height: 13px; margin-top: -13px; top: 0; left: 0px; background-repeat: no-repeat; background-position: 20px 0px;} .popup_form_content.top.left_aligment:before{background-position: right 10px top;} .popup_form_content.top.right_aligment:before{background-position: left 25px top;} .popup_form_content.right:before {width: 13px; height: 27px; margin-top: -13px; margin-left: -13px; top: 50%; left: 0;} .popup_form_content.bottom:before {width: 13px; height: 27px; margin-top: -13px; margin-left: -13px; top: 50%; left: 0;} .popup_form_content.left:before {width: 13px; height: 27px; margin-top: -13px; margin-left: -13px; top: 50%; left: 0;} img.api_sport_activity_icons, img.api_sport_activity_logo {width: 48px; background-color: #dedede; border: 1px solid #CCC;} #coaching_poster_img_block img.api_sport_activity_logo {width: auto; background-color: #dedede; border: 1px solid #CCC;} .linked_activities_filter input[type=checkbox] { margin: 8px 10px 0px 4px; transform: scale(1.5); clear: both;} .config_coaching_activities #coaching_poster_img_block {text-align: center;} .config_coaching_activities #config_coaching_activities #tabs {background-color: #FFF;} .config_coaching_activities #config_coaching_activities .tabs {margin-bottom: 10px;} .activities_list {float: left; width: 81%; } .cardio_activity {float: left; width: 31%; padding: 8px 4px; border: 1px solid #CCC; margin: 0px 1% 10px 0px;} .cardio_activity .activiti_top_block {clear: both; overflow: hidden; height: auto; margin-bottom: 6px; line-height: normal;} .cardio_activity .activiti_top_block > div {float: left;} .cardio_activity .activiti_top_block > div.for_print {float: right; margin-top: 14px} .cardio_activity .activiti_top_block > div.for_print label {padding: 0px 0px 0px 20px; margin: 0px;} .cardio_activity .activiti_top_block .internal_activity_icon {margin: 8px 8px 0px 0px;} .cardio_activity .activiti_top_block h6 {font-size: 24px; margin: 0px; font-weight: 400;} .cardio_activity .activiti_top_block span.second_line_info {font-size: 12px; line-height: normal; font-weight: 400; color: #a1a1a1;} .cardio_activity .activiti_info_block {line-height: 20px;} .cardio_activity .activiti_info_block > div {clear: both; overflow: hidden;} .cardio_activity .activiti_info_block .info_title {float: left; width: 54%; margin-right: 1%;} .cardio_activity .activiti_info_block .info_percentage {float: left; width: 24%; margin-right: 1%;} .cardio_activity .activiti_info_block .info_hartrate {float: left; width: 19%; margin-right: 1%; text-align: right;} .user_favorite_activities {margin-top: -58px; float: left; width: 19%;} .user_favorite_activities .favorite_head {clear: both; overflow: hidden; line-height: 24px; margin: 0px 0px 10px 0px;} .user_favorite_activities .favorite_head p {display: inline; font-size: 24px;} .user_favorite_activities .favorite_head span {display: block;} .user_favorite_activities .activiti_top_block h6 {width: 209px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 24px; margin: 0px; font-weight: 400;} .user_favorite_activities .favorite_head .left_image_link.plus {float: right; margin: 0px; padding: 0px 0px 0px 17px} .user_favorite_activities .cardio_activity {width: 100%; box-sizing: border-box; margin: 0px 0px 7px 0px; padding: 5px 5px;} .favorite_cardio_activity .activiti_top_block {position: relative; margin: 0px;} .favorite_cardio_activity .close_dark_wrap_btn.small {position: absolute; right: 0px; top: 0px;} #cardio_measurements_block .nice_field {width: 421px; margin: 0px 10px 0px 60px;} .user_questionnaire {font-size: 18px; font-weight: 400; text-transform: none; max-width: 70%; white-space: normal; text-align: left;} .user_questionnaire table th, .user_questionnaire table td {height: 40px; line-height: 24px; vertical-align: middle; text-align: center; padding: 8px 4px 8px 8px; border-right: 1px dashed #eee; border-bottom: 1px dashed #eee} .user_questionnaire table th:first-child, .user_questionnaire table td:first-child {text-align: left; padding: 8px 4px 8px 14px;} .user_questionnaire table th:last-child, .user_questionnaire table td:last-child {border-right: none;} .user_questionnaire table tr:last-child td {border-bottom: none;} .user_questionnaire thead th {height: 24px; font-weight: 600;} .user_questionnaire table td span:first-child{display: inline-block; margin-right: 5px;} .user_questionnaire table td span:last-child{display: inline-block; width: 97%;} .user_questionnaire .nice_checkbox:not(checked) + label {margin: 0px 0px 0px 4px; padding: 0px 0 0 22px;} .user_questionnaire .nice_field.full_width, .nice_field.full_width {width: 100%;} select.nice_field {background: #fff url(/images/design_new/bac_select.png) no-repeat 100% 60%;} form .win_right_side input.stagesflight_external_id {width: 110px; float: right; margin-right: 0px;} .hart_rate_zone .popup_form_content {width: 370px;} .hart_rate_zone form select.nice_select {width: 305px;} select.with_default option {color: #000;} select.with_default option:first-child {color: #a0a0a0;} .coaching_comment {} .coaching_comment .indicator_block {text-align: center; margin-top: 20px;} .additional_actions .popup_forms.coaching_comment textarea.nice_field {width: 305px; height: 120px; margin: 0px 30px 0px 0px; padding: 4px 8px;} #coaching_workouts .coaching_poster_img_block {max-width: 290px; box-sizing: border-box;} #coaching_workouts #object_description {width: 500px;} .full_image_link {display: inline-block; width: 20px; height: 20px; padding: 0px 5px; font-size: 34px; text-align: center;} .full_image_link:hover, a.full_image_link.test_need:hover {color: #80b040;} a.full_image_link.test_need.active {color: #e73636;} a.full_image_link.test_need {font-weight: 600; font-size: 20px; line-height: 20px; color: #7c7c7c;} a.full_image_link.view {background-image: url(/club_portal/icons/view_membership.png); background-position: 6px 5px; background-repeat: no-repeat;} a.full_image_link.print {background-image: url(/club_portal/icons/print_invoice.png); background-position: center center; background-repeat: no-repeat;} a.full_image_link.remove {background-image: url(/club_portal/icons/close.png); background-position: center center; background-repeat: no-repeat;} a.full_image_link.copy {background-image: url(/club_portal/icons/new_copy.png); background-position: center center; background-repeat: no-repeat; background-size: 62%; opacity: 0.8;} a.full_image_link.copy_to_user {background-image: url(/club_portal/icons/twinicon.png); background-position: center center; background-repeat: no-repeat; background-size: 62%; opacity: 0.6;} select.with_default option:first-child {color: #a0a0a0;} #message_bird_outbound_sms_form > div, #message_bird_outbound_sms_form input, #message_bird_outbound_sms_form textarea { width: 100%; float: left; } #message_bird_outbound_sms_form textarea {height: 80px;} #message_bird_outbound_sms_form input[type="submit"] {width: auto;} .form_validation_errors {border: 1px solid #FF0000;margin: 10px 0;padding: 5px;} #work_time_tab {line-height: 28px;} #config_general_outlets table select.datetime_select.time {width: 110px;} .geo_coordinates, .values_form, #update_geo_coordinates {float: left;} .geo_coordinates input {width: 400px !important;} #update_geo_coordinates a {display: inline-block; background-image: url(/images/design_new/crm_statuses.png); background-position: 0px 0px; background-repeat: no-repeat; overflow: hidden; width: 20px; height: 20px;} .backlink {text-decoration: none; position: relative; width: 30px; height: 30px; display: inline-block; float: left; border: none; border-radius: 0; z-index: 2;} .remote_add_content .backlink {margin-top: -5px;} .backlink:before {content: '\e833'; font-family: "fontello"; font-size: 20px; line-height: 30px; color: #000;} .keywords_block {padding: 10px 0px;} .keywords_block p {font-size: 16px; margin-bottom: 10px;} .keywords {margin: 5px 5px 5px 0; display: inline-block; background-color: rgba(150, 150, 150, 1); font-size: 16px; color: #FFF; padding: 5px 15px; border-radius: 5px; } .tab_egym_products {padding-top: 20px;} .tab_egym_products label, .tab_egym_products input {display: inline-block;} .tab_egym_products input[type="checkbox"] {margin:2px 5px 0 0;} .tab_egym_products label {line-height: 18px;clear:none;font-size: 13px;text-transform:none;} .tab_egym_products label.noselect {width: auto; line-height: 25px;} .tab_egym_products p {padding: 10px 0;} .egym_products {height: auto !important;} .egym_products div:first-child {background-image: none !important;} .egym_product_dates {margin-right: 10px;margin-bottom: 15px;} #import_sportlocations input[type="checkbox"] {margin-top: 8px;} /* Commision block for user */ .flex_row_com {display: flex; border-bottom: 1px solid rgba(191, 191, 191, 1);} .flex_row_com div:first-child {width: 220px; text-align: left; padding: 0;} .flex_row_com div {text-align: center; padding: 0 10px;} .user_commisions h3 {text-transform: uppercase;} form .win_right_side .user_commisions label {width: 100% !important; margin: 0; float: none; text-transform: unset;} .user_commisions input[type="text"], .user_commisions select {width: 145px; display: inline-block; float: none;} /* end commision block */ .subscription_text_settings { margin-bottom: 20px; border-bottom: 1px solid #EEE; } .tabs.subscription_settings .mce_tags {width: auto;} .container {display: flex; min-height: 100vh;} .column {padding: 20px;} .iframe-container {width: 70%; position: sticky; top: 0; height: calc(100vh - 40px);} .iframe-container iframe {width: 100%; height: 100%; border: none;} .code-container {position: relative;} pre {background-color: #f5f5f5; border: 1px solid #007bff; padding: 10px; border-radius: 5px; overflow-x: auto; max-width: 100%; white-space: pre-wrap; word-wrap: break-word;} button#copy-btn {margin-top: 10px; padding: 8px 12px; background-color: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer;} button#copy-btn:hover {background-color: #0056b3;} @media only screen and (max-width:1800px) { #nutrition_block .printing_block {position: relative; width: auto;} .nutritions_totals {width: auto;} .printing_block .left_image_link {margin: 0px 0px 10px 20px;} } @media only screen and (max-width:1600px) { .coaching_schema .coaching_last_info > div {width: 46%;} .coaching_schema .coaching_chart {} .coaching_schema .coaching_last_info > div {font-size: 16px; height: auto;} .meals .meal_recipe > div.nutrition_title {display: flex; flex-wrap: nowrap; align-items: center;} .meals .meal_recipe > div.nutrition_title span {line-height: normal;} .meals .nutrition_information {width: 54%;} .meals .nutrition_information div {line-height: normal;} } @media only screen and (max-width:1440px) { .coaching_schema .coaching_last_info.nutrition_block > div.coaching_tasks {width: 30.3333% !important;} .coaching_schema .coaching_last_info.training_totals > div p {font-size: 20px;} .coaching_schema .coaching_last_info.training_totals > div {font-size: 15px;} .coaching .user_info .info {width: 40%;} .coaching .module_buttons .right_buttons {font-size: 0px; clear: both; height: auto; float: none;} #calendar_wrap {width: 624px; margin: 0px 0px 0px 0px; padding: 0px 54px;} .coaching_chart_block .allmonthwrap {width: 624px;} .allmonthwrap a.has_nutrition:after {width: 24px; height: 24px; bottom: 8px;} .allmonthwrap a {width: 74px;} } @media only screen and (max-width: 1400px) { .coaching .left_column_block {float: left; width: 90%; margin-right: 0px;} .coaching .right_column_block {float: left; width: 90%; margin-right: 0px;} #calendar_wrap {width: 506px; margin: 0px 0px 0px 0px; padding: 0px 58px;} .coaching_chart_block .allmonthwrap {width: 506px;} .allmonthwrap a.has_nutrition:after {width: 24px; height: 24px; bottom: 8px;} .allmonthwrap a {width: 68px;} .meals .meal {padding: 10px 4px;} .meals .nutrition_information {font-size: 16px;} .totals_numerics p {font-size: 16px;} .meals .css_popup .popup_link {margin-top: 14px; padding: 7px 7px;} } @media only screen and (max-width:1300px) { .coaching .traning_plan .buttons > div {padding: 0px 14px;} .coaching_list table {font-size: 16px;} } @media only screen and (max-width: 1200px) { .meals .nutrition_information div {width: 74px; float: left; overflow: hidden; margin-right: 5px; text-overflow: ellipsis;} .meals .meal_recipe > div.nutrition_title {font-size: 18px;} .meals .nutrition_information {font-size: 15px;} } @media only screen and (max-width: 1024px) { .meals .nutrition_information div {width: 60px} .coaching .left_column_block {float: left; width: 100%; margin-right: 0px;} } .ledenwerving #columns .sub_menus {display: none;} .index_page_inactive_user {background-color: rgb(218 165 32 / 50%) !important;} .config_utils #center a {text-shadow: 0px 0px 0px black;} .config_utils #dark_wrap a {text-shadow: 0px 0px 0px black;} .vscroll {overflow-y: auto; max-height: 300px;} .vscroll.small {max-height: 150px;} .vscroll.big {max-height: 500px;} table.products .out_of_stock {color: red !important;} table.products .in_stock {color: #333;} table.products .minimal_stock {color: orange !important;} .not_valid { border: 2px solid red;} #workit_params span.mceEditor{display: none !important;} #workit_params .not-an-mce-editor {display: block !important;} .extended_sportlocation_sport img {width: 64px; height: 64px; } .extended_sportlocation_sport .in_form_image, .extended_sportlocation_sport .file_upload {margin: 10px 0px; padding: 0;} .extended_sportlocation_sport .file_upload {margin-right: 30px;} .extended_sportlocation_sport .file_upload .qq-upload-drop-area span {padding-left: 0;} .extended_sportlocation_sport .qq-upload-drop-area {padding: 0 10px; border: 1px solid #CCC;} .extended_sportlocation_sport_unlink {position: absolute; top:15px; right: 15px; font-size: 16px;font-weight: bold; width: 25px; height: 25px; text-align: center;} .reservation_configs form .win_right_side_subblock.zzp_commissions label {width:120px} .reservation_configs form .win_right_side_subblock.zzp_commissions input[type="number"] {width:80px} .report_result {margin-left: 14px; line-height: 30px; font-size: 16px;} .report_result #report_result {color: green;} #outlet_productivity_settings { border: 1px solid #ccc; display: flex; flex-direction: column; padding: 20px; margin-bottom: 20px; } #outlet_productivity_settings select {width: 240px;} #outlet_productivity_settings a {height: 40px; line-height: 40px;} #outlet_productivity_settings #update_block_cache {line-height: 40px; margin-left: 20px; color: green; font-size: 16px; font-weight: bold;} #outlet_productivity_settings #update_block_cache.not_created {color: red;} #club_opening_date_block {display: inline-block;} .concept, .order_concept {color: #999;} .paid, .accepted, .order_paid, .order_accepted{color: #52D017;} .creditnoted, .order_creditnoted {color: #8AA212;} .unpaid, .order_unpaid {color: #FDD017;} .overdue, .refused, .order_overdue, .order_refused {color: #FF0000;} .reminder.sent, .in.reminders {color: #FF0000;} .order_concept {background: #999;} .order_paid, .order_accepted{background: #52D017;} .order_creditnoted {background: #8AA212;} .order_unpaid {background: #FDD017;} .order_overdue, .order_refused {background: #FF0000;} .flex_row, #messages_right_panel .contacts_block {display: flex; display: -webkit-flex; flex-wrap: nowrap; -webkit-flex-wrap: nowrap; justify-content: space-between; z-index: 1; position: relative;} .sms_credits_info {margin-bottom: 10px;} #control_panel {height: 40px;} #message_bird_wrapper {overflow: hidden;} #mb_search_user, #control_panel_middle, #control_panel_right, #message_bird_left_panel, #message_bird_main_panel, #main_top_panel, #messages_panel, #participants, #messages_left_panel, #messages_center_panel, #messages_right_panel, #main_top_panel .chat_status, #main_top_panel .user_info, #main_top_panel .control_buttons { float:left; } #message_bird_left_panel {border-right: 1px solid #DDD; width:10%; height: 100%;} #message_bird_main_panel { width:100%; height: 100%; /* border-top: 1px solid #DDD; margin-top: 15px; */ } .mb_info_block { margin-bottom: 20px; word-break: break-all; background-color: #f8f8f4; padding: 7px; } .mb_info_block h3{margin-bottom: 0;} .mb_info_block h4{margin-bottom: 10px;} #messages_right_panel .crm_user_info .memberships, #messages_right_panel .list_block.premium_pro_sub_outlets, .messagebox_user_comments { background-color: #f8f8f4; border: none; padding: 5px; } .user_name {line-height: 50px;} #messages_left_panel .user_name{line-height: 20px; width: calc(100% - 50px);} #messages_right_panel .user_name{font-size: 20px; font-weight: bold; line-height: 20px; word-break: break-word; margin-bottom: 10px;} #messages_right_panel .contacts {margin-top: 10px;padding: 5px; word-break: break-word;} #messages_right_panel label {margin: 0; text-transform: lowercase; font-size: 13px;line-height: 25px;} #messages_right_panel .premium_pro_sub_outlets input[type="checkbox"] {margin-top: 6px;} #messages_right_panel .crm_user_info .memberships {width: auto; text-align: left;} /* #messages_right_panel .memberships {border-bottom: 1px solid #333;} */ #main_top_panel {height: 50px; width: 100%;} #messages_panel {height: 100%;width: 100%; padding-top: 10px;} #main_top_panel .chat_status, #participants {width: 20%;height: 100%;} /* #participants {width: 20%;height: 300px;overflow-y: scroll;} */ #control_panel, #control_panel_right, #main_top_panel .user_info {display: flex; flex-direction: row; align-items: center;} #main_top_panel .user_info, #messages_center_panel {width: 50%;height: 100%;} #message_bird_wrapper .round_avatar { width: 85px; height: 100%; margin-right: 10px; } #message_bird_wrapper .round_avatar img {height: 90%; border-radius: 50%;} #main_top_panel .control_buttons, #messages_right_panel {width: 28%;height: 100%;} #messages_left_panel {width:100%; height: 550px; max-height: 550px; overflow-y: scroll; padding: 0;} #messages_left_panel .round_avatar { width: 50px; height: 50px;} #messages_right_panel .contacts.with_img { margin-top: 0;} .actions.message_box_chats a.active { color: #fbb714; border-bottom: 2px solid; } #search_mb_message, #mb_search_user { height: 30px; padding: 10px; } #search_mb_message {position: absolute; top: 0; right: 15px; opacity: 90%; display: none;} #mb_search_user {height: auto;} #mb_search_user .standatr_button{border: none;} #mb_search_user {padding: 10px 0;} #control_panel_middle {width: 60%;} #control_panel_right {width: 25%;} #mb_search_user input[type="text"], #messages_right_panel form input[type="text"], #search_mb_message input[type="text"] {width: 100%;} #mb_search_user input[type="text"], #search_mb_message input[type="text"] { border-radius: 20px;} #messages_center_panel #chat, #messages_center_panel #outlet_chat{ overflow-y: scroll; height: 350px; background-color: #f8f8f4; word-break: break-all; box-shadow: inset 0 0 10px 4px #fff; } #mb_channels_list {display: flex; justify-content: flex-start;} #mb_channels_list li {list-style: none; padding: 10px;} #mb_channels_list li.active {background-color: #d2eff7;} #mb_channels_list img, #mb_channels_list a {display: inline-block; line-height: 24px;} #mb_channels_list img {width: 24px;} #chat_sending_block {height: 100px;padding: 10px;} #chat_sending_block textarea {width: 70%;height: 90px;} img.send_message {width: 20px; margin: 0 10px;cursor: pointer;} .user_chat, .user_active_chat {position: relative;} .user_active_chat {background-color: #f2f2f2; padding: 5px;} .user_chat {cursor: pointer;} .count_unread{ display: inline-block; position: absolute; top: 5px; right: 0; height: 14px; line-height: 14px; border-radius: 4px; background-color: #a0a0a0; color: #FFF; font-size: 10px; text-align: center; padding: 2px 4px; } .count_unread.empty {display: none;} .participants, .outlet_chat_participants {position: relative;} .online_users:before { content: ''; position: absolute; top: 3px; left: 3px; right: auto; bottom: auto; margin: auto; background-color: green; border-radius: 50px; width: 8px; height: 8px; } .outlet_chat_participants { margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-bottom: 10px; } .participants.outlet_chats { width: 100%; } .outlet_chat_participants .last_message div{ width: 90%; margin-top: 5px; text-overflow: ellipsis; overflow: hidden; text-wrap: nowrap; box-sizing: border-box; } .unread {background-color: #f5f8f9;} .row {display: flex;} .row.direction_row {flex-direction: row;} .row.direction_col {flex-direction: column;} .staff_message, .user_message { margin: 10px 0; padding: 10px; border: 1px solid transparent; border-radius: 8px; max-width: 75%; word-break: break-word; } .staff_message {background-color: #93cdf9; align-self: flex-end;} .user_message {background-color: #DDD; align-self: flex-start;} p.trigger_comments {cursor: pointer; margin: 5px 0;} .message_bird_labels {margin: 5px 0;} #manage_labels {float: right; font-weight: normal;} #manage_labels a:hover, p.trigger_comments:hover {color: #dedb00;} .messagebox_user_comments, .mb_info_block .memberships{margin-bottom: 0px; border-bottom: 1px dashed #CCC !important;} .comment_owner_info {font-size: 10px; text-align: right; color: #888; line-height: 21px;} .comment_text {text-align: justify;} .comment_delete img {width: 20px;} input#add_comment_post_button {margin: 20px 0 0 10px;} /* Style chat my_coach */ .chat_window {padding: 0px 10px 10px 10px; background: #FFF;position: relative;} .chat_border {padding: 5px; border: 1px solid #CCC !important; margin-bottom: 10px; background-color: #ffffff;} #chat, #outlet_chat {overflow-y: scroll; padding-right: 5px;} .write_msg textarea::-webkit-scrollbar, #chat::-webkit-scrollbar, #outlet_chat::-webkit-scrollbar, #messages_left_panel::-webkit-scrollbar {width: 5px; border-radius: 5px;} .write_msg textarea::-webkit-scrollbar-track, #chat::-webkit-scrollbar-track, #outlet_chat::-webkit-scrollbar-track, #messages_left_panel::-webkit-scrollbar-track {background-color: #ffffff;} .write_msg textarea::-webkit-scrollbar-thumb, #chat::-webkit-scrollbar-thumb, #outlet_chat::-webkit-scrollbar-thumb, #messages_left_panel::-webkit-scrollbar-thumb {background-color: #DDD;} .write_msg textarea::-webkit-scrollbar-corner, #chat::-webkit-scrollbar-corner, #outlet_chat::-webkit-scrollbar-corner, #messages_left_panel::-webkit-scrollbar-corner {background-color: #ffffff;} .write_msg, .write_msg textarea, .mb_info_block textarea {width: 100%;} .write_msg textarea, .mb_info_block textarea {height: 44px; padding: 10px; outline: none; box-sizing: border-box; font-size: 13px;} .mb_info_block textarea {margin: 10px 0; width: 80%;} .interlocutor_msg, .my_msg {display: flex; justify-content: left; margin: 5px 0px;} .my_msg {justify-content: flex-end;} .my_msg .round_avatar{display: none;} .interlocutor_msg .round_avatar {width: 30px !important; height: 30px !important; margin: 0 5px; margin-right: 10px; box-sizing: border-box;} .msg_day_0 {position: relative;margin: 20px 0;padding: 0 50px;} .msg_day_0 .sent_at, .unread_messages {left: 50%; position: absolute; font-size: 10px; color: #888888; background-color: #f8f8f4; padding: 10px; top: -17px; } .msg_day_0 hr {border-color: rgb(237 237 237);} hr.unread_block {border-color: rgb(0 127 255 / 25%);} .unread_messages {color: #007fff;} #chat .msg, #outlet_chat .msg {max-width: calc(100% - 60px);} .interlocutor_msg .msg_text {padding: 5px 10px; background-color: rgb(221 221 221 / 0.4); } .my_msg .msg_text {padding: 5px 10px; background-color: rgb(147 205 249 / 0.3);} /* .send_btn_msg {padding-left: 10px;} */ .send_btn_msg .submit_buttons {margin: 0; height: 45px; width: 45px; outline: none; position: relative; border: none;background-color: transparent; cursor: pointer;} .send_btn_msg .submit_buttons:before {font-family: "fontello"; font-size: 22px; line-height: 30px; content: '\f1d9'; color: blue; position: absolute; width: 45px; top: 0; left: 0;} #chat .sended, #outlet_chat .sended {font-size: 10px; color: #888888; padding: 0 7px;} #chat .sended div, #outlet_chat .sended div {display: inline-block;} #chat .sended .autor_name, #outlet_chat .sended .autor_name {padding-right: 5px;} .my_msg .sended {text-align: right;} #window_wrt_msg {align-items: center;} #bell_btn {position: relative; margin-top: 4px;} #bell_btn img {width: 26px;} #bell_btn #unread_chat_messages{ position: absolute; line-height: 9px; top: 0px; right: -4px; font-weight: 600; text-align: center; color: #fff; border-radius: 50%; background-color: red; padding: 4px; font-size: 13px; width: 8px; height: 8px; } #bell_btn.empty img, #bell_btn #unread_chat_messages {display: block;} #bell_btn.empty #unread_chat_messages {display: none;} .fontello-icon { font-family: "fontello"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; /* opacity: .8; */ /* For safety - reset parent styles, that can break glyph codes*/ font-variant: normal; text-transform: none; /* fix buttons height, for twitter bootstrap */ line-height: 1em; /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ margin-left: .2em; /* You can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Font smoothing. That was taken from TWBS */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } @media only screen and (max-width: 1024px) { #messages_right_panel .contacts_block, #avatar_active_user {flex-direction: column;} } #account_list_block { height: auto; margin-top: 20px; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.18); box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.18); background: #FFFFFF; padding: 15px; } .flex_row {display: flex;flex-direction: row; justify-content: flex-start;align-items: flex-start;} .flex_col {display: flex;flex-direction: column; justify-content: flex-start;align-items: flex-start;} .list_ponto_account_info { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding: 10px; } .list_ponto_account_info:hover { border: 1px solid #721c24;} .flex-item:nth-child(1) { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .flex-item:nth-child(2) { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .flex-item:nth-child(3) { -webkit-order: 0; -ms-flex-order: 0; order: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; align-self: auto; } .label_checkbox {display: flex;flex-direction: row;justify-content: flex-start;align-items: baseline;} .label_checkbox label{width: auto;} .ponto_account_block {align-self: center;} .ponto_account_settings{border-bottom: 1px solid #EEE;} .ponto_account_settings span {line-height: 32px;} .ponto_account_settings .payment_settings {padding-left: 30px;} .account_list_balance_info {justify-self: end;} .ponto_account_settings img {height: 32px; margin-left: 10px;} .ponto_account_settings .payment_settings img{height: 16px; margin: 8px 0 0 0;} .ponto_account_settings input[type="checkbox"] {margin: 8px 4px 0 0;} .ponto_account_settings label {width: 250px; cursor: pointer;} .logo_in_list {height: 32px;} .list_ponto_account_info {background-color: #EEE; margin-bottom: 5px; border:1px solid #EEE;} .list_ponto_account_info:hover{background-color: #EEE; cursor: pointer;} .list_ponto_account_info img {height: 48px; margin-right: 10px;} .account_list_balance_info {width: auto; margin-left: 50px; text-align: right;} .ponto_errors {font-size: 14px; font-weight: 400; color: #fe3232;} .account_list_outlet_title, .account_list_balance {font-size: 18px;font-weight: 600;} .account_list_reference, .account_list_synch_date {margin-top: 10px;font-size: 14px;} form#ponto_account_filter_form select {width: 200px;} form#payments_filter_form #trn_type {width: 150px; margin-left: 10px;} .bank_page_user_link{font-weight:bold;text-decoration: none; cursor: pointer;} #user_payments_page tr span.minus {color: #B30000;} #user_payments_page tr span.plus {color: #00B300;} .product_line .flex_row{justify-content: space-between;} #bookkeeping_number_data select{width: 165px !important;} /* #invoice_details { display: flex; flex-direction: row; justify-content: flex-end;} */ #invoice_details { display: block; float: right;} #invoice_details li {list-style: none;display: inline-block; border-right: 1px solid #888; padding: 0 20px 5px 20px; cursor: pointer;} #invoice_details li.active {font-weight: 600;color: #dedb00;} #linked_products .first_line {height: 50px; width: 100%; margin-bottom: 15px;} #linked_products textarea {height: 30px; width: 345px;} #linked_products.bookkeeping_module_purchase .w55 {width: 55px;} #linked_products.bookkeeping_module_purchase .w75 {width: 75px;} form.wide#purchase_invoices #linked_products select.w100 {width: 100px;} form.wide#purchase_invoices #linked_products select {margin-right: 5px;width: 170px;} #linked_products.bookkeeping_module_purchase.first_line input {margin-right: 10px;} /* #left_panel select#payment_method {width: 90%;margin-left: 10px;} */ .purchase_invoice_wrap #invoice_iframe.active, .purchase_invoice_wrap #invoice_iframe_xml.active {display: block;} .purchase_invoice_wrap #invoice_iframe, .purchase_invoice_wrap #invoice_iframe_xml {display: none;} .credit_payments_ponto_accounts {margin-top: 10px;} .credit_payments_ponto_accounts select {margin-right: 10px; width: 200px; padding: 0;} .credit_payments_ponto_accounts input {margin-top: 6px;} #purchase_invoice_form div#file_upload {padding: 10px 0;} .file_upload.bank_import_upload {padding: 0;} .file_upload.bank_import_upload .qq-uploader{height: 30px;} .file_upload.bank_import_upload .qq-upload-drop-area {background-color: #dedb00; color: #ffffff; min-height: 30px;} .file_upload.bank_import_upload .qq-upload-drop-area span {padding: 0px 5px; line-height: 30px;} .journal_entries { padding: 8px; -webkit-box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2); box-shadow: 1px 1px 6px 1px rgba(0,0,0,0.2); } .journal_entries div {margin-right: 20px;} .journal_entries input[type="text"] {width: 100%;} .ledger_account {width: 320px;} .ledger_relation {width: 200px;} .memorial_status {width:250px; height:30px; float:none;} .ledger_operation {width: 150px; position: relative;} .ledger_operation label {text-align: right; width: 100%;} .ledger_operation span { position: absolute; font-size: 20px; font-weight: bold; right: 10px; top: 38px; color: #888;} .ledger_operation input[type="text"] { background: #f8d5d5; color: #000; } #memorial_totals {display: flex; margin-right:70px;} #memorial_totals .ledger_operation input { pointer-events: none; background-color: #fceaea; color: #000; font-weight: bold; border: 1px solid #888; } /* .ledger_description {width: 95%;} */ .ledger_description div { width: 100%; } .counter_account {margin: 10px 0; padding: 0;} .counter_account input[type="submit"] {margin: 0;} #counter_accounts { background-color: #cccccc38; padding: 10px;} .counter_account_block {border-bottom: 1px solid #ccc;margin: 10px 0;} .counter_accounts {padding-top: 10px;} .counter_account a { width: auto; display: inline-block; height: 30px; line-height: 30px; padding: 0px 10px; color: #ffffff; text-transform: uppercase; font-size: 14px; background: none; background-color: #dedb00; border: none; outline: none; } #config_tax_report_block {display: flex; flex-direction: column; background-color: #fff5c7; padding: 10px;} .config_tax_report_section input[type="number"] {width: 70px;} .config_tax_report_section { display: flex; flex-direction: row; align-items: center; padding-left: 8px; clear: both; } .config_tax_report_section select {margin-right: 10px; width: 350px;} .config_tax_report_section .label_report_column {width: auto;} .remove_counter_account { display: inline-block; height: 19px; width: 19px; background-image: url(/images/design_new/package_active.png); background-repeat: no-repeat;cursor: pointer;} #memorial_booked_at {display:flex} #memorial_booked_at label {width:auto;} #confirmation_memorial_removing p {padding: 10px 0 10px 5px} .linked.memorial_group {cursor: pointer !important;} .linked.memorial_group:hover, .linked.ledger_entry_info:hover, #vat_report a:hover, #bookkeeping_report a:hover {color:#a72222 !important; cursor: pointer;} td.ledger_number {width: 150px;} th.align_left, td.align_left {text-align: left !important;} th.align_right , td.align_right {text-align: right !important;} th.align_center, td.align_center {text-align: center !important;} td.border_left {border-left: 1px solid #FFF;} td.border_right {border-right: 1px solid #FFF;} #ledgers_details td.border_left {border-left: 2px solid #FFF;} #ledgers_details td {padding: 8px; font-size: 13px; color: #000;} .invoice_order_line {display: flex; flex-direction: column;padding: 5px; border: 1px solid #ccc; margin-bottom: 5px;} .product_control_bar {display: flex; justify-content: space-between; align-content: center; height: 25px; padding-bottom: 10px;} .product_control_bar .close_dark_wrap_btn.small {justify-self: right} form.wide#purchase_invoices #linked_products select.product_options.ledger {margin-right: 0;} #tab_products .product_control_bar input[type="checkbox"] {width: 20px; height: auto; display: inline; margin-top: 7px; padding: 0;} #bookkeeping_workflow {display: flex; flex-direction: column;} .bookkeeping_workflow_blocks { display: flex; flex-direction: column; justify-content: space-between; width: 200px; height: 100px; background-color: #f1f1f1; float: left; margin: 10px; text-align: center; padding: 10px; cursor: pointer; } .bookkeeping_workflow_blocks .title {font-size: 14px;color:#000;font-weight: bold;} .bookkeeping_workflow_blocks .count {font-size: 24px;color:#a72222;font-weight: bold;} #one_year_filter { width: 100px;} .depreciation_block #invoice_dates { width: 100%; clear: both;} .bookkeeping_module_purchase .depreciation_block input { width: 100px !important;} .depreciation_block {margin-top: 20px;} .depreciation_block #invoice_dates .datetime_select.date {float: none; width: 100px !important;} .depreciation_block fieldset {padding: 15px; border-color: #f3f3f3;} .depreciation_block input[type="button"] {width: 100px; margin-top: 20px;} .depreciation_block input.error {border-color: red;} table.bookkeeping_report {width: 100%; border-collapse: collapse;} table.bookkeeping_report td {height: 30px !important; vertical-align: middle; padding: 0 5px;} .report_main_title td, .report_footer td {background-color: #EEE; text-transform: uppercase;font-weight: bold;} .report_year_title td {background-color: #ededed; text-align: center;} .report_data td {background-color: #FFF; text-align: right; padding-right: 30px;} .report_total_line td {background-color: #EEE; text-align: right; padding-right: 30px; font-weight: bold;} tr.report_group_total {background-color: #eff7fd;} td.date span {display: inline-block; width: 80px;} .report_group_total_line td {background-color: #f0f8ff ; text-align: right; padding-right: 30px; font-weight: bold;} .bookkeeping_title {color: orange; margin: 10px 0;} #ledgers_details thead td {text-align: center;} #ledgers_details td.sym {width:20px} #ledgers_details td.date, #ledgers_details td.amount {width:80px} #ledgers_details td.description {width:400px} #ledgers_details td.source {width:200px} .exercise_filter .year {width: 100px; margin-right: 20px;} .report_filter {margin: 10px 0; display: flex;} .report_filter .year {width: 100px; margin-right: 20px;} .report_filter select {margin-right: 20px;} .begin_balance {font-weight: bold;} .report_subgroup a:hover, table.bookkeping_report a:hover, tr.ledger_entry_info.link:hover, tr.ledger_entry_info td a:hover {color: red;cursor: pointer !important;} .ledger_entry_info td.text {padding-left: 15px;} .ledger_title {margin-bottom: 10px;color:orange;} #depreciation_form_errors, .form_errors { margin-bottom: 10px; padding: 20px;; color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; font-size: 15px; font-weight: bold; line-height: 20px; } #assets_group_settings {margin-bottom: 10px;} #assets_group_settings input.number {width: 70px; margin: 0;} #assets_depreciation_type {margin-bottom: 5px;} #assets_depreciation_type div { display: flex; align-items: baseline;} #assets_depreciation_type label{margin: 0 10px 0px 5px; width: auto; cursor: pointer;} #assets_depreciation_type input[type="radio"] {margin: 3px 3px 12px 0;} #assets_depreciation_type input[type="radio"] {margin: 3px 3px 12px 0;} #assets_control_bar, #vat_control_bar {display: flex; justify-content: space-between; align-items: baseline; height: 40px; margin: 10px 0;} #vat_control_bar {justify-content: start;} #assets_control_bar a{height: 40px; line-height: 40px;} #vat_control_bar a {height: 30px; line-height: 30px;} #vat_control_bar a:first-child {margin-left: 0;} #vat_control_bar a.active { background-color: #CCC902; border-bottom: 2px solid #00afe8; box-sizing: border-box} #bookkeeping_report.assets .report_data a {color: #0000f3;} #bookkeeping_report.assets td {font-size: 13px; color: #000;} #bookkeeping_report.assets.pdf td {font-size: 11px;} .report_data a:hover {color:red !important;} #assets_filter_details label {width: auto; margin-left: 5px; word-break: break-all;} #assets_filter_details input {width: 70px;} img.document {height: 16px; display: inline; margin-right: 3px;} #assets_invoice_details #details_header { background-color: #eee; display: flex; justify-content: space-between; padding: 10px;} #assets_invoice_details h3 {margin-left: 10px;} #booking_details td.totals {text-align: right; font-weight: bold;} #assets_invoice_details fieldset {margin: 10px 0; border-color: #f3f3f3;} .depreciation_actions { border: 2px solid #CCC; position: absolute; background-color: #f8f8f8; z-index: 999; width: 300px; text-align: left; } .depreciation_actions p { padding: 10px; color: #0000f3; cursor: pointer;} .depreciation_actions p:hover {background-color: #d0e0ff;} #assets_group_settings_submit {display: flex; justify-content: center; text-align: center; margin-top: 10px;} #assets_group_settings h3 { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; font-size: 18px; } #assets_group_settings_submit input { color:#fff; width:100px; cursor:pointer; background-color: #dedb00; background-image: none; padding: 0; height: 30px; } #assets_group_settings_submit input:hover { color: #ffffff; background-color: #CCC902;} #vat_report {margin-top: 0;} #vat_report td.report_header {padding: 5px;;} #vat_report thead th {text-align: center; font-size: 13px;} .vat_report_values {text-align: right; font-size: 13px;} td.vat_report_values.code_5a {color: #52D017;} td.vat_report_values.code_5b {color:red;} td.vat_report_values.code_5c_minus {color:red;} td.vat_report_values.code_5c_plus {color:#52D017;} td.vat_report_values.quarters, th.quarters {width: 8.3%;} td.vat_report_values.months, th.months {width: 5.833%;} .invoice_line_data {width: 100%; } .invoice_line_data div {margin-right: 5px;} .invoice_line_data div:last-child {margin-right: 0;} .invoice_line_data select {width: 350px !important;} .tax_report_parameters { display: flex; flex-direction: column; clear: both; margin: 0 0 20px 240px; background-color: #fff5c7; padding: 10px; } .bookkeeping_charts { display: flex; justify-content: space-between; border: 1px solid #CCC; margin-bottom: 20px; padding: 10px; } .bookkeeping_charts:hover {cursor: pointer;} .bookkeeping_charts .legend {width: 280px; font-weight: normal;} .bookkeeping_charts .google_charts_content {width: 70%;} .legend .chart_total_amount {margin: 20px; text-align: center;} .legend .chart_total_amount h3{font-size: 18px;} .bookkeeping_charts table.chart_info {width: 100%;} .bookkeeping_charts table.chart_info td{ width: 100px; height: 20px; vertical-align: middle; padding: 5px;} .bookkeeping_charts table.chart_info tr.result td {font-weight: bold; background-color: #efefef; border-top: 1px solid #888; padding-top: 10px;} #declaration_form {display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid #888; margin-bottom: 10px;} #declaration_form .right_block {border-left: 1px solid #000; margin-bottom: 15px; padding:10px} #declaration_form h3 {font-size: 2em; color: #0404a9; margin-bottom:20px;} #declaration_form h4 {margin-bottom:10px;} table#vat_declaration_form th, table#vat_declaration_form td {border:none} table#vat_declaration_form th {text-align:center;} table#vat_declaration_form td span {line-height: 30px; font-size: 20px; font-weight: normal;} table#vat_declaration_form input {padding: 5px; font-size: 15px; text-align: right;} table#vat_declaration_form input.country_code {width: 50px;} #vat_payment {display: flex; justify-content: space-between; width: 55%; margin-top: 50px; padding: 10px; background-color: #eae6e6;} .vat_payment_block {display: flex; flex-direction: column;} .vat_payment_info {display: flex; margin-bottom: 20px} .vat_payment_info div:first-child {margin-right: 20px;font-weight: bold;} table#vat_details_booking tr.header td {font-weight: bold;} table#vat_details_booking td.date {width:80px;} table#vat_details_booking td.desc {width:300px;} td.vat_xml_file {cursor: pointer;padding: 10px !important; height: 30px;} td.vat_xml_file:hover {color: #a72222;} td.be_declaration_form {padding: 0; background-color: #f1cfda; width: 50px; vertical-align: top;} .be_declaration_form_part_number {height: 50px; padding-top: 10px; text-align: center;} .be_declaration_form_part_title {text-orientation: mixed; writing-mode: vertical-lr; width: 50px; /* background-color: #a6facc; */ line-height: 50px; padding: 10px 0; } /* .vat_declaration {display: inline-block; width: 14px; height: 14px; border-radius: 50%;} .vat_declaration.concept {background-color: #999;} .vat_declaration.created {background-color: #FDD017;} .vat_declaration.paid {background-color: #52D017;} */ #tax_office_vat_declaration span.legends:before, #bookkeeping_report span.legends:before { top:0; left:0; position: relative; } #tax_office_vat_declaration a:hover{color: #a72222 !important;} #tax_office_vat_declaration td.description {width:300px} tr.duplication_title {background-color: #d1d4d5 !important; font-weight: bold} #closing_year {width: 50%; display: flex; flex-direction: column; border: 1px solid #888;} #closing_year div {margin: 10px 0 10px 30px;padding-right: 10px;text-align: justify;} #closing_year p {margin: 10px 0;} #closing_year .standard_button {width: 200px; margin: 10px auto;} #closing_year .header {background-color: #CCC; margin: 0; padding: 30px 0 30px 30px; font-weight: bold;} .closing_dates {display: flex; align-items: baseline; margin-top: 10px;} .closing_dates h4 {width: 100px;} .salary_details {display: flex;flex-direction: row; margin-bottom: 20px; justify-content: space-between;} .salary_details h3 {margin-bottom: 5px;} .salary_general_block { display: flex; flex-direction: column; border: 1px solid #cacaca; padding: 10px; margin-bottom: 10px;} .salary_general_block a {font-size: 15px; font-weight: bold; color: #6b6bc9; margin-bottom: 10px;} .salary_general_block a.standard_button {color: #FFF;} .salary_general_block h3 {text-decoration: underline; font-size: 18px; margin-bottom: 10px;} .salary_general_block .file_upload {padding: 0 20px 0 0;} .salary_general_block .file_upload .qq-upload-drop-area span {padding: 0 8px;} .salary_staff_block{ padding: 10px; border-bottom: 1px solid #ccc;} .salary.leave_data_medium label {font-size: 13px; width: 150px;} .salary_payment_reference {width: 300px !important;} .salary_staff_amount {width:150px !important;} .file_drop_block.salary_doc{position: relative;} .salary_doc_ok {position:absolute; width: 16px;height:16px; right: 20px;top:0} #staff_monthly_report {display: flex; flex-direction: column;} #staff_monthly_report .title {font-weight: bold;} #staff_monthly_report .header {display: flex; border: 2px solid #888; padding: 5px 2px; margin-bottom: 10px;} #staff_monthly_report .header div {border: 1px solid #ccc; margin:1px 5px; padding: 2px;} #header0 {display: flex; margin-bottom: 10px} #header0 h3 {margin-bottom: 5px;} #header0 h3 span {display: inline-block; width: 150px;} #header0 div { margin-right: 50px; } #header1 div {width: 25%;} #header2 div {width: 50%;} .ledger_groups option.type_groups {font-weight: bold; background-color: #c7e4ffee;} .ledger_groups option.global_group {font-weight: bold; padding-left: 10px;} .ledger_groups option.subgroup {padding-left: 20px;} .actions.chart_accounts a.active {color: #fbb714;} #ledger_matching_block {border: 1px solid #CCC; width: 90%; height:auto; clear: both; background-color:#fff; padding: 5px;} table#matching_chart_accounts {width: 90%;} table#matching_chart_accounts td {width: 30%; padding: 5px;} table#matching_chart_accounts td.title {font-weight: bold;} table#matching_chart_accounts td input {width: 200px !important;} table#matching_chart_accounts td select {width: 320px !important;} form#ponto_account_filter_form input[type="button"] { width: auto; display: inline-block; margin: 0px 0px 0px 10px; white-space: nowrap; height: 32px; line-height: 32px; padding: 0px 10px; color: #ffffff; text-transform: uppercase; font-size: 14px; background: none; background-color: #dedb00; border: none; outline: none; } span.payment_lists.legends.concept:before {background: #fbb714;} span.payment_lists.legends.overdue:before {background: #e15e54;} span.payment_lists.legends.sent_to_bank:before {background: #b6fc95;} span.payment_lists.legends.paid:before {background: #63bf67;} .wrapper-demo { font-weight: 400; position: relative; } .wrapper-demo:after { clear: both; content: ""; display: table; } .wrapper-dropdown-1 { border: 1px solid rgba(191, 191, 191, 1); padding: 0px 34px 0px 8px; background: #fff url(/images/design_new/bac_select.png) no-repeat 100% 0px; background-position: right; height: 50px; width: 275px; } .wrapper-dropdown-1 .dropdown { /* Size & position */ position: absolute; top: 100%; left: 0; /* Size */ right: 0; /* Size */ /* Styles */ background: #fff; font-weight: normal; /* Overwrites previous font-weight: bold; */ /* Hiding */ opacity: 0; pointer-events: none; } .wrapper-dropdown-1 .dropdown li a { display: block; text-decoration: none; color: #000; padding: 10px 20px; } /* Hover state */ .wrapper-dropdown-1 .dropdown li:hover a { background: #f3f8f8; } /* Active state */ .wrapper-dropdown-1.active .dropdown { opacity: 1; z-index: 999; pointer-events: auto; border: 1px solid #CCC; list-style: none; } .wrapper-dropdown-1.active:after { border-color: #9bc7de transparent; border-width: 6px 6px 0 6px ; margin-top: -3px; } .wrapper-dropdown-1 img {width: 32px; height: 32px; margin-top: 8px;} /* .wrapper-dropdown-1.active img {width: 32px; height: 32px;} */ #ponto_account_filter_form #wrap_req_collect_date input {margin: 0 0 0 10px; height: 32px;} /* table.default_special_ledgers td { border-bottom: 1px solid #888;} */ table.default_special_ledgers td {height: 25px; padding: 5px; vertical-align: middle;} table.default_special_ledgers td:first-child {width: 50%; overflow: visible;} table.default_special_ledgers td:last-child {font-weight: bold;} table.default_special_ledgers select {width: 320px; margin:0} a.bank_page_user_link.vat_blank { display: inline-block; padding: 5px; background-color: #FFF; opacity: 0.5; border: 1px solid #333; height: 20px; width: 174px; } tr.subgroup_value td { padding: 2px 10px; } #reservation_list_manager {display: flex; flex-direction: column; margin-bottom: 10px; } #reservation_list_head {display: flex; margin-bottom: 10px; border-bottom: 1px solid #eeeeee; } #reservation_list_head h2 {border-bottom: none;} #grid_view, #list_view, #reservation_list_head img {width:32px; height:32px; margin: 0 10px;} td #grid_view a, td #list_view a, td #grid_view a:hover, td #list_view a:hover {border: none;} #reservation_list_manager #reservations_filter {display: flex; flex-direction: column;} .extra_filters {display: flex; flex-direction: row;} .extra_filters input {margin-right: 5px !important;} .extra_filters select {margin-right: 5px; width: 200px;} #extra_filters_trainer{width: 200px; margin-right: 0 !important;} #reservations_filter_dates img {width: 24px; height: 24px; margin: 2px 10px 0 0;} .reservation_item, .reservation_actions {display: flex;} .reservation_item:hover {background-color: #eeeeee;} .reservation_item { border-bottom: 1px solid #eee; padding: 10px 0; margin-bottom: 10px; } .reservation_item div {width: 30%;} .reservation_item .reservation {display: flex; cursor: pointer; width: 80%;} .reservation_actions img {width:24px; height:24px; margin: 0 10px;} .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .multiselect { width: 170px; height: 29px; font-size: 15px; border: 1px solid rgba(191, 191, 191, 1); transition: 0.2s; outline: none; } .multiselect:hover { border: 1px solid rgba(191, 191, 191, 1); } .multiselect.active { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 1px solid transparent; } .multiselect > .title { cursor: pointer; height: 16px; padding: 6px; background: #fff url(/images/design_new/bac_select.png) no-repeat 100% 0px; } .multiselect > .title > .text { max-width: 130px; max-height: 25px; display: block; float: left; overflow: hidden; line-height: 1.3em; } .close-icon.standard_button { margin: 0 5px 0 0; display: none; } .multiselect.selection + .close-icon.standard_button { display: block; } .multiselect > .container { max-height: 200px; overflow: auto; margin-left: -1px; width: 170px; transition: 0.2s; position: absolute; z-index: 99; background: #fff; border: 1px solid transparent; border-top: 1px solid rgba(191, 191, 191, 1); display: none; } .multiselect.active > .container { border: 1px solid rgba(191, 191, 191, 1); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-top: 0; } .multiselect:hover > .container { border-top-color: rgba(0, 0, 0, 0.3); } .multiselect.active:hover > .container { border-color: rgba(0, 0, 0, 0.3); display: block; } .multiselect > .container > option { display: none; padding: 5px; cursor: pointer; transition: 0.2s; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .multiselect > .container > option.selected { background: rgb(122, 175, 233); border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #fff; } .multiselect > .container > option:hover { background: rgba(0, 0, 0, 0.1); color: #000; } .multiselect.active > .container > option { display: block; } .service_category_staff_info, .staff_data, .optional_service_info { display: flex; justify-content: space-between; align-items: center;} .service_category_staff_info { justify-content: space-between;} .staff_data .round_avatar{ border-radius: 50%; border: 1px solid #CCC; overflow: hidden;} .staff_data img {width: 40px; height: 40px; display: inline-block; margin: 0 auto;} .staff_data #user_avatar {margin-bottom: 0;} .service_category_staff_info span {display: inline-block; margin-right: 15px; } .service_category_staff_info .round_avatar {margin-right: 15px;} .report_filters_block {clear: both; overflow: hidden; margin-bottom: 20px;} .report_filters_block form select.nice_select {margin-right: 15px;} .report_filters_block .standard_button {height: 40px; line-height: 40px} .report_form {display: flex; flex-direction: row;} .report_row, .productivity_report_header {display: table-row; font-weight: 600;} .productivity_report_data {margin-bottom: 20px; border-bottom: 1px solid #ccc;} .productivity_report_data.no_scroll, #productivity_comparison_columns {width: max-content;} .productivity_report_header {background-color: #ebe8e8;} #productivity_report {width: 100%;} .productivity_categories {width: 200px;} .productivity_data, .productivity_per_month_report {max-width: 1300px;} #productivity_per_day_report, .productivity_per_month_report {overflow-x: auto;} .report_row.productivity_report_header .report_cell.cached {font-style: italic;} .report_cell { position: relative; min-width: 60px; width: auto; height: 34px; padding: 0 4px; box-sizing: border-box; display: table-cell; text-align: center; vertical-align: middle; border-right: 1px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid transparent; font-size: 12px; font-weight: bold; } .report_cell.total { min-width: 70px; border-left: 1px solid #888; width: auto; } .report_row.summary { color: #b5380a !important;} .report_row .outlet_titles { direction: ltr; width: 300px; overflow: hidden; text-overflow: ellipsis; height: 34px; line-height: 34px; padding: 0 4px 0 10px; box-sizing: border-box; display: table-cell; text-align: left; vertical-align: middle; white-space: nowrap; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC; border-bottom: 1px solid transparent; } .report_cell.outlet_titles {width: 300px;} .block_titles {padding: 10px 10px 0 10px; width: auto; min-width: 80px; font-weight: bold; border-bottom: 1px solid #CCC; text-overflow: ellipsis; overflow: hidden;} .outlet_titles.child_block, .outlet_titles.sub_child_block {padding-left: 15px; color: #000; font-weight: 400; font-size: 14px; } .outlet_titles.sub_child_block {padding-left: 25px; } .outlet_titles.child_block.parent {font-weight: 600; color: #555555 !important;} .ponto_plus, .sign_plus, .sign_plus a {color:green !important;} .ponto_minus, .sign_minus, .sign_minus a {color:red !important;} .parent_block { font-weight: bold !important; color: #555555 !important; text-transform: uppercase;} .parent_block .report_cell {border-right: none;} .child_block.parent_block { text-transform: none !important; font-size: 13px !important;} .report_cell.input {width: 120px; padding: 0;} .report_cell.input.per_day {width: 225px;} .report_cell.total_percent, .child_block.parent_block .report_cell {border-right: 1px solid #CCC !important;} .report_row.parent_block {background-color: #FFF;} @media only screen and (max-width: 768px) { .report_form {flex-direction: column;} .report_filters_block form select.nice_select {margin-bottom: 15px;} } #productivity_comparison_columns {background-color: #f5fffc;} option.separator {background-color: #e5eff7;} .report_row.empty, .report_cell.empty {display: block !important;} .report_cell.comparison {background-color: rgb(224, 247, 239); padding: 0 5px;} span.report_total_block_sign {display: inline-block; padding: 0 5px; cursor: pointer; line-height: 24px; font-weight: bold; font-size: 22px} a.left_image_link.export.productivity { background: transparent url(/images/design_new/icons.png) 0px -80px no-repeat !important ; display: inline-block; } .call_time_row_header {display: flex; border: 1px solid #CCC;} .call_time_row {display: flex; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC;} .call_time_row p {margin: 5px 0; padding: 3px;} .call_types {padding: 0 3px;width: 150px; border-left: 1px solid #CCC;} .call_types.header {background-color: aliceblue;} .calls_data {width: 100px; border-left: 1px solid #CCC; border-collapse: collapse; border-block-style: none;} .calls_data.week_day {text-align: center; background-color: aliceblue;padding: 5px 0;} .calls_data.red {color: #FFF; background-color: red} .calls_data.orange {color: #FFF; background-color: orange} .calls_data.green {color: #FFF; background-color: green} .calls_count_data {border-right: 1px solid #CCC; text-align: center; width: 40px;} .call_success_percentage {line-height: 67px;width: 55px; text-align: center;} .call_time_row_header .outlet_titles, .call_time_row .outlet_titles {border: none;} .project_legend_title {margin: 0 10px 0 3px;} .project_estimation {display:flex} .project_estimation input {width: 80px !important; margin-right: 5px !important;} .project_estimation span {margin-right: 5px;} .two_colums_form {display: flex; justify-content: space-between;} #project_spent_time .datetime_select.date {height: 40px;} #project_spent_time label {width: auto; margin: 0 10px 0 0;line-height: 40px; text-transform:none} #project_spent_time .datetime_select.time.nice_select { font-size: 15px; } #project_spent_time .datetime_select.time.nice_select, #project_spent_time select { margin-right: 10px; } .project_info {display: flex; margin-bottom: 10px; align-items: baseline;} #project_tab_info {display: flex;} #project_tab_info label {width: 200px; text-align: left;} #project_tab_info div.parts {width: 50%;} .project_invoice_filter #year {margin-right: 10px;} .project_invoices_amount {width: 200px; font-weight: bold;} #object_peppol_id {color: green; font-size: 14px;} #object_peppol_id.errors {color: red;}