/*
 * gsFrontend
 * Copyright (C) 2011 Gedankengut GbR Häuser & Sirin <support@gsales.de>
 * 
 * This file is part of gsFrontend.
 * 
 * gsFrontend is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * gsFrontend is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with gsFrontend. If not, see <http://www.gnu.org/licenses/>.
 */
.clearfix:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 			{ display: inline-block; }
* html .clearfix	{ height: 1%; }
.clearfix			{ display: block; }
.clear				{ clear: both; }
.floatR				{ float: right; }
:focus				{ outline: 0; }
.right				{ text-align: right; }
.center				{ text-align: center; }
.nowrap				{ white-space: nowrap; }

body				{ font-family: Arial, Helvetica; font-size: 14px; color: #333; }

input.text, textarea	{width: 100%; font-size: 15px; color: #333; font-family: Arial, Helvetica; border: 1px solid #999; padding: 10px; margin-bottom: 23px; }
textarea				{ height: 200px; }

#loading			{ display: none; color: #fff; background-color: #cd0a0a; font-size: 0.833em; font-weight: bold; padding: 2px 0; text-align: center; width: 90px; position: absolute; left: 50%; margin-left: -45px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

.pageWrap			{ width: 800px; margin: 10px auto; background: #fff; padding: 20px; -moz-box-shadow: 5px 5px 10px #666;; -webkit-box-shadow: 5px 5px 10px #666; -moz-border-radius: 10px; border-radius: 10px; }
.pageHeader			{ background: #00617f; color: #fff; font-size: 20px; padding: 10px 20px; }
.pageContent		{ margin-top: 20px; }
.pageFooter			{ color: #666; font-size: 11px; padding-top: 40px; }

.navigation				{ font-size: 14px; background: #dddddd; }
.navigation ul			{ list-style: none; padding: 0; margin: 0; }
.navigation li			{ float: left; }
.navigation a			{ color: #252525; text-decoration: none; display: block; padding: 8px; margin: 5px 5px 0 5px; }
.navigation a.active	{ background-color: #fff; color: #333; font-weight: bold; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
.navigation a.highlight	{ color: #252525; }

img 	{ border: 0; }
p		{ padding: 0; margin: 1.0em 0; }
h1		{ font-family: Arial, Helvetica; font-size: 20px; color: #333; font-weight: normal; }

a		{ color: #4db3d5; text-decoration: none; }
a:hover	{ text-decoration: underline; }

a.button		{ color: #2ea3f2;  font-size: 13px; font-weight: bold; padding: 2px 6px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 10px; }
a.button:hover	{ text-decoration: none; }

label, .label	{ color: #666; font-size: 14px; padding-right: 50px; }
.errormessage	{ font-size: 11px; font-weight: bold; color: #800000; margin-left: 5px; }
.errorlabel		{ font-weight: bold; color: #800000; }

.message	{font-weight: normal;
    font-size: 14px;
    padding: 15px;
    margin-bottom: 5px; }
.success	{ background-color: #ffffff; border-bottom: 1px solid #138800; color: #138800; }
.error		{ background-color: #ffffff; border-bottom: 1px solid #CD0A0A; color: #CD0A0A; }
.highlight	{ color: #CD0A0A; font-weight: bold; padding: 0 2px; }

table								{ border: 0; border-collapse: collapse; min-width: 100%; }
table.half							{ width: 50%; min-width: 50%; }
table.full							{ width: 100%; }
th									{ padding: 10px; color: #666; font-size: 11px; font-weight: normal; text-align: left; }
td									{ padding: 10px; background-color: #fff; vertical-align: top; }
tr.altRow td, tr.even td, li.altRow	{ background-color: #EFF5F7; }
table.sortable .header 				{ background-repeat: no-repeat; background-position: center right; cursor: pointer; padding-right: 20px; white-space: nowrap; }
table.sortable .headerSortUp		{ background-image: url(../img/icAsc.gif); }
table.sortable .headerSortDown		{ background-image: url(../img/icDesc.gif); }
table.sortable .headerSortDown, table.sortable .headerSortUp { font-weight: bold; }

.pagination			{ width: 100%; border-collapse: collapse; }
.pagination td		{ padding: 20px 0; color: #666; font-size: 11px; width: 50%; }
.pagination .prev	{ margin: 0 10px; }
.pagination .next	{ margin: 0 10px; }
.pagination input	{ font-size: 10px; width: 50px; text-align: center; border: none; color: #666; }

.status0	{ color: #d40000; font-size: 11px; font-weight: bold; }
.status1	{ color: #009400; font-size: 11px; font-weight: bold; }
.status2	{ color: #797979; font-size: 11px; font-weight: bold; }

.documentPositions		{ position: absolute; width: 600px; margin: 5px 0 0 -200px; z-index: 10; display: none; text-align: left; background: #fff; border: 2px solid gray; padding: 20px; -moz-box-shadow: 5px 5px 10px #666;; -webkit-box-shadow: 5px 5px 10px #666; }
.documentPositions ul	{ padding: 0; list-style: none; }
.documentPositions ul li	{ padding: 8px; display: block; font-size: 11px; }
.closePosInfo			{ position: absolute; top: 10px; right: 10px; font-weight: bold; }
.dunningInfo			{ margin-left: -620px; }




#cancel-act, #cancel-when{
    width: 100%;
    padding: 7px;
    margin-bottom: 11px;
}



.greybox{
    background:#F5F5F5; 
    margin-top: 40px; 
    padding: 50px;
}
.footparent {
    background: #222222;
    padding: 55px 5px;
    margin-top: 70px;
}
.container.footer h4 {
    color: #4a98e1;
    font-size: 19px;
}
.footer ul {
    padding: 6px 13px;
    list-style: none;
}
.footer ul li a {
    color: #d4d4d4;
    text-decoration: none;
    font-size: 14px;
}
.footer ul li{
    margin-bottom: 6px;
}
.footer ul li::before {
    content: "\2022";
    color: #4a98e1;
    font-weight: bold;
    display: inline-block;
    width: 18px;
    margin-left: -1em;
    font-size: 20px;
  }
  select#archives-dropdown-2 {
    display: block;
    min-width: 132px;
    padding: 8px;
    border-radius: 3px;
}
div#footer-info a {
    color: #c8c8c8;
    font-size: 15px;
    text-decoration: none;
}
div#footer-info strong, div#footer-info{
    color: #c8c8c8;
    font-size: 15px;
}
div#footer-info {
    margin-top: 10px;
}
form.search input {
    margin: 0;
    padding: 5px;
}
.topbar {
    background: #4A98E1;
    color: white;
    padding: 6px;
    font-size: 13px;
}
i.bi.bi-envelope-fill {
    margin-left: 27px;
}
img.ringsr {
    margin: 4px 0;
}
.menurig {
    background: #dddddd;
}
input.actionbutton.submit {
    background: #4A98E1;
    border: 0;
    color: white;
    padding: 11px 21px;
    font-size: 13px;
}
input.button {
    max-width: 100%;
    white-space: normal;
}
input.pagedisplay {
    display: inline-block;
    border: 0;
    text-align: center;
    max-width: 88px;
}
#pagination {
    margin-top: 43px;
    background: white;
    padding: 8px;
}
#pagination .leftu {
    width: 48%;
    float: left;
}
div#pagination .right {
    width: 48%;
    float: right;
}
.makeone {
    display: inline-block;
}






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


    i.bi.bi-envelope-fill {
        margin-left: 0;
    }
    #pagination .leftu {
        width: 100%;
        text-align: center;
    }
    div#pagination .right {
        width: 100%;
        text-align: center;
        margin-top:40px;
    }
    .greybox {
        margin-top: 0;
        padding: 30px 10px;
    }

    .footparent {
        margin-top: 0;
    }
    div#footer-info {
        text-align: center;
    }
    img.ringsr {
        margin: 4px auto;
        display: block;
    }
    .navigation a.active {
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
        -moz-border-radius-bottomright: 5px;
        -moz-border-radius-bottomleft: 5px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
    }
    .navigation a {
        margin: 5px 5px 5px 5px;
    }
    .topbar {
        text-align: center;
    }



  }












 @media print {
    
    .footparent, .topbar, .menurig, img.ringsr{display:none;}
    @page {
        size: A4;
      }
      .col-lg-2 {
        display: none;
    }
    .col-lg-8 {
        width: 100%;
    }
    .greybox{
        margin-top: 0;
    }
 }