/* DMS specific css */

/* main body */
.main {
    padding: 30px;
    margin-left: 200px;
    background-color: rgba(204, 204, 204, 0.25);
    height: 100%;
}

.login {
    background-color: rgba(204, 204, 204, 0.25);
}

.login > .grid {
    height: 100%;
}

.login .image {
    margin-top: -100px;
}

.login .column {
    max-width: 450px;
}

.ui.accordion .doc-lib-btn.right {
    float: right;
}
.ui.accordion.styled .accordion .title.doc-node {
    color: #000000;
}

.ui.accordion .accordion {
    margin-left: 1.5em;
    margin-top: 0.25em;
}
.ui.accordion .title.selected-node {
    color: rgba(33, 133, 208, 1.00);
}
.ui.accordion .title:hover {
    color: rgba(33, 133, 208, 0.75);
}
.doc-lib-scroll {
    overflow-y: auto;
    max-height: 60vh;
}
/*-------------------
       Active cards
--------------------*/

.ui.card.active {
    -webkit-box-shadow: 0px 0px 0px 1px #00D30A, 0px 2px 4px 0px rgba(0, 211, 10, 0.3), 0px 2px 10px 0px rgba(0, 211, 10, 0.4);
    box-shadow: 0px 0px 0px 1px #00D30A, 0px 2px 4px 0px rgba(0, 211, 10, 0.3), 0px 2px 10px 0px rgba(0, 211, 10, 0.4);
}

a.ui.card.active:hover,
.ui.link.card.active:hover {
    -webkit-box-shadow: 0px 0px 0px 1px #00D30A, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
    box-shadow: 0px 0px 0px 1px #00D30A, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
}

/*-------------------
       Modal link tags
--------------------*/

a[data-toggle="ajax-modal"]
{
    cursor: pointer; 
}

/*-------------------
       Modal actions hack, fixes to style actions div correctly when nested inside content div. Default semantic css only styles actions when it is immediately under a modal class element
--------------------*/

#noderoles-modal-placeholder.ui.modal .content .actions {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    margin-top: 1.5rem;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(34, 36, 38, 0.15);
    background-color: rgb(249, 250, 251);
    padding: 1rem 1rem;
    text-align: right;
}
#noderoles-modal-content {
    padding-bottom: 0;
}