/* open-sans-regular - latin_cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''), url('/fonts/open-sans-v18-latin_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/fonts/open-sans-v18-latin_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*#region Colors*/
.themeprimary {
    color: #67809f !important;
}

open .themesecondary {
    color: #fb6e52 !important;
}

.themethirdcolor {
    color: #ffce55 !important;
}

.themefourthcolor {
    color: #a0d468 !important;
}

.themefifthcolor {
    color: #e75b8d !important;
}

.white {
    color: #ffffff !important;
}

.snow {
    color: #fbfbfb !important;
}

.whitesmoke {
    color: #f5f5f5 !important;
}

.seashell {
    color: #f3f3f3 !important;
}

.ivory {
    color: #eeeeee !important;
}

.platinum {
    color: #e5e5e5 !important;
}

.lightgray {
    color: #d0d0d0 !important;
}

.gray {
    color: #cccccc !important;
}

.darkgray {
    color: #999999 !important;
}

.silver {
    color: #777777 !important;
}

.sonic-silver {
    color: #737373 !important;
}

.storm-cloud {
    color: #666666 !important;
}

.lightcarbon {
    color: #555555 !important;
}

.carbon {
    color: #444444 !important;
}

.slate-gray {
    color: #333333 !important;
}

.darkcarbon {
    color: #262626 !important;
}

.blue {
    color: #5db2ff !important;
}

.info {
    color: #57b5e3 !important;
}

.sky {
    color: #11a9cc !important;
}

.primary {
    color: #4374e0 !important;
}

.azure {
    color: #2dc3e8 !important;
}

.blueberry {
    color: #6f85bf !important;
}

.palegreen {
    color: #a0d468 !important;
}

.success {
    color: #53a93f !important;
}

.green {
    color: #8cc474 !important;
}

.lightyellow {
    color: #f6d52e !important;
}

.yellow {
    color: #ffce55 !important;
}

.warning {
    color: #f4b400 !important;
}

.gold {
    color: #f9b256 !important;
}

.orange {
    color: #fb6e52 !important;
}

.lightred {
    color: #e46f61 !important;
}

.darkorange {
    color: #ed4e2a !important;
}

.red {
    color: #df5138 !important;
}

.pink {
    color: #e75b8d !important;
}

.darkpink {
    color: #cc324b !important;
}

.danger {
    color: #d73d32 !important;
}

.magenta {
    color: #bc5679 !important;
}

.purple {
    color: #7e3794 !important;
}

.maroon {
    color: #981b48 !important;
}
/*#endregion Colors*/
/*#region Background Colors*/
.bg-themeprimary {
    background-color: #67809f !important;
}

.bg-themesecondary {
    background-color: #fb6e52 !important;
}

.bg-themethirdcolor {
    background-color: #ffce55 !important;
}

.bg-themefourthcolor {
    background-color: #a0d468 !important;
}

.bg-themefifthcolor {
    background-color: #e75b8d !important;
}

.bg-white {
    background-color: #ffffff !important;
}

.bg-snow {
    background-color: #fbfbfb !important;
}

.bg-whitesmoke {
    background-color: #f5f5f5 !important;
}

.bg-seashell {
    background-color: #f3f3f3 !important;
}

.bg-ivory {
    background-color: #eeeeee !important;
}

.bg-platinum {
    background-color: #e5e5e5 !important;
}

.bg-lightgray {
    background-color: #d0d0d0 !important;
}

.bg-gray {
    background-color: #cccccc !important;
}

.bg-darkgray {
    background-color: #999999 !important;
}

.bg-silver {
    background-color: #777777 !important;
}

.bg-sonic-silver {
    background-color: #737373 !important;
}

.bg-storm-cloud {
    background-color: #666666 !important;
}

.bg-lightcarbon {
    background-color: #555555 !important;
}

.bg-carbon {
    background-color: #444444 !important;
}

.bg-slate-gray {
    background-color: #333333 !important;
}

.bg-darkcarbon {
    background-color: #262626 !important;
}

.bg-blue {
    background-color: #5db2ff !important;
}

.bg-info {
    background-color: #57b5e3 !important;
}

.bg-sky {
    background-color: #11a9cc !important;
}

.bg-primary {
    background-color: #4374e0 !important;
}

.bg-azure {
    background-color: #2dc3e8 !important;
}

.bg-blueberry {
    background-color: #6f85bf !important;
}

.bg-palegreen {
    background-color: #a0d468 !important;
}

.bg-success {
    background-color: #53a93f !important;
}

.bg-green {
    background-color: #8cc474 !important;
}

.bg-lightyellow {
    background-color: #f6d52e !important;
}

.bg-yellow {
    background-color: #ffce55 !important;
}

.bg-warning {
    background-color: #f4b400 !important;
}

.bg-gold {
    background-color: #f9b256 !important;
}

.bg-orange {
    background-color: #fb6e52 !important;
}

.bg-lightred {
    background-color: #e46f61 !important;
}

.bg-darkorange {
    background-color: #ed4e2a !important;
}

.bg-red {
    background-color: #df5138 !important;
}

.bg-danger {
    background-color: #d73d32 !important;
}

.bg-pink {
    background-color: #e75b8d !important;
}

.bg-darkpink {
    background-color: #cc324b !important;
}

.bg-magenta {
    background-color: #bc5679 !important;
}

.bg-purple {
    background-color: #7e3794 !important;
}

.bg-maroon {
    background-color: #981b48 !important;
}
/*#endregion Background Colors*/
/*#region Before Colors*/
.before-themeprimary:before {
    background-color: #67809f !important;
}

.before-themesecondary:before {
    background-color: #fb6e52 !important;
}

.before-themethirdcolor:before {
    background-color: #ffce55 !important;
}

.before-themefourthcolor:before {
    background-color: #a0d468 !important;
}

.before-themefifthcolor:before {
    background-color: #e75b8d !important;
}

.before-white:before {
    background-color: #ffffff !important;
}

.before-snow:before {
    background-color: #fbfbfb !important;
}

.before-whitesmoke:before {
    background-color: #f5f5f5 !important;
}

.before-seashell:before {
    background-color: #f3f3f3 !important;
}

.before-ivory:before {
    background-color: #eeeeee !important;
}

.before-platinum:before {
    background-color: #e5e5e5 !important;
}

.before-lightgray:before {
    background-color: #d0d0d0 !important;
}

.before-gray:before {
    background-color: #cccccc !important;
}

.before-darkgray:before {
    background-color: #999999 !important;
}

.before-silver:before {
    background-color: #777777 !important;
}

.before-sonic-silver:before {
    background-color: #737373 !important;
}

.before-storm-cloud:before {
    background-color: #666666 !important;
}

.before-lightcarbon:before {
    background-color: #555555 !important;
}

.before-carbon:before {
    background-color: #444444 !important;
}

.before-slate-gray:before {
    background-color: #333333 !important;
}

.before-darkcarbon:before {
    background-color: #262626 !important;
}

.before-blue:before {
    background-color: #5db2ff !important;
}

.before-info:before {
    background-color: #57b5e3 !important;
}

.before-sky:before {
    background-color: #11a9cc !important;
}

.before-primary:before {
    background-color: #4374e0 !important;
}

.before-azure:before {
    background-color: #2dc3e8 !important;
}

.before-blueberry:before {
    background-color: #6f85bf !important;
}

.before-palegreen:before {
    background-color: #a0d468 !important;
}

.before-success:before {
    background-color: #53a93f !important;
}

.before-green:before {
    background-color: #8cc474 !important;
}

.before-lightyellow:before {
    background-color: #f6d52e !important;
}

.before-yellow:before {
    background-color: #ffce55 !important;
}

.before-warning:before {
    background-color: #f4b400 !important;
}

.before-gold:before {
    background-color: #f9b256 !important;
}

.before-orange:before {
    background-color: #fb6e52 !important;
}

.before-lightred:before {
    background-color: #e46f61 !important;
}

.before-darkorange:before {
    background-color: #ed4e2a !important;
}

.before-red:before {
    background-color: #df5138 !important;
}

.before-danger:before {
    background-color: #d73d32 !important;
}

.before-pink:before {
    background-color: #e75b8d !important;
}

.before-darkpink:before {
    background-color: #cc324b !important;
}

.before-magenta:before {
    background-color: #bc5679 !important;
}

.before-purple:before {
    background-color: #7e3794 !important;
}

.before-maroon:before {
    background-color: #981b48 !important;
}
/*#endregion Before Colors*/
/*#region Bordered Colors*/
.bordered-solid {
    border-style: solid !important;
}

.bordered-dashed {
    border-style: dashed !important;
}

.bordered-dotted {
    border-style: dotted !important;
}

.bordered-double {
    border-style: double !important;
}

.bordered-1 {
    border: 1px solid #ffffff;
}

.bordered-2 {
    border: 2px solid #ffffff;
}

.bordered-3 {
    border: 3px solid #ffffff;
}

.bordered-4 {
    border: 4px solid #ffffff;
}

.bordered-5 {
    border: 5px solid #ffffff;
}

.bordered-bottom-1 {
    border-bottom: 1px solid #ffffff;
}

.bordered-bottom-2 {
    border-bottom: 2px solid #ffffff;
}

.bordered-bottom-3 {
    border-bottom: 3px solid #ffffff;
}

.bordered-bottom-4 {
    border-bottom: 4px solid #ffffff;
}

.bordered-bottom-5 {
    border-bottom: 5px solid #ffffff;
}

.bordered-top-1 {
    border-top: 1px solid #ffffff;
}

.bordered-top-2 {
    border-top: 2px solid #ffffff;
}

.bordered-top-3 {
    border-top: 3px solid #ffffff;
}

.bordered-top-4 {
    border-top: 4px solid #ffffff;
}

.bordered-top-5 {
    border-top: 5px solid #ffffff;
}

.bordered-left-1 {
    border-left: 1px solid #ffffff;
}

.bordered-left-2 {
    border-left: 2px solid #ffffff;
}

.bordered-left-3 {
    border-left: 3px solid #ffffff;
}

.bordered-left-4 {
    border-left: 4px solid #ffffff;
}

.bordered-left-5 {
    border-left: 5px solid #ffffff;
}

.bordered-right-1 {
    border-right: 1px solid #ffffff;
}

.bordered-right-2 {
    border-right: 2px solid #ffffff;
}

.bordered-right-3 {
    border-right: 3px solid #ffffff;
}

.bordered-right-4 {
    border-right: 4px solid #ffffff;
}

.bordered-right-5 {
    border-right: 5px solid #ffffff;
}

.bordered-themeprimary {
    border-color: #67809f !important;
}

.bordered-themesecondary {
    border-color: #fb6e52 !important;
}

.bordered-themethirdcolor {
    border-color: #ffce55 !important;
}

.bordered-themefourthcolor {
    border-color: #a0d468 !important;
}

.bordered-themefifthcolor {
    border-color: #e75b8d !important;
}

.bordered-white {
    border-color: #ffffff !important;
}

.bordered-snow {
    border-color: #fbfbfb !important;
}

.bordered-whitesmoke {
    border-color: #f5f5f5 !important;
}

.bordered-seashell {
    border-color: #f3f3f3 !important;
}

.bordered-ivory {
    border-color: #eeeeee !important;
}

.bordered-platinum {
    border-color: #e5e5e5 !important;
}

.bordered-lightgray {
    border-color: #d0d0d0 !important;
}

.bordered-gray {
    border-color: #cccccc !important;
}

.bordered-darkgray {
    border-color: #999999 !important;
}

.bordered-silver {
    border-color: #777777 !important;
}

.bordered-sonic-silver {
    border-color: #737373 !important;
}

.bordered-storm-cloud {
    border-color: #666666 !important;
}

.bordered-lightcarbon {
    border-color: #555555 !important;
}

.bordered-carbon {
    border-color: #444444 !important;
}

.bordered-slate-gray {
    border-color: #333333 !important;
}

.bordered-darkcarbon {
    border-color: #262626 !important;
}

.bordered-blue {
    border-color: #5db2ff !important;
}

.bordered-info {
    border-color: #57b5e3 !important;
}

.bordered-sky {
    border-color: #11a9cc !important;
}

.bordered-primary {
    border-color: #4374e0 !important;
}

.bordered-azure {
    border-color: #2dc3e8 !important;
}

.bordered-blueberry {
    border-color: #6f85bf !important;
}

.bordered-palegreen {
    border-color: #a0d468 !important;
}

.bordered-success {
    border-color: #53a93f !important;
}

.bordered-green {
    border-color: #8cc474 !important;
}

.bordered-lightyellow {
    border-color: #f6d52e !important;
}

.bordered-yellow {
    border-color: #ffce55 !important;
}

.bordered-warning {
    border-color: #f4b400 !important;
}

.bordered-gold {
    border-color: #f9b256 !important;
}

.bordered-orange {
    border-color: #fb6e52 !important;
}

.bordered-lightred {
    border-color: #e46f61 !important;
}

.bordered-darkorange {
    border-color: #ed4e2a !important;
}

.bordered-red {
    border-color: #df5138 !important;
}

.bordered-danger {
    border-color: #d73d32 !important;
}

.bordered-pink {
    border-color: #e75b8d !important;
}

.bordered-darkpink {
    border-color: #cc324b !important;
}

.bordered-magenta {
    border-color: #bc5679 !important;
}

.bordered-purple {
    border-color: #7e3794 !important;
}

.bordered-maroon {
    border-color: #981b48 !important;
}
/*#endregion Bordered Colors*/
/*#region Paddings*/
.no-padding {
    padding: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-padding-right {
    padding-right: 0 !important;
}

.padding-5 {
    padding: 5px !important;
}

.padding-10 {
    padding: 10px !important;
}

.padding-20 {
    padding: 20px !important;
}

.padding-30 {
    padding: 30px !important;
}

.padding-40 {
    padding: 40px !important;
}

.padding-50 {
    padding: 50px !important;
}

.padding-left-5 {
    padding-left: 5px !important;
}

.padding-left-10 {
    padding-left: 10px !important;
}

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

.padding-left-40 {
    padding-left: 40px !important;
}

.padding-left-50 {
    padding-left: 50px !important;
}

.padding-top-5 {
    padding-top: 5px !important;
}

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

.padding-top-40 {
    padding-top: 40px !important;
}

.padding-top-50 {
    padding-top: 50px !important;
}

.padding-right-5 {
    padding-right: 5px !important;
}

.padding-right-10 {
    padding-right: 10px !important;
}

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-30 {
    padding-right: 30px !important;
}

.padding-right-40 {
    padding-right: 40px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

.padding-bottom-5 {
    padding-bottom: 5px !important;
}

.padding-bottom-10 {
    padding-bottom: 10px !important;
}

.padding-bottom-20 {
    padding-bottom: 20px !important;
}

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-40 {
    padding-bottom: 40px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}
/*#endregion Paddings*/
/*#region Margins*/
.no-margin {
    margin: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0 !important;
}

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.margin-5 {
    margin: 5px !important;
}

.margin-10 {
    margin: 10px !important;
}

.margin-20 {
    margin: 20px !important;
}

.margin-30 {
    margin: 30px !important;
}

.margin-40 {
    margin: 40px !important;
}

.margin-50 {
    margin: 50px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

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

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

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

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

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}
/*#endregion Margins*/
/*#region Fonts*/
.font-10 {
    font-size: 10%;
}

.font-20 {
    font-size: 20%;
}

.font-30 {
    font-size: 30%;
}

.font-40 {
    font-size: 40%;
}

.font-50 {
    font-size: 50%;
}

.font-60 {
    font-size: 60%;
}

.font-70 {
    font-size: 70%;
}

.font-80 {
    font-size: 80%;
}

.font-90 {
    font-size: 90%;
}

.font-110 {
    font-size: 110%;
}

.font-120 {
    font-size: 120%;
}

.font-130 {
    font-size: 130%;
}

.font-140 {
    font-size: 140%;
}

.font-150 {
    font-size: 150%;
}

.font-160 {
    font-size: 160%;
}

.font-170 {
    font-size: 170%;
}

.font-180 {
    font-size: 180%;
}

.font-190 {
    font-size: 190%;
}

.font-200 {
    font-size: 200%;
}
/*#endregion Fonts*/
/*Firefox Outline bug*/
button:focus,
a:focus {
    outline: none;
}

button::-moz-focus-inner,
a::-moz-focus-inner {
    border: 0;
}

.image-circular {
    -webkit-border-radius: 50% !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 50% !important;
    -moz-background-clip: padding !important;
    border-radius: 50% !important;
    background-clip: padding-box !important;
}

hr {
    border-top: 1px solid #e5e5e5;
}

    hr.wide {
        margin-right: -15px;
        margin-left: -15px;
    }

.position-relative {
    position: relative;
}

.horizontal-space {
    max-height: 1px;
    min-height: 1px;
    overflow: hidden;
    margin: 6px 0;
}

    .horizontal-space.space-xs {
        margin: 2px 0;
    }

    .horizontal-space.space-sm {
        margin: 4px 0;
    }

    .horizontal-space.space-lg {
        margin: 8px 0;
    }

    .horizontal-space.space-xl {
        margin: 10px 0;
    }

    .horizontal-space.space-xxl {
        margin: 12px 0;
    }

.vertical-space {
    max-width: 1px;
    min-width: 1px;
    overflow: hidden;
    margin: 0 12px;
}

html {
    min-height: 100%;
    position: relative;
    overflow-x: hidden;
}

body {
    padding-bottom: 0;
    min-height: 100%;
    font-family: 'Open Sans', 'Segoe UI';
    font-size: 13px;
    color: #444444;
}

    body:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background-color: #eeeeee;
    }
/*#region Typography */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 300 !important;
    font-family: 'Open Sans', 'Segoe UI' /*rtl:"Droid Arabic Kufi", "WYekan"*/;
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small {
        color: #444444;
    }

    h1.block,
    h2.block,
    h3.block,
    h4.block,
    h5.block,
    h6.block {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    h1 .label,
    h2 .label,
    h3 .label,
    h4 .label,
    h5 .label,
    h6 .label {
        font-size: 75%;
    }

    h1.row-title,
    h2.row-title,
    h3.row-title,
    h4.row-title,
    h5.row-title,
    h6.row-title {
        line-height: 17px;
        margin: 10px 0;
        padding: 9px 10px 9px 8px;
        display: inline-block;
        color: #646464;
        font-weight: 400;
        background-color: #ffffff;
        position: relative;
        -webkit-border-radius: 0 2px 2px 0;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 0 2px 2px 0;
        -moz-background-clip: padding;
        border-radius: 0 2px 2px 0;
        background-clip: padding-box;
        -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    }

        h1.row-title:before,
        h2.row-title:before,
        h3.row-title:before,
        h4.row-title:before,
        h5.row-title:before,
        h6.row-title:before {
            display: block;
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            left: -4px;
            width: 4px;
            max-width: 4px;
            overflow: hidden;
            background-color: #67809f;
        }

        h1.row-title .fa,
        h2.row-title .fa,
        h3.row-title .fa,
        h4.row-title .fa,
        h5.row-title .fa,
        h6.row-title .fa,
        h1.row-title .glyphicon,
        h2.row-title .glyphicon,
        h3.row-title .glyphicon,
        h4.row-title .glyphicon,
        h5.row-title .glyphicon,
        h6.row-title .glyphicon,
        h1.row-title .typcn,
        h2.row-title .typcn,
        h3.row-title .typcn,
        h4.row-title .typcn,
        h5.row-title .typcn,
        h6.row-title .typcn,
        h1.row-title [class*="wi-"],
        h2.row-title [class*="wi-"],
        h3.row-title [class*="wi-"],
        h4.row-title [class*="wi-"],
        h5.row-title [class*="wi-"],
        h6.row-title [class*="wi-"] {
            margin-right: 5px;
            line-height: 17px;
            font-size: 17px;
        }

h1 {
    font-size: 32px;
}

    h1.smaller {
        font-size: 31px;
    }

    h1.bigger {
        font-size: 33px;
    }

    h1.block {
        margin-bottom: 16px;
    }

h2 {
    font-size: 26px;
}

    h2.smaller {
        font-size: 25px;
    }

    h2.bigger {
        font-size: 27px;
    }

    h2.block {
        margin-bottom: 16px;
    }

h3 {
    font-size: 22px;
}

    h3.smaller {
        font-size: 21px;
    }

    h3.bigger {
        font-size: 23px;
    }

    h3.block {
        margin-bottom: 16px;
    }

h4 {
    font-size: 18px;
}

    h4.smaller {
        font-size: 17px;
    }

    h4.bigger {
        font-size: 19px;
    }

    h4.block {
        margin-bottom: 16px;
    }

h5 {
    font-size: 15px;
}

    h5.smaller {
        font-size: 14px;
    }

    h5.bigger {
        font-size: 16px;
    }

    h5.block {
        margin-bottom: 16px;
    }

h6 {
    font-size: 13px;
}

    h6.smaller {
        font-size: 12px;
    }

    h6.bigger {
        font-size: 14px;
    }

    h6.block {
        margin-bottom: 16px;
    }

.text-align-center {
    text-align: center !important;
}

.text-align-left {
    text-align: left !important;
}

.text-align-right {
    text-align: right !important;
}

.text-align-justify {
    text-align: justify !important;
}

.block-center {
    margin: 0 auto;
}

.uppercase {
    text-transform: uppercase;
}

p {
    line-height: 22px;
}

a:focus,
a:active {
    text-decoration: none;
}
/*#endregion Typography */
/*--------Page Components--------*/
/*#region navbar*/
.navbar {
    padding: 0;
    margin: 0;
    border: none;
    height: 45px;
    min-height: 45px;
    z-index: 200;
}

    .navbar .navbar-inner {
        border: 0;
        -webkit-border-radius: 0;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 0;
        -moz-background-clip: padding;
        border-radius: 0;
        background-clip: padding-box;
        margin: 0;
        padding-left: 0;
        padding-right: 0;
        min-height: 45px;
        position: relative;
        background: #67809f;
    }

        .navbar .navbar-inner .navbar-container {
            padding-left: 10px;
        }

        .navbar .navbar-inner .navbar-header .navbar-account {
            /*height: 45px;*/
        }

            .navbar .navbar-inner .navbar-header .navbar-account > div {
                display: inline-block;
                width: auto;
                vertical-align: top;
            }

            .navbar .navbar-inner .navbar-header .navbar-account .account-area {
                position: absolute;
                top: 0;
                right: 50px;
                zoom: 1;
                filter: alpha(opacity=100);
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
                list-style: none;
                margin-bottom: 0;
                display: inline-block;
            }

                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li {
                    float: left;
                    position: relative;
                    height: 45px;
                }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a {
                        position: relative;
                        min-width: 50px;
                        height: 45px;
                        display: inline-block;
                    }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a:hover {
                            text-decoration: none;
                        }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a .icon {
                            display: block;
                            color: #ffffff;
                            font-size: 16px;
                            line-height: 48px;
                            text-align: center;
                            -webkit-transition: line-height 0.3s ease;
                            -moz-transition: line-height 0.3s ease;
                            -o-transition: line-height 0.3s ease;
                            transition: line-height 0.3s ease;
                        }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a .badge {
                            position: absolute;
                            top: 6px;
                            left: 4px;
                            padding: 2px;
                            cursor: pointer;
                            background-color: transparent !important;
                            border: 1px solid #ffffff;
                            width: 18px;
                            height: 18px;
                            box-shadow: 1px 1px 0 #67809f;
                            -webkit-transition: top 0.3s ease;
                            -moz-transition: top 0.3s ease;
                            -o-transition: top 0.3s ease;
                            transition: top 0.3s ease;
                        }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.wave {
                            overflow: visible;
                            cursor: pointer;
                            z-index: 10;
                            -webkit-box-sizing: border-box;
                            -moz-box-sizing: border-box;
                            box-sizing: border-box;
                            -webkit-transform: scale(0);
                            -moz-transform: scale(0);
                            -o-transform: scale(0);
                            -ms-transform: scale(0);
                            transform: scale(0);
                            -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                            -moz-transition: -moz-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                            -o-transition: -o-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                            transition: -webkit-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),-moz-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),-o-transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55),transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
                        }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.wave.in {
                                -webkit-transform: scale(1);
                                -moz-transform: scale(1);
                                -o-transform: scale(1);
                                -ms-transform: scale(1);
                                transform: scale(1);
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.wave.in:after {
                                    content: "";
                                    top: 3px;
                                    left: 5px;
                                    position: absolute;
                                    width: 40px;
                                    height: 40px;
                                    background-image: 8121991;
                                    background-image: -webkit-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%);
                                    background-image: -moz-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%);
                                    background-image: -o-radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%);
                                    background-image: radial-gradient(center center, farthest-side circle, rgba(26, 175, 93, 0) 70%, #f5f5f5 100%);
                                    border: 1px solid #ffffff;
                                    -webkit-animation: wave 5s 3s infinite linear;
                                    -moz-animation: wave 5s 3s infinite linear;
                                    -o-animation: wave 5s 3s infinite linear;
                                    animation: wave 5s 3s infinite linear;
                                    zoom: 1;
                                    filter: alpha(opacity=0);
                                    -webkit-opacity: 0;
                                    -moz-opacity: 0;
                                    opacity: 0;
                                    -webkit-border-radius: 50%;
                                    -webkit-background-clip: padding-box;
                                    -moz-border-radius: 50%;
                                    -moz-background-clip: padding;
                                    border-radius: 50%;
                                    background-clip: padding-box;
                                    -webkit-box-sizing: border-box;
                                    -moz-box-sizing: border-box;
                                    box-sizing: border-box;
                                }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.borderpulse {
                            width: 45px;
                            height: 45px;
                        }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.borderpulse:after,
                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.borderpulse:before {
                                content: "";
                                position: absolute;
                                top: 1px;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                -webkit-border-radius: 50%;
                                -webkit-background-clip: padding-box;
                                -moz-border-radius: 50%;
                                -moz-background-clip: padding;
                                border-radius: 50%;
                                background-clip: padding-box;
                                border: 1px solid #ffffff;
                                -webkit-box-sizing: border-box;
                                -moz-box-sizing: border-box;
                                box-sizing: border-box;
                            }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.borderpulse:after,
                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.borderpulse:before {
                                -webkit-transform: scale(0.91);
                                -moz-transform: scale(0.91);
                                -o-transform: scale(0.91);
                                -ms-transform: scale(0.91);
                                transform: scale(0.91);
                                -webkit-animation: borderPulse 3.5s infinite ease;
                                -moz-animation: borderPulse 3.5s infinite ease;
                                -o-animation: borderPulse 3.5s infinite ease;
                                animation: borderPulse 3.5s infinite ease;
                            }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.borderpulse .badge {
                                border: 0;
                                -webkit-box-shadow: none;
                                -moz-box-shadow: none;
                                box-shadow: none;
                            }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.borderpulse:before {
                                -webkit-animation-delay: 0.6s;
                                -moz-animation-delay: 0.6s;
                                -o-animation-delay: 0.6s;
                                animation-delay: 0.6s;
                            }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.borderpulse i,
                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.borderpulse .badge {
                                -webkit-animation-delay: 0.3s;
                                -moz-animation-delay: 0.3s;
                                -o-animation-delay: 0.3s;
                                animation-delay: 0.3s;
                            }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.blink i,
                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.blink .badge {
                            -webkit-transform: scale(0.91);
                            -moz-transform: scale(0.91);
                            -o-transform: scale(0.91);
                            -ms-transform: scale(0.91);
                            transform: scale(0.91);
                            -webkit-animation: borderPulse 3.5s infinite ease;
                            -moz-animation: borderPulse 3.5s infinite ease;
                            -o-animation: borderPulse 3.5s infinite ease;
                            animation: borderPulse 3.5s infinite ease;
                        }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a.blink i {
                            -webkit-animation-delay: 0.05s;
                            -moz-animation-delay: 0.05s;
                            -o-animation-delay: 0.05s;
                            animation-delay: 0.05s;
                        }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu {
                        padding: 0;
                        min-width: 240px;
                        -webkit-animation-name: dropdownSlideInDown;
                        -moz-animation-name: dropdownSlideInDown;
                        -o-animation-name: dropdownSlideInDown;
                        animation-name: dropdownSlideInDown;
                        -webkit-animation-duration: 0.3s;
                        -moz-animation-duration: 0.3s;
                        -o-animation-duration: 0.3s;
                        animation-duration: 0.3s;
                        -webkit-border-radius: 0 !important;
                        -webkit-background-clip: padding-box !important;
                        -moz-border-radius: 0 !important;
                        -moz-background-clip: padding !important;
                        border-radius: 0 !important;
                        background-clip: padding-box !important;
                    }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li {
                            background-color: #ffffff;
                            border: 0;
                            padding: 0 8px;
                        }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li:hover {
                                background-color: #f5f5f5;
                            }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li a {
                                margin: 0;
                                font-size: 12px;
                                line-height: 16px;
                                padding: 10px 2px;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li a .progress {
                                    margin-bottom: 0;
                                    margin-top: 4px;
                                }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li a:hover {
                                    background-color: #f5f5f5;
                                }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.dropdown-header,
                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.dropdown-footer {
                                -webkit-text-shadow: none;
                                text-shadow: none;
                                font-size: 13px;
                                font-weight: normal;
                                text-transform: none;
                                color: #262626;
                            }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.dropdown-header {
                                padding: 0 10px;
                                line-height: 34px;
                                margin-bottom: 10px;
                                border-bottom: 1px solid #cecece;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.dropdown-header a {
                                    line-height: 34px;
                                }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.dropdown-header[class*="bordered-"] {
                                    border-bottom-width: 3px;
                                    border-style: solid;
                                }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.dropdown-header i {
                                    margin-right: 5px;
                                }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.dropdown-footer {
                                padding: 8px 5px 8px 10px;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.dropdown-footer[class*="bordered-"] {
                                    border-top-width: 3px;
                                    border-style: solid;
                                }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.dropdown-footer a {
                                    display: inline-block;
                                    color: #999999;
                                    padding: 0;
                                }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu li.dropdown-footer .btn {
                                    margin-top: -3px;
                                }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications {
                            min-width: 300px;
                            padding-top: 10px;
                        }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li {
                                border-bottom: 1px solid #f3f3f3;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li .notification-icon {
                                    float: left;
                                }

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li .notification-icon i {
                                        width: 32px;
                                        height: 32px;
                                        text-align: center;
                                        line-height: 32px;
                                        margin-right: 10px;
                                        font-size: 15px;
                                        border-radius: 50%;
                                    }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li .notification-body {
                                    float: left;
                                }

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li .notification-body .title {
                                        display: block;
                                        font-size: 13px;
                                    }

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li .notification-body .description {
                                        display: block;
                                        font-size: 10px;
                                        color: #999999;
                                    }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li .notification-extra {
                                    float: right;
                                    text-align: right;
                                }

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li .notification-extra i {
                                        font-size: 14px;
                                    }

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li .notification-extra .description {
                                        display: block;
                                        font-size: 10px;
                                        color: #999999;
                                    }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li.dropdown-footer {
                                    background-color: #11a9cc;
                                    border-bottom: 0;
                                    color: #ffffff;
                                }

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li.dropdown-footer a {
                                        color: #ffffff;
                                    }

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li.dropdown-footer .weather-icon {
                                        margin-top: -7px;
                                        margin-left: 5px;
                                    }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages {
                            width: 300px;
                            padding-top: 10px;
                        }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li {
                                border-bottom: 1px solid #f3f3f3;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li .message-avatar {
                                    max-width: 42px;
                                    margin-right: 6px;
                                    margin-top: 5px;
                                    vertical-align: top;
                                }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li .message {
                                    display: inline-block;
                                    position: relative;
                                    width: 225px;
                                }

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li .message span {
                                        display: block;
                                    }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li .message-sender {
                                    font-size: 13px;
                                }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li .message-time {
                                    position: absolute;
                                    top: 0;
                                    right: 0;
                                    font-size: 11px;
                                    font-weight: 400;
                                    color: #67809f;
                                }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li .message-subject {
                                    margin-top: 5px;
                                }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages li .message-body {
                                    color: #999999;
                                    max-height: 35px;
                                    width: 100%;
                                    -ms-text-overflow: ellipsis;
                                    -o-text-overflow: ellipsis;
                                    text-overflow: ellipsis;
                                    white-space: nowrap;
                                    overflow: hidden;
                                }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li {
                            border-bottom: 1px solid #f5f5f5;
                        }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li:hover,
                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li a:hover {
                                background-color: #ffffff;
                            }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.username {
                                display: none;
                                text-align: center;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.username,
                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.username a {
                                    color: #d0d0d0;
                                    font-size: 14px;
                                    font-weight: 300;
                                }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email {
                                text-align: center;
                                font-size: 12px;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email,
                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.email a {
                                    color: #d0d0d0;
                                }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li .avatar-area {
                                position: relative;
                                text-align: center;
                                margin: 10px auto;
                                width: 128px;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li .avatar-area .avatar {
                                    width: 128px;
                                    height: 128px;
                                }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li .avatar-area .caption {
                                    background-color: #67809f;
                                    zoom: 1;
                                    filter: alpha(opacity=70);
                                    -webkit-opacity: 0.7;
                                    -moz-opacity: 0.7;
                                    opacity: 0.7;
                                    bottom: 0;
                                    left: 0;
                                    color: #fff;
                                    font-size: 10px;
                                    line-height: 9px;
                                    position: absolute;
                                    padding: 7px 0;
                                    text-align: center;
                                    width: 128px;
                                    cursor: pointer;
                                }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.edit {
                                min-height: 35px;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.edit a {
                                    color: #999999;
                                    display: inline-block;
                                    clear: none;
                                    font-size: 13px;
                                }

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.edit a:hover {
                                        color: #11a9cc;
                                    }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.theme-area {
                                display: table;
                                width: 100%;
                                padding-bottom: 5px;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.theme-area .colorpicker {
                                    padding: 10px 4px;
                                    width: 100%;
                                }

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.theme-area .colorpicker > li {
                                        display: block;
                                        float: left;
                                        width: 23px;
                                        height: 23px;
                                        margin: 2px;
                                        padding: 0;
                                    }

                                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.theme-area .colorpicker > li > .colorpick-btn {
                                            display: block;
                                            width: 23px;
                                            height: 23px;
                                            margin: 0;
                                            padding: 0;
                                            -webkit-border-radius: 0;
                                            -webkit-background-clip: padding-box;
                                            -moz-border-radius: 0;
                                            -moz-background-clip: padding;
                                            border-radius: 0;
                                            background-clip: padding-box;
                                            position: relative;
                                            -webkit-transition: all ease 0.1s;
                                            -moz-transition: all ease 0.1s;
                                            -o-transition: all ease 0.1s;
                                            transition: all ease 0.1s;
                                        }

                                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.theme-area .colorpicker > li > .colorpick-btn:hover {
                                                text-decoration: none;
                                                zoom: 1;
                                                filter: alpha(opacity=80);
                                                -webkit-opacity: 0.8;
                                                -moz-opacity: 0.8;
                                                opacity: 0.8;
                                                -webkit-transform: scale(1.08);
                                                -moz-transform: scale(1.08);
                                                -o-transform: scale(1.08);
                                                -ms-transform: scale(1.08);
                                                transform: scale(1.08);
                                            }

                                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.theme-area .colorpicker > li > .colorpick-btn.selected:after {
                                                content: "\f00c";
                                                display: inline-block;
                                                font-family: FontAwesome;
                                                font-size: 11px;
                                                color: #ffffff;
                                                position: absolute;
                                                left: 0;
                                                right: 0;
                                                text-align: center;
                                                line-height: 20px;
                                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.theme-area .btn-colorpicker {
                                    display: inline-block;
                                    width: 20px;
                                    height: 20px;
                                    background-color: #DDD;
                                    vertical-align: middle;
                                    border-radius: 0;
                                }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.dropdown-footer {
                                padding: 10px;
                                border-top: 3px solid #67809f;
                                border-bottom: 0;
                                text-align: right;
                            }

                                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.dropdown-footer a {
                                    color: #717171;
                                    font-size: 13px;
                                    font-weight: 300;
                                }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-arrow:before {
                        content: '';
                        display: inline-block;
                        right: 0;
                        position: absolute;
                        width: 50px;
                        background-color: #ffffff;
                        border: 0;
                        top: -46px;
                        height: 3px;
                        -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
                        -moz-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
                        box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
                    }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open > a {
                        background-color: #67809f;
                        -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
                        -moz-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
                        box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
                    }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open .dropdown-menu {
                        margin-top: 0;
                        right: 0;
                        border: 0 !important;
                    }

                .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area {
                    padding: 8px 20px 10px 20px;
                    height: 45px;
                    opacity: 1;
                    position: relative;
                    cursor: pointer;
                }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
                        margin-right: 14px;
                        display: block;
                        float: left;
                        width: 29px;
                        height: 29px;
                    }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar img {
                            width: 29px;
                            height: 29px;
                        }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section {
                        width: auto;
                        display: block;
                        overflow: hidden;
                        line-height: 25px;
                        float: left;
                    }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section h2 {
                            font-size: 14px;
                            font-weight: 400;
                            white-space: nowrap;
                            margin: 0;
                        }

                            .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section h2 span {
                                display: block;
                                color: #fff;
                                overflow: hidden;
                                -ms-text-overflow: ellipsis;
                                -o-text-overflow: ellipsis;
                                text-overflow: ellipsis;
                                text-decoration: none;
                                line-height: 25px;
                            }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area + .dropdown-menu {
                        width: 100%;
                        min-width: 100px;
                    }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area + .dropdown-arrow:before {
                        width: 100%;
                    }

            .navbar .navbar-inner .navbar-header .navbar-account .setting {
                width: 50px;
                position: absolute;
                right: 0;
                top: 0;
            }

                .navbar .navbar-inner .navbar-header .navbar-account .setting a {
                    position: relative;
                    width: 50px;
                    height: 45px;
                    display: inline-block;
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

                    .navbar .navbar-inner .navbar-header .navbar-account .setting a:hover {
                        text-decoration: none;
                    }

                    .navbar .navbar-inner .navbar-header .navbar-account .setting a .icon {
                        display: block;
                        color: #ffffff;
                        font-size: 22px;
                        line-height: 45px;
                        text-align: center;
                    }

            .navbar .navbar-inner .navbar-header .navbar-account .setting-container {
                -webkit-transform: rotateY(90deg);
                -moz-transform: rotateY(90deg);
                -o-transform: rotateY(90deg);
                -ms-transform: rotateY(90deg);
                transform: rotateY(90deg);
                -webkit-transform-origin: top left;
                -moz-transform-origin: top left;
                -o-transform-origin: top left;
                -ms-transform-origin: top left;
                transform-origin: top left;
                display: inline-block;
                width: 505px;
                height: 45px;
                zoom: 1;
                filter: alpha(opacity=0);
                -webkit-opacity: 0;
                -moz-opacity: 0;
                opacity: 0;
                text-align: center;
                padding: 11px 0;
                position: absolute;
                top: 0;
                right: 0;
            }

                .navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox] {
                    display: inline-block;
                }

                    .navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox] + .text {
                        color: #ffffff;
                        margin-right: 8px;
                        font-weight: 300;
                    }

                        .navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox] + .text:before {
                            border-color: #67809f;
                        }

                    .navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]:checked + .text {
                        color: #ffffff;
                    }

                        .navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]:checked + .text:before {
                            border-color: #67809f;
                            color: #fb6e52;
                        }

            .navbar .navbar-inner .navbar-header .navbar-account .account-area,
            .navbar .navbar-inner .navbar-header .navbar-account .setting-container,
            .navbar .navbar-inner .navbar-header .navbar-account .setting {
                -webkit-transform-style: preserve-3d;
                -moz-transform-style: preserve-3d;
                -o-transform-style: preserve-3d;
                -ms-transform-style: preserve-3d;
                transform-style: preserve-3d;
                -webkit-backface-visibility: hidden;
                -moz-backface-visibility: hidden;
                -o-backface-visibility: hidden;
                -ms-backface-visibility: hidden;
                backface-visibility: hidden;
                -webkit-transition: 0.9s;
                -moz-transition: 0.9s;
                -o-transition: 0.9s;
                transition: 0.9s;
            }

            .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
                right: 505px;
                background-color: #67809f;
            }

                .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting a {
                    -webkit-box-shadow: 0 -6px 40px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0 -6px 40px rgba(0, 0, 0, 0.4);
                    box-shadow: 0 -6px 40px rgba(0, 0, 0, 0.4);
                }

                    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting a:before {
                        content: '';
                        display: inline-block;
                        right: 0;
                        position: absolute;
                        width: 50px;
                        background-color: #ffffff;
                        border: 0;
                        top: 0;
                        height: 3px;
                    }

            .navbar .navbar-inner .navbar-header .navbar-account.setting-open .account-area {
                -webkit-transform: rotateY(-90deg);
                -moz-transform: rotateY(-90deg);
                -o-transform: rotateY(-90deg);
                -ms-transform: rotateY(-90deg);
                transform: rotateY(-90deg);
                -webkit-transform-origin: top right;
                -moz-transform-origin: top right;
                -o-transform-origin: top right;
                -ms-transform-origin: top right;
                transform-origin: top right;
                zoom: 1;
                filter: alpha(opacity=0);
                -webkit-opacity: 0;
                -moz-opacity: 0;
                opacity: 0;
                right: 450px;
            }

            .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
                -webkit-transform: rotateY(0deg);
                -moz-transform: rotateY(0deg);
                -o-transform: rotateY(0deg);
                -ms-transform: rotateY(0deg);
                transform: rotateY(0deg);
                zoom: 1;
                filter: alpha(opacity=100);
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
                padding: 11px;
            }

    .navbar .navbar-brand {
        color: #ffffff;
        font-size: 24px;
        -webkit-text-shadow: none;
        text-shadow: none;
        padding: 2px 0 2px 0;
        font-weight: 200;
        height: 45px;
    }

        .navbar .navbar-brand small img {
            height: 40px;
            width: 177px;
        }

    .navbar .sidebar-collapse {
        text-align: center;
        padding: 0;
        position: absolute;
        left: 189px;
        top: 0px;
        z-index: 2;
        width: 35px;
        height: 45px;
    }

        .navbar .sidebar-collapse:hover {
            -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        }

        .navbar .sidebar-collapse .collapse-icon {
            display: inline-block;
            cursor: pointer;
            font-size: 18px;
            color: #ffffff;
            padding: 11px 5px;
            line-height: 22px;
            position: relative;
            -webkit-transition: background-color 0.218s ease;
            -moz-transition: background-color 0.218s ease;
            -o-transition: background-color 0.218s ease;
            transition: background-color 0.218s ease;
            -webkit-transition: -webkit-box-shadow 0.218s ease;
            -moz-transition: -moz-box-shadow 0.218s ease;
            -o-transition: box-shadow 0.218s ease;
            transition: box-shadow 0.218s ease;
            -webkit-transition: color 0.318s ease;
            -moz-transition: color 0.318s ease;
            -o-transition: color 0.318s ease;
            transition: color 0.318s ease;
        }

        .navbar .sidebar-collapse.active:hover {
            box-shadow: none;
        }

        .navbar .sidebar-collapse.active .collapse-icon {
            font-size: 14px;
            -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            padding: 11px;
        }

    .navbar.navbar-fixed-top {
        z-index: 1003;
    }

        .navbar.navbar-fixed-top + .main-container {
            margin-top: 45px;
        }

@media only screen and (max-width: 767px) {
    .navbar-container {
        padding-left: 2px;
    }
}

@media only screen and (max-width: 760px) {
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
        top: 45px;
    }

    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
        top: 45px;
    }

    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-login-area > li.username {
        display: block;
    }

    .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area {
        padding: 8px;
    }

        .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area section {
            display: none;
        }

        .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area .avatar {
            margin-right: 0;
            margin-left: 1px;
        }

        .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area + .dropdown-menu {
            min-width: 200px;
        }

            .navbar .navbar-inner .navbar-header .navbar-account .account-area .login-area + .dropdown-menu:before {
                width: 50px;
            }
}

@media only screen and (max-width: 759px) {
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
        width: 270px;
        top: 0;
        padding: 0 5px;
        text-align: left;
    }

        .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container label {
            margin-bottom: 0;
        }

    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
        right: 270px;
        top: 0;
    }
}

@media only screen and (max-width: 530px) {
    /*.navbar {
    height: 90px;
  }*/
    .navbar .sidebar-collapse {
        left: auto;
        right: 0;
        width: 50px;
    }

        .navbar .sidebar-collapse .collpse-icon {
            padding: 11px 15px;
        }

    .navbar .navbar-brand {
        padding-left: 10px;
    }

    .navbar .navbar-inner .navbar-header {
        float: none !important;
        display: block;
    }

        .navbar .navbar-inner .navbar-header .navbar-account {
            float: right;
        }

            .navbar .navbar-inner .navbar-header .navbar-account .account-area {
                padding-left: 0;
                /*top: 45px;*/
            }

                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications {
                    left: -135px;
                    right: auto;
                }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications.dropdown-arrow:before {
                        left: 135px;
                    }

                .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages {
                    left: -135px;
                    right: auto;
                }

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages.dropdown-arrow:before {
                        left: 135px;
                    }

            .navbar .navbar-inner .navbar-header .navbar-account .setting {
                top: 45px !important;
            }

            .navbar .navbar-inner .navbar-header .navbar-account .setting-container {
                top: 45px !important;
            }

            .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
                left: 50px;
            }

            .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
                left: 0;
            }

    .navbar .navbar-inner .navbar-container {
        padding-left: 0;
    }

    .navbar-fixed-top + .main-container {
        margin-top: 90px !important;
    }

    .breadcrumbs-fixed {
        top: 90px !important;
    }

        .breadcrumbs-fixed + .page-header {
            margin-top: 40px !important;
        }

    .page-header-fixed {
        top: 130px !important;
    }

        .page-header-fixed + .page-body {
            margin-top: 80px !important;
        }

    .page-sidebar.sidebar-fixed {
        top: 90px !important;
    }
}

@media only screen and (max-width: 450px) {
    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container {
        width: 270px;
        padding: 0 5px;
        text-align: left;
        left: 50px;
    }

        .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting-container label {
            margin-bottom: 0;
        }

    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
        left: 0;
    }
}

@media only screen and (max-width: 400px) {
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications {
        left: -55px;
        right: auto;
    }

        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications.dropdown-arrow:before {
            left: 55px;
        }

    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages {
        left: -105px;
        right: auto;
    }

        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages.dropdown-arrow:before {
            left: 105px;
        }

    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-tasks {
        left: -100px;
        right: auto;
    }

        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-tasks.dropdown-arrow:before {
            left: 100px;
        }
}

@media only screen and (max-width: 320px) {
    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-arrow:before {
        width: 45px !important;
    }

    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a {
        min-width: 45px;
    }
}
/*#endregion navbar*/
.main-container {
    position: static;
    padding: 0;
}

    .main-container > .page-container {
        position: relative;
    }

    .main-container:after {
        background-color: #ffffff;
        bottom: 0;
        content: "";
        display: block;
        max-width: inherit;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: -2;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    }
/*#region Sidebar*/
.page-sidebar {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 224px;
    display: block;
}

    .page-sidebar.sidebar-fixed {
        position: fixed;
        top: 45px;
        float: none !important;
        z-index: 1000;
    }

        .page-sidebar.sidebar-fixed:before {
            height: 5000px;
            top: 45px;
            bottom: auto;
        }

    .page-sidebar.hide {
        display: none !important;
    }

        .page-sidebar.hide:before {
            display: none;
        }

        .page-sidebar.hide ~ .page-content {
            margin-left: 0 !important;
        }

            .page-sidebar.hide ~ .page-content .breadcrumbs-fixed {
                left: 0 !important;
            }

            .page-sidebar.hide ~ .page-content .page-header-fixed {
                left: 0 !important;
            }

    .page-sidebar:before {
        content: "";
        position: fixed;
        display: block;
        width: 219px;
        bottom: 0;
        top: 0;
        left: 5px;
        background-color: #ffffff;
        -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
        z-index: 1;
    }

    .page-sidebar .sidebar-header-wrapper {
        margin-left: 5px;
        height: 40px;
        margin-bottom: 0;
        position: relative;
    }

        .page-sidebar .sidebar-header-wrapper .searchinput {
            height: 41px;
            z-index: 2;
            background-color: #ffffff;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid #ffffff;
            padding-left: 40px;
            width: 100%;
        }

            .page-sidebar .sidebar-header-wrapper .searchinput:focus {
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                border-color: #ffffff;
            }

                .page-sidebar .sidebar-header-wrapper .searchinput:focus ~ .searchhelper {
                    display: block;
                    z-index: 124;
                }

            .page-sidebar .sidebar-header-wrapper .searchinput::-webkit-input-placeholder {
                color: #d0d0d0;
                font-weight: 300;
                font-family: 'Open Sans', 'Segoe UI' /*rtl:"Droid Arabic Kufi", "WYekan"*/;
            }

            .page-sidebar .sidebar-header-wrapper .searchinput::-moz-placeholder {
                /* Firefox 19+ */
                color: #d0d0d0;
                font-weight: 300;
                font-family: 'Open Sans', 'Segoe UI' /*rtl:"Droid Arabic Kufi", "WYekan"*/;
            }

            .page-sidebar .sidebar-header-wrapper .searchinput:-moz-placeholder {
                /* Firefox 19+ */
                color: #d0d0d0;
                font-weight: 300;
                font-family: 'Open Sans', 'Segoe UI' /*rtl:"Droid Arabic Kufi", "WYekan"*/;
            }

            .page-sidebar .sidebar-header-wrapper .searchinput:-ms-input-placeholder {
                color: #d0d0d0;
                font-weight: 300;
                font-family: 'Open Sans', 'Segoe UI' /*rtl:"Droid Arabic Kufi", "WYekan"*/;
            }

        .page-sidebar .sidebar-header-wrapper .searchicon {
            cursor: pointer;
            display: inline-block;
            height: 12px;
            left: 20px;
            position: absolute;
            top: 14px;
            width: 12px;
            color: #67809f;
            z-index: 124;
        }

        .page-sidebar .sidebar-header-wrapper .searchhelper {
            -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
            -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
            background-color: #fff;
            color: #999;
            display: none;
            opacity: 1;
            padding: 10px;
            position: absolute;
            right: 0;
            left: 0;
            top: 40px;
            z-index: 4;
        }

    .page-sidebar .sidebar-menu {
        margin: 0;
        padding: 0;
        list-style: none;
        margin-left: 5px;
    }

        .page-sidebar .sidebar-menu a {
            display: block;
            height: 38px;
            line-height: 36px;
            margin: 0;
            padding: 0 16px 0 7px;
            -webkit-text-shadow: none !important;
            text-shadow: none !important;
            font-size: 13px;
            text-decoration: none;
            color: #737373;
            z-index: 123;
        }

            .page-sidebar .sidebar-menu a:hover {
                color: #262626;
            }

                .page-sidebar .sidebar-menu a:hover:before {
                    display: block;
                }

            .page-sidebar .sidebar-menu a .menu-icon {
                display: inline-block;
                vertical-align: middle;
                min-width: 30px;
                text-align: center;
                font-size: 14px;
                font-weight: normal;
                font-style: normal;
                margin-top: -3px;
            }

            .page-sidebar .sidebar-menu a .menu-expand {
                display: inline-block;
                position: absolute;
                font-size: 13px;
                line-height: 10px;
                height: 10px;
                width: 10px;
                right: 12px;
                top: 15px;
                margin: 0;
                text-align: center;
                padding: 0;
                -webkit-text-shadow: none;
                text-shadow: none;
                color: #666666;
                -webkit-transition: all 300ms ease-in-out;
                -moz-transition: all 300ms ease-in-out;
                -o-transition: all 300ms ease-in-out;
                transition: all 300ms ease-in-out;
                font-family: 'FontAwesome';
                font-style: normal;
                font-weight: normal;
            }

                .page-sidebar .sidebar-menu a .menu-expand:before {
                    content: "\f105" /*rtl:"\f104"*/;
                }

        .page-sidebar .sidebar-menu li {
            display: block;
            padding: 0;
            margin: 0;
            border: 0;
            position: relative;
        }

            .page-sidebar .sidebar-menu li:before {
                display: none;
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: -4px;
                width: 4px;
                max-width: 4px;
                overflow: hidden;
                background-color: #67809f;
            }

            .page-sidebar .sidebar-menu li.open {
                background-color: #ffffff;
            }

                .page-sidebar .sidebar-menu li.open > a {
                    color: #262626;
                }

                    .page-sidebar .sidebar-menu li.open > a .menu-expand {
                        -webkit-transform: rotate(90deg);
                        -moz-transform: rotate(90deg);
                        -o-transform: rotate(90deg);
                        -ms-transform: rotate(90deg);
                        transform: rotate(90deg);
                    }

                .page-sidebar .sidebar-menu li.open > .submenu {
                    display: block !important;
                }

            .page-sidebar .sidebar-menu li.active:not(.open):before {
                display: block;
            }

            .page-sidebar .sidebar-menu li.active > a {
                display: block;
                content: "";
                color: #262626;
                background-color: #f5f5f5;
            }

            .page-sidebar .sidebar-menu li:not(.open):hover:before {
                display: block;
                background-color: #fb6e52;
            }

        .page-sidebar .sidebar-menu > li > a {
            border-top: 1px solid #f3f3f3;
        }

            .page-sidebar .sidebar-menu > li > a:hover {
                border-color: #f3f3f3;
                background-color: #fbfbfb;
            }

        .page-sidebar .sidebar-menu > li:last-child > a {
            border-bottom: 1px solid #f3f3f3;
        }

        .page-sidebar .sidebar-menu > li > .submenu {
            background-color: #fbfbfb;
            -webkit-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, 0.15), inset 0 -4px 4px -2px rgba(0, 0, 0, 0.15);
            -moz-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, 0.15), inset 0 -4px 4px -2px rgba(0, 0, 0, 0.15);
            box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, 0.15), inset 0 -4px 4px -2px rgba(0, 0, 0, 0.15);
        }

            .page-sidebar .sidebar-menu > li > .submenu:before {
                content: "";
                display: block;
                position: absolute;
                z-index: 1;
                left: 23px;
                top: 0;
                bottom: 19px;
                border-left: 1px solid #e2e2e2;
            }

            .page-sidebar .sidebar-menu > li > .submenu > li > a:before {
                content: "";
                display: inline-block;
                position: absolute;
                width: 5px;
                height: 5px;
                left: 21px;
                top: 17px;
                background-color: #ffffff;
                border: 1px solid #e2e2e2;
                z-index: 2;
            }

            .page-sidebar .sidebar-menu > li > .submenu > li.active > a:before {
                background-color: #e2e2e2;
            }

            .page-sidebar .sidebar-menu > li > .submenu > li.active:first-child > a {
                -webkit-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, 0.15);
                -moz-box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, 0.15);
                box-shadow: inset 0 4px 4px -2px rgba(0, 0, 0, 0.15);
            }

            .page-sidebar .sidebar-menu > li > .submenu > li.active:last-child a {
                -webkit-box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, 0.15);
                -moz-box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, 0.15);
                box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, 0.15);
            }

        .page-sidebar .sidebar-menu > li.open > a {
            background-color: #ffffff;
        }

        .page-sidebar .sidebar-menu .submenu {
            display: none;
            list-style: none;
            margin: 0;
            padding: 0;
            position: relative;
            background-color: #fbfbfb;
            border-top: 0;
            z-index: 123;
        }

            .page-sidebar .sidebar-menu .submenu li {
                margin-left: 0;
                position: relative;
            }

                .page-sidebar .sidebar-menu .submenu li.open:before {
                    display: none;
                }

                .page-sidebar .sidebar-menu .submenu li.active > a {
                    color: #262626;
                    background-color: #f5f5f5;
                }

                .page-sidebar .sidebar-menu .submenu li.active > .submenu {
                    display: block;
                }

            .page-sidebar .sidebar-menu .submenu > li > a {
                padding-left: 40px;
            }

            .page-sidebar .sidebar-menu .submenu > li.open > a {
                background-color: #fbfbfb;
            }

            .page-sidebar .sidebar-menu .submenu > li .submenu {
                border-top: 1px solid #eeeeee;
                border-bottom: 1px solid #eeeeee;
            }

                .page-sidebar .sidebar-menu .submenu > li .submenu > li > a {
                    padding-left: 50px;
                }

                .page-sidebar .sidebar-menu .submenu > li .submenu > li .submenu > li > a {
                    padding-left: 70px;
                }

    .page-sidebar.menu-compact {
        width: 42px;
    }

        .page-sidebar.menu-compact ~ .page-content {
            margin-left: 43px;
        }

            .page-sidebar.menu-compact ~ .page-content .breadcrumbs-fixed {
                left: 47px;
            }

            .page-sidebar.menu-compact ~ .page-content .page-header-fixed {
                left: 47px;
            }

        .page-sidebar.menu-compact:before {
            width: 42px;
        }

        .page-sidebar.menu-compact .sidebar-header-wrapper {
            width: 42px;
        }

            .page-sidebar.menu-compact .sidebar-header-wrapper:hover {
                width: 238px;
            }

                .page-sidebar.menu-compact .sidebar-header-wrapper:hover .searchinput {
                    -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
                    -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
                    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
                }

            .page-sidebar.menu-compact .sidebar-header-wrapper .searchinput:focus {
                width: 238px;
                -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
                -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
                box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4);
            }

                .page-sidebar.menu-compact .sidebar-header-wrapper .searchinput:focus ~ .searchhelper {
                    width: 238px;
                }

            .page-sidebar.menu-compact .sidebar-header-wrapper .searchicon {
                left: 15px;
            }

        .page-sidebar.menu-compact .sidebar-menu {
            width: 42px;
        }

            .page-sidebar.menu-compact .sidebar-menu > li.open > .menu-text {
                display: none !important;
            }

            .page-sidebar.menu-compact .sidebar-menu > li.open > .submenu {
                display: none !important;
            }

            .page-sidebar.menu-compact .sidebar-menu > li:hover > a {
                color: #262626;
            }

                .page-sidebar.menu-compact .sidebar-menu > li:hover > a > .menu-text {
                    display: block;
                }

            .page-sidebar.menu-compact .sidebar-menu > li:hover > .submenu {
                display: block !important;
            }

            .page-sidebar.menu-compact .sidebar-menu > li > a {
                position: relative;
                z-index: 123;
            }

                .page-sidebar.menu-compact .sidebar-menu > li > a .menu-text {
                    display: none;
                    position: absolute;
                    left: 42px;
                    top: 0;
                    width: 195px;
                    height: 38px;
                    line-height: 38px;
                    background-color: #ffffff;
                    z-index: 121;
                    padding-left: 25px;
                    -webkit-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px -5px 5px -5px rgba(0, 0, 0, 0.3);
                    -moz-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px -5px 5px -5px rgba(0, 0, 0, 0.3);
                    box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px -5px 5px -5px rgba(0, 0, 0, 0.3);
                }

                .page-sidebar.menu-compact .sidebar-menu > li > a .menu-expand {
                    display: none;
                }

                .page-sidebar.menu-compact .sidebar-menu > li > a.menu-dropdown {
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                }

                    .page-sidebar.menu-compact .sidebar-menu > li > a.menu-dropdown > .menu-text {
                        border: 0;
                        top: 0;
                        left: 42px;
                        width: 195px;
                        border-bottom: 1px solid #f3f3f3;
                        -webkit-box-shadow: none;
                        -moz-box-shadow: none;
                        box-shadow: none;
                    }

                .page-sidebar.menu-compact .sidebar-menu > li > a:hover {
                    background-color: #ffffff;
                }

            .page-sidebar.menu-compact .sidebar-menu > li > .submenu {
                background: #fbfbfb;
                position: absolute;
                z-index: 120;
                left: 42px;
                top: 0;
                width: 195px;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                padding-top: 38px;
                display: none;
                border-left: 1px solid #f3f3f3;
                -webkit-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px -5px 5px -5px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px -5px 5px -5px rgba(0, 0, 0, 0.3);
                box-shadow: 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px 5px 5px -5px rgba(0, 0, 0, 0.3), 5px -5px 5px -5px rgba(0, 0, 0, 0.3);
            }

                .page-sidebar.menu-compact .sidebar-menu > li > .submenu li > a {
                    margin-left: 0;
                    padding-left: 24px;
                }

                .page-sidebar.menu-compact .sidebar-menu > li > .submenu li.open > .submenu {
                    display: block;
                    left: 0;
                    position: relative;
                    -webkit-box-shadow: none;
                    -moz-box-shadow: none;
                    box-shadow: none;
                }

                .page-sidebar.menu-compact .sidebar-menu > li > .submenu li .submenu {
                    display: none;
                    list-style: none;
                    margin: 0;
                    padding: 0;
                    position: relative;
                }

                .page-sidebar.menu-compact .sidebar-menu > li > .submenu li:hover {
                    background-color: #ffffff;
                }

                    .page-sidebar.menu-compact .sidebar-menu > li > .submenu li:hover:before {
                        display: block;
                        left: 0;
                    }

                .page-sidebar.menu-compact .sidebar-menu > li > .submenu li.active:not(.open):before {
                    left: 0;
                }

                .page-sidebar.menu-compact .sidebar-menu > li > .submenu:before {
                    display: none;
                }

                .page-sidebar.menu-compact .sidebar-menu > li > .submenu > li > a {
                    -webkit-box-shadow: none !important;
                    -moz-box-shadow: none !important;
                    box-shadow: none !important;
                }

                    .page-sidebar.menu-compact .sidebar-menu > li > .submenu > li > a:before {
                        display: none;
                    }

@media only screen and (max-width: 880px) {
    .page-sidebar:before {
        display: none;
    }

    .page-sidebar {
        display: none;
        float: none;
    }

    .breadcrumbs-fixed {
        left: 0 !important;
    }

    .page-header-fixed {
        left: 0 !important;
    }
}

@media (max-width: 880px) {
    .page-sidebar.hide {
        display: block !important;
    }

        .page-sidebar.hide:before {
            display: block !important;
        }

        .page-sidebar.hide ~ .page-content {
            margin-left: 224px !important;
        }

            .page-sidebar.hide ~ .page-content .breadcrumbs-fixed {
                left: 224px !important;
            }

            .page-sidebar.hide ~ .page-content .page-header-fixed {
                left: 224px !important;
            }

    .page-sidebar.menu-compact ~ .page-content {
        margin-left: 0;
    }

        .page-sidebar.menu-compact ~ .page-content .breadcrumbs-fixed {
            left: 0;
        }

        .page-sidebar.menu-compact ~ .page-content .page-header-fixed {
            left: 0;
        }

    .page-sidebar.menu-compact.hide ~ .page-content {
        margin-left: 46px !important;
    }

        .page-sidebar.menu-compact.hide ~ .page-content .breadcrumbs-fixed {
            left: 46px !important;
        }

        .page-sidebar.menu-compact.hide ~ .page-content .page-header-fixed {
            left: 46px !important;
        }
}

@media (max-width: 500px) {
    .page-sidebar.hide ~ .page-content .page-header .header-title {
        display: none;
    }

    .page-sidebar.hide ~ .page-content .page-header .header-buttons .refresh,
    .page-sidebar.hide ~ .page-content .page-header .header-buttons .fullscreen {
        display: none;
    }

    .page-sidebar.menu-compact.hide ~ .page-content .page-header .header-buttons .refresh,
    .page-sidebar.menu-compact.hide ~ .page-content .page-header .header-buttons .fullscreen {
        display: inline-block;
    }
}
/*#endregion Sidebar*/
/*#region Page Content*/
.page-content {
    display: block;
    margin-left: 224px;
    margin-right: 0;
    margin-top: 0;
    min-height: 100%;
    padding: 0;
}

@media only screen and (max-width: 880px) {
    .page-content {
        margin-left: 0;
    }
}
/*#endregion Page Content*/

/*#region page-header*/
.page-header {
    position: relative;
    margin: 0;
    padding-bottom: 1px;
    padding-left: 12px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(left, #ffffff, #f3f3f3);
    background-image: -moz-linear-gradient(left, #ffffff, #f3f3f3);
    background-image: -o-linear-gradient(left, #ffffff, #f3f3f3);
    background-image: linear-gradient(to right, #ffffff, #f3f3f3);
    z-index: 0;
    min-height: 40px;
    border-bottom: 1px solid #e5e5e5;
    height: 40px;
}

    .page-header .header-title {
        display: inline-block;
        position: relative;
        height: 40px;
    }

        .page-header .header-title h1 {
            padding: 0;
            margin: 0 4px;
            font-size: 17px /*rtl:13px*/;
            font-weight: lighter;
            color: #737373;
            line-height: 37px;
            display: inline-block;
        }

            .page-header .header-title h1 small {
                margin: 0 1px;
                font-size: 14px;
                letter-spacing: 0;
                font-weight: 300;
                color: #888;
            }

    .page-header .header-buttons {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
    }

        .page-header .header-buttons a {
            position: relative;
            vertical-align: middle;
            display: inline-block;
            z-index: 1029;
            height: 40px;
            width: 36px;
            margin-right: 5px;
            padding: 8px 10px;
            color: #dfdfdf;
            -webkit-transition: all 0.218s ease;
            -moz-transition: all 0.218s ease;
            -o-transition: all 0.218s ease;
            transition: all 0.218s ease;
            float: right;
        }

            .page-header .header-buttons a:before {
                display: block;
                content: "";
                position: absolute;
                left: 0;
                bottom: -3px;
                right: 0;
                height: 4px;
                max-height: 4px;
                overflow: hidden;
                background-color: #67809f;
            }

            .page-header .header-buttons a:hover {
                -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
                color: #67809f;
            }

            .page-header .header-buttons a.active {
                color: #67809f;
            }

            .page-header .header-buttons a i {
                font-size: 17px;
                font-style: normal;
                font-weight: normal;
                line-height: 27px;
            }

            .page-header .header-buttons a.fullscreen:before {
                background-color: #fb6e52;
            }

            .page-header .header-buttons a.fullscreen:hover,
            .page-header .header-buttons a.fullscreen.active {
                color: #fb6e52;
            }

            .page-header .header-buttons a.refresh:before {
                background-color: #ffce55;
            }

            .page-header .header-buttons a.refresh:hover,
            .page-header .header-buttons a.refresh.active {
                color: #ffce55;
            }

            .page-header .header-buttons a.sidebar-toggler:before {
                background-color: #67809f;
            }

            .page-header .header-buttons a.sidebar-toggler:hover,
            .page-header .header-buttons a.sidebar-toggler.active {
                color: #67809f;
            }

    .page-header.mail-header {
        border-bottom: 1px solid #eeeeee;
    }

        .page-header.mail-header .header-buttons a:before {
            display: none;
        }

        .page-header.mail-header .header-buttons a:hover {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .page-header.page-header-fixed {
        position: fixed;
        right: 0;
        left: 224px;
        top: 85px;
        z-index: 998;
        margin-top: 0 !important;
    }

        .page-header.page-header-fixed + .page-body {
            margin-top: 80px;
        }

@media only screen and (max-width: 520px) {
    .header-title h1 small {
        display: none;
    }
}
/*#endregion page-header*/
.page-body {
    background: #eeeeee;
    padding: 18px 20px 24px;
}

@media only screen and (max-width: 480px) {
    .page-body {
        background: #eeeeee;
        padding: 8px 5px 8px;
    }
}


.page-footer {
    background-color: #fff;
    height: 40px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 224px;
    right: 0;
    z-index: 0;
    -webkit-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.15);
}

    .page-footer .footer-copyright {
        height: 40px;
        padding: 8px 15px;
        font-size: 12px;
        color: #666;
    }

        .page-footer .footer-copyright .copyright-symbol {
            font-size: 18px;
            vertical-align: middle;
        }

    .page-footer .footer-buttons {
        bottom: 9px;
        display: inline-block;
        position: fixed;
        right: 0;
    }

        .page-footer .footer-buttons a {
            -webkit-transition: all 0.218s ease;
            -moz-transition: all 0.218s ease;
            -o-transition: all 0.218s ease;
            transition: all 0.218s ease;
            color: #dfdfdf;
            height: 40px;
            margin-right: 5px;
            padding: 11px 10px;
            position: relative;
            vertical-align: middle;
            width: 36px;
            z-index: 2;
        }

            .page-footer .footer-buttons a i {
                font-size: 17px;
                font-style: normal;
                font-weight: normal;
                line-height: 27px;
            }

            .page-footer .footer-buttons a:before {
                background-color: #67809f;
                top: -3px;
                content: "";
                display: block;
                height: 4px;
                left: 0;
                max-height: 4px;
                overflow: hidden;
                position: absolute;
                right: 0;
            }

            .page-footer .footer-buttons a:hover {
                color: #67809f;
                -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
                -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            }
/*--------Elements--------*/
/*#region Widget*/
.widget {
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0 0 30px 0;
    /*#region Bordered Widgetbox*/
    /*#endregion Bordered Widgetbox*/
    /*#region Radius Header*/
    /*#endregion Radius Header*/
}

    .widget.collapsed .widget-body {
        display: none;
    }

    .widget.collapsed.radius-bordered .widget-header {
        -webkit-border-radius: 3px 3px 3px 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px 3px 3px 3px;
        -moz-background-clip: padding;
        border-radius: 3px 3px 3px 3px;
        background-clip: padding-box;
    }

    .widget.no-header .widget-header {
        display: none;
    }

    .widget.no-header.radius-bordered .widget-body {
        -webkit-border-radius: 3px 3px 3px 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px 3px 3px 3px;
        -moz-background-clip: padding;
        border-radius: 3px 3px 3px 3px;
        background-clip: padding-box;
    }

    .widget.maximized {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99999;
        margin: 0;
        overflow: auto;
    }

        .widget.maximized .widget-body {
            padding: 12px 0;
        }

    .widget.transparent .widget-header,
    .widget.transparent .widget-body {
        background-color: rgba(0, 0, 0, 0);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .widget.transparent .widget-header {
        border-bottom: 1px solid #cccccc;
    }

    .widget.bordered-top {
        border-top: 3px solid #ffffff;
    }

    .widget.bordered-bottom {
        border-bottom: 3px solid #ffffff;
    }

    .widget.bordered-left {
        border-left: 3px solid #ffffff;
    }

    .widget.bordered-right {
        border-right: 3px solid #ffffff;
    }

    .widget.radius-bordered .widget-header {
        -webkit-border-radius: 3px 3px 0 0;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px 3px 0 0;
        -moz-background-clip: padding;
        border-radius: 3px 3px 0 0;
        background-clip: padding-box;
    }

    .widget.radius-bordered .widget-body {
        -webkit-border-radius: 0 0 3px 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 0 0 3px 3px;
        -moz-background-clip: padding;
        border-radius: 0 0 3px 3px;
        background-clip: padding-box;
    }

    .widget.flat .widget-body,
    .widget.flat .widget-header {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .widget.lightshadow .widget-body,
    .widget.lightshadow .widget-header {
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    }

    .widget:hover .compact {
        -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }

        .widget:hover .compact i {
            color: #67809f;
        }

.widget-header {
    position: relative;
    min-height: 35px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    color: #555555;
    padding-left: 12px;
    text-align: right;
    /*#region Bordered Header */
    /*#endregion Bordered Header*/
}

    .widget-header .widget-icon {
        display: block;
        width: 30px;
        height: 32px;
        position: relative;
        float: left;
        font-size: 111%;
        line-height: 32px;
        text-align: center;
        margin-left: -10px;
    }

    .widget-header > .widget-caption {
        line-height: 34px;
        padding: 0;
        margin: 0;
        float: left;
        text-align: left;
        font-weight: 400 !important;
        font-size: 13px;
    }

    .widget-header.lined {
        border: 0;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
        padding-left: 2%;
    }

        .widget-header.lined:before {
            content: "";
            position: absolute;
            display: block;
            width: 96%;
            bottom: 0;
            top: 35px;
            height: 1px;
            left: 2%;
            z-index: 1;
            border-bottom: 1px solid #e5e5e5;
        }

        .widget-header.lined .widget-buttons {
            padding-right: 2%;
        }

        .widget-header.lined + .widget-body {
            padding-left: 2%;
            padding-right: 2%;
        }

    .widget-header.separated {
        margin-bottom: 5px;
    }

    .widget-header[class*="bg-"] {
        border: 0;
    }

        .widget-header[class*="bg-"] .widget-caption,
        .widget-header[class*="bg-"] i {
            color: #ffffff;
        }

    .widget-header.bordered-left {
        border-left: 3px solid #ffffff;
    }

    .widget-header.bordered-right {
        border-right: 3px solid #ffffff;
    }

    .widget-header.bordered-top {
        border-top: 3px solid #ffffff;
    }

    .widget-header.bordered-bottom {
        border-bottom: 3px solid #ffffff;
    }

    .widget-header.header-large {
        min-height: 49px;
        padding-left: 18px;
    }

        .widget-header.header-large h5 {
            line-height: 48px;
            font-size: 16px;
        }

        .widget-header.header-large > .widget-buttons {
            line-height: 48px;
            height: 48px;
        }

            .widget-header.header-large > .widget-buttons a {
                min-width: 26px;
            }

                .widget-header.header-large > .widget-buttons a i {
                    font-size: 20px;
                }

    .widget-header.header-small {
        min-height: 29px;
        padding-left: 10px;
    }

        .widget-header.header-small h5 {
            line-height: 28px;
            font-size: 12px;
        }

        .widget-header.header-small > .widget-buttons {
            line-height: 29px;
            height: 29px;
        }

            .widget-header.header-small > .widget-buttons a {
                min-width: 16px;
                height: 16px;
            }

                .widget-header.header-small > .widget-buttons a i {
                    font-size: 14px;
                }

.widget-buttons {
    display: inline-block;
    padding: 0 5px;
    line-height: 34px;
    position: relative;
    text-align: left;
    height: 36px;
}

    .widget-buttons.buttons-bordered {
        border-left: 1px solid #e5e5e5;
    }

    .widget-buttons.compact {
        margin-top: 4px;
        background-color: #f5f5f5;
        line-height: 27px;
        -webkit-transition: background-color 0.218s ease;
        -moz-transition: background-color 0.218s ease;
        -o-transition: background-color 0.218s ease;
        transition: background-color 0.218s ease;
        -webkit-transition: -webkit-box-shadow 0.218s ease;
        -moz-transition: -moz-box-shadow 0.218s ease;
        -o-transition: box-shadow 0.218s ease;
        transition: box-shadow 0.218s ease;
        -webkit-transition: color 0.318s ease;
        -moz-transition: color 0.318s ease;
        -o-transition: color 0.318s ease;
        transition: color 0.318s ease;
        height: 27px;
    }

        .widget-buttons.compact:hover {
            background-color: #67809f;
            -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
        }

            .widget-buttons.compact:hover i {
                color: #ffffff;
            }

        .widget-buttons.compact:before {
            display: block;
            content: "";
            position: absolute;
            top: 0;
            bottom: 0;
            right: -4px;
            width: 4px;
            max-width: 4px;
            overflow: hidden;
            background-color: #67809f;
        }

        .widget-buttons.compact a {
            min-width: 14px;
            line-height: 14px;
        }

        .widget-buttons.compact i {
            color: #cccccc;
            font-size: 14px;
        }

    .widget-buttons.no-padding {
        padding: 0;
    }

    .widget-buttons.padding-5 {
        padding: 0 5px;
    }

    .widget-buttons.no-border:before {
        display: none;
    }

    .widget-buttons label {
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0;
        line-height: 6px;
    }

    .widget-buttons > a {
        font-size: 14px;
        margin: 0 1px;
        display: inline-block;
        padding: 0;
        line-height: 24px;
        min-width: 20px;
        text-align: center;
    }

        .widget-buttons > a:hover {
            text-decoration: none;
        }

        .widget-buttons > a i {
            vertical-align: middle;
        }

    .widget-buttons > [data-toggle] > .fa {
        margin-right: 0;
    }

    .widget-buttons > [data-toggle]:hover {
        zoom: 1;
        filter: alpha(opacity=50);
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
    }

    .widget-buttons > [data-toggle]:focus {
        text-decoration: none;
    }

    .widget-buttons > [data-toggle="dispose"] {
        color: #777777;
        font-size: 14px;
    }

    .widget-buttons > [data-toggle="maximize"] {
        color: #777777;
        font-size: 14px;
    }

    .widget-buttons > [data-toggle="collapse"] {
        color: #777777;
        font-size: 14px;
    }

    .widget-buttons > [data-toggle="refresh"] {
        color: #777777;
        font-size: 14px;
    }

    .widget-buttons > [data-toggle="config"] {
        color: #777777;
        font-size: 14px;
    }

    .widget-buttons .progress {
        vertical-align: middle;
        display: inline-block;
        margin: 0;
        min-width: 100px;
        margin-top: -3px;
    }

    .widget-buttons .btn-group {
        margin-top: -2px;
    }

        .widget-buttons .btn-group .dropdown-menu {
            right: 0;
            left: auto;
        }

    .widget-buttons .badge {
        margin-top: -2px;
    }

    .widget-buttons .label {
        padding: 5px 6px 5px 6px;
    }

    .widget-buttons .pagination,
    .widget-buttons .pager {
        float: right;
        margin: 5px 2px 1px;
    }

    .widget-buttons .btn {
        margin-top: -2px;
    }

.widget-body {
    background-color: #fbfbfb;
    -webkit-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
    /*#region Bordered Widget Body*/
    /*#endregion Bordered Widget Body*/
    /*#region Colored Widget Body*/
    /*#endregion Colored Widget Body*/
    padding: 12px;
}

    .widget-body.bordered-left {
        border-left: 3px solid #ffffff;
    }

    .widget-body.bordered-right {
        border-right: 3px solid #ffffff;
    }

    .widget-body.bordered-bottom {
        border-bottom: 3px solid #ffffff;
    }

    .widget-body.bordered-top {
        border-top: 3px solid #ffffff;
    }

    .widget-body[class*="bg-"] {
        color: #ffffff;
    }

    .widget-body.no-padding {
        padding: 0;
    }

        .widget-body.no-padding .accordion {
            border: 0;
        }

        .widget-body.no-padding .dataTables_filter label {
            margin: 10px;
        }

        .widget-body.no-padding .dataTables_length {
            top: 10px;
            right: 10px;
        }

        .widget-body.no-padding .DTTT.btn-group {
            right: 80px;
            top: 10px;
        }

    .widget-body .accordion.panel-group {
        border-top-width: 1px !important;
    }

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

    .widget-body hr.wide {
        margin-left: -12px;
        margin-right: -12px;
    }
/*#endregion Widget*/

/*#region Alerts*/
.alert {
    margin-bottom: 20px;
    margin-top: 0;
    color: #ffffff;
    border-width: 0;
    border-left-width: 5px;
    padding: 10px;
    border-radius: 0;
}

    .alert .close {
        top: 0;
        right: 0;
        line-height: 16px;
        color: #444444;
    }

    .alert.radius-bordered {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        background-clip: padding-box;
    }

    .alert.alert-shadowed {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    }

    .alert.alert-heading {
        font-weight: 600;
    }

    .alert.alert-danger {
        border-color: #df5138;
        background: #e46f61;
    }

    .alert.alert-warning {
        border-color: #ffce55;
        color: #555555;
        background: #fff1a8;
    }

    .alert.alert-success {
        border-color: #8cc474;
        background: #a0d468;
    }

    .alert.alert-info {
        border-color: #11a9cc;
        background: #57b5e3;
    }
/*#endregion Alerts*/
/*#region Tabs*/
/*#region Tab Content*/
.tab-content {
    background-color: #fbfbfb;
    padding: 16px 12px;
    position: relative;
    -webkit-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 0 10px 1px rgba(0, 0, 0, 0.3);
}

    .tab-content.no-padding {
        padding: 0;
    }

    .tab-content.no-border {
        border: 0;
        padding: 12px;
    }

    .tab-content.radius-bordered {
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        background-clip: padding-box;
    }

    .tab-content.tabs-flat {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border-top: 1px solid #e5e5e5;
    }
/*#endregion Tab Content*/
/*#region Tab*/
.nav-tabs {
    margin-bottom: 0;
    margin-left: 0;
    border: 0;
    top: 2px;
    background-color: #eeeeee;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

    .nav-tabs > li {
        margin-bottom: -2px;
        /*#region Colred Tab*/
        /*#endregion Colred Tab*/
    }

        .nav-tabs > li > a:hover {
            color: #262626;
            background-color: transparent;
            border-color: transparent;
        }

        .nav-tabs > li > a:active,
        .nav-tabs > li > a:focus {
            outline: none !important;
        }

        .nav-tabs > li > a,
        .nav-tabs > li > a:focus {
            border-radius: 0 !important;
            color: #777777;
            margin-right: -1px;
            line-height: 12px;
            position: relative;
            z-index: 11;
        }

            .nav-tabs > li > a > .badge {
                padding: 0 4px;
                line-height: 15px;
                opacity: .75;
                height: 16px;
                min-width: 16px;
            }

            .nav-tabs > li > a .fa,
            .nav-tabs > li > a .glyphicon,
            .nav-tabs > li > a .typcn,
            .nav-tabs > li > a .wi {
                opacity: .75;
            }

        .nav-tabs > li:first-child > a {
            margin-left: 0;
            border-left: 1px solid #fbfbfb;
        }

        .nav-tabs > li.active > a,
        .nav-tabs > li.active > a:hover,
        .nav-tabs > li.active > a:focus {
            color: #262626;
            border: 0;
            border-top: 2px solid #67809f;
            border-bottom-color: transparent;
            background-color: #fbfbfb;
            z-index: 12;
            line-height: 16px;
            margin-top: -2px;
            box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
        }

            .nav-tabs > li.active > a > .badge,
            .nav-tabs > li.active > a > [class*="fa-"] {
                opacity: 1;
            }

        .nav-tabs > li.active.tab-white > a {
            border-color: #ffffff !important;
        }

            .nav-tabs > li.active.tab-white > a > .fa,
            .nav-tabs > li.active.tab-white > a .glyphicon,
            .nav-tabs > li.active.tab-white > a .typcn,
            .nav-tabs > li.active.tab-white > a .wi {
                color: #ffffff;
            }

        .nav-tabs > li.active tab-snow > a {
            border-color: #fbfbfb !important;
        }

            .nav-tabs > li.active tab-snow > a > .fa,
            .nav-tabs > li.active tab-snow > a .glyphicon,
            .nav-tabs > li.active tab-snow > a .typcn,
            .nav-tabs > li.active tab-snow > a .wi {
                color: #fbfbfb;
            }

        .nav-tabs > li.active.tab-whitesmoke > a {
            border-color: #f5f5f5 !important;
        }

            .nav-tabs > li.active.tab-whitesmoke > a > .fa,
            .nav-tabs > li.active.tab-whitesmoke > a .glyphicon,
            .nav-tabs > li.active.tab-whitesmoke > a .typcn,
            .nav-tabs > li.active.tab-whitesmoke > a .wi {
                color: #f5f5f5;
            }

        .nav-tabs > li.active.tab-seashell > a {
            border-color: #f3f3f3 !important;
        }

            .nav-tabs > li.active.tab-seashell > a > .fa,
            .nav-tabs > li.active.tab-seashell > a .glyphicon,
            .nav-tabs > li.active.tab-seashell > a .typcn,
            .nav-tabs > li.active.tab-seashell > a .wi {
                color: #f3f3f3;
            }

        .nav-tabs > li.active.tab-ivory > a {
            border-color: #eeeeee !important;
        }

            .nav-tabs > li.active.tab-ivory > a > .fa,
            .nav-tabs > li.active.tab-ivory > a .glyphicon,
            .nav-tabs > li.active.tab-ivory > a .typcn,
            .nav-tabs > li.active.tab-ivory > a .wi {
                color: #eeeeee;
            }

        .nav-tabs > li.active.tab-platinum > a {
            border-color: #e5e5e5 !important;
        }

            .nav-tabs > li.active.tab-platinum > a > .fa,
            .nav-tabs > li.active.tab-platinum > a .glyphicon,
            .nav-tabs > li.active.tab-platinum > a .typcn,
            .nav-tabs > li.active.tab-platinum > a .wi {
                color: #e5e5e5;
            }

        .nav-tabs > li.active.tab-lightgray > a {
            border-color: #d0d0d0 !important;
        }

            .nav-tabs > li.active.tab-lightgray > a > .fa,
            .nav-tabs > li.active.tab-lightgray > a .glyphicon,
            .nav-tabs > li.active.tab-lightgray > a .typcn,
            .nav-tabs > li.active.tab-lightgray > a .wi {
                color: #d0d0d0;
            }

        .nav-tabs > li.active.tab-gray > a {
            border-color: #cccccc !important;
        }

            .nav-tabs > li.active.tab-gray > a > .fa,
            .nav-tabs > li.active.tab-gray > a .glyphicon,
            .nav-tabs > li.active.tab-gray > a .typcn,
            .nav-tabs > li.active.tab-gray > a .wi {
                color: #cccccc;
            }

        .nav-tabs > li.active.tab-darkgray > a {
            border-color: #999999 !important;
        }

            .nav-tabs > li.active.tab-darkgray > a > .fa,
            .nav-tabs > li.active.tab-darkgray > a .glyphicon,
            .nav-tabs > li.active.tab-darkgray > a .typcn,
            .nav-tabs > li.active.tab-darkgray > a .wi {
                color: #999999;
            }

        .nav-tabs > li.active.tab-silver > a {
            border-color: #777777 !important;
        }

            .nav-tabs > li.active.tab-silver > a > .fa,
            .nav-tabs > li.active.tab-silver > a .glyphicon,
            .nav-tabs > li.active.tab-silver > a .typcn,
            .nav-tabs > li.active.tab-silver > a .wi {
                color: #777777;
            }

        .nav-tabs > li.active.tab-sonic-silver > a {
            border-color: #737373 !important;
        }

            .nav-tabs > li.active.tab-sonic-silver > a > .fa,
            .nav-tabs > li.active.tab-sonic-silver > a .glyphicon,
            .nav-tabs > li.active.tab-sonic-silver > a .typcn,
            .nav-tabs > li.active.tab-sonic-silver > a .wi {
                color: #737373;
            }

        .nav-tabs > li.active.tab-storm-cloud > a {
            border-color: #666666 !important;
        }

            .nav-tabs > li.active.tab-storm-cloud > a > .fa,
            .nav-tabs > li.active.tab-storm-cloud > a .glyphicon,
            .nav-tabs > li.active.tab-storm-cloud > a .typcn,
            .nav-tabs > li.active.tab-storm-cloud > a .wi {
                color: #666666;
            }

        .nav-tabs > li.active.tab-lightcarbon > a {
            border-color: #555555 !important;
        }

            .nav-tabs > li.active.tab-lightcarbon > a > .fa,
            .nav-tabs > li.active.tab-lightcarbon > a .glyphicon,
            .nav-tabs > li.active.tab-lightcarbon > a .typcn,
            .nav-tabs > li.active.tab-lightcarbon > a .wi {
                color: #555555;
            }

        .nav-tabs > li.active.tab-carbon > a {
            border-color: #444444 !important;
        }

            .nav-tabs > li.active.tab-carbon > a > .fa,
            .nav-tabs > li.active.tab-carbon > a .glyphicon,
            .nav-tabs > li.active.tab-carbon > a .typcn,
            .nav-tabs > li.active.tab-carbon > a .wi {
                color: #444444;
            }

        .nav-tabs > li.active.tab-primary > a {
            border-color: #4374e0 !important;
        }

            .nav-tabs > li.active.tab-primary > a > .fa,
            .nav-tabs > li.active.tab-primary > a .glyphicon,
            .nav-tabs > li.active.tab-primary > a .typcn,
            .nav-tabs > li.active.tab-primary > a .wi {
                color: #4374e0;
            }

        .nav-tabs > li.active.tab-slate-gray > a {
            border-color: #333333 !important;
        }

            .nav-tabs > li.active.tab-slate-gray > a > .fa,
            .nav-tabs > li.active.tab-slate-gray > a .glyphicon,
            .nav-tabs > li.active.tab-slate-gray > a .typcn,
            .nav-tabs > li.active.tab-slate-gray > a .wi {
                color: #333333;
            }

        .nav-tabs > li.active.tab-darkcarbon > a {
            border-color: #262626 !important;
        }

            .nav-tabs > li.active.tab-darkcarbon > a > .fa,
            .nav-tabs > li.active.tab-darkcarbon > a .glyphicon,
            .nav-tabs > li.active.tab-darkcarbon > a .typcn,
            .nav-tabs > li.active.tab-darkcarbon > a .wi {
                color: #262626;
            }

        .nav-tabs > li.active.tab-blue > a {
            border-color: #5db2ff !important;
        }

            .nav-tabs > li.active.tab-blue > a > .fa,
            .nav-tabs > li.active.tab-blue > a .glyphicon,
            .nav-tabs > li.active.tab-blue > a .typcn,
            .nav-tabs > li.active.tab-blue > a .wi {
                color: #5db2ff;
            }

        .nav-tabs > li.active.tab-info > a {
            border-color: #57b5e3 !important;
        }

            .nav-tabs > li.active.tab-info > a > .fa,
            .nav-tabs > li.active.tab-info > a .glyphicon,
            .nav-tabs > li.active.tab-info > a .typcn,
            .nav-tabs > li.active.tab-info > a .wi {
                color: #57b5e3;
            }

        .nav-tabs > li.active.tab-sky > a {
            border-color: #11a9cc !important;
        }

            .nav-tabs > li.active.tab-sky > a > .fa,
            .nav-tabs > li.active.tab-sky > a .glyphicon,
            .nav-tabs > li.active.tab-sky > a .typcn,
            .nav-tabs > li.active.tab-sky > a .wi {
                color: #11a9cc;
            }

        .nav-tabs > li.active.tab-primary > a {
            border-color: #4374e0 !important;
        }

            .nav-tabs > li.active.tab-primary > a > .fa,
            .nav-tabs > li.active.tab-primary > a .glyphicon,
            .nav-tabs > li.active.tab-primary > a .typcn,
            .nav-tabs > li.active.tab-primary > a .wi {
                color: #4374e0;
            }

        .nav-tabs > li.active.tab-primary > a {
            border-color: #4374e0 !important;
        }

            .nav-tabs > li.active.tab-primary > a > .fa,
            .nav-tabs > li.active.tab-primary > a .glyphicon,
            .nav-tabs > li.active.tab-primary > a .typcn,
            .nav-tabs > li.active.tab-primary > a .wi {
                color: #4374e0;
            }

        .nav-tabs > li.active.tab-blueberry > a {
            border-color: #6f85bf !important;
        }

            .nav-tabs > li.active.tab-blueberry > a > .fa,
            .nav-tabs > li.active.tab-blueberry > a .glyphicon,
            .nav-tabs > li.active.tab-blueberry > a .typcn,
            .nav-tabs > li.active.tab-blueberry > a .wi {
                color: #6f85bf;
            }

        .nav-tabs > li.active.tab-palegreen > a {
            border-color: #a0d468 !important;
        }

            .nav-tabs > li.active.tab-palegreen > a > .fa,
            .nav-tabs > li.active.tab-palegreen > a .glyphicon,
            .nav-tabs > li.active.tab-palegreen > a .typcn,
            .nav-tabs > li.active.tab-palegreen > a .wi {
                color: #a0d468;
            }

        .nav-tabs > li.active.tab-success > a {
            border-color: #53a93f !important;
        }

            .nav-tabs > li.active.tab-success > a > .fa,
            .nav-tabs > li.active.tab-success > a .glyphicon,
            .nav-tabs > li.active.tab-success > a .typcn,
            .nav-tabs > li.active.tab-success > a .wi {
                color: #53a93f;
            }

        .nav-tabs > li.active.tab-green > a {
            border-color: #8cc474 !important;
        }

            .nav-tabs > li.active.tab-green > a > .fa,
            .nav-tabs > li.active.tab-green > a .glyphicon,
            .nav-tabs > li.active.tab-green > a .typcn,
            .nav-tabs > li.active.tab-green > a .wi {
                color: #8cc474;
            }

        .nav-tabs > li.active.tab-lightyellow > a {
            border-color: #f6d52e !important;
        }

            .nav-tabs > li.active.tab-lightyellow > a > .fa,
            .nav-tabs > li.active.tab-lightyellow > a .glyphicon,
            .nav-tabs > li.active.tab-lightyellow > a .typcn,
            .nav-tabs > li.active.tab-lightyellow > a .wi {
                color: #f6d52e;
            }

        .nav-tabs > li.active.tab-yellow > a {
            border-color: #ffce55 !important;
        }

            .nav-tabs > li.active.tab-yellow > a > .fa,
            .nav-tabs > li.active.tab-yellow > a .glyphicon,
            .nav-tabs > li.active.tab-yellow > a .typcn,
            .nav-tabs > li.active.tab-yellow > a .wi {
                color: #ffce55;
            }

        .nav-tabs > li.active.tab-warning > a {
            border-color: #f4b400 !important;
        }

            .nav-tabs > li.active.tab-warning > a > .fa,
            .nav-tabs > li.active.tab-warning > a .glyphicon,
            .nav-tabs > li.active.tab-warning > a .typcn,
            .nav-tabs > li.active.tab-warning > a .wi {
                color: #f4b400;
            }

        .nav-tabs > li.active.tab-gold > a {
            border-color: #f9b256 !important;
        }

            .nav-tabs > li.active.tab-gold > a > .fa,
            .nav-tabs > li.active.tab-gold > a .glyphicon,
            .nav-tabs > li.active.tab-gold > a .typcn,
            .nav-tabs > li.active.tab-gold > a .wi {
                color: #f9b256;
            }

        .nav-tabs > li.active.tab-orange > a {
            border-color: #fb6e52 !important;
        }

            .nav-tabs > li.active.tab-orange > a > .fa,
            .nav-tabs > li.active.tab-orange > a .glyphicon,
            .nav-tabs > li.active.tab-orange > a .typcn,
            .nav-tabs > li.active.tab-orange > a .wi {
                color: #fb6e52;
            }

        .nav-tabs > li.active.tab-lightred > a {
            border-color: #e46f61 !important;
        }

            .nav-tabs > li.active.tab-lightred > a > .fa,
            .nav-tabs > li.active.tab-lightred > a .glyphicon,
            .nav-tabs > li.active.tab-lightred > a .typcn,
            .nav-tabs > li.active.tab-lightred > a .wi {
                color: #e46f61;
            }

        .nav-tabs > li.active.tab-darkorange > a {
            border-color: #ed4e2a !important;
        }

            .nav-tabs > li.active.tab-darkorange > a > .fa,
            .nav-tabs > li.active.tab-darkorange > a .glyphicon,
            .nav-tabs > li.active.tab-darkorange > a .typcn,
            .nav-tabs > li.active.tab-darkorange > a .wi {
                color: #ed4e2a;
            }

        .nav-tabs > li.active.tab-red > a {
            border-color: #df5138 !important;
        }

            .nav-tabs > li.active.tab-red > a > .fa,
            .nav-tabs > li.active.tab-red > a .glyphicon,
            .nav-tabs > li.active.tab-red > a .typcn,
            .nav-tabs > li.active.tab-red > a .wi {
                color: #df5138;
            }

        .nav-tabs > li.active.tab-pink > a {
            border-color: #e75b8d !important;
        }

            .nav-tabs > li.active.tab-pink > a > .fa,
            .nav-tabs > li.active.tab-pink > a .glyphicon,
            .nav-tabs > li.active.tab-pink > a .typcn,
            .nav-tabs > li.active.tab-pink > a .wi {
                color: #e75b8d;
            }

        .nav-tabs > li.active.tab-danger > a {
            border-color: #d73d32 !important;
        }

            .nav-tabs > li.active.tab-danger > a > .fa,
            .nav-tabs > li.active.tab-danger > a .glyphicon,
            .nav-tabs > li.active.tab-danger > a .typcn,
            .nav-tabs > li.active.tab-danger > a .wi {
                color: #d73d32;
            }

        .nav-tabs > li.active.tab-magenta > a {
            border-color: #bc5679 !important;
        }

            .nav-tabs > li.active.tab-magenta > a > .fa,
            .nav-tabs > li.active.tab-magenta > a .glyphicon,
            .nav-tabs > li.active.tab-magenta > a .typcn,
            .nav-tabs > li.active.tab-magenta > a .wi {
                color: #bc5679;
            }

        .nav-tabs > li.active.tab-purple > a {
            border-color: #7e3794 !important;
        }

            .nav-tabs > li.active.tab-purple > a > .fa,
            .nav-tabs > li.active.tab-purple > a .glyphicon,
            .nav-tabs > li.active.tab-purple > a .typcn,
            .nav-tabs > li.active.tab-purple > a .wi {
                color: #7e3794;
            }

        .nav-tabs > li.active.tab-maroon > a {
            border-color: #981b48 !important;
        }

            .nav-tabs > li.active.tab-maroon > a > .fa,
            .nav-tabs > li.active.tab-maroon > a .glyphicon,
            .nav-tabs > li.active.tab-maroon > a .typcn,
            .nav-tabs > li.active.tab-maroon > a .wi {
                color: #981b48;
            }

    .nav-tabs.nav-justified {
        margin-bottom: -2px;
    }

        .nav-tabs.nav-justified > li > a {
            border: none;
            margin-top: -2px;
        }

            .nav-tabs.nav-justified > li > a:hover {
                background-color: transparent;
            }

        .nav-tabs.nav-justified > .active > a,
        .nav-tabs.nav-justified > .active > a:hover,
        .nav-tabs.nav-justified > .active > a:focus {
            border: 0;
            border-top: 2px solid #67809f;
            background-color: #fbfbfb;
        }

    .nav-tabs .dropdown-menu {
        margin-top: -3px;
    }

    .nav-tabs.tabs-flat {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        background-color: rgba(0, 0, 0, 0);
    }

.tabs-below > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    margin-top: -1px;
    border-bottom-width: 0;
}

    .tabs-below > .nav-tabs li.active > a,
    .tabs-below > .nav-tabs li.active > a:hover,
    .tabs-below > .nav-tabs li.active > a:focus {
        border-top-width: 1px;
        border-bottom: 2px solid #5db2ff;
        border-top-color: transparent;
        margin-top: 0;
        -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
    }

    .tabs-below > .nav-tabs.nav-justified > li > a {
        margin-bottom: -2px;
    }

    .tabs-below > .nav-tabs.nav-justified > .active > a,
    .tabs-below > .nav-tabs.nav-justified > .active > a:hover,
    .tabs-below > .nav-tabs.nav-justified > .active > a:focus {
        border: 0;
        border-bottom: 2px solid #5db2ff;
    }

.tabs-left > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    float: left;
}

    .tabs-left > .nav-tabs > li {
        float: none;
    }

        .tabs-left > .nav-tabs > li > a,
        .tabs-left > .nav-tabs > li > a:focus,
        .tabs-left > .nav-tabs > li > a:hover {
            margin: 0 -1px 0 0;
        }

        .tabs-left > .nav-tabs > li.active > a,
        .tabs-left > .nav-tabs > li.active > a:focus,
        .tabs-left > .nav-tabs > li.active > a:hover {
            border: 0;
            border-left: 2px solid #5db2ff;
            border-right-color: transparent;
            margin: 0 -1px 0 -1px;
            -webkit-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.3);
            -moz-box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.3);
            box-shadow: -2px 0 3px 0 rgba(0, 0, 0, 0.3);
        }

.tabs-right > .nav-tabs {
    top: auto;
    margin-bottom: 0;
    float: right;
}

    .tabs-right > .nav-tabs > li {
        float: none;
    }

        .tabs-right > .nav-tabs > li > a,
        .tabs-right > .nav-tabs > li > a:focus,
        .tabs-right > .nav-tabs > li > a:hover {
            border-top: 0;
            margin: 0 -1px;
        }

        .tabs-right > .nav-tabs > li.active > a,
        .tabs-right > .nav-tabs > li.active > a:focus,
        .tabs-right > .nav-tabs > li.active > a:hover {
            border-top-width: 0;
            border-right: 2px solid #5db2ff;
            border-left-color: transparent;
            margin: 0 -2px 0 -1px;
            -webkit-box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.3);
            box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.3);
        }

        .tabs-left > .nav-tabs > li > a,
        .tabs-right > .nav-tabs > li > a {
            min-width: 60px;
        }

.nav-tabs li [class*=" fa-"],
.nav-tabs li [class^="fa-"] {
    width: 1.25em;
    display: inline-block;
    text-align: center;
}

.nav-tabs > li.open .dropdown-toggle {
    background-color: #e5e5e5;
    border-color: #e5e5e5;
}

.tabs-left .tab-content,
.tabs-right .tab-content {
    overflow: auto;
}

.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
    background-color: #fbfbfb;
}

.nav .dropdown-menu > .active > a,
.nav .dropdown-menu > .active > a:hover,
.nav .dropdown-menu > .active > a:focus {
    color: #262626;
    background-color: #e5e5e5;
}

.nav-tabs > li:not(.active):not(.open) > a:not(:hover) > [class*="fa-"].disabled:first-child {
    color: #909090 !important;
}
/*#endregion Tab*/
/*#endregion Tabs*/
/*#region Buttons*/
.btn {
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    display: inline-block;
    color: #ffffff;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    font-size: 13px;
    /*#region Link Button*/
    /*#endregion Link Button*/
    /*#region Shiny Button*/
    /*#endregion Shiny Button*/
    /*#region Circle Button*/
    /*#endregion Circle Button*/
    /*#region Labeled Button*/
    /*#endregion Labeled Button*/
    /*#region Icon Button*/
    /*#endregion Icon Button*/
}

    .btn:hover,
    .btn:focus {
        color: #ffffff;
    }

    .btn.btn-link {
        border: none !important;
        background: transparent none !important;
        color: #08c !important;
        -webkit-text-shadow: none !important;
        text-shadow: none !important;
        padding: 4px 12px !important;
        line-height: 20px !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        box-shadow: none !important;
    }

        .btn.btn-link:hover {
            background: none !important;
            -webkit-text-shadow: none !important;
            text-shadow: none !important;
        }

        .btn.btn-link.active {
            background: none !important;
            text-decoration: underline;
            color: #009ceb !important;
        }

            .btn.btn-link.active:after {
                display: none;
            }

        .btn.btn-link.disabled,
        .btn.btn-link[disabled] {
            background: 0;
            opacity: .65;
            filter: alpha(opacity=65);
        }

            .btn.btn-link.disabled:hover,
            .btn.btn-link[disabled]:hover {
                background: none !important;
                text-decoration: none !important;
            }

    .btn.shiny {
        -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.1);
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        background-clip: padding-box;
    }

        .btn.shiny:hover {
            zoom: 1;
            filter: alpha(opacity=90);
            -webkit-opacity: 0.9;
            -moz-opacity: 0.9;
            opacity: 0.9;
        }

        .btn.shiny.active,
        .btn.shiny:focus {
            box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        }

        .btn.shiny.dropdown-toggle {
            border-left-width: 0 !important;
        }

    .btn.btn-circle {
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        width: 60px;
        height: 60px;
        text-align: center;
        padding: 11px 12px;
    }

        .btn.btn-circle > .fa,
        .btn.btn-circle .typcn,
        .btn.btn-circle .glyphicon,
        .btn.btn-circle > [class*="wi-"] {
            font-size: 20px;
            margin: 0 auto;
            line-height: 34px;
        }

        .btn.btn-circle.btn-xs {
            width: 30px;
            height: 30px;
            text-align: center;
            padding: 6px 0;
        }

            .btn.btn-circle.btn-xs > .fa,
            .btn.btn-circle.btn-xs .typcn,
            .btn.btn-circle.btn-xs .glyphicon,
            .btn.btn-circle.btn-xs > [class*="wi-"] {
                font-size: 12px;
                line-height: 14px;
            }

        .btn.btn-circle.btn-sm {
            width: 50px;
            height: 50px;
            padding: 10px 15px;
        }

            .btn.btn-circle.btn-sm > .fa,
            .btn.btn-circle.btn-sm .typcn,
            .btn.btn-circle.btn-sm .glyphicon,
            .btn.btn-circle.btn-sm > [class*="wi-"] {
                font-size: 18px;
                line-height: 26px;
                border-radius: 50%;
            }

        .btn.btn-circle.btn-lg {
            width: 70px;
            height: 70px;
            padding: 10px;
        }

            .btn.btn-circle.btn-lg > .fa,
            .btn.btn-circle.btn-lg .typcn,
            .btn.btn-circle.btn-lg .glyphicon,
            .btn.btn-circle.btn-lg > [class*="wi-"] {
                font-size: 28px;
                line-height: 46px;
            }

    .btn.btn-labeled {
        position: relative;
        padding-left: 0;
    }

        .btn.btn-labeled.btn-block .btn-label {
            margin-right: 0;
        }

        .btn.btn-labeled .btn-label {
            display: block;
            float: left;
            margin: -7px 12px -9px -2px;
            padding: 8px 10px 8px 11px;
            position: relative;
            background: rgba(0, 0, 0, 0.06);
            line-height: 15px;
            border-bottom-left-radius: 3px;
            border-top-left-radius: 3px;
        }

            .btn.btn-labeled .btn-label > .fa,
            .btn.btn-labeled .btn-label .typcn,
            .btn.btn-labeled .btn-label .glyphicon,
            .btn.btn-labeled .btn-label > [class*="wi-"] {
                margin-right: 0;
            }

    .btn.icon-only {
        width: 36px;
        height: 34px;
        padding: 5px 3px;
    }

        .btn.icon-only > .fa,
        .btn.icon-only .typcn,
        .btn.icon-only .glyphicon,
        .btn.icon-only > [class*="wi-"] {
            margin: 0;
            vertical-align: middle;
            text-align: center;
            padding: 0;
            font-size: 22px;
            line-height: 22px;
        }

    .btn > .fa,
    .btn .typcn,
    .btn .glyphicon,
    .btn > [class*="wi-"] {
        display: inline;
        margin-right: 4px;
        font-size: 14px;
    }

        .btn > .fa.right,
        .btn .typcn.right,
        .btn .glyphicon.right,
        .btn > [class*="wi-"].right {
            margin-right: 0;
            margin-left: 4px;
        }
/*#region Button Sizes*/
.btn-xs {
    font-size: 11px;
    padding: 2px 7px;
}

    .btn-xs > .fa,
    .btn-xs > .typcn,
    .btn-xs > .glyphicon,
    .btn-xs > [class*="wi-"] {
        font-size: 12px;
        margin-right: 2px;
    }

        .btn-xs > .fa.right,
        .btn-xs > .typcn.right,
        .btn-xs > .glyphicon.right,
        .btn-xs > [class*="wi-"].right {
            margin-right: 0;
            margin-left: 2px;
        }

    .btn-xs.icon-only {
        width: 24px;
        height: 24px;
        padding: 2px 6px;
    }

        .btn-xs.icon-only > .fa,
        .btn-xs.icon-only > .typcn,
        .btn-xs.icon-only > .glyphicon,
        .btn-xs.icon-only > [class*="wi-"] {
            font-size: 12px;
            line-height: 7px;
        }

.btn-sm {
    font-size: 12px;
    padding: 4px 9px;
    line-height: 1.39;
}

    .btn-sm > .fa,
    .btn-sm > .typcn,
    .btn-sm > .glyphicon,
    .btn-sm > [class*="wi-"] {
        font-size: 13px;
        margin-right: 3px;
    }

        .btn-sm > .fa.right,
        .btn-sm > .typcn.right,
        .btn-sm > .glyphicon.right,
        .btn-sm > [class*="wi-"].right {
            margin-right: 0;
            margin-left: 3px;
        }

    .btn-sm.icon-only {
        width: 31px;
        height: 30px;
        padding: 3px !important;
    }

        .btn-sm.icon-only > .fa,
        .btn-sm.icon-only > .typcn,
        .btn-sm.icon-only > .glyphicon,
        .btn-sm.icon-only > [class*="wi-"] {
            font-size: 20px;
            line-height: 21px;
        }

.btn-lg {
    line-height: 1.35;
    padding: 9px 18px;
    font-size: 14px;
}

    .btn-lg.icon-only {
        width: 40px;
        height: 38px;
        padding: 6px !important;
    }

        .btn-lg.icon-only > .fa,
        .btn-lg.icon-only > .typcn,
        .btn-lg.icon-only > .glyphicon,
        .btn-lg.icon-only > [class*="wi-"] {
            font-size: 24px;
            line-height: 26px;
        }

    .btn-lg > .fa,
    .btn-lg > .typcn,
    .btn-lg > .glyphicon,
    .btn-lg > [class*="wi-"] {
        font-size: 16px;
        margin-right: 6px;
    }

        .btn-lg > .fa.right,
        .btn-lg > .typcn.right,
        .btn-lg > .glyphicon.right,
        .btn-lg > [class*="wi-"].right {
            margin-right: 0;
            margin-left: 6px;
        }
/*#endregion Button Sizes*/
/*#region Default Button*/
.btn,
.btn-default,
.btn:focus,
.btn-default:focus {
    color: #444444;
    background-color: #ffffff;
    border-color: #cccccc;
}

    .btn:hover,
    .btn-default:hover {
        color: #444444;
    }

    .btn.shiny,
    .btn-default.shiny {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(top, #ffffff 0, #ededed 100%);
        background-image: -moz-linear-gradient(top, #ffffff 0, #ededed 100%);
        background-image: -o-linear-gradient(top, #ffffff 0, #ededed 100%);
        background-image: linear-gradient(to bottom, #ffffff 0, #ededed 100%);
    }

    .btn.dropdown-toggle:not(:first-child),
    .btn-default.dropdown-toggle:not(:first-child) {
        border-left-width: 0 !important;
        margin-left: -1px;
    }

    .btn-default:hover,
    .open .btn-default.dropdown-toggle {
        border-color: #b8b8b8;
        -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    }

.open .btn-default.dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/*#endregion Default Button*/
/*#region Primary Button*/
.btn-primary,
.btn-primary:focus {
    background-color: #427fed !important;
    border-color: #427fed;
    color: #ffffff;
}

    .btn-primary:hover {
        color: #ffffff;
    }

    .btn-primary.dropdown-toggle {
        border-left-color: #6a99ee !important;
    }

    .btn-primary.active {
        background-color: #2c56b1 !important;
        border-color: #21448d;
    }

    .btn-primary.shiny {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iNSUiIHN0b3AtY29sb3I9IiMwMDk1ZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNWVmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(center top, #0095ff 5%, #005eff 100%);
        background-image: -moz-linear-gradient(center top, #0095ff 5%, #005eff 100%);
        background-image: -o-linear-gradient(center top, #0095ff 5%, #005eff 100%);
        background-image: linear-gradient(center to bottom, #0095ff 5%, #005eff 100%);
    }

    .btn-primary:hover,
    .open .btn-primary.dropdown-toggle {
        background-color: #4285f4 !important;
        border-color: #427fed;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #427fed !important;
        border-color: #427fed;
        zoom: 1;
        filter: alpha(opacity=50);
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*#endregion Primary Button*/
/*#region info Button*/
.btn-info,
.btn-info:focus {
    background-color: #57b5e3 !important;
    border-color: #57b5e3;
    color: #ffffff;
}

    .btn-info:hover {
        color: #ffffff;
    }

    .btn-info.dropdown-toggle {
        border-left-color: #8bcdee !important;
    }

    .btn-info.active {
        background-color: #5fa6d3 !important;
        border-color: #4396cb;
    }

    .btn-info.shiny {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMGFkZWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwNzhhNSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
        background-image: -moz-linear-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
        background-image: -o-linear-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
        background-image: linear-gradient(linear, left to bottom, left bottom, from(#00adee), to(#0078a5));
    }

    .btn-info:hover,
    .open .btn-info.dropdown-toggle {
        background-color: #6abce2 !important;
        border-color: #6abce2;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #57b5e3 !important;
        border-color: #57b5e3;
        zoom: 1;
        filter: alpha(opacity=50);
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*#endregion info Button*/
/*#region Success Button*/
.btn-success,
.btn-success:focus {
    background-color: #53a93f !important;
    border-color: #53a93f !important;
    color: #ffffff;
}

    .btn-success:hover {
        color: #ffffff;
    }

    .btn-success.dropdown-toggle {
        border-left-color: #a0d468 !important;
    }

    .btn-success.active {
        background-color: #3e802f !important;
        border-color: #2f6124;
    }

    .btn-success.shiny {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM3ZGI3MmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzRlN2QwZSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
        background-image: -moz-linear-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
        background-image: -o-linear-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
        background-image: linear-gradient(linear, left to bottom, left bottom, from(#7db72f), to(#4e7d0e));
    }

    .btn-success:hover,
    .open .btn-success.dropdown-toggle {
        background-color: #65b951 !important;
        border-color: #65b951;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #53a93f !important;
        zoom: 1;
        filter: alpha(opacity=50);
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*#endregion Success Button*/
/*#region Warning Button*/
.btn-warning,
.btn-warning:focus {
    background-color: #f4b400 !important;
    border-color: #f4b400;
    color: #ffffff;
}

    .btn-warning:hover {
        color: #ffffff;
    }

    .btn-warning.dropdown-toggle {
        border-left-color: #ffce55 !important;
    }

    .btn-warning.active {
        background-color: #f2a73e !important;
        border-color: #f0981c;
    }

    .btn-warning.shiny {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmYWE1MWEiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y0N2EyMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
        background-image: -moz-linear-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
        background-image: -o-linear-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
        background-image: linear-gradient(linear, left to bottom, left bottom, from(#faa51a), to(#f47a20));
    }

    .btn-warning:hover,
    .open .btn-warning.dropdown-toggle {
        background-color: #f6c12a !important;
        border-color: #f6c12a;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #f4b400 !important;
        border-color: #f4b400;
        zoom: 1;
        filter: alpha(opacity=50);
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*#endregion Warning Button*/
/*#region Danger Button*/
.btn-danger,
.btn-danger:focus {
    background-color: #d73d32 !important;
    border-color: #d73d32;
    color: #ffffff;
}

    .btn-danger:hover {
        color: #ffffff;
    }

    .btn-danger.dropdown-toggle {
        border-left-color: #e46f61 !important;
    }

    .btn-danger.active {
        background-color: #be3e2e !important;
        border-color: #9a3323;
    }

    .btn-danger.shiny {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZDFjMjQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhMTMxNyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
        background-image: -moz-linear-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
        background-image: -o-linear-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
        background-image: linear-gradient(linear, left to bottom, left bottom, from(#ed1c24), to(#aa1317));
    }

    .btn-danger:hover,
    .open .btn-danger.dropdown-toggle {
        background-color: #e74b37 !important;
        border-color: #e74b37;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #d73d32 !important;
        border-color: #d73d32;
        zoom: 1;
        filter: alpha(opacity=50);
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
    }
/*#endregion Danger Button*/

.btn.disabled.active,
.btn[disabled].active,
.btn.disabled:focus,
.btn[disabled]:focus,
.btn.disabled:active,
.btn[disabled]:active {
    outline: 0;
}

.btn.disabled:active,
.btn[disabled]:active {
    top: 0;
    left: 0;
}

.open .btn.dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
/*#region Group Button*/
.btn-group > .btn:not(:first-child):not(.dropdown-toggle) {
    border-left: 0;
}

.btn-group > .btn,
.btn-group > .btn + .btn {
    margin: 0;
}

    .btn-group > .btn:first-child {
        margin: 0;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
    }

    .btn-group > .btn:last-child {
        -webkit-border-radius: 0 2px 2px 0;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 0 2px 2px 0;
        -moz-background-clip: padding;
        border-radius: 0 2px 2px 0;
        background-clip: padding-box;
    }

    .btn-group > .btn > .caret {
        margin-left: 1px;
        border-width: 5px;
        border-top-color: #eeeeee;
        margin-top: 1px;
    }

    .btn-group > .btn.btn-default > .caret {
        border-top-color: #333333;
    }

    .btn-group > .btn + .btn.dropdown-toggle {
        padding-left: 7px;
        padding-right: 7px;
    }

    .btn-group > .btn + .btn-lg.dropdown-toggle {
        padding-right: 10px;
        padding-left: 10px;
    }

    .btn-group > .btn + .btn-sm.dropdown-toggle {
        padding-right: 6px;
        padding-left: 6px;
    }

        .btn-group > .btn + .btn-sm.dropdown-toggle .fa {
            line-height: 13px;
        }

    .btn-group > .btn + .btn-xs.dropdown-toggle {
        padding-right: 5px;
        padding-left: 5px;
    }

        .btn-group > .btn + .btn-xs.dropdown-toggle .fa {
            line-height: 13px;
        }

.btn-group .dropdown-toggle {
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    border-radius: 0 2px 2px 0;
    background-clip: padding-box;
}

    .btn-group .dropdown-toggle .fa {
        display: inline-block;
        margin-top: 1px;
        font-size: 14px;
        line-height: 14px;
        margin-right: 0;
        margin-left: 0;
    }

.btn-group > .btn,
.btn-group + .btn {
    margin: 0;
}

    .btn-group > .btn.active:after,
    .btn-group + .btn.active:after {
        left: -2px;
        right: -2px;
        bottom: -2px;
        border-bottom-width: 1px;
    }

.btn-group-vertical > .btn:not(:last-child) {
    border-bottom: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child) {
    border-top-right-radius: 2px;
}

.btn-group-vertical > .btn:last-child:not(:first-child) {
    border-bottom-left-radius: 2px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn + .btn {
    margin: 0;
}

    .btn-group-vertical > .btn:first-child {
        margin-right: 0;
    }
/*#endregion Group Button*/
/*#endregion Buttons*/


/*#region labels and badges */
.label,
.badge {
    display: inline-block;
    font-weight: 300;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
}

.label {
    font-size: 12px;
    padding: 4px 6px 4px 6px;
    -webkit-border-radius: 2px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
}

    .label.label-sm {
        font-size: 12px;
        padding: 1px 4px 1px 4px;
    }

.badge {
    font-size: 11px !important;
    font-weight: 300;
    text-align: center;
    background-color: #cccccc;
    height: 18px;
    padding: 3px 6px 3px 6px;
    -webkit-border-radius: 12px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 12px !important;
    -moz-background-clip: padding !important;
    border-radius: 12px !important;
    background-clip: padding-box !important;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
    vertical-align: middle;
}

    .badge.badge-square {
        -webkit-border-radius: 2px !important;
        -webkit-background-clip: padding-box !important;
        -moz-border-radius: 2px !important;
        -moz-background-clip: padding !important;
        border-radius: 2px !important;
        background-clip: padding-box !important;
    }

    .badge.badge-empty {
        display: inline-block;
        width: 10px;
        height: 10px;
        padding: 0;
        vertical-align: baseline;
    }

.badge-default,
.label-default {
    background-color: #cccccc !important;
}

    .badge-default.graded,
    .label-default.graded {
        background: linear-gradient(to right, #cccccc, #e5e5e5) !important;
    }

.badge-blue,
.label-blue {
    background-color: #5db2ff !important;
}

    .badge-blue.graded,
    .label-blue.graded {
        background: linear-gradient(to right, #5db2ff, #80c1fb) !important;
    }

.label-info,
.badge-info {
    background-color: #57b5e3;
    background-image: none !important;
}

    .label-info.graded,
    .badge-info.graded {
        background: linear-gradient(to right, #57b5e3, #c4e6f6) !important;
    }

.label-sky,
.badge-sky {
    background-color: #11a9cc;
    background-image: none !important;
}

    .label-sky.graded,
    .badge-sky.graded {
        background: linear-gradient(to right, #11a9cc, #c4e6f6) !important;
    }

.badge-primary,
.label-primary {
    background-color: #4374e0 !important;
}

    .badge-primary.graded,
    .label-primary.graded {
        background: linear-gradient(to right, #4374e0, #aec9fa) !important;
    }

.label-azure,
.badge-azure {
    background-color: #2dc3e8;
    background-image: none !important;
}

    .label-azure.graded,
    .badge-azure.graded {
        background: linear-gradient(to right, #2dc3e8, #5edfff) !important;
    }

.label-blueberry,
.badge-blueberry {
    background-color: #6f85bf;
    background-image: none !important;
}

    .label-blueberry.graded,
    .badge-blueberry.graded {
        background: linear-gradient(to right, #6f85bf, #ced5e9) !important;
    }

.label-palegreen,
.badge-palegreen {
    background-color: #a0d468;
    background-image: none !important;
}

    .label-palegreen.graded,
    .badge-palegreen.graded {
        background: linear-gradient(to right, #a0d468, #c5e9b6) !important;
    }

.label-success,
.badge-success {
    background-color: #53a93f;
    background-image: none !important;
}

    .label-success.graded,
    .badge-success.graded {
        background: linear-gradient(to right, #53a93f, #b0e0a4) !important;
    }

.label-green,
.badge-green {
    background-color: #8cc474;
    background-image: none !important;
}

    .label-green.graded,
    .badge-green.graded {
        background: linear-gradient(to right, #8cc474, #a0d468) !important;
    }

.label-lightyellow,
.badge-lightyellow {
    background-color: #f6d52e;
    background-image: none !important;
}

    .label-lightyellow.graded,
    .badge-lightyellow.graded {
        background: linear-gradient(to right, #f6d52e, #f8e26d) !important;
    }

.label-yellow,
.badge-yellow {
    background-color: #ffce55;
    background-image: none !important;
}

    .label-yellow.graded,
    .badge-yellow.graded {
        background: linear-gradient(to right, #ffce55, #f6d52e) !important;
    }

.label-warning,
.badge-warning {
    background-color: #f4b400;
    background-image: none !important;
}

    .label-warning.graded,
    .badge-warning.graded {
        background: linear-gradient(to right, #f4b400, #f8df95) !important;
    }

.label-gold,
.badge-gold {
    background-color: #f9b256;
    background-image: none !important;
}

    .label-gold.graded,
    .badge-gold.graded {
        background: linear-gradient(to right, #f9b256, #fece90) !important;
    }

.label-orange,
.badge-orange {
    background-color: #fb6e52;
    background-image: none !important;
}

    .label-orange.graded,
    .badge-orange.graded {
        background: linear-gradient(to right, #fb6e52, #fb9f8d) !important;
    }

.label-lightred,
.badge-lightred {
    background-color: #e46f61;
    background-image: none !important;
}

    .label-lightred.graded,
    .badge-lightred.graded {
        background: linear-gradient(to right, #e46f61, #f88f83) !important;
    }

.label-darkorange,
.badge-darkorange {
    background-color: #ed4e2a;
    background-image: none !important;
}

    .label-darkorange.graded,
    .badge-darkorange.graded {
        background: linear-gradient(to right, #ed4e2a, #f5a998) !important;
    }

.label-red,
.badge-red {
    background-color: #df5138;
    background-image: none !important;
}

    .label-red.graded,
    .badge-red.graded {
        background: linear-gradient(to right, #df5138, #f5836f) !important;
    }

.label-pink,
.badge-pink {
    background-color: #e75b8d;
    background-image: none !important;
}

    .label-pink.graded,
    .badge-pink.graded {
        background: linear-gradient(to right, #e75b8d, #f299b9) !important;
    }

.label-darkpink,
.badge-darkpink {
    background-color: #cc324b;
    background-image: none !important;
}

    .label-darkpink.graded,
    .badge-darkpink.graded {
        background: linear-gradient(to right, #cc324b, #fb6880) !important;
    }

.label-danger,
.badge-danger {
    background-color: #d73d32;
    background-image: none !important;
}

    .label-danger.graded,
    .badge-danger.graded {
        background: linear-gradient(to right, #d73d32, #f7b5b0) !important;
    }

.label-magenta,
.badge-magenta {
    background-color: #bc5679;
    background-image: none !important;
}

    .label-magenta.graded,
    .badge-magenta.graded {
        background: linear-gradient(to right, #bc5679, #e9abc0) !important;
    }

.label-purple,
.badge-purple {
    background-color: #7e3794;
    background-image: none !important;
}

    .label-purple.graded,
    .badge-purple.graded {
        background: linear-gradient(to right, #7e3794, #daafe8) !important;
    }

.label-maroon,
.badge-maroon {
    background-color: #981b48;
    background-image: none !important;
}

    .label-maroon.graded,
    .badge-maroon.graded {
        background: linear-gradient(to right, #981b48, #eab6c9) !important;
    }
/*#endregion labels and badges */

/*#region Wells*/
.well {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background-color: #fbfbfb;
    border: 0;
    color: #262626;
    position: relative;
    margin-bottom: 30px;
    min-height: 0px;
    /*#region Bordered Well*/
    /*#endregion Bordered Well*/
    /*#region Colored Well*/
    /*#endregion Bordered Well*/
}

    .well.attached {
        position: relative;
        top: -1px;
        bottom: -1px;
        border-radius: 0;
        margin: 0;
        box-shadow: 0 0 0 1px #DDD;
    }

        .well.attached.top {
            top: 0;
            bottom: -1px;
            margin-top: 1em;
            margin-bottom: 0;
            -webkit-border-radius: 3px 3px 0 0;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px 3px 0 0;
            -moz-background-clip: padding;
            border-radius: 3px 3px 0 0;
            background-clip: padding-box;
            border-bottom: 0;
        }

        .well.attached.bottom {
            top: -1px;
            bottom: 0;
            margin-top: 0;
            margin-bottom: 1em;
            -webkit-border-radius: 0 0 3px 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 0 0 3px 3px;
            -moz-background-clip: padding;
            border-radius: 0 0 3px 3px;
            background-clip: padding-box;
            border-top: 0;
        }

            .well.attached.bottom:last-child {
                margin-bottom: 0;
            }

    .well.bordered-top {
        border-top: 5px solid #67809f;
    }

    .well.bordered-bottom {
        border-bottom: 5px solid #67809f;
    }

    .well.bordered-left {
        border-left: 5px solid #67809f;
    }

    .well.bordered-right {
        border-right: 5px solid #67809f;
    }

    .well[class*="bg-"] {
        color: #f5f5f5;
    }

    .well h1,
    .well h2,
    .well h3,
    .well h4,
    .well h5,
    .well h6 {
        margin-top: 0;
    }

    .well h1,
    .well h2,
    .well h3 {
        line-height: 36px;
    }

    .well.with-header {
        padding-top: 60px;
    }

    .well.with-footer {
        padding-bottom: 60px;
    }

    .well .header {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        padding: 10px;
        text-align: left;
        border-radius: 2px 2px 0 0;
        border-bottom: 1px solid #e5e5e5;
    }

        .well .header[class*="bg-"] {
            color: #ffffff;
            border-bottom: 0;
        }

        .well .header[class*="bordered-"] {
            border-bottom: 3px solid #ffffff;
        }

    .well .footer {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        padding: 10px;
        border-top: 1px solid #e5e5e5;
        border-radius: 0 0 2px 2px;
    }

        .well .footer[class*="bordered-"] {
            border-top: 3px solid #ffffff;
        }

    .well hr.wide {
        margin-right: -19px;
        margin-left: -19px;
    }
/*#endregion Wells*/


/*#region Notifications*/
.toast-title {
    font-weight: bold;
}

.toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

    .toast-message a,
    .toast-message label {
        color: #ffffff;
    }

        .toast-message a:hover {
            color: #cccccc;
            text-decoration: none;
        }

.toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.5em;
    float: right;
    font-size: 18px;
    font-family: 'FontAwesome';
    font-weight: bold;
    color: #ffffff;
    -webkit-text-shadow: 0 1px 0 #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    zoom: 1;
    filter: alpha(opacity=80);
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
}

    .toast-close-button:hover,
    .toast-close-button:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        zoom: 1;
        filter: alpha(opacity=40);
        -webkit-opacity: 0.4;
        -moz-opacity: 0.4;
        opacity: 0.4;
    }
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
}


.toast-bottom-right {
    right: 12px;
    bottom: 12px;
}


#toast-container {
    position: fixed;
    z-index: 999999;
    /*overrides*/
}

    #toast-container > div {
        margin: 0 0 6px;
        padding: 15px 15px 15px 50px;
        width: 300px;
        -webkit-border-radius: 3px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 3px;
        -moz-background-clip: padding;
        border-radius: 3px;
        background-clip: padding-box;
        background-position: 15px center;
        background-repeat: no-repeat;
        -webkit-box-shadow: 0 0 12px #999999;
        -moz-box-shadow: 0 0 12px #999999;
        box-shadow: 0 0 12px #999999;
        color: #ffffff;
        zoom: 1;
        filter: alpha(opacity=80);
        -webkit-opacity: 0.8;
        -moz-opacity: 0.8;
        opacity: 0.8;
    }

    #toast-container > :hover {
        -webkit-box-shadow: 0 0 12px #000000;
        -moz-box-shadow: 0 0 12px #000000;
        box-shadow: 0 0 12px #000000;
        zoom: 1;
        filter: alpha(opacity=100);
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        cursor: pointer;
    }

    #toast-container > .toast {
        /*background-image: none !important;*/
    }

        #toast-container > .toast:before {
            position: fixed;
            font-family: FontAwesome;
            font-size: 24px;
            line-height: 18px;
            float: left;
            color: #FFF;
            padding-right: 0.5em;
            margin: auto 0.5em auto -1.5em;
        }

    #toast-container.toast-top-full-width > div,
    #toast-container.toast-bottom-full-width > div {
        width: 96%;
        margin: auto;
    }

.toast {
    background-color: #030303;
}

.toast-info {
    background-color: #57b5e3 !important;
}

.toast-success {
    background-color: #53a93f !important;
}

.toast-warning {
    background-color: #f4b400 !important;
}

.toast-danger {
    background-color: #d73d32 !important;
}

.toast-error {
    background-color: #d73d32 !important;
}


/*Responsive Design*/
@media all and (max-width: 239px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 11em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 240px) and (max-width: 479px) {
    #toast-container > div {
        padding: 8px 8px 8px 50px;
        width: 18em;
    }

    #toast-container .toast-close-button {
        right: -0.2em;
        top: -0.2em;
    }
}

@media all and (min-width: 480px) and (max-width: 767px) {
    #toast-container > div {
        padding: 15px 15px 15px 50px;
        width: 25em;
    }
}
/*#endregion Notifications*/

/*#region Modal*/
.modal-blue .modal-header {
    border-bottom: 3px solid #5db2ff;
}

.modal-danger .modal-header {
    border-bottom: 3px solid #d73d32;
}

.modal-success .modal-header {
    border-bottom: 3px solid #53a93f;
}

.modal-warning .modal-header {
    border-bottom: 3px solid #f4b400;
}

.modal-silver .modal-header {
    border-bottom: 3px solid #777777;
}

.modal-inverse .modal-header {
    border-bottom: 3px solid #444444;
}

.modal-blueberry .modal-header {
    border-bottom: 3px solid #6f85bf;
}

.modal-palegreen .modal-header {
    border-bottom: 3px solid #a0d468;
}

.modal-orange .modal-header {
    border-bottom: 3px solid #fb6e52;
}

.modal-darkorange .modal-header {
    border-bottom: 3px solid #ed4e2a;
}

.modal-magenta .modal-header {
    border-bottom: 3px solid #bc5679;
}

.modal-purple .modal-header {
    border-bottom: 3px solid #7e3794;
}

.modal-maroon .modal-header {
    border-bottom: 3px solid #981b48;
}

.modal-primary .modal-header {
    border-bottom: 3px solid #4374e0;
}

.modal-content {
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0;
    -moz-background-clip: padding;
    border-radius: 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.5);
    color: #000000;
    background-color: #ffffff;
    border: rgba(0, 0, 0, 0);
}

    .modal-content .close {
        font-size: 26px;
    }

.modal-footer {
    padding-top: 12px;
    padding-bottom: 14px;
    border-top: 0;
    background-color: #f5f5f5;
}

.modal-header {
    padding: 10px 15px 10px 20px;
    background-color: #f5f5f5;
}

    .modal-header .close {
        font-size: 26px;
    }

.modal-backdrop {
    background-color: #ffffff;
}

    .modal-backdrop.in {
        zoom: 1;
        filter: alpha(opacity=75);
        -webkit-opacity: 0.75;
        -moz-opacity: 0.75;
        opacity: 0.75;
    }

.modal-message .modal-dialog {
    width: 300px;
}

.modal-message .modal-body,
.modal-message .modal-footer,
.modal-message .modal-header,
.modal-message .modal-title {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0 20px;
    text-align: center !important;
}

.modal-message .modal-header {
    color: #ffffff;
    margin-bottom: 10px;
    padding: 15px 0 8px;
}

    .modal-message .modal-header .fa,
    .modal-message .modal-header .glyphicon,
    .modal-message .modal-header .typcn,
    .modal-message .modal-header .wi {
        font-size: 30px;
    }

.modal-message .modal-title {
    font-size: 17px;
    color: #737373;
    margin-bottom: 3px;
}

.modal-message .modal-body {
    color: #737373;
}

.modal-message .modal-footer {
    margin: 25px 0 20px;
    padding-bottom: 10px;
}

.modal-message.modal-info .modal-header {
    color: #57b5e3;
    border-bottom: 3px solid #57b5e3;
}

.modal-message.modal-danger .modal-header {
    color: #d73d32;
    border-bottom: 3px solid #e46f61;
}

.modal-message.modal-warning .modal-header {
    color: #f4b400;
    border-bottom: 3px solid #ffce55;
}

.modal-message.modal-success .modal-header {
    color: #53a93f;
    border-bottom: 3px solid #a0d468;
}
/*#endregion Modal*/
/*#region DropDown*/
.dropdown-menu {
    border: 1px solid #ccc !important;
    -webkit-border-radius: 2px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
    -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
    box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
    -webkit-transition: opacity 0.218s;
    -moz-transition: opacity 0.218s;
    -o-transition: opacity 0.218s;
    transition: opacity 0.218s;
    margin: 1px 0 0;
    min-width: 170px;
}

    .dropdown-menu .dropdown-icon {
        display: inline-block;
        font-size: 13px;
        margin-right: 5px;
    }

    .dropdown-menu > li > a {
        font-size: 13px;
        padding-left: 11px;
        padding-right: 11px;
        margin-bottom: 1px;
        margin-top: 1px;
    }

        .dropdown-menu > li > a .dropdown-expand {
            position: absolute;
            top: 5px;
            right: 10px;
            font-size: 13px;
        }

        .dropdown-menu > li > a .badge,
        .dropdown-menu > li > a .label {
            font-size: 10px !important;
        }

        .dropdown-menu > li > a .label {
            padding: 3px 6px 5px 6px;
        }

    .dropdown-menu > .dropdown-menu {
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
    }

        .dropdown-menu > .dropdown-menu > a:after {
            margin-right: -5px;
        }

    .dropdown-menu .divider {
        background-color: #ebebeb;
        margin-bottom: -1px;
    }

    .dropdown-menu.pull-right {
        left: auto;
        right: 0;
    }

    .dropdown-menu.dropdown-arrow.pull-right:before {
        left: auto;
        right: 9px;
    }

    .dropdown-menu.dropdown-arrow:before {
        border-bottom: 7px solid #ffffff;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: '';
        display: inline-block;
        left: 9px;
        position: absolute;
        top: -7px;
    }

    .dropdown-menu li a:hover,
    .dropdown-menu li a:focus,
    .dropdown-menu li a:active,
    .dropdown-menu li.active a,
    .dropdown-menu li.active a:hover,
    .dropdown-menu .dropdown-submenu:hover > a,
    .nav-tabs .dropdown-menu li > a:focus {
        background: #ebebeb;
        color: #262626;
    }

.dropdown-info li a:hover,
.dropdown-info li a:focus,
.dropdown-info li a:active,
.dropdown-info li.active a,
.dropdown-info li.active a:hover,
.dropdown-info .dropdown-submenu:hover > a,
.nav-tabs .dropdown-info li > a:focus {
    background: #57b5e3;
    color: #ffffff;
}

.dropdown-primary li a:hover,
.dropdown-primary li a:focus,
.dropdown-primary li a:active,
.dropdown-primary li.active a,
.dropdown-primary li.active a:hover,
.dropdown-primary .dropdown-submenu:hover > a,
.nav-tabs .dropdown-primary li > a:focus {
    background: #4374e0;
    color: #ffffff;
}

.dropdown-success li a:hover,
.dropdown-success li a:focus,
.dropdown-success li a:active,
.dropdown-success li.active a,
.dropdown-success li.active a:hover,
.dropdown-success .dropdown-submenu:hover > a,
.nav-tabs .dropdown-success li > a:focus {
    background: #53a93f;
    color: #ffffff;
}

.dropdown-warning li a:hover,
.dropdown-warning li a:focus,
.dropdown-warning li a:active,
.dropdown-warning li.active a,
.dropdown-warning li.active a:hover,
.dropdown-warning .dropdown-submenu:hover > a,
.nav-tabs .dropdown-warning li > a:focus {
    background: #f4b400;
    color: #ffffff;
}

.dropdown-danger li a:hover,
.dropdown-danger li a:focus,
.dropdown-danger li a:active,
.dropdown-danger li.active a,
.dropdown-danger li.active a:hover,
.dropdown-danger .dropdown-submenu:hover > a,
.nav-tabs .dropdown-danger li > a:focus {
    background: #d73d32;
    color: #ffffff;
}

.dropdown-inverse li a:hover,
.dropdown-inverse li a:focus,
.dropdown-inverse li a:active,
.dropdown-inverse li.active a,
.dropdown-inverse li.active a:hover,
.dropdown-inverse .dropdown-submenu:hover > a,
.nav-tabs .dropdown-inverse li > a:focus {
    background: #262626;
    color: #ffffff;
}

.dropdown-blue li a:hover,
.dropdown-blue li a:focus,
.dropdown-blue li a:active,
.dropdown-blue li.active a,
.dropdown-blue li.active a:hover,
.dropdown-blue .dropdown-submenu:hover > a,
.nav-tabs .dropdown-blue li > a:focus {
    background: #5db2ff;
    color: #ffffff;
}

.dropdown-blueberry li a:hover,
.dropdown-blueberry li a:focus,
.dropdown-blueberry li a:active,
.dropdown-blueberry li.active a,
.dropdown-blueberry li.active a:hover,
.dropdown-blueberry .dropdown-submenu:hover > a,
.nav-tabs .dropdown-blueberry li > a:focus {
    background: #6f85bf;
    color: #ffffff;
}

.dropdown-palegreen li a:hover,
.dropdown-palegreen li a:focus,
.dropdown-palegreen li a:active,
.dropdown-palegreen li.active a,
.dropdown-palegreen li.active a:hover,
.dropdown-palegreen .dropdown-submenu:hover > a,
.nav-tabs .dropdown-palegreen li > a:focus {
    background: #a0d468;
    color: #ffffff;
}

.dropdown-orange li a:hover,
.dropdown-orange li a:focus,
.dropdown-orange li a:active,
.dropdown-orange li.active a,
.dropdown-orange li.active a:hover,
.dropdown-orange .dropdown-submenu:hover > a,
.nav-tabs .dropdown-orange li > a:focus {
    background: #fb6e52;
    color: #ffffff;
}

.dropdown-darkorange li a:hover,
.dropdown-darkorange li a:focus,
.dropdown-darkorange li a:active,
.dropdown-darkorange li.active a,
.dropdown-darkorange li.active a:hover,
.dropdown-darkorange .dropdown-submenu:hover > a,
.nav-tabs .dropdown-darkorange li > a:focus {
    background: #ed4e2a;
    color: #ffffff;
}

.dropdown-magenta li a:hover,
.dropdown-magenta li a:focus,
.dropdown-magenta li a:active,
.dropdown-magenta li.active a,
.dropdown-magenta li.active a:hover,
.dropdown-magenta .dropdown-submenu:hover > a,
.nav-tabs .dropdown-magenta li > a:focus {
    background: #bc5679;
    color: #ffffff;
}

.dropdown-purple li a:hover,
.dropdown-purple li a:focus,
.dropdown-purple li a:active,
.dropdown-purple li.active a,
.dropdown-purple li.active a:hover,
.dropdown-purple .dropdown-submenu:hover > a,
.nav-tabs .dropdown-purple li > a:focus {
    background: #7e3794;
    color: #ffffff;
}

.dropdown-maroon li a:hover,
.dropdown-maroon li a:focus,
.dropdown-maroon li a:active,
.dropdown-maroon li.active a,
.dropdown-maroon li.active a:hover,
.dropdown-maroon .dropdown-submenu:hover > a,
.nav-tabs .dropdown-maroon li > a:focus {
    background: #981b48;
    color: #ffffff;
}

.dropdown-hover {
    position: relative;
}

    .dropdown-hover:hover > .dropdown-menu {
        display: block;
        left: 100%;
        top: -2px;
    }

    .dropdown-hover.dropup:hover > .dropdown-menu {
        bottom: 0;
        top: auto;
    }
/*#endregion DropDown*/
/*#region Pagination*/
.pagination,
.pager li > a {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
}

.pagination,
.pager {
    margin: 0;
}

    .pagination > li > a,
    .pager > li > a {
        color: #444444;
        background-color: #ffffff;
        margin: 0 -1px 0 0;
        border-color: #cccccc;
    }

        .pagination > li > a:hover,
        .pager > li > a:hover {
            background-color: #ebebeb;
            border-color: #b8b8b8;
        }

        .pagination > li > a:focus,
        .pager > li > a:focus,
        .pagination > li > a:focus,
        .pager > li > a:focus {
            background-color: #ebebeb;
            border-color: #b8b8b8;
        }

    .pagination > li.disabled > a,
    .pager > li.disabled > a,
    .pagination > li.disabled > a:hover,
    .pager > li.disabled > a:hover {
        background-color: #f9f9f9;
        border-color: #d9d9d9;
    }

    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        -webkit-border-radius: 0 2px 2px 0;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 0 2px 2px 0;
        -moz-background-clip: padding;
        border-radius: 0 2px 2px 0;
        background-clip: padding-box;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span {
        -webkit-border-radius: 2px 0 0 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px 0 0 2px;
        -moz-background-clip: padding;
        border-radius: 2px 0 0 2px;
        background-clip: padding-box;
    }

    .pagination > li > a,
    .pager > li > a,
    .pagination > li > span,
    .pager > li > span {
        border-width: 1px;
    }

    .pagination > li.active > a,
    .pagination > li.active > a:hover {
        background-color: #67809f;
        border-color: #67809f;
        color: #ffffff;
        -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    }

.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 7px 16px;
    font-size: 16px;
}
/*#endregion Pagination*/

/*#region Tables*/
.table {
    background-color: #ffffff;
    margin-bottom: 0;
}

    .table tfoot > tr > th {
        font-weight: 300;
    }

    .table thead {
        /*#region Colored Header*/
        /*#endregion Colored Header*/
        /*#region Bordered Header*/
        /*#endregion Bordered Header*/
    }

        .table thead > tr > th {
            border-bottom: 0;
            font-size: 13px;
            font-weight: 600;
        }

        .table thead[class*="colored-"] > tr > th {
            color: #ffffff;
            font-weight: 400;
        }

        .table thead.colored-blue > tr > th {
            background-color: #5db2ff;
        }

        .table thead.colored-primary > tr > th {
            background-color: #4374e0;
        }

        .table thead.colored-danger > tr > th {
            background-color: #d73d32;
        }

        .table thead.colored-success > tr > th {
            background-color: #53a93f;
        }

        .table thead.colored-warning > tr > th {
            background-color: #f4b400;
        }

        .table thead.colored-silver > tr > th {
            background-color: #777777;
        }

        .table thead.colored-inverse > tr > th {
            background-color: #444444;
        }

        .table thead.colored-blueberry > tr > th {
            background-color: #6f85bf;
        }

        .table thead.colored-palegreen > tr > th {
            background-color: #a0d468;
        }

        .table thead.colored-orange > tr > th {
            background-color: #fb6e52;
        }

        .table thead.colored-darkorange > tr > th {
            background-color: #ed4e2a;
        }

        .table thead.colored-magenta > tr > th {
            background-color: #bc5679;
        }

        .table thead.colored-purple > tr > th {
            background-color: #7e3794;
        }

        .table thead.colored-maroon > tr > th {
            background-color: #981b48;
        }

        .table thead.bordered-blue > tr > th {
            border-bottom: 3px solid #5db2ff;
        }

        .table thead.bordered-primary > tr > th {
            border-bottom: 3px solid #4374e0;
        }

        .table thead.bordered-danger > tr > th {
            border-bottom: 3px solid #d73d32;
        }

        .table thead.bordered-success > tr > th {
            border-bottom: 3px solid #53a93f;
        }

        .table thead.bordered-warning > tr > th {
            border-bottom: 3px solid #f4b400;
        }

        .table thead.bordered-silver > tr > th {
            border-bottom: 3px solid #777777;
        }

        .table thead.bordered-inverse > tr > th {
            border-bottom: 3px solid #444444;
        }

        .table thead.bordered-blueberry > tr > th {
            border-bottom: 3px solid #6f85bf;
        }

        .table thead.bordered-palegreen > tr > th {
            border-bottom: 3px solid #a0d468;
        }

        .table thead.bordered-orange > tr > th {
            border-bottom: 3px solid #fb6e52;
        }

        .table thead.bordered-darkorange > tr > th {
            border-bottom: 3px solid #ed4e2a;
        }

        .table thead.bordered-magenta > tr > th {
            border-bottom: 3px solid #bc5679;
        }

        .table thead.bordered-purple > tr > th {
            border-bottom: 3px solid #7e3794;
        }

        .table thead.bordered-maroon > tr > th {
            border-bottom: 3px solid #981b48;
        }

    .table tr.success td:first-child {
        -webkit-box-shadow: 2px 0 0 #53a93f inset;
        -moz-box-shadow: 2px 0 0 #53a93f inset;
        box-shadow: 2px 0 0 #53a93f inset;
    }

    .table tr.danger td:first-child {
        -webkit-box-shadow: 2px 0 0 #d73d32 inset;
        -moz-box-shadow: 2px 0 0 #d73d32 inset;
        box-shadow: 2px 0 0 #d73d32 inset;
    }

    .table tr.warning td:first-child {
        -webkit-box-shadow: 2px 0 0 #f4b400 inset;
        -moz-box-shadow: 2px 0 0 #f4b400 inset;
        box-shadow: 2px 0 0 #f4b400 inset;
    }

    .table tr.active td:first-child {
        -webkit-box-shadow: 2px 0 0 #737373 inset;
        -moz-box-shadow: 2px 0 0 #737373 inset;
        box-shadow: 2px 0 0 #737373 inset;
    }

    .table tr td.success {
        -webkit-box-shadow: 2px 0 0 #53a93f inset;
        -moz-box-shadow: 2px 0 0 #53a93f inset;
        box-shadow: 2px 0 0 #53a93f inset;
    }

    .table tr td.danger {
        -webkit-box-shadow: 2px 0 0 #d73d32 inset;
        -moz-box-shadow: 2px 0 0 #d73d32 inset;
        box-shadow: 2px 0 0 #d73d32 inset;
    }

    .table tr td.warning {
        -webkit-box-shadow: 2px 0 0 #f4b400 inset;
        -moz-box-shadow: 2px 0 0 #f4b400 inset;
        box-shadow: 2px 0 0 #f4b400 inset;
    }

    .table tr td.active {
        -webkit-box-shadow: 2px 0 0 #737373 inset;
        -moz-box-shadow: 2px 0 0 #737373 inset;
        box-shadow: 2px 0 0 #737373 inset;
    }

.table-bordered thead > tr {
    background-color: #eee;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmMmYyZjIiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZhZmFmYSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -moz-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: -o-linear-gradient(top, #f2f2f2 0, #fafafa 100%);
    background-image: linear-gradient(to bottom, #f2f2f2 0, #fafafa 100%);
}

.table > thead > tr > .active,
.table > tbody > tr > .active,
.table > tfoot > tr > .active,
.table > thead > .active > td,
.table > tbody > .active > td,
.table > tfoot > .active > td,
.table > thead > .active > th,
.table > tbody > .active > th,
.table > tfoot > .active > th,
.table-striped > tbody > tr.active:nth-child(odd) > td,
.table-striped > tbody > tr > .active:nth-child(odd) > th {
    background-color: #f1f1f1;
    color: #222;
}

.table-hover > tbody > tr > .active:hover,
.table-hover > tbody > .active:hover > td,
.table-hover > tbody > .active:hover > th,
.table-striped > tbody > tr.active:hover:nth-child(odd) > td,
.table-striped > tbody > tr > .active:hover:nth-child(odd) > th {
    background-color: #e5e5e5 !important;
}

.table > thead > tr > .success,
.table > tbody > tr > .success,
.table > tfoot > tr > .success,
.table > thead > .success > td,
.table > tbody > .success > td,
.table > tfoot > .success > td,
.table > thead > .success > th,
.table > tbody > .success > th,
.table > tfoot > .success > th {
    color: #119000;
}

.table > thead > tr > .danger,
.table > tbody > tr > .danger,
.table > tfoot > tr > .danger,
.table > thead > .danger > td,
.table > tbody > .danger > td,
.table > tfoot > .danger > td,
.table > thead > .danger > th,
.table > tbody > .danger > th,
.table > tfoot > .danger > th {
    color: #CD2929;
}

.table > thead > tr > .warning,
.table > tbody > tr > .warning,
.table > tfoot > tr > .warning,
.table > thead > .warning > td,
.table > tbody > .warning > td,
.table > tfoot > .warning > td,
.table > thead > .warning > th,
.table > tbody > .warning > th,
.table > tfoot > .warning > th {
    color: #fb6e52;
}

.table-scrollable {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    border: 1px solid #dddddd;
}

    .table-scrollable > .table {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 0;
        background-color: #fff;
    }

        .table-scrollable > .table > thead > tr > th,
        .table-scrollable > .table > tbody > tr > th,
        .table-scrollable > .table > tfoot > tr > th,
        .table-scrollable > .table > thead > tr > td,
        .table-scrollable > .table > tbody > tr > td,
        .table-scrollable > .table > tfoot > tr > td {
            white-space: nowrap;
        }

    .table-scrollable > .table-bordered {
        border: 0;
    }

        .table-scrollable > .table-bordered > thead > tr > th:first-child,
        .table-scrollable > .table-bordered > tbody > tr > th:first-child,
        .table-scrollable > .table-bordered > tfoot > tr > th:first-child,
        .table-scrollable > .table-bordered > thead > tr > td:first-child,
        .table-scrollable > .table-bordered > tbody > tr > td:first-child,
        .table-scrollable > .table-bordered > tfoot > tr > td:first-child {
            border-left: 0;
        }

        .table-scrollable > .table-bordered > thead > tr > th:last-child,
        .table-scrollable > .table-bordered > tbody > tr > th:last-child,
        .table-scrollable > .table-bordered > tfoot > tr > th:last-child,
        .table-scrollable > .table-bordered > thead > tr > td:last-child,
        .table-scrollable > .table-bordered > tbody > tr > td:last-child,
        .table-scrollable > .table-bordered > tfoot > tr > td:last-child {
            border-right: 0;
        }

            .table-scrollable > .table-bordered > thead > tr > th:last-child > td,
            .table-scrollable > .table-bordered > tbody > tr > th:last-child > td,
            .table-scrollable > .table-bordered > tfoot > tr > th:last-child > td,
            .table-scrollable > .table-bordered > thead > tr > td:last-child > td,
            .table-scrollable > .table-bordered > tbody > tr > td:last-child > td,
            .table-scrollable > .table-bordered > tfoot > tr > td:last-child > td {
                border-bottom: 0;
            }

.table-toolbar {
    padding: 10px 0;
}

.dropdown-checkboxes {
    padding: 5px;
}

    .dropdown-checkboxes .checker {
        display: block;
        font-weight: 300;
        color: #333;
        margin: 0 4px;
        line-height: 24px;
    }

        .dropdown-checkboxes .checker input {
            margin-top: 5px;
        }

        .dropdown-checkboxes .checker span {
            padding-left: 5px;
        }

.table input[type=checkbox] ~ .text,
.table input[type=radio] ~ .text {
    margin-right: -7px;
    margin-bottom: 0;
}
/*#endregion Tables*/



/*--------Forms--------*/
.form-bordered .form-group {
    border-top: 1px solid #e5e5e5;
    padding-top: 15px;
    margin-left: -12px;
    margin-right: -12px;
}

    .form-bordered .form-group:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .form-bordered .form-group:last-child {
        margin-bottom: 0;
    }

.form-title {
    display: block;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
    font-size: 15px;
    font-weight: 300;
    color: #262626;
    margin-bottom: 15px;
}
/*#region Form Label*/
label {
    font-weight: normal;
    font-size: 13px;
    vertical-align: middle;
}
/*#endregion Form Label*/
/*#region Form Text Input*/
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    -webkit-border-radius: 0 !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 0 !important;
    -moz-background-clip: padding !important;
    border-radius: 0 !important;
    background-clip: padding-box !important;
    color: #858585;
    background-color: #fbfbfb;
    border: 1px solid #d5d5d5;
    font-family: inherit;
    -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
    -o-transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    textarea:hover,
    input[type="text"]:hover,
    input[type="password"]:hover,
    input[type="datetime"]:hover,
    input[type="datetime-local"]:hover,
    input[type="date"]:hover,
    input[type="month"]:hover,
    input[type="time"]:hover,
    input[type="week"]:hover,
    input[type="number"]:hover,
    input[type="email"]:hover,
    input[type="url"]:hover,
    input[type="search"]:hover,
    input[type="tel"]:hover,
    input[type="color"]:hover {
        border-color: rgba(0, 0, 0, 0.2);
    }

    textarea:focus,
    input[type="text"]:focus,
    input[type="password"]:focus,
    input[type="datetime"]:focus,
    input[type="datetime-local"]:focus,
    input[type="date"]:focus,
    input[type="month"]:focus,
    input[type="time"]:focus,
    input[type="week"]:focus,
    input[type="number"]:focus,
    input[type="email"]:focus,
    input[type="url"]:focus,
    input[type="search"]:focus,
    input[type="tel"]:focus,
    input[type="color"]:focus {
        color: #262626;
        background-color: #ffffff;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        border-color: rgba(0, 0, 0, 0.25);
        outline: 0;
    }

.form-control,
select {
    font-size: 13px;
    color: #858585;
    background-color: #fbfbfb;
    border: 1px solid #d5d5d5;
    padding: 6px 12px;
}

    .form-control:focus,
    select:focus {
        color: #262626;
        background-color: #ffffff;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
        border-color: rgba(0, 0, 0, 0.25);
    }

textarea.form-control {
    padding: 5px 9px;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    transition: height 0.2s;
}

.input-xs {
    height: 24px;
    padding: 2px 10px;
    font-size: 11px;
    line-height: 1.5;
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}

.input-lg {
    font-weight: 300;
    font-size: 18px;
    height: 46px;
    padding: 10px 16px;
    line-height: 1.33;
}

.input-xl {
    height: 52px;
    padding: 12px 18px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #fbfbfb;
    border-color: #e5e5e5;
}

    .form-control[disabled]:hover,
    .form-control[readonly]:hover,
    fieldset[disabled] .form-control:hover {
        border-color: #eeeeee;
        background-color: #ffffff;
    }

.form-group.has-success input,
.input-group.has-success input,
.form-group.has-success select,
.input-group.has-success select,
.form-group.has-success textarea,
.input-group.has-success textarea {
    border-color: #b0dd9c;
    color: #a0d468;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f3f7f1;
}

    .form-group.has-success input:focus,
    .input-group.has-success input:focus,
    .form-group.has-success select:focus,
    .input-group.has-success select:focus,
    .form-group.has-success textarea:focus,
    .input-group.has-success textarea:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #8cc474;
        border-color: #8cc474;
    }

.form-group.has-success .form-control-feedback:before,
.input-group.has-success .form-control-feedback:before {
    color: #8cc474 !important;
    color: inherit;
}

.form-group.has-success .control-label,
.input-group.has-success .control-label,
.form-group.has-success .help-block,
.input-group.has-success .help-block,
.form-group.has-success .help-inline,
.input-group.has-success .help-inline {
    color: #8cc474;
}

.form-group.has-error input,
.input-group.has-error input,
.form-group.has-error .select,
.input-group.has-error .select,
.form-group.has-error textarea,
.input-group.has-error textarea {
    border-color: #E7BEBE;
    color: #e46f61;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: snow;
}

    .form-group.has-error input:focus,
    .input-group.has-error input:focus,
    .form-group.has-error .select:focus,
    .input-group.has-error .select:focus,
    .form-group.has-error textarea:focus,
    .input-group.has-error textarea:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #d73d32;
        border-color: #e46f61;
    }

.form-group.has-error .form-control-feedback:before,
.input-group.has-error .form-control-feedback:before {
    color: #e46f61 !important;
    color: inherit;
}

.form-group.has-error .control-label,
.input-group.has-error .control-label,
.form-group.has-error .help-block,
.input-group.has-error .help-block,
.form-group.has-error .help-inline,
.input-group.has-error .help-inline {
    color: #e46f61;
}

.form-group.has-warning input,
.input-group.has-warning input,
.form-group.has-warning .select,
.input-group.has-warning .select,
.form-group.has-warning textarea,
.input-group.has-warning textarea {
    border-color: #fecf49;
    color: #f4b400;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #fefbf1;
}

    .form-group.has-warning input:focus,
    .input-group.has-warning input:focus,
    .form-group.has-warning .select:focus,
    .input-group.has-warning .select:focus,
    .form-group.has-warning textarea:focus,
    .input-group.has-warning textarea:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #f4b400;
        border-color: #f4b400;
    }

.form-group.has-warning .form-control-feedback:before,
.input-group.has-warning .form-control-feedback:before {
    color: #f4b400 !important;
    color: inherit;
}

.form-group.has-warning .control-label,
.input-group.has-warning .control-label,
.form-group.has-warning .help-block,
.input-group.has-warning .help-block,
.form-group.has-warning .help-inline,
.input-group.has-warning .help-inline {
    color: #f4b400;
}

.form-group.has-info input,
.input-group.has-info input,
.form-group.has-info .select,
.input-group.has-info .select,
.form-group.has-info textarea,
.input-group.has-info textarea {
    border-color: #a4d3fe;
    color: #57b5e3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: #f9fcff;
}

    .form-group.has-info input:focus,
    .input-group.has-info input:focus,
    .form-group.has-info .select:focus,
    .input-group.has-info .select:focus,
    .form-group.has-info textarea:focus,
    .input-group.has-info textarea:focus {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        color: #57b5e3;
        border-color: #57b5e3;
    }

.form-group.has-info .form-control-feedback:before,
.input-group.has-info .form-control-feedback:before {
    color: #57b5e3 !important;
    color: inherit;
}

.form-group.has-info .control-label,
.input-group.has-info .control-label,
.form-group.has-info .help-block,
.input-group.has-info .help-block,
.form-group.has-info .help-inline,
.input-group.has-info .help-inline {
    color: #57b5e3;
}

span.input-icon {
    display: inline-block;
}

.input-icon {
    position: relative;
    width: 100%;
}

    .input-icon.inverted > [class*="fa-"],
    .input-icon.inverted > [class*="glyphicon-"] {
        color: #ffffff;
        background-color: #262626;
    }

    .input-icon > input {
        padding-left: 36px;
        padding-right: 6px;
    }

        .input-icon > input:focus + [class*="fa-"],
        .input-icon > input:focus + [class*="glyphicon-"] {
            zoom: 1;
            filter: alpha(opacity=100);
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

        .input-icon > input:focus + .circular {
            -webkit-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.15) inset;
            -moz-box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.15) inset;
            box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.15) inset;
        }

        .input-icon > input.input-xs {
            padding-left: 26px;
        }

            .input-icon > input.input-xs + [class*="fa-"],
            .input-icon > input.input-xs + [class*="glyphicon-"] {
                width: 24px;
                font-size: 10px;
                padding-top: 0;
                line-height: 24px;
            }

            .input-icon > input.input-xs + .circular {
                width: 14px;
                height: 14px;
                font-size: 10px;
                line-height: 14px;
            }

        .input-icon > input.input-sm {
            padding-left: 32px;
        }

            .input-icon > input.input-sm + [class*="fa-"],
            .input-icon > input.input-sm + [class*="glyphicon-"] {
                width: 30px;
                font-size: 12px;
                padding-top: 0;
                line-height: 30px;
            }

            .input-icon > input.input-sm + .circular {
                width: 20px;
                height: 20px;
                font-size: 12px;
                line-height: 20px;
            }

        .input-icon > input.input-lg {
            padding-left: 48px;
        }

            .input-icon > input.input-lg + [class*="fa-"],
            .input-icon > input.input-lg + [class*="glyphicon-"] {
                width: 46px;
                font-size: 18px;
                padding-top: 5px;
                line-height: 34px;
            }

            .input-icon > input.input-lg + .circular {
                width: 36px;
                height: 36px;
                font-size: 18px;
                line-height: 26px;
            }

        .input-icon > input.input-xl {
            padding-left: 54px;
        }

            .input-icon > input.input-xl + [class*="fa-"],
            .input-icon > input.input-xl + [class*="glyphicon-"] {
                width: 52px;
                font-size: 20px;
                padding-top: 8px;
                line-height: 34px;
            }

            .input-icon > input.input-xl + .circular {
                width: 42px;
                height: 42px;
                font-size: 20px;
                line-height: 26px;
            }

    .input-icon > [class*="fa-"],
    .input-icon > [class*="glyphicon-"] {
        z-index: 2;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 34px;
        height: 100%;
        line-height: 28px;
        display: inline-block;
        color: #555555;
        font-size: 14px;
        text-align: center;
        padding-top: 3px;
        zoom: 1;
        filter: alpha(opacity=70);
        -webkit-opacity: 0.7;
        -moz-opacity: 0.7;
        opacity: 0.7;
    }

        .input-icon > [class*="fa-"].circular,
        .input-icon > [class*="glyphicon-"].circular {
            border-radius: 500em !important;
            box-shadow: 0 0 0 0.1em rgba(0, 0, 0, 0.1) inset;
            -webkit-transition: -webkit-box-shadow 0.3s ease;
            -moz-transition: -moz-box-shadow 0.3s ease;
            -o-transition: box-shadow 0.3s ease;
            transition: box-shadow 0.3s ease;
            padding: 0;
            top: 5px;
            bottom: 5px;
            left: 7px;
            width: 24px;
            height: 24px;
            font-size: 12px;
            line-height: 24px;
        }

    .input-icon.icon-right > input {
        padding-left: 6px;
        padding-right: 36px;
    }

        .input-icon.icon-right > input.input-xs {
            padding-right: 26px;
        }

        .input-icon.icon-right > input.input-sm {
            padding-right: 32px;
        }

        .input-icon.icon-right > input.input-lg {
            padding-right: 48px;
        }

        .input-icon.icon-right > input.input-xl {
            padding-right: 54px;
        }

    .input-icon.icon-right > [class*="fa-"],
    .input-icon.icon-right > [class*="glyphicon-"] {
        left: auto;
        right: 0;
    }

    .input-icon.icon-right .circular {
        left: auto;
        right: 5px;
    }

    .input-icon ~ .help-inline {
        padding-left: 8px;
    }

.input-group .input-group-addon {
    border-radius: 0 !important;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZWVlZWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top, #eeeeee 0, #fbfbfb 100%);
    background-image: -moz-linear-gradient(top, #eeeeee 0, #fbfbfb 100%);
    background-image: -o-linear-gradient(top, #eeeeee 0, #fbfbfb 100%);
    background-image: linear-gradient(to bottom, #eeeeee 0, #fbfbfb 100%);
}

    .input-group .input-group-addon[class*="bg-"] {
        background-image: none;
        color: #ffffff;
    }

.input-group-xl > .form-control,
.input-group-xl > .input-group-addon,
.input-group-xl > .input-group-btn > .btn {
    height: 52px;
    padding: 10px 18px;
    font-size: 20px;
    line-height: 1.4;
}

.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
    height: 24px;
    padding: 2px 6px 2px 7px;
    font-size: 11px;
    line-height: 1.4;
}

.has-success .input-group-addon {
    border-color: #b0dd9c !important;
    color: #8cc474;
    background-image: none;
}

.has-error .input-group-addon {
    border-color: #E7BEBE;
    color: #e46f61;
    background-image: none;
}

.has-warning .input-group-addon {
    border-color: #fecf49;
    color: #f4b400;
    background-image: none;
}

.has-info .input-group-addon {
    border-color: #a4d3fe;
    color: #57b5e3;
    background-color: #e4f0fc;
    background-image: none;
}

.input-group-btn .btn-label {
    padding: 6px 10px !important;
}

.input-group-btn > .btn {
    line-height: 20px;
    border-radius: 0 !important;
}

    .input-group-btn > .btn.dropdown-toggle > [class*="fa-"] {
        margin-right: 0;
        font-size: 14px;
    }

.input-group > .btn.btn-sm {
    line-height: 22px;
}

.input-group > .btn + .btn {
    margin-left: 1px;
}

.input-group > .btn-group > .btn {
    line-height: 23px;
}

    .input-group > .btn-group > .btn.btn-sm {
        line-height: 26px;
    }

        .input-group > .btn > .caret,
        .input-group > .btn-group > .btn > .caret,
        .input-group > .btn.btn-sm > .caret,
        .input-group > .btn-group > .btn.btn-sm > .caret {
            margin-top: 10px;
        }
/*#endregion Form TextInput*/
/*#region File Input */
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }
/*#endregion */
/*#region CheckBox and RadioBox*/
input[type=checkbox],
input[type=radio] {
    opacity: 0;
    position: absolute;
    left: -9999px;
    z-index: 12;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

    input[type=checkbox].inverted:checked ~ .text:before,
    input[type=radio].inverted:checked ~ .text:before {
        background-color: #333333;
        border-color: #333333;
        color: #ffffff;
    }

    input[type=checkbox].colored-white ~ .text,
    input[type=radio].colored-white ~ .text {
        color: #ffffff;
    }

        input[type=checkbox].colored-white ~ .text:before,
        input[type=radio].colored-white ~ .text:before {
            border-color: #fafafa;
        }

    input[type=checkbox].colored-white:checked ~ .text,
    input[type=radio].colored-white:checked ~ .text {
        color: #ffffff;
    }

        input[type=checkbox].colored-white:checked ~ .text:before,
        input[type=radio].colored-white:checked ~ .text:before {
            border-color: #333333;
            color: #333333;
        }

    input[type=checkbox].colored-blue:checked ~ .text,
    input[type=radio].colored-blue:checked ~ .text {
        color: #5db2ff;
    }

        input[type=checkbox].colored-blue:checked ~ .text:before,
        input[type=radio].colored-blue:checked ~ .text:before {
            border-color: #5db2ff;
            color: #5db2ff;
        }

    input[type=checkbox].colored-primary:checked ~ .text,
    input[type=radio].colored-primary:checked ~ .text {
        color: #4374e0;
    }

        input[type=checkbox].colored-primary:checked ~ .text:before,
        input[type=radio].colored-primary:checked ~ .text:before {
            border-color: #4374e0;
            color: #4374e0;
        }

    input[type=checkbox].colored-danger:checked ~ .text,
    input[type=radio].colored-danger:checked ~ .text {
        color: #d73d32;
    }

        input[type=checkbox].colored-danger:checked ~ .text:before,
        input[type=radio].colored-danger:checked ~ .text:before {
            border-color: #d73d32;
            color: #d73d32;
        }

    input[type=checkbox].colored-success:checked ~ .text,
    input[type=radio].colored-success:checked ~ .text {
        color: #53a93f;
    }

        input[type=checkbox].colored-success:checked ~ .text:before,
        input[type=radio].colored-success:checked ~ .text:before {
            border-color: #53a93f;
            color: #53a93f;
        }

    input[type=checkbox].colored-warning:checked ~ .text,
    input[type=radio].colored-warning:checked ~ .text {
        color: #f4b400;
    }

        input[type=checkbox].colored-warning:checked ~ .text:before,
        input[type=radio].colored-warning:checked ~ .text:before {
            border-color: #f4b400;
            color: #f4b400;
        }

    input[type=checkbox].colored-silver:checked ~ .text,
    input[type=radio].colored-silver:checked ~ .text {
        color: #777777;
    }

        input[type=checkbox].colored-silver:checked ~ .text:before,
        input[type=radio].colored-silver:checked ~ .text:before {
            border-color: #777777;
            color: #777777;
        }

    input[type=checkbox].colored-blueberry:checked ~ .text,
    input[type=radio].colored-blueberry:checked ~ .text {
        color: #6f85bf;
    }

        input[type=checkbox].colored-blueberry:checked ~ .text:before,
        input[type=radio].colored-blueberry:checked ~ .text:before {
            border-color: #6f85bf;
            color: #6f85bf;
        }

    input[type=checkbox].colored-palegreen:checked ~ .text,
    input[type=radio].colored-palegreen:checked ~ .text {
        color: #a0d468;
    }

        input[type=checkbox].colored-palegreen:checked ~ .text:before,
        input[type=radio].colored-palegreen:checked ~ .text:before {
            border-color: #a0d468;
            color: #a0d468;
        }

    input[type=checkbox].colored-orange:checked ~ .text,
    input[type=radio].colored-orange:checked ~ .text {
        color: #fb6e52;
    }

        input[type=checkbox].colored-orange:checked ~ .text:before,
        input[type=radio].colored-orange:checked ~ .text:before {
            border-color: #fb6e52;
            color: #fb6e52;
        }

    input[type=checkbox].colored-darkorange:checked ~ .text,
    input[type=radio].colored-darkorange:checked ~ .text {
        color: #ed4e2a;
    }

        input[type=checkbox].colored-darkorange:checked ~ .text:before,
        input[type=radio].colored-darkorange:checked ~ .text:before {
            border-color: #ed4e2a;
            color: #ed4e2a;
        }

    input[type=checkbox].colored-magenta:checked ~ .text,
    input[type=radio].colored-magenta:checked ~ .text {
        color: #bc5679;
    }

        input[type=checkbox].colored-magenta:checked ~ .text:before,
        input[type=radio].colored-magenta:checked ~ .text:before {
            border-color: #bc5679;
            color: #bc5679;
        }

    input[type=checkbox].colored-purple:checked ~ .text,
    input[type=radio].colored-purple:checked ~ .text {
        color: #7e3794;
    }

        input[type=checkbox].colored-purple:checked ~ .text:before,
        input[type=radio].colored-purple:checked ~ .text:before {
            border-color: #7e3794;
            color: #7e3794;
        }

    input[type=checkbox].colored-maroon:checked ~ .text,
    input[type=radio].colored-maroon:checked ~ .text {
        color: #981b48;
    }

        input[type=checkbox].colored-maroon:checked ~ .text:before,
        input[type=radio].colored-maroon:checked ~ .text:before {
            border-color: #981b48;
            color: #981b48;
        }

    input[type=checkbox]:checked,
    input[type=radio]:checked,
    input[type=checkbox]:focus,
    input[type=radio]:focus {
        outline: none !important;
    }

        input[type=checkbox]:checked ~ .text:before,
        input[type=radio]:checked ~ .text:before {
            display: inline-block;
            content: '\f00c';
            background-color: #f5f8fc;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
            border-color: #333333;
        }

    input[type=checkbox]:hover ~ .text :before,
    input[type=radio]:hover ~ .text :before {
        border-color: #737373;
    }

    input[type=checkbox]:active ~ .text :before,
    input[type=radio]:active ~ .text :before {
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    input[type=checkbox]:disabled ~ .text,
    input[type=radio]:disabled ~ .text,
    input[type=checkbox][disabled] ~ .text,
    input[type=radio][disabled] ~ .text,
    input[type=checkbox].disabled ~ .text,
    input[type=radio].disabled ~ .text {
        color: rgba(0, 0, 0, 0.4);
    }

        input[type=checkbox]:disabled ~ .text:before,
        input[type=radio]:disabled ~ .text:before,
        input[type=checkbox][disabled] ~ .text:before,
        input[type=radio][disabled] ~ .text:before,
        input[type=checkbox].disabled ~ .text:before,
        input[type=radio].disabled ~ .text:before {
            background-color: #f5f5f5 !important;
            border-color: #e5e5e5 !important;
            -webkit-box-shadow: none !important;
            -moz-box-shadow: none !important;
            box-shadow: none !important;
            color: #e5e5e5;
        }

    input[type=checkbox] ~ .text,
    input[type=radio] ~ .text {
        position: relative;
        z-index: 11;
        display: inline-block;
        margin: 0;
        line-height: 20px;
        min-height: 18px;
        min-width: 18px;
        font-weight: normal;
    }

        input[type=checkbox] ~ .text:before,
        input[type=radio] ~ .text:before {
            font-family: fontAwesome;
            font-weight: bold;
            font-size: 13px;
            color: #333333;
            content: "\a0";
            background-color: #fafafa;
            border: 1px solid #c8c8c8;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
            border-radius: 0;
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            height: 18px;
            line-height: 16px;
            min-width: 18px;
            margin-right: 5px;
            margin-bottom: 2px;
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        input[type=checkbox] ~ .text:hover:before,
        input[type=radio] ~ .text:hover:before {
            border-color: #737373;
        }

        input[type=checkbox] ~ .text:active:before,
        input[type=radio] ~ .text:active:before {
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        input[type=radio] ~ .text:before {
            border-radius: 100%;
            font-size: 10px;
            font-family: FontAwesome;
            line-height: 17px;
            height: 19px;
            min-width: 19px;
        }

    input[type=radio]:checked ~ .text:before {
        content: "\f111";
    }

.radio label,
.checkbox label {
    padding-left: 0;
}
/*#endregion CheckBox and RadioBox*/
/*#region Switches*/
input[type=checkbox].checkbox-slider {
    width: 55px;
    height: 25px;
    left: 0;
}

    input[type=checkbox].checkbox-slider.slider-icon:checked ~ .text:after {
        font-family: FontAwesome;
        font-size: 15px;
        line-height: 21px;
        content: "\f00c";
        border-width: 1px;
        padding-left: 3px;
        background-color: #ffffff;
        color: #444444;
    }

    input[type=checkbox].checkbox-slider.slider-icon ~ .text:after {
        font-family: FontAwesome;
        font-size: 14px;
        line-height: 20px;
        content: "\f00d";
        border-width: 1px;
        padding-left: 4px;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.toggle:checked ~ .text:after {
        background-color: #ffffff;
        color: #444444;
    }

    input[type=checkbox].checkbox-slider.toggle ~ .text:after {
        border: 0;
        background-color: #444444;
        width: 14px;
        height: 14px;
        top: 3px;
        left: 3px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    input[type=checkbox].checkbox-slider.yesno ~ .text:before {
        font-family: 'Open Sans', 'Segoe UI';
        content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
    }

    input[type=checkbox].checkbox-slider ~ .text {
        margin: 0 4px;
        min-height: 24px;
    }

        input[type=checkbox].checkbox-slider ~ .text:before {
            font-family: 'Open Sans', 'Segoe UI';
            content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
            background-color: #ffffff;
            color: #999999;
            font-weight: 300;
            font-size: 10px;
            line-height: 18px;
            height: 20px;
            overflow: hidden;
            border-radius: 50rem;
            border: 1px solid #cccccc;
            text-align: left;
            float: left;
            padding: 0;
            width: 52px;
            text-indent: -21px;
            margin-right: 0;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

        input[type=checkbox].checkbox-slider ~ .text:after {
            font-family: 'Open Sans', 'Segoe UI' /*rtl:"Droid Arabic Kufi", "WYekan"*/;
            content: '';
            font-size: 10px;
            font-weight: 300;
            background-color: #ffffff;
            border: 5px solid #444444;
            border-radius: 100%;
            width: 22px;
            height: 22px;
            line-height: 20px;
            position: absolute;
            top: -2px;
            left: -3px;
            padding: 0;
            -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
            -moz-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
            box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.3);
            -webkit-transition: all 0.3s ease;
            -moz-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

    input[type=checkbox].checkbox-slider:checked ~ .text:before {
        text-indent: 5px;
        background-color: #444444;
        border-color: #444444;
        color: #ffffff;
    }

    input[type=checkbox].checkbox-slider:checked ~ .text:after {
        left: 34px;
        background-color: #444444;
        border: 5px solid #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-blue ~ .text:after {
        border-color: #5db2ff;
    }

    input[type=checkbox].checkbox-slider.colored-blue:checked ~ .text:before {
        background-color: #5db2ff;
        border-color: #5db2ff;
    }

    input[type=checkbox].checkbox-slider.colored-blue:checked ~ .text:after {
        background-color: #5db2ff;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-blue.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #5db2ff;
    }

    input[type=checkbox].checkbox-slider.colored-blue.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #5db2ff;
    }

    input[type=checkbox].checkbox-slider.colored-blue.toggle:checked ~ .text:after {
        color: #5db2ff;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-blue.toggle ~ .text:after {
        background-color: #5db2ff;
    }

    input[type=checkbox].checkbox-slider.colored-primary ~ .text:after {
        border-color: #4374e0;
    }

    input[type=checkbox].checkbox-slider.colored-primary:checked ~ .text:before {
        background-color: #4374e0;
        border-color: #4374e0;
    }

    input[type=checkbox].checkbox-slider.colored-primary:checked ~ .text:after {
        background-color: #4374e0;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-primary.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #4374e0;
    }

    input[type=checkbox].checkbox-slider.colored-primary.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #4374e0;
    }

    input[type=checkbox].checkbox-slider.colored-primary.toggle:checked ~ .text:after {
        color: #4374e0;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-primary.toggle ~ .text:after {
        background-color: #4374e0;
    }

    input[type=checkbox].checkbox-slider.colored-danger ~ .text:after {
        border-color: #d73d32;
    }

    input[type=checkbox].checkbox-slider.colored-danger:checked ~ .text:before {
        background-color: #d73d32;
        border-color: #d73d32;
    }

    input[type=checkbox].checkbox-slider.colored-danger:checked ~ .text:after {
        background-color: #d73d32;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-danger.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #d73d32;
    }

    input[type=checkbox].checkbox-slider.colored-danger.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #d73d32;
    }

    input[type=checkbox].checkbox-slider.colored-danger.toggle:checked ~ .text:after {
        color: #d73d32;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-danger.toggle ~ .text:after {
        background-color: #d73d32;
    }

    input[type=checkbox].checkbox-slider.colored-success ~ .text:after {
        border-color: #53a93f;
    }

    input[type=checkbox].checkbox-slider.colored-success:checked ~ .text:before {
        background-color: #53a93f;
        border-color: #53a93f;
    }

    input[type=checkbox].checkbox-slider.colored-success:checked ~ .text:after {
        background-color: #53a93f;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-success.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #53a93f;
    }

    input[type=checkbox].checkbox-slider.colored-success.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #53a93f;
    }

    input[type=checkbox].checkbox-slider.colored-success.toggle:checked ~ .text:after {
        color: #53a93f;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-success.toggle ~ .text:after {
        background-color: #53a93f;
    }

    input[type=checkbox].checkbox-slider.colored-warning ~ .text:after {
        border-color: #f4b400;
    }

    input[type=checkbox].checkbox-slider.colored-warning:checked ~ .text:before {
        background-color: #f4b400;
        border-color: #f4b400;
    }

    input[type=checkbox].checkbox-slider.colored-warning:checked ~ .text:after {
        background-color: #f4b400;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-warning.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #f4b400;
    }

    input[type=checkbox].checkbox-slider.colored-warning.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #f4b400;
    }

    input[type=checkbox].checkbox-slider.colored-warning.toggle:checked ~ .text:after {
        color: #f4b400;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-warning.toggle ~ .text:after {
        background-color: #f4b400;
    }

    input[type=checkbox].checkbox-slider.colored-silver ~ .text:after {
        border-color: #f4b400;
    }

    input[type=checkbox].checkbox-slider.colored-silver:checked ~ .text:before {
        background-color: #f4b400;
        border-color: #f4b400;
    }

    input[type=checkbox].checkbox-slider.colored-silver:checked ~ .text:after {
        background-color: #f4b400;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-silver.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #f4b400;
    }

    input[type=checkbox].checkbox-slider.colored-silver.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #f4b400;
    }

    input[type=checkbox].checkbox-slider.colored-silver.toggle:checked ~ .text:after {
        color: #f4b400;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-silver.toggle ~ .text:after {
        background-color: #f4b400;
    }

    input[type=checkbox].checkbox-slider.colored-blueberry ~ .text:after {
        border-color: #6f85bf;
    }

    input[type=checkbox].checkbox-slider.colored-blueberry:checked ~ .text:before {
        background-color: #6f85bf;
        border-color: #6f85bf;
    }

    input[type=checkbox].checkbox-slider.colored-blueberry:checked ~ .text:after {
        background-color: #6f85bf;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-blueberry.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #6f85bf;
    }

    input[type=checkbox].checkbox-slider.colored-blueberry.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #6f85bf;
    }

    input[type=checkbox].checkbox-slider.colored-blueberry.toggle:checked ~ .text:after {
        color: #6f85bf;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-blueberry.toggle ~ .text:after {
        background-color: #6f85bf;
    }

    input[type=checkbox].checkbox-slider.colored-palegreen ~ .text:after {
        border-color: #a0d468;
    }

    input[type=checkbox].checkbox-slider.colored-palegreen:checked ~ .text:before {
        background-color: #a0d468;
        border-color: #a0d468;
    }

    input[type=checkbox].checkbox-slider.colored-palegreen:checked ~ .text:after {
        background-color: #a0d468;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-palegreen.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #a0d468;
    }

    input[type=checkbox].checkbox-slider.colored-palegreen.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #a0d468;
    }

    input[type=checkbox].checkbox-slider.colored-palegreen.toggle:checked ~ .text:after {
        color: #a0d468;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-palegreen.toggle ~ .text:after {
        background-color: #a0d468;
    }

    input[type=checkbox].checkbox-slider.colored-orange ~ .text:after {
        border-color: #fb6e52;
    }

    input[type=checkbox].checkbox-slider.colored-orange:checked ~ .text:before {
        background-color: #fb6e52;
        border-color: #fb6e52;
    }

    input[type=checkbox].checkbox-slider.colored-orange:checked ~ .text:after {
        background-color: #fb6e52;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-orange.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #fb6e52;
    }

    input[type=checkbox].checkbox-slider.colored-orange.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #fb6e52;
    }

    input[type=checkbox].checkbox-slider.colored-orange.toggle:checked ~ .text:after {
        color: #fb6e52;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-orange.toggle ~ .text:after {
        background-color: #fb6e52;
    }

    input[type=checkbox].checkbox-slider.colored-darkorange ~ .text:after {
        border-color: #ed4e2a;
    }

    input[type=checkbox].checkbox-slider.colored-darkorange:checked ~ .text:before {
        background-color: #ed4e2a;
        border-color: #ed4e2a;
    }

    input[type=checkbox].checkbox-slider.colored-darkorange:checked ~ .text:after {
        background-color: #ed4e2a;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-darkorange.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #ed4e2a;
    }

    input[type=checkbox].checkbox-slider.colored-darkorange.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #ed4e2a;
    }

    input[type=checkbox].checkbox-slider.colored-darkorange.toggle:checked ~ .text:after {
        color: #ed4e2a;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-darkorange.toggle ~ .text:after {
        background-color: #ed4e2a;
    }

    input[type=checkbox].checkbox-slider.colored-magenta ~ .text:after {
        border-color: #bc5679;
    }

    input[type=checkbox].checkbox-slider.colored-magenta:checked ~ .text:before {
        background-color: #bc5679;
        border-color: #bc5679;
    }

    input[type=checkbox].checkbox-slider.colored-magenta:checked ~ .text:after {
        background-color: #bc5679;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-magenta.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #bc5679;
    }

    input[type=checkbox].checkbox-slider.colored-magenta.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #bc5679;
    }

    input[type=checkbox].checkbox-slider.colored-magenta.toggle:checked ~ .text:after {
        color: #bc5679;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-magenta.toggle ~ .text:after {
        background-color: #bc5679;
    }

    input[type=checkbox].checkbox-slider.colored-purple ~ .text:after {
        border-color: #7e3794;
    }

    input[type=checkbox].checkbox-slider.colored-purple:checked ~ .text:before {
        background-color: #7e3794;
        border-color: #7e3794;
    }

    input[type=checkbox].checkbox-slider.colored-purple:checked ~ .text:after {
        background-color: #7e3794;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-purple.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #7e3794;
    }

    input[type=checkbox].checkbox-slider.colored-purple.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #7e3794;
    }

    input[type=checkbox].checkbox-slider.colored-purple.toggle:checked ~ .text:after {
        color: #7e3794;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-purple.toggle ~ .text:after {
        background-color: #7e3794;
    }

    input[type=checkbox].checkbox-slider.colored-maroon ~ .text:after {
        border-color: #981b48;
    }

    input[type=checkbox].checkbox-slider.colored-maroon:checked ~ .text:before {
        background-color: #981b48;
        border-color: #981b48;
    }

    input[type=checkbox].checkbox-slider.colored-maroon:checked ~ .text:after {
        background-color: #981b48;
        border-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-maroon.slider-icon:checked ~ .text:after {
        background-color: #ffffff;
        color: #981b48;
    }

    input[type=checkbox].checkbox-slider.colored-maroon.slider-icon ~ .text:after {
        border-color: #ffffff;
        color: #981b48;
    }

    input[type=checkbox].checkbox-slider.colored-maroon.toggle:checked ~ .text:after {
        color: #981b48;
        background-color: #ffffff;
    }

    input[type=checkbox].checkbox-slider.colored-maroon.toggle ~ .text:after {
        background-color: #981b48;
    }
/*#endregion Switches*/


/*#region TagsInput*/
.bootstrap-tagsinput {
    display: block;
    width: 100%;
    min-height: 32px;
    padding: 1px 3px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #262626;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #CCC;
    border-radius: 0;
}

    .bootstrap-tagsinput > span {
        font-weight: 400;
        padding: 4px 28px 4px 8px;
        font-size: 13px;
        border: 1px solid #67809f;
        background: #67809f;
    }

    .bootstrap-tagsinput input {
        border: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        outline: 0;
        background-color: transparent;
        padding: 0;
        margin: 0;
        width: auto !important;
        max-width: inherit;
    }

        .bootstrap-tagsinput input:focus {
            border: 0;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    .bootstrap-tagsinput .tag {
        color: #FFF;
        position: relative;
        margin: 3px 0 3px 2px;
        display: inline-block;
        -webkit-border-radius: 2px;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 2px;
        -moz-background-clip: padding;
        border-radius: 2px;
        background-clip: padding-box;
    }

        .bootstrap-tagsinput .tag [data-role=remove] {
            display: block;
            top: -1px;
            right: 0;
            padding: 3px 4px 3px 5px;
            width: 23px;
            height: 22px;
            position: absolute;
            cursor: pointer;
        }

            .bootstrap-tagsinput .tag [data-role=remove]:hover:after {
                zoom: 1;
                filter: alpha(opacity=100);
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
            }

            .bootstrap-tagsinput .tag [data-role=remove]:hover:active:after {
                zoom: 1;
                filter: alpha(opacity=100);
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
            }

            .bootstrap-tagsinput .tag [data-role=remove]:after {
                content: "\f00d";
                font-family: fontAwesome;
                padding: 2px 1px;
                line-height: 16px;
                font-size: 14px;
                text-align: center;
                zoom: 1;
                filter: alpha(opacity=70);
                -webkit-opacity: 0.7;
                -moz-opacity: 0.7;
                opacity: 0.7;
            }

                .bootstrap-tagsinput .tag [data-role=remove]:after:hover {
                    zoom: 1;
                    filter: alpha(opacity=100);
                    -webkit-opacity: 1;
                    -moz-opacity: 1;
                    opacity: 1;
                }

                    .bootstrap-tagsinput .tag [data-role=remove]:after:hover:active {
                        zoom: 1;
                        filter: alpha(opacity=100);
                        -webkit-opacity: 1;
                        -moz-opacity: 1;
                        opacity: 1;
                    }
/*#endregion TagsInput*/

/*#region DatePicker*/
.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    z-index: 9999 !important;
    /*.dow {
		border-top: 1px solid #ddd !important;
	}*/
}

    .datepicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #cccccc;
        border-bottom-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .datepicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #ffffff;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .datepicker > div {
        display: none;
    }

    .datepicker table {
        width: 100%;
        margin: 0;
    }

    .datepicker td,
    .datepicker th {
        text-align: center;
        font-size: 12px;
        height: 20px;
        width: 20px;
    }

        .datepicker td.day:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .datepicker td.day.disabled {
            color: #eeeeee;
        }

        .datepicker td.old,
        .datepicker td.new {
            color: #999999;
        }

        .datepicker td.active,
        .datepicker td.active:hover {
            background-color: #67809f;
            color: #ffffff;
            -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

        .datepicker td span {
            display: block;
            width: 47px;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 2px;
            cursor: pointer;
        }

            .datepicker td span:hover {
                background: #eeeeee;
            }

            .datepicker td span.active {
                background-color: #67809f;
                color: #ffffff;
                -webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            }

            .datepicker td span.old {
                color: #999999;
            }

        .datepicker th.switch {
            width: 175px;
        }

        .datepicker th.next,
        .datepicker th.prev {
            font-size: 12px;
        }

    .datepicker thead tr:first-child th {
        cursor: pointer;
    }

        .datepicker thead tr:first-child th:hover {
            background: #eeeeee;
        }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
/*#endregion DatePicker*/




/*#region Bootstrap Validator*/
.bv-form .help-block {
    margin-bottom: 0;
}

.nav-tabs li.bv-tab-success > a {
    color: #53a93f;
}

.nav-tabs li.bv-tab-error > a {
    color: #d73d32;
}
/*#endregion Bootstrap Validator*/
/*--------Pages and Widgets--------*/
/*#region Login Page*/
.login-container {
    position: relative;
    margin: 10% auto;
    max-width: 300px;
}

    .login-container .loginbox {
        position: relative;
        width: 300px !important;
        height: auto !important;
        padding: 0 0 20px 0;
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
    }

        .login-container .loginbox .loginbox-title {
            position: relative;
            text-align: center;
            width: 100%;
            height: 35px;
            padding-top: 10px;
            font-family: 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
            font-size: 20px;
            font-weight: normal;
            color: #444444;
        }

        .login-container .loginbox .loginbox-social {
            padding: 0 10px 10px;
            text-align: center;
        }

            .login-container .loginbox .loginbox-social .social-title {
                font-size: 14px;
                font-weight: 500;
                color: darkgray;
                margin-top: 10px;
            }

            .login-container .loginbox .loginbox-social .social-buttons {
                height: 80px;
                padding: 15px 35px;
                text-align: center;
            }

                .login-container .loginbox .loginbox-social .social-buttons .button-facebook {
                    float: left;
                    border: 2px solid #3b5998;
                    color: #3b5998;
                    border-radius: 50%;
                    width: 50px;
                    height: 50px;
                    margin-right: 30px;
                    background-color: #ffffff;
                }

                    .login-container .loginbox .loginbox-social .social-buttons .button-facebook i {
                        font-size: 26px;
                        line-height: 50px;
                    }

                .login-container .loginbox .loginbox-social .social-buttons .button-twitter {
                    float: left;
                    border: 2px solid #29c1f6;
                    color: #29c1f6;
                    border-radius: 50%;
                    width: 50px;
                    height: 50px;
                    margin-right: 30px;
                    background-color: #ffffff;
                }

                    .login-container .loginbox .loginbox-social .social-buttons .button-twitter i {
                        font-size: 26px;
                        line-height: 50px;
                    }

                .login-container .loginbox .loginbox-social .social-buttons .button-google {
                    border: 2px solid #ef4f1d;
                    color: #ef4f1d;
                    border-radius: 50%;
                    width: 50px;
                    height: 50px;
                    background-color: #ffffff;
                }

                    .login-container .loginbox .loginbox-social .social-buttons .button-google i {
                        font-size: 26px;
                        line-height: 50px;
                    }

        .login-container .loginbox .loginbox-or {
            position: relative;
            text-align: center;
            height: 20px;
        }

            .login-container .loginbox .loginbox-or .or {
                position: absolute;
                top: 0;
                -lh-property: 0;
                left: -webkit-calc(50% - 25px);
                left: -moz-calc(50% - 25px);
                left: calc(50% - 25px);
                ;
                width: 50px;
                height: 20px;
                background-color: #ffffff;
                color: #999999;
                margin: 0 auto;
            }

            .login-container .loginbox .loginbox-or .or-line {
                position: absolute;
                height: 1px;
                top: 10px;
                left: 40px;
                right: 40px;
                background-color: #cccccc;
            }

        .login-container .loginbox .loginbox-textbox {
            padding: 10px 40px;
        }

            .login-container .loginbox .loginbox-textbox .form-control {
                -webkit-border-radius: 3px !important;
                -webkit-background-clip: padding-box !important;
                -moz-border-radius: 3px !important;
                -moz-background-clip: padding !important;
                border-radius: 3px !important;
                background-clip: padding-box !important;
            }

        .login-container .loginbox .loginbox-forgot {
            padding-left: 40px;
        }

            .login-container .loginbox .loginbox-forgot a {
                font-size: 11px;
                color: #666666;
            }

        .login-container .loginbox .loginbox-submit {
            padding: 10px 40px;
        }

        .login-container .loginbox .loginbox-signup {
            text-align: center;
            padding-top: 10px;
        }

            .login-container .loginbox .loginbox-signup a {
                font-size: 13px;
                color: #666666;
            }

    .login-container .logobox {
        width: 300px !important;
        height: 50px !important;
        padding: 5px;
        margin-top: 15px;
        -webkit-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
        background-color: #ffffff;
        text-align: left;
    }
/*#endregion Login Page*/

/*#region Profile*/
.profile-container .profile-header {
    min-height: 175px;
    margin: 15px 15px 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    background-color: #fbfbfb;
}

    .profile-container .profile-header .header-avatar {
        width: 125px;
        height: 125px;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        border: 5px solid #f5f5f5;
        -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        margin: 25px auto;
    }

    .profile-container .profile-header .profile-info {
        min-height: 175px;
        border-right: 1px solid #eeeeee;
        padding: 0px 20px 20px 35px;
    }

        .profile-container .profile-header .profile-info .header-fullname {
            font: 21px 'Open Sans', 'Lucida Sans', 'trebuchet MS', Arial, Helvetica /*rtl:"Droid Arabic Kufi", "WYekan"*/;
            margin-top: 27px;
            display: inline-block;
        }

        .profile-container .profile-header .profile-info .btn-follow {
            position: absolute;
            top: 45px;
            right: 40px;
        }

        .profile-container .profile-header .profile-info .header-information {
            line-height: 23px;
            margin-top: 15px;
            text-align: justify;
        }

    .profile-container .profile-header .profile-stats {
        min-height: 175px;
        border-right: 1px solid #eeeeee;
    }

        .profile-container .profile-header .profile-stats .stats-col {
            margin: 30px 0;
            text-align: center;
        }

            .profile-container .profile-header .profile-stats .stats-col:not(:last-child) {
                border-right: 1px solid #eeeeee;
            }

            .profile-container .profile-header .profile-stats .stats-col .stats-value {
                display: block;
                margin: 0 auto;
                text-align: center;
                font-size: 20px;
                font-family: 'Open Sans', 'Lucida Sans', 'trebuchet MS', Arial, Helvetica;
            }

            .profile-container .profile-header .profile-stats .stats-col .stats-title {
                display: block;
                margin: 0 auto;
                text-align: center;
            }

        .profile-container .profile-header .profile-stats .inlinestats-col {
            padding-top: 15px;
            text-align: center;
            font-family: 'Open Sans', 'Lucida Sans', 'trebuchet MS', Arial, Helvetica /*rtl:"Droid Arabic Kufi", "WYekan"*/;
            border-top: 1px solid #eeeeee;
            min-height: 55px;
        }

            .profile-container .profile-header .profile-stats .inlinestats-col:not(:last-child) {
                border-right: 1px solid #eeeeee;
            }

            .profile-container .profile-header .profile-stats .inlinestats-col i {
                margin-right: 2px;
            }

    .profile-container .profile-header .profile-contactinfo .title {
        margin-bottom: 5px;
        margin-top: 30px;
    }

    .profile-container .profile-header .profile-contactinfo .list-group-item {
        background: none !important;
        border: none;
        padding-bottom: 0;
        margin-top: 5px;
        padding-left: 0px;
        padding-right: 5px;
    }

.profile-container .profile-body .nav-tabs > li.active > a,
.profile-container .profile-body .nav-tabs > li.active > a:hover,
.profile-container .profile-body .nav-tabs > li.active > a:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 0;
    border-bottom: 2px solid #67809f;
    background-color: #fbfbfb;
    top: 2px;
    margin-bottom: 0;
}

.profile-container .profile-body .nav-tabs {
    border-top: 1px solid #e5e5e5;
    top: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

    .profile-container .profile-body .nav-tabs.tabs-flat {
        background-color: #fbfbfb;
    }

.profile-container .profile-body .tab-content {
    margin-top: 30px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

.profile-container .profile-body .setting-header {
    margin-bottom: 25px;
}

.profile-container .profile-contacts {
    padding: 25px;
}

    .profile-container .profile-contacts .contact-badge i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
        text-align: center;
        background-image: linear-gradient(to bottom, #eeeeee 0, #fbfbfb 100%);
        z-index: 100;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
        color: #444444;
    }

    .profile-container .profile-contacts .contact-badge span {
        font-size: 26px;
        margin-left: 20px;
        font-weight: 300;
    }

    .profile-container .profile-contacts .contact-info p {
        padding: 10px 70px;
    }

.profile-container .profile-badge i {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    text-align: center;
    background-image: linear-gradient(to bottom, #eeeeee 0, #fbfbfb 100%);
    z-index: 100;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    color: #444444;
}

.profile-container .profile-badge span {
    font-size: 26px;
    margin-left: 20px;
    font-weight: 300;
}

.profile-container .profile-overview {
    padding: 5px;
}

.profile-container .row-title {
    margin-left: -17px;
    margin-top: 50px;
}

.profile-container .timeline {
    padding-top: 35px;
    margin-top: -16px;
}

@media (max-width: 992px) {
    .profile-container .profile-header .profile-info {
        padding: 0 40px;
    }

        .profile-container .profile-header .profile-info .btn-follow {
            top: 28px;
        }

    .profile-container .profile-header .profile-stats .stats-col {
        border-right: 0;
    }
}
/*#endregion Profile*/

/*#region Dashboard Box*/
.dashboard-box {
  background-color: #ffffff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  margin-bottom: 30px;
}
.dashboard-box .box-header {
  background-color: #ffffff;
  padding: 20px;
  position: relative;
}
.dashboard-box .box-header .deadline {
  position: absolute;
  top: -3px;
  right: 20px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  padding: 5px 10px;
  border-top: 3px solid #67809f;
  color: #999999;
  font-size: 12px;
}

.inline {
    display: inline;
}