/*****************************************************************************/
/*                      HINWEIS                                              */
/*****************************************************************************/
/*
- Neue Styles dürfen nur in die Datei 'HISinOneExperimental.css' eingecheckt werden
- Diese neuen Styles werden rechtzeitig vor den HISinOne Releases durch die 
  Projektgruppe Oberflächendesign  geprüft, ggf. freigegeben und in die 
  HISinOne.css übernommen.
*/
/*****************************************************************************/

/*****************************************************************************/
/*               NAMENSKONVENTIONEN FÜR NEUE CSS STYLES                      */
/*****************************************************************************/
/*
1. Sprechenden Namen in Englisch vergeben 
2. Namenskombinationen:
    - mit Unterstrich (z.B. "wizard_navi")
*/
/*****************************************************************************/
/*               INHALTSVERZEICHNIS                                          */
/*****************************************************************************/
/*****************************************************************************/
/*               Listen                                                      */
/*****************************************************************************/


/**
* Kategorie-Listen zur semantischen korrekten Gruppierung von Listen mit Titel, Zeit, Inhalt und Optionen.
* Wird z. B. für Alumni-Gruppenankündigungen verwendet.
**/ /* Übergeordnete Kategorie-Liste */
.category_list {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
}

.category_list dd {
    margin-left: 0;
    padding-left: 0;
}

.category_list dt {
    color: var(--basicFontColor);
    clear: both;
    padding: 4px;
    margin-bottom: 0;
    background-color:var(--backgroundColor4);
}

.category_list dt a {
    font-weight: bold;
    padding: 2px 0;
}

/* Kategorie-Liste */
.category_item_list {
    position: relative;
    background: var(--backgroundColor2) 7px 9px no-repeat;
    padding: 0;
    float: left;
    min-width: 100%;
    width: 100%;
    background-size: var(--backgroundImagesSize);
}

.category_item_list dt {
    padding: 7px 10px 0 10px;
    padding-left: 44px;
    margin-bottom: 0;
    background-color:var(--backgroundColor2);
    background: transparent
        url('/HISinOne/images/icons/bullet_blue.svg')
        top left no-repeat;
    color: var(--basicFontColor);
}

.category_item_list dt .line {
    border-bottom: 1px dashed var(--basicFontColor);
}

.category_item_timestamp {
    margin-left: 44px !important;
    margin-top: -2px;
    padding-right: 10px;
    color: var(--basicFontColor);
    font-size: var(--fontSize5);
}

.category_item_content {
    padding-right: 10px;
    padding-bottom: 0.5em;
    margin-left: 44px !important;
    margin-top: 3px;
    color: var(--basicFontColor);
    text-align: justify;
    background-color:var(--backgroundColor2);
}

.category_item_list dd {
    padding-left: 0;
}

.category_item_list dd.category_item_options {
    float: left;
    padding-bottom: 3px;
    margin: 0;
    width: 100%;
    background: transparent
        url('/HISinOne/images/icons/bullet_blue.svg')
        right bottom no-repeat;
}

.category_item_list dd.category_item_options ul {
    float: right;
    list-style-type: "";
    padding: 0;
    margin: 0;
}

.category_item_list dd.category_item_options ul li {
    float: left;
    margin-left: 0.5em;
}

.category_item_list dd .read {
    background:
        url('/HISinOne/images/icons/star_bullet_go.svg')
        left center no-repeat;
    padding-left: 18px;
}

.category_item_list dd .read:hover {
    background-image:
        url('/HISinOne/images/icons/star_bullet_go_i.svg');
}

.category_item_list dd a {
    color: var(--basicFontColor);
}

.category_item_list dd a:hover {
    color: var(--basicFontColor);
}

.category_item_list dd.category_item_options a {
    padding-left: 22px;
}

.category_item_list a.content_report {
    background: transparent
        url('/HISinOne/images/icons/error.svg')
        left center no-repeat;
}

.category_item_list a.content_hide {
    background: transparent
        url('/HISinOne/images/icons/layers_transparent.svg')
        left center no-repeat;
}

.category_item_list a.content_hide:hover {
    background-image:
        url('/HISinOne/images/icons/layers.svg');
}

.category_item_list a.content_report:hover {
    background-image:
        url('/HISinOne/images/icons/error.svg');
}

/* TreePath Liste */
.treePath ul,.treePath ol {
    list-style-type: "";
    margin: 6px 0 0 0;
    padding: 0;
    display: inline-block;
}

.treePath ul li,.treePath ol li {
    float: left;
    padding-left: 20px;
    margin-left: 4px;
    background: transparent url('/HISinOne/images/icons/resultset_next.svg') left center
        no-repeat;
    margin-top:-4px;
}

.treePath ul li.first_node,.treePath ol li.first_node {
    padding-left: 0;
    margin-left: 0;
    background: none;
}

/* Einfache Liste über 2 Ebenen */
.listNoStyle {
    list-style-type: "";
    font-weight: normal;
    padding: 0;
    margin-top:0;
    margin-bottom:0;
}

/* Einfache Liste über 2 Ebenen */
.listNoStyleLevel1 {
    list-style-type: "";
    font-weight: bold;
    padding-left:0;
}

.listNoStyleLevel2 {
    list-style-type: "";
    padding-top: 5px;
    padding-bottom: 6px;
    font-weight: normal;
}

.listNoStyleLevel2 li {
    border-bottom: dashed 1px var(--basicFontColor);
    padding: 2px;
}

/* Einfache Liste ohne margin und padding */
.listNoStyleNoMargins {
    list-style-type: "";
    font-weight: normal;
    padding: 0;
    margin:0;
}

.marked {
    background-color:var(--backgroundColor2);
    padding: 2px;
}

/*  Liste mit Aufzählungsgraphiken */
.listStyleIconLevel1 {
    margin-top: 0;
    padding-left: 2em;
    padding-bottom: 0.5em;
    padding-top: 0;
    font-weight: normal;
    list-style-position: outside;
    background-color:var(--backgroundColor2) !important;
}

.withoutBorder {
    border-bottom: none;
    border-top: none;
    margin-top: 1em;
    padding-left: 2em;
}

.listStyleIconLevel1 li {
    padding: 2px 2px 8px 2px;
    margin-top: 2px;
    border-bottom: 1px dashed var(--basicFontColor);
}

.listStyleIconLevel1 a {
    font-weight: bold;
    text-decoration: underline;
}

.listStyleIconLevel1 p {
    color: var(--basicFontColor);
    margin-bottom: 0;
    margin-top: 3px;
    padding-bottom: 0.5em;
    padding-right: 10px;
}

.book_open {
    list-style-image: url('/HISinOne/images/icons/book_open.svg');
}

.print_pdf {
    list-style-image: url('/HISinOne/images/icons/print_pdf.svg');
}

.listStyleIconLevel1 .warning {
    list-style-image: url('/HISinOne/images/icons/warning.svg');
}

.date_warning {
    list-style-image: url('/HISinOne/images/icons/date_warning.svg');
}

/*  einfache Liste mit Aufzählungsgraphiken für die JSF Komponente <his:dataList> */
.listStyleIconSimple,.listStyleIconSimpleBlue, .portletInfoText ul {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 1.8em;
    margin-left: 0;
    padding-bottom: 1px;
    padding-top: 0;
}

.portletInfoText ul{
    margin-top: 3px;
    margin-bottom: 2px;
}

/* Anfrage 285142 - Bugfix: Umbrüche Globale Konfiguration und Anfrage 284896 */
ul.listStyleIconSimple li, ul.portletInfoText li,
.bookmarkMenuPopupContainer ul li,
.bookmarkPortletBookmarkList ol li{
    line-height: 1.4em;
}

/* Lesezeichen in Tablets und Smartphones mit größeren Abständen */
@media screen and (max-width: 1024px){ 
    .bookmarkMenuPopupContainer ul li,
	.bookmarkPortletBookmarkList ol li{
    	padding: 6px 6px 6px 0px;    	
  		margin-top: 1px;
	}  
	.bookmarkMenuPopupContainer ul li a,
	.bookmarkPortletBookmarkList ol li a{
	padding: 6px;
	}
}


/*Portlet Einwilligungen*/
.einwilligungenPortletText {
    padding-left: 5px;
}

.einwilligungenPortletText ul{
    margin-top: 0;
    margin-bottom: 0px;
    padding-left: 0;
}

.einwilligungenPortletText ul li{
    margin-top: 10px;
    margin-bottom: 5px;
}

.messageWiderrufRecht .helptext{
    margin:20px 5px 20px 5px;
    font-size: var(--fontSize4);
}

.einwilligungenPortletText ul li div selectBooleanCheckbox {
    margin-left: 1%;
    vertical-align: left;
}


.einwilligungPortletCheckbox {
    margin-bottom:0;
}

.agreementPortletTitle{
    vertical-align:middle;
}

.einwilligungStatus{
    margin-bottom:20px;
}

/*285142 Umbrüche von Links werden verhindert, indem list-style-type: square; verwendet wird*/
/*  .bookmarkMenuPopupContainer ul li:before,
.bookmarkPortletBookmarkList ol li:before,
ul.listStyleIconSimple li:before, ul.portletInfoText li:before{
    content: "\ea0e" / "";
    font-family: "HISinOneIcons" !important;
    color: var(--accentFontColor);
    font-size: 120%;
    top: 3px;
    position: relative;
} */

table ul.listStyleIconSimple li:before{
    top: 0px;
}

/**
 * Liste mit Elementen, die ein Icon als Aufzählungszeichen definieren   
 */
.iconList {
    padding: 0;
    margin: 0 0 -0.3em 0;
    list-style-type: "";
}

/**
 * Liste mit Elementen, die ein Icon als Aufzählungszeichen definieren mit einem gepunktetem Rahmen am unteren Ende   
 */
.iconListDottedLineBelow {
    margin: 0 0 0.3em 0;
    padding-bottom: 0.1em;
    border-bottom: 1px dotted var(--basicFontColor);
}

/**
 * Zusatz zur "iconList" zum Entfernen des Abstands am unteren Ende
 */
.iconListNoSpaceBelow {
    margin: 0;
}

/**
 * Listenelement der "iconList" mit linksseitigem Abstand und Hintergrundinformation
 */
.iconList li {
    padding-left: 22px;
    background: transparent top left no-repeat;
    margin-bottom: 0.3em;
    background-size: var(--backgroundImagesSize);
}

@media screen and (max-width: 768px){ 
     .iconList li{
        padding:0;
        padding-left: 22px;
    }
}

/**
 * iconList Images
 */
.iconList li.status_away {
    background-image: url('/HISinOne/images/icons/status_away.svg');
    background-size:20px 20px;
}

.iconList li.user {
    background: url('/HISinOne/images/icons/user.svg') no-repeat scroll 0 0 transparent;
    background-size:20px 20px;
}

.iconList li.user_frame {
    background-image: url('/HISinOne/images/icons/user_frame.svg');
    background-size:20px 20px;
}

.iconList li.house_cooperation {
    background-image: url('/HISinOne/images/icons/house_cooperation.svg');
    background-size:20px 20px;
}

.iconList li.user_suit {
    background-image: url('/HISinOne/images/icons/user_suit.svg');
    background-size:20px 20px;
}

.iconList li.group, .announcement_category dt a {
    background-image: url('/HISinOne/images/icons/group.svg');
    background-size:20px 20px;
}

.iconList li.email {
    background-image: url('/HISinOne/images/icons/email.svg');
    background-size:20px 20px;
}

.iconList li.user_wait {
    background-image: url('/HISinOne/images/icons/user_wait.svg');
    background-size:20px 20px;
}

.iconList li.chart_organisation {
    background-image: url('/HISinOne/images/icons/chart_organisation.svg');
    background-size:20px 20px;
}

.iconList li.tick {
    background-image: url('/HISinOne/images/icons/tick.svg');
    background-size:20px 20px;
}

.iconList li.status_offline {
    background-image: url('/HISinOne/images/icons/status_offline.svg');
    background-size:20px 20px;
}

.iconList li.hourglass {
    background-image: url('/HISinOne/images/icons/hourglass.svg');
    background-size:20px 20px;
}

.iconList li.tag_blue {
    background-image: url('/HISinOne/images/icons/tag_blue.svg');
}

.iconList li.tag_orange {
    background-image: url('/HISinOne/images/icons/tag_orange.svg');
    background-size:20px 20px;
}

.iconList li.key {
    background-image: url('/HISinOne/images/icons/key.svg');
    background-size:20px 20px;
}

.iconList li.warning {
    background-image: url('/HISinOne/images/icons/warning.svg');  
    list-style-image: none;
    background-size:20px 20px;
}

.iconList li.delete {
    background-image: url('/HISinOne/images/icons/delete.svg');
    background-size:20px 20px;
}

.iconList li.date {
    background-image: url('/HISinOne/images/icons/date.svg');
    background-size:20px 20px;
}

.iconList li.time {
    background-image: url('/HISinOne/images/icons/time.svg');
    background-size:20px 20px;
}

.iconList li.world {
    background-image: url('/HISinOne/images/icons/world.svg');
    background-size:20px 20px;
}

.iconList li.lock {
    background-image: url('/HISinOne/images/icons/lock.svg');
    background-size:20px 20px;
}

/*Zweck: Nummerierte Liste, damit OL in Fieldsets funktionieren. 
Nummerierte Listen in Fieldsets sind standardmässig unsichtbar, um Formularelemente zu nummerieren (barrierefreiheit).
 */
.olList {   
    padding-left:40px;
    margin-left:10px;
} 
 
.olList li{
    list-style-type:decimal !important;
    padding-left:0;
    background-image:none;
}
/*Zweck: Nummerierte Liste, damit OL in Containern um Listen aus der DB funktionieren. 
*/
.olListContainer ol{    
    padding-left:40px;
    margin-left:10px;
} 

.olListContainer ol li{
    list-style-type:decimal !important;
    padding-left:0;
    background-image:none;
}

/* Einfache Liste über 2 Ebenen */
.listNoStyleLevel1Normal {
    list-style-type: "";
    font-weight: normal;
}

/*Liste für Prüfungsanmeldung*/

ul.iconListUser {
    padding:10px 30px 10px 25px;
}

ul.iconListUser li {
    background: url('/HISinOne/images/icons/user.svg') no-repeat scroll 1px -1px transparent;
    background-size:20px 20px;
}

/* Belegen Wizard */
.enrollmentList{
    padding-left:0;
    margin:5px 0 0 0;
}

ul.enrollmentList > li{
    border-left: 3px solid;
    border-left-color:var(--basicFontColor);
    margin-bottom:5px;
    list-style-type: "";
    padding-left: 7px;
    font-weight:bold;
}

.enrollmentListH3{
    font-size:14px;
    font-weight:normal; 
}

.enrollmentWizardLayout{
    max-width:700px;
    margin:0 auto;
/*  text-align:center; */
}

.enrollmentDatesTable.table.table thead{
    display:none;
    /* position: absolute;
    left: -10000px;
    top: auto;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: 1100; */
}

@media screen and (max-width:768px){
    .enrollmentListH3{
    margin:15px 1px 15px 1px;
    }
    .enrollmentDatesTable.table.table td span[data-type="responsive"]   {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: 1100;
    }
}

.fullPath{
    margin-bottom:25px;
}

.statusChoosenPlanElement{
    margin-top:15px;
    text-align: center;
    font-weight:bold;
}

.enrollmentRoom a span{
    color: var(--accentFontColor);
} 

.enrollmentRoom{
    margin-top:10px;
}

ul.enrollmentInstructorList{
    padding: 10px 30px 10px 25px;
}

ul.enrollmentInstructorList li{
    list-style-type:none;
    margin-left: -20px;
    font-weight:normal;
}

ul.enrollmentInstructorList li:before{
    content: "\e913" / "";
    font-family: "HISinOneIcons" !important;
    color: var(--accentFontColor);
    font-size: 120%;
}
.statusChoosenPlanElement img{
    width:100px;
    height:100px;
}

.pathSelection{
    margin-top:15px;
}

.threeColumnList ol{
    column-count: 3;
}

.twoColumnList ol{
    column-count: 2;
}

/*Zweck: Leere Listen werden nicht angezeigt */
ul:empty{
    display:none;
}

/* p-picklist leere Liste weiterhin anzeigen und für Verschiebung bedienbar lassen*/
ul.p-picklist-list:empty {
    display: block !important;
}

.badgeFlag{
    padding: 3px 3px 3px;
    margin: 5px 2px 0 0;
    border-radius: 25px;
    border: var(--border2);
}

.badgeFlag h3{
    padding: 0;
    margin:10px 8px 8px 0;
    color:var(--basicFontColor);
    font-size: var(--fontSize4);
}

.badgeFlag span[role="img"], .badgeFlag img{
    margin-right:5px;
}

.badgeFlagIconSpacer{
    padding-left: 0;
    padding-right: 3px;
    flex: 0 0 1%;
    max-width: 11%;
    position: relative;
    min-height: 1px;
    min-width:60px;
}

.badgeFlagInformationContainer{
    padding-left: 0;
    padding-right: 3px;
    flex: 0 0 83%;
    max-width: 83%;
    position: relative;
    min-height: 1px;
}


@media screen and (max-width:768px){    
    .badgeFlagInformationContainer.contenList {
    flex: 0 0 100%;
    max-width: 100%;
}
}

/** Liste zur bearbeitung von navigationsschlagworten */
.editKeywordsList > li{
    display: block;
    position: relative;
    padding-top: 10px;
    padding-bottom: 3px;
    padding-left : calc(2 * var(--spacing) - var(--radius) - 2px);
}
.editKeywordsList ul{
    margin-left  : calc(var(--radius) - var(--spacing));
    /* padding-left : 0; */
}
.editKeywordsList ul li{
  /* border-left : 2px solid #ddd; */
}
.editKeywordsList ul li:last-child{
  border-color : transparent;
}
.editKeywordsList details summary {
    cursor: pointer;
}
.editKeywordsList details[open] summary {
    background: var(--backgroundColor2);
    margin-bottom: 1em;
}
#countOfKeywords{
    display: block;
    text-align: right;
}
.keywordCount{
    position: relative;
    float: right;
    right: 10px;
}

.editKeywordsList{
    margin:0;
    padding:0;
}

 /* Zweck: Aufzählungen nach Label in Leseansicht sollen nicht eingerückt werden z. B. Anzeige von Sperren zur Rückmeldung in STU*/
label+div > ol, label+div > ul	{
	padding: 0px 10px 4px 15px;
    margin-block-start: 0em;
	}