* {
    text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -webkit-text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: transparent
}
*,
:after,
:before {
    box-sizing: border-box
}
:focus {
    outline: none
}
:not(md-input-container)>button,
:not(md-input-container)>input[type=button],
:not(md-input-container)>input[type=submit] {
    background: 0 0
}
button,
ul {
    margin: 0;
    padding: 0
}
button {
    border-radius: 0;
    font-family: inherit;
    font-size: inherit;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}
ul {
    list-style: none
}
.clearfix:after {
    clear: both;
    display: block;
    content: ''
}
.animate-fade-in-out,
.animate-slide-down,
.animate-slide-left,
.animate-slide-right,
.animate-slide-up {
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000px;
    transition-property: none;
    transition-duration: 400ms;
    transition-timing-function: cubic-bezier(.25, .46, .45, .94);
    opacity: 1
}
.animate-slide-up.ng-enter {
    transform: translateY(100%);
    opacity: 0
}
.animate-slide-up.ng-enter.ng-enter-active {
    transition-property: all;
    transform: translateY(0);
    opacity: 1
}
.animate-slide-up.ng-leave {
    transform: translateY(0);
    opacity: 1
}
.animate-slide-up.ng-leave.ng-leave-active {
    transition-property: all;
    transform: translateY(-100%);
    opacity: 0
}
.animate-slide-up.ng-hide {
    transform: translateY(-100%);
    opacity: 0
}
.animate-slide-up.ng-hide-add-active,
.animate-slide-up.ng-hide-remove-active {
    transition-property: all
}
.animate-slide-down.ng-enter {
    transform: translateY(-100%);
    opacity: 0
}
.animate-slide-down.ng-enter.ng-enter-active {
    transition-property: all;
    transform: translateY(0);
    opacity: 1
}
.animate-slide-down.ng-leave {
    transform: translateY(0);
    opacity: 1
}
.animate-slide-down.ng-leave.ng-leave-active {
    transition-property: all;
    transform: translateY(100%);
    opacity: 0
}
.animate-slide-down.ng-hide {
    transform: translateY(-100%);
    opacity: 0
}
.animate-slide-down.ng-hide-add-active,
.animate-slide-down.ng-hide-remove-active {
    transition-property: all
}
.animate-slide-left.ng-enter {
    transform: translateX(100%);
    opacity: 0
}
.animate-slide-left.ng-enter.ng-enter-active {
    transition-property: all;
    transform: translateX(0);
    opacity: 1
}
.animate-slide-left.ng-leave {
    transform: translateX(0);
    opacity: 1
}
.animate-slide-left.ng-leave.ng-leave-active {
    transition-property: all;
    transform: translateX(-100%);
    opacity: 0
}
.animate-slide-left.ng-hide {
    transform: translateX(-100%);
    opacity: 0
}
.animate-slide-left.ng-hide-add-active,
.animate-slide-left.ng-hide-remove-active {
    transition-property: all
}
.animate-slide-right.ng-enter {
    transform: translateX(-100%);
    opacity: 0
}
.animate-slide-right.ng-enter.ng-enter-active {
    transition-property: all;
    transform: translateX(0);
    opacity: 1
}
.animate-slide-right.ng-leave {
    transform: translateX(0);
    opacity: 1
}
.animate-slide-right.ng-leave.ng-leave-active {
    transition-property: all;
    transform: translateX(100%);
    opacity: 0
}
.animate-slide-right.ng-hide {
    transform: translateX(100%);
    opacity: 0
}
.animate-slide-right.ng-hide-add-active,
.animate-slide-right.ng-hide-remove-active {
    transition-property: all
}
.animate-fade-in-out.ng-enter {
    opacity: 0
}
.animate-fade-in-out.ng-enter.ng-enter-active {
    transition-property: all;
    opacity: 1
}
.animate-fade-in-out.ng-leave {
    opacity: 1
}
.animate-fade-in-out.ng-leave.ng-leave-active {
    transition-property: all;
    opacity: 0
}
.animate-fade-in-out.ng-hide {
    opacity: 0
}
.animate-fade-in-out.ng-hide-add-active,
.animate-fade-in-out.ng-hide-remove-active {
    transition-property: all
}
@keyframes slide-in-left {
    0% {
        opacity: 0;
        transform: translateX(-500px)
    }
    65% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        transform: translateX(0)
    }
}
@keyframes slide-in-right {
    0% {
        opacity: 0;
        transform: translateX(500px)
    }
    65% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        transform: translateX(0)
    }
}
@keyframes slide-in-bottom {
    0% {
        opacity: 0;
        transform: translateY(200px)
    }
    65% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        transform: translateY(0)
    }
}
.animate-rotate {
    animation: rotate 1.75s linear infinite
}
@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(360deg)
    }
}
*,
html {
    font-size: 14px;
    font-family: "museo_sans300", "Arial", "Helvetica Neue", sans-serif;
    line-height: 1.4;
    letter-spacing: -.1px
}
body {
    font-size: 1.3rem
}
body,
html {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto
}
form {
    font-size: 1.6rem
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400
}
.h1,
h1 {
    font-size: 2.4rem
}
.h2,
h2 {
    font-size: 2rem
}
.h3,
h3 {
    font-size: 1.6rem
}
.h4,
h4 {
    font-size: 1.4rem
}
.h5,
h5 {
    font-size: 1.3rem
}
.h6,
h6 {
    font-size: 1.2rem
}
i.fa {
    padding-right: 5px
}
abbr {
    cursor: help;
    border-bottom: 1px dotted rgba(0, 0, 0, .54)
}
blockquote {
    border-left: 3px solid rgba(0, 0, 0, .12);
    font-style: italic;
    margin: 1em 0;
    padding-left: 16px
}
blockquote footer {
    font-style: normal
}
blockquote.reverse {
    border-left: none;
    border-right: 3px solid rgba(0, 0, 0, .12);
    text-align: right;
    padding-left: 0;
    padding-right: 16px
}
blockquote.reverse footer:before {
    content: ''
}
blockquote footer:before,
blockquote.reverse footer:after {
    content: '\2014 \00A0'
}
code {
    font-family: "MuseoSans", "Menlo", "Consolas", "Ubuntu Mono", monospace
}
code:not(.highlight) {
    background: rgba(0, 0, 0, .065);
    color: #106cc8;
    margin: 0 1px;
    padding: 2px 3px;
    border-radius: 2px
}
dl dt {
    font-weight: 700
}
dl dd {
    margin: 4px 0 16px
}
mark {
    background: #f7f49a
}
pre {
    line-height: 1.6;
    margin: 8px 16px;
    white-space: pre-wrap
}
small {
    font-size: 80%
}
table thead tr th {
    text-align: left
}
.text-italic {
    font-style: italic
}
.text-semibold {
    font-weight: 600
}
.text-bold,
strong {
    font-weight: 700
}
.text-strike {
    text-decoration: line-through
}
.text-super {
    vertical-align: super
}
.text-sub {
    vertical-align: sub
}
.text-capitalize {
    text-transform: capitalize
}
.text-lowercase {
    text-transform: lowercase
}
.text-uppercase {
    text-transform: uppercase
}
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.font-weight-100 {
    font-weight: 100
}
.font-weight-200 {
    font-weight: 200
}
.font-weight-300 {
    font-weight: 300
}
.font-weight-400 {
    font-weight: 400
}
.font-weight-500 {
    font-weight: 500
}
.font-weight-600 {
    font-weight: 600
}
#btnFilter,
.font-weight-700 {
    font-weight: 700
}
.font-weight-800 {
    font-weight: 800
}
.font-weight-900 {
    font-weight: 900
}
.font-size-2 {
    font-size: 2px
}
.font-size-4 {
    font-size: 4px
}
.font-size-6 {
    font-size: 6px
}
.font-size-8 {
    font-size: 8px
}
.font-size-10 {
    font-size: 10px
}
.font-size-12 {
    font-size: 12px
}
.currency-note b,
.font-size-14 {
    font-size: 14px
}
.font-size-16 {
    font-size: 16px
}
#quote-of-theday .edit-button i,
.font-size-18 {
    font-size: 18px
}
.font-size-20 {
    font-size: 20px
}
.font-size-22 {
    font-size: 22px
}
.font-size-24 {
    font-size: 24px
}
.font-size-26 {
    font-size: 26px
}
.font-size-28 {
    font-size: 28px
}
.font-size-30 {
    font-size: 30px
}
.font-size-32 {
    font-size: 32px
}
.font-size-34 {
    font-size: 34px
}
.font-size-36 {
    font-size: 36px
}
.font-size-38 {
    font-size: 38px
}
.font-size-40 {
    font-size: 40px
}
.font-size-42 {
    font-size: 42px
}
.font-size-44 {
    font-size: 44px
}
.font-size-46 {
    font-size: 46px
}
.font-size-48 {
    font-size: 48px
}
.font-size-50 {
    font-size: 50px
}
.font-size-52 {
    font-size: 52px
}
.font-size-54 {
    font-size: 54px
}
.font-size-56 {
    font-size: 56px
}
.font-size-58 {
    font-size: 58px
}
.font-size-60 {
    font-size: 60px
}
.font-size-62 {
    font-size: 62px
}
.font-size-64 {
    font-size: 64px
}
.font-size-66 {
    font-size: 66px
}
.font-size-68 {
    font-size: 68px
}
.font-size-70 {
    font-size: 70px
}
.font-size-72 {
    font-size: 72px
}
.font-size-74 {
    font-size: 74px
}
.font-size-76 {
    font-size: 76px
}
.font-size-78 {
    font-size: 78px
}
.font-size-80 {
    font-size: 80px
}
.font-size-82 {
    font-size: 82px
}
.font-size-84 {
    font-size: 84px
}
.font-size-86 {
    font-size: 86px
}
.font-size-88 {
    font-size: 88px
}
.font-size-90 {
    font-size: 90px
}
.font-size-92 {
    font-size: 92px
}
.font-size-94 {
    font-size: 94px
}
.font-size-96 {
    font-size: 96px
}
.font-size-98 {
    font-size: 98px
}
.font-size-100 {
    font-size: 100px
}
.font-size-102 {
    font-size: 102px
}
.font-size-104 {
    font-size: 104px
}
.font-size-106 {
    font-size: 106px
}
.font-size-108 {
    font-size: 108px
}
.font-size-110 {
    font-size: 110px
}
.font-size-112 {
    font-size: 112px
}
.font-size-114 {
    font-size: 114px
}
.font-size-116 {
    font-size: 116px
}
.font-size-118 {
    font-size: 118px
}
.font-size-120 {
    font-size: 120px
}
.line-height-2 {
    line-height: 2px
}
.line-height-4 {
    line-height: 4px
}
.line-height-6 {
    line-height: 6px
}
.line-height-8 {
    line-height: 8px
}
.line-height-10 {
    line-height: 10px
}
.line-height-12 {
    line-height: 12px
}
.line-height-14 {
    line-height: 14px
}
.line-height-16 {
    line-height: 16px
}
.line-height-18 {
    line-height: 18px
}
.line-height-20 {
    line-height: 20px
}
.line-height-22 {
    line-height: 22px
}
.line-height-24 {
    line-height: 24px
}
.line-height-26 {
    line-height: 26px
}
.line-height-28 {
    line-height: 28px
}
.line-height-30 {
    line-height: 30px
}
.line-height-32 {
    line-height: 32px
}
.line-height-34 {
    line-height: 34px
}
.line-height-36 {
    line-height: 36px
}
.line-height-38 {
    line-height: 38px
}
.line-height-40 {
    line-height: 40px
}
.line-height-42 {
    line-height: 42px
}
.line-height-44 {
    line-height: 44px
}
.line-height-46 {
    line-height: 46px
}
.line-height-48 {
    line-height: 48px
}
.line-height-50 {
    line-height: 50px
}
.line-height-52 {
    line-height: 52px
}
.line-height-54 {
    line-height: 54px
}
.line-height-56 {
    line-height: 56px
}
.line-height-58 {
    line-height: 58px
}
.line-height-60 {
    line-height: 60px
}
.line-height-62 {
    line-height: 62px
}
.line-height-64 {
    line-height: 64px
}
.line-height-66 {
    line-height: 66px
}
.line-height-68 {
    line-height: 68px
}
.line-height-70 {
    line-height: 70px
}
.line-height-72 {
    line-height: 72px
}
.line-height-74 {
    line-height: 74px
}
.line-height-76 {
    line-height: 76px
}
.line-height-78 {
    line-height: 78px
}
.line-height-80 {
    line-height: 80px
}
.line-height-82 {
    line-height: 82px
}
.line-height-84 {
    line-height: 84px
}
.line-height-86 {
    line-height: 86px
}
.line-height-88 {
    line-height: 88px
}
.line-height-90 {
    line-height: 90px
}
.line-height-92 {
    line-height: 92px
}
.line-height-94 {
    line-height: 94px
}
.line-height-96 {
    line-height: 96px
}
.line-height-98 {
    line-height: 98px
}
.line-height-100 {
    line-height: 100px
}
.line-height-102 {
    line-height: 102px
}
.line-height-104 {
    line-height: 104px
}
.line-height-106 {
    line-height: 106px
}
.line-height-108 {
    line-height: 108px
}
.line-height-110 {
    line-height: 110px
}
.line-height-112 {
    line-height: 112px
}
.line-height-114 {
    line-height: 114px
}
.line-height-116 {
    line-height: 116px
}
.line-height-118 {
    line-height: 118px
}
.line-height-120 {
    line-height: 120px
}
.text-boxed,
.text-boxed-light {
    border-radius: 2px;
    padding: 4px 8px;
    margin: 0 8px;
    font-size: 11px;
    font-weight: 500;
    color: rgba(0, 0, 0, .54);
    background-color: rgba(0, 0, 0, .12);
    white-space: nowrap
}
.text-boxed-light {
    background-color: rgba(255, 255, 255, .7)
}
.text-truncate {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis
}
.text-nowrap,
.text-truncate {
    white-space: nowrap
}
@font-face {
    font-family: "MuseoSans";
    src: url(../fonts/museosans-300-webfont.eot);
    src: url(../fonts/museosans-300-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-300-webfont.woff2) format("woff2")
}
@font-face {
    font-family: "MuseoSansBold";
    src: url(../fonts/museosans_500-webfont.eot);
    src: url(../fonts/museosans_500-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/museosans-500-webfont.woff2) format("woff2")
}
.ng-cloak,
.x-ng-cloak,
[data-ng-cloak],
[ng-cloak],
[ng\:cloak],
[x-ng-cloak] {
    display: none!important
}
.no-padding {
    padding: 0!important
}
.no-padding-left {
    padding-left: 0!important
}
#btnLogin i,
.no-padding-right {
    padding-right: 0!important
}
.no-margin {
    margin: 0!important
}
.no-radius {
    border-radius: 0
}
.color-brand {
    color: #02ac9a
}
.clear-fix:after {
    display: block;
    clear: both;
    content: ''
}
.divider-vertical {
    background: rgba(0, 0, 0, .12);
    height: 24px;
    width: 1px;
    margin: 0 8px
}
.modal-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, .5);
    z-index: 11
}
.force-display {
    display: block!important
}
.overflow-hidden {
    overflow: hidden
}
.hidden {
    visibility: hidden;
    opacity: 0
}
[fill-width] {
    min-width: 100%
}
[fill-height] {
    min-height: 100%
}
.full-height {
    height: 100%!important
}
a img {
    outline: none
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
    border: none
}
.scrollable {
    display: block
}
.scrollable.only-x {
    overflow-x: auto;
    overflow-y: hidden
}
.scrollable.only-y {
    overflow-x: hidden;
    overflow-y: auto
}
.flex-scrollable,
.scrollable {
    position: relative;
    overflow-x: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
.flex-scrollable.only-x {
    overflow-x: auto;
    overflow-y: hidden
}
.flex-scrollable.only-y {
    overflow-x: hidden;
    overflow-y: auto
}
.background-image-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}
.align-vertical:before {
    display: inline-block;
    height: 100%;
    content: '';
    vertical-align: middle
}
.align-vertical .align-vertical-bottom,
.align-vertical .align-vertical-middle,
.align-vertical .align-vertical-top {
    display: inline-block
}
.align-vertical .align-vertical-top {
    vertical-align: top
}
.align-vertical .align-vertical-middle {
    vertical-align: middle
}
.align-vertical .align-vertical-bottom {
    vertical-align: bottom
}
.p-0,
.padding-0 {
    padding: 0
}
.padding-top-0,
.pt-0 {
    padding-top: 0
}
.padding-right-0,
.pr-0 {
    padding-right: 0
}
.padding-bottom-0,
.pb-0 {
    padding-bottom: 0
}
.padding-left-0,
.pl-0 {
    padding-left: 0
}
.padding-horizontal-0,
.ph-0 {
    padding-left: 0;
    padding-right: 0
}
.padding-vertical-0,
.pv-0 {
    padding-top: 0;
    padding-bottom: 0
}
.p-5,
.padding-5 {
    padding: 5px
}
.padding-top-5,
.pt-5 {
    padding-top: 5px
}
.padding-right-5,
.pr-5 {
    padding-right: 5px
}
.padding-bottom-5,
.pb-5 {
    padding-bottom: 5px
}
#sidebar.collapsed .sidebar-nav li i,
.padding-left-5,
.pl-5 {
    padding-left: 5px
}
.padding-horizontal-5,
.ph-5 {
    padding-left: 5px;
    padding-right: 5px
}
.padding-vertical-5,
.pv-5 {
    padding-top: 5px;
    padding-bottom: 5px
}
.p-10,
.padding-10 {
    padding: 10px
}
.padding-top-10,
.pt-10 {
    padding-top: 10px
}
.padding-right-10,
.pr-10 {
    padding-right: 10px
}
.padding-bottom-10,
.pb-10 {
    padding-bottom: 10px
}
.padding-left-10,
.pl-10 {
    padding-left: 10px
}
.padding-horizontal-10,
.ph-10 {
    padding-left: 10px;
    padding-right: 10px
}
.padding-vertical-10,
.pv-10 {
    padding-top: 10px;
    padding-bottom: 10px
}
.p-15,
.padding-15 {
    padding: 15px
}
.padding-top-15,
.pt-15 {
    padding-top: 15px
}
.padding-right-15,
.pr-15 {
    padding-right: 15px
}
.padding-bottom-15,
.pb-15 {
    padding-bottom: 15px
}
.padding-left-15,
.pl-15 {
    padding-left: 15px
}
.padding-horizontal-15,
.ph-15 {
    padding-left: 15px;
    padding-right: 15px
}
.padding-vertical-15,
.pv-15 {
    padding-top: 15px;
    padding-bottom: 15px
}
.p-20,
.padding-20 {
    padding: 20px
}
.padding-top-20,
.pt-20 {
    padding-top: 20px
}
.padding-right-20,
.pr-20 {
    padding-right: 20px
}
.padding-bottom-20,
.pb-20 {
    padding-bottom: 20px
}
.padding-left-20,
.pl-20 {
    padding-left: 20px
}
.padding-horizontal-20,
.ph-20 {
    padding-left: 20px;
    padding-right: 20px
}
.padding-vertical-20,
.pv-20 {
    padding-top: 20px;
    padding-bottom: 20px
}
.p-25,
.padding-25 {
    padding: 25px
}
.padding-top-25,
.pt-25 {
    padding-top: 25px
}
.padding-right-25,
.pr-25 {
    padding-right: 25px
}
.padding-bottom-25,
.pb-25 {
    padding-bottom: 25px
}
.padding-left-25,
.pl-25 {
    padding-left: 25px
}
.padding-horizontal-25,
.ph-25 {
    padding-left: 25px;
    padding-right: 25px
}
.padding-vertical-25,
.pv-25 {
    padding-top: 25px;
    padding-bottom: 25px
}
.p-30,
.padding-30 {
    padding: 30px
}
.padding-top-30,
.pt-30 {
    padding-top: 30px
}
.padding-right-30,
.pr-30 {
    padding-right: 30px
}
.padding-bottom-30,
.pb-30 {
    padding-bottom: 30px
}
.padding-left-30,
.pl-30 {
    padding-left: 30px
}
.padding-horizontal-30,
.ph-30 {
    padding-left: 30px;
    padding-right: 30px
}
.padding-vertical-30,
.pv-30 {
    padding-top: 30px;
    padding-bottom: 30px
}
.p-35,
.padding-35 {
    padding: 35px
}
.padding-top-35,
.pt-35 {
    padding-top: 35px
}
.padding-right-35,
.pr-35 {
    padding-right: 35px
}
.padding-bottom-35,
.pb-35 {
    padding-bottom: 35px
}
.padding-left-35,
.pl-35 {
    padding-left: 35px
}
.padding-horizontal-35,
.ph-35 {
    padding-left: 35px;
    padding-right: 35px
}
.padding-vertical-35,
.pv-35 {
    padding-top: 35px;
    padding-bottom: 35px
}
.p-40,
.padding-40 {
    padding: 40px
}
.padding-top-40,
.pt-40 {
    padding-top: 40px
}
.padding-right-40,
.pr-40 {
    padding-right: 40px
}
.padding-bottom-40,
.pb-40 {
    padding-bottom: 40px
}
.padding-left-40,
.pl-40 {
    padding-left: 40px
}
.padding-horizontal-40,
.ph-40 {
    padding-left: 40px;
    padding-right: 40px
}
.padding-vertical-40,
.pv-40 {
    padding-top: 40px;
    padding-bottom: 40px
}
.p-45,
.padding-45 {
    padding: 45px
}
.padding-top-45,
.pt-45 {
    padding-top: 45px
}
.padding-right-45,
.pr-45 {
    padding-right: 45px
}
.padding-bottom-45,
.pb-45 {
    padding-bottom: 45px
}
.padding-left-45,
.pl-45 {
    padding-left: 45px
}
.padding-horizontal-45,
.ph-45 {
    padding-left: 45px;
    padding-right: 45px
}
.padding-vertical-45,
.pv-45 {
    padding-top: 45px;
    padding-bottom: 45px
}
.p-50,
.padding-50 {
    padding: 50px
}
.padding-top-50,
.pt-50 {
    padding-top: 50px
}
.padding-right-50,
.pr-50 {
    padding-right: 50px
}
.padding-bottom-50,
.pb-50 {
    padding-bottom: 50px
}
.padding-left-50,
.pl-50 {
    padding-left: 50px
}
.padding-horizontal-50,
.ph-50 {
    padding-left: 50px;
    padding-right: 50px
}
.padding-vertical-50,
.pv-50 {
    padding-top: 50px;
    padding-bottom: 50px
}
.p-55,
.padding-55 {
    padding: 55px
}
.padding-top-55,
.pt-55 {
    padding-top: 55px
}
.padding-right-55,
.pr-55 {
    padding-right: 55px
}
.padding-bottom-55,
.pb-55 {
    padding-bottom: 55px
}
.padding-left-55,
.pl-55 {
    padding-left: 55px
}
.padding-horizontal-55,
.ph-55 {
    padding-left: 55px;
    padding-right: 55px
}
.padding-vertical-55,
.pv-55 {
    padding-top: 55px;
    padding-bottom: 55px
}
.p-60,
.padding-60 {
    padding: 60px
}
.padding-top-60,
.pt-60 {
    padding-top: 60px
}
.padding-right-60,
.pr-60 {
    padding-right: 60px
}
.padding-bottom-60,
.pb-60 {
    padding-bottom: 60px
}
.padding-left-60,
.pl-60 {
    padding-left: 60px
}
.padding-horizontal-60,
.ph-60 {
    padding-left: 60px;
    padding-right: 60px
}
.padding-vertical-60,
.pv-60 {
    padding-top: 60px;
    padding-bottom: 60px
}
.p-65,
.padding-65 {
    padding: 65px
}
.padding-top-65,
.pt-65 {
    padding-top: 65px
}
.padding-right-65,
.pr-65 {
    padding-right: 65px
}
.padding-bottom-65,
.pb-65 {
    padding-bottom: 65px
}
.padding-left-65,
.pl-65 {
    padding-left: 65px
}
.padding-horizontal-65,
.ph-65 {
    padding-left: 65px;
    padding-right: 65px
}
.padding-vertical-65,
.pv-65 {
    padding-top: 65px;
    padding-bottom: 65px
}
.p-70,
.padding-70 {
    padding: 70px
}
.padding-top-70,
.pt-70 {
    padding-top: 70px
}
.padding-right-70,
.pr-70 {
    padding-right: 70px
}
.padding-bottom-70,
.pb-70 {
    padding-bottom: 70px
}
.padding-left-70,
.pl-70 {
    padding-left: 70px
}
.padding-horizontal-70,
.ph-70 {
    padding-left: 70px;
    padding-right: 70px
}
.padding-vertical-70,
.pv-70 {
    padding-top: 70px;
    padding-bottom: 70px
}
.p-75,
.padding-75 {
    padding: 75px
}
.padding-top-75,
.pt-75 {
    padding-top: 75px
}
.padding-right-75,
.pr-75 {
    padding-right: 75px
}
.padding-bottom-75,
.pb-75 {
    padding-bottom: 75px
}
.padding-left-75,
.pl-75 {
    padding-left: 75px
}
.padding-horizontal-75,
.ph-75 {
    padding-left: 75px;
    padding-right: 75px
}
.padding-vertical-75,
.pv-75 {
    padding-top: 75px;
    padding-bottom: 75px
}
.p-80,
.padding-80 {
    padding: 80px
}
.padding-top-80,
.pt-80 {
    padding-top: 80px
}
.padding-right-80,
.pr-80 {
    padding-right: 80px
}
.padding-bottom-80,
.pb-80 {
    padding-bottom: 80px
}
.padding-left-80,
.pl-80 {
    padding-left: 80px
}
.padding-horizontal-80,
.ph-80 {
    padding-left: 80px;
    padding-right: 80px
}
.padding-vertical-80,
.pv-80 {
    padding-top: 80px;
    padding-bottom: 80px
}
.p-85,
.padding-85 {
    padding: 85px
}
.padding-top-85,
.pt-85 {
    padding-top: 85px
}
.padding-right-85,
.pr-85 {
    padding-right: 85px
}
.padding-bottom-85,
.pb-85 {
    padding-bottom: 85px
}
.padding-left-85,
.pl-85 {
    padding-left: 85px
}
.padding-horizontal-85,
.ph-85 {
    padding-left: 85px;
    padding-right: 85px
}
.padding-vertical-85,
.pv-85 {
    padding-top: 85px;
    padding-bottom: 85px
}
.p-90,
.padding-90 {
    padding: 90px
}
.padding-top-90,
.pt-90 {
    padding-top: 90px
}
.padding-right-90,
.pr-90 {
    padding-right: 90px
}
.padding-bottom-90,
.pb-90 {
    padding-bottom: 90px
}
.padding-left-90,
.pl-90 {
    padding-left: 90px
}
.padding-horizontal-90,
.ph-90 {
    padding-left: 90px;
    padding-right: 90px
}
.padding-vertical-90,
.pv-90 {
    padding-top: 90px;
    padding-bottom: 90px
}
.p-95,
.padding-95 {
    padding: 95px
}
.padding-top-95,
.pt-95 {
    padding-top: 95px
}
.padding-right-95,
.pr-95 {
    padding-right: 95px
}
.padding-bottom-95,
.pb-95 {
    padding-bottom: 95px
}
.padding-left-95,
.pl-95 {
    padding-left: 95px
}
.padding-horizontal-95,
.ph-95 {
    padding-left: 95px;
    padding-right: 95px
}
.padding-vertical-95,
.pv-95 {
    padding-top: 95px;
    padding-bottom: 95px
}
.p-100,
.padding-100 {
    padding: 100px
}
.padding-top-100,
.pt-100 {
    padding-top: 100px
}
.padding-right-100,
.pr-100 {
    padding-right: 100px
}
.padding-bottom-100,
.pb-100 {
    padding-bottom: 100px
}
.padding-left-100,
.pl-100 {
    padding-left: 100px
}
.padding-horizontal-100,
.ph-100 {
    padding-left: 100px;
    padding-right: 100px
}
.padding-vertical-100,
.pv-100 {
    padding-top: 100px;
    padding-bottom: 100px
}
.p-8,
.padding-8 {
    padding: 8px
}
.padding-top-8,
.pt-8 {
    padding-top: 8px
}
.padding-right-8,
.pr-8 {
    padding-right: 8px
}
.padding-bottom-8,
.pb-8 {
    padding-bottom: 8px
}
.padding-left-8,
.pl-8 {
    padding-left: 8px
}
.padding-horizontal-8,
.ph-8 {
    padding-left: 8px;
    padding-right: 8px
}
.padding-vertical-8,
.pv-8 {
    padding-top: 8px;
    padding-bottom: 8px
}
.p-16,
.padding-16 {
    padding: 16px
}
.padding-top-16,
.pt-16 {
    padding-top: 16px
}
.padding-right-16,
.pr-16 {
    padding-right: 16px
}
.padding-bottom-16,
.pb-16 {
    padding-bottom: 16px
}
.padding-left-16,
.pl-16 {
    padding-left: 16px
}
.padding-horizontal-16,
.ph-16 {
    padding-left: 16px;
    padding-right: 16px
}
.padding-vertical-16,
.pv-16 {
    padding-top: 16px;
    padding-bottom: 16px
}
.p-24,
.padding-24 {
    padding: 24px
}
.padding-top-24,
.pt-24 {
    padding-top: 24px
}
.padding-right-24,
.pr-24 {
    padding-right: 24px
}
.padding-bottom-24,
.pb-24 {
    padding-bottom: 24px
}
.padding-left-24,
.pl-24 {
    padding-left: 24px
}
.padding-horizontal-24,
.ph-24 {
    padding-left: 24px;
    padding-right: 24px
}
.padding-vertical-24,
.pv-24 {
    padding-top: 24px;
    padding-bottom: 24px
}
.p-32,
.padding-32 {
    padding: 32px
}
.padding-top-32,
.pt-32 {
    padding-top: 32px
}
.padding-right-32,
.pr-32 {
    padding-right: 32px
}
.padding-bottom-32,
.pb-32 {
    padding-bottom: 32px
}
.padding-left-32,
.pl-32 {
    padding-left: 32px
}
.padding-horizontal-32,
.ph-32 {
    padding-left: 32px;
    padding-right: 32px
}
.padding-vertical-32,
.pv-32 {
    padding-top: 32px;
    padding-bottom: 32px
}
.p-48,
.padding-48 {
    padding: 48px
}
.padding-top-48,
.pt-48 {
    padding-top: 48px
}
.padding-right-48,
.pr-48 {
    padding-right: 48px
}
.padding-bottom-48,
.pb-48 {
    padding-bottom: 48px
}
.padding-left-48,
.pl-48 {
    padding-left: 48px
}
.padding-horizontal-48,
.ph-48 {
    padding-left: 48px;
    padding-right: 48px
}
.padding-vertical-48,
.pv-48 {
    padding-top: 48px;
    padding-bottom: 48px
}
.p-56,
.padding-56 {
    padding: 56px
}
.padding-top-56,
.pt-56 {
    padding-top: 56px
}
.padding-right-56,
.pr-56 {
    padding-right: 56px
}
.padding-bottom-56,
.pb-56 {
    padding-bottom: 56px
}
.padding-left-56,
.pl-56 {
    padding-left: 56px
}
.padding-horizontal-56,
.ph-56 {
    padding-left: 56px;
    padding-right: 56px
}
.padding-vertical-56,
.pv-56 {
    padding-top: 56px;
    padding-bottom: 56px
}
.p-64,
.padding-64 {
    padding: 64px
}
.padding-top-64,
.pt-64 {
    padding-top: 64px
}
.padding-right-64,
.pr-64 {
    padding-right: 64px
}
.padding-bottom-64,
.pb-64 {
    padding-bottom: 64px
}
.padding-left-64,
.pl-64 {
    padding-left: 64px
}
.padding-horizontal-64,
.ph-64 {
    padding-left: 64px;
    padding-right: 64px
}
.padding-vertical-64,
.pv-64 {
    padding-top: 64px;
    padding-bottom: 64px
}
.p-72,
.padding-72 {
    padding: 72px
}
.padding-top-72,
.pt-72 {
    padding-top: 72px
}
.padding-right-72,
.pr-72 {
    padding-right: 72px
}
.padding-bottom-72,
.pb-72 {
    padding-bottom: 72px
}
.padding-left-72,
.pl-72 {
    padding-left: 72px
}
.padding-horizontal-72,
.ph-72 {
    padding-left: 72px;
    padding-right: 72px
}
.padding-vertical-72,
.pv-72 {
    padding-top: 72px;
    padding-bottom: 72px
}
.p-88,
.padding-88 {
    padding: 88px
}
.padding-top-88,
.pt-88 {
    padding-top: 88px
}
.padding-right-88,
.pr-88 {
    padding-right: 88px
}
.padding-bottom-88,
.pb-88 {
    padding-bottom: 88px
}
.padding-left-88,
.pl-88 {
    padding-left: 88px
}
.padding-horizontal-88,
.ph-88 {
    padding-left: 88px;
    padding-right: 88px
}
.padding-vertical-88,
.pv-88 {
    padding-top: 88px;
    padding-bottom: 88px
}
.p-96,
.padding-96 {
    padding: 96px
}
.padding-top-96,
.pt-96 {
    padding-top: 96px
}
.padding-right-96,
.pr-96 {
    padding-right: 96px
}
.padding-bottom-96,
.pb-96 {
    padding-bottom: 96px
}
.padding-left-96,
.pl-96 {
    padding-left: 96px
}
.padding-horizontal-96,
.ph-96 {
    padding-left: 96px;
    padding-right: 96px
}
.padding-vertical-96,
.pv-96 {
    padding-top: 96px;
    padding-bottom: 96px
}
.m-0,
.margin-0,
.result-box .search-result-item .search-popup p {
    margin: 0
}
.margin-top-0,
.mt-0 {
    margin-top: 0
}
.margin-right-0,
.mr-0 {
    margin-right: 0
}
.margin-bottom-0,
.mb-0 {
    margin-bottom: 0
}
.margin-left-0,
.ml-0 {
    margin-left: 0
}
.margin-horizontal-0,
.mh-0 {
    margin-left: 0;
    margin-right: 0
}
.margin-vertical-0,
.mv-0 {
    margin-top: 0;
    margin-bottom: 0
}
.m-5,
.margin-5 {
    margin: 5px
}
.margin-top-5,
.mt-5 {
    margin-top: 5px
}
.margin-right-5,
.mr-5 {
    margin-right: 5px
}
.margin-bottom-5,
.mb-5 {
    margin-bottom: 5px
}
#ChooseOPU .modal-body .bottom-box .note .icon i,
#header #site-menu ul>li a i,
.margin-left-5,
.ml-5 {
    margin-left: 5px
}
.margin-horizontal-5,
.mh-5 {
    margin-left: 5px;
    margin-right: 5px
}
.margin-vertical-5,
.mv-5 {
    margin-top: 5px;
    margin-bottom: 5px
}
.m-10,
.margin-10 {
    margin: 10px
}
.margin-top-10,
.mt-10 {
    margin-top: 10px
}
.margin-right-10,
.mr-10 {
    margin-right: 10px
}
.margin-bottom-10,
.mb-10 {
    margin-bottom: 10px
}
.margin-left-10,
.ml-10 {
    margin-left: 10px
}
.margin-horizontal-10,
.mh-10 {
    margin-left: 10px;
    margin-right: 10px
}
.margin-vertical-10,
.mv-10 {
    margin-top: 10px;
    margin-bottom: 10px
}
.m-15,
.margin-15 {
    margin: 15px
}
.margin-top-15,
.mt-15 {
    margin-top: 15px
}
.margin-right-15,
.mr-15 {
    margin-right: 15px
}
.margin-bottom-15,
.mb-15 {
    margin-bottom: 15px
}
.margin-left-15,
.ml-15 {
    margin-left: 15px
}
.margin-horizontal-15,
.mh-15 {
    margin-left: 15px;
    margin-right: 15px
}
.margin-vertical-15,
.mv-15 {
    margin-top: 15px;
    margin-bottom: 15px
}
.m-20,
.margin-20 {
    margin: 20px
}
.margin-top-20,
.mt-20 {
    margin-top: 20px
}
.margin-right-20,
.mr-20 {
    margin-right: 20px
}
#header #site-menu .mega-menu ul,
.margin-bottom-20,
.mb-20 {
    margin-bottom: 20px
}
.margin-left-20,
.ml-20 {
    margin-left: 20px
}
.margin-horizontal-20,
.mh-20 {
    margin-left: 20px;
    margin-right: 20px
}
.margin-vertical-20,
.mv-20 {
    margin-top: 20px;
    margin-bottom: 20px
}
.m-25,
.margin-25 {
    margin: 25px
}
.filter-box h4,
.margin-top-25,
.mt-25 {
    margin-top: 25px
}
.margin-right-25,
.mr-25 {
    margin-right: 25px
}
.margin-bottom-25,
.mb-25 {
    margin-bottom: 25px
}
.margin-left-25,
.ml-25 {
    margin-left: 25px
}
.margin-horizontal-25,
.mh-25 {
    margin-left: 25px;
    margin-right: 25px
}
.margin-vertical-25,
.mv-25 {
    margin-top: 25px;
    margin-bottom: 25px
}
.m-30,
.margin-30 {
    margin: 30px
}
.margin-top-30,
.mt-30 {
    margin-top: 30px
}
.margin-right-30,
.mr-30 {
    margin-right: 30px
}
.margin-bottom-30,
.mb-30 {
    margin-bottom: 30px
}
.margin-left-30,
.ml-30 {
    margin-left: 30px
}
.margin-horizontal-30,
.mh-30 {
    margin-left: 30px;
    margin-right: 30px
}
.margin-vertical-30,
.mv-30 {
    margin-top: 30px;
    margin-bottom: 30px
}
.m-35,
.margin-35 {
    margin: 35px
}
.margin-top-35,
.mt-35 {
    margin-top: 35px
}
.margin-right-35,
.mr-35 {
    margin-right: 35px
}
.margin-bottom-35,
.mb-35 {
    margin-bottom: 35px
}
.margin-left-35,
.ml-35 {
    margin-left: 35px
}
.margin-horizontal-35,
.mh-35 {
    margin-left: 35px;
    margin-right: 35px
}
.margin-vertical-35,
.mv-35 {
    margin-top: 35px;
    margin-bottom: 35px
}
.m-40,
.margin-40 {
    margin: 40px
}
.margin-top-40,
.mt-40 {
    margin-top: 40px
}
.margin-right-40,
.mr-40 {
    margin-right: 40px
}
.margin-bottom-40,
.mb-40 {
    margin-bottom: 40px
}
.margin-left-40,
.ml-40 {
    margin-left: 40px
}
.margin-horizontal-40,
.mh-40 {
    margin-left: 40px;
    margin-right: 40px
}
.margin-vertical-40,
.mv-40 {
    margin-top: 40px;
    margin-bottom: 40px
}
.m-45,
.margin-45 {
    margin: 45px
}
.margin-top-45,
.mt-45 {
    margin-top: 45px
}
.margin-right-45,
.mr-45 {
    margin-right: 45px
}
.margin-bottom-45,
.mb-45 {
    margin-bottom: 45px
}
.margin-left-45,
.ml-45 {
    margin-left: 45px
}
.margin-horizontal-45,
.mh-45 {
    margin-left: 45px;
    margin-right: 45px
}
.margin-vertical-45,
.mv-45 {
    margin-top: 45px;
    margin-bottom: 45px
}
.m-50,
.margin-50 {
    margin: 50px
}
.margin-top-50,
.mt-50 {
    margin-top: 50px
}
.margin-right-50,
.mr-50 {
    margin-right: 50px
}
.margin-bottom-50,
.mb-50 {
    margin-bottom: 50px
}
.margin-left-50,
.ml-50 {
    margin-left: 50px
}
.margin-horizontal-50,
.mh-50 {
    margin-left: 50px;
    margin-right: 50px
}
.margin-vertical-50,
.mv-50 {
    margin-top: 50px;
    margin-bottom: 50px
}
.m-55,
.margin-55 {
    margin: 55px
}
.margin-top-55,
.mt-55 {
    margin-top: 55px
}
.margin-right-55,
.mr-55 {
    margin-right: 55px
}
.margin-bottom-55,
.mb-55 {
    margin-bottom: 55px
}
.margin-left-55,
.ml-55 {
    margin-left: 55px
}
.margin-horizontal-55,
.mh-55 {
    margin-left: 55px;
    margin-right: 55px
}
.margin-vertical-55,
.mv-55 {
    margin-top: 55px;
    margin-bottom: 55px
}
.m-60,
.margin-60 {
    margin: 60px
}
.margin-top-60,
.mt-60 {
    margin-top: 60px
}
.margin-right-60,
.mr-60 {
    margin-right: 60px
}
.margin-bottom-60,
.mb-60 {
    margin-bottom: 60px
}
.margin-left-60,
.ml-60 {
    margin-left: 60px
}
.margin-horizontal-60,
.mh-60 {
    margin-left: 60px;
    margin-right: 60px
}
.margin-vertical-60,
.mv-60 {
    margin-top: 60px;
    margin-bottom: 60px
}
.m-65,
.margin-65 {
    margin: 65px
}
.margin-top-65,
.mt-65 {
    margin-top: 65px
}
.margin-right-65,
.mr-65 {
    margin-right: 65px
}
.margin-bottom-65,
.mb-65 {
    margin-bottom: 65px
}
.margin-left-65,
.ml-65 {
    margin-left: 65px
}
.margin-horizontal-65,
.mh-65 {
    margin-left: 65px;
    margin-right: 65px
}
.margin-vertical-65,
.mv-65 {
    margin-top: 65px;
    margin-bottom: 65px
}
.m-70,
.margin-70 {
    margin: 70px
}
.margin-top-70,
.mt-70 {
    margin-top: 70px
}
.margin-right-70,
.mr-70 {
    margin-right: 70px
}
.margin-bottom-70,
.mb-70 {
    margin-bottom: 70px
}
.margin-left-70,
.ml-70 {
    margin-left: 70px
}
.margin-horizontal-70,
.mh-70 {
    margin-left: 70px;
    margin-right: 70px
}
.margin-vertical-70,
.mv-70 {
    margin-top: 70px;
    margin-bottom: 70px
}
.m-75,
.margin-75 {
    margin: 75px
}
.margin-top-75,
.mt-75 {
    margin-top: 75px
}
.margin-right-75,
.mr-75 {
    margin-right: 75px
}
.margin-bottom-75,
.mb-75 {
    margin-bottom: 75px
}
.margin-left-75,
.ml-75 {
    margin-left: 75px
}
.margin-horizontal-75,
.mh-75 {
    margin-left: 75px;
    margin-right: 75px
}
.margin-vertical-75,
.mv-75 {
    margin-top: 75px;
    margin-bottom: 75px
}
.m-80,
.margin-80 {
    margin: 80px
}
.margin-top-80,
.mt-80 {
    margin-top: 80px
}
.margin-right-80,
.mr-80 {
    margin-right: 80px
}
.margin-bottom-80,
.mb-80 {
    margin-bottom: 80px
}
.margin-left-80,
.ml-80 {
    margin-left: 80px
}
.margin-horizontal-80,
.mh-80 {
    margin-left: 80px;
    margin-right: 80px
}
.margin-vertical-80,
.mv-80 {
    margin-top: 80px;
    margin-bottom: 80px
}
.m-85,
.margin-85 {
    margin: 85px
}
.margin-top-85,
.mt-85 {
    margin-top: 85px
}
.margin-right-85,
.mr-85 {
    margin-right: 85px
}
.margin-bottom-85,
.mb-85 {
    margin-bottom: 85px
}
.margin-left-85,
.ml-85 {
    margin-left: 85px
}
.margin-horizontal-85,
.mh-85 {
    margin-left: 85px;
    margin-right: 85px
}
.margin-vertical-85,
.mv-85 {
    margin-top: 85px;
    margin-bottom: 85px
}
.m-90,
.margin-90 {
    margin: 90px
}
.margin-top-90,
.mt-90 {
    margin-top: 90px
}
.margin-right-90,
.mr-90 {
    margin-right: 90px
}
.margin-bottom-90,
.mb-90 {
    margin-bottom: 90px
}
.margin-left-90,
.ml-90 {
    margin-left: 90px
}
.margin-horizontal-90,
.mh-90 {
    margin-left: 90px;
    margin-right: 90px
}
.margin-vertical-90,
.mv-90 {
    margin-top: 90px;
    margin-bottom: 90px
}
.m-95,
.margin-95 {
    margin: 95px
}
.margin-top-95,
.mt-95 {
    margin-top: 95px
}
.margin-right-95,
.mr-95 {
    margin-right: 95px
}
.margin-bottom-95,
.mb-95 {
    margin-bottom: 95px
}
.margin-left-95,
.ml-95 {
    margin-left: 95px
}
.margin-horizontal-95,
.mh-95 {
    margin-left: 95px;
    margin-right: 95px
}
.margin-vertical-95,
.mv-95 {
    margin-top: 95px;
    margin-bottom: 95px
}
.m-100,
.margin-100 {
    margin: 100px
}
.margin-top-100,
.mt-100 {
    margin-top: 100px
}
.margin-right-100,
.mr-100 {
    margin-right: 100px
}
.margin-bottom-100,
.mb-100 {
    margin-bottom: 100px
}
.margin-left-100,
.ml-100 {
    margin-left: 100px
}
.margin-horizontal-100,
.mh-100 {
    margin-left: 100px;
    margin-right: 100px
}
.margin-vertical-100,
.mv-100 {
    margin-top: 100px;
    margin-bottom: 100px
}
.m-8,
.margin-8 {
    margin: 8px
}
.margin-top-8,
.mt-8 {
    margin-top: 8px
}
.margin-right-8,
.mr-8 {
    margin-right: 8px
}
.margin-bottom-8,
.mb-8 {
    margin-bottom: 8px
}
.margin-left-8,
.ml-8 {
    margin-left: 8px
}
.margin-horizontal-8,
.mh-8 {
    margin-left: 8px;
    margin-right: 8px
}
.margin-vertical-8,
.mv-8 {
    margin-top: 8px;
    margin-bottom: 8px
}
.m-16,
.margin-16 {
    margin: 16px
}
.margin-top-16,
.mt-16 {
    margin-top: 16px
}
.margin-right-16,
.mr-16 {
    margin-right: 16px
}
.margin-bottom-16,
.mb-16 {
    margin-bottom: 16px
}
.margin-left-16,
.ml-16 {
    margin-left: 16px
}
.margin-horizontal-16,
.mh-16 {
    margin-left: 16px;
    margin-right: 16px
}
.margin-vertical-16,
.mv-16 {
    margin-top: 16px;
    margin-bottom: 16px
}
.m-24,
.margin-24 {
    margin: 24px
}
.margin-top-24,
.mt-24 {
    margin-top: 24px
}
.margin-right-24,
.mr-24 {
    margin-right: 24px
}
.margin-bottom-24,
.mb-24 {
    margin-bottom: 24px
}
.margin-left-24,
.ml-24 {
    margin-left: 24px
}
.margin-horizontal-24,
.mh-24 {
    margin-left: 24px;
    margin-right: 24px
}
.margin-vertical-24,
.mv-24 {
    margin-top: 24px;
    margin-bottom: 24px
}
.m-32,
.margin-32 {
    margin: 32px
}
.margin-top-32,
.mt-32 {
    margin-top: 32px
}
.margin-right-32,
.mr-32 {
    margin-right: 32px
}
.margin-bottom-32,
.mb-32 {
    margin-bottom: 32px
}
.margin-left-32,
.ml-32 {
    margin-left: 32px
}
.margin-horizontal-32,
.mh-32 {
    margin-left: 32px;
    margin-right: 32px
}
.margin-vertical-32,
.mv-32 {
    margin-top: 32px;
    margin-bottom: 32px
}
.m-48,
.margin-48 {
    margin: 48px
}
.margin-top-48,
.mt-48 {
    margin-top: 48px
}
.margin-right-48,
.mr-48 {
    margin-right: 48px
}
.margin-bottom-48,
.mb-48 {
    margin-bottom: 48px
}
.margin-left-48,
.ml-48 {
    margin-left: 48px
}
.margin-horizontal-48,
.mh-48 {
    margin-left: 48px;
    margin-right: 48px
}
.margin-vertical-48,
.mv-48 {
    margin-top: 48px;
    margin-bottom: 48px
}
.m-56,
.margin-56 {
    margin: 56px
}
.margin-top-56,
.mt-56 {
    margin-top: 56px
}
.margin-right-56,
.mr-56 {
    margin-right: 56px
}
.margin-bottom-56,
.mb-56 {
    margin-bottom: 56px
}
.margin-left-56,
.ml-56 {
    margin-left: 56px
}
.margin-horizontal-56,
.mh-56 {
    margin-left: 56px;
    margin-right: 56px
}
.margin-vertical-56,
.mv-56 {
    margin-top: 56px;
    margin-bottom: 56px
}
.m-64,
.margin-64 {
    margin: 64px
}
.margin-top-64,
.mt-64 {
    margin-top: 64px
}
.margin-right-64,
.mr-64 {
    margin-right: 64px
}
.margin-bottom-64,
.mb-64 {
    margin-bottom: 64px
}
.margin-left-64,
.ml-64 {
    margin-left: 64px
}
.margin-horizontal-64,
.mh-64 {
    margin-left: 64px;
    margin-right: 64px
}
.margin-vertical-64,
.mv-64 {
    margin-top: 64px;
    margin-bottom: 64px
}
.m-72,
.margin-72 {
    margin: 72px
}
.margin-top-72,
.mt-72 {
    margin-top: 72px
}
.margin-right-72,
.mr-72 {
    margin-right: 72px
}
.margin-bottom-72,
.mb-72 {
    margin-bottom: 72px
}
.margin-left-72,
.ml-72 {
    margin-left: 72px
}
.margin-horizontal-72,
.mh-72 {
    margin-left: 72px;
    margin-right: 72px
}
.margin-vertical-72,
.mv-72 {
    margin-top: 72px;
    margin-bottom: 72px
}
.m-88,
.margin-88 {
    margin: 88px
}
.margin-top-88,
.mt-88 {
    margin-top: 88px
}
.margin-right-88,
.mr-88 {
    margin-right: 88px
}
.margin-bottom-88,
.mb-88 {
    margin-bottom: 88px
}
.margin-left-88,
.ml-88 {
    margin-left: 88px
}
.margin-horizontal-88,
.mh-88 {
    margin-left: 88px;
    margin-right: 88px
}
.margin-vertical-88,
.mv-88 {
    margin-top: 88px;
    margin-bottom: 88px
}
.m-96,
.margin-96 {
    margin: 96px
}
.margin-top-96,
.mt-96 {
    margin-top: 96px
}
.margin-right-96,
.mr-96 {
    margin-right: 96px
}
.margin-bottom-96,
.mb-96 {
    margin-bottom: 96px
}
.margin-left-96,
.ml-96 {
    margin-left: 96px
}
.margin-horizontal-96,
.mh-96 {
    margin-left: 96px;
    margin-right: 96px
}
.margin-vertical-96,
.mv-96 {
    margin-top: 96px;
    margin-bottom: 96px
}
.h-0,
.height-0 {
    height: 0!important;
    min-height: 0!important;
    max-height: 0!important
}
.w-0,
.width-0 {
    width: 0!important;
    min-width: 0!important;
    max-width: 0!important
}
.h-5,
.height-5 {
    height: 5px!important;
    min-height: 5px!important;
    max-height: 5px!important
}
.w-5,
.width-5 {
    width: 5px!important;
    min-width: 5px!important;
    max-width: 5px!important
}
.h-10,
.height-10 {
    height: 10px!important;
    min-height: 10px!important;
    max-height: 10px!important
}
.w-10,
.width-10 {
    width: 10px!important;
    min-width: 10px!important;
    max-width: 10px!important
}
.h-15,
.height-15 {
    height: 15px!important;
    min-height: 15px!important;
    max-height: 15px!important
}
.w-15,
.width-15 {
    width: 15px!important;
    min-width: 15px!important;
    max-width: 15px!important
}
.h-20,
.height-20 {
    height: 20px!important;
    min-height: 20px!important;
    max-height: 20px!important
}
.w-20,
.width-20 {
    width: 20px!important;
    min-width: 20px!important;
    max-width: 20px!important
}
.h-25,
.height-25 {
    height: 25px!important;
    min-height: 25px!important;
    max-height: 25px!important
}
.w-25,
.width-25 {
    width: 25px!important;
    min-width: 25px!important;
    max-width: 25px!important
}
.h-30,
.height-30 {
    height: 30px!important;
    min-height: 30px!important;
    max-height: 30px!important
}
.w-30,
.width-30 {
    width: 30px!important;
    min-width: 30px!important;
    max-width: 30px!important
}
.h-35,
.height-35 {
    height: 35px!important;
    min-height: 35px!important;
    max-height: 35px!important
}
.w-35,
.width-35 {
    width: 35px!important;
    min-width: 35px!important;
    max-width: 35px!important
}
.h-40,
.height-40 {
    height: 40px!important;
    min-height: 40px!important;
    max-height: 40px!important
}
.w-40,
.width-40 {
    width: 40px!important;
    min-width: 40px!important;
    max-width: 40px!important
}
.h-45,
.height-45 {
    height: 45px!important;
    min-height: 45px!important;
    max-height: 45px!important
}
.w-45,
.width-45 {
    width: 45px!important;
    min-width: 45px!important;
    max-width: 45px!important
}
.h-50,
.height-50 {
    height: 50px!important;
    min-height: 50px!important;
    max-height: 50px!important
}
.w-50,
.width-50 {
    width: 50px!important;
    min-width: 50px!important;
    max-width: 50px!important
}
.h-55,
.height-55 {
    height: 55px!important;
    min-height: 55px!important;
    max-height: 55px!important
}
.w-55,
.width-55 {
    width: 55px!important;
    min-width: 55px!important;
    max-width: 55px!important
}
.h-60,
.height-60 {
    height: 60px!important;
    min-height: 60px!important;
    max-height: 60px!important
}
.w-60,
.width-60 {
    width: 60px!important;
    min-width: 60px!important;
    max-width: 60px!important
}
.h-65,
.height-65 {
    height: 65px!important;
    min-height: 65px!important;
    max-height: 65px!important
}
.w-65,
.width-65 {
    width: 65px!important;
    min-width: 65px!important;
    max-width: 65px!important
}
.h-70,
.height-70 {
    height: 70px!important;
    min-height: 70px!important;
    max-height: 70px!important
}
.w-70,
.width-70 {
    width: 70px!important;
    min-width: 70px!important;
    max-width: 70px!important
}
.h-75,
.height-75 {
    height: 75px!important;
    min-height: 75px!important;
    max-height: 75px!important
}
.w-75,
.width-75 {
    width: 75px!important;
    min-width: 75px!important;
    max-width: 75px!important
}
.h-80,
.height-80 {
    height: 80px!important;
    min-height: 80px!important;
    max-height: 80px!important
}
.w-80,
.width-80 {
    width: 80px!important;
    min-width: 80px!important;
    max-width: 80px!important
}
.h-85,
.height-85 {
    height: 85px!important;
    min-height: 85px!important;
    max-height: 85px!important
}
.w-85,
.width-85 {
    width: 85px!important;
    min-width: 85px!important;
    max-width: 85px!important
}
.h-90,
.height-90 {
    height: 90px!important;
    min-height: 90px!important;
    max-height: 90px!important
}
.w-90,
.width-90 {
    width: 90px!important;
    min-width: 90px!important;
    max-width: 90px!important
}
.h-95,
.height-95 {
    height: 95px!important;
    min-height: 95px!important;
    max-height: 95px!important
}
.w-95,
.width-95 {
    width: 95px!important;
    min-width: 95px!important;
    max-width: 95px!important
}
.h-100,
.height-100 {
    height: 100px!important;
    min-height: 100px!important;
    max-height: 100px!important
}
.w-100,
.width-100 {
    width: 100px!important;
    min-width: 100px!important;
    max-width: 100px!important
}
.h-105,
.height-105 {
    height: 105px!important;
    min-height: 105px!important;
    max-height: 105px!important
}
.w-105,
.width-105 {
    width: 105px!important;
    min-width: 105px!important;
    max-width: 105px!important
}
.h-110,
.height-110 {
    height: 110px!important;
    min-height: 110px!important;
    max-height: 110px!important
}
.w-110,
.width-110 {
    width: 110px!important;
    min-width: 110px!important;
    max-width: 110px!important
}
.h-115,
.height-115 {
    height: 115px!important;
    min-height: 115px!important;
    max-height: 115px!important
}
.w-115,
.width-115 {
    width: 115px!important;
    min-width: 115px!important;
    max-width: 115px!important
}
.h-120,
.height-120 {
    height: 120px!important;
    min-height: 120px!important;
    max-height: 120px!important
}
.w-120,
.width-120 {
    width: 120px!important;
    min-width: 120px!important;
    max-width: 120px!important
}
.h-125,
.height-125 {
    height: 125px!important;
    min-height: 125px!important;
    max-height: 125px!important
}
.w-125,
.width-125 {
    width: 125px!important;
    min-width: 125px!important;
    max-width: 125px!important
}
.h-130,
.height-130 {
    height: 130px!important;
    min-height: 130px!important;
    max-height: 130px!important
}
.w-130,
.width-130 {
    width: 130px!important;
    min-width: 130px!important;
    max-width: 130px!important
}
.h-135,
.height-135 {
    height: 135px!important;
    min-height: 135px!important;
    max-height: 135px!important
}
.w-135,
.width-135 {
    width: 135px!important;
    min-width: 135px!important;
    max-width: 135px!important
}
.h-140,
.height-140 {
    height: 140px!important;
    min-height: 140px!important;
    max-height: 140px!important
}
.w-140,
.width-140 {
    width: 140px!important;
    min-width: 140px!important;
    max-width: 140px!important
}
.h-145,
.height-145 {
    height: 145px!important;
    min-height: 145px!important;
    max-height: 145px!important
}
.w-145,
.width-145 {
    width: 145px!important;
    min-width: 145px!important;
    max-width: 145px!important
}
.h-150,
.height-150 {
    height: 150px!important;
    min-height: 150px!important;
    max-height: 150px!important
}
.w-150,
.width-150 {
    width: 150px!important;
    min-width: 150px!important;
    max-width: 150px!important
}
.h-155,
.height-155 {
    height: 155px!important;
    min-height: 155px!important;
    max-height: 155px!important
}
.w-155,
.width-155 {
    width: 155px!important;
    min-width: 155px!important;
    max-width: 155px!important
}
.h-160,
.height-160 {
    height: 160px!important;
    min-height: 160px!important;
    max-height: 160px!important
}
.w-160,
.width-160 {
    width: 160px!important;
    min-width: 160px!important;
    max-width: 160px!important
}
.h-165,
.height-165 {
    height: 165px!important;
    min-height: 165px!important;
    max-height: 165px!important
}
.w-165,
.width-165 {
    width: 165px!important;
    min-width: 165px!important;
    max-width: 165px!important
}
.h-170,
.height-170 {
    height: 170px!important;
    min-height: 170px!important;
    max-height: 170px!important
}
.w-170,
.width-170 {
    width: 170px!important;
    min-width: 170px!important;
    max-width: 170px!important
}
.h-175,
.height-175 {
    height: 175px!important;
    min-height: 175px!important;
    max-height: 175px!important
}
.w-175,
.width-175 {
    width: 175px!important;
    min-width: 175px!important;
    max-width: 175px!important
}
.h-180,
.height-180 {
    height: 180px!important;
    min-height: 180px!important;
    max-height: 180px!important
}
.w-180,
.width-180 {
    width: 180px!important;
    min-width: 180px!important;
    max-width: 180px!important
}
.h-185,
.height-185 {
    height: 185px!important;
    min-height: 185px!important;
    max-height: 185px!important
}
.w-185,
.width-185 {
    width: 185px!important;
    min-width: 185px!important;
    max-width: 185px!important
}
.h-190,
.height-190 {
    height: 190px!important;
    min-height: 190px!important;
    max-height: 190px!important
}
.w-190,
.width-190 {
    width: 190px!important;
    min-width: 190px!important;
    max-width: 190px!important
}
.h-195,
.height-195 {
    height: 195px!important;
    min-height: 195px!important;
    max-height: 195px!important
}
.w-195,
.width-195 {
    width: 195px!important;
    min-width: 195px!important;
    max-width: 195px!important
}
.h-200,
.height-200 {
    height: 200px!important;
    min-height: 200px!important;
    max-height: 200px!important
}
.w-200,
.width-200 {
    width: 200px!important;
    min-width: 200px!important;
    max-width: 200px!important
}
.h-205,
.height-205 {
    height: 205px!important;
    min-height: 205px!important;
    max-height: 205px!important
}
.w-205,
.width-205 {
    width: 205px!important;
    min-width: 205px!important;
    max-width: 205px!important
}
.h-210,
.height-210 {
    height: 210px!important;
    min-height: 210px!important;
    max-height: 210px!important
}
.w-210,
.width-210 {
    width: 210px!important;
    min-width: 210px!important;
    max-width: 210px!important
}
.h-215,
.height-215 {
    height: 215px!important;
    min-height: 215px!important;
    max-height: 215px!important
}
.w-215,
.width-215 {
    width: 215px!important;
    min-width: 215px!important;
    max-width: 215px!important
}
.h-220,
.height-220 {
    height: 220px!important;
    min-height: 220px!important;
    max-height: 220px!important
}
.w-220,
.width-220 {
    width: 220px!important;
    min-width: 220px!important;
    max-width: 220px!important
}
.h-225,
.height-225 {
    height: 225px!important;
    min-height: 225px!important;
    max-height: 225px!important
}
.w-225,
.width-225 {
    width: 225px!important;
    min-width: 225px!important;
    max-width: 225px!important
}
.h-230,
.height-230 {
    height: 230px!important;
    min-height: 230px!important;
    max-height: 230px!important
}
.w-230,
.width-230 {
    width: 230px!important;
    min-width: 230px!important;
    max-width: 230px!important
}
.h-235,
.height-235 {
    height: 235px!important;
    min-height: 235px!important;
    max-height: 235px!important
}
.w-235,
.width-235 {
    width: 235px!important;
    min-width: 235px!important;
    max-width: 235px!important
}
.h-240,
.height-240 {
    height: 240px!important;
    min-height: 240px!important;
    max-height: 240px!important
}
.w-240,
.width-240 {
    width: 240px!important;
    min-width: 240px!important;
    max-width: 240px!important
}
.h-245,
.height-245 {
    height: 245px!important;
    min-height: 245px!important;
    max-height: 245px!important
}
.w-245,
.width-245 {
    width: 245px!important;
    min-width: 245px!important;
    max-width: 245px!important
}
.h-250,
.height-250 {
    height: 250px!important;
    min-height: 250px!important;
    max-height: 250px!important
}
.w-250,
.width-250 {
    width: 250px!important;
    min-width: 250px!important;
    max-width: 250px!important
}
.h-255,
.height-255 {
    height: 255px!important;
    min-height: 255px!important;
    max-height: 255px!important
}
.w-255,
.width-255 {
    width: 255px!important;
    min-width: 255px!important;
    max-width: 255px!important
}
.h-260,
.height-260 {
    height: 260px!important;
    min-height: 260px!important;
    max-height: 260px!important
}
.w-260,
.width-260 {
    width: 260px!important;
    min-width: 260px!important;
    max-width: 260px!important
}
.h-265,
.height-265 {
    height: 265px!important;
    min-height: 265px!important;
    max-height: 265px!important
}
.w-265,
.width-265 {
    width: 265px!important;
    min-width: 265px!important;
    max-width: 265px!important
}
.h-270,
.height-270 {
    height: 270px!important;
    min-height: 270px!important;
    max-height: 270px!important
}
.w-270,
.width-270 {
    width: 270px!important;
    min-width: 270px!important;
    max-width: 270px!important
}
.h-275,
.height-275 {
    height: 275px!important;
    min-height: 275px!important;
    max-height: 275px!important
}
.w-275,
.width-275 {
    width: 275px!important;
    min-width: 275px!important;
    max-width: 275px!important
}
.h-280,
.height-280 {
    height: 280px!important;
    min-height: 280px!important;
    max-height: 280px!important
}
.w-280,
.width-280 {
    width: 280px!important;
    min-width: 280px!important;
    max-width: 280px!important
}
.h-285,
.height-285 {
    height: 285px!important;
    min-height: 285px!important;
    max-height: 285px!important
}
.w-285,
.width-285 {
    width: 285px!important;
    min-width: 285px!important;
    max-width: 285px!important
}
.h-290,
.height-290 {
    height: 290px!important;
    min-height: 290px!important;
    max-height: 290px!important
}
.w-290,
.width-290 {
    width: 290px!important;
    min-width: 290px!important;
    max-width: 290px!important
}
.h-295,
.height-295 {
    height: 295px!important;
    min-height: 295px!important;
    max-height: 295px!important
}
.w-295,
.width-295 {
    width: 295px!important;
    min-width: 295px!important;
    max-width: 295px!important
}
.h-300,
.height-300 {
    height: 300px!important;
    min-height: 300px!important;
    max-height: 300px!important
}
.w-300,
.width-300 {
    width: 300px!important;
    min-width: 300px!important;
    max-width: 300px!important
}
.h-305,
.height-305 {
    height: 305px!important;
    min-height: 305px!important;
    max-height: 305px!important
}
.w-305,
.width-305 {
    width: 305px!important;
    min-width: 305px!important;
    max-width: 305px!important
}
.h-310,
.height-310 {
    height: 310px!important;
    min-height: 310px!important;
    max-height: 310px!important
}
.w-310,
.width-310 {
    width: 310px!important;
    min-width: 310px!important;
    max-width: 310px!important
}
.h-315,
.height-315 {
    height: 315px!important;
    min-height: 315px!important;
    max-height: 315px!important
}
.w-315,
.width-315 {
    width: 315px!important;
    min-width: 315px!important;
    max-width: 315px!important
}
.h-320,
.height-320 {
    height: 320px!important;
    min-height: 320px!important;
    max-height: 320px!important
}
.w-320,
.width-320 {
    width: 320px!important;
    min-width: 320px!important;
    max-width: 320px!important
}
.h-325,
.height-325 {
    height: 325px!important;
    min-height: 325px!important;
    max-height: 325px!important
}
.w-325,
.width-325 {
    width: 325px!important;
    min-width: 325px!important;
    max-width: 325px!important
}
.h-330,
.height-330 {
    height: 330px!important;
    min-height: 330px!important;
    max-height: 330px!important
}
.w-330,
.width-330 {
    width: 330px!important;
    min-width: 330px!important;
    max-width: 330px!important
}
.h-335,
.height-335 {
    height: 335px!important;
    min-height: 335px!important;
    max-height: 335px!important
}
.w-335,
.width-335 {
    width: 335px!important;
    min-width: 335px!important;
    max-width: 335px!important
}
.h-340,
.height-340 {
    height: 340px!important;
    min-height: 340px!important;
    max-height: 340px!important
}
.w-340,
.width-340 {
    width: 340px!important;
    min-width: 340px!important;
    max-width: 340px!important
}
.h-345,
.height-345 {
    height: 345px!important;
    min-height: 345px!important;
    max-height: 345px!important
}
.w-345,
.width-345 {
    width: 345px!important;
    min-width: 345px!important;
    max-width: 345px!important
}
.h-350,
.height-350 {
    height: 350px!important;
    min-height: 350px!important;
    max-height: 350px!important
}
.w-350,
.width-350 {
    width: 350px!important;
    min-width: 350px!important;
    max-width: 350px!important
}
.h-355,
.height-355 {
    height: 355px!important;
    min-height: 355px!important;
    max-height: 355px!important
}
.w-355,
.width-355 {
    width: 355px!important;
    min-width: 355px!important;
    max-width: 355px!important
}
.h-360,
.height-360 {
    height: 360px!important;
    min-height: 360px!important;
    max-height: 360px!important
}
.w-360,
.width-360 {
    width: 360px!important;
    min-width: 360px!important;
    max-width: 360px!important
}
.h-365,
.height-365 {
    height: 365px!important;
    min-height: 365px!important;
    max-height: 365px!important
}
.w-365,
.width-365 {
    width: 365px!important;
    min-width: 365px!important;
    max-width: 365px!important
}
.h-370,
.height-370 {
    height: 370px!important;
    min-height: 370px!important;
    max-height: 370px!important
}
.w-370,
.width-370 {
    width: 370px!important;
    min-width: 370px!important;
    max-width: 370px!important
}
.h-375,
.height-375 {
    height: 375px!important;
    min-height: 375px!important;
    max-height: 375px!important
}
.w-375,
.width-375 {
    width: 375px!important;
    min-width: 375px!important;
    max-width: 375px!important
}
.h-380,
.height-380 {
    height: 380px!important;
    min-height: 380px!important;
    max-height: 380px!important
}
.w-380,
.width-380 {
    width: 380px!important;
    min-width: 380px!important;
    max-width: 380px!important
}
.h-385,
.height-385 {
    height: 385px!important;
    min-height: 385px!important;
    max-height: 385px!important
}
.w-385,
.width-385 {
    width: 385px!important;
    min-width: 385px!important;
    max-width: 385px!important
}
.h-390,
.height-390 {
    height: 390px!important;
    min-height: 390px!important;
    max-height: 390px!important
}
.w-390,
.width-390 {
    width: 390px!important;
    min-width: 390px!important;
    max-width: 390px!important
}
.h-395,
.height-395 {
    height: 395px!important;
    min-height: 395px!important;
    max-height: 395px!important
}
.w-395,
.width-395 {
    width: 395px!important;
    min-width: 395px!important;
    max-width: 395px!important
}
.h-400,
.height-400 {
    height: 400px!important;
    min-height: 400px!important;
    max-height: 400px!important
}
.w-400,
.width-400 {
    width: 400px!important;
    min-width: 400px!important;
    max-width: 400px!important
}
.h-405,
.height-405 {
    height: 405px!important;
    min-height: 405px!important;
    max-height: 405px!important
}
.w-405,
.width-405 {
    width: 405px!important;
    min-width: 405px!important;
    max-width: 405px!important
}
.h-410,
.height-410 {
    height: 410px!important;
    min-height: 410px!important;
    max-height: 410px!important
}
.w-410,
.width-410 {
    width: 410px!important;
    min-width: 410px!important;
    max-width: 410px!important
}
.h-415,
.height-415 {
    height: 415px!important;
    min-height: 415px!important;
    max-height: 415px!important
}
.w-415,
.width-415 {
    width: 415px!important;
    min-width: 415px!important;
    max-width: 415px!important
}
.h-420,
.height-420 {
    height: 420px!important;
    min-height: 420px!important;
    max-height: 420px!important
}
.w-420,
.width-420 {
    width: 420px!important;
    min-width: 420px!important;
    max-width: 420px!important
}
.h-425,
.height-425 {
    height: 425px!important;
    min-height: 425px!important;
    max-height: 425px!important
}
.w-425,
.width-425 {
    width: 425px!important;
    min-width: 425px!important;
    max-width: 425px!important
}
.h-430,
.height-430 {
    height: 430px!important;
    min-height: 430px!important;
    max-height: 430px!important
}
.w-430,
.width-430 {
    width: 430px!important;
    min-width: 430px!important;
    max-width: 430px!important
}
.h-435,
.height-435 {
    height: 435px!important;
    min-height: 435px!important;
    max-height: 435px!important
}
.w-435,
.width-435 {
    width: 435px!important;
    min-width: 435px!important;
    max-width: 435px!important
}
.h-440,
.height-440 {
    height: 440px!important;
    min-height: 440px!important;
    max-height: 440px!important
}
.w-440,
.width-440 {
    width: 440px!important;
    min-width: 440px!important;
    max-width: 440px!important
}
.h-445,
.height-445 {
    height: 445px!important;
    min-height: 445px!important;
    max-height: 445px!important
}
.w-445,
.width-445 {
    width: 445px!important;
    min-width: 445px!important;
    max-width: 445px!important
}
.h-450,
.height-450 {
    height: 450px!important;
    min-height: 450px!important;
    max-height: 450px!important
}
.w-450,
.width-450 {
    width: 450px!important;
    min-width: 450px!important;
    max-width: 450px!important
}
.h-455,
.height-455 {
    height: 455px!important;
    min-height: 455px!important;
    max-height: 455px!important
}
.w-455,
.width-455 {
    width: 455px!important;
    min-width: 455px!important;
    max-width: 455px!important
}
.h-460,
.height-460 {
    height: 460px!important;
    min-height: 460px!important;
    max-height: 460px!important
}
.w-460,
.width-460 {
    width: 460px!important;
    min-width: 460px!important;
    max-width: 460px!important
}
.h-465,
.height-465 {
    height: 465px!important;
    min-height: 465px!important;
    max-height: 465px!important
}
.w-465,
.width-465 {
    width: 465px!important;
    min-width: 465px!important;
    max-width: 465px!important
}
.h-470,
.height-470 {
    height: 470px!important;
    min-height: 470px!important;
    max-height: 470px!important
}
.w-470,
.width-470 {
    width: 470px!important;
    min-width: 470px!important;
    max-width: 470px!important
}
.h-475,
.height-475 {
    height: 475px!important;
    min-height: 475px!important;
    max-height: 475px!important
}
.w-475,
.width-475 {
    width: 475px!important;
    min-width: 475px!important;
    max-width: 475px!important
}
.h-480,
.height-480 {
    height: 480px!important;
    min-height: 480px!important;
    max-height: 480px!important
}
.w-480,
.width-480 {
    width: 480px!important;
    min-width: 480px!important;
    max-width: 480px!important
}
.h-485,
.height-485 {
    height: 485px!important;
    min-height: 485px!important;
    max-height: 485px!important
}
.w-485,
.width-485 {
    width: 485px!important;
    min-width: 485px!important;
    max-width: 485px!important
}
.h-490,
.height-490 {
    height: 490px!important;
    min-height: 490px!important;
    max-height: 490px!important
}
.w-490,
.width-490 {
    width: 490px!important;
    min-width: 490px!important;
    max-width: 490px!important
}
.h-495,
.height-495 {
    height: 495px!important;
    min-height: 495px!important;
    max-height: 495px!important
}
.w-495,
.width-495 {
    width: 495px!important;
    min-width: 495px!important;
    max-width: 495px!important
}
.h-500,
.height-500 {
    height: 500px!important;
    min-height: 500px!important;
    max-height: 500px!important
}
.w-500,
.width-500 {
    width: 500px!important;
    min-width: 500px!important;
    max-width: 500px!important
}
.h-8,
.height-8 {
    height: 8px!important;
    min-height: 8px!important;
    max-height: 8px!important
}
.w-8,
.width-8 {
    width: 8px!important;
    min-width: 8px!important;
    max-width: 8px!important
}
.h-16,
.height-16 {
    height: 16px!important;
    min-height: 16px!important;
    max-height: 16px!important
}
.w-16,
.width-16 {
    width: 16px!important;
    min-width: 16px!important;
    max-width: 16px!important
}
.h-24,
.height-24 {
    height: 24px!important;
    min-height: 24px!important;
    max-height: 24px!important
}
.w-24,
.width-24 {
    width: 24px!important;
    min-width: 24px!important;
    max-width: 24px!important
}
.h-32,
.height-32 {
    height: 32px!important;
    min-height: 32px!important;
    max-height: 32px!important
}
.w-32,
.width-32 {
    width: 32px!important;
    min-width: 32px!important;
    max-width: 32px!important
}
.h-48,
.height-48 {
    height: 48px!important;
    min-height: 48px!important;
    max-height: 48px!important
}
.w-48,
.width-48 {
    width: 48px!important;
    min-width: 48px!important;
    max-width: 48px!important
}
.h-56,
.height-56 {
    height: 56px!important;
    min-height: 56px!important;
    max-height: 56px!important
}
.w-56,
.width-56 {
    width: 56px!important;
    min-width: 56px!important;
    max-width: 56px!important
}
.h-64,
.height-64 {
    height: 64px!important;
    min-height: 64px!important;
    max-height: 64px!important
}
.w-64,
.width-64 {
    width: 64px!important;
    min-width: 64px!important;
    max-width: 64px!important
}
.h-72,
.height-72 {
    height: 72px!important;
    min-height: 72px!important;
    max-height: 72px!important
}
.w-72,
.width-72 {
    width: 72px!important;
    min-width: 72px!important;
    max-width: 72px!important
}
.h-88,
.height-88 {
    height: 88px!important;
    min-height: 88px!important;
    max-height: 88px!important
}
.w-88,
.width-88 {
    width: 88px!important;
    min-width: 88px!important;
    max-width: 88px!important
}
.h-96,
.height-96 {
    height: 96px!important;
    min-height: 96px!important;
    max-height: 96px!important
}
.w-96,
.width-96 {
    width: 96px!important;
    min-width: 96px!important;
    max-width: 96px!important
}
.h-104,
.height-104 {
    height: 104px!important;
    min-height: 104px!important;
    max-height: 104px!important
}
.w-104,
.width-104 {
    width: 104px!important;
    min-width: 104px!important;
    max-width: 104px!important
}
.h-112,
.height-112 {
    height: 112px!important;
    min-height: 112px!important;
    max-height: 112px!important
}
.w-112,
.width-112 {
    width: 112px!important;
    min-width: 112px!important;
    max-width: 112px!important
}
.h-128,
.height-128 {
    height: 128px!important;
    min-height: 128px!important;
    max-height: 128px!important
}
.w-128,
.width-128 {
    width: 128px!important;
    min-width: 128px!important;
    max-width: 128px!important
}
.h-136,
.height-136 {
    height: 136px!important;
    min-height: 136px!important;
    max-height: 136px!important
}
.w-136,
.width-136 {
    width: 136px!important;
    min-width: 136px!important;
    max-width: 136px!important
}
.h-144,
.height-144 {
    height: 144px!important;
    min-height: 144px!important;
    max-height: 144px!important
}
.w-144,
.width-144 {
    width: 144px!important;
    min-width: 144px!important;
    max-width: 144px!important
}
.h-152,
.height-152 {
    height: 152px!important;
    min-height: 152px!important;
    max-height: 152px!important
}
.w-152,
.width-152 {
    width: 152px!important;
    min-width: 152px!important;
    max-width: 152px!important
}
.h-168,
.height-168 {
    height: 168px!important;
    min-height: 168px!important;
    max-height: 168px!important
}
.w-168,
.width-168 {
    width: 168px!important;
    min-width: 168px!important;
    max-width: 168px!important
}
.h-176,
.height-176 {
    height: 176px!important;
    min-height: 176px!important;
    max-height: 176px!important
}
.w-176,
.width-176 {
    width: 176px!important;
    min-width: 176px!important;
    max-width: 176px!important
}
.h-184,
.height-184 {
    height: 184px!important;
    min-height: 184px!important;
    max-height: 184px!important
}
.w-184,
.width-184 {
    width: 184px!important;
    min-width: 184px!important;
    max-width: 184px!important
}
.h-192,
.height-192 {
    height: 192px!important;
    min-height: 192px!important;
    max-height: 192px!important
}
.w-192,
.width-192 {
    width: 192px!important;
    min-width: 192px!important;
    max-width: 192px!important
}
.h-208,
.height-208 {
    height: 208px!important;
    min-height: 208px!important;
    max-height: 208px!important
}
.w-208,
.width-208 {
    width: 208px!important;
    min-width: 208px!important;
    max-width: 208px!important
}
.h-216,
.height-216 {
    height: 216px!important;
    min-height: 216px!important;
    max-height: 216px!important
}
.w-216,
.width-216 {
    width: 216px!important;
    min-width: 216px!important;
    max-width: 216px!important
}
.h-224,
.height-224 {
    height: 224px!important;
    min-height: 224px!important;
    max-height: 224px!important
}
.w-224,
.width-224 {
    width: 224px!important;
    min-width: 224px!important;
    max-width: 224px!important
}
.h-232,
.height-232 {
    height: 232px!important;
    min-height: 232px!important;
    max-height: 232px!important
}
.w-232,
.width-232 {
    width: 232px!important;
    min-width: 232px!important;
    max-width: 232px!important
}
.h-248,
.height-248 {
    height: 248px!important;
    min-height: 248px!important;
    max-height: 248px!important
}
.w-248,
.width-248 {
    width: 248px!important;
    min-width: 248px!important;
    max-width: 248px!important
}
.h-256,
.height-256 {
    height: 256px!important;
    min-height: 256px!important;
    max-height: 256px!important
}
.w-256,
.width-256 {
    width: 256px!important;
    min-width: 256px!important;
    max-width: 256px!important
}
.h-264,
.height-264 {
    height: 264px!important;
    min-height: 264px!important;
    max-height: 264px!important
}
.w-264,
.width-264 {
    width: 264px!important;
    min-width: 264px!important;
    max-width: 264px!important
}
.h-272,
.height-272 {
    height: 272px!important;
    min-height: 272px!important;
    max-height: 272px!important
}
.w-272,
.width-272 {
    width: 272px!important;
    min-width: 272px!important;
    max-width: 272px!important
}
.h-288,
.height-288 {
    height: 288px!important;
    min-height: 288px!important;
    max-height: 288px!important
}
.w-288,
.width-288 {
    width: 288px!important;
    min-width: 288px!important;
    max-width: 288px!important
}
.h-296,
.height-296 {
    height: 296px!important;
    min-height: 296px!important;
    max-height: 296px!important
}
.w-296,
.width-296 {
    width: 296px!important;
    min-width: 296px!important;
    max-width: 296px!important
}
.h-304,
.height-304 {
    height: 304px!important;
    min-height: 304px!important;
    max-height: 304px!important
}
.w-304,
.width-304 {
    width: 304px!important;
    min-width: 304px!important;
    max-width: 304px!important
}
.h-312,
.height-312 {
    height: 312px!important;
    min-height: 312px!important;
    max-height: 312px!important
}
.w-312,
.width-312 {
    width: 312px!important;
    min-width: 312px!important;
    max-width: 312px!important
}
.h-328,
.height-328 {
    height: 328px!important;
    min-height: 328px!important;
    max-height: 328px!important
}
.w-328,
.width-328 {
    width: 328px!important;
    min-width: 328px!important;
    max-width: 328px!important
}
.h-336,
.height-336 {
    height: 336px!important;
    min-height: 336px!important;
    max-height: 336px!important
}
.w-336,
.width-336 {
    width: 336px!important;
    min-width: 336px!important;
    max-width: 336px!important
}
.h-344,
.height-344 {
    height: 344px!important;
    min-height: 344px!important;
    max-height: 344px!important
}
.w-344,
.width-344 {
    width: 344px!important;
    min-width: 344px!important;
    max-width: 344px!important
}
.h-352,
.height-352 {
    height: 352px!important;
    min-height: 352px!important;
    max-height: 352px!important
}
.w-352,
.width-352 {
    width: 352px!important;
    min-width: 352px!important;
    max-width: 352px!important
}
.h-368,
.height-368 {
    height: 368px!important;
    min-height: 368px!important;
    max-height: 368px!important
}
.w-368,
.width-368 {
    width: 368px!important;
    min-width: 368px!important;
    max-width: 368px!important
}
.h-376,
.height-376 {
    height: 376px!important;
    min-height: 376px!important;
    max-height: 376px!important
}
.w-376,
.width-376 {
    width: 376px!important;
    min-width: 376px!important;
    max-width: 376px!important
}
.h-384,
.height-384 {
    height: 384px!important;
    min-height: 384px!important;
    max-height: 384px!important
}
.w-384,
.width-384 {
    width: 384px!important;
    min-width: 384px!important;
    max-width: 384px!important
}
.h-392,
.height-392 {
    height: 392px!important;
    min-height: 392px!important;
    max-height: 392px!important
}
.w-392,
.width-392 {
    width: 392px!important;
    min-width: 392px!important;
    max-width: 392px!important
}
.h-408,
.height-408 {
    height: 408px!important;
    min-height: 408px!important;
    max-height: 408px!important
}
.w-408,
.width-408 {
    width: 408px!important;
    min-width: 408px!important;
    max-width: 408px!important
}
.h-416,
.height-416 {
    height: 416px!important;
    min-height: 416px!important;
    max-height: 416px!important
}
.w-416,
.width-416 {
    width: 416px!important;
    min-width: 416px!important;
    max-width: 416px!important
}
.h-424,
.height-424 {
    height: 424px!important;
    min-height: 424px!important;
    max-height: 424px!important
}
.w-424,
.width-424 {
    width: 424px!important;
    min-width: 424px!important;
    max-width: 424px!important
}
.h-432,
.height-432 {
    height: 432px!important;
    min-height: 432px!important;
    max-height: 432px!important
}
.w-432,
.width-432 {
    width: 432px!important;
    min-width: 432px!important;
    max-width: 432px!important
}
.h-448,
.height-448 {
    height: 448px!important;
    min-height: 448px!important;
    max-height: 448px!important
}
.w-448,
.width-448 {
    width: 448px!important;
    min-width: 448px!important;
    max-width: 448px!important
}
.h-456,
.height-456 {
    height: 456px!important;
    min-height: 456px!important;
    max-height: 456px!important
}
.w-456,
.width-456 {
    width: 456px!important;
    min-width: 456px!important;
    max-width: 456px!important
}
.h-464,
.height-464 {
    height: 464px!important;
    min-height: 464px!important;
    max-height: 464px!important
}
.w-464,
.width-464 {
    width: 464px!important;
    min-width: 464px!important;
    max-width: 464px!important
}
.h-472,
.height-472 {
    height: 472px!important;
    min-height: 472px!important;
    max-height: 472px!important
}
.w-472,
.width-472 {
    width: 472px!important;
    min-width: 472px!important;
    max-width: 472px!important
}
.h-488,
.height-488 {
    height: 488px!important;
    min-height: 488px!important;
    max-height: 488px!important
}
.w-488,
.width-488 {
    width: 488px!important;
    min-width: 488px!important;
    max-width: 488px!important
}
.h-496,
.height-496 {
    height: 496px!important;
    min-height: 496px!important;
    max-height: 496px!important
}
.w-496,
.width-496 {
    width: 496px!important;
    min-width: 496px!important;
    max-width: 496px!important
}
.h-504,
.height-504 {
    height: 504px!important;
    min-height: 504px!important;
    max-height: 504px!important
}
.w-504,
.width-504 {
    width: 504px!important;
    min-width: 504px!important;
    max-width: 504px!important
}
.h-512,
.height-512 {
    height: 512px!important;
    min-height: 512px!important;
    max-height: 512px!important
}
.w-512,
.width-512 {
    width: 512px!important;
    min-width: 512px!important;
    max-width: 512px!important
}
.h-528,
.height-528 {
    height: 528px!important;
    min-height: 528px!important;
    max-height: 528px!important
}
.w-528,
.width-528 {
    width: 528px!important;
    min-width: 528px!important;
    max-width: 528px!important
}
.h-536,
.height-536 {
    height: 536px!important;
    min-height: 536px!important;
    max-height: 536px!important
}
.w-536,
.width-536 {
    width: 536px!important;
    min-width: 536px!important;
    max-width: 536px!important
}
.h-544,
.height-544 {
    height: 544px!important;
    min-height: 544px!important;
    max-height: 544px!important
}
.w-544,
.width-544 {
    width: 544px!important;
    min-width: 544px!important;
    max-width: 544px!important
}
.h-552,
.height-552 {
    height: 552px!important;
    min-height: 552px!important;
    max-height: 552px!important
}
.w-552,
.width-552 {
    width: 552px!important;
    min-width: 552px!important;
    max-width: 552px!important
}
.h-568,
.height-568 {
    height: 568px!important;
    min-height: 568px!important;
    max-height: 568px!important
}
.w-568,
.width-568 {
    width: 568px!important;
    min-width: 568px!important;
    max-width: 568px!important
}
.h-576,
.height-576 {
    height: 576px!important;
    min-height: 576px!important;
    max-height: 576px!important
}
.w-576,
.width-576 {
    width: 576px!important;
    min-width: 576px!important;
    max-width: 576px!important
}
.h-584,
.height-584 {
    height: 584px!important;
    min-height: 584px!important;
    max-height: 584px!important
}
.w-584,
.width-584 {
    width: 584px!important;
    min-width: 584px!important;
    max-width: 584px!important
}
.h-592,
.height-592 {
    height: 592px!important;
    min-height: 592px!important;
    max-height: 592px!important
}
.w-592,
.width-592 {
    width: 592px!important;
    min-width: 592px!important;
    max-width: 592px!important
}
.h-608,
.height-608 {
    height: 608px!important;
    min-height: 608px!important;
    max-height: 608px!important
}
.w-608,
.width-608 {
    width: 608px!important;
    min-width: 608px!important;
    max-width: 608px!important
}
.h-616,
.height-616 {
    height: 616px!important;
    min-height: 616px!important;
    max-height: 616px!important
}
.w-616,
.width-616 {
    width: 616px!important;
    min-width: 616px!important;
    max-width: 616px!important
}
.h-624,
.height-624 {
    height: 624px!important;
    min-height: 624px!important;
    max-height: 624px!important
}
.w-624,
.width-624 {
    width: 624px!important;
    min-width: 624px!important;
    max-width: 624px!important
}
.h-632,
.height-632 {
    height: 632px!important;
    min-height: 632px!important;
    max-height: 632px!important
}
.w-632,
.width-632 {
    width: 632px!important;
    min-width: 632px!important;
    max-width: 632px!important
}
.h-648,
.height-648 {
    height: 648px!important;
    min-height: 648px!important;
    max-height: 648px!important
}
.w-648,
.width-648 {
    width: 648px!important;
    min-width: 648px!important;
    max-width: 648px!important
}
.h-656,
.height-656 {
    height: 656px!important;
    min-height: 656px!important;
    max-height: 656px!important
}
.w-656,
.width-656 {
    width: 656px!important;
    min-width: 656px!important;
    max-width: 656px!important
}
.h-664,
.height-664 {
    height: 664px!important;
    min-height: 664px!important;
    max-height: 664px!important
}
.w-664,
.width-664 {
    width: 664px!important;
    min-width: 664px!important;
    max-width: 664px!important
}
.h-672,
.height-672 {
    height: 672px!important;
    min-height: 672px!important;
    max-height: 672px!important
}
.w-672,
.width-672 {
    width: 672px!important;
    min-width: 672px!important;
    max-width: 672px!important
}
.h-688,
.height-688 {
    height: 688px!important;
    min-height: 688px!important;
    max-height: 688px!important
}
.w-688,
.width-688 {
    width: 688px!important;
    min-width: 688px!important;
    max-width: 688px!important
}
.h-696,
.height-696 {
    height: 696px!important;
    min-height: 696px!important;
    max-height: 696px!important
}
.w-696,
.width-696 {
    width: 696px!important;
    min-width: 696px!important;
    max-width: 696px!important
}
.h-704,
.height-704 {
    height: 704px!important;
    min-height: 704px!important;
    max-height: 704px!important
}
.w-704,
.width-704 {
    width: 704px!important;
    min-width: 704px!important;
    max-width: 704px!important
}
.h-712,
.height-712 {
    height: 712px!important;
    min-height: 712px!important;
    max-height: 712px!important
}
.w-712,
.width-712 {
    width: 712px!important;
    min-width: 712px!important;
    max-width: 712px!important
}
.h-728,
.height-728 {
    height: 728px!important;
    min-height: 728px!important;
    max-height: 728px!important
}
.w-728,
.width-728 {
    width: 728px!important;
    min-width: 728px!important;
    max-width: 728px!important
}
.h-736,
.height-736 {
    height: 736px!important;
    min-height: 736px!important;
    max-height: 736px!important
}
.w-736,
.width-736 {
    width: 736px!important;
    min-width: 736px!important;
    max-width: 736px!important
}
.h-744,
.height-744 {
    height: 744px!important;
    min-height: 744px!important;
    max-height: 744px!important
}
.w-744,
.width-744 {
    width: 744px!important;
    min-width: 744px!important;
    max-width: 744px!important
}
.h-752,
.height-752 {
    height: 752px!important;
    min-height: 752px!important;
    max-height: 752px!important
}
.w-752,
.width-752 {
    width: 752px!important;
    min-width: 752px!important;
    max-width: 752px!important
}
.h-768,
.height-768 {
    height: 768px!important;
    min-height: 768px!important;
    max-height: 768px!important
}
.w-768,
.width-768 {
    width: 768px!important;
    min-width: 768px!important;
    max-width: 768px!important
}
.h-776,
.height-776 {
    height: 776px!important;
    min-height: 776px!important;
    max-height: 776px!important
}
.w-776,
.width-776 {
    width: 776px!important;
    min-width: 776px!important;
    max-width: 776px!important
}
.h-784,
.height-784 {
    height: 784px!important;
    min-height: 784px!important;
    max-height: 784px!important
}
.w-784,
.width-784 {
    width: 784px!important;
    min-width: 784px!important;
    max-width: 784px!important
}
.h-792,
.height-792 {
    height: 792px!important;
    min-height: 792px!important;
    max-height: 792px!important
}
.w-792,
.width-792 {
    width: 792px!important;
    min-width: 792px!important;
    max-width: 792px!important
}
.b,
.border {
    border: 1px solid rgba(0, 0, 0, .12)
}
.border-top,
.bt {
    border-top: 1px solid rgba(0, 0, 0, .12)
}
.border-right,
.br {
    border-right: 1px solid rgba(0, 0, 0, .12)
}
.bb,
.border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}
.bh,
.bl,
.border-horizontal,
.border-left {
    border-left: 1px solid rgba(0, 0, 0, .12)
}
.bh,
.border-horizontal {
    border-right: 1px solid rgba(0, 0, 0, .12)
}
.border-vertical,
.bv {
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}
.brad-1 {
    border-radius: 1px
}
.brad-2 {
    border-radius: 2px
}
.brad-3 {
    border-radius: 3px
}
.brad-4 {
    border-radius: 4px
}
.brad-5 {
    border-radius: 5px
}
.brad-6 {
    border-radius: 6px
}
.brad-7 {
    border-radius: 7px
}
.brad-8 {
    border-radius: 8px
}
.brad-9 {
    border-radius: 9px
}
.brad-10 {
    border-radius: 10px
}
.brad-11 {
    border-radius: 11px
}
.brad-12 {
    border-radius: 12px
}
@media all {
    .page-break {
        display: none
    }
}
@media print {
    .page-break {
        display: block;
        break-after: always;
        page-break-after: always
    }
    #main #quick-panel,
    #main #toolbar,
    #main #vertical-navigation,
    ms-theme-options {
        display: none
    }
    #main #content {
        position: relative!important;
        top: 0!important;
        right: 0!important;
        bottom: 0!important;
        left: 0!important;
        background: 0 0!important
    }
    .ps-scrollbar-x-rail,
    .ps-scrollbar-y-rail {
        display: none!important
    }
    .printable {
        overflow: visible!important
    }
    .printable .template-layout {
        display: inline!important
    }
}
.show-more {
    margin-top: 15px
}
.show-more .show-more-button {
    border-radius: 0
}
.quote-list .quote-text {
    padding-top: 5px
}
.quote-list .quote-text a {
    padding: 5px;
    color: #00a19c;
    font-size: 18px;
    font-weight: 700
}
.quote-list .quote-text p {
    padding: 5px;
    font-size: 14px
}
.quote-list .quote-item {
    margin-top: 30px;
    height: 200px;
    border-radius: 3px;
    border: 1px solid #ccc;
    cursor: pointer;
    position: relative
}
.quote-list .quote-item:hover .quote-title,
.quote-list .quote-item:hover .the-chosen-one,
a img {
    display: block
}
.quote-list .quote-item .quote-title,
.quote-list .quote-item .the-chosen-one {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: .8;
    padding-top: 7px
}
.quote-list .quote-item .the-chosen-one {
    top: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding-left: 10px;
    display: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    text-align: left
}
.quote-list .quote-item .quote-title a,
.quote-list .quote-item .the-chosen-one a {
    color: #fff;
    font-size: 20px;
    text-decoration: none
}
.quote-list .quote-item .the-chosen-one i {
    position: absolute;
    font-size: 25px;
    top: 50%;
    right: 50%;
    margin-top: -16px;
    margin-right: -16px;
    color: #fff;
    -ms-transform: rotate(45deg)!important;
    -webkit-transform: rotate(45deg)!important;
    transform: rotate(45deg)!important
}
.quote-list .quote-item .quote-title {
    display: block;
    height: 40px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center
}
fieldset.scheduler-border {
    border: 1px groove #ddd!important;
    padding: 0 1.4em 1.4em!important;
    margin: 0 0 1.5em!important;
    -webkit-box-shadow: 0 0 0 0 #000;
    box-shadow: 0 0 0 0 #000
}
legend.scheduler-border {
    font-size: 1.2em!important;
    font-weight: 700!important;
    text-align: left!important;
    width: auto;
    padding: 0 10px;
    border-bottom: none
}
.dropzone {
    margin-top: 20px
}
.drop-box {
    width: 100%;
    height: 250px;
    border: 3px dashed #000;
    line-height: 250px;
    text-align: center
}
#Onboarding .modal-body .top-box img,
.image-container img {
    width: 100%;
    height: auto
}
.title-box {
    line-height: 1.8
}
.oil-container .title-box,
.title-box {
    color: #00a19c!important;
    font-size: 16px;
    font-weight: 700
}
.oil-container .oil-table {
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fafafa
}
.oil-container .oil-table th {
    color: #00a19c;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 2px solid #00a19c!important
}
#btnFilter {
    padding: 6px 16px
}
.oil-pagination {
    margin-top: 10px
}
.grid-command {
    font-size: 22px;
    cursor: pointer;
    color: #777
}
.btnCancel {
    margin-left: 5px;
    background-color: #999!important;
    color: #fff;
    padding: 3px 12px
}
.btnCancel:hover {
    color: #fff
}
.exchange-rate-table tbody tr:nth-child(even) {
    background-color: #ccc
}
#main-body #intranet-tabs .tab-content .item h4,
#main-body #myCarousel .item .item-info h3,
#main-body #top-news .item h4,
.exchange-rate-pagination {
    margin-top: 0
}
#btnUpload {
    margin-left: 25px
}
.drop-box-file {
    width: 100%;
    height: 250px;
    border: 3px dashed #000;
    line-height: 250px
}
.drop-box-file,
.image-container-file {
    text-align: center
}
.image-container-file img {
    display: inline-block;
    width: auto;
    height: auto
}
.download-box {
    text-align: right
}
.download-box .form-group,
.menu-management .parent-menu:hover .fa-pencil,
.menu-management .parent-menu:hover .fa-times,
.menu-management .sub-menu div:hover .fa-pencil,
.menu-management .sub-menu div:hover .fa-times,
footer nav ul li {
    display: inline-block
}
.btnUpdate {
    background-color: #00a19c!important;
    color: #fff;
    padding: 3px 12px
}
#VideoPopup button:hover,
.btnUpdate:hover {
    color: #fff
}
.menu-management {
    padding: 0 60px
}
.menu-management label {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "MuseoSans", "Arial", "Helvetica Neue", sans-serif;
    line-height: 1.4;
    letter-spacing: -.1px;
    font-weight: 700;
    margin-top: 10px
}
.menu-management label:hover {
    color: #00a19c
}
.menu-management .parent-menu {
    padding-left: 15px;
    margin-top: 5px
}
.menu-management .parent-menu .fa-times {
    color: red;
    display: none;
    cursor: pointer
}
.menu-management .parent-menu .fa-pencil {
    display: none;
    cursor: pointer
}
.menu-management .parent-menu i {
    cursor: pointer
}
.menu-management .parent-menu a {
    font-weight: 700;
    font-size: 14px;
    color: #00a19c;
    padding: 5px
}
.menu-management a {
    text-decoration: none
}
.add-padding-left,
.menu-management .sub-menu {
    padding-left: 50px
}
.menu-management .sub-menu .fa-times {
    color: red;
    display: none;
    cursor: pointer
}
.menu-management .sub-menu .fa-pencil {
    display: none;
    cursor: pointer
}
.menu-management .sub-menu .fa-check {
    color: green;
    cursor: pointer
}
.menu-management .sub-menu a,
.menu-management .sub-menu input {
    color: #000;
    font-size: 13px;
    padding: 5px
}
.menu-management .sub-menu .sub-menu-editor-deleted {
    display: none!important
}
.menu-management .sub-menu .sub-menu-editor-showed {
    display: inline-block!important
}
.menu-management .sub-menu input {
    height: 18px;
    position: relative
}
.menu-management .sub-menu input span {
    position: absolute;
    right: 0;
    top: 0
}
.add-new .fa-plus-circle {
    color: green
}
.add-new-sub .fa-plus-circle {
    color: green;
    padding-left: 5px;
    cursor: pointer
}
.add-padding-right {
    padding-right: 50px
}
.k-window .k-window-titlebar {
    background-color: #eee;
    color: #555
}
.k-animation-container .k-list-container {
    background-color: #fafafa;
    color: #555
}
.k-animation-container .k-state-default,
.k-animation-container .k-state-selected {
    background-color: #cceae8;
    color: #555
}
.k-animation-container .k-state-default:hover,
.k-animation-container .k-state-selected:hover {
    background-color: #2eb3a6;
    color: #fff
}
.k-animation-container .k-state-default .k-input,
.k-animation-container .k-state-default:hover .k-input,
.k-animation-container .k-state-selected .k-input,
.k-animation-container .k-state-selected:hover .k-input {
    color: #555
}
.k-animation-container .k-filter-menu {
    background-color: #fafafa!important;
    border-color: #444!important;
    color: #555
}
.k-animation-container .k-filter-menu .k-button {
    background-color: #cceae8;
    color: #555;
    border-color: #2eb3a6
}
.k-animation-container .k-filter-menu .k-button:hover {
    border-color: #000
}
.intranet-grid,
.intranet-grid .k-link:hover {
    border-color: #eee!important
}
.intranet-grid .k-grid-header th,
.intranet-grid .k-state-selected {
    border-bottom-color: #eee!important;
    border-left-color: #eee!important;
    border-right-color: #eee!important
}
.intranet-grid .k-state-hover .k-i-arrow-s {
    background-position: 0 -35px!important
}
.intranet-grid .k-state-hover .k-i-arrow-n {
    background-position: 0 -3px!important
}
.intranet-grid .k-state-hover .k-input {
    color: #555!important
}
.intranet-grid .k-grouping-header {
    background-color: #fafafa;
    border-color: #eee;
    color: #555
}
.intranet-grid .k-grouping-header .k-group-indicator {
    border: 1px solid #606572!important;
    color: #000;
    background-color: #ccc!important
}
.custom-kendo tr:hover,
.intranet-grid .k-grouping-header .k-group-indicator:hover,
.intranet-grid .k-grouping-header .k-group-indicator:hover .k-button,
.intranet-grid .k-grouping-header .k-group-indicator:hover .k-link,
.intranet-grid tr:hover {
    background-color: #cceae8!important
}
.intranet-grid .k-grouping-header .k-group-indicator .k-link {
    color: #000;
    background-color: #ccc!important
}
.intranet-grid .k-grouping-header .k-group-indicator .k-button {
    margin-top: -4px;
    color: #000;
    background-color: #ccc!important;
    border: none!important
}
.intranet-grid .k-state-hover .k-i-calendar {
    background-position: -32px -176px!important
}
.intranet-grid .k-grid-filter.k-state-active {
    background-color: #cceae8
}
.intranet-grid .k-pager-info.k-label {
    margin-top: 5px;
    color: #555
}
.intranet-grid .k-pager-info.k-label:hover,
.intranet-grid tbody tr td,
.intranet-grid tbody tr td:hover {
    color: #555
}
.intranet-grid .k-grid-header {
    text-transform: uppercase
}
.intranet-grid .k-grid-header th {
    border-bottom-color: #00a19c!important
}
.intranet-grid .k-grid-delete {
    margin-left: 10px
}
.intranet-grid .k-button {
    border: 1px solid #606572!important;
    color: #000;
    background-color: #ccc!important
}
.intranet-grid .k-button:hover {
    background-color: #cceae8!important;
    border: 1px solid #2eb3a6!important
}
.custom-kendo .k-pager-nav>.k-icon,
.intranet-grid .k-pager-nav>.k-icon {
    margin-top: -5px
}
.intranet-grid .k-state-selected {
    padding: 4px!important
}
.intranet-grid .k-header,
.intranet-grid .k-link {
    background-color: #fafafa;
    color: #555!important;
    border-color: #eee
}
.intranet-grid .k-pager-wrap {
    background-color: #fafafa;
    border-color: #eee!important
}
.custom-kendo .k-state-selected {
    border-bottom-color: #eee!important;
    border-left-color: #eee!important;
    border-right-color: #eee!important
}
#LinkListView,
#header #profile-nav li i,
.custom-kendo .k-pager-info {
    margin-top: 5px
}
.custom-kendo .k-state-selected {
    padding: 4px!important
}
.custom-kendo .k-header,
.custom-kendo .k-link {
    color: #555!important
}
.custom-kendo .k-header,
.custom-kendo .k-link,
.custom-kendo .k-pager-wrap {
    background-color: #fafafa;
    border-color: #eee!important
}
#LinkListView {
    border: none
}
#bookmark .add-new {
    position: absolute;
    right: 10px;
    top: 55px;
    color: #00a19c;
    font-weight: 700;
    font-size: 13px
}
#bookmark .k-textbox:hover {
    background-color: #f9f9f9
}
#bookmark .k-textbox:hover .k-i-search {
    background-position: -32px -240px
}
#bookmark .k-textbox:hover .k-i-collapse {
    background-position: 0 -224px
}
#bookmark .title {
    font-weight: 700;
    font-size: 13px;
    margin-bottom: 0
}
#bookmark .bookmark {
    border-bottom: 1px solid #e5e5e5;
    float: left;
    padding: 10px 10px 0
}
#bookmark .bookmark .bookmark-item-box {
    border-radius: 3px;
    min-height: 60px
}
#bookmark .bookmark .bookmark-item-box:hover {
    background-color: #f4f4f4
}
#bookmark .bookmark .bookmark-item-box:hover .func-box button {
    color: #fff;
    background-color: #00a19c
}
#bookmark .bookmark .bookmark-item-box .func-box,
#bookmark .bookmark .bookmark-item-box .text-box {
    float: left
}
#bookmark .bookmark .bookmark-item-box .func-box {
    height: 50px
}
#bookmark .bookmark .bookmark-item-box .text-box {
    padding-top: 5px;
    height: 65px
}
#bookmark .bookmark .bookmark-item-box .func-box {
    width: 100px;
    padding-right: 15px
}
#bookmark .bookmark .bookmark-item-box .text-box {
    padding-right: 15px;
    width: 405px;
    overflow: hidden;
    text-overflow: ellipsis
}
#bookmark .bookmark .bookmark-item-box .text-box .title {
    white-space: nowrap;
    color: #00a19c;
    font-weight: 700;
    margin: 0;
    font-size: 14px
}
#bookmark .bookmark .bookmark-item-box .text-box .description {
    padding-top: 5px;
    font-size: 12px;
    margin: 0;
    line-height: 13px;
    max-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis
}
#bookmark .bookmark .bookmark-item-box .func-box {
    margin-top: 12px
}
#bookmark .bookmark .bookmark-item-box .func-box button {
    color: #00a19c;
    border: 1px solid #00a19c;
    border-radius: 5px;
    font-weight: 700;
    font-size: 9px;
    padding: 5px 15px
}
#bookmark .bookmark .bookmark-item-box .text-box {
    padding-left: 15px
}
#bookmark .bookmark:last-child {
    margin-bottom: 5px
}
.menu-group-item,
.menu-item {
    color: #00a19c;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 22px!important;
    line-height: 2.5em;
    text-decoration: none!important
}
.menu-group-item {
    color: #fff;
    font-size: 17px!important
}
.sub-menu-item {
    color: #888;
    font-weight: 500;
    line-height: 1.8em;
    text-decoration: none!important
}
.menu-col {
    width: 25%;
    float: left;
    text-align: left
}
.sitemap {
    padding: 15px 50px 0!important;
    height: 100%!important
}
.sitemap ul {
    width: 100%;
    height: 90%
}
.sidebar-expaned-menu {
    left: -304px!important
}
.menu-col-header {
    width: 300px;
    float: left;
    padding: 0 15px 10px!important;
    margin-top: 15px;
    border-right: solid 1px #eee
}
.menu-col-header:first-child {
    border-left: solid 1px #eee
}
.menu-col-header:last-child {
    border-right-color: transparent
}
#header #site-menu .mega-menu .col p,
.menu-col-header p {
    text-transform: uppercase;
    color: #02ac9a;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 13px
}
.menu-col-header ul {
    margin-bottom: 0!important
}
.mega-menu {
    box-shadow: 1px 1px 1px #888
}
.mega-menu-1,
.mega-menu-2,
.mega-menu-3,
.mega-menu-4 {
    width: 331px!important;
    box-shadow: 1px 1px 1px #888;
    top: 40px!important;
    left: -65.5px!important
}
.mega-menu-2,
.mega-menu-3,
.mega-menu-4 {
    width: 631px!important;
    left: -215.5px!important
}
.mega-menu-3,
.mega-menu-4 {
    width: 931px!important
}
.mega-menu-4 {
    width: 1231px!important;
    left: -515.5px!important
}
.parent-menu {
    position: relative
}
.blank-list,
.events-blank-list {
    text-align: center;
    font-size: 15px
}
.blank-list {
    padding: 20px;
    padding-top: 170px!important
}
.blank-list a.form-control {
    text-decoration: none;
    width: 150px;
    color: #00a19c;
    display: inline-block;
    border: 1px dashed #00a19c
}
.blank-list img {
    width: 130px
}
#AllBookmarks .modal-body div a,
.blank-list h5,
.blank-list p,
.login-form select.login-control {
    color: #999
}
.blank-list h5 {
    margin-bottom: 2px
}
.events-blank-list {
    padding-top: 100px!important
}
div.tab-img {
    height: 125px
}
div.trending-img {
    height: 87px
}
div.banner-div {
    height: 100%
}
.login-form {
    text-align: center;
    border-radius: 3px;
    height: 400px;
    width: 450px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -225px
}
.login-form img {
    width: 110px
}
.login-form .login-control {
    margin-top: 10px;
    width: 240px;
    height: 30px;
    border-radius: 2px
}
.login-form .login-control:first-child {
    margin-top: 20px
}
#ChooseOPU .modal-body button[disabled],
.login-form button,
.login-form button[disabled] {
    background-color: #00a19c;
    color: #fff;
    font-weight: 700
}
.login-form p {
    font-family: "museo_sans300";
    font-size: 21px;
    font-weight: 500;
    color: #00a19c
}
.login-form p b {
    font-weight: 700;
    font-size: 23px
}
#btnPlay,
.login-box {
    position: absolute;
    left: 50%
}
.login-box {
    margin-left: -115px;
    width: 227px;
    height: auto
}
#menu1,
#menu2,
#menu3,
#mustread {
    padding-top: 10px;
    position: relative
}
#menu1 .view-more,
#menu2 .view-more,
#menu3 .view-more,
#mustread .view-more {
    position: absolute;
    top: 5px;
    right: 3px
}
#btnPlay {
    top: 50%;
    margin: -24px 0 0 -24px;
    cursor: pointer
}
#VideoPopup {
    top: 15%
}
#VideoPopup .modal-body {
    position: relative;
    padding: 2px 2px 0
}
#VideoPopup #vdToday {
    margin-bottom: -3px
}
#VideoPopup .modal-content {
    border-radius: 3px
}
#ChooseOPU .modal-body .profile .avatar img,
#VideoPopup video,
#main-body #myCarousel .item img,
#main-body #top-news .item img,
#sidebar .profile .avatar img {
    width: 100%
}
#VideoPopup button {
    top: -15px;
    right: -15px;
    position: absolute;
    height: 28px;
    width: 28px;
    background-color: #000;
    opacity: 1;
    color: #fff;
    border-radius: 50%
}
#ChooseOPU .modal-dialog {
    width: 600px
}
#ChooseOPU .modal-body {
    height: 600px;
    padding: 0;
    position: relative
}
#ChooseOPU .modal-body .top-box {
    width: 100%;
    height: 45%;
    text-align: center;
    background-color: #00a19c;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding-top: 75px
}
#ChooseOPU .modal-body .top-box .title {
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    margin: 0
}
#ChooseOPU .modal-body .top-box .content {
    color: #fff
}
#ChooseOPU .modal-body .bottom-box {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    width: 100%;
    height: 55%;
    text-align: center;
    background-color: #f0f0f0;
    padding: 90px 50px 50px
}
#ChooseOPU .modal-body .bottom-box .message {
    color: #444;
    font-size: 12px
}
#ChooseOPU .modal-body .bottom-box .strong-message {
    color: #000;
    font-weight: 700;
    font-size: 13px
}
#ChooseOPU .modal-body .bottom-box select {
    width: 400px;
    border-color: #00a19c;
    display: inline-block
}
#ChooseOPU .modal-body .bottom-box .note {
    border-radius: 3px;
    padding: 15px;
    margin-top: 10px;
    display: inline-block;
    background-color: #e7e7e7;
    width: 450px
}
#ChooseOPU .modal-body .bottom-box .note .icon {
    width: 20px;
    margin-right: 15px;
    height: 20px;
    border: 1px solid #00a19c;
    color: #00a19c;
    float: left;
    text-align: center;
    border-radius: 50%
}
#ChooseOPU .modal-body .bottom-box .note .text {
    text-align: left!important;
    width: 85%;
    float: left
}
#ChooseOPU .modal-body .bottom-box .note .text p {
    margin: 0;
    font-size: 12px;
    color: #666
}
#ChooseOPU .modal-body .bottom-box .note .text .link {
    font-size: 12px;
    font-weight: 700;
    color: #00a19c;
    text-decoration: none
}
#ChooseOPU .modal-body button {
    display: inline-block;
    width: 150px;
    background: #00a19c;
    color: #fff;
    font-weight: 700
}
#ChooseOPU .modal-body .profile {
    position: absolute;
    left: 0;
    right: 0;
    top: 32%;
    text-align: center;
    padding: 15px
}
#ChooseOPU .modal-body .profile .avatar {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto 10px;
    border: solid 2px #fff
}
#ChooseOPU .modal-body .profile h2 {
    font-size: 16px;
    color: #00a19c;
    text-transform: uppercase;
    margin-top: -5px;
    margin-bottom: 0;
    font-weight: 700
}
#ChooseOPU .modal-body .profile p {
    margin-top: -5px;
    color: #555;
    font-weight: 700;
    font-size: 14px
}
#AllBookmarks .modal-body div:hover .fa-trash,
#AllBookmarks .modal-body div:hover a,
.sidebar-nav .fa-bookmark {
    color: #00a19c
}
.sidebar-nav span.title {
    color: #00a19c!important
}
#quote-of-theday {
    position: relative
}
#quote-of-theday:hover .edit-button,
#quote-of-theday:hover .quote-overlay {
    display: block
}
#quote-of-theday .quote-overlay {
    display: none;
    background-color: #000;
    opacity: .8;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}
#quote-of-theday .edit-button {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    width: auto;
    height: auto;
    font-size: 12px;
    float: left;
    padding: 5px 7px 7px
}
#quote-of-theday .edit-button:hover,
footer nav ul li a:hover {
    color: #fff
}
#gridOil .k-header .k-button.k-button-icontext,
#xchangeGrid .k-header .k-button.k-button-icontext {
    float: right
}
.exchange-rate-title {
    text-align: center;
    margin-bottom: 15px
}
.exchange-rate-title .title {
    font-size: 16px!important;
    font-weight: 700;
    margin: 0
}
.exchange-rate-title .text {
    font-size: 14px!important;
    margin: 0
}
#AllBookmarks .modal-dialog {
    margin: 240px;
    width: 700px
}
#AllBookmarks .modal-body {
    padding: 15px
}
#AllBookmarks .modal-body div:nth-child(even) {
    margin-left: 25px
}
#AllBookmarks .modal-body div:nth-child(odd) {
    margin-left: 30px
}
#AllBookmarks .modal-body div {
    cursor: pointer;
    width: 300px;
    background-color: #f1f1f1;
    color: #999;
    padding: 8px 5px 5px;
    float: left;
    margin-bottom: 10px;
    border-radius: 3px
}
#AllBookmarks .modal-body div:hover {
    background-color: #c9edeb
}
#AllBookmarks .modal-body div .fa-trash {
    margin-top: 2px;
    float: right;
    font-size: 16px
}
#AllBookmarks .modal-content {
    border-radius: 3px
}
#AllBookmarks .modal-header button {
    color: #000
}
.btn-add-bookmark:disabled {
    cursor: not-allowed
}
.added-box {
    font-size: 17px
}
.added-box,
.added-box:hover {
    color: #00a19c
}
.filter-box {
    width: 100%;
    padding-left: 10px
}
.filter-box p {
    cursor: pointer;
    margin-bottom: 3px;
    font-size: 14px;
    text-decoration: none;
    color: #333
}
.result-box {
    height: 100%;
    padding: 15px 15px 15px 5px
}
.result-box .search-result-item {
    position: relative;
    padding: 10px;
    cursor: pointer;
    margin-top: 10px
}
.result-box .search-result-item .search-popup {
    right: -360px;
    top: -30px;
    width: 330px;
    background-color: #fff;
    position: absolute;
    border: 1px solid #999;
    display: none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 5px;
    padding: 10px 15px
}
.result-box .search-result-item .search-popup:after,
.result-box .search-result-item .search-popup:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 20px 20px 20px 0;
    border-color: transparent #999;
    display: block;
    width: 0;
    z-index: 1;
    left: -20px;
    top: 38%
}
.result-box .search-result-item .search-popup:before {
    border-color: transparent #fff;
    z-index: 2;
    left: -18px
}
.result-box .search-result-item .search-popup .title-popup {
    font-weight: 700;
    font-size: 17px;
    color: #555;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.result-box .search-result-item .search-popup .author-label,
.result-box .search-result-item .search-popup .last-update-label,
.result-box .search-result-item .search-popup .web-page {
    font-size: 14px;
    color: #999!important
}
.login-page .main-container .login-form-div .login-form-box .form-group input,
.result-box .search-result-item .search-popup .author-label,
.result-box .search-result-item .search-popup .last-update-label {
    margin-top: 10px
}
.result-box .search-result-item .search-popup .author,
.result-box .search-result-item .search-popup .last-update {
    font-size: 14px;
    color: #555!important
}
.result-box .search-result-item:hover {
    background-color: #fafafa;
    border-radius: 2px
}
.result-box .search-result-item:hover .search-popup {
    display: block
}
.menu-col-div ul li:first-child p,
.result-box .search-result-item:first-child {
    margin-top: 0
}
.result-box .search-result-item .title {
    font-size: 17px;
    color: #00a19c
}
.result-box .search-result-item .title:hover {
    text-decoration: underline!important
}
.result-box .search-result-item .description {
    font-size: 14px;
    margin: 0;
    white-space: normal!important;
    line-height: 14px;
    max-height: 2.5em;
    overflow: hidden;
    text-overflow: ellipsis
}
.result-box .search-result-item .link {
    margin-top: 5px;
    font-size: 14px;
    line-height: 14px;
    max-height: 1em;
    overflow: hidden;
    color: green;
    text-overflow: ellipsis
}
.loading-big {
    clear: both;
    margin: 0 auto;
    background: url(../images/loading-big.gif) center no-repeat #fff
}
#Onboarding .modal-dialog {
    width: 600px
}
#Onboarding .modal-body {
    height: 400px;
    padding: 0;
    position: relative
}
#Onboarding .modal-body .top-box {
    width: 100%;
    height: 45%;
    text-align: center;
    background-color: #fff;
    color: #00a19c;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px
}
#Onboarding .modal-body .top-box .title {
    color: #00a19c;
    font-weight: 700;
    font-size: 22px;
    margin: 0
}
#Onboarding .modal-body .top-box .content {
    color: #00a19c
}
#Onboarding .modal-body button {
    margin-top: 20px;
    display: inline-block;
    width: 150px;
    background: #00a19c;
    color: #fff;
    font-weight: 700
}
.currency-note {
    margin-top: 15px
}
.currency-note p {
    margin-bottom: 5px;
    font-style: italic;
    font-size: 12px
}
.menu-col-div ul li p {
    margin-top: 15px;
    cursor: default
}
.login-page {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.login-page .header-box {
    position: relative;
    background-color: #00b1a9;
    padding: 10px;
    min-height: 42px
}
.login-page .header-box .container-cus {
    margin-left: auto!important;
    margin-right: auto!important
}
.login-page .header-box .title-box {
    padding-left: 140px
}
.login-page .header-box .title-box .title {
    margin-bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 300
}
.login-page .header-box .logo-box {
    position: absolute;
    top: 0
}
.login-page .header-box .logo-box img {
    max-height: 150px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .04);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .04)
}
.login-page .footer-login {
    position: fixed;
    background-color: #fff;
    bottom: 0;
    width: 100%;
    height: 90px;
    border-top: 3px solid #00a19c;
    z-index: 1;
    text-align: right
}
.login-page .footer-login .notice {
    border-bottom: solid 1px #ddd;
    list-style: none;
    margin: 0;
    padding: 2px 0;
    font-size: 11px
}
.login-page .footer-login .notice a {
    color: #5f6a72;
    font-size: 11px;
    text-decoration: none
}
.login-page .footer-login .notice li {
    list-style: none;
    display: inline;
    margin-right: 15px
}
.login-page .footer-login p {
    text-align: center;
    color: #5f6a72;
    font-size: 11px;
    line-height: 16px
}
.login-page .footer-login p a {
    color: #5f6a72
}
.login-page .main-container .login-form-div {
    width: 500px;
    height: 280px;
    position: relative;
    top: 130px;
    padding: 0 25px;
    margin: 0 auto;
    background: url(/images/LoginBox2.png) no-repeat 0 0 #fff
}
.login-page .main-container .login-form-div .login-form-box {
    padding-top: 10px
}
.login-page .main-container .login-form-div .login-form-box .control-label {
    font-weight: 400
}
.login-page .main-container .login-form-div .login-form-box #btnLogin {
    margin-top: 10px;
    float: right;
    color: #fff;
    background-color: rgba(0, 177, 169, .8);
    border-color: transparent;
    padding: 4px 10px;
    font-size: 14px!important;
    min-width: 96px;
    font-weight: 700
}
.login-page .main-container .login-form-div .login-header-box h2 {
    margin: 15px 0 0 134px;
    font-size: 22px;
    text-transform: none;
    color: #00b1a9;
    line-height: 1.2;
    font-weight: 700
}
.login-page .main-container .login-form-div .login-header-box h3 {
    line-height: 1.2;
    font-size: 13px;
    color: #444;
    margin: 1px 0 0 134px
}
.login-page .main-container .login-horibar {
    position: absolute;
    top: 260px;
    height: 100px;
    width: 100%;
    background-color: #00b1a9
}
@media screen and (max-width: 995px) {
    .login-form-div {
        background: #fff!important;
        width: 395px!important
    }
    .login-form-div .login-header-box h2 {
        font-size: 17px!important
    }
    .login-form-div .login-header-box h3 {
        font-size: 12px!important
    }
}
@media (max-width: 768px) {
    #AllBookmarks .modal-dialog {
        margin: 240px 35px
    }
}
@media (min-width: 769px) {
    #AllBookmarks .modal-dialog {
        margin: 240px
    }
    .login-form-box .control-label {
        padding-top: 17px;
        margin-bottom: 0;
        text-align: right
    }
    .login-form-box .control-label:first-child {
        padding-top: 7px;
        margin-bottom: 0;
        text-align: right
    }
}
@media screen and (max-width: 1200px) {
    .k-button.k-grid-excel {
        display: none!important
    }
}
@media screen and (min-width: 1200px) {
    .login-page .header-box .container-cus {
        width: 1170px
    }
}
.txt-title {
    height: 20px;
    width: 508px
}
.image-preview-input {
    position: relative;
    overflow: hidden;
    margin: 0;
    color: #333;
    background-color: #fff;
    border-color: #ccc
}
.image-preview-input input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0)
}
.image-preview-input-title {
    margin-left: 2px
}
.login-container {
    text-align: center
}
.login-container .login-form-container {
    padding-top: 70px;
    width: 500px;
    display: inline-block
}
.login-container .login-form-container img {
    width: 160px;
    height: 200px
}
.login-container .login-form-container .form-container {
    padding-top: 30px;
    width: 480px;
    display: inline-block
}
.login-container .login-form-container .form-container .form-control {
    height: 48px;
    box-shadow: none;
    padding: 6px 16px
}
.login-container .login-form-container .form-container .form-control:focus {
    border-color: #999!important
}
.login-container .login-form-container .form-container select {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    cursor: pointer
}
.login-container .login-form-container .form-container .btnUserName {
    border-radius: 0!important
}
.login-container .login-form-container .form-container .btnPassword {
    border-top-right-radius: 0;
    border-top-left-radius: 0
}
.login-container .login-form-container .form-container .btn-login {
    margin-top: 20px;
    width: 100%;
    font-weight: 700;
    color: #fff;
    background-color: #68468b;
    border: none;
    height: 36px;
    border-radius: 4px
}
.login-container .login-form-container .title {
    margin-top: 60px;
    color: #fff;
    font-size: 3rem;
    font-weight: 700
}
.login-container .login-footer-container {
    position: absolute;
    height: 80px;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
    background-color: transparent;
    text-align: center
}
.login-container .login-footer-container .login-footer-infor {
    padding-top: 10px;
    width: 500px;
    height: 50px;
    display: inline-block
}
.login-container .login-footer-container .login-footer-infor .clear-div {
    clear: left
}
.login-container .login-footer-container .login-footer-infor .service-infor {
    float: left;
    color: #fff;
    opacity: .7
}
.login-container .login-footer-container .login-footer-infor p {
    word-break: break-all;
    color: #fff;
    opacity: .7
}
.login-container .login-footer-container .login-footer-infor a {
    color: #fff;
    opacity: .7
}
@media screen and (max-height: 736px) {
    .service-infor {
        float: none!important
    }
    .form-container {
        width: 288px!important
    }
    .login-footer-infor {
        width: auto!important
    }
    .login-footer-infor i {
        font-size: 12px
    }
    .login-footer-infor a {
        font-size: 11px
    }
    .login-form-container {
        width: auto!important;
        padding-top: 25px!important
    }
    .login-form-container img {
        width: 128px!important;
        height: 160px!important
    }
    .login-form-container .title {
        font-size: 2rem;
        margin-top: 15px
    }
}
@media screen and (min-height: 737px) {
    .login-footer-infor {
        padding-top: 24px!important
    }
}
#sidebar.collapsed .sidebar-nav li span,
.warning-message {
    display: none
}
@-webkit-keyframes uil-flickr-anim1 {
    0%, to {
        left: 0
    }
    50% {
        left: 100px
    }
}
@-webkit-keyframes uil-flickr-anim1 {
    0%, to {
        left: 0
    }
    50% {
        left: 100px
    }
}
@-moz-keyframes uil-flickr-anim1 {
    0%, to {
        left: 0
    }
    50% {
        left: 100px
    }
}
@-ms-keyframes uil-flickr-anim1 {
    0%, to {
        left: 0
    }
    50% {
        left: 100px
    }
}
@-moz-keyframes uil-flickr-anim1 {
    0%, to {
        left: 0
    }
    50% {
        left: 100px
    }
}
@-webkit-keyframes uil-flickr-anim1 {
    0%, to {
        left: 0
    }
    50% {
        left: 100px
    }
}
@-o-keyframes uil-flickr-anim1 {
    0%, to {
        left: 0
    }
    50% {
        left: 100px
    }
}
@keyframes uil-flickr-anim1 {
    0%, to {
        left: 0
    }
    50% {
        left: 100px
    }
}
@-webkit-keyframes uil-flickr-anim2 {
    0% {
        left: 100px;
        z-index: 1
    }
    49% {
        z-index: 1
    }
    50% {
        left: 0;
        z-index: 10
    }
    to {
        left: 100px;
        z-index: 10
    }
}
@-webkit-keyframes uil-flickr-anim2 {
    0% {
        left: 100px;
        z-index: 1
    }
    49% {
        z-index: 1
    }
    50% {
        left: 0;
        z-index: 10
    }
    to {
        left: 100px;
        z-index: 10
    }
}
@-moz-keyframes uil-flickr-anim2 {
    0% {
        left: 100px;
        z-index: 1
    }
    49% {
        z-index: 1
    }
    50% {
        left: 0;
        z-index: 10
    }
    to {
        left: 100px;
        z-index: 10
    }
}
@-ms-keyframes uil-flickr-anim2 {
    0% {
        left: 100px;
        z-index: 1
    }
    49% {
        z-index: 1
    }
    50% {
        left: 0;
        z-index: 10
    }
    to {
        left: 100px;
        z-index: 10
    }
}
@-moz-keyframes uil-flickr-anim2 {
    0% {
        left: 100px;
        z-index: 1
    }
    49% {
        z-index: 1
    }
    50% {
        left: 0;
        z-index: 10
    }
    to {
        left: 100px;
        z-index: 10
    }
}
@-webkit-keyframes uil-flickr-anim2 {
    0% {
        left: 100px;
        z-index: 1
    }
    49% {
        z-index: 1
    }
    50% {
        left: 0;
        z-index: 10
    }
    to {
        left: 100px;
        z-index: 10
    }
}
@-o-keyframes uil-flickr-anim2 {
    0% {
        left: 100px;
        z-index: 1
    }
    49% {
        z-index: 1
    }
    50% {
        left: 0;
        z-index: 10
    }
    to {
        left: 100px;
        z-index: 10
    }
}
@keyframes uil-flickr-anim2 {
    0% {
        left: 100px;
        z-index: 1
    }
    49% {
        z-index: 1
    }
    50% {
        left: 0;
        z-index: 10
    }
    to {
        left: 100px;
        z-index: 10
    }
}
.uil-flickr-css {
    background: 0 0;
    position: relative;
    width: 200px;
    height: 200px
}
.uil-flickr-css>div {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    position: absolute;
    top: 50px
}
.uil-flickr-css>div:nth-of-type(1) {
    left: 0;
    background: #02ac9a;
    z-index: 5;
    -ms-animation: uil-flickr-anim1 1.5s linear infinite;
    -moz-animation: uil-flickr-anim1 1.5s linear infinite;
    -webkit-animation: uil-flickr-anim1 1.5s linear infinite;
    -o-animation: uil-flickr-anim1 1.5s linear infinite;
    animation: uil-flickr-anim1 1.5s linear infinite
}
.uil-flickr-css>div:nth-of-type(2) {
    left: 100px;
    background: #999;
    -ms-animation: uil-flickr-anim2 1.5s linear infinite;
    -moz-animation: uil-flickr-anim2 1.5s linear infinite;
    -webkit-animation: uil-flickr-anim2 1.5s linear infinite;
    -o-animation: uil-flickr-anim2 1.5s linear infinite;
    animation: uil-flickr-anim2 1.5s linear infinite
}
.uil-spin-css {
    background: 0 0;
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto
}
@-webkit-keyframes uil-spin-css {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        opacity: .1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes uil-spin-css {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        opacity: .1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-moz-keyframes uil-spin-css {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        opacity: .1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-ms-keyframes uil-spin-css {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        opacity: .1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-moz-keyframes uil-spin-css {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        opacity: .1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes uil-spin-css {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        opacity: .1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@-o-keyframes uil-spin-css {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        opacity: .1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes uil-spin-css {
    0% {
        opacity: 1;
        -ms-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        opacity: .1;
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
.uil-spin-css>div {
    width: 24px;
    height: 24px;
    margin-left: 4px;
    margin-top: 4px;
    position: absolute
}
.uil-spin-css>div>div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #02ac9a
}
.uil-spin-css>div:nth-of-type(1)>div {
    -ms-animation: uil-spin-css 1s linear infinite;
    -moz-animation: uil-spin-css 1s linear infinite;
    -webkit-animation: uil-spin-css 1s linear infinite;
    -o-animation: uil-spin-css 1s linear infinite;
    animation: uil-spin-css 1s linear infinite;
    -ms-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -webkit-animation-delay: 0s;
    -o-animation-delay: 0s;
    animation-delay: 0s
}
.uil-spin-css>div:nth-of-type(1) {
    -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(45deg) translate(70px, 0)
}
.uil-spin-css>div:nth-of-type(2)>div,
.uil-spin-css>div:nth-of-type(3)>div,
.uil-spin-css>div:nth-of-type(4)>div,
.uil-spin-css>div:nth-of-type(5)>div,
.uil-spin-css>div:nth-of-type(6)>div,
.uil-spin-css>div:nth-of-type(7)>div,
.uil-spin-css>div:nth-of-type(8)>div {
    -ms-animation: uil-spin-css 1s linear infinite;
    -moz-animation: uil-spin-css 1s linear infinite;
    -webkit-animation: uil-spin-css 1s linear infinite;
    -o-animation: uil-spin-css 1s linear infinite;
    animation: uil-spin-css 1s linear infinite;
    -ms-animation-delay: .12s;
    -moz-animation-delay: .12s;
    -webkit-animation-delay: .12s;
    -o-animation-delay: .12s;
    animation-delay: .12s
}
.uil-spin-css>div:nth-of-type(2) {
    -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(90deg) translate(70px, 0)
}
.uil-spin-css>div:nth-of-type(3)>div,
.uil-spin-css>div:nth-of-type(4)>div,
.uil-spin-css>div:nth-of-type(5)>div,
.uil-spin-css>div:nth-of-type(6)>div,
.uil-spin-css>div:nth-of-type(7)>div,
.uil-spin-css>div:nth-of-type(8)>div {
    -ms-animation-delay: .25s;
    -moz-animation-delay: .25s;
    -webkit-animation-delay: .25s;
    -o-animation-delay: .25s;
    animation-delay: .25s
}
.uil-spin-css>div:nth-of-type(3) {
    -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(135deg) translate(70px, 0)
}
.uil-spin-css>div:nth-of-type(4)>div,
.uil-spin-css>div:nth-of-type(5)>div,
.uil-spin-css>div:nth-of-type(6)>div,
.uil-spin-css>div:nth-of-type(7)>div,
.uil-spin-css>div:nth-of-type(8)>div {
    -ms-animation-delay: .37s;
    -moz-animation-delay: .37s;
    -webkit-animation-delay: .37s;
    -o-animation-delay: .37s;
    animation-delay: .37s
}
.uil-spin-css>div:nth-of-type(4) {
    -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(180deg) translate(70px, 0)
}
.uil-spin-css>div:nth-of-type(5)>div,
.uil-spin-css>div:nth-of-type(6)>div,
.uil-spin-css>div:nth-of-type(7)>div,
.uil-spin-css>div:nth-of-type(8)>div {
    -ms-animation-delay: .5s;
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -o-animation-delay: .5s;
    animation-delay: .5s
}
.uil-spin-css>div:nth-of-type(5) {
    -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(225deg) translate(70px, 0)
}
.uil-spin-css>div:nth-of-type(6)>div,
.uil-spin-css>div:nth-of-type(7)>div,
.uil-spin-css>div:nth-of-type(8)>div {
    -ms-animation-delay: .62s;
    -moz-animation-delay: .62s;
    -webkit-animation-delay: .62s;
    -o-animation-delay: .62s;
    animation-delay: .62s
}
.uil-spin-css>div:nth-of-type(6) {
    -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(270deg) translate(70px, 0)
}
.uil-spin-css>div:nth-of-type(7)>div,
.uil-spin-css>div:nth-of-type(8)>div {
    -ms-animation-delay: .75s;
    -moz-animation-delay: .75s;
    -webkit-animation-delay: .75s;
    -o-animation-delay: .75s;
    animation-delay: .75s
}
.uil-spin-css>div:nth-of-type(7) {
    -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(315deg) translate(70px, 0)
}
.uil-spin-css>div:nth-of-type(8)>div {
    -ms-animation-delay: .87s;
    -moz-animation-delay: .87s;
    -webkit-animation-delay: .87s;
    -o-animation-delay: .87s;
    animation-delay: .87s
}
.uil-spin-css>div:nth-of-type(8) {
    -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
    -moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
    -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
    -o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
    transform: translate(84px, 84px) rotate(360deg) translate(70px, 0)
}
.loading-big {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999999999;
    background: rgba(0, 0, 0, .8);
    text-align: center
}
.loading-big .loading-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -64px;
    margin-top: -100px
}
.div-loading {
    text-align: center;
    clear: both
}
.div-loading .uil-flickr-css.big-loading {
    width: 64px;
    margin: 0 auto
}
.div-loading .uil-flickr-css.small-loading {
    width: 32px;
    margin: 0 auto
}
.container-fluid.sidebar-expaned {
    padding-left: 240px!important
}
.container-fluid.sidebar-colapsed {
    padding-left: 64px!important
}
.container {
    width: 100%!important;
    padding: 0;
    margin: 0
}
.container.sidebar-expaned,
footer.sidebar-expaned {
    padding-left: 240px!important
}
.container.sidebar-colapsed,
footer.sidebar-colapsed {
    padding-left: 64px!important
}
#sidebar {
    background: #3d3a35;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}
#sidebar,
#sidebar a {
    color: #eee
}
#sidebar .sidebar-trigger {
    margin-top: 15px;
    margin-right: 15px;
    cursor: pointer
}
#sidebar .sidebar-trigger i {
    font-size: 24px;
    color: #eee
}
#sidebar .profile {
    text-align: center;
    padding: 15px
}
#sidebar .profile .avatar {
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: 50%;
    margin: 50px auto 10px;
    border: solid 2px #fff
}
#sidebar .profile h2 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700
}
#sidebar .profile p {
    margin-top: 5px;
    color: #eee;
    text-transform: uppercase;
    font-size: 12px
}
#sidebar.expaned {
    width: 240px
}
#sidebar.collapsed {
    width: 64px;
    padding: 15px;
    text-align: center
}
#sidebar.collapsed .sidebar-trigger {
    margin-top: 0;
    margin-right: 0
}
#sidebar.collapsed .avatar {
    width: 40px;
    height: 40px;
    margin-left: -18px;
    margin-top: 30px
}
#sidebar.collapsed .btn-cancel,
#sidebar.collapsed .btn-edit,
#sidebar.collapsed .btn-save,
#sidebar.collapsed .ddlChooseOPU,
#sidebar.collapsed .opu-details,
#sidebar.collapsed .opu-editors,
#sidebar.collapsed h2,
#sidebar.collapsed p.details {
    display: none!important
}
#sidebar.collapsed .sidebar-nav {
    padding: 50px 0 15px
}
#sidebar.collapsed .sidebar-nav li {
    padding: 15px 0
}
#header #profile-nav li#profile-sidebar-toggle,
#sidebar.collapsed .mybookmark-list {
    display: none
}
#sidebar .sidebar-nav {
    padding: 50px 15px 15px
}
#sidebar .sidebar-nav li {
    text-transform: uppercase;
    color: #ddd;
    cursor: pointer;
    padding: 10px 0 5px;
    border-top: solid 1px rgba(255, 255, 255, .1)
}
#sidebar .sidebar-nav li:last-of-type {
    border-bottom: none
}
#sidebar .sidebar-nav li ul.mybookmark-list {
    margin-top: 5px;
    text-align: center
}
#sidebar .sidebar-nav li ul.mybookmark-list li.bookmark {
    border-top: none;
    padding-top: 0
}
#sidebar .sidebar-nav li ul.mybookmark-list li.bookmark a {
    color: #999;
    font-size: 13px
}
#sidebar .sidebar-nav li ul.mybookmark-list li.bookmark-item-show-all {
    border-bottom: none!important;
    text-align: center!important;
    padding-top: 20px!important
}
#sidebar .sidebar-nav li ul.mybookmark-list li.bookmark-item-show-all a {
    border: 1px solid #999;
    padding: 5px 15px;
    border-radius: 3px
}
#sidebar .sidebar-nav li ul.mybookmark-list li.bookmark-item {
    position: relative;
    padding-left: 10px;
    padding-top: 5px;
    text-align: left;
    text-transform: none;
    border-top: none;
    border-bottom: 1px solid #444
}
#sidebar .sidebar-nav li ul.mybookmark-list li.bookmark-item a {
    width: 100%;
    color: #999;
    font-size: 12px
}
#sidebar .sidebar-nav li ul.mybookmark-list li.bookmark-item .fa-trash {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #999
}
#sidebar .sidebar-nav li ul.mybookmark-list li.bookmark-item .fa-plus {
    border: 1px solid #999;
    border-radius: 3px;
    margin: 0;
    padding: 1px 2px
}
#sidebar .sidebar-nav li ul.mybookmark-list li.add-new {
    display: inline-block;
    width: 45%;
    border-radius: 3px;
    margin: 25px 0 0;
    overflow: hidden;
    padding-top: 10px;
    height: 60px;
    border: dashed 1px #999;
    color: #999;
    text-align: center;
    font-size: 24px;
    font-weight: 700
}
#header {
    height: 100px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    padding: 0 15px;
    border-bottom: solid 1px #ddd;
    position: relative
}
#header #widget {
    position: absolute;
    top: -4px;
    border: solid 1px #ccc;
    border-radius: 3px;
    border-top: none;
    background: #eee
}
#header #widget .col {
    padding-top: 5px;
    float: left;
    width: 145px;
    margin-right: 20px
}
#header #widget .col:last-of-type {
    margin-right: 0
}
#header #widget .col i {
    float: left;
    margin-right: 5px;
    margin-left: 10px;
    margin-top: 2px
}
#header #widget .col p {
    text-transform: uppercase;
    text-align: center;
    font-size: 11px;
    margin-bottom: 4px
}
#header #widget .col p span a {
    padding: 5px;
    text-decoration: none;
    color: #02ac9a;
    font-size: 11px
}
#header #widget .col p .exchange-rate-detail b {
    font-weight: 400;
    margin-top: -5px
}
#header #widget .col p span {
    text-decoration: none;
    display: block;
    color: #02ac9a;
    font-size: 11px
}
#header #widget .col p span img {
    height: 12px
}
#header #widget.sidebar-expaned {
    left: 360px
}
#header #widget.sidebar-colapsed {
    left: 184px
}
#header .brand-logo {
    height: 100%;
    width: 120px;
    float: left;
    text-align: center
}
#header .brand-logo img {
    display: inline-block;
    height: 72px;
    margin-top: 15px
}
#header #site-menu {
    float: left;
    margin-top: 54px;
    border-top: solid 1px #eee;
    padding-top: 5px
}
#header #site-menu ul>li a.active {
    color: #02ac9a!important
}
#header #site-menu ul>li {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer
}
#header #site-menu ul>li a {
    text-transform: uppercase;
    color: #333;
    text-decoration: none;
    font-weight: 700
}
#header #site-menu ul>li a:hover {
    color: #02ac9a
}
#header #site-menu ul>li:first-child {
    padding-left: 0
}
#header #site-menu ul>li:last-child {
    padding-right: 0
}
#header #site-menu .mega-menu {
    transition: 0s;
    display: none;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 99;
    background: #fff;
    padding: 0 15px 15px;
    width: 100%;
    border-top: solid 1px #eee
}
#header #site-menu .mega-menu.mega-type1 {
    top: 99px;
    left: 0;
    background: #fff
}
#header #searchbar.sidebar-expaned,
#header #site-menu .mega-menu.mega-type1.sidebar-expaned {
    padding-left: 245px
}
#header #searchbar.sidebar-colapsed,
#header #site-menu .mega-menu.mega-type1.sidebar-colapsed {
    padding-left: 69px
}
#header #site-menu .mega-menu .col {
    border-right: solid 1px #eee
}
#header #site-menu .mega-menu .col:last-child {
    border-right-color: transparent
}
#header #site-menu .mega-menu .col.col-20 {
    width: 20%;
    float: left;
    padding: 0 15px;
    margin-top: 20px
}
#header #site-menu .mega-menu li {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-bottom: 0
}
#header #site-menu .mega-menu li a {
    text-transform: none;
    color: #4d4d4d;
    display: block;
    font-weight: 400
}
#header #site-menu .mega-menu li a:hover {
    border-left: solid 2px #02ac9a;
    margin-left: -15px;
    padding-left: 13px
}
#header #profile-nav {
    position: absolute;
    top: 7px;
    right: 20px
}
#header #profile-nav li {
    display: inline-block;
    float: left;
    margin-left: 20px;
    position: relative;
    cursor: pointer
}
#header #profile-nav li .bubble {
    position: absolute;
    width: 16px;
    height: 16px;
    background: red;
    color: #fff;
    border-radius: 50%;
    bottom: 1px;
    right: 2px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    font-weight: 700
}
#header #profile-nav li .avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: solid 1px #ccc;
    overflow: hidden
}
#header #searchbar {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    width: 100%;
    z-index: 99;
    display: none;
    overflow: auto
}
#header #searchbar .searchbar-container {
    padding: 15px 70px 15px 30px;
    box-sizing: border-box;
    margin: 15px auto 0
}
#header #searchbar .searchbar-container .button-search {
    background: #02ac9a;
    border-radius: 3px;
    color: #fff;
    font-weight: 700;
    font-size: 16px
}
#header #searchbar .searchbar-container .input-container {
    position: relative
}
#header #searchbar .searchbar-container .input-container i {
    position: absolute;
    top: 10px;
    left: 15px;
    font-size: 18px;
    color: #999
}
#header #searchbar .searchbar-container .input-search {
    width: 100%;
    border: solid 1px #ddd;
    border-radius: 3px;
    padding: 5px 10px 5px 40px;
    font-size: 18px
}
#header #searchbar .searchbar-container .fa-close {
    position: absolute;
    top: 38px;
    right: 35px;
    font-size: 20px;
    cursor: pointer
}
#main-body {
    background: #eee;
    padding-top: 15px;
    padding-bottom: 15px
}
#main-body #myCarousel,
#main-body #top-news {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    position: relative;
    border-radius: 3px
}
#main-body #myCarousel {
    overflow: hidden;
    padding: 15px 15px 30px
}
#main-body #myCarousel .carousel-indicators {
    left: 15px;
    margin-left: 0;
    bottom: -7px
}
#main-body #myCarousel .carousel-indicators li {
    border: none!important;
    background-color: #333;
    width: 12px;
    height: 12px
}
#main-body #myCarousel .carousel-indicators li.active {
    background-color: #02ac9a;
    width: 15px;
    height: 15px
}
#main-body #myCarousel .carousel-inner {
    cursor: default;
    overflow: hidden;
    height: 100%
}
#main-body #myCarousel .item {
    height: 100%;
    overflow: hidden
}
#main-body #myCarousel .item .item-info h3 a {
    text-transform: uppercase;
    font-size: 24px;
    color: #111;
    font-weight: 700;
    margin-top: 5px;
    line-height: 32px;
    padding-bottom: 10px
}
#main-body #myCarousel .item .item-info .description {
    border-top: solid 1px #eee;
    padding-top: 15px
}
#main-body #myCarousel .item .item-info .author {
    position: absolute;
    bottom: 15px;
    right: 15px;
    display: none
}
#main-body #myCarousel .carousel-control-prev {
    left: 0
}
#main-body #myCarousel .carousel-control-next {
    right: 0
}
#main-body #myCarousel .carousel-control-next,
#main-body #myCarousel .carousel-control-prev {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 50px;
    color: #fff;
    text-align: center;
    opacity: 1;
    background-color: rgba(0, 0, 0, .1);
    display: none
}
#main-body #myCarousel .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M1.5 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
}
#main-body #myCarousel .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M4 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
}
#main-body #myCarousel .carousel-control-next-icon,
#main-body #myCarousel .carousel-control-prev-icon {
    display: inline-block;
    width: 25px;
    height: 25px;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    margin-top: 12px
}
#main-body #myCarousel .carousel-control-next-icon {
    margin-left: 10px
}
#main-body #myCarousel .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}
#main-body #myCarousel:hover .carousel-control-next,
#main-body #myCarousel:hover .carousel-control-prev {
    display: block
}
#main-body .min-trending {
    min-height: 405px
}
#main-body #top-news {
    padding: 15px
}
#main-body #top-news .item {
    padding: 15px 0;
    border-top: solid 1px #eee
}
#main-body #top-news .item h4 a {
    margin-top: 0;
    font-size: 14px;
    font-weight: 700;
    color: #333
}
#main-body #myCarousel .item .item-info h3 a:hover,
#main-body #top-news .item h4 a:hover {
    color: #02ac9a;
    text-decoration: none
}
#main-body #top-news .item li {
    display: inline-block;
    width: 30%
}
#main-body #intranet-box:after,
#main-body #intranet-tabs .tab-content .item:after,
#main-body #top-news .item:after,
#main-body #top-news:after,
#main-body #upcomming-event .item:after,
\ #main-body #intranet-tabs:after,
footer:after {
    clear: both;
    display: block;
    content: ''
}
#main-body #top-news .item:last-of-type {
    padding-bottom: 0
}
#main-body #top-news .view-more {
    position: absolute;
    top: 20px;
    right: 15px;
    color: #02ac9a;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}
#main-body #intranet-box,
#main-body #intranet-tabs {
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    margin-top: 15px;
    border-radius: 3px
}
#main-body #intranet-box {
    overflow: hidden;
    padding: 15px 0
}
#main-body #intranet-box .item {
    background: #fff;
    position: relative;
    cursor: pointer
}
#main-body #intranet-box .item div.img {
    height: 150px;
    position: relative;
    cursor: pointer
}
#main-body #intranet-tabs {
    clear: both;
    padding: 15px 15px 30px
}
#main-body #intranet-tabs .nav-tabs>li.active>a,
#main-body #intranet-tabs .nav-tabs>li.active>a:focus,
#main-body #intranet-tabs .nav-tabs>li.active>a:hover {
    border: none;
    border-bottom: solid 3px #02ac9a;
    color: #02ac9a
}
#main-body #intranet-tabs .nav>li {
    margin-right: 0
}
#main-body #intranet-tabs .nav>li>a {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    padding: 10px;
    cursor: pointer
}
#main-body #intranet-tabs .nav>li:first-of-type>a,
footer nav ul li:first-of-type a {
    padding-left: 0
}
#main-body #intranet-tabs .nav-tabs>li>a:hover {
    background: 0 0;
    border: none
}
#main-body #intranet-tabs .tab-content .item {
    padding: 15px 0;
    border-bottom: solid 1px #eee;
    color: #4d4d4d
}
#main-body #intranet-tabs .tab-content .item h4 a {
    color: #333;
    margin-top: 0;
    font-weight: 700;
    font-size: 16px
}
#main-body #announcement .item h4 a:hover,
#main-body #intranet-tabs .tab-content .item h4 a:hover,
#main-body #upcomming-event .item h4 a:hover {
    color: #02ac9a;
    text-decoration: none
}
#main-body #intranet-tabs .tab-content .item li {
    display: inline-block;
    padding-right: 20px
}
#main-body #intranet-tabs .tab-content .item:last-of-type {
    padding-bottom: 0;
    border-bottom: none
}
#main-body #intranet-tabs .tab-content .view-more {
    margin-bottom: 0;
    float: right
}
#main-body #intranet-tabs .tab-content .view-more a {
    color: #02ac9a;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}
#main-body #quote-of-theday {
    margin-top: 15px;
    background: #3d3a35;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    height: 206px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
#main-body #quote-of-theday img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle
}
#main-body #upcomming-event {
    min-height: 286px
}
#main-body #upcomming-event .item {
    padding: 15px 0;
    border-top: solid 1px #eee
}
#main-body #upcomming-event .item .event-date {
    border: solid 1px #02ac9a;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    color: #02ac9a;
    font-weight: 700;
    padding: 5px 0
}
#main-body #upcomming-event .item .event-date .date {
    font-size: 24px;
    margin-bottom: 0
}
#main-body #upcomming-event .item .event-date .month {
    font-size: 14px;
    margin-top: -8px;
    margin-bottom: 0
}
#main-body #upcomming-event .item h4 {
    margin-top: 0;
    margin-bottom: 2px
}
#main-body #upcomming-event .item h4 a {
    color: #333;
    font-weight: 700;
    font-size: 15px
}
#main-body #upcomming-event .item p.location {
    color: #4d4d4d;
    margin-top: 0;
    margin-bottom: 0
}
#main-body #upcomming-event .view-more {
    position: absolute;
    top: 20px;
    right: 15px;
    color: #02ac9a;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}
#main-body .min-announ {
    min-height: 300px
}
#main-body #announcement,
#main-body #upcomming-event {
    margin-top: 15px;
    background: #fff;
    padding: 15px;
    position: relative;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}
#main-body #announcement .item {
    padding: 5px 0;
    border-top: solid 1px #eee
}
#main-body #announcement .item h4 a {
    font-size: 14px;
    font-weight: 700;
    color: #333
}
#main-body #announcement .item .description {
    height: 40px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    box-sizing: border-box;
    display: -webkit-box
}
#main-body #announcement .view-more {
    position: absolute;
    top: 20px;
    right: 15px;
    color: #02ac9a;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700
}
footer {
    background: #02ac9a;
    color: #fff;
    padding-bottom: 10px!important;
    padding-top: 50px!important;
    padding-left: 15px!important;
    padding-right: 15px
}
footer .copyright {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 15px
}
footer nav {
    margin-bottom: 20px;
    padding-left: 15px
}
footer nav ul li a {
    color: #fff;
    text-decoration: none;
    border-right: solid 1px #eee;
    padding: 0 10px;
    font-size: 13px
}
footer nav ul li:last-of-type a {
    border-right: 0
}
footer nav ul:nth-of-type(2) a {
    text-transform: uppercase;
    font-size: 12px
}
h2.title-box {
    text-transform: uppercase;
    color: #111;
    font-size: 15px;
    margin-top: 0;
    font-weight: 700
}
.min-tab {
    min-height: 607px
}
a,
a:active,
a:hover,
a:visited {
    text-decoration: none!important
}
#mobile-indicator,
#small-mobile-indicator,
#tablet-indicator {
    display: none
}
@media (max-width: 991px) {
    .container-box {
        padding: 0
    }
    .container.sidebar-expaned {
        padding-left: 64px!important
    }
    #widget.sidebar-expaned {
        left: 184px!important
    }
    #header #profile-nav {
        top: 55px
    }
    #header #site-menu {
        position: absolute;
        top: 46px;
        left: 64px;
        z-index: 999;
        background: #fff;
        width: 100%;
        display: none;
        box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
    }
    #header #site-menu li {
        display: block;
        width: 100%
    }
    #header #site-menu li:first-child {
        padding-left: 20px!important
    }
    #header #site-menu li div.mega-menu {
        position: relative;
        top: 0!important;
        margin-top: 10px;
        left: 0;
        padding-left: 0!important;
        box-shadow: none!important
    }
    #header #site-menu li div.mega-menu .col.col-20 {
        width: 33.33333%;
        border-right: 0!important
    }
    #header #site-menu li div.mega-menu .col.col-20 li:first-child {
        padding-left: 0!important;
        padding-top: 0!important
    }
    #header #site-menu li div.mega-menu.mega-type1 .col {
        min-height: 212px
    }
    #header #site-menu li .mega-menu-1,
    #header #site-menu li .mega-menu-2,
    #header #site-menu li .mega-menu-3,
    #header #site-menu li .mega-menu-4 {
        width: 100%!important;
        left: 0!important
    }
    #header #site-menu li .menu-col-header {
        border: none!important;
        width: 33.3333%
    }
    #header #site-menu li .menu-col-header li:first-child {
        padding-left: 0!important
    }
    #myCarousel .banner-div {
        height: 280px
    }
    #myCarousel .item-info h3 a {
        font-size: 18px!important;
        line-height: 26px!important
    }
    #top-news {
        margin-left: 15px;
        margin-top: 15px;
        padding-bottom: 0!important
    }
    #top-news .trending-img {
        min-height: 180px
    }
    #top-news .item {
        padding-right: 15px!important;
        overflow: hidden
    }
    #top-news .item:nth-of-type(3) {
        padding-right: 0!important
    }
    #top-news .item .item-info {
        padding: 0
    }
    #intranet-tabs .item .item-info h4 a,
    #top-news .item .item-info h4 a {
        height: 40px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        box-sizing: border-box;
        display: -webkit-box;
        margin-top: 10px!important
    }
    #quote-of-theday {
        margin-left: 15px;
        max-height: 260px
    }
    #quote-of-theday img {
        height: 100%;
        max-width: 100%
    }
    #intranet-box {
        padding: 15px 0;
        background: #fff
    }
    #intranet-tabs {
        padding-bottom: 15px!important
    }
    #intranet-tabs .item {
        padding-right: 15px!important;
        border-bottom: 0!important;
        padding-bottom: 30px!important
    }
    #intranet-tabs .item:nth-of-type(2n) {
        padding-right: 0!important
    }
    #intranet-tabs .item .tab-img {
        min-height: 220px
    }
    #intranet-tabs .item .item-info .description,
    #upcomming-event .item-info .description {
        margin-bottom: 15px
    }
    #intranet-tabs #home .view-more,
    #intranet-tabs #menu1 .view-more,
    #intranet-tabs #menu2 .view-more,
    #intranet-tabs #menu3 .view-more {
        bottom: -5px!important
    }
    #upcomming-event {
        margin-left: 15px;
        padding: 15px 7px;
        min-height: 0
    }
    #upcomming-event .item {
        padding: 15px 7px
    }
    #upcomming-event .item-info {
        padding: 0 0 0 10px
    }
    #announcement .item-info .description,
    #announcement .item-info h4 a,
    #intranet-tabs .item .item-info .description,
    #upcomming-event .item-info .description,
    #upcomming-event .item-info h4 a {
        height: 40px;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        box-sizing: border-box;
        display: -webkit-box
    }
    #announcement {
        margin-left: 15px
    }
    #announcement .item-info {
        padding: 0
    }
    #announcement .item-info h4 a {
        margin-top: 10px!important
    }
    footer {
        padding-top: 0!important
    }
    footer .second-nav {
        float: left!important;
        margin-top: 10px
    }
}
@media (min-width: 992px) {
    #header #navi-toggle {
        display: none!important
    }
    #header #site-menu>ul>li {
        padding: 10px
    }
    #intranet-tabs .item-info .description,
    #top-news .item-info h4 a {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        box-sizing: border-box;
        display: -webkit-box
    }
    #top-news .item-info h4 a {
        max-height: 59px
    }
    #intranet-tabs .item-info .description {
        height: 57px;
        padding-bottom: 15px
    }
    #intranet-box .item:nth-of-type(1) {
        padding-right: 0
    }
    #intranet-box .item:nth-of-type(3) {
        padding-left: 0
    }
    #quote-of-theday {
        height: 205px!important
    }
    #myCarousel div.banner-div {
        min-height: 360px;
        height: 360px
    }
    #myCarousel .carousel-inner {
        height: 360px!important;
        overflow: hidden;
        text-overflow: ellipsis
    }
    #site-menu {
        display: block!important
    }
}
@media (max-width: 767px) {
    #mobile-indicator {
        display: block
    }
    #top-news {
        padding-bottom: 15px!important
    }
    #top-news .item {
        padding-right: 0!important
    }
    #intranet-box {
        background: #fff
    }
    #intranet-box .col-xs-12 {
        width: 100%!important
    }
    #intranet-box .item h2.title-box {
        margin-top: 15px
    }
    #intranet-box .item:nth-of-type(1) h2.title-box {
        margin-top: 0
    }
    #myCarousel .item-info {
        padding: 15px 0
    }
    #myCarousel .carousel-indicators {
        width: 100%;
        box-sizing: border-box;
        left: 0!important
    }
    #intranet-tabs .item {
        padding-right: 0!important;
        padding-left: 0!important;
        padding-bottom: 15px!important;
        border-bottom: solid 1px #eee!important
    }
    #intranet-tabs .item:last-of-type {
        border-bottom: 0!important
    }
    #intranet-tabs .item .item-info h4 a {
        height: inherit!important
    }
    .container.sidebar-colapsed {
        padding-left: 0!important
    }
    #sidebar.collapsed {
        display: none
    }
    #header #widget.sidebar-colapsed {
        right: 0;
        left: initial
    }
    #header #widget {
        background: 0 0;
        border: none;
        margin-top: 10px
    }
    #header #widget .col span:first-of-type {
        display: none
    }
    #header #widget .col i {
        font-size: 16px!important;
        margin-top: 0
    }
    #header #widget .col:first-of-type {
        width: 110px;
        margin-right: 0
    }
    #header #widget .col:first-of-type p {
        text-align: left
    }
    #header #widget .col:first-of-type i {
        margin-right: 0
    }
    #widget.sidebar-expaned {
        right: 0;
        left: initial!important
    }
    #header .brand-logo img {
        margin-top: 30px;
        height: 60px
    }
}
@media (max-width: 480px) {
    #myCarousel .banner-div {
        height: 150px
    }
    #intranet-tabs .item .tab-img,
    #top-news .trending-img {
        min-height: 150px
    }
    #profile-sidebar-toggle {
        display: inline-block!important
    }
    #btnBeta,
    #btnLoggout,
    #btnSearchToggle,
    #widget,
    .login-page .footer-login,
    .login-page .header-box,
    .login-page .login-horibar {
        display: none!important
    }
    .login-page .main-container .login-form-div {
        width: initial!important;
        top: 0
    }
    .login-page .main-container .login-form-div .login-header-box h2,
    .login-page .main-container .login-form-div .login-header-box h3 {
        margin: 20px auto
    }
    #header {
        height: 65px;
        padding-right: 0!important
    }
    #header .brand-logo {
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -60px
    }
    #header .brand-logo img {
        margin-top: 10px;
        height: 45px
    }
    #profile-nav {
        top: 15px!important;
        right: 15px!important;
        width: 100%
    }
    #profile-nav li#profile-sidebar-toggle {
        margin-left: 30px
    }
    #profile-nav li#navi-toggle {
        float: right!important
    }
    #site-menu {
        position: relative!important;
        top: initial!important;
        left: initial!important;
        margin-top: 65px!important;
        margin-bottom: 15px
    }
    #site-menu .menu-col-div {
        width: 100%!important
    }
    #site-menu>ul>li {
        border-bottom: solid 1px #eee
    }
    .container.sidebar-expaned {
        padding-left: 15px!important
    }
    #header #site-menu li div.mega-menu.mega-type1 .col {
        min-height: initial
    }
    .details.opu-details {
        padding-right: 0
    }
    .details.opu-details i {
        display: none
    }
    #sidebar .sidebar-nav {
        padding: 10px 15px 15px
    }
    #sidebar .profile .avatar {
        margin: 25px auto 10px
    }
    .li-logout {
        display: block!important
    }
    .nav-tabs-dropdown:before {
        content: "\f107";
        font-family: 'FontAwesome';
        position: absolute;
        right: 40px
    }
    #main-body #intranet-tabs .nav-tabs>li.active>a,
    #main-body #intranet-tabs .nav-tabs>li.active>a:focus,
    #main-body #intranet-tabs .nav-tabs>li.active>a:hover {
        border: none!important
    }
    #main-body #intranet-tabs .nav>li:first-of-type>a {
        padding-left: 10px
    }
    #intranet-tabs .nav-tabs {
        border: 1px solid #eee;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        display: none
    }
    #intranet-tabs .nav-tabs li {
        float: none
    }
    .nav-tabs-dropdown {
        display: block!important;
        border: solid 1px #ccc;
        color: #000
    }
    #upcomming-event {
        min-height: auto!important
    }
    #upcomming-event .item {
        position: relative;
        min-height: 90px
    }
    #upcomming-event .item .event-date {
        position: absolute;
        width: 60px
    }
    #upcomming-event .item .item-info {
        float: left;
        padding-left: 70px
    }
    #upcomming-event .item .item-info h4 a {
        height: auto!important
    }
    #upcomming-event .item:after {
        clear: both;
        display: block;
        content: ''
    }
    footer nav ul.pull-left li:first-of-type {
        display: none
    }
    #small-mobile-indicator {
        display: block
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #tablet-indicator {
        display: block
    }
}
@media (min-width: 1600px) {
    #top-news .trending-img {
        height: 120px
    }
    #myCarousel div.banner-div {
        min-height: 460px!important
    }
    #myCarousel .carousel-inner {
        height: 460px!important
    }
    #intranet-box .item div.img {
        height: 220px!important
    }
    #quote-of-theday {
        height: 275px!important
    }
    div.tab-img {
        height: 180px
    }
    #site-menu>ul>li {
        padding: 10px 20px!important
    }
}
@media (max-width: 1024px) {
    .container-box {
        padding: 0
    }
    footer {
        padding-top: 0!important
    }
    #xchangeGrid .k-grid-delete {
        margin-left: 5px!important
    }
    #myCarousel .carousel-control-next,
    #myCarousel .carousel-control-prev,
    #navi-toggle {
        display: block!important
    }
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
    #myCarousel {
        padding-bottom: 25px!important
    }
    #myCarousel .banner-div {
        height: 280px!important;
        width: 100%!important;
        min-height: 280px!important
    }
    #myCarousel .item-info h3 a {
        font-size: 18px!important;
        line-height: 26px!important
    }
    #myCarousel .item-info {
        padding: 15px 0;
        width: 100%;
        display: block
    }
    #myCarousel .carousel-indicators {
        width: 100%;
        box-sizing: border-box;
        left: 0!important
    }
    #myCarousel .carousel-inner {
        height: 365px!important
    }
    #header #site-menu>ul>li {
        padding: 10px 5px!important
    }
    .container.sidebar-expaned,
    footer.sidebar-expaned {
        padding-left: 64px!important
    }
    #header #widget.sidebar-expaned {
        left: 184px!important
    }
}
.opu-details {
    position: relative;
    padding-right: 30px
}
.opu-details .btn-edit {
    position: absolute;
    bottom: 0;
    right: 0
}
.opu-details .edit-button {
    cursor: pointer;
    margin-left: 15px;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 7px
}
.opu-details .edit-button:hover {
    background-color: #666;
    color: #fff
}
.opu-editors {
    display: none;
    position: relative;
    min-height: 38px
}
.opu-editors select {
    font-size: 12px;
    float: left;
    margin-left: 16px;
    width: 180px;
    height: 28px;
    background-color: #3d3a35;
    color: #fff;
    padding: 5px
}
.opu-editors select option {
    overflow: hidden;
    font-size: 12px
}
.opu-editors .edit-button {
    width: 26px;
    height: 28px;
    font-size: 12px;
    float: left;
    border: 1px solid #666;
    border-radius: 3px;
    padding: 5px 7px 7px
}
.opu-editors .edit-button:disabled {
    cursor: not-allowed
}
.opu-editors .edit-button:hover {
    background-color: #666;
    color: #fff
}
.opu-editors .btn-cancel,
.opu-editors .btn-save {
    position: absolute;
    right: 13px;
    top: 33px
}
.opu-editors .btn-save {
    right: 43px
}
input::-ms-clear {
    display: none
}

#btnLogin i, .no-padding-right {
    padding-right: 0!important;
}

 html {height: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; --moz-box-sizing: border-box;}
        body {
            position: relative;
            margin: 0;
            padding-bottom: 100px;
            min-height: 100%;
            background: #00A19C;
            background: -webkit-linear-gradient(#00B1A6, #007F7B);
            background: -o-linear-gradient(#00B1A6, #007F7B);
            background: -moz-linear-gradient(#00B1A6, #007F7B);
            background: linear-gradient(#00B1A6, #007F7B);
            /*background-repeat: no-repeat;*/
            background-attachment: fixed;
        }

        /* Popup container - can be anything you want */
.popup {
    position: fixed;
    top: 20%;
    right: 20%;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popuptext {
    visibility: hidden;
    width: 300px;
    color: #fff;
    text-align: center;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -80px;
    background-color: red;
    border-radius: 4px;
    padding: 2px 2px 2px 2px;
}

.popup a{
    color: #fff;
}

.toast-message a{
    text-decoration:underline !important
}

/* Toggle this class - hide and show the popup */
.showPopup {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}