/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; background: transparent; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
/*html, body { width: 100%; height: 100%; }*/
body { line-height: 1; }
b, strong{ font-weight: bold; }
img { color: transparent; font-size: 0; vertical-align: middle; /*-ms-interpolation-mode: bicubic;*/ }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: separate; border-spacing: 0; }
th, td, caption { font-weight: normal; vertical-align: top; text-align: left; }
a img { border: 0; }
a, a:link, a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
:focus { outline: 0; }
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: 0; padding: 0; margin: 0; outline: 0; }
input, textarea { font-size: 12px; font-family: sans-serif; }

/* style */
body { font-size: 12px; font-family: Arial, sans-serif; color: #414141; background: #fff; }

a { color: #166C6D; }
em { font-style: italic; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clear { clear: both; }

.hidden { display: none; }

.flash { font-size: 13px; font-weight: bold; padding: 15px 0px 15px 50px; margin: 10px 0px; line-height: 20px; font-weight: bold; }
.flash-success { color: #46bd7e; background: #f2fff2 url('../images/flash-success.png') no-repeat 10px center; border: 1px solid #46bd7e; border-radius: 8px; }
.flash-error { color: #f36f21; background: #fff2f2 url('../images/flash-error.png') no-repeat 22px center; border: 1px solid #f36f21; border-radius: 8px; }

.button { float: left; height: 20px; line-height: 20px; padding: 4px 9px; border: 1px solid #ccc; border-radius: 8px; box-shadow: inset 0 4px 10px -1px #ccc; color: #666; background: #fff; text-decoration: none; }
.button-right { float: right; }
.button:hover { color: #fff; background: #ccc; box-shadow: 0 4px 10px -1px #ccc; text-decoration: none; }
button.button { padding: 0px; margin: 0px; border: 0px; height: 30px; background: transparent; cursor: pointer; }
button.button span { float: left; height: 20px; line-height: 20px; padding: 4px 9px; border: 1px solid #ccc; border-radius: 8px; box-shadow: inset 0 4px 10px -1px #ccc; color: #666; background: #fff; }
button.button:hover span { color: #fff; background: #ccc; box-shadow: 0 4px 10px -1px #ccc; }

.f-left { float: left; }
.f-right { float: right; }

.overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 200; }
.overlay div { position: absolute; top: 50%; left: 50%; margin: -99px 0 0 -84px; width: 128px; height: 20px; background: rgba(255, 255, 255, 0.8) url('../images/loader.gif') no-repeat 20px 20px; border-radius: 20px; padding: 158px 20px 20px 20px; line-height: 20px; text-align: center; font-size: 16px; }

.question-link-box { display: inline-flex; }
.question-link { display: inline-flex; position: relative; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.question-link span { position: absolute; left: 50%; top: 100%; font-size: 8px; font-family: Tahoma, Geneva, sans-serif; text-align: center; line-height: 10px; font-weight: bold; transform: translate(-50%, 0); color: #d80001; white-space: nowrap; }
.question-link img { height: 24px; vertical-align: middle; }

.container { margin: 0 auto; width: 1218px; text-align: left; }

.page-header { height: 168px; position: relative; z-index: 70; }
.page-header .logo { position: absolute; top: 5px; left: 0; }
.page-header .header-phone { position: absolute; top: 50px; right: 10px; width: 137px; height: 21px; background: transparent url('../images/header-phone.png') no-repeat top left; }
.page-header .header-partner { position: absolute; top: 60px; right: 1px; }
.page-header .main-menu { position: absolute; top: 140px; left: 0px; }
.page-header .main-menu .opener { display: none; }
.page-header .user-menu { position: absolute; top: 140px; right: 0px; }
.page-header .user-menu .question-link { margin-bottom: 4px; }
.page-header .user-menu .question-link span { left: 100%; top: 50%; transform: translate(0, -50%); text-align: left; margin-left: 6px; }
.page-header .user-menu .info { float: left; height: 28px; line-height: 28px; background: #fff; background: rgba(255, 255, 255, 0.8); color: #2D3B43; padding: 0 10px; border-radius: 8px 8px 0 0; font-size: 12px; position: relative; min-width: 90px; text-align: center; margin-left: 5px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.page-header .user-menu .user-menu-name-shorten { display: inline-block; max-width: 140px; overflow: hidden; text-overflow: ellipsis; height: 28px; line-height: 28px; white-space: nowrap; margin-left: 8px; }
.page-header .user-menu .info ul { display: none; position: absolute; top: 28px; right: 0; min-width: 100%; width: fit-content; text-align: center; background: #fff; background: #cfdbe0; padding-bottom: 10px; border-radius: 0 0 8px 8px; z-index: 10; }
.page-header .user-menu .info ul li { padding: 0 10px; white-space: nowrap; }
.page-header .user-menu .info:hover ul { display: block; }
.page-header .user-menu .modules { float: left; height: 28px; line-height: 28px; background: #fff; background: rgba(255, 255, 255, 0.8); color: #2D3B43; padding: 0 10px; border-radius: 8px 8px 0 0; font-size: 12px; position: relative; min-width: 90px; text-align: center; margin-left: 5px; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.page-header .user-menu .modules ul { display: none; position: absolute; top: 28px; left: 0; min-width: 100%; text-align: left; background: #fff; background: #cfdbe0; padding-bottom: 10px; border-radius: 0 0 8px 8px; z-index: 10; }
.page-header .user-menu .modules:hover ul { display: block; }
.page-header .user-menu .modules ul li { padding: 0 20px 0 20px; white-space: nowrap; background: transparent url('../images/bullet.png') no-repeat 10px 12px; }
.page-header .user-menu .modules ul li.company-name { padding-left: 8px; font-weight: bold; background: none; }
.page-header .user-menu .modules ul li.active { font-weight: bold; }
.page-header .menu { float: left; height: 28px; }
.page-header .menu > li { float: left; height: 28px; position: relative; background: #f8c370; border-radius: 8px 8px 0 0; }
.page-header .menu > li:hover { background: #fc9e00; }
.page-header .main-menu .menu > li { margin-right: 5px; }
.page-header .user-menu .menu > li { margin-left: 5px; }
.page-header .menu > li > a { float: left; height: 28px; padding: 0 10px 0 0; color: #2D3B43; text-decoration: none; }
.page-header .menu > li > a span { float: left; height: 28px; line-height: 28px; text-align: center; padding: 0 0 0 10px; font-size: 12px; }
.page-header .menu > li > ul { display: none; position: absolute; top: 28px; left: 0; min-width: 120%; text-align: center; background: #fff; background: #fc9e00; border-radius: 0 0 8px 8px; z-index: 10; white-space: nowrap; }
.page-header .menu > li:hover > ul { display: block; }
.page-header .menu > li > ul > li { line-height: 28px; height: 28px; padding: 0 20px; }
.page-header .menu > li > ul > li > a { color: #2D3B43; }

.page-header .main-menu-dropdown .opener { display: block; height: 28px; line-height: 28px; width: 100px; padding: 0 10px; background: #f8c370; border-radius: 8px 8px 0 0; text-align: center; }
.page-header .main-menu-dropdown .menu { display: none; float: none; height: auto; position: absolute; top: 28px; left: 0; width: 120px; text-align: center; padding: 0 0 10px 0; background: #f8c370; border-radius: 0 0 8px 8px; }
.page-header .main-menu-dropdown:hover .menu { display: block; }
.page-header .main-menu-dropdown .menu > li { float: none; border-radius: 0; width: 120px; }
.page-header .main-menu-dropdown .menu > li > a { float: none; display: block; }

.page-footer { font-size: 11px; line-height: 20px; padding-bottom: 20px; color: #166C6D; text-align: center; }
.page-footer a { color: #166C6D; }
.page-footer .footer-menu { }
.page-footer .copyright { padding-bottom: 10px; }
.page-footer .footer-ssi { }

.page-content { width: 1218px; padding: 10px 0 20px 0; }
.page-title { font-size: 30px; font-family: Tahoma, Geneva, sans-serif; color: #666; padding: 20px 0; }

.form-box { margin: 0 auto; width: 340px; padding: 20px 0px; background: #fff; border: 1px solid #ccc; border-radius: 20px; box-shadow: 0 4px 10px -1px #ccc; }
.form-box-contact { width: 500px; }
.form-box h1 { font-size: 30px; font-family: Tahoma, Geneva, sans-serif; text-align: center; color: #666; margin-bottom: 20px; }
.form-box .global-error-list { padding: 10px 20px; border-top: 1px solid #d3411f; border-bottom: 1px solid #d3411f; margin-bottom: 20px; font-weight: bold; color: #d3411f; background: #ffece7; line-height: 16px; font-size: 11px; }
.form-box .global-error-list:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.form-box .global-error-list li { float: left; width: 300px; }
.form-box form {  }
.form-box form section { margin: 0px 20px 10px 20px; position: relative; }
.form-box form section .error_list { position: absolute; top: 0; left: calc(100% - 20px); color: #d3411f; line-height: 20px; font-size: 11px; border: 1px solid #d3411f; background: #ffece7; z-index: 5; border-radius: 8px; padding: 4px 20px 4px 40px; white-space: nowrap; }
.form-box form section.input-text { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; }
.form-box form section.input-text label { flex: 0 0 90px; margin: 0px 10px 0px 0px; text-align: right; line-height: 30px; color: #666; font-size: 11px; }
.form-box form section.input-text select,
.form-box form section.input-text input { flex: 1 1 0; height: 20px; padding: 4px 9px; border: 1px solid #ccc; border-radius: 8px; box-shadow: inset 0 4px 10px -1px #ccc; color: #666; position: relative; z-index: 10; }
.form-box form section.input-text select { height: 30px; }
.form-box form section.input-text p { font-size: 12px; line-height: 16px; margin: 8px 0 0 100px; color: #888; }
.form-box form section.textarea { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; }
.form-box form section.textarea label { flex: 0 0 90px; margin: 0px 10px 0px 0px; text-align: right; line-height: 30px; color: #666; font-size: 11px; }
.form-box form section.textarea textarea { flex: 1 1 0; height: 150px; padding: 4px 9px; border: 1px solid #ccc; border-radius: 8px; box-shadow: inset 0 4px 10px -1px #ccc; color: #666; position: relative; z-index: 10; resize: none; }
.form-box form section.checkbox { width: 200px; margin-left: 120px; }
.form-box form section.checkbox input { float: left; padding: 0; margin: 4px 10px 3px 0; border: 0; }
.form-box form section.checkbox label { float: left; font-size: 11px; line-height: 20px; }

.form-box form section.captcha { margin: 0 20px 20px 120px; }
.form-box form section.captcha label { line-height: 30px; color: #666; font-size: 11px; }
.form-box form section.captcha .error_list { display: inline-block; position: static; top: auto; left: auto; padding: 4px 20px; }

.form-box form .buttons { margin: 0px 20px 0px 120px; }
.form-box form .buttons:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.form-box form .buttons .links { float: right; }
.form-box form .buttons .links a { display: block; line-height: 30px; color: #d3411f; font-size: 11px; }
.form-box form .buttons .links-double a { line-height: 15px; }

.tabs-container { position: relative; }

.tabs-menu { border-bottom: 1px solid #aaa; display: flex; flex-flow: row nowrap; justify-content: flex-start; position: relative; z-index: 50; }
.tabs-menu:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.tabs-menu > ul { display: flex; flex-flow: row nowrap; justify-content: flex-start; margin-right: auto; }
.tabs-menu > ul > li { position: relative; margin-right: 5px; z-index: 10; }
.tabs-menu > ul > li > a { display: block; padding: 6px 10px; border: 1px solid #74a7d4; border-bottom: 0px; margin-bottom: -1px; border-radius: 8px 8px 0 0; color: #000; text-decoration: none; line-height: 20px; background: #74a7d4; }
.tabs-menu > ul > li:hover  > a { background: #fff; }
.tabs-menu > ul > li.active > a { border-color: #2f3c44; background: #2f3c44; color: #fff; }
.tabs-menu > ul > li > ul { display: none; position: absolute; top: 33px; background: #fff; border: 1px solid #74a7d4; border-top: 0; border-radius: 0 0 8px 8px; min-width: 120%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px 17px 10px 0; white-space: nowrap; max-height: 280px; overflow: auto; }
.tabs-menu > ul > li:hover > ul { display: block; }
.tabs-menu > ul > li > ul > li { padding: 3px 14px 3px 14px; }
.tabs-menu > ul > li > ul > li.filter { width: 100%; padding-bottom: 4px; box-sizing: border-box; }
.tabs-menu > ul > li > ul > li.filter label { display: block; font-size: 10px; font-weight: bold; line-height: 15px; }
.tabs-menu > ul > li > ul > li.filter input { min-width: 140px; width: 100%; box-sizing: border-box; padding: 4px 9px; border: 1px solid #ccc; line-height: 16px; height: 26px; }
.tabs-menu > ul > li > ul > li.sort { width: 100%; border-bottom: 1px solid #74a7d4; padding-bottom: 4px; margin-bottom: 4px; box-sizing: border-box; display: flex; flex-flow: row nowrap; }
.tabs-menu > ul > li > ul > li.sort label { display: block; font-size: 10px; font-weight: bold; line-height: 15px; }
.tabs-menu > ul > li > ul > li.sort button { background: transparent; margin: 0 0 0 auto; border: 0; padding: 0; font-size: 10px; font-family: sans-serif; line-height: 15px; appearance: none; cursor: pointer; }
.tabs-menu > ul > li > ul > li.sort button:hover { text-decoration: underline; }
.tabs-menu > ul > li > ul > li.sort button.active { font-weight: bold; }
.tabs-menu .question-link { margin-bottom: 4px; }
.tabs-menu .question-link span { left: 100%; top: 50%; transform: translate(0, -50%); text-align: left; margin-left: 6px; }
.tabs-menu .button-snapshot { margin-right: auto; }
.tabs-menu .dates-range { float: right; margin-right: 5px; }
.tabs-menu .dates-range label { float: left; height: 30px; line-height: 30px; font-weight: bold; margin-right: 5px; }
.tabs-menu .dates-range input { float: left; width: 70px; height: 28px; line-height: 28px; margin: 0; padding: 0 3px; border: 1px solid #ccc; margin-right: 5px; }

.tabs-menu .tabs-timeout { line-height: 30px; font-weight: bold; font-size: 12px; padding-right: 10px; margin-right: 10px; position: relative; }
.tabs-menu .tabs-timeout::after { content: ''; position: absolute; top: 9px; right: 0; height: 12px; width: 1px; background: #414141; } 
.tabs-menu .tabs-timeout:last-child { padding-right: 0; margin-right: 0; }
.tabs-menu .tabs-timeout:last-child::after { display: none; }

.tabs {  }
.tabs .tab { display: none; }
.tabs .tab h2 { padding: 20px 0px; font: serif; font-size: 20px; line-height: 28px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.tabs .tab h2 .question-link { margin-right: 10px; }
.tabs .tab h2 .howto-link-box { margin-left: auto; }
.tabs .tab h2 .howto-link { display: inline-flex; position: relative; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.tabs .tab h2 .howto-link span { position: absolute; right: 100%; top: 50%; font-size: 9px; font-family: Tahoma, Geneva, sans-serif; text-align: right; line-height: 10px; font-weight: bold; transform: translate(0, -50%); color: #d80001; margin-right: 6px; white-space: nowrap; }
.tabs .tab h2 .howto-link img { height: 28px; vertical-align: middle; }
.tabs .tab h3 { font-size: 16px; line-height: 24px; padding-bottom: 10px; }

table { background: #f5f5f5; margin-bottom: 20px; white-space: nowrap; table-layout: fixed; }
table thead {  }
table thead th { padding: 6px 6px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; font-weight: bold; background: #e4eef8; }
table thead th.empty { border-left: 0px; background: #fff; }
table thead td { background: #fff; }
table tbody td { padding: 6px 6px; width: 54px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align: right; line-height: 16px; }
table tbody td.white-space-normal { white-space: normal; }
table tbody td.t-center { text-align: center; }
table tbody td input { border: 1px solid #ccc; padding: 2px; width: 48px; text-align: center; font-family: sans-serif; color: #666; font-weight: bold; height: 16px; line-height: 16px; margin: 0; height: 22px; box-sizing: border-box; }
table tbody td input.checkbox { width: auto; }
table tbody td span { line-height: 22px; }
table tbody td textarea { float: left; border: 1px solid #ccc; padding: 2px; width: 64px; min-width: 64px; height: 64px; min-height: 64px; text-align: left; font-family: sans-serif; color: #666; font-weight: bold; line-height: 16px; margin: 0; }
table tbody td select { border: 1px solid #ccc; padding: 2px; text-align: center; font-family: sans-serif; color: #666; font-weight: bold; height: 22px; line-height: 16px; margin: 0; box-sizing: border-box; }
table tbody th { padding: 6px 6px; width: 140px; border-bottom: 1px solid #ccc; border-left: 0px; white-space: nowrap; vertical-align: middle; text-align: left; line-height: 16px; }
table tbody th.small { line-height: 8px; font-size: 8px; font-weight: normal; text-transform: none; font-family: Verdana, sans-serif; }
table tbody tr.with-input th.medium,
table tbody th.medium { line-height: 11px; font-size: 10px; }
table tbody tr.with-input th.medium-text,
table tbody th.medium-text { font-size: 11px; }
table tbody td .edit,
table tbody th .edit { position: absolute; top: 3px; right: 50%; width: 16px; height: 16px; background: transparent url('../images/ico-edit.png') no-repeat top left; }
table tbody td .delete,
table tbody th .delete { position: absolute; top: 3px; left: 50%; width: 16px; height: 16px; background: transparent url('../images/ico-delete.png') no-repeat top left; }

table tbody td .edit2,
table tbody th .edit2 { display: inline-block; width: 16px; height: 16px; background: transparent url('../images/ico-edit.png') no-repeat top left; }
table tbody td .delete2,
table tbody th .delete2 { display: inline-block; width: 16px; height: 16px; background: transparent url('../images/ico-delete.png') no-repeat top left; }

table tbody th .name { float: left; }
table tbody th.total { border-left: 1px solid #ccc; text-align: center; }
table tbody tr.last th { font-weight: bold; text-transform: uppercase; background: #e5e5e5; border-bottom: 2px solid #666; }
table tbody tr.last-font th { font-weight: bold; text-transform: uppercase; background: #e5e5e5; }
table tbody tr.last-border th,
table tbody tr.last-border td { border-bottom: 2px solid #666; }
table tbody tr.textarea th { padding: 30px 6px; }
table tbody tr td.total { line-height: 22px; text-align: center;}
table tbody tr.last td { background: #e5e5e5; border-bottom: 2px solid #666; }
table tbody tr.last td.higher { /*background: #9ee4a5;*/ }
table tbody tr td.lower,
table tbody tr.last td.lower { box-shadow: inset 0px 0px 0 3px #f00; }
.ie8 table tbody tr.last td.lower { background: #faa; }
table tbody tr.with-input th,
table tbody tr.with-input td.text-cell { line-height: 22px; }
table tbody tr.bg-blue th { background: #9fe8d7; }
table tbody tr.bg-blue td { background: #9fe8d7; }
.ie8 table tbody tr.bg-blue td.lower { background: #faa; }
table tbody .td-disable { opacity: 0.5; }

table tfoot td { padding: 6px 6px; width: 54px; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; text-align: center; line-height: 16px; font-weight: bold; }

.table-data-labels { float: left; width: 160px; margin-bottom: 20px; }
.table-data-labels table { width: 160px; margin-bottom: 0px; }
.table-data-container { float: left; width: 1058px; overflow: auto; margin-bottom: 20px; }
.table-data-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.table-referral-labels { float: left; width: 580px; margin-bottom: 20px; }
.table-referral-labels table { width: 580px; margin-bottom: 0px; position: relative; }
.table-referral-combined-labels { width: 660px; }
.table-referral-combined-labels table { width: 660px; }
.table-referral-labels table thead th { font-size: 10px; position: sticky; top: 0; z-index: 30; }
.table-referral-labels thead .company-cell,
.table-referral-labels tbody .company-cell { width: 68px; }
.table-referral-labels thead .firstname-cell,
.table-referral-labels tbody .firstname-cell { width: 68px; }
.table-referral-labels thead .name-cell,
.table-referral-labels tbody .name-cell { width: 68px; }
.table-referral-labels thead .speciality-cell,
.table-referral-labels tbody .speciality-cell { width: 68px; }
.table-referral-labels thead .practice_name-cell,
.table-referral-labels tbody .practice_name-cell { width: 68px; }
.table-referral-labels thead .city-cell,
.table-referral-labels tbody .city-cell { width: 68px; }
.table-referral-labels thead .notes-cell,
.table-referral-labels tbody .notes-cell { width: 68px; }
.table-referral-labels thead .actions-cell,
.table-referral-labels tbody .actions-cell { width: 32px; }
.table-referral-labels thead .actions-cell .actions-box,
.table-referral-labels tbody .actions-cell .actions-box { position: relative; height: 22px; }
.table-referral-labels thead .total-cell,
.table-referral-labels tbody .total-cell { width: 39px; text-align: center; }
.table-referral-labels tbody th { border-left: 1px solid #ccc; }
.table-referral-labels tbody th .shortened { display: block; width: 68px; height: 22px; position: relative; }
.table-referral-labels tbody th .shortened span { position: absolute; display: block; top: 0; left: 0; width: 68px; height: 22px; line-height: 22px; background: #F5F5F5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table-referral-labels tbody th .shortened span:hover { width: auto; height: auto; min-width: 68px; min-height: 22px; overflow: auto; text-overflow: clip; z-index: 10; padding-right: 5px; outline: 1px solid #666; background: #fff; padding: 0 4px; }
.table-referral-container { float: left; width: 638px; overflow: auto; margin-bottom: 20px; position: relative; }
.table-referral-combined-container { width: 558px; }
.table-referral-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.table-referral-container table thead { font-size: 10px; }

.table-referral-fixed { position: fixed; top: 0; left: 0; width: 638px; overflow: hidden; }
.table-referral-fixed th { min-width: 54px; }

.table-weekly-combined-staff-labels { float: left; width: 226px; margin-bottom: 20px; }
.table-weekly-combined-staff-labels table { width: 226px; margin-bottom: 0px; }
.table-weekly-combined-staff-labels table thead th { font-size: 10px; }
.table-weekly-combined-staff-labels thead .name-cell,
.table-weekly-combined-staff-labels tbody .name-cell { width: 168px; }
.table-weekly-combined-staff-labels thead .actions-cell,
.table-weekly-combined-staff-labels tbody .actions-cell { width: 32px; }
.table-weekly-combined-staff-labels thead .actions-cell .actions-box,
.table-weekly-combined-staff-labels tbody .actions-cell .actions-box { position: relative; height: 22px; }
.table-weekly-combined-staff-labels tbody th { border-left: 1px solid #ccc; }
.table-weekly-combined-staff-labels tbody th .shortened { display: block; width: 68px; height: 22px; position: relative; }
.table-weekly-combined-staff-labels tbody th .shortened span { position: absolute; display: block; top: 0; left: 0; width: 168px; height: 22px; line-height: 22px; background: #F5F5F5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table-weekly-combined-staff-labels tbody th .shortened span:hover { width: auto; height: auto; min-width: 168px; min-height: 22px; overflow: auto; text-overflow: clip; z-index: 10; padding-right: 5px; outline: 1px solid #666; background: #fff; padding: 0 4px; }
.table-weekly-combined-staff-container { float: left; width: 992px; overflow: auto; margin-bottom: 20px; }
.table-weekly-combined-staff-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.table-weekly-combined-staff-container table thead { font-size: 10px; }

.weekly-combined-data-tab-data { padding-top: 20px; }
.weekly-combined-data-tab-graphs { padding-top: 20px; }
.table-weekly-combined-data-labels { float: left; width: 320px; margin-bottom: 20px; }
.table-weekly-combined-data-labels table { width: 320px; margin-bottom: 0px; }
.table-weekly-combined-data-labels table th.potential,
.table-weekly-combined-data-labels table th.bottom_line { width: 71px; border-left: 1px solid #ccc; padding: 4px; }
.table-weekly-combined-data-labels table th.potential input,
.table-weekly-combined-data-labels table th.bottom_line input { width: 65px; margin: 0; border: 1px solid #ccc; padding: 2px; line-height: 14px; height: 14px; }
.table-weekly-combined-data-totals { float: right; width: 160px; margin-bottom: 20px; }
.table-weekly-combined-data-totals table { width: 160px; margin-bottom: 0px; border-left: 1px solid #ccc; }
.table-weekly-combined-data-totals table thead th { border-left: 0; }
.table-weekly-combined-data-totals table tbody th,
.table-weekly-combined-data-totals table thead th { border-right: 1px solid #ccc; }
.table-weekly-combined-data-container { float: left; width: 738px; overflow: auto; margin-bottom: 20px; }
.table-weekly-combined-data-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.table-staff-container { margin-bottom: 20px; }
.table-staff-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.table-staff-container table tbody td input.staff_input_name,
.table-staff-container table tbody td input.mockup_staff_input_name { width: 200px; }
.table-staff-container table tbody td input.staff_input_value,
.table-staff-container table tbody td input.mockup_staff_input_value { width: 100px; }
.table-staff-container table tbody td select { width: 150px; }
.table-staff-container table tbody td.staff_total_month,
.table-staff-container table tbody td.mockup_staff_total_month { width: 100px; }
.table-staff-container table tbody .actions-cell { width: 32px; }
.table-staff-container table tbody .actions-cell .actions-box { position: relative; height: 22px; }

.table-budget-container { margin-bottom: 20px; }
.table-budget-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.table-budget-container table tbody td input.budget_input_name,
.table-budget-container table tbody td input.mockup_budget_input_name { width: 200px; }
.table-budget-container table tbody td input.budget_input_value,
.table-budget-container table tbody td input.mockup_budget_input_value { width: 100px; }
.table-budget-container table tbody .actions-cell { width: 32px; }
.table-budget-container table tbody .actions-cell .actions-box { position: relative; height: 22px; }

.table-position-container { margin-bottom: 20px; }
.table-position-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.table-position-container table tbody td input.position_input_name { width: 200px; }
.table-position-container table tbody .name-cell { width: 100px; text-align: left; }
.table-position-container table tbody .full-name-cell { width: 240px; text-align: left; }
.table-position-container table tbody .actions-cell { width: 32px; }
.table-position-container table tbody .actions-cell .actions-box { position: relative; height: 22px; }

.table-saleitems-container { margin-bottom: 20px; }
.table-saleitems-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.table-saleitems-container table tbody td input.saleitems_input { width: 100px; }
.table-saleitems-container table tbody td input.saleitems_input_name { width: 200px; }
.table-saleitems-container table tbody td.saleitems_profit { width: 100px; }
.table-saleitems-container table tbody .actions-cell { width: 32px; }
.table-saleitems-container table tbody .actions-cell .actions-box { position: relative; height: 22px; }

.table-itemssold-container { margin-bottom: 20px; }
.table-itemssold-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.table-itemssold-container table tbody .actions-cell { width: 32px; }
.table-itemssold-container table tbody .actions-cell .actions-box { position: relative; height: 22px; }

.budget-projections-container { margin-bottom: 20px; }
.budget-projections-container table { width: 100%; margin-bottom: 0px; border-right: 1px solid #ccc; }
.budget-projections-container table thead th { line-height: 16px; vertical-align: middle; white-space: normal; }

.weekly-table-container { overflow: auto; margin-bottom: 20px; }
.weekly-table-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.table-clinician-single-labels { float: left; width: 320px; margin-bottom: 20px; }
.table-clinician-single-labels table { width: 320px; margin-bottom: 0px; }
.table-clinician-single-labels table th.potential,
.table-clinician-single-labels table th.bottom_line { width: 71px; border-left: 1px solid #ccc; padding: 4px; }
.table-clinician-single-labels table th.potential input,
.table-clinician-single-labels table th.bottom_line input { width: 65px; margin: 0; border: 1px solid #ccc; padding: 2px; line-height: 14px; height: 14px; }
.table-clinician-single-totals { float: right; width: 160px; margin-bottom: 20px; }
.table-clinician-single-totals table { width: 160px; margin-bottom: 0px; border-left: 1px solid #ccc; }
.table-clinician-single-totals table thead th { border-left: 0; }
.table-clinician-single-totals table tbody th,
.table-clinician-single-totals table thead th { border-right: 1px solid #ccc; }
.table-clinician-single-container { float: left; width: 738px; overflow: auto; margin-bottom: 20px; }
.table-clinician-single-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.table-weekly-aggregated-clinician-single-container { float: left; width: 738px; overflow: auto; margin-bottom: 20px; }
.table-weekly-aggregated-clinician-single-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.table-income-expenses-labels { float: left; width: 320px; margin-bottom: 20px; }
.table-income-expenses-labels table { width: 320px; margin-bottom: 0px; }
.table-income-expenses-totals { float: right; width: 160px; margin-bottom: 20px; }
.table-income-expenses-totals table { width: 160px; margin-bottom: 0px; border-left: 1px solid #ccc; }
.table-income-expenses-totals table thead th { border-left: 0; }
.table-income-expenses-totals table tbody th,
.table-income-expenses-totals table thead th { border-right: 1px solid #ccc; }
.table-income-expenses-container { float: left; width: 738px; overflow: auto; margin-bottom: 20px; }
.table-income-expenses-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.weekly-stats-labels { float: left; width: 160px; margin-bottom: 20px; }
.weekly-stats-labels table { width: 160px; margin-bottom: 0px; }
.weekly-stats-container { float: left; width: 1058px; overflow: auto; margin-bottom: 20px; }
.weekly-stats-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.weekly-stats-notes { width: 560px; }
.weekly-stats-notes p { font-size: 14px; line-height: 20px; }
.weekly-stats-notes p + p { margin-top: 10px; }
.weekly-stats-notes strong { font-weight: bold; }
.weekly-stats-notes u { text-decoration: underline; }
.weekly-stats-notes em { font-style: italic; }

.weekly-aggregated-stats-labels { float: left; width: 160px; margin-bottom: 20px; }
.weekly-aggregated-stats-labels table { width: 160px; margin-bottom: 0px; }
.weekly-aggregated-stats-container { float: left; width: 1058px; overflow: auto; margin-bottom: 20px; }
.weekly-aggregated-stats-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.weekly-aggregated-stats-notes { width: 560px; }
.weekly-aggregated-stats-notes p { font-size: 14px; line-height: 20px; }
.weekly-aggregated-stats-notes p + p { margin-top: 10px; }
.weekly-aggregated-stats-notes strong { font-weight: bold; }
.weekly-aggregated-stats-notes u { text-decoration: underline; }
.weekly-aggregated-stats-notes em { font-style: italic; }

.weekly-master-labels { float: left; width: 320px; margin-bottom: 20px; }
.weekly-master-labels table { width: 320px; margin-bottom: 0px; }
.weekly-master-labels table th.potential,
.weekly-master-labels table th.bottom_line { width: 71px; border-left: 1px solid #ccc; padding: 4px; }
.weekly-master-labels table th.potential input,
.weekly-master-labels table th.bottom_line input { width: 65px; margin: 0; border: 1px solid #ccc; padding: 2px; }
.weekly-master-totals { float: right; width: 160px; margin-bottom: 20px; }
.weekly-master-totals table { width: 160px; margin-bottom: 0px; border-left: 1px solid #ccc; }
.weekly-master-totals table thead th { border-left: 0; }
.weekly-master-totals table tbody th,
.weekly-master-totals table thead th { border-right: 1px solid #ccc; }
.weekly-master-container { float: left; width: 738px; overflow: auto; margin-bottom: 20px; }
.weekly-master-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.weekly-aggregated-master-labels { float: left; width: 320px; margin-bottom: 20px; }
.weekly-aggregated-master-labels table { width: 320px; margin-bottom: 0px; }
.weekly-aggregated-master-labels table th.potential,
.weekly-aggregated-master-labels table th.bottom_line { width: 71px; border-left: 1px solid #ccc; padding: 4px; }
.weekly-aggregated-master-labels table th.potential input,
.weekly-aggregated-master-labels table th.bottom_line input { width: 65px; margin: 0; border: 1px solid #ccc; padding: 2px; }
.weekly-aggregated-master-totals { float: right; width: 160px; margin-bottom: 20px; }
.weekly-aggregated-master-totals table { width: 160px; margin-bottom: 0px; border-left: 1px solid #ccc; }
.weekly-aggregated-master-totals table thead th { border-left: 0; }
.weekly-aggregated-master-totals table tbody th,
.weekly-aggregated-master-totals table thead th { border-right: 1px solid #ccc; }
.weekly-aggregated-master-container { float: left; width: 738px; overflow: auto; margin-bottom: 20px; }
.weekly-aggregated-master-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.weekly-profession-labels { float: left; width: 320px; margin-bottom: 20px; }
.weekly-profession-labels table { width: 320px; margin-bottom: 0px; }
.weekly-profession-labels table th.potential,
.weekly-profession-labels table th.bottom_line { width: 71px; border-left: 1px solid #ccc; padding: 4px; }
.weekly-profession-labels table th.potential input,
.weekly-profession-labels table th.bottom_line input { width: 65px; margin: 0; border: 1px solid #ccc; padding: 2px; }
.weekly-profession-totals { float: right; width: 160px; margin-bottom: 20px; }
.weekly-profession-totals table { width: 160px; margin-bottom: 0px; border-left: 1px solid #ccc; }
.weekly-profession-totals table thead th { border-left: 0; }
.weekly-profession-totals table tbody th,
.weekly-profession-totals table thead th { border-right: 1px solid #ccc; }
.weekly-profession-container { float: left; width: 738px; overflow: auto; margin-bottom: 20px; }
.weekly-profession-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.weekly-fill-labels { float: left; width: 320px; margin-bottom: 20px; }
.weekly-fill-labels table { width: 320px; margin-bottom: 0px; }
.weekly-fill-labels table th.potential,
.weekly-fill-labels table th.bottom_line { width: 71px; border-left: 1px solid #ccc; padding: 4px; }
.weekly-fill-labels table th.potential input,
.weekly-fill-labels table th.bottom_line input { width: 65px; margin: 0; border: 1px solid #ccc; padding: 2px; }
.weekly-fill-totals { float: right; width: 160px; margin-bottom: 20px; }
.weekly-fill-totals table { width: 160px; margin-bottom: 0px; border-left: 1px solid #ccc; }
.weekly-fill-totals table thead th { border-left: 0; }
.weekly-fill-totals table tbody th,
.weekly-fill-totals table thead th { border-right: 1px solid #ccc; }
.weekly-fill-container { float: left; width: 738px; overflow: auto; margin-bottom: 20px; }
.weekly-fill-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.table-weekly-custom-labels { float: left; width: 400px; margin-bottom: 20px; }
.table-weekly-custom-labels table { width: 400px; margin-bottom: 0px; }
.table-weekly-custom-labels thead .name-cell,
.table-weekly-custom-labels tbody .name-cell { width: 88px; }
.table-weekly-custom-labels thead .name-cell-long,
.table-weekly-custom-labels tbody .name-cell-long { width: 200px; }
.table-weekly-custom-labels thead .owner-cell,
.table-weekly-custom-labels tbody .owner-cell { width: 88px; }
.table-weekly-custom-labels thead .potential-cell,
.table-weekly-custom-labels tbody .potential-cell { width: 46px; color: #22a001; }
.table-weekly-custom-labels thead .potential-cell-auto,
.table-weekly-custom-labels tbody .potential-cell-auto { width: auto; }
.table-weekly-custom-labels thead .bottom-line-cell,
.table-weekly-custom-labels tbody .bottom-line-cell { width: 46px; color: #ff0f03; }
.table-weekly-custom-labels thead .bottom-line-cell-auto,
.table-weekly-custom-labels tbody .bottom-line-cell-auto { width: auto; }
.table-weekly-custom-labels thead .reverse-scale-cell,
.table-weekly-custom-labels tbody .reverse-scale-cell { width: 16px; }
.table-weekly-custom-labels thead .access-cell,
.table-weekly-custom-labels tbody .access-cell { width: 28px; }
.table-weekly-custom-labels thead .actions-cell,
.table-weekly-custom-labels tbody .actions-cell { width: 32px; }
.table-weekly-custom-labels thead .actions-cell .actions-box,
.table-weekly-custom-labels tbody .actions-cell .actions-box { position: relative; height: 22px; }
.table-weekly-custom-labels tbody th { border-left: 1px solid #ccc; }
.table-weekly-custom-labels tbody th .shortened { display: block; width: 88px; height: 22px; position: relative; }
.table-weekly-custom-labels tbody th .shortened-200 { width: 200px; }
.table-weekly-custom-labels tbody th .shortened span { position: absolute; display: block; top: 0; left: 0; width: 88px; height: 22px; line-height: 22px; background: #F5F5F5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table-weekly-custom-labels tbody th .shortened-200 span { width: 200px; }
.table-weekly-custom-labels tbody th .shortened span:hover { width: auto; height: auto; overflow: auto; text-overflow: clip; z-index: 10; padding-right: 5px; outline: 1px solid #666; background: #fff; padding: 0 4px; }
.table-weekly-custom-container { float: left; width: 818px; overflow: auto; margin-bottom: 20px; }
.table-weekly-custom-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.table-weekly-custom-labels--owner { width: 480px; }
.table-weekly-custom-labels--owner table { width: 480px; }
.table-weekly-custom-container--owner { width: 738px; }

.table-monthly-custom-labels { float: left; width: 400px; margin-bottom: 20px; }
.table-monthly-custom-labels table { width: 400px; margin-bottom: 0px; }
.table-monthly-custom-labels thead .name-cell,
.table-monthly-custom-labels tbody .name-cell { width: 88px; }
.table-monthly-custom-labels thead .name-cell-long,
.table-monthly-custom-labels tbody .name-cell-long { width: 200px; }
.table-monthly-custom-labels thead .owner-cell,
.table-monthly-custom-labels tbody .owner-cell { width: 88px; }
.table-monthly-custom-labels thead .potential-cell,
.table-monthly-custom-labels tbody .potential-cell { width: 46px; color: #22a001; }
.table-monthly-custom-labels thead .potential-cell-auto,
.table-monthly-custom-labels tbody .potential-cell-auto { width: auto; }
.table-monthly-custom-labels thead .bottom-line-cell,
.table-monthly-custom-labels tbody .bottom-line-cell { width: 46px; color: #ff0f03; }
.table-monthly-custom-labels thead .bottom-line-cell-auto,
.table-monthly-custom-labels tbody .bottom-line-cell-auto { width: auto; }
.table-monthly-custom-labels thead .access-cell,
.table-monthly-custom-labels tbody .access-cell { width: 28px; }
.table-monthly-custom-labels thead .actions-cell,
.table-monthly-custom-labels tbody .actions-cell { width: 32px; }
.table-monthly-custom-labels thead .actions-cell .actions-box,
.table-monthly-custom-labels tbody .actions-cell .actions-box { position: relative; height: 22px; }
.table-monthly-custom-labels tbody th { border-left: 1px solid #ccc; }
.table-monthly-custom-labels tbody th .shortened { display: block; width: 88px; height: 22px; position: relative; }
.table-monthly-custom-labels tbody th .shortened-200 { width: 200px; }
.table-monthly-custom-labels tbody th .shortened span { position: absolute; display: block; top: 0; left: 0; width: 88px; height: 22px; line-height: 22px; background: #F5F5F5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table-monthly-custom-labels tbody th .shortened-200 span { width: 200px; }
.table-monthly-custom-labels tbody th .shortened span:hover { width: auto; height: auto; overflow: auto; text-overflow: clip; z-index: 10; outline: 1px solid #666; background: #fff; padding: 0 4px; }
.table-monthly-custom-container { float: left; width: 818px; overflow: auto; margin-bottom: 20px; }
.table-monthly-custom-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }
.table-monthly-custom-labels--owner { width: 480px; }
.table-monthly-custom-labels--owner table { width: 480px; }
.table-monthly-custom-container--owner { width: 738px; }

.table-weekly-statistics-labels { float: left; width: 250px; margin-bottom: 20px; }
.table-weekly-statistics-labels table { width: 250px; margin-bottom: 0px; }
.table-weekly-statistics-labels thead .name-cell,
.table-weekly-statistics-labels tbody .name-cell { width: 100%; }
.table-weekly-statistics-labels thead .title-cell,
.table-weekly-statistics-labels tbody .title-cell { width: 100%; text-transform: uppercase; font-weight: bold; }
.table-weekly-statistics-labels tbody th { border-left: 1px solid #ccc; }
.table-weekly-statistics-labels tbody th .shortened { display: block; width: 236px; height: 22px; position: relative; }
.table-weekly-statistics-labels tbody th .shortened span { position: absolute; display: block; top: 0; left: 0; width: 236px; height: 22px; line-height: 22px; background: #F5F5F5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table-weekly-statistics-labels tbody th .shortened span:hover { width: auto; height: auto; overflow: auto; text-overflow: clip; z-index: 10; outline: 1px solid #666; background: #fff; padding: 0 4px; }
.table-weekly-statistics-container { float: left; width: 968px; overflow: auto; margin-bottom: 20px; }
.table-weekly-statistics-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

.table-monthly-statistics-labels { float: left; width: 250px; margin-bottom: 20px; }
.table-monthly-statistics-labels table { width: 250px; margin-bottom: 0px; }
.table-monthly-statistics-labels thead .name-cell,
.table-monthly-statistics-labels tbody .name-cell { width: 100%; }
.table-monthly-statistics-labels tbody th { border-left: 1px solid #ccc; }
.table-monthly-statistics-labels tbody th .shortened { display: block; width: 236px; height: 22px; position: relative; }
.table-monthly-statistics-labels tbody th .shortened span { position: absolute; display: block; top: 0; left: 0; width: 236px; height: 22px; line-height: 22px; background: #F5F5F5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table-monthly-statistics-labels tbody th .shortened span:hover { width: auto; height: auto; overflow: auto; text-overflow: clip; z-index: 10; outline: 1px solid #666; background: #fff; padding: 0 4px; }
.table-total-monthly-statistics-container,
.table-monthly-statistics-container { float: left; width: 968px; overflow: auto; margin-bottom: 20px; }
.table-total-monthly-statistics-container table,
.table-monthly-statistics-container table { width: auto; margin-bottom: 0px; border-right: 1px solid #ccc; }

table.table-stats { width: 100%; }
table.table-stats thead th { padding: 20px 6px; }
table.table-stats tbody td { padding: 20px 6px; text-align: center; }
table.table-stats tbody th { padding: 20px 6px; text-transform: uppercase; }
table.table-stats tbody tr:nth-child(2n+1) { background: #e5e5e5; }

table.table-side { width: 100%; }
table.table-side-big thead th { padding: 20px 6px; }
table.table-side-big tbody td { padding: 20px 6px; text-align: center; }
table.table-side-big tbody th { padding: 20px 6px; text-transform: uppercase; }
table.table-side tbody tr:nth-child(2n+1) { background: #e5e5e5; }

.table-desc { width: 100%; text-align: center; font-size: 14px; line-height: 20px; padding-bottom: 10px; height: 40px; }

.content-main { float: left; width: 798px; }

.content-side { float: right; width: 400px; }
.content-side .box { margin-bottom: 20px; }
.content-side .box .title { font-size: 14px; font-weight: normal; text-align: center; color: #fff; background: #aaa; border-radius: 8px 8px 0 0; line-height: 26px; text-transform: uppercase; }
.content-side .box .inside { border: 1px solid #aaa; border-top: 0; border-radius: 0 0 8px 8px; }
.content-side .box .inside .line { padding: 5px 9px; line-height: 14px; }
.content-side .box .inside .line:nth-child(2n+1) { background: #eee; }
.content-side .box .inside .line:last-child { border-radius: 0 0 8px 8px; }
.content-side .box .inside .line:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.content-side .box .inside .line .desc { font-size: 11px; }
.content-side .box .inside .line .legend { float: left; width: 280px; font-size: 11px; font-style: italic; }
.content-side .box .inside .line .value { float: left; width: 100px; text-align: right; font-weight: bold; }

.general-form { float: left; width: 960px; }
.general-form .line { float: left; width: 960px; padding: 10px; width: 940px; border-bottom: 1px solid #ccc; }
.general-form .line:nth-child(2n+1) { background: #f5f5f5; }
.general-form .line .input-box { float: left; width: 940px; }
.general-form .line .input-box label { float: left; width: 180px; text-align: right; margin-right: 20px; line-height: 26px; }
.general-form .line .input-box .input-text { float: left; width: 740px; }
.general-form .line .input-box .input-text input { width: 200px; padding: 4px 9px; border: 1px solid #ccc; }
.general-form .line .input-box .select { float: left; width: 740px; }
.general-form .line .input-box .select select { width: 220px; height: 26px; padding: 4px 9px; border: 1px solid #ccc; }
.general-form .line .button-box { float: left; width: 740px; margin-left: 200px; }
.general-form .line .button-box button { cursor: pointer; background: #333; border: 1px solid #333; color: #fff; padding: 4px 24px; font-size: 14px; font-weight: bold; }
.general-form .line .button-box button:hover { color: #333; background: #bbb; }
 
.data-form { margin-bottom: 20px; border-top: 1px solid #ccc; display: flex; flex-flow: row wrap; }
.data-form--rows { display: block; }
.data-form-row { display: flex; flex-flow: row wrap; }
.data-form-row-title { padding: 10px 0px 5px; font: serif; font-size: 16px; line-height: 22px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; border-bottom: 1px solid #ccc; }
.data-form .buttons-set { padding-top: 10px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.data-form .buttons-set .button { margin-right: 8px; }
.data-form .input-box { padding: 10px; width: 16.6666666667%; border-bottom: 1px solid #ccc; box-sizing: border-box; }
.data-form .input-box-25 { width: 25%; }
.data-form .input-box.gray,
.data-form .input-box:nth-child(2n+1) { background: #f5f5f5; }
.data-form .data-form-row--reverse .input-box:nth-child(2n) { background: #f5f5f5; }
.data-form .data-form-row--reverse .input-box:nth-child(2n+1) { background: #fff; }
.data-form .input-box label,
.data-form .input-box .label { display: block; padding-bottom: 5px; font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; line-height: 15px; height: 30px; }
.data-form .input-box .static { line-height: 26px; }
.data-form .input-box input { width: 100%; box-sizing: border-box; padding: 4px 9px; border: 1px solid #ccc; line-height: 16px; height: 26px; }
.data-form .input-box select { height: 26px; width: 100%; box-sizing: border-box; padding: 4px 9px; border: 1px solid #ccc; }
.data-form .input-box .button { margin-top: 4px; }
.data-form .input-date { }
.data-form .input-date label { float: left; width: 50%; }
.data-form .input-date input { float: left; width: 40%; margin-right: 10%; }
.data-form .input-radio { display: flex; flex-flow: row nowrap; align-items: center; }
.data-form .input-radio label { height: auto; padding-bottom: 0; padding-left: 8px; }
.data-form .input-radio input[type="radio"] { width: auto; padding: 0; }
.data-form .input-checkboxes { }
.data-form .input-checkboxes .input-checkboxes-title { display: block; padding-bottom: 5px; font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; line-height: 15px; height: 30px; }
.data-form .input-checkboxes label { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.data-form .input-checkboxes input { width: 20px; height: 20px; box-sizing: border-box; padding: 0; border: 1px solid #ccc; line-height: auto; margin: 0 5px 0 0; }
.data-form .data-form-note { padding-top: 6px; font-size: 11px; line-height: 14px; }
.data-form .data-form-note p + p { padding-top: 8px; }

.dialog-form { width: 100%; padding: 10px; box-sizing: border-box; }
.dialog-form .input-box { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding: 10px 0; border-bottom: 1px solid #ccc; }
.dialog-form .input-box label { padding-right: 10px; flex: 0 0 130px; line-height: 26px; font-size: 11px; }
.dialog-form .input-box label .required { font-size: 16px; color: #d00; }
.dialog-form .input-box label .note { display: block; font-size: 9px; font-weight: normal; font-style: italic; line-height: 12px; padding-top: 3px; }
.dialog-form .input-box input[type="text"],
.dialog-form .input-box input[type="number"] { flex: 1 1 0; padding: 4px 9px; border: 1px solid #ccc; height: 16px; line-height: 16px; }
.dialog-form .input-box textarea { flex: 1 1 0; padding: 4px 9px; border: 1px solid #ccc; height: 80px; line-height: 16px; resize: none; }
.dialog-form .input-box select { flex: 1 1 0; padding: 4px 9px; border: 1px solid #ccc; height: 26px; line-height: 16px; }
.dialog-form .input-box .error { flex: 1 1 0; margin-left: 130px; line-height: 20px; color: #d00; font-size: 11px; }
.dialog-form .buttons { float: left; width: 200px; padding-left: 100px; }

.itemssold_dialog_add.dialog-form .input-box label { flex: 0 0 170px; }
.itemssold_dialog_edit.dialog-form .input-box label { flex: 0 0 170px; }

.dialog-text { float: left; width: 336px; padding: 10px 0; font-size: 14px; text-align: center; border-bottom: 1px solid #ccc; }

.general-list { margin-top: 10px; }
.general-list .line { padding: 5px 0px; border-bottom: 1px solid #666; }
.general-list .line:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.general-list .line label,
.general-list .line .label { float: left; width: 240px; line-height: 16px; padding: 7px 0; }
.general-list .line .value { margin-left: 200px; line-height: 30px; position: relative; }
.general-list .line .value input[type="password"],
.general-list .line .value input[type="text"] { width: 180px; height: 20px; padding: 4px 9px; border: 1px solid #ccc; border-radius: 8px; box-shadow: inset 0 4px 10px -1px #ccc; color: #666; position: relative; z-index: 10; }
.general-list .line .value .error_list { position: absolute; top: 0; left: 180px;  color: #d3411f; line-height: 20px; font-size: 11px; border: 1px solid #d3411f; background: #ffece7; z-index: 5; border-radius: 8px; padding: 4px 20px 4px 40px; white-space: nowrap; }
.general-list .buttons { padding: 10px 0 10px 200px; }
.general-list .buttons .link { display: inline-block; line-height: 30px; margin-left: 20px; }
.general-list .buttons .button { margin-right: 10px; }
.general-list .buttons button { display: inline-block; }

.chart-select { margin-bottom: 20px; border-top: 1px solid #ccc; }
.chart-select .input-box { padding: 10px; border-bottom: 1px solid #ccc; background: #f5f5f5; }
.chart-select .input-box .label { display: block; padding-bottom: 5px; font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; }
.chart-select .input-box select { height: 26px; width: 100%; padding: 4px 9px; border: 1px solid #ccc; }

.charts {  }
.charts:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.charts-tab { display: none; }
.chart { margin-bottom: 10px; background: #eee; padding: 20px; box-sizing: border-box; }
.chart-left { float: left; width: 604px; }
.chart-right { float: right; width: 604px; }
.chart .inside { height: 1190px; }
.chart-pie .inside { margin: 0 auto; width: 1178px; height: 720px; }
.chart-left .inside,
.chart-right .inside { height: 700px; }/*height: 563px;*/
.chart .title { margin-bottom: 20px; font-size: 16px; text-align: center; }
.chart .buttons { margin-top: 20px; text-align: center; }
.chart .buttons:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.chart .buttons .button-refresh { float: left; }
.chart .buttons .button-print { float: right; }
.chart .buttons .button-email { float: right; margin-right: 10px; }

/* TABLE WITH LIST OF RESULTS */
table.adminlist { width: 100%; border-top: 1px solid #c2c2c2; }
table.adminlist th { text-align: left; border-left: none; padding: 6px; line-height: 16px; background: transparent url('../../images/manager/table-header.png') repeat-x top left; border-bottom: 1px solid #c2c2c2; border-right: 1px solid #c2c2c2; text-shadow: 1px 1px 0px #fff; }
table.adminlist th:first-child { border-left: 1px solid #c2c2c2; }
table.adminlist tr.filter-line th { background-image: none; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; }
table.adminlist tr.filter-line th:first-child { border-left: 1px solid #e0e0e0; }
table.adminlist th a { color: #373737; text-decoration: underline; }
table.adminlist th a:hover { text-decoration: none; }
table.adminlist th.col-sort-active { background: transparent url('../../images/manager/table-header-sort.png') repeat-x top left; }
table.adminlist th.col-sort h3 { background: transparent url('../../images/manager/sort-sort.png') no-repeat top left; padding-left: 10px; }
table.adminlist th.col-sort h3.asc { background: transparent url('../../images/manager/sort-asc.png') no-repeat 0px 2px; }
table.adminlist th.col-sort h3.desc { background: transparent url('../../images/manager/sort-desc.png') no-repeat 0px 9px; }
table.adminlist td { height: 40px; vertical-align: middle; padding: 6px; border-bottom: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; overflow: hidden; text-overflow: ellipsis; }
table.adminlist td:first-child { border-left: 1px solid #e0e0e0; }
table.adminlist tr:nth-child(2n) td { background: #fff; }
table.adminlist tr:nth-child(2n) td.col-sort-active { background: #eeeeee; }
table.adminlist tr:nth-child(2n+1) td { background: #f3f3f3; }
table.adminlist tr:nth-child(2n+1) td.col-sort-active { background: #e2e2e2; }
/*table.adminlist .col-id { width: 20px; text-align: center; }*/
table.adminlist .col-actions { width: 180px; text-align: right; white-space: nowrap; }
/*table.adminlist .col-actions a { display: inline-block; padding: 2px 4px; }
table.adminlist .col-actions a:hover{  background-color: #eb2027; color: #fff; text-decoration: none; }
table.adminlist .col-actions a img { vertical-align: middle; }*/
table.adminlist .red-info { display: inline-block; padding: 4px 6px; background: #eaa; color: #600; }
table.adminlist .green-info { display: inline-block; padding: 4px 6px; background: #aea; color: #060; }
table.adminlist .action-edit { display: inline-block; height: 16px; padding: 0 0 0 20px; background: transparent url('../images/ico-edit.png') no-repeat top left; margin-left: 20px; }
table.adminlist .action-delete { display: inline-block; height: 16px; padding: 0 0 0 20px; background: transparent url('../images/ico-delete.png') no-repeat top left; margin-left: 20px; }
table.adminlist .col-50 { width: 50px; }
table.adminlist .col-100 { width: 100px; }
table.adminlist .col-150 { width: 150px; }
table.adminlist .col-200 { width: 200px; }
table.adminlist .col-220 { width: 220px; }
table.adminlist .col-240 { width: 240px; }
table.adminlist select { width: 100%; }
table.adminlist input { width: 98%; }
/* END TABLE WITH LIST OF RESULTS */

.home-top { margin: 20px 0 40px 0; }
.home-top:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.home-top .image { float: left; width: 430px; }
.home-top .desc { margin-left: 430px; line-height: 20px; }
.home-top .desc h2 { font-size: 16px; font-weight: bold; padding-bottom: 20px; text-align: center; }
.home-top .desc p { font-size: 14px; padding-bottom: 20px; text-align: justify; }
.home-top .desc ul { list-style-type: disc; margin-left: 24px; }
.home-top .desc li { font-size: 14px; padding-bottom: 20px; text-align: justify; }

.home-video { padding: 20px 0px 40px; text-align: center; }

.home-columns { margin-bottom: 20px; }
.home-columns .top { text-align: center; margin-bottom: 10px; }
.home-columns .cols { width: 960px; margin: 0 auto; }
.home-columns .col { float: left; width: 300px; margin-right: 30px; }
.home-columns .col.last { margin-right: 0; }
.home-columns .col h2 { text-align: center; font-size: 16px; font-weight: bold; }
.home-columns .col img { display: block; max-width: 100%; padding: 20px 0; margin: 0 auto; }
.home-columns .col p { font-size: 16px; line-height: 20px; }

.text-content { line-height: 18px; }
.text-content--padding { padding-top: 18px; }
.text-content h2 { font-size: 18px; padding-bottom: 18px; line-height: 24px; }
.text-content h3 { font-size: 14px; font-weight: bold; padding-bottom: 18px; }
.text-content p { font-size: 14px; padding-bottom: 18px; }

.testimonials { margin: 0 auto; width: 640px; padding: 20px 160px; }
.testimonials .top { padding-bottom: 20px; text-align: center; }
.testimonials .testimonial { padding-bottom: 20px; margin-bottom: 20px; background: transparent url('../images/live/separator.png') no-repeat center bottom; }
.testimonials .testimonial img { float: left; margin: 0 10px 10px 0; }
.testimonials .testimonial p { line-height: 18px; font-size: 14px; padding-bottom: 18px; }

.buy-page { margin: 0 auto; width: 960px; padding: 20px 0 40px 0; margin-bottom: 20px; background: transparent url('../images/live/separator.png') no-repeat center bottom; }
.buy-page:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.buy-page .form { float: right; width: 271px; }
.buy-page .desc { float: left; width: 660px; line-height: 20px; }
.buy-page .desc img { display: block; max-width: 660px; padding-bottom: 10px; }
.buy-page .desc h3 { font-size: 16px; font-weight: bold; }
.buy-page .desc p { font-size: 14px; line-height: 20px; padding-bottom: 20px; }

.buy-message { padding: 0 20px; font-size: 14px; line-height: 20px; text-align: center; }
.buy-message p { padding-bottom: 20px; }
.buy-message .button { float: none; display: inline-block; }

.video-list { padding: 20px 0; }
.video-list .elem { padding-bottom: 20px; border-bottom: 1px solid #666; margin-bottom: 20px; }
.video-list .elem:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.video-list .elem .image { float: left; width: 300px; }
.video-list .elem .image img { max-width: 300px; }
.video-list .elem .details { margin-left: 320px; }
.video-list .elem .details h1 { font-size: 18px; padding-bottom: 18px; line-height: 24px; }
.video-list .elem .details p { font-size: 14px; padding-bottom: 18px; }

.video-single { padding: 20px 0; margin-bottom: 20px; }
.video-single .video { padding: 0 0 20px 0; text-align: center; }
.video-single .details { width: 640px; margin: 0 auto; }
.video-single .details h1 { font-size: 18px; padding-bottom: 18px; line-height: 24px; }
.video-single .details p { font-size: 14px; padding-bottom: 18px; line-height: 18px; }

.video-extra { margin-bottom: 40px; text-align: center; }
.video-extra p { line-height: 20px; font-weight: bold; }

.files-list { padding: 20px 0; }
.files-list .elem { padding-bottom: 20px; border-bottom: 1px solid #666; margin-bottom: 20px; }
.files-list .elem:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.files-list .elem .image { float: left; width: 120px; }
.files-list .elem .image img { max-width: 120px; }
.files-list .elem .details { margin-left: 140px; }
.files-list .elem .details h1 { font-size: 18px; padding-bottom: 18px; line-height: 24px; }
.files-list .elem .details p { font-size: 14px; padding-bottom: 18px; line-height: 18px; }

.text {  }
.text strong { font-weight: bold; }
.text em { font-style: italic; }
.text p { font-size: 18px; padding-bottom: 18px; line-height: 24px; }
.text ul { font-size: 18px; padding-bottom: 18px; line-height: 24px; list-style-type: disc; margin-left: 24px; }
.text ul li {  }
.text ol { font-size: 18px; padding-bottom: 18px; line-height: 24px; list-style-type: decimal; margin-left: 24px; }
.text ol li {  }
.text ul ul,
.text ul ol,
.text ol ul,
.text ol ol { padding-bottom: 0; }
.text h2 { font-weight: bold; font-size: 26px; padding-bottom: 18px; line-height: 28px; }
.text h3 { font-weight: bold; font-size: 22px; padding-bottom: 18px; line-height: 24px; }
.text h4 { font-weight: bold; font-size: 18px; padding-bottom: 18px; line-height: 18px; }
.text *:last-child { padding-bottom: 0; }

.faq-list { padding: 20px 0; }
.faq-list .faq-section { font-size: 24px; text-transform: uppercase; font-weight: bold; text-decoration: underline; padding-bottom: 30px; }
.faq-list .faq-item { padding-bottom: 20px; border-bottom: 1px solid #666; margin-bottom: 20px; }
.faq-list .faq-item:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.faq-list .faq-item .faq-question { font-size: 18px; padding-bottom: 18px; line-height: 24px; }
.faq-list .faq-item .faq-answer { font-size: 18px; line-height: 24px; }

.oms-index { text-align: center; }
.oms-index-desc { padding: 20px 0px; font-size: 16px; text-align: center; }
.oms-index a { display: inline-block; margin: 20px 40px; }
.oms-index a img { width: auto; }
.oms-index .start-link img { height: auto; width: auto; padding-right: 0; }
.oms-index-videos { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; }
.oms-index-desc .question-link { margin: 0 10px 0 0; }
.oms-index-videos .question-link { margin: 0 20px; }

.charts-navigation { padding-bottom: 20px; }
.charts-navigation-prev { float: left; }
.charts-navigation-next { float: right; }

.features { margin: 0 auto; width: 640px; padding: 20px; }
.features .top { padding-bottom: 20px; text-align: center; font-size: 30px; }
.features .elem { padding-bottom: 20px; margin-bottom: 20px; background: transparent url('../images/live/separator.png') no-repeat center bottom; }
.features .elem .question { font-weight: bold; line-height: 18px; font-size: 14px; color: #166C6D; padding-bottom: 9px; }
.features .elem .answer { }
.features .elem .answer p { line-height: 18px; padding-bottom: 9px; }
.features .elem .answer ul { line-height: 18px; padding-bottom: 9px; list-style-type: disc; margin: 0 0 0 24px;}
.features .elem .answer ol { line-height: 18px; padding-bottom: 9px; list-style-type: decimal; margin: 0 0 0 24px;}

.total-companies { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 40px; grid-row-gap: 0px; position: relative; }
.total-companies::after { content: ''; position: absolute; top: 0; left: 50%; height: 100%; width: 1px; background: #aaa; }
.total-companies ul { line-height: 15px; }
.total-companies .buttons { padding-top: 20px; }
.total-companies .buttons .button { margin-right: 30px; }

#staff-container .staff-tr-archived { display: none; }
#staff-container .staff-tr-normal { display: table-row; }
#staff-container .staff-tr-archived.filter-hidden,
#staff-container .staff-tr-normal.filter-hidden { display: none !important; }

#staff-container.show-archived .staff-tr-archived { display: table-row; }
#staff-container.show-archived .staff-tr-normal { display: none; }
#staff-container.show-archived tfoot { display: none; }

#staff-toggle-archived { margin-left: 20px; }
#staff-toggle-archived .normal { display: inline-block; }
#staff-toggle-archived .archived { display: none; }
#staff-toggle-archived.show-archived .normal { display: none; }
#staff-toggle-archived.show-archived .archived { display: inline-block; }

.monthly-definitions dl { }
.monthly-definitions dt { font-size: 18px; line-height: 28px; font-weight: bold; }
.monthly-definitions dd { padding: 0 0 28px 28px; font-size: 14px; line-height: 22px; text-align: justify; }
.monthly-definitions dd p + p { padding-top: 11px; }
.monthly-definitions > p { font-size: 14px; line-height: 22px; }

.table-data-reports table .cell-reports-input { width: 160px; }
.table-data-reports table .cell-reports-input input { width: 100%; }
.table-data-reports table .cell-reports-text { width: 160px; }
.table-data-reports table .cell-reports-text-red { color: #f36f21; }
.table-data-reports table .cell-reports-text-green { color: #46bd7e; } 
.table-data-reports table th strong { font-size: 10px; font-family: Verdana, sans-serif; }
.table-data-reports-buttons { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 10px; }

@page {
  size: A4;
  margin: 0.5cm;
}
@media print {
    html, body {
        width: 210mm;
    }
    body { background: #fff !important; }
    .container { width: 100%; }
    .page-header { display: none !important; }
    .page-footer { display: none !important; }
    .tabs-menu { display: none !important; }
    .tabs .tab h2 { display: none !important; }
    table thead th { border-color: #000; border-width: 2px; }
    table tbody td { border-color: #000; border-width: 2px; }
    table tbody th { border-color: #000; border-width: 2px; }
    table tfoot td { border-color: #000; border-width: 2px; }
    .content-side .box .title { border-bottom: 2px solid #000; font-size: 12px; font-weight: bold; }
    .content-side .box .inside { border-radius: 0; border: 0; width: 300px; }
    .chart-select { display: none !important; }
    .charts-navigation { display: none; }
    .chart { padding: 10px 20px; padding: 0; }
    .chart .buttons  { display: none !important; }

    .chart-left { width: auto; }
    .chart-right { float: left; clear: right; width: auto; }
    .chart .inside { /*height: auto;*/ }
    .chart-pie .inside { width: 100%; /*height: auto;*/ }
    .chart-left .inside,
    .chart-right .inside { /*height: auto;*/ }

    .table-data-labels { page-break-after: always; }
    .table-data-container { width: auto; overflow: visible; }
    .table-income-expenses-labels { page-break-after: always; }
    .table-income-expenses-container { width: auto; overflow: visible; }
    .table-referral-labels { page-break-after: always; }
    .table-referral-container { width: auto; overflow: visible; }
    .table-staff-container { width: auto; }
    .table-budget-container { width: auto; }
    .budget-projections-container { width: auto; }
    .weekly-table-container { width: auto; overflow: visible; }
    .table-clinician-single-labels { page-break-after: always; }
    .table-clinician-single-totals { page-break-after: always; }
    .table-clinician-single-container { width: auto; overflow: visible; }
    .weekly-stats-labels { page-break-after: always; }
    .weekly-stats-container { width: auto; overflow: visible; }
    .weekly-master-labels { page-break-after: always; }
    .weekly-master-container { width: auto; overflow: visible; }
    .weekly-profession-labels { page-break-after: always; }
    .weekly-profession-container { width: auto; overflow: visible; }
    .table-weekly-custom-labels { page-break-after: always; }
    .table-weekly-custom-container { width: auto; overflow: visible; }
    .tabs-timeout { display: none; }
}

.consultant-container { background: #aaa; position: relative; z-index: 100; }
.consultant-layout { margin: 0 auto; width: 1218px; height: 40px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.consultant-profile { margin-left: auto; }
.consultant-connect { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 12px; }
.consultant-connect form { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 12px; }
.consultant-connect form .choices-organization { width: 300px; }
.consultant-connect form .choices-user { width: 200px; }
.consultant-connect-organization { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 4px; }

.paindex-action { box-sizing: border-box; border: 0; border-radius: 4px; background: #166C6D; color: white; padding: 4px 12px; margin: 0; line-height: 16px; font-size: 12px; cursor: pointer; }
.paindex-action:hover { background: #228b7b; text-decoration: none; }
.paindex-action + .paindex-action { margin-left: 10px; }

.paindex-table { border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.paindex-row-new-part td { border-top: 2px solid #ccc; }

.paindex-staff-survey { }
.paindex-staff-survey p { font-size: 14px; line-height: 20px; padding-bottom: 10px; }
.paindex-staff-survey-input { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 8px; }
.paindex-staff-survey-input button { box-sizing: border-box; border: 0; border-radius: 4px; background: #166C6D; color: white; padding: 4px 12px; margin: 0; line-height: 22px; font-size: 12px; cursor: pointer; }
.paindex-staff-survey-input button:hover { background: #228b7b; text-decoration: none; }
.paindex-staff-survey-input input { width: 100%; padding: 4px 10px; box-sizing: border-box; border: 1px solid #aaa; border-radius: 4px; font-size: 14px; line-height: 20px; }
.paindex-staff-survey-action { margin-top: 20px; }
.paindex-staff-survey-action a { display: inline-block; box-sizing: border-box; border: 0; border-radius: 4px; background: #166C6D; color: white; padding: 4px 12px; margin: 0; line-height: 22px; font-size: 12px; cursor: pointer; }
.paindex-staff-survey-action a:hover { background: #228b7b; text-decoration: none; }

.pacall-page-title { padding-bottom: 18px; border-bottom: 1px solid #d0d0d0; margin: 10px 0; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; }
.pacall-page-title h2 { font-size: 18px; line-height: 24px; }
.pacall-page-title-actions { margin-left: auto; }
.pacall-page-title-action { display: block; box-sizing: border-box; border: 1px solid transparent; border-radius: 4px; padding: 4px 12px; margin: 0; line-height: 18px; font-size: 14px; cursor: pointer; }
.pacall-page-title-action--back { border-color: #666;  background: #666; color: white; }

.pacall-form { }
.pacall-form-section { border: 1px solid #aaa; background: #f4f4f4; border-radius: 8px; padding: 16px; margin-bottom: 16px; }
.pacall-form-header { padding-bottom: 12px; border-bottom: 1px solid #aaa; margin-bottom: 12px; }
.pacall-form-header-note { font-size: 14px; line-height: 20px; }
.pacall-form-section-title { font-size: 24px; line-height: 32px; font-weight: bold; }
.pacall-form-row { padding-bottom: 12px; border-bottom: 1px dashed #aaa; margin-bottom: 12px; }
.pacall-form-row:last-child { padding-bottom: 0; border-bottom: 0; margin-bottom: 0; }
.pacall-form-row--annotate { outline: 3px solid #666; padding: 6px; }
.pacall-form-row--annotate:last-child { padding-bottom: 6px; }
.pacall-form-row--2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 0px; }
.pacall-form-row--3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 0px; }
.pacall-form-row--4 { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 0px; }
.pacall-form-row--text { font-size: 14px; line-height: 20px; }
.pacall-form-row--text ul { list-style-type: disc; margin-left: 20px; }

.pacall-form-text { }
.pacall-form-text p { font-size: 14px; line-height: 20px; }
.pacall-form-text p + p { padding-top: 20px; }

.pacall-form-field-label { display: block; padding-bottom: 8px; font-weight: bold; font-size: 12px; line-height: 16px; }
.pacall-form-field-label em { font-weight: normal; }
.pacall-form-field-input { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 8px; }
.pacall-form-field-input input { width: 100%; padding: 4px 10px; box-sizing: border-box; border: 1px solid #aaa; border-radius: 4px; font-size: 14px; line-height: 20px; }
.pacall-form-field-input--100 input { width: 100px; }
.pacall-form-field-input--200 input { width: 200px; }
.pacall-form-field-input-suffix { font-size: 12px; font-weight: bold; white-space: nowrap; }
.pacall-form-field-input-prefix { font-size: 12px; font-weight: bold; white-space: nowrap; }

.pacall-form-field-textarea { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 8px; }
.pacall-form-field-textarea textarea { width: 100%; padding: 4px 10px; box-sizing: border-box; border: 1px solid #aaa; border-radius: 4px; font-size: 14px; line-height: 20px; }

.pacall-form-field-radios { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 24px; }
.pacall-form-field-radio { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 6px; }
.pacall-form-field-radio input { margin: 0; }
.pacall-form-field-radio span { font-size: 14px; line-height: 20px; }

.pacall-form-field-select { display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 8px; }
.pacall-form-field-select select { width: 100%; padding: 4px 10px; box-sizing: border-box; border: 1px solid #aaa; border-radius: 4px; font-size: 14px; line-height: 20px; background: white; }
.pacall-form-field-select--100 select { width: 100px; }
.pacall-form-field-select--200 select { width: 200px; }

.pacall-form-field-yesno-grid { padding-top: 16px; width: fit-content; display: grid; grid-template-columns: repeat(3, auto); grid-template-rows: auto; grid-column-gap: 24px; grid-row-gap: 16px; align-items: start; }
.pacall-form-field-yesno-grid input { margin: 0; }

.pacall-form-field-grid { display: grid; grid-template-rows: auto; grid-column-gap: 16px; grid-row-gap: 16px; }
.pacall-form-field-grid--1 { grid-template-columns: 1fr; }
.pacall-form-field-grid--2 { grid-template-columns: repeat(2, 1fr); }
.pacall-form-field-grid--fit { width: fit-content; }
.pacall-form-field-grid-label { align-self: center; }

.pacall-form-field-file { }
.pacall-form-field-files { border-top: 1px solid #ccc; border-left: 1px solid #ccc; width: fit-content; margin-top: 16px; display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; grid-column-gap: 0px; grid-row-gap: 0px; background: white; }
.pacall-form-field-files-name { border-bottom: 1px solid #ccc; padding: 8px 20px; border-right: 1px solid #ccc; }
.pacall-form-field-files-link { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 8px 20px; }

.pacall-form-buttons { display: grid; grid-template-columns: 1fr 5fr; grid-template-rows: 1fr; grid-column-gap: 16px; grid-row-gap: 0px; }
.pacall-form-back { grid-area: 1 / 1 / 2 / 2; box-sizing: border-box; border: 1px solid #666; border-radius: 8px; background: #666; color: white; padding: 10px 40px; margin: 0; line-height: 24px; font-size: 18px; cursor: pointer; text-align: center; }
.pacall-form-back--solo { grid-area: 1 / 1 / 2 / 3; }
.pacall-form-save { grid-area: 1 / 2 / 2 / 3; box-sizing: border-box; border: 1px solid #166C6D; border-radius: 8px; background: #166C6D; color: white; padding: 10px 40px; margin: 0; line-height: 24px; font-size: 18px; cursor: pointer; text-align: center; }
.pacall-form-save--solo { grid-area: 1 / 1 / 2 / 3; }


.pacall-survey-results { }
.pacall-survey-results-row { margin-bottom: 20px; }
.pacall-survey-results-row:last-child { margin-bottom: 0; }
.pacall-survey-results-header { background: white; border: 1px solid #666; padding: 10px; border-radius: 6px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; gap: 10px; cursor: pointer; }
.pacall-survey-results-row--active .pacall-survey-results-header { border-radius: 6px 6px 0 0; }
.pacall-survey-results-header-arrow { }
.pacall-survey-results-row--active .pacall-survey-results-header-arrow { transform: rotate(90deg); }
.pacall-survey-results-header-question { }
.pacall-survey-results-content { display: none; border: 1px solid #666; border-top: 0; padding: 10px; border-radius: 0 0 6px 6px; background: white; }
.pacall-survey-results-row--active .pacall-survey-results-content { display: block; }
.pacall-survey-results-content-row { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; font-size: 14px; line-height: 20px; border-bottom: 1px dashed #999; padding: 4px 0; }
.pacall-survey-results-content-question { }
.pacall-survey-results-content-answer { }