/* ========================================================================= */
/*                             Colors                                        */

/* Contents:
 * - Text Colors (includes backgrounds / borders that use "typical text colors"
 * - Backgrounds and gradients
 */

/* ====================================================================== */
/* variables */
:root {
    --color-brand: #005e85;
    --active-link: #005e85;
}

/* Text Colors (and backgrounds / borders that use "typical text colors") */

/* Styleguide: Passive Headline, Aktiver Navi-Punkt */

h3,
.LD_Section_Headline,
.LD_PassiveHeadline,
.LD_SearchKeyword,
.LD_Title_Lightbox,
/* From Tiles.css */
div.LD_Tile LD_Tile_Title, div.LD_Tile LD_Tile_Title > a,
.LD_LinkBack_Top, .LD_LinkBack_Bottom {
    color: #005e85;
}

.LD_BottomBorder_LinkColor,
li.LD_MainNavi_Item_Level1_Selected,
.LD_SearchKeyword,
div.item div.itemdetails div.tabs div.tab.selected,
div.LD_ItemInfo_Details div.tabs div.tab.selected {
    border-bottom-color: #005e85;
}

/* Styleguide: Hauptnavigation */
.LD_TopNavi_Level1,
.LD_TopNavi_Level1 a:link,
.LD_TopNavi_Level1 a:visited,
#metaNavi a div.metalink,
#metaNavi a:visited div.metalink,
/* From Pages */
.LD_LomInfo_LomHeader,
.LD_Bookmarks_NoBookmarks,
.LD_Appointments_CreateEdit Label,
.LD_Appointments_DetailsTable,
.LD_Appointments_DetailsTable_HeaderRow a:link,
.LD_Appointments_DetailsTable_HeaderRow a:visited,
.LD_NoEntriesFound,
.LD_Library_DetailsTable,
.LD_Library_DetailsTable_HeaderRow a:link,
.LD_Library_DetailsTable_HeaderRow a:visited,
.LD_Forum_DetailsTable_HeaderRow a:link,
.LD_Forum_DetailsTable_HeaderRow a:visited,
a.LD_Library_DetailsTable_Title,
/* From HacksNSpecial */
.LD_General_SmallHeadline,
.LD_Button_LinkText {
    color: #000000;
}

/* From Pages */
#mainNavi li.LD_MainNavi_Item_Level1_Selected,
#mainNavi li.LD_Navigation_HorizontalMenu_Level2_Item_Selected,
#metaNavi li.selected,
#LD_SearchControl_TextField_Icon,
#closeSearch {
    background-color: #005E85;
}


/* Styleguide: H1, H2, Subnavi ("Subnavi" is actually Top Navi, Level 2) */
h1,
h2,
.LD_TopNavi_Level2,
.LD_TopNavi_Level2 a:link,
.LD_TopNavi_Level2 a:visited,
/* From Tiles.css */
div.LD_Tile_Content {
    color: #333333;
}

/* Styleguide: Metanavigation, aktive Icons (in our terminology, Metanavigation is MetaNaviTop and MetaNaviBottom) */
.LD_MetaNavi,
.LD_MetaNavi a:link,
.LD_MetaNavi a:visited,
div.LD_Room_Forums div.LD_ForumMainTree div.LD_ForumMainTree_Action label {
    color: #434343;
}

/* Styleguide: Fließtext */
body.LD_Body, /* this is the default */
.LD_Body p,
.LD_Body_LightBox p,
a.LD_StandaloneLink:link,
a.LD_StandaloneLink:visited,
.LD_Calendar a,
.LD_Calendar a:link,
.LD_Calendar a:hover,
.LD_Calendar a:visited,
.LD_Calendar a:active,
div.LD_Control_TabControl div.tabs ul.ui-tabs-nav li a, /* added because of styleguide for the tabbing*/
div.LD_Control_TabControl div.tabs ul.ui-tabs-nav li > span, /* added because of styleguide for the tabbing*/
/* From Tiles.css */
div.LD_Tiles {
    color: #222222;
}


/* Styleguide: Aktiver Link */
a:hover,
a.LD_StandaloneLink:hover, a.LD_StandaloneLink:hover *,
a:link,
a:visited,
a:active,
.LD_Appointments_DetailsTable_HeaderRow a:hover,
.LD_Library_DetailsTable_HeaderRow a:hover,
.LD_Forum_DetailsTable_HeaderRow a:hover,
div.LD_Tile_Content div.LD_Tile_Footer, div.LD_Tile_Content div.LD_Tile_Footer a,
.LD_RunningText a,
a.LD_RunningText,
.LD_Label.LD_RunningTexts,
/* classes defined in "Pages" */
li.LD_LanguagePicker_Selected,
li.LD_LanguagePicker_Selectable a:hover,
.LD_ToggleControl_RaQuo,
.LD_RaQuo,
div.LD_Room_Forums div.LD_ForumThreadView div span.LD_Forum_LabelForumAnswerTitle,
.LD_TestLearningPaths_Headline,
.LD_Bookmarks_Arrow,
.LD_Bookmarks_CatalogEntry:hover,
a.LD_Bookmarks_LinkButton:hover,
.LD_Calendar_TitleStyle,
.LD_Calendar_NextPrevStyle a,
.LD_Calendar_NextPrevStyle a:link,
.LD_Calendar_NextPrevStyle a:hover,
.LD_Calendar_NextPrevStyle a:visited,
.LD_Calendar_NextPrevStyle a:active,
.LD_Sitemap_RaQuo,
div.LD_TreeWrapper div.LD_TreeNode div.LD_TreeNodeSelected a,
div.LD_TreeWrapper div.LD_TreeLeave.LD_TreeNodeSelected a span,
div.LD_TreeWrapper div.LD_TreeNode div.LD_TreeNodeText.LD_TreeLeave a:hover,
#mainNavi li.LD_TopNavi_Level2 a,
#mainNavi li.LD_TopNavi_Level2 a:link,
#mainNavi li.LD_TopNavi_Level2 a:visited,
.LD_ListingTable .LD_ListingEntries .ItemTitle,
div.LD_Tile_Carousel a:hover *,
h1.LD_Tile_Title span.LD_StandaloneLink {
    color: #0172A2;
}

a:focus-visible, .LD_ItemInfo_Details a:focus-visible {
    outline: 2px auto var(--color-brand);
}

@-moz-document url-prefix() {
    a:focus-visible, .LD_ItemInfo_Details a:focus-visible {
        outline-style: solid;
    }
}

.LD_Tile_ImageWrapper > a:focus-visible {
    outline-offset: 5px;
}

a.Toggle:focus-visible {
    outline-offset: -1px;
}

.LD_Tile_New > a:focus-visible {
    outline: none;
}

    .LD_Tile_New > a:focus-visible > .LD_Tile_ImageWrapper {
        outline: 2px solid var(--color-brand);
        outline-offset: -2px;
    }

.LD_ListingTable .LD_ListingEntries .ItemTitle.NoLink {
    color: #909090;
}

#mainNavi li:hover,
#metaNavi li a:hover,
#LD_SearchControl_TextField_Icon:hover,
#closeSearch:hover,
input.LD_Button:hover,
input.LD_Button:active,
input.LD_Button.LD_SimulateHover,
.LD_Button:hover,
.LD_Button:active,
input.LD_Button.LD_SimulateHover,
/*tile background for hovering*/
div.LD_Tile_ImageWrapper a:not(.aspNetDisabled) div.LD_HoverState,
div.LD_Tile_ImageWrapper a div.LD_HoverState, a div.LD_Tile_ImageWrapper div.LD_HoverState {
    background-color: #0172A2;
}

div.LD_ToggleMainDiv,
tr.LD_ToggleHistoryRow,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected,
.ui-tabs .ui-tabs-nav li.ui-tabs-active,
.LD_Default_TableCell,
.LD_SearchResults_SearchResultItem > td,
.LD_Sitemap_RootMenu,
.LD_Announcements_Header,
.LD_Library_DetailsTable_DescRow td,
div.LD_TreeWrapper div.LD_TreeNode div.LD_TreeNodeSelected a,
div.LD_TreeWrapper div.LD_TreeLeave.LD_TreeNodeSelected a span,
div.LD_TreeWrapper div.LD_TreeNode div.LD_TreeNodeText.LD_TreeLeave a:hover,
div.LD_Room_Forums div.LD_Forums_ForumContentList tr.LD_Forum_RowHeading > td,
div.LD_Room_Forums div.LD_ForumThreadView table.LD_Forum_TableThread tr:first-child > td {
    border-bottom-color: #0172A2;
}

tr.LD_Toggle_Level1 > td,
.LD_Appointments_DetailsTable_Row td {
    border-top-color: #0172A2;
}

#LD_Header_Navigation_Search div#LD_SearchControl_TextField input {
    border-color: #0172A2;
}

/* Styleguide: Breadcrumb, Subheadline */
.LD_Subheadline,
.LD_Breadcrumb,
.LD_HeaderCaption,
div.LD_Room_Forums div.LD_Forums_ForumContentList tr td.LD_Forum_ForumCount span,
/* From Tiles.css */
div.LD_Tile_Description {
    color: #545454;
}

/* Styleguide: Warnfarbe */
.LD_Warn,
.LD_Validator,
.LD_Error, div.LD_Profile_UserOptions .LD_Settings_SavingSetting.LD_Settings_Error,
.LD_ToggleControl_ToggleTable_Warning {
    color: #850000 !important;
}

/* Status colors */
.LD_TextColor_ItemStates_Untouched {
    color: #909090;
}

.LD_Sprite_ItemStates_Training_S20_BOOKABLE,
.LD_TextColor_ItemStates_Passed {
    color: #009900;
}

.LD_Sprite_ItemStates_Training_S68_HAS_WAITLIST,
.LD_TextColor_ItemStates_InProgress {
    color: #999900;
}

.LD_Sprite_ItemStates_Training_S70_FULL,
.LD_TextColor_ItemStates_Failed {
    color: #990000;
}


/* DO NOT CHANGE THIS UNLESS YOU REALLY- I MEAN REALLY REALLY - KNOW WHAT YOU'RE DOING!!! */
.LD_WaitDiv {
    background-color: #888888;
}

/* DO NOT CHANGE THIS UNLESS YOU REALLY- I MEAN REALLY REALLY - KNOW WHAT YOU'RE DOING!!! */
#cboxOverlay {
    background-color: #000000;
}


/* Text Colors (and backgrounds / borders that use "typical text colors") */
/* ====================================================================== */

/* ====================================================================== */
/* Backgrounds and Gradients */

/* Styleguide: Zeilenhighlight bei Mouseover */
.LD_Toggle_Level3:hover {
    background-color: #e4f7ff;
}

/* Styleguide: Button Hintergrund (currently not used in HTML) */
input.LD_Button,
.LD_Button {
    background-color: #004362;
}

/* Styleguide: Passive Icons (currently not used in HTML as bg-color - but as border color!) */
.LD_PassiveIcons {
    background-color: #c1c0c0;
}

div.LD_Tiles_Dynamic_Content div.LD_Tile > div {
    background-color: #FFFFFF;
}

div.LD_Tile_TitleIcon {
    background-color: transparent;
}

input.LD_TextBox,
div.LD_Profile_UserOptions input.LD_Controls_TextInput,
div.LD_Room_LearnerProfile input.LD_Controls_TextInput,
div.LD_Room_LearnerProfile textarea,
span.LD_TextBox,
div.LD_Room_Forums textarea,
div.LD_Room_Curriculum.LD_SubRoom_Curriculum_LernerProfile div.LD_Profile_UserImage div.LD_Profile_ImageUserProfileWrapper_Edit,
div.LD_Room_LearnerProfile div.LD_Profile_UserImage div.LD_Profile_ImageUserProfileWrapper_Edit,
input[type=text],
html .ms-options-wrap > button,
html .ms-options-wrap > .ms-options,
html .ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup
/* div.LD_Profile_ImageUserProfileWrapper_View could be used, too (it's defined in code) */ {
    border-color: #c1c0c0;
}



.LD_Default_TableHeader,
.LD_Bookmarks_Table_Header td,
.LD_Appointments_DetailsTable_HeaderRow td,
.LD_FAQ_Header,
div.LD_Room_Curriculum div#divEduOfferSelector,
.LD_SearchResults_Page th,
.LD_Library_DetailsTable_HeaderRow td,
.LD_Forum_DetailsTable_HeaderRow td {
    border-bottom-color: #c1c0c0;
}


/* Styleguide: Content Hintergrund weiß */
#innerContentArea,
/* From "ColorBox" */
#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight,
#cboxMiddleLeft,
#cboxMiddleRight,
#cboxTopCenter,
#cboxBottomCenter,
#cboxContent,
.cboxIframe,
/* From "ControlStyles" */
#LD_SearchControl_TextField,
#LD_Control_TextField,
/*#mainNavi li:focus,*/ /* is recommended for mobile - but doesn't really work */
#mainNavi,
#mainNavi li.LD_Hacks_FixMissingHoverSupport, /* IE6/IE7 hack */
#mainNavi li ul,
#metaNavi,
.LD_Appointments_DetailsTable,
.LD_Appointments_DetailsPageContentHyperlink,
div.LD_Room_LearnerProfile div.LD_Profile_UserImage div.LD_TextInputWrapper.LD_FileUpload span.LD_TextBox,
div.LD_TextInputWrapper.LD_FileUpload span.LD_TextBox,
.LD_Library_DetailsTable {
    background-color: #ffffff;
}

    .LD_Button,
    a.LD_Button:link,
    a.LD_Button:hover,
    a.LD_Button:visited,
    a.LD_Button:active,
    /* Styleguide: Hauptnavigation */
    #mainNavi li.LD_MainNavi_Item_Level1_Selected,
    #mainNavi li.LD_MainNavi_Item_Level1_Selected a,
    #mainNavi li.LD_Navigation_HorizontalMenu_Level2_Item_Selected a .LD_TextTopNavigationSub,
    #mainNavi > li:hover a,
    #mainNavi li:hover li.LD_TopNavi_Level2:hover a,
    #metaNavi li a:hover div.metalink,
    #metaNavi li.selected a div.metalink,
    .LD_TopNavi_Level1:hover,
    .LD_TopNavi_Level1 a:link:hover,
    .LD_TopNavi_Level1 a:visited:hover,
    .LD_TopNavi_Level2:hover,
    .LD_TopNavi_Level2 a:link:hover,
    .LD_TopNavi_Level2 a:visited:hover,
    /* From "Pages" */
    #mainNavi li.LD_MainNavi_Item_Level1_Selected,
    #outerFooter, /* Same color as icons */
    .LD_RaQuoButton /* Same color as icons */ {
        color: #ffffff; /* Same color as icons */
    }


/* Styleguide: Hintergrundverlauf + Styleguide: Hintergrundmuster-Kachel */
.Login_Body,
body.LD_Body {
    /* NOTE: For an example with a fancy gradient, see VIWIS_Fancy.css; pay special attention to the use of "!important" in that example! */
    background-color: #FFFFFF;
    background-image: url(../../Images/_SysImages/LearnerDesktop/bg_dotted.png);
    background-position: left top;
    background-repeat: repeat;
}

/* Styleguide: Header-Hintergrund */
#headerFullWidth {
    /* This was created using: http://www.colorzilla.com/gradient-editor/ - using Styleguide "Header-Hintergrund" */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZWRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: #ededf4 url(../../Images/_SysImages/LearnerDesktop/bg_header.png) repeat-x; /* Old browsers */
    background: -moz-linear-gradient(top, #ededf4 0%, #ffffff 50%, #ededf4 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededf4), color-stop(50%,#ffffff), color-stop(100%,#ededf4)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededf4 0%,#ffffff 50%,#ededf4 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededf4 0%,#ffffff 50%,#ededf4 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededf4 0%,#ffffff 50%,#ededf4 100%); /* IE10+ */
    background: linear-gradient(top, #ededf4 0%,#ffffff 50%,#ededf4 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededf4', endColorstr='#ededf4',GradientType=0 );*/ /* IE6-8 */ /* BREAKS THINGS in IE6-8! */
}

/* Not defined in Styleguide */
#headerArea {
    background-image: url(../../Images/_SysImages/LearnerDesktop/bg_niceHeader.png);
    background-position: right top;
    background-repeat: no-repeat;
    border: none;
}


/* Styleguide: Content Hintergrund grau (only starting color) */
#topOfPageWithBreadcrumb {
    background-color: #EEEEEE; /* start of gradient "Content Hintergrund grau" */
    /*border: 1px solid #9c9c9c;*/
    border-bottom: none;
}

/* Styleguide: Content Hintergrund grau */
#mainPageArea {
    border-bottom: 1px solid #9c9c9c;
    border-left: 1px solid #9c9c9c;
    border-right: 1px solid #9c9c9c;
    background: #EEEEEE; /* Old browsers */
}


/* Backgrounds and Gradients */
/* ====================================================================== */

/*                             Colors                                        */
/* ========================================================================= */
/*                             Unspecified Colors                            */
.Expiration.StillValid,
.LD_Tile_Dynamic_ExpireInfo,
.LD_Tile_Dynamic_CorrectionBooking {
    color: #B5B813;
}

.Expiration.Expired,
.LD_Tile_Dynamic_Expired,
.LD_Tile_Dynamic_ExpireWarn,
.LD_Tile_Dynamic_StornoBooking {
    color: #EC1414;
}

.Expiration.LastNotification,
.LD_Settings_SavingSetting.LD_Settings_Succeed,
.LD_Tile_Dynamic_ExpireOK,
.LD_Tile_Dynamic_NormalBooking {
    color: #31A100;
}

/* Used for items that are currently not available (usually greyed out) */
.LD_ToggleControl_ToggleTable_Disabled,
.LD_RaquoControl_Disabled,
.LD_RaquoControl_Disabled span,
.LD_RaquoControl_Disabled:hover,
.LD_Button_Disabled,
.LD_Button_Disabled:hover {
    color: #909090; /* previously was #7A7A7A - let's see how the "standard disabled color" works */
}

span.LD_SearchResult_SearchWord_Hit {
    color: #F7DD00;
    font-weight: bold;
}

/* ======================================================================
   Colours introduced as part of 9.1 LD redesign
   ========================================================================= */
#headerNavigationMain ul,
#headerNavigationMain li,
#closeSearch {
    border-color: #D5D5D5;
}

.LD_TextField_Hint {
    color: #BFBFBF;
}

.br-theme-fontawesome-stars .br-widget a.br-active:after {
    color: #0172A2 !important; /*we are not extending the original CSS to make it flexible for updating the component; even !important is not so nice*/
}

/* ======================================================================
   Colours introduced as part of 9.6 LD redesign
   ========================================================================= */
a.LD_LinkInContent {
    color: var(--ActiveLink-Secondary);
}

a.LD_LinkInContent:hover, a.LD_LinkInContent:focus-visible {
    color: var(--ActiveLink);
}

a.LD_LinkInContent::before {
    color: var(--ActiveLink);
}

/* ======================================================================
   Changes made in 9.11 
   ========================================================================= */

.ModuleChatEduCatalog {
    color: #909090!important;
}

.ModuleChatEduCatalog:hover {
    color: #909090;
}