/* General */

@font-face {
    font-family: 'texgyreadventorregular';
    src: url('../provital/fonts/texgyreadventor-regular-webfont.eot');
    src: url('../provital/fonts/texgyreadventor-regular-webfont.eot') format('embedded-opentype'),
         url('../provital/fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../provital/fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../provital/fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'texgyreadventoritalic';
    src: url('../provital/fonts/texgyreadventor-italic-webfont.eot');
    src: url('../provital/fonts/texgyreadventor-italic-webfont.eot') format('embedded-opentype'),
         url('../provital/fonts/texgyreadventor-italic-webfont.woff') format('woff'),
         url('../provital/fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),
         url('../provital/fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

html { min-height:100%;
    background: url(../images/intern/background.png) repeat-x top left fixed white;
}
html, body { font-size:14px; line-height:20px; font-family: arial, helvetica, sans-serif; }
p, ul, ol, table { margin-bottom:20px; }
a { color: /*#1F497D*/#2162B3; text-decoration: none; }
a img { border:0; }
.clear { clear: both; }
#content .hideme { display: none; }

hr {line-height:0; height:0; margin:0 0 1em 0; border:0; border-bottom:1px dashed #808080;}

legend { color: #2162B3; }
legend img, caption img { display: inline!important; }

.error {color:#FF0000;}
.error_date { border: 2px solid #ff0000; }
.warning {color:#000000;}

.odd { background-color: #eee; }
tr.even td { background-color: transparent; }

.example {margin:1em; padding:0.5em; font-style:italic; border:1px solid #000000;}

span.ok {display:block; float:left; width:1em; height:1em; margin-top:0.3em; margin-right:0.5em; background-color:green;}
span.notok_warning {display:block; float:left; width:1em; height:1em; margin-top:0.3em; margin-right:0.5em; background-color:yellow;}
span.notok {display:block; float:left; width:1em; height:1em; margin-top:0.3em; margin-right:0.5em; background-color:red;}

tr.notok td {color:red;}

.tool-tip {z-index:100000; border:1px solid #9E9A1F; background-color:#ffffff; padding:1px 4px;}
    .tool-text span {color:#000000;}
    .tool-tip table.qualificationTip {margin:0;}
    .tool-tip table.qualificationTip td {padding-right:1em; line-height:1.4em;}

/* Provital Design */

#container { width: 1020px; margin: 0 auto; position: relative; z-index: 55; }
#content { background: rgba(255, 255, 255, 0.5); clear: both; padding: 20px 20px 50px 20px; }
#content.shop {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #faf9f0 0%, #ffffff 200px); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #faf9f0 0%,#ffffff 200px); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #faf9f0 0%,#ffffff 200px); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#logo_container { text-align: center; margin-bottom: 0px; }
#logo_container a { padding: 0 50px; }
#logo_container a img { vertical-align: middle; }
#navigation { position: relative; margin: 0; padding: 0; list-style: none; padding-left: 20px; }
#navigation li { float: left; position: relative; height: 50px; line-height: 50px; padding: 0 28px 0 0; }
#navigation li.active > a, #navigation li.activenode > a { color: #9E9A1F; }
#navigation li a { font-family: 'DeliciousRoman', Arial; font-size: 25px; text-decoration: none; color: black; white-space: nowrap; }
#navigation li ul { position: absolute; top: 50px; left: 0; display: none; background: #edeccd; padding: 0; margin: 0;  z-index: 50; }
#navigation li:hover ul { display: block; }
#navigation li ul li { float: none; display: block; padding: 10px 20px; line-height: 18px; height: auto; }
#navigation li ul li a { font-size: 17px; }
#navigation li ul li:hover { background: rgba(255, 255, 255, 0.6); }
#provital_bubbles { position: fixed; bottom: 0; left: 0; width: 100%; background: url(../images/intern/bubbles_left.png) no-repeat bottom left; margin-top: -300px; height: 339px; }
#provital_bubbles div { float: right; background: url(../images/intern/bubbles_right.png) no-repeat bottom right; width: 510px; height: 339px; }
#provital_footer { position: fixed; bottom: 0; left: 0; right: 0; background: #b4b033; color: white; font-size: 15px; padding: 5px 50px; z-index: 10; }
#intranet.shop_body #provital_footer { display: none; }
#provital_footer a { color: white; }
#logout_button { float: right; }
#logout_button a { background: #EDECCD; padding: 0 5px; color: #9E9A1F; float: right; margin-left: 10px; }
#clientportal_nav { float: right; padding: 0; margin: 0; list-style: none; border-top: 4px solid #B4B033; margin-top: 39px; width: 250px; margin-right: 0px; }
#clientportal_nav li { }
#clientportal_nav a { font-family: 'DeliciousRoman', Arial; display: block; font-size: 17px; border-bottom: 1px solid #B7B7B7; padding: 7px 0 7px 20px; color: black; }
#clientportal_nav > li:last-child a { border-bottom: 4px solid #B4B033; }
#clientportal_nav li.active > a, .shop_menu li.active > a, #intranet #navigation.visible li.active > a { color: #9E9A1F!important; background: url(../images/intern/bullet.png) no-repeat 7px 14px!important; }
.clientportal #sitetitle, .clientportal #text { width: 700px; }
.clientportal #text { float: left; }
.clientportal .shop #text { width: auto; float: none; }
p.added_to_basket_success { line-height: normal; }

/* Provital Design Login */

body.login #content { background: transparent; text-align: center; }
body.login #content label { height: auto; margin-bottom: 15px; }
body.login #content input { width: 250px; padding: 9px; }
body.login #content input[type=checkbox] { width: auto; }
body.login #container {  }
body.login #sitetitle { margin-bottom: 25px; }
body.login .login_submit_line { float: left; width: 227px; height: 33px; margin-right: 10px; border-bottom: 4px solid #B4B033; }
body.login button span { display: none; }
body.login #text button { width: 33px; height: 33px; display: inline-block; background: url(../images/intern/submit_button.png) no-repeat center center; border: 0; }
body.login #provital_footer a { float: right; }
body.login div#login.hidden { display: none; }
body.login div#login { width: 270px; display: inline-block; text-align: left; }
body.login div#text { padding-top: 20%; }
#show_password_recovery { float: right; }
#password_recovery { display: inline-block; width: 270px; text-align: left; }
#password_recovery h2 { margin-top: 0; }
#password_recovery label span { width: auto; }
#content #password_recovery button span { display: none; }
.grecaptcha-badge { z-index: 100; }
#show_password_eye { position: relative; float: none; width: auto; }
#show_password {
    width: 25px; height: 25px; position: absolute; bottom: 5px; right: 20px;
    background: url(../images/eye.png) no-repeat center center;
    background-size: contain;
}
#show_password.show {
    background-image: url(../images/eye_off.png);
}
#remember_me { cursor: pointer; }
#remember_me input { vertical-align: text-top; margin-right: 5px; }

/* Tables */

table table { margin:0; }

td, th { padding-right:14px; }

th { text-align:left; font-weight:bold; font-size:14px; }

/* Clients and Consultants Search */

table.clients {width: 100%; margin-bottom:2em; line-height:1.6em;}
    table.clients caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
        table.clients caption .functions {display:block; float:right;}
        table.clients caption .functions a {font-size:90%; font-weight:normal; }
    table.clients th {padding: 5px; text-align:left; border-bottom:1px solid #000000;}
    table.clients td {padding: 5px; border-bottom:1px solid #000000;}
    table.clients .date {visibility:hidden;}
    table.clients.show_date .date {visibility:visible;}
    table.clients .reservation {width:9em;}
    table.clients .delivery {width:9.5em;}
    table.clients .contact {width:9em;}
    table.clients .new {width:6.5em;}
    table.clients .abo {width:3em; padding:0.1em 0.2em 0 0.2em; text-align:center;}
    table.clients .active {width:3em; padding:0.1em 0.2em 0 0.2em; text-align:center;}

table.consultants {width: 100%; margin-bottom:2em; line-height:1.6em; table-layout:fixed;}
    table.consultants caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
        table.consultants caption .functions {display:block; float:right;}
        table.consultants caption .functions a {font-size:90%; font-weight:normal; }
    table.consultants th {padding:0 0 0 2px; text-align:left; vertical-align:bottom; border-bottom:1px solid #000000;}
    table.consultants td {padding:0 0 0 2px; border-bottom:1px solid #000000;}
    table.consultants .level {width:3.5em;}
    table.consultants .qualification {width:3.8em; text-align:center;}
    table.consultants .downline {width:6em;}
    table.consultants .appointment {width:7.9em;}
    table.consultants .contact {width:7.9em;}
    table.consultants .new {width:4.8em;}
    table.consultants .active {width:3.5em;}
    table.consultants .new_teampartner { width: 7em; }

    table.consultants tr.tree_closed { display: none; }
    table.consultants tr.tree_open { display: table-row; }
    table.consultants tr.has_tree td.level span {
        background: url(../images/intern/plus_small.png) no-repeat left center; cursor: pointer;
    }
    table.consultants tr.has_tree.tree_row_open td.level span {
        background: url(../images/intern/minus_small.png) no-repeat left center; cursor: pointer;
    }
    table.consultants tr.has_tree td.level {
        cursor: pointer;
    }

#content #form_clients_search { margin-bottom: 2em; }
#content #form_clients_search input { width: 100px; }
#content #form_clients_search label { float: left; width: 31%; clear: none; border: 1px solid #b4b033; border-radius: 3px; padding: 5px; background: #F3F4BF; margin: 0 6px 6px 0; }
#content #form_clients_search label span { white-space: nowrap; vertical-align: center; line-height: 26px; }
#content #form_clients_search label input, #content #form_clients_search label select { float: right; }
#form_clients_advanced_search { clear: both; border-bottom: 1px solid gray; margin-bottom: 10px; transition: all 0.3s; }
#form_clients_advanced_search a { display: inline-block; padding: 5px; border-radius: 3px; margin: 0 6px 6px 0; border: 1px solid #ddd; background: #b4b033; color: white; }
#form_clients_advanced_search div { overflow: hidden; max-height: 0; transition: all 0.3s; }
#form_clients_advanced_search.show { }
#form_clients_advanced_search.show div { max-height: 370px; }
#crm_consultants_search #form_clients_advanced_search.show div { max-height: 410px; }
#form_clients_advanced_search.show a { background: #eee; color: gray; }
#content #form_clients_search .form_clients_separate_section { border: 1px solid #ddd; background: #eee; padding: 5px; border-radius: 3px; float: right; margin-left: 10px; }
#content #form_clients_search .form_clients_separate_section label { background: #fff; border: 1px solid gray; width: auto; margin: 0 10px 0 0; }
#content #form_clients_search .form_clients_separate_section label span { margin-right: 10px; width: auto; }
#content #form_clients_search .form_clients_separate_section select { max-width: 150px; }
#content #form_clients_search button { margin-top: 3px!important; }
a.sort_column_active { color: #8c8928; background: url(../images/sort_ascending.png) no-repeat center right; padding-right: 10px; }
a.sort_column_active.descending { background-image: url(../images/sort_descending.png); }
#content label.label_sort_column, #content label.label_sort_direction { display: none; }

#registration_form .inputs_stack { margin-bottom: 10px; }
#registration_form input { width: 100px; }
#content #registration_form input { width: 100px; }
#content #registration_form input.date_input { width: 130px; height: 30px; }
#content #registration_form label { float: left; width: 31%; clear: none; border: 1px solid #b4b033; border-radius: 3px; padding: 5px; background: #F3F4BF; margin: 0 6px 6px 0; display: flex; justify-content: space-between; align-items: center; }
#content #registration_form label span { white-space: nowrap; vertical-align: center; line-height: 26px; }
#content #registration_form label input, #content #registration_form label select { float: right; }
#content #registration_form .form_clients_separate_section { border: 1px solid #ddd; background: #eee; padding: 5px; border-radius: 3px; float: right; margin-left: 10px; }
#content #registration_form .form_clients_separate_section label { background: #fff; border: 1px solid gray; width: auto; margin: 0 10px 0 0; }
#content #registration_form .form_clients_separate_section label span { margin-right: 10px; width: auto; }
#content #registration_form .form_clients_separate_section select { max-width: 150px; }
#content #registration_form label { min-height: 0; }
#content .events-buttons { display: flex; justify-content: space-between; width: 70%; align-items: center; }
#content .events-buttons a { text-decoration: none; }
.confirm_deregistration_message span { color: #b4b033 }
#content .registration_for_event_form select { height: 31px; }

.level1 { margin-left: 0px; padding-left: 15px; }
.level2 { margin-left: 8px; padding-left: 15px; }
.level3 { margin-left: 16px; padding-left: 15px; }
.level4 { margin-left: 24px; padding-left: 15px; }
.level5 { margin-left: 32px; padding-left: 15px; padding-right: 5px; }
.level6 { margin-left: 32px; padding-left: 15px; padding-right: 5px; }
.level7 { margin-left: 32px; padding-left: 15px; padding-right: 5px; }
.level8 { margin-left: 32px; padding-left: 15px; padding-right: 5px; }
.level9 { margin-left: 32px; padding-left: 15px; padding-right: 5px; }

.parent_debitor_client_name_container { position: relative; }
.parent_debitor_client_name_container span {
    display: none;
    position: absolute; top: 30px; right: 0px; padding: 10px; border: 1px solid gray;
    border-radius: 4px; background-color: white; z-index: 1;
    white-space: nowrap;
}
.parent_debitor_client_name_container a:hover+span,
.parent_debitor_client_name_container a:focus+span {
    display: block;
}

#crm_consultants_search {line-height:1.6em;}
table.consultants_search {width:98%; margin-bottom:2em;}
    table.consultants_search caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
        table.consultants_search caption .functions {display:block; float:right; margin:0; padding:0 0 0.2em 0; font-size:90%; font-weight:normal; color:#000000;}
        table.consultants_search caption .functions a {font-size:90%; font-weight:normal;}
        table.consultants_search caption .functions select {font-size:90%; font-weight:normal; color:#000000;}

        #form_crm_consultants_search_simple {display:block;}
        #form_crm_consultants_search_advanced {display:none;}
        .advanced #form_crm_consultants_search_advanced {display:block;}
        .advanced #form_crm_consultants_search_simple {display:none;}

        table.consultants_search form {padding:1em 0 0 0;}
            table.consultants_search label {height:auto!important; margin-bottom:0.3em;}
            table.consultants_search input, table.consultants_search textarea {width:18.5em;}

            table.consultants_search label.checkbox span {width:auto;}
            table.consultants_search label.checkbox span.input {width:7em; padding-top:0.1em; padding-right:1em; text-align:right;}
            table.consultants_search input.checkbox {width:auto;}

            table.consultants_search fieldset {display:block; float:left; width:27.5em; /*height:20em;*/ margin:0 1em 1em 0;}

            table.consultants_search label#label_newclients_thismonth {float:left; margin-right:1em;}
            table.consultants_search input#fld_newclients_thismonth {width:4em;}
            table.consultants_search input#fld_newclients_lastmonth {width:4em; float:none;}

            table.consultants_search label#label_newconsultants_thismonth {float:left; margin-right:1em;}
            table.consultants_search input#fld_newconsultants_thismonth {width:4em;}
            table.consultants_search input#fld_newconsultants_lastmonth {width:4em;}

            table.consultants_search fieldset.status { /*height:12em; */}
            table.consultants_search fieldset.comments { height: 16.1em; }
            table.consultants_search fieldset.comments textarea {width:26.5em; height:10em;}

            table.consultants_search fieldset.activities { /*height:17em;*/}
                table.consultants_search fieldset.activities textarea {height:6em;}

            table.consultants_search fieldset.searchparameters {/*height:17em;*/}
            table.consultants_search .searchparameters input.checkbox {width:auto; float:left; margin-right:1em;}
            table.consultants_search .searchparameters label.checkbox span {width:24.5em;}

            table.consultants_search form .container_send {display:block; clear:both; width:100%; margin-top:1em; border-top:1px solid #000000; text-align:right;}
                table.consultants_search form .container_send ul {margin:0; padding:0; list-style-type:none; list-style-image:none;}
                    table.consultants_search form .container_send ul li {display:inline; margin:0 0.5em 0 0; padding:0 0.5em 0 0; border-right:1px solid #000000;}
                    table.consultants_search form .container_send ul li.last {margin:0; padding:0; border:0;}
                table.consultants_search form .container_send button {margin:0; padding:0;}
                table.consultants_search form .container_send label {display:inline;}

#crm_savedqueries {line-height:1.6em;}
    #crm_savedqueries table td {padding:0.3em 1em 0.1em 0.2em;}

#crm_client_details fieldset {display:block; float:left; width:27.5em; margin:0 1em 1em 0;}
    #crm_client_details fieldset table {margin:0; line-height:1.6em;}
        #crm_client_details fieldset table td {padding-right:1em;}
            #crm_client_details fieldset table td.collective { font-weight:bold; }
            #crm_client_details fieldset .petsowner span {display:block; float:left; width:1.2em; height: 1.2em; padding-left:0.1em; line-height:1.2em; font-size:110%; font-weight:bold; text-align:center; border:1px solid #000000;}
            #crm_client_details td.anifit_points_shipping_mark,
            #crm_client_details td.decline_ads_mark,
            #crm_consultant_details td.decline_ads_mark,
            #crm_consultant_details td.decline_consultant_infos_mark { padding: 0; width: 1.2em; height: 1.2em; padding-left: 0.1em; vertical-align: middle; font-size: 110%; font-weight: bold; text-align: center; border: 1px solid #000; }
            #crm_client_details tr.marked_important td span,
            #crm_consultant_details tr.marked_important td span { display: inline-block; background: #ff3030; color: white; }
            tr.decline_ads table { border-collapse: separate; border-spacing: 1px; }
    #crm_client_details .sales_bonuses, #crm_client_details .status {height:auto;}
    #crm_client_details .sales_bonuses table {float:left; margin-right:5em;}
    #crm_client_details .sales_bonuses table td {padding-right:1.5em; text-align:right;}
    #crm_client_details fieldset.pets { clear: left; }
    #crm_client_details fieldset.pets div.content {height:9em; overflow:auto;}
    #crm_client_details fieldset.comments div.content {height:9em; overflow:auto;}
    table.activities {width:98%; margin-bottom: 10px!important; }
        #crm_client_details table.activities caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
        #crm_client_details table.activities th {padding: 0.3em 1em 0.1em 0.2em; text-align:left; border-bottom:1px solid #000000;}
        #crm_client_details table.activities td {padding: 0.3em 1em 0.1em 0.2em; border-bottom:1px solid #000000;}
        #crm_client_details table.activities .adapter {width:8em;}
        #crm_client_details table.activities .type {width:8em;}
        #crm_client_details table.activities .date {width:6.5em;}
        #crm_client_details table.activities .check {width:2.2em; text-align:right; vertical-align:middle;}
        #crm_client_details table.activities .edit {width:2.2em; text-align:right;}
        #crm_client_details table.activities .delete {width:2.2em; text-align:right;}

#crm_consultant_details h2 {display:block; float:left; width:20.5em; margin:0 1em 1em 0;}
#crm_consultant_details fieldset {display:block; float:left; width:27.5em; margin:0 1em 1em 0;}
        #crm_consultant_details fieldset .petsowner span {display:block; float:left; width:1.2em; padding-left:0.1em; line-height:1.2em; font-size:110%; font-weight:bold; text-align:center; border:1px solid #000000;}
    #crm_consultant_details fieldset table {margin:0; line-height:1.6em;}
        #crm_consultant_details fieldset table td {padding-right:1em;}
    #crm_consultant_details fieldset table td.showStatistics_container {padding-top:1em;}
    #crm_consultant_details fieldset.comments { width: 240px; margin-right: 5px; }
    #crm_consultant_details fieldset.comments div.content { height:8.7em; overflow:auto;}
    #crm_consultant_details fieldset.status { height: 234px; }
    #crm_consultant_details table.activities {width:98%;}
        #crm_consultant_details table.activities caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
        #crm_consultant_details table.activities th {padding: 0.3em 1em 0.1em 0.2em; text-align:left; border-bottom:1px solid #000000;}
        #crm_consultant_details table.activities td {padding: 0.3em 1em 0.1em 0.2em; border-bottom:1px solid #000000;}
        #crm_consultant_details table.activities .adapter {width:8em;}
        #crm_consultant_details table.activities .type {width:8em;}
        #crm_consultant_details table.activities .date {width:6.5em;}
        #crm_consultant_details table.activities .check {width:2.2em; text-align:right; vertical-align:middle;}
        #crm_consultant_details table.activities .edit {width:2.2em; text-align:right;}
        #crm_consultant_details table.activities .delete {width:2.2em; text-align:right;}
#crm_consultant_details .my_photo { float: left; margin: 8px; width: 150px; overflow: hidden; height: 10.4em; }
#crm_consultant_details .my_photo img { width: 100px; }

#crm_client_subscriptions {line-height:1.6em;}
    #crm_client_subscriptions fieldset {margin-bottom:1em;}
        #crm_client_subscriptions table {margin:0;}
        #crm_client_subscriptions td.label {width:11em;}
        #crm_client_subscriptions .details.show {border-top:1px solid #000000;}
        #crm_client_subscriptions .details.hide {display:none;}
        #crm_client_subscriptions .details table th {padding: 5px; text-align:left; border-bottom:1px solid #000000;}
        #crm_client_subscriptions .details table td {padding: 5px; border-bottom:1px solid #000000;}
        #crm_client_subscriptions .details table .price {text-align:right;}
        #crm_client_subscriptions .details table .quantity {text-align:right;}
        #crm_client_subscriptions .details table .sum {text-align:right; padding-right:0.2em;}
        #crm_client_subscriptions .details table .totalsum td {font-weight:bold;}

#crm_delivery_details, .old_popup_style {line-height:1.6em;}
    #crm_delivery_details table caption, .old_popup_style table caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
    #crm_delivery_details table.details {margin:0;}
        #crm_delivery_details table.details th {padding: 5px; text-align:left; border-bottom:1px solid #000000;}
        #crm_delivery_details table.details td {padding: 5px; border-bottom:1px solid #000000;}
        #crm_delivery_details table.details .price {text-align:right;}
        #crm_delivery_details table.details .quantity {text-align:right;}
        #crm_delivery_details table.details .sum {text-align:right; padding-right:0.2em;}
        #crm_delivery_details table.details .totalsum td {font-weight:bold;}

    #client_susbcriptions form.subscription_details_change a.change {display:block; text-align:center; font-weight:bold; color:#ffffff; background-color: #EDECCD; }
    #client_susbcriptions form.subscription_details_change a.change:hover  {text-decoration:none; color:#999999;}

#crm_pet_edit {line-height:1.6em;}
#crm_pet_edit button {float:right;}

#crm_appointment_edit {line-height:1.6em;}
    #crm_appointment_edit label {height:auto; margin-bottom:0.3em;}
    #crm_appointment_edit textarea {height:10em;}
    #crm_appointment_edit .container_send {text-align:right;}

#crm_delivery_details.dynamic, .old_popup_style { display: none; position:absolute; top:0px; left:0px; border:1px solid #000000; background-color:#ffffff; z-index:20000;}
    #crm_delivery_details.dynamic a.close:hover, .old_popup_style a.close:hover {text-decoration:none; color:#999999;}
    #crm_delivery_details.dynamic .content, .old_popup_style .content {padding:10px;}
    .old_popup_style .sum { text-align: right; padding-right: 0; }
    .show_last_deliveries { padding-right: 0!important; }
    .delivery_details .sum { padding-right: 20px; }

#intranet #consultant_deliveries { display: none!important; }

#crm_client_subscriptions.dynamic {display: none; position:absolute; top:0px; left:0px; border:1px solid #000000; background-color:#ffffff; z-index:20000;}
    #crm_client_subscriptions.dynamic .content {padding:10px;}

#crm_pet_add.dynamic { display: none; position:absolute; top:0px; left:0px; line-height:1.6em; border:1px solid #000000; background-color:#ffffff; z-index:20000;}
    #crm_pet_add.dynamic .content {padding:10px;}
        #crm_pet_add.dynamic .content form {margin:0; padding:0;}
        #crm_pet_add.dynamic .content fieldset {margin:0; padding:10px;}
        #crm_pet_add.dynamic .content legend {display:none;}
        #crm_pet_add.dynamic .content .container_send {text-align:right;}

#intranet .date-picker { z-index: 20005!important; }

.crm_pet_edit.dynamic {display: none; position:absolute; top:0px; left:0px; line-height:1.6em; border:1px solid #000000; background-color:#ffffff; z-index:20000;}
    .crm_pet_edit.dynamic .content {padding:10px;}
        .crm_pet_edit.dynamic .content form {margin:0; padding:0;}
        .crm_pet_edit.dynamic .content fieldset {margin:0; padding:10px;}
        .crm_pet_edit.dynamic .content legend {display:none;}
        .crm_pet_edit.dynamic .content .container_send {text-align:right;}

.consultant_achievements.dynamic {display: none; line-height:1.6em; border:1px solid #000000; background-color:#ffffff; z-index:20000; overflow:auto;}

#crm_appointment_new.dynamic {display: none; position:absolute; top:0px; left:0px; line-height:1.6em; border:1px solid #000000; background-color:#ffffff; z-index:20000;}
    #crm_appointment_new.dynamic .content {padding:10px;}
        #crm_appointment_new.dynamic .content form {margin:0; padding:0;}
        #crm_appointment_new.dynamic .content fieldset {margin:0; padding:10px;}
        #crm_appointment_new.dynamic .content legend {display:none;}
        #crm_appointment_new.dynamic .content label {height:auto; margin-bottom:0.3em;}
        #crm_appointment_new.dynamic .content textarea {height:10em;}
        #crm_appointment_new.dynamic .content .container_send {text-align:right;}

#crm_appointment_done_new.dynamic {display: none; position:absolute; top:0px; left:0px; line-height:1.6em; border:1px solid #000000; background-color:#ffffff; z-index:20000;}
    #crm_appointment_done_new.dynamic .content {padding:10px;}
        #crm_appointment_done_new.dynamic .content form {margin:0; padding:0;}
        #crm_appointment_done_new.dynamic .content fieldset {margin:0; padding:10px;}
        #crm_appointment_done_new.dynamic .content legend {display:none;}
        #crm_appointment_done_new.dynamic .content label {height:auto; margin-bottom:0.3em;}
        #crm_appointment_done_new.dynamic .content textarea {height:10em;}
        #crm_appointment_done_new.dynamic .content .container_send {text-align:right;}

.crm_appointment_edit.dynamic {display: none; position:absolute; top:0px; left:0px; line-height:1.6em; border:1px solid #000000; background-color:#ffffff; z-index:20000;}
    .crm_appointment_edit.dynamic .content {padding:10px;}
        .crm_appointment_edit.dynamic .content form {margin:0; padding:0;}
        .crm_appointment_edit.dynamic .content fieldset {margin:0; padding:10px;}
        .crm_appointment_edit.dynamic .content legend {display:none;}
        .crm_appointment_edit.dynamic .content label {height:auto; margin-bottom:0.3em;}
        .crm_appointment_edit.dynamic .content textarea {height:10em;}
        .crm_appointment_edit.dynamic .content .container_send {text-align:right;}

#crm_activities table.activities {width:98%;}
    #crm_activities table.activities caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
    #crm_activities table.activities th {padding: 0.3em 1em 0.1em 0.2em; text-align:left; border-bottom:1px solid #000000;}
    #crm_activities table.activities td {padding: 0.3em 1em 0.1em 0.2em; border-bottom:1px solid #000000;}
    #crm_activities table.activities .adapter {width:8em;}
    #crm_activities table.activities .type {width:8em;}
    #crm_activities table.activities .date {width:6em;}
    #crm_activities table.activities .check {width:2em; text-align:right;}
    #crm_activities table.activities .check a img {width: 14px;}
    #crm_activities table.activities .edit {width:2em; text-align:right;}
    #crm_activities table.activities .delete {width:2em; text-align:right;}
    #crm_activities table.activities .edit, #crm_activities table.activities .check, #crm_activities table.activities .delete {padding-top: 0.5em;} 

/* Statistics */

#crm_statistics table caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
#crm_statistics table th {padding: 0.3em 1em 0.1em 0.2em; text-align:left; border-bottom:1px solid #000000;}
#crm_statistics table td {padding: 0.3em 1em 0.1em 0.2em; text-align:right; border-bottom:1px solid #000000;}

#crm_statistics.dynamic {display: none; position:absolute; top:0px; left:0px; line-height:1.6em; border:1px solid #000000; background-color:#ffffff; z-index:20000;}
    #crm_statistics.dynamic .content {padding:10px;}

.last_update {margin-bottom:2em;}

/* Consultant Events for Checkout */
#consultant_events_table {
    display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch;
    align-content: stretch; width: 100%; max-width: 800px; margin: 0 auto;
}
#consultant_events_table a:nth-child(7n) {
    page-break-after: always; break-after: always;
}
#consultant_events_table a {
    width: 13.2%; border: 1px solid gray; text-align: center; padding: 20px 0 5px 0;
    background: #f1f1f1; margin: 1px;
}
#consultant_events_table a.current_month {
    background: #fdf4d8;
}
#consultant_events_table a.today {
    background: #fbe49e;
}
#consultant_events_table a span {
    font-size: 18px;
    display: block;
}
#consultant_events_table a span.event_weekday_name_short {
    color: gray;
}
#consultant_events_table a span.event_day {
    font-size: 24px; color: black;
}
#consultant_events_links { text-align: center; }
#consultant_events_links > * {
    display: inline-block; padding: 0 10px 10px 10px; width: 20%; min-width: 100px;
    white-space: nowrap;
}
#consultant_events_for_checkout label span { display: block; float: none; }
#consultant_events_for_checkout label { display: block; float: none; padding-bottom: 5px; }
#consultant_events_for_checkout button { margin-right: 10px; }
#consultant_events_for_checkout table { border-collapse: collapse; }
#consultant_events_for_checkout td, #consultant_events_for_checkout th {
    border: 1px solid gray; text-align: center; padding: 20px;
    background: #fdf4d8; margin: 1px; vertical-align: middle;
}
#consultant_events_for_checkout .align_left { text-align: left; }
#consultant_events_for_checkout .event_dot {
    display: inline-block; border-radius: 100%; background: #bacf48; width: 10px; height: 10px;
    margin: 0 1px;
}
#consultant_events_for_checkout th { background: #f1f1f1; padding: 10px 20px; }
.event_notification {
    background: url(../images/food_calculator/info.svg) no-repeat left center #cfde7e;
    padding: 20px 20px 20px 40px; background-size: 20px; background-position: 10px center;
}

/* Blogs */

#intranet .blog_entry #text { min-height: 50px; }

/* Headers */

h1, h2, h3, h4, h5, h6 { margin:30px 0 20px 0; }
h1, h2 { font-family: 'DeliciousRoman', arial, helvetica, sans-serif; }
h1, h2 { font-size:20px; font-weight:normal; }
h3 { font-size:16px; font-weight:normal; }
h4, h5, h6 { font-size:14px; font-weight:bold; }

#sitetitle { font-size: 28px; margin: 0 0 20px 0; padding: 0 0 20px 0; color: #b4b033; }

/* Forms */

#content form {margin-bottom:1em;}
#content form .container_1 {display:block; float:left; margin-right:1em; margin-bottom:0.3em; width:271px; height:24.8em;}
#content form .container_2 {display:block; float:left; margin-bottom:0.3em; width:271px; height:24.8em;}
#bestellform .container_1, #bestellform .container_2 { height: 20em!important; }

#content label, .content label {display:block; margin-bottom:0.1em; }
#content label span, .content label span {display:block;}

#content input, #content textarea {width:265px; margin-top:1px;}
#content input.radio, #content input.checkbox {padding-left:0; padding-right:0; border:0; width:auto;}

#content #label_plz {float:left; margin-right:3px;}
#content #fld_plz {width:55px;}
#content #label_ort {float:left;}
#content #fld_ort {width:201px;}
#content #label_telefon {clear:both;}
#content #label_text {height:21em;}
#content #fld_text {height:16.7em;}

form {margin-bottom:1em; padding:0;}
form .container_1 {float:left; margin-right:1em; margin-bottom:0.3em; width:28.5em;}
form .container_2 {float:left; margin-bottom:0.3em; width:28.5em;}

label { display:block; clear:both; margin-bottom:0.1em; }
label span {display:block;float:left; width:8em;}

label.error, label.error span {color:#FF0000;}
label.error input, label.error select, label.error textarea, input.error, select.error {border:1px solid #FF0000;}

input, select, textarea {margin:0; padding:4px; border:1px solid #000000;}
input, textarea {padding: 4px; width:20em; margin-top:1px;}
textarea {overflow:auto;}

input.radio, input.checkbox {padding-left:0; padding-right:0; border:0; width:auto;}

form#form_mailbestellung label span {width:14em;}
form#form_mailbestellung input#fld_fb_nr {background-color:#FFFFFF;}
form#form_mailbestellung button#button_abschicken {float:right;}

/* Consultant intranet search */
#consultant_search form { height: 35px; }
#consultant_search form input, form#consultant_search button { height: 100%; }
#consultant_search form button { margin: 0; margin-left: 5px; }
#consultant_search .consultant_search_results li { margin-bottom: 5px; }
#consultant_search .special-text {
    margin-block: 20px; padding: 10px 15px;
    border: 1px solid #b4b033; border-radius: 4px;
    background-color: #fff;
}
#consultant_search .special-text p { margin: 0; }
#consultant_search .special-text *:last-child { margin-bottom: 0; padding-bottom: 0; }


/* Consultant Messages */
#consultant_messages fieldset { border: none; padding: 5px 0; margin: 10px 0; }
#consultant_messages legend { font-size: 14px; font-weight: bold; color: #313131 !important; margin: 0; padding: 0; }
#consultant_messages input { width: auto; }
#consultant_messages label { display: inline; }
#consultant_messages textarea { display: block; height: 90px; width: 730px; }
#consultant_messages button { margin: 15px 0!important; }
#consultant_messages fieldset.consultant { margin-bottom: 40px; }
#consultant_messages fieldset.consultant label { display: block; float: left; width: 5em; }
#consultant_messages fieldset.consultant input { display: block; float: left; }
#consultant_messages .error { padding: 10px; }
#consultant_messages .error p { margin: 0 0 5px 0; padding: 0; }

/* Form Recommendation */

#form_recommendation form {margin-bottom:1em;}
#form_recommendation form .container_1 {float:left; margin-right:1em; margin-bottom:0.3em; width:271px; height:24.8em;}
#form_recommendation form .container_2 {float:left; margin-bottom:0.3em; width:271px; height:24.8em;}

#form_recommendation label {display:block; clear:none; margin-bottom:0.1em; height:3em;}
#form_recommendation label span {display:block; float:none; width:auto;}

#form_recommendation table {border-bottom:1px dashed #808080;}
#form_recommendation .title {font-weight:bold;}
#form_recommendation .sender, #form_recommendation .receiver {clear:both;height:4em;margin-bottom:1em;}
#form_recommendation label#label_name_absender {float:left;margin-right:3px;}
#form_recommendation label#label_email_absender {float:left;}
#form_recommendation label#label_email_empfaenger {float:left;}
#form_recommendation label#label_kommentar {float:none; clear:both; height:auto; margin-bottom:1em; font-weight:bold;}
#form_recommendation textarea {width:538px;height:8em;}

#form_recommendation button {margin-right:-0.2em;}
#form_recommendation .button_send {float:right; padding-left:17px; font-weight:bold; color: #9E9A1F; background-image:url(../images/layout/icons/paw.gif); background-repeat:no-repeat; background-position:left center;}
#form_recommendation .button_send:hover, .button_senden.hover {text-decoration:underline;}

/* Clientportal */

.clientportal #header p {margin:0;padding:25px 20px;font-size:30px;color:#9E9A1F;}

.clientportal fieldset {padding:5px;}
.clientportal fieldset.masterdata {display:inline-block;width:300px;vertical-align:top;height:220px;}
.clientportal fieldset.consultant {display:inline-block;width:300px;vertical-align:top;height:220px;}
.clientportal legend {font-weight:bold;color:#9E9A1F;}
#anifit_website .dynamic h2, #anifit_website #sitetitle, #anifit_website.clientportal legend {
    color: #ce2819;
}
#anifit_website .dynamic h2 { background: #e8e8e8; }
.clientportal fieldset {margin-bottom:10px;}

#clientportal_masterdata.dynamic table {margin:0;}
#clientportal_masterdata.dynamic form {margin:0; padding:0;}

#clientportal_send_message.dynamic table {margin:0;}
#clientportal_send_message.dynamic form {margin:0; padding:0;}

#clientportal span.value {width:30px;display:inline-block;}

.clientportal .picture {float:right;padding:10px;margin-left:20px;}

#clientportal_masterdata, #clientportal_masterdata td { line-height: 1.6em; }
#clientportal_masterdata td.label {text-align:left; padding-right:1em;}
#clientportal_masterdata td.value_change {padding-left:2em;}
#clientportal_masterdata td.form {display:none;}
#clientportal_masterdata td.form.info, #clientportal_masterdata td.value_change.info {font-weight:bold;}
#clientportal_masterdata a.button { margin-top: 20px; background: #FAFAFA; border: 1px solid #EEE; color: #808080; padding: 5px 10px; }
#clientportal_masterdata a.button:hover {text-decoration:none; color:#CE2819; }
#anifit_website #clientportal_masterdata a.button { background: #ce2819; color: white; border-color: #ce2819; padding-left: 20px; padding-right: 20px; border-radius: 4px; }
#anifit_website #clientportal_masterdata a.button:hover { text-decoration: none; }
#anifit_website #clientportal_masterdata .no_form .align_right a { margin-top: 20px; background: #FAFAFA; border: 1px solid #EEE; color: #808080; padding: 5px 20px; border-radius: 4px; }
#anifit_website #clientportal_masterdata .no_form .align_right a:hover { text-decoration: none; }

#clientportal_masterdata tr.form {display:none;}

#clientportal_masterdata form.show td.value {display:none;}
#clientportal_masterdata form.show td.value_change {display:none;}
#clientportal_masterdata form.show td.form {display:table-cell;}
#clientportal_masterdata form.show tr.no_form {display:none;}
#clientportal_masterdata form.show tr.form {display:table-row;}

/* Inline Popups */

.dynamic {display:block; float:left; display: none; position:absolute; top:0px; left:0px; border:1px solid #808080; background-color:#ffffff; z-index:9998;-moz-border-radius:10px;-moz-box-shadow:0px 0px 5px #808080;}
.dynamic h2 {margin:0; padding:10px 20px; text-align:left; color:#9E9A1F; background: #EDECCD; border-bottom:1px solid #808080;}
.dynamic a.close {
    position: absolute; top: 8px; right: 8px; font-size: 25px; color: #808080;
    background: url(../images/popup/close.gif) no-repeat center transparent;
    text-indent: -9999px; width: 26px; height: 26px;
    transition: transform 0.2s ease-out;
}
.dynamic a.close:hover, .dynamic a.close:focus { transform: rotate(90deg); }
.dynamic .content {padding: 10px;}

/* Jokes */

.joke p {text-align:left!important;}
.vote_joke { float: left; margin-right: 40px; }
.vote_joke a { float: left; width: 20px; height: 20px; }
.vote_joke span { float: left; height: 20px; background: url(../images/layout/icons/star_off.png) top left white; }
.vote_joke span.voted { background-image: url(../images/layout/icons/star.png); }
.vote_selection:hover span.voted { background-image: url(../images/layout/icons/star_off.png); }
.vote_joke span:hover { background-image: url(../images/layout/icons/star.png)!important; }
.vote_results { float: left; }
.current_stars {  background: url(../images/layout/icons/star_off.png) top left; height: 20px; width: 100px; }
.current_stars .stars { background: url(../images/layout/icons/star.png) top left; height: 20px; }
.joke .clearing { height: 10px; }

/* Team activities */

#crm_team_activities table {width:98%; margin-bottom:2em; line-height:1.6em;}
    #crm_team_activities table caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
    #crm_team_activities table th {padding: 5px; text-align:left; border-bottom:1px solid #000000;}
    #crm_team_activities table td {padding: 5px; border-bottom:1px solid #000000;}
    #crm_team_activities table .status {width:6em;}
    #crm_team_activities table .person {width:15em;}
    #crm_team_activities table .sponsor {width:12em;}

/* Forum */

.original_post {display:none;}

div.quote {margin:0.5em; padding:0.5em; background-color:#eeeeee; border:1px dashed #cccccc;}
pre.code {margin:0.5em; padding:0.5em; background-color:#dddddd; border:1px dashed #cccccc;}

.zf_nav {font-size:120%; margin-bottom:1em;}
    .zf_nav_categories {position:relative; height:1em; margin:0 0 1em 0; padding:0; list-style-type:none;}
        .zf_nav_categories li {display:block; float:left; margin:0 1em 0 0; padding:0 1em 0 0; border-right:1px solid #9E9A1F;}
        .zf_nav_categories li.last {margin:0; padding:0; border:0;}
            .zf_nav_categories li a.active, .zf_nav_categories li a.activenode {font-weight:bold;}
            .zf_nav_categories li ul {position:absolute; left:0px; visibility:hidden;}
    .zf_nav_forums {position:relative; height:1em; margin:0 0 1em 0; padding:0; list-style-type:none;}
        .zf_nav_forums li {display:block; float:left; margin:0 1em 0 0; padding:0 1em 0 0; border-right:1px solid #9E9A1F;}
        .zf_nav_forums li.last {margin:0; padding:0; border:0;}
            .zf_nav_forums li a.active {font-weight:bold;}

table.zf_forumslist {width:98%; margin-bottom:2em; line-height:1.6em;}
    table.zf_forumslist caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
    table.zf_forumslist th {padding: 5px; text-align:left; border-bottom:1px solid #000000;}
    table.zf_forumslist td {padding: 5px; border-bottom:1px solid #000000;}
    table.zf_forumslist .posts, table.zf_forumslist .replies, table.zf_forumslist .views {width:6em;}
    table.zf_forumslist .last_updated {width:11em;}
    table.zf_forumslist .last_updated_by {width:13em;}

table.zf_view_forum {width:98%; margin-bottom:2em; line-height:1.6em;}
    table.zf_view_forum caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
        table.zf_view_forum caption a {font-size:85%; margin:0 0.5em 0 0; padding:0 0.5em 0 0; border-right:1px solid #9E9A1F;}
        table.zf_view_forum caption a.last {margin:0; padding:0; border-right:0;}
    table.zf_view_forum th {padding: 5px; text-align:left; border-bottom:1px solid #000000;}
    table.zf_view_forum td {padding: 5px; border-bottom:1px solid #000000;}

.zf_current_questions table {width:98%; margin-bottom:2em; line-height:1.6em;}
    .zf_current_questions table caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; border-bottom:1px solid #000000;}
        .zf_current_questions table caption a {font-size:85%; margin:0 0.5em 0 0; padding:0 0.5em 0 0; border-right:1px solid #9E9A1F;}
        .zf_current_questions table caption a.last {margin:0; padding:0; border-right:0;}
    .zf_current_questions table th {padding: 5px; text-align:left; border-bottom:1px solid #000000;}
    .zf_current_questions table td {padding: 5px; border-bottom:1px solid #000000;}

.view_topic i {font-weight:normal; font-style:italic;}
.view_topic pre.code {white-space:normal;}

.view_topic table.topic {width:98%; margin-bottom:2em; line-height:1.6em;}
    .view_topic table.topic caption {text-align:left; font-size:120%; font-weight:bold; color:#808080;}
        .view_topic table.topic caption a {font-size:85%; margin:0 0.5em 0 0; padding:0 0.5em 0 0; border-right:1px solid #9E9A1F;}
        .view_topic table.topic caption a.last {margin:0; padding:0; border-right:0;}
        .view_topic table.topic caption select {font-size:85%;}
        .view_topic table.topic caption button {float:right; font-size:85%;}
        .view_topic table.topic caption .locked_info {font-size:90%; color:#000000;}
    .view_topic table.topic th {padding: 5px; text-align:left; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:1px solid #000000; background-color:#dddddd;}
        .view_topic table.topic th .id {float:right;}
    .view_topic table.topic td {padding: 5px; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;}
    .view_topic table.topic .footer td {font-size:90%;}
        .view_topic table.topic .footer td .links {float:right;}
            .view_topic table.topic .footer td .links a {margin-right:1em; padding-right:1em; border-right:1px solid #9E9A1F;}
            .view_topic table.topic .footer td .links a.last {margin-right:0; padding-right:0; border-right:0;}
            .view_topic table.topic .footer td .links label {display:inline; margin-left:1em; padding-left:1em; border-left:1px solid #9E9A1F;}

.view_topic table.response {width:98%; margin-bottom:2em; line-height:1.6em;}
    .view_topic table.response th {padding: 5px; text-align:right;}
    .view_topic table.response td {padding: 5px; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;}
    .view_topic table.response .content td {border-top:1px solid #000000;}
    .view_topic table.response .footer td {font-size:90%;}
        .view_topic table.response .footer td .links {float:right;}
            .view_topic table.response .footer td .links a {margin-right:1em; padding-right:1em; border-right:1px solid #9E9A1F;}
            .view_topic table.response .footer td .links a.last {margin-right:0; padding-right:0; border-right:0;}
            .view_topic table.response .footer td .links label {display:inline; margin-left:1em; padding-left:1em; border-left:1px solid #9E9A1F;}

#response_form table {width:98%; margin-bottom:2em; line-height:1.6em;}
    #response_form table caption {text-align:left; font-size:120%; font-weight:bold; color:#808080;}
    #response_form textarea {width:100%; height:15em; margin-bottom:0.5em; padding:0;}
    #response_form table td.stuff2insert {padding-bottom:0.5em;}
    #response_form table td.additionalstuff {padding-top:0.5em; border-top:1px solid #000000;}
        #response_form table td.additionalstuff label {display:inline; height:auto;}
        #response_form table td.additionalstuff label span {display:inline; float:none; width:auto; padding-left:2px; line-height:1em;}
    #response_form table td.buttons {padding-top:0.5em; border-top:1px solid #000000;}
    #response_form table td.buttons button {margin-right:1em; padding-right:1em; border-right:1px solid #9E9A1F;}
    #response_form table td.buttons button.last {margin:0; padding:0; border:0;}

    #response_form table.preview td {padding:5px; border:1px solid #000000;}

.emoticon_list { float: right; }
.emoticon_list img { display: inline!important; vertical-align: baseline; }
span.big_text { font-size: large; }

#add_topic_form table {width:98%; margin-bottom:2em; line-height:1.6em;}
    #add_topic_form table caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; padding-bottom:0.5em;}
    #add_topic_form label {height:auto; margin-bottom:0.5em;}
        #add_topic_form label span {display:block; float:none; width:auto; line-height:1em;}
    #add_topic_form input {width:100%; padding:0;}
    #add_topic_form textarea {width:100%; padding:0;}
    #add_topic_form table td.stuff2insert {padding-bottom:0.5em;}
    #add_topic_form table td.adminstuff {padding-top:0.5em; border-top:1px solid #000000;}
        #add_topic_form table td.adminstuff label {display:inline; height:auto;}
        #add_topic_form table td.adminstuff label input.checkbox {width:auto;}
        #add_topic_form table td.adminstuff label span {display:inline; float:none; width:auto; padding-left:2px; line-height:1em;}
    #add_topic_form table td.buttons {padding-top:0.5em; border-top:1px solid #000000;}
    #add_topic_form table td.buttons button { margin-right:1em; padding-right:1em; }

#add_topic_form table.preview {width:98%; margin-bottom:2em; line-height:1.6em;}
    #add_topic_form table.preview caption {text-align:left; font-size:120%; font-weight:bold; color:#808080;}
    #add_topic_form table.preview th {padding: 5px; text-align:left; border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:1px solid #000000; background-color:#dddddd;}
        #add_topic_form table.preview .id {float:right;}
    #add_topic_form table.preview td {padding: 5px; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;}
    #add_topic_form table.preview .footer td {font-size:90%;}

.zf_abonnements table {width:98%; margin-bottom:2em; line-height:1.6em;}
    .zf_abonnements table caption {text-align:left; font-size:120%; font-weight:bold; color:#808080; padding-bottom:0.5em; border-bottom:1px solid #000000;}
        .zf_abonnements table td {padding: 5px; border-bottom:1px solid #000000;}
        .zf_abonnements table td.unsubscribe {text-align:right;}

.zf_search form {float:left;}
    #zf_form_search_text {margin-right:2em;}

table.zf_searchresults {width:98%; margin-bottom:2em; line-height:1.6em;}
    table.zf_searchresults th {padding: 5px; text-align:left;}
    table.zf_searchresults td {padding: 5px;}
        table.zf_searchresults tr.odd td { border-top:1px solid #000000; border-bottom:1px solid #000000; }
        table.zf_searchresults td.content {padding:0.1em 1em 2em 1em;}
        table.zf_searchresults td .highlight {background-color:#B7FFBB;}

/* Change password */
#clientportal_change_password {line-height:1.6em;}
    #clientportal_change_password label span {width:16em;}
    #clientportal_change_password .button_send {float:right;}

/* Contest */

#contest_v3 table { margin-top: 2em; margin-bottom: 0.5em; }
#contest_v3 h2 { margin: 0; }
#contest_v3 caption { text-align: left; padding-bottom: 1px; white-space: nowrap;}
#contest_v3 th { text-align: left; }
#contest_v3 #base_values td, #contest_v3 #results tr:first-child th, #contest_v3 #results td, #contest_v3 #top_scores td.deviation, #contest_v3 #top_scores td.number, #contest_v3_downline td.level, #contest_v3_downline td.deviation { text-align: right; }
#contest_v3 td, #contest_v3 th { padding: 0.1em 0.5em; }
#contest_v3 #results tr.result { border: 1px solid #313131; }
#contest_v3 #results tr.result th, #contest_v3 #results tr.result td { color: #9E9A1F; }

/* Sales */

#crm_customer_sales td, #crm_customer_sales th { padding: 0 0.2em; }
#crm_customer_sales .score { text-align: right; width: 5em; }
#crm_customer_sales td.overdue { color: red; }
#crm_customer_sales th.level, #crm_customer_sales th.teampartner, #crm_customer_sales th.customer { text-align: left; }
#crm_customer_sales th.teampartner, #crm_customer_sales th.customer { width: 10em; }
#crm_customer_sales .subscription { text-align: center; }

/* Free samples */

.other_deliveryaddress { margin-top: 10px; }
.private_warehouse_checkbox { margin-top: 20px; }

/* Consultant cockpit */

#crm_consultant_cockpit { /*width: auto;*/ position: relative; }
#crm_consultant_cockpit span.title { font-weight: bold; display: block; margin-bottom: 5px; }
h2.crm_cockpit { display: none; }
#crm_consultant_cockpit div span { font-weight: bold; }
#crm_consultant_cockpit .cp_msgs { border: 1px solid #e36c0a; padding: 10px; margin: 0 10px 10px 0;float: left; width:45%;height: 100px; }
#crm_consultant_cockpit .cp_active_clients { border: 1px solid #76923c; padding: 10px; margin: 0 10px 10px 0; float: left; width: 45%; }
#crm_consultant_cockpit .cp_active_consultants { border: 1px solid #5f497a; padding: 10px; margin: 0 0px 10px 0; float: left; width: 45%; }
#crm_consultant_cockpit .cp_hochrechnung { border: 1px solid #E482FF; padding: 10px; margin: 0 0px 10px 0; float: left; width:45%;height: 100px; position: relative; }
#next_commission_notification {
    position: absolute; top: -75px; right: 0px; padding: 10px; width: 210px;
    border-radius: 4px; background: #b4b033; color: white; font-weight: normal!important;
}
#next_commission_notification:after {
    top: 100%; left: 30%; border: solid transparent; content: " "; height: 0; width: 0;
    position: absolute; pointer-events: none; border-color: rgba(157, 188, 83, 0);
    border-top-color: #b4b033; border-width: 12px; margin-left: 0px; margin-top: 0px;
}
#crm_consultant_cockpit .cp_hochrechnung table { margin: 0; }
#crm_consultant_cockpit .cp_hochrechnung td { padding: 0 15px 0px 0; }
#crm_consultant_cockpit .cp_hochrechnung td.underlined span { border-bottom: 1px solid gray; }
#crm_consultant_cockpit .cp_hochrechnung td span { margin-left: 5px; display: block; text-align: right; }
#crm_consultant_cockpit .cp_success { border: 1px solid #c00000; padding: 10px; margin: 0 10px 10px 0; clear: left; float: left; width: 45%; height: 260px; }
#crm_consultant_cockpit .cp_success .title, #crm_consultant_cockpit .cp_anifitjoke .title { margin-bottom: 20px; }
#crm_consultant_cockpit .cp_success table td, #crm_consultant_cockpit .cp_success table th { padding: 0.8em; border: 1px solid #313131; width: 25px; }
#crm_consultant_cockpit .cp_success table td { text-align: right!important; white-space: nowrap; }
#crm_consultant_cockpit .cp_success table td * { white-space: nowrap; }
#crm_consultant_cockpit .cp_success table td.plus, #crm_consultant_cockpit table td.plus * { color: green; }
#crm_consultant_cockpit .cp_success table td.minus, #crm_consultant_cockpit table td.minus * { color: #313131; }
#crm_consultant_cockpit .cp_anifit_news_ticker { border: 1px solid #5f497a; padding: 10px; margin: 0 0px 10px 0; float: left; width: 45%; height: 260px; overflow: auto; }
#crm_consultant_cockpit .cp_anifit_news_ticker b { font-size: 100%; }
#crm_consultant_cockpit .cp_anifit_news_ticker a { color: black; display: block; }
#crm_consultant_cockpit .cp_anifit_news_ticker a:hover { color: #666; }
.cp_news_entry { border-bottom: 2px solid #ddd; margin-bottom: 10px; }
.cp_news_entry h3 { font-weight: bold; margin-bottom: 5px; }
.cp_news_entry > div > p:first-child { margin-top: 0; padding-top: 0; }
#content #crm_consultant_cockpit .cp_anifit_news_ticker img,
#content #cp_anifit_news_ticker h3 img { float: left; margin: 2px 4px 2px 0; }
#content #cp_anifit_news_ticker h3 img { margin-top: 1px; }
#crm_consultant_cockpit .right { float: right; }
#crm_consultant_cockpit a { color: #1f497d; }
#crm_consultant_cockpit a:hover { color: #ccc; }
#crm_consultant_cockpit .cp_last_update { clear: both; color: gray; text-align: right; width: 90%; margin-left: 55px; }
#crm_consultant_cockpit .cp_last_update * { color: gray; }

/* Success contract */
#crm_success_contract input { width: 12em; }
#crm_success_contract table td { padding: 2px; }
#crm_success_contract table.goal_choice td { vertical-align: middle; padding-bottom: 15px; cursor: pointer; }
#crm_success_contract table.goal_choice td * { cursor: auto; }
#crm_success_contract table.goal_choice input { width: 3em; }
#crm_success_contract textarea.wish { height: 5em!important; }
#crm_success_contract label { cursor: pointer; }
#crm_success_contract input.radio, #crm_success_contract input.checkbox { width: auto!important; }
#crm_success_contract a.success_next, #crm_success_contract a.success_previous, #crm_success_contract a.decline, #crm_success_contract a.nextsubmit { background: url(../images/layout/arrow_right.gif) no-repeat center center; float: right; margin: 0 25px; width: 106px; height: 59px; line-height: 59px; text-align: center; color: #313131; text-decoration: none; font-weight: bold; }
#crm_success_contract a.success_previous { background: url(../images/layout/arrow_left.gif) no-repeat center center; }
#crm_success_contract a.decline { float: left; margin-top: 120px; background: url(../images/layout/arrow_left.gif) no-repeat center center; }
#crm_success_contract a.accept { float: right; margin-top: 120px; }
#crm_success_contract a.nextsubmit { background: url(../images/layout/submit_background.gif) no-repeat center center; width: 193px; }
#crm_success_contract .good_luck { color: #984807; font-weight: bold; font-size: 120%; }
#crm_success_contract div.answers { position: relative; width: 450px; height: 300px; background: url(../images/layout/questionmark.jpg) no-repeat center center; }
#crm_success_contract div.center { text-align: center; }
#crm_success_contract div.contract_content { display: none; }
#crm_success_contract div.contract_content .contract_preview_goal { font-weight: bold; }
#crm_success_contract div.contract_content .textspace img { float: right; }
#crm_success_contract div.contract_submit, #crm_success_contract textarea.decisions { display: none; }

/* Quiz */

#consultant_quiz { width: 720px; }
#consultant_quiz .quiz_name { font-size: 25px; color: #52ae3f; }
#consultant_quiz .quiz_progress { font-size: 20px; color: #52ae3f; margin-top: 5px; }
#consultant_quiz .quiz_note { font-size: 20px;  margin-top: 1em; }
#consultant_quiz .quiz_question_name { font-size: 20px; font-style: italic; margin: 1em 0; }
#consultant_quiz input { width: auto; }
#consultant_quiz .quizzes table { }
#consultant_quiz .quizzes table th { background: #4f81bd; border: 1px solid white; border-bottom: 3px solid white; color: white; padding: 5px 10px; }
#consultant_quiz .quizzes table td { border: 1px solid white; padding: 5px 10px; }
#consultant_quiz .quizzes table td, #consultant_quiz .quizzes table td * { color: #1f497d; }
#consultant_quiz .quizzes table tr.odd td { background: #e9edf4; }
#consultant_quiz .quizzes table tr.even td { background: #d0d8e8; }
#consultant_quiz table td, #consultant_quiz table th { padding: 5px; vertical-align: middle; font-size: 15px; }
#consultant_quiz .quiz_questions { display: none; }
#consultant_quiz .quiz_questions table td { font-size: 20px; cursor: pointer; }
#consultant_quiz .quiz_questions table td.checkbox { width: 28px; height: 40px; text-align: center; }
#consultant_quiz .quiz_questions table .description span { display: none; }
#consultant_quiz .quiz_questions > img { border: 1px solid #e2e2e2; border-radius: 9px; box-shadow: 5px 5px 10px #b5b5b5; margin-bottom: 20px; }
#consultant_quiz .submit_answers { background: url(../images/layout/quiz_answer.gif) no-repeat center center; float: right; margin: 0 25px; width: 215px; height: 53px; line-height: 53px; text-align: center; text-decoration: none; }
#consultant_quiz .next_question { background: url(../images/layout/quiz_next.gif) no-repeat center center; }
#consultant_quiz .show_results { background: url(../images/layout/quiz_result.gif) no-repeat center center; }
#consultant_quiz .answer_correct td { color: #52ae3f; }
#consultant_quiz .answer_correct td.checkbox input { }
#consultant_quiz .answer_correct td.checkbox { padding-left: 40px; background: url(../images/layout/icons/quiz_correct.gif) no-repeat left center; }
#consultant_quiz .answer_false td { color: red; }
#consultant_quiz .answer_false td.checkbox input { }
#consultant_quiz .answer_false td.checkbox { padding-left: 40px; background: url(../images/layout/icons/quiz_false.gif) no-repeat left center; }
#consultant_quiz .submit_answers span { visibility: hidden; }
#consultant_quiz .result_details { margin: 1em 0; }
#consultant_quiz .result_details span { font-weight: bold; }
#consultant_quiz .result_wrong_questions ul { }
#consultant_quiz .result_wrong_questions ul li { padding-top: 0.5em; }
#consultant_quiz .result_note .failure, .event_failure, .message_failure { border: 2px solid gray; background: #eee; padding: 1em; font-weight: bold; display: block; }
#consultant_quiz .result_note .success, .order_complete, .event_success, .message_ok { border: 2px solid green; background: #52ae3f; padding: 1em; font-weight: bold; display: block; }
#consultant_quiz span.succeeded { /*background: url(../images/layout/quiz_logo_small.gif) center right no-repeat; */ display: block; padding-right: 25px; color: #52ae33; }
#consultant_quiz .back_to_quiz_list { margin-top: 1em!important; }
.message_ok a { color: black; text-decoration: underline; }
#logo.quizzed { background: url(../images/layout/quiz_logo.jpg) no-repeat center center; }
#logo.quizzed img { visibility: hidden; }
th.left, td.left { text-align: left!important; }
span.description_display  {visibility:hidden; position:absolute; top:50px; left:50px; line-height:1.6em; border:1px solid #000000; background-color:#ffffff; z-index:20000; overflow:auto; width: 300px; }
span.description_display h2 {margin:0; padding:0.1em 50px; text-align:center; border-bottom:1px solid #000000; background-color:#9E9A1F;}
span.description_display a.close {position:absolute; top:1px; right:11px; font-size:150%; color:#ffffff;}
span.description_display a.close:hover {text-decoration:none; color:#999999;}
a.show_description { border: 1px solid #9E9A1F; background: #9E9A1F; padding: 4px; font-size: 14px; float: left; color: white; }
a.show_description:hover { border: 1px solid #9E9A1F; background: #fff; padding: 4px; font-size: 14px; float: left; color: #9E9A1F; }
#buy_scripts td, #buy_scripts td * { font-size: 13px!important; }
#buy_scripts td label { margin: 0; height: auto; }
#buy_scripts td label span { width: auto; cursor: pointer; }
#buy_scripts td input { margin: 0; }
#buy_scripts table { margin: 10px 0; }

/* Hochrechnung */

#crm_hochrechnung table td { padding: 0 10px 0 0; width: 240px; }
#crm_hochrechnung table td.underlined, #crm_hochrechnung table tr.underlined td { border-bottom: 1px solid gray; }
#crm_hochrechnung table td.overlined, #crm_hochrechnung table tr.overlined td { border-top: 1px solid gray; }
#crm_hochrechnung table .right { text-align: right; }
#crm_hochrechnung table .left { text-align: left; }
#crm_hochrechnung table.smallright td.right { width: 50px; }
#crm_hochrechnung table.smallright td, #crm_hochrechnung table.smallright th { padding: 2px 5px; }

/* Events */

.event_text h2 {margin:0; padding:0.1em 50px; text-align:center; border-bottom:1px solid #000000; background-color:#9E9A1F;}
.event_text a.close {position:absolute; top:1px; right:11px; font-size:150%; color:#ffffff;}
.event_text a.close:hover {text-decoration:none; color:#999999;}
.event_text { position:absolute; top:50px; left:50px; line-height:1.6em; border:1px solid #000000; background-color:#ffffff; z-index:20000; overflow:auto; width: 400px; }
.event_text_body { padding: 10px; }
.event_info { margin-bottom: 1em; }

/* Achievements */

#achievements .achievements_left, #achievements .achievements_right { width: 400px; float: left; font-size: 130%; }
#achievements .achievements_left { margin-right: 4em; }
#achievements h3 { color: #9E9A1F; padding-top: 10px; }
#achievements p { margin-bottom: 0; font-weight: bold; }
#achievements ul, .consultant_achievements ul { padding: 0; margin: 0; list-style: none; }
#achievements li, .consultant_achievements li { padding-left: 50px; margin: 0; background: url(../images/achievement_no.jpg) 0px -7px no-repeat; height: 35px; line-height: 35px; white-space: nowrap; }
#achievements li.achieved, .consultant_achievements li.achieved { background: url(../images/achievement_yes.jpg) 0px -7px no-repeat; }
#achievements li.line_bottom, .consultant_achievements li.line_bottom { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid black; }
.consultant_achievements li { font-size: 130%; }
.consultant_achievements ul { padding: 10px; }
.consultant_achievements h3 { padding: 10px 10px 0 10px; margin: 0; font-size: 130%; }
.achievements .successful { padding-right: 20px; background: url(../images/subnav_active.png) no-repeat center right; }
.team_achievements td { vertical-align: middle; }
.team_achievements td.achievement_status { width: 100px; border-left: 1px solid gray; border-right: 1px solid gray; padding: 2px; }
.team_achievements td.achievement_status span { display: block;  height: 18px; }
.team_achievements .achievement_red { background: #ff6060; }
.team_achievements .achievement_violet { background: #cf60ff; }
.team_achievements .achievement_blue { background: #609fff; }
.team_achievements .achievement_green { background: #57dd40; }
.team_achievements .consultant { width: 30%; }
.team_achievements tbody { border: 1px solid gray; border-right: 0; }
.team_achievements td.photo { width: 75px; padding: 5px; }
.team_achievements td.default_photo { width: 75px; height: 50px; padding: 5px; }
.team_achievements td.photo span { display: block; background-repeat: no-repeat; background-position: center center; background-size: cover; border-radius: 100%; height: 50px; width: 50px; }

/* Potential Customers */

#crm_potential_customers input { width: 70px!important; }
.new_potential_customer_title td { font-weight: bold; font-size: 15px; }
.customer_save_button { padding: 5px 0 20px 0; }
.ajaxloading { padding-left: 18px; background: url(../images/layout/ajaxloading_provital.gif) no-repeat center left!important; }
.ajaxloading_neutral { padding-left: 18px; background-image: url(../images/layout/ajaxloading_neutral.gif)!important; background-repeat: no-repeat!important; background-position: center left!important; }
form.ajaxloading { padding-left: 0; padding-bottom: 18px; background: url(../images/layout/ajaxloading_provital_white.gif) no-repeat bottom left!important; }

/* Document search */

#navigation .intranet_search { float: right; padding-right: 20px; }
#document_searcher input { width: auto!important; }
#document_searchterm { width: 150px; }

/* Contact persons */

.contact_persons td { padding: 10px; }
.contact_persons td .contact_img { width: 175px; }
.contact_persons td .contact_img img { width: 175px; }

/* Product Evaluation */

#product_evaluation { width: 100%; }
#product_evaluation td, #product_evaluation th { padding: 2px 10px; border: 1px solid #ddd; }
#product_evaluation th { vertical-align: middle; text-align: right; }
#product_evaluation th:first-child { text-align: left; }
#product_evaluation th.percent_value { width: 100px; }
#product_evaluation td.number { text-align: right; }
#product_evaluation tr:nth-child(even) { background: #eee; }

/* Print */

@media print {
    #logo_container, #contentright, form { display: none; }
}

/* Responsive */

.clientportal #content #shop_sidebar {
    background: transparent; margin-right: 0; margin-top: -20px;
    border-top: 4px solid #B4B033; border-bottom: 4px solid #B4B033; padding-bottom: 0;
    border-radius: 0; width: 250px;
}

#shop_pages #open_shop_widget_menu,
#open_shop_widget_menu {
    background: #404040; color: #eeeccd; border: 2px solid #404040; display: none;
    cursor: pointer;
}
.clientportal #logo_container { margin-bottom: 40px; }

@media screen and (max-width: 1020px) {

    .clientportal #logo_container { margin-bottom: 0px; }

    #logo_container { padding-bottom: 20px; }
    #logo_container a:nth-child(odd) { padding: 0 10px; }

    #clientportal_nav li.active > a,
    .shop_menu li.active > a,
    #intranet #navigation.visible li.active > a { background-position: 7px 20px!important; }

    #container { width: auto; }

    #open_shop_widget_menu.intranet {
        position: absolute; top: 40px; right: 20px;
        display: inline-block; float: right; font-family: 'DeliciousRoman', Arial; font-size: 26px;
        padding: 5px; text-align: center; line-height: 30px;
    }

    #navigation,
    .clientportal #content #shop_sidebar,
    #clientportal_nav {
        position: fixed; top: 0; right: 0; bottom: 0;
        background: #404040; width: 0; overflow: hidden;
        transition: all 0.5s ease-out; margin-top: 0; z-index: 1000;
        padding-top: 40px; padding-left: 0; border: 0;
    }
    #navigation.visible,
    .clientportal #content #shop_sidebar.visible,
    #clientportal_nav.visible {
        box-shadow: 0px 0 10px #333;
        width: 250px;
    }
    #navigation li:last-child a,
    .clientportal #content #shop_sidebar li:last-child a,
    #clientportal_nav li:last-child a {
        border-bottom: 0;
    }

    #intranet #navigation li {
        display: block; float: none; padding-left: 0px; padding-right: 0;
        height: auto; line-height: 35px; border-bottom: 1px solid #B7B7B7;
    }

    #clientportal_nav li a:hover,
    .clientportal #content #shop_sidebar li a:hover,
    #intranet #navigation li a:hover { background: #b4b033; color: black; }
    #intranet #navigation li a { color: #eeeccd; padding-left: 20px; display: block; font-size: 17px; }
    #intranet #navigation li ul { background: transparent; background: #eeeccd; }
    #intranet #navigation li ul li { padding: 0; }
    #intranet #navigation li ul li a { padding-left: 40px; color: #404040; }
    #intranet #navigation li ul li.activenode a { background: #b4b033; }
    #intranet #navigation li ul ul { padding-left: 0; }
    #intranet #navigation li:hover > ul { display: none; }
    #intranet #navigation li.active > ul { display: block; position: static; }
    #intranet #navigation > li > a { font-size: 20px; padding: 7px 0 7px 20px; line-height: 30px; }

    .clientportal #content #shop_sidebar a,
    #clientportal_nav a { color: #eeeccd; line-height: 30px; font-size: 20px; white-space: nowrap; }

    #content #sitetitle, #content #text { width: auto; }
    #content #sitetitle { line-height: 29px; }
}

@media screen and (max-width: 800px) {
    #logo_container a:nth-child(odd) img { height: 62px; }
    #logo_container a:nth-child(odd) { padding: 0; }

    #intranet #crm_consultant_cockpit > div { width: 100%; margin: 0 0 10px 0; box-sizing: border-box; height: auto; overflow: visible; }
    #intranet #crm_consultant_cockpit > div.clearing { display: none; }
    #intranet #content #form_clients_search label { width: 45%; }
    #intranet #form_clients_advanced_search.show div { max-height: 600px; }

    #next_commission_notification { position: static; display: block; width: auto; margin-top: 10px; }
    #next_commission_notification:after { display: none; }

    .choose_different_client { display: block; margin-top: 10px; }

    #open_shop_widget_menu.intranet { top: 15px; }
    #navigation .intranet_search { float: left; }
    #content #sitetitle { margin-bottom: 0; }

    div.dynamic {
        max-width: 100%!important; min-width: auto!important; overflow: hidden;
        left: 10px!important; right: 10px!important; height: auto!important;
    }
    #intranet div.dynamic td, #intranet div.dynamic th { width: auto; white-space: initial; padding-right: 5px; }
    #intranet div.dynamic table { width: 100%; }
    #intranet div.new_delivery_settings td:first-child { min-width: auto; }
}

@media screen and (max-width: 630px) {

    #clientportal_masterdata td.form input { width: 100%; }

    #provital_bubbles { display: none; }
    #logo_container { padding-top: 20px; }
    #logo_container a:nth-child(odd) { display: none; }
    #clientportal fieldset { width: auto; display: block; }

    #open_shop_widget_menu.intranet { }

    #intranet #shop_basket_popup .popup_closer { right: 0; }

    #content { padding-bottom: 50px; }
    #logout_button  { float: none; display: block; }

    #intranet #content .graphic, #intranet #content .graphic img { width: auto!important; max-width: 100%!important; }
    #intranet #content .zms_graphic.floatright { float: none!important; display: block; margin: 0; }

    #provital_footer { font-size: 13px; }
    #provital_footer a { font-size: 15px; }
    #provital_footer_company { display: none; }
}

@media screen and (max-width: 400px) {

    body { min-width: 320px; }


    #logo_container { display: block; }
    #open_shop_widget_menu.intranet {
        position: static; top: initial; left: initial; float: none; display: block;
        margin-top: 0; width: auto; padding: 5px 0!important;
    }

}