@font-face {
    font-family: 'Sahel';
    src: url('../Fonts/main/Sahel-FD.woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sahel-SemiBold';
    src: url('../Fonts/main/Sahel-SemiBold-FD.woff');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'BYekan';
    src: url('../Fonts/main/BYekan.eot');
    src: local('B Yekan'), url('../Fonts/main/BYekan.woff') format('woff'), url('../Fonts/main/BYekan.ttf') format('truetype'), url('BYekan.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


@font-face {
    font-family: 'BHoma';
    src: url('../Fonts/main/BHoma.eot');
    src: local('B Homa'), url('../Fonts/main/BHoma.woff') format('woff'), url('../Fonts/main/BHoma.ttf') format('truetype'), url('BHoma.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*@font-face {
    font-family: 'BTitr';
    src: url('../Fonts/main/BTitrBd.eot');
    src: local('B Titr'), url('../Fonts/main/BTitrBd.woff') format('woff'), url('../Fonts/main/BTitrBd.ttf') format('truetype'), url('BTitrBd.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


/*@font-face {
    font-family: 'BNazanin';
    src: url('../Fonts/main/BNazanin.eot');
    src: local('B Nazanin'), url('../Fonts/main/BNazanin.woff') format('woff'), url('../Fonts/main/BNazanin.ttf') format('truetype'), url('BNazanin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}*/


.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

/*body {
	font-family: "BYekan", "Tahoma", Helvetica, Arial, sans-serif;
	color: #000000;
	font-size: 13px;
	background: #454545 url(../Images/logo.png) top left repeat;
	direction: rtl;
}*/

.dropdown-toggle::after {
    border-top: none !important;
    display: none !important;
    margin-left: none !important;
    content: "";
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-left: none !important;
}

.pull-right {
    float: right !important;
    position: absolute;
    display: block;
}

h1, .h1 {
    font-size: 24px;
}

h2, .h2 {
    font-size: 23px;
}

h3, .h3 {
    font-size: 22px;
}

h4, .h4 {
    font-size: 16px;
}

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

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

h4, h5, h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}


.btn-yellow {
    color: #fff;
    background-color: #FFAA31;
    border-color: #FFAA31
}

.btn-purple {
    color: #fff;
    background-color: #673499;
    border-color: #673499
}


.btn-lblue {
    background-color: #2bbce0;
}

.btn-orange {
    color: #fff;
    background-color: #D53F26;
    border-color: #D53F26
}

#page-container {
    width: 100%;
    min-width: 320px;
    /*max-width: 1440px;*/
    padding: 0;
    margin: 0 auto
}

.header-fixed-bottom #page-container {
    padding: 0 0 50px
}

.header-fixed-top header.navbar, .header-fixed-bottom header.navbar {
    margin: 0
}
/*#page-content.block {
	border-width: 0;
	margin: 0;
	padding-left: 15px;
	padding-right: 15px
}*/
footer {
    padding: 12px 20px;
    font-size: 12px;
    border-top: 1px dotted #ccc;
    border-bottom: 7px solid #f39c12;
    background-color: #f9f9f9;
    color: #555
}

header.navbar-default, header.navbar-inverse {
    padding: 0 5px;
    margin: 0 0 10px;
    min-width: 320px
}

header.navbar {
    -webkit-box-shadow: 0 0 2px #555;
    box-shadow: 0 0 2px #555
}

    header.navbar.navbar-inverse {
        -webkit-box-shadow: none;
        box-shadow: none;
        /*changed...border-bottom: 1px solid #222*/
    }

header.navbar-default.add-opacity {
    background: #f0f0f0;
    background: rgba(255,255,255,.85)
}

    header.navbar-default, header.navbar-default.add-opacity:hover {
        background: #fff;
        background: rgba(255,255,255,1)
    }

header.navbar-inverse.add-opacity {
    background: #424545;
    background: rgba(66,69,69,.85)
}

    header.navbar-inverse, header.navbar-inverse.add-opacity:hover {
        background: #000;
    }

header.navbar .navbar-brand {
    width: 50px;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    margin: 0 auto;
    color: #fff;
    float: none;
    display: block;
    text-align: center;
    background-color: #2e3030;
}

header.navbar-fixed-bottom .navbar-brand {
    margin-top: 5px
}

header.navbar .navbar-brand:hover, header.navbar .navbar-brand:focus {
    background-color: #f39c12;
    color: #fff;
    width: 90px;
    padding: 0 10px
}

    header.navbar .navbar-brand:hover img {
        display: none
    }

header.navbar .navbar-brand span {
    display: none
}

header.navbar .navbar-brand:hover span {
    display: inline
}

.header-nav {
    margin: 0
}

    .header-nav > li {
        float: right
    }

        .header-nav > li > a {
            padding: 0 18px;
            margin: 0;
            min-width: 40px;
            height: 50px;
            line-height: 50px;
            text-align: center
        }

            .header-nav > li > a > i {
                font-size: 14px
            }

.navbar-default .nav.header-nav > li > a {
    color: #646869
}

.navbar-inverse .nav.header-nav > li > a {
    color: #fff
}

.nav.header-nav > li > a:hover, .nav.header-nav > li > a:focus, .nav.header-nav > li.active > a, .nav.header-nav > li.open > a {
    background-color: #f39c12;
    color: #fff
}

header, #sidebar-left, #sidebar-right, #fx-container {
    -moz-transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

header, #sidebar-left, #sidebar-right {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

#sidebar-left, #sidebar-right {
    width: 201px;
    top: 0;
    bottom: 0;
    z-index: 1039;
    position: fixed;
    overflow: hidden;
    background-color: #2e3030
}

#sidebar-left {
    left: -201px;
    border-right: 1px solid #000
}

#sidebar-right {
    right: -201px;
    border-left: 1px solid #000
}

.sidebar-left-open .sidebar-nav li a.active {
    margin-left: 0;
    margin-right: 0;
    padding: 0 10px
}

.sidebar-left-open header.navbar-fixed-bottom, .sidebar-left-open header.navbar-fixed-top {
    left: 201px;
    right: -201px
}

.sidebar-left-open #sidebar-left, .sidebar-left-open #sidebar-left.enable-hover {
    left: 0
}

.sidebar-right-open #sidebar-right {
    right: 0
}

.sidebar-right-open header.navbar-fixed-bottom, .sidebar-right-open header.navbar-fixed-top {
    left: -201px;
    right: 201px
}

.sidebar-content {
    width: 210px;
    color: #ddd
}

    .sidebar-content .alert {
        margin: 4px 0 0;
        padding: 5px;
        font-size: 12px;
        color: #ddd;
        background-color: transparent;
        border-radius: 0;
        border-width: 0;
        border-right-width: 5px;
        background-color: #373939
    }

    .sidebar-content .alert-dismissable .close {
        right: 0
    }

        .sidebar-content .alert-dismissable .close:hover {
            color: #eee
        }

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

.sidebar-content .alert-danger {
    border-color: #e74c3c
}

.sidebar-content .alert-warning {
    border-color: #e67e22
}

.sidebar-content .alert-success {
    border-color: #27ae60
}

.sidebar-content .alert-info {
    border-color: #3498db
}

.sidebar-section {
    margin: 0 10px
}

.sidebar-search {
    height: 51px;
    padding: 5px;
    background: #4c4f4f;
    border-bottom: 1px solid #222
}

    .sidebar-search input[type=text] {
        color: #ccc;
        width: 190px;
        border: 0;
        height: 40px;
        padding: 5px;
        background: #4c4f4f
    }

        .sidebar-search input[type=text]:focus {
            outline: 0
        }

.user-info {
    height: 51px;
    background-color: #4c4f4f;
    padding: 5px 12px;
    border-bottom: 1px solid #222
}

.user-details {
    float: right;
    width: 136px;
    padding: 0 0 0 12px;
    height: 40px;
    line-height: 20px;
    font-size: 12px
}

.sidebar-header {
    margin: 15px 0 10px;
    padding: 0;
    color: #888;
    font-size: 13px;
    font-weight: 400;
    text-transform: uppercase
}

.sidebar-nav {
    list-style: none;
    margin: 0 10px;
    padding: 0
}

    .sidebar-nav li a {
        display: block;
        color: #eee;
        padding: 0 10px;
        min-height: 34px;
        line-height: 34px;
        text-decoration: none;
        margin-top: 4px
    }

        .sidebar-nav li a:hover {
            text-decoration: none;
            background-color: #4e5252
        }

        .sidebar-nav li a:focus {
            outline: 0
        }

        .sidebar-nav li a::-moz-focus-inner {
            border: 0
        }

    .sidebar-nav a > i {
        width: 20px;
        text-align: center;
        display: inline-block;
        margin: 0 10px 0 0;
        font-size: 14px
    }

    .sidebar-nav li a.active {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 20px
    }

    .sidebar-nav li a.active, .sidebar-nav li > ul a.active:hover {
        color: #fff;
        background-color: #f39c12
    }

    .sidebar-nav li span {
        float: right;
        font-size: 12px;
        display: inline-block;
        padding: 0 5px;
        height: 20px;
        line-height: 20px;
        margin-top: 7px;
        color: #999;
        border: 1px solid #444;
        -webkit-box-shadow: 0 1px #444;
        box-shadow: 0 1px #444
    }

    .sidebar-nav li a:hover span {
        color: #fff;
        border-color: #4e5252;
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .sidebar-nav li a.open, .sidebar-nav li.active > a, .sidebar-nav li a.open:hover, .sidebar-nav li.active > a:hover {
        color: #fff;
        background: #444747;
        padding-left: 7px;
        border-left: 3px solid #f39c12
    }

        .sidebar-nav li a.open span, .sidebar-nav li.active > a span, .sidebar-nav li a.open:hover span, .sidebar-nav li.active > a:hover span {
            color: #fff;
            border-color: #444747
        }

    .sidebar-nav li ul {
        list-style: none;
        padding: 0;
        margin: 0;
        display: none;
        background: #444747;
        border-left: 3px solid #f39c12
    }

    .sidebar-nav li.active ul {
        display: block
    }

    .sidebar-nav li ul a {
        margin: 0;
        font-size: 12px;
        color: #ddd;
        min-height: 34px;
        line-height: 34px;
        border-radius: 0;
        padding: 0 10px 0 20px !important
    }

        .sidebar-nav li ul a:hover {
            background-color: #646869
        }

        .sidebar-nav li ul a.active, .sidebar-nav li ul a.active:hover {
            background-color: #f39c12
        }

.block {
    margin: 0 0 20px;
    padding: 20px 20px 1px;
    background-color: #fff
}

    .block.full {
        padding: 20px
    }

    .block .block {
        border: 1px solid #d9d9d9;
        -webkit-box-shadow: 0 1px #d9d9d9;
        box-shadow: 0 1px #d9d9d9
    }

.block-title {
    color: #646869;
    margin: -21px -21px 20px;
    background-color: #555;
    border-bottom: 2px solid #2e3030;
    color: #fff
}

    .block-title h1, .block-title h2, .block-title h3, .block-title h4, .block-title h5, .block-title h6 {
        display: inline-block;
        font-size: 18px;
        line-height: 18px;
        line-height: 1.4;
        margin: 0;
        padding: 10px 16px 7px;
        font-weight: 400
    }

        .block-title h1 small, .block-title h2 small, .block-title h3 small, .block-title h4 small, .block-title h5 small, .block-title h6 small {
            font-size: 14px;
            color: #ddd;
            font-weight: 400
        }

    .block-title h1, .block-title h2, .block-title h3 {
        padding-left: 15px;
        padding-right: 15px
    }

    .block-title .nav-tabs, .block-options {
        min-height: 42px;
        line-height: 40px
    }

    .block-title .nav-tabs {
        padding: 3px 1px 0;
        border-bottom: 0
    }

        .block-title .nav-tabs > li > a {
            border-bottom: 0
        }

    .block-title .nav-tabs {
        margin-bottom: -2px
    }

        .block-title .nav-tabs > li > a {
            margin-bottom: 0
        }

            .block-title .nav-tabs > li > a:hover {
                background-color: #f39c12;
                border-color: #2e3030;
                color: #fff
            }

        .block-title .nav-tabs > li.active > a, .block-title .nav-tabs > li.active > a:hover, .block-title .nav-tabs > li.active > a:focus {
            border: 1px solid #555;
            border-bottom-color: #fff;
            background-color: #fff
        }

    .block-title code {
        border: 0;
        padding: 3px 5px
    }

.block-options {
    margin: 0 6px;
    line-height: 39px
}

    .block-options .label {
        display: inline-block;
        padding: 6px 12px;
        margin-top: 3px;
        vertical-align: middle;
        font-size: 13px
    }

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

.block-section {
    margin-bottom: 20px
}

.block-header {
    margin: -20px -15px 20px;
    border-bottom: 1px dotted #ccc;
    background: #f0f0f0
}

    .block-header h1 {
        margin: 0;
        font-size: 28px;
        line-height: 32px
    }

        .block-header h1 small {
            font-size: 18px
        }

a.header-title-link h1 i, header-section h1 i {
    font-size: 56px;
    float: right;
    margin: 2px 0 0 10px;
    color: #ddd
}

    a.header-title-link h1 i[class^=glyphicon-], a.header-title-link h1 i[class*=" glyphicon-"], header-section h1 i[class^=glyphicon-], header-section h1 i[class*=" glyphicon-"] {
        margin: -5px 0 0 10px
    }

a.header-link, a.header-title-link, .header-section {
    margin-top: -10px;
    border-top: 7px solid #f39c12;
    padding: 48px 20px
}

.row .header-section, .row a.header-link, .row a.header-title-link {
    margin: 0 -5px
}

a.header-link, a.header-title-link {
    display: block;
    text-align: center
}

    a.header-link:hover, a.header-title-link:hover {
        text-decoration: none;
        background: #fff;
        border-top-color: #f1c40f
    }

a.header-link {
    padding-left: 5px;
    padding-right: 5px
}

a.header-title-link {
    text-align: right;
}

.dropdown-menu.dropdown-custom {
    padding: 0;
    min-width: 210px
}

    .dropdown-menu.dropdown-custom li {
        padding: 8px 10px;
        font-size: 12px
    }

    .dropdown-menu.dropdown-custom .dropdown-header {
        color: #2e3030;
        background-color: #f9f9f9;
        margin-top: 6px
    }

    .dropdown-menu.dropdown-custom li.dropdown-header:first-child {
        margin-top: 0
    }
/*.page-header {
	border-bottom-width: 2px;
	border-bottom-color: #ddd;
	margin: 30px 0 20px;
	color: #000
}*/
.sub-header {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
    font-family: 'Sahel-SemiBold','BHoma',Tahoma,Arial
}

.form-header {
    margin: 10px 0;
    padding: 10px 0;
    font-family: 'Sahel-SemiBold','BHoma',Tahoma,Arial
}

.content-text .pull-left {
    margin: 0 20px 20px 0
}

.content-text .pull-right {
    margin: 0 0 20px 20px
}

#to-top {
    display: none;
    position: fixed;
    bottom: 53px;
    right: 0;
    padding: 8px 15px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    background-color: #000;
    opacity: .25;
    filter: alpha(opacity=25)
}

    #to-top:hover {
        color: #fff;
        background-color: #f39c12;
        text-decoration: none;
        opacity: 1;
        filter: alpha(opacity=100)
    }

.gallery img, .gallery a img, .gallery-image img, a[data-toggle=lightbox-image] img {
    max-width: 100%;
    border: 2px solid #fff
}

a[data-toggle=lightbox-image], a.gallery-link {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

    .gallery a:hover img, .gallery-image:hover img, a[data-toggle=lightbox-image]:hover img {
        border: 2px solid #f39c12;
        opacity: .9;
        filter: alpha(opacity=90)
    }

.gallery-image {
    position: relative
}

.gallery-image-options {
    position: absolute;
    top: 0;
    padding: 10px;
    display: none;
    width: 100%
}

.gallery-image:hover .gallery-image-options {
    display: block
}

.gallery > .row > div {
    margin-bottom: 15px
}

.chart {
    height: 350px
}

.chart-tooltip {
    position: absolute;
    display: none;
    color: #fff;
    background-color: #777;
    padding: 8px 12px
}

.chart-pie-label {
    font-size: 12px;
    text-align: center;
    padding: 8px 12px;
    color: #fff
}

.theme-colors {
    list-style: none;
    padding: 10px 0 0;
    margin: 0
}

    .theme-colors li {
        float: left;
        margin: 0 5px 0 0
    }

        .theme-colors li a {
            display: block;
            width: 25px;
            height: 25px;
            border-width: 2px;
            border-style: solid
        }

            .theme-colors li a:hover {
                border-width: 1px;
                border-color: #fff !important
            }

        .theme-colors li.active a {
            border-width: 2px;
            border-color: #fff !important
        }

.themed-color {
    color: #f39c12
}

.themed-border {
    border-color: #f39c12
}

.themed-background {
    background-color: #f39c12
}

ul.timeline {
    list-style: none;
    margin: 0 -5px 15px;
    padding: 0 5px 1px
}

.timeline li {
    margin-bottom: 9px
}

.timeline .timeline-item {
    border-left: 3px solid #2e3030;
    background-color: #f9f9f9
}

.timeline li.text-right {
    text-align: left
}

    .timeline li.text-right .timeline-item {
        border-right: 3px solid #2e3030;
        border-left-width: 0
    }

.timeline .timeline-title {
    padding: 10px;
    margin: 0;
    background-color: #e8e8e8;
    color: #000
}

.timeline .timeline-meta {
    float: left;
    font-size: 12px;
    margin: 4px 0 0 4px;
    font-weight: 400;
    color: #000
}

.timeline .timeline-content {
    padding: 15px;
    margin-bottom: 0
}

.timeline li.alt-color .timeline-item {
    border-color: #f39c12
}

.timeline li.alt-color .timeline-title {
    background-color: #f7e5c9
}

.timeline li.alt-color.text-right .timeline-item {
    border-color: #f39c12;
    border-left-width: 0
}

.ms-categories ul.nav {
    border-left: 3px solid #2e3030;
    background-color: #f9f9f9;
    margin-bottom: 20px
}

.ms-categories .nav > li > a {
    margin: 0;
    color: #555;
    padding-top: 12px;
    padding-bottom: 12px
}

    .ms-categories .nav > li > a:hover {
        color: #555;
        background-color: #f0f0f0
    }

    .ms-categories .nav > li > a:focus, .ms-categories .nav > li > a:active, .ms-categories .nav > li.active a, .ms-categories .nav > li.active a:hover {
        background-color: #f39c12;
        color: #fff
    }

.ms-message-content {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    margin: 20px -20px;
    padding: 20px 20px 1px
}

.profile-photo {
    float: right;
    margin-top: -28px
}

.profile-name {
    margin-left: 120px
}

.profile-status {
    padding: 10px 10px 7px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ddd;
    background-color: #f9f9f9
}

    .profile-status > div {
        padding: 7px 0 0
    }

.error-container {
    margin-bottom: 20px;
    padding: 50px 0
}

    .error-container i {
        font-size: 172px
    }

    .error-container h1 {
        font-size: 72px;
        margin: 30px 0 10px
    }

    .error-container small {
        font-size: 24px;
        font-weight: 300;
        color: #999
    }

.table.table-pricing {
    background-color: #fff
}

.table-pricing th, .table-pricing td {
    text-align: center
}

.table-pricing th {
    font-weight: 300;
    font-size: 26px !important
}

.table-pricing td {
    font-size: 15px
}

.table-pricing .table-price {
    background-color: #f9f9f9
}

    .table-pricing.table-featured .table-price, .table-pricing .table-price.table-featured {
        background-color: #444747
    }

.table-pricing.table-featured th, .table-pricing th.table-featured {
    background-color: #f39c12;
    border-bottom: 2px solid #2e3030;
    color: #fff
}

.table-pricing.table-featured td, .table-pricing td.table-featured {
    background-color: #2e3030;
    color: #fff
}

.wizard-steps {
    margin: -20px -20px 20px;
    background-color: #f9f9f9
}

    .wizard-steps .row {
        margin: 0
    }

        .wizard-steps .row > div {
            padding: 15px 0;
            font-size: 15px
        }

            .wizard-steps .row > div.done, .wizard-steps .row > div.active {
                background-color: #f39c12;
                color: #fff
            }

            .wizard-steps .row > div.done {
                opacity: .25;
                filter: alpha(opacity=25)
            }

            .wizard-steps .row > div.active {
                opacity: 1;
                filter: alpha(opacity=100)
            }

.navbar {
    border-radius: 0
}

.navbar-fixed-top, .navbar-fixed-bottom {
    border-width: 0
}

.navbar-inverse .navbar-toggle {
    color: #999
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Sahel-SemiBold", "Tahoma", Helvetica, Arial, sans-serif;
    font-weight: 300
}

    h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
        font-weight: 300;
        color: #777
    }

a, a:hover, a:focus {
    color: #f39c12
}

    .text-danger, a.text-danger {
        color: #e74c3c
    }

        a.text-danger:hover, a.text-danger:hover {
            color: #e74c3c
        }

    .text-warning, a.text-warning {
        color: #e67e22
    }

        a.text-warning:hover, a.text-warning:hover {
            color: #e67e22
        }

    .text-success, a.text-success {
        color: #27ae60
    }

        a.text-success:hover, a.text-success:hover {
            color: #27ae60
        }

    .text-info, a.text-info {
        color: #3498db
    }

        a.text-info:hover, a.text-info:hover {
            color: #3498db
        }

    .text-muted, a.text-muted {
        color: #999
    }

        a.text-muted:hover, a.text-muted:hover {
            color: #999
        }

.text-primary {
    color: #f39c12
}

.well {
    border-radius: 0
}

label {
    font-weight: 400;
    padding-bottom: 5px;
    float: right;
    font: 13px Sahel, Tahoma;
}

input[type=file] {
    padding-top: 7px
}

.form-control {
    display: block;
    width: 100%;
    font-size: 13px;
    height: 34px;
    padding: 6px 12px;
    font-size: 13px;
    background-color: #fff;
    border-radius: 4px;
    color: #555;
    border-color: #999999;
    border-radius: 0 !important;
    box-shadow: 0 1px 0 #999999;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    border: 1px solid #ccc;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

input[type="password"] {
    font-size: 13px;
    padding: 6px 8px;
    color: #222222;
    border-color: #999999;
    border-radius: 0 !important;
    box-shadow: 0 1px 0 #999999;
    box-shadow: 0 1px 0 #999999;
    background-color: #fff;
    border-radius: 4px;
    display: block;
    height: 34px;
    line-height: 1.42857;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
}


.form-control:focus {
    border-color: #333333;
    box-shadow: 0 1px 0 #555555;
    box-shadow: 0 1px 0 #555555
}

.form-horizontal .form-group {
    margin-right: -5px;
    margin-left: -5px
}

.gutter30 .form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

.gutter30 .block .form-horizontal .form-group {
    margin-right: -5px;
    margin-left: -5px
}

.form-grid .form-control {
    margin-bottom: 5px
}

.form-grid .form-group {
    margin-bottom: 10px
}

.form-control-static {
    line-height: normal
}

.help-block {
    margin-bottom: 5px
}

.input-group-addon {
    min-width: 45px;
    text-align: center;
    background-color: #fcfcfc;
    border-color: #d9d9d9;
    box-shadow: 0 1px 0 #d9d9d9;
    border-radius: 0
}

.has-success .help-block, .has-success .control-label, .has-success .input-group-addon {
    color: #27ae60
}

.has-success .form-control, .has-success .input-group-addon {
    border-color: #27ae60;
    -webkit-box-shadow: 0 1px 0 #27ae60;
    box-shadow: 0 1px 0 #27ae60
}

    .has-success .form-control:focus {
        border-color: #166638;
        -webkit-box-shadow: 0 1px 0 #166638;
        box-shadow: 0 1px 0 #166638
    }

.has-warning .help-block, .has-warning .control-label, .has-warning .input-group-addon {
    color: #e67e22
}

.has-warning .form-control, .has-warning .input-group-addon {
    border-color: #e67e22;
    -webkit-box-shadow: 0 1px 0 #e67e22;
    box-shadow: 0 1px 0 #e67e22
}

    .has-warning .form-control:focus {
        border-color: #b3621b;
        -webkit-box-shadow: 0 1px 0 #b3621b;
        box-shadow: 0 1px 0 #b3621b
    }

.has-error .help-block, .has-error .control-label, .has-error .input-group-addon {
    color: #e74c3c
}

.has-error .form-control, .has-error .input-group-addon {
    border-color: #e74c3c;
    -webkit-box-shadow: 0 1px 0 #e74c3c;
    box-shadow: 0 1px 0 #e74c3c
}

    .has-error .form-control:focus {
        border-color: #c0392b;
        -webkit-box-shadow: 0 1px 0 #c0392b;
        box-shadow: 0 1px 0 #c0392b
    }

input[type=text].form-control, input[type=password].form-control, input[type=email].form-control, textarea.form-control {
    -webkit-appearance: none;
    color: #222222
}

.table.table-vcenter th, .table.table-vcenter td {
    vertical-align: middle
}

.table-options {
    padding: 6px 0
}

.table thead > tr > th {
    font-size: 13.5px;
    font-weight: 300
}

.table thead > tr > th, .table thead > tr > td, .table tfoot > tr > th, .table tfoot > tr > td {
    background-color: #f7f7f7;
    padding-top: 5px !important;
    padding-left: 1px;
    padding-bottom: 5px !important;
    font: 13px Sahel-SemiBold;
}

.table-borderless tbody > tr > th, .table-borderless tbody > tr > td {
    border-top-width: 0
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td, .table tbody + tbody, .table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border-color: #e9e9e9;
    vertical-align: middle;
   
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #fcf8e3
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    background-color: #f39c12;
    border-color: #f39c12
}

    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
        color: #fff
    }

.list-group-item {
    border-radius: 0 !important
}

a.list-group-item:hover, a.list-group-item:focus {
    background-color: #f9f9f9
}

a.list-group-item.active > .badge {
    color: #f39c12
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #f39c12
}

.nav-pills > .active > a > .badge {
    color: #f39c12
}

.nav-pills > li > a {
    border-radius: 0
}

.nav-stacked > li > a {
    margin: 4px 0 0
}

.nav .caret, .nav a:hover .caret, .nav a:focus .caret {
    border-top-color: #f39c12;
    border-bottom-color: #f39c12
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color: #f9f9f9
}

.nav-tabs > li {
    margin-bottom: 0
}

    .nav-tabs > li > a {
        padding-left: 7px;
        padding-right: 7px;
        margin-bottom: -1px;
        border-radius: 0;
        font-family: 'Sahel-SemiBold';
        font-size: 14px;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #2e3030
    }

.dropdown-menu {
    border-radius: 0;
    padding: 2px 0;
}

    .dropdown-menu > li > a {
        padding: 0 !important;
        width: 100%;
        display: block;
        color: #000;
        text-decoration: none;
        padding-right: 10px;
        background: white;
    }

        .dropdown-menu > li > a:hover {
            color: #333 !important;
        }

    .dropdown-menu .divider {
        margin: 4px 4px;
        border-top: 1px solid #F1F1F1;
    }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    border-color: #f39c12;
    background-color: #f39c12
}

.pagination > li > a, .pager a {
    border-radius: 0 !important;
    -webkit-box-shadow: 0 1px #ddd;
    box-shadow: 0 1px #ddd
}

    .pagination > li > a:hover {
        background-color: #f9f9f9
    }

a.thumbnail:hover, a.thumbnail:focus {
    border-color: #f39c12
}

.tooltip {
    z-index: 1040
}

    .tooltip.in {
        opacity: 1;
        filter: alpha(opacity=100)
    }

.tooltip-inner {
    padding: 6px 10px;
    background-color: #777;
    color: #fff;
    border-radius: 0
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    border-top-color: #777
}

.tooltip.right .tooltip-arrow {
    border-right-color: #777
}

.tooltip.left .tooltip-arrow {
    border-left-color: #777
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #777
}
/*.breadcrumb {
	background: #f9f9f9;
	border-radius: 0
}*/
.breadcrumb-top {
    margin: -20px -15px 25px;
    padding: 10px 20px;
    border-bottom: 1px dotted #ccc
}

.progress {
    border-radius: 0;
    height: 25px;
    line-height: 25px
}

.progress-bar-danger {
    background-color: #e74c3c
}

.progress-bar-warning {
    background-color: #f39c12
}

.progress-bar-success {
    background-color: #2ecc71
}

.progress-bar-info {
    background-color: #3498db
}
/*.modal-header {
	padding: 15px 15px 14px;
	border-bottom: 1px dotted #ccc;
	background-color: #f9f9f9
}*/


.btn {
    margin: 1px 0;
    border-radius: 0 !important;
    font-size: 13px;
    /*اگر حداقل عرض رو تعیین کنیم دکمه های تقویم هم به همون سایز نمایش داده میشه*/
   /*min-width:100px;*/
}

    .btn:focus, .btn:active, .btn.active {
        outline: 0 !important
    }

.navbar .btn, .block-options .btn, .input-group .btn, .modal-content .btn {
    margin-top: 0;
    margin-bottom: 0
}

.btn-default, .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
    /*background-color: #eee;*/
    border-color: #d9d9d9;
    -webkit-box-shadow: 0 1px 0 #d9d9d9;
    box-shadow: 0 1px 0 #d9d9d9
}

.btn-more, .btn-more:hover, .btn-more:focus, .btn-more:active, .btn-more.active, .open .dropdown-toggle.btn-more, .btn-more.disabled, .btn-more[disabled], fieldset[disabled] .btn-more, .btn-more.disabled:hover, .btn-more[disabled]:hover, fieldset[disabled] .btn-more:hover, .btn-more.disabled:focus, .btn-more[disabled]:focus, fieldset[disabled] .btn-more:focus, .btn-more.disabled:active, .btn-more[disabled]:active, fieldset[disabled] .btn-more:active, .btn-more.disabled.active, .btn-more[disabled].active, fieldset[disabled] .btn-more.active {
    /*background-color: #eee;*/
    border-color: #333;
    -webkit-box-shadow: 0 1px 0 #d9d9d9;
    box-shadow: 0 1px 0 #d9d9d9;
    /*height: 22px;
    width: 22px;*/
    background-color: transparent;
    font-weight: bold;
    /*display: inline-flex;
    align-items: center;*/
font-family:Tahoma
}
    .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        /*background-color: #f9f9f9*/
    }

    .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
        background-color: #fff
    }

.btn-danger, .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
    background-color: #e74c3c;
    border-color: #c0392b;
    -webkit-box-shadow: 0 1px 0 #c0392b;
    box-shadow: 0 1px 0 #c0392b
}

    .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
        background-color: #ff5e4c
    }

    .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
        background-color: #ff8173
    }

.btn-warning, .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
    background-color: #e67e22;
    border-color: #995417;
    -webkit-box-shadow: 0 1px 0 #995417;
    box-shadow: 0 1px 0 #995417
}

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
        background-color: #f28b30
    }

    .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
        background-color: #ffa759
    }

.btn-success, .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
    background-color: #2ecc71;
    border-color: #27ae60;
    -webkit-box-shadow: 0 1px 0 #27ae60;
    box-shadow: 0 1px 0 #27ae60
}

    .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
        background-color: #4cd987
    }

    .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
        background-color: #6cd99a
    }


.btn-darkgreen:hover, .btn-darkgreen:focus, .btn-darkgreen:active, .btn-darkgreen.active, .open .dropdown-toggle.btn-darkgreen {
    background-color: #4cd987
}



.btn-login, .btn-login:hover, .btn-login:focus, .btn-login:active, .btn-login.active, .open .dropdown-toggle.btn-login, .btn-login.disabled, .btn-login[disabled], fieldset[disabled] .btn-login, .btn-login.disabled:hover, .btn-login[disabled]:hover, fieldset[disabled] .btn-login:hover, .btn-login.disabled:focus, .btn-login[disabled]:focus, fieldset[disabled] .btn-login:focus, .btn-login.disabled:active, .btn-login[disabled]:active, fieldset[disabled] .btn-login:active, .btn-login.disabled.active, .btn-login[disabled].active, fieldset[disabled] .btn-login.active {
    background-color: #1bbF9c;
    border-color: #1DB191;
    -webkit-box-shadow: 0 1px 0 #1DB191;
    box-shadow: 0 1px 0 #1DB191;
    color: white
}

    .btn-login:hover, .btn-login:focus, .btn-login:active, .btn-login.active, .open .dropdown-toggle.btn-login {
        background-color: #1DB191
    }

    .btn-login:active, .btn-login.active, .open .dropdown-toggle.btn-login {
        background-color: #1DB191
    }





/*.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
	background-color: #f39c12;
	border-color: #d98600;
	-webkit-box-shadow: 0 1px 0 #d98600;
	box-shadow: 0 1px 0 #d98600
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	background-color: #f2b149
}*/
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: #f2bb61
}



.btn-info, .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
    background-color: #3498db;
    border-color: #0973ba;
    -webkit-box-shadow: 0 1px 0 #0973ba;
    box-shadow: 0 1px 0 #0973ba;
    width: 100px;
    border-radius: 20px;
}

    .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
        background-color: #63abdb
    }

    .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
        background-color: #7ebce5
    }



    .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
        border-top-width: 2px;
        border-bottom-width: 0
    }

.btn-link, .btn-link:hover, .btn-link:focus, .btn-link.btn-icon:hover, .btn-link.btn-icon:focus {
    color: #f39c12
}

    .btn-link.btn-icon {
        color: #999
    }

        .btn-link.btn-icon:hover, .btn-link.btn-icon:focus {
            text-decoration: none
        }

.panel {
    border-radius: 0;
    margin-bottom: 20px;
    -webkit-box-shadow: none;
    box-shadow: none
}
/*.panel-heading {
	padding: 15px
}*/
.panel-default > .panel-heading {
    background-color: #f9f9f9
}

.panel-group {
    margin-bottom: 20px
}

    .panel-group .panel {
        border-radius: 0
    }

        .panel-group .panel + .panel {
            margin-top: 0;
            border-top: 0
        }

pre {
    background: #272822;
    overflow: scroll
}

code {
    border: 1px solid #fad4df;
    margin: 1px 0;
    display: inline-block
}

.btn code {
    display: inline;
    margin: 0
}

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

.alert-danger {
    color: #e74c3c;
    background-color: #ffd1cc;
    border-color: #ffb8b0
}

    .alert-danger .alert-link {
        color: #e74c3c
    }

.alert-warning {
    color: #e67e22;
    background-color: #ffe4cc;
    border-color: #ffd6b2
}

    .alert-warning .alert-link {
        color: #e67e22
    }

.alert-success {
    color: #ccef15;
    /*background-color: #daf2e4;*/
    border-color: #b8e5cb
}

    .alert-success .alert-link {
        color: #27ae60
    }

.alert-info {
    color: #3498db;
    background-color: #dae8f2;
    border-color: #b8d2e5
}

    .alert-info .alert-link {
        color: #3498db
    }

.label, .badge {
    font-weight: 400;
    font-size: 90%
}

.label {
    border-radius: 0
}

.label-danger {
    background-color: #e74c3c
}

    .label-danger[href]:hover, .label-danger[href]:focus {
        background-color: #ff5542
    }

.label-warning {
    background-color: #e67e22
}

    .label-warning[href]:hover, .label-warning[href]:focus {
        background-color: #ff8b26
    }

.label-success {
    background-color: #27ae60
}

    .label-success[href]:hover, .label-success[href]:focus {
        background-color: #2cc76c
    }

.label-info {
    background-color: #2980b9
}

    .label-info[href]:hover, .label-info[href]:focus {
        background-color: #2f92d4
    }

.label-primary {
    background-color: #f39c12
}

    .label-primary[href]:hover, .label-primary[href]:focus {
        background-color: #ffa412
    }

.label-default {
    background-color: #999
}

    .label-default[href]:hover, .label-default[href]:focus {
        background-color: #777
    }

.carousel-control span {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    display: inline-block
}

.carousel-control i {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px
}

p, .table, .alert, .carousel {
    margin-bottom: 20px
}

p {
    line-height: 1.6
}

.row {
    margin-right: -5px;
    margin-left: -5px;
    margin-bottom: 15px;
    /*display: block;*/
}

    /*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    padding-right: 5px;
    padding-left: 5px
}*/

    .row.gutter30 {
        margin-right: -15px;
        margin-left: -15px
    }

/*.gutter30 > .col-xs-1, .gutter30 > .col-xs-2, .gutter30 > .col-xs-3, .gutter30 > .col-xs-4, .gutter30 > .col-xs-5, .gutter30 > .col-xs-6, .gutter30 > .col-xs-7, .gutter30 > .col-xs-8, .gutter30 > .col-xs-9, .gutter30 > .col-xs-10, .gutter30 > .col-xs-11, .gutter30 > .col-xs-12, .gutter30 > .col-sm-1, .gutter30 > .col-sm-2, .gutter30 > .col-sm-3, .gutter30 > .col-sm-4, .gutter30 > .col-sm-5, .gutter30 > .col-sm-6, .gutter30 > .col-sm-7, .gutter30 > .col-sm-8, .gutter30 > .col-sm-9, .gutter30 > .col-sm-10, .gutter30 > .col-sm-11, .gutter30 > .col-sm-12, .gutter30 > .col-md-1, .gutter30 > .col-md-2, .gutter30 > .col-md-3, .gutter30 > .col-md-4, .gutter30 > .col-md-5, .gutter30 > .col-md-6, .gutter30 > .col-md-7, .gutter30 > .col-md-8, .gutter30 > .col-md-9, .gutter30 > .col-md-10, .gutter30 > .col-md-11, .gutter30 > .col-md-12, .gutter30 > .col-lg-1, .gutter30 > .col-lg-2, .gutter30 > .col-lg-3, .gutter30 > .col-lg-4, .gutter30 > .col-lg-5, .gutter30 > .col-lg-6, .gutter30 > .col-lg-7, .gutter30 > .col-lg-8, .gutter30 > .col-lg-9, .gutter30 > .col-lg-10, .gutter30 > .col-lg-11, .gutter30 > .col-lg-12 {
    padding-right: 15px;
    padding-left: 15px
}*/

.sidebar-left-scroll .sidebar-nav {
    padding-bottom: 25px
}

.push {
    margin-bottom: 15px !important
}

.lt-ie9 .hidden-lt-ie9 {
    display: none !important
}

.display-none {
    display: none
}

.remove-margin {
    margin: 0 !important
}

.remove-padding {
    padding: 0 !important
}

.remove-radius {
    border-radius: 0 !important
}

.remove-box-shadow {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.remove-transition {
    -moz-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important
}

@media screen and (min-width:768px) {
    #login-container {
        padding-top: 150px
    }
    /*#page-content.block {
	padding-left: 20px;
	padding-right: 20px
}*/
    .block-header, .breadcrumb-top {
        margin-left: -20px;
        margin-right: -20px
    }

    header.navbar .navbar-brand {
        float: none
    }

    .header-nav > li > a {
        padding: 0 20px;
        margin: 0 2px
    }

    .sidebar-right-open header.navbar-fixed-top, .sidebar-right-open header.navbar-fixed-bottom {
        left: 0;
        right: 201px
    }

    .sidebar-left-open header.navbar-fixed-top, .sidebar-left-open header.navbar-fixed-bottom {
        left: 201px;
        right: 0
    }

    .nav-tabs > li > a {
        padding-left: 15px;
        padding-right: 15px;
        margin-left: 3px;
        margin-right: 3px
    }

    a.header-link {
        padding-left: 5px;
        padding-right: 5px
    }

    ul.timeline {
        margin: 0 0 20px
    }

    .timeline li {
        margin-bottom: 20px
    }

        .timeline li.text-right {
            text-align: right
        }

    .timeline .timeline-item {
        display: inline-block;
        width: 60%
    }

    .timeline .text-right .timeline-meta {
        float: left;
        margin: 4px 4px 0 0
    }
}

@media (min-width:768px) and (max-width:991px) {
}

@media (min-width:992px) {
    #page-container {
        width: 100%;
        padding: 0 0 0px
    }

    .header-fixed-bottom #page-container {
        padding: 25px 0 75px
    }

    #page-container.full-width {
        width: 100%;
        max-width: 1920px;
        padding: 50px 0 0
    }

    .header-fixed-bottom #page-container.full-width {
        padding: 0 0 50px
    }
}

@media (min-width:1200px) {
    #sidebar-left.enable-hover {
        left: -196px
    }

    .sidebar-right-open #fx-container.fx-opacity, .sidebar-left-open #fx-container.fx-opacity {
        opacity: .4
    }

    .sidebar-left-open #fx-container.fx-move {
        -webkit-transform: translate(40px, 0);
        transform: translate(40px, 0)
    }

    .sidebar-right-open #fx-container.fx-move {
        -webkit-transform: translate(-40px, 0);
        transform: translate(-40px, 0)
    }

    .sidebar-right-open #fx-container.fx-push, .sidebar-left-open #fx-container.fx-push {
        -webkit-transform: scale(0.97);
        transform: scale(0.97)
    }

    .sidebar-left-open #fx-container.fx-rotate {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg)
    }

    .sidebar-right-open #fx-container.fx-rotate {
        -webkit-transform: rotate(-7deg);
        transform: rotate(-7deg)
    }

    .sidebar-left-open #fx-container.fx-push-move {
        -webkit-transform: scale(0.9) translate(40px, 0);
        transform: scale(0.9) translate(40px, 0)
    }

    .sidebar-right-open #fx-container.fx-push-move {
        -webkit-transform: scale(0.9) translate(-40px, 0);
        transform: scale(0.9) translate(-40px, 0)
    }

    .sidebar-left-open #fx-container.fx-push-rotate {
        -webkit-transform: scale(0.9) rotate(7deg);
        transform: scale(0.9) rotate(7deg)
    }

    .sidebar-right-open #fx-container.fx-push-rotate {
        -webkit-transform: scale(0.9) rotate(-7deg);
        transform: scale(0.9) rotate(-7deg)
    }

    .sidebar-left-pinned.sidebar-left-open #fx-container, .sidebar-right-pinned.sidebar-right-open #fx-container, .sidebar-right-pinned.sidebar-left-pinned #fx-container {
        opacity: 1 !important;
        -webkit-transform: none !important;
        transform: none !important
    }

    body.sidebar-left-pinned {
        padding-left: 201px
    }

    .sidebar-left-pinned header {
        left: 201px !important
    }

    .sidebar-left-pinned #sidebar-left-toggle {
        display: none !important
    }

    .sidebar-left-pinned #sidebar-left {
        left: 0 !important
    }

    .sidebar-left-pinned .sidebar-nav li a.active {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 10px !important
    }

    .sidebar-left-pinned .sidebar-nav ul a.active {
        padding-left: 20px !important
    }

    body.sidebar-right-pinned {
        padding-right: 201px
    }

    .sidebar-right-pinned header {
        right: 201px !important
    }

    .sidebar-right-pinned #sidebar-right-toggle {
        display: none !important
    }

    .sidebar-right-pinned #sidebar-right {
        right: 0 !important
    }

    .sidebar-left-scroll .sidebar-nav {
        padding-bottom: 0
    }
}

@media only screen and (-Webkit-min-device-pixel-ratio:1.5), only screen and (-moz-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:3/2), only screen and (min-device-pixel-ratio:1.5) {
}



/*---------------------------------------------------------------*/
.panel-heading {
    font-size: 16px;
    border-bottom: 0px solid #d2d3d6;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    height: 40px;
    line-height: 2em;
    font-family: 'Sahel-SemiBold';
}

.panel-title {
    font-size: 16px;
    /*border-bottom: 0px solid #d2d3d6;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;*/
    height: 40px;
    line-height: 2em;
    font-family: 'Sahel-SemiBold';
}


[class*="panel-"].panel .panel-body {
    padding: 10px;
    border-left: 1px solid #d2d3d6;
    border-right: 1px solid #d2d3d6;
    border-bottom: 1px solid #d2d3d6;
    background-color: #fff;
}


.panel-primary {
    border: 1px solid #5454f5;
}

    .panel-primary .panel-heading {
        /*color: #d5e615;*/
        color: #fff;
        background-color: #006DDB;
        border-color: #5454f5;
    }

    .panel-primary .panel-body {
        border-top: 2px solid #4187df;
    }

.panel-lblue {
    border-color: #13a3bd;
}

    .panel-lblue .panel-heading {
        color: #fff;
        background-color: #13a3bd;
        border-color: #13a3bd
    }

    .panel-lblue .panel-body {
        border-top: 2px solid #13a3bd
    }


.panel-success {
    border-color: #85c744
}

    .panel-success .panel-heading {
        color: #fff;
        background-color: #85c744;
        border-color: #85c744
    }

    .panel-success .panel-body {
        border-top: 2px solid #85c744
    }

.panel-warning {
    border-color: #f1c40f
}

    .panel-warning .panel-heading {
        color: #fff;
        background-color: #f1c40f;
        border-color: #f1c40f
    }

    .panel-warning .panel-body {
        border-top: 2px solid #f1c40f
    }

.panel-danger {
    border-color: #e73c3c
}

    .panel-danger .panel-heading {
        color: #fff;
        background-color: #e73c3c;
        border-color: #e73c3c
    }

    .panel-danger .panel-body {
        border-top: 2px solid #e73c3c
    }

.panel-info {
    border-color: #2bbce0
}

    .panel-info .panel-heading {
        color: #fff;
        background-color: #2bbce0;
        border-color: #2bbce0
    }

    .panel-info .panel-body {
        border-top: 2px solid #2bbce0
    }

.panel-inverse {
    border-color: #4f5259
}

    .panel-inverse .panel-heading {
        color: #fff;
        background-color: #4f5259;
        border-color: #4f5259
    }

    .panel-inverse .panel-body {
        border-top: 2px solid #4f5259
    }

.panel-brown {
    border-color: #c0392b
}

    .panel-brown .panel-heading {
        color: #fff;
        background-color: #c0392b;
        border-color: #c0392b
    }

    .panel-brown .panel-body {
        border-top: 2px solid #c0392b
    }

.panel-indigo {
    border-color: #8e44ad
}

    .panel-indigo .panel-heading {
        color: #fff;
        background-color: #8e44ad;
        border-color: #8e44ad
    }

    .panel-indigo .panel-body {
        border-top: 2px solid #8e44ad
    }



.panel-green2 {
    border-color: #1DB191
}

    .panel-green2 .panel-heading {
        color: #fff;
        background-color: #1DB191;
        border-color: #1DB191
    }

    .panel-green2 .panel-body {
        border-top: 2px solid #1DB191
    }


.panel-orange {
    border-color: #f39c12
}

    .panel-orange .panel-heading {
        color: #fff;
        background-color: #f39c12;
        border-color: #f39c12
    }

    .panel-orange .panel-body {
        border-top: 2px solid #f39c12
    }

.panel-midnightblue {
    border-color: #005683
}

    .panel-midnightblue .panel-heading {
        color: #fff;
        background-color: #005683;
        border-color: #005683
    }

    .panel-midnightblue .panel-body {
        border-top: 2px solid #005683
    }

.panel-magenta {
    border-color: #e73c68
}

    .panel-magenta .panel-heading {
        color: #fff;
        background-color: #e73c68;
        border-color: #e73c68
    }

    .panel-magenta .panel-body {
        border-top: 2px solid #e73c68
    }

.panel-green {
    border-color: #68AF27
}

    .panel-green .panel-heading {
        color: #fff;
        background-color: #68AF27;
        border-color: #68AF27
    }

    .panel-green .panel-body {
        border-top: 2px solid #68AF27
    }


.panel-darkgreen {
    border-color: #057855
}

    .panel-darkgreen .panel-heading {
        color: #fff;
        background-color: #057855;
        border-color: #057855
    }

    .panel-darkgreen .panel-body {
        border-top: 2px solid #057855
    }



.panel-purple {
    border-color: #e044ab
}


    .panel-purple .panel-heading {
        color: #fff;
        background-color: #e044ab;
        border-color: #e044ab
    }

    .panel-purple .panel-body {
        border-top: 2px solid #e044ab
    }

.panel-grape {
    border-color: #7a869c
}

    .panel-grape .panel-heading {
        color: #fff;
        background-color: #7a869c;
        border-color: #7a869c
    }

    .panel-grape .panel-body {
        border-top: 2px solid #7a869c
    }

.panel.gray {
    border-color: #f7f8fa
}

    .panel.gray .panel-heading {
        color: #000;
        background-color: #e3e4e6;
        border-color: #f7f8fa
    }

    .panel.gray .panel-body {
        border-top: 2px solid #f7f8fa
    }

    .panel.gray .panel-heading {
        border-bottom: 1px solid #d2d3d6;
        padding-right: 10px
    }

        .panel.gray .panel-heading .nav.nav-tabs li.active a {
            background: #fff
        }

            .panel.gray .panel-heading .nav.nav-tabs li.active a:hover {
                background: #fff
            }

        .panel.gray .panel-heading h4 {
            padding-left: 10px;
            color: #000 !important
        }

            .panel.gray .panel-heading h4 > .nav.nav-tabs {
                right: 10px;
                bottom: -2px
            }

                .panel.gray .panel-heading h4 > .nav.nav-tabs li a {
                    line-height: 38px;
                    padding: 0 10px;
                    margin-top: -2px
                }

    .panel.gray .panel-body {
        background-color: #fff;
        border-top: 0 !important;
        border-left: 1px solid #d2d3d6;
        border-right: 1px solid #d2d3d6;
        border-bottom: 1px solid #d2d3d6;
        padding: 20px !important
    }

.panel-gray {
    border-color: #edeef0
}

    .panel-gray .panel-heading {
        color: #000;
        background-color: #edeef0;
        border-color: #edeef0
    }

    .panel-gray .panel-body {
        border-top: 2px solid #edeef0
    }

    .panel-gray .panel-heading h4 {
        color: #000 !important
    }

    .panel-gray .panel-heading .options a {
        color: #000 !important
    }

    .panel-gray .panel-body {
        border-bottom: 1px solid #d2d3d6 !important;
        border-left: 1px solid #d2d3d6 !important;
        border-right: 1px solid #d2d3d6 !important
    }



.panel-heading::after {
    clear: both;
}

.panel-heading::before, .panel-heading::after {
    content: " ";
    display: table;
}

.panel-heading::after {
    clear: both;
}

.panel-heading::before, .panel-heading::after {
    content: " ";
    display: table;
}

[class*="panel-"].panel .panel-heading {
    padding: 0 10px;
    border-bottom: 0;
}



#page-leftbar {
    white-space: nowrap;
}

#page-container {
    background: #fff;
    overflow: hidden;
    margin-top: 40px;
}

#page-leftbar::after {
    clear: both;
}

#page-leftbar::before, #page-leftbar::after {
    content: " ";
    display: table;
}

#page-leftbar::after {
    clear: both;
}

#page-leftbar::before, #page-leftbar::after {
    content: " ";
    display: table;
}


.navbar::after {
    clear: both;
}

.navbar::before, .navbar::after {
    content: " ";
    display: table;
}

.navbar::after {
    clear: both;
}

.navbar::before, .navbar::after {
    content: " ";
    display: table;
}


.navbar-inverse {
    background-color: #313338;
    border-color: #191a1d;
}

.navbar-fixed-top {
    z-index: 1030;
    top: 0;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
}

.navbar {
    min-height: 40px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}



    header #leftmenu-trigger {
        border-right: 1px solid #27292d;
    }

#leftmenu-trigger {
    background-position: 0 0;
}


#leftmenu-trigger, #rightmenu-trigger {
    height: 40px;
    width: 40px;
    cursor: pointer;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjI5OTJEN0UxMDdFMTFFMzk1QjZBODRFMTJGRERFNzMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjI5OTJEN0QxMDdFMTFFMzk1QjZBODRFMTJGRERFNzMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmRpZDo4QzE3NEM1ODdCMTBFMzExQTBDOEVEREIyRENFMUU0QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QzE3NEM1ODdCMTBFMzExQTBDOEVEREIyRENFMUU0QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmxMBE8AAADNSURBVHja7NpBCoAwDARAIz7cn9cvaGhqW2bPCnEwSxGjtXZIPicCgAABAhSAAAECFIAAAQIUgADXyZW45+583aiUzB0+qFphgDpw7P1TzacDrTBAHTjxmbB8Vh1ohQECBCgAAQIEKAABAgQoAAECBCgAAQIEKAABAgQoAAECBCgAAU6YzP+Bb/+Hi8metWTuDGAs+rKEFdaBOvBLl/xVAUPn27EDwwrrQB3Yu2P+WvvyWXc/B4YV1oEABSBAgAAFIECAAAUgQIA75RFgAGBMGKmai6EfAAAAAElFTkSuQmCC)
}




.pull-right {
    float: right !important;
}

.nav::after {
    clear: both;
}

.nav::before, .nav::after {
    content: " ";
    display: table;
}

.nav::after {
    clear: both;
}

.nav::before, .nav::after {
    content: " ";
    display: table;
}


.toolbar {
    margin: 0;
}

.pull-right {
    float: right !important;
}

.nav {
    list-style: none;
}


.navbar-nav.toolbar > li {
    float: right;
}

header .toolbar .dropdown, header #headerbardropdown, header #rightmenu-trigger {
    border-left: 1px solid #27292d;
}

.nav > li {
    position: relative;
    display: block;
}

.nav {
    list-style: none;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff;
    background: #000;
    text-decoration: none;
}



.nav > li > a {
    position: relative;
    display: block;
}

a.username {
    padding: 8px 10px !important;
}

.nav {
    list-style: none;
}


.dropdown-menu.userinfo::after {
    clear: both;
}

.dropdown-menu.userinfo::before, .dropdown-menu.userinfo::after {
    content: " ";
    display: table;
}

.dropdown-menu.userinfo::after {
    clear: both;
}

.dropdown-menu.userinfo::before, .dropdown-menu.userinfo::after {
    content: " ";
    display: table;
}

.dropdown-menu.arrow::before {
    position: absolute;
    top: -8px;
    right: 11px;
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
    content: '';
}


.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
    left: auto;
    right: 0;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    width: 300px;
    height: auto;
    line-height: 30px;
    text-align: right;
}

.dropdown-menu.userinfo {
    width: 225px;
}

.dropdown-menu {
    position: absolute !important;
    top: 100%;
    left: auto;
    z-index: 1001;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    margin-top: 0px;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.98);
    border: 1px solid #ccc;
    border: 1px solid #d2d3d6;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    background-clip: padding-box;
}


.navbar-nav.toolbar > li {
    float: right;
}

header .toolbar .dropdown, header #headerbardropdown, header #rightmenu-trigger {
    border-left: 1px solid #27292d;
}


.nav > li {
    position: relative;
    display: block;
}

.nav {
    list-style: none;
}


.navbar-nav .dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}

header a.hasnotifications {
    color: #fff !important;
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.nav .badge {
    top: 4px;
    left: 22px;
    position: absolute;
    background-color: #e73c3c;
}

.nav .badge, #sidebar .badge {
    text-align: center;
    text-shadow: none !important;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 4px 6px;
    font-size: 12px;
    font-family: 'Source Sans Pro', 'Open Sans', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-weight: 600;
    color: #fff;
    line-height: 10px;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #aeafb1;
    border-radius: 9px;
}



    #page-leftbar::after {
        clear: both;
    }

    #page-leftbar::before, #page-leftbar::after {
        content: " ";
        display: table;
    }

    #page-leftbar::after {
        clear: both;
    }

    #page-leftbar::before, #page-leftbar::after {
        content: " ";
        display: table;
    }


#page-leftbar {
    width: 12%;
}

#page-leftbar {
    background: #e6e7e8;
    position: relative;
    box-shadow: inset -1px 0 0 0 rgba(0,0,0,0.1);
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

.close {
    float: right;
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
}



#page-content {
    padding-bottom: 30px;
}

#page-content {
    min-height: 650px;
    background: #fff;
    box-shadow: -1px 0 0 0 rgba(0,0,0,0.1);
}

#wrap {
    overflow: auto;
    min-height:500px;
}





#page-heading {
    background: #f7f8fa;
}

    #page-heading .breadcrumb {
        line-height: 1;
        padding: 12px 20px 12px 20px;
        background: #F7F7F7;
    }

.breadcrumb {
    padding: 7px 15px;
    margin-bottom: 0;
    list-style: none;
    background-color: #edeef0;
    border-radius: 2px;
}

    .breadcrumb > li {
        display: inline-block;
        font-size: 12px !important;
        margin-left: 10px;
    }

        .breadcrumb > li + li::before {
            content: "/\00a0";
            padding: 0 5px;
            color: #d2d3d6;
        }
/*.info-tiles.tiles-brown {
    color: #fff;
}

.info-tiles, .shortcut-tiles {
    margin: 0 0 20px;
    display: block;
    border-radius: 2px;
}

.tiles-heading::after, .tiles-body::after, .tiles-footer::after {
    clear: both;
}

.tiles-heading::before, .tiles-body::before, .tiles-footer::before, .tiles-heading::after, .tiles-body::after, .tiles-footer::after {
    content: " ";
    display: table;
}

.tiles-heading::after, .tiles-body::after, .tiles-footer::after {
    clear: both;
}

.tiles-heading::before, .tiles-body::before, .tiles-footer::before, .tiles-heading::after, .tiles-body::after, .tiles-footer::after {
    content: " ";
    display: table;
}

.info-tiles.tiles-brown .tiles-heading {
    background: #d44c3e;
}

.info-tiles .tiles-heading {
    padding: 5px 10px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .04em;
}

.tiles-heading, .tiles-body, .tiles-footer {
    -webkit-transition: .05s ease-in;
    transition: .05s ease-in;
}


.info-tiles.tiles-brown {
    color: #fff;
}

    .info-tiles.tiles-brown .tiles-body-alt {
        background: #c0392b;
    }

.info-tiles .tiles-body-alt {
    padding: 10px;
    font-size: 48px;
    font-weight: 300;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.info-tiles.tiles-brown {
    color: #fff;
}


.info-tiles .tiles-body-alt .text-center {
    margin-top: -5px;
}*/


.tiles-heading, .tiles-body, .tiles-footer {
    -webkit-transition: .05s ease-in;
    transition: .05s ease-in
}

    .tiles-heading:before, .tiles-body:before, .tiles-footer:before, .tiles-heading:after, .tiles-body:after, .tiles-footer:after {
        content: " ";
        display: table
    }

    .tiles-heading:after, .tiles-body:after, .tiles-footer:after {
        clear: both
    }

    .tiles-heading:before, .tiles-body:before, .tiles-footer:before, .tiles-heading:after, .tiles-body:after, .tiles-footer:after {
        content: " ";
        display: table
    }

    .tiles-heading:after, .tiles-body:after, .tiles-footer:after {
        clear: both
    }

.info-tiles, .shortcut-tiles {
    margin: 0 0 20px;
    display: block;
    border-radius: 2px
}

    .info-tiles .tiles-heading .pull-right {
        color: #fff;
        opacity: .4;
        filter: alpha(opacity=40);
        -webkit-transition: .06s ease-in;
        transition: .06s ease-in
    }

    .info-tiles .tiles-heading {
        padding: 5px 10px;
        border-top-right-radius: 2px;
        border-top-left-radius: 2px;
        text-transform: uppercase;
        text-align: center;
        letter-spacing: .04em
    }

    .info-tiles .tiles-body {
        padding: 10px;
        font-size: 42px;
        font-weight: 300;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

        .info-tiles .tiles-body i {
            color: #fff;
            opacity: .4;
            filter: alpha(opacity=40);
            -webkit-transition: .06s ease-in;
            transition: .06s ease-in
        }

        .info-tiles .tiles-body > i {
            position: absolute;
            font-size: 28px
        }

        .info-tiles .tiles-body div + small {
            font-size: 14px;
            text-align: center;
            display: block;
            font-weight: 400;
            opacity: .7;
            filter: alpha(opacity=70);
            margin-top: -7px;
            margin-bottom: 4px
        }

        .info-tiles .tiles-body .sparkline {
            width: 100px;
            margin: 0 auto;
            padding: 0
        }

        .info-tiles .tiles-body .text-top {
            vertical-align: super;
            font-size: 24px
        }

        .info-tiles .tiles-body .text-smallcaps {
            font-variant: small-caps
        }

        .info-tiles .tiles-body .text-center {
            margin-top: -5px
        }

    .info-tiles .tiles-body-alt {
        padding: 10px;
        font-size: 48px;
        font-weight: 300;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

        .info-tiles .tiles-body-alt i {
            color: #fff;
            opacity: .4;
            filter: alpha(opacity=40);
            -webkit-transition: .06s ease-in;
            transition: .06s ease-in
        }

        .info-tiles .tiles-body-alt > i {
            position: absolute;
            font-size: 28px
        }

        .info-tiles .tiles-body-alt div + small {
            font-size: 14px;
            text-align: center;
            display: block;
            font-weight: 400;
            opacity: .7;
            filter: alpha(opacity=70);
            margin-top: -7px;
            margin-bottom: 4px
        }

        .info-tiles .tiles-body-alt .sparkline {
            width: 100px;
            margin: 0 auto;
            padding: 0
        }

        .info-tiles .tiles-body-alt .text-top {
            vertical-align: super;
            font-size: 24px
        }

        .info-tiles .tiles-body-alt .text-smallcaps {
            font-variant: small-caps
        }

        .info-tiles .tiles-body-alt .text-center {
            margin-top: -5px
        }

    .info-tiles .tiles-footer {
        color: #fff;
        color: rgba(255,255,255,0.4);
        padding: 5px 10px;
        border-bottom-right-radius: 2px;
        border-bottom-left-radius: 2px
    }

        .info-tiles .tiles-footer i {
            float: right;
            position: relative;
            top: 2px;
            display: none
        }

        .info-tiles .tiles-footer:after {
            content: "";
            position: absolute;
            bottom: 0;
            left: -1px;
            width: 0;
            height: 0;
            margin-left: 11px;
            margin-bottom: 20px;
            border-top: 5px solid rgba(0,0,0,0.3);
            border-right: 5px solid rgba(0,0,0,0.3);
            border-bottom: 5px solid #f7f8fa;
            border-left: 5px solid #f7f8fa;
            border-top-left-radius: 2px
        }

        .info-tiles .tiles-footer:hover {
            color: #fff
        }

    .info-tiles:hover {
        text-decoration: none
    }

        .info-tiles:hover i {
            color: #fff;
            opacity: 1;
            filter: alpha(opacity=100)
        }

        .info-tiles:hover .tiles-footer {
            color: #fff
        }

            .info-tiles:hover .tiles-footer i {
                display: inline
            }

        .info-tiles:hover .tiles-heading .pull-right {
            color: #fff;
            opacity: 1;
            filter: alpha(opacity=100)
        }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .info-tiles .tiles-footer:after {
        right: 0;
        border-top: 6px solid rgba(0,0,0,0.3)
    }
}

@media (max-width:768px) {
    .col-xs-12 .info-tiles .tiles-footer:after {
        bottom: -20px
    }
}

.shortcut-tiles .tiles-body {
    padding: 10px 10px 0 10px;
    font-size: 42px;
    line-height: 42px;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px
}

    .shortcut-tiles .tiles-body i {
        color: #fff;
        opacity: .6;
        filter: alpha(opacity=60);
        -webkit-transition: .06s ease-in;
        transition: .06s ease-in
    }

    .shortcut-tiles .tiles-body .pull-right {
        margin-top: -3px;
        line-height: 0
    }

        .shortcut-tiles .tiles-body .pull-right .badge {
            background: #000;
            background-color: rgba(0,0,0,0.3)
        }

.shortcut-tiles .tiles-footer {
    text-transform: none;
    text-align: right;
    padding: 7px 10px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.shortcut-tiles:hover {
    text-decoration: none
}

    .shortcut-tiles:hover i {
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100)
    }

.info-tiles.tiles-info {
    color: #fff
}

    .info-tiles.tiles-info .tiles-heading {
        background: #4cc7e5
    }

    .info-tiles.tiles-info .tiles-body {
        background: #2bbce0
    }

    .info-tiles.tiles-info .tiles-body-alt {
        background: #2bbce0
    }

    .info-tiles.tiles-info .tiles-footer {
        background: #1c9cbc
    }

    .info-tiles.tiles-info:hover {
        color: #fff
    }

        .info-tiles.tiles-info:hover .tiles-heading {
            background: #36c0e2
        }

        .info-tiles.tiles-info:hover .tiles-body {
            background: #1fafd3
        }

        .info-tiles.tiles-info:hover .tiles-body-alt {
            background: #1fafd3
        }

        .info-tiles.tiles-info:hover .tiles-footer {
            background: #188aa6
        }

.info-tiles.tiles-success {
    color: #fff
}

    .info-tiles.tiles-success .tiles-heading {
        background: #98d061
    }

    .info-tiles.tiles-success .tiles-body {
        background: #85c744
    }

    .info-tiles.tiles-success .tiles-body-alt {
        background: #85c744
    }

    .info-tiles.tiles-success .tiles-footer {
        background: #6ca632
    }

    .info-tiles.tiles-success:hover {
        color: #fff
    }

        .info-tiles.tiles-success:hover .tiles-heading {
            background: #8bca4e
        }

        .info-tiles.tiles-success:hover .tiles-body {
            background: #78ba38
        }

        .info-tiles.tiles-success:hover .tiles-body-alt {
            background: #78ba38
        }

        .info-tiles.tiles-success:hover .tiles-footer {
            background: #5f932c
        }

.info-tiles.tiles-danger {
    color: #fff
}

    .info-tiles.tiles-danger .tiles-heading {
        background: #eb5e5e
    }

    .info-tiles.tiles-danger .tiles-body {
        background: #e73c3c
    }

    .info-tiles.tiles-danger .tiles-body-alt {
        background: #e73c3c
    }

    .info-tiles.tiles-danger .tiles-footer {
        background: #d61a1a
    }

    .info-tiles.tiles-danger:hover {
        color: #fff
    }

        .info-tiles.tiles-danger:hover .tiles-heading {
            background: #e84747
        }

        .info-tiles.tiles-danger:hover .tiles-body {
            background: #e42525
        }

        .info-tiles.tiles-danger:hover .tiles-body-alt {
            background: #e42525
        }

        .info-tiles.tiles-danger:hover .tiles-footer {
            background: #bf1818
        }

.info-tiles.tiles-warning {
    color: #fff
}

    .info-tiles.tiles-warning .tiles-heading {
        background: #f3cd33
    }

    .info-tiles.tiles-warning .tiles-body {
        background: #f1c40f
    }

    .info-tiles.tiles-warning .tiles-body-alt {
        background: #f1c40f
    }

    .info-tiles.tiles-warning .tiles-footer {
        background: #c29d0b
    }

    .info-tiles.tiles-warning:hover {
        color: #fff
    }

        .info-tiles.tiles-warning:hover .tiles-heading {
            background: #f2c71b
        }

        .info-tiles.tiles-warning:hover .tiles-body {
            background: #dab10d
        }

        .info-tiles.tiles-warning:hover .tiles-body-alt {
            background: #dab10d
        }

        .info-tiles.tiles-warning:hover .tiles-footer {
            background: #aa8a0a
        }

.info-tiles.tiles-primary {
    color: #fff
}

    .info-tiles.tiles-primary .tiles-heading {
        background: #629ce5
    }

    .info-tiles.tiles-primary .tiles-body {
        background: #4187df
    }

    .info-tiles.tiles-primary .tiles-body-alt {
        background: #4187df
    }

    .info-tiles.tiles-primary .tiles-footer {
        background: #226dcb
    }

    .info-tiles.tiles-primary:hover {
        color: #fff
    }

        .info-tiles.tiles-primary:hover .tiles-heading {
            background: #4c8ee1
        }

        .info-tiles.tiles-primary:hover .tiles-body {
            background: #2b79db
        }

        .info-tiles.tiles-primary:hover .tiles-body-alt {
            background: #2b79db
        }

        .info-tiles.tiles-primary:hover .tiles-footer {
            background: #1e61b5
        }

.info-tiles.tiles-inverse {
    color: #fff
}

    .info-tiles.tiles-inverse .tiles-heading {
        background: #61656d
    }

    .info-tiles.tiles-inverse .tiles-body {
        background: #4f5259
    }

    .info-tiles.tiles-inverse .tiles-body-alt {
        background: #4f5259
    }

    .info-tiles.tiles-inverse .tiles-footer {
        background: #37393e
    }

    .info-tiles.tiles-inverse:hover {
        color: #fff
    }

        .info-tiles.tiles-inverse:hover .tiles-heading {
            background: #555860
        }

        .info-tiles.tiles-inverse:hover .tiles-body {
            background: #43464b
        }

        .info-tiles.tiles-inverse:hover .tiles-body-alt {
            background: #43464b
        }

        .info-tiles.tiles-inverse:hover .tiles-footer {
            background: #2b2d30
        }

.info-tiles.tiles-midnightblue {
    color: #fff
}

    .info-tiles.tiles-midnightblue .tiles-heading {
        background: #3a5169
    }

    .info-tiles.tiles-midnightblue .tiles-body {
        background: #2c3e50
    }

    .info-tiles.tiles-midnightblue .tiles-body-alt {
        background: #2c3e50
    }

    .info-tiles.tiles-midnightblue .tiles-footer {
        background: #1a242f
    }

    .info-tiles.tiles-midnightblue:hover {
        color: #fff
    }

        .info-tiles.tiles-midnightblue:hover .tiles-heading {
            background: #314458
        }

        .info-tiles.tiles-midnightblue:hover .tiles-body {
            background: #233140
        }

        .info-tiles.tiles-midnightblue:hover .tiles-body-alt {
            background: #233140
        }

        .info-tiles.tiles-midnightblue:hover .tiles-footer {
            background: #11181f
        }

.info-tiles.tiles-sky {
    color: #fff
}

    .info-tiles.tiles-sky .tiles-heading {
        background: #98d3f1
    }

    .info-tiles.tiles-sky .tiles-body {
        background: #76c4ed
    }

    .info-tiles.tiles-sky .tiles-body-alt {
        background: #76c4ed
    }

    .info-tiles.tiles-sky .tiles-footer {
        background: #49b1e7
    }

    .info-tiles.tiles-sky:hover {
        color: #fff
    }

        .info-tiles.tiles-sky:hover .tiles-heading {
            background: #81c9ee
        }

        .info-tiles.tiles-sky:hover .tiles-body {
            background: #5fbaea
        }

        .info-tiles.tiles-sky:hover .tiles-body-alt {
            background: #5fbaea
        }

        .info-tiles.tiles-sky:hover .tiles-footer {
            background: #32a7e4
        }

.info-tiles.tiles-orange {
    color: #fff
}

    .info-tiles.tiles-orange .tiles-heading {
        background: #f5ab36
    }

    .info-tiles.tiles-orange .tiles-body {
        background: #f39c12
    }

    .info-tiles.tiles-orange .tiles-body-alt {
        background: #f39c12
    }

    .info-tiles.tiles-orange .tiles-footer {
        background: #c87f0a
    }

    .info-tiles.tiles-orange:hover {
        color: #fff
    }

        .info-tiles.tiles-orange:hover .tiles-heading {
            background: #f4a11e
        }

        .info-tiles.tiles-orange:hover .tiles-body {
            background: #e08e0b
        }

        .info-tiles.tiles-orange:hover .tiles-body-alt {
            background: #e08e0b
        }

        .info-tiles.tiles-orange:hover .tiles-footer {
            background: #b06f09
        }

.info-tiles.tiles-indigo {
    color: #fff
}

    .info-tiles.tiles-indigo .tiles-heading {
        background: #a059be
    }

    .info-tiles.tiles-indigo .tiles-body {
        background: #8e44ad
    }

    .info-tiles.tiles-indigo .tiles-body-alt {
        background: #8e44ad
    }

    .info-tiles.tiles-indigo .tiles-footer {
        background: #703688
    }

    .info-tiles.tiles-indigo:hover {
        color: #fff
    }

        .info-tiles.tiles-indigo:hover .tiles-heading {
            background: #9648b6
        }

        .info-tiles.tiles-indigo:hover .tiles-body {
            background: #7f3d9b
        }

        .info-tiles.tiles-indigo:hover .tiles-body-alt {
            background: #7f3d9b
        }

        .info-tiles.tiles-indigo:hover .tiles-footer {
            background: #612e76
        }

.info-tiles.tiles-green {
    color: #fff
}

    .info-tiles.tiles-green .tiles-heading {
        background: #1bc2a1
    }

    .info-tiles.tiles-green .tiles-body {
        background: #16a085
    }

    .info-tiles.tiles-green .tiles-body-alt {
        background: #16a085
    }

    .info-tiles.tiles-green .tiles-footer {
        background: #107360
    }

    .info-tiles.tiles-green:hover {
        color: #fff
    }

        .info-tiles.tiles-green:hover .tiles-heading {
            background: #18ab8e
        }

        .info-tiles.tiles-green:hover .tiles-body {
            background: #138a72
        }

        .info-tiles.tiles-green:hover .tiles-body-alt {
            background: #138a72
        }

        .info-tiles.tiles-green:hover .tiles-footer {
            background: #0d5d4d
        }

.info-tiles.tiles-magenta {
    color: #fff
}

    .info-tiles.tiles-magenta .tiles-heading {
        background: #eb5e82
    }

    .info-tiles.tiles-magenta .tiles-body {
        background: #e73c68
    }

    .info-tiles.tiles-magenta .tiles-body-alt {
        background: #e73c68
    }

    .info-tiles.tiles-magenta .tiles-footer {
        background: #d61a4b
    }

    .info-tiles.tiles-magenta:hover {
        color: #fff
    }

        .info-tiles.tiles-magenta:hover .tiles-heading {
            background: #e84771
        }

        .info-tiles.tiles-magenta:hover .tiles-body {
            background: #e42556
        }

        .info-tiles.tiles-magenta:hover .tiles-body-alt {
            background: #e42556
        }

        .info-tiles.tiles-magenta:hover .tiles-footer {
            background: #bf1843
        }

.info-tiles.tiles-purple {
    color: #fff
}

    .info-tiles.tiles-purple .tiles-heading {
        background: #e565ba
    }

    .info-tiles.tiles-purple .tiles-body {
        background: #e044ab
    }

    .info-tiles.tiles-purple .tiles-body-alt {
        background: #e044ab
    }

    .info-tiles.tiles-purple .tiles-footer {
        background: #cf2294
    }

    .info-tiles.tiles-purple:hover {
        color: #fff
    }

        .info-tiles.tiles-purple:hover .tiles-heading {
            background: #e24fb0
        }

        .info-tiles.tiles-purple:hover .tiles-body {
            background: #dc2ea1
        }

        .info-tiles.tiles-purple:hover .tiles-body-alt {
            background: #dc2ea1
        }

        .info-tiles.tiles-purple:hover .tiles-footer {
            background: #b91f84
        }

.info-tiles.tiles-brown {
    color: #fff
}

    .info-tiles.tiles-brown .tiles-heading {
        background: #d44c3e
    }

    .info-tiles.tiles-brown .tiles-body {
        background: #c0392b
    }

    .info-tiles.tiles-brown .tiles-body-alt {
        background: #c0392b
    }

    .info-tiles.tiles-brown .tiles-footer {
        background: #962d22
    }

    .info-tiles.tiles-brown:hover {
        color: #fff
    }

        .info-tiles.tiles-brown:hover .tiles-heading {
            background: #ca3c2d
        }

        .info-tiles.tiles-brown:hover .tiles-body {
            background: #ab3326
        }

        .info-tiles.tiles-brown:hover .tiles-body-alt {
            background: #ab3326
        }

        .info-tiles.tiles-brown:hover .tiles-footer {
            background: #81261d
        }

.info-tiles.tiles-grape {
    color: #fff
}

    .info-tiles.tiles-grape .tiles-heading {
        background: #909aac
    }

    .info-tiles.tiles-grape .tiles-body {
        background: #7a869c
    }

    .info-tiles.tiles-grape .tiles-body-alt {
        background: #7a869c
    }

    .info-tiles.tiles-grape .tiles-footer {
        background: #616d82
    }

    .info-tiles.tiles-grape:hover {
        color: #fff
    }

        .info-tiles.tiles-grape:hover .tiles-heading {
            background: #818da1
        }

        .info-tiles.tiles-grape:hover .tiles-body {
            background: #6c7991
        }

        .info-tiles.tiles-grape:hover .tiles-body-alt {
            background: #6c7991
        }

        .info-tiles.tiles-grape:hover .tiles-footer {
            background: #566074
        }

.shortcut-tiles.tiles-info {
    color: #fff
}

    .shortcut-tiles.tiles-info .tiles-heading, .shortcut-tiles.tiles-info .tiles-body, .shortcut-tiles.tiles-info .tiles-footer {
        background: #2bbce0
    }

    .shortcut-tiles.tiles-info:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-info:hover .tiles-heading, .shortcut-tiles.tiles-info:hover .tiles-body, .shortcut-tiles.tiles-info:hover .tiles-footer {
            background: #1fafd3
        }

.shortcut-tiles.tiles-success {
    color: #fff
}

    .shortcut-tiles.tiles-success .tiles-heading, .shortcut-tiles.tiles-success .tiles-body, .shortcut-tiles.tiles-success .tiles-footer {
        background: #85c744
    }

    .shortcut-tiles.tiles-success:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-success:hover .tiles-heading, .shortcut-tiles.tiles-success:hover .tiles-body, .shortcut-tiles.tiles-success:hover .tiles-footer {
            background: #78ba38
        }

.shortcut-tiles.tiles-danger {
    color: #fff
}

    .shortcut-tiles.tiles-danger .tiles-heading, .shortcut-tiles.tiles-danger .tiles-body, .shortcut-tiles.tiles-danger .tiles-footer {
        background: #e73c3c
    }

    .shortcut-tiles.tiles-danger:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-danger:hover .tiles-heading, .shortcut-tiles.tiles-danger:hover .tiles-body, .shortcut-tiles.tiles-danger:hover .tiles-footer {
            background: #e42525
        }

.shortcut-tiles.tiles-warning {
    color: #fff
}

    .shortcut-tiles.tiles-warning .tiles-heading, .shortcut-tiles.tiles-warning .tiles-body, .shortcut-tiles.tiles-warning .tiles-footer {
        background: #f1c40f
    }

    .shortcut-tiles.tiles-warning:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-warning:hover .tiles-heading, .shortcut-tiles.tiles-warning:hover .tiles-body, .shortcut-tiles.tiles-warning:hover .tiles-footer {
            background: #dab10d
        }

.shortcut-tiles.tiles-primary {
    color: #fff
}

    .shortcut-tiles.tiles-primary .tiles-heading, .shortcut-tiles.tiles-primary .tiles-body, .shortcut-tiles.tiles-primary .tiles-footer {
        background: #4187df
    }

    .shortcut-tiles.tiles-primary:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-primary:hover .tiles-heading, .shortcut-tiles.tiles-primary:hover .tiles-body, .shortcut-tiles.tiles-primary:hover .tiles-footer {
            background: #2b79db
        }

.shortcut-tiles.tiles-inverse {
    color: #fff
}

    .shortcut-tiles.tiles-inverse .tiles-heading, .shortcut-tiles.tiles-inverse .tiles-body, .shortcut-tiles.tiles-inverse .tiles-footer {
        background: #4f5259
    }

    .shortcut-tiles.tiles-inverse:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-inverse:hover .tiles-heading, .shortcut-tiles.tiles-inverse:hover .tiles-body, .shortcut-tiles.tiles-inverse:hover .tiles-footer {
            background: #43464b
        }

.shortcut-tiles.tiles-midnightblue {
    color: #fff
}

    .shortcut-tiles.tiles-midnightblue .tiles-heading, .shortcut-tiles.tiles-midnightblue .tiles-body, .shortcut-tiles.tiles-midnightblue .tiles-footer {
        background: #2c3e50
    }

    .shortcut-tiles.tiles-midnightblue:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-midnightblue:hover .tiles-heading, .shortcut-tiles.tiles-midnightblue:hover .tiles-body, .shortcut-tiles.tiles-midnightblue:hover .tiles-footer {
            background: #233140
        }

.shortcut-tiles.tiles-sky {
    color: #fff
}

    .shortcut-tiles.tiles-sky .tiles-heading, .shortcut-tiles.tiles-sky .tiles-body, .shortcut-tiles.tiles-sky .tiles-footer {
        background: #76c4ed
    }

    .shortcut-tiles.tiles-sky:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-sky:hover .tiles-heading, .shortcut-tiles.tiles-sky:hover .tiles-body, .shortcut-tiles.tiles-sky:hover .tiles-footer {
            background: #5fbaea
        }

.shortcut-tiles.tiles-orange {
    color: #fff
}

    .shortcut-tiles.tiles-orange .tiles-heading, .shortcut-tiles.tiles-orange .tiles-body, .shortcut-tiles.tiles-orange .tiles-footer {
        background: #f39c12
    }

    .shortcut-tiles.tiles-orange:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-orange:hover .tiles-heading, .shortcut-tiles.tiles-orange:hover .tiles-body, .shortcut-tiles.tiles-orange:hover .tiles-footer {
            background: #e08e0b
        }

.shortcut-tiles.tiles-indigo {
    color: #fff
}

    .shortcut-tiles.tiles-indigo .tiles-heading, .shortcut-tiles.tiles-indigo .tiles-body, .shortcut-tiles.tiles-indigo .tiles-footer {
        background: #8e44ad
    }

    .shortcut-tiles.tiles-indigo:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-indigo:hover .tiles-heading, .shortcut-tiles.tiles-indigo:hover .tiles-body, .shortcut-tiles.tiles-indigo:hover .tiles-footer {
            background: #7f3d9b
        }

.shortcut-tiles.tiles-green {
    color: #fff
}

    .shortcut-tiles.tiles-green .tiles-heading, .shortcut-tiles.tiles-green .tiles-body, .shortcut-tiles.tiles-green .tiles-footer {
        background: #16a085
    }

    .shortcut-tiles.tiles-green:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-green:hover .tiles-heading, .shortcut-tiles.tiles-green:hover .tiles-body, .shortcut-tiles.tiles-green:hover .tiles-footer {
            background: #138a72
        }

.shortcut-tiles.tiles-magenta {
    color: #fff
}

    .shortcut-tiles.tiles-magenta .tiles-heading, .shortcut-tiles.tiles-magenta .tiles-body, .shortcut-tiles.tiles-magenta .tiles-footer {
        background: #e73c68
    }

    .shortcut-tiles.tiles-magenta:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-magenta:hover .tiles-heading, .shortcut-tiles.tiles-magenta:hover .tiles-body, .shortcut-tiles.tiles-magenta:hover .tiles-footer {
            background: #e42556
        }

.shortcut-tiles.tiles-purple {
    color: #fff
}

    .shortcut-tiles.tiles-purple .tiles-heading, .shortcut-tiles.tiles-purple .tiles-body, .shortcut-tiles.tiles-purple .tiles-footer {
        background: #e044ab
    }

    .shortcut-tiles.tiles-purple:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-purple:hover .tiles-heading, .shortcut-tiles.tiles-purple:hover .tiles-body, .shortcut-tiles.tiles-purple:hover .tiles-footer {
            background: #dc2ea1
        }

.shortcut-tiles.tiles-brown {
    color: #fff
}

    .shortcut-tiles.tiles-brown .tiles-heading, .shortcut-tiles.tiles-brown .tiles-body, .shortcut-tiles.tiles-brown .tiles-footer {
        background: #c0392b
    }

    .shortcut-tiles.tiles-brown:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-brown:hover .tiles-heading, .shortcut-tiles.tiles-brown:hover .tiles-body, .shortcut-tiles.tiles-brown:hover .tiles-footer {
            background: #ab3326
        }

.shortcut-tiles.tiles-grape {
    color: #fff
}

    .shortcut-tiles.tiles-grape .tiles-heading, .shortcut-tiles.tiles-grape .tiles-body, .shortcut-tiles.tiles-grape .tiles-footer {
        background: #7a869c
    }

    .shortcut-tiles.tiles-grape:hover {
        color: #fff
    }

        .shortcut-tiles.tiles-grape:hover .tiles-heading, .shortcut-tiles.tiles-grape:hover .tiles-body, .shortcut-tiles.tiles-grape:hover .tiles-footer {
            background: #6c7991
        }





.btn-darkgreen {
    color: #fff;
    background-color: #057855;
    border-color: #85c744
}

.btn {
    display: inline-block;
    padding: 7px 15px;
    /*margin-bottom: 0;
    font-size: 13px;*/
    font-family: Sahel, 'Open Sans', 'Segoe UI', 'Droid Sans', Tahoma, Arial, sans-serif;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    /*border: 0 solid transparent;
    border-radius: 2px;*/
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    /*-ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);*/
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.08);
   
}



.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 10px 0;
    margin-top: 10px;
    border-radius: 2px;
}



.panel-body + .panel-footer {
    color: #d2d3d6;
}


.panel-footer::after {
    clear: both;
}

.panel-footer::before, .panel-footer::after {
    content: " ";
    display: table;
}

.panel-footer::after {
    clear: both;
}

.panel-footer::before, .panel-footer::after {
    content: " ";
    display: table;
}

[class*="panel-"].panel .panel-footer {
    background-color: #f7f8fa;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d2d3d6;
    padding: 20px 20px;
    color: #000;
}

.panel-body + .panel-footer {
    padding: 10px 0 0;
    border-top: 1px solid #d2d3d6;
    color: #d2d3d6;
}

.panel-footer {
    padding: 20px 20px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}


.pagination > li {
    display: inline;
}


.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #4187df;
    border-color: #4187df;
    cursor: default;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #edeef0;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 15px;
    line-height: 1.428571429;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #d2d3d6;
    border-top-color: rgb(210, 211, 214);
    border-right-color: rgb(210, 211, 214);
    border-bottom-color: rgb(210, 211, 214);
    border-left-color: rgb(210, 211, 214);
    margin-left: -1px;
}

.focusedform {
    /*background: #34495e url("../Content/Images/pattern2.png") repeat 0 0;
    padding: 0;*/
    width: 100%;
    display: flex;
}

    .focusedform .a1 {
        width: 40%;
        background-image: url(../Content/Images/login.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-color: black;
    }


    .focusedform .brand {
        display: block;
        padding-bottom: 40px;
        margin: 0 auto;
        width: 224px;
    }

    .focusedform .panel {
        width: 400px;
    }




.btn-midnightblue {
    color: #fff;
    background-color: #2c3e50;
    border-color: #2c3e50
}

    .btn-midnightblue:hover, .btn-midnightblue:focus, .btn-midnightblue:active, .btn-midnightblue.active, .open .dropdown-toggle.btn-midnightblue {
        color: #fff;
        background-color: #1e2a36;
        border-color: #161f29
    }

    .btn-midnightblue:active, .btn-midnightblue.active, .open .dropdown-toggle.btn-midnightblue {
        background-image: none
    }

    .btn-midnightblue.disabled, .btn-midnightblue[disabled], fieldset[disabled] .btn-midnightblue, .btn-midnightblue.disabled:hover, .btn-midnightblue[disabled]:hover, fieldset[disabled] .btn-midnightblue:hover, .btn-midnightblue.disabled:focus, .btn-midnightblue[disabled]:focus, fieldset[disabled] .btn-midnightblue:focus, .btn-midnightblue.disabled:active, .btn-midnightblue[disabled]:active, fieldset[disabled] .btn-midnightblue:active, .btn-midnightblue.disabled.active, .btn-midnightblue[disabled].active, fieldset[disabled] .btn-midnightblue.active {
        background-color: #2c3e50;
        border-color: #2c3e50
    }

.container::after {
    clear: both;
}

.container::before, .container::after {
    content: " ";
    display: table;
}

.container::after {
    clear: both;
}

.container::before, .container::after {
    content: " ";
    display: table;
}

#wrap > .container {
    padding: 10px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}


#page-heading::after {
    clear: both;
}

#page-heading::before, #page-heading::after {
    content: " ";
    display: table;
}

.tab-content > .active, .pill-content > .active {
    display: block !important;
}

@media screen and (max-width: 767px) {
    .dv1 {
        display: none;
    }

    #page-leftbar {
        width: 100% !important;
        position: absolute;
        z-index: 200;
    }

    .sidebar {
        display: none;
    }

    #leftmenu-trigger, #rightmenu-trigger {
        background-color: transparent !important;
    }
}


a.customlink {
    color: #2C7BD0;
    /*padding: 5px 7px;*/
    text-align: left !important;
    font-weight: bold;
}

th.tenpercent, td.tenpercent {
    min-width: 10px;
    max-width: 10px;
    width: 10px;
}

/*thead > tr > th > div > input .input-search {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 80%;
    font-size: 1.4em;
}*/



.btn-general, .btn-general:hover, .btn-general:focus, .btn-general:active, .btn-general.active, .open .dropdown-toggle.btn-general, .btn-general.disabled, .btn-general[disabled], fieldset[disabled] .btn-general, .btn-general.disabled:hover, .btn-general[disabled]:hover, fieldset[disabled] .btn-general:hover, .btn-general.disabled:focus, .btn-general[disabled]:focus, fieldset[disabled] .btn-general:focus, .btn-general.disabled:active, .btn-general[disabled]:active, fieldset[disabled] .btn-general:active, .btn-general.disabled.active, .btn-general[disabled].active, fieldset[disabled] .btn-general.active {
    background-color: #fff;
    border-color: #999;
    -webkit-box-shadow: 0 1px 0 #0973ba;
    box-shadow: 0 1px 0 #0973ba;
    width: 100px;
    border-radius: 20px;
}

    .btn-general:hover, .btn-general:focus, .btn-general:active, .btn-general.active, .open .dropdown-toggle.btn-general {
        background-color: #fff;
        border: 0.1em solid #999;
    }

    .btn-general:active, .btn-general.active, .open .dropdown-toggle.btn-general {
        background-color: #fff;
    }

tbody tr:hover {
    background-color: #f5f8fa; /*#f5f8fa;*/
}

table th, .table td {
    padding: 0.6rem;
}