td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    border-style: groove;
}

.contactPersonFormat{
    white-space: break-spaces;
    white-space-collapse: break-spaces;
}

.limit-max-width{
    max-width: 850px;
}

#section_keyDescriptor, #section_SPSSODescriptor, #section_Organization, #section_MetaData{
    scroll-margin-top: 80px;
}


.bg-color-expired{
    background-color: #fcbebe;
}

.bg-color-soonExpired{
    background-color: #f9c24c8a;
}

.w-minMaxContent{
    min-width: max-content;
}

.w-600px{
    max-width: 600px;
}

.Contextbtn
{
    max-width: 200px;
}

.expiredSPLink:hover {
    background-color: #f9c24c;
}

.center-midle{
    vertical-align: middle;
}

.backgroundColorIdMYellow{
    background-color: #f9c24c;
}

.backgroundColorIdMDarkBlue{
    background-color: #00549f
}

.border-left-outset{
    border-left-style: outset;
}

.sticky-navigation{
    position: fixed;
    top: 2.5em;
    background: white;
    z-index:  2000;
}

.modal-dialog{
    border: solid;
    border-color: black;
    border-width: 0.4em;
    padding-right: .5rem !important;
    padding-left: .5rem !important;
}

.arrow {
    height: 2em;
    width: 2em;
    border: solid #00549f;
    border-width: 0 0.5em 0.5em 0;
    display: inline-block;
    padding: 3px;
}
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.trashicon
{
    width: 50px;
}

.hover_blue:hover{
    color: blue;
    cursor: pointer;
}

.addicon
{
    width: 25px;
}

.removeicon
{
    width: 25px;
    float: right;
}

.w-12{
    width: 12%!important;
}

details summary .collapse-indicator {
    height: 2em;
    width: 2em;
}

svg.collapse-indicator line {
    transition-duration: 0.2s;
    transition-property: stroke, opacity, transform;
}

svg.collapse-indicator line:nth-of-type(1) {
    transform-origin: center;
}

details[open] summary svg.collapse-indicator line:nth-of-type(1) {
    transform: rotate(90deg);
}
