/* ========================================================================= */
/*                             Layout                                        */

@import url("BaseLearnerDesktop_Dialogs.css");

body
{
    /*added relative position because for old IE version it is needed to have boxing position with child absolute elements */
    position:relative;
}

#formLearnerDesktop 
{
    margin: 0px;
    padding: 0px;
}

.LD_ForceScrollbar 
{
    overflow-y: scroll;
}

#headerFullWidth 
{
    width: 100%;
    padding: 0;
    margin: 0;
    min-width: 988px; /*hack for correct width in minimize mode and scrolling */
}

#headerArea
{
    height: unset; /* adjust the height based on the existing structure and definition */
}


div#contentAreaMainName h1
{
    margin-bottom: 12px;
}


/* The main page area, centered */
.LD_PageArea 
{
    width: 988px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
}


p
{
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: justify;
}

p.LD_InfoText
{
    text-align: left;
}

h2.LD_Title_Lightbox 
{
    padding-top:0px;
    margin-top:0px;
}

h3 
{
    padding-top: 0px;
    margin-top: 30px;
    margin-bottom: 2px;
}

.LD_TinyBottomPadding  /* use this e.g. in tables to avoid things looking to narrow */
{
    padding-bottom: 3px;
}

/* Use this e.g. for paddings after headlines */
.LD_SmallBottomPadding 
{
    padding-bottom: 10px;
}

.LD_LargeBottomPadding 
{
    padding-bottom: 20px;
}

.LD_SmallTopPadding 
{
    padding-top: 10px;
}

.LD_Sprite_Button.LD_IconToIcon, 
.LD_IconToIcon
{
    margin-right: 10px;
}

.LD_Sprite_Button_Message_TrainingContact 
{
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 7px;
    padding-top: 2px;
    float:left;
}

.LD_IconToText
{
    margin-right: 7px;
}

.LD_TextToIcon
{
    margin-left: 7px;
}

.LD_SearchResult_ChildIndent
{
    margin-left: 14px;
    margin-top: 4px;
}

.LD_IconTopNavigationSub 
{
    margin-left: 10px;
    margin-right: 10px;
    width: 15px;
    height: 25px;
    float: left;
}

.LD_TextTopNavigationSub 
{
    vertical-align: middle;
    /*float: left;*/
}

.LD_NoWrap 
{
    white-space: nowrap;
}

.LD_FloatLeft 
{
    float: left;
}

.LD_FloatRight 
{
    float: right;
}

.LD_ClearFloat{
    clear:both;
}

.LD_EmptyContent {
    display:none;
    width: 0px;
    height: 0px;
    content: "";
}

.LD_IconToText_Lightbox
{
    margin-right: 10px;
}

.LD_TreeNode
{
    margin-bottom: 10px;
    clear: both;
}

div.LD_CKEditorValue {
    line-height: 20px;
}
div.LD_CKEditorValue p {
    text-align:left;
}

/* START rating breakdown styling*/
table.tooltipContent {
    margin: 0 auto;
    color: #222;
}

table.tooltipContent td:first-child {
    width: 100px;
}

table.tooltipContent td:last-child {
    width: 50px;
    text-align: right;
}

table.tooltipContent .progressBar {
    width: 100px;
    height: 14px;
}

table.tooltipContent .progressBar .ui-progressbar-value {
    background: #25a0da;
    margin: 0;
}

/* Remove JQuery UI rounded corners for the progress bar */
table.tooltipContent .ui-corner-all {
    border-radius: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-topleft: 0;
}

.ui-tooltip {
    background-color: #FFF;
}

table.tooltipContent .ui-progressbar {
    border: solid 1px #222;
}
/* END rating breakdown styling*/


.ChangePasswordButton:focus-visible {
    outline-offset: 2px;
}

div#navigationRoot div.appBarContainer .HomeLogoContainer {
    margin: unset
}
/*                             Layout                                        */
/* ========================================================================= */