﻿.ui-widget-overlay {
    background: none!important;
    background-color: #fff!important;
}

/* Jquery dialog */

.ui-dialog {
    border: 1px solid #aaa!important;
    background-image: none!important;
    background-color: white!important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px;
}

.ui-dialog table {
    color: #333;
}

.ui-dialog select,
.ui-dialog input[type="text"],
.ui-dialog textarea {
    border: 1px solid #98a3a6;
}

.ui-dialog select:focus,
.ui-dialog input[type="text"]:focus,
.ui-dialog textarea:focus {
    border: 1px solid #333;
    border: 1px solid #0072c6;
    outline: none!important;
}

.ui-dialog .ui-dialog-content {
    padding: 15px 20px!important;
}

.ui-dialog .ui-widget-content {
    border: none;
    background: #fff;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0 20px 15px 20px!important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 20px!important;
    margin: 0!important;
    color: #0072c6;
    color: #666;
    font-weight: normal;
    font-size: 16px;
    background: none!important;
}

.ui-dialog .ui-dialog-titlebar span.ui-dialog-title {
    cursor: inherit;
}

.ui-dialog .ui-icon-grip-diagonal-se {
    opacity: 0.5;
}

.ui-dialog .ui-spinner {
    border: 1px solid #98a3a6;
}

.btn-standard,
.ui-dialog button.ui-button {
    color: #333;
    background: none;
    font-weight: normal;
    background-color: #f8f8f8;
    border: 1px solid #98a3a6;
}

.btn-standard:hover,
.ui-dialog button.ui-button:hover {
    color: #000;
    background-color: #dfedfa;
    border: 1px solid #0072c6;
}

.btn-standard:active,
.ui-dialog button.ui-button:active {
    color: #fff;
    background-color: #0072c6;
    border: 1px solid #0072c6;
    outline: none!important;
}

.ui-dialog button.ui-button:disabled {
    color: #98a3a5;
}
.ui-dialog button.ui-button:disabled:hover {
    border: 1px solid #5f6d70;
    background-color: #f8f8f8;
}
.ui-dialog button.ui-button:disabled:active {
    background-color: #5f6d70;
}

.btn-standard {
    padding: .4em 1em;
    cursor: pointer;
}

.ui-dialog button.ui-button.delete {
    
}

.ui-dialog button.ui-button.delete:hover {
    background-color: #fed4d3;
    border-color: #d43f3a;
}

.ui-dialog button.ui-button.delete:active {
    color: #fff!important;
    background-color: #d2322d!important;
    border-color: #ac2925!important;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    top: 15px!important;
    right: 15px!important;
    width: 24px!important;
    height: 24px!important;
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    background-color: transparent!important;
    background-image: url('../images/Modern/icon_close.png')!important;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    cursor: pointer;
    opacity: 0.8;
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: none!important;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    opacity: 1;
}

#suchfeldcontainer #suchfeld
{
    background-image : url('../Images/Modern/search.png') ; 
    background-size: 16px 16px;
    background-position: 3px center !important;
    top:15px;
}








.ui-datepicker {
    width: 280px!important;
    padding: 0!important;
    border: 1px solid #aaa!important;
    background-image: none!important;
    background-color: white!important;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;

}


.ui-datepicker table {
    margin: 0!important;
}

.ui-datepicker th {
    font-weight: normal!important;
    border-bottom: 1px rgba(0, 0, 0, 0.05) solid!important;
    background-color: #f8f8f8!important;
    text-transform: uppercase;
    font-size: 11px!important;
}

.ui-datepicker .ui-datepicker-header {
    padding: .6em 0!important;
    background: #f8f8f8!important;
    border: 0!important;
    color: #666!important;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.ui-datepicker .ui-widget-header .ui-icon {
    background-image: url('../images/Modern/icon_back.png')!important;
    background-position: center center !important;
    background-size: 18px!important;
    opacity: 0.5;
    -webkit-user-select: none;  
    -moz-user-select: none;    
    -ms-user-select: none;
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon {
    background-image: url('../images/Modern/icon_back.png')!important;
}

.ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
    background-image: url('../images/Modern/icon_forward.png')!important;
}


.ui-datepicker .ui-widget-header .ui-icon:hover {
    opacity: 1;
}

.ui-datepicker .ui-state-hover, 
.ui-datepicker .ui-widget-content .ui-state-hover, 
.ui-datepicker .ui-widget-header .ui-state-hover, 
.ui-datepicker .ui-state-focus, 
.ui-datepicker .ui-widget-content .ui-state-focus, 
.ui-datepicker .ui-widget-header .ui-state-focus {
    border: 1px solid transparent!important;
    background: none!important;
    color: inherit!important;
    opacity: 1!important
}


.ui-datepicker .ui-datepicker-prev, 
.ui-datepicker .ui-datepicker-next {
    width: 50px!important;
    height: 100%!important;
}

.ui-datepicker .ui-datepicker-prev span, 
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 0!important;
    top: 0!important;
    height: 100%!important;
    width: 100%!important;
    margin: 0!important;
}

.ui-datepicker td {
    margin: 0em!important;
    padding: 0em!important;
    width: 14.2%!important;
    line-height: 28px!important;
     -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}


.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: 0;
    text-align: center!important;
    text-decoration: none;
    font-size: 11px!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}


.ui-datepicker-calendar .ui-state-default {
    background: #fff!important;
    border: none!important;
    border-right: 1px rgba(0, 0, 0, 0.1) solid!important;
    border-bottom: 1px rgba(0, 0, 0, 0.1) solid!important;
    padding: 4px 0em!important;
    line-height: 28px!important;
    text-align: center!important;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}




.ui-datepicker tr td:nth-child(7) a {
    border-right-color: transparent!important;
}

.ui-datepicker-calendar .ui-state-disabled, 
.ui-datepicker-calendar .ui-widget-content .ui-state-disabled, 
.ui-datepicker-calendar .ui-widget-header .ui-state-disabled {
    opacity: 1!important;
    filter: Alpha(Opacity=100)!important;
}

.ui-datepicker-calendar .ui-datepicker-week-end a,
.ui-datepicker-calendar .ui-datepicker-week-end span {
    background: #f1f1f1!important;
}


.ui-datepicker-calendar span.ui-state-default {
    background: transparent -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent)!important;
    background: transparent -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent)!important;
    background: transparent -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent)!important;
    background: transparent linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, transparent 75%, transparent)!important;
    background-size: 6px 6px!important;
    background-position: 0px!important;
    cursor: default!important;
}


.ui-datepicker-calendar .ui-state-hover, 
.ui-datepicker-calendar .ui-widget-content .ui-state-hover, 
.ui-datepicker-calendar .ui-widget-header .ui-state-hover, 
.ui-datepicker-calendar .ui-state-focus, 
.ui-datepicker-calendar .ui-widget-content .ui-state-focus, 
.ui-datepicker-calendar .ui-widget-header .ui-state-focus {
    border-right: 1px #d9d9d9 solid!important;
    border-bottom: 1px #d9d9d9 solid!important;
    -webkit-box-shadow: -1px -1px #d9d9d9, 0px -1px #d9d9d9, -1px 0px #d9d9d9;
    -moz-box-shadow: -1px -1px #d9d9d9, 0px -1px #d9d9d9, -1px 0px #d9d9d9;
    box-shadow: -1px -1px #d9d9d9, 0px -1px #d9d9d9, -1px 0px #d9d9d9;
    color: #0072c6!important;
}


.ui-datepicker-calendar a.ui-state-active, 
.ui-datepicker-calendar .ui-widget-content a.ui-state-active, 
.ui-datepicker-calendar .ui-widget-header a.ui-state-active {
    border-right: 1px #CFDFFF solid!important;
    border-bottom: 1px #CFDFFF solid!important;
    background: #98BDFF!important;
    color: #333333!important;
    -webkit-box-shadow: -1px -1px #CFDFFF, 0px -1px #CFDFFF, -1px 0px #CFDFFF;
    -moz-box-shadow: -1px -1px #CFDFFF, 0px -1px #CFDFFF, -1px 0px #CFDFFF;
    box-shadow: -1px -1px #CFDFFF, 0px -1px #CFDFFF, -1px 0px #CFDFFF;
}

.btn-custom {
    color: #333;
    background: none;
    font-weight: normal;
    background-color: #f8f8f8;
    border: 1px solid #98a3a6;
    padding: .4em 3em;
    cursor: pointer;
}

.btn-custom:hover {
    color: #000;
    background-color: #dfedfa;
    border: 1px solid #0072c6;
}

.btn-custom:active{
    color: #fff;
    background-color: #0072c6;
    border: 1px solid #0072c6;
    outline: none!important;
}

.infoIconGray
{
    background-image:url(../../Bilder/Programm/Icon100px/info_icon_gray.png);
    width:16px;
    height:16px;
    max-width:16px;
    max-height:16px;
    border:none;
    background-repeat: no-repeat;
    background-position:center;
    background-size: 16px 16px;
    
}

.ui-dialog.adresskreise ul
{
    list-style: none;
    padding-left: 0;
}
.ui-dialog.adresskreise label,
.ui-dialog.adresskreise input
{
    cursor: pointer;
}
.ui-dialog.adresskreise ul > li
{
    background-color: #ebebeb;
    border: 1px solid black;
    height: 30px;
    line-height: 30px;
    margin-top: -1px;
    cursor: pointer;
}
.ui-dialog.adresskreise .newOneText
{
    width: 220px;
}
.ui-dialog.adresskreise span
{
    float: right;
    margin-right: 5px;
}