/* Search icon by IcoMoon, made with http://icomoon.io/app/ */
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon_ret/icomoon.eot');
    src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
	    url('../fonts/icomoon_ret/icomoon.woff') format('woff'),
	    url('../fonts/icomoon_ret/icomoon.ttf') format('truetype'),
	    url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'IcoMoon-Free';
    src: url('../fonts/icomoon_free/IcoMoon-Free.ttf?-b7qzp2') format('truetype');
    font-weight: normal;
    font-style: normal;
}



.icon {
    font-family: 'IcoMoon-Free';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    cursor:pointer;
    
    /* Enable Ligatures ================ */
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}


h1 .icon {
    position:relative;
    top:5px;
    margin-right:5px;
}


ul .nav {
    overflow: hidden;
}

.nav li { list-style: none; }

.nav > li {   
    height:55px;
    width:110px;
    text-align:center;
    padding: 0;
    float: left;
    position: relative;
}


ul.nav li {
   padding-top:0px;
}

.nav > li > a {
    color:#4a494a; 
    font-size:14px;
    font-style: normal;
    text-decoration: none;
}

.nav > li:hover > a { 
    color:#5f576e; 
}


.nav > li:hover > div { background: #f0f5ea; display: block; }


/* MEGA DROP DOWN */
.nav > li > div {
    position: absolute;
    left: 0;
    top: 70px;
    display: none;
    background: #fff;
    padding: 10px 10px;
    box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    overflow: hidden;
}


.nav > li > div p { color: #666; }
.nav > li > div.right { right: 0; left: auto }
.container-1, .container-2, .container-3, .container-4 { font-size:14px; }


/* COLUMNS */
.col1,.col2,.col3,.col4,.col5 { margin: 10px 0; float: left; padding: 0 10px;}


/* 1 Column */
.container-1 { width: 1200px; }
.container-1 .col1 { width: 100%; }

/* 2 Column */
.container-2 { width: 270px; }
.container-2 .col1 { width: 50% }
.container-2 .col2 { width: 100% }

/* 3 Column */
.container-3 { width: 400px; }
.container-3 .col1 { width: 33.33% }
.container-3 .col2 { width: 66.66% }
.container-3 .col3 { width: 100% }



/* 4 Column */
.container-4 { margin-top:-5px; width: 500px; line-height: 20px; text-align:left; }
.container-4 li { line-height: 16px; text-align:left;}
.container-4 .col1 { width: 40%; }
.container-4 .col2 { width: 50% }
.container-4 .col3 { width: 75% }
.container-4 .col4 { width: 100% }

div.container-4 ul li, div.container-4 ul li:hover {
    border-top:0px solid #ffffff;
    border:0;
}


/* 5 Column */
.container-5 { width: 600px; }
.container-5 .col1 { width: 20%; }
.container-5 .col2 { width: 40% }
.container-5 .col3 { width: 60% }
.container-5 .col4 { width: 80% }
.container-5 .col5 { width: 100% }

/* HIGHLIGHTS */

.container-3 .highlighted { 
	width: 400px; 
	margin-left: -20px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}
.container-4 .highlighted { 
	width: 500px;
	margin-left: -10px; 
	padding: 20px; 
	background: #e4fbff; 
	border-top: 1px solid #ddd; 
	border-bottom: 1px solid #ddd;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}






/**************************************************************************************/
/**************************************************************************************/
/*   Hauptmenü Buttons
/**************************************************************************************/
/**************************************************************************************/

.topmenu_button_functions_gradient {
    background: #ffffff;
    border-radius: 5px;
}


table.topmenu_button_functions td {
    border-right:1px solid #d3d3d3;
}

table.topmenu_button_functions td a {
    display:block;
    padding:10px 0px 0px 0px;
    height:55px;
    width:110px;
}

table.topmenu_button_functions .nav > li {
    height:69px;
    width:110px;
    border-right:0px;
    padding-top:0px;
}

table.topmenu_button_functions .nav > li > a {
    border-top:4px solid transparent;
} 

table.topmenu_button_functions .nav a:hover {
    border-top:4px solid #474747;
    color:#474747;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+16,f2f2f2+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f7f7f7 16%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f7f7f7 16%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f7f7f7 16%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

table.topmenu_button_functions .nav > li.nav_active > a {
    border-top:4px solid #474747;
    color:#474747;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+16,f2f2f2+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f7f7f7 16%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f7f7f7 16%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f7f7f7 16%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

table.topmenu_button_functions .nav a.border-radius-left {

    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    
}


#nav_submenu {
    display:block;
    width:400px;
    padding:0;
    height:15px;
    margin-top:10px;
}
#nav_submenu:hover {
    border-top: 0px solid #ff0000; 
}









table.menu_buttons {
    margin-top:15px;
    background-color:#ffffff;
    box-shadow: 1px 1px 4px #c5c5c5; 
    border-radius:20px;
    width:100%;
    height:69px;
}

table.menu_buttons h1 {
    padding-left:20px;
}

table.menu_buttons left_button {
    width:140px;
}

a.subnav:hover {
   color: #ffffff;
   
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+16,f2f2f2+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f7f7f7 16%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f7f7f7 16%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f7f7f7 16%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
a.subnav:hover {
   color: #474747 !important;
}





/**************************************************************************************/
/**************************************************************************************/
/*   Submnenü Button links
/**************************************************************************************/
/**************************************************************************************/

table.menu_left_button_functions {
    width:222px;
}

table.menu_left_button_functions td {
    border-right:1px solid #d3d3d3;
}

table.menu_left_button_functions td a {
    display:block;
    padding:14px 0px 0px 0px;
    height:55px;
    width:221px;
}

table.menu_left_button_functions .nav > li {
    height:69px;
    width:110px;
    border-right:0px;
    z-index:0;
}

table.menu_left_button_functions .nav li:hover {
   border-top:0px solid #ffffff;
   cursor:pointer;
}




table.menu_left_mini_button_functions {
    width:111px;
}

table.menu_left_mini_button_functions td {
    border-right:1px solid #d3d3d3;
}

table.menu_left_mini_button_functions td a {
    display:block;
    padding:14px 0px 0px 0px;
    height:55px;
    width:110px;
}

table.menu_left_mini_button_functions .nav > li {
    height:69px;
    width:110px;
    border-right:0px;
    z-index:0;
}

table.menu_left_mini_button_functions .nav li:hover {
   border-top:0px solid #ffffff;
   cursor:pointer;
}



a.subnav_left {
    width:340px;
}

a.subnav_left:hover {
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+16,f2f2f2+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f7f7f7 16%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f7f7f7 16%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f7f7f7 16%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
    height:55px;
}


a.subnav_left_mini {
    width:170px;
}

a.subnav_left_mini:hover {
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+16,f2f2f2+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f7f7f7 16%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f7f7f7 16%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f7f7f7 16%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
    height:55px;
}
a.subnav_left_mini:hover .icon:before, a.subnav_left_mini:hover {
    color:#000000 !important;
}


/**************************************************************************************/
/**************************************************************************************/
/*   Submnenü Button rechts
/**************************************************************************************/
/**************************************************************************************/

table.menu_right_button_functions, table.menu_left_button_functions {
    z-index:0;
}

table.menu_right_button_functions td {
    border-left:1px solid #d3d3d3;
}

table.menu_right_button_functions td a {
    display:block;
    padding:14px 0px 0px 0px;
    height:55px;
    width:108px;
    z-index:0;
    cursor:pointer;
}

table.menu_right_button_functions .nav > li {
    height:69px;
    width:108px;
    border-right:0px;
    z-index:0;
    padding-top:0px;
    border-top:0px solid #ffffff;
    cursor:pointer;
}

table.menu_right_button_functions .nav li:hover {
   border-top:0px solid #ffffff;
   background:0;
   cursor:pointer;
}

a.subnav_right:hover {
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
    cursor:pointer;
    
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+16,f2f2f2+100 */
    background: #f7f7f7; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f7f7f7 16%, #f2f2f2 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f7f7f7 16%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f7f7f7 16%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


/**************************************************************************************/
/**************************************************************************************/
/*   Artikel Menü Buttons
/**************************************************************************************/
/**************************************************************************************/

table.menu_artikelbutton_functions {
    z-index:0;
}

table.menu_artikelbutton_functions td {
    text-align:center;
}

table.menu_artikelbutton_functions td a {
    display:block;
    padding:3px 0px 0px 0px;
    height:62px;
    width:110px;
    line-height:20px;
}

table.menu_artikelbutton_functions .nav > li {
    height:65px;
    width:110px;
    border-right:0px;
    margin-left:5px;
    z-index:0;
}

table.menu_artikelbutton_functions ul.nav li {
   padding-top:0px;
   border:1px solid #d3d3d3;
}

table.menu_artikelbutton_functions .nav li:hover, table.menu_artikelbutton_functions nav li.nav_active {
   border-top:4px solid #ffffff;
   border:1px solid #d3d3d3;
   background:0;
   cursor:pointer;
}
table.menu_artikelbutton_functions a {
    cursor:pointer !important;
}



/**************************************************************************************/
/**************************************************************************************/
/*   Artikel Icons
/**************************************************************************************/
/**************************************************************************************/

h1.erwachsene_icon {
    background-image: url(../images/erwachsene_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    padding-top:5px;
    margin-left:25px;
    margin-top:15px;
    width:100%;
}

.kunden_icon:before {
    content: "\e972";
    font-size:28px;
}

.mitarbeiter_icon:before {
    content: "\e971";
    font-size:28px;
}

.erwachsene_icon {
    height:40px;
    width:15px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/erwachsene_icon.png);
    background-repeat: no-repeat;
}


.hund_icon {
    height:40px;
    width:50px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/hund_icon.png);
    background-repeat: no-repeat;
}

.kinder_bis3_icon {
    height:40px;
    width:29px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/kinder_bis3_icon.png);
    background-repeat: no-repeat;
}

.kinder_bis14_icon {
    height:40px;
    width:29px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/kinder_bis14_icon.png);
    background-repeat: no-repeat;
}

.zelt_icon {
    height:40px;
    width:52px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/zelt_icon.png);
    background-repeat: no-repeat;
}

.pkw_icon {
    height:40px;
    width:75px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/pkw_icon.png);
    background-repeat: no-repeat;
}

.wohnwagen_icon {
    height:40px;
    width:69px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/wohnwagen_icon.png);
    background-repeat: no-repeat;
}

.wohnmobil_icon {
    height:40px;
    width:69px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/wohnmobil_icon.png);
    background-repeat: no-repeat;
}

.strompauschale_icon {
    height:40px;
    width:40px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/strompauschale_icon.png);
    background-repeat: no-repeat;
}

.schlüssel_icon {
    height:40px;
    width:40px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/key.png);
    background-repeat: no-repeat;
}


h1.chipverbrauch_icon {
    background-image: url(../images/chipverbrauch_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:50px;
    padding-top:9px;
    margin-left:15px;
    margin-top:11px;
    width:100%;
}

.chipverbrauch_icon {
    height:40px;
    width:40px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/chipverbrauch_icon.png);
    background-repeat: no-repeat;
}




.stellplatz_tc {
    background-color:#f4e0d2;
}
.stellplatz_wmp {
    background-color:#eabfa6;
}
.stellplatz_clubwiese_1 {
    background-color:#bfd6c9;
}
.stellplatz_clubwiese_2 {
    background-color:#cfd1bd;
}



/**************************************************************************************/
/**************************************************************************************/
/*   Menü & Submenü Icons
/**************************************************************************************/
/**************************************************************************************/


.comments_icon:before {
    content: "\e96c";
    font-size:28px;
}

.home_icon:before {
    content: "\e901";
    font-size:28px;
}

.arrived_icon:before {
    content: "\ea13";
    font-size:28px;
}

.departed_icon:before {
    content: "\ea14";
    font-size:28px;
}

.data_icon:before {
    content: "\ea0c";
    font-size:25px;
}

.travel_icon:before {
    content: "\e953";
    font-size:25px;
}

.api_icon:before {
    content: "\e923";
    font-size:25px;
}

.power_icon:before {
    content: "\e9b7";
    font-size:25px;
}

.water_icon:before {
    content: "\e90b";
    font-size:25px;
}


h1.dashboard_icon {
    background-image: url(../images/dashboard_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}

table.menu_buttons h1.clock {
    padding-left:19px;
}

.dashboard_icon {
    height:25px;
    width:26px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/dashboard_icon.png);
    background-repeat: no-repeat;
}

.calendar_icon:before {
    content: "\e94b";
    font-size:28px;
}

.human_icon:before {
    content: "\e971";
    font-size:28px;
}

.human_add_icon:before {
    content: "\e973";
    font-size:28px;
}
.human_add_icon_mini:before {
    content: "\e973";
    font-size:15px;
}

.info_mini_icon {
    position: relative;
    top: 2px;
}
.info_mini_icon:before {
    content: "\ea0c";
    font-size:15px;
    color:#0669b2;
}
.info_mini_icon_red {
    position: relative;
    top: 2px;
}
.info_mini_icon_red:before {
    content: "\ea0c";
    font-size:15px;
    color:#ff0000;
}



.delete_icon:before {
    content: "\e9ac";
    font-size:15px;
    color:#d40909;
}

.barverkauf_icon:before {
    content: "\e93c";
    font-size:28px;
}

.beleg_icon:before {
    content: "\e926";
    font-size:28px;
}




.settings_icon:before {
    content: "\e995";
    font-size:28px;
}
.settings_icon_mini:before {
    content: "\e995";
    font-size:15px;
}

.kassenbuch_icon {
    height:25px;
    width:36px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/kassenbuch_icon.png);
    background-repeat: no-repeat;
}

.helpdesk_icon {
    height:25px;
    width:24px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/helpdesk_icon.png);
    background-repeat: no-repeat;
}

.zoomin_icon {
    height:25px;
    width:24px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/zoomin_icon.png);
    background-repeat: no-repeat;
}

.zoomout_icon {
    height:25px;
    width:24px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/zoomout_icon.png);
    background-repeat: no-repeat;
}

.listview_icon:before {
    content: "\ea71";
    font-size:28px;
}
.listview_icon_mini:before {
    content: "\ea71";
    font-size:15px;
}


.group_icon:before {
    content: "\e972";
    font-size:15px;
    color:#ffffff;
}

.group_icon_mini:before {
    content: "\e972";
    font-size:10px;
    color:#ffffff;
}

.group_icon_black:before {
    content: "\e972";
    font-size:15px;
    color:#000000;
}
.group_icon_black_mini:before {
    content: "\e972";
    font-size:10px;
    color:#000000;
}

.course_icon_black:before {
    content: "\e96c";
    font-size:15px;
    color:#000000;
    padding-right:3px;
}
.course_icon_black_mini:before {
    content: "\e96c";
    font-size:10px;
    color:#000000;
}

.course_icon:before {
    content: "\e96c";
    font-size:28px;
}

.booking_icon:before {
    content: "\e91f";
    font-size:28px;
}

.housing_icon:before {
    content: "\e901";
    font-size:28px;
}

.paypal_icon:before {
    content: "\ead6";
    font-size:28px;
}

.add_icon:before {
    content: "\ea0a";
    font-size:28px;
}


.graphicview_icon {
    height:25px;
    width:31px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/calendar_icon.png);
    background-repeat: no-repeat;
}

h1.graphicview_icon {
    background-image: url(../images/calendar_icon.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}


.reservation_icon:before {
    content: "\e946";
    font-size:28px;
}
.reservation_mini_icon:before {
    content: "\e946";
    font-size:15px;
}
.forward_mini_icon:before {
    content: "\e969";
    font-size:15px;
}
.forward_icon:before {
    content: "\e969";
    font-size:28px;
}


.arrow_forward_icon:before {
    color:#d8d8d8;
    content: "\ea3c";
    font-size:20px;
}

.arrow_up_icon:before {
    color:#686868;
    content: "\ea3a";
    font-size:35px;
}

.arrow_down_icon:before {
    color:#686868;
    content: "\ea3e";
    font-size:35px;
}

.circle-right_icon:before {
    color:#474747;
    content: "\ea42";
    font-size:15px;
}
.circle-down_icon:before {
    color:#474747;
    content: "\ea43";
    font-size:15px;
}

.mail_icon:before {
    content: "\e945";
    font-size:28px;
}

.euro_icon:before {
    content: "\e93c";
    font-size:28px;
}

.cloud_upload_icon:before {
    content: "\e9c3";
    font-size:28px;
}

.loading_icon:before {
    content: "\e97f";
    font-size:28px;
}

.news_icon:before {
    content: "\e969";
    font-size:28px;
}

.place_icon:before {
    content: "\e948";
    font-size:28px;
}

.categry_icon:before {
    content: "\e94c";
    font-size:28px;
}

.price_icon:before {
    content: "\e936";
    font-size:28px;
}




.save_icon {
    height:25px;
    width:24px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/save_icon.png);
    background-repeat: no-repeat;
}

.print_icon:before {
    color:#686868;
    content: "\e954";
    font-size:28px;
}
.print_icon_mini:before {
    color:#686868;
    content: "\e954";
    font-size:15px;
}

.image_icon:before {
    color:#686868;
    content: "\e90d";
    font-size:28px;
}

.billomat_icon:before {
    background: -webkit-linear-gradient(45deg, #ffffff 0%,#9bcf14 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    content: "\e9c1";
    font-size:28px;
}

.storno_icon {
    height:25px;
    width:25px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/storno_icon.png);
    background-repeat: no-repeat;
}

h1.kasse_icon {
    background-image: url(../images/kasse_icon_grey.png);
    background-repeat: no-repeat;
    line-height:23px;
    padding-left:40px;
    margin-left:20px;
    margin-top:5px;
    width:100%;
}

.kasse_icon {
    height:25px;
    width:31px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/kasse_icon.png);
    background-repeat: no-repeat;
}


.reload_icon {
    height:25px;
    width:31px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/reload_icon.png);
    background-repeat: no-repeat;
}

.lock_icon {
    height:25px;
    width:22px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/lock_icon.png);
    background-repeat: no-repeat;
}

.unlock_icon {
    height:25px;
    width:22px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/unlock_icon.png);
    background-repeat: no-repeat;
}

.open_icon {
    height:25px;
    width:39px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/open_icon_big.png);
    background-repeat: no-repeat;
}

.artikeladd_icon {
    height:25px;
    width:32px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/artikeladd_icon.png);
    background-repeat: no-repeat;
}

h2.reservierung {
    background-image: url(../images/h2_reservierung.png);
    background-repeat: no-repeat;
    margin-left:350px;
    padding-right:375px;
    padding-top:0px;
}

h2.strom {
    background-image: url(../images/h2_strom.png);
    background-repeat: no-repeat;
    margin-left:121px;
    padding-right:75px;
    padding-top:0px;
}

h2.wasser {
    background-image: url(../images/h2_wasser.png);
    background-repeat: no-repeat;
    margin-left:120px;
    padding-right:65px;
    padding-top:0px;
}

h2.chip {
    background-image: url(../images/h2_chip.png);
    background-repeat: no-repeat;
    margin-left:290px;
    padding-right:290px;
    padding-top:0px;
}


h2.belege {
    background-image: url(../images/h2_beleg.png);
    background-repeat: no-repeat;
    margin-left:380px;
    padding-right:415px;
    padding-top:0px;
}

.pdf_mini_icon:before {
    color:#686868;
    content: "\eada";
    font-size:20px;
}

.bell_icon:before {
    color:#686868;
    content: "\e951";
    font-size:28px;
}

.bell_red_icon:before {
    color:#d40909;
    content: "\e951";
    font-size:28px;
}


.feiertag_icon:before {
    color:#686868;
    content: "\e9eb";
    font-size:28px;
}

.season_icon:before {
    color:#686868;
    content: "\e90e";
    font-size:28px;
}

.import_icon:before {
    color:#686868;
    content: "\e960";
    font-size:28px;
}

.export_icon:before {
    content: "\ea7d";
    font-size:28px;
}

.excel_icon:before {
    content: "\eadd";
    font-size:28px;
}

.back_icon {
    height:25px;
    width:24px;
    margin:0 auto;
    margin-bottom:3px;
    background-image: url(../images/back_icon.png);
    background-repeat: no-repeat;
}



.request-reset {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    box-shadow: none;
    background-color:#646464;
    z-index: 99;
}

.request-reset:before {
    content: "\ea0d";
    font-size:20px;
}

.coworkericon-input {
    width: 40px;
    height:30px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    box-shadow: none;
    background-color:#5cacdf;
    z-index: 99;
}

.coworkericon-input:before {
    content: "\e986";
    font-size:20px;
}


.expand_icon:before {
    color:#363636;
    content: "\e98b";
    font-size:16px;
    padding-right:5px;
}

.search_icon:before {
    color:#505050;
    content: "\e986";
    font-size:18px;
    padding-top:6px;
    cursor:pointer;
}

.zoom_in_icon:before {
    color:#505050;
    content: "\e987";
    font-size:18px;
    padding-top:6px;
    cursor:pointer;
}

.zoom_out_icon:before {
    color:#505050;
    content: "\e988";
    font-size:18px;
    padding-top:6px;
    cursor:pointer;
}

.flag_icon:before {
    color:#505050;
    content: "\e9cc";
    font-size:11px;
    padding-top:6px;
    cursor:pointer;
}

.mail_read_icon:before {
    color:#35b3e7;
    content: "\2713";
    margin-left:-5px;
    font-size:12px;
    padding-top:6px;
    cursor:pointer;
}

.mail_unread_icon:before {
    color:#707070;
    content: "\2713";
    margin-left:-5px;
    font-size:12px;
    padding-top:6px;
    cursor:pointer;
}


/**************************************************************************************/
/**************************************************************************************/
/*   Dashboard Tabelle Icons
/**************************************************************************************/
/**************************************************************************************/


.button {
    display:block;
    width:410px;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    height:35px;
    text-decoration: none;
}

.button div {
    border-radius:6px;
    width:100%;
    height:26px;
}
.button_small {
    width:200px;
}

.bg_black div {
    background-color:#474747;
    color:white;
}
.bg_black:hover div {
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:white;
    text-decoration: none;
}

.button span {
    font-weight:bold;
    font-family: Open Sans;
}

    



.float_left {
    float:left;
    margin-left:50px;
    margin-top:15px;
}
.float_right {
    float:right;
    margin-right:50px;
    margin-top:15px;
}


.reservation_open {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.reservation_open:before {
    content: "\e946";
    font-size:20px;
}
.reservation_open:hover {
    background-color:#e4e4e4;
}



.empty_icon {
    width: 40px;
    height:21px;
    display: block;
    padding: 10px 0px 0px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.empty_icon:before {
    font-size:20px;
}
.empty_icon:hover {
    background-color:#e4e4e4;
}



.belegung_pruefen {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.belegung_pruefen:before {
    content: "\e969";
    font-size:20px;
}
.belegung_pruefen:hover {
    background-color:#e4e4e4;
}


.beleg_create {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.beleg_create:before {
    content: "\e926";
    font-size:20px;
}
.beleg_create:hover {
    background-color:#e4e4e4;
}


.send_mail {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.send_mail:before {
    content: "\e945";
    font-size:20px;
    position:relative;
    top:2px;
}
.send_mail:hover {
    background-color:#e4e4e4;
}


.combine_data {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.combine_data:before {
    content: "\e98c";
    font-size:20px;
}
.combine_data:hover {
    text-decoration: none;
    background-color:#e4e4e4;
}



.list {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.list:before {
    content: "\e9bb";
    font-size:20px;
    position:relative;
    top:2px;
}
.list:hover {
    background-color:#e4e4e4;
    text-decoration: none;
}


.payment_create {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.payment_create:before {
    content: "\e93c";
    font-size:20px;
    position:relative;
    top:2px;
}
.payment_create:hover {
    background-color:#e4e4e4;
    text-decoration: none;
}

.file_download {
    width: 40px;
    height:21px;
    display: block;
    padding: 10px 0px 0px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.file_download:before {
    content: "\e926";
    font-size:15px;
}
.file_download:hover {
    background-color:#e4e4e4;
    text-decoration: none;
}



.excel_export {
    width: 40px;
    height:21px;
    display: block;
    padding: 10px 0px 0px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.excel_export:before {
    content: "\eadd";
    font-size:14px;
}
.excel_export:hover {
    background-color:#e4e4e4;
    text-decoration: none;
}



.saveAction {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.saveAction:before {
    content: "\e962";
    font-size:20px;
}
.saveAction:hover {
    text-decoration: none;
}




.updateButton {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    margin: 24px 10px 10px 10px;
    position:relative;
    top:3px;
}
.updateButton:before {
    content: "\e962";
    font-size:20px;
    color:#ffffff;
}
.updateButton_link {
    display:block;
    width: 120px;
    height:17px;
    padding: 1px 0px 11px 0px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.updateButton_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:white;
}
.updateButton_link:hover .updateButton:before {
    color:#474747;
}




.gateButton {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    margin: 24px 10px 10px 10px;
    position:relative;
    top:3px;
}
.gateButton:before {
    content: "\ea13";
    font-size:20px;
    color:#ffffff;
}

.gatePicture {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    margin: 24px 10px 10px 10px;
    position:relative;
    top:3px;
}
.gatePicture:before {
    content: "\e90f";
    font-size:20px;
    color:#ffffff;
}


.cloudButton {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    margin: 24px 10px 10px 10px;
    position:relative;
    top:3px;
}
.cloudButton:before {
    content: "\e9c2";
    font-size:20px;
    color:#ffffff;
}
.cloudButton_link {
    display:block;
    width: 120px;
    height:17px;
    padding: 1px 0px 11px 0px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.cloudButton_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:white;
}
.cloudButton_link:hover .cloudButton:before {
    color:#474747;
}



.printButton {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    margin: 24px 10px 10px 10px;
    position:relative;
    top:3px;
}
.printButton:before {
    content: "\e954";
    font-size:20px;
    color:#ffffff;
}
.printButton_link {
    display:block;
    width: 120px;
    height:17px;
    padding: 1px 0px 11px 0px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.printButton_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:white;
}
.printButton_link:hover .printButton:before {
    color:#474747;
}


.stornoButton {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    margin: 24px 10px 10px 10px;
    position:relative;
    top:3px;
}
.stornoButton:before {
    content: "\ea0e";
    font-size:20px;
    color:#ea3012;
}
.stornoButton_link {
    display:block;
    width: 120px;
    height:17px;
    padding: 1px 0px 11px 0px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.stornoButton_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #ea3012;
    color:white;
}
.stornoButton_link:hover .stornoButton:before {
    color:#ffffff;
}


.trashButton {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    margin: 24px 10px 10px 10px;
    position:relative;
    top:3px;
}
.trashButton:before {
    content: "\e9ac";
    font-size:20px;
    color:#ea3012;
}
.trashButton_link {
    display:block;
    width: 120px;
    height:17px;
    padding: 1px 0px 11px 0px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.trashButton_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #ea3012;
    color:white;
}
.trashButton_link:hover .trashButton:before {
    color:#ffffff;
}




.changeCustomer {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    margin: 24px 10px 10px 10px;
    position:relative;
    top:3px;
}
.changeCustomer:before {
    content: "\ea2d";
    font-size:20px;
    color:#ffffff;
}
.changeCustomer_link {
    display:block;
    width: 170px;
    height:17px;
    padding: 1px 0px 11px 0px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.changeCustomer_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:white;
}
.changeCustomer_link:hover .changeCustomer:before {
    color:#474747;
}


.spinner {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    margin: 24px 10px 10px 10px;
    position:relative;
    top:3px;
}
.spinner:before {
    content: "\e984";
    font-size:20px;
    color:#ffffff;
}
.spinner_link {
    display:block;
    width: 170px;
    height:17px;
    padding: 1px 0px 11px 0px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.spinner_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:white;
}
.spinner_link:hover .spinner:before {
    color:#474747;
}


.addAction {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: left;
    cursor: pointer;
    z-index: 99;
    height:100px;
    position:relative;
    top:0px;
}
.addAction:before {
    content: "\ea0a";
    font-size:20px;
    color:#ffffff;
    padding: 5px 5px 5px 0px;
}
.addAction_link {
    display:flex;
    width: 190px;
    height:17px;
    padding: 5px 0px 8px 10px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.addAction_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:white;
}
.addAction_link:hover .addAction:before {
    color:#474747;
}


.addActionlittle {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: left;
    cursor: pointer;
    z-index: 99;
    height:100px;
    position:relative;
    top:2px;
}
.addActionlittle:before {
    content: "\ea0a";
    font-size:17px;
    color:#ffffff;
    padding: 5px 5px 5px 0px;
}
.addActionlittle_link {
    display:inline-block;
    width: 85px;
    height:17px;
    padding: 5px 0px 8px 10px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.addActionlittle_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:white;
}
.addActionlittle_link:hover .addActionlittle:before {
    color:#474747;
}



.reloadAction {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: left;
    cursor: pointer;
    z-index: 99;
    position:relative;
    top:0px;
}
.reloadAction:before {
    content: "\ea2e";
    font-size:20px;
    color:#ffffff;
    padding: 5px 5px 5px 0px;
}
.reloadAction_link {
    display:flex;
    width: 190px;
    height:17px;
    padding: 5px 0px 8px 10px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.reloadAction_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:white;
}
.reloadAction_link:hover .reloadAction:before {
    color:#474747;
}



.powerAction {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: left;
    cursor: pointer;
    z-index: 99;
    height:100px;
    position:relative;
    top:0px;
}
.powerAction:before {
    content: "\e9b6";
    font-size:20px;
    padding: 5px 5px 5px 0px;
}
.powerAction_link {
    display:flex;
    width: 190px;
    height:17px;
    padding: 5px 0px 8px 10px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.powerAction_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:black;
}
.powerAction_link:hover .powerAction_link:before {
    color:#474747;
}


.resetAction {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: left;
    cursor: pointer;
    z-index: 99;
    height:100px;
    position:relative;
    top:3px;
}
.resetAction:before {
    content: "\e9ac";
    font-size:20px;
    padding: 5px 5px 5px 0px;
}
.resetAction_link {
    display:inline-block;
    width: 190px;
    height:17px;
    padding: 2px 0px 11px 10px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#e82d0f;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.resetAction_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #e82d0f;
    color:black;
}
.resetAction_link:hover .resetAction_link:before {
    color:#474747;
}



.redoAction {
    display:inline;
    border: 0px solid #dddddd !important;
    border-radius: 0px;
    text-align: left;
    cursor: pointer;
    z-index: 99;
    height:100px;
    position:relative;
    top:3px;
}
.redoAction:before {
    content: "\e965";
    font-size:20px;
    padding: 5px 5px 5px 0px;
}
.redoAction_link {
    display:block;
    width: 120px;
    height:17px;
    padding: 1px 0px 11px 0px;
    font-family:'Open Sans';
    color:white;
    box-shadow: none;
    background-color:#474747;
    border: 0px solid #b9b9b9 !important;
    border-radius:6px;
    box-shadow: 0 1px 1px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1);
}
.redoAction_link:hover {
    text-decoration: none;
    transition: background-color 0.3s ease;
    background-color: #757575;
    color:white;
}
.redoAction_link:hover .redoAction_link:before {
    color:#474747;
}












.addCustomer {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.addCustomer:before {
    content: "\e973";
    font-size:20px;
}
.addCustomer:hover {
    background-color:#757575;
    text-decoration: none;
}





.changeDate {
    display:inline;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    position:relative;
    top:3px;
}
.changeDate:before {
    content: "\ea71";
    font-size:20px;
}
.changeDate_link {
    display:block;
    padding: 0px 5px 7px 5px;
    font-family:'Open Sans';
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
}
.changeDate_link:hover {
    text-decoration: none;
}



.changePlace {
    display:inline;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    position:relative;
    top:3px;
}
.changePlace:before {
    content: "\e905";
    font-size:20px;
}
.changePlace_link {
    display:block;
    padding: 0px 5px 7px 5px;
    font-family:'Open Sans';
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
}
.changePlace_link:hover {
    text-decoration: none;
}


.groupReservation {
    display:inline;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    z-index: 99;
    height:100px;
    position:relative;
    top:3px;
}
.groupReservation:before {
    content: "\ea0a";
    font-size:20px;
}
.groupReservation_link {
    display:block;
    padding: 0px 5px 7px 5px;
    font-family:'Open Sans';
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
}
.groupReservation_link:hover {
    text-decoration: none;
}






.addCustomerWithPlace {
    width: 82px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.addCustomerWithPlace:before {
    content: "\e973  + \e901";
    font-size:20px;
}
.addCustomerWithPlace:hover {
    text-decoration: none;
}



.viewList {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.viewList:before {
    content: "\e9b9";
    font-size:20px;
}
.viewList:hover {
    text-decoration: none;
}


.printList {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.printList:before {
    content: "\e954";
    font-size:20px;
}
.printList:hover {
    text-decoration: none;
}



.mailtoCustomer {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.mailtoCustomer:before {
    content: "\e945";
    font-size:20px;
}
.mailtoCustomer:hover {
    text-decoration: none;
}


.confirmReservation {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #000000;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.confirmReservation:before {
    content: "\ea10";
    font-size:20px;
}
.confirmReservation:hover {
    text-decoration: none;
}
    

.delete_request {
    width: 40px;
    height:21px;
    display: block;
    padding: 4px 0px 5px 0px;
    border: 0px solid #dddddd;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    color: #d40909;
    box-shadow: none;
    background-color:#ebebeb;
    z-index: 99;
}
.delete_request:before {
    content: "\e9ac";
    font-size:20px;
}
.delete_request:hover {
    background-color:#e4e4e4;
    text-decoration: none;
}