.shadow-box {
    box-shadow: 0 0 30px black;
}

small.error {
    color: #f00;
    font-weight: bold;
}
.is-primary .card-header{
    background-color: #00d1b2;
    color: #fff;
}
.box.highlighted {
    border: 2px dotted #f08080;
}
.card.grid-item{
    margin-bottom: 20px;
}
.visibility-box {
    padding: 5px;
    border-radius: 3px;
    transition-duration: 1s;
}

dt {
    font-weight: bold;
}


@media print {

    .is-hidden-print {
        display: none;
    }

}

.dropdown-container {
    max-height: 400px;
    overflow-y: scroll;
}

.fa-layers-counter {
    font-size: 30px;
    font-weight: bold;
    right: -4px;
    top: -4px;
}

.panel .list {
    display: none;
}

.panel .list.is-active {
    display: block;
}

/* begin notification style */
.notification {
    padding: 1rem 1.875rem 1rem 1rem;
}

.notification .delete {
    border-radius: 290486px;
    float: right;
    height: 20px;
    margin: 0;
    position: absolute;
    right: 0.5em;
    top: 0.5em;
    width: 20px;
}

/* begin notification style */

/* begin toast notification style */
#notification-container {
    pointer-events: none;
    position: fixed;
    top: 12px;
    left: 20px;
    right: 20px;
    z-index: 999999;
}

#notification-container > .notification {
    pointer-events: auto;
    margin-left: auto;
    margin-right: auto;
    opacity: 0.9;
}

#notification-container > .notification:hover {
    box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
    opacity: 1;
}

#notification-container > .notification:not(:last-child) {
    margin-bottom: 12px;
}

#notification-container > .notification > .delete {
    cursor: pointer;
}

/*top full width*/
#notification-container > .notification.toast-top-full-width {
    width: 100%;
}

@media (min-width: 600px) {
    #notification-container > .notification.toast-top-fixed-center {
        width: 500px;
    }
}

/*top fluid center*/
#notification-container > .notification.toast-top-fluid-center {
    display: table;
}

/*top fixed left*/
#notification-container > .notification.toast-top-fixed-left {
    float: left;
    clear: both;
    width: 25%;
}

/*top fluid left*/
#notification-container > .notification.toast-top-fluid-left {
    float: left;
    clear: both;
}

/*top fixed right*/
#notification-container > .notification.toast-top-fixed-right {
    float: right;
    clear: both;
    width: 25%;
}

/*top fluid right*/
#notification-container > .notification.toast-top-fluid-right {
    float: right;
    clear: both;
}

#notification-container > .notification.is-primary {
    border: 2px solid #007e5f;
}

#notification-container > .notification.is-warning {
    border: 2px solid #b08e08;
}

#notification-container > .notification.is-danger {
    border: 2px solid #a70008;
}

#notification-container > .notification.is-success {
    border: 2px solid #05b342;
}

#notification-container > .notification.is-info {
    border: 2px solid #0647b0;
}

/* end toast notification style */