/* ESS Redesign Styles for Notes */

.pcmNotes .alert-info, .alert-success, .alert-warning, .alert-danger {
    color: #63666a;
    border: 1px solid #eeeeee;
    display: block;
    position: relative;
    background-color: #f5f5f5;
}

.pcmNotes .alert-info .alert-img-contain, .alert-success .alert-img-contain, .alert-warning .alert-img-contain, .alert-danger .alert-img-contain {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
}

.pcmNotes .alert-info .alert-img-contain {
    background: #53a4da;
    background-size: 28px;
}

.pcmNotes .alert-success .alert-img-contain {
    background: #4dbf78;
    background-size: 28px;
}

.pcmNotes .alert-danger .alert-img-contain {
    background: #d32f2f;
    background-size: 28px;
}

.pcmNotes .alert-warning .alert-img-contain {
    background: #ffcb04;
    background-size: 28px;
}

.pcmNotes .alert-img-contain img {
    width: 30px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.cl-icon {
    display: none;
}

.pcmNotes .alert-text-contain {
    padding: 13px 13px 13px 45px;
}
.pcmNotes .close {
    position: absolute;
    right: 7px;
    top: -9px;
    cursor: pointer;
    font-size: 34px;
}
.pcmNotes .close:hover {
    color: red;
}
.pcmNotes .closeHide {
    display: none;
}

/*begin styling for collapsible notes*/
.pcmMaterialize .pcmCollapsibleNote .collapsible .alert-text-contain
{
    padding: 16px 32px 16px 48px;
}

.pcmMaterialize .pcmCollapsibleNote .collapsible
{
    position:relative;
    box-shadow:none;
}

.pcmMaterialize .padding.alert-info
{
    padding:0 !important;
}

.pcmMaterialize .pcmCollapsibleNote .toggleButton
{
    cursor: pointer;
    position:absolute;
    right:10px;
    top:23px;
}

.pcmMaterialize .pcmCollapsibleNote .toggleButton>.arrowText
{
    color: #245269;
    display:none;
}

.pcmMaterialize .pcmCollapsibleNote .toggleButton>img
{
    position: relative;
    top: -1px;
}

.pcmMaterialize .pcmCollapsibleNote .arrowText
{
    margin-right: 4px;
}

.pcmMaterialize .pcmCollapsibleNote .setHeight::after {
    content: "";
    width: 100%;
    height: 23px;
    /*height: 10px;*/
    position: absolute;
    bottom: 0;
    left: 30px;
    /*left: 0;*/
    background: #f5f5f5;
    /*background: #d9edf7;*/
}

.pcmNotes ul {
    padding: 0 40px;
}

.pcmNotes ul:not(.browser-default)>li {
    list-style-type: disc;
}

.pcmNotes ol {
    list-style-type: decimal;
}

.pcmMaterialize .pcmCollapsibleNote .setHeight
{
    /*height: 60px;*/
    height: 87px;
    overflow: hidden;
}
/*end styling for collapsible notes*/