/*
    Page messages
*/

.page-messages {
    cursor: default;
    margin: 15px 30px;
    position: relative;
    font-size: 10px;
}

    .page-messages .message {
        background-color: white;
        border: 1px solid #B3B3B3;
        border-radius: 5px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
        color: #666666;
        font-size: 1.2em;
        line-height: 25px;
        margin: 10px 10px 10px 0;
        padding-top: 10px;
        padding-bottom: 7px;
    }

        .page-messages .message.warning {
            border: 1px solid #FFDC00;
        }

        .page-messages .message.informational {
            border: 1px solid #13A3F7;
        }

        .page-messages .message.error {
            border: 1px solid #D5000E;
        }

        .page-messages .message .count {
            position: relative;
            right: 0;
        }

            .page-messages .message .count .text {
                text-align: center;
                position: absolute;
                width: 85px;
                right: 0;
                top: -1px;
                /* prevent clicking next/previous to select text */
                -webkit-user-select: none; /* Chrome/Safari */
                -moz-user-select: none; /* Firefox */
                -ms-user-select: none; /* IE10+ */
                -o-user-select: none;
                user-select: none;
            }

            .page-messages .message .count .buttons {
                position: absolute;
                height: 25px;
                top: 0;
                right: 0;
                width: 85px;
            }

                .page-messages .message .count .buttons .iconButton {
                    display: block;
                    position: absolute;
                }

                .page-messages .message .count .buttons .previous {
                    left: 0;
                }

                .page-messages .message .count .buttons .next {
                    right: 0;
                }

        .page-messages .message .closeButton {
            float: right;
            position: relative;
            left: 0;
            background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAbUlEQVQoz2P4//8/AykYTGzcvHU+EJ8HYgEGNAAUMwDi9yA1yBpAAv/RNSEpBsm9R9ZggK4JXTGID9eAxbTz6IpBalA0YNGEophYDSh+wuek99gCApen30P5GAGBLVhR3IyuCT3iUBTjjThSMADa7lYEUDabMAAAAABJRU5ErkJggg==") no-repeat scroll center center transparent;
            border: medium none;
            outline: medium none;
            overflow: hidden;
            padding-right: 20px;
            width: 20px;
            height: 20px;
        }

        .page-messages .message .icon {
            float: left;
            height: 26px;
            margin-left: 15px;
            margin-right: 15px;
            margin-top: -1px;
            overflow: hidden;
            width: 26px;
        }

            .page-messages .message .icon.informational {
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAACR0lEQVR42r2US3LaQBCGZ2ObEMcIU7EpKrxibJwdR+AqXrtcHCGVx9qY9yMhApsQ7EtwFB1BW42kUad7ZiQkQpV3oeqrv6f771+jBWLsf/w+vTgVpI1YCOxg6Vnl1aDrZ8eoPzsmKig4bGsH6qQvGlWjlxt7w67WvIFY9TWHq7WDcI0L13gOoVldz+uqtrDXSIRd/uEGYtdWHFD/gX2BG6KG4RL01VZO3GNfrmI3/bjim4vfHBQuXOACUcdXZl9h+3Ss6VZbb4KN9FSfeLO65FBZulDdgW7CvsUCv0ODerijPTyG3Gmy8qNrlp9cQIUSgeaSPpeXCgy6IWQvJOYjLam+yYoL1y7OXSA+hCwQcz+0SPPi3FO+UKm38GxWMD2Q/CJ1Ud3k2eSt8I0Lc69VmIWzGLEzO0dDfuaDUg/Of/qQJ2a+PCN3YWB+Ju7OQp8mH6Ey2PsfPig8jb9LdEOqk/7k3hnCclPfzk182AsacB4F5iZBK5pNfTidxmrZFzbLjoSZHflgjAkhwR5QL4um7DiIArHfOp14YODcGGn/aEt2LEyWGYpmZhjAyVBIMqQDhYG8G4go0BhAK/RFDGJgljQe98XmuB8AqibQAJz0xW0YiLPb5DzuF5voD5DuBUa6G9jprgDULX2pn0PfW6zTfR/Qr+Y9TVfYlJH4QKQ6QSPVAQsVUmiW2gOpbzQ4h3RH9ZRP1rgDjb2fsMOHwDh6ABMBrCVHWnfPSskbGK9+aA/aUEHah+3AOmgHILkHVHzQPVg0I8++3b+cOBxG5Ge+wwAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
            }

            .page-messages .message .icon.warning {
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABLklEQVR42r3UTU6DUBQFYKhVxKLgDlhCl8AGSLoEh7oK2YEzHXYDGpdAmlh/Wi1WW3/qgFmnLIAH19Pmia+Ir60Qm3zJyz23BwYvKMp//9KJ2ko/VJqbqE65srealb7XQiAuLFf4uuEB5Rz8qSx5qdsQAeVEybhurV842mwD/cJbr+x5ywHiDoX5kTC3Vy8can7ypBF3nM1xzuZD7XK1ssftFpDgTMhOc9nya8QGesgCnQQXWRbo5wvZQPflZQ87HlBOR8g7BXnxNWL9hsXuGxFQzhhsaMKoIA9n//1Z2DNOWN+gAlNwuGnhTs9YvEbsbtcGKiGC77dkt3s+kITLyXba87L4xnSAJNyvB8/O0t1rs6nEXTPAgZZwOfle1/RRaFGVlPhqPwSqSFD5F/4TBnBbG6woaK8AAAAASUVORK5CYII=") no-repeat scroll 0 0 transparent;
            }

            .page-messages .message .icon.error {
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABI0lEQVR42q2VPU4DMRBG5wKJ9gjuuQR1Klo6So6RCsqpcg4aegpaYACTDiToUBpAUCIN3+TH2mzWM1kJS08a73x+ktdaL1HPmNM4AQYCtIOse4mi8UTjBjDQPeFIJgNkG2xNsyXLeJArssX0fIu+jK3NbSkmnFeNHbqjlsub7aNITkh/Pz6LzGovay56hBlojZ+r6yK02suay4Tyj0KhBxQeXWGUD4VfF5fDhPc0Uo/36VkRLnimUT4UPh9OllLD6lAoNBKgHvN0sCTKmcuE7IXeTk7Llq0OhGzC5IW+W6dsdSBc3UB3MAPtww6ifSi1nDnKt4xJA6QWfjk61lds15HJzvV1CykQoAOxNU31XkSTB8iY9hk3eLmAgQDtIOte7y/gD7aKwkpbzuIUAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
            }

        .page-messages .message .messageField {
            display: table;
            margin-right: 80px;
            line-height:1.6rem;
        }

        .page-messages .message .header {
            color: #666666;
            font-size: 1.5em;
            display: none;
        }

        .page-messages .message .clickable {
            margin-left: 5px;
        }

            .page-messages .message .clickable,
            .page-messages .message .clickable:visited {
                cursor: pointer;
                color: #13A3F7;
                text-decoration: underline;
            }

                .page-messages .message .clickable:hover {
                    color: #FF6400;
                    transition-duration: 150ms;
                    transition-property: color;
                    transition-timing-function: ease;
                }

        .page-messages .message .iconButton {
            display: inline-block;
            border: 1px solid transparent;
            border-radius: 3px 3px 3px 3px;
            cursor: default;
            height: 20px;
            margin-left: 2px;
            margin-right: 2px;
            outline: medium none;
            padding: 0 1px;
            width: 22px;
        }

            .page-messages .message .iconButton.previous {
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAQUlEQVR42mNkwAMysov/w9iMxCjCqRBdEVaF2BRhKMSlCEUhPkVwhYQUgRUSo4g0E0lyI0m+JikcSYoZkuIam2IAVyEiG+wuEFsAAAAASUVORK5CYII=") no-repeat scroll center center transparent;
            }

                .page-messages .message .iconButton.previous:not(.disabled):hover,
                .page-messages .message .iconButton.previous:not(.disabled):active {
                    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPCAYAAADd/14OAAAAQUlEQVR42mNkwAOEF3//D2MzEqMIp0J0RVgVYlOEoRCXIhSF+BTBFRJSBFZIjCLSTCTJjST5mqRwJClmSIprbIoBoCkoJP6AdwgAAAAASUVORK5CYII=") no-repeat scroll center center transparent;
                }

            .page-messages .message .iconButton.next {
                background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPAQMAAADnMcxNAAAABlBMVEUAAABoa3OsprG9AAAAAXRSTlMAQObYZgAAACpJREFUeNpjeMDA8IGB4QcDwx8Ghn8MDP+BqIHh/wEwCRb5A5YFqnnAAAB0JRBANLhcxgAAAABJRU5ErkJggg==") no-repeat scroll center center transparent;
            }

                .page-messages .message .iconButton.next:not(.disabled):hover,
                .page-messages .message .iconButton.next:not(.disabled):active {
                    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAPAQMAAADnMcxNAAAABlBMVEUAAAATo/cd9CxzAAAAAXRSTlMAQObYZgAAACpJREFUeNpjeMDA8IGB4QcDwx8Ghn8MDP+BqIHh/wEwCRb5A5YFqnnAAAB0JRBANLhcxgAAAABJRU5ErkJggg==") no-repeat scroll center center transparent;
                }

            .page-messages .message .iconButton.disabled {
                opacity: 0.5;
            }