/*
::selection {
  background: #fff2a8;
}
*/

textarea, input, button { 
    outline: none; 
}

input {
    border-radius: 10px;   
    border: 2px solid #222222;  
    background-color:#aaaaaa;
    color: #ffffff;   
    padding-left: 7px; 
    padding-right: 7px;   
    margin:3px;
}


.ui-autocomplete-loading { 
    background: #aaaaaa url('../images/ajax-loader-places-16x16.gif') right center no-repeat !important;
}


input[type="text"]:disabled {
    border-radius: 10px;   
    border: 2px solid #222222;  
    background-color:#777777;
    color: #aaaaaa;   
    padding-left: 7px; 
    padding-right: 7px;   
    margin:3px;
}

input:focus {
    
    border-color: #9999ff; 
} 

input:hover {
    border-color: #bbbbbb;   
} 

input:active {
    border-color: #dddddd;    
}

html, body { 
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
  line-height: 20px;
  background-color: #555555; 
  overflow:hidden;
}

/*Zentrale in der Map -> znummer*/
#infoMapZentrale {
    margin:10px;
    padding:8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    background: #636362;
    border: 2px solid #606060;
    color: #ffcb00;
    border-radius: 10px;
    opacity:0.7;
    filter:alpha(opacity=70); /* For IE8 and earlier */    
}

/* ++++++++++ Auftragsjournal +++++++++++++ */
#dialog-journal {
    overflow-x: hidden;
}

#journalForm
{
    float: left;
    position: relative;
    width: 558px;
    height: 338px;
    overflow: auto;
}

#journalDetailsForm
{
    cursor: pointer;
    float: right;
    
    width: 558px;
    height: 338px;
    overflow: auto;
    overflow-x: hidden;

    position: absolute;
    left: 600px;
}


.tabJournalDetails {
    
    width: 100%;    
}

.journalItem {
    
    cursor: pointer;
    border-radius: 10px;   
    border: 2px solid black;  
    padding:5px;  
    
    /*
    padding-left: 50px;
    background-image:url("../Resources/Envelope_grey.png");
    background-repeat: no-repeat;
    background-position: 10px 20px;
    */
}

.journalDetailsIcon {
    
    background-image:url("../Resources/customDetailDisclosureButton@2x.png");
    width: 14px;
    height: 23px;
    position: relative;
    top: -40px;
    float:right;
}

.journalItem:hover {
    background-color: #333355;
    border: 2px solid #9999ff;
}

.jour_zeit {    
    font-weight:400;
    margin-right: 10px;
}

.jour_strasse {
    font-size: 18px;
    font-weight:500;
    color: #ffcb00;
}

.jour_zentrale {
    font-weight:400;
}

.jour_status {
    font-weight:400;  
}

/*-----------------------------------------*/




/*----------------- Favoriten -------------*/


#dialog-favoriten {
    overflow-x: hidden;
}


#favoritenForm
{
    border:1 px solid red;
        
    float: left;
    position: relative;
    width: 558px;
    height: 338px;
    overflow: auto;
    

}

#favoritenEditForm
{
    border:1 px solid blue;

    float: right;
    
    width: 558px;
    height: 338px;
    overflow: auto;
    overflow-x: hidden;

    position: absolute;
    left: 600px;
}

#btnFavEditBack {
    cursor: pointer;    
}



.tabFavoritenEdit {
    
    width: 100%;    
}


.favoritenItem {
 
    cursor: pointer;
    border-radius: 10px;   
    border: 2px solid black;  
    padding:5px;  

    /*
    padding-left: 50px;
    background-image:url("../Resources/Envelope_grey.png");
    background-repeat: no-repeat;
    background-position: 10px 20px;
    */
}


.favoritenItem:hover {
    background-color: #333355;
    border: 2px solid #9999ff;
}


#btnFavAdd {
      
    cursor: pointer;

    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image:url("../images/add_big.png");

    width: 32px;
    height: 32px;  
}

.btnFavDel {
    
    margin-left:10px;   
    cursor: pointer;

    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image:url("../images/delete2.png");

    width: 24px;
    height: 24px;  
}

.btnFavEdit {

    margin-left:10px; 
    margin-bottom:2px; 
    cursor: pointer;

    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-image:url("../images/document_edit.png");

    width: 24px;
    height: 24px;  
}


/*-----------------------------------------*/



.usel_none {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;    
}

.usel_all {
    -webkit-user-select: all;
    -khtml-user-select: all;
    -moz-user-select: all;
    -o-user-select: all;
    user-select: all;
}

#main_content {
    width: 100%;
}

#map_header_bottom{
    height: 100px;
    background-color: #fffacd;
    color: black;
}

#map_header_top {
    height: 88px;
    background-color: black;
    background-image:url("../Resources/navigationBarFond@2x.png");
    color: #ffcb00;
    line-height: 88px;
    text-align: center;
    vertical-align: middle;
}

#headerTopTitle {
    font-size: 30px;
}


#map_footer {
    height: 50px;
    background-color: #444444;
    color: #aaaaaa;    
}


#tabOptions {
    width: 100%;
}

td.lab {
    font-weight: 600;
    width: 120px;
    white-space:nowrap;
    padding-right:5px;
}

td.hinweis {
    text-align: center;
    font-weight: 600;
    font-size: 12px;
    color: #666666;
}

#optionError {

    text-align: center;
    vertical-align:middle;
    line-height: 50px;
    font-weight: 600;
    font-size: 16px;
    color: red;
    height: 50px;
}

#consentForm {
    text-align: center;   
    font-size: 20px; 
    font-weight: 500; 
}

.labOrder {
    font-size: 17px;
    color: #5555aa;
}

.dlgForm {
    text-align: left; 
     
    font-size:14px; 
    font-weight:600; 
    padding: 20px;      
}

#errorText {
    color:red;
    font-size: 24px;
}

.labGelb {
    color: #ffcb00;
    font-size: 16px;
}

hr {
    border-color: #444444;
}


table {
    padding: 0px;
    margin: 0px;
}

table td {
    padding: 0px;
    margin: 0px;
}

.tabWuensche {
    width: 100%;
}

.tdToggleLab {
    padding: 5px;
}

.tdToggle {
    text-align:right;
    padding: 5px;
    width: 60px;
}

.tdBtn {
    width: 55px;
    text-align: left;
    vertical-align: middle;
} 


#adr_start_input table{
    font-size: 20px;
    text-align: center;    
}

#adr_ziel_input table{
    font-size: 20px;
    text-align: center;    
}

#adr_label_top table{
    font-size: 20px;
    text-align: center;
}

#adr_label_bottom table{
    font-size: 12px;
    text-align: center;
}


#div_content {
    text-align:left;
}

div.trackInfo {
    width:100%;
    height:30px;
    font-size: 20px;
    text-align: center;
}


.zentraleItem {
    border: 2px solid #333333;    
    width: 100%;
    height: 80px;
    margin-bottom:10px;
    padding: 5px;
    border-radius: 10px; 
}

.zentraleItem:hover {
    border: 2px solid #666666;
    background-color: #333355;
    cursor: pointer;
}

.zentraleItem_active {
    border-color: #9999ff !important;
    background-color: #111144;
}


.userItem {
    border: 2px solid #333333;    
    width: 100%;
    height: 60px;
    margin-bottom: 6px;
    padding: 2px 5px 2px 5px;
    border-radius: 8px; 
    font-weight:400;
    font-size:12px;
}

.userItem:hover {
    border: 2px solid #666666;
    background-color: #333355;
    cursor: pointer;
}

.userItem_active {
    border-color: #9999ff !important;
    background-color: #111144;
}


.settingLang {
    border: 1px solid #333333;   
    padding: 3px; 
}

.settingLang:hover {
    border: 1px solid #666666;
    background-color: #333355;
    cursor: pointer;
}

.settingLang_active {
    border-color: #9999ff !important;
    background-color: #111144;
}


.ui-dialog {
    z-index: 1001;
}
.ui-front {
    z-index: 1000;
}

.ui-autocomplete-loading { background: white url('../images/ui-anim_basic_16x16.gif') right center no-repeat; }

.ui-autocomplete {
    max-height:250px;
    width: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 3px;
    text-align: left;
    font-size: 18px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 250px;
}

.ui-widget-content {
    color: #cccccc;
    font-size: 16px;
}