/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */



/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #A3A3A3;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}   

/*** Works on common browsers ***/
::selection { background: #EBEBFF; }
/*** Mozilla based browsers ***/
::-moz-selection { background: #EBEBFF; }
/***For Other Browsers ***/
::-o-selection { background: #EBEBFF; }
::-ms-selection { background: #EBEBFF; }
/*** For Webkit ***/
::-webkit-selection { background: #EBEBFF; }
   
/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
   

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
	
	body * { visibility: hidden; }
	#div_report_print_panel_content, #div_report_print_panel_content * { visibility: visible; }
	#div_report_print_panel_content { position: absolute; left: 0; top: 0; margin-left: 30px; margin-top: 20px; }  
	
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* added stuff by MV */

.clear_after_float { clear: both; }

a { cursor: pointer; color: blue; }
a:hover,a.hover { text-decoration: underline; }
a.login_link { font-size: 1.0em; color: #000066; float: right; margin-right: 60px; }

div.header_panel { margin: 0 auto; max-width: 1024px; margin-top: 50px;}
div.content_panel { margin: 0 auto; max-width: 1024px; border: solid #D1B2B2 1px; margin-top: 10px; background: #fffffa; }
div.content_panel_login { margin: 0 auto; max-width: 1024px; border: solid #D1B2B2 1px; margin-top: 10px; display: none; background: #fffffa; }
div.content_panel_print { margin: 0 auto; max-width: 1024px; margin-top: -35px; }
div.footer_panel { margin-top: 50px; margin-left: 50px; margin-bottom: 50px;}
div.footer { font-size: 0.7em; text-align: center; color: #B2B2B2; }
div.footer_login { font-size: 0.7em; text-align: center; color: #B2B2B2; display: none; }

div.main_panel { float: left; margin-left: 50px; margin-top: 25px; display: none; }
div.kidzselect_view { width: 920px; max-width: 920px; display: none; }
div.report_panel { width: 630px; max-width: 630px; display: none; }
div.report_list_panel { width: 920px; max-width: 920px; display: none; }
div.pl_view_panel { width: 920px; max-width: 920px; display: none; }
div.report_print_panel { width: 920px; max-width: 920px; display: none; }
div.dsgvo_view_panel { width: 920px; max-width: 920px; display: none; }

div.kidzselect_panel { margin-top: 4px; }
div.tagsselect_panel { margin-top: 10px; }
div.error_panel { border: solid #FF7E5E 1px; border-collapse: collapse; width: 624px;  margin-top: 4px; margin-bottom: 11px; display: none; }
div.error_panel_view { border: solid #FF7E5E 1px; border-collapse: collapse; margin-top: 4px; margin-bottom: 10px; display: none; }
div.error_panel_reportlist { border: solid #FF7E5E 1px; border-collapse: collapse; width: 920px;  margin-top: 4px; margin-bottom: 11px; display: none; }
div.error_panel_text { color: #800000; margin-left: 10px; font-size: 12px; padding-top: 8px; padding-bottom: 7px; text-align: left; font-family: Arial, Helvetica, sans-serif; }
div.navigation_panel_reportlist { border: solid #D1B2B2 1px; border-collapse: collapse; width: 100%; margin-top: 10px; background: #ffffff; }

select.filter_panel_listbox { border: solid #D1B2B2 1px; padding-top: 2px; padding-bottom: 2px; }
select.filter_panel_hidden { display: none; }
select.filter_panel_disabled { border: solid #CCC 1px; color: #CCC }
input.filter_panel_date { margin-left:3px; margin-top: 5px; vertical-align: bottom; border:solid #D1B2B2 1px; width:85px; padding-top: 1px; padding-bottom: 1px; text-align: center; }

div.navigation_previous { float: left; margin-left: 405px; margin-bottom: 2px; }
div.navigation_offset { float: left; margin-left: 5px; font-size: 0.9em; padding-top: 3px; }
div.navigation_next { float: left; margin-left: 5px;}
div.navigation_count { float: right; margin-right: 5px; font-size: 0.9em; padding-top: 3px; }

table.dsgvo_table { border: solid #D1B2B2 1px; border-collapse: collapse; width: 100%; text-align: left; margin-top: 10px; }
th.dsgvo_table { padding: 5px; color: #000066; background: #f7ffd9d6; }
th.dsgvo_table_first { width: 110px; }
th.dsgvo_table_first_blacklist { width: 250px; }
th.dsgvo_table_second { width: 140px; }
th.dsgvo_table_third { width: 250px; }
th.dsgvo_table_forth { width: 80px; }
th.dsgvo_table_fifth { width: 180px; }
tr.dsgvo_table:nth-child(odd) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #F5FAFF; height: 34px; }
tr.dsgvo_table:nth-child(even) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #FFFFFF; height: 34px; }
td.dsgvo_table { padding: 5px; }
td.dsgvo_table_blacklist { vertical-align: top; text-align: left; }

.dsgvo-tab-button {	
    width: 122px;
    padding: 5px 0px 5px 0px;
    display: block;
    margin: 0;
    font: 16px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    border: solid #D1B2B2 1px;
    outline: 1px none transparent;
    background-color: #F5FAFF;
    color: #4D4D4D;
}

.dsgvo-tab-button-selected {
    border: solid #000066 1px;
    color: #000066;	
}

.dsgvo-tab-button:focus { outline:0; }

.dsgvo-div-tab-item {
    float: left;
    margin-right: 5px;
}

.dsgvo-content-tab-item {	
	display: none;
	word-wrap: break-word;
}

.dsgvo-content-tab-item-selected {
	display: block;
}

table.kidzselect_table { border: solid #D1B2B2 1px; border-collapse: collapse; width: 100%; text-align: left; margin-top: 10px; }
tr.kidzselect_table:nth-child(odd) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #F5FAFF; height: 34px; }
tr.kidzselect_table:nth-child(even) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #FFFFFF; height: 34px; }
tr.kidzselect_table_inactive:nth-child(odd) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #F9FAFF; height: 34px; display: none; }
tr.kidzselect_table_inactive:nth-child(even) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #EEEEEE; height: 34px; display: none; }
tr.kidzselect_table_new_kid { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #fffbf5; height: 34px; display: none; }
tr.kidzselect_table_disabled_kids { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #f7ffd9d6; height: 34px; }
th.kidzselect_table { padding: 5px; color: #000066; background: #f7ffd9d6; }
th.kidzselect_table_checkbox { padding: 5px; text-align: center; width: 25px; background: #f7ffd9d6; }
th.kidzselect_table_link { padding: 5px; color: #000066; width: 150px; background: #f7ffd9d6; }
td.kidzselect_table { padding: 5px; }
td.kidzselect_table_inactive { padding: 5px; color: #B2B2B2; }
td.kidzselect_table_checkbox { padding: 5px; text-align: center; }
div.new_entity_icon { float: left; margin-left: 5px; display: none; cursor: pointer; color: rgba(43, 99, 158, 0.9); }
div.new_entity_icon:hover { color: #9e5f5f; }
div.new_entity_icon:active { color: #9e5f5f; }
span.new_entity {
    font-family: 'fontello'; 
    font-style: normal;     
    font-weight: normal; 
    display: inline-block; 
    text-decoration: inherit;
    width: 1em; 
    text-align: center;
    font-size: 18px;
    font-variant: normal;
    text-transform: none;						    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.3; 
}
span.new_entity_small {
    font-family: 'fontello'; 
    font-style: normal;     
    font-weight: normal; 
    display: inline-block; 
    text-decoration: inherit;
    width: 1em; 
    text-align: center;
    font-size: 14px;
    font-variant: normal;
    text-transform: none;						    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.3; 
}
span.new_entity_icon { margin-right: .2em; margin-left: .2em; }

input.new_entity { vertical-align: bottom; border: solid #D1B2B2 1px; font-size: 12px; width: 144px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; outline: none; }
input.new_entity:focus { border:solid #0089EC 1px; }
input.new_entity:active { border:solid #0089EC 1px; }
input.new_entity:disabled { border:solid #D1B2B2 1px; }
i.pointer { cursor: pointer; }
div.new_entity_save { float: left; margin-left: 11px; color: rgb(34, 177, 0); }
div.new_entity_save:hover { color: rgb(0, 220, 49); }
div.new_entity_save:active { color: rgb(0, 220, 49); }
div.new_entity_save:disabled { color: rgb(5, 32, 0); }
div.new_entity_cancel { float: left; margin-left: 11px; color: rgba(171, 0, 0, 0.88); } 
div.new_entity_cancel:hover { color: rgba(230, 0, 0, 0.88); }
div.new_entity_cancel:active { color: rgba(230, 0, 0, 0.88); }
div.new_entity_cancel:disabled { color: rgba(32, 0, 0, 0.88); }

table.staffselect_table { border: solid #D1B2B2 1px; border-collapse: collapse; width: 100%; text-align: left; margin-top: 10px; }
tr.staffselect_table:nth-child(odd) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #F5FAFF; height: 34px; }
tr.staffselect_table:nth-child(even) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #FFFFFF; height: 34px; }
tr.staffselect_table_inactive:nth-child(odd) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #F9FAFF; height: 34px; }
tr.staffselect_table_inactive:nth-child(even) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #EEEEEE; height: 34px; }
tr.staffselect_table_new_staff { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #fffbf5; height: 34px; display: none; }
th.staffselect_table_first_column { padding: 5px; text-align: center; width: 25px; background: #f7ffd9d6; }
th.staffselect_table_second_column { padding: 5px; color: #000066; width: 270px; background: #f7ffd9d6;}
th.staffselect_table_third_column { padding: 5px; color: #000066; width: 346px; background: #f7ffd9d6;}
th.staffselect_table_fourth_column { padding: 5px; color: #000066; width: 260px; background: #f7ffd9d6;}
td.staffselect_table { padding: 5px; vertical-align: top; }
td.staffselect_table_inactive { padding: 5px; color: #B2B2B2; vertical-align: top; }
td.staffselect_table_first_column { padding: 5px; text-align: center; }
div.staffselect_table_sperre_staff { margin-top: 7px; margin-bottom: 7px; float: left; }
div.staffselect_table_sperre { margin-top: 7px; margin-left: 7px; margin-right: 30px; margin-bottom: 7px; float: right; }
div.staffselect_table_first_row { width: 180px; }
div.staffselect_table_second_row_freigabe { margin-top: 7px; margin-bottom: 7px; float:left; width: 180px; }
div.staffselect_table_second_row_freigabe_inactive { margin-top: 7px; margin-bottom: 7px; float:left; width: 180px; color: #B2B2B2; }
div.staffselect_table_second_row_freigabe_input { margin-top: 7px; margin-bottom: 7px; margin-left: 7px; float:left; }
div.staffselect_save_button { float: right; vertical-align: bottom; margin-top: 7px; margin-right: 7px; }
div.staffselect_save_button_spacer { min-height: 20px; }

a.kidzselect_table_report_link { color: #000066; font-weight: bold; }
a.kidzselect_table_report_link:hover { color: #000066; font-weight: bold; text-decoration: underline; }
a.kidzselect_table_report_link:focus { color: #000066; font-weight: bold; text-decoration: underline; }
a.kidzselect_table_report_link:active { color: #000066; font-weight: bold; text-decoration: underline; }
a.kidzselect_table_report_link_disabled { cursor: default; color: #B2B2B2; font-weight: normal; text-decoration: none; }
a.kidzselect_table_report_link_disabled:hover { cursor: default; color: #B2B2B2; font-weight: normal; text-decoration: none; }
a.kidzselect_table_report_link_disabled:focus { cursor: default; color: #B2B2B2; font-weight: normal; text-decoration: none; }
a.kidzselect_table_report_link_disabled:active { cursor: default; color: #B2B2B2; font-weight: normal; text-decoration: none; }
a.kidzselect_table_kidz_links { color: #000066; font-weight: normal; }
a.kidzselect_table_kidz_link { color: #000066; }
a.kidzselect_table_kidz_link:hover { color: #000066; text-decoration: underline; }
a.kidzselect_table_kidz_link:focus { color: #000066; text-decoration: underline; }
a.kidzselect_table_kidz_link:active { color: #000066; text-decoration: underline; }

table.report_table { border: solid #D1B2B2 1px; border-collapse: collapse; width: 100%; text-align: left; margin-top: 10px; }

tr.report_table { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; height: 34px; }
tr.report_table_background { background-color: #F5FAFF; }
tr.report_table_background_white { background-color: #FFFFFF; }

/* tr.report_table:nth-child(odd) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; background-color: #F5FAFF; height: 34px; }
tr.report_table:nth-child(even) { padding: 5px; border: solid #D1B2B2 1px; border-collapse: collapse; height: 34px; }
*/

tr.report_table_hidden { padding: 5px; display: none; background-color: #F5FAFF; }
td.report_table_hidden_td_report { border: solid #D1B2B2 1px; background-color: #fffefb; } /* padding-left: 35px; padding-right: 135px; padding-top: 15px; padding-bottom: 35px; */

th.report_table { padding: 5px; color: #000066; background: #f7ffd9d6; }
th.report_table_th_reporter { padding: 5px; padding-left: 20px; color: #000066; background: #f7ffd9d6; }
td.report_table_td_date { padding: 5px; width: 90px; vertical-align: top; }
td.report_table_td_kid { padding: 5px; width: 546px; vertical-align: top; }
td.report_table_td_reporter { padding: 5px; padding-left: 20px; width: 190px; vertical-align: top; }
td.report_table_rd_link { padding: 5px; width: 95px; vertical-align: top; }

div.report_table_title {  border-bottom: solid #D1B2B2 1px; padding-left: 20px; padding-bottom: 7px; padding-top: 15px; }
div.report_table_text_view { float: left; width: 570px; border-right: solid #D1B2B2 1px; padding-top: 15px; padding-left: 20px; padding-right: 10px; }
div.report_table_tag_view { float: left; border-left: solid #D1B2B2 1px; margin-left: -1px; padding-bottom: 15px; }
.report_table_title_text { font-weight: bold; color: #000066; padding-right: 5px; }

/* div.report_table_tag_item { border: solid cadetblue 1px; border-radius: 40px; font-size: 12px; } */

div.report_table_tag_item {     
	background-color: rgba(51, 122, 183, 0.13); 
    margin-top: 10px;
    text-align: center;
    border-radius: 15px;
    -moz-border-radius: 15px;
    font-size: 12px;
    margin-left: 20px; 
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 7px;
    padding-right: 7px;
    border: solid rgba(0, 0, 102, 0.12) 1px;
    color: rgba(0, 0, 102, 0.78);
	width: 120px;
}

div.org_panel { float: right; margin-right: 50px; margin-top: 24px; }
div.img_panel { float: right; margin-right: 35px; margin-top: 55px; }
div.img_panel_logout { float: right; margin-right: 58px; margin-top: 55px; }
div.img_panel_infotext_loginerror { display: none; position: relative; top: -105px; left: 415px; color: #800000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }
div.img_panel_infotext_servererror { display: none; position: relative; top: -105px; left: 455px; color: #800000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }
div.img_panel_infotext_timeout { display: none; position: relative; top: -105px; left: 425px; color: #800000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; font-weight: bold; }

div.print_panel { margin-bottom: 55px; }
div.print_panel_text_item { margin-top: 10px; margin-left:110px; margin-right: 110px; }
div.print_panel_normal_item { float: left; max-width: 770px; }
div.print_panel_bold_item { float: left; font-weight: bold; width: 100px; text-align: right; margin-right: 	10px; }
hr.print_text_header { margin-top: 5px; margin-bottom: 14px; border: 0; border-top: 1px solid #C7C7C7; }
hr.print_text { display: block; height: 1px; border: 0; border-top: 1px solid #C7C7C7; margin: 1em 0; padding: 0; margin-right: 80px; }

div.staff_panel { height: 25px; display: none; }
div.staff_panel_name { float: right; margin-top: 7px; margin-right: 12px; font-size: 0.9em; }
div.report_panel_staffname { float: left; margin-left: 12px; margin-top: 7px; margin-right: 12px; font-size: 0.9em; }

div.control { display: none; }
div.tag_checkbox { margin-bottom:6px; float: left; }
div.tag_checkbox_item { margin-bottom:6px; margin-left:6px; float: left; }

div.menu { float: left; }
div.menu_item { margin-right: 5px; display: none; }

div.registration_login { margin-top: 31px; }
div.registration_logout { float: right; }

div.login { margin: 0px auto; width: 230px; }
div.logout { margin: 0px auto; display: none; }

div.save_report { margin-top: 20px; width: 230px; }

input.date_input { margin-left: 12px; margin-top: 5px; vertical-align: bottom; border: solid #D1B2B2 1px; font-size: 12px; width: 220px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; }
input.title_input { margin-left: 12px; margin-top: 5px; vertical-align: bottom; border: solid #D1B2B2 1px; font-size: 12px; width: 580px; padding-left: 5px; padding-top: 2px; padding-bottom: 2px; outline: none; }

input.title_input:focus { border:solid #0089EC 1px; }
input.title_input:active { border:solid #0089EC 1px; }
input.title_input:disabled { border:solid #D1B2B2 1px; }

input.login_input {
	width: 222px;
	padding: 5px 10px 5px 10px;
	display: block;
	margin: 0;
    margin-top: 5px;	
	font: 16px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
	border:solid #D1B2B2 1px;
    outline:1px none transparent;
	color: #3A0000;
}

input.login_input:hover { border:solid #000066 1px; }
input.login_input:focus { border:solid #834747 1px; }
input.login_input:disabled { border:solid #B2B2B2 1px; color: #B2B2B2; background-color: #EBEBFF; }

input.action_button_small {
	width: 75px;
	height: 22px;
	line-height: 5px;	
	text-align: center;
	vertical-align: middle;
	padding: 5px 0px 5px 0px;
	display: block;	
	font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;
	border:solid #D1B2B2 1px;
	border-radius: 3px;
    outline: 1px none transparent;
	background-color: #EBEBFF;
	color: #4D4D4D;
	display: none;
}


input.action_button_dsgvo {
	width: 40px;
	height: 22px;
	line-height: 5px;	
	text-align: center;	
	padding: 5px 0px 5px 0px;	
	font-family: Arial, Helvetica, sans-serif; font-size: 1.0em;
	border:solid #D1B2B2 1px;
	border-radius: 3px;
    outline: 1px none transparent;
	background-color: #EBEBFF;
    color: #4D4D4D;
    margin-top: 1px;
}

input.action_button_new_staff {
    width: 138px !important;
    height: 23px !important;
}

input.action_button {
	width: 222px;	
	padding: 5px 0px 5px 0px;
	display: block;
	margin: 0;
    margin-top: 5px;	
	font: 16px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
	border:solid #D1B2B2 1px;
    outline:1px none transparent;
	background-color: #EBEBFF;
	color: #4D4D4D;	
}

input.login_button {
	width: 222px;	
	padding: 5px 0px 5px 0px;
	display: block;
	margin: 0;
    margin-top: 5px;	
	font: 16px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
	border:solid #D1B2B2 1px;
    outline:1px none transparent;
	background-color: #EBEBFF;
	color: #4D4D4D;	
}

input.logout_button {
	width: 122px;
	padding: 5px 0px 5px 0px;
	display: block;
	margin: 0;    
	font: 16px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
	border:solid #D1B2B2 1px;
    outline:1px none transparent;
	background-color: #EBEBFF;
	color: #4D4D4D;	
}

input.menu_button {
	width: 122px;
	padding: 5px 0px 5px 0px;
	display: block;
	margin: 0;    
	font: 16px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
	border:solid #D1B2B2 1px;
    outline:1px none transparent;
	background-color: #F5FAFF;
	color: #4D4D4D;	
}

input.menu_button_selected { border:solid #000066 1px; color: #000066; }

input.loginout_button-email_wrong { background-color: #000066; }

input.action_button_small:hover { border:solid #000066 1px; color: #000066; }
input.action_button_small:focus { border:solid #000066 1px; color: #000066; }
input.action_button_small:active { border:solid #B2B2B2 1px; color: #B2B2B2; }
input.action_button_small:disabled { border:solid #B2B2B2 1px; color: #B2B2B2; }

input.action_button_dsgvo:hover { border:solid #000066 1px; color: #000066; }
input.action_button_dsgvo:focus { border:solid #000066 1px; color: #000066; }
input.action_button_dsgvo:active { border:solid #B2B2B2 1px; color: #B2B2B2; }
input.action_button_dsgvo:disabled { border: solid #CCC 1px; color: #CCC; background-color: #FFFFFF; }

input.action_button:hover { border:solid #000066 1px; color: #000066; }
input.action_button:focus { border:solid #000066 1px; color: #000066; }
input.action_button:active { border:solid #B2B2B2 1px; color: #B2B2B2; }
input.action_button:disabled { border:solid #B2B2B2 1px; color: #B2B2B2; }

input.login_button:hover { border:solid #000066 1px; color: #000066; }
input.login_button:focus { border:solid #000066 1px; color: #000066; }
input.login_button:active { border:solid #B2B2B2 1px; color: #B2B2B2; }
input.login_button:disabled { border:solid #B2B2B2 1px; color: #B2B2B2; }

input.logout_button:hover { border:solid #000066 1px; color: #000066; }
input.logout_button:focus { border:solid #000066 1px; color: #000066; }
input.logout_button:active { border:solid #B2B2B2 1px; color: #B2B2B2; }
input.logout_button:disabled { border:solid #B2B2B2 1px; color: #B2B2B2; }

input.menu_button:hover { border:solid #000066 1px; color: #000066; }
input.menu_button:disabled { border:solid #B2B2B2 1px; color: #B2B2B2; }

/* check, if all below classes are needed */

.overlay-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    cursor: pointer;
    z-index: 1000; /* high z-index */
    background: #000; /* fallback */
    background: rgba(0,0,0,0.75);
}
.overlay-content {
    display: none;
    background: #fff;
    padding: 1%;
    width: 40%;
    position: absolute;
    top: 15%;
	left: 50%;
    margin: 0 0 0 -20%; /* add negative left margin for half the width to center the div */
    cursor: default;
    z-index: 10001;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(0,0,0,0.9);
}
 
.close-btn {
    cursor: pointer;
    border: 1px solid #333;
    padding: 2% 5%;
    background: #a9e7f9; /* fallback */
    background: -moz-linear-gradient(top,  #a9e7f9 0%, #77d3ef 4%, #05abe0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e7f9), color-stop(4%,#77d3ef), color-stop(100%,#05abe0));
    background: -webkit-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
    background: -o-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
    background: -ms-linear-gradient(top,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
    background: linear-gradient(to bottom,  #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
    border-radius: 4px;
    box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

.close-btn:hover { background: #05abe0; }