/* vv admin vv */

.no_border {border: none; cursor: auto;}

IMG {border:0px;}

.clearfloat {clear: both; height: 0px; line-height: 0px; font-size: 1px; }
.clear      {clear: both; overflow: hidden;}
.bold_style {font-weight: bold !important;}

table {border-collapse: separate; border-spacing: 15px 2px;}
ul, ol {list-style-position:inside;}
.mce_no_editor {width: 400px; height: 300px; }

.not_active, .not_active a {color: #999;}
.inactive {opacity: 0.6; filter:alpha(opacity:0.6); pointer-events: none;}
tr.inactive {opacity: 1;}
tr.inactive td {color: #aaa;}
tr.inactive td a {color: #aaa;}

.admin          {background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px !important; line-height: 140%; color: #222; margin: 0px 0px 0px 20px; padding: 0; border-spacing: 0px 0px; white-space:nowrap;}
.admin th       {padding-left: 5px; padding-right: 5px; border-bottom: 1px solid #999; border-right: 3px solid #fff; vertical-align: bottom; color: #333; font-weight: bold;}
.admin td       {padding: 5px; vertical-align: middle;}
.admin td span  {float: right; width: auto; font-weight: bold;}
.admin a, .admin a:visited      {display: inline; padding: 2px 4px; margin: 0px; text-decoration: none; border: none; min-width: 12px; text-align: center;}
.admin a:hover, .admin a:active {display: inline; background: #95B200; color: #fff;}

.admin_title          {font-weight: bold; font-size: 12px; color: #95B200; margin-bottom: 5px; margin-left: 20px;}
.admin_title a        {margin-right: 10px;}
.admin_title a:hover  {text-decoration: none;}

#utils_actions a {margin-right: 15px;}
.utils_block #utils_actions {margin-bottom: 20px;}
.utils_block #utils_actions a {display: block;}

form select.date_time_fields {width: auto;}

.filter_form {margin-left: 15px; border-spacing: 0px 0px;}
.filter_form td {white-space: nowrap; padding: 0px 5px 5px 0px; text-align: right; vertical-align: middle;}
.filter_form input[type="text"], .filter_form input[type="checkbox"], .filter_form select {float: left;}
.filter_form input[type="submit"]{float: left; margin-right: 20px;}
.filter_form label {float: left; margin-right: 10px;}
.check_box_form td {text-align: left;}

.mailing_filter * {vertical-align: middle;}
.mailing_filter td{white-space: nowrap; padding: 0px 10px 6px 0px; vertical-align: top;}
.mailing_filter select{width: 180px;}
.mailing_filter input {clear: none; float: none;}
.mailing_filter input[type="radio"]{clear: none; float: none; margin-top: 1px;}
.mailing_filter input[type="text"]{width: 180px; padding-left: 5px;}
.mailing_filter label{clear: none; float: none; margin: 0px 10px 0px 0px; display: inline-block; width: auto; text-align: left; font-weight: normal; line-height: 16px;}
.mailing_filter #zip_field{width: 85px;}

.popup_block td{position: relative;}
.filter_options{border-bottom: 0px solid #CCC; position: relative; padding: 6px 22px 3px 5px; width: 600px;}
.filter_options b{display: inline-block !important; clear: none;}
.button_block{position: absolute; right: 3px; top: 3px;}
.filter_options a{width: 19px; height: 19px; display: inline-block; padding: 0px;}
.filter_optionsd a:hover{text-decoration: none;}

#b_link{display: inline-block; margin-top: 3px; text-decoration: underline;}
#options_birthday{width: 150px;}
#indicator{float: left; margin-left: 10px; height: 22px;}
div.users_filter div:nth-child(even) {background-color: #F6F1F1;}

.admin_forms{float: left; border-spacing: 0px 0px; margin: 10px 0px 10px 10px;}
.admin_forms th, td.separate{padding-left: 10px; background-color: #CCC; font-size: 10px; font-weight: bold; text-align: left; text-transform: uppercase; line-height: 18px;}
.admin_forms td{padding-left: 10px; text-align: left;}
.admin_forms tr td:first-child{text-align: right; width: 150px;}
.admin_forms textarea{width: 500px; height: 110px;}
.submit_div{clear: both; margin-left: 5px;}

.back_link {margin-left: 10px; }

.pagination {float: left; overflow: hidden; text-align: left; font-weight: bold; color: #95B200; white-space: nowrap;}
.top_paginator {margin-top: 0px; margin-bottom: 10px; }
.midle_paginator {margin-top: 10px; margin-bottom: 10px; }
.bottom_paginator {margin-top: 10px; margin-bottom: 0px; }
.pagination_block {clear: both; overflow: hidden; text-align: left; margin: 5px 0px; white-space: nowrap;}
.pagination_text {float: left; margin-left: 5px; margin-right: 10px;}
.pagination_text input.pagination_button {height: 17px; width: 20px; margin: 0px; padding: 0px 3px 0px 3px; background: #95B200; color: #FFF; font-weight: bold; display: inline; border: none;}
.pagination_text input.pagination_button:hover{background: #1E1F21; }
.pagination_text input[type="text"] {width: 34px; height: 17px; margin-right: 2px; color: #95B200; border: 1px solid #95B200; font-weight: bold; }
.pagination a, .pagination a:visited, .pagination span {padding: 6px; line-height: 17px;}
.pagination a, .pagination a:visited {display: inline; padding: 2px 4px; margin: 0px; text-decoration: none; border: none; min-width: 12px; text-align: center; }
.pagination a:hover, .pagination a:active {display: inline; background: #95B200; color: #fff; }
.pagination span {display: inline; background: #95B200; color: #fff; padding: 2px 5px 2px 5px; margin: 0px 1px; text-align: center; }

.site_part_title { text-transform: uppercase; font-weight: bold; background-color: #ccc; width: 100%; text-align: left; padding: 5px; }

.color_scheme { display: block; margin: 10px 0; } 
.color_scheme img { display: block; } 

table * {vertical-align: top;}

.delete_link {margin-left: 20px;}

.mceLayout {border-collapse: collapse; border-spacing: 0px 0px;}
.mceLayout table {border-collapse: collapse; border-spacing: 0px 0px;}

/* ^^ admin ^^ */
* {padding: 0px; margin: 0px;}
table, table tbody, table tr, table td {border-spacing: 0px; padding: 0px; margin: 0px;}

.o2k7Skin td.mceCenter table {width: auto;}
.o2k7Skin iframe {position: relative; z-index: 5;}

html {height: 100%;}
body {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAADCAYAAACAjW/aAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB1JREFUeNpi+P//PwO98MyZM/8zMdAZ0N1CgAADAFjkU34kz+8AAAAAAElFTkSuQmCC") repeat-y #f0f0f0; height: 100%; color: #444; font-family: "Tahoma", "Arial", "Helvetica"; font-size: 11px; line-height: 16px;}
body#clear_body {background: none;}
h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.2em;}

a {color: #333; text-decoration: none; outline: none;}
a:hover, a:active {color: #000; -moz-outline-style: none;}
/* a:visited {color: #666;} */

hr {height: 0px; border: 0px solid #ccc; border-top: 1px solid #ccc;}

.errorExplanation {color: red; padding-left: 5px; margin: 10px 0px;}
.errorExplanation p {padding: 5px 0px 0px 10px;}
.errorExplanation ul {padding: 10px 0px 0px 10px;}

.co {clear: both; overflow: hidden;}
.cf {clear: both; height: 0px; font-size: 1px; line-height: 1px;}
.lf, .fl {float: left;}
.rf, .fr {float: right;}
.pl_30 {padding-left: 30px;}

.closed {text-decoration: line-through;}
.red {color: red;}
.bold {font-weight: bold;}

.smaller {font-size: 0.8em;}
.bigger {font-size: 1.3em;}
.big {font-size: 1.5em;}
.large {font-size: 1.7em;}
.huge {font-size: 2em;}

.text_cut {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

table.mceLayout {clear: both;}

#items_count {clear: both;}

#layout {width: 100%; height: 100%;}

#header {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAByCAYAAACSo7vmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUeNq8jksKgDAMRKcRlZ7BYxQXLnt/cOEdvEJd9KeRQqFYECluHjOZZAi01oYASAZICIFSNbTV+o8tbfb+LXWiB83TDmzrGMm64YBSylCMUZL3HqwSQggJ2VaDbG+8qCouHma4fjb8/NIxGRYcnAIMAG97avFV0yYFAAAAAElFTkSuQmCC") repeat-x top left; height: 113px; position: relative;}
#header.index {height: 77px;}
#logo {background: url(/images/logo.png) no-repeat; height: 25px; width: 75px; position: absolute; left: 10px; top: 10px;}
#header .current_user_info {position: absolute; right: 5px; top: 1px; color: #eee; text-align: right; line-height: 17px;}
#header .current_user_info a {color: #eee;}
#header .current_user_info .pseudo_select {text-align: left;}
#header .current_user_info .pseudo_select .options {color: #333; padding: 10px;}
#header .current_user_info .pseudo_select .options a {color: #333; padding: 3px 4px 3px 7px; text-decoration: underline; display: block;}
#header .current_user_info .pseudo_select .options a:hover {text-decoration: none; background-color: #eee;}
#header .current_user_info .pseudo_select .options a.active {text-decoration: none; color: #999;}
#header .current_user_info .pseudo_select .options span {display: block; font-weight: bold; margin-top: 2px;}

#index_blocks {margin: 0px; line-height: 30px; clear: both;}
#index_blocks a {display: block; float: left; margin: 10px; width: 200px; text-decoration: none; padding-left: 4px; background-color: #f6f6f6; text-align: center; font-size: 14px; font-weight: bold; color: #555; border-bottom-color: #bcbbbb; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: #dedcdc; border-left-style: solid; border-left-width: 1px; border-right-color: #dedcdc; border-right-style: solid; border-right-width: 1px; border-top-color: #dedcdc; border-top-style: solid; border-top-width: 0px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; border-top-left-radius: 7px; border-top-right-radius: 7px; box-shadow: 0px 1px 1px;}
#index_blocks a div {background: url(/images/dashboard.png) no-repeat -157px -1160px; width: 67px; height: 95px; margin: 10px auto 0px;}

#index_blocks .companies{background-position: -157px 0; width: 106px; height: 95px;}
#index_blocks .crm{background-position: -157px 0; width: 106px; height: 95px;}
#index_blocks .staff{background-position: -157px 0; width: 106px; height: 95px;}

#index_blocks .emails{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .documents{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .agenda{background-position: 0 -435px; width: 85px; height: 95px;}
#index_blocks .marketing{background-position: -369px -435px; width: 128px; height: 95px;}
#index_blocks .support{background-position: -590px -870px; width: 83px; height: 95px;}
#index_blocks .sales{background-position: -369px -1450px; width: 76px; height: 95px;}
#index_blocks .purchases{background-position: -369px -1450px; width: 76px; height: 95px;}
#index_blocks .pos{background-position: -369px -1015px; width: 171px; height: 95px;}
#index_blocks .products{background-position: -369px -1160px; width: 81px; height: 95px;}
#index_blocks .reservations{background-position: -369px -1740px; width: 122px; height: 95px;}
#index_blocks .statistics{background-position: -590px -725px; width: 77px; height: 95px;}

#index_blocks .site{background-position: -590px -290px; width: 162px; height: 95px;}
#index_blocks .cs_content{background-position: 0 -1740px; width: 99px; height: 95px;}
#index_blocks .cs_mobile_site{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .cs_room_reservations{background-position: -369px -1740px; width: 122px; height: 95px;}

#index_blocks .hrm{background-position: 0 0; width: 99px; height: 95px;}
#index_blocks .hrm_documents{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .kpi{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .monthly_payments{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .check_in{background-position: -157px -725px; width: 77px; height: 95px;}

#index_blocks .config_crm{background-position: -157px 0; width: 106px; height: 95px;}
#index_blocks .config_general{background-position: -157px -1595px; width: 95px; height: 95px;}
#index_blocks .config_communication{background-position: 0 -1595px; width: 91px; height: 95px;}
#index_blocks .config_documents{background-position: -157px -580px; width: 112px; height: 95px;}
#index_blocks .config_bookkeeping_numbers{background-position: -369px -290px; width: 70px; height: 95px;}
#index_blocks .config_memberships{background-position: -369px -580px; width: 112px; height: 95px;}
#index_blocks .config_products{background-position: -369px -1160px; width: 81px; height: 95px;}
#index_blocks .config_templates{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_reservations{background-position: -369px -1740px; width: 122px; height: 95px;}
#index_blocks .config_pos{background-position: -369px -1015px; width: 171px; height: 95px;}
#index_blocks .config_hrm{background-position: 0 0; width: 99px; height: 95px;}
#index_blocks .config_utils{background-position: 0 -290px; width: 99px; height: 95px;}
#index_blocks .config_clients{background-position: 0 0; width: 99px; height: 95px;}
#index_blocks .config_sites{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_sys{background-position: -157px -725px; width: 77px; height: 95px;}

#index_blocks .config_general_business{background-position: 0 -580px; width: 95px; height: 95px;}
#index_blocks .config_general_account{background-position: 0 0; width: 99px; height: 95px;}
#index_blocks .config_general_financial{background-position: -157px -145px; width: 95px; height: 95px;}
#index_blocks .config_general_outlets{background-position: -369px -870px; width: 84px; height: 95px;}
#index_blocks .config_taxes{background-position: -590px -1015px; width: 109px; height: 95px;}
#index_blocks .config_users{background-position: 0 -1885px; width: 75px; height: 95px;}

#index_blocks .config_custom_blocks{background-position: -157px -290px; width: 99px; height: 95px;}
#index_blocks .config_departments{background-position: -157px -435px; width: 97px; height: 95px;}
#index_blocks .config_groups{background-position: -157px 0px; width: 106px; height: 95px;}
#index_blocks .config_crm_campaigns{background-position: 0 -870px; width: 92px; height: 95px;}
#index_blocks .config_campaign_statuses{background-position: 0 -1015px; width: 81px; height: 95px;}
#index_blocks .config_campaign_types{background-position: 0 -1160px; width: 82px; height: 95px;}
#index_blocks .config_crm_todo{background-position: -590px -1305px; width: 100px; height: 95px;}
#index_blocks .config_solution_statuses{background-position: -590px -580px; width: 89px; height: 95px;}
#index_blocks .config_crm_cases{background-position: 0 -1305px; width: 107px; height: 95px;}
#index_blocks .config_crm_agenda{background-position: 0 -435px; width: 85px; height: 95px;}
#index_blocks .config_crm_opportunities{background-position: -369px -725px; width: 90px; height: 95px;}
#index_blocks .config_user_targets{background-position: -590px -1450px; width: 93px; height: 95px;}
#index_blocks .config_retention_goals{background-position: -590px -1450px; width: 93px; height: 95px;}

#index_blocks .config_call_purposes{background-position: 0 -725px; width: 92px; height: 95px;}
#index_blocks .config_email_accounts{background-position: -157px -870px; width: 162px; height: 95px;}
#index_blocks .config_email_folders{background-position: -157px -1160px; width: 67px; height: 95px;}
#index_blocks .config_email_filters{background-position: -157px -1015px; width: 79px; height: 95px;}
#index_blocks .config_sms{background-position: -590px -435px; width: 101px; height: 95px;}

#index_blocks .config_folders{background-position: -157px -1450px; width: 67px; height: 95px;}
#index_blocks .config_apis_google{background-position: -157px -1740px; width: 63px; height: 95px;}

#index_blocks .config_sales_templates{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_purchase_templates{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_reminder_letters_templates{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_email_templates{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_support_templates{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_pos_ticket_templates{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_reservation_templates{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_membership_templates{background-position: -157px -725px; width: 77px; height: 95px;}

#index_blocks .reservation_exceptions{background-position: -157px -1305px; width: 121px; height: 95px;}
#index_blocks .reservation_resources{background-position: -369px -1885px; width: 124px; height: 95px;}
#index_blocks .reservation_activities{background-position: 0 -145px; width: 97px; height: 95px;}

#index_blocks .config_pos_list{background-position: -369px 0; width: 114px; height: 95px;}
#index_blocks .config_pos_journal_types{background-position: -369px -145px; width: 147px; height: 95px;}

#index_blocks .config_leave_types{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_hollidays{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_job_names{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_job_types{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_job_contract_types{background-position: -157px -725px; width: 77px; height: 95px;}

#index_blocks .config_todo_statuses{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_todo_types{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_crm_todo_settings{background-position: -157px -725px; width: 77px; height: 95px;}

#index_blocks .config_case_types{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_case_origins{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_case_reasons{background-position: -157px -725px; width: 77px; height: 95px;}

#index_blocks .config_calendar_types{background-position: -157px -725px; width: 77px; height: 95px;}

#index_blocks .config_opportunity_lead_sources{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_opportunity_stages{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_opportunity_types{background-position: -157px -725px; width: 77px; height: 95px;}

#index_blocks .config_sys_business_types{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_sys_new_client{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_sys_taxes{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_sys_bookkeeping_numbers{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_sys_departments{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_sys_pos_register_types{background-position: -157px -725px; width: 77px; height: 95px;}
#index_blocks .config_sys_payment_methods{background-position: -157px -725px; width: 77px; height: 95px;}

.no_paddings {padding: 0px !important;}

.content {height: 100%;}
.content .wrap {height: 100%;}
.content .wrap .message, .content .wrap .ajax_error {font-weight: bold; color: red; font-size: 1.4em; background-image: none;}

.config_image {width: 40px; float: left; padding: 0px 5px;}

#upload_document_form input {float: none; margin: 0px;}

label          {clear: left; float: left; margin: 0px 10px 10px 0px; display: block; width: 90px; text-align:right; font-weight: bold; color: #404040; word-wrap: break-word;}
label.description {font-weight: normal; margin: 0px 0px 10px 0px; width: 400px; text-align: left; clear: none;}
label.required    {color: #404040; font-weight: normal; font-style: italic;}
label.two_line {margin: 0px 0px 3px 10px;}
form                {font-size: 11px; color: #333; line-height: 18px;}
form p              {clear: both;}
form p.form_buttons, form div.form_buttons {clear: both; height: 42px;}
form p a.back_link, form div.form_buttons a.back_link  {line-height: 42px;}
form span           {line-height: 22px;}
form p.form_buttons input[type="submit"], form p.form_buttons input[type="button"], form div.form_buttons input[type="submit"], form div.form_buttons input[type="button"] {margin: 10px 0px 0px 10px; float: left; width: auto !important;}

form textarea               {clear: right; float: left; border: 1px solid #ccc; width: 300px; height: 150px; margin-bottom: 3px;}
form textarea.readonly      {background-color: #ddd;}
form select                 {clear: right; float: left; width: 300px; border: 1px solid #ccc; height: 20px; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}
form #work_time_tab  select {float: none;}
form select.date_fields     {width: auto;}
form select.time_fields     {width: auto;}
form select.with_add    {width: 280px; float: left;}
form .fieldWithErrors {display: inline;}
form .fieldWithErrors input, form .fieldWithErrors select {border: 1px solid #f99 !important;}
form input.fieldErrors, form select.fieldErrors           {border: 1px solid #f99 !important;}
form input                  {clear: right; float: left; -ms-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-box-sizing:border-box;}
form input.readonly         {background-color: #ddd;}
form input[type="text"]     {width: 300px; border: 1px solid #ccc; padding: 0px; height: 20px;}
form input[type="text"].small {width: 50px;}
form input[type="password"] {width: 300px; border: 1px solid #ccc;}
form input[type="checkbox"] {margin-right: 3px; margin-top: 3px;}
form input[type="radio"]    {float: left; margin: 3px 3px 0px 0px;}
form input[type="file"]     {border: 1px solid #ccc; width: 250px;}
form input[type="submit"], form input[type="button"], .as_button {border: 0px; display: inline-block; background: #1E1F21; color: #eee; font-weight: bold; font-size: 11px; height: 20px; line-height: 20px; margin: 0px 5px 0px 0px; padding: 0px 10px 0px 10px;}
a.as_button:hover {color: white;}
form input[type="reset"]    {}
form input[type="image"]    {}

form input.left_image, .left_image {background-repeat: no-repeat; padding: 0px 10px 0px 20px; margin: 0px 5px 10px 0px;}
.left_image.search_ico {background-image: url(/images/right_bar/search_gray.png);}
.left_image.plus_ico {background-image: url(/images/right_bar/plus_gray.png);}
.left_image.minus_ico {background-image: url(/images/right_bar/minus_gray.png);}
.left_image.accept_ico {background-image: url(/images/right_bar/accept_gray.png);}
.left_image.qrcode {background-image: url(/images/right_bar/qrcode_w.png);}
.left_image.loading_gif {background-image: url(/images/loading_gray.gif);}

.gray {background-color: #f0eeee; padding: 10px;}
table.gray td {padding-right: 5px;}
table.gray label, .user_show label {float: none; width: auto; text-align: left; margin: 5px 0px 0px 0px;}
table.gray select {float: none; width: 180px;}
table.gray input {float: none; width: auto;}
table.gray input[type="text"] {float: none; width: 180px;}
table.gray input[type="radio"] {float: none; width: auto;}
table.gray #object_country_id, table.gray #object_company_delivery_country_id {float: none; width: 180px;}
table.gray #object_emails, form table.gray #object_comment {float: none; height: 70px;}
.custom_block_head {display: block; background-color: #ddd; padding: 5px; text-decoration: none; margin-top: 5px;}
.right_column {float: left; width: 179px; margin-left: 10px;}
.right_column label {float: none; width: auto; text-align: left; margin: 5px 0px 5px 0px; font-size: 1.4em;}
.right_column .form_subblock {padding-left: 10px;}
.user_show .form_subblock {padding-left: 5px;}

.user_medium {position: relative; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 4px; background-color: #f6f6f6; color: black;}
.user_medium .links {float: right;}
.user_medium .links a {padding-right: 10px;}
.user_medium .tags, .user_medium .groups {margin: 10px 0px;}
.user_medium .field {line-height: 20px;}
.user_medium .field.name {color: #444;}
.user_medium tr.field.address {background-color: transparent;}
.user_medium tr.field.address td {padding: 0px 5px 0px 0px;}
.user_medium hr {margin: 5px 0px;}
.user_medium .photo {margin-right: 5px; margin-bottom: 5px; float: left; min-height: 100px; width: 100px;}
.user_medium .name {font-size: 1.4em; font-weight: bold;}
.user_medium a {text-decoration: none;}
.user_medium span {line-height: 14px;}

.user_medium #memberships {float: left; margin: 0px 10px 10px 0px;}
.user_medium #memberships .end {color: red;}
.user_medium #memberships .days {border-radius: 3px; color: white; padding: 1px 3px; margin: 3px 0px 0px 0px;}
.user_medium #memberships .days.dark {background-color: #222;}
.user_medium #memberships .days.green {background-color: #282;}
.user_medium .calendar {width: 190px;}
.user_medium .calendar td {color: black;}

#g_assign_form {width: 100%;}
#g_assign_form td {padding: 5px; line-height: 18px;}
#g_assign_form td b {display: block; padding-bottom: 5px;}
#g_assign_form td input {margin-left: 10px; margin-top: 3px;}

form input.editable_select {position: absolute; width: 300px; z-index: 900;}
form input.editable_input {position: absolute; left: 0px; width: 282px; border-right: 0; z-index: 901;}
form div.editable_input {position: relative; float: left;}

.item_medium {padding: 10px;}

.email_medium .headers a.raw_headers {text-decoration: underline; font-size: 0.7em;}
.email_medium h2 {margin: 5px 0px;}
.email_medium .body {background-color: white; margin: 2px; padding: 2px;}
.email_medium .body .alt {margin: 2px 0px; border-left: 1px solid #ccc; padding-left: 3px;}
.email_medium .body iframe {padding: 0px; margin: 0px; border: 1px solid #ccc; width: 100%; min-height: 50px;}
.email_medium .contact_info {padding: 10px 0px 5px 0px; border-bottom: 1px solid #ddd;}
.email_medium .sub_action_link, .email_medium .sub_action_create {border: 3px solid #dedb00; padding: 7px 10px 10px 10px;}
.email_medium .sub_action_create .types {margin-left: 90px; line-height: 18px;}
.email_medium .sub_action_create .user_type_fields {margin: 5px 0px 5px 90px;}
.email_medium .contact_info .sub_actions {margin: 10px 10px 5px 0px; float: left;}
.email_medium .contact_info .sub_actions_atatchments {margin: 10px 10px 5px 0px; float: left;}
.email_medium .contact_info .users_list {margin: 5px 0px;}
.attachments {margin: 5px 0px;}
.attachments img {margin-left: 5px;}
.attachments div {float: left;}
.emails {cursor: pointer;}
.emails.nocursor {cursor: auto;}
.emails.unread_emails {font-weight: bold; color: #111; font-size: 1.1em;}
form .recepients {clear: both; margin-left: 90px; }
form .recepients input[type="text"] {width: 400px; border: 0px; padding: 3px 5px 3px 22px; clear: both;}
#text_body .mceToolbar.mceCenter.mceFirst.mceLast {display: none;}

#columns {width: 100%; height: 100%;}
#columns #left {width: 1px;}
#columns #center {background-color: #fff; padding: 10px; border-left: 1px solid #999; border-top: 1px solid #999;}
.left_sidebar {width: 250px;}
.left_tabs {width: 28px;}
.left_tabs a {display: block; width: 28px; color: #515151; margin-left: -46px; margin-right: 46px; margin-top: 48px; height: 73px; text-align: center; font-family: "Tahoma", "Arial", "Helvetica";}
.left_tabs a .tab_text {font-size: 12px; line-height: 19px; font-weight: bold; width: 119px; height: 16px; padding: 5px 0px; -ms-transform:rotate(270deg); -moz-transform:rotate(270deg); -webkit-transform:rotate(270deg); -o-transform:rotate(270deg); border-left: 1px solid transparent; border-top: 1px solid transparent; border-right: 1px solid transparent;}
.left_tabs a .tab_text:hover, .left_tabs a.active .tab_text {border-top-left-radius: 5px; border-top-right-radius: 5px; border-right: 1px solid #999; border-left: 1px solid #999; border-top: 1px solid #999;}

.left_tabs a .tab_text.insurance_reports {margin-left: -21px; margin-top: 69px; width: 161px;}
.left_tabs a .tab_text.insurance_damage_treatments {margin-left: -21px; margin-top: 69px; width: 161px;}
.left_tabs a .tab_text.financing_products {margin-left: -21px; margin-top: 69px; width: 161px;}
.insurance_damage_treatments .folders a, .insurance_damage_claims .folders a {height: auto;}

.left_tabs_content {padding: 10px; width: 201px;}
.left_tabs_content form {width: 201px;}
.left_tabs_content select {max-width: 191px; margin-bottom: 14px;}
.left_tabs_content input[type=text] {width: 100%; margin: 0px 0px 5px 0px; clear: both;}
  .search {clear: both; padding-bottom: 10px; overflow: hidden;}
  .search input[type=submit] {width: 100%; margin: 0px; float: left;}
  .search input.right_submit {width: 95px;}
  .search input.left_submit {width: 95px; margin-right: 10px;}
  .groups {clear: both;}
  .groups a {text-decoration: none;}
  .groups a {display: block; padding: 5px;}
  .groups a:hover {background-color: #dedb00; color: white;}
  .groups .group_children {margin-left: 10px;}
  .tags a {display: block; padding: 5px 0px 0px 5px;}
  .folders a {display: block; padding: 8px 0px 6px 25px; line-height: 14px; text-decoration: none; background: none 5px center no-repeat; position: relative; height: auto;}
  .folders a.active {background-image: url("/images/right_bar/accept_small.png");}
  .folders a:hover, .folders a.hover {background-color: #dedb00; color: white;}
  .folders b {display: block; line-height: 20px; padding: 5px 0px 3px 0px;}
  .folders b a:hover, .folders b a.hover {background-color: transparent; color: black; cursor: default;}
  .folders a.highlighted {background-color: #ffc08d; cursor: url(/images/right_bar/preview_button.cur), pointer;}
  #add_folder_form input {width: 100%;}
  #add_folder_form input[type="submit"] {margin-top: 5px; float: none;}
  #add_folder {background-image: url("/images/right_bar/plus_button.png");}
  .folders .inbox {background-image: url("/images/right_bar/email.png");}
  .folders .unread {background-image: url("/images/right_bar/email_exclaim.png");}
  .folders .outbox {background-image: url("/images/right_bar/email_process.png");}
  .folders .sent {background-image: url("/images/right_bar/email_ok.png");}
  .folders .junk {background-image: url("/images/right_bar/email_junk.png");}
  .folders .draft {background-image: url("/images/right_bar/email_wait.png");}
  .folders .sub_folders {padding-left: 7px;}
  #documents_content.folders .custom_folder {background-image: url("/images/right_bar/folder.png");}
  .folders .custom_folder {background-image: url("/images/right_bar/email.png");}
  .folders .custom_folder .config {height: 20px; width: 24px; position: absolute; right: 0px; top: 5px; background: url("/images/right_bar/control_button.png") center center no-repeat;}
  .folders .custom_folder .arrow {height: 20px; width: 20px; float: left; background: url("/images/right_bar/email_darr.png") center center no-repeat;}
  #folder_config input[type=text] {width: 100%;}
  #folder_config input[type=submit] {margin-right: 10px;}
  #folder_config select {width: 100%; float: none;}
  #folder_config .option {margin: 5px 0px;}
  .hidden {display: none;}
  .recent_contacts {margin-left: 5px; margin-top: 15px;}
  .recent_contacts a {display: block; padding: 5px 5px 0px 0px; text-decoration: none; line-height: 18px;}
  .recent_contacts img {margin-right: 3px;}

#cs_forms table.nice { table-layout: auto; width: 80%; }
#cs_forms table.nice.compact { width: 25%; }
#cs_forms table.nice tr.nice_head { background-color: #E6E6E6;}
#cs_forms table.nice tr.nice_head td { border-left: 1px solid #ccc; }
#cs_forms table.nice tr:hover, .config_utils table.nice tr:hover { background-color: #E5EFFD; }
#cs_forms table.nice td { white-space: nowrap; }
.cs_conf .mce_tags, #cs_forms .mce_tags { margin-left: 0; }
form .mce_tags input[type="button"] {margin: 0px 5px 5px 0px;}


table.nice {}
div.nice {padding: 0px 5px 0px 5px; line-height: 21px;}
table.nice td {padding: 0px 5px 0px 5px; line-height: 21px;}
table.nice input {margin-right: 5px;}
table.nice .subheader {background-color: #E6E6E6; border-radius: 5px;}
table.nice tr.line td {border-bottom: 1px solid #E6E6E6;}
table.nice tr td table {width: 100%;}
table.actions {margin-top: 10px; width: 100%; background-color: #eee; padding: 5px; border-top: 3px solid #dedb00; border-bottom: 1px solid #999; line-height: 18px;}
table.actions #actions_for_selected {display: inline-block;}
table.full_width {width: 100%;}
table.items {margin-top: 10px; width: 100%; background-color: #fff; border-bottom: 1px solid #999; color: #555; line-height: 16px;}
table.items span {line-height: inherit;}
table.items a span {line-height: 18px;}
table.items td {padding: 4px; line-height: 20px;}
table.items td input {margin: 4px 4px 0px 0px; line-height: 20px;}
table.items tr:hover {color: #000; outline: 1px solid #ccc;}
table.items tr.no_hover:hover {color: #000; outline: 0px solid #ccc;}
table.items tr:hover tr {outline: none;}
table.items tr.linked {cursor: hand; cursor: pointer;}
table.items tr:nth-child(even) {background-color: #f6f1f1;}
table.items tr.transparent {background-color: transparent !important;}
table.items tr.active {font-weight: bold;}


#import_statements {margin-top: 10px; background-color: #eee; padding: 5px; border-top: 3px solid #dedb00; border-bottom: 1px solid #999;}
#import_statements ol {margin-left: 20px;}
#import_statements ol li {margin-bottom: 5px;}

table.load_medium {width: 100%;}
table.load_medium tr {background-color: transparent !important;}

#custom_block_fields td {padding-right: 5px;}
#custom_block_fields select {margin-right: 3px;}
#custom_block_fields input {margin-right: 3px;}
#custom_block_fields .type {width: 90px;}
#custom_block_fields .description {width: 90px;}
#custom_block_fields .order_idx {width: 50px;}

.pseudo_select {position: relative; display: inline-block; border: 1px solid #999; border-radius: 4px; text-decoration: none; padding: 2px 21px 2px 4px; margin: 0px 8px 0px 0px; background-repeat: no-repeat; background-position: left center; line-height: 13px; background: url(/images/right_bar/email_darr.png) right center no-repeat;}
.pseudo_select:hover {border: 1px solid #ccc;}
.pseudo_select .options {position: absolute; z-index: 999; top: 18px; left: 0px; border: 1px solid #999; border-radius: 4px; background-color: white; padding: 10px 25px 10px 10px; white-space: nowrap; line-height: 18px;}
.pseudo_select.right .options {left: auto; right: 0px;}
.pseudo_select .options input {float: none; clear: none;}
.pseudo_select .options label {float: none; display: inline; font-weight: normal;}

.social a {padding: 3px 5px 3px 19px; background-repeat: no-repeat; background-position: left center; line-height: 18px;}
.social.fb a {background-image: url("/images/social/facebook.png");}
.social.tw a {background-image: url("/images/social/twitter.png");}
.social.lin a {background-image: url("/images/social/linkedin.png");}
.social.msp a {background-image: url("/images/social/msp.png");}

.tabs {margin: 10px 0px 0px 0px;}
.tabs .head {position: relative; z-index: 2; padding: 4px 4px 2px 4px; width: 152px; text-align: center; margin: 5px 4px 0px 4px; display: block; float: left; background-color: #B1A800; box-shadow: #F8F300 0px 6px 6px 0px inset, #999999 2px 1px 2px 0px; border-top-left-radius: 4px; border-top-right-radius: 4px; text-decoration: none; color: #fafafa; white-space: nowrap; min-height: 13px; text-overflow:ellipsis;}
.tabs .head.active, .tabs .head:hover {color: white; background-color: #B2AF2C; box-shadow: #DEDA00 0px 9px 6px 0px inset, #999999 2px 1px 2px 0px;}
.tabs .head.red {background-color: #d95757; box-shadow: #e56565 0px 9px 6px 0px inset, #999999 2px 1px 2px 0px; color: #cccccc;}
.tabs .head.active.red, .tabs .head.red:hover {color: white; background-color: #d40202; box-shadow: #be0000 0px 9px 6px 0px inset, #999999 2px 1px 2px 0px;}
.tabs .head.green {background-color: #55d955; box-shadow: #43c443 0px 9px 6px 0px inset, #999999 2px 1px 2px 0px; color: #eeeeee;}
.tabs .head.active.green, .tabs .head.green:hover {color: white; background-color: #00dd00; box-shadow: #00b300 0px 9px 6px 0px inset, #999999 2px 1px 2px 0px;}
.tabs .head:after {content: ""; display: block; position: absolute; bottom: -2px; height: 2px; background-color: #dedb00; left: -5px; width: 170px;}
.tabs .underline {position: relative; z-index: 3; height: 2px; clear: both;}
.tabs .tab {padding: 5px;}
.tabs .tab .actions {height: 20px; padding: 7px 5px 3px 7px; background-color: #ccc; line-height: 17px; line-height: 24px;}
.tabs .tab .actions .pseudo_select {float: right; height: 12px; line-height: 10px;}
.tabs .tab table {width: 100%;}
.tabs .tab .user_medium table {width: auto;}
.tabs .tab table.mceToolbar {width: auto;}
.tabs .tab table.compact {width: auto;}
.tabs .tab .emails > td {line-height: 20px; border-bottom: 1px solid #ccc; padding: 5px;}
.tabs .tab .emails b {display: block; width: 100px; margin: 0px 10px;}

.pre_tabs {padding: 8px 0px 0px 25px; overflow: hidden;}

.tabs_new {margin: 0px 0px 0px 21px;}
.tabs_new .head {display: block; color: white; margin: 4px; padding: 3px 0px 3px 8px; border-radius: 5px; background: #DB7012 url(/images/right_bar/plus_gray.png) no-repeat right center;}
.tabs_new .head.active, .tabs_new .head:hover {background-color: #80B040;}
.tabs_new .head.active {background-image: url(/images/right_bar/minus_gray.png);}
.tabs_new .head.inactive {background-color: #A6A6A6;}
.tabs_new .head.custom_crm {background-color: #EE8A32;}
.tabs_new .head.custom_crm.active, .tabs_new .head.custom_crm:hover {background-color: #80B040;}
.tabs_new .head.custom_crm.idx_0 {margin-top: 8px; overflow: hidden;}
.tabs_new .tab {padding: 8px;}
.tabs_new .tab td, .tabs_new .tab th {vertical-align: middle; padding: 4px 10px; line-height: 16px;}
.tabs_new .tab .tab_actions {width: 70%;}
.tabs_new .tab .tab_actions .left_image_link, .tabs_new .tab .tab_actions input {float: right;}
.tabs_new label {width: 100%; margin: 0px;}
.tabs_new .users_link_list label {width: 90px;}
.tabs_new .help_area {margin: 0px 10px 10px 10px;}
form .tabs_new input {float: none;}
table.compacted td {vertical-align: middle;}
#fee_detail {width: 100%;}
.tabs_new .tab.compacted input[type=text], .compacted input[type=text] {width: 60px;}
.tabs_new .tab.compacted select, .compacted select {width: 150px;}
.tabs_new .tab.compacted select.minified, .compacted select.minified {width: 100px;}

#read_beid_card {background: url(/images/common/beid.png) no-repeat left top; height: 88px; width: 133px;}

.user_types {margin-top: 10px;}
.user_types form {clear: both; margin-top: 10px;}

#prospect_other_relations td {padding-right: 10px; line-height: 20px;}

#object_min {text-align: right; width: 40px; display: inline; float: none; margin-bottom: 5px;}
#object_sec {text-align: right; width: 40px; display: inline; float: none; margin-bottom: 5px;}
.timer_button {background: #1E1F21; color: #fff; font-weight: bold; padding: 3px 10px; margin-right: 5px;}

.add_attachment {margin-right: 15px;}
#attachment_files input[type=button] {margin: 0px 5px 0px 10px;}
#attachment_files > div {margin: 6px 0px;}
#attachment_files #select_document input[type=text] {clear: both; width: 180px; margin: 3px 0px 0px 0px;}
#attachment_files #select_document #files_list {clear: both; padding: 5px 0px;}

.popup_block {position: absolute; z-index: 100; border: 1px solid #ccc; background-color: white; padding: 10px; line-height: 22px;}
.popup_block_relative {position: relative; z-index: 100; border: 1px solid #ccc; background-color: white; padding: 10px;}

.left_image_link {padding: 1px 5px 3px 22px; margin-top: 1px; background-repeat: no-repeat; background-position: left center; background-color: transparent; line-height: 16px; height: 14px; display: inline-block;}
.right_image_link {padding: 3px 22px 3px 5px; background-position: right center;}

.left_image_link .for_add {display: inline-block;}

.left_image_link.accept    {background-image: url(/images/right_bar/accept.png);}
.left_image_link.report    {background-image: url(/images/right_bar/report_button.png);}
.left_image_link.preview   {background-image: url(/images/right_bar/preview_button.png);}
.left_image_link.attention {background-image: url(/images/right_bar/attention_button.png);}
.left_image_link.blacklist {background-image: url(/images/right_bar/blacklist_button.png);}
.left_image_link.chat      {background-image: url(/images/right_bar/chat_button.png);}
.left_image_link.control   {background-image: url(/images/right_bar/control_button.png);}
.left_image_link.action    {background-image: url(/images/right_bar/control_button.png);}
.left_image_link.delete    {background-image: url(/images/right_bar/delete_button.png);}
.left_image_link.close     {background-image: url(/images/right_bar/delete_button.png);}
.left_image_link.delete_grey {background-image: url(/images/right_bar/delete_grey_button.png);}
.left_image_link.edit      {background-image: url(/images/right_bar/edit_button.png);}
.left_image_link.favorite  {background-image: url(/images/right_bar/favorite_button.png);}
.left_image_link.guestbook {background-image: url(/images/right_bar/guestbook_button.png);}
.left_image_link.market    {background-image: url(/images/right_bar/market_button.png);}
.left_image_link.message_button {background-image: url(/images/right_bar/message_button.png);}
.left_image_link.abuse     {background-image: url(/images/right_bar/misbruik_button.png);}
.left_image_link.plus      {background-image: url(/images/right_bar/plus_button.png);}
.left_image_link.cart      {background-image: url(/images/right_bar/market_button.png);}
.left_image_link.add       {background-image: url(/images/right_bar/plus_button.png);}
.left_image_link.plus_grey {background-image: url(/images/right_bar/plus_button_grey.png);}
.left_image_link.postcard  {background-image: url(/images/right_bar/postcard_button.png);}
.left_image_link.register  {background-image: url(/images/right_bar/register_button_smal.png);}
.left_image_link.reserv    {background-image: url(/images/right_bar/reserv_button.png);}
.left_image_link.share     {background-image: url(/images/right_bar/share_button.png);}
.left_image_link.timetable {background-image: url(/images/right_bar/timetable_button.png);}
.left_image_link.print     {background-image: url(/images/right_bar/print_button.png);}
.left_image_link.trash     {background-image: url(/images/right_bar/trash.png);}
.left_image_link.export    {background-image: url(/images/right_bar/export.png);}
.left_image_link.groups    {background-image: url(/images/right_bar/groups.png);}
.left_image_link.download  {background-image: url(/images/right_bar/down_arrow.png);}
.left_image_link.down      {background-image: url(/images/right_bar/down_arrow.png);}
.left_image_link.up        {background-image: url(/images/right_bar/up_arrow.png);}
.left_image_link.left      {background-image: url(/images/right_bar/left_arrow.png);}
.left_image_link.right     {background-image: url(/images/right_bar/right_arrow.png);}
.left_image_link.email     {background-image: url(/images/right_bar/email.png);}
.left_image_link.email_create{background-image: url(/images/right_bar/email_create.png);}
.left_image_link.email_reply {background-image: url(/images/right_bar/email_reply.png);}
.left_image_link.email_reply_all {background-image: url(/images/right_bar/email_reply_all.png);}
.left_image_link.email_forward {background-image: url(/images/right_bar/email_forward.png);}
.left_image_link.email_archive {background-image: url(/images/right_bar/email_archive.png);}
.left_image_link.email_exclaim {background-image: url(/images/right_bar/email_exclaim.png);}
.left_image_link.email_ok  {background-image: url(/images/right_bar/email_ok.png);}
.left_image_link.email_junk {background-image: url(/images/right_bar/email_junk.png);}
.left_image_link.email_calendar {background-image: url(/images/right_bar/email_calendar.png);}
.left_image_link.inbox    {background-image: url(/images/right_bar/inbox.png);}
.left_image_link.web      {background-image: url(/images/right_bar/web.png);}
.left_image_link.file     {background-image: url(/images/right_bar/file.png);}
.left_image_link.document {background-image: url(/images/right_bar/document.png);}
.left_image_link.drawing  {background-image: url(/images/right_bar/drawing.png);}
.left_image_link.yellow_star  {background-image: url(/images/right_bar/yellow_star.png);}
.left_image_link.me  {background-image: url(/images/right_bar/me.png);}
.left_image_link.presentation  {background-image: url(/images/right_bar/presentation.png);}
.left_image_link.spreadsheet {background-image: url(/images/right_bar/spreadsheet.png);}
.left_image_link.folder    {background-image: url(/images/right_bar/folder.png);}
.left_image_link.folder_user, .left_image_link.folder_public, .left_image_link.folder_photos {background-image: url(/images/right_bar/folder.png);}
.left_image_link.folder_up {background-image: url(/images/right_bar/folder_up.png);}
.left_image_link.cellphone {background-image: url(/images/right_bar/cellphone.png);}
.left_image_link.sync      {background-image: url(/images/right_bar/sync.png);}
.left_image_link.completed {background-image: url(/images/right_bar/completed.png);}
.left_image_link.important {background-image: url(/images/right_bar/important.png);}
.left_image_link.important_gray {background-image: url(/images/right_bar/important_gray.png);}
.left_image_link.vcard {background-image: url(/images/right_bar/vcard.png);}
.left_image_link.calendar {background-image: url(/images/right_bar/calendar.png);}
.left_image_link.pdf, .left_image_link.page_white_acrobat {background-image: url(/images/right_bar/pdf.png);}
.left_image_link.invoice {background-image: url(/images/right_bar/invoice.png);}
.left_image_link.credit_card {background-image: url(/images/right_bar/credit_card.png);}
.left_image_link.signature {background-image: url(/images/right_bar/signature.png);}
.left_image_link.google_doclist {background-image: url(/images/right_bar/google_doclist.png);}
.left_image_link.dropbox {background-image: url(/images/right_bar/dropbox.png);}
.left_image_link.image {background-image: url(/images/right_bar/image.png);}
.left_image_link.docx {background-image: url(/images/right_bar/docx.png);}
.left_image_link.xlsx {background-image: url(/images/right_bar/xlsx.png);}
.left_image_link.ppt {background-image: url(/images/right_bar/ppt.png);}
.left_image_link.archive {background-image: url(/images/right_bar/archive.png);}
.left_image_link.audio {background-image: url(/images/right_bar/audio.png);}
.left_image_link.video {background-image: url(/images/right_bar/video.png);}
.left_image_link.text {background-image: url(/images/right_bar/text.png);}
.left_image_link.font {background-image: url(/images/right_bar/font.png);}
.left_image_link.html {background-image: url(/images/right_bar/html.png);}
.left_image_link.comment {background-image: url(/images/right_bar/comment.png);}
.left_image_link.option {background-image: url(/images/right_bar/option_closed.png);}
.left_image_link.option.opened {background-image: url(/images/right_bar/option_opened.png);}
.left_image_link.cut {background-image: url(/images/right_bar/cut.png);}
.left_image_link.paste {background-image: url(/images/right_bar/paste.png);}
.left_image_link.duplicate {background-image: url(/images/right_bar/duplicate.png);}
.left_image_link.translate {background-image: url(/images/right_bar/translate.png);}
.left_image_link.search {background-image: url(/images/right_bar/search.png);}
.left_image_link.edit_admin, .left_image_link.admin_tools {background-image: url(/images/right_bar/admin_tools.png);}
.left_image_link.stethoscope {background-image: url(/images/right_bar/stethoscope.png);}
.left_image_link.stop {background-image: url(/images/right_bar/stop.png);}
.left_image_link.hourglass {background-image: url(/images/right_bar/hourglass.png);}
.left_image_link.qrcode {background-image: url(/images/right_bar/qrcode_w.png);}

.left_image_link.member {background-image: url(/images/user_types/member.png);}
.left_image_link.company {background-image: url(/images/user_types/company.png);}
.left_image_link.staff {background-image: url(/images/user_types/staff.png);}
.left_image_link.player {background-image: url(/images/user_types/player.png);}
.left_image_link.prospect {background-image: url(/images/user_types/prospect.png);}

.left_image_link.leave_status_0 {background-image: url(/images/right_bar/hourglass.png);}
.left_image_link.leave_status_1 {background-image: url(/images/right_bar/calendar.png);}
.left_image_link.leave_status_2 {background-image: url(/images/right_bar/accept.png);}
.left_image_link.leave_status_3 {background-image: url(/images/right_bar/delete_button.png);}
.left_image_link.leave_status_4 {background-image: url(/images/right_bar/delete_grey_button.png);}

.retention_icon { display: inline-block; background: url(/images/retention_icons/!sprite.png) no-repeat; background-clip: padding-box; padding: 0px 0px 3px 17px; background-repeat: no-repeat; background-color: none; line-height: 16px; height: 14px; display: inline-block;}
.retention_icon.bodysupport-16x16-1 { background-position: -5px -0px; }
.retention_icon.accept { background-position: -26px -0px; }
.retention_icon.action-save { background-position: -47px -0px; }
.retention_icon.address-book-fugue { background-position: -68px -0px; }
.retention_icon.alarm-clock-fugue { background-position: -89px -0px; }
.retention_icon.alarm-clock { background-position: -110px -0px; }
.retention_icon.anchor { background-position: -131px -0px; }
.retention_icon.application-go { background-position: -152px -0px; }
.retention_icon.arrow-000-medium-fugue { background-position: -173px -0px; }
.retention_icon.arrow-045-medium-fugue { background-position: -194px -0px; }
.retention_icon.arrow-090-medium-fugue { background-position: -215px -0px; }
.retention_icon.arrow-135-medium-fugue { background-position: -236px -0px; }
.retention_icon.arrow-180-medium-fugue { background-position: -257px -0px; }
.retention_icon.arrow-225-medium-fugue { background-position: -278px -0px; }
.retention_icon.arrow-270-medium-fugue { background-position: -299px -0px; }
.retention_icon.arrow-315-medium-fugue { background-position: -320px -0px; }
.retention_icon.arrow-circle-045-left-fugue { background-position: -341px -0px; }
.retention_icon.arrow-circle-135-fugue { background-position: -362px -0px; }
.retention_icon.arrow-switch-fugue { background-position: -5px -21px; }
.retention_icon.arrow-join { background-position: -26px -21px; }
.retention_icon.arrow-left { background-position: -47px -21px; }
.retention_icon.arrow-refresh { background-position: -68px -21px; }
.retention_icon.arrow-undo { background-position: -89px -21px; }
.retention_icon.asterisk-orange { background-position: -110px -21px; }
.retention_icon.asterisk-yellow { background-position: -131px -21px; }
.retention_icon.attach { background-position: -152px -21px; }
.retention_icon.award-star-gold-1 { background-position: -173px -21px; }
.retention_icon.award-star-gold-2 { background-position: -194px -21px; }
.retention_icon.award-star-gold-3 { background-position: -215px -21px; }
.retention_icon.award-star-silver-1 { background-position: -236px -21px; }
.retention_icon.award-star-silver-2 { background-position: -257px -21px; }
.retention_icon.award-star-silver-3 { background-position: -278px -21px; }
.retention_icon.balloon-plus { background-position: -299px -21px; }
.retention_icon.balloon-fugue { background-position: -320px -21px; }
.retention_icon.balloon-smiley { background-position: -341px -21px; }
.retention_icon.balloons-fugue { background-position: -362px -21px; }
.retention_icon.bandaid-fugue { background-position: -5px -42px; }
.retention_icon.bell-fugue { background-position: -26px -42px; }
.retention_icon.bin { background-position: -47px -42px; }
.retention_icon.binocular-fugue { background-position: -68px -42px; }
.retention_icon.block-fugue { background-position: -89px -42px; }
.retention_icon.blogs-fugue { background-position: -110px -42px; }
.retention_icon.blueprint-fugue { background-position: -131px -42px; }
.retention_icon.book-open-fugue { background-position: -152px -42px; }
.retention_icon.brick-add { background-position: -173px -42px; }
.retention_icon.brick-edit { background-position: -194px -42px; }
.retention_icon.broom-fugue { background-position: -215px -42px; }
.retention_icon.bug { background-position: -236px -42px; }
.retention_icon.bullet-arrow-down { background-position: -257px -42px; }
.retention_icon.burn-fugue { background-position: -278px -42px; }
.retention_icon.cake { background-position: -299px -42px; }
.retention_icon.calendar-arrow { background-position: -320px -42px; }
.retention_icon.calendar-plus-fugue { background-position: -341px -42px; }
.retention_icon.calendar-day { background-position: -362px -42px; }
.retention_icon.calendar-month { background-position: -5px -63px; }
.retention_icon.calendar-next { background-position: -26px -63px; }
.retention_icon.calendar-previous { background-position: -47px -63px; }
.retention_icon.calendar-select-days-span-fugue { background-position: -68px -63px; }
.retention_icon.calendar-select-days { background-position: -89px -63px; }
.retention_icon.calendar-task { background-position: -110px -63px; }
.retention_icon.calendar-delete { background-position: -131px -63px; }
.retention_icon.calendar-link { background-position: -152px -63px; }
.retention_icon.calendar-view-week { background-position: -173px -63px; }
.retention_icon.cancel { background-position: -194px -63px; }
.retention_icon.chain-unchain-fugue { background-position: -215px -63px; }
.retention_icon.chart-fugue { background-position: -236px -63px; }
.retention_icon.chart-curve { background-position: -257px -63px; }
.retention_icon.chart-organisation { background-position: -278px -63px; }
.retention_icon.chart-organisation-add { background-position: -299px -63px; }
.retention_icon.check { background-position: -320px -63px; }
.retention_icon.check-error { background-position: -341px -63px; }
.retention_icon.checkmark-white { background-position: -362px -63px; }
.retention_icon.clock-select { background-position: -5px -84px; }
.retention_icon.clock-link { background-position: -26px -84px; }
.retention_icon.color-fugue { background-position: -47px -84px; }
.retention_icon.comment-edit { background-position: -68px -84px; }
.retention_icon.comments { background-position: -89px -84px; }
.retention_icon.comments-add { background-position: -110px -84px; }
.retention_icon.comments-delete { background-position: -131px -84px; }
.retention_icon.compass { background-position: -152px -84px; }
.retention_icon.control-power-fugue { background-position: -173px -84px; }
.retention_icon.cup { background-position: -194px -84px; }
.retention_icon.date-add { background-position: -215px -84px; }
.retention_icon.disk-black { background-position: -236px -84px; }
.retention_icon.disk-download { background-position: -257px -84px; }
.retention_icon.disk-edit { background-position: -278px -84px; }
.retention_icon.disk-error { background-position: -299px -84px; }
.retention_icon.disk-magnify { background-position: -320px -84px; }
.retention_icon.disk-multiple { background-position: -341px -84px; }
.retention_icon.disk-upload { background-position: -362px -84px; }
.retention_icon.disks-black { background-position: -5px -105px; }
.retention_icon.document-excel-fugue { background-position: -26px -105px; }
.retention_icon.document-pdf-text-fugue { background-position: -47px -105px; }
.retention_icon.emoticon-smile { background-position: -68px -105px; }
.retention_icon.exclamation-diamond-frame { background-position: -89px -105px; }
.retention_icon.exclamation-fugue { background-position: -110px -105px; }
.retention_icon.eye { background-position: -131px -105px; }
.retention_icon.eye-30-percent { background-position: -152px -105px; }
.retention_icon.fitness-icons-small-0000-powerplate { background-position: -173px -105px; }
.retention_icon.fitness-icons-small-0001-heart { background-position: -194px -105px; }
.retention_icon.fitness-icons-small-0002-shoe { background-position: -215px -105px; }
.retention_icon.fitness-icons-small-0003-taille { background-position: -236px -105px; }
.retention_icon.fitness-icons-small-0004-racket { background-position: -257px -105px; }
.retention_icon.fitness-icons-small-0005-steps { background-position: -278px -105px; }
.retention_icon.fitness-icons-small-0006-pot { background-position: -299px -105px; }
.retention_icon.fitness-icons-small-0007-yoga { background-position: -320px -105px; }
.retention_icon.fitness-icons-small-0008-heart-measure { background-position: -341px -105px; }
.retention_icon.fitness-icons-small-0009-blood-preasure { background-position: -362px -105px; }
.retention_icon.fitness-icons-small-0010-jumping-rope { background-position: -5px -126px; }
.retention_icon.fitness-icons-small-0011-crosstrainer { background-position: -26px -126px; }
.retention_icon.fitness-icons-small-0012-instructor-headset { background-position: -47px -126px; }
.retention_icon.fitness-icons-small-0013-sit-ups { background-position: -68px -126px; }
.retention_icon.fitness-icons-small-0014-measuring-tape { background-position: -89px -126px; }
.retention_icon.fitness-icons-small-0015-handsqueezer { background-position: -110px -126px; }
.retention_icon.fitness-icons-small-0016-ballet { background-position: -131px -126px; }
.retention_icon.fitness-icons-small-0017-ipod { background-position: -152px -126px; }
.retention_icon.fitness-icons-small-0018-instructor-sweat { background-position: -173px -126px; }
.retention_icon.fitness-icons-small-0019-balance { background-position: -194px -126px; }
.retention_icon.fitness-icons-small-0020-drinking-bottle { background-position: -215px -126px; }
.retention_icon.fitness-icons-small-0021-bike { background-position: -236px -126px; }
.retention_icon.fitness-icons-small-0022-lungs { background-position: -257px -126px; }
.retention_icon.fitness-icons-small-0023-stopwatch { background-position: -278px -126px; }
.retention_icon.fitness-icons-small-0024-stretching { background-position: -299px -126px; }
.retention_icon.fitness-icons-small-0025-heart-rate { background-position: -320px -126px; }
.retention_icon.fitness-icons-small-0026-running { background-position: -341px -126px; }
.retention_icon.fitness-icons-small-0027-dumbell { background-position: -362px -126px; }
.retention_icon.fitness-icons-small-0028-polar-watch { background-position: -5px -147px; }
.retention_icon.fitness-icons-small-0029-hometrainer { background-position: -26px -147px; }
.retention_icon.flag-blue { background-position: -47px -147px; }
.retention_icon.flag-checked { background-position: -68px -147px; }
.retention_icon.flag-cz { background-position: -89px -147px; }
.retention_icon.flag-de { background-position: -110px -147px; }
.retention_icon.flag-es { background-position: -131px -147px; }
.retention_icon.flag-gb { background-position: -152px -147px; }
.retention_icon.flag-green { background-position: -173px -147px; }
.retention_icon.flag-nl { background-position: -194px -147px; }
.retention_icon.flag-orange { background-position: -215px -147px; }
.retention_icon.flag-red { background-position: -236px -147px; }
.retention_icon.flag-white { background-position: -257px -147px; }
.retention_icon.fruit-orange { background-position: -278px -147px; }
.retention_icon.fruit { background-position: -299px -147px; }
.retention_icon.funnel-fugue { background-position: -320px -147px; }
.retention_icon.gear-plus-fugue { background-position: -341px -147px; }
.retention_icon.gear-fugue { background-position: -362px -147px; }
.retention_icon.gender-female { background-position: -5px -168px; }
.retention_icon.gender { background-position: -26px -168px; }
.retention_icon.goto-meeting { background-position: -47px -168px; }
.retention_icon.group { background-position: -68px -168px; }
.retention_icon.heart-break { background-position: -89px -168px; }
.retention_icon.heart { background-position: -110px -168px; }
.retention_icon.help { background-position: -131px -168px; }
.retention_icon.home-plus { background-position: -152px -168px; }
.retention_icon.home-fugue { background-position: -173px -168px; }
.retention_icon.iconapplication-arrow-fugue { background-position: -194px -168px; }
.retention_icon.iconapplication-exclamation-fugue { background-position: -215px -168px; }
.retention_icon.iconapplication-blog-fugue { background-position: -236px -168px; }
.retention_icon.iconapplication-image-fugue { background-position: -257px -168px; }
.retention_icon.iconapplication-monitor-fugue { background-position: -278px -168px; }
.retention_icon.iconapplication-cascade { background-position: -299px -168px; }
.retention_icon.iconapplication-form-add { background-position: -320px -168px; }
.retention_icon.iconapplication-form-edit { background-position: -341px -168px; }
.retention_icon.iconapplication-form-magnify { background-position: -362px -168px; }
.retention_icon.information-balloon { background-position: -5px -189px; }
.retention_icon.information { background-position: -26px -189px; }
.retention_icon.key-arrow-fugue { background-position: -47px -189px; }
.retention_icon.key-fugue { background-position: -68px -189px; }
.retention_icon.klikschema { background-position: -89px -189px; }
.retention_icon.labels { background-position: -110px -189px; }
.retention_icon.leaf { background-position: -131px -189px; }
.retention_icon.lifebuoy { background-position: -152px -189px; }
.retention_icon.link { background-position: -173px -189px; }
.retention_icon.link-break { background-position: -194px -189px; }
.retention_icon.lock { background-position: -215px -189px; }
.retention_icon.magnifier { background-position: -236px -189px; }
.retention_icon.mail-exclamation { background-position: -257px -189px; }
.retention_icon.mail-plus { background-position: -278px -189px; }
.retention_icon.mail { background-position: -299px -189px; }
.retention_icon.mails-stack { background-position: -320px -189px; }
.retention_icon.mails { background-position: -341px -189px; }
.retention_icon.map { background-position: -362px -189px; }
.retention_icon.money-coin-fugue { background-position: -5px -210px; }
.retention_icon.node-insert-next { background-position: -26px -210px; }
.retention_icon.number1 { background-position: -47px -210px; }
.retention_icon.number2 { background-position: -68px -210px; }
.retention_icon.number3 { background-position: -89px -210px; }
.retention_icon.number4 { background-position: -110px -210px; }
.retention_icon.number5 { background-position: -131px -210px; }
.retention_icon.number6 { background-position: -152px -210px; }
.retention_icon.number7 { background-position: -173px -210px; }
.retention_icon.number8 { background-position: -194px -210px; }
.retention_icon.number9 { background-position: -215px -210px; }
.retention_icon.page-copy { background-position: -236px -210px; }
.retention_icon.present { background-position: -257px -210px; }
.retention_icon.printer { background-position: -278px -210px; }
.retention_icon.question-balloon { background-position: -299px -210px; }
.retention_icon.reports-fugue { background-position: -320px -210px; }
.retention_icon.speaker-volume { background-position: -341px -210px; }
.retention_icon.sport-8ball { background-position: -362px -210px; }
.retention_icon.sport-basketball { background-position: -5px -231px; }
.retention_icon.sport-football { background-position: -26px -231px; }
.retention_icon.sport-golf { background-position: -47px -231px; }
.retention_icon.sport-golf-practice { background-position: -68px -231px; }
.retention_icon.sport-raquet { background-position: -89px -231px; }
.retention_icon.sport-shuttlecock { background-position: -110px -231px; }
.retention_icon.sport-soccer { background-position: -131px -231px; }
.retention_icon.sport-tennis { background-position: -152px -231px; }
.retention_icon.stop { background-position: -173px -231px; }
.retention_icon.target-green { background-position: -194px -231px; }
.retention_icon.telephone { background-position: -215px -231px; }
.retention_icon.telephone-error { background-position: -236px -231px; }
.retention_icon.telephone-red { background-position: -257px -231px; }
.retention_icon.telephone-stop { background-position: -278px -231px; }
.retention_icon.thumb-down { background-position: -299px -231px; }
.retention_icon.thumb-up { background-position: -320px -231px; }
.retention_icon.toggle-small-collapse-fugue { background-position: -341px -231px; }
.retention_icon.toggle-small-fugue { background-position: -362px -231px; }
.retention_icon.ui-check-box-uncheck { background-position: -5px -252px; }
.retention_icon.ui-check-box { background-position: -26px -252px; }
.retention_icon.ui-check-boxes-uncheck { background-position: -47px -252px; }
.retention_icon.ui-check-boxes { background-position: -68px -252px; }
.retention_icon.user-plus { background-position: -89px -252px; }
.retention_icon.user-2 { background-position: -110px -252px; }
.retention_icon.user-red { background-position: -131px -252px; }
.retention_icon.window-active-close { background-position: -152px -252px; }
.retention_icon.wrench-fugue { background-position: -173px -252px; }
.retention_icon.yin-yang { background-position: -194px -252px; }

#file_types div {float: left; width: 60px; height: 71px; margin: 5px; text-indent: -999px;}
#file_types div:hover {box-shadow: 0px 0px 5px #dedb00;}
#file_types div.active {box-shadow: 0px 0px 5px;}
#google_files_file_type {background: url(/images/document_types/google.png) left top no-repeat;}
#dropbox_file_type {background: url(/images/document_types/dropbox.png) left top no-repeat;}

.icon {height: 20px; width: 20px; background-position: center center; float: left; background-repeat: no-repeat; line-height: 20px; margin: 0px 4px 0px 0px;}
.icon.edit       {background-image: url(/images/right_bar/edit_button.png);}
.icon.completed  {background-image: url(/images/right_bar/completed.png);}
.icon.email      {background-image: url(/images/right_bar/email.png);}
.icon.important  {background-image: url(/images/right_bar/important.png);}
.icon.attachment {background-image: url(/images/clip_attachement.png);}
.icon.replied_forwarded {background-image: url(/images/replied_forwarded.png);}
.icon.replied   {background-image: url(/images/replied.png);}
.icon.forwarded {background-image: url(/images/forwarded.png);}
.icon.print     {background-image: url(/images/right_bar/print_button.png);}
.icon.up        {background-image: url(/images/right_bar/up_arrow.png);}
.icon.down      {background-image: url(/images/right_bar/down_arrow.png);}

.reload_button {background: url(/images/right_bar/sync.png) left 2px no-repeat;}
.print_button {background: url(/images/right_bar/print_button.png) left 2px no-repeat;}
.timetable_button {background: url(/images/right_bar/timetable_button.png) left 2px no-repeat;}

.form_subblock {float: left; clear: right; padding-left: 0px; padding-bottom: 5px; line-height: 18px; position: relative;}
.form_subblock #activities {display: block; clear: both;}
.form_subblock_wf {padding-left: 0px; padding-bottom: 5px; line-height: 18px; position: relative;}
.form_subblock b {display: block; clear: both; margin-bottom: 3px;}
.form_subblock select, .form_subblock input {float: none; display: inline;}
.form_subblock input[type="checkbox"] {margin-left: 10px;}
.form_subblock input[type="radio"] {margin-right: 5px; float: none;}
.form_subblock a.add_block {float: left; margin-top: 5px; display: block;}
.form_subblock label {display: block; clear: both; font-weight: normal; margin: 0px; width: auto;}
.form_subblock label.two_line {margin: 0px 0px 3px 10px;}
.form_subblock#soc input {width: 500px;}
.form_subblock th {font-weight: bold; text-align: center;}

.cs_conf .mce_tags {clear: both; padding-bottom: 20px; overflow: hidden;}

#top_menu {position: absolute; top: 0px; left: 180px;}
#top_menu a {color: white; margin-right: 5px; font-size: 1.4em;}
#top_menu a:hover, #top_menu a.active {text-decoration: underline;}

#mainmenu {width: 100%; position: absolute; box-sizing: border-box; top: 43px; padding-left: 24px; font-family: Arial; white-space: nowrap;}
#mainmenu a.config {float: right !important;}
#mainmenu a {margin: 0px 3px 0px 0px; cursor: pointer; box-shadow: 5px 0 8px -4px #555 inset, -5px 0 8px -4px #555 inset; background-color: #747474; border-top-left-radius: 6px; border-top-right-radius: 6px; height: 28px; color: white; line-height: 26px; padding: 4px 10px 0 10px; float: left; font-size: 11px; text-transform: uppercase; font-weight: bold;}
#mainmenu a:hover, #mainmenu a.active {background-color: #E6E112; box-shadow: 0 -30px 16px -26px #555 inset;}
#mainmenu a:visited, #mainmenu td a:active {}

/*
#mainmenu {position: absolute; top: 43px; padding-left: 24px; font-family: Arial; width: 100%; white-space: nowrap;}
#mainmenu td.config {width: 100%;}
#mainmenu td.config a {float: right !important;}
#mainmenu td {padding-left: 3px;}
#mainmenu td a {cursor: hand; cursor: pointer; box-shadow: 5px 0 8px -4px #555 inset, -5px 0 8px -4px #555 inset; background-color: #747474; border-top-left-radius: 6px; border-top-right-radius: 6px; height: 28px; color: white; line-height: 26px; padding: 4px 10px 0 10px; float: left; font-size: 11px; text-transform: uppercase; font-weight: bold;}
#mainmenu td a:hover, #mainmenu td a.active {background-color: #E6E112; box-shadow: 0 -30px 16px -26px #555 inset;}
#mainmenu td a:visited, #mainmenu td a:active {}
*/

#submenu {position: absolute; top: 86px; left: 30px;}
#submenu a, #submenu a:visited {color: #aaa; padding: 7px 10px;}
#submenu a.active, #submenu a:hover {color: white;}

body#map {background-image: none;}

body#log_in, body#body.pos, body.check_in {background-image: none;}
body#log_in .border {border: 5px solid #dedb00; padding: 30px 20px 30px 20px; background-color: white; overflow: hidden;}
body#log_in .additions {margin: 40px 0px 0px 90px;}
body#log_in .description {text-align: center; margin-top: 25px;}
body#log_in form {width: 480px; margin: 20px auto;}
body#log_in form img {margin: 35px 25px 25px 35px;}
body#log_in form input[type="submit"] {margin-left: 90px;}
body#log_in .error {color: red; margin: 0px 0px 15px 100px;}

div.calendar table {width: 100%;}
div.calendar table th {text-align: center;}
div.calendar table td {text-align: center; padding: 2px;}
div.calendar table td.button {cursor: hand; cursor: pointer;}
div.calendar table tr.days {cursor: hand; cursor: pointer;}
div.calendar table tr.days td:hover {background-color: #ddd;}
div.calendar table td.with_events {font-weight: bold;}
div.calendar table td.otherDay {color: #aaa;}
div.calendar table td.today {color: #dedb00;}
div.calendar table td.weekend {color: #944;}
div.calendar table td.title {font-weight: bold;}
div.calendar table td.selected, .calendar table tr.days td.selected:hover, .calendar table td.button:hover {background-color: #bbb;}
div.calendar.popup {width: 170px; margin: 17px 0px 0px 1px; background-color: white; border: 1px solid #ccc; padding: 4px; z-index: 1010;}

#agenda_content {margin-top: 20px;}

.datetime_select.date {width: 75px !important; clear: none !important; margin-right: 5px !important;}
.datetime_select.time {width: 60px;}

#agenda_days {width: 100%; margin-top: 10px;}
#agenda_days.with_tasks {width: 80%;}
#agenda_days th {border-bottom: 1px solid #ccc; line-height: 20px;}
#agenda_days th.empty {border: 0px;}
#agenda_days td {border-bottom: 1px solid #ccc; border-right: 1px dashed #ddd;}
#agenda_days td:hover {background-color: #e8e8e8;}
#agenda_days td::selection {background-color: transparent;}
#agenda_days td::-moz-selection {background-color: transparent;}
#agenda_days td.time {width: 60px; border-right: 1px solid #ccc; padding: 3px;}
#agenda_days td .events {cursor: hand; cursor: pointer; height: 59px; position: relative;}
#agenda_days td .events .wrap {left: 0px; top: 0px; width: 100%; position: absolute; height: 59px;}
#agenda_days td .events.month {height: 199px;}
#agenda_days td .events.month .wrap {height: 199px; position: static;}
#agenda_days td .events.month.autosize {min-height: 0px; height: auto;}
#agenda_days td .events.month.autosize .wrap {min-height: 0px; height: auto;}
#agenda_days td .events.month .event {min-height: 0px; border: 1px solid transparent; color: #333; background-color: transparent;}
#agenda_days td .events.month .event span {color: white; padding: 0px 2px;}
#agenda_days td .events.month #new_event.event span {color: white; padding: 0px 2px; display: block;}
#agenda_days td .events.month .event:hover {background-color: #ddd;}
#agenda_days td .events.month .day {padding: 0px 0px 0px 4px;}
#agenda_days td .events.month .day.gray {color: #999;}
#agenda_days td .events .event_wrap {float: left; position: relative;}
#agenda_days td .events.month .event_wrap {float: none;}
#agenda_days td .events .event {border: 1px solid #dedb00; background-color: #333333; min-height: 30px; padding: 0px 3px; color: #eee; width: 100%; position: relative; z-index: 90;}
#agenda_days td .events .event .map {position: absolute; right: 2px; top: 0px; opacity: 0.2; filter: alpha(opacity=20);}
#agenda_days td .events .event .content {height: 100%; overflow: hidden;}
#agenda_days td .events .event:hover .map {opacity: 1; filter: alpha(opacity=100);}
#agenda_days td .events .event a {color: #ccc;}
#agenda_days td .events .event a:hover {color: white;}
#agenda_days td .events .event_wrap .handler {position: absolute; z-index: 100; left: 0px; bottom: 0px; height: 7px; width: 100%; line-height: 2px; text-align: center; color: white; cursor: move; opacity: 0.1; filter: alpha(opacity=10);}
#agenda_days td .events .event_wrap:hover .handler {opacity: 0.5; filter: alpha(opacity=50);}
#agenda_days td .events .event_wrap .details .delete {float: left; padding: 3px 20px 0px 0px;}
#agenda_days td .events .event_wrap .details .edit {float: right; padding: 3px 0px 0px 20px;}
#agenda_days td .events .event_wrap .details .copy {float: right; padding: 3px 0px 0px 20px;}
#agenda_days td .events #new_event.event {width: 95%; margin-top: 0px; position: absolute; background-color: #333333; color: white; left: 0px; top: 0px; z-index: 300; line-height: 30px; opacity: 0.9; filter: alpha(opacity=90);}
#agenda_days td .events #new_event.event #event_pupup_details {position: absolute; width: 250px; top: -67px; background-color: #666; padding: 3px 10px;}
#agenda_days td .events #new_event.event input {margin: 6px 10px 0px 0px; width: 50%; height: 18px; padding-left: 2px;}
#agenda_days td .events #new_event.event a.add {color: white; padding: 2px 10px; text-decoration: underline;}
#agenda_days td .events #new_event.event a.detailed {display: block; padding: 0px;}
#agenda_days td .events #new_event.event a.button {border: 1px solid #aaa; text-decoration: none; border-radius: 3px;}
#agenda_days td .events #new_event.event a.button:hover {border-color: #fff; }
#agenda_days td .events #new_event.event a.add:hover {text-decoration: none;}
#agenda_days td .events.month #new_event.event a.detailed {display: inline; padding: 2px 10px;}
#agenda_days td .events .details {position: absolute; line-height: 18px; background-color: white; border: 1px solid #dedb00; color: #333; padding: 5px; left: 0px; top: 0px; width: 300px; z-index: 200;}
#agenda_days td .events .on_right {position: absolute; right: -10px; top: 0px;}

#agenda_head {width: 100%;}
#agenda_head td {white-space: nowrap;}
#agenda_head td.right {width: 100%; text-align: right;}
#agenda_head td.left {padding: 10px 0px 15px 0px;}
#agenda_head td a {line-height: 21px; border: 1px solid #ccc; padding: 5px 15px; margin: 0px 5px; border-radius: 4px; height: auto; display: inline;}
#agenda_head td a.left_image_link {padding: 5px 15px 5px 22px;}
#agenda_head td a:hover {border: 1px solid #666;}

#tasks_panel {float: right; width: 19%; margin: 12px 0px 0px 0px; padding: 0px 0px 0px 1%; max-height: 500px; overflow-y: auto; overflow-x: visible;}
#tasks_panel #tasks_list {margin-top: 5px;}
#tasks_panel #tasks_list .task {padding: 5px 4px 5px 4px; position: relative;}
#tasks_panel #tasks_list .task .item_medium {padding: 2px;}
#tasks_panel #tasks_list .task.active {background-color: #eee;}
#tasks_panel #tasks_list .task.active:hover {background-color: #eee;}
#tasks_panel #tasks_list .task:hover {background-color: #ddd;}
#tasks_panel #tasks_list .task .item_medium {color: #444;}
#tasks_panel #tasks_list .task input {display: inline-block; position: relative; z-index: 1;}
#tasks_panel #tasks_list .task .todo_panel_title {display: inline-block; position: relative; z-index: 2;}
#tasks_panel #tasks_list .task .todo_panel_progress_wrap {position: absolute; left: 0px; top: 19px; height: 4px; box-shadow: 0px 0px 0px 1px white inset; z-index: 0; width: 98%; border-right: 1px solid #999; border-left: 1px solid #999; background-color: #f8f8f8;}
#tasks_panel #tasks_list .task .todo_panel_progress {height: 2px; margin-top: 1px;}
#tasks_panel #add_tasks {margin-top: 10px;}
#tasks_panel #add_tasks input[type='text'] {width: 68%; height: 18px; padding: 0px 2px;}
#tasks_panel #add_tasks input[type='submit'] {width: 28%; float: right; margin: 0px;}
#tasks_panel #edit_task {margin-top: 10px;}
#tasks_panel #edit_task .cancel_link {line-height: 40px;}
#tasks_panel #edit_task a {margin-left: 20px;}
#tasks_panel #edit_task label {margin: 0px; text-align: left; width: 100%;}
#tasks_panel #edit_task input[type='text'] {width: 100%;}
#tasks_panel #edit_task input#object_start_date_date {width: 70px;}
#tasks_panel #edit_task select#object_start_date_time {width: 60px;}
#tasks_panel #edit_task input#object_due_date_date {width: 70px;}
#tasks_panel #edit_task select#object_due_date_time {width: 60px;}
#tasks_panel #edit_task textarea {width: 100%; height: 70px;}
#tasks_panel #edit_task select {width: 100%;}
#tasks_panel #edit_task #contacts {margin: 0px;}
#tasks_panel #task_icons {margin-top: 10px; padding: 0px 3px;}

.color_block {height: 14px; width: 14px; float: left; border: 2px solid #fff; margin: 2px; cursor: hand; cursor: pointer;}
.color_block:hover {border-color: #ccc;}
.color_block.selected {border-color: #000;}

.concept {color: #999;}
.paid, .accepted {color: #52D017;}
.creditnoted {color: #8AA212;}
.unpaid {color: #FDD017;}
.overdue, .refused {color: #FF0000;}
.reminder.sent, .in.reminders {color: #FF0000;}

#config_folder_staffs a {display: inline;}

#object_repeat_ends_time, #object_repeat_starts_time {display: none;}
#administration_estimates #object_start_date_time {display: none;}

#outlel_tabs table.element {border-bottom: 1px dashed #ccc; margin-bottom: 10px; width: 100%;}
#outlel_tabs table.element input[type="text"], #outlel_tabs table.element select {width: 200px;}
#outlel_tabs table {width: auto;}

#request_sms_credits {float: none; display: inline; width: 60px;}
#send_sms_request {float: none; display: inline; margin: 0px; height: 17px; padding: 0px 5px 0px 5px;}

#object_pre_nr {width: 40px; margin: 0px 8px 0px 0px;}
#object_nr {width: 250px;}

#object_paid_by_user_percent {width: 50px;}
#object_paid_by_company_percent {width: 50px;}

input.suggest {background: url(/images/right_bar/find.png) right center no-repeat white;}
input.suggest_pen {background: url(/images/right_bar/pencil.png) right center no-repeat white;}

#invoice_totals {margin-top: 10px; width: 100%;}
#invoice_totals td {padding-bottom: 5px;}
#invoice_totals #totals_tr td {font-weight: bold; padding-top: 5px; font-size: 1.1em;}
#invoice_totals #invoice_subtotal, #invoice_totals #invoice_tax, #invoice_totals #invoice_total, #invoice_totals #invoice_discount, #invoice_totals #invoice_paid {text-align: right;}
#administration_invoices #fields_back {background-color: #f0eeee; padding: 10px;}
form.wide input {width: 190px; margin: 0px 5px 5px 0px;}
form.wide input.datetime_select.date {width: 70px;}
form.wide select {width: 160px; margin-right: 5px;}
form.wide input[type="radio"] {width: auto; margin: 2px 5px 0px 0px;}
form.wide input[type="checkbox"] {width: auto; margin: 2px 5px 0px 0px;}
#tab_products {padding: 5px;}
#linked_products {width: auto;}
#linked_products th {padding-bottom: 3px;}
#linked_products input, #linked_products select {margin: 0px; width: 70px; float: none; display: block; border-right: none; padding: 3px; height: 23px;}
#linked_products select {width: 100px;}
#linked_products input.readonly {border-right: 1px solid #ddd;}
#linked_products input#total_amount {border-right: 1px solid #ccc; text-align: right;}
#linked_products textarea {width: 150px; height: 15px; float: none; display: block; border-right: none; padding: 3px;}
#linked_products .product_name {width: 190px;}

#products .tab input.reorder, #products .tab input.quantity {width: 150px;}
#products .left_image_link.add {display: block;}

#product_stocks {width: auto;}
#product_stocks td {padding-right: 10px; padding-bottom: 2px;}

.advanced_prices td input {width: 70px;}
.advanced_prices td input#object_advanced_prices_title {width: 140px;}
.advanced_prices td select {width: 88px;}

#administration_crm table.gray {float: left;}

.dashboard {width: 100%; margin-top: 15px;}
.dashboard td, .dashboard td > div {float: left; padding: 0px 20px 20px 0px;}
.dashboard .head a {color: white;}
.dashboard .head a:hover {color: #ccc;}
.dashboard a.add {color: black; border: 1px solid #666; display: inline-block; background-color: #eee; border-radius: 4px; margin: 5px;}
.dashboard .head {background-color: #dedb00; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 6px 10px;}
.dashboard .head .left_image_link {float: right; padding-top: 0px;}
.dashboard .head b {font-size: 14px;}
.dashboard div.items {width: 430px; height: 230px; padding: 10px; overflow-y: auto;}
.dashboard div.items a {display: block; border-bottom: 1px solid #ddd; padding: 3px;}
.dashboard div.items a:hover {background-color: #eee;}

#reminder_letters_tab td {padding: 0px 10px 10px 0px;}

form#config_memberships table.compact td {padding-right: 5px;}
form#config_memberships table.compact label {font-size: 0.8em; float: none; margin: 0px; width: auto; text-align: center;}
form#config_memberships table.compact input[type="text"] {width: 50px; float: none;}
form#config_memberships #object_session_card {width: 280px;}

form#insurance_damage_treatments .head, form#insurance_damage_claims .head {display: block; color: white; margin: 4px; padding: 3px 0px 3px 8px; border-radius: 5px; background: #80B040 url(/images/right_bar/plus_gray.png) no-repeat right center;}
form#insurance_damage_treatments .head.active, form#insurance_damage_claims .head.active, .tabs_new .head:hover {background-color: #80B040;}
form#insurance_damage_treatments .head.active, form#insurance_damage_claims .head.active {background-image: url(/images/right_bar/minus_gray.png);}

.main_providers {width: 500px; float: left;}

#body.pos #header {height: 78px;}
#body.pos .left_panel_wrap, #body.pos .sidebar_wrap {width: 420px;}

.pos_product {position: relative; display: inline-block; width: 150px; min-height: 150px; border: 1px solid #ccc; margin: 0px 10px 10px 0px; cursor: hand; cursor: pointer;}
.pos_product:hover {border: 1px solid #999;}
.pos_product .quantity {position: absolute; top: 2px; left: 2px; background-color: #555; color: white; border-radius: 5px; padding: 1px 3px;}
.pos_product .price {position: absolute; top: 2px; right: 2px; background-color: #F78F1E; color: white; border-radius: 5px; padding: 1px 3px;}
.pos_product .price .cents, .pos_product .price .vat_price {display: none;}
.pos_product .img_wrap {height: 135px;}
.pos_product .img_wrap img {width: 145px; max-height: 135px; display: block; margin: 0px auto;}
.pos_product span {padding: 0px 3px;}
.pos_product .barcode {display: none;}

#body.pos #left {width: 400px; padding: 0px 5px;}
#body.pos #left .spacer {min-height: 200px; border-top: 2px solid #aaa; }
#body.pos #ordered_products {margin-top: 5px; border-collapse: collapse;}
#body.pos #client_info {padding: 10px 3px 3px;}
#body.pos #client_info #info img {margin: 0px 5px 0px 0px;}
#body.pos #totals {border-top: 2px solid #aaa; font-size: 1.2em; padding: 10px 3px;}
#body.pos #totals span {font-weight: bold;}
#body.pos #ordered_products, #totals {width: 100%;}
#body.pos #ordered_products th {padding: 4px 2px;}
#body.pos #ordered_products td {border-bottom: 1px solid #ccc;}
#body.pos #ordered_products #product_name {width: 60%;}
#body.pos #ordered_products .vat, #body.pos #ordered_products .discount_val {display: none;}
#body.pos #ordered_products .ordered_product td {padding: 6px 4px; cursor: hand; cursor: pointer;}
#body.pos #ordered_products .ordered_product.active, #body.pos #payment #p_journals .active {background-color: #F9C58F;}

#body.pos #journals {float: left; margin-top: 10px;}
#body.pos #journals div {height: 50px; line-height: 50px; font-size: 1.5em; border: 1px solid #ccc; width: 205px; background-color: white; border-radius: 5px; cursor: hand; cursor: pointer; padding: 0px 13px; margin-bottom: 1px; overflow: hidden;}
#body.pos #journals div:hover {background-color: #F78F1E;}

.product_buttons {float: left; width: 160px; margin-top: 10px; font-size: 1.5em; font-weight: normal;}
.product_buttons > div {height: 50px; width: 160px; display: inline-block; margin: 0px 0px 1px 4px; line-height: 50px; text-align: center; background-color: #FFF; border: 1px solid #CCC; border-radius: 4px; cursor: pointer;}
.product_buttons > div:hover {background-color: #F78F1E;}

#body.pos #categories a {display: inline-block; padding: 3px 8px; border: 1px solid #999; border-radius: 4px; font-size: 1.3em; margin: 0px 5px 8px 0px;}
#body.pos #categories a.active, #body.pos #categories a:hover {background-color: #F78F1E;}

#body.pos #search_product {border: 1px solid #CCCCCC; border-radius: 2px; margin: 0px 0px 13px 0px; width: 150px;}

#body.pos #payment {font-size: 1.8em;}
#body.pos #payment #p_total, #body.pos #payment #p_paid, #body.pos #payment #p_change {text-align: right;}
#body.pos #payment table {width: 230px;}
#body.pos #payment #p_journals {margin: 10px 0px; font-size: 0.8em;}
#body.pos #payment #p_journals td {padding: 2px 4px; cursor: hand; cursor: pointer;}
#body.pos #payment #p_journals td.value {text-align: right;}
#body.pos #payment #finish_payment, #body.pos #payment #back_payment {margin: 10px 0px; text-align: center; padding: 5px; background-color: #eee; border-radius: 5px; border: 1px solid #999; cursor: hand; cursor: pointer;}
#body.pos #payment #finish_payment:hover, #body.pos #payment #back_payment:hover {background-color: #F78F1E;}
#body.pos #payment #finish_payment {margin-right: 30px;}

body.check_in {margin:0px;padding:0px;background:url("/images/check_in/default_back.jpg") 50% 50% no-repeat fixed #333333;background-size:cover;-webkit-background-size:cover;background-image:url("/images/check_in/default_back.jpg")}
body.check_in a.intro_links {display: inline-block; background-color: white; font-size: 2em; margin: 30px; padding: 10px 30px; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0px 1px 2px;}
body.check_in input {opacity: 0.01;}
body.check_in label {display: inline; margin: 0px; float: none;}
body.check_in #main_message {opacity: 0.3;}
body.check_in #users {float: left;}
body.check_in #errors {float: left; margin: 0px 0px 0px 10px;}
body.check_in #movies {padding: 30px 30px 50px 30px; position: absolute; right: 10%; top: 10%;}
body.check_in #input {background-color: white; padding: 30px 30px 50px 30px; position: absolute; left: 50%; top: 70%; width: 40%; font-size: 1.6em;}
body.check_in #input input {opacity: 1; height: 30px; border: 1px solid #999; font-size: 1em;}
body.check_in #input input[type="button"] {width: 90px;}
body.check_in #user {background-color: white; padding: 30px 30px 50px 30px; position: absolute; left: 50%; top: 10%; width: 40%;}
body.check_in #user img {float: left; margin: 4px 4px 70px 4px;}
body.check_in #user #name {font-size: 2.2em; margin-bottom: 20px;}
body.check_in #user #next_activity {font-size: 1.5em; margin-bottom: 20px;}

body.check_in .reception_visit {clear: both; background-color: white; overflow: hidden; width: 400px; margin: 0px 0px 10px 0px;}
body.check_in .reception_visit img {float: left; width: 70px; margin: 2px;}

body.check_in #check_in_doors {clear: both; overflow: hidden;}
body.check_in #check_in_doors .door {height: 80px; text-align: center; width: 100px; text-align: bottom; border: 1px solid #eee; margin: 5px; padding: 3px; float: left; background: url("/images/check_in/door.png") 45% 80% no-repeat;}
body.check_in #check_in_doors .door a {display: inline-block; height: 100%; width: 100%;}

body.help h2 {padding-bottom: 7px;}
body.help h3 {padding-bottom: 5px;}
body.help p {padding-bottom: 10px;}
body.help ol {padding-bottom: 5px; padding-left: 12px;}

form .bills {width: 640px;}
form .bills .cell {float: left; width: 170px;}
form .bills .cell .title {float: left; width: 60px;}
form .bills .cell input {width: 60px;}

.item_medium.todos .stat_column {float: left; width: 300px;}
.item_medium.todos .description_column {float: left; width: 300px;}

.dark_wrap {position: fixed; z-index: 1001; overflow: auto; top: 0px; left: 0px; width: 100%; min-height: 100%; height: 100%; background-color: rgba(55, 55, 55, 0.7);}
.remote_add {position: absolute; z-index: 1002; top: 10%; left: 4%; width: 90%; padding: 15px; background-color: white; border: 1px solid #ccc;}
.remote_add .remote_add_content {clear: both; min-height: 400px;}
.remote_add.pos_carts {width: 650px; left: 26%;}
.remote_add .left_image_link.close {float: right;}
.remote_add .indicator {width: 32px; height: 32px; display: block; margin: 0px auto;}

#user_form_partial .button {padding: 5px 10px; font-size: 2em; margin-right: 10px; border: 1px solid #ccc; cursor: hand; cursor: pointer; border-radius: 5px; float: left;}
#user_form_partial .button:hover {background-color: #F78F1E;}
#user_form_partial .check_box_button {clear: both; width: 150px; border: 1px solid #ccc; padding: 6px 10px; font-size: 1.4em; border-radius: 5px; margin-bottom: 3px; cursor: hand; cursor: pointer;}
#user_form_partial .check_box_button:hover {background-color: #F78F1E;}

a.button {padding: 3px 5px; border: 1px solid #ccc; border-radius: 5px; margin: 0px 3px;}

.ics_import, .vcf_import {clear: both; margin-bottom: 15px;}


.qq-uploader {position:relative; width: 100%;}

.qq-upload-button {float: left; margin-right: 15px;}
.qq-upload-button-hover {}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {border: 1px solid #DDDDDD; width:100%; height:100%; min-height:30px; z-index:2; background:#E1FFE1; margin: 3px 0px;}
.qq-upload-drop-area span {display:block; text-align: center; font-size: 16px; padding: 5px 0px 0px 0px;}
.qq-upload-drop-area-active {background:#7BFF7B;}

.qq-upload-list {margin:5px 15px; padding:0; list-style:disc;}
.qq-upload-list li {margin:0; padding:0; line-height:15px; font-size:12px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {margin-right: 7px;}

.qq-upload-file {}
.qq-upload-spinner {display:inline-block; background: url("/images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail .qq-upload-failed-text {display:inline;}

#body.possible_reservations {clear: both;}
#body.possible_reservations .reservation_selects {padding-left: 20px;}
#body.possible_reservations .reservation_selects.active {background: url(/images/right_bar/accept.png) left center no-repeat;}

table#reservations {margin-top: 8px;}
table#reservations th {padding: 4px 15px; border-right: 1px dashed #bbb;}
table#reservations th.clear_line {border-right: 0px;}
table#reservations td {text-align: center; line-height: 16px; cursor: pointer; padding: 4px; border-bottom: 1px solid #bbb; border-right: 1px dashed #bbb;}
table#reservations td .css_popup {text-align: left;}
table#reservations td.today, table#reservations th.today {background-color: #ffefef;}
table#reservations td::selection {background-color: transparent;}
table#reservations td::-moz-selection {background-color: transparent;}
table#reservations td:hover {background-color: #E8E8E8;}
table#reservations td.day_sep, table#reservations th.day_sep {border-right: 1px solid #999;}
table#reservations td.selectedReservation {font-weight: bold; background-color: gray;}
table#reservations td.time {text-align: right;}
table#reservations td.full {background-color: #faa;}
#add_reservation {margin: 23px 0px 0px 0px;}
#add_reservation .form_buttons .left_image_link.delete, #add_reservation .form_buttons .left_image_link.print {margin: 9px 0px 0px 5px; display: inline-block;}

#add_comment #body.post_comment {float: left;}

.visits_calendar {margin: 10px 0px 0px 0px;}
.visits_calendar .left_image_link {margin: 0px 170px 3px 0px;}
.visits_calendars {width: auto; float: left; margin: 0px 10px 3px 0px;}
.visits_calendars td {padding: 2px 4px;}
.visits_calendars td.month {text-align: center;}
.visits_calendars td.reservation {background-color: #dedb00;}
.visits_calendars td.reservation.future {background-color: red; color: white;}
.visits_calendars td.visit {background-color: #80B040;}
.visits_calendars td.stopperiod {background-color: #CCCCFF;}
.visits_calendars td.other_month {color: transparent; background-color: transparent;}
.visits_calendars.legend {margin: 6px 0px;}
.visits_calendars.legend td {padding: 6px; line-height: 0px;}

.room_reservation_calendar {width: auto; margin: 0px 0px 10px 20px;}
.room_reservation_calendar td {padding: 2px 4px;}
.room_reservation_calendar td.month {text-align: center;}
.room_reservation_calendar td.reservation {background-color: #dedb00;}
.room_reservation_calendar td.reservation.future {background-color: red; color: white;}
.room_reservation_calendar td.visit {background-color: #80B040;}
.room_reservation_calendar td.other_month {color: transparent; background-color: transparent !important;}

.form_field_values #object_field_values__order_idx {width: 50px;}
.form_field_values #object_field_values__value {width: 80px;}

#form_template table.nice input {margin: 0px;}

#gallery_images .image img {clear: both; display: block;}
#gallery_images .image {float: left; width: 150px; height: 130px;}

#object_meta_custom, #object_css, #object_js {width: 100%; height: 400px;}

#monthly_payments_content .monthly_payments_block {clear: both; overflow: hidden; margin-bottom: 10px;}
#monthly_payments_content input[type='submit'] {clear: both;}
#monthly_payments_content select {width: 130px;}
#monthly_payments_content label {width: 50px;}

.progress_bar {text-align: center; color: #444; position: relative; height: 1.5em; border: 1px solid #ccc; border-radius: 4px;}
.progress_bar .progress_back{height: 100%; position: absolute; top: 0px; left: 0px;}
.progress_bar .progress_percent {position: absolute; left: 0px; top: 0px; width: 100%;}

#vacancy_fields select {width: 80px;}

#kpi_fields input {width: 60px;}
#kpi_fields textarea {height: 50px;}

.users_link_list {background-color: white; border: 1px solid #999999; border-radius: 4px; left: 0px; line-height: 14px; padding: 10px 25px 10px 10px; position: relative; white-space: nowrap; z-index: 999;}
.users_link_list input {float: none;}
#refferals_list {background-color: white; margin-top: 5px; border: 1px solid #999999; border-radius: 4px; left: 0px; line-height: 14px; padding: 10px 25px 10px 10px; position: relative; white-space: nowrap; z-index: 999;}

.css_popup {position: relative; display: inline-block;}
.css_popup .css_popup_content {display: none; position: absolute; top: 0px; left: 0px; border: 1px solid #333; background-color: #eee; padding: 4px; width: 300px;}
.css_popup .css_popup_content.left {top: 0px; right: 0px; left: auto;}
.tabs .tab .emails .css_popup .css_popup_content b {display: inline;}
.css_popup .css_popup_content a {display: block;}
.css_popup .css_popup_content.menu a {white-space: nowrap;}
.css_popup:hover .css_popup_content {display: block; z-index: 1000;}

#cs_room_reservations .color-preview {float: right; margin-left: 3px;}
#cs_room_reservations #object_status_color {width: 90px; margin-left: 10px;}
.room_list_color {padding: 0px 3px;}

#suggest_asset_list .actions {display: none;}
#suggest_list .actions {display: none;}

.recents {position: absolute; right: 10px; max-width: 30%;}
.recents p {font-weight: bold; padding-bottom: 2px;}
.recents .recent_item {display: block; margin: 0px 0px 7px 3px; padding: 0px 0px 0px 2px; border-bottom: 1px solid #ccc;}
.recents .recent_item span {display: block; line-height: normal;}

.case_comments {text-align: left; width: 100%;}
.case_comments td {border-bottom: 1px solid #cccccc;}
td.case_logo {text-align: center; width: 64px;}
.case_comments td.case_description {width: 75%;}
.case_comments td.case_description .created_at {float: right;}
.case_comments td.case_attachments {width: 25%;}
.case_comments td.case_actions {}
.case_comments img {display: block;}

.external_note {overflow-y: scroll; max-width: 350px;}
.internal_note {overflow-y: scroll; max-width: 350px;}

.sorting {background-image: url(/images/common/sort_arrow.png); background-repeat: no-repeat; background-position: right center; padding: 0px 8px 0px 0px;}
.sorting.directionA {background-position: right -5px;}
.sorting.directionD {background-position: right 8px;}

.linked_users input[type="text"] {background-color: transparent; padding: 0px 5px 0px 22px; clear: both; border: 0px; float: left; width: 392px;}

.help_button {display: inline-block; height: 12px; margin-top: 3px; width: 18px; background: url(/images/right_bar/help_small.png) center center no-repeat; cursor: hand; cursor: pointer;}
.help #subcategories_list {margin-top: 7px;}
.help  #center #subcategories_list a {color: black;}
.help_articles {}
.help_area {border: 1px solid #D9D900; background-color: #FFFF73; margin: 10px; padding: 5px;}
.help_area a {text-decoration: underline;}
#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;}

#ajax_window_div {position: absolute; color: black; z-index: 999999; top: 0px; left: 0px; padding: 5px; background-color: white; border: 1px solid gray; max-width: 350px;}
#ajax_window_div a, #ajax_window_div a:hover, #ajax_window_div a:visited, #ajax_window_div a:active {}

.files_list {clear: both;}

.report_header {background-color: #ccc;}
.report_header.gray {background-color: #f0eeee;}

#reservations_kapsalon textarea {height: 50px;}
.kapsalon_table a {color: inherit;}

form#crm #object_invoice_terms {height: 64px;}

#user_avatar {margin-bottom: 3px;}

#bank_imports_form table.items tr div.status {display: none;}
#bank_imports_form table.items tr.imported div.status {display: block; height: 16px; background-image: url(/images/right_bar/accept.png);}

#bank_imports_form span.minus {color: #B30000;}
#bank_imports_form span.plus {color: #00B300;}

form input[type="text"].input_as_link {background-color: transparent; clear: both; border: 0px; padding: 3px 5px 3px 22px;}

.weekdays .weekday_5, .weekdays .weekday_6 {color: #B30000;}

.mce_tags {clear: both; margin: 5px 0px 15px 100px; overflow: hidden;}
#update_notes {min-width: 275px; max-width: 530px;}
.update_note {padding: 4px; border-bottom: 1px solid #ccc;}
.update_note .date {color: #dedb00;}
.update_note .title {font-weight: bold;}
.update_note .description {display: block; padding: 2px 0px 0px 4px;}
.update_note a {color: #dedb00;}
.update_note ul {margin: 0px 0px 0px 10px;}

#user_points .inplaceeditor-form {display: inline-block;}
#user_points .editor_field {width: 40px;}
#user_points .editor_ok_button {margin: 0px 2px;}

form#insurance_plans label {width: 130px;}

.screen_shade{width: 100%; min-height: 100%; position: fixed; top: 0px; left: 0px; background-color: rgba(55, 55, 55, 0.7); z-index: 1000;}
.shade_content {position: relative; z-index: 1002; margin: 30px auto; padding: 20px; background-color: white; border: 1px solid #ccc;}
  .shade_content.date_pad, .shade_content.sepa {width: 210px; overflow:hidden;}
  .shade_content.discount, .shade_content.quantity {width: 274px;}
  .shade_content.num_keypad, .shade_content.num_keypad_with_point {width: 164px;}
.shade_close{position: absolute; top: 10px; right: 10px; padding: 10px; background: url(/images/right_bar/delete_button.png) no-repeat;}

#ordered_products td:first-child {text-align: left;}
#ordered_products td {text-align: right;}

.keypad {padding-top: 10px; font-size: 1.3em}
#quantity {font-size: 1.3em}
.pad_title {padding: 0px 0px 8px 0px; font-size: 1.5em; text-align: center;}
.pad_btns > div, .aditpad > div > div, .big_btn {height: 50px; width: 50px; display: inline-block; margin: 0px 2px 2px 0px; line-height: 50px; text-align: center; font-weight: bold; border: 1px solid #CCC; border-radius: 4px; cursor: pointer;}
.big_btn#big_ok {width: 158px;}
.pad_btns > div:hover, .aditpad > div > div:hover, .big_btn:hover {background-color: #F78F1E;}
.pad_btns > div.active, .aditpad > div > div.active, .big_btn.active {background-color: #F78F1E;}
.big_btn span {display: block; line-height: normal;}
.big_btn.info {height: 38px; padding-top: 12px; font-size: 10px; line-height: 13px;}
.big_btn.info:hover {background-color: #FFF;}
.keypad #point {font-size: 20px; line-height: 45px;}
.keypad #back, .keypad #point {background-color: #FFF5E2}
.keypad #back:hover, .keypad #point:hover {background-color: #FAC154}
.keypad #ok, #big_ok {background-color: #C4E2EF}
.keypad #ok:hover, #big_ok:hover {background-color: #54B3DB}
.aditpad #confirm, .date_pad #confirm, #sepa_confirm {background-color: #C4E2EF}
.aditpad #confirm:hover, .date_pad #confirm:hover, #sepa_confirm:hover {background-color: #54B3DB}
.aditpad #cancel {background-color: #FFA1A1}
.aditpad #cancel:hover {background-color: #FF7474}

.big_btn {width: 104px; display: block;}
.mainpad, .aditpad {display: inline-block;}
.mainpad input[type="text"] {padding: 0px 6px; margin-bottom: 2px; width: 146px; height: 50px; font-size: 24px; background-color: #FCFCFC; text-align: right; border: 1px solid #ccc; border-radius: 4px;}
.result_fields {position: relative;}

.date_pad .btn, .sepa .btn{height: 30px; width: 100px; float: right; display: inline-block; margin: 10px 2px 2px 0px; line-height: 30px; text-align: center; font-weight: bold; border: 1px solid #CCC; border-radius: 4px; cursor: pointer;}

.sepa_inputs {margin-bottom: 15px;}
#membership_start, .sepa_inputs {width: 200px; border-radius: 3px; border: 1px solid #CCC; padding: 4px;}
#membership_date_plase {padding-top: 15px;}

#discount_type {position: absolute; top: 11px; left: 5px; padding: 0px 4px; background-color: #FCFCFC; font-size: 24px; z-index: 1;}
.num_keypad .aditpad, .num_keypad #point, .num_keypad #discount_type, .num_keypad #pad_date_select, .num_keypad #sepa_data {display: none;}
.discount #ok, .quantity #ok, .discount #sepa_data, .quantity #sepa_data, .discount #quantity, .quantity #discount, .discount #pad_date_select, .quantity #pad_date_select, .quantity #discount_type, .date_pad #pad_content, .date_pad #sepa_data {display: none;}

.date_pad #big_ok, .num_keypad #big_ok, .discount #big_ok, .quantity #big_ok {display: none;}
.num_keypad_with_point .aditpad, .num_keypad_with_point #ok, .num_keypad_with_point #discount_type, .num_keypad_with_point #pad_date_select, .num_keypad_with_point #sepa_data {display: none;}

.sepa #pad_content, .sepa #pad_date_select {display: none;}

#client_info .suggest, #body.pos #search_product {height: 24px; border: 1px solid #CCC; padding: 0px 20px 0px 4px; border-radius: 5px;}
#client_info #info {padding: 6px 0px; font-size: 12px;}
#client_info .left_image_link {padding: 5px 5px 6px 22px;}

#overdue_status {font-size: 2em; color: red; text-decoration: blink;}

form#support #company_comment {width: 472px; height: 40px; overflow-y: scroll; background-color: red; color: white; padding: 5px;}

th {font-weight: normal; text-align: left;}

#tab_content .form_subblock {float: none; clear: right;}
.inner_table {width: 100%; border: 1px solid #A9A9A9; border-collapse: collapse;}
.inner_table th {border: 1px solid #A9A9A9; background-color: #FCFCFC;}
.inner_table th {padding: 4px 10px;}

.inner_table th.combined_top {border: 1px solid #A9A9A9; border-left: none; border-top: none; border-bottom: none; background-color: #FCFCFC;}
.inner_table th.combined_bottom {border: 1px solid #A9A9A9; border-bottom: none; border-right: none; background-color: #FCFCFC;}
.inner_table th.combined_right {border-right: none;}
.inner_table th.bgcolor_one, .inner_table td.bgcolor_one {background-color: #f9f9f9;}
.inner_table th.bgcolor_two, .inner_table td.bgcolor_two {background-color: #DFDFDF;}
.inner_table th.bgcolor_thri, .inner_table td.bgcolor_thri {background-color: #EFEFEF;}
.tabs_new .tab .inner_table td.combined_top {border: 1px solid #A9A9A9; border-left: none; border-top: none;}
.bgcolor_one, .bgcolor_two, .bgcolor_thri {width: 16px; padding: 4px 4px;}

.tabs_new .tab .inner_table td {border-bottom: 1px solid #A9A9A9; border-right: 1px solid #A9A9A9;}
.tabs_new .tab .inner_table td {border-bottom: 1px solid #A9A9A9; border-right: 1px solid #A9A9A9;}
.tabs_new .tab .inner_table td:last-child {border-right: none;}
.inner_table#allowed_activities th.combined_right {border-right: 1px solid #A9A9A9;;}
.tabs_new .tab .inner_table#allowed_activities td:last-child {border-right: 1px solid #A9A9A9;;}
form #allowed_activities .bgcolor_one select {margin: 0px 20px 0px 0px;}
.tabs_new .tab .inner_tab .inner_table td, .tabs_new .tab .inner_table td {padding: 4px 10px;}
.inner_tab {position: relative; }
#tab_content {position: relative; top: -5px; padding: 6px; width: 100%; min-height: 316px; min-width: 475px; border: 1px solid #A9A9A9; background-color: #F2F2F2;}
.inner_tab #tab_list > div {display: inline-block; padding: 6px 10px 6px 10px; height: 15px; border: 1px solid #A9A9A9; background-color: #F2F2F2; 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: #FFF;}
.tabs_new label {display: inline; width: auto; float: none;}

#allowed_activities select[val="false-false-false"] {background-color: rgba(255,0,0,1);}
#allowed_activities select[val="true-true-false"] {background-color: rgba(0,0,255,1);}
#allowed_activities select[val="true-false-true"] {background-color: rgba(255,255,0,1);}
#allowed_activities select[val="true-true-true"] {background-color: rgba(0,255,0,1);}
#allowed_activities select option[value="false-false-false"] {background-color: rgba(255,0,0,1);}
#allowed_activities select option[value="true-true-false"] {background-color: rgba(0,0,255,1);}
#allowed_activities select option[value="true-false-true"] {background-color: rgba(255,255,0,1);}
#allowed_activities select option[value="true-true-true"] {background-color: rgba(0,255,0,1);}

.from_until {border-spacing: 0px; border-collapse: collapse;}
.tabs_new .tab .from_until td, .tabs_new .tab .from_until th {padding: 0px;}
.from_until th, .from_until td {width: 33px; height: 33px; border-bottom: 1px solid #a0a0a0; vertical-align: middle; text-align: center;}
.from_until td {background-color: #c0c0c0; border-right: 1px solid #a0a0a0;}
.from_until td.pre_active {background-color: #65885F;}
.from_until td.active {background-color: #0C4503;}
.from_until input[type="checkbox"] {outline: none; border: none; width: 0px; height: 0px; visibility: hidden;}
th.day_name, td.day_name {width: 100px; background-color: #FFF; border-bottom: none;}

form .tabs_new input[type="text"] {padding-left: 3px;}
form input[type="text"].small_field {width: 60px; padding-left: 3px;}
#activity_detail {width: auto; margin-bottom: 10px;}
#tab_limits label, .tabs_new label {font-weight: normal;}
.limits_hidden_block {clear: both; overflow: hidden; padding: 4px; border: 1px solid #A9A9A9; float: left; margin-bottom: 10px;}
.tabs_new .tab #auto_renewal_detail td {padding-top: 15px;}
td.right {width: 100%; text-align: right;}

.config_logging table.actions select {width: 80px; margin-right: 5px;}
.config_logging table.actions input[type="text"] {width: 70px; margin-right: 5px;}

.help #center a, .help #center a:hover {color: #dedb00;}
.money_button, .percent_button {background-color: #a0a0a0; color: #EEEEEE; float: left; height: 18px; margin: 0 0 0 5px; padding: 2px 0 0; text-align: center; width: 20px; cursor: hand; cursor: pointer; line-height: 15px;}
.money_button.active, .percent_button.active {background-color: #1E1F21;}.help #center a, .help #center a:hover {color: #dedb00;}
.actual_amount {margin: 0 0 0 5px; line-height: 18px; float: left;}

.smll_tables table.nice {width: auto;}
.smll_tables label {font-weight: normal;}

.per_month_calculate {margin-left: 5px;}

.arcon_devices img {width: 30px;}

.bottom_lined {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.clear_form_block {padding: 6px; clear: both;}
#help_iban_changed {width: 0px; height: 0px;}
#insurance_info > div {line-height: 22px;}
.damage_claims label {width: 160px;}
.damage_claims_aditions {clear: both; padding-top: 10px; border-top: 1px solid #CCC;}
#insurance_damage_treatments .damage_claims_aditions { border-top: 0px;}


.items .duplicated_users td { }
.items .duplicated_user td p { font-weight: bold; }
.fl.damage_claims {width: 538px;}
.damage_claims label {width: 196px;}
.damage_claims_aditions {clear: both; overflow: hidden; margin: 3px 0px; border-top: 1px solid #CCC;}
.damage_claims .form_info {float: left; overflow: hidden; clear: right; display: inline-block; width: 300px; height: 20px; margin-right: 10px; font-size: 13px; line-height: 20px; color: rgba(191, 191, 191, 1); 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;}


#insurance_damage_treatments #ocp_left_tabs {display: none;}
table.items tr.literal_filter_block, table.items tr.literal_filter_block:hover {outline: 1px solid transparent;}
.literal_filter {padding: 3px; width: 100%; border: 1px solid #ddd; border-collapse: collapse;}
table.items .literal_filter td {width: 3.7%; border-left: 1px solid #ddd; text-align: center; padding: 0px; line-height: 18px;}
table.items .literal_filter td a {width: 100%; display: inline-block;}
form select.small_field {width: 100px; padding-left: 3px; margin: 4px 0px 0px 0px; line-height: 20px;}

.hidden_file_upload input[type="file"] {position: absolute; z-index: 1; margin: 0px; height: 0px; opacity: 0; filter: alpha(opacity:0); cursor: pointer; padding: 0px; border: none; width: 0px; outline: 0px;}
.hidden_file_upload input[type="file"]:hover {cursor: pointer;}

.user_location_fields {margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #CCC;}

.school_images {clear: both; overflow: hidden; padding-bottom: 6px; margin-bottom: 8px; border-bottom: 1px solid #CCC;}
.school_images img, .school_images > div {float: left;}
.school_images a {display: block;}
.link_file_uploader {position: relative; padding: 8px 5px 10px 22px;;}
.link_file_uploader input[type="file"] {position: absolute; margin: 0px 0px 0px -13px; height: 29px; opacity: 0; filter: alpha(opacity:0); cursor: pointer; padding: 0px; border: none;}

#tab_stop_membership {width: 30%;}
#tab_stop_membership b {display: block; margin-bottom: 10px; text-align: center;}
#tab_stop_membership p {clear: both; padding: 10px 0px;}
#tab_stop_membership .as_button {float: right; margin: 5px 0px 15px 0px;}
#tab_stop_membership .as_button.back {float: left;}
.membership_title {border: 1px solid #aaa; border-radius: 3px; padding: 5px 3px; margin: 3px 0px 0px 0px; text-align: center;}
.membership_action_text {clear: both; border: 1px solid #aaa; border-radius: 3px; padding: 5px 3px; margin: 3px 0px 0px 0px; text-align: center;}
.outlet_id_titles {clear: both; padding-top: 20px;}
  .outlet_id_titles span {padding-left: 20px;}

#reserv_copy {position: absolute; left: 0px; font-size: 11px; line-height: 21px; text-align: center;}
.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;}
#add_reservation {border: 0px solid #ccc;}
#agenda_index #reservations {position: relative; white-space: nowrap; font-size: 11px;}

label.for_input {width: auto;}