/*********** Table of Contents ***********
    1.0: Utilities
    2.0: User Authentication Component
    3.0: Horizontal Line Component
    4.0: Generic Tab container Component
*****************************************/

html.edit-mode {
    margin: 0px;
}

/*************************************************/
/******** 1.0 -Vertical Spacer Component  ********/
/*************************************************/
    html.edit-mode .VerticalSpacer {
        background-color: #5c5c5c61 !important;
    }

/******************************************************/
/******** 2.0 - User Authentication Component  ********/
/******************************************************/
html.edit-mode .UserAuthentication {
    border: 5px dotted red;
}

/**************************************************/
/******** 3.0 - Horizontal Line Component  ********/
/**************************************************/
html.edit-mode .HorizontalLine {
    border: 5px dotted #00000017;
}

/********************************************************/
/******** 4.0 - Generic Tab container Component  ********/
/********************************************************/
html.edit-mode .GenericTabs-GlobalContainer {
    background-color: #2d2d2d !important;
    position: relative;
}

html.edit-mode .GenericTabs-TabsSections {
    background-color: #5c5c5ca8 !important;
    position: relative;
}

html.edit-mode .GenericTabs-GlobalContainer .Container-label,
html.edit-mode .GenericTabs-TabsSections .Container-label {
    color: white !important;
    text-align: center;
    position: absolute;
    opacity: 0.3;
    width: 100%;
    pointer-events: none;
    z-index: 1;
}


/********************************************/
/******** 5.0 - Accordion Component  ********/
/********************************************/
#apa-accordion button.accordion {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border: none;
    border-bottom: 1px solid rgba(0,0,0,.125);
    text-align: left;
    width:100%;
}