@import url(https://fonts.googleapis.com/css?family=Roboto:400,900,700,500,300,100);

body {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    min-width: 640px;
    text-decoration: none;
}


h3, h2 {
    text-align: left;
    margin-left: 0px;
}

hr {
    border-color: rgb(101, 161, 92);
}

#page {
    margin: 0 auto;
}

@media (max-width: 780px) {
    .ui-grid-responsive .ui-grid-col-1, .ui-grid-responsive .ui-grid-col-2, .ui-grid-responsive .ui-grid-col-3, .ui-grid-responsive .ui-grid-col-4, .ui-grid-responsive .ui-grid-col-5, .ui-grid-responsive .ui-grid-col-6, .ui-grid-responsive .ui-grid-col-7, .ui-grid-responsive .ui-grid-col-8, .ui-grid-responsive .ui-grid-col-9, .ui-grid-responsive .ui-grid-col-10, .ui-grid-responsive .ui-grid-col-11, .ui-grid-responsive .ui-grid-col-12 {
        width: 100%;
        float: none;
        display: block;
    }

    .ui-grid-responsive .ui-grid-row {
        display: block;
    }

    .logout, #menu2 {
        margin-left: 0 !important;
    }

    .nav-collapse li {
        float: none;
        display: inline-block;
        /*width: auto;*/
        /*margin-left: .4em;*/
        /*margin-right: .2em;*/
    }

    .landing #landingButtons button {
        width: 22% !important;
    }

    .descr {
        min-width: 200px !important;
        /*width: 600px;*/
    }
}

.descr {
    min-height: 100px;
    min-width: 500px;
    max-height: 300px;
    /*width: 600px;*/
}


.ui-grid-responsive .ui-grid-col-1, .ui-grid-responsive .ui-grid-col-2, .ui-grid-responsive .ui-grid-col-3, .ui-grid-responsive .ui-grid-col-4, .ui-grid-responsive .ui-grid-col-5, .ui-grid-responsive .ui-grid-col-6, .ui-grid-responsive .ui-grid-col-7, .ui-grid-responsive .ui-grid-col-8, .ui-grid-responsive .ui-grid-col-9, .ui-grid-responsive .ui-grid-col-10, .ui-grid-responsive .ui-grid-col-11, .ui-grid-responsive .ui-grid-col-12 {
   padding: 5px 10px;
}

.ui-grid {
    width: 600px;
    clear: both;
    padding: 0;
    margin: 0 auto;
}

.standort-grid {
    padding-bottom: 50px;
}

.responsiveInput {
    width: 200px;
    height: 23px;
}

.umfangValue.responsiveInput, .durchmesserValue.responsiveInput {
    width: 165px;
    height: 23px;
}

.myUmfangCalc {
    font-size: 27px;
    position: absolute;
    margin-left: 9px;
}

.ui-grid-responsive div {
    text-align: left;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget {
    /*font-family: titilliumlight;*/
    font-size: 14px;
}

.ui-widget-content .ui-inputfield {
    background: #ffffff;
    border: 2px solid #868381;
    color: #404040;
}

.ui-datatable .ui-draggable {
    background: #fff;
    height: 82px;
}



.ui-widget-content .newMassnahmeInput, .ui-widget-content .newSchadenInput {
    width: 150px;
}

.myPanel .ui-widget-content .ui-panelgrid-cell {
    background: none;
}

.schaedenHeader {
    float: left;
    margin-left: 30px;
    margin-top: 3px;
    font-size: 17px;
    margin-bottom: 10px;
}

#main .schaedenTable .ui-datatable-header {
    padding: 5px 0;
    border: none;
    border-bottom: 5px solid;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    background-color: #366B20;
    text-align: right;
}

#main .schaedenTable .myPanel {
    width: 400px;
    margin: 15px auto;
}

.ui-widget-content td select.newSchadenInput {
    width: 155px;
}

.massnahmenHeader {
    float: left;
    margin-left: 30px;
    margin-top: 3px;
    font-size: 17px;
    margin-bottom: 10px;
}

#main .massnahmenTable .ui-datatable-header {
    padding: 5px 0;
    border: none;
    border-bottom: 5px solid;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    background-color: #366B20;
    text-align: right;
}

#main .massnahmenTable .myPanel {
    width: 400px;
    margin: 15px auto;
}

.ui-widget-content td select.newMassnahmeInput {
    width: 155px;
}

.addMassnahme, .addSchaden, .addBild {
    margin-right: 15px;
}

.ui-datatable .ui-datatable-footer {
    border: none;
    background: none;
}

a:visited, a:active, a:hover, a:link {
    color: #046736;
    text-decoration: none;
}

.ui-widget-content td input.imp {
    font-size: 16px;
    background: #ffffff;
    border-color: black;
    color: #000000;
}

.active a p{
    color: rgb(254, 251, 153);
}

#header {
    background: rgb(254, 251, 153);
    height: 50px;
    margin-bottom: 20px;
    padding: 10px;
    border-bottom: 1px solid #258725;
}

#content {
    min-height: 750px;
    max-width: 1025px;
    margin: 0 auto;
}

#contentLogin {
    min-height: 300px;
    width: 350px;
    margin: 0 auto;
}

#contentLogin .messageDiv #messages {
    width: 78.3%;
    margin: auto;
    padding-top: 7px;
}

.loginScreen {
    margin-left: 70px;
}

.ui-widget-header {
    text-shadow: none !important;
}

#logo {
    float: left;
    margin:0 30px
}

#logo img{
    height: 48px;
}

#logoimg, #logotxt {
    float: left;
    color: #046736;
}

#main {
    padding-top: 20px;
}

#menu2 {
    margin-left: 60px;
}

.nav a {
    height: 121px;
}

.logout {
    margin-top: 5px;
}

.logoutName {
    width: 100%;
    color: #046736;
}

.logoutNameDiv, .logoutLinkDiv {
    text-align: right;
}

.bauroth-datatable {

}

.baeume {
    margin: 0 20px 0;
    height: 200px;
    background-image: url("/resources/images/baum.jpg");
    background-repeat: no-repeat;
    background-position: 0;
    background-size: contain;
    width: 140px;
}


li.minicon-earth{
    color: #305A30;
    font-size: 26px;
}

li.minicon-card-user-2{
    color: #305A30;
    font-size: 26px;
}

li.minicon-home-1{
    color: #305A30;
    font-size: 26px;
}

li.minicon-more-users-3{
    color: #305A30;
    font-size: 26px;
}

li.minicon-gear-setting-1{
    color: #305A30;
    font-size: 26px;
}

#home a p {
    padding: 81px 0 21px 0;
    background-image: url("/resources/images/home_brown.png");
    background-position: 21px 25px;
}

#home a p.active {
    background-image: url("/resources/images/home_green.png");
}

#projekt a p {
    padding: 81px 0 21px 0;
    background-image: url("/resources/images/projekt_brown_2.png");
    background-position: 21px 25px;
}

#projekt a p.active {
    background-image: url("/resources/images/projekt_green_2.png");
}

#mitarbeiter a p {
    padding: 81px 0 21px 0;
    background-image: url("/resources/images/mitarbeiter_brown.png");
    background-position: 15px 25px;
}

#mitarbeiter a p.active {
    background-image: url("/resources/images/mitarbeiter_green.png");
}

#kunden a p {
    padding: 81px 0 21px 0;
    background-image: url("/resources/images/kunde_brown.png");
    background-position: 15px 25px;
}

#kunden a p.active {
    background-image: url("/resources/images/kunde_green.png");
}

#baeume a p {
    padding: 81px 0 21px 0;
    background-image: url("/resources/images/baum.png");
    background-position: 18px 21px;
    background-size: 45px;
}

#baeume a p.active {
    background-image: url("/resources/images/baum_gruen.png");
}

#suche a p {
    padding: 81px 0 21px 0;
    background-image: url("/resources/images/search_brown.png");
    background-position: 21px 25px;
}

#suche a p.active {
    background-image: url("/resources/images/search_green.png");
}

#einstellungen a p {
    padding: 72px 0 21px 0;
    background-image: url("/resources/images/einstellungen_brown.png");
    background-position: 21px 25px;
}

#einstellungen a p.active {
    background-image: url("/resources/images/einstellungen_green.png");
}

.menu {
    background-repeat: no-repeat;
}

#projektHead {
    width: 800px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;

    background-color: #366B20;
    margin-left: 30px;
}

.greenline {
    height: 5px;
    background-color: #366B20;
    opacity: 0.2;
}

.projektTable {
    margin-left: 30px;
    width: 800px;
    padding: 10px 15px 20px;
    background-color: rgba(91, 56, 39, 0.3);
    color: #EA680F;
}

.projektTable tr {
    border: none;
}

.projektTable tr td {
    border: solid 1px #000000;
    padding: 5px;
    text-align: left;
    width: 19%;
}

.projektTable tr th {
    border: solid 1px #000000;
    padding: 6px;
}

.projektTable tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.42);
}

.projektTable tr:nth-child(odd) {
    background-color: rgba(255, 255, 255, 0.2);
}

.baurothPanel, .baurothPanelP, .baurothPanelM {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    border-style: none;
    max-width: 100pc;
    padding-bottom: 5px;
}

#page #content .passInput {
    width: 200px;
}

.ui-state-default .ui-icon {
    height: 20px;
    width: 14px;
}

.kunden .ui-state-default .ui-icon {
    height: 16px;
    width: 14px;
}

.ui-state-default .ui-icon-calendar, .ui-state-default .ui-icon-check, .ui-state-default .ui-icon-seek-next, .ui-state-default .ui-icon-seek-end, .ui-state-default .ui-icon-seek-prev, .ui-state-default .ui-icon-seek-first {
    background: none;
}

.responsiveInput .ui-datepicker-trigger:hover{
    background-color: #c2d3b8 !important;
    background-image: url("../resources/images/Time-2-black.png") !important;
}

.ui-state-default {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.ui-state-hover .ui-icon-plusthick {
    background-image: url("../resources/images/plus_tiny.png");
    background-color: rgba(54, 107, 32, 1.0);
}

.ui-state-hover .ui-icon-minusthick {
    background-image: url("../resources/images/minus_tiny.png");
    background-color: rgba(54, 107, 32, 1.0);
}

.baurothPanelP .ui-panel-titlebar .ui-panel-titlebar-icon {
    background-image: url("../resources/images/minus_tiny.png");
    border: none;
    margin-top: -1px;
    margin-right: 2px;
}

.baurothPanelM .ui-panel-titlebar .ui-panel-titlebar-icon {
    background-image: url("../resources/images/plus_tiny.png");
    border: none;
    margin-top: -1px;
    margin-right: 2px;
}

.baurothPanel .ui-panel-titlebar .ui-panel-title {
    color: white;
}

#form1 .baurothGrid {
    width: 80%;
}

.sizeInput {
    max-width: 50px;
}

.baurothCommandButton:hover {
    background-color: #305A30;
    color: #ffffff;
}

.ui-widget-content td .baurothCommandButton:hover, .addTaetigkeitButton:hover, .ui-panel-content.ui-widget-content .baurothCommandButton:hover {
    background-color: #305A30;
    color: #ffffff;
}

.baurothGrid {
    margin: 5px auto;
    max-width: 880px;
    border-collapse: collapse;
}

.ui-datatable .ui-datatable-header {
    padding: 5px 0;
    border: none;
    border-bottom: 5px solid;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    background-color: #366B20;
}

.ui-panel .ui-panel-titlebar {
    padding: 5px 0;
    border: none;
    border-bottom: 5px solid;
    border-bottom-color: rgba(255, 255, 255, 0.2);
    background-color: #366B20;
}

.ui-corner-all {
    border-radius: 0;

}

.ui-datatable table {
    width: 96%;
    margin: 15px auto;
}

.ui-panel-titlebar {
    margin-bottom: 0;
    width: 94%;
    margin: 15px auto 0;
}

.ui-panel .ui-panel-content {
    background-color: rgba(00, 00, 00, 0.1);
    margin: 0 auto;
    width: 91.5%;
    padding: 15px 10px 4px 11px;
}

.ui-panelgrid .ui-panelgrid-cell, .ui-panelgrid td {
    padding: 15px 5px 10px;
    text-align: left;
    border-style: none;
}

.ui-datatable tbody tr:nth-child(even) td {
    background-color: rgba(173, 184, 175, 0.2);
}

.ui-datatable tbody tr:nth-child(odd) td {
    background-color: rgba(196, 207, 200, 0.5);
}

.ui-widget-content {
    color: #404040;
    border: none;
    background: none;
}

.ui-autocomplete-panel .ui-autocomplete-list {
    background: none repeat scroll 0 0 #E0E0E0;
}

.ui-widget-content .ttgktsnrInput .ui-autocomplete-input {
    margin: 0 auto;
    border-right: none;
}

.ui-autocomplete .ui-button, .ui-autocomplete .ui-button:hover {
    background: #ffffff;
    background-image: url("../resources/images/Interface-30.png");
    background-repeat: no-repeat;
    background-size: 24px;
    height: 29px;
    width: 20px;
    border: 2px solid #868381;
    color: #404040;
    border-left: none;
    padding-right: 21px;
}

.ui-widget-content td select {

    width: 165px;
    height: 32px;
    font-size: 12px;
    text-align: left;
    padding-top: 3px;

}

.ui-widget-content td input {
    border: 1px solid #868381;
    margin-right: 5px;
    width: 110px;
    padding-left: 2px;
}

.ui-widget-content .msg {
    width: 80px;
}

.ui-widget-content td .saveButton {
    width: 116px;
    background: #366B20;
    border: 1px solid #868381;
    color: #ffffff;
    text-shadow: none;
    font-weight: normal;
}

.ui-widget-content td .saveButton:hover {
    background: #305A30;
    color: #ffffff;
}

.ui-widget-content td .newPicButton {
    margin: 0 75px;
}

.ui-widget-content td textarea {
    border: 1px solid #868381;
    max-width: 388px;
    width: 388px;
    min-height: 100px;
    min-width: 200px;
    max-height: 250px;
}

.ui-widget-content td a {
    text-decoration: underline;
    color: #404040;
}

.ui-widget-content td a.myicon {
    text-decoration: none;
    font-size: 18px;
    padding: 0 5px;
}

.ui-widget-content td img.myicon {
    text-decoration: none;
    font-size: 18px;
    padding: 0 5px;
}

#main .ui-widget-content .ui-datepicker-trigger,#main span .ui-datepicker-trigger {
    background: #258725;
    background-image: url("../resources/images/Time-2.png");
    background-size: 18px;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: 3px 2px;
}

.ui-widget-content .hasDatepicker, .ui-widget-content .ui-autocomplete-input {
    background: #ffffff;
    border: 2px solid #868381;
    color: #404040;
    padding-top: 3px;
}

.ui-widget-content .newCustomerInput {
    width: 130px;
}

.ui-datatable-tablewrapper thead tr th, .ui-panelgrid tbody tr {
    background-color: rgba(255, 255, 255, 0);
    color: #404040;
    font-weight: 600;
    font-size: 12px;
}

.ui-datatable .ui-datatable-tablewrapper thead tr th {
    background: none;
    background-color: rgba(255, 255, 255, 0.40);
    color: #404040;
    font-weight: bold;
}

.ui-datatable-data .ui-widget-content .ui-state-disabled {
    opacity: 1;
    background: #ffffff;
    border: 1px solid #aaaaaa;
}

.ui-datatable-data .ui-widget-content .ui-state-active {
    border-radius: 2px;
    background: #366B20;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    /*font-family: titilliumbold;*/
}

.addTaetigkeit {
    margin-bottom: 5px;
    margin-right: 847px;
    padding: 4px;
}


.sizeInput {
    text-align: left;
    margin-left: 2px;
    max-width: 32px;
}

#ui-datepicker-div {
    background: #fff;
}

.ui-datepicker-calendar tr td a.ui-state-default {
    background-color: rgba(54, 107, 32, 0.5);
    margin: 2px;
    border: none;
    text-decoration: none;
}

.calendarAbschluss, .calendarLiefer {
    margin-left: 6px;
    margin-right: 45px;
}

.uploadImg {
    margin-top: 2px;
    max-height: 240px;
    max-width: 240px;
}

.muh {
    border: 1px solid green;
    padding: 9px;
    background-color: white;
}



#map {
    width: 508px;
    height: 340px;
    border: 1px solid grey;
    padding: 0 0 0 0;
    /* margin: 10px !important; */
}

#map.smallmap.bigmap {
    width: 960px;
    height: 640px;
}

.ui-grid.standort-big-grid{
    width: 960px;
}

.hide {
    display: none;
}

#setMarkerBox {
    position: absolute;
    width: 25%;

}

#menu {
    display: block;
    float: left;
    margin-top: 10px;
}

#centerMenu {
    float: right;
    margin-top: 10px;
    margin-right: 70px;
}

.myBemerkung {
    border: 1px solid grey;
    border-radius: 4px;
    padding: 3px 8px 4px;
    position: relative;
    top: -193px;
    z-index: 1000;
    background: wheat;
    left: 50px;
    max-width: 100px;
}

.baumDetail .myPosition {
    float: right;
    margin-right: 70px;
}

.olLayerDiv .myBaumLink, .olLayerDiv .myLinkNumber {
    border-radius: 10px;
    background: #9E1A1A;
    padding: 0 3px;
    top: 5px;
    height: 8px !important;
    left: 1px;
    width: 2px !important;
    display: block;
}

@media (max-width: 640px){
    #map {
        width: 330px;
    }

    #centerMenu {
        float: left;
        margin-top: 20px;
        width: 100%;
    }

    #baumForm .ui-grid-col-6 {
        width: 50%;
    }

    .baumDetail .myPosition {
        float: left;
        margin-right: 0;
    }

    .myBemerkung {
        top: -233px;
        left: 190px;
    }
}

p {
    margin: 3px 10px;
    font:10pt sans-serif;
}

.ui-widget .holzart, .ui-widget .verarbeitung, .ui-widget .fertigung {
    width: 114px;
}

.ui-widget .holzart, .ui-widget .verarbeitung, .ui-widget .fertigung {
    margin: 0 4px;
}

.ui-widget .kunde {
    width: 150px;
    border: 1px solid #868381;
    background-color: #fff;
    height: 25px;
    font-size: 14px;
}

.ui-widget .holzart {
    margin-left: 4px;
}

.ui-widget .pic {
    width: 33%;
    text-align: center;
}

.ui-widget .kundeCheck {
    width: 20px;
}

.projektCol {
    min-width: 220px;
}

.ui-widget-content .projektCol input {
    width: 200px;
}

.searchTable {
    background-color: transparent;
    width: 100%;
}

.ui-overlaypanel-content {
    background: none repeat scroll 0 0 #D6D6D6;
}

.ui-overlaypanel-close .ui-icon {
    background-image: url("../resources/images/close.png");
    background-repeat: no-repeat;
    background-position: -3px -4px;
    background-size: 19px;
    height: 12px;
    width: 12px;
}

.ui-widget-content .addCustomer {
    background-image: url("../resources/images/addCustomer.png");
    background-repeat: no-repeat;
    background-size: 19px;
    height: 28px;
    margin-left: 3px;
}

.baurothSearch {
    margin: 0 auto;
    width: 375px;
    display: inline-block;
}

.arbeitsnachweisSearchPanel {
    margin: 0 auto;
    width: 375px;
    display: inline-block;
}

#form1 table {
    width: 100%;
}

.projektSearchForm, .nachweisSearchForm {
    display: inline-block;
}

.foundForm {
    display: block;
}

.baurothFound.arbeitsnachweiseFound {
    display: block;
}

.baurothSearch .ui-panel-content {
    padding: 10px 4px 0px 4px
}

.baurothFound {
    display: block;
}

.baurothFound .ui-panel-content {
    padding: 10px 11px 0 10px;
}

.newNumberInput {
    width: 40px;
}

.newTaetigkeitInput {
    width: 80px;
}

.ui-widget-content td .kategorie {
    padding: 4px 0 0;
    text-align: left;
    margin-right: 3px;
    width: 118px;
}

.baurothPanel .ui-widget-content .taetigkeitenTable, .baurothPanel .ui-widget-content .arbeitsnachweisTable {
    background: none;
}

.baurothPanelP .ui-widget-content .taetigkeitenTable {
    background: none;
}

.baurothPanelM .ui-widget-content .taetigkeitenTable {
    background: none;
}

.baurothPanel .ui-widget-content .arbeitsnachweisTable {
    width: 741px;
}

.addTaetigkeitButton {
    border: none;
    margin-left: 5px;
}

.ui-widget-content .value .ui-state-default {
    background: #ffffff;
}

.ui-widget-content .value .ui-chkbox .ui-state-active, .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #366b20;
}

.ui-chkbox-box.ui-state-hover {
}

.ui-chkbox-box.ui-state-default {
    background: #ffffff;
}

.ui-state-default .ui-icon-check {
    background: #366b20;
    width: 16px;
    height: 16px;
}


.ui-widget-content td .ttgktsnr {
    width: 50px;
    text-align: center;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    border-color: #9CC2FA;
    margin: 0;
    padding: 5px;
}

.messageDiv {
    width: 60%;
    height: 33px;
    padding-top: 3px;
    margin: 0 auto;
}

#contentLogin .messageDiv {
    width: 105%;
    padding-bottom: 20px;
}

.messageDivEinstellungen {
    width: 60%;
    height: 33px;
    padding-top: 10px;
    margin: 0 auto;
}

.separationDiv {
    height: 30px;
}

.messageDiv #messages {
    width: 94%;
    margin: auto;
    padding-top: 7px;
}

.ui-messages-error, .ui-message-error {
    background-color: rgba(255, 0, 0, 0.15);
    border: medium none;
    color: #B94A48;

}

.ui-message-error {
    width: 190px;
}

#content #main {
    padding-top: 0;
}

.ui-widget-content .horizontal {
    height: 2px;
    background: #868381;
    padding: 0;
}

.ui-datatable .ui-datatable-tablewrapper .buttonColumn {
    background: transparent;
    border: none;
    padding: 2px;
}

.ui-widget-content .searchButton {
    border: medium none;
    max-width: 26px;
    height: 26px;
    background-image: url("../resources/images/Search.png");
}

.searchLink {
    min-width: 28px;
    background-image: url("../resources/images/Search.png");
    margin-top: -30px;
    float: right;
}

.arbeitsnachweisSearchPanel .ui-panel-content {
    width: 88.5%;
}

.ui-paginator.ui-widget-header {
    background: none;
    border: none;
}

.ui-paginator-first.ui-state-default {
    background-image: url("../resources/images/chevron-double-fat-1-01.png");
    background-repeat: no-repeat;
    background-size: 19px;
    height: 21px;
}

.ui-paginator-last.ui-state-default {
    background-image: url("../resources/images/chevron-double-fat-2-01.png");
    background-repeat: no-repeat;
    background-size: 19px;
    height: 21px;
}

.ui-paginator-prev.ui-state-default {
    background-image: url("../resources/images/chevron-medium-fat-1-01.png");
    background-repeat: no-repeat;
    background-size: 19px;
    height: 21px;
}

.ui-paginator-next.ui-state-default {
    background-image: url("../resources/images/chevron-medium-fat-2-01.png");
    background-repeat: no-repeat;
    background-size: 19px;
    height: 21px;
}

.ui-widget-content td .kundeInput {
    width: 115px;
}

.ui-datepicker-prev.ui-corner-all {
    background-image: url("../resources/images/chevron-medium-fat-1-01.png");
    background-repeat: no-repeat;
    background-size: 25px;
    height: 25px;
}

.ui-datepicker-next.ui-corner-all {
    background-image: url("../resources/images/chevron-medium-fat-2-01.png");
    background-repeat: no-repeat;
    background-size: 25px;
    height: 25px;
}

.projektAbschlussdatum {
    width: 95px;
}

.projektProjektsdatum {
    width: 85px;
}

.projektAktion, .nachweiseAktion, .mitarbeiterAktion {
    width: 45px;
}

.ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td {
    border:none;
    /*padding: 4px 6px;*/
    text-align: left;
}

.isActiveColumn {
    width: 85px;
}

.categoryColumn {
    width: 200px;
}

.taetigkeitsNummerColumn {
    width: 120px;
}

.changeAufschlagButton {
    height: 26px;
    margin-left: 2px;
    border-radius: 0;
    background-color: #366B20;
    color: #FFFFFF;
    border: none;
}

.changeAufschlagButton:hover {
    background-color: #305A30;
    color: #ffffff;
}

.ui-panelgrid.ui-widget.quickLaunchGrid {
    margin: 0 auto;
    padding: 0;
}

.ui-fileupload-buttonbar .ui-fileupload-choose input {
    transform: none;
}

.ui-panel .ui-panel-title {
    margin: 0.1em 0 0.2em;
}

.ui-panelgrid .ui-panelgrid-cell, .ui-panelgrid td .arbeitsnachweiseSumText {
    font-size: 14px;
}

.ui-datatable .ui-column-filter {
    width: 89px;
    height: 10px;
    margin: 0 0 0 0px;
    display: inline-block;
}

.kunden .ui-datatable .ui-column-filter {
    margin-left: 5px;
}

.ui-datatable .ui-column-title {
    float: left;
    margin-right: 10px;
}

.ui-lightbox-nav-left {
    display: none !important;
}

.ui-lightbox-nav-right {
    display: none !important;
}

.actionOne {
    float: left;
    margin-top: 2px;
    width: 25px;
}

.actionTwo {
    float: right;
    width: 70px;
}

 /*STYLES AFTER PRIMEFACES-BAUROTH*/

.landing .kontrollenHeaderText {
    float: left;
    clear: both;
    margin-left: 29px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
}

.landing .startKontrolleLanding {
    float: right;
}

.kontrollUebersicht .kontrollenHeaderText {
    float: left;
    clear: both;
    margin-left: 29px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 700;
}

.kontrollUebersichtHeader {
    text-align: center;
    margin-left: 30px;
}

.kontrollUebersichtHeader h2 {
    text-align: center;
}

.loginScreen .baurothCommandButton {
    margin-left: 0;
}

.menuicon {
    font-size: 22px;
}

.landing #landingButtons {
    margin-top: 40px;
}

.landing #landingButtons button {
    float:left;
    background: #258725;
    color: #fff;
    margin-left: 50px;
    width: 27%;
}

.projekte button, .kunden button, .mitarbeiter button, .einstellungen button, .baurothCommandButton, .projektDetail .baurothCommandButton {
    background: #258725;
    color: #fff;
    float: left;
    margin-left: 20px;
    width: 16%;
    min-width: 160px;
    margin-bottom: 20px;
}

.baurothCommandButton {
    float: none;
    border: 1px solid #d3d3d3;
    border-radius: 0;
}

/* Johannes Sommer, 08.03.18*/
.is-disabled {
    background: grey;
    color: lightgrey;
    cursor: not-allowed;
}

.kontrolleAusfuehrung .baurothCommandButton {
    min-width: 200px;
}

.landing #landingButtons button:hover, .projekte button:hover, .kunden button:hover, .mitarbeiter button:hover, .baurothCommandButton:hover, .projektDetail button:hover{
    background: #c2d3b8 ;
    color: #000;
}

.projekte th.projektKunde {
    width: 150px;
}

.projektAktion, .baumAktion{
    text-align: right !important;
    width: 88px;
}

.kundenAktion, .mitarbeiterAktion{
    text-align: right !important;
    width: 50px;
}

.kontrollAktion {
    text-align: right !important;
    width: 130px;
}

.kalkulationsbemerkung {
    width: 75%;
}

.projektAktiv{
    text-align: center !important;
    width: 80px;
}

.active, .nav:hover {
    background: #258725;
    border:none !important;
}

.nav:hover a p {
    color: rgb(254, 251, 153);
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa;
    background: #258725;
    color: #fff;
    font-weight: normal;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    font-weight: normal;
    /*color: #555555;*/
}

.responsiveInput input{
    background: none;
    border: 2px inset;
    height: 17px;
    margin-right: 5px;
    width: 165px;
}

.neuesProjekt .baurothCommandButton, .neuerKunde .baurothCommandButton, .neuerMitarbeiter .baurothCommandButton, .projektDetail .baurothCommandButton, .kundenDetail .baurothCommandButton, .mitarbeiterDetail .baurothCommandButton, .neuesPasswort .baurothCommandButton, .baumDetail .baurothCommandButton, .neueVersion .baurothCommandButton{
    height: 30px;
    margin-left: 0;
    margin-top: 10px;
    font-size: 14px;
}

.neueVersion .baurothCommandLink {
    margin-left: 10px;
    padding: 3px 10px;
}

.baumDetail .baurothLink {
    margin-top: 10px;
    margin-left: 10px;
}

.baumDetail .baurothCreateCol {
    margin: 15px;
}

.neuesPasswort {
    width: 50%;
    margin:0 auto;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: none;
}

input.ui-password{
    background: none;
    height: 18px;
    width: 195px;
    border: 2px inset;
}

.projektDetail .kontrollenProjektHeader h3, .kundenDetail .kontrollenProjektHeader h3{
    margin-left: 30px;
}

.projektDetail .kontrollenProjektHeader button, .kundenDetail .kontrollenProjektHeader button{
    color: #fff;
    float: right;
    margin-right: 21px;
}

.projektDetail .kontrollenProjektHeader button:hover{
    color: #000;
}

.ui-datatable-tablewrapper table {
    min-width: 625px;
}

a.baurothCommandButton {
    color: #fff;
    padding: 5px 12px;
}

a.baurothCommandButton:hover {
    color: #404040;
}

.neueVersion a {
    margin-left: 10px;
}

.ui-selectcheckboxmenu-panel.ui-widget {
    background: #dedede;
}

.kontrolleAusfuehrung td label{
    margin-bottom: 7px;
}

.kontrolleAusfuehrung .ui-chkbox {
    padding: 10px 0 10px 15px;
}

.kontrolleAusfuehrung .ui-state-disabled {
    opacity: 1;
}

.kontrolleAusfuehrung .responsiveOutput, .baumDetail .responsiveOutput {
    font-weight: 300;
    font-size: 16px;
}

.kontrolleAusfuehrung .responsiveOutputHead, .baumDetail .responsiveOutputHead {
    font-weight: 500;
}


.someToSave {
    background-color: #ff0000;
    color: white;
    text-shadow: none;
    background-image: none;
}

.someToSave:hover {
    background-color: #ff0000;
}

.responsiveOutputEnddatum {
    width: 100%;
}

#kontrollForm\:kontrolleDetail {
    text-align: left;
}

#kontrollForm .responsiveInput input {
    width: 90px;
}

#kontrollForm .abschliessenButton {
    float: none;
    margin-left: 20px;
}

.projektDetail .ui-dialog.ui-draggable,
.landing .ui-dialog.ui-draggable,
.projekte .ui-dialog.ui-draggable,
.kunden .ui-dialog.ui-draggable,
.kontrollUebersicht .ui-dialog.ui-draggable,
.kundenDetail .ui-dialog.ui-draggable {
    background: #fff;
}

.einstellungen {
    background: rgb(254, 251, 153);
}

.ui-fileupload-simple.myFileButton input[type=file]
{
    position: relative;
    font-size: 12px;
    height: 30px;
    width: 100px;
    top: -20px;
}

.myFileButton .ui-button-text-icon-left .ui-button-text {
    padding: 0;
}

.myFileButton .ui-button-text-icon-left {
    padding: 7px 5px;
    background: #258725;
    color: #FFFFFF;
    max-height: 20px;
}
.myFileButton .ui-button-text-icon-left:hover{
    background: #c2d3b8;
    color: #202020;
}


.kontrolleAusfuehrung .ui-widget-content td .baurothCommandButton {
    background: #258725;
    color: #FFFFFF;
}

.kontrolleAusfuehrung .ui-widget-content td .baurothCommandButton:hover {
    background: #c2d3b8;
    color: #202020;
}

.kontrolleAusfuehrung .baurothCommandButton {
    margin: 0;
}

.kontrolleAusfuehrung .baurothShownPic{
    /*width: 350px;*/
    max-height: 250px;
}

.kontrolleAusfuehrung .ui-fileupload-simple .ui-fileupload-filename {
    margin-left: 0.5em;
    position: relative;
    top: -16px;
}

.kontrolleAusfuehrung .myBaumBildText {
    width: 300px;
    height: 70px;
}

.kontrolleAusfuehrung .ui-galleria-caption {
    color: rgb(0, 0, 0);
    background: rgb(255, 255, 255);
}

.kontrolleAusfuehrung #pictures .ui-draggable {
    background: #ffffff;
}

.kontrolleAusfuehrung .addBild {
    margin: 0 0 50px;
    padding: 10px 0;
}

textarea.ui-state-default, textarea.ui-state-hover {
    background: none;
}

textarea.ui-state-hover {
    border-color: #989898;
}

.projektSplit .baumNummer {
    width: 100px;
}

.projektSplit .splitButton {
    float: left;
}

.baurothTable .ui-icon {
    display: inline-block;
}

.kontFinPanel .ui-chkbox-box {
    height: 16px;
    vertical-align: middle;
}

/*FIREFOX CLEAR FIXES*/

.ui-datatable {
    clear: both;
}

.settingTab {
    width: 24%;
    height: 30px;
    float: left;
    background-color: #FEFB99;
}

.settingTab a {
    margin-top: 7px;
    width: 100%;
    height: 80%;
    display: inline-block;
}
.notFirst {
    border-left: 1px dashed #dedede;
}
.choosenTab {
    background-color: #258725;
    border: none !important;
}

.settingTab:hover {
    background-color: #258725;
}

.settingTab:hover a {
    color: #FEFB99;
}
.choosenTab a {
    color: #FEFB99;
    margin-top: 7px;
    width: 100%;
    height: 80%;
}
.tabDiv {
    margin-top: -20px;
}

.massnahmenTable {
    margin-top: 20px;
}

/* fixes for firefox only */
@-moz-document url-prefix() {
    .geosearch form {
        height: 28px!important;
    }
    .responsiveInput {
        width: 200px;
        height: auto;
    }
    .leaflet-touch .leaflet-bar a {
        width: 28px!important;
        height: 28px!important;
        line-height: 28px!important;
    }
}