﻿body section.content-header ol.breadcrumb {
    font-size: 15px;
}

body div.box.box-primary {
    border-top-color: #ed7902;
}

div.user-message {
    animation-name: color_change;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

    div.user-message a.close-message {
        position: absolute;
        top: -5px;
        right: -2px;
        color: black;
    }

div.message-right {
    font-size: 20px;
    color: white;
    width: 200px;
    border-radius: 2px;
    position: absolute;
    top: 50px;
    right: 60px;
    padding: 10px;
}

div.message-left {
    font-size: 20px;
    color: white;
    width: 200px;
    border-radius: 2px;
    position: absolute;
    top: 50px;
    left: 60px;
    padding: 10px;
}

@media only screen and (max-width:600px) {
    div.message-left {
        display: none;
    }

    div.message-right {
        display: none;
    }
}

@-webkit-keyframes color_change {
    from {
        background-color: blue;
    }

    to {
        background-color: red;
    }
}

@-moz-keyframes color_change {
    from {
        background-color: blue;
    }

    to {
        background-color: red;
    }
}

@-ms-keyframes color_change {
    from {
        background-color: blue;
    }

    to {
        background-color: red;
    }
}

@-o-keyframes color_change {
    from {
        background-color: blue;
    }

    to {
        background-color: red;
    }
}

@keyframes color_change {
    from {
        background-color: blue;
    }

    to {
        background-color: red;
    }
}

div.progress {
    position: fixed;
    bottom: 0px;
    width: 200px;
    left: 45%;
}

#top-ajax-progress {
    padding: 0px;
    height: 5px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 99999999;
}

    #top-ajax-progress > span {
        height: 5px;
        display: block;
        overflow: hidden;
        position: relative;
        background-color: #0080C5;
        transition: 500ms linear;
        -webkit-transition: 500ms linear;
    }

        #top-ajax-progress > span:after {
            content: "";
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1;
            position: absolute;
            background-size: 50px 50px;
            overflow: hidden;
            animation: stripes-move 1s linear infinite;
            -webkit-animation: stripes-move 1s linear infinite;
            background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
            background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
        }

@-webkit-keyframes stripes-move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

@keyframes stripes-move {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 50px 50px;
    }
}

#top-ajax-progress > span:after {
    -webkit-animation: stripes-move 2s linear infinite;
    animation: stripes-move 2s linear infinite;
}

/*Required label*/
label.label-required.control-label:after{
    color: #e32;
    content: ' *';
    display:inline;
}