.DescriptionUL li { list-style-type: disc;    }
.coloredRows tr td { background: #FFFFFF; }
.coloredRows tr:nth-of-type(2n+2) td {background-color: #DDEDFF;}


.icon-size-small
{
    width: 15px;
    height: 15px;
    background-size: 15px;
}

.icon-picture
{
    background-image: url("../Main/DE/Garage/Drives/Images/PictureIcon.png");
}

.icon-help
{
    background-image: url("../Main/DE/Garage/Drives/Images/Help.png");
}

.drives-table-col-help
{
    width: 20px;
}

.drives-table-col-picture
{
    width: 20px; text-align: center;
}

.drives-table-col-article-number
{
    width: 70px;
}

.drives-table-col-amount
{
    text-align: center;
}

.drives-table-col-price
{
    text-align: right;
}

.amount-input-field
{
    width:30px !important;
    text-align:center;
}

.hidden
{
    position:absolute;
    visibility:hidden;
    display:none;
}

.PicturePanel
{
    z-index: 10001;
    visibility:hidden;
    display:none;
}
.ui-menu-item 
{
    background-color: #E0E0E0;
    border: 1px solid #A0A0A0;
    border-radius: 3px;
}
.ui-state-focus
{
    background-color: #fffd8c;
    border: 1px solid #A0A0A0;
    /*border: 1px solid #fffc52;*/
}

.ChooseProductPopup2
{
    background: #FFFFFF none repeat scroll 0 0;
    opacity: 1.00;
    padding: 20px;
    position: fixed;
    top: 220px;
    margin: auto;
    min-width: 440px;
    left: 37%;
}

.MainMenuDynamicPopup
{
    background: #FFFFFF none repeat scroll 0 0;
    opacity: 1.00;
    padding: 20px;
    position: absolute;
    margin: auto;
    min-width: 750px;
    max-width: 750px;
    left: 5%;
}

/*  Popup Classes for the "Order"-"Offer" Part END  */
/*  Popup Classes for the "ChooseProduct-Part   */
.PopupPanel
{
    left: unset!important;
    /*z-index: 100001; 
    display: none;
    left: 0!important;
    width: 80%;*/
}
.ChooseProductPopupBG
{
    background-color: #000000;
    filter: alpha(opacity=50);
    opacity: 0.40;
}
.ChooseProductPopup
{
    background: #FFFFFF none repeat scroll 0 0;
    /*border-radius: 10px;*/
    /*left: 540px;*/
    min-height: 400px;
    width: 786px;
    opacity: 1.00;
    padding: 20px;
    position: fixed;
    top: 150px;
    margin: auto;
}
.LinkModernUI
{
    opacity: 0.30;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:1;
}
/*  Popup Classes for the "ChooseProduct"-Part - END */
/*  Table Classes for the "delete user"-Part    */
.UserTable th
{
    font-family:Calibri;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    background-color: #1D62AC;
    border: #164577 solid;
    text-align:center;
    padding: 5px 10px;
}
.UserTable tr td
{
    font-family:Calibri;
    font-size:14px;
    border: #164577 solid;
    overflow:hidden;
    padding: 10px 5px;
    /*border: #164577 solid;*/
    /*text-align:center;*/
}
.CustomerTable th
{
    font-family:Calibri;
    font-size:16px;
    font-weight:bold;
    color:#FFFFFF;
    background-color: #1D62AC;
    border: #164577 solid;
    text-align:center;
    padding: 5px 10px;
}
.CustomerTable tr td
{
    font-family:Calibri;
    font-size:14px;
    border: #164577 solid;
    overflow:hidden;
    padding: 5px 5px;
    /*border: #164577 solid;*/
    /*text-align:center;*/
}

.informationDivs{
    border: solid 1px #000000;
    border-radius: 5px 5px 5px 5px;
    background-color: #EEF2F5; 
    padding: 5px 5px 5px 15px;
    width: 250px;
    text-align: left;
}
.AccordionHeaderClass{
    background-color:#226EBF;
    color:#FFFFFF;
    font-weight: bold;
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-style: normal;
    border: 1px solid #555555;
    border-radius: 0px 0px 0px 0px;
    padding: 5px;
    cursor: pointer;
    text-indent: 10px;
}
.AccordionSelectedHeaderClass{
    background-color:#226EBF;
    color:#FFFFFF;
    font-weight: bold;
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-style: normal;
    border: 1px solid #555555;
    border-radius: 0px 0px 0px 0px;
    padding: 5px;
    cursor: pointer;
    text-indent: 10px;
}
.AccordionContentClass {
    color: #000000;
    font-size: 13px;
    font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    font-weight: normal;
    font-style: normal;
    border: 1px solid #555555;
    border-radius: 0px 0px 8px 8px;
    padding: 5px;
}

.TextboxFont {
    text-indent:5px;
}

.FailBox {
    background-color:#FF9696;
    border: 3px solid #FF0000;
    border-radius: 5px;
    font-weight: bold;
    width: 280px;
    left: 100px;
    text-align: left;
    padding: 5px 5px 5px 15px;
}

.FailBoxList {
}

.FailBoxListItem {
    list-style: inside;
}

.InfoBox {
    background-color:#FFFAAA;
    padding: 5px;
    border: 3px solid #FFF000;
    border-radius: 5px;
    font-weight: bold;
    width: 310px;
    left: 100px;
    text-align: center;
}

.FailBoxSmall {
    background-color:#FF9696;
    padding: 5px;
    border: 3px solid #FF0000;
    border-radius: 5px;
    font-weight: bold;
    width: 220px;
    left: 100px;
    text-align: left;
    padding-left: 10px;
}

.FineBox {
    background-color:#CFFFA0;
    padding: 5px;
    border: 3px solid #21FF00;
    border-radius: 5px;
    font-weight: bold;
    width: 280px;
    left: 100px;
    text-align: center;
}

.FadeEffect1 {
display: -moz-inline-stack;
display: inline-block;
 opacity: 1.0;
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity 1s ease-in-out;
 -webkit-transition: opacity 1s ease-in-out;
 }
 .FadeEffect1:hover {
display: -moz-inline-stack;
display: inline-block;
 opacity: .6;
 transition: opacity .25s ease-in-out;
 -moz-transition: opacity .55s ease-in-out;
 -webkit-transition: opacity .55s ease-in-out;
 cursor: pointer;
 }

.RightAlign {
text-align: right;
}

.MenuItem {
    margin-left: 5px;
    margin-right: 5px;
    font-weight: 600;
    text-transform:uppercase; 
    text-decoration:none;
    color:#000000;
}
.MenuItem:hover {
    text-decoration:underline;
}
.LinkOption {
    color: #1E63AB;
    text-decoration: underline;
}
.LinkOption:hover {
    color: #1E63AB;
    text-decoration: underline;
    cursor: default;
}

.submitButton
{
    text-align: right;
    padding-right: 0px;
}

.DropDown {
   background: #F9FAFB;
   -webkit-border-radius:4px;
   -moz-border-radius:4px;
   border-radius:4px;
   border:1px solid #B9C2CB;
   margin:0 auto;
}

.DropDown {
   width: 100%;
   padding: 4px 0;
   color: #3D5166 !important;
   font-size: 13px;
   font-family: Tahoma, Arial, Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}

#main {
    float:left;
    width:620px;
    margin-right: -300px;
    min-height: 200px;
}

#sidebar {
    float:right;
    width:270px;
    min-height:200px;
    padding-top:19px;
}

.CustomTabStyle .ajax__tab_header					{ background:url(images/tab/tab-line.png) repeat-x bottom; }
.CustomTabStyle .ajax__tab_outer				    { background:url(images/tab/tab-right.png) no-repeat right; }
.CustomTabStyle .ajax__tab_inner					{ background:url(images/tab/tab-left.png) no-repeat; }
.CustomTabStyle .ajax__tab_tab						{ background:url(images/tab/tab.png) repeat-x; }
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer	{ background:url(images/tab/tab-hover-right.png) no-repeat right; }
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner	{ background:url(images/tab/tab-hover-left.png) no-repeat; }
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab		{ background:url(images/tab/tab-hover.png) repeat-x; }
.CustomTabStyle .ajax__tab_active .ajax__tab_outer	{ background:url(images/tab/tab-active-right.png) no-repeat right; }
.CustomTabStyle .ajax__tab_active .ajax__tab_inner	{ background:url(images/tab/tab-active-left.png) no-repeat; }
.CustomTabStyle .ajax__tab_active .ajax__tab_tab	{ background:url(images/tab/tab-active.png) repeat-x; }
.CustomTabStyle .ajax__tab_header 					{ height: 20px; font-family:verdana,tahoma,helvetica; font-size:11px; }
.CustomTabStyle .ajax__tab_outer					{ height: 20px; }
.CustomTabStyle .ajax__tab_inner					{ padding-left:3px; padding-right: 1px; }
.CustomTabStyle .ajax__tab_tab						{ padding: 4px 6px; margin:0; color: #1E63AB; }
.CustomTabStyle .ajax__tab_body						{ margin:0; font-family:verdana,tahoma,helvetica; font-size:10pt; border: 1px solid #999999; border-top: 0px; padding:8px; background-color:#ffffff; }
.CustomTabStyle .ajax__tab_active .ajax__tab_outer	{ margin:0; }
.CustomTabStyle .ajax__tab_active .ajax__tab_inner	{ margin:0; }
.CustomTabStyle .ajax__tab_active .ajax__tab_tab	{ margin:0; color: #1E63AB; outline-style: none; }

.NovoTabStyle .ajax__tab_header
{
    white-space: normal!important;
    height: auto!important;
    font-family: "Helvetica Neue" , Arial, Sans-Serif;
    font-size: 12px;
    font-weight:bold;
    display: block;
}
.NovoTabStyle .ajax__tab_header .ajax__tab_outer
{
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
    border:solid 1px #d7d7d7;
    margin-bottom: 2px;
}
.NovoTabStyle .ajax__tab_header .ajax__tab_inner
{
    border-color: #666;
    color: #666;
    padding: 3px 10px 2px 0px;
}
.NovoTabStyle .ajax__tab_hover .ajax__tab_outer
{
    background-color:#1E63AB;
}
.NovoTabStyle .ajax__tab_hover .ajax__tab_inner
{
    color: #fff;
}
.NovoTabStyle .ajax__tab_active .ajax__tab_outer
{
    border-bottom-color: #ffffff;
    background-color: #d7d7d7;
}
.NovoTabStyle .ajax__tab_active .ajax__tab_inner
{
    color: #000;
    border-color: #333;
}
.NovoTabStyle .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border: solid 1px #d7d7d7;
    padding: 8px;
}
/* JQuery UI Datepicker */
.ui-datepicker {
    background-color: #f7f7f7;
    width: 246px!important;
    height: auto;
    margin: 5px auto 0;
    font: 9pt Arial, sans-serif;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
}

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker table {
    width: 100%;
}

.ui-datepicker-header {
    /*background: url('../img/dark_leather.png') repeat 0 0 #000;*/
    background-color: #000000;
    color: #e0e0e0;
    font-weight: bold;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
    -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
    text-shadow: 1px -1px 0px #000;
    /*filter: dropshadow(color=#000, offx=1, offy=-1);*/
    line-height: 30px;
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #111;
}

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    width: 20px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    line-height: 600%;
    overflow: hidden;
    top:7px!important;
    /*margin-top: 5px;*/
} 
.ui-datepicker-prev {
    background-image: url('Novoferm/images/DatepickerArrowLeft.png');
    margin-left: 10px;
}
.ui-datepicker-next {
    background-image: url('Novoferm/images/DatepickerArrowRight.png');
}

/*.ui-datepicker-prev {
    float: left;
    background-position: center -30px;
}
.ui-datepicker-next {
    float: right;
    background-position: center 0px;
}*/

.ui-datepicker thead {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
    background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
    background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
    /*background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);*/
    background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
    border-bottom: 1px solid #bbb;
}

.ui-datepicker th {
    text-transform: uppercase;
    font-size: 6pt;
    padding: 5px 0;
    color: #666666;
    text-shadow: 1px 0px 0px #fff;
    /*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}

.ui-datepicker tbody td {
    padding: 0;
    border-right: 1px solid #bbb;
}

.ui-datepicker tbody td:last-child {
    border-right: 0px;
}

.ui-datepicker tbody tr {
    border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
    border-bottom: 0px;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    font-weight: bold;
    text-align: center!important;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #666666;
    text-shadow: 1px 1px 0px #fff;
    /*filter: dropshadow(color=#fff, offx=1, offy=1);*/
}
.ui-datepicker-calendar .ui-state-default {
    background: #ededed;
    background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
    background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
    background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
    -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
    /*background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);*/
    background: linear-gradient(top,  #ededed 0%,#dedede 100%);
    <!--[if !IE]> --> filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 ); <!-- <![endif]-->
}
.ui-datepicker-unselectable .ui-state-default {
    background: #f4f4f4;
    color: #b4b3b3;
}
.ui-datepicker-calendar .ui-state-hover {
    background: #f7f7f7;
    }
.ui-datepicker-calendar .ui-state-active {
    background: #1E63AB;
    /*background-color: #1E63AB;*/
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
    color: #e0e0e0;
    text-shadow: 0px 1px 0px #4d7a85;
    /*filter: dropshadow(color=#4d7a85, offx=0, offy=1);*/
    border: 1px solid #55838f;
    position: relative;
    margin: -1px;
}

/*  visible validation messages are shown by setting display-style "inline" by ASP validator otherwise set to "none" to hide.
    This causes broxen box when text is broken in multiple lines. 
    As a workaround replacing display-style "inline" to "inline-block" fixes that broken box */
span.InputValidatorMessage[style*="display: inline"] {
    -webkit-box-decoration-break: slice !important;
    -o-box-decoration-break: slice !important;
    box-decoration-break: slice !important;
    display: inline-block !Important;
    background-color: #FF9696;
    border: 2px solid #FF0000;
    border-radius: 5px;
    font-weight: bold;
    width: auto !Important;
    text-align: left;
    overflow-wrap: break-word;
    padding: 1px 1px 1px 1px;
}