<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">p* {
    margin: 0;
}
html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
#main_pusher {
    width: 1000px;
    height: 1px;
    background: #f00;
}
input, textarea, .input, .textarea {
    font-size: 1em;
}
input[type="button"], input[type="submit"] {
    border: 3px double #fff;
    padding: 3px 5px;
    color: #fff;
    background: #4291d8;
}
input[type="button"]:hover, input[type="submit"]:hover {
    background: #77aad8;
    color: #fff;
}
.align-right {
    text-align: right;
}
.basic-align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.fixed-width {
    float: right;
}
.float-left {
}
img {
    border: 0;
    margin: 0;
    padding: 0;
}
.clear {
    clear: both;
    float: none;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.nomargin {
   margin: 0 !important;
}
.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align &gt; [class^="col-"],
.vertical-align &gt; [class*=" col-"] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hide {
    display: none;
}
#sf_admin_container h1.left {
    padding-left: 0px;
}
.wrapper {
    display: block;
    height: auto !important;
    height: 100%;
    padding: 0 0 0 0;
    position: relative;
    flex: 1;
}
.footer, .push {
    min-height: 50px;
}
.container {
    width: 100%;
    margin: 0 auto;
}
.bottom-container {
    margin-bottom: 10px;
}
.top-container-bottom {
    height: 9px;
    font-size: 0.091em;
}
#header {
    position: relative;
    height: auto;
    min-height: 90px;
}
#banner {
    margin-top: 0px;
    padding: 0 0 0 1px;
}
#shop-logo {
    padding: 10px;
}
#shop-logo img {
    max-width: 100%
}
.footer .container .copyright {
    color: #717171;
    padding: 0 20px 0 0;
}
.footer .container .footer_menu {
    color: #828282;
}
.footer .container div {
    color: #606060;
    margin: 0;
    font-size: 0.909em;
    padding: 0;
}
.footer-menu {
    float: right;
    display: block;
    padding: 19px 25px 0 0 !important;
}
.copyright {
    margin-left: 10px;
}
#td_sf_admin_bar {
    width: 210px;
    z-index: 10;
}
#sf_admin_bar h2 {
    padding: 0;
    margin: 0;
}
#td_sf_admin_content {
    padding-left: 2px;
}
#product_tree_header, #td_sf_admin_bar h2 {
    width: 100%;
    color: #fff;
    padding: 10px 5px;
    font-weight: normal;
    text-align: center;
    text-transform: uppercase;
}
#product_tree {
    color: #002d56;
}
.freetype_product_link {
    padding: 0 0 10px 0;
    float: left;
}
.freetype_product_link, .freetype_product_link a {
    color: #6e6e6e;
}
.freetype_product_link a:hover {
    color: #ee1c23;
}
.link_red_marker {
    background: url(../../images/layouts/default/marker_02.gif) right no-repeat;
    padding-right: 13px;
}
.sf_admin_filters fieldset, .sf_admin_filters form {
    border: 0;
    padding: 0;
    margin: 0;
}
.sf_admin_filters fieldset .form-row, .sf_admin_filters fieldset .attribute-filter-row {
    padding: 3px 8px;
}
.sf_admin_filters fieldset .form-row .content &gt; label, .sf_admin_filters fieldset .attribute-filter-row .content &gt; label {
    padding: 2px;
    text-align: left;
}
.sf_admin_filters fieldset .form-row .content input.string {
    width: 185px;
}
.sf_admin_filters fieldset .form-row .content input.integer {
    width: 90px;
}
.sf_admin_filters fieldset .form-row .content input.very-small-input {
    width: 90px;
}
ul.sf_admin_actions {
    list-style: none;
}
ul.sf_admin_actions li {
    display: inline;
    list-style: none;
}
#add_to_cart_buttons {
    text-align: left;
    float:right;
}
.grey_button {
    background: #f1f1f1;
    border: 0;
    padding: 8px 10px;
    color: #ee1c23;
    font-size: 1.091em;
}
.grey_button:hover {
    text-decoration: underline;
}
table td {
    vertical-align: top;
}
table.sf_admin_list {
    background: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-right: 2px;
}
table.home_document_table {
    background: #fff;
    border: 1px solid #eee;
    margin-right: 10px;
    width: 98%;
}
table.sf_admin_list thead tr th,
table.sf_admin_list tbody tr td
table.credential_list thead tr th,
table.credential_list tbody tr td{
    padding: 2px 5px;
    border-left: 1px solid #fff;
}
table.home_document_table thead tr th,
table.home_document_table tbody tr th,
table.home_document_table thead tr td {
    padding: 3px 5px;
    border-left: 1px solid #fff;
}
table.sf_admin_list tbody tr td, table.credential_list tbody tr td,table.home_document_table tbody tr td {
    border-bottom: 1px dotted #4291d8;
    background-repeat: repeat-y;
    background-position: right;
    vertical-align: middle;
    border-right: none;
}
table.home_document_table_nohover, table.home_document_table_nohover thead tr td, table.home_document_table_nohover tbody tr td {
    border-bottom: none;
}
table.sf_admin_list tbody tr:hover, table.credential_list tbody tr:hover,table.home_document_table tbody tr:hover, table.home_document_table tbody tr.sf_row:hover {
    background: #FFFFAA;
}
table.sf_admin_list tfoot tr.summary-footer-top th, table.credential_list tfoot tr.summary-footer-top th  {
}
table.sf_admin_list thead tr th,
table.home_document_table thead tr th,
table.home_document_table tbody tr th {
    background: #4291d8;
    text-align: left;
}
table.sf_admin_list thead tr th, table.home_document_table thead tr th,
table.sf_admin_list tbody tr th, table.home_document_table tbody tr th,
table.sf_admin_list thead tr th a, table.home_document_table thead tr th a,
table.sf_admin_list tbody tr th a, table.home_document_table tbody tr th a {
    color: #fff;
}
table.sf_admin_list tfoot tr th, table.home_document_table tfoot tr th {
    padding: 5px 0;
}
table.sf_admin_list input.small-input {
    width: 85px;
}
table.sf_admin_list input.very-small-input {
    width: 50px;
}
ul.sf_admin_td_actions {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    white-space: nowrap;
}
ul.sf_admin_td_actions li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline;
    white-space: nowrap;
    flex: 0 0 auto;
}
input.add_product_to_basket {
    width: 35px;
    text-align: center;
}
input.add_product_to_basket_submit {
    width: 33px;
    height: 24px;
    border: 0;
    background: url(../../images/layouts/default/icon_basket_white.png) no-repeat;
    border: 1px solid #fff;
    cursor: pointer;
    margin-left: 5px;
}
input.add_product_to_basket_submit:hover {
    background: url(../../images/layouts/default/icon_basket_white.png) no-repeat;
}

#footer {
    width: 100%;
    min-height: 50px;
    background: #afafaf;
}
#header-menu {
    text-align: right;
    padding: 10px 25px 0 0;
    color: #696969;
    float:right;
    max-width:45%;
}
#header-menu a {
    color: #0357AF;
}
#header-menu a:hover {
    color: #222;
}
.global-save-error h2 {
    margin: 0 0 5px 0;
}
.global-save-error a {
    color: #f00;
}
.global-save-error {
    color: #f00;
    padding: 5px 20px 0 0;
}
.global-save-ok {
    padding: 5px 20px 0 0;
    margin-bottom: 10px;
    color: #484;
}
.global-message {
    padding: 5px 20px 0 20px;
    margin-bottom: 10px;
    color: #CC6600;
}
#productcategorytree_menu, #table_visible_cols_menu, #table_visible_cols_menu ul ul {
    position: relative;
    background: #fff;
    padding: 5px;
    border: 1px solid #ddd;
    z-index: 12 !important;
}
#productcategorytree_menu ul, #table_visible_cols_menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#productcategorytree_menu ul li, #table_visible_cols_menu ul li {
    border-bottom: 1px solid #ddd;
    padding: 2px 0;
}
ul.none {
    list-style: none;
    margin: 5px 0 15px 0;
}
#treeDomSpace {
    padding: 0 0 10px 0;
}
#company_left_panel,
#company_right_panel,
#product_left_panel,
#product_right_panel,
#home_left_panel_ph,
.left-panel,
.right-panel {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    float: left;
    padding: 5px 10px;
    border-top: 0px solid #ddd;
}
#synchronization_panel {
    min-width: 47.9%;
    max-width: 47.9%;
    padding: 5px 10px;
    border-top: 0px solid #ddd;
    border-right: 1px solid #ddd;
}
#company_left_panel,
#product_left_panel,
.left-panel {
    border-right: 1px solid #ddd;
}
.home-block-data {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 5px;
}
.home-block-data p {
    margin: 10px 0 5px 0;
}
.home-block-data h3 {
    margin: 5px 0 5px 0;
}
.home-block-data-first {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
p.condensed {
    margin: 5px 0 5px 0;
}
p.condens{
    margin: 5px 0 5px 0;
    display: inline;
    float: left;
}
ul.file_list {
    width: 440px !important;
}
.highlight {
    background: #ffa;
    padding: 10px;
}
.separate {
    margin: 20px 0 ;
}
ul.filter_list {
    list-style: none;
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0;
}
.form-row .content {
    margin-bottom: 5px;
}
.attribute-filter-row label, .sf_admin_filters .form-row &gt; label {
    display: block;
}
.sf_admin_actions li {
    margin: 0 5px 5px 0;
}
#sf_admin_content p.sf_admin_users_limit{
    padding: 10px;
    margin: 0px;
}
span.date_from_to_label, span.date_from_to_label {
    display: block;
}
span.state-active {
    cursor: pointer;
}
span.state-active:hover {
    text-decoration: underline;
}
.form-row &gt; label {
    display: block;
    float: none;
    pointer-events:none;

}
.mass_process_operation {
    width: 100%;
    text-align: right;
    margin-bottom: 5px;
}
#productcategory_attributes_filter_field {
    margin-top: 5px;
}
.sf_admin_filters .attribute-filter-row .content {
    padding: 0 0 5px 0;
}
#sf_make_order_form table input[type="text"] {
    width: 60px;
    text-align: center;
}
input#basket_name {
    width: 200px !important;
    text-align: left !important;
}
#add_to_cart_buttons_in_basket {
    float: right;
}
.sf_admin_list_header {
    margin-top: 10px;
}
input[type="text"].disabled,
.input.disabled {
    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
input[type="button"]:disabled:active, input[type="button"]:disabled{
    background-color:gray;
}
table.sf_admin_list tfoot tr th div span {
    color: #77aad8;
}
table.sf_admin_list tfoot tr th.th-summary {
    padding: 10px 20px 5px 10px;
}
#powered_by {
    padding: 2px 5px;
    margin: 0;
    display: inline-block;
}
#powered_by a {
    display: block;
    width: 70px;
    height: 40px;
}
#powered_by div {
    margin: 0;
}
.document-offer-question-options {
    margin: 0 0 10px 0;
}
#document_invoice_calculator_submit, #document_order_calculator_submit {
    margin-top: 10px;
}
table.sf_admin_list_header {
    width: 100%;
}
table.sf_admin_list_header &gt; thead &gt; tr &gt; td {
    padding: 0 25px;
    border-right: 1px solid #ddd;
    width: 33%;
}
.show_row {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-top: 10px;
}
.show_row:last-child{
    border-bottom: none;
}
.show_row &gt; label {
    display: block;
    width: 150px;
    float: left;
    padding-right: 10px;
}
.show_row .radio.radio-inline {
    margin-top: 0px;
}
.show_row .checkbox.has-label:first-child {
    margin-top: 0px;
}
.show_row .checkbox.has-label:last-child {
    margin-bottom: 0px;
}
.no-float {
    float: none !important;
}
#home_left_panel h2, #home_right_panel h2, #synchronization_panel h2,
.left-panel h2, .right-panel h2 {
    margin: 5px 0 20px 0;
}
.panel h3, #home_left_panel h3, #home_right_panel h3, #synchronization_panel h3,
.left-panel h3, .right-panel h3 {
}
.panel h3.no-background, #home_left_panel h3.no-background, #home_right_panel h3.no-background, #synchronization_panel h3.no-background,
.left-panel h3.no-background, .right-panel h3.no-background  {
    margin: 5px 0 10px 0;
    padding: 2px 5px;
    color: #fff;
    background: none !important;
}
.position-options {
    display: inline;
}
.hidden {
    display: none;
}
.show {
    display: block;
}
.company-block-data .create_document {
    margin: 0 0 5px 0;
}
.company-block-data p {
    margin: 0 !important;
    padding: 1px 20px !important;
}
.sf_admin_list_header {
    margin-top: 40px;
}
.basket_count_overlay div {
    display: inline;
    position: absolute;
    width: 25px;
    text-align: center;
    z-index: 1;
}
.basket_count_overlay a {
    position: relative;
    z-index: 1;
}
span.confirm-ajax-loader {
    width: 20px;
    height: 20px;
    margin-left: 5px;
    background: #fff url('/images/ajax-loader.gif') no-repeat fixed center center;
    border-radius: 100%;
}
span.confirm-ajax-ok {
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: #fff url('/images/accept.png') no-repeat fixed center center;
}
span.confirm-ajax-error {
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: #fff url('/images/exclamation.png') no-repeat fixed center center;
}
span.confirm-ajax-hidden {
    display: none;
}
div.error label, div.error input, div.error textarea {
    color: #f00 !important;
}
div.error input, div.error textarea, div.error ul.select2-choices, div.error select {
    border-color: #f00 !important;
}
.yuimenuitem .yuimenuitem {
    width: 250px
}
.yuimenuitem a {
    background: #fff;
    color: #888;
    display: block;
}
.yuimenuitem a:hover {
    color: #222;
}
.export_box {
    width: 800px;
    height: 350px;
}
.image_list {
    margin: 0;
    padding: 0;
}
.image_list li {
    display: block;
    float: left;
    list-style: none;
    margin: 0 5px 5px 0;
}
.complet_details, .complet_details a {
    color: #bbb;
}
.sf_admin_list tr td ul {
    margin: 0;
    padding: 0 0 0 15px;
}
.aura_version {
    float: left;
    color: #eee !important;
    margin: 9px 0 0 60px !important;
    font-size: 9px !important;
}
.center_table td, .center_table th {
    text-align: center !important;
}
.ygtvlabel_selected_node {
    font-weight: bold !important;
    color: #243F87 !important;
}
.product-price-element, .product-price-element-vat {
    font-size: 1.273em;
}
.product-price-element-vat {
    margin-top: 10px;
}
.product-price-element-netto,
.product-price-element-brutto {
    padding: 0 4px;
}
.product-price-element-netto-price, .product-price-element-brutto-price {
    font-weight: bold;
}
#product-payments {
    margin: 15px 0;
    border-top: 1px solid #ddd;
}
#product-storehouses {
    padding-bottom: 15px;
    margin: 15px 0;
}
.product-price-element-name {
    font-weight: bold;
}
#product-root-search {
    padding: 10px 5px 10px 10px;
    margin: 5px 0;
    background: #4291d8;
    color: #fff;
}
.float-left {
    float: left;
    vertical-align: top;
}
.product-root-search {
    padding-right: 5px !important;
    margin-right: 5px !important;
    border-right: 1px solid #e0e0e0;
}
.product-root-search .sf_admin_actions {
    width: 210px;
}
input.save_icon_button {
    width: 20px;
    border: 0;
    background: transparent url(../../images/file_download.png) no-repeat;
    cursor: pointer;
}
input:hover.save_icon_button {
    border: 0;
    background: transparent url(../../images/file_download_active.png) no-repeat;
}
.inactive-search {
    font-style: italic;
    font-size: 0.8em;
}
.textarea-header {
    margin: 20px 0 5px 0;
    font-size: 1.273em;
}
.red {
    color: #c00;
}
ul.promotion-multi-list li {
    margin: 4px 0 4px 0;
}
#multis {
    width: 300px;
}
#multis li {
    list-style: none;
}
#multis li input {
    width: 250px;
}
#multis li.sortable {
    background: #eee;
    margin-bottom: 2px;
    padding: 3px 0 3px 5px;
}
#multis li.new {
    background: #fcfcd9;
    padding: 3px;
}
.select_product_popup {
    display: inline;
    padding: 3px 5px 0 5px;
}
.select_invoice_popup {
    display: inline;
    padding: 3px 5px 0 5px;
}
input.disable, input.disable:hover {
    background: #ccc;
}
input.disable:hover {
    color: #222;
}
.account-company-header-in-table {
    //color: #fff;
    line-height: 19px;
}
.sf_admin_list_header h2 a, .sf_admin_list_header a {
    color: #333;
}
.sf_table_grey {
    background: #858585;
    color: #fff;
    width: 100%;
    padding: 5px;
}
.sf_table_grey h2 a, .sf_table_grey a {
    color: #fff !important;
}
.sf_table_grey .input-group {
    color: initial;
    font-size: 1rem;
}
.ygtvlabel_selected {
    background: #f00;
    color: #fff;
    padding: 0 3px;
}
.customer_details {
}
#discount-create-form .form-row {
    margin-top: 10px;
}
#discount-create-form .form-row label {
    margin: 5px 0;
}
.invoice_warrning {
    color: red;
}
div.notes textarea.medium {
    width: 250px;
    height: 120px;
    position: relative;
    margin-left: 10px;
}
tr.sf_admin_row_corrected td{
    font-weight: bolder;
}
tr.sf_admin_row_corrected input{
    font-weight: bolder;
}
#message_directories, #message_list, #message_filters {
    border: 0 !important;
    padding: 0;
    margin: 0;
    float: left;
}
#message_left_panel, #message_left_panel iframe {
    width: 250px;
}
#message_right_panel {
    width: 450px;
}
#message_directories {
    height: 100px;
}
#message_filters {
    height: 330px;
}
#message_list {
    height: 600px;
    width: 680px;
}
.special_menu_container {
    border: 1px solid #4297d7;
    border-radius: 5px;
    max-width: 98.5%;
    margin-left: .75%;
    background: #5c9ccc;
}
.special_menu_container #special_menu {
    padding: 3px 5px 1px 5px;
}
#products_widget {
    position: relative;
    z-index: 10;
}
#products_widget &gt; ul &gt; li {
    list-style: none;
    display: block;
    float: left;
}
#products_widget &gt; ul &gt; li &gt; a {
    display: block;
    margin: -2px 0px 0 1px;
    padding: 8px 15px;
    border: 1px solid #eee;
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 8px 8px 0px 0px;
    font-weight:bold;
}
#products_widget li.selected a {
    color: #eee;
    background: #243f87;
}
#products_widget_more_container {
    display: none;
    position: absolute;
    left: 10px;
    margin-top: 29px;
    background: #fff;
    padding: 10px;
    min-width: 100px;
    border: 1px solid #888;
}
#products_widget_more_container ul li {
    float: left;
    display: block;
    margin-right: 20px;
}
.back-button {
    margin-bottom: 5px;
}
#header-menu div.menu1{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.182em;
}
.tableContainer{
    max-height:1440px;
    width:auto;
    overflow:auto;
    position:relative;
}
.timeTable, .timeTable td {
    border:0 none;
    padding:0;
    height: auto;
}
.time {
    width:60px;
}
.cell_hour {
    background:none repeat scroll 0 0 #DFE8F6;
    float:left;
    padding:0 4px;
    text-align:right;
    width:30px;
    height:58px;
}
.cell_minutes {
    background:none repeat scroll 0 0 #DFE8F6;
    border-bottom:1px dashed #CCCCCC;
    height:29px;
}
.cell_minutes_bottom {
    background:none repeat scroll 0 0 #DFE8F6;
    border-bottom:1px solid #CCCCCC;
    height:29px;
}
.scheduleContainer {
    background-color:#F5F5F5;
    min-width:680px;
    overflow:auto;
}
.cell_hour_p {
    font-size: 1.438em;
    margin:0;
    padding:4px 0 0;
}
.time_content {
    border-bottom:1px dashed #CCCCCC;
    height:29px;
    width:100%;
}
.time_content_bottom {
    border-bottom:1px solid #CCCCCC;
    height:29px;
    width:100%;
}
.time_container {
    background-color:#F5F5F5;
    min-width:1000px;
    overflow:auto;
    margin-left:-2px;
}
.sessionContainer {
    width:100%;
    position:absolute;
    top:0px;
}
.session {
    background:none repeat scroll 0 0 #668CD9;
    color:#FFFFFF;
    font-size: 1em;
    font-weight:normal;
    letter-spacing:-0.5px;
    line-height:12px;
    white-space:normal;
    position:absolute;
    overflow:auto;
}
.product-block-data {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 5px;
}
.product-block-data p {
    margin: 10px 0 5px 0;
}
.product-block-data h3 {
    margin: 5px 0 5px 0;
}
.product-block-data-first {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
.company-block-data:not(:empty) {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding-top: 5px;
}
.company-block-data h3 {
    margin: 5px 0 5px 0;
}
.company-block-data-first {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}
.notes_block{
    margin-left:20px;
    max-height: 105px;
    max-width: 480px;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: auto;
}
#repository_left{
    float:left;
    min-height: 300px;
    padding-right:20px;
    min-width: 200px;
}
#repository_right{
    float:left;
    width: 850px;
    margin-left:20px;
    padding-right:20px;
}
#repository_left_panels{
    float:left;
    width: 590px;
}
#search_panel{
    margin-bottom:10px;
}
#move_file_panel{
    margin-bottom:5px;
}
#add_file{
    margin-bottom:10px;
    max-width: 255px;
}
#submit_active{
    float:right;
    clear:both;
    margin: 2px 0 6px 10px;
}
#dir_name{
    font-weight:bold;
    margin:0 0 -10px 5px;
}
.repository_iframe{
    min-width:850px;
    border: grey 1px dotted;
    height:auto;
}
#file_info{
    margin-top: 15px;
}

.email_message_iframe{
    min-width:850px;
    overflow: hidden;
    border: grey 1px dotted;
    min-height: 500px;
}
.message_headers_iframe{
    min-width:850px;
    border: none;
    height: 20%;
}
.message_content_actions
{
    overflow: scroll;
    max-height: 500px;
    max-width: 850px;
    margin-left:2px;
}
.message_search_panel
{
    background: none repeat scroll 0 0 #4291D8;
    margin: 2px;
    margin-bottom: 0px;
}
.message_search_panel label
{
    margin-left: 6px;
    color: #FFFFFF;
}
.message_content_left_panel
{
    max-width: 65%;
    float: left;
    margin-left: 5px;
    border-right: 1px solid #ddd;
}
.message_content_right_panel{
    max-width: 25%;
    float: left;
    margin-left: 20px
}
.file_library {
    z-index: 1001;
    position: absolute;
    margin: 0 0 0 -224px;
    top: 200px;
    left: 40%;
    border: 4px solid #eee;
    padding: 20px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background: #f8f8f8;
}
.file_library_button {
    font-size: 0.909em;
    text-align: left;
}
.file_library_close {
    float:right;
    margin-top:-25px;
    margin-right:-15px;
}
.cart{
    max-width: 350px;
    min-width: 150px;
    min-height: 50px;
    padding: 5px 2px !important;
}
#repository_mail_right{
    float:left;
    margin-top:10px;
    margin-left: 10px;
}
#file_add_iframe{
    border: none;
    height: auto;
    max-width: 260px;
    background: none repeat scroll 0 0 #F8F8F8;
}
#list_of_files{
    clear: both;
    margin-top: 30px;
}
#mail_search_panel{
    margin-top:10px;
}
#gallery_cell{
    margin-left: 10px;
    margin-top: 20px;
    border-right: 1px dotted #0357AF;
    padding-right: 10px;
    text-align: center;
    margin-bottom: 10px;
}
#gallery_cell_last{
    margin-left: 10px;
    margin-top: 20px;
    padding-right: 10px;
    text-align: center;
    margin-bottom: 10px;
}
#gallery_td:hover{
    background: #FFFFAA;
}
#gallery_product_photo{
    height:120px;
}
#gallery_product_name{
    margin-top: 5px;
}
.gallery_additional_data{
    margin-top: 5px;
}
#gallery_product_actions{
    margin-top: 5px;
}
.filter-help {
    width: 10px;
    height: 10px;
    background: url(../../images/small-help.png) no-repeat;
    display: inline-block;
}
.sf_admin_filters .filter-help {
    position: absolute;
    margin: -13px 0 0 170px;
    display: block;
}
.sf_admin_filters .filter-type-0,
.sf_admin_filters .filter-type-1,
.sf_admin_filters .filter-type-2,
.sf_admin_filters .filter-type-3,
.sf_admin_filters .filter-type-4,
.sf_admin_filters .filter-type-5,
.sf_admin_filters .filter-type-6 {
    display: none;
}
.sf_admin_filters .filter-type-7 {
    left: 0;
    margin-top: -12px;
}
.sf_admin_filters .filter-type-8 {
    margin-left: 180px;
}
.sf_admin_filters .filter-type-9 {
    margin-left: 160px;
}
.sf_admin_filters .filter-type-10 {
    margin-left: 95px;
}
.sf_admin_filters .filter-type-11 {
    position: relative;
    display: inline-block;
    left: 0;
    margin-left: 0;
    right: 0;
}
.sf_admin_filters .filter-type-12 {
    margin-left: 125px;
}
#floating-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    width: 289px;
    z-index: 1000;
}
#floating-tooltip-upper {
    background: url(../../images/tooltip-top.png) no-repeat;
    height: 5px;
}
#floating-tooltip-inner {
    background: url(../../images/tooltip-bg.png) repeat-y;
    padding: 0 10px 0 15px;
}
#floating-tooltip-bottom {
    background: url(../../images/tooltip-btm.png) no-repeat;
    height: 4px;
}
.form-error-msg, .form-errors {
    color: red;
}
table.sf_admin_list tbody tr.no-hover:hover, table.home_document_table tbody tr.no-hover:hover {
    background: #FFFFFF;
}
.field-ok {
    color: #484;
    padding-left: 5px;
}
.field-error {
    color: #f00;
    padding-left: 5px;
}
span.field-loader {
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    background: url('/images/ajax-loader.gif') no-repeat;
}
input.add_product_to_basket_submit {
    background-image: url('/images/icons/koszyk.png') !important;
    background-color: transparent;
    border: none !important;
    background-repeat: no-repeat;
    background-position:50% 50%;
    vertical-align: middle;
    height: 31px;
    width: 40px;
}
input.add_product_to_basket_submit:hover {
    background-color: transparent !important;
    border-color: #fff !important;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
div input.sf_admin_action_filter  {
    width: 88%;
    margin-left: 5px;
}
div input.sf_admin_action_reset_filter  {
    width: 110%;
}
div input.sf_admin_action_filter:hover  {
    width: 88%;
    margin-left: 5px;
}

.individual {
    padding: 10px;
    border: 1px solid #A6C9E2;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-border-top-left-radius: 0;
       -moz-border-radius-topleft:  0;
            border-top-left-radius: 0;
    background-color: #fcfdfd;
}
.multi_values input[type="checkbox"] {
    margin: 0 3px 0 2px;
}
.multi_values input[type="radio"]{
    display: inline-block;
    vertical-align: middle !important;
}
.multi_values input[type="checkbox"].checkbox_marker {
    display: inline-block;
    vertical-align: top;
}
span.null {
    vertical-align: top;
    margin-left: 3px;
    display: inline-block;
}
.sf_admin_filters fieldset .form-row .content .indent {
    height: 3px !important;
    visibility: hidden;
}
div.content input.string, div.content input[readonly].string {
    width: 192px !important;
}
.attribute-filter-row select, .attribute-filter-row .content select, .sf_admin_filters fieldset .form-row .content select {
    width: 191px;
}
div.content img {
    margin-left: 2px;
    vertical-align: -25% !important;
}
/*div.content input[readonly], input.date_time_filter {
    width: 70px !important;
}*/
div.content .date_field_caption {
    width: 75px !important;
}
div.content #date_caption_2 {
    margin-left: 24px;
}
div.content #field_caption_2 {
    margin-left: 5px;
}
div.content .date_caption_2 {
    margin-left: 24px;
}
div.content .field_caption_2 {
    margin-left: 5px;
}
div.content div.field_caption,div.date_field_caption {
    width: 93px;
    background-color: #e5e5e5;
    color: #777;
    display: inline-block;
    padding: 2px;
    text-align: center;
    margin-top: 1px;
}
div.sf_admin_actions {
    text-align: center;
    padding: 0;
}
div.sf_admin_actions div {
    margin: 0;
    width: 45%;
    display: inline-block;
}
.result_count {
    min-width: 50px !important;
    max-width: 50px !important;
}
div.content input.very-small-input {
    width: 90px;
}
div.with-bottom-separator {
    border-bottom: 1px dotted #4291d8;
    margin-bottom: 5px;
}
div.with-top-separator {
    border-top: 1px dotted #4291d8;
    margin-top: 5px;
}
div.radio_list {
    display: inline-block;
    vertical-align: bottom;
    margin-top: 5px;
}
div.radio_list input[type="radio"] {
    vertical-align: -20%;
}
#home_left_panel h2, #home_right_panel h2, #synchronization_panel h2 {
    margin-top: 10px;
    margin-bottom: 10px;
}
input.send_message {
    background-image: url('/images/icons/koperta1.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 25px !important;
    background-position: 5px  40%;
}
input.send_message:hover {
    background-image: url('/images/icons/koperta1.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 25px !important;
    background-position: 5px  40%;
}
input.send_email {
    background-image: url('/images/icons/koperta2.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 27px !important;
    background-position: 5px  40%;
}
input.send_email:hover {
    background-image: url('/images/icons/koperta2.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 27px !important;
    background-position: 5px  40%;
}
input.phone_call {
    background-image: url('/images/icons/phone-icon.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 27px !important;
    background-position: 5px  40%;
}

input.phone_call:hover {

    background-image: url('/images/icons/phone-icon.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 27px !important;
    background-position: 5px  40%;
}
.save_icon_button {
    width: 16px;
    height: 16px;
    padding: 0;
    background-position: 50% 50%;
    vertical-align: -20%;
}
div.data {
    padding-left: 5px;
}
.no-bottom-separator {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 2px !important;
}
font.inactive_title {
}
th#delivery_cost {
    font-weight: normal;
}
textarea.user_notes {
    width: 100%;
    height: 25px;
    min-height: 25px;
    max-height: 80px;
    min-width: 100%;
    max-width: 100%;
    resize: vertical;
}

textarea.sms-message {
    width: 100%;
    height: 100px;
    min-height: 25px;
    max-height: 200px;
    min-width: 100%;
    max-width: 100%;
    resize: vertical;
}
#delivery-cost, #delivery-cost-vat, #delivery-cost-with-vat {
    display: inline;
}
tr.input-text-right input{
    text-align: right !important;
}
.notes_block {
    margin-left: 0;
    max-width: 100%;
    padding-left: 3px;
    min-height: 30px;
    max-height: 80px;
    overflow: -moz-scrollbars-vertical;
}
input.download_as_pdf {
    background-image: url('/images/icons/pdf.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 22px !important;
    background-position: 5px 50%;
}
input.download_as_pdf:hover {
    background-image: url('/images/icons/pdf.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 22px !important;
    background-position: 5px  50%;
}
td.last {
    text-align: right;
}
.no_top_margin {
    margin-top: 0 !important;
}
.sf_table_grey &gt; tr &gt; td,
.sf_table_grey &gt; thead &gt; tr &gt; td,
.sf_table_grey &gt; tbody &gt; tr &gt; td,
.sf_table_grey &gt; tr &gt; th,
.sf_table_grey &gt; thead &gt; tr &gt; th,
.sf_table_grey &gt; tbody &gt; tr &gt; th {
    padding-top: 15px !important;
}
table.sf_admin_list_header thead tr td.last {
    border-right-style: none;
}
.filter_row {
    border-top: 1px dotted #4291d8;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}
.accept_regulations {
    color: red;
}
div.sender, div.receiver, div.subject, div.bodyshort, div.sent_bodyshort, div.send_date, div.read_confirm {
    display: inline-block;
    vertical-align: middle;
    padding: 0 2px;
}
div#sent .message_header div, div#sent .sent_message_list div {
    padding: 0 1px !important;
}
div.sender_all, div.receiver_all, div.subject_all, div.bodyshort_all, div.send_date_all {
    display: table-cell;
    vertical-align: middle;
    padding: 0 3px;
}
div.message_header {
    font-weight: bold;
    margin-left: 5px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 1px !important;
    text-align: justify;
    background: #ddd;
    color: #444;
    border-bottom: 1px #ccc solid;
}
textarea#message_body {
    margin-left: 5px;
    padding: 15px;
    background: #f8f8f8;
    border: 1px #ddd solid;
    margin-bottom: 1px;
    text-align: justify;
    width: 762px !important;
    height: 458px;
    resize: none;
    overflow-y: auto;
}
div.error textarea#message_body {
    border-color: #f00;
}
div.sender_all {
    width: 15%;
}
div.receiver_all {
    width: 15%;
}
div.subject_all {
    width: 20%;
}
div.bodyshort_all {
    width: 39%;
}
div.send_date_all {
    width: 8%
}
div.sender {
    width: 15%;
}
div.receiver {
    width: 15%;
}
div.subject {
    width: 20%;
}
div.bodyshort {
    width: 52%;
}
div.send_date {
    width: 9%;
}
div.read_confirm {
    width: 2.99%;
}
div.sent_bodyshort {
    width: 49%;
}
iframe#message_list, iframe#history, iframe#files_list{
    min-width: 767px;
    width: auto;
    max-width: 1000px;
    margin-left: 10px;
    overflow: auto;
    border: 0 !important;
    padding: 0;
    margin: 0;
    float: left;
    height:80px;
}
iframe#message_list, iframe#files_list{
    margin-bottom: 10px !important;
}
iframe#message_list{
    overflow: hidden;
}
iframe#history{
    height: 155px;
}
iframe#files_list {
    min-height: 70px;
    position:relative;
    min-width: 752px !important;
    overflow-y: auto;
}
h2#part_name, h2#history_label, h2#files_list_label {
    margin-left: 15px;
}
input.write {
    width: 198px;
    background-image: url('/images/icons/write-w.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 15px !important;
    background-position: 5px  50%;
}
input.write:hover {
    width: 198px;
    background-image: url('/images/icons/write-w.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 15px !important;
    background-position: 5px  50%;
}
div.message_attribute_name {
    display: inline-block;
    width: 70px;
    font-weight: bold;
    padding-right: 10px;
    text-align: right;
    vertical-align: top;
}
textarea#subject {
    width: 100%;
    height: 13px;
    font-weight: normal;
    resize: none;
    border: none;
    background-color: transparent;
    color: #444;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
div.message_attribute_value {
    display: inline-block;
    width: 630px;
    font-weight: normal;
}
div.message_actions {
    margin: 0px !important;
}
div.scroll {
    height: 111px;
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
}
iframe.empty-result {
    height: 20px !important;
}
input.none {
    border: none;
    background: transparent;
}
input#reciver1_autofield, input#reciver2_autofield, input#topic_field{
    width: 250px;
}
div.pager {
    margin-top: 5px;
    text-align: center;
    font-weight: bold;
}

div.pager-gallery {
    margin: 0px;
    text-align: center;
    font-weight: bold;
}

div.pager span{
    color: #77AAD8;
}
div.message_bottom_actions {
    margin: 3px 15px 0px 15px;
}
div.up_btn, div.down_btn {
    height: 9px;
}
.sf_admin_actions li {
    margin: 0 0 0 0;
}
.error .label {
    color: #f00 !important;
}
div.message_attribute_value a {
    color: #0357AF;
    font-weight: bold;
}
div.message_attribute_value a:hover {
    color: #222;
}
input.refresh_report_data {
    background-color: #FF3D3D !important;
}
input.refresh_report_data:hover {
    background-color: #FF7A7A !important;
}
input[type="button"], input[type="submit"] {
    font-size: 11px !important;
}
.email_list_table tr.position_0, .file_list_table tr.position_0 {
    background: #f8f8f8;
    cursor: pointer;
}
.email_list_table tr.position_1, .file_list_table tr.position_1 {
    background: #f0f0f0;
    cursor: pointer;
}
.email_list_table td, .email_list_table th, .file_list_table th, .file_list_table td {
    padding: 5px;
    color: #444;
}
.email_list_table th, .file_list_table th {
    font-weight: bold;
    background: #ddd;
    text-align: left;
    border-bottom: 1px #ccc solid;
    padding: 5px;
}
.email_list_iframe {
    min-width: 100%;
    border: grey 1px dotted;
    min-height: 650px;
    margin-top: 5px;
}
.email_message_iframe {
    min-height: 650px;
    min-width: 815px;
    border: none;
}
div.message_header div.message_attribute_name, div.message_header div.message_attribute_value {
    margin-bottom: 2px;
}
@media (max-width: 768px) {
    .message_content_iframe {
        height: 80vh;
    }
}
@media (min-width: 769px) {
    .message_content_iframe {
        height: 50vh;
    }
}
.message_content_iframe {
    width: 100%;
    border: 2px solid #dce4ec;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.properties_attribute_name {
    width: 100px;
    font-weight: bold;
}
.properties_attribute_name, .properties_attribute_value {
    display: inline-block;
    font-size: 1em;
}
.property {
    margin-bottom: 3px;
    padding-left: 3px;
}
iframe#properties_window {
    overflow: visible;
    height: 260px;
    width: 720px;
    border-style: none;
}
#repository_body {
    background-color: #f8f8f8 !important;
}
.file-list-item {
    display: list-item;
    margin-bottom: 2px;
}
.file-list-icon {
    vertical-align: -30%;
}
h2#attachments {
    margin-left: 15px;
}
div#email_message_create.message_header .message_attribute_name {
    margin-top: 6px;
}
div#email_message_create.message_header .message_attribute_value {
    margin-top: 3px;
}
#file_add_iframe {
    height: 125px;
}
div#acc_usr_file_list {
    height: 140px;
    overflow-y: auto;
    display: table-cell;
}
#add_document_to_task_menu_right {
    float:right;
    margin-top:10px;
    margin-right: 10px;
}
#task_description {
    background-color: #CCCCCC
}
ul.sf_admin_actions {
    padding-left: 0;
    margin: 0 !important;
}
#task_right_panel, #task_left_panel {
    min-width: 500px;
    max-width: 68%;
    float:left;
    padding: 5px 0px;
    border-top: 0px solid #ddd;
}
div.task_header_right {
    min-width: 400px !important;
    margin-left: 5px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 1px !important;
    text-align: justify;
    background: #ddd;
    color: #444;
    border-bottom: 1px #ccc solid;
    max-width: 400px;
}
div.task_header {
    min-width: 400px !important;
    margin-left: 3px;
    padding: 5px 10px 5px 10px;
    margin-bottom: 1px !important;
    text-align: justify;
    background: #ddd;
    color: #444;
    border-bottom: 1px #ccc solid;
    max-width: 400px;
}
.connected_document_table {
    background: #fff;
    border: 1px solid #eee;
    margin-right: 10px;
    min-width: 400px;
}
.inline-block,
.inline_block {
    display: inline-block !important;
}
.commission_label {
    width: 28%;
}
.commission_row {
    margin: 10px auto;
    margin-left: 20px;
}
#commission_user_id_label {
    vertical-align: 75%;
}
div.double_indent,
div.double-indent {
    height: 30px;
}
div.indent {
    height: 15px;
}
div.half_indent,
div.half-indent {
    height: 8px;
}
div.small_indent,
div.small-indent {
    height: 3px;
}
.auto_width {
    width: auto !important;
}
div.auto_width_parent * {
    width: auto !important;
}
.inline {
    display: inline;
}
.thumbnail_view {
    float: left;
    width: 121px;
    height: 121px;
    border: #bbb 1px solid;
    background-color: #000;
    margin-right: 5px;
}
.file_list_content {
    overflow-y: scroll;
    height: 94%;
}
.no_bottom_border {
    border-bottom: none;
}
div.align-right .show_btn, div.align-right .hide_btn {
    margin-bottom: 5px;
}
#table_visible_cols_menu {
    z-index: 1000;
}
div.basket_count {
    background-image: url('/images/basket_count.png');
    background-repeat: no-repeat;
    padding: 0 0 0 3px;
    text-align: left;
    background-position: 0 0;
    width: 36px;
    height: 17px;
    cursor: pointer;
}
div.content select {
    min-width: 140px;
}
.user_group_checklist {
    margin-left: -40px;
}
.no_top_border {
    border-top: none !important;
}
.no_bottom_border {
    border-bottom: none !important;
}
.lightbox_element {
    margin-right: 5px;
}
div.link {
    cursor: pointer;
}
.file_list_table .repository_filename {
    width: 669px;
}
.file_list_table .repository_size {
    width: 56px;
}
.file_list_table td.repository_size {
    text-align: right;
}
.file_list_table th.repository_size {
    text-align: center;
}
.file_list_table .repository_date {
    width: 80px;
    text-align: right;
    padding-right: 10px;
}
.file_list_table th.repository_date {
    text-align: center;
    padding-right: 5px;
}
.file-list-item {
    margin-left: 17px;
    list-style: none;
}
#commission_mod_date {
    min-width: 377px;
    width: 50%;
    display: inline-block;
}
#commission_mod_date .commission_label {
    width: 56%;
}
#sf_admin_list_th_sf_actions {
    text-align: center;
}
.program_attributes li {
    margin-bottom: 4px;
}
.program_attributes input.datetime {
    margin-right: 4px;
    width: 90px;
}
.full_width {
    width: 100%;
}
.no_padding {
    padding: 0 !important;
}
.selector {
    width: 5px;
    background: #fff !important;
}
.selector_hover {
    width: 5px;
    background-color: #ccc;
}
.sf_admin_td_actions img {
    margin-top: 1px;
    margin-bottom: 1px;
}
.mtm_interface dd {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
div#gallery_cell, div#gallery_cell_last {
    margin-left: 30px;
    padding-right: 30px;
}
.scroll_message .message_header {
    width: 728px;
    border-right: 13px #ddd solid;
}
.scroll_message .bodyshort_all {
    width: 37%;
}
.autocomplete_loader {
    background: white url("/images/dots_loader.gif") no-repeat 100% 50%;
}
.company_right_panel_content {
    width: 98%;
    float:right;
}
input.down_btn {
    background-image: url('/images/icons/down-w.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 22px !important;
    background-position: 5px 55%;
}
input.down_btn:hover {
    background-image: url('/images/icons/down-w.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 22px !important;
    background-position: 5px 55%;
}
input.up_btn {
    background-image: url('/images/icons/up-w.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 22px !important;
    background-position: 5px 55%;
}
input.up_btn:hover {
    background-image: url('/images/icons/up-w.png');
    background-repeat: no-repeat;
    padding: 3px 5px 3px 22px !important;
    background-position: 5px 55%;
}
.sf_admin_td_actions_long {
    list-style: none;
}
.textarea_none {
    resize: none;
    border: none;
    padding: 3px;
    background-color: transparent;
    overflow: visible;
}
p.plain-text {
    font-family: "Courier New", serif;
    font-size: 1.182em;
    color: black;
    margin: 5px 5px 5px 5px;
}
.breadcrumbs:not([class^='chakra-']){
    display: block;
    margin: auto 8px;
}
.breadcrumbs_element{
    display: inline-block;
}
.breadcrumbs_element_bold{
    display: inline-block;
    font-weight: bold;
}
.float_right {
    float: right;
}
.float_left {
    float: left;
}
#footer-licence {
    color: #000;
}
.footer-template {
    float: right;
    color: #666;
    padding: 19px 10px 0 0 !important;
}
.footer-product-license {
    color: #666;
    padding: 0.25rem;
}

.footer-product-license__details {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
}

.footer-product-license__version {
    display: block;
}

.footer-product-license__producer {
    max-width: 150px;
}

.footer-product-license__producer img {
    width: 100%;
}

.footer-product-license__producer a {
    background: hsla(0,0%,100%,0.8);
    padding: 1rem;
    display: block;
    border-radius: 5px;
    padding: 0.5rem;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    transition: background ease-in-out 200ms;
}

.footer-product-license__producer a:hover {
    background: hsla(0,0%,100%,1);
}

.center-txt {
    text-align: center !important;
}
.change-result-hdt {
    margin-right: 10px;
    margin-bottom: 3px;
    float: right;
}
#css_switcher {
    float: right;
    padding: 0 25px;
}
#css_switcher img, img#css_icon {
    max-height: 25px;
    max-width: 25px;
    display: inline;
    margin-right: 2px;
    border-bottom: 2px solid transparent;
    padding-bottom: 1px;
}
#css_switcher img.active_css {
    border-bottom: 2px solid orange;
    padding-bottom: 1px;
    margin-right: 2px;
}
.textarea_css {
    width: 98%;
    height: 400px;
}
#panel_suggestions
{
    top: 500px;
}
#slide_button_suggestions
{
    background: url("/uploads/additional_forms_images/form_right_top_picture_2.png") no-repeat transparent;
}
#slide_button_additional_product
{
    background: url("/uploads/additional_forms_images/form_right_top_picture_1.png") no-repeat transparent;
}
.slide_button
{
    display: block;
    height: 200px;
    width: 50px;
    position: absolute;
    left: -50px;
    top: 0px;
    z-index: 9999;
}
#panel_additional_product
{
    top: 280px;
}
.additional_form
{
    background: white;
    padding: 10px;
    width: 290px;
    height: 180px;
    position: fixed;
    margin-top: -100px;
    right: -310px;
    z-index: 9999;
}
.footer, .small_indent, .half_indent, .indent, .double_indent {
    float: none;
    clear: both;
}
.no-clear {
    clear: none !important;
}
.active-baskets {
    font-size: 1.091em;
}
.small-active-baskets {
    display:none;
}
.header-template-1 {
    float:right;
    padding: 0 25px 0 0;
}
.filters_header {
    background: none repeat scroll 0 0 #4291D8;
    cursor: pointer;
    color: white;
}
.top_filters {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #E5E5E5;
}
#toggle,#toggle_category,.toggle {
    float: right;
    display: inline;
    font-weight: lighter;
}
.main_slide_filters {
    display: block;
    cursor: pointer;
}
.trigger_element {
    background: #E5E5E5;
    border: 1px solid #222222;
    padding: 11px;
    min-width: 172px !important;
    display: none;
    position: absolute;
    z-index: 9999;
}
.exit {
    float: right;
    cursor: pointer;
}
.imitate_div {
    border: 1px solid #E5E5E5;
    background-color: white;
    width: 187px;
    height: 19px;
    text-align: center;
    padding-left: 10px;
}
.unwind {
    float: right;
    margin-top: 3px;
}
.imitative_text {
    margin-top: 3px;
}
.button-disabled,
.button-disabled:hover {
    background-color: #a8a8a8 !important;
}
#document_offer_question_buffer_calculator table .content textarea {
    max-height: 13px;
}
#document_offer_question_buffer_calculator table .content {
    min-width: 100px;
}
#document_offer_question_buffer_calculator &gt; tbody &gt; tr &gt; td &gt; table &gt; tbody &gt; tr &gt; td {
    height: 85px !important;
}
.option input[type="checkbox"],
.option input[type="radio"] {
    position: absolute;
    top: 50%;
    margin-top: -3px;
    margin-left: 7px;
}
.option label {
    display: inline-block !important;
    margin: 5px 5px 5px 20px;
}
.message-list &gt; li {
    display: inline-table;
    height: 42px;
    max-height: 42px;
}
.message-list &gt; li &gt; div {
    display: table-cell;
    vertical-align: middle;
}
.wrapper &gt; #sf_admin_container {
    margin: 0 1% 30px 1%
}
.correct input[readonly] {
    color: inherit !important;
}
.product_top_filters#sf_admin_bar {
    margin: 5px;
}
.product_top_filters#treeDomSpace {
    padding: 5px;
}
.top_filters {
    padding: 5px;
}
.top_filters .filters_header {
    margin: -5px -5px 0 -5px;
    padding: 5px;
    background-color: #bbb;
}
.top_filters .filters_header h2 {
    font-weight: normal;
    font-size: 1.364em;
    margin: 5px 0;
}
.top_filters .sf_admin_filters h2 {
    font-weight: normal;
    font-size: 1.364em;
    margin: 10px -5px 10px -5px;
    padding: 10px 5px;
    background-color: #bbb;
    color: #fafafa;
}
.top_filters_actions {
    list-style: none;
    padding: 0 0 0 10px;
}
.top_filters_actions li {
    display: inline-block;
}
.top_filters_actions li input {
    margin-left: 0 !important;
}
.trigger_element input[type="radio"] {
    margin: 0 3px 3px 0;
    display: inline-block;
}
.trigger_element label {
    display: inline-block;
    vertical-align: top;
    max-width: 80%;
}
input.error {
    border: 1px solid red;
    color: red;
}
span.err {
    color: #ff0000;
}
span.ok {
    color: #166600;
}
div.a-checkbox label {
    vertical-align: top;
    display: inline-block;
}
div.a-checkbox input[type="checkbox"] {
    margin: .1em 3px;
}
div.auto_complete {
    width: auto !important;
    z-index: 500;
}
div.auto_complete ul {
    padding: 0 !important;
}
.auth_token_processing,
table.auth_token_processing {
    width: 25%;
    margin: auto;
}
table#document_payment_header h2.inline_block,
table#document_payment_header h2 label {
    min-width: 110px;
    padding-right: 10px;
}
table#document_payment_header h2 label {
    display: inline-block;
    min-width: 160px;
    margin-bottom: 3px;
}
table#document_payment_header h2 &gt; span {
    display: inline-block;
    min-width: 190px;
}
table#document_payment_header td.last.align-right h2 span {
    min-width: 0;
}
.left-panel .show_row,
.right-panel .show_row {
    margin-left: 5px;
}
.show_row &gt; .content {
    display: inline-block;
}
.show_row &gt; .content p {
    padding: 0 !important;
}
div.autocomplete {
    color: #000 !important;
    display: inline-block;
}
div.autocomplete input[type="text"] {
    display: inline-block;
    vertical-align: top;
}
div.autocomplete div.list-selector {
    display: inline-block;
    margin-left: 2px;
}
div.autocomplete.wide-input input[type="text"] {
    width: 190px !important;
}
.imitate_selected_div {
    border: 1px solid #E5E5E5;
    background-color: #4297d7;
    color: #ffffff;
    width: 187px;
    height: 19px;
    text-align: center;
    padding-left: 10px;
}
.one_element {
    margin-bottom: 7px;
}
.confirm_list_button {
}
.status_bufor, .status_bufor a  {
    color: grey !important;
}
.status_abord, .status_abord a  {
    color: grey !important;
}
.middle {
    vertical-align: middle;
}
.imitate_div span.down {
    background-image: url("/sf/sf_admin/images/down_blue.png");
    height: 16px;
    width: 16px;
    display: inline-block;
}
.imitate_div span.up {
    background-image: url("/sf/sf_admin/images/up_blue.png");
    height: 16px;
    width: 16px;
    display: inline-block;
}
.imitate_selected_div span.down {
    background-image: url("/sf/sf_admin/images/down.png");
    height: 16px;
    width: 16px;
    display: inline-block;
}
.imitate_selected_div span.up {
    background-image: url("/sf/sf_admin/images/up.png");
    height: 16px;
    width: 16px;
    display: inline-block;
}
.nolist {
    list-style: none;
    margin-left: 0px;
    padding-left: 0px;
    margin-top: 3px;
}
li.radio-container, li.checkbox-container {
    margin-bottom: 3px;
}
li.radio-container input[type="radio"],
li.checkbox-container input[type="checkbox"]{
    margin-right: 2px;
    display: inline-block;
    vertical-align: top;
    margin-top: -2px;
}
li.radio-container label,
li.checkbox-container label {
    display: inline-block;
}
.float-right {
    float: right;
}
.no-border {
    border: none;
    border-collapse: collapse;
}
.fill-width {
    width: 100% !important;
}
.valign-top {
    vertical-align: top;
}
.valign-middle {
    vertical-align: middle;
}
.valign-bottom {
    vertical-align: bottom;
}
.left-panel &gt; div.inner-panel,
.left-panel &gt; form &gt; div.inner-panel,
.right-panel &gt; div.inner-panel,
.right-panel &gt; form &gt; div.inner-panel {
    margin: 0 0.75em;
}
.commission_rows {
    display: table;
}
.commission_raw_row {
    display: table-row;
}
label.commission_row_label {
    display: table-cell;
    width: 25%;
    padding: 3px;
    vertical-align: top;
}
.commission_row_content {
    display: table-cell;
    padding: 3px;
    vertical-align: middle;
}
.commission_row_content span.remove {
    display: inline-block;
    background-color: transparent;
    width: 13px;
    background-image: url("/images/file_unlink_active.png");
    height: 13px;
    background-position: 50% 50%;
    cursor: pointer;
}
.commission_row_content div {
    margin-bottom: 2px;
}
.commission_row_content div:last-child span.remove {
    display: none;
}
table.sf_admin_list tfoot tr th div.float-right {
    float: none;
}
#company_right_panel {
    float: right;
}
.lead-10 {
    margin-left: 10px;
}
.display-table {
    display: table;
}
.display-table-row {
    display: table-row;
}
.display-table-cell {
    display: table-cell;
}
.widget_settings_content .checkbox-group-block {
    display: initial;
}
ul.radio-group,
ul.checkbox-group,
ul.file-group {
    display: table !important;
    margin: 5px;
    list-style: none;
    padding-left: 0;
}
ul.radio-group li,
ul.checkbox-group li,
ul.file-group li {
    display: table-row !important;
    list-style: none;
}
ul.radio-group li &gt; *,
ul.checkbox-group li &gt; *,
ul.file-group li &gt; * {
    display: table-cell !important;
    word-wrap: break-word;
    width: auto;
}
ul.radio-group li &gt; div,
ul.checkbox-group li &gt; div {
    width: 15px;
    padding-top: 2px !important;
    vertical-align: top;
    line-height: 13px;
}
ul.file-group li &gt; div {
    padding: 5px 5px 0 0;
    line-hight: 20px;
    vertical-align: middle;
}
ul.file-group li:first-child &gt; div {
    padding: 0 5px 0 0;
}
ul.file-group li &gt; div:last-child {
    padding-right: 0;
}
ul.radio-group li &gt; div input[type="radio"],
ul.checkbox-group li &gt; div input[type="checkbox"] {
    width: 13px;
    height: 13px;
    line-height: 13px;
}
ul.radio-group li &gt; label,
ul.checkbox-group li &gt; label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    padding: 2px 3px 0 5px !important;
    vertical-align: middle;
    max-width: 100% !important;
}

table.product_gallery
{
}
table.home_document_table #positions td.serial {
    width: 144px;
}
table.home_document_table #positions td.product {
    width: 144px;
}
table.home_document_table #positions td.serial,
table.home_document_table #positions td.product,
table.home_document_table #positions td.actions {
    text-align: center;
    padding: 3px 0;
}
table.home_document_table #positions td.product .auto_complete {
    text-align: left;
}
table.home_document_table #positions td.attribute {
    padding: 5px;
}
#commission_createFromShortcut table.home_document_table,
#commission_show table.home_document_table {
    width: auto !important;
}
table.home_document_table #positions td.actions {
    width: 20px;
}
div.delete a {
    display: block;
    background: transparent url("/sf/sf_admin/images/delete.png") 50% 50% no-repeat;
    width: 16px;
    height: 16px;
    margin: 2px;
}
#ajax-notice {
    margin: 2px !important;
}
.horizontal-margin-15 {
    margin-left: 15px;
    margin-right: 15px;
}
div.content &gt; ul.radio-group li &gt; *,
div.content &gt; ul.checkbox-group li &gt; *,
div.content &gt; * &gt; ul.radio-group li &gt; *,
div.content &gt; * &gt; ul.checkbox-group li &gt; * {
    padding: 0;
}
div.content &gt; ul.radio-group li,
div.content &gt; ul.checkbox-group li,
div.content &gt; * &gt; ul.radio-group li,
div.content &gt; * &gt; ul.checkbox-group li {
    padding: 3px 0;
}
div.content &gt; ul.radio-group li &gt; label,
div.content &gt; ul.checkbox-group li &gt; label,
div.content &gt; * &gt; ul.radio-group li &gt; label,
div.content &gt; * &gt; ul.checkbox-group li &gt; label {
    max-width: 160px;
}
.stat-hidden {
    display: none;
}
.stat-ok {
    background-image: url('/sf/sf_admin/images/ok.png');
}
.stat-error {
    background-image: url('/images/exclamation.png');
}
.stat-load {
    background-image: url('/images/ajax-loader.gif');
}
.stat-newone {
    background-image: url('/sf/sf_admin/images/error.png');
}
.stat-newpos {
    background-image: url('/sf/sf_admin/images/help_blue.png');
}
.stat-ok,
.stat-error,
.stat-load,
.stat-newone,
.stat-newpos {
    display: block;
    width: 16px;
    height: 16px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: transparent;
}
td.serial span.err {
    display: block;
    width: 138px;
    padding-top: 3px;
}
th.serial input[type="text"] {
    width: 60px;
}
.no-top-border {
    border-top: none !important;
}
.no-right-border {
    border-right: none !important;
}
.no-bottom-border {
    border-bottom: none !important;
}
.no-left-border {
    border-left: none !important;
}
.custom_css_profiles {
    border-collapse: collapse;
}
.custom_css_profiles td {
    padding: 2px 5px;
}
.custom_css_profiles th.default,
.custom_css_profiles td.default {
    width: 13px;
}
.custom_css_profiles th.visible,
.custom_css_profiles td.visible {
    width: 13px;
}
.custom_css_profiles th.actions {
    width: 20px;
}
div.report_param {
    background: none repeat scroll 0 0 #E5E5E5;
    border: 1px solid #222222;
    width: 250px;
}
div.save_button_odbc_param{
    margin-left: 190px;
}
.report_setting_trigger {
    cursor: pointer;
    width: 150px;
    height: 16px;
    border: solid 2px #E5E5E5;
    text-align: center;
}
.report_setting_trigger {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.delete_cell {
    width: 20px;
    text-align: center;
}
#procedureSQL_edit .home_document_table td,
#procedureSQL_edit .home_document_table th {
    padding: 2px 5px;
}
thead.fixed {
    position: fixed;
}
.tablescroll{
    font: 11px normal Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color:#fff;
    border-collapse:collapse !important;
}
.tablescroll td,
.tablescroll_wrapper,
.tablescroll_head,
.tablescroll_foot{
    border:1px solid #ccc;
}
.tablescroll td{
    padding:3px 5px;
}
.tablescroll_wrapper{
    border-left:0;
    border-collapse:collapse !important;
}
.tablescroll_head{
    font-size: 1em;
    font-weight:bold;
    background: #4291d8;
    color: #fff;
    margin-bottom:3px;
    padding: 3px 5px;
    text-align: center;
    border-left: 1px solid #fff;
}
.tablescroll thead td{
    border-right:0;
    border-bottom:0;
}
.tablescroll tbody td{
    border-right:0;
    border-bottom:0;
}
.tablescroll tbody tr.first td{
    border-top:0;
}
.tablescroll_foot{
    font-weight:bold;
    background-color:#eee;
    border-left:0;
    border-top:0;
    margin-top:3px;
}
.tablescroll tfoot td{
    border-right:0;
    border-bottom:0;
}
.email_row_selector td:first-child {
    border-left: 5px solid transparent;
}
.email_row_selector:hover td:first-child {
    border-left: 5px solid #ccc;
}
#emailMessage_mailFolder #td_sf_admin_content{
    width: 160%;
}
.widgetElement table.home_document_table {
    border-collapse: collapse;
    margin-top: 5px;
}
.widgetElement .fc {
    margin-top: 5px;
}
.image_list2 {
    display: table-cell;
    list-style: none;
    padding: 0;
}
.image_list2 li {
    display: inline-block;
    margin: 8px 0px 0 1%;
    border: 1px solid #cccccc;
    background-color: #f5f5f5;
}
.image_list2 img {
    margin: auto !important;
    display: table-cell;
    vertical-align: middle !important;
}
.image_list2 a {
    height: 125px;
    width: 125px;
    text-align: center;
    vertical-align: middle !important;
    display: table-cell;
}
#filters_content.filters_content {
    width: 548px;
}
#top_filters #filters_content.filters_content {
    width: auto;
}
.thumbnails_filelist {
    margin-bottom:10px;
    width: 100%;
    display: table;
}
.thumbnails_filelist .sortable_list_element {
    list-style: none;
    text-align: left;
    display: table-row;
}
.thumbnails_filelist .sortable_list_element div {
    display: table-cell;
    padding: 3px 5px;
    border-bottom: 1px solid #dce4ec;
    vertical-align: middle;
}
.thumbnails_filelist .sortable_list_element:last-child div {
    border-bottom: none;
}
.top_filters &gt; div:last-child {
    border-top: 1px solid #ccc;
    padding: 5px 0 0 0;
}
.thumbnails_filelist .sortable_list_element div.fileicon {
    width: 16px;
}
.thumbnails_filelist .sortable_list_element div.filename {
    display: table-cell;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
     -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
}
.thumbnails_filelist .sortable_list_element div.filedelete,
.thumbnails_filelist .sortable_list_element div.filedownload {
    text-align: center;
}
.thumbnails_filelist .sortable_list_element div b,
.thumbnails_filelist .sortable_list_element div img {
    margin-left: 0 !important;
    vertical-align: baseline !important;
}
.thumbnails_filelist .sortable_list_element div.filedelete {
    width: 50px;
}
.thumbnails_filelist .sortable_list_element div.filedownload {
    width: 50px;
}
.thumbnails_filelist .sortable_list_element div.filedate {
    width: 25% !important;
    text-align: right;
}
.thumbnails_filelist .sortable_list_element div.filedelete a span,
.thumbnails_filelist .sortable_list_element div.filedownload a span {
    display: block;
    text-align: center;
}
#commission_attributes .filters_content .table,
#account_company_attributes .filters_content .table,
#serviced-product-attributes .filters_content .table {
    width: 100%;
    margin-bottom: 15px;
}
#commission_attributes .top_filters b,
#account_company_attributes .top_filters b,
#serviced-product-attributes .top_filters b {
    margin-left: 1%;
}
.corners-tl,
.corners-top,
.corners-left,
.corners-all {
    -webkit-border-top-left-radius: .5em;
       -moz-border-top-left-radius: .5em;
            border-top-left-radius: .5em;
}
.corners-tr,
.corners-top,
.corners-right,
.corners-all {
    -webkit-border-top-right-radius: .5em;
       -moz-border-top-right-radius: .5em;
            border-top-right-radius: .5em;
}
.corners-bl,
.corners-bottom,
.corners-left,
.corners-all {
    -webkit-border-bottom-left-radius: .5em;
       -moz-border-bottom-left-radius: .5em;
            border-bottom-left-radius: .5em;
}
.corners-br,
.corners-bottom,
.corners-right,
.corners-all {
    -webkit-border-bottom-right-radius: .5em;
       -moz-border-bottom-right-radius: .5em;
            border-bottom-right-radius: .5em;
}
.corners-none {
    -webkit-border-top-left-radius: 0;
       -moz-border-top-left-radius: 0;
            border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
       -moz-border-top-right-radius: 0;
            border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
}
.aura-modal {
    border: 2px solid #666666;
    border: 2px solid rgba(0,0,0,.66);
    background: #ffffff;
    position: absolute;
    min-width: 250px;
    max-width: calc(100% - 40px);
    z-index: 1029;
}
.aura-modal.pop-up {
    max-width: 99%;
    max-width: calc(100% - 40px);
    z-index: 1099;
}
.screen-lock .aura-modal {
    z-index: 1101;
}
.aura-modal-content {
    position: relative;
}
.aura-modal-content .bootstrap-datetimepicker-widget::before,
.aura-modal-content .bootstrap-datetimepicker-widget::after {
    display: none !important;
}
.aura-modal .aura-modal-header h3,
.aura-modal .aura-modal-footer h3 {
    font-size: 1.3em;
    font-weight: bold;
    padding: 0;
}
.aura-modal .aura-modal-body,
.aura-modal .aura-modal-header &gt; * &gt; * ,
.aura-modal .aura-modal-footer &gt; * &gt; * {
    padding: 5px;
    font-size: 1em;
}
.aura-modal .aura-modal-header {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
.aura-modal .aura-modal-body table {
    width: 100%;
}
.aura-modal .aura-modal-body table .parameters tr.separator td {
    border: none;
    border-top: 1px solid #ddd;
}
.aura-modal .aura-modal-body table .parameters tr.separator:first-child td {
    border-top: none;
}
.aura-modal form {
    margin: 0 !important;
    padding: 0 !important;
}
.aura-modal-header,
.aura-modal-footer {
    display: table;
    min-width: 100%;
    max-width: 100%;
}
.aura-modal-header &gt; *,
.aura-modal-footer &gt; * {
    display: table-row;
}
.aura-modal-header &gt; * &gt; *,
.aura-modal-footer &gt; * &gt; * {
    display: table-cell;
    vertical-align: middle;
    height: 20px;
}
.aura-modal.pop-up {
    min-width: 460px;
    min-height: 110px;
    max-width: calc(100% - 40px);
    max-height: none;
    position: absolute;
    left: 50%;
    top: 50%;
}
.new-message-popup
{
    min-width: 540px!important;
}
.screen-lock {
    min-height: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: -20px;
    overflow-y: auto;
    z-index: 1100;
    width: -moz-available;
}
.dark-lock {
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7F000000', endColorstr = '#7F000000', GradientType = 0);
}
.aura-modal.pop-up .aura-modal-body {
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}
.window-lock {
    position: absolute;
    background:white;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF);
    background: rgba(255,255,255,.75);
    border-radius: 5px;
}
.window-lock .loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff url('/images/am-loader.gif') 50% 50% no-repeat;
    border: 1px solid rgba(0,0,0,.225);
    width: 48px;
    height: 48px;
    padding: 2px;
    margin-top: -22px;
    margin-left: -22px;
    box-shadow: 0 1px 5px 0px rgba(0,0,0,.25);
}
.aura-modal-header span.modal-close {
    float: right;
    cursor: pointer;
}
.aura-modal-header.corners-top &gt; *:first-child,
.aura-modal-header.corners-tr &gt; *:first-child {
    -webkit-border-top-right-radius: .5em;
       -moz-border-top-right-radius: .5em;
            border-top-right-radius: .5em;
}
.aura-modal-header.corners-top &gt; *:first-child {
    -webkit-border-top-left-radius: .5em;
       -moz-border-top-left-radius: .5em;
            border-top-left-radius: .5em;
}
.aura-modal-footer.corners-bottom &gt; *:last-child {
    -webkit-border-top-left-radius: 0;
       -moz-border-top-left-radius: 0;
            border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
       -moz-border-top-right-radius: 0;
            border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-bottom-left-radius: 0;
            border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-bottom-right-radius: 0;
            border-bottom-right-radius: 0;
}
.aura-modal-header.corners-top &gt; *:first-child &gt; *:first-child {
    -webkit-border-top-left-radius: .5em;
       -moz-border-top-left-radius: .5em;
            border-top-left-radius: .5em;
}
.aura-modal-header.corners-top &gt; *:first-child &gt; *:last-child,
.aura-modal-header.corners-tr &gt; *:first-child &gt; *:last-child {
    -webkit-border-top-right-radius: .5em;
       -moz-border-top-right-radius: .5em;
            border-top-right-radius: .5em;
}
.aura-modal-footer.corners-bottom &gt; *:last-child &gt; *:first-child {
    -webkit-border-bottom-left-radius: .5em;
       -moz-border-bottom-left-radius: .5em;
            border-bottom-left-radius: .5em;
}
.aura-modal-footer.corners-bottom &gt; *:last-child &gt; *:last-child {
    -webkit-border-bottom-right-radius: .5em;
       -moz-border-bottom-right-radius: .5em;
            border-bottom-right-radius: .5em;
}
.aura-modal-header,
.aura-modal-body {
    margin-bottom: 1px;
}
.aura-modal-body.disabled {
    background: #eee;
}
.aura-modal-body table {
    display: table;
    margin: 3px;
    padding: 0;
    border-collapse: collapse;
    border: none;
}
.aura-modal-body table td,
.aura-modal-body table th {
    padding: 5px 2px;
}
.aura-modal-body table th {
    font-weight: bold;
    padding-right: 5px;
    text-align: left;
    width: 25%;
}
.aura-modal.pop-up table td ul.checkbox-group,
.aura-modal.pop-up table td ul.radio-group {
    margin: 0;
}
.aura-modal.pop-up table td ul.checkbox-group li &gt; *,
.aura-modal.pop-up table td ul.radio-group li &gt; * {
    padding: 0;
}
.aura-modal.pop-up table td ul.checkbox-group li &gt; div,
.aura-modal.pop-up table td ul.radio-group li &gt; div {
    padding-right: 3px;
}
.aura-modal .chzn-container {
    position: static !important;
}
.aura-modal.pop-up input[type="text"] {
    margin: 0;
}
.aura-modal-body textarea {
    min-width: 380px;
    max-width: 380px;
    min-height: 36px;
    max-height: 144px;
    overflow: auto;
    overflow-x: auto;
    overflow-y: auto;
    width: auto;
    height: auto;
}
.aura-modal-body textarea.user_size {
    min-width: 0;
    max-width: none;
    min-height: 0;
    max-height: none;
    resize: both;
    width: auto;
}
.new-message-popup textarea{
    min-height: 250px !important;
    max-height: 300px !important;
}
.aura-modal pre {
    color: #002d56;
    font-size: 1em;
    margin: 0;
}
.aura-modal input.small-input {
    width: 85px;
}
.aura-modal input.very-small-input {
    width: 50px;
}
.custom-modal-message {
    display: inline-block;
    max-width: 480px;
    text-align: justify;
    padding: 10px;
}
.calendar {
    z-index: 1200 !important;
}
.auto_complete ul li {
    cursor: pointer;
}
#basket_content_deleted_products tr td {
    padding-left: 0;
    margin-left: 0;
    padding-right: 10px;
}
#basket_content_deleted_products tr th {
    padding-left: 0;
    margin-left: 0;
    text-align: left;
}
div.commission_attribute_chat,
div.document_attribute_chat {
    width: 100%;
}
#commission_attributes pre,
#account_company_attributes pre,
.attribute-value-preview pre,
#serviced-product-details pre,
#serviced-product-attributes pre,
div.readonly {
    color: #444;
    font-size: 0.909em;
    margin: 0;
    display: block;
    width: -moz-available;
    padding: 8px;
    line-height: 1.25em;
    background-color: #f5f5f5;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    white-space: pre-wrap;
    word-wrap: break-word !important;
    overflow-wrap: break-word;
    word-break: break-all;
    word-break: break-word;
    text-align: justify;
}
#commission_attributes .top_filters,
#account_company_attributes .top_filters,
#serviced-product-attributes .top_filters {
    width: 100%;
}
fieldset div.content .checkbox-group input[type="checkbox"],
fieldset div.content .radio-group input[type="radio"] {
    height: auto !important;
    margin: 0px;
}
.table {
    display: table;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}
#message_popup_send {
    color: #0357AF;
    text-decoration: none;
    text-align: right;
    background-image: none;
    height: auto;
    padding: auto;
    border-left-width: 0;
    border-color: transparent;
    border-style: none;
    padding: 2px 0px;
}
#message_popup_send:hover {
    cursor: pointer;
    color: #222222;
}
#message_popup_content {
    border: 1px solid #aaa;
}
#message_popup_content:focus {
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.3);
       -moz-box-shadow: 0 0 5px rgba(0,0,0,.3);
         -o-box-shadow: 0 0 5px rgba(0,0,0,.3);
            box-shadow: 0 0 5px rgba(0,0,0,.3);
    border: 1px solid #5897fb;
    outline: none;
}
.ace_editor_wrapper,
.ace_editor_wrapper_small {
    border: 1px solid #888;
    width: 80vw;
    height: 600px;
    overflow: hidden;
}
.ace_editor_wrapper_small {
    height: 200px;
}
.ace_editor_footer {
    width: 80vw;
}
@media (max-width: 1279px) {
    .ace_editor_wrapper,
    .ace_editor_wrapper_small,
    .ace_editor_footer {
        width: 100%;
    }
}
.ace_editor {
    width: 100%;
    height: 600px;
}
.ace_editor_wrapper_small .ace_editor {
    height: 200px;
}
.attribute-filter-row .checkbox-group li &gt; div,
.sf_admin_filters .form-row .checkbox-group li &gt; div {
    vertical-align: top;
    padding-top: 3px;
}
.attribute-filter-row .checkbox-group label,
.sf_admin_filters .form-row .checkbox-group label {
    max-width: 100%;
    display: inline-block;
}
.full-width {
    max-width: 100%;
    width: 100%;
}
#article_index .sf_admin_actions {
    display: block;
    float: none;
    clear: both;
}
tr.separator td {
    padding: 0;
    height: 0;
}
.odbc_report_chart_container {
    text-align: center;
}
.odbc_report_chart {
    width: 800px;
    display: inline-block;
}
#chartjs-tooltip {
    opacity: 1;
    position: absolute;
    background: rgba(0, 0, 0, .7);
    color: white;
    border-radius: 3px;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
#chartjs-tooltip table{
    font-family: Poppins, "Helvetica Neue", "Trebuchet MS", Helvetica, Arial, sans-serif;
    font-size: 14px;
}
.chart_tooltip_label{
}
.chart_tooltip_value{
    color: #bbb;
}
.one_chart{
    display: inline-block;
}
.center-middle th,
.center-middle td,
th.center-middle,
td.center-middle {
    text-align: center;
    vertical-align: middle;
}
.chart-8 {
    width: 300px;
    height: 300px;
}
.questionnaire_file {
    padding: 5px 10px;
}
.middle_picture {
    height: 20%;
    width: 20%;
    margin: 5px;
}
.middle_picture_selected {
    height: 20%;
    width: 20%;
    margin: 5px;
    outline: 5px solid black;
}
.left-clear {
    clear: left;
    float: none;
}
.step_1 h2,.step_1 div{
    display: none !important;
}
.th-top th {
    vertical-align: top;
}
table.tr-sep {
    width: 100%;
}
.tr-sep th,
.tr-sep td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    border-top: 1px solid lightgray;
}
.tr-sep tr:first-child th,
.tr-sep tr:first-child td,
.tr-sep tr.hidden th,
.tr-sep tr.hidden td {
    border-top: none;
}
.commission-tag-container {
    position: relative;
}
.commission-tag-container textarea {
    float: none;
    vertical-align: baseline;
}
a.select2-additional-button {
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 5px;
    width: 20px;
    height: 16px;
}
a.select2-additional-button img {
    width: 20px;
    height: 16px;
    margin: 0 !important;
    vertical-align: baseline;
}
.select2-container-multi .select2-search-choice-close {
    line-height: 13px;
    font-size: 1.182em;
    left: initial;
    left: auto;
    right: 3px;
}
.select2-search input[type="text"] {
}
.sf-filter-actions-container {
    display: table;
    width: 100%;
}
ul.sf-filter-actions
{
    display: table-row;
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.sf-filter-actions li
{
    display: table-cell;
    height: 3em;
    padding-top: .25em;
}
ul.sf-filter-actions li &gt; div {
    position: relative;
    width: 100%;
    height: 3em;
}
ul.sf-filter-actions-60-40 li:first-child {
    width: 60%;
}
ul.sf-filter-actions-60-40 li:last-child {
    width: 40%;
}
ul.sf-filter-actions-50-50 li {
    width: 50%;
}
ul.sf-filter-actions li input[type="button"],
ul.sf-filter-actions li input[type="submit"],
ul.sf-filter-actions li button {
    width: 95% !important;
}
ul.sf-filter-actions-60-40 li:first-child input[type="button"],
ul.sf-filter-actions-60-40 li:first-child input[type="submit"],
ul.sf-filter-actions-60-40 li:first-child button,
ul.sf-filter-actions-50-50 li:first-child input[type="button"],
ul.sf-filter-actions-50-50 li:first-child input[type="submit"],
ul.sf-filter-actions-50-50 li:first-child button {
    margin: 0 0 0 5px;
}
ul.sf-filter-actions-60-40 li:last-child input[type="button"],
ul.sf-filter-actions-60-40 li:last-child input[type="submit"],
ul.sf-filter-actions-60-40 li:last-child button,
ul.sf-filter-actions-50-50 li:last-child input[type="button"],
ul.sf-filter-actions-50-50 li:last-child input[type="submit"],
ul.sf-filter-actions-50-50 li:last-child button {
    margin: 0 5px 0 0;
}
.with-top-separator {
    border-top: 1px dotted #4291d8;
}
.flyout-escape {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1030;
}
.flyout-wrapper {
    margin-top: 12px;
    position: fixed;
    top: 0;
    right: 12px;
    max-height: 500px;
    width: 300px;
    border: 1px solid #999;
    background: #ddd;
    padding: 0;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.flyout-wrapper:before,
.flyout-wrapper:after {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
       -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
            box-shadow: 0 0 20px rgba(0,0,0,0.8);
    top: 10px;
    bottom: 0;
    left: 0;
    right: 0;
       -moz-border-radius: 100px / 10px;
            border-radius: 100px / 10px;
}
.flyout-wrapper:after {
    right: 0;
    left: auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
.flyout-outer {
    position: relative;
    width: 100%;
    min-height: 20px;
    background: #ddd;
    padding: 1px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}

.flyout-inner {
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #fff;
    min-height: 30px;
    max-height: 408px;
    border: 1px solid #999;
    margin: 0 2px 2px 2px;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.flyout-inner .flyout-row,
.flyout-inner .flyout-row:hover,
.flyout-inner .flyout-row:active {
    color: #777;
    display: block;
    min-height: 40px;
    margin: 5px 0;
    border-top: 1px solid #ccc;
    position: relative;
    padding: 0 3px;
}
.flyout-inner .flyout-row:first-child {
    border-top: none;
}
.flyout-inner .flyout-row-avatar {
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    position: absolute;
    top: 5px;
    left: 4px;
    background: url(/images/ajax-loader.gif) no-repeat 50% 50%;
}
.flyout-inner .flyout-row * {
    cursor: pointer;
}
.flyout-inner .flyout-row img {
    min-height: 0;
    min-width: 0;
    max-width: 32px;
    max-height: 32px;
    background: #fff;
}
.flyout-inner .flyout-row .flyout-row-header {
    margin-bottom: 3px;
    padding: 0 0 3px 0;
    color: #013869;
    border-bottom: 1px solid #eee;
    font-weight: bold;
}
.flyout-inner .flyout-row .flyout-row-content {
    margin-left: 35px;
    min-height: 40px;
    padding: 3px;
}
.flyout-inner .flyout-row .flyout-row-content &gt; span {
    word-break: break-all;
    word-wrap: break-word;
}
.flyout-inner .flyout-row-read {
    opacity: 0.5;
}
.flyout-inner .flyout-row-read:hover {
    opacity: 0.7;
}
.flyout-actions {
    height: 40px;
    padding: 0;
    position: relative;
}
.flyout-actions .btn,
.flyout-actions .btn {
    position: absolute;
    height: 30px;
    top: 50%;
    width: 66px;
    margin-top: -15px;
}
.flyout-actions #msgbox-create {
    right: 69px;
}
.flyout-actions #msgbox-list {
    right: 1px;
    border: 1px solid #aaa;
}
.flyout-actions button#msgbox-create:only-of-type {
    width: 133px;
    right: 4px;
}
.flyout-header {
    padding: 1px 2px;
    margin-bottom: 5px;
}
.flyout-header .select2-search {
    padding: 0;
}
.flyout-header .select2-search input {
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
.flyout-no-results {
    position: absolute;
    display: block;
    width: 100px;
    height: 12px;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -50px;
    color: #333;
    text-align: center;
}
.flyout .loader {
    display: none;
    left: 5px;
    top: 50%;
    margin-top: -16px;
}
.flyout-actions .loader img {
    width: 20px;
    height: 20px;
    margin: 6px;
}
.flyout-actions .status {
    position: absolute;
    font-size: 0.909em;
    height: 30px;
    padding: 9px 3px;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #333;
}
.flyout-actions .status.has-unread {
    padding: 3px;
}
.thread-content-header {
    position: relative;
    font-size: 1.273em;
    height: 14px;
    margin: 10px;
    cursor: pointer;
}
.thread-content-header:first-child {
    margin-top: 0;
}
.thread-content-header:last-child {
    margin-bottom: 0;
}
.thread-content-header-line {
    position: absolute;
    border-bottom: 1px solid #aaa;
    top: 50%;
    margin-top: 2px;
    left: 0;
    right: 0;
}
.thread-content-header .thread-content-header-header {
    text-align: center;
    color: #888;
}
.thread-content-header .thread-content-header-header span {
    display: block;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    background-color: #fff;
    position: absolute;
    width: 200px;
    left: 50%;
    top: 50%;
    font-size: 12px;
    height: 2em;
    transform: translate(-50%, -50%);
    line-height: 2em;
}
.thread-content-row {
    margin: 0 10px 5px 10px;
    padding: 5px;
    position: relative;
    min-height: 100px;
}
.thread-content-row-0 {
    background-color: #f1f5f9;
    border-top: 1px solid #A8C7D6;
    border-bottom: 1px solid #A8C7D6;
}
.thread-content-row-1 {
    background-color: #f7f7f7;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
}
.thread-content-row-left {
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 5px;
    bottom: 5px;
}
.thread-content-row-left img {
    width: 75px;
    height: 75px;
}
.thread-content-row-right {
    margin: 0 3px 0 90px;
}
.thread-content-row .discussion-info {
    padding: 0 5px 3px 5px;
}
.thread-content-row-0 .discussion-info {
    border-bottom: 1px solid #A8C7D6;
}
.thread-content-row-1 .discussion-info {
    border-bottom: 1px solid #d5d5d5;
}
.thread-content-row .discussion-content {
    padding: 10px 5px 5px 5px;
    word-wrap: break-word;
    word-break: normal;
    margin-bottom: 1.5em;
}
.thread-content-row .discussion-content-extra div {
    display: none;
    position: absolute;
    background-color: #fff;
    right: 0;
    bottom: -1px;
    padding: 5px 5px;
}
.thread-content-row .discussion-content-extra:hover div {
    display: block;
}
.thread-content-row-0 .discussion-content-extra div {
    border: 1px solid #A8C7D6;
}
.thread-content-row-1 .discussion-content-extra div {
    border: 1px solid #d5d5d5;
}
.thread-content-row-0 .discussion-content-extra span {
    border: 1px solid #A8C7D6;
    color: #4D8099;
}
.thread-content-row-1 .discussion-content-extra span {
    border: 1px solid #d5d5d5;
    color: #666;
}
.thread-content-row .discussion-content-extra span {
    background-color: #fff;
    padding: 5px;
    font-weight: bold;
    position: absolute;
    right: 0;
    bottom: -1px;
    display: block;
    width: 28px;
    text-align: center;
}
.thread-content-row .discussion-content-extra:hover span {
    display: none;
}
.thread-receivers &gt; * &gt; span {
    text-align: right;
}
.thread-receivers .action-cont {
    padding: 5px 5px 5px 0;
    vertical-align: top;
    width: 100px !important;
}
.thread-receivers .action-cont button {
    width: 100%;
}
.thread-reply,
.thread-reply &gt; *,
.thread-reply &gt; * &gt; * {
    background: #fff !important;
    border: none !important;
}
.thread-reply &gt; * &gt; * {
    padding: 5px 10px 5px 5px !important;
}
.thread-reply textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100px;
}
.select2-is-loading:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    right: 5px;
    background-color: #fff;
    background-image: url('/images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-origin: padding-box;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    z-index: 9999;
}
div#guest_login{
}
div#user_login{
}
div#messages{
}
div#email_message{
    display: inline-block;
}
div#currency{
}
div#basket{
}
div#order_template{
}
div#user_clipboard{
}
.aura-modal textarea {
    resize: vertical;
}
.new-message-popup table {
    width: 100% !important;
}
.new-message-popup table tr td {
    padding: 5px 8px 5px 2px !important;
}
.new-message-popup table tr:first-child td {
    padding: 5px 2px !important;
}
.new-message-popup table tr th {
    width: 20%;
}
.new-message-popup table tr td &gt; input,
.new-message-popup table tr td &gt; textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}
#message-list table tbody td {
    padding: 0 5px;
}
#message-list table tr &gt; *:last-child {
    text-align: center;
}
.font-size-10 {
    font-size: 10px !important;
}
.font-size-11 {
    font-size: 11px !important;
}
.font-size-12 {
    font-size: 12px !important;
}
.font-size-13 {
    font-size: 13px !important;
}
.font-size-14 {
    font-size: 14px !important;
}
.font-weight-bold {
    font-weight: bold !important;
}
.font-weight-normal {
    font-weight: normal !important;
}
.font-style-italic {
    font-style: italic !important;
}
.font-style-normal {
    font-style: normal !important;
}
.word-break {
    word-break: keep-all;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.text-center {
    text-align: center !important;
}
.text-justify {
    text-align: justify !important;
}
#bot-safety {
    position: absolute;
    top: -1000px;
}
.autologin {
    color: #666;
}
.progress {
    display: block;
    width: 100%;
    height: 5px;
    border: 1px solid rgb(75, 136, 183);
    margin: 2px 0;
    background: rgb(199, 212, 221);
    overflow: hidden;
    position: relative;
}
.progress-sm {
    height: 20px;
}
.progress.done {
    background: rgb(112,153,184);
}
.progress.fail {
    background: rgb(184, 112, 112);
    border: 1px solid rgb(184, 76, 76);
}
.progress.stop {
    background: rgb(184, 184, 184);
    border: 1px solid rgb(150, 150, 150);
}
.progress span {
    display: block;
    position: absolute;
    background: rgb(112,153,184);
    height: 5px;
    width: 0;
}
.progress.indeterminable span {
    width: 30%;
    left: -30%;
}
.progress.done span,
.progress.fail span,
.progress.stop span {
    display:none;
}
.upload-sidebar {
    position: fixed;
    background: transparent;
    overflow: hidden;
    width: 22px;
    right: 0px;
    top: 0;
    bottom: 0;
    z-index: 1300;
}
.upload-sidebar-inner {
    position: absolute;
    background: #efefef;
    top: 0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 400px;
    left: 22px;
    border: 1px solid #ccc;
}
.upload-sidebar-handle {
    position: absolute;
    display: block;
    top: 50%;
    height: 30px;
    margin-top: -15px;
    left: 0;
    width: 23px;
    background: #EFEFEF;
    border: 1px solid #CCC;
    -webkit-border-radius: 5px 0 0 5px;
       -moz-border-radius: 5px 0 0 5px;
            border-radius: 5px 0 0 5px;
}
.upload-sidebar.shown .upload-sidebar-handle {
    border-right: 1px solid #EFEFEF;
}
.upload-sidebar-handle:before {
    position: absolute;
    left: 50%;
    margin-left: -7px;
    top: 50%;
    margin-top: -7px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e079";
}
.upload-sidebar.shown .upload-sidebar-handle:before {
    background-position: -456px -72px;
}
.upload-sidebar.shown .upload-sidebar-inner {
    left: 21px;
}
.upload-list {
    margin: 2px 0 2px 2px;
    border-collapse: collapse;
    white-space: nowrap;
}
.upload-item {
    display: inline-block;
}
.upload-item &gt; * {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    padding: 5px;
    background: #FAFAFA;
    border: 1px solid #CCC;
    cursor: default;
}
.upload-item.selected-item &gt; * {
    background: #ACC2FF;
    border: 1px solid #6682CD;
}
.upload-item &gt; .upload-item-info {
    border-right: none;
    color: #555;
}
.upload-item &gt; .upload-item-info.active-item {
    cursor: pointer;
}
.upload-item &gt; .upload-item-actions {
    width: 25px;
    border-left: none;
}
.fileinput-button {
    position: relative;
    overflow: hidden;
}
.fileinput-button input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-size: 2.273em;
    opacity:0;
    transform: scale(4);
    height: 30px;
    line-height: 30px;
}
.aura-modal-body .image-preview {
    max-width: 800px;
    max-height: 550px;
    min-width: 200px;
    min-height: 200px;
    margin: 0 auto;
    display: inline-block;
    border: 1px solid #ddd;
}
.aura-modal-body .image-preview #preview {
    max-width: 100%;
    max-height: 100%;
}
.jcrop-holder img {
    background: #FFF !important;
}
#user-avatar {
    border: 1px dashed #CCC;
    width: 120px;
    height: 120px;
}
.active_avatar,
.empty_avatar,
.loading_avatar {
    position: relative;
    width: 120px;
    height: 120px;
}
.add-avatar,
.remove-avatar,
.change-avatar {
    position: absolute;
    width: 20px;
    height: 22px;
    padding: 3px;
    display: none;
    right: 0;
    bottom: 0;
    cursor: pointer
}
.add-avatar {
    background: #859900;
    border: 1px solid #859900;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.remove-avatar {
    background: #dc322f;
    border: 1px solid #dc322f;
    -webkit-border-radius: 0 3px 3px 0;
       -moz-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
}
.change-avatar {
    background: #4291d8;
    border: 1px solid #4291d8;
    right: 21px;
    -webkit-border-radius: 3px 0 0 3px;
       -moz-border-radius: 3px 0 0 3px;
            border-radius: 3px 0 0 3px;
}
.empty_avatar:hover .add-avatar {
    display: block;
}
.active_avatar:hover .add-avatar {
    display: none;
}
.empty_avatar:hover .remove-avatar,
.empty_avatar:hover .change-avatar {
    display: none;
}
.active_avatar:hover .remove-avatar,
.active_avatar:hover .change-avatar {
    display: block;
}
.loading_avatar .add-avatar,
.loading_avatar .remove-avatar,
.loading_avatar .change-avatar {
    display: none;
}
.loading_avatar:before {
    position: absolute;
    content: '';
    display: block;
    width: -moz-available;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7F000000', endColorstr = '#7F000000', GradientType = 0);
}
.loading_avatar:after {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 50%;
    background: #fff url('/images/am-loader.gif') 50% 50% no-repeat;
    border: 2px solid #000;
    width: 36px;
    height: 36px;
    padding: 2px;
    margin-top: -22px;
    margin-left: -22px;
}
.thread-member-list {
    display: table;
    max-width: 400px;
}
.thread-member-row {
    height: 40px;
    display: table-row;
}
.thread-member-row &gt; div {
    display: table-cell;
    vertical-align: middle
}
.thread-member-row &gt; div:first-child {
    text-align: center;
    width: 40px;
}
.thread-member-row img {
    height: 32px;
    width: 32px;
}
.thread-member-row span {
    display: block;
    max-width: 350px;
    font-size: 1.091em;
}
#css-rows .display-table-cell,
#css-rows-2 .display-table-cell,
#css-rows-3 .display-table-cell {
    padding-bottom: 6px;
}
#css-rows .display-table-row .display-table-cell:first-child,
#css-rows-2 .display-table-row .display-table-cell:first-child {
    width: 200px;
}
#css-rows-3 .display-table-row .display-table-cell:first-child {
    width: 50%;
}
.custom_css_profiles {
    width: 100% !important;
}
#customCss_addProfiles select {
    width: 300px;
}
.input-with-placeholder {
    position: relative;
    height: 22px;
    overflow: hidden;
    display: inline-block;
    cursor: text;
}
.input-with-placeholder label {
    color: #888;
    position: absolute;
    left: 5px;
    top: 50%;
    height: 20px;
    margin-top: -10px;
    font-size: 0.909em;
    line-height: 20px;
    cursor: text;
}
.input-with-placeholder input {
    background-color: transparent;
    width: 200px;
}
.border-collapse {
    border-collapse: collapse;
}
.very-small-indent {
    height: 1px;
}
.right-panel &gt; h3 a {
    color: #FFD700;
}
.right-panel &gt; h3 a:hover {
    color: #000;
}
.required-fields-info {
    padding-left: 0;
}
.registration-message {
    display: none;
}
#not_logged {
    float: left;
    padding-bottom: 5px;
}
#log_in {
    float: left;
    padding-bottom: 5px;
}
#login_else {
    float: left;
    margin-left: 86px;
}
#register {
    float: left;
}
#cookie-link-mini {
    display: none;
}
#change-user-loader,.change-attribute-loader {
    background: url('/images/ajax-loader.gif') no-repeat;
}
#change-user-loader,
#change-user-success,
#change-user-failed,
.change-attribute-loader,
.change-attribute-success,
.change-attribute-failed{
    display: inline-block;
    width: 16px;
    height: 16px;
    position: static;
    margin: 0;
    margin-left: 5px;
}
#change-user-loader.hidden,
#change-user-success.hidden,
#change-user-failed.hidden,
.change-attribute-loader.hidden,
.change-attribute-success.hidden,
.change-attribute-failed.hidden{
    display: none;
}
div.synchronization_entry{
    border: 1px solid #C3C3C3;
}
div.margin_left{
    margin-left: 15px;
}
#main_processes_info{
    height: 100%;
    table-layout: fixed;
    text-align: left;
    text-indent: 3px;
    line-height: 30px;
}
.main_processes_info{
    height: 100%;
    table-layout: fixed;
    text-align: left;
    text-indent: 3px;
}
.main_processes_info th,#main_processes_info th{
    background-color: #C3C3C3;
    border: 1px solid #C3C3C3;
    color: #606060;
}
.main_processes_info .second,#main_processes_info #second{
    background-color: #dddddd;
    border: 1px solid #dddddd;
}
#main_sync_table{
    width: 100%;
}
.sync_loader{
    display: block;
    width: 16px;
    height: 16px;
    margin-left: 5px;
    vertical-align: middle;
    background: url('/images/dots_loader.gif') no-repeat;
}
.sync_progress{
    display: block;
}
span.confirm-sync-ajax-ok {
    width: 16px;
    height: 16px;
    margin-left: 5px;
    vertical-align: middle;
    background: url('/images/accept.png') no-repeat;
}
#date_label_from{
    display: inline;
    margin-left: 185px;
}
#date_label_to{
    margin-left: 85px;
    display: inline;
}
.img_middle{
    vertical-align: middle;
}
.updater-entry {
    border: 1px solid #bbb;
}
.updater-entry + .updater-entry {
    margin-top: 5px;
}
.updater-entry-inner {
    margin: 10px;
    position: relative;
}
.updater-entry-left,
.updater-entry-right {
    display: inline-block;
    vertical-align: top;
}
.updater-entry-left {
    min-width: 66%;
    max-width: 66%;
}
.info-table {
    border-collapse: collapse;
    width:100%;
}
.info-table td,
.info-table th {
    padding: 5px;
    text-align: left;
    color: #444;
}
.info-table thead th {
    background-color: #aaa;
}
.info-table-row-0 th,
.info-table-row-0 td {
}
.info-table-row-1 th,
.info-table-row-1 td {
    background-color: #ddd;
}
.updater-entry .info-table tr th:first-child {
    width: 200px;
}
.help-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("/images/help.png") no-repeat 50% 50%;
    vertical-align: middle;
    cursor: help;
}
[class^="status-"],
[class*=" status-"] {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("/images/help.png") no-repeat 50% 50%;
    background-clip: padding-box;
    vertical-align: middle;
}
.status-error {
    background-image: url("/images/cross.png");
}
.status-ok {
    background-image: url("/images/accept.png");
}
.status-new {
    background-image: url("/images/plus-b.png");
}
.status-warn {
    background-image: url("/images/warn.png");
}
.status-working {
    background-image: url("/images/ajax-loader.gif");
    background-color: #fff;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}
.updater-log-container {
    position: relative;
    height: 310px;
}
#updater-log {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 300px;
    resize: none;
}
#check-version-steps ol li {
    font-size: 1em;
}
#upgrade-steps ol li {
    font-size: 0.8em;
}
#updater-progress-outer {
    width: 100%;
    padding: 20px 10px 0 10px;
}
#commission_attributes .form-row p,
#account_company_attributes .form-row p,
#serviced-product-attributes .form-row p {
    font-size: 1em;
    padding: .25em 1.5em .25em 4px;
}
.widgetElement .fxtab-wrapper {
    max-width: 95%;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-text {
    cursor: text;
}
.cursor-move {
    cursor: move;
}
button.close,
a.close {
    font-weight: normal;
}
button.bootbox-close-button {
    font-size: 1.15em;
    line-height: 2em;
    vertical-align: middle;
}
textarea {
}
#commission_attributes .row.form-group textarea,
#account_company_attributes .commission-row.text-row textarea,
#serviced-product-attributes .commission-row.text-row textarea,
#document_attributes .form-inline textarea {
    width: 100%;
    min-width: 100%;
    max-height: 10.5em;
    min-height: 3em;
    resize: none;
    overflow: auto;
}
#commission_attributes .row.form-group textarea:focus,
#account_company_attributes .commission-row.text-row textarea:focus,
#serviced-product-attributes .commission-row.text-row textarea:focus,
#document_attributes .form-inline textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin solid rgb(115, 185, 239) \9;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    max-height: none !important;
}
.home_document_table {
    border-collapse: collapse;
}
.home_document_table td,
.home_document_table th,
.sf_admin_list td,
.sf_admin_list th {
    padding: 3px 5px;
}
.commission-rows-container {
    width: 100%;
    padding-left: 20px;
}
.commission-rows {
    display: table;
    width: 100%;
    max-width: 100%;
    font-size: 0.93em;
}
.commission-row {
    display: table-row;
}
.commission-row &gt; * {
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 0.75em;
    position: relative;
}
.commission-row &gt; *:first-child {
    width: 160px;
    min-width: 80px;
}
.commission-row &gt; *:last-child {
    padding-left: 8px;
}
.commission-row label {
    color: #002d56 !important;
    font-weight: 500;
}
.commission-row [class^="change-attribute-"],*
.commission-row [class*=" change-attribute-"] {
    vertical-align: middle;
}
.commission-row.top-valign &gt; * {
    vertical-align: top;
}
.commission-row table {
}
.floating-info .change-attribute-loader,
.floating-info .change-attribute-success,
.floating-info .change-attribute-failed {
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    border: 1px solid #000;
}
.select2-search input.select2-active {
    z-index: 1090;
}
.attribute-value-preview {
    max-width: 300px;
}
.commission-row.text-row .show-more + pre {
    overflow: hidden;
    min-height: 8.9em;
    max-height: 8.9em;
    cursor: pointer;
}
.commission-row.text-row .show-more.hidden + pre {
    cursor: auto;
    min-height: 0;
}
.commission-row.text-row .show-more + pre.show-all,
.commission-row &gt; div &gt; pre.inline-block {
    overflow: hidden;
    text-align: justify;
    -o-text-overflow: clip;
       text-overflow: clip;
    max-height: none;
    padding-bottom: 25px !important;
}
.commission-row .checkbox-group {
    margin: 0;
}
.commission-row pre ul {
    padding-left: 1.5em;
    margin: 0;
}
.flipped-y {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.flipped-x {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}
.show-more {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 5px;
    -webkit-border-radius: 4px 0 0 0;
       -moz-border-radius: 4px 0 0 0;
            border-radius: 4px 0 0 0;
    background-color: #FFF;
    border-top: 1px solid #CCC;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #CCC;
    cursor: pointer;
}
.commission-row.text-row pre.show-all + .pre-show-more {
    display: block;
}
#commission_attributes .commission-row &gt; div &gt; input[type="text"]:focus,
#account_company_attributes .commission-row &gt; div &gt; input[type="text"]:focus,
#serviced-product-attributes .commission-row &gt; div &gt; input[type="text"]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin solid rgb(115, 185, 239) \9;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
       -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
    max-height: none;
}
.commission-row .commission_attribute_html {
    background-image: -webkit-linear-gradient(top, #EEE 1px, #FFF 5px);
    background-image: -moz-linear-gradient(top, #EEE 1px, #FFF 5px);
    background-image: -o-linear-gradient(top, #EEE 1px, #FFF 5px);
    background-image: -ms-linear-gradient(top, #EEE 1px, #FFF 5px);
    background-image: linear-gradient(top, #EEE 1px, #FFF 5px);
}
.chat-reply {
    position: relative;
    margin-bottom: 4px;
}
#commission_attributes .commission-row &gt; div &gt; .relative &gt; .chat-reply textarea,
.chat-reply textarea {
    border: none;
    border-bottom: 1px solid #e6e6e6;
    margin: 0;
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#commission_attributes .commission-row &gt; div &gt; .relative &gt; .chat-reply textarea:focus,
.chat-reply textarea:focus{
    border: none;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    outline: none;
}
.chat-reply button {
    margin-bottom: -1px;
}
#commission-details .commission-row div.relative div.detail-value-inner + button,
#commission-details .commission-row div.relative div.detail-value-inner + a {
    vertical-align: top;
    height: 32px;
}
#commission-details .commission-row div.relative div.detail-value-inner
.tooltipster-content {
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
}
.attribute-value-preview pre {
    -webkit-touch-callout: default;
      -webkit-user-select: text;
       -khtml-user-select: text;
         -moz-user-select: text;
          -ms-user-select: text;
              user-select: text;
}
.commission-status-status {
    display: none;
    height: 28px;
    width: 50px;
    padding: 5px;
    bottom: -25px;
    border: 1px solid #666;
    background: #eee;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 999;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.commission-status-status.inline {
    top: 50%;
    margin-top: -14px;
    right: -60px;
    bottom: auto;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.commission-status-status.show {
    display: block;
}
#commission_attributes .commission-status-status,
#account_company_attributes .commission-status-status,
#document_attributes .commission-status-status {
    bottom: -34px;
}
.commission-status-status.show:before {
    position: absolute;
    display: block;
    content: '';
    top: -5px;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #666;
}
.commission-status-status.show:after {
    position: absolute;
    top: -3px;
    left: 50%;
    display: block;
    content: '';
    margin-left: -5px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #eee;
}
.commission-status-status.inline.show:before {
    left: -5px;
    top: 50%;
    margin-left: 0;
    margin-top: -5px;
    border-left: none;
    border-right: 5px solid #666;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.commission-status-status.inline.show:after {
    left: -3px;
    top: 50%;
    margin-left: 0;
    margin-top: -5px;
    border-left: none;
    border-right: 5px solid #eee;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.commission-status-status.show i {
    display: inline-block;
}
.commission-status-status.show.change-success {
    background: #228B22;
}
.commission-status-status.show.change-success:after {
    border-bottom: 5px solid #228B22;
    border-right: 5px solid transparent;
}
.commission-status-status.show.change-success.inline:after {
    border-right: 5px solid #228B22;
    border-bottom: 5px solid transparent;
}
.commission-status-status.show.change-failed {
    background: #B22222;
}
.commission-status-status.show.change-failed:after {
    border-bottom: 5px solid #B22222;
    border-right: 5px solid transparent;
}
.commission-status-status.show.change-failed.inline:after {
    border-right: 5px solid #B22222;
    border-bottom: 5px solid transparent;
}
.commission-status-status ~ .commission-status-bar {
    display: none;
}
.detail-value-inner,
.attribute-value-inner {
    display: inline-block;
    position: relative;
    min-width: 20px;
    width: 300px;
    max-width: 100%;
}
.commission-row.text-row table.mceLayout {
    width: 100% !important;
}

.select2-drop-mask {
    background-color: #000;
    opacity: .333;
    z-index: 1031;
}

.select2-dropdown-open {
    z-index: 1032;
}
.select2-drop {
    z-index: 1033;
    position:absolute;
}

.modal-open .select2-drop-mask {
    z-index: 1051;
    opacity: 0;
}

.modal-open .select2-dropdown-open {
    z-index: 1052;
}

.modal-open .select2-drop {
    z-index: 1053;
}
.show-more + pre {
    padding-right: 30px !important;
}
.show-more.hidden + pre {
    padding-right: 8px !important;
}
.select2-is-loading {
    z-index: 1000;
}
.procedure-entry {
    display: inline-block;
    float: left;
    margin-right: 5px;
}
#commission-procedures {
    width: 100%;
    max-width: 100%;
    text-align: left;
    margin: 10px 0;
    overflow: hidden;
}
#commission-procedures input {
    margin: 0;
}
#commission_attributes .commission-row &gt; div &gt; .relative,
#account_company_attributes .commission-row &gt; div &gt; .relative,
#serviced-product-attributes .commission-row &gt; div &gt; .relative {
    max-width: 100%;
    width: 100%;
    min-width: 100%;
    position: relative;
}
#commission_show #company_left_panel {
    max-width: 60%;
    min-width: 60%;
    width: auto;
}
#commission_show #company_right_panel {
    max-width: 40%;
    min-width: 40%;
    width: auto;
}
.commission_attribute_hook {
    display: none;
    height: 16px;
    width: 16px;
    padding: 4px;
    border: 1px solid #888;
    background-color: #fafafa;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: 1px;
    cursor: row-resize;
    z-index: 999;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
    user-select: none;
    opacity: 0.50;
    filter:alpha(opacity=50);
}
.commission_attribute_hook:before {
    display: block;
    height: 16px;
    width: 16px;
    content: '';
    background: transparent url('/images/resize_v.png') no-repeat 50% 50%;
}
.text-row .relative:hover .commission_attribute_hook {
    display: block;
}
.text-row textarea:focus + .commission_attribute_hook {
    display: none !important;
}
#commission_attributes .commission-row.tag-row .select2-search-choice,
#account_company_attributes .commission-row.tag-row .select2-search-choice,
#serviced-product-attributes .commission-row.tag-row .select2-search-choice {
    max-width: 40%;
    word-wrap: break-word !important;
}
.choice-one-row .detail-value-inner,
.choice-one-row .attribute-value-inner {
    min-width: 300px;
    max-width: 90%;
}
#commission_attributes pre,
#serviced-product-attributes pre {
    display: flex;
    width: 100%;
    width: -webkit-fill-available; 
    width: -moz-available; 
    width: fill-available;
}
#commission_attributes .chatbox,
#account_company_attributes .chatbox ,
#document_attributes .chatbox {
    display: table;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 10px;
}
#commission_attributes .chatbox .chat-entry,
#account_company_attributes .chatbox .chat-entry ,
#document_attributes .chatbox .chat-entry {
    display: table-row;
}
#commission_attributes .chatbox .chat-entry &gt; * ,
#account_company_attributes .chatbox .chat-entry &gt; * ,
#document_attributes .chatbox .chat-entry &gt; * {
    display: table-cell;
    vertical-align: top;
}
#commission_attributes .chatbox .chat-entry .chat-entry-data,
#account_company_attributes .chatbox .chat-entry .chat-entry-data ,
#document_attributes .chatbox .chat-entry .chat-entry-data {
    padding: 7px 0 7px 7px;
}
#commission_attributes .chatbox .chat-entry .chat-entry-avatar,
#account_company_attributes .chatbox .chat-entry .chat-entry-avatar ,
#document_attributes .chatbox .chat-entry .chat-entry-avatar {
    width: 32px;
    padding: 7px 0;
}
#commission_attributes .chatbox .chat-entry-message pre,
#account_company_attributes .chatbox .chat-entry-message pre ,
#document_attributes .chatbox .chat-entry-message pre {
    position: static;
}
#commission_attributes .chatbox .chat-entry-info,
#account_company_attributes .chatbox .chat-entry-info ,
#document_attributes .chatbox .chat-entry-info {
    margin-left: 3px;
    line-height: 1.15em;
}
.chat-entry-info span:last-child {
    float: right;
    margin-right: 3px;
    color: #777;
}
#commission_attributes .chatbox .thread-content-header,
#account_company_attributes .chatbox .thread-content-header ,
#document_attributes .chatbox .thread-content-header {
    display: table-caption;
    height: 40px;
}
#commission_attributes .chatbox [id^="hide_chat"],
#account_company_attributes .chatbox [id^="hide_chat"] ,
#document_attributes .chatbox [id^="hide_chat"] {
    display: table-row-group;
}
#commission_attributes .chatbox [id^="hide_chat"] .chat-entry,
#account_company_attributes .chatbox [id^="hide_chat"] .chat-entry ,
#document_attributes .chatbox [id^="hide_chat"] .chat-entry {
    opacity: .6;
}
#commission_attributes .chatbox img,
#account_company_attributes .chatbox img ,
#document_attributes .chatbox img {
    width: 32px;
    height: 32px;
}
#commission_attributes .relative .show-more,
#account_company_attributes .relative .show-more,
#serviced-product-attributes .relative .show-more {
    z-index: 1002;
}
#commission_attributes .relative pre.show-all,
#account_company_attributes .relative pre.show-all,
#serviced-product-attributes .relative pre.show-all {
    z-index: 1001;
}
.credential_toggle {
    background-color: #C3C3C3;
    border: 1px solid #C3C3C3;
    color: #606060;
    font-weight: bold;
    cursor: pointer;
    margin: -5px -5px 0 -5px;
    padding: 5px;
    width: 100%;
    min-width: 800px;
    display:inline-block;
    max-width:100%;
}
.credential_toggle h4 {
    margin: 0.25em 0.25em !important;
}
table.credential_list {
    background: #fff;
    border: 1px solid #eee;
    margin-right: 10px;
    width: 98%;
}
table.credential_list thead tr th,
table.credential_list tbody tr th
{
    background: url("images/background.png") repeat scroll right bottom #B3B3B3;
    text-align: left;
}
.account_company_add_task {
    width: 20%;
    min-width: 300px;
}
iframe[seamless]{
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: auto;
}
h3.report_name {
    background: initial;
    margin: 5px 0;
    color: initial;
    padding: initial;
}
[id*="_odbc_reports_area"] .report_results {
    overflow-x: auto;
    max-width: 100%;
}

.report_results th.number,
.report_results td.number {
    white-space: nowrap;
    text-align: right;
}
.clear-left {
    clear: left;
}
.clear-right {
    clear: right;
}
tbody#positions .actions {
    padding: 3px 5px !important;
}
#odbcReport_list td.sf_admin_td_actions_cell {
    text-align: left;
    width: auto;
}
.thread-content {
    font-size: 0.9em;
}
.accept-ico {
    width: 14px;
    height: 14px;
}
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
    user-select: none;
}
.aura-modal-dropdown-mask {
    z-index: 1500;
}
.aura-modal-dropdown {
    z-index: 1501;
    margin-top: -6px;
}
.commission-row.text-row input[type="text"] {
    width: 100%;
}
.row.form-group .relative &gt; textarea,
.commission-row.text-row .relative .chat-reply &gt; textarea,
.chat-reply &gt; textarea {
    max-width: 100%;
    height: 0;
}

.top_filters &gt; [style*="display:none"] ~ div:last-child,
.top_filters &gt; [style*="display: none"] ~ div:last-child {
    border-top: none;
    padding: 0;
}
.select2-offscreen {
    display: none;
}
.select2-focusser.select2-offscreen {
    display: block;
}
.commission-row .checkbox-group-block {
    padding: 5px;
    vertical-align: top;
}
.commission-row .checkbox-group-block:nth-child(even) {
    background: #efefef;
}
.bar {
    display:block;
}
.bar-row {
    display:inline-block;
}
.ui-icon-info {
    background-image: url(/images/layouts/mobile/icons-36-black.png) !important;
    display: block;
    background-position: -1065px -6px;
    background-repeat: no-repeat;
    width: 50px;
    height: 30px;
    cursor: pointer;
}
.ui-icon-login {
    background-image: url(/images/layouts/mobile/icons-18-black.png) !important;
    display: block;
    background-position: -1468px 0px;
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    background-size: auto 120%;
}
.ui-icon-logout {
    background-image: url(/images/layouts/mobile/icons-18-black.png) !important;
    display: block;
    background-position: -1510px 0px;
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    background-size: auto 120%;
}
.header-table {
    width:100%;
}
.header-td-menu {
    width:20%;
}
.header-td-logo {
    width:55%;
}
.header-td-logout {
    width:10%;
}
.header-td-info {
    width:15%;
}
.info_btn_header, .info_btn_header:hover, .info_btn_header:active, .info_btn_header:focus{
    background-image: url(/images/layouts/mobile/icons-36-white.png);
    display: block;
    background-position: -1080px -6px;
    background-repeat: no-repeat;
    width: 30px;
    display: inline-block;
}
.logout_btn, .logout_btn:hover, .logout_btn:active, .logout_btn:focus {
    background-image: url(/images/layouts/mobile/icons-18-white.png);
    display: block;
    background-position: -1771px 0px;
    background-repeat: no-repeat;
    width: 30px;
    background-size: auto 100%;
}
.login_btn,.login_btn:hover, .login_btn:active, .login_btn:focus {
    background-image: url(/images/layouts/mobile/icons-18-white.png);
    display: block;
    background-position: -1718px 0px;
    background-repeat: no-repeat;
    width: 30px;
    background-size: auto 100%;
}
.textarea-autosize {
    line-height: 14px;
    font-size: 11px !important;
}
.textarea-autosize:focus {
    overflow-y: hidden !important;
}
.setting_header {
    width: 100%;
}
.setting_header_helper {
    width: 4.99%;
}
.tooltipster-error{
    border-radius: 5px;
    border: 2px solid #d22222;
    background: #fff;
    color: #d22222;
}
.tooltipster-ok{
    border-radius: 5px;
    border: 2px solid #228B22;
    background: #fff;
    color: #228B22;
}
.tooltipster-error .tooltipster-content ,
.tooltipster-ok .tooltipster-content {
    font-size: 12px;
    line-height: 14px;
    padding: 8px 10px;
}
#company-name-outer-container {
    width: 50%;
    width: calc(100% - 160px);
    float: left;
}
@media (max-width: 767px) {
#company-name-outer-container {
        width: 100%;
    }
}
#company-name-outer-container {
    cursor: default;
}
.hidden-edit{
    position: relative;
    padding-top: 5px;
    padding-right: 20px;
    margin-bottom: 12px;
}
.hidden-edit h2 {
    display: inline-block;
    padding: 0;
    margin: 0 15px 0 0;
    cursor: text;
    position: relative;
}
.hidden-edit h2.editable:after,
.hidden-edit h3.editable:after{
    margin-left: 20px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\270f";
}
.hidden-edit &gt; textarea {
    display: none;
}
.hidden-edit &gt; .glyphicon-pencil {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
    cursor: pointer;
}
.hidden-edit.editing &gt; textarea {
    display: inline-block;
    font-size: 17px;
}
.hidden-edit.editing h2,
.hidden-edit.editing h3,
.hidden-edit.editing &gt; .glyphicon-pencil {
    display: none;
}
.hidden-edit .commission-status-status {
    right: auto;
    left: 0;
    bottom: auto;
}
#account_company_adresses_short_list p {
    padding: 0;
}
#account_company_adresses_short_list td {
    padding: 3px 5px;
}
.max_size {
    width: 100%;
}
.desktop-hide{
    display:none;
}
.product_button{
    display: inline-block;
    text-align: right;
    float: right;
    height: 45px;
}
.desktop-inline-block
{
    display:inline-block;
}
.mobile-clear{
    display:inline;
}
.task-select2{
    width: 380px;
    min-width: 380px;
    max-width: 380px;
}
.payment-margin
{
    margin-left: 5px;
}
.document-buttons{
    margin-right: 3%;
}
.document_ph{
    margin-top: 20px;
}
.new_document_payment{
    display:inline-block;
}
.correct-margin{
    margin-left:5px;
}
#odbc_dbname {
    margin-left: 3px;
    margin-right: 5px;
}
#odbc_database {
    clear: both;
}
#ontimer_left_panel,
#ontimer_middle_panel,
#ontimer_right_panel
{
    width: 33%;
    min-width: 33%;
    max-width: 33%;
    float: left;
    padding: 5px 10px;
    border-top: 0px solid #ddd;
}
#ontimer_panel {
    clear: both;
    float: left;
    width: 98%;
}
#ontimer_panel caption {
    font-size: 10pt;
}
#advanced_table {
    width: 100%;
}
#ontimer_panel input {
    width: 95%;
}
.document_offer_question-right_section{
    padding-left: 15px !important;
}
.full_chat{
    height:25px;
}
.full_chat a{
    float:right;
}
#mail_attachmens iframe {
    width: 400px;
    border: none;
    overflow: hidden;
    overflow-y: auto!important;
}
#mail_attachmens {
    width: 420px;
    height: 80px;
    padding: 0;
    overflow-x: hidden;
    overflow-y: hidden;
}
.aura-modal .upload-list {
    width: 100%;
    margin: 0;
}
.aura-modal .upload-item .upload-item-icon {
    height: 20px;
    width: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.aura-modal tr.attachments td {
    padding-right: 0;
}
.thread-content-row .discussion-content-extra + .discussion-content-extra div,
.thread-content-row .discussion-content-extra + .discussion-content-extra span {
    right: 27px;
}
.thread-content-row .discussion-content-extra.attachments:hover div,
.thread-content-row .discussion-content-extra.attachments:hover span {
    display: none;
}
.thread-content-row .discussion-content-extra.attachments span {
    padding: 3px 5px;
}
.thread-content-row .discussion-content-extra.attachments div {
    left: 90px;
}
.thread-content-row .discussion-content-extra.state-active div {
    display: block;
}
.thread-content-row .discussion-content-extra.attachments:hover span,
.thread-content-row .discussion-content-extra.attachments.state-active span {
    display: block;
}
.thread-content-row-0 .discussion-content-extra.state-active span {
    background-color: #D3E3EA;
}
.thread-content-row-1 .discussion-content-extra.state-active span {
    background-color: #EAEAEA;
}
.thread-content-row .discussion-content-extra:hover + .discussion-content-extra div,
.thread-content-row .discussion-content-extra:hover + .discussion-content-extra span {
    display: none;
}
.thread-content-row.attachments-visible {
    border-bottom: none;
}
.thread-content-attachments {
    min-height: 0;
    padding-left: 96px;
    padding-top: 0px;
    padding-right: 0px;
    margin-top: -5px;
    border-top: none;
}
.thread-content-attachments ul {
    width: 100%;
    padding: 0;
    display: block;
    padding-top: 5px;
    margin: 0;
}
.thread-content-attachments ul li {
    list-style: none;
    display: inline-block;
    margin: 0 0 5px 0;
    padding: 3px 5px 0 5px;
    height: 28px;
    min-width: 28px;
    line-height: 22px;
}
.thread-content-attachments ul li img {
    vertical-align: sub;
    margin: 2px 2px 0 2px;
}
.thread-content-row-0.thread-content-attachments ul li {
    border: 1px solid #A8C7D6;
    background-color: #F8FAFC;
}
.thread-content-row-1.thread-content-attachments ul li {
    border: 1px solid #D5D5D5;
    background-color: #FBFBFB;
}
.thread-content-row-0.thread-content-attachments ul {
    border-top: 1px solid #A8C7D6;
}
.thread-content-row-1.thread-content-attachments ul {
    border-top: 1px solid #D5D5D5;
}
.half-width {
    width: 50%;
}
.thread-reply {
    min-height: 50px;
}
.thread-reply textarea {
    min-height: 50px;
}
#attachments.aura-modal-footer {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 0;
    display: block;
    background: #fff !important;
    border: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
}
#attachments.aura-modal-footer.hidden {
    display: none;
}
.widgetElement &gt; h2 {
    position: relative;
    display: inline-block;
}
.unread {
    font-weight: bold;
}
#receiver_group_criteria .value .select2-container {
    min-width: 200px;
    max-width: 300px;
    width: 100%;
}
.discussion-content-extra {
    font-size: 9px;
}
.aura-modal-header table,
.aura-modal-footer table {
    display: table;
}
.aura-modal-header tbody,
.aura-modal-footer tbody {
    display: table-row-group;
}
.aura-modal-header tr,
.aura-modal-footer tr {
    display: table-row;
}
.aura-modal-header th,
.aura-modal-header td,
.aura-modal-footer th,
.aura-modal-footer td {
    display: table-cell;
}
#attachments.thread-reply table.attachment-table {
    width: 60%;
}
#attachments.thread-reply table.attachment-table th {
    width: 80px;
    padding: 5px;
}
#attachments.aura-modal-footer {
    border-top: 1px solid #ccc !important;
}
#attachments.aura-modal-footer tbody {
    background: #fff !important;
    border: none !important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important;
}
.new-message-popup #attachments table.attachment-table {
    width: 100%;
}
.new-message-popup #attachments table.attachment-table th,
.new-message-popup #attachments table.attachment-table td {
    padding: 5px !important;
}
.new-message-popup #attachments table.attachment-table th {
    width: 20%;
    text-align: left;
}
.new-message-popup #attachments table.attachment-table td {
    padding: 5px 8px 5px 2px !important;
}
#user-forms-modal-body table.attachment-table {
    width: 100% !important;
}
.section {
    padding: 5px;
}
.widgetElement {
    position: relative;
    min-height: 20px;
}
.widgetElement .widgetElementOptions {
    position: absolute;
    top: 0;
    right: 0;
}
.widgetElement .handle {
    width: 100% !important;
}
.report_results th:after,
.widgetElement th:after{
    content: attr(group);
}
.color-pattern {
    width: 13px;
    height: 13px;
    float: left;
    margin-right: 3px;
}
.jqplot-cursor-tooltip,
.jqplot-highlighter-tooltip {
    font-size: 12px !important;
    background-color: #fff !important;
    background-color: rgba(255,255,255, 0.9) !important;
    padding: 3px 5px !important;
    z-index: 1 !important;
}
.odbc_report_chart.chart-4 + .odbc_report_chart.chart-4 {
    margin-left: 2em !important;
    margin-bottom: 2em !important;
}
.odbc_report_chart.chart-4 .jqplot-title {
    margin-bottom: 2em !important;
}
.odbc_report_chart.chart-4 .jqplot-data-label {
    background-color: #fff !important;
    background-color: rgba(255,255,255, 0.75) !important;
    padding: 3px 5px !important;
}
.odbc_report_chart_inner_container
{
    display: inline-block;
}
.report_edit_cell{
    background-color: #ebebeb;
}
#widget_options_inner select[multiple] {
    width: 100% !important;
}
#widget_options_inner &gt; table {
    width: 100%;
}
#widget_options_inner &gt; table th {
    width: 33.3%;
}
#widget_options.widget_library {
    overflow: hidden;
    padding: 4em 0 0 0;
    width: 530px;
}
#widget_options.widget_library #widget_options_loader {
    padding: 0 20px;
}
#widget_options.widget_library h2:first-child {
    position: absolute;
    top: 0;
    left: 20px;
}
#widget_options_inner {
    max-height: 90%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px;
}
#widget_options_actions {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: -moz-available;
    padding: 5px 20px;
    text-align: right;
}
#widget_options_content {
    height: 100%;
}
.widget_timer {
    color: #166cec;
    text-align: right;
    font-size: 1em;
    line-height: 1.15em;
    margin: 5px 0;
}
td.sf_admin_td_actions_cell ul.sf_admin_td_actions img {
    vertical-align: bottom;
}
input.tb, textarea.tb {
    background-image: none;
}
.thread-content-row-0.thread-content-attachments ul li .message-attachments-download {
    border-left: 1px solid #A8C7D6;
}
.thread-content-row-1.thread-content-attachments ul li .message-attachments-download{
    border-left: 1px solid #D5D5D5;
}
.message-attachments-download {
    padding-left: 5px;
    margin-left: 3px;
}
@media all and (max-width: 800px) {
    #parameters_table div:nth-child(3){
        display:block;
    }
    #parameters_table .close_button{
        margin-left: 70%!important;
    }
    #commission_odbc_reports_area #parameters_table .close_button{
        margin-left: 73%!important;
    }
}
@media all and (min-width: 801px) and (max-width: 1024px) {
    #parameters_table div:nth-child(4){
        display:block;
    }
    #parameters_table .close_button{
        margin-left: 75%!important;
    }
}
@media all and (min-width: 1025px) and (max-width: 1355px) {
    #parameters_table div:nth-child(5){
        display:block;
    }
    #parameters_table .close_button{
        margin-left: 81%!important;
    }
}
@media all and (min-width: 1356px) and (max-width: 1560px) {
    #parameters_table div:nth-child(6){
        display:block;
    }
    #parameters_table .close_button{
        margin-left: 87%!important;
    }
}
@media all and (max-width: 1560px) {
    #document_odbc_reports_area #parameters_table  div:nth-child(3){
        display:block;
    }
    #document_odbc_reports_area #parameters_table  .close_button{
        display:block;
        margin-left: 67%!important;
    }
    #document_odbc_reports_area #parameters_table  div:nth-child(6){
        display:block;
    }
}
#parameters_table .autofilters{
    min-width: 375px;
}
#parameters_table .table_column{
    display:table-cell;
    width:100%;
}
#parameters_table h3{
    color: #000!important;
}
#parameters_table .aura-modal-header{
    display:inline-block;
}
#parameters_table .close{
    font-size: 0.8em;
    position: absolute;
    top: 0;
    right: 0;
    color: inherit;
    z-index: 1030;
}
#parameters_table select{
    max-width: 100%;
}
#parameters_table [data-group="sort"] select{
    width: 100%;
}
#parameters_table .checkbox-group-block{
    display:block;
}
#parameters_table .aura-modal-body table {
    width: auto;
}
.report_block_section{
    display: block!important;
}
.report_block_section:after{
}
#commission_odbc_reports_area .close_button{
    margin-left: 77%!important;
}
.left-panel select, #commission_odbc_reports_area select{
    max-width: 125px!important;
}
#commission_odbc_reports_area #parameters_table .aura-modal-header {
    min-width: 220px;
    width: 100% !important;
}
.report_container .aura-modal {
    width: 100%;
    max-width: calc(100% - 40px);
    font-size: 12.5px;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    margin-bottom: 20px;
}
#show_report_report_container .aura-modal {
    max-width: calc(100vw - 40px);
}
.report_container .aura-modal .aura-modal-body[data-group="visibility"] {
  padding-top: 10px;
}
.report_container .aura-modal .aura-modal-body[data-group="sort"] td:nth-child(2) {
  width: 100px;
  padding-left: 10px;
}
.report_container .aura-modal .aura-modal-body[data-group="grouping"] td:nth-child(2) {
  width: 85px;
}
#parameters_table {
    position: relative;
        -webkit-columns: 250px 1;
           -moz-columns: 250px 1;
                columns: 250px 1;
    padding: 10px;
}
@media screen and (min-width: 769px) {
    #parameters_table {
        -webkit-columns: 320px 2;
           -moz-columns: 320px 2;
                columns: 320px 2;
    }
    #parameters_table .table_column.autofilters {
        min-width: 320px
    }
    .panel #parameters_table {
        -webkit-columns: 320px 2;
        -moz-columns: 320px 2;
        columns: 320px 2;
    }
    .panel #parameters_table .table_column.autofilters {
        min-width: 0
    }
}
@media screen and (min-width: 1131px) {
    #parameters_table {
        -webkit-columns: 360px 3;
           -moz-columns: 360px 3;
                columns: 360px 3;
    }
    #parameters_table .table_column.autofilters {
        min-width: 360px;
    }
}
@media screen and (min-width: 1367px) {
    #parameters_table {
        -webkit-columns: 375px 5;
           -moz-columns: 375px 5;
                columns: 375px 5;
    }
    #parameters_table .table_column.autofilters {
        min-width: 375px
}
}
#parameters_table .table_column {
    display: block;
    width: 100%;
    padding-right: 10px;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 20px;
}
#parameters_table .table_column .aura-modal-header h3 {
    display: block;
    margin: 10px 5px 0;
}
#parameters_table .table_column.autofilters .datetimepicker input {width: 83px;}
#parameters_table .table_column.autofilters table th,
#parameters_table .table_column.autofilters table td {
    vertical-align: middle;
}
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.position-fixed {
    position: fixed;
}
.position-static {
    position: static;
}
.thread-list-thread-message button[name="toggle-message"] {
    opacity: 0.5;
}
.thread-list-thread-message button[name="toggle-message"]:hover,
.thread-list-thread-message button[name="toggle-message"]:focus {
    border: 1px solid #999;
    -webkit-border-radius: 2px;
       -moz-border-radius: 2px;
            border-radius: 2px;
    background: #f8f8f8;
    opacity: 1;
}
.thread-list-thread-message button[name="toggle-message"]:active,
.thread-list-thread-message button[name="toggle-message"]:focus {
    outline: none;
}
.thread-list-search-lock {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: -moz-available
}
.aura-modal-body.position-relative {
    padding: 0 0 10px 0;
    overflow: hidden !important;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}
.thread-list-search {
    position: relative;
    min-height: 61px;
    z-index: 1200;
}
#search-phrase-md .thread-list-search-extended {
    display: none;
}
.thread-list-search-filters {
    background: whitesmoke;
    padding: 10px 5px 25px 5px;
    border-bottom: 1px solid #999;
    position: relative;
}
.thread-list-search-filters.open {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: -moz-available;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    -webkit-transition: height 500ms ease-out 1s;
       -moz-transition: height 500ms ease-out 1s;
         -o-transition: height 500ms ease-out 1s;
            transition: height 500ms ease-out 1s;
}
.thread-list-search-filters.open:before,
.thread-list-search-filters.open:after
{
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.8);
       -moz-box-shadow: 0 0 20px rgba(0,0,0,0.8);
            box-shadow: 0 0 20px rgba(0,0,0,0.8);
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    -webkit-border-radius: 100px / 10px;
       -moz-border-radius: 100px / 10px;
            border-radius: 100px / 10px;
}
.thread-list-search-filters.open:after
{
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
       -moz-transform: skew(8deg) rotate(3deg);
        -ms-transform: skew(8deg) rotate(3deg);
         -o-transform: skew(8deg) rotate(3deg);
            transform: skew(8deg) rotate(3deg);
}
.thread-list-search-filters.open .thread-list-search-extended {
    display: block !important;
    padding: 5px;
}
.thread-list-search-filters.open .thread-list-search-extended .select2-container {
    display: block;
}
.thread-list-search-filters.open .thread-list-search-extended .select2-container .select2-choices {
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
}
.thread-list-search-filters.open .thread-list-search-extended label {
    color: #666;
    margin: 8px 0 3px 0;
    display: inline-block;
}
.thread-list-search .select2-search input {
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    z-index: 0;
}
.thread-list-search-toggle {
    position: absolute;
    bottom: -1px;
    left: 50%;
    z-index: 1200;
    margin-left: -27px;
}
.thread-list-search-toggle button {
    padding: 0 20px;
    -webkit-border-radius: 3px 3px 0 0;
       -moz-border-radius: 3px 3px 0 0;
            border-radius: 3px 3px 0 0;
    border-color: rgba(0,0,0,.25) rgba(0,0,0,.25) #999;
}
.thread-list-threads:not(*:root) {
    padding: 12px 15px 5px;
}
.thread-list-search-result {
    display: none;
}
.thread-list-search-result.found {
    display: block;
}
.thread-list-groups ul {
    list-style: none;
    padding: 1px 0 0 0;
    margin: 0;
}
.thread-list-group {
    cursor: pointer;
    clear: both;
    padding: 5px;
    position: relative;
    height: 60px;
    top: -1px;
    background: #fff;
    border-top: 1px solid #e8e8e8;
    font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.thread-list-group.selected {
    background: #3071a9;
    border-top: 1px solid #3071a9;
    border-bottom: none;
    color: #fff;
}
.thread-list-group + .thread-list-group.selected {
    background: #3071a9;
    border-top: 1px solid #17324a;
    color: #fff;
}
.thread-list-group.selected + .thread-list-group {
    border-top: 1px solid #17324a;
}
.thread-list-group:last-child {
    border-bottom: 1px solid #e8e8e8;
}
.thread-list-group.selected:last-child {
    border-bottom: 1px solid #3071a9;
}
.thread-list-group-text {
    padding-top: 5px;
    font-weight: bold;
}
.thread-list-group-date {
    position: absolute;
    bottom: 10px;
    right: 10px;
    color: #aaa;
}
.thread-list-group.selected .thread-list-group-date {
    color: #DCE9F4;
}
.thread-list-group.selected .thread-list-group-avatar {
    outline: 1px solid #fff;
}
.thread-list-group-avatar {
    width: 50px;
    height: 50px;
    float: left;
    background: #eee url(/images/ajax-loader.gif) no-repeat 50% 50%;
    margin-right: 5px;
}
.thread-list-group-avatar img {
    min-width: 0;
    min-height: 0;
    background: #fff;
    max-width: 50px;
    max-height: 50px;
}
.thread-list-thread
{
    background: #fff;
    border: 1px solid #bbb;
    padding-right: 40px;
    position: relative;
    margin-bottom: 15px;
	box-shadow: 0 1px 3px 1px rgba(0,0,0,.2);
}
.thread-list-thread[data-id]:not(.actions-xs) {
    min-height: 111px;
}
.thread-list-thread-actions:not(.actions-xs) {
    width: 40px;
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: -1px;
    background: #555;
    font-size: 28px;
    line-height: 35px;
}
.thread-list-thread-actions:not(.actions-xs) ul {
    position: static;
    padding: 0;
    margin: 0;
    list-style: none;
}
.thread-list-thread-actions:not(.actions-xs) ul li {
    display: block;
    text-align: center;
    width: 32px;
    height: 32px;
    margin: 4px;
}
.thread-list-thread-actions:not(.actions-xs) ul li:hover,
.thread-list-thread-actions:not(.actions-xs) ul li:focus {
    background: #777;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    outline: none;
}
.thread-list-thread-show-reply .thread-list-thread-actions:not(.actions-xs) ul li.thread-list-thread-action-reply,
.thread-list-thread-show-reply .thread-list-thread-actions:not(.actions-xs) ul li.thread-list-thread-action-reply:hover,
.thread-list-thread-show-reply .thread-list-thread-actions:not(.actions-xs) ul li.thread-list-thread-action-reply:focus {
    background: #333;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    outline: none;
}
.thread-list-thread-actions:not(.actions-xs) li a {
    text-decoration: none;
    color: #ddd;
    display: block;
    font-size: 1em;
    line-height: inherit;
}
.thread-list-thread-actions:not(.actions-xs) li a::before {
    position: relative;
    top: -3px;
}
.thread-list-thread-messages {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.thread-list-thread-message {
    border-left: 5px solid #ccc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: block;
    padding: 5px 10px;
    color: #444;
    margin-top: -1px;
    position: relative;
}
.bootbox .threadlist_modal .bootbox-body .thread-list-thread-message .row {
    margin-left: -10px;
    margin-right: -10px;
}
.bootbox .threadlist_modal .bootbox-body .thread-list-thread-message &gt; .row:nth-child(n+2) {
    border-top: 1px solid #eee;
}
.bootbox .threadlist_modal .bootbox-body .thread-list-thread-message .row [class^="col-"],
.bootbox .threadlist_modal .bootbox-body .thread-list-thread-message .row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}
.thread-list-thread-message:first-child {
    margin-top: 0;
}
.thread-list-thread-message:last-child {
}
.thread-list-thread-info {
    color: #aaa;
    text-align: right;
}
.thread-list-thread-messages::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    border-left: 5px solid #CCC;
}
.thread-list-thread-message-avatar {
    float: left;
    width: 32px;
    height: 32px;
    background: #eee url(/images/ajax-loader.gif) no-repeat 50% 50%;
}
.thread-list-thread-message-avatar img {
    min-width: 0;
    min-height: 0;
    background: #fff;
    max-width: 32px;
    max-height: 32px;
}
.thread-list-thread-message-header {
    padding: 9px 0 0 5px;
    line-height: 1.15em;
    float: left;
    margin-bottom: 15px;
}
.thread-list-thread-message-header &gt; * {
    display: inline-block;
}
.thread-list-thread-message-header button[name="toggle-message"] {
    position: absolute;
    right: 5px;
    top: 5px;
}
.message-receivers {
    text-decoration: none;
    color: #222;
    display: inline-block;
    position: relative;
    height: 1.25em;
    line-height: 1.15em;
    width: 350px;
    overflow: hidden;
    margin-bottom: -4px;
}
.message-receivers ul {
    list-style: none;
    display: block;
    width: 10000px;
    padding: 0 0 0 1px;
    margin: 0;
}
.message-receivers ul li {
    display: inline-block;
    padding-right: 5px;
}
.message-receivers ul li::after {
    content: ",";
    display: inline;
    color: #555;
}
.message-receivers ul li:last-child::after {
    content: "";
}
.message-receivers ul li.message-receiver-read {
    color: #999;
}
@media(min-width:992px) {
    .message-receivers-multiple {
	cursor: pointer;
    }
    .message-receivers-multiple::before {
	content: "\2026";
	display: block;
	border: 1px solid #999;
	background: #eee;
	color: #888;
	font-weight: bold;
	margin-top: -0.563em;
	position: absolute;
	top: 50%;
	right: 0;
	line-height: 0.5em;
	padding: 0 2px 0.375em 2px;
	outline: 5px solid #fff;
    }
.message-receivers-multiple:active {
    overflow: visible;
}
.message-receivers-multiple:active::before {
    display: none;
}
.message-receivers-multiple:active ul {
    max-width: 500px;
    position: absolute;
    padding: 3px;
    border: 1px solid #888;
    background: #fff;
    z-index: 1200;
	top: -3px;
	left: -2px;
    margin: 0;
}
.message-receivers-multiple:active ul li {
    display: block;
    margin-bottom: 3px;
}
.message-receivers-multiple:active ul li:last-child {
    margin-bottom: 0;
}
.message-receivers-multiple:active ul li::after {
    content: "";
}
}
.thread-list-thread-message-content {
    overflow-y: hidden;
}
.thread-list-thread-message-file {
    width: 140px;
    height: 140px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 5px;
}
.thread-list-thread-message-file .thread-message-file-preview {
    background: #dfdfdf;
    border: 1px solid #aaa;
    width: 130px;
    height: 130px;
    padding: 5px;
    overflow: hidden;
}
.thread-list-thread-message-files ul {
    padding: 5px 0;
    margin: 0 5px;
}
.thread-list-thread-message-file::before,
.thread-list-thread-message-file::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-style: solid;
    z-index: 1100;
}
.thread-list-thread-message-file::before {
    border-width: 10px;
    border-top-color: rgba(1,1,1,.5);
    border-right-color: rgba(0,0,0,.5);
    border-bottom-color: rgba(0,0,0,0);
    border-left-color: rgba(0,0,0,0);
    right: 7px;
    top: 30px;
}
.thread-list-thread-message-file::after {
    border-width: 12px;
    border-top-color: #e7e7e7;
    border-right-color: #e7e7e7;
    border-bottom-color: rgba(0,0,0,.2);
    border-left-color: rgba(1,1,1,.2);
    right: 5px;
    top: 5px;
}
.thread-message-file-info {
    position: absolute;
    width: 128px;
    bottom: 6px;
    background: #ccc;
    border-top: 1px solid #aaa;
    left: 6px;
}
.thread-message-file-info &gt; * {
    padding: 5px;
}
.thread-message-file-info-actions {
    padding: 35px 5px;
    text-align: center;
    display: none;
}
.thread-list-thread-message-file:hover .thread-message-file-info {
    top: 5px;
}
.thread-list-thread-message-file:hover .thread-message-file-info-actions {
    display: block;
}
.thread-list-thread-message-file:hover .thread-message-file-info-name {
    background: rgba(33,33,33,.1);
}
.thread-list-thread-message-file.filetype-image:hover .thread-message-file-info-name {
    background: rgba(255,255,255,.3);
}
.filetype-image .thread-message-file-info {
    background: rgba(204, 204, 204, 0.7);
    color: #111;
}
.thread-list-thread-message-clause {
    background: #e7e7e7;
    border: 1px solid #d7d7d7;
    margin-left: 50px;
    margin-top: 5px;
    position: relative;
}
.thread-list-thread-message-clause-time {
    color: #aaa;
    position: absolute;
    top: 5px;
    left: -50px;
    width: 35px;
    text-align: center;
}
.thread-list-thread-message-clause-text {
    color: #444 !important;
    padding: 5px;
    margin: 0;
    line-height: 1.3;
    white-space: pre-wrap;
}
.thread-list-thread-reply {
    display: none;
    position: relative;
}
.thread-list-thread-show-reply .thread-list-thread-reply {
    display: block;
}
textarea.thread-list-thread-reply-input {
    resize: none;
    line-height: 1.25;
    max-height: 20em;
    min-height: 10em;
    min-width: 100%;
    max-width: 100%;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    border: 1px solid #aaa;
}
textarea.thread-list-thread-reply-input:focus {
    outline: 1px solid #999;
    border: 1px solid #777;
}
.thread-list-thread-reply-submit {
    border: 1px solid #bbb;
    text-align: right;
    position: relative;
    top: -5px;
    background: #fff;
}
.thread-list-thread-reply-submit button {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
textarea.thread-list-thread-reply-input:focus + .thread-list-thread-reply-submit {
    border: 1px solid #777;
    outline: 1px solid #999;
}
textarea.thread-list-thread-reply-input:focus + .thread-list-thread-reply-submit:not(*:root) {
    margin: 0 1px 1px 1px;
}
.thread-list-threads textarea.thread-list-thread-reply-input:focus + .thread-list-thread-reply-submit button {
    border-width: 0 0 0 1px;
    border-left-color: #777 !important;
}
.thread-list-search-result .thread-list-group-text {
    padding-top: 18px;
}
.thread-list-threads-loader {
    position: absolute;
    width: -moz-available;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background:white;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFFFFFFF,endColorstr=#BFFFFFFF);
    background: rgba(255,255,255,.75);
}
.thread-list-loader::before,
.thread-list-threads-loader::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff url('/images/am-loader.gif') 50% 50% no-repeat;
    border: 1px solid rgba(0,0,0,.225);
    width: 48px;
    height: 48px;
    padding: 2px;
    margin-top: -22px;
    margin-left: -22px;
	border-radius: 5px;
    box-shadow: 0 1px 5px 0px rgba(0,0,0,.25);
}
.thread-list-thread-loading {
    min-height: 24px;
    background: #fff url('/images/ajax-loader.gif') 50% 50% no-repeat;
}
.thread-list-thread-more a {
    display: block;
    text-align: center;
    padding: 5px;
}
.thread-list-thread-message-clause.new {
    border-color: forestgreen;
}
.thread-list-thread-message-clause.new .thread-list-thread-message-clause-time {
    color: forestgreen;
}
.thread-list-thread-message-clause.new:after {
    content: '\f31a';
    display: inline-block;
    font-family: "Ionicons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: forestgreen;
    font-size: 20px;
    position: absolute;
    top: 2px;
    right: 5px;
}
.lightbox-communicator #outerImageContainer {
    max-width: 95%;
    max-height: 95%;
}
@media (min-width:992px) and (max-width:1024px) {
    .thread-list-thread-message-header {
        width: 400px;
        padding: 4px 0 0 5px;
    }
}
@media screen and (max-width:1024px) {
    .thread-list-thread-message-header {
        width: 400px;
        padding: 4px 0 0 5px;
    }
    .message-sender {
        display: block;
    }
}
#payment_date.credential_show {
    font: inherit;
    color: inherit;
    width: 100px;
    text-align: right;
}
.report_container .loader {
    display: block;
    top: 50%;
    left: 50%;
    background: #fff url('/images/am-loader.gif') 50% 50% no-repeat;
    border: 2px solid #000;
    width: 36px;
    height: 36px;
    padding: 2px;
    margin-left: 48%;
}
.select2-modal {
    z-index: 1000;
}
.ui-tabs-panel .report_results {
    overflow: auto;
    min-width: 100%;
    max-width: 100%;
    position: relative;
}
.imap_list{
    width: 100%;
}
.email_in_modal, .create_email_in_modal{
    min-width: 80%!important;
    max-height:95%!important;
    min-height: 95%!important;
}
.email_in_modal .message_content_iframe{
    width:100%;
    max-height:80%!important;
    min-height:80%!important;
    height:auto;
    position: absolute;
    border: none!important;
}
.email_in_modal .imap_message{
    position: absolute;
}
.email-message-popup-header{
    background:#ddd none repeat scroll 0 0!important;
}
.email_in_modal .message_attribute_value{
    font-weight:normal;
}
#imap_message .message_attribute_name {
    padding: 2px 10px 2px 5px;
    width: 100px;
}
#imap_message .message_attribute_value {
    padding: 2px 5px 2px 10px;
}
#imap_message .message_header table {
    border-collapse: separate;
}
#imap_message .message_header .left-panel {
    max-width: 70%;
    min-width: 50%;
    padding: 0px 10px;
}
#imap_message .message_header .right-panel {
    min-width: 30%;
    padding: 0px 10px;
}
.aura-modal-body:empty .aura-modal-footer {
    position: absolute;
    bottom: 0;
}
#new-version-status,
#cron-down,
#mailer-down,
#license-expires,
#automation-down{
    margin: 5px;
    font-size: 1em;
    display: inline-block;
    line-height: 1.5em;
    padding: 3px 10px;
    font-weight: normal;
    color: #fff;
}
#license-expires-text {
    margin: 5px;
    font-size: 1.2em;
    display: inline-block;
    line-height: 1.5em;
    padding: 3px 10px;
    font-weight: normal;
    color: #d24637;
}
.table ul:not([class*="list-"]):not(.dropdown-menu),
.home_document_table ul:not([class*="list-"]):not(.dropdown-menu) {
    padding: 0;
    list-style-type: square;
    list-style-position: inside;
    margin: 0;
}
.table:not(.table-bordered) ul:not([class*="list-"]) li:only-of-type {
    list-style-type: none;
    padding-left: 0;
}
.home_document_table textarea {
    width: 100%;
    resize: vertical;
}
.home_document_table textarea {
    width: 100%;
    resize: vertical;
}
a[rel^="lightbox"] {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
#user_form_info {
    color: crimson;
    font-size: 12px;
}
.text-white {
    color: white;
}
.sf_admin_filters fieldset .form-row .content &gt; div &gt; input,
.attribute-filter-row .content input,
.elements-inline input,
.top-filter input.very-small-input {
    display: inline-block;
}
.sf_admin_filters fieldset .form-row .content input.very-small-input,
.attribute-filter-row .content input.very-small-input,
.elements-inline input.very-small-input,
.top-filter input.very-small-input {
    width: 94px !important;
}
.form-control.date-time,
.form-control.date-time-filter,
.form-control.date_time,
.form-control.date_time_filter {
    display: inline-block;
}
.form-row.elements-inline span.select2-arrow {
    padding-left: 0;
}
table.filter_and_table_container {
    margin: 0;
}
table.filter_and_table_container td {
    padding: 8px;
}
a.btn-success,
a.btn-info,
a.btn-primary,
a.btn-danger,
a.btn-warning {
    color: #fff !important;
}
ul.sf_admin_actions {
    margin-top: 5px !important;
}
.sf_admin_actions li + li {
    margin-left: 2px;
}
.screen-lock .bootstrap-select.btn-group.bs-container .dropdown-menu,
.user_forms_multi .dropdown-menu {
    z-index: 1200 !important;
}
.ace_search input {
    max-width: 209px;
}
.aura-modal table.table {
    width: 100% !important;
}
.aura-modal table th label.attribute-label {
    max-width: 110px;
}
.sf_admin_filters, #sf_admin_bar {
    width: 209px
}
.top_filters .sf_admin_filters {
    width: 100%;
}
.top_filters section {
  width: 100%;
  -ms-box-orient: horizontal;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
.top-filter {
    width: 212px;
    float: left;
    padding: 5px 10px;
}
.sf_admin_filters [class*="-row"] &gt; label,
.sf_admin_filters [class*="-row"] &gt; .content &gt; label {
    font-size: 0.8em;

}
label input {
    font-weight: normal;
}
img.flag {
    height: 1.3em;
    line-height: 1;
    vertical-align: top;
}
.navbar-inverse .tooltip-inner {
    background-color: #ccc;
    color: #333;
}
.navbar-inverse .tooltip.top .tooltip-arrow {
    border-top-color: #ccc;
}
#main-menu-sub &gt; .dropdown-menu {
    min-width: 0;
}
.btn .hint {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}
#search-bar .dropdown-menu {
    width: 400px;
}
td .btn + .btn {
    margin-left: 2px;
}
.navbar .hidden-static {
    display: none;
}
.navbar-fixed-top .hidden-static {
    display: block;
}
.navbar-fixed-top .visible-static {
    display: none;
}
#main-menu-sub &gt; .dropdown-menu {
    width: 340px;
    text-align: center;
}
.sortable-element {
    width: 450px;
    background-color: #ddd;
    border: 1px solid #aaa;
    padding: 3px 5px;
}
.sortable-element + .sortable-element {
    margin-top: 2px;
}
.sortable-element .form-control {
    width: 380px !important;
}
.sortable-element .handle {
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    cursor: move;
    position: relative;
    top: 0.15em;
    width: 1em;
}
.sortable-element .handle::before {
    content: '\25b2';
    font-size: 40%;
    display: block;
}
.sortable-element .handle::after {
    content: '\25bc';
    font-size: 40%;
    display: block;
}
.new-sortable-element .handle,
.new-sortable-element .delete_btn {
    visibility: hidden;
}
.table-header-rotated th.row-header{
    width: auto;
}

.table-header-rotated td{
    width: 40px;
    border-top: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    vertical-align: middle;
    text-align: center;
}

.table-header-rotated th.rotate-45{
    height: 80px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    position: relative;
    vertical-align: bottom;
    padding: 0;
    font-size: 12px;
    line-height: 0.8;
}

.table-header-rotated th.rotate-45 &gt; div{
    position: relative;
    top: 0px;
    left: 40px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
    height: 100%;
    -webkit-transform:skew(-45deg,0deg);
       -moz-transform:skew(-45deg,0deg);
        -ms-transform:skew(-45deg,0deg);
         -o-transform:skew(-45deg,0deg);
            transform:skew(-45deg,0deg);
    overflow: hidden;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.table-header-rotated th.rotate-45 span {
    -webkit-transform:skew(45deg,0deg) rotate(315deg);
       -moz-transform:skew(45deg,0deg) rotate(315deg);
        -ms-transform:skew(45deg,0deg) rotate(315deg);
         -o-transform:skew(45deg,0deg) rotate(315deg);
            transform:skew(45deg,0deg) rotate(315deg);
    position: absolute;
    bottom: 30px; /* 40 cos(45) = 28 with an additional 2px margin*/
    left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
    display: inline-block;
    // width: 100%;
    width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
    text-align: left;
    // white-space: nowrap; /*whether to display in one line or not*/
}

.panel-title p {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.15em !important;
    word-wrap: normal !important;
}
.panel-title a[data-toggle="collapse"] {
    display: block;
    min-height: 1em;
}
blockquote &gt; ul {
    padding-left: 1.25em;
}

@-webkit-keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -webkit-transform: rotate(0deg);
	       -moz-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.rotating {
    -webkit-animation: rotating 2s linear infinite;
       -moz-animation: rotating 2s linear infinite;
        -ms-animation: rotating 2s linear infinite;
         -o-animation: rotating 2s linear infinite;
            animation: rotating 2s linear infinite;
}
#commission_showTabbed .ui-tabs .ui-tabs-panel[aria-busy="true"] {
    position: relative;
    min-height: 50px;
}
#create_modal_message .message_header{
    padding-top: 10px;
    margin-left: 0;
    text-align: left;
    min-height:10em;/* zwiniÄ™te 10em */
    width:100%;
    display:table;
}

#create_modal_message .select2-container .select2-choice{
    min-width:250px;
}
#create_modal_message{
    width:100%;
}
#create_modal_message .auto_complete{
    background:none;
}
#create_modal_message .auto_complete ul{
    background-color: white;
    list-style-type: none;
    border-radius: 15px;
    padding: 1em!important;
}
#create_modal_message .auto_complete ul li:hover{
    background: #3875d7 none repeat scroll 0 0;
    color: #fff;
}
.create_modal_message .message_attribute_value{
    display:inline;
}
#create_email_in_modal #to_email_address{
    width:6.5em;
}
#create_email_in_modal .ion-eye{
    top:1em;
}

#email_message_create{
    min-height:10em;
    position:relative!important;
    z-index:10;
}
.create_message_files{
    border-right: 1px solid #999;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    position: relative;
}
.create_message_files #attachments_files{
    overflow-y: auto;
    position: relative;
    height:15em;
}
#mail_create_content_ifr{
    min-height: 100px;
}
#create-mail-lock{
    height:10em;
}
#mail_create_content_parent{
    z-index:5;
}
#mail_create_content_tbl{
    position:relative;
}
@media screen and (max-height: 500px) {
    #mail_create_content_ifr{
        max-height: 100px;
    }
}
@media screen and (min-height: 500px) and (max-height: 7000px) {
    #mail_create_content_ifr{
        max-height: 120px;
    }
}
@media screen and (min-height: 700px) and (max-height: 9000px) {
    #mail_create_content_ifr{
        max-height: 140px;
    }
}
@media screen and (min-height: 900px) and (max-height: 1100px) {
    #mail_create_content_ifr{
        max-height: 150px;
    }
}
@media screen and (min-height: 1100px) {
    #mail_create_content_ifr{
        max-height: 170px;
    }
}
#desktop_tabs .widgetElement .handle {
    z-index: 1;
}

#desktop_tabs .widgetElement .widgetElementOptions {
    z-index: 2;
    height: 30px;
}
.synchronization_entry {
    padding: 15px;
}
td td .btn {
    margin-bottom: 2px;
}
.user_forms_multi,
.aura-modal-body .user_forms_textarea {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}
#main-menu:not(.navbar-fixed-top) {
    position: relative;
}
div#main-menu-elements.slide::after {
    clear: none;
}
@media (min-width: 768px) {
    ul#main-menu-elements-list {
        max-width: 0;
        white-space: nowrap;
        width: 100%;
    }
    ul#main-menu-elements-list #main-menu-elements-more {
        display: none;
    }
    ul#main-menu-elements-list.more #main-menu-elements-more {
        display: block;
    }
    ul#main-menu-elements-list.changeless {
        overflow: hidden;
        white-space: nowrap;
    }
    ul#main-menu-elements-list.changeless &gt; li {
        float: none;
        display: inline-block;
        visibility: hidden;
    }
}
#main-menu-search ul#main-menu-search-forms {
    width: calc(100% - 65px)
}
@media (max-width: 767px) {
    #main-menu.navbar.open #main-menu-elements {
        max-height: none;
    }
    #main-menu.navbar.navbar-fixed-top.open {
        bottom: 0;
        margin-bottom: 0;
    }
    #main-menu.navbar.navbar-fixed-top.open #main-menu-elements {
        position: absolute;
        left: 15px;
        right: 15px;
        bottom: 0;
        top: 50px;
    }

}
.bootstrap-datetimepicker-widget table td span {
    width: 3.857em;
    height: 3.857em;
    line-height: 3.857;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1 !important;
    padding: 1em;
    word-spacing: 1em;
    width: 5em;
    height: 5em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade ~ span:empty {
    display: none;
}
@media (min-width: 768px) {
    .modal-md {
        width: 50%;
        max-width: 1200px;
    }
    .modal-xl {
        width: 90%;
        max-width: 1200px;
    }
    .modal-xxl {
        width: 95%;
        width: calc(100% - 30px);
    }
}

ul.list-unstyled &gt; li &gt; ul.list-unstyled {
    padding: initial;
}
.synch-state {
    background: #fff;
    padding: 2px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
}
@media (min-width: 1200px) and (max-width: 1439px) {
    .long-btn {
	padding-right: 2em;
	position: relative;
	white-space: normal;
	width: 100%;
    }
    .long-btn .glyphicon {
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	right: 1em;
    }
}
.container nav.navbar-static-top {
    margin-left: -15px;
    margin-right: -15px;
}

nav.navbar.navbar-static-top + div.navbar {
    display: none;
}
nav.navbar.navbar-fixed-top + div.navbar {
    display: block;
    visibility: hidden;
}
.typeahead-input-group {
    width: 100%;
}
.typeahead-position-product {
    min-width: 250px;
    max-width: 400px;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #dce4ec;
}

.tt-menu {
    width: 100%;
    min-width: 400px;
    margin: 1px 0;
    padding: 5px 0;
    background-color: #fff;
    border: 0;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
       -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
            box-shadow: 0 5px 10px rgba(0,0,0,.2);
    color: #4C4C4C;
    width: 100%;
    z-index: 1029!important;
}
.tt-label {
    font-style: italic;
    padding: 4px;
    font-size: 12px;
}
.tt-suggestion {
    padding: 13px 4px;
    font-size: 16px;
    line-height: 24px;
}
.tt-suggestion img{
    vertical-align: middle;
}
.tt-suggestion:hover{
    cursor: pointer;
    background-color: #95A5A6;
}
.tt-suggestion:hover .main_element, .tt-suggestion:hover .sub-suggestion{
    color: #fff;
}
.tt-suggestion .main_element {
    font-size: 1em;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;
}

.tt-suggestion p {
    margin: 0;
}
.tt-dataset .tt-suggestion table td {
    border-right: none;
    padding: 0 5px;
    padding-top: 5px !important;
}
input.typeahead {
    vertical-align: inherit !important;
}
span.twitter-typeahead {
    width: 100%;
}
ul.navbar-nav &gt; li &gt; a.narrow {
    padding-left: 8px;
    padding-right: 8px;
}
ul.navbar-nav &gt; li.divider &gt; a,
ul.navbar-nav &gt; li.divider &gt; a:hover,
ul.navbar-nav &gt; li.divider &gt; a:focus {
    cursor: default;
    padding-left: 0;
    padding-right: 0;
    position: relative;
}

.document-table .container-fluid .row {
    border: 2px solid #dce4ec;
    border-radius: 3px;
}

.table-responsive&gt;.fixed-column {
    position: absolute;
    display: inline-block;
    width: auto;
    border-right: 1px solid #ddd;
    background-color: #fff;
}
@media(min-width:1200px) {
    .table-responsive&gt;.fixed-column {
        display: none;
    }
}
@media only screen and (max-width: 800px) {

}

.footable-row-detail-cell .row {
    padding-left: 2em;
}

.flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -ms-box-orient: horizontal;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
       -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}
.flex-stretch {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
@media (max-width: 767px) {
    .flex {
        display: inline-block;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        min-width: 350px;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        justify-content: space-around;
    }
    .flex-stretch {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1 50%;
        -ms-flex: 1 50%;
        flex: 1 50%;
    }
}




.bold{
    font-weight: bold;
}
.strong_value{
    font-weight: bold;
    text-align: left;
    padding-left: 3px;
}

.gallery-hover{
    opacity: 0.6;
    background: black;

}

.gallery-image{
    min-height: 150px;
    min-width: 150px;

}

.gallery_content_name, .product-content-name{
    text-align: right;
    padding-right: 3px;
}

.product-value{
    text-align: left;
}

.product-name-row{
    margin-left: 1px;

}

.product-content{
    margin-bottom: 5px;
    font-size: 16px;
}

.product-image{
    margin-right: auto;
}

#product_table{
    margin-top: 5px;
}

.product-row{
    margin-bottom:8px;
    padding: .5em;
}

.product_gallery_cell{
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
}

.product_gallery_content_hidden {
    display: none;
    position: absolute;
    left: 8px;
    right: 0;
    top: 8px;
    bottom: 0;
    background-color: #888;
    background-color: rgba(0,0,0,.5);
    padding: 10px;
    border: 1px solid #dce4ec;
    border-radius: 4px;
    padding-top: 50%;
    margin-bottom: 0;
    width: calc(100% - 16px);
}

.product_gallery_cell:hover .product_gallery_content_hidden{
    display: block;
}

.product_gallery_content_main{
    margin: 5px;
    opacity:0.9;
    background-color: snow;
    display: block;
    overflow: hidden;
    max-height: 85%;
    border: 1px solid #dce4ec;
    border-radius: 4px;
}

.product_gallery_productname{ margin-top: 0px;}

.product_gallery_action {
    position: relative;
    bottom: 20px;
    width: 100%;
}

.image_default_size{
    width: 100%;
}

.product-code-row{
    padding-left: 3px;
    margin-top:3px;
    color: #999 !important;
}

.default_image{
    max-width: 600px;
}

.default_image_gallery {
    padding: 0px;
    overflow: hidden;
    text-align: center;
}
.default_image_gallery img {
    max-height: 100%;
    width: auto;
    height: auto;
    max-width: 100%;
}
.default_image_gallery img.portrait {
    width: auto;
}
.default_image_gallery img.landscape {
    height: auto;
    width: 100%;
}

@media (max-width: 768px) {
    .default_image_gallery{
        height: 350px;
    }

    .top_action_select{
        margin-bottom: -5px;
    }

    .xs_basket_label{
        margin-right: 200px;
    }
    .xs_mass_process_operation{
        max-width: 160px;
    }

    .top_action{
        padding: 0px;
    }

    .top_action_form{
        display: inline;
        max-width: 150px;
    }
}

@media (min-width: 768px) {
    .default_image_gallery{
        height: 350px;
    }

    .md_basket_label{
        padding-right: 5px;
    }

    .top_action{
        margin-top:0px;
        margin-bottom: 0px;
        text-align: right;
    }

    .top_action_select{
        margin-bottom: 5px;
    }
}
@media (min-width: 992px) {
    .default_image_gallery{
        height: 300px;
    }
    .top_action{
        text-align: right;
    }
}
@media (min-width: 1600px) {
    .default_image_gallery{
        height: 350px;
    }
}
@media (min-width: 1400px) and (max-width: 1599px) {
    .default_image_gallery{
        height: 300px;
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .default_image_gallery{
        height: 250px;
    }
}
.top_action_block{
    margin-bottom: 15px;
}
#main-menu-iconic li.hidden-xs:not(.divider) i {
    display: inline-block;
    min-width: 1em;
    text-align: center;
}
[id^="product_list"] .content .thumbnail,
.picture,
.image,
.lg-thumb-item {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.lg-thumb-item {
    background-color: #000;
    background-image:
        -webkit-linear-gradient(45deg, #222 25%, transparent 25%, transparent 75%, #222 75%, #222),
        -webkit-linear-gradient(45deg, #222 25%, transparent 25%, transparent 75%, #222 75%, #222);
    background-image:
        linear-gradient(45deg, #222 25%, transparent 25%, transparent 75%, #222 75%, #222),
        linear-gradient(45deg, #222 25%, transparent 25%, transparent 75%, #222 75%, #222);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
}
[id^="product_list"] .content .thumbnail {
    width: 120px;
    height: 120px;
}
[id^="product_list"] .content .thumbnail img,
.image img,
.picture img,
.lg-thumb-item img {
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: none !important;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.image img {
    max-height: none;
    max-width: none;
    width: auto;
    height: auto;
}
.picture img,
.lg-thumb-item img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
}
[id^="product_list"] .content .thumbnail img,
.picture.cut.scale img.landscape {
    height: 100% !important;
    width: auto !important;
    max-width: none !important;
}
[id^="product_list"] .content .thumbnail img.portrait,
.picture.cut.scale img.portrait {
    width: 100%;
    height: auto !important;
    max-height: none !important;
}
.picture.scale img.landscape {
    width: 100% !important;
}
.picture.scale img.portrait {
    height: 100% !important;
}
.product_checkbox{
    float: right;
    position: relative;
}

.product_content{
    min-width: 50%;
    margin-bottom: 1em;
}

.attribute_row_name{
    text-align: right;
}

.attribute_row_value{
    text-align: left;
    padding-left: 0px;
}

.product_price_type_name,
.quantity_type_name {
    width: 40%;
}
div.price_netto_value,
div.price_brutto_value {
    font-size: 2.5em;
    margin: 0;
    white-space: nowrap;
}


.product_import label:not(.hidden) ~ label::before {
    content: " | ";
}
.product hr {
    border-color: #ddd;
}
.product_quantity_row {
    margin-bottom: 1.5em;
}
.product .thumbnail.s500 {
    width: 100% !important;
}
.product .thumbnail.s500 ~ * {
    width: 100% !important;
    margin-left: 0 !important;
}
.product .thumbnail.s500 ~ .product_description_block hr {
    clear: left;
}
.product .productname_value a {
    color: #2c3e50;
    text-decoration: none;
}

.product.for-ph .product_quantity_row{
    margin-bottom: 0px;
}
@media (max-width: 767px) { /* xs */
    .product{
        text-align: center;
    }
    .product_content{
        width: 100% !important;
    }
    .product.for-customer .thumbnail.s50:not(.s200) {
	width: 100% !important;
    }
    .product.for-ph .thumbnail.s50:not(.s300) {
	width: 100% !important;
    }
    #td_sf_admin_bar {
        width: 0;
        display: block;
    }
    #sf_admin_bar, #advanced_filters {
        position: absolute;
        transform: translate(-21em, 0px);
        -webkit-transform: translate(-21em, 0px);
        -moz-transform: translate(-21em, 0px);
        -o-transform: translate(-21em, 0px);
        -ms-transform: translate(-21em, 0px);
    }
    .sf_admin_filters {
        display: none;
    }
    .filters-open #sf_admin_bar {
        -webkit-transform: translate(-17em, 0px);
        -moz-transform: translate(-17em, 0px);
        -o-transform: translate(-17em, 0px);
        -ms-transform: translate(-17em, 0px);
    }
    table.filter_and_table_container {
        border-collapse: collapse;
        transition-property: transform;
        transition-duration: 0.3s;
        transition-timing-function: ease-out;
        -ms-transition-property: -ms-transform;
        -ms-transition-duration: 0.3s;
        -ms-transition-timing-function: ease-out;
        -moz-transition-property: -moz-transform;
        -moz-transition-duration: 0.3s;
        -moz-transition-timing-function: ease-out;
        -webkit-transition-property: -webkit-transform;
        -webkit-transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        -o-transition-property: -o-transform;
        -o-transition-duration: 0.3s;
        -o-transition-timing-function: ease-out;
    }
    .filters-open table.filter_and_table_container {
        transform: translate(16em, 0px);
        -webkit-transform: translate(17em, 0px);
        -moz-transform: translate(17em, 0px);
        -o-transform: translate(17em, 0px);
        -ms-transform: translate(17em, 0px);
    }
    .wrapper.filters-open {
        overflow: hidden;
    }
    #main-menu {
        overflow: visible !important;
        height: auto !important;
    }
    #main-menu-container {
        position: static !important;
        top: 0 !important;
    }
    #main-menu-search {
        display: none !important;
    }
    .table-responsive.document-list {
        border: none;
    }
}

@media (max-width: 1600px) { /* xs + sm + md + lg */
    .product.for-ph .thumbnail.s300 ~ * .description_col {
	width: 100%;
    }
    .product.for-ph .thumbnail.s300 ~ * .quantity_col {
	width: 100%;
    }
}
@media (max-width: 1550px) { /* xs + sm + md + lg */
    .product.for-customer .product_description_col {
        width: 100%;
    }
    .product.for-customer .product_quantity_col {
        float: none;
        width: 100%;
    }
    .product.for-customer .product_quantity_col .row {
        margin-bottom: 0;
        float: left;
        margin-left: 0;
        margin-right: 0;
        line-height: 2.5em;
    }
    .product.for-customer .product_quantity_col .product_quantity_row {
        width: 60%;
    }
    .product.for-customer .product_quantity_col .product_basket_row {
        width: 40%;
    }
    .product.for-customer .product_basket_row [class^="col-"],
    .product.for-customer .product_basket_row [class*=" col-"] {
        padding-right: 0;
    }
}
@media (max-width: 1400px) { /* xs + sm + md + lg */
    .product.for-customer .thumbnail.s400:not(.s500) ~ * .product_prices_col {
	left: 33.3333%;
	right: 0;
	width: 33.3333%;
    }
    .product.for-customer .thumbnail.s400:not(.s500) ~ * .product_attributes_col {
	left: 0;
	right: 0;
	width: 100%;
    }
    .product.for-customer .thumbnail.s400:not(.s500) ~ * .product_attributes_col hr,
    .product.for-customer .thumbnail.s400:not(.s500) ~ .product_description_block hr {
	display: block !important;
	float: left;
	width: 100%;
    }
    .product.for-ph .thumbnail.s300 ~ .product_description_block {
	clear: left;
    }
    .product.for-ph .thumbnail.s300 ~ .product_content {
	width: 100% !important;
    }
    .product.for-ph .thumbnail.s300 ~ .product_description_block{
	width: 100% !important;
	margin: 0 !important;
    }
    .product.for-ph .thumbnail.s300:not(.s500) {
	left: 0;
	right: 0;
	width: 100% !important;
    }
}
@media (max-width: 1350px) { /* xs + sm + md + lg */
    .product.for-customer .product_description_col {
        width: 100%;
    }
    .product.for-customer .product_quantity_col {
        float: none;
        width: 100%;
    }
    .product.for-customer .product_quantity_col .row {
        margin-bottom: 0;
        float: left;
        margin-left: 0;
        margin-right: 0;
        line-height: 2.5em;
    }
    .product.for-customer .product_quantity_col .product_quantity_row {
        width: 60%;
    }
    .product.for-customer .product_quantity_col .product_basket_row {
        width: 40%;
    }
    .product.for-customer .product_basket_row [class^="col-"],
    .product.for-customer .product_basket_row [class*=" col-"] {
        padding-right: 0;
    }
    .product.for-customer .thumbnail.s400:not(.s500) {
	width: 100% !important;
    }
    .product.for-customer .thumbnail.s400:not(.s500) ~ * {
	width: 100% !important;
	margin-left: 0 !important;
    }
    .product.for-customer .thumbnail.s400:not(.s500) ~ .product_description_block hr {
	clear: left;
    }
    .product.for-customer .thumbnail.s400:not(.s500) ~ * .product_prices_col {
	left: 66.6667%;
	right: auto;
	width: 33.3333%;
    }
    .product.for-customer .thumbnail.s400:not(.s500) ~ * .product_attributes_col {
	left: auto;
	right: 33.3333%;
	width: 66.6667%;
    }
    .product.for-customer .thumbnail.s400:not(.s500) ~ * .product_attributes_col hr {
	display: none !important;
    }

    .product.for-ph .thumbnail.s200:not(.s300) ~ .product_description_block{
	margin: 0 !important;
	width: 100% !important;
    }
}
@media (max-width: 1300px) { /* xs + sm + md + lg */
    .product.for-customer .thumbnail.s300:not(.s400) ~ * .product_prices_col {
	left: 33.3333%;
	right: 0;
	width: 33.3333%;
    }
    .product.for-customer .thumbnail.s300:not(.s400) ~ * .product_attributes_col {
	left: 0;
	right: 0;
	width: 100%;
    }
    .product.for-customer .thumbnail.s300:not(.s400) ~ * .product_attributes_col hr,
    .product.for-customer .thumbnail.s300:not(.s400) ~ .product_description_block hr {
	display: block !important;
	float: left;
	width: 100%;
    }
}
@media (max-width: 1100px) { /* xs + sm */
    .product.for-ph .thumbnail.s200:not(.s300) ~ * .description_col {
	width: 100%;
    }
    .product.for-ph .thumbnail.s200:not(.s300) ~ * .quantity_col {
	width: 100%;
    }
    .product.for-ph .thumbnail ~ .product_description_block hr{
	clear: left;
    }
    .product_description_block {
	width: 100% !important;
	margin-left: 0px !important;
        clear:left;
    }
}
@media (max-width: 991px) { /* xs + sm */
    .product.for-customer .thumbnail ~ .product_content hr {
        display: none !important;
    }

    .product .thumbnail ~ .product_content .product_prices_col {
        font-size: 0.8em;
    }
    .product.for-customer .thumbnail.s100 {
	width: 100% !important;
    }
    .product.for-customer .thumbnail.s100 ~ * {
	width: 100% !important;
	margin-left: 0 !important;
    }
    .product.for-customer .thumbnail.s100 ~ .product_description_block hr {
	clear: left;
    }
    .product.for-customer .thumbnail.s100 ~ * .product_prices_col {
	left: 66.6667%;
	right: auto;
	width: 33.3333%;
    }
    .product.for-customer .thumbnail.s100 ~ * .product_attributes_col {
	left: auto;
	right: 33.3333%;
	width: 66.6667%;
    }
    .product.for-customer .thumbnail.s100 ~ * .product_attributes_col hr {
	display: none !important;
    }
    .product.for-ph .thumbnail.s200:not(.s300){
	width: 100% !important;
    }
    .product.for-ph .thumbnail.s200:not(.s300) ~ .product_content {
	width: 100% !important;
    }

}
@media (max-width: 800px) { /* xs + sm {mobile} */
    .product.for-ph{
	text-align: center;
    }
    .product.for-ph .thumbnail.s200{
	width: 100% !important;
    }
    .product.for-ph .thumbnail.s200 ~.product_content{
	width: 100% !important;
    }
}
@media (max-width: 767px) { /* xs */
    #main-menu #main-menu-elements .dropdown.open .dropdown-menu {
        max-height: none !important;
    }
}
@media (max-width: 600px) { /* xs {mobile} */
    .product.for-customer .thumbnail.s50 ~ * .product_prices_col {
	left: 33.3333% !important;
	right: 0 !important;
	width: 33.3333% !important;
    }
    .product.for-customer .thumbnail.s50 ~ * .product_attributes_col {
	left: 0 !important;
	right: 0 !important;
	width: 100% !important;
    }
    .product.for-customer .thumbnail.s50 ~ .product_content .product_attributes_col hr {
	display: block !important;
    }
    .product.for-customer .thumbnail.s50 ~ * .product_quantity_col .row {
	clear: left;
        margin-bottom: 1.5em;
        float: none;
        margin: 0;
        line-height: 1.15em;
	width: 100%;
    }
    .product.for-customer .product_basket_row [class^="col-"],
    .product.for-customer .product_basket_row [class*=" col-"] {
        padding: 0;
    }
    .product.for-customer .add_product_action input{
	max-width: 200px;
	float: right;
    }
}
/**********/
@media (min-width: 1200px) { /* lg */
}
@media (min-width: 992px) { /* md + lg */
}
@media (min-width: 768px) { /* sm + md + lg */
    .product_top_filters .sf_admin_filters {
        display: none;
    }
}
@media (min-width: 480px) { /* xs + sm + md + lg */
}
/**********/
@media (min-width: 992px) and (max-width: 1199px) { /* md */
}
@media (min-width: 768px) and (max-width: 991px) { /* sm */
}
/**********/
.alert.with-icon {
    position: relative;
    min-height: 50px;
    padding-left: 50px;
    text-align: left;
}
.alert.with-icon::before {
    position: absolute;
    left: 9px;
    top: 9px;
    width: 32px;
    height: 32px;
    line-height: 1;
    padding: 0;
    margin: 0;
    font: normal normal normal 16px/1 octicons;
    font-size: 32px;
    display: block;
    text-decoration: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    text-align: center;
}
.alert.alert-danger.with-icon::before {
    content: '\f026';
}
.alert.alert-warning.with-icon::before {
    content: '\f02d';
}
.alert.alert-success.with-icon::before {
    content: '\f076';
}
.alert.alert-info.with-icon::before {
    content: '\f059';
}
.bs-searchbox+.bs-actionsbox {
    min-width: 250px;
}
select.selectpicker {
    visibility: hidden;
}
/*.tooltipstered{
    position: relative;
    display: inline-block;
    opacity: 1;
}*/
.input-group-addon input {
    vertical-align: middle;
    margin: 0 5px;
}
#basket_content_fasttrack {
    margin-bottom: 0;
}
.text-white {
    color: #fff;
}
#main-menu-baskets .badge {
    position: absolute;
    right: 15px;
}
#main-menu-baskets .dropdown-menu li a {
    padding-right: 60px;
}
div.table-responsive input.very-small-input {
    min-width: 45px;
}
div.table-responsive input.small-input,
div.table-responsive select.input-sm {
    min-width: 60px;
}
dl.prod-desc {
    margin: 10px 0;
}
#main-menu #main-menu-elements .dropdown.open .dropdown-menu {
    overflow-y: auto;
}
.bootbox-body { margin: -5px; }
.modal-header .modal-footer {
    border-top: none;
}
#sort-order .caret {
    float: right;
    margin-top: calc(.5em + 2px);
}
#sort-order {
    min-width: 140px;
}
#sort-order .dropdown-menu {
    width: 100%;
    min-width: 250px;
    max-height: 380px;
    overflow: auto;
}
@media (min-width: 768px) {
    #campaign_show #sort-order .dropdown-menu {
        min-width: 350px;
    }
}
#sort-order li.dropdown-header + li.dropdown-header {
    border-top: 1px solid #eee;
}
#sort-order li.dropdown-header a.btn + a.btn {
    margin-left: 0;
    margin-top: 1px;
    padding: 3px 5px;
}
.bootstrap-select select {
    display: none !important;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    white-space: pre;
    text-overflow: ellipsis;
}
.bootstrap-select .caret {
    position: relative;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    width: 4px;
}
.bootstrap-select .caret::before,
.bootstrap-select .caret::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-right: 2px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 2px solid transparent;
}
.bootstrap-select .caret::before {
    bottom: 1px;
    border-bottom-color: currentColor;
}
.bootstrap-select .caret::after {
    top: 1px;
    border-top-color: currentColor;
}
.product-root-search {
    padding: 10px 15px 10px 15px !important;
    width: 253px;
}
.product-root-search .form-row + .form-row,
.product-root-search .attribute-filter-row + .attribute-filter-row {
    border-top: 1px solid #ddd;
    margin-top: 10px !important;
    padding-top: 10px;
}
#main-menu.navbar-static-top .navbar-brand .thumbnail {
    display: none;
}
#main-menu.navbar-fixed-top .navbar-brand .thumbnail,
#main-menu.navbar-static-top .navbar-brand .thumbnail:only-child  {
    display: block;
}
#main-menu.navbar-fixed-top .navbar-brand .thumbnail + i {
    display: none;
}
#main-menu-mobile-search-form {
    padding-right: 62px;
}
.navbar-brand .thumbnail img {
    max-width: 150px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.navbar-toggle[aria-expanded="true"] ~ #main-menu-mobile-search-form {
    display: none !important;
}

#product_table thead th a{
    text-decoration: none;
    color: inherit;
}
.margin-auto {
    margin: auto;
}
.center-element {
    margin: auto !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}
.product_gallery_name {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    word-wrap: break-word;
    padding-top: 5px;
    min-height: 3.5em;

}
.product_gallery_price {
    min-height: 60px;
}
@media (min-width: 1200px) {
    .product_gallery &gt;*:nth-child(4n+1) {
        clear: left;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .product_gallery &gt;*:nth-child(3n+1) {
        clear: left;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .product_gallery &gt;*:nth-child(2n+1) {
        clear: left;
    }
}
span.twitter-typeahead .tt-menu {
    min-width: 350px;
    max-height: 80vh;
    overflow-y: auto;
}
span.twitter-typeahead .tt-suggestion {
    white-space: normal;
    padding: 5px 10px;
}
.tt-suggestion .sub-suggestion{
    padding-top: 5px;
    color: #2c3e50;
    font-size: 0.8em;
}
.suggestion_image {
    height: 100px;
    width: 100px;
}
#main-menu #main-menu-elements .dropdown.open .dropdown-menu {
    overflow-y: auto;
}
.bootbox-body { margin: -5px; }
.modal-header .modal-footer {
    border-top: none;
}
#sort-order .caret {
    float: right;
    margin-top: calc(.5em + 2px);
}
#lightslider li {
    background: #efefef;
    min-height: 100%;
    position: relative;
    padding: 10px;
}
#lightslider li img {
    box-shadow: 0 1px 3px 1px rgba(0,0,0,.2);
}
#lightslider li a {
    display: none;
}
#lightslider li.active:not(.picture):hover img {
    -webkit-transform: scale(1.015);
        -ms-transform: scale(1.015);
            transform: scale(1.015);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: -webkit-transform 150ms ease;
            transition: transform 150ms ease;
}
#lightslider li.picture img {
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: -webkit-transform 150ms ease;
            transition: transform 150ms ease;
}
#lightslider li.active.picture:hover img {
    -webkit-transform: translate(-50%,-50%) scale(1.015);
    -ms-transform: translate(-50%,-50%) scale(1.015);
    transform: translate(-50%,-50%) scale(1.015);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition: -webkit-transform 150ms ease;
            transition: transform 150ms ease;
}
#lightslider li.active a {
    display: block;
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 150ms ease;
            transition: opacity 150ms ease;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #fff;
    font-size: 50px;
    text-align: center;
}
#lightslider li.active a:before {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    text-shadow: 0px 0px 3px #000;
}
#lightslider li.active:hover a {
    opacity: 1;
    filter: alpha(opacity=100);
}
.gallery {
    width: 480px;
    background: #efefef;
    border: 1px solid rgba(0,0,0,.25);
}
.gallery .lightSlider {
    height: 350px;
}
@media (max-width: 540px) {
    .gallery {
        width: calc(100vw - 15px);
        border-radius: 0;
        border-left-color: #efefef;
        border-right-color: #efefef;
        margin-left: -30px;
        margin-right: -30px;
    }
    .gallery .lightSlider {
        height: 70vw;
    }
}
.lSSlideOuter .lSPager.lSGallery img {
    border: 1px solid rgba(0,0,0,.4);
}
.lSPager li {
    background: #ccc;
    height: 60px;
}
.lSAction a {
    background-image: none;
    color: #fff;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-decoration: none !important;
    font-size: 3em
}
.lSAction a::before {
    color: #fff;
    text-shadow: 0px 0px 2px #000;
}
.lSAction a.lSPrev::before {
    content: '\e079';
}
.lSAction a.lSNext::before {
    content: '\e080';
}
.gallery .picture img {
    max-width: 97% !important;
    max-height: 97% !important;
}
.btn, .btn-group, .input-group, .form-control {
    margin-bottom: 4px;
}
.btn-pagination .btn:not(.active) {
    border: none;
}
.btn-group .btn-group {
    float: left;
}
.navbar .btn, .btn-group .btn, .input-group .btn, .input-group .form-control, .btn-group .form-control, .pdf .btn {
    margin-bottom: 0;
}
#product-header {
    margin-bottom: 1em;
}
#product-header small {
    display: inline-block;
    white-space: nowrap;
}
#product-header small code {
    white-space: nowrap;
}
div.table-responsive input.very-small-input {
    min-width: 45px;
}
div.table-responsive input.small-input,
div.table-responsive select.input-sm {
    min-width: 60px;
}
dl.prod-desc {
    margin: 10px 0;
}
#product-info.row &gt; * {
    -webkit-flex: 1 auto;
    flex: 1 auto;
}

#product-prices {
     justify-content: space-between;
}
#product-prices &gt; * {
    -webkit-flex: 0 auto !important;
    flex:0 auto !important;
}

#product-info.row .gallery {
    margin-bottom: 17.85714286px;
    width: 100%;
    margin: auto;
}

#userCredential_newCredentialsView table th{
    text-align: right;
}

.quantity-in-basket[data-value="0"] {
    display: none;
}

.fountain {
    position: relative;
    width: 8em;
    height: 1em;
    margin: 2em auto;
    font-size: 14px;
    background-image: url('/images/hloader.gif')\9;
    background-repeat: no-repeat\9;
    background-size: contain\9;
}

.fountain div {
    position: absolute;
    top: 0;
    background-color: #aaa;
    width: 1em;
    height: 1em;
    -webkit-animation-name: bounce-fountain;
    animation-name: bounce-fountain;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-transform: scale(0.3);
    -ms-transform: scale(0.3);
    transform: scale(0.3);
    border-radius: 50%;
    margin-left: 1px;
    display: none\9;
}

.fountain div:nth-child(1) {
    left: 0;
    -webkit-animation-delay: 0;
    animation-delay: 0;
}

.fountain div:nth-child(2) {
    left: 1em;
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.fountain div:nth-child(3) {
    left: 2em;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.fountain div:nth-child(4) {
    left: 3em;
    -webkit-animation-delay: 0.45s;
    animation-delay: 0.45s;
}

.fountain div:nth-child(5) {
    left: 4em;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.fountain div:nth-child(6) {
    left: 5em;
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

.fountain div:nth-child(7) {
    left: 6em;
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}

.fountain div:nth-child(8) {
    left: 7em;
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
}

@-webkit-keyframes bounce-fountain {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #000;
    }
    30% {
        background-color: #000;
    }
    100% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        background-color: #aaa;
    }
}

@keyframes bounce-fountain {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        background-color: #000;
    }
    30% {
        background-color: #000;
    }
    100% {
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
        background-color: #aaa;
    }
}
.modal-content .modal-header,
.modal-content .modal-body,
.modal-content .modal-footer {
    border-width: 0;
}
.modal-content .modal-header + .modal-body,
.modal-content .modal-body:not(.hidden) + .modal-footer {
    border-top: 1px solid #ddd !important;
}
.modal-content {
    -webkit-background-clip: padding-box;
    -moz-background-clip:    padding;
    background-clip:         padding-box;
}
.modal-body.hidden + .modal-footer {
    border-top: none;
}
.modal-footer .btn,
.modal-floating-panel .btn {
    margin-top: 2px;
    margin-bottom: 2px;
}
.panel-heading-link,
.panel-heading-link:visited,
.panel-heading-link:active,
.panel-heading-link:hover,
.panel-heading-link:focus {
    color: currentColor;
    display: block;
    text-decoration: none;
}
.panel-heading-link {
    height: 1em;
}
.panel-heading-link:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    content: "\e113";
}
.panel-heading-link.collapsed:before {
    content: '\e114';
}
div.files .panel-heading-link:after {
    position: relative;
    top: 1px;
    display: inline-block;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    padding-right: 10px;
}

div.files .panel-heading-link.collapsed:after {
    padding-right: 10px;
}

div.files .panel-heading-link[data-text-expanded]:after {
    content: attr(data-text-expanded);
}

div.files .panel-heading-link.collapsed[data-text-collapsed]:after {
    content: attr(data-text-collapsed);
}
ul.file-list li:only-child .sort {
    display: none;
}

ul.file-list li:first-child .up_btn {
    opacity: 0.5;
    pointer-events: none;
}
ul.file-list li:last-child .down_btn {
    opacity: 0.5;
    pointer-events: none;
}

.panel.collapsible.collapsed &gt; .panel-body {
    display: none;
}

span.manual-tag a {
    margin-left: 10px;
}
input[type="checkbox"].checkbox_on_right{
    margin-left:5px;
}
.required input {
   padding-right: 25px;
}
.has_select .glyphicon{
    right:10px!important;
}
* + .navbar-toggle {
    margin-right: 0;
}
div.input-group.typeahead-input {
    overflow: auto;
}
div.input-group.typeahead-input span.input-group-btn img {
    min-width: 16px;
}
.ui-tabs-nav li.options {
    float: right;
}
.flex-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
}
.flex-center {
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-flex-flow: row wrap;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-flex: 1;
     -webkit-flex: 1 auto;
     -ms-flex: 1 auto;
     flex: 1 auto;
}
@media (max-width: 767px) {
    .modal-footer,
    .modal-header,
    .modal-floating-panel {
        padding: 5px;
    }
}
@media (min-width: 768px) and (max-width: 992px) {
    .modal-footer,
    .modal-header,
    .modal-floating-panel {
        padding: 10px;
    }
}
.modal-filters {
    max-width: 420px;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1 auto;
    -ms-flex: 1 auto;
    flex: 1 auto;
    float: left\9;
}
.filter-row {
    width: 209px;
    padding: 5px 12px;
}
.filter-row .form-control {
    display: inline-block;
}
.filter-row div.content input.string, div.content input[readonly].string {
    width: 100% !important;
}
 @media (width: 1024px) {
    .table-responsive-list {
	width:771px;
    }
 }

.modal-body-offscreen {
    position: absolute;
    top: -5000px;
    left: -5000px;
    display: block !important;
}
#document_offer_question_calculator td {
    vertical-align: middle;
}
span.twitter-typeahead .tt-menu {
    min-width: 350px;
    max-height: 80vh;
    overflow-y: auto;
}
span.twitter-typeahead .tt-suggestion {
    white-space: normal;
    padding: 5px 10px;
}
.tt-suggestion .sub-suggestion{
    padding-top: 5px;
    color: #2c3e50;
    font-size: 0.8em;
}
.suggestion_image {
    height: 100px;
    width: 100px;
}

.quantity-in-basket[data-value="0"] {
    display: none;
}

.z10 {
    z-index: 10;
}

table.footable input.input-sm {
    min-width: 60px;
}

.visibility-hidden {
    visibility: hidden;
}

.s120x120 {
    width: 120px;
    height: 120px;
}

.filename .btn-link {
    -ms-text-overflow: ellipsis;
        text-overflow: ellipsis;
    overflow: hidden;
}
.filedate .btn-text {
    padding-left: 1em;
}

.fileactions {
    min-width: 95px;
    float: right;
}
#email_tree ul.jstree-container-ul {
    overflow-x: auto;
}

#countdown_content {
    padding-left: 10px;
    font-weight: 100 !important;
}

@media(max-width: 330px) {
    #countdown_content {
        width: 90%;
        text-align: right;
    }
}

.alert blockquote {
    border-left-width: 3px;
    font-weight: 200;
    font-size: 1em;
    line-height: 1.15;
    margin-left: 10px;
}

.alert blockquote p {
    font-style: italic;
}

.alert blockquote small {
    color: currentColor;
    opacity: .6;
}

@-webkit-keyframes searchshow-nav {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@keyframes searchshow-nav {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }
}

@-webkit-keyframes searchhide-nav {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes searchhide-nav {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.7);
        transform: scale(0.7);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@-webkit-keyframes searchshow-input {
    0% {
        opacity: 0;
        -webkit-transform: translateX(1em);
        transform: translateX(1em);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
 }

@keyframes searchshow-input {
    0% {
        opacity: 0;
        -webkit-transform: translateX(1em);
        transform: translateX(1em);
    }

    60% {
        opacity: 1;
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@-webkit-keyframes searchhide-input {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(.6em);
        transform: translateX(.6em);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

@keyframes searchhide-input {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    30% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateX(.6em);
        transform: translateX(.6em);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
}

#main-menu-search {
    display: none;
    top: 0;
    position: absolute;
    width: 100%;
    margin-left: -30px;
}

@media (min-width: 768px) {
    #main-menu.searchshow #main-menu-elements .nav li,
    #main-menu.searchshow .navbar-header {
        -webkit-animation: searchshow-nav 400ms both;
        animation: searchshow-nav 400ms both;
    }
    #main-menu.searchhide #main-menu-elements .nav li,
    #main-menu.searchhide .navbar-header {
        -webkit-animation: searchhide-nav 400ms 300ms both;
        animation: searchhide-nav 400ms 300ms both;
    }
    #main-menu.searchopen #main-menu-elements,
    #main-menu.searchopen .navbar-header {
        display: none !important;
    }
    #main-menu.searchshow #main-menu-search,
    #main-menu.searchopen #main-menu-search,
    #main-menu.searchhide #main-menu-search {
        display: block;
    }
    #main-menu.searchshow #hide-search {
        -webkit-animation: searchhide-nav 400ms 300ms both;
        animation: searchhide-nav 400ms 300ms both;
    }
    #main-menu.searchhide #hide-search  {
        -webkit-animation: searchshow-nav 400ms both;
        animation: searchshow-nav 400ms both;
    }
    #main-menu.searchshow #main-menu-search-forms .input-group {
        -webkit-animation: searchshow-input 400ms 300ms both;
        animation: searchshow-input 400ms 300ms both;
    }
    #main-menu.searchhide #main-menu-search-forms .input-group {
        -webkit-animation: searchhide-input 400ms both;
        animation: searchhide-input 400ms both;
    }
}

[name="search-toggle"] {
    margin-bottom: 0;
}

#product-info th {
    padding-left: 0px;
}

.product_gallery {
    padding-left: 0px;
    padding-right: 0px;
    margin-bottom: 1em;
}

.padding-left-right {
    padding-left: 15px;
    padding-right: 15px;
}
.double-padding-left-right {
    padding-left: 30px;
    padding-right: 30px;
}

.no-photo {
    opacity: 0.666;
}
.product-edit-form input{
    width: auto;
}

.full-width-important {
    width: 100% !important;
}
ul.additional_parameters_list {
    list-style: none !important;
}
.additional_parameters_list li {
    margin-top: 6px;
}
#footer .label {
    white-space: normal;
}

select.form-control {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-image: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 17 36'&gt;&lt;path d='m8.5 5.2812-4 9.75h8l-4-9.75zm-4 15.688 4 9.75 4-9.75h-8z'/&gt;&lt;/svg&gt;");
    background-repeat: no-repeat;
    background-position: right center;
    background-position: calc(100% - .8em) center;
    background-size: .8em;
    line-height: 1;
    padding-right: 2.5em !important;
}

select.form-control ::-ms-expand {
    display:none;
}

.modal.in .modal-dialog {
    -webkit-transform: initial;
        -ms-transform: initial;
         -o-transform: initial;
            transform: initial;
}
#contextMenu {
    position: absolute;
    display:none;
    z-index: 100;
}

.modal .input-group-btn:last-child &gt; .btn,
.modal .input-group-btn:last-child &gt; .btn-group {
    z-index: initial;
}
.avatar_image{
    width:32px;
    height:32px;
}
.message_textarea{
    min-height: 100px;
    max-height: 200px;
}
.productcategory_edit{
    position:absolute;
    right:0.3em;
    float:right;
    z-index:1;
}
.filter_and_table_container #sf_admin_bar{
    position:relative;
}
#user_forms_modal &gt; .row {
     margin-bottom: 5px;
     min-height: 40px;
}
#user_forms_modal .form-group {
    width: 100%;
}
#user_forms_modal .upload-item {
    padding-right: 3px;
}
#user_forms_modal .user_form_file_required {
    position: relative;
    padding-right: 2.5em;
}
#user_forms_modal .form-control-feedback {
    z-index: 0;
}
@media (min-width: 768px) {
    #user_forms_modal .attr_name {
	text-align: right;
    }
}
@media (max-width: 767px) {
    #user_forms_modal.form-control-feedback {
	right: initial;
	padding-right: 10px;
    }
}
#user_forms_modal .form-group &gt; div {
    padding-right: 0px;
}
#user_forms_modal .datetimepicker span.input-group-btn {
    padding-right: 30px;
}
#user_forms_modal .multiple_select + span.glyphicon {
    right: 5px;
}
#user_forms_modal .user_forms_multi_one + span.glyphicon {
    right: 10px;
}
#user_forms_modal span.form-control-feedback:not(.glyphicon-remove),
#user_forms_modal .multiple_select + span.glyphicon-remove{
    line-height: 32px;
}
#user_forms_modal .has-feedback textarea {
    padding-right: 20px;
}
#user_forms_modal .upload-list {
    white-space: initial;
    margin: initial;
}
#user_forms_modal .user_forms_textarea {
resize: vertical;
}
.sm-padding{
    padding-righ:10px!important;
}
.bootbox .threadlist_modal {
     width: 95%;
     width: calc(100% - 30px);
}
.bootbox .threadlist_modal .bootbox-body {
    margin: -20px;
}
.bootbox .threadlist_modal .bootbox-body .row {
    margin: 0;
}
.bootbox .threadlist_modal .bootbox-body .row &gt; [class^="col-"],
.bootbox .threadlist_modal .bootbox-body .row &gt; [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
}
.threadlist_modal .threads_container,
.threadlist_modal .groups_container {
    overflow: hidden;
}
@media (min-width: 768px) {
    .threadlist_modal .threads_container,
    .threadlist_modal .groups_container {
		min-height: 500px;
    }
    .threadlist_modal .groups_container {
	    border-right: 1px solid #bbb;
    }
    .threadlist_modal .threads_container {
        border-left: 1px solid #bbb;
        margin-left: -1px;
    }
    .thread-list-search-filters {
		padding-bottom: 25px !important;
    }
}
@media (min-width: 992px) {
    .filetype-image .thread-message-file-preview img {
        background: #fff;
        position: absolute;
        top: 70px;
        left: 6px;
        width: 128px;
    }
}

@media (max-width: 991px) {
    .message-receivers ul {
        white-space: nowrap;
    }

    .message-receivers-multiple.open ul {
        white-space: normal;
        width: auto;
    }

    .message-receivers.open ul li {
        display: inline-block;
    }

    .message-receivers,
    .message-receivers ul {
        width: 100%;
        max-width: 280px;
    }

    .message-receivers ul li {
        display: inline;
    }

    .thread-list-thread-actions.actions-xs {
        height: 30px;
    }

    .thread-list-thread-actions.actions-xs ul {
        z-index: 1200;
    }

    .threadlist_modal .modal-body {
        min-height: 200px;
    }

    .thread-list-thread-message:not(.thread-list-thread-reply) {
        border-left: 5px solid #ccc;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee;
        border-right: none;
        display: block;
        padding: 3px 5px;
        margin-top: 1px;
        color: #444;
        position: relative;
        margin-top: -1px;
    }

    .message-receivers-multiple.open {
        height: auto;
    }

    .show_others {
        content: "\2026";
        display: block;
        border: 1px solid #999;
        background: #eee;
        color: #888;
        font-weight: bold;
        margin-top: -0.563em;
        position: absolute;
        top: 10px;
        right: 0;
        line-height: 0.5em;
        padding: 0 2px 0.375em 2px;
        outline: 5px solid #fff;
        float: left;
    }

    .thread-list-threads:not(*:root) {
        padding: 10px 7px 0 7px;
    }

    .thread-list-thread-message-header {
        width: auto;
    }

    .thread-list-search-filters {
        padding-bottom: 5px;
    }

    .thread-list-search-filters {
        border: 1px solid #666;
    }

    .thread-list-threads-loader {
        position: relative;
        height: 200px;
    }

    .thread-list-thread-message-header {
        padding-top: 10px;
    }

    .receivers-xs {
        padding-bottom: 5px;
    }

    .message-receivers {
        line-height: 1.5em;
    }

    .actions-block-xs {
        max-height: 30px;
    }

    .thread-list-thread {
        padding-right: 5px;
        /*	overflow: hidden;*/
    }
}
.groups_bar button {
    padding: 15px 2px;
    -webkit-border-radius: 0 0 3px 3px;
       -moz-border-radius: 0 0 3px 3px;
	    border-radius: 3px;
    border-color: rgba(0,0,0,.25) rgba(0,0,0,.25) #999;
}
.threadlist_modal .groups_bar {
    position: absolute;
    padding-left: 5px;
    left: 0;
    top: 50%;
}
.threadlist_modal #search-phrase-xs {
    left: 10px;
    right: 10px;
    box-shadow: 0 0 25px rgba(0, 0, 0, 2)
}
.thread-list-thread-message .btn-link {
    position: absolute;
    right: 10px;
    color: inherit;
    border: 1px solid transparent;
}
.thread-list-thread-message-file {
    z-index: 0;
}
@media (max-width: 991px) {
    .thread-message-file-info &gt; * {
	padding: 5px 1px;
    }
    .thread-list-thread-message-file .thread-message-file-preview {
	height: 60px;
	width: 60px;
    }
    .thread-list-thread-message-file {
	width: 70px;
	height: 100px;
    }
    .thread-list-thread-message-file .thread-message-file-info {
	left: 5px;
	width: 60px;
	top: 64px;
	bottom: auto;
	overflow: hidden;
	white-space: nowrap;
    }
    .thread-list-thread-message-file .thread-message-file-info-name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
    }
    .thread-message-file-info-actions {
	padding: 15px 5px;
    }
    .thread-list-thread-message-file:hover .thread-message-file-info-actions {
	margin: 0;
	padding: 0;
	width: 64px;
    }
    .thread-list-thread-message-file:hover .thread-message-file-info-actions a {
	padding: 1px 3px;
	margin-top: 5px;
    }
    .thread-message-file-preview img {
	height: 60px;
	margin: 7px -6px;
    }
    .thread-list-thread-message-file.filetype-image img {
	position: relative;
	top: 25px;
	height: 60px;
    }
}
.threadlist_modal .thread-content-row-0 {
    background-color: #f1f5f9;
    border: 1px solid #A8C7D6;
}
.threadlist_modal .thread-content-row-1 {
    background-color: #f7f7f7;
    border: 1px solid #d5d5d5;
}
.thread-list-reply {
    margin-bottom: 0px;
}
.thread-list-thread-message-file .thread-message-file-info-name i.glyphicon{
    padding-right: 1px;
}
.inline-radio-margin{
    margin-left: 0px!important;
    margin-right:10px!important;
}
.ui-pnotify-text .label.counter {
    position: absolute;
    top: .3em;
    right: .3em;
}
.notification .ui-pnotify-text i {
    display: block;
    text-align: center;
}
.user_forms_selectpicker {
    padding-left: 0;
}
.user_forms_filelist {
    max-width: 500px;
}
.list-widget-account-company {
    list-style-type: none;
    padding-left: 3px;
}

.body.modal-open {
    overflow: hidden !important;
    position: fixed;
}
.subcategory_list {
    display: inline-block;
}
.btn.product_tag, .btn.product_marker {
    background-image: none;
}
.completed_checklist{
    opacity: 0.6;
    display:none;
}
#s2id_account_company_ph_to_account_company {
    display: inline-block;
    min-width: 20px;
    max-width: 100%;
    width: 300px;
}
.file-list .filename .btn {
    text-align: left;
}

.badge.basket-count[data-count="0"] {
    display: none;
}

#search-phrase a {
    color: inherit;
    opacity: 0.666;
}

#search-phrase a:hover,
#search-phrase a:focus {
    opacity: 1;
}
#account_company_tabs .form-horizontal .control-label { text-align: left; }
@media (max-width: 768px){
    .parameters_table .multi_tag .bootstrap-select{
    max-width: 165px;
    }
    .parameters_table .multi_tag .bootstrap-select div.dropdown-menu{
	max-width: 180px;
    }
    .parameters_table .multi_tag .bootstrap-select div.dropdown-menu .text{
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
    }
    .widget_settings_content .odbc_filters td{
	width: 50%;
	word-break: break-all;
    }
    .widget_settings_content .odbc_filters td .odbc_input {
	margin-bottom: 7px;
    }
}
@media (min-width: 769px){
    .parameters_table .multi_tag .bootstrap-select{
	max-width: 300px;
    }
}
.parameters_table{
    word-break: break-word;
}
.parameters_table .parameter_name {
    vertical-align: middle;
    width: 30%;
}

@media (max-width: 768px) {
    .pull-left-xs {
        float: left;
    }
}

@media (max-width: 768px) {
    .clear-left-xs {
        clear: left;
    }
}
.input-group-btn.dropdown{
    z-index: auto !important;
}
#refresh_thread_content{
    overflow-y: auto;
}
div.row label,
div.attribute-filter-row label{
    word-wrap: break-word;
}
.reply_content_visible{
    margin-bottom:5px;
}
img.product-list-thumbnail {
    max-height: none;
    max-width: none;
    width: auto;
    height: auto;
}
*.padding-box {
    -webkit-box-sizing: content-box !important;
       -moz-box-sizing: content-box !important;
            box-sizing: content-box !important;
}
.text-pre {
    white-space: pre;
}
.text-pre-line {
    white-space: pre-line;
}
.text-pre-wrap {
    white-space: pre-wrap;
}
.au-prod-desc-body {
    max-height: 150px;
    overflow: hidden;
}
#product-info .gallery-prices{
    padding-left: 0px;
    padding-right: 0px;
}
#product-info.product-info-au .gallery-prices{
    padding-bottom: 15px;
}
@media (min-width: 992px){
    #product-info .gallery{
	height: 500px;
    }
    .product-info-au #product-prices{
	max-height: 250px;
    }
}
@media(max-width: 991px){
    #product-description{
	padding-top: 15px;
    }
}
.license-link {
    color: white;
}
#product-info .product-photo,
#product-info .lSSlideWrapper{
    margin-top: 35px;
}
.image-error {
    visibility: hidden;
}
.nicescroll-rails-vr .nicescroll-cursors	{
    -webkit-transition: width 0.15s ease-in-out;
    -moz-transition: width 0.15s ease-in-out;
    -ms-transition: width 0.15s ease-in-out;
    -o-transition: width 0.15s ease-in-out;
    transition: width 0.15s ease-in-out;
}
.nicescroll-rails-vr .nicescroll-cursors:hover,
.nicescroll-rails-vr .nicescroll-cursors:active	{
    width: 10px !important;
}
table .report_summary {
    border-top: 2px solid lightgray;
}
#custom_theme {
    padding-top: 15px;
}
@media(max-width: 499px) {
    .clear_input .content {
	float: left;
	clear: left;
    }
}
@media (min-width: 768px){
    .desktop-default-appearance .input-group select.form-control {
	width: 200px;
    }
}
input.fake-input {
    position: fixed;
    top: -1000px;
    width: 0px;
    height: 0px;
}
.table-product-quantity {
    margin-bottom: 0px;
}
.important_hiding{
    display:none!important;
}
.commission_relations .panel-body td{
    position:relative;
}
#commission_attribute_criteria .attribute{
    max-width:45%;
    width:45%;
}
#commission_attribute_criteria .comparision{
    max-width: 20%;
    width: 20%;
}
#commission_attribute_actions .relation_action{
    max-width:20%;
    width:20%;
}
#commission_attribute_actions .comparision{
    max-width:40%;
    width:40%;
}
#commission_attribute_actions .value2{
    max-width:30%;
    width:30%;
}
#commission_attribute_actions .remove_action a, #commission_attribute_criteria .remove_action a{
    float: right;
}
#commission_attribute_actions textarea, #commission_attribute_criteria textarea,
#commission_attribute_actions select, #commission_attribute_criteria select,
#commission_attribute_actions input, #commission_attribute_criteria input,
#commission_attribute_actions .select2-container-multi, #commission_attribute_criteria .select2-container-multi{
    width:100%;
}
#commission_showTabbed .ui-state-disabled {
     display: none!important;
}

.bs-actionsbox .btn-group{
    float:none;
}
#commissionAttributeRelations_editRelation .select2-container{
    width:100%!important;
}
.max-full-width {
    max-width: 100%;
}
.shipping_options {
    width: 100%;
}
.cena {
    display: none;
}
#confirm-modal-base .modal-footer{
    padding-top:10px;
    padding-bottom:10px;
}
#commission_showTabbed .form-group .tooltipstered{
    width:100%;
}

[class^="col-"], [class*=" col-"] {
    margin-bottom: 5px;
}
.tt-suggestion table {
    width: 100%;
}
.tt-addon {
    position: absolute;
    right: 0;
    margin: 2px 5px;
    z-index: 1;
    padding: .45em 0;
}
.tt-addon:not(:empty) ~ .tt-hint,
.tt-addon:not(:empty) ~ .tt-input {
    padding-right: 5em;
}

.pipeline {
  background-color: #ddd;
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  height: 2em;
}
.pipeline__stages {
  display: block;
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  height: 100%;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
     -moz-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow: hidden;
}
.pipeline__stage {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
     -moz-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 100%;
  position: relative;
  color: #fff;
  text-align: center;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pipeline__stage:first-child {
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}
.pipeline__stage:last-child {
  -webkit-border-radius: 0 3px 0 3px;
     -moz-border-radius: 0 3px 0 3px;
          border-radius: 0 3px 0 3px;
}
.stage--active {
  background-color: #4285f4;
}
.pipeline--won .stage--active {
  background-color: #34a853;
}
.pipeline--won .stage--processing {
  background-color: #808080;
}
.pipeline--lost .stage--active {
  background-color: #ea4335;
}
.stage__title {
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  line-height: 2em;
}
.stage__arrow {
  position: absolute;
  left: 0;
}
.pipeline__stage:first-child .stage__arrow {
  display: none;
}
.stage__arrow::before,
.stage__arrow::after {
  position: absolute;
  content: '';
  border: 0 solid transparent;
}
.stage__arrow::before {
  top: -0.2em;
  left: 0;
  border-top-width: 1.2em;
  border-bottom-width: 1.2em;
  border-left-width: 12px;
  border-left-color: white;
}
.stage__arrow::after {
  border-top-width: 1em;
  border-bottom-width: 1em;
  border-left-width: 10px;
  border-left-color: #ddd;
}
.stage--active + .stage .stage__arrow::after {
  border-left-color: #4285f4;
}
.pipeline--won .stage--active + .stage .stage__arrow::after {
  border-left-color: #34a853;
}
.pipeline--won .stage--processing + .stage .stage__arrow::after {
  border-left-color: #808080;
}
.pipeline--lost .stage--active + .stage .stage__arrow::after {
  border-left-color: #ea4335;
}

.opportunity-inline-logo {
    display: block;
    float: left;
    vertical-align: middle;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 1.2em;
    text-align: center;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
    margin-right: 7px;
}
.opportunity-inline-txt {
    display: inline-block;
    padding: 7px 0px;
}
.opportunity-inline-input {
    display: inline;
}
.opportunity-header h3 {
    margin: 6px 0;
}
.text-overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
fieldset .form-group {
    margin-bottom: 0;
}
.tt-addon:not(:empty) ~ .tt-input {
    padding-right: 70px;
}
.fine-print { font-size: 66.6%; }

#attribute_relations_table th{
    vertical-align: middle;
}
.license-link {
    color: white;
}
.important_hiding{
    display:none!important;
}
.commission_relations .panel-body td{
    position:relative;
}
#commission_attribute_criteria .attribute{
    max-width:45%;
    width:45%;
}
#commission_attribute_criteria .comparision{
    max-width: 20%;
    width: 20%;
}
#commission_attribute_actions .relation_action{
    max-width:20%;
    width:20%;
}
#commission_attribute_actions .comparision{
    max-width:40%;
    width:40%;
}
#commission_attribute_actions .value2{
    max-width:30%;
    width:30%;
}
#commission_attribute_actions .remove_action a, #commission_attribute_criteria .remove_action a{
    float: right;
}
#commission_attribute_actions textarea, #commission_attribute_criteria textarea,
#commission_attribute_actions select, #commission_attribute_criteria select,
#commission_attribute_actions input, #commission_attribute_criteria input,
#commission_attribute_actions .select2-container-multi, #commission_attribute_criteria .select2-container-multi{
    width:100%;
}
#commissionAttributeRelations_editRelation .select2-container{
    width:100%!important;
}
#commission_showTabbed .form-group .tooltipstered{
    width:100%;
}
.shipping_options {
    width: 100%;
}
.cena {
    display: none;
}
.table-product-quantity {
    margin-bottom: 0px;
}
#commission_showTabbed .ui-state-disabled {
     display: none!important;
}
.row.no-padding &gt; [class^="col-"]:not(:first-child),
.row.no-padding &gt; [class*=" col-"]:not(:first-child) {
    padding-left: 0;
}
.row.no-padding &gt; [class^="col-"]:not(:last-child),
.row.no-padding &gt; [class*=" col-"]:not(:last-child) {
    padding-right: 0;
}
.row.small-padding &gt; [class^="col-"]:not(:first-child),
.row.no-padding &gt; [class*=" col-"]:not(:first-child) {
    padding-left: 2px;
}
.row.small-padding &gt; [class^="col-"]:not(:last-child),
.row.small-padding &gt; [class*=" col-"]:not(:last-child) {
    padding-right: 2px;
}
.small-padding:not(.row) &gt; [class^="col-"],
.small-padding:not(.row) &gt; [class*=" col-"] {
    padding-left: 2px;
    padding-right: 2px;
}

span.glyphicon.field-loader.form-control-feedback {
    width:16px!important;
    height:16px!important;
    margin-right: 10px;
    margin-top: 8px;
}
.max-full-width {
    max-width: 100%;
}
#confirm-modal-base .modal-footer{
    padding-top:10px;
    padding-bottom:10px;
}
.login-data {
    width: 170px;
    margin: 0 auto;
}
a.select2-choice {
    text-decoration: inherit !important;
}
label.exchange-pair {
    font-size: 1.15em;
}
.footer_button_group{
    margin-top: 2px;
}

.footer_button_group .btn{
    min-height: 3em;
}
.btn-nip-duplicate {
    margin-left: 3px;
}
.sortable .form-control {
    max-width: 90%;
}
.jstree-contextmenu{
    z-index: 10000;
}
#account_company_attributes .breadcrumb{
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 0px;
}
.breadcrumb &gt; li{
    text-align: center;
}
#attribute_tree .jstree-default a {
    white-space:normal !important; height: auto;
}
#attribute_tree .jstree-anchor {
    height: auto !important;
    white-space: normal;
    max-width:95%;
    width: 90%;
    width: calc(100% - 28px);
}
#attribute_tree .jstree-anchor-label{
    display: inline-block;
    width: 70%;
    width: calc(100% - 50px);
}
#attribute_tree .jstree-default li &gt; ins {
    vertical-align:top;
}
#attribute_tree .jstree-leaf {
    height: auto;
}
#attribute_tree .jstree-leaf a{
    height: auto !important;
}
#advanced_filters {
    margin-right: 10px;
}
.modal-footer {
    position: relative;
}
span.tooltip {
    z-index: 1025;
}
span.exchange-pair {
    background-color: black;
}
#accountCompany_show .detail-value-inner {
    width: 100%;
}
@supports((position: -webkit-sticky) or (position: -ms-sticky) or (position: sticky)) {
    .modal-footer {
        position: -webkit-sticky;
        position: -ms-sticky;
        position: sticky;
        bottom: 0;
        background: inherit;
        margin-bottom: 5px;
        padding-bottom: 15px;
        z-index: 2;
    }
    .modal-floating-panel {
        display: none;
    }
}

#accountCompany_edit .form-inline .form-control, #accountCompany_edit .form-inline .datetimepicker{
    width: 100%;
}
#accountCompany_edit .form-inline .datetimepicker .input-group-btn{
    width: 1%;
}

.widgetElement .fa-table{
    font-size: 1.2em;
    vertical-align: middle;
}
.widgetElement .fa-line-chart, .widgetElement .widgetElementOptions .fa-table{
    font-size: 1.5em;
    vertical-align: middle;
    color: inherit;
}
.first-column {
    width: 40%;
}

.text-inline {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

div#sort-menu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: space-around;
      -ms-flex-line-pack: distribute;
          align-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
div#sort-menu &gt; * {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: 100%;
  max-width: 400px;
}

a.label {
    text-decoration: none !important;
}
.chart-legend-element{
    border:none;
}
.chart-legend-element .chart-legend-box{
    width:40px;
    height:15px;
    border: 2px solid grey;
    display: inline-block;
    margin-right: 8px;
}
@media (max-width: 991px) {
    .ui-tabs.ui-tabs-vertical {
        display: block;
    }
}
.datetimepicker ~ .date_field_caption {
    display: none;
}

#prices_table td {
    vertical-align: middle;
}

.offer_margin_apply_to_all {
  white-space: nowrap;
  display: inline-block;
}
.first-column {
    width: 40%;
}

#campaign-board__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: stretch;
}

#campaign-deals {
    flex: 1 1 0;
}

select.report-pagination {
    min-width: 100px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

select.aggregate-function {
    min-width: 110px;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
}

.input-group-btn:last-child &gt; .form-control {
    z-index: 2;
    margin-left: -1px;
}

ul.sf_admin_td_actions li a {
    z-index: 10;
}
ul.sf_admin_td_actions li + li {
    margin-left: 5px;
}

#main-menu-search .tt-suggestion tr td:first-child {
    width: 15%;
}
.background-color-transparent {
    background-color: transparent !important;
}

.modal-body &gt; .bootbox-body &gt; iframe {
    border: 0;
    margin: -15px;
    width: calc(100% + 30px);
    height: 0;
    display: block;
    padding: 0;
}

thead th::first-letter {
    text-transform: uppercase;
}

div.shadow-card {
    background-color: #fff !important;
    webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    padding: 1em;
}
div.shadow-card.with-padding {
    padding: 2em;
}
#import_from_file_loading {
    background-image: url("data:image/svg+xml,%3Csvg xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.0' width='160px' height='20px' viewBox='0 0 128 16' xml:space='preserve'%3E%3Cpath fill='%23949494' fill-opacity='0.42' d='M6.4,4.8A3.2,3.2,0,1,1,3.2,8,3.2,3.2,0,0,1,6.4,4.8Zm12.8,0A3.2,3.2,0,1,1,16,8,3.2,3.2,0,0,1,19.2,4.8ZM32,4.8A3.2,3.2,0,1,1,28.8,8,3.2,3.2,0,0,1,32,4.8Zm12.8,0A3.2,3.2,0,1,1,41.6,8,3.2,3.2,0,0,1,44.8,4.8Zm12.8,0A3.2,3.2,0,1,1,54.4,8,3.2,3.2,0,0,1,57.6,4.8Zm12.8,0A3.2,3.2,0,1,1,67.2,8,3.2,3.2,0,0,1,70.4,4.8Zm12.8,0A3.2,3.2,0,1,1,80,8,3.2,3.2,0,0,1,83.2,4.8ZM96,4.8A3.2,3.2,0,1,1,92.8,8,3.2,3.2,0,0,1,96,4.8Zm12.8,0A3.2,3.2,0,1,1,105.6,8,3.2,3.2,0,0,1,108.8,4.8Zm12.8,0A3.2,3.2,0,1,1,118.4,8,3.2,3.2,0,0,1,121.6,4.8Z'/%3E%3Cg%3E%3Cpath fill='%23000000' fill-opacity='1' d='M-42.7,3.84A4.16,4.16,0,0,1-38.54,8a4.16,4.16,0,0,1-4.16,4.16A4.16,4.16,0,0,1-46.86,8,4.16,4.16,0,0,1-42.7,3.84Zm12.8-.64A4.8,4.8,0,0,1-25.1,8a4.8,4.8,0,0,1-4.8,4.8A4.8,4.8,0,0,1-34.7,8,4.8,4.8,0,0,1-29.9,3.2Zm12.8-.64A5.44,5.44,0,0,1-11.66,8a5.44,5.44,0,0,1-5.44,5.44A5.44,5.44,0,0,1-22.54,8,5.44,5.44,0,0,1-17.1,2.56Z'/%3E%3CanimateTransform attributeName='transform' type='translate' values='23 0;36 0;49 0;62 0;74.5 0;87.5 0;100 0;113 0;125.5 0;138.5 0;151.5 0;164.5 0;178 0' calcMode='discrete' dur='1170ms' repeatCount='indefinite'/%3E%3C/g%3E%3C/svg%3E");
    min-height: 10vh;
    background-repeat: no-repeat;
    background-position: center 15px;
}

.qCard {
  border-bottom: 1px solid #eee;
  background-color: #fff !important;
  overflow: auto;
  overflow-y: hidden !important;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  padding: 1em;
  margin: 16px 0 0 0;
}

#announcement-container {
    margin: 0 auto;
}

#announcement-container,
.announcement {
    width: 1280px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.announcement {
    margin-top: 5px;
}

#announcements {
    margin-bottom: 1em;
}

@media screen and (min-width: 479px) {
    .announcement {
        margin-top: 8px;
    }
}

.announcement:first-child {
    margin-top: 0;
}

.announcement&gt;header&gt;* {
    margin-top: 0;
}

.announcement&gt;header&gt;*&gt;a {
    color: inherit;
}

.announcement-title-grid {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: repeat(auto-fit, minmax(280px, auto));
    width: calc(100vw - 43px);
}

.announcement footer {
    margin-top: 2em;
    border-top: 2px solid #ccc;
}

ul#announcement-attachments {
    padding-left: 0.5em;
    list-style-type: none;
}

.row.no-gap &gt; [class^='col-'],
.row.no-gap &gt; [class*='col-'] {
    padding: 0
}

#map {
    padding: 0px 2% 0px 2%;
    border-radius: 5px;
    width: 96%;
    height: calc(70vh - 52px); /* 100% of the viewport height - navbar height */
    z-index: 0;
}
.map-container{
    display: block;
    flex-direction: row;
    justify-content: center;
}
.map-container .panel-body{
    padding: 1px 5px 5px 5px;
}
.map-container .filters{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 10px 0px 0px 0px;
    flex-wrap: wrap;
}
.map-container .filters .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}
.map-container .filters .form-group, .map-container .filters .btn {
    margin-bottom: 0;
}
.map-container .loading {
    visibility: hidden;
}
.map-container .bootstrap-select .dropdown-menu {
    z-index: 999999;
}
.map-container #button_filter {
    padding-top: 6px;
}
.map-container .custom_loader_box {
    overflow: hidden;
    height: 10px;
    padding: 2px 0px 2px 0px;
}
.map-container .loader {
    height: 5px;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
    display: none;
}
.map-container .loader:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 5px;
    background-color: #2980b9;
    animation: loading 600ms linear infinite;
}
.map-label {
    position: absolute;
    top: -25px;
    left: -45px;
    display: block;
    flex-direction: column;
    text-align: top;
}
.map-label-content {
    order: 1;
    position: relative;
    left: 0px;
    background-color: #ffffffcc;
    border-radius: 5px;
    border-width: 2px;
    border-style: solid;
    min-width: 125px;
    width: auto;
    color: #000;
    border-color: #444444ad;
    padding: 1px 3px 1px 3px;
    white-space: nowrap;
}
.map-label-arrow {
    order: 2;
    width: 0px;
    height: 0px;
    left: 10%;
    border-style: solid;
    border-color: #4446 transparent transparent transparent;
    border-width: 5px 16px 0 16px;
    margin-left: 46px;
}
.map-label.inactive {
    opacity: 0.5;
}
.map-label.redborder &gt; .map-label-content {
    border-color: #e00;
}
.map-label.redborder &gt; .map-label-arrow {
    border-top-color: #e00;
}
.map-label.redbackground &gt; .map-label-content {
    white-space: default;
    color: #fff;
    background-color: #e00;
}
#confirmationModal.modal {
    text-align: center;
}
@media screen and (min-width: 768px) {
    #confirmationModal.modal:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}
#confirmationModal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.data_loading_info {
    display: none;
    z-index: 9999999;
    position: absolute;
    bottom: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    left: 10px;
    font-size: 10px;
    width: auto;
    color: #ecefeb;
    padding: 8px;
    height: 40px;
    background: #01020247;
}
@keyframes loading {
    from {
        left: -200px;
        width: 30%;
    }
    50% {
        width: 30%;
    }
    70% {
        width: 70%;
    }
    80% {
        left: 50%;
    }
    95% {
        left: 120%;
    }
    to {
        left: 100%;
    }
}

button.payu_btn {
    border: none;
    background: none;
    padding: 0;
}

select[multiple] {
    -webkit-appearance: initial;
       -moz-appearance: initial;
            appearance: initial;
    background-image: none;
    padding-right: 0.5em;
}

#product-categories {
    margin-bottom: 5px;
}

.path {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0;
}

.path ul {
    list-style-type: none;
    margin: 0;
    padding: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 1;
    position: relative;
    padding-right: 1em;
}

.path ul:not(:empty):after {
  display: inline;
  content: '\a0\\\a0';
  position: absolute;
  right: 0;
}

.path li {
    display: inline;
    margin: 0;
}

.path li:nth-child(n+2):before {
    content: '\a0\\\a0';
}

.path span {
    white-space: nowrap;
    flex-basis: content;
    flex-grow: 1;
    flex-shrink: 0;
}

select[multiple] {
    background-image: none;
}

.map-marker-avatar, svg.map-marker-avatar {
    width: 21px;
    height: 20px;
    margin-top: 8px;
    border-radius: 999px;
}

table a.fc-event, .table a.fc-event {
    text-decoration: none;
}

#map-filters #filters&gt;div {
    padding-left: 8px;
    padding-right: 8px;
}

.table &gt; tbody.drag_and_drop + tbody.drag_and_drop {
    border-top: inherit;
}

tbody.sortable-placeholder-row,
tr.sortable-placeholder-row {
    display: table-row;
}

tbody.ui-sortable-helper,
tbody.drag_and_drop:hover {
    background-color: #ccc;
}

tbody.drag_and_drop:hover td {
    border-color: #fff !important;
}

tbody.drag_and_drop,
tr.drag_and_drop {
    cursor: grab;
}

tbody.drag_and_drop.ui-sortable-helper,
tr.drag_and_drop.ui-sortable-helper {
    cursor: move;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.date-criteria .date-field .datetimepicker {
    width: 150px;
}

.date-criteria .select2-container.form-control{
    margin-bottom: 4px;
}

.select2-highlighted .help-block {
    color: #fff;
    opacity: 0.666;
}

.select2-results small.help-block {
    margin-bottom: 0;
}

.text-ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
}

#s2id_document_order_place_id .select2-chosen span {
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px;
}

.select2-results li:not(.select2-result-selectable) {
    margin-top: 3px;
}

/* Ikony akcji wierszy na listach */
table td.sf_admin_td_actions_cell {
    vertical-align: middle;
}

/* Układ elementów paginacji na listach */
#td_sf_admin_content tfoot div.float-right {
    display: flex;
    align-items: center;
}

/* Odstępy pomiędzy elementami paginacji na listach */
#td_sf_admin_content tfoot div.float-right * ~ * {
    margin-left: 4px;
}

#options_list ul {
    padding-inline-start: 40px;
}

ul.account_user_list {
    padding-inline-start: 40px;
}

ul.account_user_list li a:first-of-type {
    display: inline-block;
}

.bootstrap_widget_library li a {
    border: 0
}

#multis a {
    display: inline-block;
}

/* Labele przy checkboxach nie wpływają na checkboxy - filtry na listach */
.list__filters label.chakra-form__label,
.list__filters label.chakra-checkbox {
    pointer-events: none;
}
.list__filters span.chakra-checkbox__control{
    pointer-events: auto;
}
#product-complete li,
#secret_div li {
  margin-left: 18px;
}

#product-complete .list-group-item {
  right: 5px;
}

#product-complete ul,
#secret_div ul,
#product-storehouses li {
  list-style-type: disc;
}

.file_list li {
  margin-left: 10px;
  margin-top: 5px;
}

@-moz-document .url-prefix() {
  .file-list img {
    margin-top: -15px;
  }
}

.file-list {
  display: inline;
}

/* Nadpisanie bootstrap-lightning który dodawał dolny margin 10px */
p.chakra-text {
    margin-bottom: 0;
}

/* naprawa list po chakra-reset */
:not([class*="chakra"]) ol:not([class]):not([style]),
:not([class*="chakra"]) ul:not([class]):not([style]) {
    padding-inline-start: 40px;
}

.relative {
    position: relative;
}

img.icon {
    max-width: initial;
    height: initial;
}

ul.multi {
    padding-left: 25px;
}

pre.input {
    font-family: inherit;
}
</pre></body></html>