body { margin: 0; font-family: 'Nunito', Calibri, Arial, sans-serif; font-size: 15px; line-height: 26px; color: #555555; background-color: #f8f8f8;         padding-top: 44px;  padding-bottom: 40px;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin: 10px 0;font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility; }
hr {height: 0px}
ul, ol { margin: 0 0 10px 25px; padding: 0; }
li { line-height: 20px; }
a { cursor: pointer; color: #000000;}
a:hover { text-decoration: none; color: #000000;}
textarea { line-height: 16px; }

/* Layout */
.container {padding-left: 20px;}

/*#hidden_container { background-color: #FFF; margin-left: 20px; padding: 0px; padding: 20px; border: 1px solid #018695; display: none; overflow:auto; max-height: 300px;}*/
#hidden_container { 
    /*background-color: #FFF; */
    margin-left: 20px; 
    padding: 0px; 
    padding: 0px; 
    /*border: 1px solid #018695; */
    display: none; 
    overflow:auto; 
    max-height: 300px;
}

.wrapper {margin-left: 300px; margin-right: 20px;}
.wrapper_full {margin-left: 0px; margin-right: 20px;}


/* Start/Login */
.container .jumbotron { border: 1px solid #c4c4c4; background-color: #ebf7f7; width: 350px; margin: auto; font-size: 14px; padding: 20px; }
.jumbotron h1 { font-size: 20px; margin-bottom: 20px; }
.start_text { padding-bottom: 10px; font-size: 11px; line-height:14px}
.login_label { display:inline-block; width: 100px }

 
/* Formularfelder */
.form-control { display: inline-block; padding: 0px; line-height: 20px;   font-size: 15px; font-weight: normal; line-height: 20px; height: 38px; margin-bottom: 10px; }



/* Button / Input */
/*
.btn { display: inline-block; *display: inline; padding: 4px 12px;  margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333333; background-color: #e6e6e6;  *background-color: #d9d9d9; }
.btn:hover, .btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
*/

/* SPAN Layout */
.span6 { width: 460px; }
.span5 { width: 465px; }
.span4 { width: 324px; }
.span3 { width: 310px; }
.span2 { width: 170px; }
.span1 { width: 80px; }
.input-small { width: 90px; }

[class*="span"] { float: left; margin-left: 10px; margin-right: 10px; min-height: 1px; }
input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0; }
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { padding: 4px 6px; vertical-align: middle; }
.table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; }
table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; }


/* Navigation oben */
.navbar {min-height: 40px; background-color: #333333;} /*#244766; #272727*/
.navbar .nav { display: block; float: left; left: 0; margin: 0 5px 0 0; position: relative; }
.navbar .logo { float: left;  padding: 5px 40px 5px 40px; margin-left: -55px; }
.navbar .logo2 { float: right; padding: 3px 20px 3px 20px; }

.navbar .nav > li { float: left; }
.navbar .nav > li > a {float: none; line-height: 44px; padding: 0 8px; text-decoration: none; color: #FFFFFF}
.navbar .nav > li > a:hover { background: none; color: #fff;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: none; border: none; color: #fff; }

.nav > li > a { display: block; }
/*.navbar-inverse .nav > li > a { color: #FFFFFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }*/
.navbar-inverse .nav > li > a { color: #FFFFFF; }
.navbar-inverse .nav > li > a:focus, .navbar-inverse .nav > li > a:hover, .navbar-inverse .nav > li > a.active { color: #FFFFFF; }

@media (max-width: 1025px) {
	.navbar .logo {display: none}
	.navbar .logo2 {display: none}
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { text-decoration: none; background-color: #ebf6f7; }

#datensatz_navi { float: left; line-height: 45px; height: 44px; margin-left: 10px; width: 240px; color: #FFF }
#datensatz_navi #datensatz_vor { vertical-align: -4px; margin-left: 10px;}
#datensatz_navi #datensatz_zurueck { vertical-align: -4px; margin-right: 10px;}


/* Men� links */
/*.submenu { background-color: #EBF7F7; border-right: 1px solid #008594; height: 100%; left: 0; position: fixed; top: 45px; width: 302px; z-index: 1030;}*/
.submenu { background-color: #f8f8f8; height: 100%; left: 0; position: fixed; top: 45px; width: 302px; z-index: 1030;
box-shadow: 8px 0 8px -8px #DCDCDC !important; 
    -webkit-box-shadow: 8px 0 8px -8px #DCDCDC !important; 
    -moz-box-shadow: 8px 0 8px -8px #DCDCDC !important;
}
.submenu_hidden {position: fixed; z-index: 1030; left: -300px; top: 46px; background-color: #f8f8f8; width: 300px; height: 100% ;}
.content { float: left;}
/*
.submenu_noscroll{
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: yellow;
}
*/
.glyphicon { color: #FFF; }


/* MENUE links */
.nav { list-style: none outside none; margin-bottom: 20px; margin-left: 0; padding-left: 0px; }

.nav_wrapper {height: 100%; overflow-y: auto; -ms-overflow-style: none;}
.nav_wrapper::-webkit-scrollbar { display: none; }


.nav-list .glyphicon-chevron-right { float: right; color: #FFF; font-size: 20px; line-height: 43px;}
.nav-list > .second .glyphicon-chevron-right { float: right; color: #FFF; font-size: 12px; line-height: 40px;}
.nav-list > .active > a .glyphicon-chevron-right:before {content: "\e114";}
/*.nav-list > li > a { background-color: #eaeaea; border-bottom: 1px solid #C3C3C3; color: #5C5C5E; font-size: 16px; height: 56px; line-height: 56px; padding: 0px;  padding-left: 15px; padding-right: 8px; padding-bottom: 36px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }*/
.nav-list > li > a { background-color: #eaeaea; border-bottom: 1px solid #FFF; color: #5C5C5E; font-size: 18px; height: 46px; line-height: 46px; padding: 0px;  padding-left: 15px; padding-right: 8px; padding-bottom: 36px; }
.nav-list > .second > a { background-color: #F5F5F5; font-size: 16px; height: 40px; line-height: 40px; padding-left: 50px; padding-bottom: 30px; }
.nav-list > .third > a {background-color: #f5f5f5; line-height: 30px; height: 40px; padding-left: 80px; font-size: 13px; padding-bottom: 30px;}
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus, .nav-list > li > a:hover, .nav-list > li > a:focus { background-color: #7f7f7f; color: #FFFFFF; font-weight: bold}

.nav-list > .active.second > a{ background-color: #bfbfbf; font-weight: bold; font-style: italic; font-size: 14px; height: 40px; line-height: 40px; padding-left: 50px; padding-bottom: 30px; }
.nav-list > .active.third > a{ background-color: #329BA6; font-size: 14px; height: 40px; line-height: 40px; padding-left: 50px; padding-bottom: 30px; }

#submenu_slider { cursor: pointer; position: absolute; right: -17px; top: 50%; }
.container {width: 100%; margin: 0px; padding: 0px; padding-left: 20px;}




.accordion { margin-bottom: 20px;  margin-top: 20px; float: left; width: 100%;}
.accordion-group { border-bottom: 1px solid #c4c4c4; margin-bottom: -1px }
.accordion-group .in .icon-plus-sign {background-position: -24px -96px;}
.accordion-heading { background-color: #ebf6f7; border-bottom: 0; }
.accordion-heading .accordion-toggle { display: block; line-height: 36px; height: 36px;  color: #444444; padding-left: 10px; text-decoration: none; }
.accordion-heading .accordion-toggle:hover { text-decoration: none; font-weight: bold; }
.accordion-heading .accordion-toggle .icon-plus-sign{ opacity: 0.4; filter: alpha(opacity=40);}
.accordion-heading .accordion-toggle .icon-minus-sign{ opacity: 0.4; filter: alpha(opacity=40);}
.accordion-toggle {border-bottom: 1px solid #c4c4c4; cursor: pointer; }
.accordion-inner { padding: 10px; border-top: 1px solid #c4c4c4; background-color: #FFF }


/* Alert 
.alert { text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; moz-border-radius: 4px; border-radius: 4px; padding: 4px; margin-bottom: 15px; color: #c09853; line-height: 18px;}
.alert .close { position: absolute; top: 2px; right: 2px; }
.alert-success { color: #468847; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-error { color: #b94a48; background-color: #f2dede; border-color: #eed3d7; }
.alert-info { background-color: #EBF6F7; border-color: #018695; color: #3A87AD; }
*/ 


.icon-black {color: #000000;}
.icon-grey {color: #a1a7a8;}
.icon-lightgrey1 {color: #e0e0e0;}
.lat_info, .long_info, .alt_info { float:right;line-height: 30px; text-align:right; font-weight: normal; }
.zahlungsmittel { line-height: 50px; }
.warensorte, .aktion, .service { line-height: 30px; }
.warensorte .warensorte_check,.aktion .aktion_check, .service .service_check{ vertical-align: -1px }
.stationdetail { font-weight: bold; line-height: 30px;}
.stationdetail input, .stationdetail select{ float: right; font-weight: normal; }
.stationdetail {font-weight: bold; }
.stationdetail select {weight: 170px; }


/* Multiselect */
.multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0; }
.multiselect-container .input-group { margin: 5px; }
.multiselect-container > li { padding: 0; }
.multiselect-container > li > a.multiselect-all label { font-weight: bold; }
.multiselect-container > li > label.multiselect-group { margin: 0; padding: 3px 20px 3px 20px; height: 100%; }
.multiselect-container > li > a > label { margin: 0; cursor: pointer; font-weight: normal; }
.multiselect-container > li > a > label.radio, .multiselect-container > li > a > label.checkbox { margin: 0; }
.multiselect-container > li > a > label > input[type="checkbox"] { margin-bottom: 5px; }


/* Tabellen */
.ergebnis_item { margin-top: 20px; float: left; width: 100%;}
.ergebnis_item th {background-color:#018695; color: #FFF; line-height: 16px; padding-left: 20px; text-align:left;padding-top: 5px; padding-bottom: 5px;}
.ergebnis_item td {background-color:#ebf7f7; color: #444444; line-height: 40px; padding-left: 20px; padding-top: 5px; padding-bottom: 5px;}
/*.ergebnis_item tr{ border: 1px solid #c4c4c4; }*/
.ergebnis_item .tr_second td {background-color:#FFF;}
.ergebnis_item .tr_marker td {background-color:#FF9664;}
.ergebnis_liste tr:hover td {background-color:#f5f5f5;}
.ergebnis_liste td{  cursor: pointer;}

.link_ergebnisliste img {vertical-align: -4px;}
.link_ergebnisitem { cursor:pointer; padding: 0px; padding-left: 10px; }
.link_ergebnisitem span {margin-top: -5px}

.leer_th {width: 30px}

/* Pagination */
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: green; background-color: #bbbbbb; }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #bbbbbb; border-color: #bfbfbf; }

#tm_info {  padding: 5px; margin-bottom: 20px; border: 1px solid #000; width: 560px; }
#tm_info td { padding-right: 10px;}

#am_info { padding: 5px;  border: 1px solid #000; width: 560px;}
#am_info td { padding-right: 10px;}



/* Druckversion */
@media print {
.visible-print { display: inherit !important; }
.hidden-print { display: none !important; }
.submenu {display: none !important; }
.navbar {display: none !important; }
.pagination {display: none !important; }
.wrapper {margin-left: 0px !important; }
.link_ergebnisliste {display: none !important; }
}

.fieldlabel{
    font-weight: bold;    
    font-size: 17px;
    margin-bottom: 4px;
    margin-top: 4px;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 999px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
    height: 35px;
}

.panel-gemris{
    border-radius: 2px;
    border-color: #efefef;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 8px #DCDCDC !important; 
    -webkit-box-shadow: 0px 0px 8px #DCDCDC !important; 
    -moz-box-shadow: 0px 0px 8px #DCDCDC !important;
}

.badge-gemris {
  /*color: #777777;
  //background-color: #fff;*/
  text-shadow: 0 0 0;
}

.flyover {
   left: 150%;
   overflow: hidden;
   position: fixed;
   width: 50%;
   opacity: 0.9;
   z-index: 1050;
   transition: left 0.6s ease-out 0s;
}
 
.flyover-centered {
   top: 30%;
   transform: translate(-50%, -50%);
}

.flyover.in {
   left: 50%;
}

.flyover-bottom {
   bottom: 10px;
}

.flyover-top {
   top: 55px;
}

.jumbotron-gemris {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #cfcfcf;
}
.jumbotron-gemris h1,
.jumbotron-gemris .h1 {
  color: inherit;
}
.jumbotron-gemris p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
/*
input { 
    background:#F5FFF6 !important;
    color:#000000 !important;
    border:1px solid #DCDCDC !important;
    border-radius:2px  !important;
    font-size:16px  !important;
    height: 38px  !important;
    /*line-height:21px  !important;
    width: 250px  !important;
    padding: 10px  !important;*/
    /*box-shadow: 0px 0px 8px #DCDCDC !important; 
    -webkit-box-shadow: 0px 0px 8px #DCDCDC !important; 
    -moz-box-shadow: 0px 0px 8px #DCDCDC !important; 
}
 */   
    
    
input{
     box-shadow: 0px 0px 8px #cccccc !important; 
    -webkit-box-shadow: 0px 0px 8px #cccccc !important; 
    -moz-box-shadow: 0px 0px 8px #cccccc !important; 
    font-size:16px  !important;
}

textarea{
     box-shadow: 0px 0px 8px #cccccc !important; 
    -webkit-box-shadow: 0px 0px 8px #cccccc !important; 
    -moz-box-shadow: 0px 0px 8px #cccccc !important; 
    font-size:16px  !important;
}

/* Bootstrap CSS überschreiben!*/
.form-control[readonly]{
    background-color: #f8f8f8;
    color: #000000;
}

/*
input{
  background: linear-gradient(to bottom, #f7f7f8 0%,#ffffff 100%) !important;
  border-radius: 3px !important;
  border: none !important;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset, 0 -1px 0 rgba(0,0,0,0.05) inset !important;
  transition: all 0.2s linear !important;
  
  color: #222222 !important;
  position: relative !important;
  height: 36px !important;
  width: 300px !important;
  box-shadow: 0px 0px 8px #DCDCDC !important; 
    -webkit-box-shadow: 0px 0px 8px #DCDCDC !important; 
    -moz-box-shadow: 0px 0px 8px #DCDCDC !important; 
}
input:focus{
    box-shadow: 0 1px 0 #2392F3 inset, 0 -1px 0 #2392F3 inset, -1px 0 0 #2392F3, -1px 0 0 #2392F3 inset, 0 0 4px rgba(35,146,243,0.5) !important;
    outline: none !important;
    background: #FFF !important;
  }
*/

.panel-heading {
    background-color: #f3f3f3 !important;

}

.panel-title {    
    font-size: 22px;
    line-height: 1.3;
}


.table-striped {
    background-color: #f3f3f3 !important;
}

/* CSS aus bootstrap-select überschreiben! */
.bootstrap-select {  
  
  height: 34px !important;  
  box-shadow: 0px 0px 8px #cccccc !important; 
    -webkit-box-shadow: 0px 0px 8px #cccccc !important; 
    -moz-box-shadow: 0px 0px 8px #cccccc !important; 
}

/* CSS aus bootstrap überschreiben! */
.gemris-input-btn{
    height: 38px !important;  
  box-shadow: 0px 0px 8px #DCDCDC !important; 
    -webkit-box-shadow: 0px 0px 8px #DCDCDC !important; 
    -moz-box-shadow: 0px 0px 8px #DCDCDC !important; 
    background-color: #efefef;
}

.bootstrap-datetimepicker-widget .glyphicon { color: #000; }

.nav-pills>li.active>a {
  background-color: #3379b7 !important;
  margin: 4px;
}
.nav-pills>li>a {
  background-color: #f9f9f9 !important;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.blink {
  animation: blinker 1s infinite;
}

@keyframes blinker {
  from { opacity: 1.0; }
  20% { opacity: 0.2; }
  to { opacity: 1.0; }
}