.bg-gradient-x-blue-cyan
{
    background-image: -webkit-gradient(linear, left top, right top, from(#514a9d), to(#24c6dc));
    background-image: -webkit-linear-gradient(left, #514a9d, #24c6dc);
    background-image:    -moz-linear-gradient(left, #514a9d, #24c6dc);
    background-image:      -o-linear-gradient(left, #514a9d, #24c6dc);
    background-image:         linear-gradient(to right, #514a9d, #24c6dc);
    background-repeat: repeat-x;
}

.btn-bg-gradient-x-blue-cyan
{
    -webkit-transition: .5s;
       -moz-transition: .5s;
         -o-transition: .5s;
            transition: .5s; 

    color: #fff;
    border: none;
    background-image: -webkit-gradient(linear, left top, right top, from(#514a9d), color-stop(50%, #24c6dc), to(#514a9d));
    background-image: -webkit-linear-gradient(left, #514a9d 0%, #24c6dc 50%, #514a9d 100%);
    background-image:    -moz-linear-gradient(left, #514a9d 0%, #24c6dc 50%, #514a9d 100%);
    background-image:      -o-linear-gradient(left, #514a9d 0%, #24c6dc 50%, #514a9d 100%);
    background-image:         linear-gradient(90deg, #514a9d 0%, #24c6dc 50%, #514a9d 100%);
    -webkit-background-size: 200% auto;
            background-size: 200% auto;
}
.btn-bg-gradient-x-blue-cyan.btn-glow
{
    -webkit-box-shadow: 0 0 12px 0 #514a9d;
            box-shadow: 0 0 12px 0 #514a9d;
}
.btn-bg-gradient-x-blue-cyan.active,
.btn-bg-gradient-x-blue-cyan:active,
.btn-bg-gradient-x-blue-cyan:hover
{
    background-image: -webkit-gradient(linear, left top, right top, from(#514a9d), color-stop(50%, #24c6dc), to(#514a9d)) !important;
    background-image: -webkit-linear-gradient(left, #514a9d 0%, #24c6dc 50%, #514a9d 100%) !important;
    background-image:    -moz-linear-gradient(left, #514a9d 0%, #24c6dc 50%, #514a9d 100%) !important;
    background-image:      -o-linear-gradient(left, #514a9d 0%, #24c6dc 50%, #514a9d 100%) !important;
    background-image:         linear-gradient(90deg, #514a9d 0%, #24c6dc 50%, #514a9d 100%) !important; 
    background-position: right center;
}

body.vertical-layout[data-color=bg-gradient-x-blue-cyan] .navbar-container,
body.vertical-layout[data-color=bg-gradient-x-blue-cyan] .content-wrapper-before
{
    background-image: -webkit-gradient(linear, left top, right top, from(#514a9d), to(#24c6dc));
    background-image: -webkit-linear-gradient(left, #514a9d, #24c6dc);
    background-image:    -moz-linear-gradient(left, #514a9d, #24c6dc);
    background-image:      -o-linear-gradient(left, #514a9d, #24c6dc);
    background-image:         linear-gradient(to right, #514a9d, #24c6dc);
    background-repeat: repeat-x;
}

body.horizontal-layout[data-color=bg-gradient-x-blue-cyan] .navbar-horizontal,
body.horizontal-layout[data-color=bg-gradient-x-blue-cyan] .content-wrapper-before
{
    background-image: -webkit-gradient(linear, left top, right top, from(#514a9d), to(#24c6dc));
    background-image: -webkit-linear-gradient(left, #514a9d, #24c6dc);
    background-image:    -moz-linear-gradient(left, #514a9d, #24c6dc);
    background-image:      -o-linear-gradient(left, #514a9d, #24c6dc);
    background-image:         linear-gradient(to right, #514a9d, #24c6dc);
    background-repeat: repeat-x;
}