/* smart2scool */ * {font-family: 'PT Sans';} 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: 33px;} hr {border: none; border-bottom: 1px solid #eeeeee;} html {height: 100%;} body {min-height: 100%;} body {background: #bdbdbd; color: #3d3c3f; font-weight: 400; font-size: 13px; line-height: 16px;} body#register, body#log_in {margin: 0px;} .disabled, .disabled:hover {opacity: 0.6; filter:alpha(opacity:0.6); pointer-events: none; cursor: pointer;} .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;} .sign_up input[type="text"], #log_in input[type="password"] {float: left; clear: right; width: 294px;} .sign_up input[type="submit"] {display: inline-block; clear: none; float: left; height: 30px; margin: 0px 0px 0px 162px; padding: 0px 10px; font-size: 14px; text-transform: uppercase; color: #FFF; background-image: none; background-color: #ff9600} .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; } #header {position: relative; height: 107px; background: #fff; font-family: Calibri; font-weight: 400; font-style: normal; color: #3d3c3f;} #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: #dedb00; background-color: transparent;} #header .staff_info_wrap .header_icons {width: 20px; height: 20px; margin-top: 7px; background-image: url(/images/design_new/header_icons.png); background-repeat: no-repeat;} .header_icons#help_btn {background-position: 0px 0px;} .header_icons#help_btn:hover {background-position: -20px 0px;} .header_icons#logout_btn {background-position: 0px -20px;} .header_icons#logout_btn:hover {background-position: -20px -20px;} .header_icons#config_btn {background-position: 0px -40px;} .header_icons#config_btn:hover {background-position: -20px -40px;} #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: #dedb00;} #logo_mask .plus_part { position: absolute; width: 13px; height: 13px; background-color: #fff;} #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: #dedb00;} #main_menu a.active {font-weight: 600; color: #dedb00;} #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: #dedb00; 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: #CCC902;} .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;} .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 {display: inline-block; float: none; position: relative; height: 30px; width: auto; padding: 0px 10px 0px 10px; margin: 0px 6px 0px 0px; background-color: #dedb00; font-size: 16px; line-height: 30px; color: #fff; box-shadow: none; border-radius: 0px; cursor: pointer;} .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);} 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: #fff; 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;} #columns {width: 100%; height: 100%;} #columns tr.sub_menus {height: 50px; padding: 0px; margin: 0px;} #columns #left {width: 1px;} #columns #center {width: 100%; padding: 36px 30px; background-color: #fff; border-left: 0px solid #999; border-top: 0px solid #999;} #items_count {display: inline-block; color: #dedb00;} #left_panel {padding: 0px 0px 50px 0px;} #left_panel * {font-family: 'Open Sans';} .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 #fff; background-color: #bdbdbd;} .left_panel_heads { color: #3d3c3f; } .left_panel_heads:hover { color: #fff; } .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 #fff; content: '';} .left_panel_heads.active {color: #fff;} .left_panel_heads.active:after {display: none;} #left_panel .left_panel_content {position: relative; overflow: hidden; padding: 15px 10px 10px 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;} .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: 130px; 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"] {width: auto; height: 30px; line-height: 30px; padding: 0px 10px; margin-left: 10px; color: #fff; text-transform: uppercase; font-size: 14px; background:none; background-color: #dedb00; border: none; outline: none;} .search input[type=submit]:hover, #register input[type=submit]:hover, #register input[type=button]:hover {color: #fff; background-color: #CCC902;} .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;} .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: #dedb00;} #index_blocks a:hover {background-color: #515053;} #index_blocks a:before {position: absolute; left: 50%; top: 62px; margin-left: -64px; 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#config_general_account_ico, #index_blocks a#config_general_account_started_ico {background-color: #dedb00; color: #fff;} /* #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: 40px 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: #fff; 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: #dedb00;} .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;} .news_archive_btn {display: inline-block; height: 30px; padding: 0px 10px; line-height: 31px; background-color: #dedb00; color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase;} .news_archive_btn:hover {background-color: #CCC902; color: #fff;} .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: 13px 38px 13px 17px; line-height: 25px; font-size: 14px; font-style: italic; background-color: #fff5c7; border: none;} .help_area a {text-decoration: underline;} .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 {opacity: 1;} #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;} #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;} 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 {width: 100%; margin-top: 0px; background-color: #fff; border: 1px solid #eeeeee; font-size: 15px; line-height: 16px; color: #606062;} 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 td, table.items th {vertical-align: middle; height: 30px; padding: 2px 10px; white-space: nowrap; text-overflow: ellipsis;} 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;} table.items tr:hover tr {outline: none;} table.items tr.linked {cursor: auto;} table.items tr:nth-child(even) { background-color: #fff;} 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 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: #fff; 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;} table table.actions {width: auto;} table.items span.aligned {display: inline-block; width: 100%; text-align: left;} table.items span.aligned span {float: right;} .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;} #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: #dedb00;} .emails {cursor: default;} span.status, span.colored_item {display: inline-block; overflow: hidden; border-radius: 50%; width: 14px; height: 14px;} .status.concept {background: #999;} .status.paid, .status.accepted {background: #52D017;} .status.creditnoted {background: #8AA212;} .status.SEPA.pending, .status.paidout {background: #b6fc95;} .status.credited {background: #0000AA;} .status.unpaid, .status.open {background: #FDD017;} .status.overdue, .status.refused, .status.cancelled, .status.expired {background: #FF0000;} .status.reminder.sent, .status.in.reminders {background: #FF0000;} div.legends {margin-top: 20px;} span.legends {position: relative; float: left; padding: 0px 20px 0px 22px ; 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 {background: #999;} span.legends.paid:before, span.legends.accepted:before {background: #52D017;} span.legends.creditnoted:before {background: #8AA212;} span.legends.unpaid:before {background: #FDD017;} span.legends.credited: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 {background: #FF0000;} td.legends {padding-top: 16px;} .user_invoices {display: inline-block;} .user_invoices .items {width: 830px;} .user_invoices .legends {float: right;} table.items table tr {background-color: transparent;} table.gray, div.gray {background-color: transparent; padding: 0px;} #client_info .suggest {width: 250px;} #body.pos #journals {float: left; margin-top: 10px;} #body.pos #journals div {overflow: hidden; height: 50px; width: 205px; padding: 0px 13px; margin-bottom: 5px; color: #fff; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px; line-height: 50px; background-color: #dedb00; border: 0px solid #ccc; border-radius: 0px; cursor: pointer;} #body.pos #journals div:hover, .product_buttons > div:hover {background-color: #dedb00;} #body.pos #categories a, a#close_pos {display: inline-block; padding: 0px 14px; margin: 0px 5px 8px 0px; height: 32px; color: #fff; font-size: 14px; line-height: 34px; font-weight: 600; text-transform: uppercase; background-color: #dedb00; border: none;} #body.pos #categories a:hover, #body.pos #categories a.active {background-color: #dedb00;} a#close_pos {float: right; background-color: #fe3232;} .pos_product {overflow: hidden; padding: 6px;} .pos_product .price {top: 6px; right: 6px; border-radius: 0px;} .pos_product span {display: block; padding: 0px; overflow: hidden; text-overflow: ellipsis;} #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;} #client_info table td, #totals td, #ordered_products td {padding: 4px 8px; vertical-align: middle;} form #totals span, form #ordered_products 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 {float: left; width: 160px; margin-top: 10px; font-size: 1.5em; font-weight: 400;} .product_buttons > div {height: 50px; width: 160px; display: inline-block; margin: 0px 0px 5px 6px; color: #fff; text-transform: uppercase; text-align: center; font-weight: 600; font-size: 14px; line-height: 50px; background-color: #dedb00; border: 0px solid #CCC; border-radius: 0px; cursor: pointer;} #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 0px; 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 {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;} .reservation_configs form label {width: 600px;} form select, .tab_stop_membership select, .reports 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;} .reports select { width: 200px; } #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"], .tab_stop_membership .datetime_select, .damage_claims .form_info {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"].small {width: 90px;} .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 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;} form.wide .tabs select {width: 187px;} #active_template form.wide select, .invoices form.wide select {width: 446px;} form input.editable_input {width: 272px;} form input[type="radio"] {margin-top: 8px;} .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.inline label {display: inline-block;} .form_subblock.with_add a.for_add {position: absolute; right: 446px; margin-top: 6px;} 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;} /* 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; } #time_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;} #time_picker_wrap input[type="submit"] { margin: 6px 0 0 0; } form input[type="submit"]:hover, form input[type="button"]:hover, form p a.back_link:hover, form a.back_link:hover {color: #dedb00;} #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;} textarea {padding: 8px 10px;} 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;} form input[type="text"].for_integer {width: 70px; margin: 0px 20px 0px 6px;} .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;} #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 {width: 100px !important;} .agenda .datetime_select.date, .simple_todo .datetime_select.date, .todo .datetime_select.date {float: none; width: 124px !important;} .datetime_select.time {width: 84px;} .mce_tags {clear: both; overflow: hidden; margin: 10px 0px 15px 240px; width: 600px;} 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 #dedb00; 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 {display: block; position: absolute; right: 0px; top: 0px; min-width: 30px; min-height: 30px; z-index: 100;} div.sub_menu .hidden_button {display: block; height: 30px; width: 10px; padding: 0px 10px 0px 10px; background-color: #dedb00; background-image: url(/images/design_new/menu_ico.png); box-shadow: none; border-radius: 0px; content: "";} div.sub_menu#win_sub_menu .hidden_button {background-image: url(/images/design_new/win_sub_menu_ico.png);} div.sub_menu .hidden_content {position: absolute; right: 0px; background-color: rgba(255, 255, 255, 0.9)} div.sub_menu .hidden_content a {display: block; float: left; clear: right; margin: 4px 0px 0px 0px;} div.sub_menu .hidden_content.ready a {float: none; width: 200px;} div.sub_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: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: #dedb00;} .remote_add {position: relative; top: 0px; left: 0px; margin: 100px auto; padding: 40px 30px; width: 900px; 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 .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 {float: left; padding: 0px 0px 0px 0px; height: auto; font-size: 18px; color: #dedb00; text-transform: uppercase; font-weight: 600;} .remote_add_content .win_title .form_buttons {float: right;} .remote_add_content .win_footer {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 {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 {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{background: #fe3232;} .close_dark_wrap_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 {-moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} .close_dark_wrap_btn.small {position: relative; right: 0px; width: 16px; height: 16px;} .close_dark_wrap_btn.small:before, .close_dark_wrap_btn.small:after {height: 4px; margin-top: -2px; background: #333;} .close_dark_wrap_btn.small:hover:before, .close_dark_wrap_btn.small:hover:after {background: #fe3232;} .school_images {border-bottom: none;} .remote_add_content .pseudo_select {display: none;} .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 #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 #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; padding-left: 19px; margin-left: -1px; border-left: 1px solid #eeeeee;} .small_form {margin-top: 20px; padding-top: 20px; border-top: 1px solid #eeeeee;} .small_form label {width: 90px;} .small_form input[type="text"], .small_form select {width: 124px;} .small_form span.selecter {margin: 0px 0px 10px 0px;} 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 {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;} .crm_user_info .info a.wellness_cloud {background-image: none; padding: 0px 0px 0px 0px;} form .form_buttons input[type="submit"]:hover, form p.form_buttons input[type="submit"]:hover, form .form_buttons a:hover {color: #dedb00;} .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 .win_right_side label {clear: left; width: 160px; margin: 0px 7px 10px 0px;} form .win_right_side input {margin-right: 10px;} .win_right_side_block input[type="text"], .win_right_side_block select {width: 466px; margin-right: 0px;} .products#advanced_prices {width: 632px;} form .vertical_form {} form .vertical_form .with_add {width: 446px;} form .vertical_form #advanced_site_pricing td {padding: 4px 5px;} form .vertical_form #advanced_site_pricing 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 {width: 59px;} form .vertical_form #advanced_site_pricing .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"] {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 {display: inline-block; clear: none; width: auto; float: left; text-transform: none; margin-right: 18px; font-weight: 400; font-size: 15px; line-height: 30px;} .win_right_side .form_subblock.as_list .input_label {display: block; float: none; margin: 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 p {margin-bottom: 20px; font-weight: 600;} form .win_right_side .win_right_side_subblock textarea {width: 424px;} .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 > div {clear: both; overflow: auto; margin-bottom: 10px;} .win_wrap .win_right_side_subblock a {display: block; margin: 10px 0px;} .win_wrap .win_right_side_subblock a:hover {color: #3d3c3f;} .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 .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 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;} .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; 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; border-bottom: none; background-color: #fff5c7;} .inner_table {width: 100%; border: 1px solid #A9A9A9; border-collapse: collapse;} .inner_table td {padding: 2px 5px; line-height: 32px;} #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;} 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 {width: 180px;} .companies #object_f_name {width: 466px;} #object_l_name {width: 166px; margin-right: 0px;} #object_interjection {width: 100px;} .win_wrap a {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;} .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;} #hardware_video {margin-bottom: 15px; border: 1px solid #aaa;} div.signature canvas {margin-bottom: 15px;} .floated_block, .list_block {clear: none !important; float: left;} .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 {width: 74px!important; padding-right: 20px; background-image: url(/images/design_new/percentage.png); background-repeat: no-repeat; background-position: 52px 5px;} .crm_user_info {padding-bottom: 20px; border-bottom: 1px solid #eeeeee;} .crm_user_info .profile_pic {overflow: hidden; float: left; width: 226px; margin-right: 30px;} .crm_user_info .info {float: left; padding: 0px;} .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; padding-bottom: 6px; font-size: 14px; font-weight: 600; text-transform: uppercase; color: #dedb00;} .crm_user_info .info .contacts {margin-top: 30px; 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 {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;} .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: 280px; height: 244px; float: left; margin: 0px 30px 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.weekdays {font-weight: 600; font-size: 15px; text-transform: uppercase;} .visits_calendars td.month {height: 30px; line-height: 30px; background-color: #dedb00; font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; 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;} .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.today, .calendar table td.selected {font-weight: 600;} .calendar table td.title {background-color: #dedb00; color: #fff;} .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: #555555;} div.calendar table td.selected, .calendar table tr.days td.selected:hover {color: #fff; background-color: #bdbdbd; } .visits_calendar p {float: left;} .visits_calendar a.add {margin-left: 0px;} .legend {height: auto; right; 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;} .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 20px;} .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.back, a.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;} table.items td input.editor_ok_button, .editor_cancel_link {margin: 6px 15px 0px 10px;} #center a.left_image_link:hover {color: #dedb00;} .left_panel_content 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;} 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: #dedb00;} .left_panel_content .left_image_link, .folders 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;} .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 {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 25px; 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: 6px; 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;} #client_info .left_image_link {padding: 0px 0px 0px 17px;} #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: #fff; background-color: #bdbdbd; border: none; font-family: 'Open Sans';} #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 {border: none; background-color: #3d3c3f;} .top_buttons {margin-top: 10px;} #more_date_filters {margin-top: 10px;} #agenda_head {margin-bottom: 30px;} #agenda_head .advanced_agenda, #agenda_head td.right.advanced_agenda {padding: 10px 50px 10px 0px; text-align: left;} #agenda_index #reservations {position: relative; white-space: nowrap; font-size: 14px;} /* .reservations #center {position: relative;} */ #add_reservation {margin: 0px; padding: 20px; width: 540px; border: 0px solid #FFF;} table#reservations td:hover {background-color: #FFF;} table#reservations th {border-right: 1px dotted #bbb; padding: 4px 15px 10px 15px;} 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;} table#reservations tr.activity_titles td {height: 28px; line-height: 28px;} table#reservations td.full, table#reservations td.free_left {padding: 2px; background-clip: content-box;} table#reservations td.today, table#reservations th.today {background-color: #FFF;} table#reservations td.free_left {background-color: #38b63c; color: #FFF;} table#reservations td.full {background-color: #ff0000; 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: #dedb00;} #add_reservation form label {width: 160px;} #add_reservation form input[type="text"], #add_reservation form select {width: 369px;} #add_reservation .left_image_link.plus {float: right; clear: left; margin-bottom: 10px;} #add_reservation .left_image_link.print {float: right;} #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: middle;} #reserv_copy {position: absolute; left: 0px; color: #FFF; font-size: 18px; line-height: 38px; text-align: center;} .css_popup {} .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, .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.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 20px;} #users_of_table {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;} .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.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 .css_popup_content div {clear: both; padding: 0px 0px 8px 0px;} .popup_block.add_membership label {width: 160px;} .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;} .money_button, .percent_button {margin-top: 6px;} .actual_amount {float: left; margin: 0 0 0 10px; line-height: 32px;} .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 {width: 235px;} .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: #dedb00;} .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 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 {height: 28px; padding: 0px 16px; vertical-align: middle; border: 1px solid #828282; border-left: none;} .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 {width: 60%;} .advanced_pos_reports .subheader {height: 40px; background-color: #eeeeee; border-left: 1px solid #828282; font-weight: 600;} .advanced_pos_reports td {border-left: 1px solid #828282;} .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: #fff; background-color: #dedb00; 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: #fff; background-color: #CCC902; border: none; cursor: pointer;} .pagination a:hover {display: inline-block; background-color: #CCC902; color: #fff;} #agenda_head td.left {padding: 0px;} #agenda_head td.center, #agenda_head td.right {padding-top: 10px;} #agenda_days.with_tasks {width: 80%;} #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 td a.left_image_link:hover,div.actions a:hover {color: #dedb00;} #tasks_panel {width: 19%; max-height: none;} #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 #dedb00; border-bottom: 0px solid #999; line-height: 18px;} #tasks_panel #edit_task input[type='text'] {width: 95%; padding: 0px 10px; height: 30px;} #tasks_panel #edit_task select {width: 95%;} #tasks_panel #add_tasks input[type='submit'] {width: auto; margin: 6px 0px;} #tasks_panel #edit_task input[type='text'].suggest {padding: 8px 27px 8px 10px;} #tasks_panel #add_tasks input[type='text'] {width: 80%; height: 30px;padding: 0px 10px;} #tasks_panel #edit_task textarea {width: 85%;} #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;} #agenda_days td .events #new_event.event #event_pupup_details {position: absolute; top: -67px; padding: 3px 10px; width: 250px; background-color: #fff; border: 1px solid #dedb00; 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;} #agenda_days, #tasks_panel {font-size: 13px;} #tasks_panel b {font-size: 15px; font-weight: 600; text-transform: uppercase;} .actions form input[type="text"] {margin: 0px 0px;} #send_sms_request {margin: 6px 0px 0px 15px; padding: 0px 5px 0px 15px} .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;} div.calendar.popup {margin: 28px 0px 0px 1px;} .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: 70%;} .tabs .tab#tab_modules table {width: 100%;} .tabs .tab#tab_modules select {width: auto;} .membership_title, .membership_action_text {width: 70%; height: 30px; padding: 0px; line-height: 30px; border: 1px solid rgba(191, 191, 191, 1); border-radius: 0px; box-sizing: border-box; -webkit-box-sizing: border-box;} .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 table td {vertical-align: middle; padding: 4px;} .tab_stop_membership table label {width: auto; margin: 0px;} .membership_title {display: inline-block; 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 {width: 420px;} .recents p {padding: 0px 0px 0px 0px; text-transform: uppercase;} .recents .recent_item {display: block; clear: both; overflow: hidden; margin: 0px 0px 0px 0px; padding: 6px 0px 6px 4px; border-bottom: 1px solid #ccc;} .recents .recent_item:first-child {border-top: 1px solid #ccc;} .recents .recent_item span {margin-right: 10px;} .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;} #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 {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;} .pseudo_select {position: relative; top: -5px; display: inline; 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: 0px; 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: #fff; background-color: #dedb00;} .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;} 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: #fff; text-align: left; font-size: 15px; font-weight: 800; background-color: #dedb00; border-style: solid; border-color: #dedb00 #bdbdbd #fff #dedb00;} table.package_modules tr:last-child td:first-child {background-color: transparent; border-color: #dedb00 #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: #dedb00 #bdbdbd #dedb00 #dedb00;} .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; } #uploaders { overflow: hidden;} #color_edit_block #uploaders { float: left; } #progress_bar_attachment1, #progress_bar_attachment2 { 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;} .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#object_a_membership_id {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; } #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;} .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 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: #dedb00; } #bar_chart, #line_chart { visibility: hidden; } /* +++ 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 --- */ .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 {float: left; width: 100%; height: 760px; padding: 0px 0px 0px 700px; border: none; box-sizing: border-box;} .purchase_invoice {float: left; width: 732px; 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;} 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;}