/*
    Colors
    Maincolor     #ffe100
    Secondcolor   #B2C89E 

    Font color
    On Maincolor BG: #000000


    #4b8232 rgb(75 130 50) -> #ffe100 rgb(255 225 0)


    #B2C89E rgb(178,200,158) -> #F5F5F5 rgb(? ? ?) provisorisch keine aktuelle Farbe vom Kunden...

    #000000
    #ffffff
    #808080
    
*/
* {
    font-family: 'Roboto', sans-serif;
}


.k-dropdown-wrap.k-state-default.k-state-active{
    color: #000000 !important;
}

a,
.btnWithImageTop,
#supportLiFooter {
    color: #000000 !important;
    font-weight: bold;
}

*:focus{
    outline-color: #ffe100 !important;
}

a:visited {
    color: #000000 !important;
    font-weight: bold;
}

a.k-primary:visited {
    color: #000000 !important;
    font-weight: bold;
}

.cs-customizable-navigation-item,
.cs-customizable-navigation-item a:hover,
.cs-customizable-navigation-item a:active {
    color: #000000 !important;
    font-weight: bold;
}

.cs-customizable-navigation-item-icon {
    color: #000000 !important;
    font-weight: bold;
}

.k-multiselect .k-button {
    border-color: #ffe100 !important;
}

.k-multiselect.k-state-focused.k-state-border-down .k-button {
    border-color: #ffe100 !important;
    background-color: #ffe100 !important;
    color: #000000
}


span.cs-customizable-link,
span.cs-customizable-link:hover,
span.cs-customizable-link:active,
a.cs-customizable-link,
a.cs-customizable-link:hover,
a.cs-customizable-link:active {
    color: #000000 !important;
    font-weight: bold;
}

.cs-customizable-headline {
    color: #000000 !important;
}

.cs-customizable-subtitle {
    color: #000000 !important;
}

.cs-customizable-text {
    color: #808080 !important;
}

.cs-customizable-table-head {
    color: #000000 !important;
    background-color: #ffe100 !important;
}

.cs-customizable-table-head-light {
    background-color: #F5F5F5 !Important;
}


.cs-customizable-primary-btn {
    background-color: #ffe100 !Important;
    border-color: #ffe100 !Important;
}
    .cs-customizable-primary-btn:hover {
        background-color: #F5F5F5 !Important;
        border-color: #F5F5F5 !Important;
    }

.cs-customizable-table-with-switch h5 {
    background-color: #ffe100 !Important;
    color: #000000;
}

.cs-customizable-table-with-switch:hover h5 {
    background-color: #F5F5F5 !Important;
}

.cs-customizable-primary-btn[disabled] {
    background-color: #F5F5F5 !Important;
    border-color: #F5F5F5 !Important;
}
    .cs-customizable-primary-btn[disabled]:hover {
        background-color: #F5F5F5 !Important;
        border-color: #F5F5F5 !Important;
    }

.cs-customizable-default-btn,
.cs-customizable-default-btn:hover,
.cs-customizable-default-btn:visited,
.cs-customizable-default-btn:focus,
.cs-customizable-default-btn:active {
    color: #000000 !Important;
}


.k-pager-numbers .k-state-selected {
     color: #ffe100 !important;
     border-color: #ffe100 !important;
}

.k-picker-wrap.k-state-focused {
    border-color: #ffe100 !important;
}

.k-calendar .k-state-selected,
.k-list > .k-state-selected {
    background-color: #F5F5F5 !important;
}

.k-calendar .k-state-focused, .k-calendar .k-state-selected.k-state-focused{
    box-shadow: inset 0 0 0 1px #ffe100 !important;
}

.k-calendar .k-footer .k-nav-today{
    color: #ffe100 !important;
}

.k-button:focus{
    border-color: #ffe100 !important;
}

.ChangeUserSectionBtn.active {
    border-bottom: 3px solid #ffe100 !important;
}

select.checkboxBig option:checked,
select.checkboxBig option:hover {
    background: #F5F5F5 !important;
    color: #000000 !important;
}

.k-picker-wrap.k-state-default.k-state-active  .k-select {
    border-color: #ffe100 !important;
}

.k-linkColor{
    color: #ffe100 !important;
}

.cs-customizable-radio input[type="radio"]:checked + label {
    background-color: #ffe100 !important;
}

.cs-customizable-radio:hover label {
    border-bottom: 1px solid #ffe100 !important;
}

.export3DModelTable tr:hover {
    background-color: #F5F5F5 !important;
}

.cs-customizable-img-button:hover {
    box-shadow: 0px 0px 10px 0px #F5F5F5 !important;
    border-color: rgba(255, 225, 0, 0.5) !important;
    border-top-color: rgba(255, 225, 0, 0.5) !important;
    border-right-color: rgba(255, 225, 0, 0.5) !important;
    border-bottom-color: rgba(255, 225, 0, 0.5) !important;
    border-left-color: rgba(255, 225, 0, 0.5) !important;
}

.cs-customizable-tab-button.border-Bottom.gridDeactivated {
    border-bottom: none !important;
}

.cs-customizable-tab-button.border-Bottom,
.cs-customizable-tab-button.activeClassification {
    border-bottom: 3px solid #ffe100 !important;
}

#requirementCheckDiv tr:hover {
    background-color: #F5F5F5 !important;
}

#gridForResultList tr:hover {
    background-color: #808080 !important;
    color: #000000 !important;
}

/* --------------------------------------- */
.k-calendar .k-today {
    background-color: #ffe100 !important;
    border-color: #ffe100 !important;
}

.k-today.k-state-focused {
    background-color: #ffe100 !important;
    border-color: #ffe100 !important;
}

.k-calendar td:active {
    background-color: #F5F5F5 !important;
    border-color: #F5F5F5 !important;
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color:  #ffe100 !important;
}

#importGrid,
#exportGrid,
#exportGridFull,
#importPreviewGrid,
#gridBasketOverview,
#basketDetailsGrid,
.k-grid {
    color: #000000 !important;
}

    #importGrid.k-grid tr:hover,
    #exportGrid.k-grid tr:hover,
    #exportGridFull.k-grid tr:hover,
    #importPreviewGrid.k-grid tr:hover,
    #gridBasketOverview.k-grid tr:hover,
    #basketDetailsGrid.k-grid tr:hover,
    .k-grid tr:hover,
    .k-grid tr.k-state-selected {
        background-color: #F5F5F5 !important;
    }


#importGrid.k-grid .progressBarOuterSpan,
#exportGrid.k-grid .progressBarOuterSpan,
#exportGridFull.k-grid .progressBarOuterSpan,
#importPreviewGrid.k-grid .progressBarOuterSpan,
#gridBasketOverview.k-grid .progressBarOuterSpan,
#basketDetailsGrid.k-grid .progressBarOuterSpan,
.k-grid .progressBarOuterSpan 
{
    /*background-color: #000000 !important;*/
    width:100% !important;
    text-align:center !important;
    position:relative !important;
}


#importGrid.k-grid .progressBarMiddleSpan,
#exportGrid.k-grid .progressBarMiddleSpan,
#exportGridFull.k-grid .progressBarMiddleSpan,
#importPreviewGrid.k-grid .progressBarMiddleSpan,
#gridBasketOverview.k-grid .progressBarMiddleSpan,
#basketDetailsGrid.k-grid .progressBarMiddleSpan,
.k-grid .progressBarMiddleSpan {
    background-color: #ffe100 !important;
    color: #000000 !important;
    position:absolute;
    left:0;
    top:0;
    overflow:hidden !important;
}


#importGrid.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
#exportGrid.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
#exportGridFull.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
#importPreviewGrid.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
#gridBasketOverview.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
#basketDetailsGrid.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan,
.k-grid .progressBarMiddleSpan .progressBarMiddleTextSpan {
    
}


#importGrid.k-grid .progressBarTextSpan,
#exportGrid.k-grid .progressBarTextSpan,
#exportGridFull.k-grid .progressBarTextSpan,
#importPreviewGrid.k-grid .progressBarTextSpan,
#gridBasketOverview.k-grid .progressBarTextSpan,
#basketDetailsGrid.k-grid .progressBarTextSpan,
.k-grid .progressBarTextSpan {
   box-sizing:border-box !important;
   position:initial !important;
   width:100%;
}


.activeLi {
    border-bottom-color: #ffe100 !important;
}

.active {
  border-bottom-color: #ffe100 !important;
}

.k-primary {
    color: #000000 !important;
    border-color: #ffe100 !important;
}

.k-primary:hover {
    
}

.k-textbox:focus {
    border-color: #ffe100 !important;
}

.k-treeview .k-state-selected {
    font-weight: 600;
    color: black;
}

.k-list > .k-item.k-state-focused, .k-treeview .k-in.k-state-focused {
    border-color: #ffffff00;
}
.k-state-hover, .k-state-hover:hover, .k-list > .k-state-hover {
    background-color: #ffffff00;
}

.basketHeaderLink {
    color: #ffe100 !important;
}

.btnWithImageTop:hover {
    box-shadow: 0px 0px 10px 0px #F5F5F5 !important;
    border-color: rgba(255, 225, 0, 0.5) !important;
}

.applicationSearchToolType:hover {
    box-shadow: 0px 0px 10px 0px #F5F5F5 !important;
    border-color: rgba(255, 225, 0, 0.5) !important;
}

.activeToolType:before {
    border-color: rgba(255, 225, 0, 0) !important;
    border-top-color: #F5F5F5 !important;
}

.activeToolType {
    border-color: rgba(255, 225, 0, 0.5) !important;
    box-shadow: 0px 0px 10px 0px #F5F5F5 !important;
}

.blueSpan {
    background-color: #ffe100 !important;
    color: #000000 !important;
}

#breadcrumb .customizable-text a {
    color: #000000 !important;
    font-weight:bold;
}

.k-numeric-wrap.k-state-focused{
    border-color: #ffe100 !important;
}

.highlight {
    color: #000000 !important;
    background-color: #ffe100 !important;
    border-color: rgba(255, 225, 0, 0.5) !important;
    box-shadow: 0px 0px 10px 0px #F5F5F5 !important;
}

.triangleRight {
    border-color: transparent transparent transparent #ffe100 !important;
}

.k-tabstrip-items .k-state-active .k-link, .k-tabstrip-items .k-state-hover .k-link {
    color: #ffe100  !important;
}

.highlightedLi {
    border-bottom: 2px solid #ffe100 !important;
    color: #ffe100  !important;
}

.supportWindowTable a {
    color: #000000 !important;
    font-weight: bold;
}

/* border ist noch blau ?! */
#supportRequestText:focus {
    border-color: rgba(255, 225, 0, 0.5) !important;
    box-shadow: 0px 0px 10px 0px #F5F5F5 !important;
}


.k-button.k-state-active, .k-button:active {
    border-color: #ffe100 !important;
}

.k-dropdown-wrap.k-state-default.k-state-active, 
.k-picker-wrap.k-state-default.k-state-active {
    background-color: #ffe100 !important;
    border-color: #ffe100 !important;
}

.k-dropdown-wrap.k-state-focused{
    border-color: #ffe100 !important;
}

.k-dropdown-wrap.k-state-default.k-state-focused,
.k-dropdown-wrap.k-state-default.k-state-focused.k-state-hover {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #F5F5F5 !important;
}

.buttonAmountDiv {
    background-color: rgba(255, 225, 0, 0.5) !important;
}

/*.k-state-selected {
    color: #000000 !important;
    background-color: #F5F5F5 !important;
    border-color: #F5F5F5 !important;
}*/

.form-control:focus {
    border-color: #ffe100 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #F5F5F5 !important;
}

.k-list > .k-item.k-state-focused {
    border-color: #ffe100 !important;
    background-color: #F5F5F5 !important;
}

.k-list-optionlabel.k-state-selected.k-state-focused {
    border-color: #ffe100 !important;
    background-color: #F5F5F5 !important;
}

.toolClassSelectionWithFilterEntry:hover {
    color: #000000 !important;
    background-color: #F5F5F5 !important;
    border-color: #ffe100 !important;
}

.highlightedFont {
    color:  #ffe100 !important;
}

#componentDisplayLabel {
    color:  #ffe100 !important;
}

.propListActive {
    border-bottom-color: #ffe100 !important;
}

.k-menu .k-link.k-state-active,
.k-menu .k-state-hover .k-state-active{
    background-color: #ffe100 !important;
}

.resultFiltersDiv .k-auto-scrollable:hover::-webkit-scrollbar-thumb{
    background-color: #ffe100 !important;
}

#resultTable th:hover {
    background-color: #F5F5F5 !important;
}

span.InterfaceCodeAssistentHeadlineSpan.selected {
    border-bottom: 3px solid #ffe100 !important;
}

.InterfaceCodeEntry.selected,
.InterfaceCodeEntry.selected:hover {
    background-color: rgba(255, 225, 0, 0.5) !important;
}

.k-multiselect.k-header.k-state-focused {
    border-color: #ffe100 !important;
}

span.InterfaceCodeAssistantParameterStandardValue.selected {
    border-bottom: 2px solid #ffe100 !important;
}

.tableWithSwitch {
    background-color:  #ffe100 !important;
}

.btnWithImageLeft:hover {
    box-shadow: 0px 0px 10px 0px #F5F5F5 !important;
    border-color: rgba(255, 225, 0, 0.5) !important;
    border-top-color: rgba(255, 225, 0, 0.5) !important;
    border-right-color: rgba(255, 225, 0, 0.5) !important;
    border-bottom-color: rgba(255, 225, 0, 0.5) !important;
    border-left-color: rgba(255, 225, 0, 0.5) !important;
}

.spinner > div > div {
    background: #ffe100 !important;
}

.k-auto-scrollable,
.k-auto-scrollable:hover {
    /*background-color: #ffe100 !important;*/
}

.headlineSearchParamEntry span:nth-child(2) {
    color: #ffe100 !important;
}

#pageSwitchNumbers a,
#pageSwitchNumbers a:visited,
#pageSwitchNumbers a:hover {
    color: #000000 !important;
    font-weight: bold;
}

#gridForResultList .k-alt {
    background-color: #F5F5F5 !important;
}

    #gridForResultList .k-alt.k-state-selected,
    #gridForResultList .k-state-selected {
        background-color: #ffe100 !important; /* #F5F5F5 */
    }

#detailsBoxHeadline:hover span.glyphicon.glyphicon-eye-open {
    color: #ffe100 !important;
}

.activeMaterialBtn {
    border-bottom: 7px solid rgb(255, 225, 0) !important;
    border-bottom-color: rgb(255, 225, 0) !important;
}

.k-button.k-state-focused,
.k-button.k-state-focused:hover{
    border-color:  #ffe100 !important;
}


.btnWithImageTopFixedSize:hover {
    box-shadow: 0px 0px 10px 0px #F5F5F5 !important;
    border-color: rgba(255, 225, 0, 0.5) !important;
    border-top-color: rgba(255, 225, 0, 0.5) !important;
    border-right-color: rgba(255, 225, 0, 0.5) !important;
    border-bottom-color: rgba(255, 225, 0, 0.5) !important;
    border-left-color: rgba(255, 225, 0, 0.5) !important;
}

.panel-clickable:hover {
    border-color: rgba(255, 225, 0, 0.5) !important;
    border-top-color: rgba(255, 225, 0, 0.5) !important;
    border-right-color: rgba(255, 225, 0, 0.5) !important;
    border-bottom-color: rgba(255, 225, 0, 0.5) !important;
    border-left-color: rgba(255, 225, 0, 0.5) !important;
}

#toolClassSelectionBreadcrumb a {
    color: #000000 !important;
    font-weight: bold;
}

.btn-primary {
    color: #000000 !important;
    background-color: #ffe100 !important;
    border-color: #ffe100 !important;
    border-top-color: rgb(255, 225, 0) !important;
    border-right-color: rgb(255, 225, 0) !important;
    border-bottom-color: rgb(255, 225, 0) !important;
    border-left-color: rgb(255, 225, 0) !important;
}

    .btn-primary:hover {
        background-color: #F5F5F5 !important;
        border-color: #F5F5F5 !important;
        border-top-color: #F5F5F5 !important;
        border-right-color: #F5F5F5 !important;
        border-bottom-color: #F5F5F5 !important;
        border-left-color: #F5F5F5 !important;
    }

.exportDialogForm h3 {
    color: #ffe100 !important;
}



.bigArticleDetailsBottom form div .k-grid-header th.k-header, .k-filter-row th {
    background-color: #F5F5F5 !important;
}

.activeClassification {
    border-bottom: 3px solid #ffe100 !important;
    border-bottom-color: rgb(255, 225, 0) !important;
}

.DINGTCSwitches div.activeClassification{
    border-bottom: 3px solid #ffe100 !important;
}


.bigArticleDetailsBottom form div .k-grid-header th.k-header {
    background-color: #F5F5F5 !important;
}

.k-pager-numbers .k-state-selected {
    color: #ffe100 !important;
    border-color: #ffe100 !important;
}

.btn-primary {
    background-color: #ffe100 !Important;
    border-color: #ffe100 !Important;
}
    .btn-primary:hover {
        background-color: #F5F5F5 !Important;
        border-color: #F5F5F5 !Important;
    }

table.detailsBoxTable.derivedUserGroupTable thead tr th,
table.detailsBoxTable.permissionsTable thead tr th {
    background-color: #ffe100 !important;
    color: #000000 !important;
}

.customizedTableHead {
    background-color: #ffe100 !important;
    color: #000000 !important;
}

a.btn-default,
a.btn-default:hover,
a.btn-default:visited,
a.btn-default:active {
    color: #000000 !important;
    font-weight: bold;
}

.exportDialogForm span input[type="radio"]:checked + label {
    background-color: #ffe100 !important;
}

.exportDialogForm span input[type="radio"]:hover + label {
    border-bottom: 1px solid #ffe100 !important;
    border-bottom-color: rgb(255, 225, 0) !important;
}

.k-overlay {
    opacity: 0.7 !important;
}

#gridForResultList tr:hover {
    background-color: #F5F5F5 !important;
}

.TuOwnComponentsSwitch input:checked + label.btn {
    border-bottom: 4px solid #ffe100 !important;
}

.smlFilterSelection {
    border-bottom: 4px solid #ffe100 !important;
}

.detailsBoxTable th {
    background-color: #F5F5F5 !important;
}

.smallerBiggerEqualBtnActive {
    background-color: #F5F5F5 !important;
}

.k-draghandle,
.k-draghandle.k-state-selected {
    background-color: #ffe100 !important;
    border-color: #ffe100 !important;
}