.select-width {
    width: 100px;
}

@font-face {
    font-family: 'BYekan';
    src: url('../fonts/BYekan.eot');
    src: local('BYekan'),url('../fonts/BYekan.woff')format('woff'),url('../fonts/BYekan.ttf')format('ttf');
}

@font-face {
    font-family: 'BYekanNum';
    src: url('../fonts/BYekanNum.eot');
    src: local('BYekanNum'),url('../fonts/BYekanNum.woff')format('woff'),url('../fonts/BYekanNum.ttf')format('ttf');
}

@font-face {
    font-family: 'BNassim';
    src: url('../fonts/bbc-nassim-bold.eot');
    src: local('BNassim'),url('../fonts/bbc-nassim-bold.woff')format('woff'),url('../fonts/bbc-nassim-bold.ttf')format('ttf');
}

@-webkit-keyframes borderPulse {
    15% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
}

@-moz-keyframes borderPulse {
    15% {
        opacity: 1;
    }

    100% {
        -moz-transform: scale(1.3);
        opacity: 0;
    }
}

@-o-keyframes borderPulse {
    15% {
        opacity: 1;
    }

    100% {
        -o-transform: scale(1.3);
        opacity: 0;
    }
}

@keyframes borderPulse {
    15% {
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -ms-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 0;
    }
}

@-webkit-keyframes pulse {
    0% {
        opacity: .5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }
}

@-moz-keyframes pulse {
    0% {
        opacity: .5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }
}

@-o-keyframes pulse {
    0% {
        opacity: .5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }
}

@keyframes pulse {
    0% {
        opacity: .5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }
}

@-webkit-keyframes explode {
    100% {
        opacity: 0;
        -webkit-transform: scale(3) rotate(-30deg) translateY(60px);
    }
}

@-moz-keyframes explode {
    100% {
        opacity: 0;
        -moz-transform: scale(3) rotate(-30deg) translateY(60px);
    }
}

@-o-keyframes explode {
    100% {
        opacity: 0;
        -o-transform: scale(3)rotate(-30deg)translateY(60px);
    }
}

@keyframes explode {
    100% {
        opacity: 0;
        -webkit-transform: scale(3) rotate(-30deg) translateY(60px);
        -moz-transform: scale(3) rotate(-30deg) translateY(60px);
        -ms-transform: scale(3) rotate(-30deg) translateY(60px);
        transform: scale(3) rotate(-30deg) translateY(60px);
    }
}

@-webkit-keyframes wave {
    5% {
        opacity: .6;
    }

    27% {
        -webkit-transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes wave {
    5% {
        opacity: .6;
    }

    27% {
        -moz-transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes wave {
    5% {
        opacity: .6;
    }

    27% {
        -o-transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@keyframes wave {
    5% {
        opacity: .6;
    }

    27% {
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes dropdownSlideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes dropdownSlideInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-20px);
    }

    100% {
        -moz-transform: translateY(0);
    }
}

@-o-keyframes dropdownSlideInDown {
    0% {
        opacity: 0;
        -o-transform: translateY(-20px);
    }

    100% {
        -o-transform: translateY(0);
    }
}

@keyframes dropdownSlideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -moz-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(-360deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(-360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

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

.themesecondary {
    color: #fb6e52 !important;
}

.themethirdcolor {
    color: #ffce55 !important;
}

.themefourthcolor {
    color: #a0d468 !important;
}

.themefifthcolor {
    color: #e75b8d !important;
}

.white {
    color: #fff !important;
}

.snow {
    color: #fbfbfb !important;
}

.whitesmoke {
    color: #f5f5f5 !important;
}

.seashell {
    color: #f3f3f3 !important;
}

.ivory {
    color: #eee !important;
}

.platinum {
    color: #e5e5e5 !important;
}

.lightgray {
    color: #d0d0d0 !important;
}

.gray {
    color: #ccc !important;
}

.darkgray {
    color: #999 !important;
}

.silver {
    color: #777 !important;
}

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

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

.lightcarbon {
    color: #555 !important;
}

.carbon {
    color: #444 !important;
}

.slate-gray {
    color: #333 !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;
}

.bg-themeprimary {
    background-color: #2dc3e8 !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: #fff !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.bg-slate-gray {
    background-color: #333 !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;
}

.before-themeprimary:before {
    background-color: #2dc3e8 !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: #fff !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: #eee !important;
}

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

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

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

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

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

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

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

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

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

.before-slate-gray:before {
    background-color: #333 !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;
}

.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 #fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.bordered-right-3 {
    border-left: 3px solid #fff;
    border-right: 0;
}

.bordered-right-4 {
    _border-left: 4px solid #fff;
}

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

.bordered-themeprimary {
    border-color: #2dc3e8 !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: #fff !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.bordered-slate-gray {
    border-color: #333 !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;
}

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

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

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

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

.no-padding-right {
    padding-left: 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-right: 5px !important;
}

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

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

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

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

.padding-left-50 {
    padding-right: 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-left: 5px !important;
}

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

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

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

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

.padding-right-50 {
    padding-left: 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;
}

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

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

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

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

.no-margin-right {
    margin-left: 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-right: 5px !important;
}

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

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

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

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

.margin-left-50 {
    margin-right: 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-left: 5px !important;
}

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

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

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

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

.margin-right-50 {
    margin-left: 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;
}

.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%;
}

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-left: -15px;
        margin-right: -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: "BYekan","BYekanNum",'Open Sans','Segoe UI','Tahoma';
    font-size: 13px;
    color: #444;
}

    body:before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: -1;
        background-color: #eee;
    }

h1, h2, h3, h4, h5, h6 {
    font-weight: 300 !important;
    font-family: "BNassim",'Open Sans','Segoe UI';
}

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

    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 8px 9px 10px;
        display: inline-block;
        color: #646464;
        font-weight: 400;
        background-color: #fff;
        position: relative;
        -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;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
        box-shadow: 0 0 3px rgba(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;
            right: -4px;
            width: 4px;
            max-width: 4px;
            overflow: hidden;
            background-color: #2dc3e8;
        }

        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-left: 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: right !important;
}

.text-align-right {
    text-align: left !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;
}

.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-right: 0;
        padding-left: 0;
        min-height: 45px;
        position: relative;
        background: #9d6b6b;
    }

        .navbar .navbar-inner .navbar-container {
            padding-right: 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 {
                right: auto !important;
                position: absolute;
                top: 0;
                left: 100px;
                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: right;
                    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: #fff;
                            font-size: 16px;
                            line-height: 48px;
                            text-align: center;
                            -webkit-transition: line-height .3s ease;
                            -moz-transition: line-height .3s ease;
                            -o-transition: line-height .3s ease;
                            transition: line-height .3s ease;
                        }

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li > a .badge {
                            position: absolute;
                            top: 6px;
                            right: 4px;
                            padding: 2px;
                            cursor: pointer;
                            background-color: transparent !important;
                            border: 1px solid #fff;
                            width: 18px;
                            height: 18px;
                            box-shadow: -1px 1px 0 #2dc3e8;
                            -webkit-transition: top .3s ease;
                            -moz-transition: top .3s ease;
                            -o-transition: top .3s ease;
                            transition: top .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 .3s cubic-bezier(.68,-.55,.265,1.55);
                            -moz-transition: -moz-transform .3s cubic-bezier(.68,-.55,.265,1.55);
                            -o-transition: -o-transform .3s cubic-bezier(.68,-.55,.265,1.55);
                            transition: -webkit-transform .3s cubic-bezier(.68,-.55,.265,1.55),-moz-transform .3s cubic-bezier(.68,-.55,.265,1.55),-o-transform .3s cubic-bezier(.68,-.55,.265,1.55),transform .3s cubic-bezier(.68,-.55,.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;
                                    right: 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 #fff;
                                    -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;
                                right: 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 #fff;
                                -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(.91);
                                -moz-transform: scale(.91);
                                -o-transform: scale(.91);
                                -ms-transform: scale(.91);
                                transform: scale(.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: .6s;
                                -moz-animation-delay: .6s;
                                -o-animation-delay: .6s;
                                animation-delay: .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: .3s;
                                -moz-animation-delay: .3s;
                                -o-animation-delay: .3s;
                                animation-delay: .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(.91);
                            -moz-transform: scale(.91);
                            -o-transform: scale(.91);
                            -ms-transform: scale(.91);
                            transform: scale(.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: .05s;
                            -moz-animation-delay: .05s;
                            -o-animation-delay: .05s;
                            animation-delay: .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: .3s;
                        -moz-animation-duration: .3s;
                        -o-animation-duration: .3s;
                        animation-duration: .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: #fff;
                            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-left: 5px;
                                }

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

                                .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: #999;
                                    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: right;
                                }

                                    .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-left: 10px;
                                        margin-right: 0;
                                        font-size: 15px;
                                        border-radius: 50%;
                                    }

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

                                    .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: #999;
                                    }

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

                                    .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: #999;
                                    }

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

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

                                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-notifications li.dropdown-footer .weather-icon {
                                        margin-top: -7px;
                                        margin-right: 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-left: 6px;
                                    margin-right: 0;
                                    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;
                                    left: 0;
                                    right: auto;
                                    font-size: 11px;
                                    font-weight: 400;
                                    color: #2dc3e8;
                                }

                                .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: #999;
                                    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: #fff;
                            }

                            .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: #2dc3e8;
                                    zoom: 1;
                                    filter: alpha(opacity=70);
                                    -webkit-opacity: .7;
                                    -moz-opacity: .7;
                                    opacity: .7;
                                    bottom: 0;
                                    right: 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: #999;
                                    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: right;
                                        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 .1s;
                                            -moz-transition: all ease .1s;
                                            -o-transition: all ease .1s;
                                            transition: all ease .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: .8;
                                                -moz-opacity: .8;
                                                opacity: .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: "";
                                                display: inline-block;
                                                font-family: FontAwesome;
                                                font-size: 11px;
                                                color: #fff;
                                                position: absolute;
                                                right: 0;
                                                left: 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 #2dc3e8;
                                border-bottom: 0;
                                text-align: left;
                            }

                                .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;
                        left: 0;
                        position: absolute;
                        width: 50px;
                        background-color: #fff;
                        border: 0;
                        top: -46px;
                        height: 3px;
                        -webkit-box-shadow: 0 2px 40px rgba(0,0,0,.4);
                        -moz-box-shadow: 0 2px 40px rgba(0,0,0,.4);
                        box-shadow: 0 2px 40px rgba(0,0,0,.4);
                    }

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

                    .navbar .navbar-inner .navbar-header .navbar-account .account-area > li.open .dropdown-menu {
                        margin-top: 0;
                        left: 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-left: 14px;
                        display: block;
                        float: right;
                        border-right: 2px solid #fb6e52;
                        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: right;
                    }

                        .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 {
                right: auto !important;
                width: 50px;
                position: absolute;
                left: 0;
                top: 0;
            }

                .navbar .navbar-inner .navbar-header .navbar-account .setting a {
                    position: relative;
                    width: 50px;
                    height: 45px;
                    display: inline-block;
                    -webkit-transition: all .5s ease;
                    -moz-transition: all .5s ease;
                    -o-transition: all .5s ease;
                    transition: all .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: #fff;
                        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 right;
                -moz-transform-origin: top right;
                -o-transform-origin: top right;
                -ms-transform-origin: top right;
                transform-origin: top right;
                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;
                left: 0;
                right: auto;
            }

                .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: #fff;
                        margin-left: 8px;
                        margin-right: 0;
                        font-weight: 300;
                    }

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

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

                        .navbar .navbar-inner .navbar-header .navbar-account .setting-container input[type=checkbox]:checked + .text:before {
                            border-color: #2dc3e8;
                            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: .9s;
                -moz-transition: .9s;
                -o-transition: .9s;
                transition: .9s;
            }

            .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
                left: 505px;
                background-color: #2dc3e8;
            }

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

                    .navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting a:before {
                        content: '';
                        display: inline-block;
                        left: 0;
                        position: absolute;
                        width: 50px;
                        background-color: #fff;
                        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 left;
                -moz-transform-origin: top left;
                -o-transform-origin: top left;
                -ms-transform-origin: top left;
                transform-origin: top left;
                zoom: 1;
                filter: alpha(opacity=0);
                -webkit-opacity: 0;
                -moz-opacity: 0;
                opacity: 0;
                left: 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: #fff;
        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;
        right: 189px;
        top: 0;
        z-index: 2;
        width: 35px;
        height: 45px;
    }

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

        .navbar .sidebar-collapse .collapse-icon {
            display: inline-block;
            cursor: pointer;
            font-size: 18px;
            color: #fff;
            padding: 11px 5px;
            line-height: 22px;
            position: relative;
            -webkit-transition: background-color .218s ease;
            -moz-transition: background-color .218s ease;
            -o-transition: background-color .218s ease;
            transition: background-color .218s ease;
            -webkit-transition: -webkit-box-shadow .218s ease;
            -moz-transition: -moz-box-shadow .218s ease;
            -o-transition: box-shadow .218s ease;
            transition: box-shadow .218s ease;
            -webkit-transition: color .318s ease;
            -moz-transition: color .318s ease;
            -o-transition: color .318s ease;
            transition: color .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,.2);
            -moz-box-shadow: 0 0 20px rgba(0,0,0,.2);
            box-shadow: 0 0 20px rgba(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-right: 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-left: 0;
            margin-right: 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: right;
    }

        .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: 270px;
        top: 0;
    }
}

@media only screen and (max-width:530px) {
    .navbar {
        height: 90px;
    }

        .navbar .sidebar-collapse {
            right: auto;
            left: 0;
            width: 50px;
        }

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

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

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

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

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

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

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

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

                        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-messages.dropdown-arrow:before {
                            right: 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 {
                    right: 50px;
                }

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

        .navbar .navbar-inner .navbar-container {
            padding-right: 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: right;
        right: 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 {
        right: 0;
    }
}

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

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

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

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

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

        .navbar .navbar-inner .navbar-header .navbar-account .account-area > li .dropdown-menu.dropdown-tasks.dropdown-arrow:before {
            right: 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;
    }
}

.main-container {
    position: static;
    padding: 0;
}

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

    .main-container:after {
        background-color: #fff;
        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,.3);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
        box-shadow: 0 1px 4px rgba(0,0,0,.3);
    }

.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-right: 0 !important;
        }

            .page-sidebar.hide + .page-content .breadcrumbs-fixed {
                right: 0 !important;
            }

            .page-sidebar.hide + .page-content .page-header-fixed {
                right: 0 !important;
            }

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

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

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

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

                .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: "BYekan","BYekanNum",'Open Sans','Segoe UI';
            }

            .page-sidebar .sidebar-header-wrapper .searchinput::-moz-placeholder {
                color: #d0d0d0;
                font-weight: 300;
                font-family: "BYekan","BYekanNum",'Open Sans','Segoe UI';
            }

            .page-sidebar .sidebar-header-wrapper .searchinput:-moz-placeholder {
                color: #d0d0d0;
                font-weight: 300;
                font-family: "BYekan","BYekanNum",'Open Sans','Segoe UI';
            }

            .page-sidebar .sidebar-header-wrapper .searchinput:-ms-input-placeholder {
                color: #d0d0d0;
                font-weight: 300;
                font-family: "BYekan","BYekanNum",'Open Sans','Segoe UI';
            }

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

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

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

        .page-sidebar .sidebar-menu a {
            display: block;
            height: 38px;
            line-height: 36px;
            margin: 0;
            padding: 0 7px 0 16px;
            -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 {
                right: auto !important;
                display: inline-block;
                position: absolute;
                font-size: 13px;
                line-height: 10px;
                height: 10px;
                width: 10px;
                left: 12px;
                top: 15px;
                margin: 0;
                text-align: center;
                padding: 0;
                -webkit-text-shadow: none;
                text-shadow: none;
                color: #666;
                -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: "";
                }

        .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;
                right: -4px;
                width: 4px;
                max-width: 4px;
                overflow: hidden;
                background-color: #2dc3e8;
            }

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

                .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: #2dc3e8;
                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,.15),inset 0 -4px 4px -2px rgba(0,0,0,.15);
            -moz-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.15),inset 0 -4px 4px -2px rgba(0,0,0,.15);
            box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.15),inset 0 -4px 4px -2px rgba(0,0,0,.15);
        }

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

            .page-sidebar .sidebar-menu > li > .submenu > li > a:before {
                content: "";
                display: inline-block;
                position: absolute;
                width: 5px;
                height: 5px;
                right: 21px;
                left: auto !important;
                top: 17px;
                background-color: #fff;
                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,.15);
                -moz-box-shadow: inset 0 4px 4px -2px rgba(0,0,0,.15);
                box-shadow: inset 0 4px 4px -2px rgba(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,.15);
                -moz-box-shadow: inset 0 -4px 4px -2px rgba(0,0,0,.15);
                box-shadow: inset 0 -4px 4px -2px rgba(0,0,0,.15);
            }

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

        .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: auto;
                margin-right: 0;
                position: relative;
                z-index: 123;
            }

                .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-right: 40px;
                padding-left: 0;
            }

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

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

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

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

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

        .page-sidebar.menu-compact + .page-content {
            margin-right: 43px;
            margin-left: 0;
        }

            .page-sidebar.menu-compact + .page-content .breadcrumbs-fixed {
                right: 47px;
            }

            .page-sidebar.menu-compact + .page-content .page-header-fixed {
                right: 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,.4);
                    -moz-box-shadow: 0 10px 40px rgba(0,0,0,.4);
                    box-shadow: 0 10px 40px rgba(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,.4);
                -moz-box-shadow: 0 10px 40px rgba(0,0,0,.4);
                box-shadow: 0 10px 40px rgba(0,0,0,.4);
            }

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

            .page-sidebar.menu-compact .sidebar-header-wrapper .searchicon {
                right: 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;
                    right: 42px;
                    top: 0;
                    width: 195px;
                    height: 38px;
                    line-height: 38px;
                    background-color: #fff;
                    z-index: 121;
                    padding-right: 25px;
                    -webkit-box-shadow: -5px 5px 5px -5px rgba(0,0,0,.3),-5px 5px 5px -5px rgba(0,0,0,.3),-5px -5px 5px -5px rgba(0,0,0,.3);
                    -moz-box-shadow: -5px 5px 5px -5px rgba(0,0,0,.3),-5px 5px 5px -5px rgba(0,0,0,.3),-5px -5px 5px -5px rgba(0,0,0,.3);
                    box-shadow: -5px 5px 5px -5px rgba(0,0,0,.3),-5px 5px 5px -5px rgba(0,0,0,.3),-5px -5px 5px -5px rgba(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;
                        right: 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: #fff;
                }

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

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

                .page-sidebar.menu-compact .sidebar-menu > li > .submenu li.open > .submenu {
                    display: block;
                    right: 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: #fff;
                }

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

                .page-sidebar.menu-compact .sidebar-menu > li > .submenu li.active:not(.open):before {
                    right: 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 {
        right: 0 !important;
    }

    .page-header-fixed {
        right: 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-right: 224px !important;
        }

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

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

    .page-sidebar.menu-compact + .page-content {
        margin-right: 0;
    }

        .page-sidebar.menu-compact + .page-content .breadcrumbs-fixed {
            right: 0;
        }

        .page-sidebar.menu-compact + .page-content .page-header-fixed {
            right: 0;
        }

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

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

        .page-sidebar.menu-compact.hide + .page-content .page-header-fixed {
            right: 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;
    }
}

.page-content {
    display: block;
    margin-right: 224px;
    margin-left: 0;
    margin-top: 0;
    min-height: 100%;
    padding: 0;
}

@media only screen and (max-width:880px) {
    .page-content {
        margin-right: 0;
    }
}

.page-breadcrumbs {
    position: relative;
    background: #f3f3f3;
    min-height: 40px;
    line-height: 39px;
    padding: 0;
    display: block;
    z-index: 1;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
}

    .page-breadcrumbs.breadcrumbs-fixed {
        position: fixed;
        left: 0;
        right: 224px;
        top: 45px;
        z-index: 999;
    }

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

.breadcrumb {
    background-color: transparent;
    display: inline-block;
    line-height: 24px;
    margin: 0 12px 0 22px;
    padding: 0;
    font-size: 13px;
    color: #333;
    border-radius: 0;
}

    .breadcrumb > li, .breadcrumb > li.active {
        color: #777;
        -webkit-text-shadow: none;
        text-shadow: none;
    }

        .breadcrumb > li + li:before {
            color: #999;
        }

        .breadcrumb > li > .divider {
            padding: 0 4px;
        }

        .breadcrumb > li > a {
            display: inline-block;
            color: #2dc3e8;
        }

        .breadcrumb > li:first-child > a {
            padding-right: 4px;
        }

        .breadcrumb > li > i {
            margin-right: 4px;
            margin-left: 2px;
            font-size: 20px;
            position: relative;
            top: 2px;
        }

    .breadcrumb .expand-icon {
        height: 22px;
        padding: 0;
        margin: 0;
        position: relative;
        top: 1px;
        font-size: 14px;
        color: #b2b6bf;
    }

.page-header {
    position: relative;
    margin: 0;
    padding-bottom: 1px;
    padding-right: 12px;
    _background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(right,#fff,#f-3f3f3);
    background-image: -moz-linear-gradient(right,#fff,#f-3f3f3);
    background-image: -o-linear-gradient(right,#fff,#f-3f3f3);
    background-image: linear-gradient(to left,#fff,#f-3f3f3);
    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: 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;
        left: 0;
        top: 0;
    }

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

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

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

            .page-header .header-buttons a.active {
                color: #2dc3e8;
            }

            .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: #2dc3e8;
            }

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

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

        .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;
        left: 0;
        right: 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;
    }
}

.page-body {
    background: #eee;
    padding: 18px 20px 24px;
}

.widget {
    padding: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 3px 0 30px 0;
}

    .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;
        right: 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 #ccc;
    }

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

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

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

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

    .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,.2);
        -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
        box-shadow: 0 1px 4px rgba(0,0,0,.2);
    }

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

        .widget:hover .compact i {
            color: #2dc3e8;
        }

.widget-header {
    position: relative;
    min-height: 35px;
    background: #fff;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
    box-shadow: 0 0 4px rgba(0,0,0,.3);
    color: #555;
    padding-right: 12px;
    text-align: left;
}

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

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

    .widget-header > .widget-caption {
        line-height: 34px;
        padding: 0;
        margin: 0;
        float: right;
        text-align: right;
        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-right: 2%;
    }

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

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

        .widget-header.lined + .widget-body {
            padding-right: 2%;
            padding-left: 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: #fff;
        }

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

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

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

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

    .widget-header.header-large {
        min-height: 49px;
        padding-right: 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-right: 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: right;
    height: 36px;
}

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

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

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

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

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

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

        .widget-buttons.compact i {
            color: #ccc;
            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-left: 0;
    }

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

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

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

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

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

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

    .widget-buttons > [data-toggle="config"] {
        color: #777;
        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 {
            left: 0;
            right: auto;
        }

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

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

    .widget-buttons .pagination, .widget-buttons .pager {
        float: left;
        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,.3);
    -moz-box-shadow: -1px 0 10px 1px rgba(0,0,0,.3);
    box-shadow: -1px 0 10px 1px rgba(0,0,0,.3);
    padding: 12px;
}

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

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

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

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

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

    .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;
            left: 10px;
        }

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

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

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

    .widget-body hr.wide {
        margin-right: -12px;
        margin-left: -12px;
    }

.databox-container {
    text-align: center;
    font-size: 0;
}

.databox {
    display: inline-block;
    width: 100%;
    height: 65px;
    padding: 0;
    font-size: 0;
    margin-bottom: 30px;
    vertical-align: top;
    min-width: 130px;
}

    .databox .databox-icon {
        margin: 0;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

        .databox .databox-icon > .fa, .databox .databox-icon .typcn, .databox .databox-icon .glyphicon, .databox .databox-icon .wi {
            display: inline-block;
            margin: 0;
            text-align: center;
            position: relative;
        }

            .databox .databox-icon > .fa:before, .databox .databox-icon .typcn:before, .databox .databox-icon .glyphicon:before, .databox .databox-icon .wi:before {
                font-size: 40px;
                display: block;
                text-align: center;
            }

    .databox .databox-sparkline {
        padding-top: 0;
        margin: 0 auto;
        display: inline-block;
        vertical-align: bottom;
        width: 100%;
        text-align: center;
        font-size: 24px;
    }

    .databox .databox-piechart {
        padding-top: 0;
        margin: 0 auto;
        display: inline-block;
        vertical-align: bottom;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
    }

    .databox .databox-icon {
        padding-top: 0;
        margin: 0 auto;
        display: inline-block;
        vertical-align: bottom;
        width: 100%;
        text-align: center;
        font-size: 14px;
        font-weight: 300;
    }

    .databox .databox-header {
        display: block;
        font-size: 18px;
        font-family: "BYekan","BYekanNum",'Lucida Sans','trebuchet MS',Arial,Helvetica;
        font-weight: 300;
        margin: 8px 5px;
        position: relative;
    }

        .databox .databox-header i {
            margin-left: 5px;
        }

    .databox .databox-number {
        display: block;
        font-size: 17px;
        line-height: 26px;
        margin: 2px;
        position: relative;
        font-family: "BYekan","BYekanNum",'Lucida Sans','trebuchet MS',Arial,Helvetica;
        font-weight: 300;
    }

        .databox .databox-number i {
            margin-left: 0px;
            margin-right: 5;
            position: relative;
            top: 5px;
        }

        .databox .databox-number.number-xs {
            font-size: 11px;
        }

        .databox .databox-number.number-sm {
            font-size: 14px;
        }

        .databox .databox-number.number-lg {
            font-size: 20px;
        }

        .databox .databox-number.number-xlg {
            font-size: 23px;
        }

        .databox .databox-number.number-xxlg {
            font-size: 30px;
        }

    .databox .databox-title {
        display: block;
        font-size: 16px;
        font-weight: 300;
        margin: 2px;
        position: relative;
    }

        .databox .databox-title i {
            margin-left: 5px;
            font-size: 13px;
        }

    .databox .databox-text {
        display: block;
        font-size: 11px;
        margin: 4px 0 2px;
        position: relative;
    }

        .databox .databox-text i {
            margin-left: 5px;
            font-size: 13px;
        }

    .databox .databox-inlinetext {
        font-size: 11px;
        margin: 2px;
        position: relative;
    }

        .databox .databox-inlinetext i {
            margin-left: 5px;
            font-size: 13px;
        }

    .databox .databox-stat {
        display: inline-block;
        position: absolute;
        left: 7px;
        right: auto;
        top: 7px;
        padding: 2px 5px;
    }

        .databox .databox-stat.stat-left {
            right: 7px;
            left: auto;
        }

        .databox .databox-stat .stat-text {
            display: inline-block;
            font-size: 13px;
            padding-left: 5px;
            font-weight: 500;
        }

        .databox .databox-stat .stat-icon {
            display: inline-block;
            font-size: 13px;
        }

            .databox .databox-stat .stat-icon.icon-lg {
                font-size: 16px;
            }

            .databox .databox-stat .stat-icon.icon-xlg {
                font-size: 18px;
            }

        .databox .databox-stat.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;
        }

        .databox .databox-stat[class*="bg-"] {
            color: #fff;
        }

    .databox .databox-state {
        position: absolute;
        top: 10px;
        left: 10px;
        right: auto;
        height: 24px;
        width: 24px;
        -webkit-border-radius: 50%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 50%;
        -moz-background-clip: padding;
        border-radius: 50%;
        background-clip: padding-box;
        background-color: #e5e5e5;
        text-align: center;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
        box-shadow: 0 0 3px rgba(0,0,0,.2);
        border: 2px solid #fff;
    }

        .databox .databox-state i {
            font-size: 13px;
            color: #fff;
            line-height: 20px;
        }

    .databox .databox-row {
        width: 100%;
        margin: 0;
        position: relative;
    }

        .databox .databox-row[class*="bg-"] {
            color: #fff;
        }

        .databox .databox-row.bordered-bottom {
            border-bottom: 1px solid #fff;
        }

        .databox .databox-row.bordered-top {
            border-top: 1px solid #fff;
        }

        .databox .databox-row.bordered-left {
            border-right: 1px solid #fff;
        }

        .databox .databox-row.bordered-right {
            border-left: 1px solid #fff;
        }

        .databox .databox-row.bordered-thick {
            border-width: 2px;
        }

        .databox .databox-row.row-1 {
            height: 8.33%;
        }

        .databox .databox-row.row-2 {
            height: 16.66%;
        }

        .databox .databox-row.row-3 {
            height: 25%;
        }

        .databox .databox-row.row-4 {
            height: 33.33%;
        }

        .databox .databox-row.row-5 {
            height: 41.66%;
        }

        .databox .databox-row.row-6 {
            height: 50%;
        }

        .databox .databox-row.row-7 {
            height: 58.33%;
        }

        .databox .databox-row.row-8 {
            height: 66.66%;
        }

        .databox .databox-row.row-9 {
            height: 75%;
        }

        .databox .databox-row.row-10 {
            height: 83.33%;
        }

        .databox .databox-row.row-11 {
            height: 91.66%;
        }

        .databox .databox-row.row-12 {
            height: 100%;
        }

    .databox .databox-cell {
        height: 100%;
        margin: 0;
        position: relative;
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px;
    }

        .databox .databox-cell[class*="bg-"] {
            color: #fff;
        }

        .databox .databox-cell.bordered-bottom {
            border-bottom: 1px solid #fff;
        }

        .databox .databox-cell.bordered-top {
            border-top: 1px solid #fff;
        }

        .databox .databox-cell.bordered-left {
            border-right: 1px solid #fff;
        }

        .databox .databox-cell.bordered-right {
            border-left: 1px solid #fff;
        }

        .databox .databox-cell.bordered-thick {
            border-width: 2px;
        }

        .databox .databox-cell.cell-1 {
            width: 8.33%;
        }

        .databox .databox-cell.cell-2 {
            width: 16.66%;
        }

        .databox .databox-cell.cell-3 {
            width: 25%;
        }

        .databox .databox-cell.cell-4 {
            width: 33.33%;
        }

        .databox .databox-cell.cell-5 {
            width: 41.66%;
        }

        .databox .databox-cell.cell-6 {
            width: 50%;
        }

        .databox .databox-cell.cell-7 {
            width: 58.33%;
        }

        .databox .databox-cell.cell-8 {
            width: 66.66%;
        }

        .databox .databox-cell.cell-9 {
            width: 75%;
        }

        .databox .databox-cell.cell-10 {
            width: 83.33%;
        }

        .databox .databox-cell.cell-11 {
            width: 91.66%;
        }

        .databox .databox-cell.cell-12 {
            width: 100%;
        }

    .databox.databox-inverted .databox-right {
        -lh-property: 0;
        width: -webkit-calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: calc(100% - 65px);
    }

    .databox.databox-inverted .databox-left {
        width: 65px;
    }

    .databox.databox-transparent .databox-right {
        background-color: transparent !important;
    }

    .databox.databox-transparent .databox-left {
        background-color: transparent !important;
    }

    .databox .databox-right {
        position: relative;
        display: inline-block;
        vertical-align: top;
        text-align: center;
        margin: 0;
        width: 65px;
        height: 65px;
        padding: 10px;
        color: #2dc3e8;
    }

        .databox .databox-right[class*="bg-"] {
            color: #fff;
        }

    .databox .databox-left {
        text-align: right;
        position: relative;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        -lh-property: 0;
        width: -webkit-calc(100% - 65px);
        width: -moz-calc(100% - 65px);
        width: calc(100% - 65px);
        height: 65px;
        color: #555;
        padding: 5px 10px;
    }

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

    .databox .databox-right.bordered-thick {
        border-right: 3px solid #fff;
    }

    .databox .databox-left[class*="bg-"] {
        color: #fff;
    }

    .databox.databox-shadowed {
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
        -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
        box-shadow: 0 0 3px rgba(0,0,0,.2);
    }

    .databox.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;
    }

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

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

        .databox.radius-bordered .databox-right .databox-row:first-child {
            -webkit-border-radius: 3px 0 0 0;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 3px 0 0 0;
            -moz-background-clip: padding;
            border-radius: 3px 0 0 0;
            background-clip: padding-box;
        }

        .databox.radius-bordered .databox-right .databox-row:last-child {
            -webkit-border-radius: 0 0 0 3px;
            -webkit-background-clip: padding-box;
            -moz-border-radius: 0 0 0 3px;
            -moz-background-clip: padding;
            border-radius: 0 0 0 3px;
            background-clip: padding-box;
        }

    .databox.databox-graded {
        background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
        background-image: -webkit-linear-gradient(right,#ddd,#fff);
        background-image: -moz-linear-gradient(right,#ddd,#fff);
        background-image: -o-linear-gradient(right,#ddd,#fff);
        background-image: linear-gradient(to left,#ddd,#fff);
    }

    .databox.databox-halved .databox-right {
        width: 50% !important;
    }

    .databox.databox-halved .databox-left {
        width: 50% !important;
    }

    .databox.databox-lg {
        height: 80px;
    }

        .databox.databox-lg .databox-icon > .fa:before, .databox.databox-lg .databox-icon .typcn:before, .databox.databox-lg .databox-icon .glyphicon:before, .databox.databox-lg .databox-icon .wi:before {
            font-size: 48px;
            padding: 6px 4px 7px;
        }

        .databox.databox-lg .databox-sparkline {
            margin: 13px auto;
        }

        .databox.databox-lg .databox-number {
            font-size: 20px;
            margin: 4px 0 6px;
        }

        .databox.databox-lg .databox-right {
            width: 80px;
            height: 80px;
        }

        .databox.databox-lg .databox-left {
            -lh-property: 0;
            width: -webkit-calc(100% - 80px);
            width: -moz-calc(100% - 80px);
            width: calc(100% - 80px);
            height: 80px;
            padding: 10px 15px;
        }

        .databox.databox-lg.databox-inverted .databox-right {
            -lh-property: 0;
            width: -webkit-calc(100% - 80px);
            width: -moz-calc(100% - 80px);
            width: calc(100% - 80px);
        }

        .databox.databox-lg.databox-inverted .databox-left {
            width: 80px;
        }

    .databox.databox-xlg {
        height: 170px;
    }

        .databox.databox-xlg .databox-icon > .fa:before, .databox.databox-xlg .databox-icon .typcn:before, .databox.databox-xlg .databox-icon .glyphicon:before {
            padding: 6px 4px 7px;
        }

        .databox.databox-xlg .databox-icon .wi:before {
            font-size: 55px !important;
        }

        .databox.databox-xlg .databox-right {
            width: 170px;
            height: 170px;
        }

        .databox.databox-xlg .databox-left {
            -lh-property: 0;
            width: -webkit-calc(100% - 170px);
            width: -moz-calc(100% - 170px);
            width: calc(100% - 170px);
            height: 170px;
        }

        .databox.databox-xlg.databox-inverted .databox-right {
            -lh-property: 0;
            width: -webkit-calc(100% - 170px);
            width: -moz-calc(100% - 170px);
            width: calc(100% - 170px);
        }

        .databox.databox-xlg.databox-inverted .databox-left {
            width: 170px;
        }

    .databox.databox-xxlg {
        height: 250px;
    }

        .databox.databox-xxlg .databox-icon > .fa:before, .databox.databox-xxlg .databox-icon .typcn:before, .databox.databox-xxlg .databox-icon .glyphicon:before, .databox.databox-xxlg .databox-icon .wi:before {
            font-size: 200px;
            padding: 6px 4px 7px;
        }

        .databox.databox-xxlg .databox-right {
            width: 250px;
            height: 250px;
        }

        .databox.databox-xxlg .databox-left {
            -lh-property: 0;
            width: -webkit-calc(100% - 250px);
            width: -moz-calc(100% - 250px);
            width: calc(100% - 250px);
            height: 250px;
        }

        .databox.databox-xxlg.databox-inverted .databox-right {
            -lh-property: 0;
            width: -webkit-calc(100% - 250px);
            width: -moz-calc(100% - 250px);
            width: calc(100% - 250px);
        }

        .databox.databox-xxlg.databox-inverted .databox-left {
            width: 250px;
        }

    .databox.databox-vertical {
        width: 100%;
        height: 100px;
    }

        .databox.databox-vertical .databox-top {
            position: relative;
            width: 100%;
            height: 50px;
            display: inline-block;
            text-align: center;
            margin: 0;
            padding: 5px;
            color: #2dc3e8;
        }

            .databox.databox-vertical .databox-top[class*="bg-"] {
                color: #fff;
            }

        .databox.databox-vertical .databox-bottom {
            position: relative;
            width: 100%;
            height: 50px;
            display: inline-block;
            margin: 0;
            color: #555;
            padding: 5px 10px;
        }

            .databox.databox-vertical .databox-bottom.bordered {
                border-top: 1px solid #fff;
            }

            .databox.databox-vertical .databox-bottom.bordered-thick {
                border-top: 3px solid #fff;
            }

            .databox.databox-vertical .databox-bottom[class*="bg-"] {
                color: #fff;
            }

        .databox.databox-vertical .databox-icon > .fa:before, .databox.databox-vertical .databox-icon .typcn:before, .databox.databox-vertical .databox-icon .glyphicon:before, .databox.databox-vertical .databox-icon .wi:before {
            font-size: 38px;
        }

        .databox.databox-vertical.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;
        }

            .databox.databox-vertical.radius-bordered .databox-top {
                -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;
            }

                .databox.databox-vertical.radius-bordered .databox-top .databox-row:first-child .databox-cell:first-child {
                    -webkit-border-radius: 0 3px 0 0;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 0 3px 0 0;
                    -moz-background-clip: padding;
                    border-radius: 0 3px 0 0;
                    background-clip: padding-box;
                }

                .databox.databox-vertical.radius-bordered .databox-top .databox-row:first-child .databox-cell:last-child {
                    -webkit-border-radius: 3px 0 0 0;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 3px 0 0 0;
                    -moz-background-clip: padding;
                    border-radius: 3px 0 0 0;
                    background-clip: padding-box;
                }

                .databox.databox-vertical.radius-bordered .databox-top img {
                    -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;
                }

            .databox.databox-vertical.radius-bordered .databox-bottom {
                -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;
            }

                .databox.databox-vertical.radius-bordered .databox-bottom .databox-row:last-child .databox-cell:first-child {
                    -webkit-border-radius: 0 0 3px 0;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 0 0 3px 0;
                    -moz-background-clip: padding;
                    border-radius: 0 0 3px 0;
                    background-clip: padding-box;
                }

                .databox.databox-vertical.radius-bordered .databox-bottom .databox-row:last-child .databox-cell:last-child {
                    -webkit-border-radius: 0 0 0 3px;
                    -webkit-background-clip: padding-box;
                    -moz-border-radius: 0 0 0 3px;
                    -moz-background-clip: padding;
                    border-radius: 0 0 0 3px;
                    background-clip: padding-box;
                }

                .databox.databox-vertical.radius-bordered .databox-bottom img {
                    -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;
                }

        .databox.databox-vertical.databox-graded {
            background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
            background-image: -webkit-linear-gradient(top,#e-5e5e5,#fff);
            background-image: -moz-linear-gradient(top,#e-5e5e5,#fff);
            background-image: -o-linear-gradient(top,#e-5e5e5,#fff);
            background-image: linear-gradient(to bottom,#e-5e5e5,#fff);
        }

        .databox.databox-vertical.databox-halved .databox-top {
            height: 50%;
        }

        .databox.databox-vertical.databox-halved .databox-bottom {
            height: 50%;
        }

        .databox.databox-vertical.databox-lg {
            height: 150px;
            width: 100%;
        }

            .databox.databox-vertical.databox-lg .databox-number {
                font-size: 15px;
                margin: 2px;
            }

            .databox.databox-vertical.databox-lg .databox-icon > .fa:before, .databox.databox-vertical.databox-lg .databox-icon .typcn:before, .databox.databox-vertical.databox-lg .databox-icon .glyphicon:before {
                font-size: 38px !important;
                padding: 0;
            }

            .databox.databox-vertical.databox-lg .databox-icon .wi:before {
                font-size: 50px !important;
                padding: 0;
            }

            .databox.databox-vertical.databox-lg .databox-top {
                height: 50px;
            }

            .databox.databox-vertical.databox-lg .databox-bottom {
                height: 100px;
            }

            .databox.databox-vertical.databox-lg.databox-inverted .databox-icon > .fa:before, .databox.databox-vertical.databox-lg.databox-inverted .databox-icon .typcn:before, .databox.databox-vertical.databox-lg.databox-inverted .databox-icon .glyphicon:before, .databox.databox-vertical.databox-lg.databox-inverted .databox-icon .wi:before {
                font-size: 85px;
                padding: 0;
            }

            .databox.databox-vertical.databox-lg.databox-inverted .databox-top {
                height: 100px;
            }

            .databox.databox-vertical.databox-lg.databox-inverted .databox-bottom {
                height: 50px;
            }

            .databox.databox-vertical.databox-lg.databox-halved .databox-icon > .fa:before, .databox.databox-vertical.databox-lg.databox-halved .databox-icon .typcn:before, .databox.databox-vertical.databox-lg.databox-halved .databox-icon .glyphicon:before, .databox.databox-vertical.databox-lg.databox-halved .databox-icon .wi:before {
                font-size: 58px;
                padding: 0;
            }

            .databox.databox-vertical.databox-lg.databox-halved .databox-top {
                height: 75px;
            }

            .databox.databox-vertical.databox-lg.databox-halved .databox-bottom {
                height: 75px;
            }

        .databox.databox-vertical.databox-xlg {
            height: 200px;
            width: 100%;
        }

            .databox.databox-vertical.databox-xlg .databox-icon > .fa:before, .databox.databox-vertical.databox-xlg .databox-icon .typcn:before, .databox.databox-vertical.databox-xlg .databox-icon .glyphicon:before, .databox.databox-vertical.databox-xlg .databox-icon .wi:before {
                font-size: 38px;
                padding: 0;
            }

            .databox.databox-vertical.databox-xlg .databox-top {
                height: 50px;
            }

input[type=checkbox], input[type=radio] {
    right: -9999px;
    left: auto;
}

    input[type=checkbox] + .text:before, input[type=radio] + .text:before {
        margin-right: 0px;
        margin-left: 5px;
    }

.col-lg-8.col-md-8.col-sm-8.col-xs-8.item-right {
    padding-left: 0;
    text-align: right;
    padding-right: 5%;
}

.orders-container .orders-list .order-item .item-more {
    right: auto;
}

.orders-container .orders-list .order-item .item-left .item-price {
    right: 5px !important;
}

.dashboard-box .box-header .deadline {
    right: auto;
}

.dashboard-box .box-days .day-container .day {
    font-family: "BYekan","BYekanNum"'Lucida Sans','trebuchet MS',Arial,Helvetica !important;
}

.input-icon > [class*="fa-"], .input-icon > [class*="glyphicon-"] {
    right: 0;
    left: auto;
}

.input-icon > input {
    padding-right: 36px;
    padding-left: 6px;
}

.task-container .task-search input {
    line-height: 34px;
}

.task-container .tasks-list .task-item .task-time {
    right: auto;
}

.task-container .tasks-list .task-item .task-body {
    left: auto;
    padding-right: 0;
}

.task-container .tasks-list .task-item .task-assignedto {
    right: auto;
}

.tickets-container .tickets-list .ticket-item .ticket-state {
    right: auto;
}

.alert {
    border-left-width: 0;
    border-right-width: 5px;
}

.well .header {
    text-align: right;
    border-radius: 2px 0 0 2px;
}

.toast-close-button {
    right: auto;
    left: -.3em;
}

.toast-top-full-width, .toast-bottom-full-width {
    right: auto;
    left: 0;
}

#toast-container > div {
    padding: 15px 50px 15px 15px;
}

#toast-container > .toast:before {
    float: right;
    padding-right: 0;
    padding-left: .5em;
    margin: auto -1.5em auto .5em;
}

@media all and (max-width:239px) {
    #toast-container > div {
        padding: 8px 50px 8px 8px;
    }

    #toast-container .toast-close-button {
        right: auto;
        left: -.2em;
    }
}

@media all and (min-width:240px) and (max-width:479px) {
    #toast-container > div {
        padding: 8px 50px 8px 8px;
    }

    #toast-container .toast-close-button {
        left: -.2em;
        right: auto;
    }
}

@media all and (min-width:480px) and (max-width:767px) {
    #toast-container > div {
        padding: 15px 50px 15px 15px;
    }
}

.toast-close-button {
    float: left;
    line-height: 35px;
}

.footer code {
    direction: ltr;
    float: left;
    text-align: left;
}

.btn.btn-labeled .btn-label {
    float: right;
    margin: -7px -2px -9px 12px;
    padding: 8px 11px 8px 10px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.btn > .fa, .btn .typcn, .btn .glyphicon, .btn > [class*="wi-"] {
    margin-right: 0;
    margin-left: 4px;
}

.buttons-preview .btn, .buttons-preview .btn-group {
    margin-right: 0;
    margin-left: 10px;
}

.btn.btn-labeled {
    padding-right: 0;
    padding-left: 12px;
}

.btn > .fa.right, .btn .typcn.right, .btn .glyphicon.right, .btn > [class*="wi-"].right {
    margin-right: 4px;
    margin-left: 0;
}

.btn-group > .btn:not(:first-child):not(.dropdown-toggle) {
    border-right: 0;
    border-left: 1px solid #ccc;
}

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

.databox .databox-left.bordered-thick {
    border-right: 3px solid #fff;
}

.centeralizingText {
    left: -webkit-calc(50% - 45px);
    left: -moz-calc(50% - 45px);
    left: calc(50% - 45px);
}

.dropdown-menu > li > a .dropdown-expand {
    left: 10px;
    right: auto;
}

.dropdown-hover .dropdown-menu {
    right: 100%;
}

.dropdown-menu .dropdown-icon {
    margin-left: 5px;
    margin-right: 0;
}

.btn.dropdown-toggle:not(:first-child), .btn-default.dropdown-toggle:not(:first-child) {
    border-right-width: 0 !important;
    border-left-width: 1px !important;
}

.legendColorBox {
    padding-left: 5px;
    padding-right: 10px;
}

.dropdown-menu.dropdown-arrow:before {
    right: 9px;
    left: auto;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-xs {
    line-height: 1.7;
}

.input-sm {
    line-height: 1.8;
}

#definput {
    line-height: 1.8;
}

.input-lg, .input-xl {
    line-height: 1.8;
}

.input-icon > [class*="fa-"], .input-icon > [class*="glyphicon-"] {
    left: auto;
    right: 0;
}

.input-icon.icon-right > [class*="fa-"], .input-icon.icon-right > [class*="glyphicon-"] {
    right: auto;
    left: 0;
}

.input-icon > input.input-xs + .circular {
    left: 7px;
}

.input-icon.icon-right .circular, .input-icon.icon-right .circular, .input-icon.icon-right .circular {
    left: 5px;
    right: auto;
}

.input-icon > input.input-sm + .circular {
    right: 7px;
    left: auto;
}

.input-icon > input.input-lg {
    padding-left: 0;
    padding-right: 48px;
}

.input-icon.icon-right > input.input-xl {
    padding-right: 6px;
    padding-left: 54px;
}

.input-icon.icon-right > input {
    padding-right: 6px;
    padding-left: 36px;
}

    .input-icon.icon-right > input.input-xs {
        padding-left: 26px;
        padding-right: 6px;
    }

input[type=checkbox].checkbox-slider + .text:before {
    font-family: "BYekan";
    content: "روشن      خاموش";
    text-align: right;
    float: right;
    margin-right: auto;
    margin-left: 0;
    text-indent: -24px;
}

input[type=checkbox].checkbox-slider:checked + .text:before {
    text-indent: 23px !important;
}

input[type=checkbox].checkbox-slider {
    left: -9999px;
    right: 0;
}

    input[type=checkbox].checkbox-slider.slider-icon + .text:after {
        padding-left: 0;
        padding-right: 4px;
    }

    input[type=checkbox].checkbox-slider.yesno + .text:before {
        font-family: "BYekan";
        content: "خیـر                بـلـه";
        text-indent: -14px;
    }

    input[type=checkbox].checkbox-slider.jensiat + .text:before {
        font-family: "BYekan";
        content: "مونث                          مذکر";
        text-indent: -19px;
    }

    input[type=checkbox].checkbox-slider + .text:before {
        text-align: right;
        float: right;
    }

.form-control {
    line-height: 1.8;
}

.select2-container .select2-choice .select2-arrow {
    left: 0;
    right: auto;
}

.select2-search:before {
    left: 10px;
    right: auto;
}

.select2-container-multi .select2-choices .select2-search-field input {
    font-family: BYekan;
}

.bootstrap-tagsinput input {
    line-height: 1.9;
}

.bootstrap-tagsinput > span {
    padding: 4px 8px 4px 28px;
}

.bootstrap-tagsinput .tag [data-role=remove] {
    right: auto;
    left: 0;
    padding: 3px 5px 3px 4px;
}

.datepicker:after {
    right: 7px;
    left: auto;
}

.datepicker {
    right: 0;
    left: auto;
}

    .datepicker:before {
        right: 6px;
        left: auto;
    }

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    right: 6px;
    left: auto;
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    right: 7px;
    left: auto;
}

.spinner input {
    float: right;
    padding-left: 0;
    padding-right: 35px;
}

.spinner .spinner-buttons {
    right: 0;
    left: auto;
    float: right;
}

.spinner.spinner-horizontal input {
    padding-right: 60px;
    padding-left: 0;
}

.spinner.spinner-horizontal.spinner-two-sided .spinner-buttons.spinner-buttons-left {
    right: auto;
}

.spinner.spinner-horizontal.spinner-two-sided input {
    padding-right: 35px !important;
    padding-left: 0 !important;
}

.minicolors-theme-bootstrap .minicolors-swatch {
    right: 3px;
    left: auto;
}

.minicolors-theme-bootstrap .minicolors-input {
    padding-right: 44px;
    padding-left: 0;
}

.noUi-horizontal .noUi-handle {
    right: -17px;
    left: auto;
}

.noUi-horizontal.slider-xs .noUi-handle:before {
    right: 10px;
    left: auto;
}

.noUi-handle:before, .noUi-handle:after {
    right: 14px;
    left: auto;
}

.noUi-handle:after {
    right: 17px;
    left: auto;
}

.noUi-vertical .noUi-handle {
    right: -6px;
    left: auto;
}

.noUi-vertical.slider-xs .noUi-handle:before {
    right: 4px;
    left: auto;
}

.noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after {
    right: 6px;
    left: auto;
}

.minicolors-position-left .minicolors-panel {
    right: 0;
    left: auto;
}

.actions {
    right: auto;
    left: 0;
    float: left;
    border-left: 0;
    border-right: 1px solid #d4d4d4;
}

.wizard ul li {
    float: right;
    padding: 0 30px 0 20px;
    padding-right: 20px;
}

    .wizard ul li:first-child {
        padding-right: 20px;
    }

    .wizard ul li.active:before {
        right: 0;
        left: -1px;
    }

    .wizard ul li .step {
        margin-right: 0;
        margin-left: 10px;
    }

    .wizard ul li .chevron {
        border-right: 14px solid #d4d4d4;
        border-left: 0;
        left: -14px;
        right: auto;
    }

    .wizard ul li.active .chevron:before {
        border-right: 14px solid #fff;
        border-left: 0;
    }

    .wizard ul li .chevron:before {
        border-right: 14px solid #f5f5f5;
        border-left: 0;
        left: 1px;
        right: auto;
    }

    .wizard ul li.complete:before {
        right: 0;
        left: -1px;
    }

    .wizard ul li.complete .chevron:before {
        border-right: 14px solid #f5f5f5;
        border-left: 0;
    }

.wizard.wizard-wired ul li:first-child:before {
    right: 50%;
    left: auto;
}

.wizard ul li.complete:hover .chevron:before {
    border-right: 14px solid #eee;
    border-left: 0;
}

.wizard.wizard-wired ul li.active, .wizard.wizard-wired ul li.complete {
    padding-left: 0;
}

.input-icon > [class*="fa-"].circular {
    right: 7px;
    left: auto;
}

.mail-container .mail-header {
    margin-left: 0;
    margin-right: 200px;
}

    .mail-container .mail-header .header-buttons {
        float: right;
        text-align: right;
        padding: 0 7px 0 2px;
    }

        .mail-container .mail-header .header-buttons li {
            float: right;
        }

.input-icon > input.input-sm {
    padding-left: 36px;
    padding-right: 32px;
}

.mail-container .mail-header .pages {
    float: left;
}

.mail-container .mail-body {
    margin-left: 0;
    margin-right: 200px;
}

    .mail-container .mail-body .mail-list .list-item > div.item-check {
        left: auto;
        right: 0;
        padding: 0 15px 0 5px;
    }

    .mail-container .mail-body .mail-list .list-item > div.item-star {
        left: auto;
        right: 42px;
    }

    .mail-container .mail-body .mail-list .list-item > div.item-sender {
        right: 64px;
        left: auto;
        padding-left: 0;
        padding-right: 5px;
    }

    .mail-container .mail-body .mail-list .list-item > div.item-subject {
        right: 250px;
        left: auto;
        padding-left: 0;
        padding-right: 10px;
    }

    .mail-container .mail-body .mail-list .list-item > div.item-options {
        left: 135px;
        right: auto;
        padding-right: 0;
        padding-left: 10px;
        text-align: left;
    }

    .mail-container .mail-body .mail-list .list-item > div.item-time {
        right: auto;
        left: 0;
        text-align: left;
        padding-right: 0;
        padding-left: 20px;
        width: 135px;
    }

.mail-container .mail-sidebar {
    right: 0;
    left: auto;
}

    .mail-container .mail-sidebar .mail-menu > li a {
        padding: 10px 25px 10px 10px;
    }

        .mail-container .mail-sidebar .mail-menu > li a i {
            margin-right: 0;
            margin-left: 10px;
        }

    .mail-container .mail-sidebar .mail-menu > li.menu-title {
        padding-left: 0;
        padding-right: 25px;
    }

.mail-container .mail-body .mail-list .list-item:before {
    right: 0;
    left: auto;
}

.invoice-container ul {
    padding-right: 0;
}

.lock-container .lock-box .lock-password input {
    padding-right: 25px;
}

.lock-container .lock-box .lock-password {
    right: -webkit-calc(50% - 114px);
    right: -moz-calc(50% - 114px);
    right: calc(50% - 114px);
}

.lock-container .lock-box img {
    right: -webkit-calc(50% - 64px);
    right: -moz-calc(50% - 64px);
    right: calc(50% - 64px);
}

.lock-container .signinbox a {
    padding-left: 0;
    padding-right: 5px;
}

.lock-container .signinbox {
    height: 65px !important;
}

.login-container .loginbox .loginbox-title {
    font-family: BNassim;
}

.login-container .loginbox .loginbox-social .social-buttons .button-facebook, .login-container .loginbox .loginbox-social .social-buttons .button-twitter {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

.login-container .loginbox .loginbox-or .or {
    right: -webkit-calc(50% - 25px);
    right: -moz-calc(50% - 25px);
    right: calc(50% - 25px);
}

.login-container .loginbox .loginbox-forgot {
    padding-left: 0;
    padding-right: 40px;
}

.login-container .loginbox .loginbox-signup {
    padding-top: 0;
}

.login-container .loginbox .loginbox-social .social-buttons .button-google {
    float: right;
}

.mail-container .mail-body .mail-compose .form-group label {
    right: 10px;
    left: auto;
}

.mail-container .mail-body .mail-compose .form-group .field-options a {
    margin-left: 0;
    margin-right: 4px;
}

.mail-container .mail-body .mail-compose .form-group .field-options {
    right: auto;
    left: 5px;
}

.mail-container .mail-body .mail-compose .form-group input {
    border-right: 0;
    padding-left: 0;
    padding-right: 100px;
    border-left: 1px solid #d5d5d5;
}

.mail-container .mail-header .mail-title {
    float: right;
    margin-left: 0;
    margin-right: 15px;
}

.mail-container .mail-body .mail-info .mail-sender.mail-date, .mail-container .mail-body .mail-info .mail-date.mail-date {
    text-align: left;
}

.mail-container .mail-body .mail-attachments ul {
    text-align: right;
}

    .mail-container .mail-body .mail-attachments ul li {
        margin-right: 0;
        margin-left: 30px;
    }

        .mail-container .mail-body .mail-attachments ul li > a.name span {
            float: left;
        }

.morris-hover.morris-default-style .morris-hover-point {
    font-family: BYekan,BYekanNum;
}

.dd-list > li.bordered-inverse > .dd-handle {
    border-left: 0;
    border-right-color: #444;
}

.dd-list > li[class*="bordered-"] > .dd-handle {
    border-right: 2px solid;
    border-left: 0;
    border-right-color: inherit;
}

.dd-item > button {
    float: right;
    margin: 5px 5px 5px 1px;
    left: auto;
    right: 1px;
}

.dd-list .dd-list {
    padding-left: 0;
    padding-right: 30px;
}

.dd2-handle, .dd-dragel > li > .dd2-handle {
    left: auto;
    right: 0;
    border-width: 1px 0 0 1px;
}

    .dd2-handle + .dd2-content, .dd2-handle + .dd2-content[class*="btn-"] {
        padding-left: 0;
        padding-right: 44px;
    }

.dd2-item.dd-item > button {
    margin-left: 0;
    margin-right: 38px;
}

.pricing-container .plan {
    font-family: BYekan,BYekanNum;
    float: right;
}

    .pricing-container .plan .signup {
        font-family: BNassim;
    }

.plan-circular .plan-body {
    font-family: BYekan,BYekanNum;
}

    .plan-circular .plan-body .plan-currency {
        right: auto;
        left: 5px;
        top: 45px;
        font-size: 22px;
    }

    .plan-circular .plan-body .plan-price {
        right: auto;
        left: 45px;
        font-size: 36px;
    }

    .plan-circular .plan-body .plan-month {
        right: auto;
        left: 50px;
    }

.profile-container .profile-header .profile-info {
    font-family: BYekan, BYekanNum;
    border-left: 1px solid #eee;
    border-right: 0;
    padding: 15px 0 35px 40px;
}

    .profile-container .profile-header .profile-info .header-fullname {
        font-family: BYekan, BYekanNum;
        font-size:18px;
    }

    .profile-container .profile-header .profile-info .btn-follow {
        right: auto;
        left: 40px;
    }

.profile-container .profile-header .profile-stats {
    border-left: 1px solid #eee;
    border-right: 0;
    font-family: BYekan,BYekanNum;
}

    .profile-container .profile-header .profile-stats .stats-col:not(:last-child) {
        border-left: 1px solid #eee;
        border-right: 0;
    }

    .profile-container .profile-header .profile-stats .stats-col .stats-value {
        font-family: BYekan,BYekanNum;
    }

    .profile-container .profile-header .profile-stats .inlinestats-col:not(:last-child) {
        border-right: 0;
        border-left: 1px solid #eee;
        font-family: BYekan,BYekanNum;
    }

    .profile-container .profile-header .profile-stats .inlinestats-col {
        font-family: BYekan,BYekanNum;
    }

.profile-container .row-title {
    margin-left: 0;
    margin-right: -17px;
}

.comment .comment-avatar {
    float: right;
}

.comment .comment-body {
    margin-left: 0;
    margin-right: 40px;
}

.comment .comment-header span {
    margin-left: 0;
    margin-right: 5px;
}

.comment .comment-footer i {
    margin-right: 0;
    margin-left: 7px;
}

.timeline > li > .timeline-panel .timeline-header .timeline-title {
    font-family: BNassim;
}

.timeline > li > .timeline-datetime .timeline-time, .timeline > li > .timeline-datetime .timeline-date {
    font-family: BYekan,BYekanNum;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: left;
}

.timeline > li > .timeline-panel {
    float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    border-left-width: 15px;
    border-right-width: 0px;
    left: auto;
    right: -15px;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    border-right-width: 0;
    border-left-width: 14px;
    right: -14px;
    left: auto;
}

.timeline > li > .timeline-panel:before {
    left: -15px;
    right: auto;
    border-right: 15px solid #e5e5e5;
    border-left: 0 solid #e5e5e5;
}

.timeline > li > .timeline-panel:after {
    left: -14px;
    right: auto;
    border-right: 14px solid #fbfbfb;
    border-left: 0 solid #fbfbfb;
}

.profile-container .profile-badge span {
    margin-left: 0;
    margin-right: 20px;
}

.register-container .registerbox .registerbox-title {
    text-align: right;
    font-family: BNassim;
}

.DTTT {
    float: left;
}

.dataTables_filter {
    float: right;
}

.dataTables_paginate.paging_bootstrap {
    float: left;
}

.accordion.panel-group .panel-heading .accordion-toggle:after {
    right: auto;
    left: 20px;
}

.tree {
    padding-right: 14px;
    padding-left: 0;
}

    .tree:before {
        left: auto;
        right: 0;
        border-left: 0;
        border-right: 1px dotted #666;
    }

    .tree .tree-folder .tree-folder-header .tree-folder-name {
        margin-left: 0;
        margin-right: 2px;
    }

    .tree .tree-folder .tree-folder-content {
        margin-left: 0;
        margin-right: 23px;
    }

    .tree .tree-folder:before, .tree .tree-item:before {
        left: 0;
        right: -13px;
    }

    .tree .tree-item .tree-item-name {
        margin-left: 0;
        margin-right: 2px;
    }

    .tree .tree-actions > i {
        margin-right: 0;
        margin-left: 6px;
    }

    .tree .tree-actions {
        right: auto;
        left: 4px;
    }

.weathericons .icon {
    margin-left: 5px;
    margin-right: 0;
}

.page-sidebar::before {
    left: auto;
}