* {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;}
body {background: #bdbdbd; height: 100%; color: #444; font-weight: 400; font-size: 13px; line-height: 16px;}

.clear {clear: both; overflow: hidden;}
.relative {position: relative;}
.bottom_align {vertical-align: bottom;}
.bold_style {font-weight: 600;}

#header {position: relative; height: 107px; background: #FFFFFF; font-family: Calibri; font-weight: 400; font-style: normal; color: #3d3c3f;}
#header.index, #body.pos #header {height: 107px;}
#header .current_user_info a {}
#header .current_user_info .user_info_name a {display: inline-block; float: left; margin-right: 20px; color: #333;}
#header .current_user_info {position: absolute; right: 20px; top: 20px; height: 20px; padding: 8px 5px 7px 45px; background-color: #f9f9f9; text-align: right; font-size: 16px;}
.current_user_info img {position: absolute; left: 0px; top: 0px; margin-right: 10px;}
.current_user_info .header_icons {display: inline-block; width: 20px; height: 20px; margin-right: 5px; background-image: url(/images/design_new/header_icons.png); background-repeat: no-repeat;}
  #header_users_name {display: block; float: left; height: 20px; margin-right: 35px;}
  .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;}
#main_menu {padding: 63px 0px 0px 243px; height: 44px; font-size: 16px;}
#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, .tabs {white-space: nowrap; overflow: hidden; 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 3px 0px 0px; background-color: #dedb00; font-size: 16px; line-height: 30px; color: #FFF; box-shadow: none; border-radius: 0px;}
.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 {color: rgb(247, 138, 30);}
.folders a.edit_admin:hover {color: rgb(247, 138, 30); background-position: 9px -88px;}
.sub_menu a:hover, .sub_menu a.active {background-color: #FFF; color: #3d3c3f;}

#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;}
#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: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, .left_panel_heads:hover {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: 20px 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, input[type="button"] {width: auto; 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_tabs_content {padding: 10px; width: 201px;}
.left_tabs_content form {width: 201px;}

#register {background:url("/images/register_back.jpg") 50% 50% no-repeat fixed #333333; 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 .message, .content .wrap .ajax_error {font-weight: 600; color: red; font-size: 1.4em; background-image: none; margin-bottom: 15px;}
.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; text-align: center;}
#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: '';}
  #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 -246px}
  #reports_ico:before           {background-position: 0px -820px}
  #site_ico:before              {background-position: 0px -328px}
  #monthly_payments_ico:before  {background-position: 0px -164px}
  #bank_ico:before              {background-position: 0px -82px}
  #check_in_ico:before          {background-position: 0px -656px}
  #retention_ico:before         {background-position: 0px -408px}
  
/*
  #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 {display: block; margin: 10px 0px 0px 20px; color: #FFF;}
.news_archive_btn {display: inline-block; height: 30px; padding: 0px 10px; line-height: 31px; background-color: rgba(222, 219, 0, 0.8); color: #fff; font-size: 14px; font-weight: 600; text-transform: uppercase;}
.news_archive_btn:hover {background-color: rgba(222, 219, 0, 1); color: #fff;}
.update_note.index_list {width: 60%;}
.update_note.index_list a {color: #606062; 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;}
.help #subcategories_list {margin-top: 7px;}
.help_articles {}
.help_area {position: relative; width: 680px; 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 {width: auto; min-width: 40%; 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;}
  table.items td.delimiter_td {height: 0px; padding: 0px;}
  table.items.arcon_devices td {padding: 4px 10px;}
  table.items th {font-weight: 600;}
  table.items tr:hover {color: #606062; outline: none;}
  table.items tr:hover tr {outline: none;}
  table.items tr.linked {cursor: auto;}
  table.items tr:nth-child(even) {background-color: #FFFFFF;}
  table.items tr.transparent {background-color: transparent !important;}
  table.items tr.active {font-weight: 600;}
  table.items td input, table.items td select {margin: 0px;}
  table.items 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.actions, div.actions {padding: 20px 0px; margin-top: 0px; width: auto; background-color: #fff; border-top: 0px solid #dedb00; 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;}
.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: rgb(222, 219, 0);}
.emails {cursor: default;}

span.status {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;}
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;}


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: #E6E302;}
#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: #E6E302;}
a#close_pos {float: right;}
.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;}

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;}
  form select, .tab_stop_membership 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;}
  #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}
  #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;}
  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;} */
  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;}
  form input[type="submit"]:hover, form input[type="button"]:hover, form p a.back_link:hover, form a.back_link:hover {color: rgb(222, 219, 0);}
    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: auto;}
#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: auto;}
  .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 {float: none; 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 rgb(222, 219, 0); 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; width: 200px; float: none; clear: right; margin: 4px 0px 0px 0px;}
.sub_menus div.sub_menu {float: left; top: inherit; bottom: 0px;}
.config #sub_menu .hidden_menu .hidden_content a:first-child{margin-left: 0px;}
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;}
.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: -36px; right: -35px; width: 25px; height: 25px; background: url("/images/design_new/close.png") center center no-repeat; opacity: 0.85; cursor: pointer;}
.close_dark_wrap_btn:hover {opacity: 1;}
.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_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;}
form .form_buttons input[type="submit"]:hover, form p.form_buttons input[type="submit"]:hover, form .form_buttons a:hover {color: rgb(222, 219, 0);}
.remote_add_content .form_buttons.right_buttons {clear: none; overflow: visible; float: right; margin-bottom: 0px;}
  .form_buttons.right_buttons a {margin-left: 20px;}
.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-right: 10px; margin-top: 8px;}
form .win_right_side textarea {margin-bottom: 10px; width: 466px;}
.win_right_side .input_label {clear: none; width: auto; float: left; text-transform: capitalize; display: inline-block; margin-right: 18px; font-weight: 400; font-size: 15px;}
form .win_right_side label.full_width {width: auto;}
.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;}

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;}
  .qq-upload-drop-area, .qq-upload-list {display: none;}

div.signature {position: absolute; border: 1px solid #F9E381; border-radius: 0px; background-color: #fff5c7; padding: 10px 15px; line-height: 18px;}
div.signature canvas {margin-bottom: 15px;}

.floated_block, .list_block {clear: none!important; float: left;}
.floated_block div {clear: both; overflow: hidden; float: left;}
.floated_block div: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: #e0dd11; 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: #e0dd11; color: #FFF;}
.calendar table td.button {background-color: #bdbdbd; color: #636265;}
.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;}

.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 0px 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: 0px -360px;}
  .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.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 {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: rgb(222, 219, 0);}
.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;; 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;}

#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;}
#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: #e0dd11;}
#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 {margin: 0px 0px 0px -28px; top: 30px;}
.css_popup:hover .css_popup_content.left_aligment {margin: 0px -13px 0px 0px; top: 30px;}
.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;}
#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 20px 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;}

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: rgb(222, 219, 0); outline: none; border: none; cursor: pointer;}
.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: rgb(204, 201, 2); border: none; cursor: pointer;}
.pagination a:hover {display: inline-block; background-color: rgb(204, 201, 2); 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: rgb(222, 219, 0);}
#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}

.invoices table table.actions {width: 100%;}
.invoices 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;}
#utils_actions a {}
.config_logging table.actions td {padding: 0px 10px 0px 0px;}

#tab_stop_membership {width: 100%;}
.tab_stop_membership .tabs .tab {padding: 0px;}
.tabs .tab table {width: 70%;}
.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;}
.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;}
#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;}