#searchId, #searchName, #searchAddress,#search{
    background-image:url("../img/lupe_grau.png");
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size:20px;
    border-radius:10px
}
input#search{
    border-radius:10px
}
#hiddenAddressField{
    display:none;
}
h1,h2,h3,h4,h5,a,.actions.columns h3,.side-nav li a:not(.button),.side-nav li a:not(.button):hover,h2 a,.products a {
    color: #2c3e50;
    margin-top: 0.5rem!important;
    margin-bottom: 0!important;
    text-align: left;
}
.top-bar.expanded a{
    margin-top: 0.0rem!important;
}
.top-bar.expanded{
    border-bottom: #2c3e50 2px solid;
    position: fixed;
    width: 100%;
    z-index: 10;
}

.clearfix{
    padding-top:80px;
}


h1{
    font-size: 1.8rem!important;
}
table tr th, label,h2,h3{
    font-size: 1.0rem!important;
    font-weight: 400;
    color: #777!important;
    border-bottom: 1px solid #ddd;
}
label, h3{
    border-bottom: 0px solid #ddd;
}


h3{
    font-size: 1.0rem!important;
}
h4{
    font-size: 1.4rem!important;
}
h5{
    font-size: 1.2rem!important;
}
ul.right{
    width:226px;
    margin-top:calc(22px - 0.625rem)
}
ul.right input[type=text]{
    width:200px;
    float:left;

}
.smallButton{
    margin-top: 1px;
    padding:5px;
    font-size: 0.875rem;
    width: 150px;
}
.currency{
    font-weight: bold;
}
.side-nav i{
    font-size:1.5rem;
}
.side-nav a{
    font-size:0.875rem;
}
.side-nav li.active>i,
.side-nav li.active>a:first-child:not(.button),
.side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus,
.side-nav li a:not(.button):active {
    color: #666!important;
}
iframe {
    width:  210mm;
    height: 317mm;
    width: 100%;
    height: 62vw;
}

.hundred{
    width:100%;
    border:1px solid #000;
    margin-bottom: 1.5em;

}
.fifty{
    width:49%;
    /*border:1px solid #000;*/
    margin-bottom: 1.5em;
    height:350px;
}
.thirty{
    width:27%;
    /*border:1px solid #000;*/
    margin-bottom: 1.5em;
    height:350px;
}
.seventy{
    width:71%;
    /*border:1px solid #000;*/
    margin-bottom: 1.5em;
    height:350px;
}


.commentTableData{
    max-height: 2em;
    overflow-y:Scroll;
}
.fifty td{
    height: 2em;


}
.spacer{
    height:3em;
    width:100%
}
.dashboard h5{
    padding-left:0.5em;
}
.hidden{
    display: none;
}
a,.side-nav li a:not(.button){
    margin: 0;padding:0
}
ul li ul, ul li ol{
    margin:0;   
    list-style-type: none;
}
.actions.columns{
    border-color: #2c3e50;
}
button, .button, button:hover, button:focus, .button:hover, .button:focus, .top-bar.expanded, .top-bar, .top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button),.top-bar.expanded .title-area{
    color: #2c3e50;
    background-color:#fff;


}
button{
    border: 2px solid #2c3e50;
    border-radius: 10px;
}
button:hover, button:focus, .top-bar-section li.active:not(.has-form) a:not(.button){
    background-color:#2c3e50;
    color:#fff;


}


.top-bar-section li:not(.has-form) a:not(.button):hover,.top-bar-section a:hover i.fa{
    color: #fff;
    background-color: #2c3e50;
}



.logo{
    width: 150px;
    overflow: hidden;
}
.logo img{
    float:left;
}
.logo h3{
    float: left;
    margin-left: 1em;
    margin-top:calc(25px - 0.625rem)!important;
    font-size: 1.25rem!important;
}
.logo{
    padding:10px;
    height:50px;
}
.top-bar-section i.fa{
    color:#2c3e50;
    font-size: 1.25rem
}
.top-bar-section button{
    border:none;
}
.top-bar-section ul li{
margin-top: calc(25px - 0.625rem);
}
.top-bar-section ul li.seperator{
    width:2px;
    background-color:#2c3e50;
    font-size: 1.5rem;
}
.top-bar-section ul li.seperator:last-child{

    display:none
}
table tr th, table tr td{
    font-size:1rem;
}
.paddingLeft{
    padding-left:1em;
}
.col-sm-4, .col-sm-2{
    text-align: right;
}
.col-sm-4 a, .col-sm-2 a{
    min-width: 50%;
}
.margin5{
    margin:5px;
}
.row .actions{
    text-align: right;
}
.top-bar ul{
    padding-left:0;
}
.top-bar .title-area *{

    padding-left:0; margin-left:0px;
}
.top-bar .title-area{
    margin-left:calc(180px + 2rem);
    margin-left:5px;
}
.top-bar .title-area h2{
    color:#fff!important;
}
table tr,table thead tr {
    border-bottom: 0px solid #ebebec;
}
table tr.divider {
    border-bottom: 0px solid #ebebec;
}
table tr th, table tr td{
    padding-top: 0;
    padding-bottom: 0;
}
div.select{
    padding-bottom:1rem;
}
.actions.columns {
padding-top: 0;
}
table.border{
    border: 1px solid #ccc;
}
table tr th, table tr td{
  font-size: 0.875rem;
}
.noborder{
    border: none;
}
table a,table a:active,table{
    color:#000;
}
a:visited{
    color:#inherit
}
table a:hover{
    color:#0056b3;
    text-decoration: underline;
    background-color: rgba(0, 0, 0, 0.024);
}
.noPadding td{
    padding-left:0px;
    padding-right:0px;

}
.noPadding a i{
    color:#2c3e50
}
div,p{
    font-size: 0.875rem;
}
.nofloat{
    float: none;
}
.left{

}
i{
    font-size: 1.25rem;
}
td i{
    font-size: 1em;
}
.col-sm-4 i,.col-sm-2 i{
    font-size: 2rem;
    color:#2c3e50;
    padding-right: 1.0rem;
}
.textLeft{
    text-align: left;
}
.rightText h2{
    text-align: right;
}
i.fa{
    color:#2c3e50;
}
.downloads a{
    color: #6F6F6F;
    text-decoration: none;
}
.downloads a:hover{
    color: #000;
    text-decoration: underline;
}
.dateComment,.userComment{
    font-style: italic;
}
table thead tr th{
    padding: 2px;
    border:none;
}
tr th input[type="text"],tr th select,tr th input[type="number"]{
    margin:0px;
    padding:2px;
    height:1.5rem;
}
.customers table tbody tr:hover,.products table tr:hover, .productsSecond table tr td table tr:hover{
    background-color: #ccc;
}
.customers table tr td, .content table tr td{
    padding-bottom:0.5em;
    padding-top:0.5em;
}
.headline td{
    font-size: 1.0rem;
    color: #777;
}
a:hover{
   color: #0056b3;
}
.hiddenMenu{
    display: none;
    padding-left:0.5rem;
}
.side-nav li a:hover .hiddenMenu{
    /*display: inline-block;*/
}
#searchDialog{
    width: 100px;
    height: 100px;
    margin: 0 auto;
    position: fixed;
    display: none;
    border-radius: 10px;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
}
.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #2c3e50; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.rootdataSwitch{
    display: none;
}
.searchButton{

    width: auto;
    padding: 5px;
    margin: 0 auto;
}
.normalFontSize i{
   font-size: 1rem!important;
}
textarea[rows].largeTextfield{
    height:30em;
    width: 100%;
}
.paddingTable td{
    padding-bottom: 4px;
}
i.small{
    font-size: 1rem;
}
.rightText{
    text-align: right;
}
#swal2-content button{
    margin:1em;
}
.invoiceState9{
    text-decoration: line-throug
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 500px;
}

input[type=text],input[type=number],input[type=email],select,textarea{
    border-radius: 10px;
}
.row{
    max-width: 100%;
    margin:0;
}
body,.top-bar.expanded{
    max-width: 1600px;
    min-width: 940px;
}
body{
    margin: 0 auto;
}
.content{

}
.content h4 {
    color: #2c3e50;
    border-bottom-color:#2c3e50;
}
.content.topView{
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: 24px;
}
.top-bar-section li.active a i{
    color: #fff;
}
select{
    margin-bottom: 1rem;
}
@media all and (max-width: 1040px){
    .top-bar-section ul li>a, .top-bar-section li:not(.has-form) a:not(.button){
        font-size:0.7rem;
        padding:0 0.7375rem;
    }
}