/*EPOS CUSTOM CSS PART
Hier kommen die Werte, welche angepasst werden können rein.
Es handelt sich um JQueryMobile Framework Klassen, die durch diese DATEI überschreiben werden
    RalpH Tiedtke 14.11.2014 !*/

/* Besichtungsklassen Ralph Tiedtke 29.03.2016*/

/*Generelles Padding um Überschneidungen zu verhindern*/
.fancy-checkbox {
    position: relative;
    display: block;
    padding: 0 0 0 20px;
    margin: 0;
    cursor: pointer;
    /* Make text & control un-selectable, otherwise it will
       sometimes get selected if the user repeatedly clicks quickly */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    .fancy-checkbox input {
        display: none;
    }

    .fancy-checkbox label {
        cursor: pointer;
        padding-left: 0;
    }

    .fancy-checkbox input[type="checkbox"] + label:before {
        position: absolute;
        top: 1px;
        left: 0;
        font-family: FontAwesome;
        content: "\f096";
        font-size: 20px;
        line-height: 1;
        color: #aaa;
    }

    .fancy-checkbox input[type="checkbox"]:checked + label:before {
        content: "\f14a";
        color: #4285f4;
    }


.leistungDiaButton{
    display: inline-block;
    background-image: url(/css/images/texteditoricon.png);
    width: 32px;
    height: 32px;
}

.dropDownButton{
    display: inline-block;
    background-image: url(/css/images/icons-36-black.png);
    background-position-x: -430px;
    width: 32px;
    height: 32px;
}

.dropSelectBox{
    background-color: lightgrey;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 3px;
    border-radius: 5px;
    height: 30px;
    width: 100%;
    text-align: center;
    vertical-align: central;
}

.textBoxDialog{
    z-index: 20;
    left: 5px;
    right: 5px;
    top: 5px;
    bottom: 5px;
    position: absolute;
    background-color: black;
    font-size: 24px;
}

td {
    padding-left: 8px;
    padding-right: 8px;
}

tr td.Beschreibung {
    width:30px;
}

tr td.PLZ {
    width:30px;
    }

tr td.Land {
    width:10px;
    }
tr td.Ort {
    width:200px;
    }

#ContentPlaceHolder1_bewertField table td{
    padding: 0px;
}

#ContentPlaceHolder1_bewertField table td span{
    padding: 0px;
}


.bewertIcon {
    background-image: url('images/bewertung.png');
    background-size: 192px;
    height:64px; width:64px;
}

.bIcon1 {
    background-position: 0px 0px;
}

.bIcon2{    
    background-position: -64px 0px;
}

.bIcon3{    
    background-position: -128px 0px;
}

/* Besichtungsklassen Ende Ralph Tiedtke 29.03.2016*/




.hiddencol
  {
    display: none;
  }


#visitAddDiv{
    width: 98%;
    border: 1px solid grey;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
}

#visitZusatzDiv{
    width: 98%;
    border: 1px solid grey;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
}

.kranDatenDiv{
    width: 98%;
    border: 1px solid grey;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
}

.kranDaten2Div{
    width: 98%;
    border: 1px solid grey;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
}

.transportDatenDiv{
    width: 98%;
    border: 1px solid grey;
    border-radius: 5px;
    display: inline-block;
    padding: 3px;
}

/*Schriftgröße der Buttons oben (START / INFO / LOGOIT etc).  Das !important bitte unbedingt stehen lassen nur die Größe in PX ändern.*/

div#schalter .ui-btn-inner
{
    font-size: 15px !important;    /* default:font-size: 15px !important; */
}

/*ENDE EPOS CUSTOM CSS PART*/

/*Ab Hier Standards bitte nicht verändern !*/

body {
    /*background-color: #f0f0f0;*/
}

form {
    height: 100%;
    /*position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 52px;*/
}

body .ui-page{
    min-width: 1400px;
}

.spacer{
    width: 50px;
}

.tableCell{
    padding: 5px;
}

.leistungRechts{
    right: 0px;
    /*position: absolute;*/
    display: inline-block;
    width: 40%;
    margin: 10px;
    margin-left: 50px;
}

.leistungLinks{
    left: 0px;
    /*position: absolute;*/
    display: inline-block;
    width: 40%;
    margin: 10px;
    margin-left: 50px;
}

.zeroLeft div input{
    left: 0px;
}

.labelHalf{
    display: inline-block !important;
    width: 24% !important;
}

.textHalf{
    display: inline-block !important;
    width: 70% !important;
}


.rechts { 
    text-align: right;          
}
.hoch { 
    height:190px; 
    width:100%;          
}

.rechterheader {
    float: right;
    width: 48%;    
}
.drittel { width:30%;}

.lightbox  {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 1;
  z-index: 500;
  background: rgba(0, 0, 0, 0.75);
  -moz-transition: opacity 1.5s;
  -o-transition: opacity 1.5s;
  -webkit-transition: opacity 1.5s;
  visibility: collapse;
}

.lightboxContent  {
  overflow: hidden;
  position: absolute;
  padding: 10px;
  width: 80%;
  min-height: 50%;
  left: 10%;
  top: 10%;
  z-index: 600;
  background: rgba(255, 255, 255, 1);
  background-color: white;
}

.datumTableRow{
    background-color: black;
    color: white;
}

.pad {padding-top:3px; padding-bottom:3px;}
.padh {padding-left:3px; padding-right:3px;}
.textueberschrift { padding-left:10px; padding-top:3px; text-decoration:underline; font-weight:bold; font-size:medium;}
.textbig { font-size:large; padding:20px;}
  
.left {float:left;}
.linkerheader {float:left; width:50%; padding-left:15px; }
.right {float:right;}
.schmal {width:40%;}
.statustext { margin-left:25px ; margin-top:20px }
.headline-breite {width:100px}
.wid35 {width:35px;}

.conButtonLeft{

}

.conButtonRight{

}

.wichtigText{
    font-weight: bold;
    color: red;
}

.conButton{
    display: inline-block;
    margin: 0 -5px 0 0;
    position: absolute;
    top: 0px;
    left: 0px;
    -webkit-appearance: button;
    opacity: 0.1;
    cursor: pointer;
    background-image: linear-gradient(#fdfdfd,#eee);
    filter: Alpha(Opacity=.0001);
    font-size: 1px;
    border: 0;
    line-height: 999px;
}

.mapsButton
{
    background-image: url(/css/images/maps.png);
    float: right;
    height:32px; width:32px;
    margin: 5px;
}

.flags .ui-select{
    float: right; 
    line-height: 25px;
}

.flagAL{ background-position: -14px -9px; }
.flagAD{ background-position: 322px -9px; }
.flagAM{ background-position: 256px -9px; }
.flagAT{ background-position: 192px -9px; }
.flagAZ{ background-position: 127px -9px; }
.flagBY{ background-position:  62px -9px; }
.flagBE{ background-position: -14px 341px; }
.flagBA{ background-position: 322px 341px; }
.flagBG{ background-position: 256px 341px; }
.flagHR{ background-position: 192px 341px; }
.flagCY{ background-position: 127px 341px; }
.flagCZ{ background-position:  62px 341px; }
.flagEE{ background-position: 322px 292px; }
.flagFI{ background-position: 256px 292px; }
.flagDK{ background-position: 192px 292px; }
.flagFR{ background-position: 127px 292px; }
.flagGE{ background-position:  62px 292px; }
.flagDE{ background-position: -14px 242px; }
.flagGR{ background-position: 322px 242px; }
.flagHU{ background-position: 256px 242px; }
.flagIS{ background-position: 192px 242px; }
.flagIE{ background-position: 127px 242px; }
.flagIT{ background-position:  62px 242px; }
.flagXK{ background-position: -14px 193px; }
.flagLV{ background-position: 322px 193px; }
.flagLI{ background-position: 256px 193px; }
.flagLT{ background-position: 192px 193px; }
.flagLU{ background-position: 127px 193px; }
.flagMK{ background-position:  62px 193px; }
.flagRO{ background-position: -14px 143px; }
.flagMC{ background-position: 322px 143px; }
.flagPT{ background-position: 256px 143px; }
.flagNL{ background-position: 192px 143px; }
.flagNO{ background-position: 127px 143px; }
.flagPL{ background-position:  62px 143px; }
.flagRU{ background-position: -14px  94px; }
.flagSK{ background-position: 192px  94px; }
.flagSI{ background-position: 127px  94px; }
.flagES{ background-position:  62px  94px; }
.flagSE{ background-position: -14px  45px; }
.flagCH{ background-position: 322px  45px; }
.flagTR{ background-position: 256px  45px; }
.flagUA{ background-position: 192px  45px; }
.flagGB{ background-position: 127px  45px; }
.flagVA{ background-position:  62px  45px; }


.flaggen
{
    background-image: url(./images/Flaggen.jpg);
    background-size: 400px;
    float: right;
    height:34px; width:48px;
    margin: 5px;
}

.center
{
	margin: 0 auto;
    align-content: center;
    text-align:center;
}

.bildbreit {background-color:#fff;width:100%;left:0px;overflow:hidden;}
.randsw {border:1px solid black; margin-top:10px;padding-left:10px; padding-right:10px; }
.gesamtauftrag {
    width: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #EEEEFF;
}

.footer {
    background-color:#fff;
    min-width: 1400px;
    width:100%;
    left:0px;
    bottom: 0px;
    position: absolute;
    overflow:hidden;
}

/*Beschreibung für Tabellen !*/
.tableCenter {
    width: 80%;
    margin-left: 10%;
}
.even { background-color:#EEE;}
.hover {background-color:#EEEEFF;}

.datumDiv{
    width: 150px !important;
    display: inline-block !important;
}

.uhrDiv{
    width: 80px !important;
    display: inline-block !important;
}

/* Lightbox und Dialogcss*/

.blackbox{
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    position:absolute;
    background-color: rgba(0,0,0,0.5);
    z-index:999;
}

.dialog{
    background-color: lightgray;
    top: 30%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.dialogHeader{
    background-color: black;
    color: white;
    padding: 10px;
}

.dialogFlex{
    display: flex;
    justify-content: space-between;
}