/*widget*/
.box-widget {
    border: none;
    position: relative;
    
}

.widget-user .widget-user-header {
    padding: 20px;
    height: 120px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.widget-user .widget-user-username {
    margin-top: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.widget-user .widget-user-desc {
    margin-top: 0;
}

.widget-user .widget-user-image {
    position: absolute;
    top: 65px;
    left: 50%;
    margin-left: -45px;
}

    .widget-user .widget-user-image > img {
        width: 90px;
        height: auto;
        border: 3px solid #fff;
    }

.widget-user-2 .widget-user-header, .widget-user-3 .widget-user-header {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding: 20px;
}

.widget-user .box-footer {
    padding-top: 30px;
}

.widget-user-2 .widget-user-username {
    margin-top: 5px;
}

.widget-user-2 .widget-user-desc {
    margin-top: 0;
}

.widget-user-2 .widget-user-desc, .widget-user-2 .widget-user-username {
    margin-left: 75px;
}

.widget-user-2 .widget-user-image > img {
    width: 65px;
    height: auto;
    float: left;
}

.widget-user-3 .widget-user-username {
    margin-top: 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.widget-user-3 .widget-user-desc {
    margin-top: 0;
}

.widget-user-3 .info-user {
    float: left;
    margin-top: 15px;
}

.widget-user-3 .widget-user-image > img {
    width: 100px;
    height: auto;
    float: right;
    border: 3px solid #fff;
}

.mailbox-controls.with-border, .mailbox-read-info {
    border-bottom: 1px solid #f4f4f4;
}

.widget-user-4 .widget-user-header {
    text-align: center;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.widget-user-4 .widget-user-username {
    margin-top: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
}

.widget-user-4 .widget-user-desc {
    margin-top: 0;
    margin-bottom: 0;
}

.widget-user-4 .widget-user-image {
    text-align: center;
    margin-bottom: 15px;
}

    .widget-user-4 .widget-user-image > img {
        width: 100px;
        height: auto;
    }

.box.widget-user-4 .overlay {
    z-index: 50;
    border-radius: 0;
    padding: 20px;
}

    .box.widget-user-4 .overlay.overlay-none {
        background: rgba(0, 0, 0, 0);
    }

.widget-user-4 .box-footer {
    padding-top: 30px;
}
/*box*/
.small-box {
    border-radius: 10px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
    cursor: pointer;
}

    .small-box > .inner {
        padding: 10px;
    }

    .small-box > .small-box-footer {
        position: relative;
        text-align: right;
        padding: 3px 10px;
        color: #fff;
        color: rgba(255, 255, 255, .8);
        display: block;
        z-index: 10;
        background: rgba(255, 255, 255, .3);
        text-decoration: none;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        .small-box > .small-box-footer:hover {
            color: #fff;
            background: rgba(255, 255, 255, .5);
        }

    .small-box h3 {
        font-size: 38px;
        font-weight: 700;
        margin: 0 0 10px;
        white-space: nowrap;
        padding: 0;
    }

    .small-box p {
        font-size: 15px;
    }

        .small-box p > small {
            display: block;
            color: #f9f9f9;
            font-size: 13px;
            margin-top: 5px;
        }

    .small-box h3, .small-box p {
        z-index: 5;
    }

    .small-box .icon {
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
        position: absolute;
        top: 5px;
        right: 10px;
        z-index: 0;
        font-size: 72px;
        color: rgba(255, 255, 255, .3);
    }

    .small-box:hover {
        text-decoration: none;
        color: #f9f9f9;
    }

        .small-box:hover .icon {
            font-size: 78px;
        }

@media (max-width:767px) {
    .small-box {
        text-align: center;
    }

        .small-box .icon {
            display: none;
        }

        .small-box p {
            font-size: 12px;
        }
}

.box {
    position: relative;
    border-top: 0;
    margin-bottom: 20px;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 0;
    padding: 5px;
}

    .box.box-primary {
        border-top-color: #48B0F7;
    }

    .box.box-info {
        border-top-color: #48B0F7;
    }

    .box.box-danger {
        border-top-color: #F55753;
    }

    .box.box-warning {
        border-top-color: #F8D053;
    }

    .box.box-success {
        border-top-color: #10CFBD;
    }

    .box.box-default {
        border-top-color: #d2d6de;
    }

    .box.collapsed-box .box-body, .box.collapsed-box .box-footer {
        display: none;
    }

    .box .nav-stacked > li {
        border-bottom: 1px solid #f4f4f4;
        margin: 0;
    }

        .box .nav-stacked > li:last-of-type {
            border-bottom: none;
        }

    .box.height-control .box-body {
        max-height: 300px;
        overflow: auto;
    }

    .box .border-right {
        border-right: 1px solid #f4f4f4;
    }

    .box .border-left {
        border-left: 1px solid #f4f4f4;
    }

    .box.box-solid {
        border-top: 0;
    }

        .box.box-solid > .box-header .btn.btn-default {
            /*background: 0 0;*/
        }

        .box.box-solid > .box-header .btn:hover, .box.box-solid > .box-header a:hover {
            background: rgba(0, 0, 0, .1);
        }

        .box.box-solid.box-default {
            border: 1px solid #d2d6de;
        }

            .box.box-solid.box-default > .box-header {
                color: #444;
                background: #d2d6de;
            }

                .box.box-solid.box-default > .box-header .btn, .box.box-solid.box-default > .box-header a {
                    color: #444;
                }

        .box.box-solid.box-primary {
            border: 1px solid #48B0F7;
        }

            .box.box-solid.box-primary > .box-header {
                color: #fff;
                background: #48B0F7;
            }

                .box.box-solid.box-primary > .box-header .btn, .box.box-solid.box-primary > .box-header a {
                    color: #333;
                }

        .box.box-solid.box-info {
            border: 1px solid #48B0F7;
        }

            .box.box-solid.box-info > .box-header {
                color: #fff;
                background: #48B0F7;
            }

                .box.box-solid.box-info > .box-header .btn, .box.box-solid.box-info > .box-header a {
                    color: #333;
                }

        .box.box-solid.box-danger {
            border: 1px solid #F55753;
        }

            .box.box-solid.box-danger > .box-header {
                color: #fff;
                background: #F55753;
            }

                .box.box-solid.box-danger > .box-header .btn, .box.box-solid.box-danger > .box-header a {
                    color: #333;
                }

        .box.box-solid.box-warning {
            border: 1px solid #F8D053;
        }

            .box.box-solid.box-warning > .box-header {
                color: #fff;
                background: #F8D053;
            }

                .box.box-solid.box-warning > .box-header .btn, .box.box-solid.box-warning > .box-header a {
                    color: #333;
                }

        .box.box-solid.box-success {
            border: 1px solid #10CFBD;
        }

            .box.box-solid.box-success > .box-header {
                color: #fff;
                background: #10CFBD;
            }

                .box.box-solid.box-success > .box-header .btn, .box.box-solid.box-success > .box-header a {
                    color: #333;
                }

        .box.box-solid > .box-header > .box-tools .btn {
            border: 0;
            box-shadow: none;
        }

        .box.box-solid[class*=bg] > .box-header {
            color: #fff;
        }

    .box .box-group > .box {
        margin-bottom: 5px;
    }

    .box .knob-label {
        text-align: center;
        color: #333;
        font-weight: 500;
        font-size: 12px;
        margin-bottom: .3em;
    }

    .box > .loading-img, .box > .overlay, .overlay-wrapper > .loading-img, .overlay-wrapper > .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .box .overlay, .overlay-wrapper .overlay {
        z-index: 50;
        background: rgba(255, 255, 255, .7);
        border-radius: 3px;
    }

        .box .overlay > .fa, .overlay-wrapper .overlay > .fa {
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -15px;
            margin-top: -15px;
            color: #000;
            font-size: 30px;
        }

        .box .overlay.dark, .overlay-wrapper .overlay.dark {
            background: rgba(0, 0, 0, .5);
        }

.box-body:after, .box-body:before, .box-footer:after, .box-footer:before, .box-header:after, .box-header:before {
    content: " ";
    display: table;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
}

    .box-header.with-border {
        border-bottom: 1px solid #f7f7f7;
    }

.collapsed-box .box-header.with-border {
    border-bottom: none;
}

.box-header .box-title, .box-header > .fa, .box-header > .glyphicon, .box-header > .ion {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    line-height: 1;
}

.box .box-header .box-subtitle {
    font-weight: 300;
    margin-bottom: 15px;
    color: #99abb4;
}

.box-header > .fa, .box-header > .glyphicon, .box-header > .ion {
    margin-right: 5px;
}

.box-header > .box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

    .box-header > .box-tools [data-toggle=tooltip], .control {
        position: relative;
    }

    .box-header > .box-tools.pull-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .box-header > .box-tools .dropdown-menu > li > a {
        color: #444 !important;
    }

.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: 0 0;
    color: #97a0b3;
}

    .btn-box-tool:hover, .open .btn-box-tool {
        color: #606c84;
    }

    .btn-box-tool.btn:active {
        box-shadow: none;
    }

.box-body {
    padding: 10px;
    border-radius: 0 0 3px 3px;
}

.no-header .box-body {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.box-body > .table {
    margin-bottom: 0;
}

.box-body .fc {
    margin-top: 5px;
}

.box-body .full-width-chart {
    margin: -19px;
}

.box-body.no-padding .full-width-chart {
    margin: -9px;
}

.box-body .box-pane {
    border-radius: 0 0 0 3px;
}

.box-body .box-pane-right {
    border-radius: 0 0 3px;
}

.box-footer {
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
    border-radius: 0 0 3px 3px;
}

@media (max-width:991px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px;
    }
}

.box-comments {
    background: #f7f7f7;
}

    .box-comments .box-comment {
        padding: 8px 0;
        border-bottom: 1px solid #eee;
    }

        .box-comments .box-comment:after, .box-comments .box-comment:before {
            content: " ";
            display: table;
        }

        .box-comments .box-comment:after {
            clear: both;
        }

        .box-comments .box-comment:last-of-type {
            border-bottom: 0;
        }

        .box-comments .box-comment:first-of-type {
            padding-top: 0;
        }

        .box-comments .box-comment img {
            float: left;
        }

    .box-comments .comment-text {
        margin-left: 40px;
        color: #555;
    }

    .box-comments .username {
        color: #444;
        display: block;
        font-weight: 600;
    }

    .box-comments .text-muted {
        font-weight: 400;
        font-size: 12px;
    }

.todo-list {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: auto;
}

    .todo-list > li {
        border-radius: 2px;
        padding: 10px;
        background: #ebebeb;
        margin-bottom: 2px;
        color: #444;
    }

        .control, .todo-list > li:last-of-type {
            margin-bottom: 0;
        }

.control {
    font-family: arial;
    display: inline;
    padding-left: 0;
    padding-top: 0;
    cursor: pointer;
    font-size: 16px;
}

    .control input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

.control_indicator {
    position: absolute;
    top: 2px;
    left: 5px;
    height: 15px;
    width: 15px;
    background: #fff;
}

.control-radio .control_indicator {
    border-radius: undefined;
}

.control input:focus ~ .control_indicator, .control:hover input ~ .control_indicator {
    background: #fff;
}

.control input:checked:focus ~ .control_indicator, .control input:checked ~ .control_indicator, .control:hover input:not([disabled]):checked ~ .control_indicator {
    background: #48B0F7;
}

.control input:disabled ~ .control_indicator {
    background: #e6e6e6;
    opacity: .6;
    pointer-events: none;
}

.control_indicator:after {
    box-sizing: unset;
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control_indicator:after {
    display: block;
}

.control-checkbox .control_indicator:after {
    left: 5px;
    top: 1px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control-checkbox input:disabled ~ .control_indicator:after {
    border-color: #7b7b7b;
}

.todo-list > li > input[type=checkbox] {
    margin: 0 10px 0 5px;
}

.todo-list > li .text {
    display: inline-block;
    margin-left: 30px;
    font-weight: 500;
}

.todo-list > li .label {
    margin-left: 10px;
    font-size: 9px;
    font-weight: normal;
}

.todo-list > li .tools {
    display: none;
    float: right;
    color: #F55753;
}

.todo-list .handle, .todo-list > li:hover .tools {
    display: inline-block;
}

.todo-list > li .tools > .fa, .todo-list > li .tools > .glyphicon, .todo-list > li .tools > .ion {
    margin-right: 5px;
    cursor: pointer;
}

.todo-list > li.done {
    color: #999;
}

    .todo-list > li.done .text {
        text-decoration: line-through;
        font-weight: 500;
    }

    .todo-list > li.done .label {
        background: #d2d6de !important;
    }

.todo-list .danger {
    border-left-color: #F55753;
}

.todo-list .warning {
    border-left-color: #F8D053;
}

.todo-list .info {
    border-left-color: #48B0F7;
}

.todo-list .success {
    border-left-color: #10CFBD;
}

.todo-list .primary {
    border-left-color: #48B0F7;
}

.todo-list .handle {
    cursor: move;
    margin: 0 5px;
}

/*color Skin*/
.bg-gray {
    color: #000;
    background-color: #d2d6de;
}

.bg-gray-light {
    background-color: #f7f7f7;
}

.bg-black, .bg-inverse {
    background-color: #111;
}

/*.alert-danger, .alert-error, .bg-danger, .callout.callout-danger, .label-danger, .modal-danger .modal-body {
    background-color: #F55753;
}*/
.bg-caasp {
    background-color: #132c39;
}

.bg-caaspfood {
    background-color: #B1A944;
}

/*.alert-warning, .bg-warning, .callout.callout-warning, .label-warning, .modal-warning .modal-body {
    background-color: #F8D053;
}*/

/*.alert-info, .bg-info, .callout.callout-info, .label-info, .modal-info .modal-body {
    background-color: #48B0F7;
}*/

.bg-blue {
    background-color: #48B0F7;
}

.bg-primary, .label-primary, .modal-primary .modal-body {
    background-color: #6D5CAE;
}

/*.alert-success, .bg-success, .callout.callout-success, .label-success, .modal-success .modal-body {
    background-color: #10CFBD;
}*/

.bg-navy {
    background-color: #001f3f;
}

.bg-teal {
    background-color: #39cccc;
}

.bg-olive {
    background-color: #7dab2e;
}

.bg-lime {
    background-color: #01ff70;
}

.bg-orange {
    background-color: #f7941d;
}

.bg-fuchsia {
    background-color: #f012be;
}

.bg-purple {
    background-color: #7460ee;
}

.bg-maroon {
    background-color: #8C1919;
}

.bg-gray-active {
    color: #000;
    background-color: #b5bbc8;
}

.bg-black-active {
    background-color: #000;
}

.bg-danger-active, .modal-danger .modal-footer, .modal-danger .modal-header {
    background-color: #CD4945;
}

.bg-warning-active, .modal-warning .modal-footer, .modal-warning .modal-header {
    background-color: #CFAE45;
}

.bg-info-active, .modal-info .modal-footer, .modal-info .modal-header {
    background-color: #3C93CE;
}

.bg-blue-active {
    background-color: #2f88d6;
}

.bg-primary-active, .modal-primary .modal-footer, .modal-primary .modal-header {
    background-color: #5B4D91;
}

.bg-success-active, .modal-success .modal-footer, .modal-success .modal-header {
    background-color: #0DAD9E;
}

.bg-navy-active {
    background-color: #001a35;
}

.bg-teal-active {
    background-color: #30bbbb;
}

.bg-olive-active {
    background-color: #61881f;
}

.bg-lime-active {
    background-color: #00e765;
}

.bg-orange-active {
    background-color: #df8214;
}

.bg-fuchsia-active {
    background-color: #db0ead;
}

.bg-purple-active {
    background-color: #614ed3;
}

.bg-maroon-active {
    background-color: #7e1616;
}

[class^=bg-].disabled {
    opacity: .65;
    filter: alpha(opacity=65);
}

.text-danger, .text-red {
    color: #F55753;
}

.text-white {
    color: #fff;
}

.text-warning, .text-yellow {
    color: #F8D053;
}

.text-aqua, .text-info {
    color: #48B0F7;
}

.text-blue {
    color: #48B0F7;
}

.text-light-blue {
    color: #6D5CAE;
}

.text-success {
    color: #10CFBD;
}

.text-gray {
    color: #d2d6de;
}

.text-navy {
    color: #001f3f;
}

.text-teal {
    color: #39cccc;
}

.text-olive {
    color: #7dab2e;
}

.text-lime {
    color: #01ff70;
}

.text-orange {
    color: #f7941d;
}

.text-fuchsia {
    color: #f012be;
}

.text-purple {
    color: #7460ee;
}

.text-maroon {
    color: #8C1919;
}

.text-black, .text-inverse {
    color: #000;
}

.link-muted {
    color: #7a869d;
}

    .link-muted:focus, .link-muted:hover {
        color: #606c84;
    }

.link-black {
    color: #666;
}

    .link-black:focus, .link-black:hover {
        color: #999;
    }

.hide {
    display: none;
}

.no-border {
    border: 0;
}

.no-radius {
    border-radius: 0;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.no-shadow {
    box-shadow: none;
}

.margin-top-0 {
    margin-top: 0;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.chart-legend, .contacts-list, .list-unstyled, .mailbox-attachments, .users-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-group-unbordered > .list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

.flat {
    border-radius: 0;
}

.text-sm {
    font-size: 12px;
}

.jqstooltip {
    padding: 5px;
    width: auto;
    height: auto;
}

.bg-teal-gradient {
    background: #39cccc;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd));
    background: -ms-linear-gradient(bottom, #39cccc, #7adddd);
    background: -moz-linear-gradient(center bottom, #39cccc 0, #7adddd 100%);
    background: -o-linear-gradient(#7adddd, #39cccc);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0);
    color: #fff;
}

.bg-light-blue-gradient {
    background: #6D5CAE;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6D5CAE), color-stop(1, #5B4D91));
    background: -ms-linear-gradient(bottom, #6D5CAE, #5B4D91);
    background: -moz-linear-gradient(center bottom, #6D5CAE 0, #5B4D91 100%);
    background: -o-linear-gradient(#5B4D91, #6D5CAE);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#5B4D91', endColorstr='#6D5CAE', GradientType=0);
    color: #fff;
}

.bg-blue-gradient {
    background: #48B0F7;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #48B0F7), color-stop(1, #0089db));
    background: -ms-linear-gradient(bottom, #48B0F7, #0089db);
    background: -moz-linear-gradient(center bottom, #48B0F7 0, #0089db 100%);
    background: -o-linear-gradient(#0089db, #48B0F7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#48B0F7', GradientType=0);
    color: #fff;
}

.bg-aqua-gradient {
    background: #48B0F7;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #48B0F7), color-stop(1, #14d1ff));
    background: -ms-linear-gradient(bottom, #48B0F7, #14d1ff);
    background: -moz-linear-gradient(center bottom, #48B0F7 0, #14d1ff 100%);
    background: -o-linear-gradient(#14d1ff, #48B0F7);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#48B0F7', GradientType=0);
    color: #fff;
}

.bg-yellow-gradient {
    background: #F8D053;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F8D053), color-stop(1, #f7bc60));
    background: -ms-linear-gradient(bottom, #F8D053, #f7bc60);
    background: -moz-linear-gradient(center bottom, #F8D053 0, #f7bc60 100%);
    background: -o-linear-gradient(#f7bc60, #F8D053);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#F8D053', GradientType=0);
    color: #fff;
}

.bg-purple-gradient {
    background: #7460ee;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #7460ee), color-stop(1, #9491c4));
    background: -ms-linear-gradient(bottom, #7460ee, #9491c4);
    background: -moz-linear-gradient(center bottom, #7460ee 0, #9491c4 100%);
    background: -o-linear-gradient(#9491c4, #7460ee);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#7460ee', GradientType=0);
    color: #fff;
}

.bg-green-gradient {
    background: #10CFBD;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #10CFBD), color-stop(1, #00ca6d));
    background: -ms-linear-gradient(bottom, #10CFBD, #00ca6d);
    background: -moz-linear-gradient(center bottom, #10CFBD 0, #00ca6d 100%);
    background: -o-linear-gradient(#00ca6d, #10CFBD);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#10CFBD', GradientType=0);
    color: #fff;
}

.bg-red-gradient {
    background: #F55753;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F55753), color-stop(1, #e47365));
    background: -ms-linear-gradient(bottom, #F55753, #e47365);
    background: -moz-linear-gradient(center bottom, #F55753 0, #e47365 100%);
    background: -o-linear-gradient(#e47365, #F55753);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#F55753', GradientType=0);
    color: #fff;
}

.bg-black-gradient {
    background: #111;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b));
    background: -ms-linear-gradient(bottom, #111, #2b2b2b);
    background: -moz-linear-gradient(center bottom, #111 0, #2b2b2b 100%);
    background: -o-linear-gradient(#2b2b2b, #111);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0);
    color: #fff;
}

.bg-maroon-gradient {
    background: #8C1919;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #8C1919), color-stop(1, #e73f7c));
    background: -ms-linear-gradient(bottom, #8C1919, #e73f7c);
    background: -moz-linear-gradient(center bottom, #8C1919 0, #e73f7c 100%);
    background: -o-linear-gradient(#e73f7c, #8C1919);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#8C1919', GradientType=0);
    color: #fff;
}