#stackFolderContainer {

    position: absolute;
    left: 500px;
    top: 48px;
    width: 800px;
    height: 817px;
    background: url('/Images/UI__StackI_Ordner_bl_2.png');
    background-repeat: no-repeat;
}

#stackFolderContainer .btn-close {
    display: inline-block;
    position: relative;
    left: 735px;
    top: 69px;
    width: 50px;
    height: 50px;
    /* background: #ff0000; */
}

#stackFolderContainer .textwrapper {
    position: relative;
    left: 62px;
    top: 61px;
    width: 620px;
    height: 510px;
    overflow-y: scroll;
    /* background: #ff0000; */
    font-size: 1.5em;
}

#stackAction-Container {
    position: absolute;
    /* left: 1445px;
    top: 8px; */
    left: 1438px;
    top: 2px;
    width: 484px;
    height: 817px;
    background: url('/Images/UI__Aktionsleiste_bl.png');
    background-repeat: no-repeat;
} 

#stackAction-Container .stack-title {
    position: relative;
    right: 0px;
    top: 50px;
    width: 420px;
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
    
}

#stackAction-Container .stack-information {
    position: relative;
    right: -40px;
    top: 150px;
    width: 420px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 1.5em;
    font-weight: bold;
}

#stackAction-Container .stack-choices {
    position: relative;
    right: -40px;
    top: 100px;
    width: 420px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 1.5em;
    font-weight: normal;
}


/* FOLDERS */

#stackFolderButtons {
    position: absolute;
    left: 6px;
    top: 3px;
    border: none;
    background: none;
    border-left: 12px solid #666666;
}

#stackFolderButtons a button{
    background: #5E8486;
    border: 0px;
    text-align: center;
    width: 120px;
    border: solid 13px #666666;
    border-left: none;
    font-size: 1.5em;
    line-height: 0.6;
    text-transform: uppercase;
}

#stackFolderButtons a button.active{
    border-bottom-color: #92C4C7 ;
    background: #92C4C7;
}

#stackFolderActions {
    position: absolute;
    left: 2px;
    top: 662px;
    border: none;
    /* background: none; */
    border-left: 12px solid #666666;
}

#stackFolderActions button{
    /* background: #5E8486; */
    border: 0px;
    text-align: center;
    width: 242px;
    height: 90px;
    border: solid 12px #666666;
    border-left: none;
    font-size: 1.5em;
    line-height: 0.6;
    margin-left: -7px;
}

#stackFolderActions button:first-child {

    margin-left: 0px;
}

#stackFolderActions button.view {
    background: url('/Images/UI_folder_action_view.png');
    background-repeat: no-repeat;
}

#stackFolderActions button.edit{
    background: url('/Images/UI_folder_action_edit.png');
    background-repeat: no-repeat;
}

#stackFolderActions button.delete {
    background: url('/Images/UI_folder_action_delete.png');
    background-repeat: no-repeat;
}

#stackFolderActions button.active{
    border-top-color: #92C4C7 ;
    /* background: #92C4C7; */
}

.stack-choices #edit label {
    font-size: 0.85em;
    line-height: 1.1;
}

.stack-choices #edit {
    height: 490px;
    width: 420px;
    /* position: absolute; */
    /* left: -10px; */
    padding-right: 20px;
    overflow-y: scroll;
}

.stack-choices #edit ul {
    padding-left: 0px;
}

.scrolldown-hint {
    width: 100px;
    position: absolute;
    left: 170px;
    top: 510px;

}

.scrolldown-hint img {
    width: 50px;
    transform: rotate(90deg);

}

/* #92C4C7 */

.selectable.gap {
    padding: 5px;
    cursor: pointer;
    min-height: 40px;
    
    /* outline: solid 2px #232323; */
}

/* Style the tab */
.tab {
    overflow: hidden;
  }
  
  /* Style the buttons that are used to open the tab content */
  .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
  }
  
  /* Change background color of buttons on hover */
  .tab button:hover {
    background-color: #ddd;
  }
  
  /* Create an active/current tablink class */
  .tab button.active {
    background-color: #ccc;
  }
  
  /* Style the tab content */
  .tabcontent, .tabcontent2{
    display: none;
    /* padding: 6px 12px;
    border: 1px solid #ccc; */
    border-top: none;
  }

  .tabcontent, .tabcontent2 {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
  }
  
  /* Go from zero to full opacity */
  @keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
  }