/********************************************************************************************/
/*	Display Panels																			*/
/********************************************************************************************/

.panel-actions {
    background: #F5FAFE;
    border-bottom: 1px solid #DBF1FF;
    padding: 0 0 10px;
}

.required-date-to {
    margin-top: 8px;
    color: #B40000;
}

.panel {
    border-bottom: 0;
    border: 1px solid #89929A;
    border-radius: 0;
    margin: 0px 0px 10px 0px;
    padding: 10px;
    background: #FFFFFF;
}

.panel-success, .panel-info, .panel-warning, .panel-error, .panel-announcement {
    margin: 0 0 10px;
    padding: 1rem;
    padding-left: 4.4rem;
    border: 1px solid #89929A;
    border-radius: 0;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.7;
}

.panel-success {
    border-left: 4px solid #437e26;
    background: url("../images/icons/SVGs/notice-success.svg") no-repeat 1rem 1.2rem / 2rem 2rem;
    background-color: #fff;
}

.panel-info {
    border-left: 4px solid #0566a9;
    background: url("../images/icons/SVGs/notice-info.svg") no-repeat 1rem 1.2rem / 2rem 2rem;
    background-color: #fff;
}

.panel-warning {
    border-left: 4px solid #cb4600;
    background: url("../images/icons/SVGs/notice-warning.svg") no-repeat 1rem 1.2rem / 2rem 2rem;
    background-color: #fff;
}

.panel-error {
    border-left: 4px solid #a92a2a;
    background: url("../images/icons/SVGs/notice-error.svg") no-repeat 1rem 1.2rem / 2rem 2rem;
    background-color: #fff;
}

.panel-viewbar {
    float: right;
}

.panel-turnitin {
    margin: 0px 0px 10px 0px;
    padding: 10px;
    padding-left: 35px;
    background: url("../images/icons/16/Turnitin/small_logo.png");
    background-color: #F2FAFF;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #E21B3B;
    border-bottom: 1px solid #E21B3B;
}

.panel-inline {
    margin: 5px 0px;
    padding: 10px;
    padding-left: 35px;
    background: url("../images/icons/16/info-button.png");
    background-color: #F4F4F4;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    float: left;
}

.panel-announcement {
    display: flex;
    align-items: start;
    padding: 0 0 0 4.4rem;
    border-left: 4px solid #0077bb;
    background: url("../images/icons/SVGs/notice-announcement.svg") no-repeat 1rem 1.2rem / 2rem 2rem;
    background-color: #fff;
}

    .panel-announcement p {
        flex-grow: 1;
        margin: 1rem 0;
    }

    .panel-announcement button {
        box-sizing: content-box;
        flex-shrink: 0;
        width: 4rem;
        height: 4rem;
        padding: 0;
        background: url("../images/icons/SVGs/cross.svg") center / 1.4rem no-repeat #fff;
        border: 0.2rem solid transparent;
        border-radius: 50%;
        outline: none;
        cursor: pointer;
    }

        .panel-announcement button:hover,
        .panel-announcement button:focus {
            background-color: #f5fafe;
        }

        .panel-announcement button:focus {
            border-color: #0077BB;
        }

.announcement-bar {
    margin-bottom: 20px;
}

    .announcement-bar a {
        text-decoration: underline;
    }