::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0.21);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}::-webkit-scrollbar-track:hover{background-color:rgba(0,0,0,0.05);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);box-shadow:inset 1px 0 0 rgba(0,0,0,.1)}::-webkit-scrollbar-track:active{background-color:rgba(0,0,0,0.25);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);box-shadow:inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07)}::-webkit-scrollbar-track:horizontal{border-width:0 0 0}::-webkit-scrollbar-track:horizontal:hover{-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,.1);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.1);box-shadow:inset 0 1px 0 rgba(0,0,0,.1)}::-webkit-scrollbar-track:horizontal:active{-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);box-shadow:inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07)}::-webkit-scrollbar-thumb{width:9px;background-color:rgba(108, 108, 108, 0.43);-webkit-box-shadow:inset 1px 1px 0 rgba(255, 255, 255, 0.10),inset 0 -1px 0 rgba(255,255,255,0.07)}::-webkit-scrollbar-thumb:hover{background-color:rgba(108,108,108,1);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);box-shadow:inset 1px 1px 1px rgba(0,0,0,.25)}::-webkit-scrollbar-thumb:active{background-color:rgba(108,108,108,1);-moz-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35);-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35);box-shadow:inset 1px 1px 3px rgba(0,0,0,0.35)}::-webkit-scrollbar-thumb:horizontal{-moz-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07);box-shadow:inset 1px 1px 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.07)}::-webkit-scrollbar-corner{background-color:transparent}body::-webkit-scrollbar-track-piece{-moz-background-clip:border;-webkit-background-clip:border;background-clip:border-box;background-color:#D6D6D6;-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07);box-shadow:inset 1px 0 0 rgba(0,0,0,.14), inset -1px 0 0 rgba(0,0,0,.07)}body::-webkit-scrollbar-track-piece:horizontal{border-width:0 0 0;-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07);box-shadow:inset 0 1px 0 rgba(0,0,0,.14), inset 0 -1px 0 rgba(0,0,0,.07)}body::-webkit-scrollbar-thumb{border-width:1px 1px 1px 5px;background-color:rgba(160,160,160,0.88)}body::-webkit-scrollbar-thumb:horizontal{border-width:5px 1px 1px}body::-webkit-scrollbar-corner{-moz-background-clip:border;-webkit-background-clip:border;background-clip:border-box;background-color:transparent;border-width:0 0 0 0;border:solid #fff;-moz-box-shadow:inset 1px 1px 0 rgba(0,0,0,.14);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.14);box-shadow:inset 1px 1px 0 rgba(0,0,0,.14)}::-moz-selection{background:#d3d2d2;color:#fff;text-shadow:none}::selection{background:#d3d2d2;color:#fff;text-shadow:none}

.header-title,
.inner-sidebar-title,
.modal .modal-content h4,
.stats-info h5 {
    text-transform: uppercase
}
.mn-content,
body,
html {
    font-size: 12px;
    height: 100%;
    width: 100%
}
.mn-header,
nav {
    height: 60px!important
}
html {
    font-weight: 500;
    color: rgba(0, 0, 0, .6)
}
body {
    background-color: #F4F4F4;
    overflow-y: auto!important;
    overflow-x: hidden
}
a {
    color: #ef6c00
}
text {
    font-family: Roboto, sans-serif
}
mark {
    background: #fff9c4;
    color: rgba(0, 0, 0, .8)
}
a:active,
a:focus,
a:hover {
    outline: 0!important
}
.btn,
.btn-flat {
    font-weight: 500;
    font-size: 13px
}
.btn-flat.disabled:hover {
    background: 0 0
}
.btn-flat.waves-grey {
    color: #343434
}
.btn-flat.waves-purple {
    color: #9c27b0
}
.btn-flat.waves-green {
    color: #4caf50
}
.btn-flat.waves-blue {
    color: #2196f3
}
.btn-flat.waves-orange {
    color: #ff9800
}
.btn-flat.waves-red {
    color: #f44336
}
.btn.white,
.collection a.collection-item {
    color: #343434
}
.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, .2)
}
.waves-effect.waves-grey .waves-ripple {
    background-color: rgba(158, 158, 158, .2)
}
.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, .2)
}
.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, .2)
}
.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, .2)
}
.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, .2)
}
.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, .2)
}
.waves-effect.waves-blue .waves-ripple {
    background-color: rgba(33, 150, 243, .2)
}
.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, .2)
}
.fixed-action-btn {
    z-index: 996
}
.toast {
    border-radius: 2px;
    background-color: #323232;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 300;
    color: #fff
}
body:not(.loaded) .mn-content {
    opacity: 0.2;
}
.mn-content {
    opacity: 1;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s
}
.loader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -35px
}
.loader-bg {
    position: fixed;
    background: #fff;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 1
}
.header-title,
nav {
    position: relative
}
.loaded .loader-bg,
.loaded .loader {
    opacity: 0;
    z-index: -9;
}
.mn-header {
    z-index: 999
}
.header-title {
    font-size: 15px;
    font-weight: 700;
    line-height: 60px;
    float: left;
    color: #fff;
    margin-left: 8px;
    cursor: pointer
}
.header-title span {
    margin: 13px 0;
    display: block;
    float: left;
}
.navbar-fixed .header-title {
    margin-left: 56px
}
nav {
    padding: 0 16px;
    line-height: 60px!important
}
.mn-header.navbar-fixed nav .nav-wrapper {
    padding-left: 44px;
    margin-bottom: 0;
}
nav .nav-wrapper {
    padding-right: 44px
}
.nav-right-menu {
    margin-right: -55.25px
}
.nav-right-menu li {
    float: right
}
.navbar-fixed nav .navigation-toggle {
    position: fixed;
    left: 12px
}
nav .nav-wrapper>ul>li>a {
    padding: 0 12px;
    position: relative
}
nav [class*=mdi-],
nav [class^=mdi-],
nav i,
nav i.material-icons {
    line-height: 60px
}
nav ul a:hover,
nav ul li:hover {
    background-color: transparent
}
nav .nav-wrapper i {
    font-size: 22px;
    color: rgba(255, 255, 255, .9)
}
nav .nav-wrapper .dropdown-content {
    width: auto!important;
    white-space: nowrap;
    padding: 5px 0
}
@media (min-width: 993px) {
    .mn-content.fixed-sidebar .mn-inner {
        padding-left: 285px;
        width: 100%
    }
    .mn-content.fixed-sidebar .page-footer {
        width: 100%
    }
    .mn-content.fixed-sidebar-on-hidden .page-footer {
        padding-left: 25px!important;
        padding-right: 25px!important;
        width: 100%
    }
}
nav .nav-wrapper ul li img {
    width: 34px;
    height: 34px;
    margin-top: 15px;
    float: left
}
nav .nav-wrapper ul li img+span {
    line-height: 60px;
    float: left;
    margin-left: 10px;
    font-size: 13px
}
nav .nav-wrapper ul li span.badge {
    position: absolute;
    top: 10px;
    right: 5px;
    min-width: 1px!important;
    line-height: 1.5;
    background: #ff8f00;
    border-radius: 100%;
    font-size: 12px;
    color: #fff
}
.material-design-hamburger a {
    display: block;
    border: none;
    background: 0 0;
    outline: 0;
    padding-top: 30px
}
.material-design-hamburger__icon {
    padding: 3rem 1rem;
    cursor: pointer
}
.material-design-hamburger__layer {
    display: block;
    width: 13px;
    height: 1.5px;
    background: rgba(255, 255, 255, .9);
    position: relative;
    animation-duration: .2s;
    animation-timing-function: ease-in-out
}
.close-search,
.position-bottom-left,
.position-bottom-right,
.position-top-left,
.position-top-right {
    position: absolute
}
.material-design-hamburger__layer:after,
.material-design-hamburger__layer:before {
    display: block;
    width: inherit;
    height: 2px;
    position: absolute;
    background: inherit;
    left: 0;
    content: '';
    animation-duration: .2s;
    animation-timing-function: ease-in-out
}
.notification-drop-title:hover,
.notificatoins-dropdown-container:hover {
    background-color: transparent!important
}
.material-design-hamburger__layer:before {
    bottom: 300%
}
.material-design-hamburger__layer:after {
    top: 300%
}
.material-design-hamburger__icon--to-arrow {
    animation-name: material-design-hamburger__icon--slide;
    animation-fill-mode: forwards
}
.material-design-hamburger__icon--to-arrow:before {
    animation-name: material-design-hamburger__icon--slide-before;
    animation-fill-mode: forwards;
    bottom: 200%
}
.material-design-hamburger__icon--to-arrow:after {
    animation-name: material-design-hamburger__icon--slide-after;
    animation-fill-mode: forwards;
    top: 200%
}
.material-design-hamburger__icon--from-arrow {
    animation-name: material-design-hamburger__icon--slide-from
}
.material-design-hamburger__icon--from-arrow:before {
    animation-name: material-design-hamburger__icon--slide-before-from
}
.material-design-hamburger__icon--from-arrow:after {
    animation-name: material-design-hamburger__icon--slide-after-from
}
@keyframes material-design-hamburger__icon--slide {
    100% {
        transform: rotate(180deg)
    }
}
@keyframes material-design-hamburger__icon--slide-before {
    100% {
        transform: rotate(45deg);
        margin: 3% 37%;
        width: 75%
    }
}
@keyframes material-design-hamburger__icon--slide-after {
    100% {
        transform: rotate(-45deg);
        margin: 3% 37%;
        width: 75%
    }
}
@keyframes material-design-hamburger__icon--slide-from {
    0% {
        transform: rotate(-180deg)
    }
}
@keyframes material-design-hamburger__icon--slide-before-from {
    0% {
        transform: rotate(45deg);
        margin: 3% 37%;
        width: 75%
    }
}
@keyframes material-design-hamburger__icon--slide-after-from {
    0% {
        transform: rotate(-45deg);
        margin: 3% 37%;
        width: 75%
    }
}
.reverse-icon .material-design-hamburger__icon--to-arrow,
.right-sidebar-button .material-design-hamburger__icon--to-arrow {
    animation-name: right-material-design-hamburger__icon--slide;
    animation-fill-mode: forwards
}
.reverse-icon .material-design-hamburger__icon--to-arrow:before,
.right-sidebar-button .material-design-hamburger__icon--to-arrow:before {
    animation-name: right-material-design-hamburger__icon--slide-before;
    animation-fill-mode: forwards;
    bottom: 200%
}
.reverse-icon .material-design-hamburger__icon--to-arrow:after,
.right-sidebar-button .material-design-hamburger__icon--to-arrow:after {
    animation-name: right-material-design-hamburger__icon--slide-after;
    animation-fill-mode: forwards;
    top: 200%
}
.reverse-icon .material-design-hamburger__icon--from-arrow,
.right-sidebar-button .material-design-hamburger__icon--from-arrow {
    animation-name: right-material-design-hamburger__icon--slide-from
}
.reverse-icon .material-design-hamburger__icon--from-arrow:before,
.right-sidebar-button .material-design-hamburger__icon--from-arrow:before {
    animation-name: right-material-design-hamburger__icon--slide-before-from
}
.reverse-icon .material-design-hamburger__icon--from-arrow:after,
.right-sidebar-button .material-design-hamburger__icon--from-arrow:after {
    animation-name: right-material-design-hamburger__icon--slide-after-from
}
@keyframes right-material-design-hamburger__icon--slide {
    100% {
        transform: rotate(-180deg)
    }
}
@keyframes right-material-design-hamburger__icon--slide-before {
    100% {
        transform: rotate(-45deg);
        margin: 3% -10%;
        width: 75%
    }
}
@keyframes right-material-design-hamburger__icon--slide-after {
    100% {
        transform: rotate(45deg);
        margin: 3% -10%;
        width: 75%
    }
}
@keyframes right-material-design-hamburger__icon--slide-from {
    0% {
        transform: rotate(180deg)
    }
}
@keyframes right-material-design-hamburger__icon--slide-before-from {
    0% {
        transform: rotate(-45deg);
        margin: 3% -10%;
        width: 75%
    }
}
@keyframes right-material-design-hamburger__icon--slide-after-from {
    0% {
        transform: rotate(45deg);
        margin: 3% -10%;
        width: 75%
    }
}
.notifications-dropdown {
    overflow-y: visible;
    top: 60px!important;
    padding: 0!important
}
.notificatoins-dropdown-container {
    width: 300px!important;
    max-height: 420px;
    overflow-y: auto;
    padding: 5px 0;
    cursor: auto!important
}
#chat-sidebar,
.card-options>ul,
.divider,
.inner-sidebar .info-item,
.notifications-dropdown li a,
.search {
    overflow: auto;
}
.notification-drop-title {
    color: #ADADAD;
    font-size: 12px;
    padding: 8px 20px;
    cursor: auto!important;
    font-weight: 700
}
.notifications-dropdown .notification .notification-icon {
    width: 36px;
    height: 36px;
    text-align: center;
    display: inline-block;
    vertical-align: middle
}
.notifications-dropdown .notification .notification-icon i {
    line-height: 36px;
    width: auto;
    color: #fff
}
.notifications-dropdown .notification .notification-text {
    display: inline-block;
    vertical-align: middle
}
.notifications-dropdown .notification .notification-text p {
    margin: 0 0 0 10px;
    color: #9E9E9E;
    font-size: 13px
}
.notifications-dropdown .notification .notification-text p b {
    color: #333
}
.notifications-dropdown .notification .notification-text span {
    margin: 0 0 0 10px;
    color: #BDBDBD;
    font-size: 12px
}
.dropdown-content li {
    min-height: 0
}
.dropdown-content li>a,
.dropdown-content li>span {
    padding: 8px 20px;
    font-size: 13px;
    color: #4C4C4C
}
.dropdown-content li a i {
    display: inline-block;
    height: auto;
    line-height: inherit;
    font-size: 18px;
    vertical-align: top;
    width: 28px;
    text-align: left
}
.divider {
    height: 1px;
    margin: 8px 0;
    background-color: #EEE
}
.card-title small {
    color: rgba(0, 0, 0, .54);
    font-weight: 700;
    float: right
}
.heading-title {
    line-height: 24px;
    font-size: 17px;
    font-weight: 400;
    display: block;
    margin-bottom: 20px
}
.no-m,
.no-s {
    margin: 0!important
}
.dynamic-color .amber,
.dynamic-color .black,
.dynamic-color .blue,
.dynamic-color .blue-grey,
.dynamic-color .brown,
.dynamic-color .cyan,
.dynamic-color .deep-orange,
.dynamic-color .deep-purple,
.dynamic-color .green,
.dynamic-color .grey,
.dynamic-color .indigo,
.dynamic-color .light-blue,
.dynamic-color .light-green,
.dynamic-color .lime,
.dynamic-color .orange,
.dynamic-color .pink,
.dynamic-color .purple,
.dynamic-color .red,
.dynamic-color .teal,
.dynamic-color .transparent,
.dynamic-color .white,
.dynamic-color .yellow {
    height: 55px;
    line-height: 55px;
    padding: 0 15px;
    font-weight: 500;
    font-size: 12px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.no-p,
.no-s {
    padding: 0!important
}
.collection .collection-item.active {
    background-color: #DDD;
    color: #343434
}
.collection a.collection-item:not(.active):hover {
    background-color: #f2f2f2
}
.f-thin {
    font-weight: 300
}
.f-normal {
    font-weight: 400
}
.f-bold {
    font-weight: 600
}
.f-s-10 {
    font-size: 10px
}
.f-s-11 {
    font-size: 11px
}
.f-s-12 {
    font-size: 12px
}
.f-s-13 {
    font-size: 13px
}
.f-s-14 {
    font-size: 14px
}
.f-s-15 {
    font-size: 15px
}
.f-s-16 {
    font-size: 16px
}
.f-s-17 {
    font-size: 17px
}
.f-s-18 {
    font-size: 18px
}
.f-s-20 {
    font-size: 20px
}
.f-s-22 {
    font-size: 22px
}
.f-s-24 {
    font-size: 24px
}
.f-s-26 {
    font-size: 26px
}
.f-s-28 {
    font-size: 28px
}
.f-s-30 {
    font-size: 30px
}
.f-s-32 {
    font-size: 32px
}
.secondary-link {
    font-size: 13px;
    color: #2196f3;
    font-weight: 700
}
.position-top-right {
    top: 0;
    right: 0
}
.position-top-left {
    top: 0;
    left: 0
}
.position-bottom-left,
.position-bottom-right {
    bottom: 0;
    right: 0
}
.bs-n {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.bs-dark {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .6);
    box-shadow: 0 0 3px rgba(0, 0, 0, .6)
}
.bs-light {
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3)
}
.bs-t {
    -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 -1px 1px rgba(0, 0, 0, .05)
}
.bs-r {
    -webkit-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: 1px 0 1px rgba(0, 0, 0, .05)
}
.bs-b {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}
.bs-l {
    -webkit-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: -1px 0 1px rgba(0, 0, 0, .05);
    box-shadow: -1px 0 1px rgba(0, 0, 0, .05)
}
.no-m-t {
    margin-top: 0!important
}
.no-m-r {
    margin-right: 0!important
}
.no-m-b {
    margin-bottom: 0!important
}
.no-m-l {
    margin-left: 0!important
}
.m {
    margin: 15px
}
.m-t-xxs {
    margin-top: 5px
}
.m-r-xxs {
    margin-right: 5px
}
.m-b-xxs {
    margin-bottom: 5px
}
.m-l-xxs {
    margin-left: 5px
}
.m-t-xs {
    margin-top: 10px
}
.m-r-xs {
    margin-right: 10px
}
.m-b-xs {
    margin-bottom: 10px
}
.m-l-xs {
    margin-left: 10px
}
.m-t-sm {
    margin-top: 15px
}
.m-r-sm {
    margin-right: 15px
}
.m-b-sm {
    margin-bottom: 15px
}
.m-l-sm {
    margin-left: 15px
}
.m-t-md {
    margin-top: 20px
}
.m-r-md {
    margin-right: 20px
}
.m-b-md {
    margin-bottom: 20px
}
.m-l-md {
    margin-left: 20px
}
.m-t-lg {
    margin-top: 25px
}
.m-r-lg {
    margin-right: 25px
}
.m-b-lg {
    margin-bottom: 25px
}
.m-l-lg {
    margin-left: 25px
}
.m-t-xxl {
    margin-top: 30px
}
.m-r-xxl {
    margin-right: 30px
}
.m-b-xxl {
    margin-bottom: 30px
}
.m-l-xxl {
    margin-left: 30px
}
.m-t-n-xxs {
    margin-top: -5px
}
.m-r-n-xxs {
    margin-right: -5px
}
.m-b-n-xxs {
    margin-bottom: -5px
}
.m-l-n-xxs {
    margin-left: -5px
}
.m-t-n-xs {
    margin-top: -10px
}
.m-r-n-xs {
    margin-right: -10px
}
.m-b-n-xs {
    margin-bottom: -10px
}
.m-l-n-xs {
    margin-left: -10px
}
.m-t-n-sm {
    margin-top: -15px
}
.m-r-n-sm {
    margin-right: -15px
}
.m-b-n-sm {
    margin-bottom: -15px
}
.m-l-n-sm {
    margin-left: -15px
}
.m-t-n-md {
    margin-top: -20px
}
.m-r-n-md {
    margin-right: -20px
}
.m-b-n-md {
    margin-bottom: -20px
}
.m-l-n-md {
    margin-left: -20px
}
.m-t-n-lg {
    margin-top: -25px
}
.m-r-n-lg {
    margin-right: -25px
}
.m-b-n-lg {
    margin-bottom: -25px
}
.m-l-n-lg {
    margin-left: -25px
}
.m-t-n-xxl {
    margin-top: -30px
}
.m-r-n-xxl {
    margin-right: -30px
}
.m-b-n-xxl {
    margin-bottom: -30px
}
.m-l-n-xxl {
    margin-left: -30px
}
.search,
.search .input-field {
    margin-left: -44px;
    height: 48px
}
.p {
    padding: 15px
}
.p-h-xxs {
    padding-left: 5px;
    padding-right: 5px
}
.p-h-xs {
    padding-left: 10px;
    padding-right: 10px
}
.p-h-sm {
    padding-left: 15px;
    padding-right: 15px
}
.no-p-h {
    padding-left: 0!important;
    padding-right: 0!important
}
.no-p-v {
    padding-top: 0;
    padding-bottom: 0
}
.p-h-md {
    padding-left: 20px;
    padding-right: 20px
}
.p-h-lg {
    padding-left: 25px;
    padding-right: 25px
}
.p-h-xxl {
    padding-left: 30px;
    padding-right: 30px
}
.p-v-xxs {
    padding-top: 5px;
    padding-bottom: 5px
}
.p-v-xs {
    padding-top: 10px;
    padding-bottom: 10px
}
.p-v-sm {
    padding-top: 15px;
    padding-bottom: 15px
}
.p-v-md {
    padding-top: 20px;
    padding-bottom: 20px
}
.p-v-lg {
    padding-top: 25px;
    padding-bottom: 25px
}
.p-v-xxl {
    padding-top: 30px;
    padding-bottom: 30px
}
.header-text {
    font-size: 15px;
    font-weight: 700
}
.search {
    margin-top: 6px;
    line-height: 48px;
    border-radius: 2px
}
.input-field input[type=search]:focus {
    background: rgba(255, 255, 255, .18);
    color: #fff
}
.search input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .75)!important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.search input:-moz-placeholder {
    color: rgba(255, 255, 255, .75)!important
}
.search input::-moz-placeholder {
    color: rgba(255, 255, 255, .75)!important
}
.search input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .75)!important
}
.search input:focus::-webkit-input-placeholder {
    color: #fff!important
}
.search input:focus:-moz-placeholder {
    color: #fff!important
}
.search input:focus::-moz-placeholder {
    color: #fff!important
}
.search input:focus:-ms-input-placeholder {
    color: #fff!important
}
.search-icon {
    line-height: 48px!important;
    font-size: 20px!important;
    color: rgba(255, 255, 255, .75)!important
}

.input-field input[type=search]:focus+label .search-icon {
    color: #fff!important
}
.search input {
    padding: 0;
    margin: 0;
    font-size: 15px!important;
    background: rgba(255, 255, 255, .18)
}
.input-field input[type=search] {
    font-size: 15px!important;
    width: 100%;
    padding-left: 85px
}
@media (max-width: 600px) {
    .search,
    .search .input-field {
        height: 60px
    }
    .search {
        position: absolute;
        z-index: 999;
        float: none!important;
        background: #fff;
        margin: 0;
        padding: 0!important;
        left: -16px!important;
        right: -16px!important;
        border-radius: 0;
        width: calc(100% + 32px)!important
    }
    .input-field input[type=search] {
        color: rgba(0, 0, 0, .6)!important;
        line-height: 60px;
        padding: 0 54.5px 0 76.5px!important;
        font-weight: 400;
        width: calc(100% - 130.5px)
    }
    .input-field input[type=search]:focus {
        color: #333!important
    }
    .search input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, .6)!important;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s
    }
    .search input:focus::-webkit-input-placeholder {
        color: rgba(0, 0, 0, .75)!important
    }
    .search input[type=search]:focus:not([readonly]) {
        border-bottom: none;
        box-shadow: none
    }
    .close-search {
        display: block!important
    }
}
.close-search {
    right: 32.5px;
    top: 0;
    display: none
}
.side-nav .sidenav-logo,
.side-nav-wrapper {
    position: relative
}
.close-search i {
    color: rgba(0, 0, 0, .5)!important
}
@media screen and (min-width: 1240px) {
    .container {
        margin: auto;
        max-width: 1200px
    }
}


@media screen and (max-width: 1240px) {
    .header_date { display: none; }
}
.page-title {
    float: left;
    color: #545454;
    line-height: 37px;
    font-size: 19px;
    font-weight: 600;
    margin: 0 25px 0 0;
}
.page-title-buttons {
    float: right;
    margin: 0 10px 5px
}
.page-title-buttons a {
    box-shadow: none!important
}
.page-title-buttons a i {
    color: #555
}
.drag-target {
    z-index: 996
}
@media only screen and (max-width: 992px) {
    .side-nav.fixed {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}
.side-nav {
    padding: 0!important;
    height: calc(100% - 60px)!important;
    margin-top: 60px;
    z-index: 997;
    width: 260px
}
#sidenav-overlay {
    display: none
}
.sidebar-menu {
    padding-top: 0!important;
    padding-bottom: 0!important
}
@media (min-width: 600px) {
    .drag-target {
        display: none
    }
}
.side-nav-wrapper {
    padding-bottom: 0
}
.side-nav ul li,
.side-nav.fixed ul li {
    padding: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.nav-drop-icon {
    float: right!important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
li.active > a .nav-drop-icon {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=-3)
}
.side-nav ul li a,
.side-nav.fixed ul li a {
    font-size: 13px;
    height: auto!important;
    color: rgba(0, 0, 0, .7);
    padding: 15px 0 15px 24px!important;
    line-height: 1.4em!important
}
.side-nav ul li a.active:hover,
.side-nav.fixed ul li a.active:hover {
    background: 0 0!important
}
.side-nav ul li a span.badge,
.side-nav.fixed ul li a span.badge {
    padding: 3px 6px;
    margin-top: -3px;
    font-size: 12px;
    min-width: auto!important;
    margin-right: 5px
}
.side-nav ul li a span.badge.new:after,
.side-nav.fixed ul li a span.badge.new:after {
    content: ""!important
}
.side-nav ul li a.active-page,
.side-nav.fixed ul li a.active-page {
    font-weight: 500;
    color: rgba(0, 0, 0, .9)
}
.side-nav ul ul li a,
.side-nav.fixed ul ul li a {
    border-left: 2px solid transparent;
    color: rgba(0, 0, 0, .9);
    display: block;
    font-weight: 400;
    letter-spacing: .1px;
    padding: 11.5px 0 11.5px 54px!important;
    margin: 0!important
}
.side-nav ul ul li a:hover,
.side-nav.fixed ul ul li a:hover {
    background-color: #E3E3E3!important
}
.side-nav ul ul ul li a,
.side-nav.fixed ul ul ul li a {
    border-left: 2px solid transparent;
    color: rgba(0, 0, 0, .9);
    display: block;
    font-weight: 400;
    letter-spacing: .1px;
    padding: 11.5px 0 11.5px 80px!important;
    margin: 0!important
}
.side-nav ul li:hover,
.side-nav.fixed ul li:hover {
    background: 0 0
}
.side-nav ul li.divider:hover,
.side-nav.fixed ul li.divider:hover {
    background-color: #ECECEC
}
.side-nav li a {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}
.side-nav li a:hover {
    background-color: #ECECEC!important;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s
}
.card-options>ul>li>a,
.dd-handle {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s
}
.side-nav ul li.active,
.side-nav ul li:focus,
.side-nav.fixed ul li.active,
.side-nav.fixed ul li:focus {
    background-color: #F3F3F3!important
}
.side-nav ul li li.active,
.side-nav ul li li:focus,
.side-nav.fixed ul li li.active,
.side-nav.fixed ul li li:focus {
    background-color: #e4e4e4!important
}
.side-nav.fixed ul li.active>a,
.side-nav.fixed ul li.active>a.collapsible-header {
    font-weight: 500
}
.side-nav ul li a i {
    font-size: 19px;
    vertical-align: middle;
    margin-right: 20px;
    color: #67696A
}
.side-nav ul li a i.material-icons {
    line-height: inherit;
    margin: 0 10px 0 0;
    width: auto
}
.side-nav .collapsible-header {
    margin: 0;
    line-height: 1em
}
.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
    background-color: transparent
}
.collapsible-header i {
    width: auto;
    font-size: 20px;
    line-height: inherit;
    display: inline-block;
    text-align: left;
    margin-right: 15px
}
.side-nav .sidenav-logo a {
    padding: 12px 0 11px 24px;
    color: #767676;
    line-height: 40px;
    font-size: 24px;
    font-weight: 700;
    border-bottom: 1px solid #E0E0E0
}
.footer,
.footer a {
    font-size: 13px;
    line-height: 24px
}
@media (max-width: 600px) {
    .side-nav .sidenav-logo a {
        height: 56px;
        padding: 8px 0 7px 24px
    }
}
.footer {
    bottom: 0;
    color: #212121;
    height: 96px;
    padding: 24px;
    position: absolute;
    width: 100%
}
.footer .copyright {
    margin: 0
}
.footer a {
    color: #0277bb!important;
    display: inline-block!important;
    height: auto;
    padding: 0!important
}
.footer a:hover {
    background: 0 0
}
.sidebar-profile {
    padding: 25px 24px;
    background: url(../images/profile_bg.png);
    background-size: cover
}
.sidebar-profile .sidebar-profile-image img {
    width: 50px;
    height: 50px
}
.sidebar-profile .sidebar-profile-info {
    margin-top: 5px
}
.sidebar-profile .sidebar-profile-info p {
    color: #000;
    font-size: 14px;
    margin: 0;
    font-weight: 700
}
.sidebar-profile .sidebar-profile-info span {
    color: #555;
    font-size: 13px
}
.sidebar-profile .sidebar-profile-info i {
    color: #555;
    font-size: 19px
}
.sidebar-profile .sidebar-profile-info a {
    height: auto;
    line-height: 1.5;
    padding: 0
}
.sidebar-profile .sidebar-profile-info a:hover {
    background: 0 0
}
.left-sidebar-hover {
    position: fixed;
    background: 0 0;
    width: 13.25px;
    left: 0;
    top: 0;
    bottom: 0
}
.left-sidebar-hover.right-sidebar {
    right: 0;
    left: auto
}
.middle-content {
    padding-top: 25px;
    padding-right: 25px;
    float: left;
    width: calc(100% - 320px)!important
}
.mn-inner {
    padding: 25px 25px 9.5px;
    min-height: calc(100% - 181px)
}
.mn-inner.hidden-fixed-sidebar {
    padding-left: 25px!important
}
.mn-inner.inner-active-sidebar {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    overflow: hidden
}
.signin-page .mn-inner,
.signup-page .mn-inner {
    min-height: 0!important
}
@media only screen and (min-width: 993px) and (max-width: 1200px) {
    .inner-sidebar {
        display: none!important
    }
    .middle-content {
        width: 100%!important
    }
}
@media only screen and (max-width: 600px) {
    .inner-sidebar {
        display: none!important
    }
    .middle-content {
        width: 100%!important
    }
}
.inner-sidebar {
    display: block;
    background: #e8e8ea;
    width: 320px;
    float: right;
    min-height: calc(100% - 156px);
    padding: 5px 25px
}
.inner-sidebar-title {
    line-height: 24px;
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin: 30px -25px 20px;
    padding: 4px 25px;
    color: rgba(0, 0, 0, .54)
}
.inner-sidebar .inner-sidebar-title:first-child {
    margin-top: 20px!important
}
.inner-sidebar-title i {
    font-size: 16px;
    float: right;
    line-height: 24px
}
.inner-sidebar-divider {
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, .07);
    margin: 8px 0
}
.inner-sidebar .info-item {
    display: block;
    width: 100%;
    font-size: 13px
}
.inner-sidebar .info-item .message-info {
    float: left;
    margin-left: 0
}
.inner-sidebar .info-item .message-info small {
    font-size: 12px;
    color: rgba(0, 0, 0, .45);
    float: right;
    display: inline-block;
    margin: 1px 0 0 15px;
}
.inner-sidebar .info-item .message-info a {
    color: black;
    margin: 0 0 15px 0;
    display: block;
}
.inner-sidebar .info-item.message-item {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #d6d6d6;
}
.inner-sidebar .message-list .info-item.message-item:first-child {
    padding-top: 0!important
}
.inner-sidebar .message-list .info-item.message-item:last-child {
    padding-bottom: 0!important
}
.inner-sidebar .info-item img {
    float: left;
    width: 40px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08), 0 2px 10px 0 rgba(0, 0, 0, .06)
}
.inner-sidebar .info-item.disabled {
    opacity: .5
}
.inner-sidebar .info-item .badge {
    min-width: auto!important;
    font-size: 11px;
    padding: 3px 6px
}
.inner-sidebar .info-item .badge:after {
    content: ''
}
.sidebar-radar-chart {
    padding-bottom: 15px
}
.card,
.card-panel {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 3px 1px -2px rgba(0, 0, 0, .08), 0 1px 5px 0 rgba(0, 0, 0, .08);
    position: relative
}
.card.card-transparent {
    background: 0 0;
    box-shadow: none
}
.card-panel>.card-content>.card-title,
.card>.card-content>.card-title,
.card>.card-reveal>.card-title {
    line-height: 24px;
    font-size: 13px;
    font-weight: 700;
    display: block;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.81);
}
.card .card-image .card-title,
.card.white-text .card-title {
    color: #fff
}
.card .card-title i {
    font-size: 22px;
    line-height: 24px;
    vertical-align: top;
    margin-right: 10px
}
.card .card-options .badge {
    right: 15px;
    top: 20px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    padding: 2px 6px;
    text-shadow: none;
    min-width: auto
}
#date,
#time,
.error-page span {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .3)
}
code {
    font-size: 85%;
    display: inline-block;
    background-color: rgba(0, 0, 0, .06);
    border-radius: 3px;
    white-space: pre-wrap
}
.card-options>ul>li,
.modal .modal-content h4 {
    color: #000;
    font-size: 18px;
    font-weight: 700
}
code:after,
code:before {
    letter-spacing: -.2em;
    content: "\00a0"
}
.shadow-demo {
    background-color: #607d8b;
    width: 100px;
    height: 100px;
    margin: 20px auto!important
}
blockquote {
    border-left: 5px solid #607d8b
}
.modal .modal-content h4 {
    line-height: 24px;
    display: block;
    margin-bottom: 20px
}
.modal .modal-content p {
    margin: 15px 0
}
.collapsible {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15)
}
.card-options {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
    padding: 20px
}
.card-options>ul {
    margin: 0
}
.card-options>ul>li {
    display: inline-block
}
.sidebar-messages .chat-list .chat-item .chat-item-image,
.sidebar-notifications .notifications-list .notification .notification-icon {
    float: left;
    display: block
}
.card-options>ul>li>a {
    color: #aaa;
    transition: all .3s
}
.card-options>ul>li>a:hover {
    color: #333
}
.card-options>ul>li>a>i {
    font-size: 17px;
    line-height: 24px
}
.card-image .card-options>ul>li>a {
    color: #ccc
}
.card-image .card-options>ul>li>a:hover {
    color: #fff
}
.card-options>ul>li>span {
    padding: 5px;
    border-radius: 2px;
    font-size: 12px
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating) {
    color: #EE3182
}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-floating):hover {
    color: #f48fb1
}
#chat-sidebar .side-nav-wrapper {
    height: 100%!important;
    min-height: 100%!important;
    padding-bottom: 48px
}
.right-sidebar-heading {
    margin: 15px;
    font-weight: 700;
    font-size: 12px;
    text-align: center
}
#chat-sidebar .tabs .tab a {
    font-size: 11px;
    line-height: 18px!important;
    padding: 15px 0 15px 5px!important;
    text-align: center;
    color: #555;
    font-weight: 500
}
#chat-sidebar .tabs .tab a:hover {
    background: 0 0!important
}
#chat-sidebar .tabs {
    border-bottom: 1px solid #eee;
    background: #f7f7f7;
    box-shadow: none!important
}
.right-sidebar-panel {
    overflow-y: auto;
    position: relative;
    height: 100%
}
.sidebar-notifications .notifications-list .notification {
    padding: 10px 15px;
    border-top: 1px solid #eee;
    overflow: hidden
}
.sidebar-notifications .notifications-list .notification.unread {
    background: #f7f7f7
}
.sidebar-notifications .notifications-list .notification .notification-icon i.circle {
    font-size: 12px;
    padding: 7px;
    color: #fff;
    margin-right: 5px
}
.sidebar-notifications .notifications-list .notification .notification-text {
    padding-left: 40px
}
.sidebar-notifications .notifications-list .notification .notification-text p {
    margin: 0;
    font-size: 14px;
    padding-top: 3px
}
.sidebar-notifications .notifications-list .notifications-load-more {
    text-align: center
}
.sidebar-notifications .notifications-list .notifications-load-more a:hover {
    background: 0 0
}
.sidebar-notifications .notifications-list .notifications-load-more a {
    color: #0277bb;
    font-size: 13px
}
.sidebar-messages .chat-list {
    overflow-y: auto;
    height: calc(100% - 101px)
}
.sidebar-messages .chat-list .chat-item {
    padding: 10px 15px;
    border-top: 1px solid #eee;
    overflow: hidden
}
.sidebar-messages .chat-list .chat-item .chat-item-image img {
    width: 40px
}
.sidebar-messages .chat-list .chat-item .chat-item-info {
    padding-left: 50px
}
.sidebar-messages .chat-list .chat-item .chat-item-info .chat-name {
    margin: 0;
    color: rgba(0, 0, 0, .75)
}
.sidebar-messages .chat-list .chat-item .chat-item-info .chat-message {
    color: rgba(0, 0, 0, .54);
    font-size: 12px
}
.sidebar-messages .chat-list a {
    height: auto;
    line-height: 1.5;
    padding: 0
}
.sidebar-messages .chat-list a:hover {
    background: #f7f7f7
}
.sidebar-messages {
    position: relative
}
.sidebar-messages .chat-sidebar-options {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}
.chat-sidebar-options a {
    color: #AAA;
    height: auto;
    line-height: 1em;
    padding: 10px 5px;
    margin: 0 15px
}
.chat-sidebar-options a:hover {
    background: 0 0!important
}
.chat-sidebar-options a i {
    font-size: 20px
}
@media only screen and (max-width: 601px) {
    #chat-messages {
        width: 100%!important
    }
}
#chat-messages .sidebar-chat-name {
    border-bottom: 1px solid #eee;
    padding: 10px 25px 20px
}
#chat-messages .sidebar-chat-name a {
    float: right;
    color: #444;
    display: inline;
    font-size: 19px;
    height: auto;
    line-height: 1.5;
    padding: 0
}
#chat-messages .sidebar-chat-name a:hover {
    background: 0 0
}
.message-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 8px 0;
    padding: 8px 0
}
.message-wrapper .circle-wrapper {
    height: 38px;
    width: 38px;
    background: 0 0!important
}
.message-wrapper .circle-wrapper a {
    height: auto;
    line-height: 1.5;
    padding: 0
}
.message-wrapper .circle-wrapper img {
    height: 38px;
    width: 38px
}
.message-wrapper .text-wrapper {
    padding: 10px;
    min-height: 38px;
    max-width: 60%;
    margin: 0 10px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    position: relative;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.8
}
.message-wrapper .text-wrapper+.text-wrapper {
    margin-top: 5px;
    clear: both
}
.message-wrapper.them .text-wrapper+.text-wrapper {
    margin-left: 48px
}
.message-wrapper.me .text-wrapper+.text-wrapper {
    margin-right: 48px
}
.message-wrapper .text-wrapper+.text-wrapper:before {
    border-color: transparent!important
}
.message-wrapper .text-wrapper:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid
}
.message-wrapper.them .circle-wrapper,
.message-wrapper.them .text-wrapper {
    background: #607d8b;
    float: left;
    color: #fff
}
.message-wrapper.them .text-wrapper:before {
    border-width: 0 10px 10px 0;
    border-color: transparent #607d8b transparent transparent;
    position: absolute;
    top: 0;
    left: -9px
}
.message-wrapper.me .circle-wrapper,
.message-wrapper.me .text-wrapper {
    background: #eceff1;
    float: right;
    color: #333
}
.message-wrapper.me .text-wrapper {
    background: #eceff1
}
.message-wrapper.me .text-wrapper:before {
    border-width: 10px 10px 0 0;
    border-color: #eceff1 transparent transparent;
    position: absolute;
    top: 0;
    right: -9px
}
#chat-messages {
    overflow-y: hidden
}
.messages-container {
    padding: 10px 25px;
    overflow-y: auto;
    height: calc(100% - 147px)
}
.message-compose-box {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    padding: 0 20px;
    width: 100%;
    background: #fff
}
.settings-list .setting-item {
    border-top: 1px solid #eee;
    padding: 15px;
    overflow: hidden
}
.settings-list .setting-item .setting-text {
    float: left;
    font-size: 13px
}
.settings-list .setting-item .setting-set {
    float: right
}
.search-results {
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, .98);
    z-index: 998;
    overflow-y: auto;
    display: none
}
.search-container {
    padding: 57px 13.25px 9.5px
}
.search-head {
    margin-bottom: 50px
}
.search-results-title {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: 37px;
    color: rgba(0, 0, 0, .6)
}
.search-filter [type=checkbox].filled-in:not(:checked)+label:after {
    height: 15px;
    width: 15px
}
.search-filter [type=checkbox].filled-in:checked+label:before {
    width: 6px;
    height: 9.75px
}
.search-filter [type=checkbox]+label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    line-height: 18px;
    font-size: 13px
}
.search-filter [type=checkbox]:checked+label:before {
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff
}
.search-filter [type=checkbox].filled-in:checked+label:after {
    width: 15px;
    height: 15px;
    border: 2px solid #616161;
    background-color: #616161
}
.search-result-highlight {
    font-weight: 700;
    color: #333
}
.search-result-text {
    color: rgba(0, 0, 0, .7)!important
}
.search-result-container .row {
    margin-bottom: 70px
}
.search-result-container img {
    width: 50px
}
.secondary-search-text {
    clear: both;
    color: #a6a8ab;
    font-size: 13px!important;
    font-weight: 400;
    display: block
}
.secondary-search-text a:hover {
    text-decoration: underline
}
.search-result-container .col.s3 .search-circle,
.search-result-container .col.s3 img {
    margin: auto;
    display: block
}
.search-result-container .search-circle {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #fff;
    padding-top: 14px;
    padding-left: 19.5px;
    font-weight: 500
}
.search-file .circle {
    width: 100%;
    height: 100%
}
.search-container .card-action,
.search-container .card-content {
    padding: 20px 20px 20px 0
}
.search-container .card-content.first {
    padding-top: 0
}
.res-not-found {
    color: #ccc;
    font-size: 32px;
    font-weight: 700;
    margin-top: -60px
}
.stats-counter {
    float: left;
    font-size: 24px;
    font-weight: 400;
    color: rgba(0, 0, 0, .6);
    margin-bottom: 0!important;
    display: block
}
.stats-counter small {
    color: rgba(0, 0, 0, .55);
    font-size: 13px;
    margin-top: 5px;
    margin-left: 8px;
    font-weight: 500
}
#sparkline-bar {
    height: 40px;
    margin-top: -30px
}
#sparkline-bar-1 {
    height: 40px;
    margin-top: -30px
}
#sparkline-line {
    height: 42px;
    margin-top: -32px
}
#sparkline-line canvas {
    margin-left: -2px;
    margin-right: -2px;
    z-index: 99;
    position: relative;
}
#sparkline-bar canvas, #sparkline-bar-1 canvas  {
    z-index: 1
}
.stats-card-progress {
    background: #b2ebf2;
    border-bottom-left-radius: 2px!important;
    border-bottom-right-radius: 2px!important
}
.stats-card-progress .determinate {
    background: #26c6da;
    border-bottom-left-radius: 2px
}
.stats-card .card-content {
    z-index: 2;
    position: relative;
    overflow: hidden
}
.stats-card .percent-info {
    margin-top: 12px
}
.percent-info {
    float: right;
    font-size: 13px;
    font-weight: 700
}
.percent-info i {
    font-size: 18px;
    vertical-align: top
}
.stats-info {
    margin-bottom: 22px
}
.stats-info h5 {
    margin-left: 20px;
    font-size: 13px;
    font-weight: 700;
    color: rgba(0, 0, 0, .6)
}
.stats-info ul li {
    padding: 12px 0;
    border-bottom: 1px solid #E0E0E0;
    font-size: 13px
}
.stats-info ul li:last-child {
    border-bottom: 0
}
.stats-info ul {
    margin: 0
}
input.expand-search {
    border-radius: 20px;
    background: #f1f1f1;
    border: 0!important;
    font-size: 13px;
    padding: 2px 10px;
    height: 24px;
    width: 40px;
    margin-top: -2px
}
input.expand-search::-webkit-input-placeholder {
    color: #aaa!important
}
input.expand-search:-moz-placeholder {
    color: #aaa!important
}
input.expand-search::-moz-placeholder {
    color: #aaa!important
}
input.expand-search:-ms-input-placeholder {
    color: #aaa!important
}
input.expand-search.open-search {
    width: 100px;
    padding: 2px 15px
}
input.expand-search[type=date]:focus:not([readonly]),
input.expand-search[type=datetime-local]:focus:not([readonly]),
input.expand-search[type=email]:focus:not([readonly]),
input.expand-search[type=number]:focus:not([readonly]),
input.expand-search[type=password]:focus:not([readonly]),
input.expand-search[type=search]:focus:not([readonly]),
input.expand-search[type=tel]:focus:not([readonly]),
input.expand-search[type=text]:focus:not([readonly]),
input.expand-search[type=time]:focus:not([readonly]),
input.expand-search[type=url]:focus:not([readonly]) {
    border-bottom: none!important;
    box-shadow: none!important
}

#materialPreloader,
.dd-dragel {
    z-index: 9999
}
.server-load>.server-stat {
    display: inline-block;
    margin-bottom: 5px;
    padding-left: 0;
    margin-top: 10px
}
.server-load .server-stat span {
    font-size: 13px;
    margin-top: 3px;
    font-weight: 400;
    color: #aaa
}
.server-load .server-stat p {
    font-weight: 600;
    font-size: 16px;
    color: rgba(0, 0, 0, .6)
}
.secondary-title {
    font-size: 12px;
    text-transform: none;
    display: block;
    font-weight: 400;
    color: #aaa
}
.invoices-card table tbody tr:last-child {
    border: 0
}
.invoices-card table tbody tr td.status {
    font-weight: 700
}
.invoices-card table i {
    font-size: 18px;
    vertical-align: middle;
    color: #555
}
.progress {
    border-radius: 0
}
.media-iframe-example {
    frameborder: 0
}
.material-icons.icon-demo {
    line-height: 50px
}
.icon-container i {
    font-size: 3em;
    margin-bottom: 10px;
    overflow: hidden;
    display: block
}
.icon-container span {
    display: block
}
.icon-container .icon-preview {
    height: 120px;
    text-align: center
}
.dynamic-color .col {
    margin-bottom: 55px
}
.grid-showcase .card-content {
    padding: 20px 0
}
.grid-item {
    margin-bottom: 25px;
    width: 300px
}
.valign-demo {
    height: 345px;
    background-color: #F2F2F2
}
.talign-demo {
    height: 100px;
    background-color: #F2F2F2;
    padding-left: 20px;
    padding-right: 20px
}
.waves-color-demo .btn-large:not(.waves-light),
.waves-color-demo .btn:not(.waves-light) {
    background-color: #FFF;
    color: #212121
}
.waves-color-demo .collection-item {
    height: 57px
}
.slider .indicators .indicator-item.active {
    background-color: #607d8b
}

input:not([type]),
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
textarea.materialize-textarea {
    border-bottom: 1px solid #BCBCBC
}
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #26a69a;
    box-shadow: 0 1px 0 0 #26a69a
}
.input-field .prefix.active,
input[type=date]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
    color: #26a69a
}
.input-field label.error {
    color: #F44336;
    position: static;
    top: .8rem;
    left: .75rem;
    font-size: .8rem;
    cursor: text;
    -webkit-transition: .2s ease-out;
    -moz-transition: .2s ease-out;
    -o-transition: .2s ease-out;
    -ms-transition: .2s ease-out;
    transition: .2s ease-out
}
.dd-item>button,
.dd3-handle {
    cursor: pointer;
    white-space: nowrap
}
.autocomplete-content li img {
    height: 28px;
    width: 28px;
    margin: 5px 15px
}
.dropdown-content {
    max-height: 420px
}
[type=radio]:checked+label:after {
    border: 2px solid #ff6700;
    background-color: #ff6700
}
[type=radio].with-gap:checked+label:before {
    border: 2px solid #ff6700
}
[type=radio].with-gap:checked+label:after {
    border: 2px solid #ff6700;
    background-color: #ff6700
}
.switch label input[type=checkbox]:checked+.lever {
    background-color: #80cbc4
}
.picker__date-display,
.switch label input[type=checkbox]:checked+.lever:after {
    background-color: #ff6700
}
[type=checkbox]:checked+label:before {
    border-right: 2px solid #ff6600;
    border-bottom: 2px solid #ff6600
}
[type=checkbox].filled-in:checked+label:after {
    border: 2px solid #ff6700;
    background-color: #ff6700
}
.picker__weekday-display {
    background-color: #00796b
}
.picker__day.picker__day--today {
    color: #ff6700
}
.picker--focused .picker__day--selected,
.picker__day--selected,
.picker__day--selected:hover {
    background-color: #e0e0e0;
    color: #595959
}
.picker__day.picker__day--today.picker__day--selected {
    color: #595959
}
.picker__close,
.picker__today,
input[type=range]+.thumb .value {
    color: #ff6700
}
button.picker__clear:focus,
button.picker__close:focus,
button.picker__today:focus {
    background-color: #b2dfdb
}
.picker__nav--next:hover,
.picker__nav--prev:hover {
    background: #80cbc4
}
input[type=range]+.thumb {
    background-color: #ff6700
}
input[type=range]::-webkit-slider-thumb {
    background-color: #ff6700
}
input[type=range]::-moz-range-thumb {
    background: #ff6700
}
input[type=range]::-ms-thumb {
    background: #ff6700
}
.tabcontrol>.content>.title,
.wizard>.content>.title {
    position: absolute;
    left: -999em
}
.wizard .actions {
    position: relative;
    display: block;
    text-align: right;
    width: 100%
}
.wizard .actions ul li {
    display: inline-block
}
.wizard .steps ul li a .current-info,
.wizard .steps ul li a .number {
    display: none
}
.wizard .tabs {
    box-shadow: none
}
.wizard-content {
    padding: 50px 0
}
.wizard-content img {
    display: block;
    width: 100%
}
.wizardTerms {
    height: 300px;
    overflow-y: scroll;
    padding: 20px;
    border: 1px solid #f1f1f1;
    margin-bottom: 40px
}
.dd-item>button,
.dd3-handle,
.img-preview,
.nestable-container {
    overflow: hidden
}
.img-preview {
    width: 240px;
    height: 240px
}
.datatable-example {
    cellspacing: 0;
    width: 100%
}
.dataTable,
.dataTable td,
.dataTable th {
    border-radius: 0
}
.dataTable td,
.dataTable th {
    padding: 15px 5px!important;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    background: 0 0
}
.dataTable.display tr.odd,
.dataTable.hover tr.odd {
    background-color: transparent!important
}
.dataTable.display tbody tr:hover,
.dataTable.hover tbody tr:hover {
    background-color: #EEE!important
}
.dataTable.display tr .sorting_1,
.dataTable.hover tr .sorting_1 {
    background-color: transparent!important
}
table.dataTable thead td,
table.dataTable thead th {
    padding: 15px 5px!important;
    border-bottom: 1px solid #E6E6E6
}
table.dataTable tfoot td,
table.dataTable tfoot th {
    padding: 15px 5px!important;
    border-top: 1px solid #E6E6E6
}
.dataTable.display tr,
.dataTable.hover tr {
    background-color: transparent!important;
    border-bottom: 1px solid #E6E6E6
}
.dataTables_filter input {
    width: 250px
}
table.dataTable.display tbody td,
table.dataTable.display tbody th,
table.dataTable.row-border tbody td,
table.dataTable.row-border tbody th {
    border-top: 1px solid #E6E6E6
}
.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    display: inline-block;
    font-size: 1.2rem;
    padding: 0 10px;
    line-height: 30px;
    border-radius: 2px;
    text-align: center;
    background: 0 0;
    border: 0;
    color: #444!important;
    box-shadow: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #607d8b;
    border: 0;
    color: #fff!important;
    box-shadow: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button i {
    font-size: 2.2rem;
    vertical-align: middle
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #444
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    color: #999
}
.dataTables_wrapper label input,
.dataTables_wrapper label select,
.dd-handle {
    color: #333
}
table.dataTable.display tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.row-border tbody tr:first-child th {
    border-top: 1px solid #E6E6E6
}
table.bordered>tbody>tr,
table.bordered>thead>tr {
    border-bottom: 1px solid #E0E0E0
}
@media only screen and (max-width: 992px) {
    .dataTable.display tbody td {
        border-top: 0!important
    }
    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc {
        background: 0 0
    }
    table.dataTable thead .sorting {
        width: auto!important
    }
    .responsive-table tfoot {
        display: none
    }
}
.comparison-table {
    padding: 0 0 0 220px!important
}
.comparison-table+.page-footer {
    margin-top: 0!important
}
.comparison-table-options {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 20px
}
.dd,
.dd-list {
    display: block;
    padding: 0;
    list-style: none
}
.comparison-table-options span {
    margin: 0;
    line-height: 36px
}
#nvd1,
#nvd2,
#nvd3,
#nvd4,
#nvd5,
#nvd6 {
    height: 400px
}
.nvd3 .nv-x.nv-axis line {
    stroke: none;
    fill: none
}
.nvd3 line.nv-guideline {
    stroke-width: 1px;
    stroke-opacity: .1;
    stroke: #000
}
.nvd3 .nv-axis .nv-axisMaxMin text,
.tick text {
    fill: rgba(0, 0, 0, .54);
    font-weight: 700
}
.domain {
    opacity: 0
}
.nvtooltip table {
    margin: 12px 10px 14px 15px;
    display: block
}
.dd,
.dd-list {
    margin: 0;
    position: relative
}
.nvtooltip.xy-tooltip.nv-pointer-events-none {
    border-color: transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    background: #fff
}
.nv-axislabel {
    fill: rgba(0, 0, 0, .54);
    font-weight: 700!important;
    width: 0
}
.dd-handle,
.dd-item>button {
    font-weight: 700;
    margin: 5px 0
}
.nv-indexLine {
    fill: #9e9e9e
}
.nvtooltip table td.legend-color-guide div {
    border: 0;
    border-radius: 50%
}
.dd {
    max-width: 600px;
    font-size: 13px;
    line-height: 20px
}
.dd-list .dd-list {
    padding-left: 30px
}
.dd-collapsed .dd-list {
    display: none
}
.dd-empty,
.dd-item,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px
}
.dd-handle {
    display: block;
    height: 30px;
    padding: 5px 10px;
    text-decoration: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 0;
    transition: all .3s
}
.dd-handle:hover {
    color: #2ea8e5;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05), 0 3px 1px -2px rgba(0, 0, 0, .08), 0 1px 5px 0 rgba(0, 0, 0, .08)
}
.dd-item>button {
    display: block;
    position: relative;
    float: left;
    width: 25px;
    height: 20px;
    padding: 0;
    text-indent: 100%;
    border: 0;
    background: 0 0;
    font-size: 12px;
    line-height: 1;
    text-align: center
}
#map-canvas,
.dd-dragel,
.dd3-handle,
.dd3-handle:before {
    position: absolute
}
.dd-item>button:before {
    content: '+';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0
}
.dd-item>button[data-action=collapse]:before {
    content: '-'
}
.dd-empty,
.dd-placeholder {
    margin: 5px 0;
    padding: 0;
    min-height: 30px;
    background: #f2fbff;
    border: 1px dashed #b6bcbf;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px
}
.dd-dragel {
    pointer-events: none
}
.dd-dragel>.dd-item .dd-handle {
    margin-top: 0
}
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
}
.nestable-lists {
    display: block;
    clear: both;
    padding: 30px 0;
    width: 100%;
    border: 0;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd
}
#nestable-menu {
    padding: 0;
    margin: 20px 0
}
#nestable-output,
#nestable2-output {
    width: 100%;
    height: 7em;
    font-size: .75em;
    line-height: 1.333333em;
    font-family: Consolas, monospace;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.editor-style,
.jvectormap-tip,
.simditor .simditor-body {
    font-family: Roboto, sans-serif
}
#nestable2 .dd-handle {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0, #999 100%);
    background: -moz-linear-gradient(top, #bbb 0, #999 100%);
    background: linear-gradient(top, #bbb 0, #999 100%)
}
#nestable2 .dd-handle:hover {
    background: #bbb
}
#nestable2 .dd-item>button:before {
    color: #fff
}
@media only screen and (min-width: 700px) {
    .dd {
        float: left;
        width: 100%
    }
    .dd+.dd {
        margin-left: 2%
    }
}
.dd-hover>.dd-handle {
    background: #2ea8e5!important
}
.dd3-content {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px 5px 40px;
    color: #333;
    text-decoration: none;
    font-weight: 700;
    border: 1px solid #ccc;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
    background: -moz-linear-gradient(top, #fafafa 0, #eee 100%);
    background: linear-gradient(top, #fafafa 0, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.dd3-content:hover {
    color: #2ea8e5;
    background: #fff
}
.dd-dragel>.dd3-item>.dd3-content {
    margin: 0
}
.dd3-item>button {
    margin-left: 30px
}
.dd3-handle {
    margin: 0;
    left: 0;
    top: 0;
    width: 30px;
    text-indent: 100%;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0, #bbb 100%);
    background: -moz-linear-gradient(top, #ddd 0, #bbb 100%);
    background: linear-gradient(top, #ddd 0, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}
.dd3-handle:before {
    content: '�!';
    display: block;
    left: 0;
    top: 3px;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400
}
#flotTip,
.jvectormap-tip {
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    padding: 5px;
    font-size: 13px!important;
    color: #fff
}
.dd3-handle:hover {
    background: #ddd
}
.socialite {
    display: block;
    float: left;
    height: 35px
}
#flot3,
#flot4 {
    height: 300px
}
#flot1,
#flot2 {
    height: 400px
}
#flot3 {
    width: 300px;
    margin: 0 auto
}
#flotTip {
    background: rgba(51, 51, 51, .8)
}
#flot3 .pie-chart-legend {
    padding: 5px
}
#flot3 table {
    display: block;
    width: auto!important
}
#flot3 table td {
    padding: 5px
}
#sparkline2,
#sparkline3,
#sparkline4,
#sparkline5,
#sparkline6 {
    text-align: center
}
.jqstooltip {
    box-sizing: content-box
}
#map-canvas {
    top: 60px;
    bottom: 0;
    left: 0;
    right: 0
}
.jvectormap-container {
    background: 0 0!important
}
.jvectormap-tip {
    background: rgba(51, 51, 51, .8);
    border: 0
}
.jvectormap-zoomout {
    left: 30px;
    top: 10px
}
.material-tooltip {
    font-size: 13px
}
.error-page {
    padding-top: 30px;
    height: 100%;
    width: 100%
}
.error-page.page-404 {
    background: url(../images/mountains5.png) no-repeat;
    background-size: cover
}
.error-page.page-500 {
    background: url(../images/mountains4.png) no-repeat;
    background-size: cover
}
.error-page.page-coming-soon {
    background: url(../images/mountains2.jpg) no-repeat;
    background-size: cover
}
.error-page h1 {
    font-size: 120px
}
.error-page span.text-white {
    font-size: 22px
}
.error-page span {
    color: #fff
}
@media only screen and (max-width: 530px) {
    .page-coming-soon #countdown {
        font-size: 72px
    }
}
.invoice-relative-content {
    position: relative
}
.invoice-edit-btn {
    position: absolute;
    top: -47.75px;
    right: 20px
}
.invoice-signature {
    display: block;
    max-width: 250px
}
body.search-app .search-input input::-webkit-input-placeholder {
    color: #b3e5fc!important
}
body.search-app .search-input input:-moz-placeholder {
    color: #b3e5fc!important
}
body.search-app .search-input input::-moz-placeholder {
    color: #b3e5fc!important
}
body.search-app .search-input input:-ms-input-placeholder {
    color: #b3e5fc!important
}
.search-app .fixed-sidebar .mn-inner.hidden-fixed-sidebar,
.search-app .mn-content:not(.fixed-sidebar) .mn-inner {
    padding-top: 0;
    padding-right: 0;
    padding-left: 0!important
}
.search-app .fixed-sidebar .mn-inner {
    padding-top: 0;
    padding-right: 0;
    padding-left: 220px!important
}
@media only screen and (max-width: 900px) {
    .search-app .fixed-sidebar .mn-inner {
        padding-top: 0;
        padding-right: 0;
        padding-left: 0!important
    }
}
.search-bg {
    margin-top: -60px;
    padding-top: 60px
}
.search-input-container {
    margin-top: 60px
}
.search-input input[type=date]:focus:not([readonly]),
.search-input input[type=datetime-local]:focus:not([readonly]),
.search-input input[type=email]:focus:not([readonly]),
.search-input input[type=number]:focus:not([readonly]),
.search-input input[type=password]:focus:not([readonly]),
.search-input input[type=search]:focus:not([readonly]),
.search-input input[type=tel]:focus:not([readonly]),
.search-input input[type=text]:focus:not([readonly]),
.search-input input[type=time]:focus:not([readonly]),
.search-input input[type=url]:focus:not([readonly]),
.search-input textarea.materialize-textarea:focus:not([readonly]) {
    border-color: #b3e5fc
}
.search-input .input-field .prefix.active,
.search-input input[type=date]:focus:not([readonly])+label,
.search-input input[type=datetime-local]:focus:not([readonly])+label,
.search-input input[type=email]:focus:not([readonly])+label,
.search-input input[type=number]:focus:not([readonly])+label,
.search-input input[type=password]:focus:not([readonly])+label,
.search-input input[type=search]:focus:not([readonly])+label,
.search-input input[type=tel]:focus:not([readonly])+label,
.search-input input[type=text]:focus:not([readonly])+label,
.search-input input[type=time]:focus:not([readonly])+label,
.search-input input[type=url]:focus:not([readonly])+label,
.search-input textarea.materialize-textarea:focus:not([readonly])+label {
    color: #333
}
.search-input label {
    color: #d1d1d1
}
.search-input input[type=date],
.search-input input[type=datetime-local],
.search-input input[type=email],
.search-input input[type=number],
.search-input input[type=password],
.search-input input[type=search],
.search-input input[type=tel],
.search-input input[type=text],
.search-input input[type=time],
.search-input input[type=url] {
    display: block;
    border-bottom: 1px solid #4fc3f7;
    height: 60px;
    font-size: 22px;
    font-weight: 300;
    width: calc(100% - 4rem);
    color: #fff
}
.search-tabs-row {
    margin-bottom: 0;
    padding: 0 35.5px
}
.search-tabs-container {
    margin-bottom: 0
}
.search-results-container {
    padding: 25px!important
}
.search-tabs {
    background: #fff
}
.search-tabs-container .col:first-child {
    padding: 0!important
}
.search-tabs .tabs {
    background: 0 0;
    box-shadow: none
}
.search-tabs .tabs .tab a {
    font-size: 13px;
    color: rgba(0, 0, 0, .6)
}
.search-tabs .tabs .tab a.active,
.search-tabs .tabs .tab a:hover {
    color: rgba(0, 0, 0, .7)
}
.search-tabs .tabs .tab.disabled a {
    color: #b0bec5;
    cursor: default
}
.search-tabs .tabs .indicator {
    background-color: #EE3182;
    height: 3px
}
.search-stats {
    height: 48px
}
.search-stats span {
    font-size: 13px;
    line-height: 48px
}
.search-stats span.secondary-stats {
    color: #B8C1C4
}
.search-page-results #web .search-result a.search-result-title {
    font-size: 15px;
    display: block;
    font-weight: 400;
    margin-bottom: 3px
}
.search-page-results #web .search-result a.search-result-link {
    font-size: 13px;
    color: #4caf50;
    display: block;
    font-weight: 400;
    margin-bottom: 3px
}
.search-results span {
    font-size: 14px
}
.search-result .search-result-description {
    font-size: 13px
}
.search-page-results #web .divider {
    margin: 20px 0
}
.search-image-results img {
    margin-bottom: 20px
}
.search-tabs-header .search-tabs-button {
    margin: 18px 0 0
}
.search-tabs-header .search-tabs-button i {
    vertical-align: top;
    font-size: 16px;
    line-height: 36px;
    margin-right: 5px
}
.signin-page {
    height: 100%;
    width: 100%;
    background: url(../images/mountains2.jpg) no-repeat;
    background-size: cover
}
.signup-page {
    background: url(../images/mountains3.png) no-repeat;
    background-size: cover
}
.pattern-lock-screen {
    background: url(../images/mountains5.png) no-repeat;
    background-size: cover
}
.pattern-lock-screen .mn-content {
    background: rgba(0, 0, 0, .54)
}
#patternContainer {
    background: 0 0
}
.patt-dots {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .3)
}
.card.mailbox-content,
.fc button {
    box-shadow: none
}
.lock-screen-image {
    margin: 0 auto 20px;
    display: block
}
#contact-map-canvas {
    width: 100%;
    height: 300px
}
.fc-content {
    padding: 10px;
    border-radius: 2px;
    background-color: #64b5f6;
    font-weight: 400;
    border: 0!important
}
.fc-event {
    border: 0!important;
    background: 0 0
}
.fc button {
    background-image: none;
    border: 0;
    background-color: transparent;
    color: #343434;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}
.fc button:hover {
    background-color: #f1f1f1
}
.fc-toolbar h2 {
    font-size: 18px
}
body.mailbox .mn-inner {
    padding-top: 0!important;
    padding-bottom: 0!important;
    padding-right: 0!important
}
@media (min-width: 993px) {
    body.mailbox .mn-content.fixed-sidebar .mn-inner {
        padding-left: 221px;
        width: 100%
    }
}
body.mailbox .page-footer {
    margin-top: 0
}
.mailbox .mn-inner.hidden-fixed-sidebar {
    padding-left: 0!important
}
.mailbox .modal {
    width: 35%;
    background-color: #fff
}
.mailbox .modal .modal-footer .btn-floating {
    float: right;
    margin: 6px 0
}
.mailbox .modal-content>.row {
    margin: 0 -20px
}
.mailbox .modal .modal-footer {
    padding: 12px 24px;
    height: 74px;
    z-index: 1
}
.mailbox-content.card {
    margin: 0!important
}
.card.mailbox-content .card-content {
    padding: 0
}
.mailbox-content .row {
    margin-left: 0;
    margin-right: 0
}
.mailbox-list {
    position: relative;
    margin: 0 -10.5px 0 -12px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    max-height: 900px
}
.mailbox-list ul {
    margin: 0
}
.mailbox-list a {
    display: block;
    border-bottom: 1px solid #E0E0E0;
    color: #555;
    font-size: 13px;
    position: relative;
    padding: 20px 20px 20px 51.5px
}
.mailbox-list ul li:last-child a {
    border-bottom: none
}
.mailbox-list a:hover {
    background: rgba(0, 0, 0, .05)
}
.mailbox-list a .mail-author {
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 5px
}
.mailbox-list a .mail-title {
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 5px
}
.mailbox-list a .mail-text {
    font-weight: 400;
    color: #a3a8a8
}
.mailbox-list a .mail-date {
    font-size: 11px;
    color: #969c9c
}
.mailbox-list a .mail-attachment i {
    font-size: 18px;
    color: #969c9c
}
.mailbox-list a .mail-checkbox {
    position: absolute;
    left: 16.5px;
    top: 50%;
    margin-top: -10px
}
.mailbox-list a .mail-checkbox [type=checkbox].filled-in:checked+label:before {
    width: 7px;
    height: 12px
}
.mailbox-list a .mail-checkbox [type=checkbox].filled-in:checked+label:after,
.mailbox-list a .mail-checkbox [type=checkbox].filled-in:not(:checked)+label:after {
    height: 18px;
    width: 18px
}
.mailbox-list a .mail-checkbox [type=checkbox].filled-in:checked+label:after {
    border: 2px solid #616161;
    background-color: #616161
}
.mailbox-list a.mail-active {
    background: #fff8e1
}
.mailbox-view {
    padding: 25px;
    overflow: hidden
}
.mailbox-view .mailbox-title {
    color: #313534;
    font-size: 17px;
    display: block;
    line-height: 1;
    margin-top: 8px;
    margin-bottom: 1px
}
.mailbox-view .mailbox-author {
    color: #aaa;
    font-size: 12px;
    font-weight: 400
}
.mailbox-options {
    display: block;
    margin: 0 -10.5px
}
.mailbox-options ul {
    overflow: hidden;
    background: #f9f9f9;
    border-bottom: 1px solid #e0e0e0;
    margin: 0;
    padding-left: 20px
}
.mailbox-options ul li {
    float: left
}
.mailbox-options ul li a {
    display: block;
    font-size: 13px;
    padding: 12px 16px;
    color: rgba(0, 0, 0, .7)
}
.mailbox-text {
    clear: both
}
.mailbox-profile-image {
    width: 50px;
    margin-right: 15px
}
.mailbox-details {
    margin-bottom: 20px;
    width: 200px;
    font-size: 13px
}
.mailbox-details .first-col {
    padding-left: 0
}
.mailbox-details .first-col span {
    font-weight: 700;
    color: #333;
    display: block
}
.mailbox .inner-sidebar {
    background: 0 0;
    float: left
}
.mailbox .middle-content {
    padding-top: 0;
    padding-right: 0
}
.mailbox .mailbox-content {
    border-right: 1px solid #e0e0e0
}
.details-list {
    display: none;
    margin-top: 10px
}
.mailbox-divider {
    margin-top: 25px;
    margin-bottom: 10px;
    display: block;
    float: none;
    clear: both
}
.attachment-info {
    font-size: 13px
}
.attachment-info a,
.details-toggle {
    font-weight: 400;
    font-size: 13px
}
.attachment-info p {
    color: rgba(0, 0, 0, .65)!important
}
.attachment-info i {
    font-size: 18px;
    vertical-align: top;
    margin-right: 5px
}
.attachment-list li {
    position: relative;
    width: 200px;
    float: left;
    margin-right: 10px;
    margin-bottom: 15px
}
.attachment-list li .attachment {
    display: block
}
.attachment-list li .attachment img {
    display: block;
    width: 100%
}
.attachment-list li .attachment .attachment-info {
    padding: 10px
}
.attachment-list li .attachment .attachment-info span {
    font-size: 11px;
    color: #aaa
}
.mailbox-view-header {
    overflow: hidden;
    padding-left: 3px;
    padding-top: 1px
}
.simditor,
.simditor .simditor-toolbar {
    border-color: #e0e0e0
}
.simditor .simditor-body {
    min-height: 150px
}
.editor-style,
.simditor .simditor-body {
    line-height: 1.5;
    font-weight: 400;
    color: rgba(0, 0, 0, .87);
    font-size: 14px
}
.file-manager .inner-sidebar {
    width: 300px;
    height: 100%;
    position: fixed;
    right: 0;
    padding: 0
}
.file-manager .middle-content {
    width: calc(100% - 300px)!important
}
.file-manager .file-info-header {
    height: 200px;
    width: 100%;
    position: relative;
    padding: 5px 25px
}
.file-manager .file-info-header .file-name-container {
    position: absolute;
    bottom: 0;
    padding-bottom: 20px
}
.file-manager .file-info-header .file-name-container span {
    clear: both;
    display: block
}
.todo-nav {
    overflow: hidden;
    display: block
}
.todo-nav li {
    float: left;
    margin: 0 10px
}
@media only screen and (max-width: 525px) {
    .todo-nav li {
        float: none;
        margin: 10px 0
    }
}
.todo-list.only-active .todo-item.complete {
    display: none
}
.todo-list.only-active .todo-item:not(.complete) {
    display: block
}
.todo-list.only-complete .todo-item:not(.complete) {
    display: none
}
.todo-list.only-complete .todo-item.complete {
    display: block
}
.todo-list .todo-item.complete span {
    text-decoration: line-through
}
.remove-todo-item {
    color: #ccc;
    visibility: hidden;
    float: right
}
.remove-todo-item:hover {
    color: #5f5f5f
}
.todo-item:hover .remove-todo-item {
    visibility: visible
}
.todo-item {
    padding: 10px;
    border-bottom: 1px solid #f1f1f1
}
.all-check {
    padding: 20px 10px 10px
}
.page-footer {
    margin-top: 25px;
    clear: left;
    height: 96px;
    text-align: center;
    position: relative;
    width: 100%;
    z-index: 0;
    -webkit-transition: padding-left .2s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: padding-left .2s cubic-bezier(.4, 0, .2, 1);
    transition: padding-left .2s cubic-bezier(.4, 0, .2, 1)
}
@media screen and (max-width: 1479px) {
    .page-footer {
        padding-left: 0;
        z-index: 0
    }
}
.page-footer .footer-l {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50.1%;
    z-index: -1
}
.page-footer .container .footer-grid-l {
    height: 100%;
    float: left;
    width: 50%
}
.page-footer .footer-grid {
    height: 100%;
    z-index: 20
}
.fixed-sidebar .page-footer .footer-grid.container {
    width: 100%!important;
    max-width: 100%!important
}
.page-footer .footer-r {
    float: left;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    z-index: -1
}
.page-footer .footer-grid .footer-grid-r {
    height: 100%;
    float: right;
    text-align: right;
    width: 50%
}
.page-footer .footer-grid .footer-grid-l .footer-text {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    line-height: 24px;
    padding-top: 24px;
    width: 100%
}
.page-footer .footer-grid .footer-grid-l .footer-text .arrow-l {
    float: left;
    margin-right: 10px;
    padding-top: 23px;
    width: 24px
}
.page-footer .footer-grid .footer-grid-L .footer-text span {
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 1px
}
.page-footer .footer-grid .footer-grid-r .footer-text {
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    height: 100%;
    line-height: 24px;
    padding-top: 24px;
    width: 100%
}
.page-footer .footer-grid .footer-grid-r .footer-text .arrow-r {
    float: right;
    margin-left: 10px;
    padding-top: 23px;
    width: 24px
}
.page-footer .footer-grid .footer-text span {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 1px
}
.footer-text {
    color: #455a64
}
.footer-text span.direction {
    color: rgba(69, 90, 100, .55)
}

#preview { position: absolute; padding: 0; z-index: 999; }
#preview img { border: 1px solid silver; }

.price { font-size: 13px; }
/* LOADING INDICATOR
*******************************************************************/
#loading-process { position:absolute; top:45%; left:50%; margin-left:-60px; border:2px solid #f1af73; padding:15px 60px; background:#fff4e9; color:#d85909; font-size:1.1em; font-weight:500; text-align:center; z-index:501; }
#loading-mask { position:fixed; left: 0; top: 0; bottom: 0; right: 0; color:#d85909; font-size:1.1em; font-weight:500; text-align:center; background: white; opacity:0.60; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */ z-index:500; }
#loading-mask .loader { position:fixed; top:45%; left:50%; width: 234px; margin-left: -120px;padding:15px 60px; background:#fff; color:#d85909; font-weight:500; text-align:center; z-index:1000; }

#message-popup-window-mask { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; z-index:9999; background-color:#efefef; opacity:.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* IE8 */ }
#message-popup-window-mask .flash-window { position:fixed; top:45%; left:50%; z-index:1000; margin-left:-207px; margin-top:-70px; }

/* TABLES
*******************************************************************************/
th { font-weight: 500; color: black; text-transform: uppercase; }

/* Grid - General */
.grid                           { margin: 0 0 0 0; position:relative; border-bottom:0; }
.grid table                     { table-layout: fixed; min-width:100%; }
.grid table.border              { border:1px solid white; }
.grid tbody                     { }
.grid tr { background:#fff; max-height: 20px; overflow: hidden; }
.grid tr.even, .grid tr.even tr { background:#f6f6f6; max-height: 20px; overflow: hidden; }
.grid tr.on-mouse               { background:#fcf5dd; cursor:pointer; }
.grid tr.invalid                { background-color:#d3a5ba !important; }
.grid th                        { white-space: nowrap; padding: 4px 6px 5px 6px; }
.grid th:last-child                        { border-right:0!important; }
.grid > td                        { max-height: 20px;  }
.grid td                        { white-space: nowrap; padding: 7px; }
.grid td > div                        { overflow: hidden; -ms-text-overflow : ellipsis;text-overflow : ellipsis; }
.grid td > div.actions_row { overflow: visible; -ms-text-overflow : ellipsis;text-overflow : ellipsis; }
.grid td input.input-text       { width:100%; }

.grid table td                  { border-width:0 1px 1px 0; border-color:white; border-style:solid; }
.grid table tr.last td          { border-width:0 1px 0 0; border-color:white; border-style:solid; }
.grid table.border td           { background:#fff !important; }
.grid table td.last             { border-right:0; }
.grid table td.product          { text-align:right; }
.grid table td.empty-text       { padding: 15px 25px; }
.grid table td .action-select   { width:100%; }

.grid tbody.odd tr              { background:#fff !important; }
.grid tbody.even tr             { background:#f6f6f6 !important; }
.grid tbody.odd tr td,
.grid tbody.even tr td          { border-bottom:0; }
.grid tbody.odd tr.border td,
.grid tbody.even tr.border td   { border-bottom:1px solid white; }
.grid .separator                { padding:0 4px; color:#b9b9b9; }

#core_grid_massaction-form { text-align: left; }
#core_grid_massaction-form .field-row { display: inline-block; margin: 0px 5px 5px 0px; }
#core_grid_massaction-form .field-row:first-child { margin: 0px 0px 5px 0px; }
#core_grid_massaction-form select,
#core_grid_massaction-form input,
#core_grid_massaction-form .chosen-container { margin: 10px 5px 0 0; text-align: left; height: 36px;width: auto; }

#ajax_cats_tree_window { left: auto; right: auto; width: auto; margin-left: 150px; width: 270px; height: 50%!important; }
#ajax_cats_tree_window .modal-content { height: auto; padding: 24px 24px 80px; }

/* Grid - Pager and Buttons row */
table.actions                   { }
table.actions td                { vertical-align: inherit; padding: 5px 0; }

.pager { border: 1px solid #efefef; border-left: 0; border-right: 0; }
.pager select                   { margin:0 4px; width: 50px; padding: 5px 0; }
.pager div.limit                { width:6em; display: inline-block; margin: 0 5px; }
.pager input.select-dropdown    { margin: 0; }
.pager input.page               { width:3em !important; margin: 0; padding: 5px!important; }
.pager .arrow                   { margin:0 3px; vertical-align:middle; }

/* Grid - Headings */
.grid tr.headings { }
.grid tr.headings th { border-width: 0 1px 1px 0; border-color: #f3f3f3; border-style:solid; padding-top:6px; padding-bottom:6px; font-weight: bold; }
.grid tr.headings th.last { border-right:0; }
.grid tr.headings th.no-link { /* Grid th with no sorting functionality */ padding-top:0; padding-bottom:0px; color:#67767e; }
.grid tr.headings th span.nobr { display:block; /* FF3 fix */ }
.grid tr.headings th a { display:block; padding:2px 4px 1px 0; text-decoration:none; }
.grid tr.headings th a:hover { color: rgb(215, 95, 7)!important; text-decoration:none; }
.grid tr.headings th a.sort-arrow-desc,
.grid tr.headings th a.sort-arrow-asc { color: #d75f07; border-bottom:1px solid #fff; border-right:1px solid #fff; padding-bottom:2px; }

.grid tr.headings th a.not-sort { color: rgba(0, 0, 0, .6); }
.grid tr.headings th a span.sort-title { overflow: hidden; padding:3px 12px 2px 8px; display:block; color: black; }

.grid tr.headings th a.sort-arrow-desc span.sort-title,
.grid tr.headings th a.sort-arrow-asc span.sort-title { background-position:right 50%; background-repeat:no-repeat; padding:3px 12px 2px 8px; }
.grid tr.headings th a.sort-arrow-desc span.sort-title { background-image:url(../images/grid_sort_asc.gif); }
.grid tr.headings th a.sort-arrow-asc span.sort-title { background-image:url(../images/grid_sort_desc.gif); }

/* Grid - Mass Action */
.massaction { width:100%; padding: 0 13px 0 13px; }
.massaction td                              { padding: 10px; vertical-align:middle; }
.massaction .entry-edit fieldset .select    { width:auto; /*width:120px;*/ display:inline; }
.massaction .entry-edit fieldset            { width: 100%; margin:0; padding:0; background:none; border:none; }
.massaction .entry-edit fieldset .field-row { display:inline; padding: 0; }
.massaction .entry-edit .field-row label    { float:none; width:auto; margin-left:13px; position: relative; top: 1px; }
.massaction .entry-edit                     { margin: 0 0 0 0; padding:0; }
.massaction .entry-edit-border-top          { border-bottom: 1px solid #DFDFDF; margin: 0 0 5px 0; padding: 0 0 5px 0; }
.massaction a { text-decoration:none; }
.massaction .entry-edit fieldset span.form_row,
.massaction .entry-edit fieldset span.field-row { clear:none !important; display:inline-block; float:right !important; margin: 0; padding:0 0 0 5px; }
.massaction .entry-edit .outer-span { float:right; }

/* Grid - Filter */
.grid tr.filter                  { background: rgb(230, 230, 230); cursor:default; }
.grid tr.filter th               { padding-top: 9px; padding-bottom: 9px; border: 1px solid #e4e3e3; border-width: 0 1px 1px 0; white-space: normal; }
.grid tr.filter th.last          { border-right:0; }
.grid tr.filter input.input-text { width:85%; margin: 0; }
.grid tr.filter select,
.grid tr.filter input           { width:100%; margin: 0; border: 1px solid #d6d6d6; background: white; }
.grid tr.filter .active         { background: rgb(255, 239, 219);
    border-color: orange; }
.grid tr.filter .range .range-line { margin-bottom:3px; width:100px; }
.grid tr.filter .range div.date  { min-width:121px; }
.grid tr.filter .range input     { float:right; width:50px !important; margin-top:0; }
.grid tr.filter .range select    { float:right; width:56px !important; margin-top:0; }
.grid tr.filter .range .label    { display:block; width:36px; float:left; padding-left:2px; }
.grid tr.filter .date img        { width:15px; height:15px; cursor:pointer; vertical-align:middle; }
.grid .head-massaction select    { width:50px !important; }

/* Grid Footer */
.grid table tfoot tr            { background:#D7E5EF; }
.grid table tfoot tr td         { border-top:1px solid #9babb9; background:#e5ecf2; line-height:1.7em; }
.grid table.border tfoot tr td  { background:#D7E5EF !important; }

/* Dynamic Grid */ /* Used in pages like Catalog -> Attributes */
.dynamic-grid th                { padding:2px;width:100px; }
.dynamic-grid td                { padding:2px; }
.dynamic-grid td input          { width:94px; }
tr.dynamic-grid td,
tr.dynamic-grid th { padding:2px 10px 2px 0; width:auto; }
tr.dynamic-grid input.input-text { width:154px; }


/* ACCORDION
*******************************************************************************/

dl.accordion .grid      { margin-bottom:0; }
dl.accordion dt,
.entry-edit .entry-edit-head { background:#6f8992; padding:2px 10px; }
dl.accordion dt, div.collapseable { margin-top:1px; }
dl.accordion dt a, div.collapseable a { display:block; background:url(../images/entry_edit_head_arrow_down.gif) 100% 50% no-repeat; color:#fff; font-weight:500; text-decoration:none; }
.entry-edit fieldset.collapseable { margin-bottom:10px; }
dl.accordion dt a:hover, div.collapseable a:hover { color:#fff; text-decoration:none; }
dl.accordion dt.open a, div.collapseable a.open  { background:url(../images/entry_edit_head_arrow_up.gif) 100% 50% no-repeat; }
dl.accordion dd         { display:none; }
dl.accordion dd.open    { display:block; }
img.accordion-btn       { float:right; margin-top:1px; margin-right:5px; }


/* TABS
*******************************************************************************/

/* Vertical  Tabs */
ul.tabs                         { position: relative; z-index: 9; margin: 0 0 0 0; border-bottom: 1px solid #e6e6e6; float: left; }
.dashboard-container ul.tabs { position:relative; top: 1px; }
ul.tabs li                      { float: left;  }
ul .tabs_content                { display: none; }
ul.tabs a, ul.tabs span         { display:block; }
ul.tabs a, ul.tabs a:hover      { text-decoration:none; }
/* ul.tabs a.notloaded          { color:#999; } */
ul.tabs a, ul.tabs a:hover      { color:#000; }
ul.tabs, ul.tabs a              { }
ul.tabs span:hover              { }
ul.tabs a.active                { padding:0; }
ul.tabs a:hover.active          { padding:0; }
ul.tabs span                    { padding: 8px 14px; margin: 0 4px 0 0; cursor: pointer; color: #656565; text-transform: uppercase; letter-spacing: 0.5px; }
ul.tabs span em                 { float:right; }
ul.tabs span span { margin: 0; }
ul.tabs a.active span,
ul.tabs a:hover.active span     { padding: 9px 14px 8px 14px; border-bottom: 2px solid black; font-weight: 800; color: black; }
ul.tabs a.subitem               { padding-left:2.2em; }
ul.tabs span.changed,
ul.tabs span.error              { float:right; background:0; padding:0!important; border: none!important; }
ul.tabs a.changed span.changed  { background:url(../images/fambulletdisk.gif) 0 0 no-repeat !important; width:16px; height:16px; }
ul.tabs a.error span.error      { background:url(../images/fam_bullet_error.gif) 0 0 no-repeat !important; width:16px; height:16px; }
ul.tabs a.changed               {  }

/* Horizontal Tabs */
ul.tabs-horiz                   { margin:0 0 18px 0; background:url(../images/horiz_tabs_ul_bg.gif) repeat-x 0 100% #f8f8f8; padding:8px 0 0 5px; }
ul.tabs-horiz li                { float:left; margin:0 4px; }
ul.tabs-horiz li a              { display:block; background:#e2e2e2; border:1px solid #ccc; padding:2px 10px; color:#333 !important; text-decoration:none !important; }
ul.tabs-horiz li a.notloaded    { color:#999 !important; }
ul.tabs-horiz li a.active       { border-bottom:1px solid #fff; background:#fff; }

.tabs_content { clear: both; width: 100%; }
.tabs_content .entry-edit { }
.tabs_content .entry-edit .fieldset { padding: 15px 0; }

/* MESSAGES
*******************************************************************************/
.notification-global { padding:5px 27px 5px 47px; background:#fff9e9 url(../images/error_msg_icon.gif) 27px 5px no-repeat; border-bottom:1px solid #eee2be; font-size:11px; line-height:16px; margin:0 0 -3px; color:#444; position:relative; }
.notification-global .label { color:#eb5e00; }
.notification-global .clickable { cursor:pointer; }
.notification-global span.critical { color:#d20000; }
.notification-global a:hover { text-decoration:none; }

.error,
a.error span,
.required,
.validation-advice { color:#D40707; font-weight:500; }
.notice { color:#ea7601}
.messages ul { border:0 !important; }
.messages li { border:1px solid #666e73; background:#e6e6e6 url(../images/note_msg_icon.gif) no-repeat 9px 50%; color:#000000;  display: block; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; line-height: 16px; padding: 12px 8px 10px 35px !important; vertical-align: middle; font-size: 12px !important; font-weight: 500; margin: 0 0 4px 0; }
.messages ul span { margin:0 0 3px 0 !important; border:0 !important; padding:0 !important; }
.error { color:#df280a !important; background: url(../images/error_msg_icon.gif) no-repeat 9px 50% !important; }
li.error { border: 1px solid #F16048 !important; color: #DF280A !important; background: #FAEBE7 url(../images/error_msg_icon.gif) no-repeat 9px 50% !important; }
li.success { border :1px solid #8fc882 !important; color :#3d6611 !important; background :#DCF4C8 url(../images/success_msg_icon.gif) no-repeat 9px 50% !important; }
li.updated { border :1px solid #8bbaf9 !important; color :#113f66 !important; background :#eaeff5 url(../images/note_msg_icon.gif) no-repeat 9px 50% !important; }
li.warning { border:1px solid #ffd967 !important; color: #ff821c !important; background:#fffbf0 url(../images/note_msg_icon.gif) no-repeat 9px 50% !important; }
li.notice { border:1px solid #666e73 !important; background:#e6e6e6 url(../images/fam_book_open.png) no-repeat 9px 50% !important; color:#000000 !important; }
.validation-advice { clear:both; min-height:15px; margin:3px 0 0 9px; background:url(../images/validation_advice_bg.gif) no-repeat 2px 1px; padding-left:16px; font-size:.95em; font-weight:500; line-height:1.25em; }
input.validation-failed, textarea.validation-failed { background:#fef0ed; border:1px dashed #d6340e; }

/* Noscript Notice */
.noscript { border:1px solid #000; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; }
.noscript .noscript-inner { width:900px; margin:0 auto; padding:12px 0 12px; background:url(../images/i_notice.gif) 20px 50% no-repeat; }
.noscript p { margin:0; }

/* For Demo store only */
.demo-notice { margin:0; background:#d75f07; padding:5px 10px 6px 10px; color:#fff; line-height:1em; text-align:center; }


/* FORMS
*******************************************************************************/
select.countries option         { background-repeat:no-repeat; }
.entry-edit .fieldset .tree li,
.entry-edit .tree li            { margin:0; }

/* Entry Edit  */ /* Site-wide form fieldset */
table.form-edit                         { width:100%; }
.box,
.entry-edit fieldset,
.entry-edit .fieldset                   { padding:0; margin-bottom:0; }
.entry-edit .fieldset .card     { margin: 15px 0 0 0; background: #efefef; }
.entry-edit .fieldset .card-content     { background: #efefef; }
.entry-edit .entry-edit-head h4         { padding:0; background:none; margin:0; min-height:0; }
.entry-edit .entry-edit-head a          { color:#fff; font-size:1em; line-height:18px; min-height:0; font-weight:600}
.entry-edit .content                    { margin-left:0 !important; padding:10px 15px; }
.entry-edit fieldset li,
.entry-edit .fieldset li                { margin:4px 0; }
.entry-edit fieldset span.form_row,
.entry-edit .fieldset span.form_row,
.entry-edit fieldset .field-row .hint,
.entry-edit .fieldset .field-row .hint  { float:left; color:#999; padding-left:12em; }
.entry-edit .form-buttons               { float:right; margin:2px -3px 2px 0pt; }
label.inline                            { float:none !important; width:auto !important; }
.nested-content .entry-edit             { margin-left:2em; }
.nested-content .entry-edit .entry-edit { margin-left:0; }

/* Form Elements */
input.qty                       { width:40px !important; }
input.item-qty                  { width:22px !important; }
input.price                     { width:50px !important; text-align:right; }

select optgroup                 { font-style:normal; }
select optgroup option          { padding-left:10px; }
select optgroup option.even     { background:#f6f6f6; } /* Zebra even-row */
select.multiselect option       { padding:3px 4px; border-bottom:1px solid #ddd; }

.field-100 { }
.field-100 textarea,
.field-100 input.input-text { float:left; width:100% !important; }


/* Form List */ /* Table for default form data */
.form-list                      { width: 100%; border:0 !important; }
.form-list td { vertical-align: middle; }
.form-list td.label,
.form-list td.value,
.form-list td.value2,
.form-list td.note,
.form-list td.scope-label,
.form-list td.use-default       { padding: 5px !important; background:0 !important; }
.form-list td                   { border-bottom:1px dotted #d6d6d6!important; padding-top:12px !important; padding-bottom:12px !important; background:0 !important;  }
.form-list tr:last-child td     { }
.form-list td.hidden            { border:0 !important; padding:0 !important; background:0 !important; }
.form-list td.label             { vertical-align: middle; width:200px; text-align: right; }
.form-list td.label label       { display:block; padding: 10px 0; font-weight: 600; font-size: 12px; width: 197px; }
.form-list td.value input.input-radio { margin-right: 5px; }
.form-list td.value input.input-checkbox { margin-right: 5px; }
.form-list td.value input.input-text,
.form-list td.value textarea    { width:274px; }
.form-list td.value textarea    { height:12em; }
.form-list td.value select      { width:100%!important; }
.form-list td.value label       { position: relative; }
.form-list td.use-default       { padding-left:15px; }
.form-list td.note              { background:url(../images/note_cell_bg.gif) no-repeat 6px 10px !important; padding-left:18px; }
.form-list td.scope-label       { padding-left:5px; color:#6f8992; font-size:.9em; }
.form-list p.note               { font-style: italic; color: #a0a0a0; font-weight: 400; margin:5px 0; padding: 3px 0 0 13px; background:url(../images/note_bg.gif) 1px 6px no-repeat; font-size:12px; }

#hd_form { background: white; display: block }
#hd_form label { text-align: left; padding: 0 0 5px 0; }
#hd_form .label { text-align: left; padding: 0 0 5px 0; }
#hd_form .field_required { position: absolute; right: 0; }
#hd_form textarea { width: 167px; }
#hd_form input, #hd_form select, #hd_form label { width: 167px; }
#hd_form .submit { width: 100%; margin: 0 auto; }
#hd_form .submit input { padding: 4px 15px 3px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-size: 13px; font-family: "Roboto","Helvetica","Arial",sans-serif; text-rendering: optimizeLegibility; border: 1px solid #F56C06!important; border-radius: 3px; background: #FFAC47 url(../images/btn_bg.gif) repeat-x 0 100%; color: white;  display: inline-block; margin: 0 0 0 0; cursor: pointer; text-align: center !important; white-space: nowrap; width: auto; }

.columns .form-list             { width:auto; }
.columns .form-list td.value    { width:280px; padding-right:5px !important; }
.columns .form-list td.value .next-toinput { width:75px; display:inline; margin-right:5px; }
.columns .form-list td.value .next-toselect input.input-text { width:180px; display:inline; }

.fieldset-wide .form-list { width:100% !important; }
.fieldset-wide .form-list td.value { position: relative; width:auto !important; }
.fieldset-wide .form-list td.value input.input-text, .fieldset-wide .form-list td.value textarea { width:100% !important; }

.multi-input                    { margin-bottom:8px; } /* Example: Address fields with 2 input lines */
.grid tr .form-list tr          { background:#fff !important; } /* Follows grid row background-color */
.grid tr.even .form-list tr     { background:#f6f6f6 !important; } /* Follows grid row background-color */
.grid tr.on-mouse .form-list tr { background:#fcf5dd !important; } /* Follows grid row background-color */
.grid tr .form-list             { margin:8px 0; }
.field-row                      { display:block; margin-bottom:5px; }
span.delete-image               { display:block; white-space:nowrap; padding-left:25px; }

/* Back compatibility with span forms */
.entry-edit .field-row          { display:block; }
.entry-edit .field-row label    { float:left; width:150px; }

/* SWITCHER
*******************************************************************************/
.switcher { margin-bottom:10px; border:1px solid #cddddd; background:#e7efef; padding:10px; }
.side-col .switcher select { width:100%; }
/*.side-col .switcher     { margin-right:20px; margin-bottom:20px; }*/
.catalog-categories .side-col .switcher { margin-right:0; margin-bottom:15px; }


/* SPACE
*******************************************************************************/
.box-left, .box-right   { width:48.5%; }
.box-left               { float:left; }
.box-right              { float:right; }
.box-left .content,
.box-right .content     { padding:6px 14px; }
.separator, .pipe       { padding:0 6px; font-size:.9em; } /* vertical pipe */
.divider                { display:block; height:1px; margin:8px 0; background:#ddd; overflow:hidden; }  /* horizontal pipe */
td.divider              { font-size:1px; line-height:0; }

.entry-edit fieldset,
.entry-edit .fieldset { }

/* SCOLLER */ /* Used primarily in Sales -> Order -> Create Order */ /*
*******************************************************************************/
.scroll-cont { position:absolute; top:-25px; left:503px; width:16px; height:265px; background:transparent url(../images/db-scroll-bg.gif) no-repeat top; z-index:10000; }
.auto-scroll                { overflow:auto; height:11em; }
.root                       { position:relative; height:260px; margin:0; width:1px; }
.thumb                      { position:absolute; height:40px; width:16px; margin-top:-28px; z-index:11000; }
.up                         { margin-top:254px; height:16px; }
.dn                         { margin-top:0; padding:0; height:15px; }
.up a, .up a img,
.dn a, .dn a img,
.thumb a ,
.thumb a img                { border:0; }
.up a:active, .dn a:active  { outline:none; }
.scrollContainer { position:absolute; left:0; top:19px; clip:rect(0 467px 200px 0); overflow:auto; border:0; }
.scrollContent              { position:absolute; left:0; top:0; }

/* Horizontal scroll */
.hor-scroll                 { overflow: auto; } /* IE has personal style, see iestyles.css */

/**/
.note-list { width:100%; overflow:hidden; }
.note-list li { border-top:1px solid #e3e3e3; margin-top:9px !important; background:url(../images/icon_note_list.gif) no-repeat 0 4px; padding-bottom:9px; padding-left:18px; }

/******************************************************************************/
/********************************** STRUCTURE *********************************/
/******************************************************************************/

/* LAYOUT
*******************************************************************************/
#main-container { padding: 0; }
.wrapper { position: relative; height: auto; min-width:960px; }
.wrapper-popup { min-width:750px; }
.header { background:url(../images/header_top_bg.jpg) repeat-x #252525; text-align:right; }
.middle { padding: 0 25px 25px 0; border: 0; margin-bottom: 0!important; margin-top: 0!important; margin-left: 0!important; padding: 0; /*background:url(../images/simple_container_bg.gif) repeat-x #fff;*/ }
.middle-popup { border-bottom:3px solid #fff; background:url(../images/middle_bg.gif) repeat-x 0 100% #fff; padding:0 0 0 0; background:yellow; }
.container-collapsed { padding:1.8em 2.2em 1.8em 2em; padding-top:0; }
#content-main { padding: 15px 0; position: relative; }

div.side-col { padding: 0 0 0 0; z-index: 5; position: relative; float:left; width:250px; height: 100%;  }
div.side-col .box, .modern .box, #left_main_col .box, .fieldset .box { margin: 0 10px 20px 0; padding: 0; background:#fafafa; border: 1px solid rgb(223, 223, 223); }
fieldset.box { width: auto; }
.modern .box { margin: 10px 0 10px 0; }

div.side-col .box .box_header, .modern .box .box_header, #left_main_col .box .box_header, .fieldset .box_header { margin: 0; display: block; font-size: 13px; font-weight: 800; line-height: 25px; color: white; background:rgb(133, 133, 133); padding: 7px 16px; }
.box .box_header_add { background: #eafcdd; }
.box .box_content_add { padding: 10px 15px; background: #F5FFED; margin: 0!important; }
div.side-col .box .box_content, .modern .box .box_content , #left_main_col .box .box_content { margin: 10px 15px; }
div.side-col .box .box_content select,

.modern .box .box_content select,
#left_main_col .box .box_content select { width: 100%; }
.main-col { margin-left: 250px; clear: none!important; height: 100%; padding: 0; }
.main-col-inner { padding: 0; }

.footer { color: white; clear:both; background:url(../images/header_top_bg.jpg) repeat-x #252525; padding:0 2.8em 0 2.8em; font-size: 12px; text-align:center; }
.footer_content { line-height: 20px; padding: 10px 0; }
.simple-container-popup { min-height:50px !important; padding:1.8em 2.3em 6em 2.3em; background:url(../images/simple_container_bg.gif) repeat-x; }

.left_main_col_arrow { cursor: pointer; z-index: 9; position: absolute; margin-top: -50px; top: 50%; display: block; background:url(../images/left_main_col_arrow.png) no-repeat; right: -32px; width: 32px; height: 100px; }
#left_main_col { z-index: 200; height: 100%; left: -250px; position: fixed; background:url(../images/left_main_col.png) repeat-y 0 100% #eaeef3; width: 250px; padding: 0; top: 0; bottom: 0; }
#left_main_col .left_main_col .tel { font-weight: 600; font-size: 16px; }

#core_grid { padding: 0 0 0 0; }
#core_new_form .box { margin: 10px 0; }

/******************************************************************************/
/************************************* BOXES **********************************/
/******************************************************************************/

/* HEADER & FOOTER
*******************************************************************************/

.logo                                   { height: 33px; }
.header-top                             { width: 100%; display: table; vertical-align: middle; }
.header-top a.logo_a                { width: 133px; display: table-cell; height: 33px; padding:9px 10px 9px 10px; vertical-align: middle; }

/* Header quick icons */
#quick_add { white-space: nowrap; vertical-align: middle; margin: 0; padding: 0 0 0 20px; display: table-cell; }
#quick_add li { position: relative; padding: 0; float: left; height: 60px; }
#quick_add li.quick_settings {background: none; }
#quick_add li a {     background-size: 960px!important; position: relative; float: left; height: 59px; width: 62px; }
#quick_add li.quick_add { background: url(../images/shop-sprite-icons.png) no-repeat 0px 0px; background-size: 960px; }
#quick_add li.quick_cms a { background: url(../images/shop-sprite-icons.png) no-repeat 0px -2px; }
#quick_add li.quick_cms a:hover { background: url(../images/shop-sprite-icons.png) no-repeat 0px -116px; }
#quick_add li.quick_cms.active a { background: url(../images/shop-sprite-icons.png) no-repeat 0px -116px; }
#quick_add li.quick_banners a { background: url(../images/shop-sprite-icons.png) no-repeat -796px -2px; }
#quick_add li.quick_banners a:hover { background: url(../images/shop-sprite-icons.png) no-repeat -796px -116px; }
#quick_add li.quick_banners.active a { background: url(../images/shop-sprite-icons.png) no-repeat -796px -115px; }
#quick_add li.quick_prods_categories a { background: url(../images/shop-sprite-icons.png) no-repeat -139px -2px; }
#quick_add li.quick_prods_categories a:hover { background: url(../images/shop-sprite-icons.png) no-repeat -139px -116px; }
#quick_add li.quick_prods_categories.active a { background: url(../images/shop-sprite-icons.png) no-repeat -139px -116px; }
#quick_add li.quick_orders a { background: url(../images/shop-sprite-icons.png) no-repeat -69px -2px; }
#quick_add li.quick_orders a:hover { background: url(../images/shop-sprite-icons.png) no-repeat -69px -116px; }
#quick_add li.quick_orders.active a { background: url(../images/shop-sprite-icons.png) no-repeat -69px -116px; }
#quick_add li.quick_prods a { background: url(../images/shop-sprite-icons.png) no-repeat -209px -2px; }
#quick_add li.quick_prods a:hover { background: url(../images/shop-sprite-icons.png) no-repeat -209px -116px; }
#quick_add li.quick_prods.active a { background: url(../images/shop-sprite-icons.png) no-repeat -209px -116px; }
#quick_add li.quick_payment a { background: url(../images/shop-sprite-icons.png) no-repeat -312px -2px; }
#quick_add li.quick_payment a:hover { background: url(../images/shop-sprite-icons.png) no-repeat -312px -116px; }
#quick_add li.quick_payment.active a { background: url(../images/shop-sprite-icons.png) no-repeat -312px -116px; }
#quick_add li.quick_newsletter a { background: url(../images/shop-sprite-icons.png) no-repeat -639px -2px; }
#quick_add li.quick_newsletter a:hover { background: url(../images/shop-sprite-icons.png) no-repeat -639px -116px; }
#quick_add li.quick_newsletter.active a { background: url(../images/shop-sprite-icons.png) no-repeat -639px -116px; }
#quick_add li.quick_shipping a { background: url(../images/shop-sprite-icons.png) no-repeat -397px -2px; }
#quick_add li.quick_shipping a:hover { background: url(../images/shop-sprite-icons.png) no-repeat -397px -116px; }
#quick_add li.quick_shipping.active a { background: url(../images/shop-sprite-icons.png) no-repeat -397px -116px; }
#quick_add li.quick_reg_users a { background: url(../images/shop-sprite-icons.png) no-repeat -417px -2px; }
#quick_add li.quick_reg_users a:hover { background: url(../images/shop-sprite-icons.png) no-repeat -417px -116px; }
#quick_add li.quick_reg_users.active a { background: url(../images/shop-sprite-icons.png) no-repeat -417px -116px; }
#quick_add li.quick_add_user a { background: url(../images/shop-sprite-icons.png) no-repeat 0px -2px; }
#quick_add li.quick_add_user a:hover { background: url(../images/shop-sprite-icons.png) no-repeat 0px -116px; }
#quick_add li.quick_add_user.active a { background: url(../images/shop-sprite-icons.png) no-repeat 0px -116px; }
#quick_add li.quick_settings a { background: url(../images/shop-sprite-icons.png) no-repeat -487px -2px; }
#quick_add li.quick_settings a:hover { background: url(../images/shop-sprite-icons.png) no-repeat -487px -116px; }
#quick_add li.quick_settings.active a { background: url(../images/shop-sprite-icons.png) no-repeat -487px -116px; }

.icon_user { background: url(../images/shop-sprite-icons.png) no-repeat -311px -244px; }

/* Header right */
.header-right                           { vertical-align: middle; display: table-cell; padding: 0; font-size: 12px; color:#fff; }
.header-right:hover                     { background: rgb(52, 50, 50); }
.header-right a, .header-right a:hover  { padding: 0 15px; display: block; white-space: nowrap; color:#fcce77; }
.header-right span { white-space: nowrap; }
.header-right .separator                { color:#999; }
.header-right fieldset                  { display:inline; padding-left:10px; }
.header-right fieldset input.input-text { width:18em; }
.header-right .super { float:right; line-height:1.8em; margin-bottom:0; margin-left:0; }

.header_date_and_birth { display: none; float: right; color: white; padding: 19px; }

/* Footer */
.footer .bug-report                     { margin: 0; float:left; width:35%; text-align:left; }
.footer .legality                       { margin:0; vertical-align: middle; float:right; width:440px; padding: 0 0 0 22px; text-align:right; }

/* COLUMNS
********************************************************************************************/
.catalog-categories .side-col   { width:25em; padding-right:25px; }  /* Catalog/Categories */
.catalog-categories .main-col   { padding-left:25px; margin-left:25em; }              /* Catalog/Categories */
.order-summary .side-col        { padding-right:25px; }             /* Order/Create */
.order-summary .main-col        { padding-left:25px; }              /* Order/Create */


/* HEADINGS
********************************************************************************************/

/* Content Header */
.content-header { }
.content-header table           { z-index: 5; position: relative; width:100%; }
.content-header table td        { padding: 10px 15px; }
.content-header h1              { float:left; margin: 14px 10px 8px 0; font-weight: 600; font-size:18px; line-height:1.2em; }
.content-header h3              { margin: 5px 0 0 0; float: left; font-size: 17px; }
.content-header .head h3        { float:none; padding: 0; margin: 0; }
.content-header .button-set     { white-space:nowrap; text-align:right; }
.content-header .content-buttons  { white-space:nowrap!important; margin:0; }
.content-header td.content-buttons  { width:13%;white-space:nowrap!important; margin:0; }
.content-buttons button,
.content-buttons a,
.content-header button,
.filter-actions button          { margin:0 0 0 5px; }
.side-col .content-header       { border-bottom:0; margin-right:12px; margin-bottom:.6em; }
.catalog-categories .side-col .content-header { margin-right:0; }  /* Catalog/Categories */

.left-col-block { width:200px; }

/* Floating Content Header */ /* Used to make action buttons always within reach */
.content-header-floating { z-index: 9999; display:none; position:fixed; left:0; top:0; width:100%; border-bottom:solid 1px #988753; background:#fdfaa4; opacity:.95; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)" }
.content-header-floating .content-header { padding:6px 8px 4px 8px; margin-bottom:0; border:0; }
.content-header-floating .content-header table { background: none; border: none; width: auto; float: left; }
.content-header-floating td     { padding: 10px 15px; }
.content-header-floating td h3     { color: #F16E0F; margin: 0; }
.content-header-floating button { margin-top:3px; }
.content-header-floating .content-buttons { float:right; /* margin:12px 25px 0 0;*/ }
.content-buttons { margin-bottom:5px; float:right; display:inline-block; white-space:nowrap; }
.content-header-floating .form-buttons {padding-right:20px; }
.content-header-floating h3 {margin-left:20px; display:inline; }

.ui-resizable-e:hover, .ui-resizable-e:active                                   { z-index: 9999; background: silver; }

/* Box Head */
.box-head       { margin-bottom:.6em; text-align:right; }
.box-head h4    { float:left; margin-bottom:0; }

/* Icon Head */ /* Headings with icon preceding text*/
.icon-head                      { min-height:18px; background-repeat:no-repeat; background-position:0 50%; padding-left:22px; }
.head-customer-address-list     { background-image:url(../images/fam_house.gif); }
.head-edit-form                 { background-image:url(../images/fam_page_white.gif); }
.head-customer-view             { background-image:url(../images/fam_status_online.gif); padding-left:18px; }
.head-customer,
.head-customer-groups           { background-image:url(../images/fam_group.gif); }
.head-user                      { background-image:url(../images/fam_user.gif); }
.head-user-edit                 { background-image:url(../images/fam_user_edit.gif); }
.head-user-comment              { background-image:url(../images/fam_user_comment.gif); }
.head-comment                   { background-image:url(../images/fam_comment.gif); }
.head-cart                      { background-image:url(../images/fam_cart.gif); }
.head-account                   { background-image:url(../images/fam_account.gif); }
.head-online-visitors           { background-image:url(../images/fam_monitor.gif); }
.head-products                  { background-image:url(../images/fam_package.gif); }
.head-catalog-product           { background-image:url(../images/fam_package.gif); }
.head-newsletter-queue          { background-image:url(../images/fam_newspaper_go.gif); }
.head-newsletter-list           { background-image:url(../images/fam_newspaper.gif); }
.head-newsletter-report         { background-image:url(../images/fam_newspaper_error.gif); }
.head-tag, .head-tag-product    { background-image:url(../images/fam_tag_orange.gif); }
.head-sales-order,
.head-sales-invoice             { background-image:url(../images/fam_folder_table.gif); }
.head-categories                { background-image:url(../images/fam_folder_database.gif); padding-left:20px; color:#253033 !important; }
.head-catalog-product-attribute { background-image:url(../images/fam_rainbow.gif); padding-left:24px; }
.head-product-attribute-sets    { background-image:url(../images/fam_folder_palette.gif); padding-left:23px; }
.head-tax                       { background-image:url(../images/fam_money_add.gif); }
.head-cms-page, .head-cms-block { background-image:url(../images/application_view_tile.gif); }
.head-backups-control           { background-image:url(../images/fam_server_database.gif); }
.head-money, .head-promo-quote  { background-image:url(../images/fam_money.gif); }
.head-shipping-address,
.head-billing-address           { background-image:url(../images/fam_house.gif); }
.head-shipping-method           { background-image:url(../images/fam_lorry.gif); }
.head-payment-method            { background-image:url(../images/fam_creditcards.gif); }
.head-order-date                { background-image:url(../images/fam_calendar.gif); }
.head-customer-sales-statistics { background-image:url(../images/fam_money.gif); }
.head-notification              { background-image:url(../images/fam_folder_table.gif); }
.head-compilation               {background-image:url(../images/fam_package_go.gif); }

/******************************************************************************/
/********************************* PAGE SPECIFIC ******************************/
/******************************************************************************/

.status-active, .status-published, .status-visible { color: green; }
.status-inactive, .status-trash, .status-invisible { color: red; }
.status-inactive { color: red; }

/* LOGIN
*******************************************************************************/
#page-login, #page-lost-password        { color: #666; }
#login-form                             { margin: 0 0 0 0; padding: 20px 0; }

.login-container { width: 25%; position: absolute; top: 0px; right: 0; margin: 0 0 0 0; height: 100%; background: white; display: table; }

.login-box                              { padding: 50px; display: table-cell; vertical-align: middle; }
.login-box hr                              { float: left;  }
.login-box .bottom                      { height:5px; overflow:hidden; }

.login-header                           { position: relative; z-index: 4; padding: 0 0 10px 0; text-align:left; }
.login-header h1                        { margin: 0; }
.login-header p.addit_text                         { line-height: 30px; margin: 0; }

.login-form                             { position: relative; z-index: 4; padding: 0; text-align:left; }
.login-form .input-left                 { float:left; }
.login-form .input-right                { float:right; }
.login-form .input-box input.input-text { width: 100%; padding: 7px; font-size: 14px; margin: 0 0 7px 0; }
.login-form .input-box input.input-text.error { border: 1px solid red; color: red; background: url(../images/error_msg_icon.gif) no-repeat 95% 50% !important; }
.login-form h2                          { font-weight:normal; }
.login-form label                       { vertical-align: middle; font-weight: 800; text-align:right; width: 70px; margin: 0 5px 0 0; display: inline-block; }
.login-form .form-buttons               { margin:1px 0 0 0; }
.login-form .validation-advice          { margin:3px 0 0 0; }
.login-form .forgot-link                { margin:0 17px 0 0; text-align:right; }
.login-form label.error                 { display: none!important; }
.login-form .required                      { color: black!important; }

.login-form-popup-container             { display: none; }
.login-form-popup                       { padding: 10px; background: #fff; }
.login-form-popup .login-form           { padding: 0; background: none; }

.login-container .legal                 { margin: 30px 0 0 0; padding:8px 0 5px 0; font-size: 12px; }

#page-login #messages                   { position: relative; top: 10px; }
#page-login .messages                   { margin: 0; }


#users                                  { padding: 10px 0 0 0; }
#users li                               { -moz-transition: all 0.218s; -ms-transition: all 0.218s; -o-transtion: all 0.218s; -webkit-transition: all 0.218s; transition: all 0.218s; margin: 0 0 5px 0; padding: 6px;}
#users li:hover                         { padding: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-transition: none; -ms-transition: none; -o-transtion: none; -webkit-transition: none; transition: none; background-color: rgba(255, 255, 255, .7); -moz-box-shadow: 0 1px 2px #ccc; -ms-box-shadow: 0 1px 2px #ccc; -o-box-shadow: 0 1px 2px #ccc; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; }
#users .user-image                      { border: 1px solid black; margin: 0 15px 4px 0; height: 50px; overflow: hidden; float: left; }
#users .user-image img                  { float: left; width: 50px; }
#users .user-header                     { vertical-align: middle; height: 100%; font-size: 14px; width: 320px; float: left; }
#users .user-login                      { float: right; }
#users .user-desc                       { float: left; width: 400px; font-size: 11px; line-height: 12px!important; color: #707070; font-style: italic; }
#users h3                  { color: #ED6502; font-size: 14px; margin: 5px 5px 0 0; float: left; }
#users span.user-job                { display: inline; margin: 9px 0; line-height: 10px!important;  float: left; color: #424242; }

.login-europe                           { float: left; width: 200px; margin-left: 10px; height: 530px; overflow: hidden; }
.login-europe li                        { float: left; width: 198px; position: relative; height: 100px; overflow: hidden; background: #f8f8f8 url(../images/login_box_bg.jpg) -270px -225px no-repeat; padding: 0; margin: 0 0 5px 0; border: 1px solid #a5aead; }
.login-europe img                       { position: absolute; top: 0;  left: 0; border: 0; width: 200px; overflow: hidden; }
.login-europe .cover                    { top: 100px; padding: 5px; left: 0; float: left; position: absolute; background: #fff; height: 100px; width: 188px; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
.login-europe h2                        { display: none; }
.login-europe h3                        { font-size: 11px; text-align: left; }
.login-europe h3 a                      { font-weight: 600; text-decoration: none; }
.login-europe p                         { font-size: 11px; line-height: 12px; text-align: left; }

.horizontal-rule { z-index: 3; margin: 0; position: relative; height: 0; border-top: 1px solid #DDD; border-bottom: 1px solid white; }
.horizontal-rule span { position: absolute; display: block; border: none; height: 80px; top: -80px; margin: 0; padding: 0; }

.vertical-rule { margin: 0; position: relative; width: 0; height: 100%; border-left: 1px solid #DDD; border-right: 1px solid white; }
.vertical-rule span { position: absolute; display: block; border: none; width: 80px; height: 80px; left: -80px; margin: 0; padding: 0; }

#footer-logo { position: absolute; font-size: 11px; color: #666; left: 50px; top: 100px; }
#footer-logo img { width: 198px; height: 40px; }

#footer-text { position: absolute; font-size: 11px; color: #666; left: 50px; bottom: 50px; }

#logo { float: none; margin: 0; width: 198px; height: 40px; }
#logo { display: block; float: left; width: 198px; height: 40px; margin: 0 10px 0 0 }

#footer-logo #footer-divider { position: absolute; top: 0; right: 0; background: no-repeat url(../images/www-refresh-vfl3IcHHw.png) -144px -135px; width: 13px; height: 118px; }
#footer-logo span { display: block; font-size: 10px; text-align: center; }

/* DASHBOARD
*******************************************************************************/
.dashboard-container { overflow: auto; }
.dashboard-container #item_edit_form { display: block; padding: 15px; }
.dashboard-container .switcher { margin-bottom:0;  border:0; }
.dashboard-container .entry-edit fieldset { background: none; }
.dashboard-container .entry-edit, .modern .entry-edit { margin-bottom: 20px; border-width: 1px; border-style: solid; font-size: 12px; border-color: #DFDFDF; background-color: white; }
.dashboard-container .entry-edit-head, .box .box_header, .modern .entry-edit-head { font-family: "Roboto", sans-serif; font-size: 13px; color: white; font-weight: 800; line-height: 25px; padding: 7px 10px; background: rgb(133, 133, 133); }
.dashboard-container .entry-edit-head h4 { }
.dashboard-container .entry-edit fieldset { border: none; }
.dashboard-container .entry-edit fieldset .export-header { padding: 10px; }

.entry-edit-head h4, .box .box_header h4 { margin: 0; color: white; }

.dashboard_news { padding: 14px; }
.dashboard_news li { padding: 0 0 5px 0; border-bottom: 1px solid #f0f0f0; margin-bottom: 10px!important; }
.dashboard_news hr { height: 1px; border: none; border-top: 1px solid #e0e0e0;  }
.dashboard_news strong.news_title { color: #FF7A19; }

.dashboard_right_now { font-size: 12px; margin: 10px; }
.dashboard_right_now li { border-bottom: 1px solid #f0f0f0; padding: 5px 0; display: block; clear: both; }
.dashboard_right_now strong { display: inline-block; margin: 0 5px 0 0; text-align: right; width: 25px; font-size: 18px; color: #FF7A19; }
.banner-thumbs li { display: inline; margin: 0 5px 0 5px!important; }

/* IMPORT / EXPORT
*******************************************************************************/
#import strong { color: black; font-size: 12px; width: auto; }

/* CATALOG
*******************************************************************************/

/* Category */
.categories-side-col .content-header { padding:0; }
.categories-side-col .content-header h3 { float:none; }
.categories-side-col .content-header button { margin:5px 0 0; }
.categories-side-col .switcher { margin:10px 20px 0 0; }
.categories-side-col .tree-actions { text-align:center; margin:10px 20px 10px 0; }
.categories-side-col .tree-holder { margin-right:20px; }

.no-active-category a span                  { color:#aaa !important; }

#tree-div { overflow:auto!important; padding-bottom:15px; width:200px; }
.x-tree-node-icon {background: transparent url(../images/folder.gif) no-repeat 0 50%; width: 16px; height: 16px; }
.x-tree-node .leaf .x-tree-node-icon        { background-image:url(../images/fam_leaf.png); }
.x-tree-node .system-leaf .x-tree-node-icon { background-image:url(../images/fam_application_form_delete.png); }

.treeview img, .treeview li {     vertical-align: text-bottom; }
.treeview li label { font-size: 12px; color: #636363; font-weight: 400; height: auto!important; }
/* Product - Gallery */
.image-preview                          { position:absolute; cursor:pointer; }

/* Attributes */
.edit-attribute-set .form-list td.label { width:105px; }
.edit-attribute-set .form-list td.label label { width:105px; }
.edit-attribute-set .entry-edit fieldset input.input-text { width:200px; }

td.input-price { white-space:nowrap; }
td.input-price .validation-advice { white-space:normal; }
td.input-price input.input-text { width:4em !important; }

/* SYSTEM
*******************************************************************************/

/* PopUp Calendar */
.calendar { z-index:105; }

/*****************************************/
/******** ALIGNMENTS AND CLEARS **********/
/*****************************************/

/* Directional and spacial */
.f-left, .left      { float:left; }
.f-right, .right    { float:right; }
.c-right { clear:right; }
.v-top              { vertical-align:top; }
.v-middle           { vertical-align:middle !important; }
.v-bottom           { vertical-align:bottom; }
.a-left             { text-align:left !important; }
.a-center           { text-align:center !important; }
.a-right            { text-align:right !important; }
.nm                 { margin:0 !important; }
.np                 { padding:0 !important; }
.no-display         { display:none; }
.no-show            { display:none; }
.nowrap, .nobr      { white-space:nowrap; }
.wrap               { white-space:normal !important; }
.no-float           { float:none !important; }
.pointer            { cursor:pointer; }
.clearfix:after           { display: block; content: ""; clear:both; }

/* Color */
/*
.emph, .accent      { color:#eb5e00 !important; }
.subdue             { color:#306375; }
.count             { color:#999; }
.black              { color: #000; }
.red              { color: #BC0B0B; }
*/
/* Font */
.bold               { font-weight:600 !important; }
.normal             { font-weight:normal !important; }

option.back-0 { background: #000; color: #fff; }
option.back-1 { background: #505050; color: #fff; }
option.back-2 { background: #a0a0a0; color: #fff; }
option.back-3 { background: #fff; color: #000; }

.toleft { text-align:left; }

#progress_bar_div { width:600px; margin: 0 auto; }
.progress_bar { z-index: 1; width:600px; background: transparent url(../images/progress_bar_middle.png) repeat-x 0 0; margin: 0 auto; height:23px; position: relative;}
.progress_bar_left { z-index: 2; width:12px; background: #ffffff url(../images/progress_bar_left.png) no-repeat 0 0; height:23px; position: absolute; left: 0; top: 0;}
.progress_bar_right { z-index: 3; width:13px; background: #ffffff url(../images/progress_bar_right.png) no-repeat 0 0; height:23px; position: absolute; right: 0; top: 0;}
.progress_bar_fill { z-index: 4; position: absolute; background: transparent url(../images/progress_bar_fill.png) repeat-x 0 50%; height:23px; left: 1px; top: 0;}
.progress_bar_percent { padding: 3px 5px; position: absolute; left: 600px; white-space: nowrap; }

.quick_edit_row { border-bottom: 1px solid #f3e5b7; }
.quick_edit_row .quick_edit_row_col { float: left; width: 50%; }
.quick_edit_row .quick_edit_row_col .quick_edit_row_col_layout { padding: 10px; border-right: 1px solid #f3e5b7; }
.quick_edit_row .quick_edit_row_col .quick_edit_row_col_layout.last { border-right: none; }
.quick_edit_row .quick_edit_row_col_layout > label { line-height: 16px; padding: 5px 0; text-align: right; width: 120px; display: block; float: left; }
.quick_edit_row .edit_row_value { position: relative; margin-left: 140px; display: block; }
.quick_edit_row .select-wide, .quick_edit_row .input-wide { width: 100%; }

.quick_edit h4 { color: #493E28;
    padding: 5px 10px;
    border-bottom: 1px solid #f3e5b7; }
.quick_edit .checkbox_title { float: none; display: inline; }
.quick_edit input[type="checkbox"], .edit_row input[type="radio"] { vertical-align: text-bottom; }

.submit { padding: 5px; clear: both; }

#messages { margin: 0 0 10px 0; padding: 0; width: 100%; z-index: 120; }
.messages { overflow: hidden; list-style: none; padding: 0; margin: 0; }

#page-lost-password #messages { position: relative; top: 0; margin: 10px 0; }

#all_messages span { display: block!important; }

#show_messages { cursor: pointer; }
#messages.hidden #show_messages { background: url(../images/messages_show.png) no-repeat 0 0; }
/**********************************************************************************************************
**************************************** I N P U T S & B U T T O N S **************************************
**********************************************************************************************************/
input.input-text-medium { width: 50%; }

/* Form Button */
.content-buttons.form-buttons,
.content-header .form-buttons   { text-align:right; margin-bottom:0; white-space:nowrap; }
.content-header .content-buttons-placeholder { margin:0; display:inline !important; float:right; }
.content-header .form-buttons   { float:right; }
.content-header td.form-buttons   { float:none; }
.sub-btn-set { border:1px solid #ddd; border-width:0 1px; background:url(../images/sub_button_bg.gif) repeat; padding:3px 10px; text-align:right; }

.quick_edit_wrapper { left: 73px; position: absolute; z-index: 99; display: none; top: -58px; padding: 11px 15px; background: white; box-shadow: 0px 0px 11px rgb(150, 148, 148); }
.quick_edit_wrapper:before { position: absolute; content: ""; width: 20px; height: 20px; top: 100%; left: 50%; background: white; margin-left: -10px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); -ms-transform: rotate(-45deg); margin-top: -11px; box-shadow: -1px 1px 0px rgb(216, 216, 216); }
.quick_edit_wrapper a { height: 30px; overflow: hidden; display: inline-block; }
.shadow_button { font-size: 11px; background-color: #ffe8e8; color: #444; border: 1px solid gainsboro; border: 1px solid rgba(0, 0, 0, 0.1); border-image: initial; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; vertical-align: middle; padding: 4px 8px; display: inline-block }
.quick_button { padding: 0 0 0 0; margin: 0 5px; display: inline-block; text-indent: 99px; }
.quick_button_edit { width: 29px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -19px -251px; }
.quick_button_edit:hover { width: 29px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -19px -316px; }
.quick_button_quick_edit { width: 29px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -66px -251px; }
.quick_button_quick_edit:hover { width: 29px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -66px -316px; }
.quick_button_remove { width: 29px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -154px -251px; }
.quick_button_remove:hover { width: 29px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -154px -316px; }
.quick_button_trash { width: 29px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -113px -251px; }
.quick_button_trash:hover { width: 29px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -113px -316px; }
.quick_button_invoice { width: 29px; height: 33px; background: url(../images/shop-sprite-icons.png) no-repeat -101px -86px; }
.quick_button_invoice:hover { width: 29px; height: 33px; background: url(../images/shop-sprite-icons.png) no-repeat -101px -153px; }
.quick_button_preview { width: 41px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -198px -251px; }
.quick_button_preview:hover { width: 41px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -198px -316px; }
.quick_button_restore { width: 41px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -250px -252px; }
.quick_button_restore:hover { width: 41px; height: 29px; background: url(../images/shop-sprite-icons.png) no-repeat -250px -315px; }

.customScrollBox { position: relative; height: 100%; overflow: hidden; }
.customScrollBox .container { position: relative; width: 100%; float: left; top: 0; }

.dragger_container { position:absolute; width:0px; height:97%; right: 0; top: 0; margin:10px 8px 10px 25px; border-left:1px solid #f0f0f0; border-right:1px solid #cecece; cursor:pointer}
.dragger { position:absolute; width:5px; height:60px; background:#bfbfbf; margin-left:-2px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
.dragger_pressed{ position:absolute; width:5px; height:60px; background:#aaaaaa; margin-left:-2px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}

#profile_images #messages .messages { height: auto; overflow: visible; }
#profile_images #messages .messages span  { background: white; max-height: none; overflow: visible; }


/* === CHOZEN === */
.chosen-container { min-width: 150px; width: 100%!important; position: relative; display: block; vertical-align: middle; font-size: 11px; zoom: 1; *display: block; -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.chosen-container .chosen-drop { position: absolute; top: 100%; left: -9999px; z-index: 1010; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-top: 0; background: #fff; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }
.chosen-container.chosen-with-drop .chosen-drop { left: 0; }
.chosen-container a { cursor: pointer }

.chosen-container-single .chosen-single { border: 1px solid #d8d8d8; display: block; overflow: hidden; white-space: nowrap; position: relative; color: #808080; text-shadow: 0 1px #f5f5f5; height: 34px; line-height: 35px; padding: 0 0 0 10px; background: #fff; border: 1px solid #d2d2d2;  box-sizing: content-box; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;  box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; }
.chosen-container-single .chosen-default { color: #999; }
.chosen-container-single .chosen-single span { display: block; font-size: 11px; padding-right: 35px; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; background: url(../images/elements/forms/selectArrow.png) no-repeat 100%; }
.chosen-container-single .chosen-single-with-deselect span { margin-right: 38px; }
.chosen-container-single .chosen-single abbr { position: absolute; top: 6px; right: 26px; display: block; width: 12px; height: 12px; background: url('../images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; }
.chosen-container-single .chosen-single abbr:hover { background-position: -42px -10px; }
.chosen-container-single.chosen-disabled .chosen-single abbr:hover { background-position: -42px -10px; }
.chosen-container-single .chosen-single div { position: absolute; top: 0; right: 0; display: block; width: 18px; height: 100%; }
.chosen-container-single .chosen-single div b { display: block; width: 100%; height: 100%; }
.chosen-container-single .chosen-search { position: relative; z-index: 1010; margin: 0; padding: 3px 4px; white-space: nowrap; }
.chosen-container-single .chosen-search input[type="text"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1px 0; padding: 4px 20px 4px 5px; width: 100%; height: auto; outline: 0; border: 1px solid #aaa; background: white url('../images/chosen-sprite.png') no-repeat 100% -20px; background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('../images/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); font-size: 1em; font-family: sans-serif; line-height: normal; border-radius: 0; }
.chosen-container-single .chosen-drop { margin-top: -1px; border-radius: 0 0 4px 4px; background-clip: padding-box; }
.chosen-container-single.chosen-container-single-nosearch .chosen-search { position: absolute; left: -9999px; }

.chosen-container .chosen-results { position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 4px 4px 0; padding: 0 0 0 4px; max-height: 240px; -webkit-overflow-scrolling: touch; }
.chosen-container .chosen-results li { display: none; margin: 0; padding: 5px 6px; list-style: none; line-height: 15px; }
.chosen-container .chosen-results li.active-result { display: list-item; cursor: pointer; }
.chosen-container .chosen-results li.active-result.category { font-weight: 600; }
.chosen-container .chosen-results li.active-result.back-1 { background: rgb(247, 247, 247); padding-left: 20px; }
.chosen-container .chosen-results li.active-result.back-2 { background: rgb(243, 243, 243); padding-left: 40px; }
.chosen-container .chosen-results li.active-result.back-3 { background: rgb(238, 238, 238); padding-left: 60px; }
.chosen-container .chosen-results li.active-result.back-4 { background: rgb(228, 228, 228); padding-left: 80px; }
.chosen-container .chosen-results li.active-result.back-5 { background: rgb(213, 213, 213); padding-left: 100px; }
.chosen-container .chosen-results li.active-result.back-6 { background: rgb(209, 209, 209); padding-left: 1200px; }
.chosen-container .chosen-results li.disabled-result { display: list-item; color: #ccc; cursor: default; }
.chosen-container .chosen-results li.highlighted {  background-color: #3875d7!important; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc))!important; background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%)!important; background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%)!important; background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%)!important; background-image: linear-gradient(#3875d7 20%, #2a62bc 90%)!important; color: #fff;  }
.chosen-container .chosen-results li.no-results { display: list-item; background: #f4f4f4; }
.chosen-container .chosen-results li.group-result { display: list-item; font-weight: bold; cursor: default }
.chosen-container .chosen-results li.group-option { padding-left: 15px; }
.chosen-container .chosen-results li em { font-style: normal; text-decoration: underline; }

.chosen-container-multi .chosen-choices { position: relative; overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; width: 100%; height: auto !important; height: 1%; border: 1px solid #D2D2D2; background-color: #fff; cursor: text; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;  box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; -webkit-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; -moz-box-shadow: 0 1px 0 #fff inset, 0 1px 0px #eeeeee; }
.chosen-container-multi .chosen-choices li { float: left; list-style: none; }
.chosen-container-multi .chosen-choices li.search-field { margin: 0; padding: 0; white-space: nowrap; }
.chosen-container-multi .chosen-choices li.search-field input[type="text"] { margin: 1px 0; height: 32px; outline: 0; border: 0 !important; background: transparent !important; box-shadow: none; color: #666; line-height: normal; border-radius: 0; }
.chosen-container-multi .chosen-choices li.search-field .default { color: #999; }
.chosen-container-multi .chosen-choices li.search-choice { position: relative; margin: 7px 0 6px 5px; padding: 3px 20px 3px 5px; border: 1px solid #D2D2D2; border-radius: 4px; background-color: #e4e4e4; box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; line-height: 13px; cursor: default; font-size: 12px; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { position: absolute; top: 4px; right: 3px; display: block; width: 12px; height: 12px; background: url('../images/chosen-sprite.png') -42px 1px no-repeat; font-size: 1px; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background-position: -42px -10px; }
.chosen-container-multi .chosen-choices li.search-choice-disabled { padding-right: 5px; border: 1px solid #ccc; background-color: #e4e4e4; color: #666; }
.chosen-container-multi .chosen-choices li.search-choice-focus { background: #d4d4d4; }
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close { background-position: -42px -10px; }
.chosen-container-multi .chosen-results { margin: 0; padding: 0; }
.chosen-container-multi .chosen-drop .result-selected { display: list-item; color: #ccc; cursor: default; }

.chosen-container-active .chosen-single { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active.chosen-with-drop .chosen-single { border: 1px solid #aaa; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff)); background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%); background-image: linear-gradient(#eeeeee 20%, #ffffff 80%); box-shadow: 0 1px 0 #fff inset; }
.chosen-container-active.chosen-with-drop .chosen-single div { border-left: none; background: transparent; }
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: -18px 2px; }
.chosen-container-active .chosen-choices { border: 1px solid #5897fb; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
.chosen-container-active .chosen-choices li.search-field input[type="text"] { color: #111 !important; }

.chosen-disabled { opacity: 0.5 !important; cursor: default; }
.chosen-disabled .chosen-single { cursor: default; }
.chosen-disabled .chosen-choices .search-choice .search-choice-close { cursor: default; }

.chosen-rtl { text-align: right; }
.chosen-rtl .chosen-single { overflow: visible; padding: 0 8px 0 0; }
.chosen-rtl .chosen-single span { margin-right: 0; margin-left: 26px; direction: rtl; }
.chosen-rtl .chosen-single-with-deselect span { margin-left: 38px; }
.chosen-rtl .chosen-single div { right: auto; left: 3px; }
.chosen-rtl .chosen-single abbr { right: auto; left: 26px; }
.chosen-rtl .chosen-choices li { float: right; }
.chosen-rtl .chosen-choices li.search-field input[type="text"] { direction: rtl; }
.chosen-rtl .chosen-choices li.search-choice { margin: 3px 5px 3px 0; padding: 3px 5px 3px 19px; }
.chosen-rtl .chosen-choices li.search-choice .search-choice-close { right: auto; left: 4px; }
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop { left: 9999px; }
.chosen-rtl.chosen-container-single .chosen-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; }
.chosen-rtl .chosen-results li.group-option { padding-right: 15px; padding-left: 0; }
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { border-right: none; }
.chosen-rtl .chosen-search input[type="text"] { padding: 4px 5px 4px 20px; background: white url('chosen-sprite.png') no-repeat -30px -20px; background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); background: url('chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(#eeeeee 1%, #ffffff 15%); background: url('chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%); direction: rtl; }
.chosen-rtl.chosen-container-single .chosen-single div b { background-position: 6px 2px; }
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b { background-position: -12px 2px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span { background-image: url('chosen-sprite@2x.png') !important; background-size: 52px 37px !important; background-repeat: no-repeat !important; }
}

.dashboard .dashboard-charts #flotchart1,
.dashboard .dashboard-charts .chart-order,
.dashboard .dashboard-charts .bars,
.dashboard .dashboard-charts .updating,
.dashboard .dashboard-charts .pie                               { top: 30px; margin: 20px 0; z-index: 90; margin-left: 250px; height: 280px; }
.dashboard .dashboard-charts .secNav .chartS,
.dashboard .dashboard-charts .secNav .barsS,
.dashboard .dashboard-charts .secNav .updatingS,
.dashboard .dashboard-charts .secNav .pieS                      { height: 250px; z-index: 90; }
.dashboard .dashboard-charts .tickLabels                        { font-family: Roboto; }
.dashboard .dashboard-charts .sideChart                         { background: #f5f5f5; padding: 10px; border-top: 1px solid  #CDCDCD; border-bottom: 1px solid #CDCDCD; }
.dashboard .dashboard-charts .chartWrapper                      { overflow: hidden; }
.dashboard .dashboard-charts .legendLabel span                  { display: block; margin: 0 5px; }
.dashboard .dashboard-charts .legendColorBox                    { vertical-align: middle; padding-left: 10px; }
.dashboard .dashboard-charts .legend > div                     { display: none; }
.dashboard .dashboard-charts .legend table                     { width: auto; }
.dashboard .dashboard-charts .legend table td                     { padding: 5px; }

.dashboard .dashboard-charts .chart-order-right                 { width: 240px; float: left; text-align: center; }
.dashboard .dashboard-charts .chart-order-right ul          { margin: 15px 43px; text-align: left; }
.dashboard .dashboard-charts .chart-order-right ul li       { margin: 0 0 2px 0; }
.dashboard .dashboard-charts .chart-order-right ul li span  { float: left; width: 15px; height: 15px; display: block; border-radius: 3px; margin: 0 7px 5px 7px;  }

.dashboard .dashboard-charts .modern-box-footer                 { margin: 0 0 20px 0; border-top: 1px solid rgb(240, 240, 240); border-bottom: 2px solid rgb(240, 240, 240); background: #F7F7F7; }
.dashboard .dashboard-charts .modern-box-footer .box           { border-right: 1px solid rgb(240, 240, 240); width: 25%; float: left; padding: 25px; text-align: center; }
.dashboard .dashboard-charts .modern-box-footer .box:first-child{ border-left: 1px solid rgb(240, 240, 240); }
.dashboard .dashboard-charts .modern-box-footer strong      { font-family: Roboto; font-size: 32px; line-height: 40px; }

.header-button                               { position: relative; cursor: pointer; }
.header-button.header-state-default                        { color: #969696!important; }
.header-button:hover,
.header-button.header-state-active                         { z-index: 4; color: black!important;  border-bottom: 2px solid #7f7f7f; }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #d0d0d0; background-color: #fff; padding: 1px; opacity: 0.95; }
.tooltip                { position: absolute!important; overflow:hidden; z-index: 10000!important; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: #fff; font-size: 11px; padding: 3px 8px!important; background: #3b3b3b!important; background: -moz-linear-gradient(top, #3b3b3b 0%, #1d1d1d 100%)!important; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b3b3b), color-stop(100%,#1d1d1d))!important; background: -webkit-linear-gradient(top, #3b3b3b 0%,#1d1d1d 100%)!important; background: -o-linear-gradient(top, #3b3b3b 0%,#1d1d1d 100%)!important; background: -ms-linear-gradient(top, #3b3b3b 0%,#1d1d1d 100%)!important; background: linear-gradient(top, #3b3b3b 0%,#1d1d1d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b3b', endColorstr='#1d1d1d',GradientType=0 )!important; }
.tooltip .xtop,
.tooltip .xbottom       { display: block; background: transparent; font-size: 1px; }
.tooltip .xb1,
.tooltip .xb2,
.tooltip .xb3,
.tooltip .xb4           { display: block; overflow: hidden; }
.tooltip .xb1,
.tooltip .xb2,
.tooltip .xb3           { height: 1px; }
.tooltip .xb2,
.tooltip .xb3,
.tooltip .xb4           { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
.tooltip .xbottom .xb2,
.tooltip .xbottom .xb3,
.tooltip .xbottom .xb4  { background: #666; }
.tooltip .xb1           { margin: 0 5px; background: #333; }
.tooltip .xb2           { margin: 0 3px; border-width: 0 2px; }
.tooltip .xb3           { margin: 0 2px; }
.tooltip .xb4           { height: 2px; margin: 0 1px; }

.tooltip .xboxcontent   { padding: 0 10px; margin: 0; color: #000; text-align: left; text-shadow: 1px 1px 0px #CCC; word-wrap:break-word; border: 1px solid #333; border-width: 0px 1px 0 1px; background-color: #666; }


.fieldset .form-edit-row.fieldset-tab                       { margin: 0 0 15px 0; background: #F5F5F5 ; background: -moz-linear-gradient(top, #F5F5F5  0%, #F0F0F0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F5F5F5 ), color-stop(100%,#F0F0F0)); background: -webkit-linear-gradient(top, #F5F5F5 0%,#F0F0F0 100%); background: -o-linear-gradient(top, #F5F5F5  0%,#F0F0F0 100%); background: -ms-linear-gradient(top, #F5F5F5  0%,#F0F0F0 100%); background: linear-gradient(top, #F5F5F5  0%,#F0F0F0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5 ', endColorstr='#F0F0F0',GradientType=0 ); padding: 15px; border: 1px solid rgb(216, 216, 216); box-shadow: 0px 0px 3px rgba(179, 179, 179, 0.14); -o-box-shadow: 0px 0px 3px rgba(179, 179, 179, 0.14); -moz-box-shadow: 0px 0px 3px rgba(179, 179, 179, 0.14); -webkit-box-shadow: 0px 0px 3px rgba(179, 179, 179, 0.14); border-radius: 3px; -o-border-radius: 3px;-moz-border-radius: 3px; -webkit-border-radius: 3px; }
.fieldset .form-edit-row                                    { display: inline-block; width: 100%; padding-bottom:5px !important; }
.fieldset .form-edit-row.input-checkbox                     { /*width: auto!important;*/ padding-bottom: 0px !important; }
.fieldset .form-edit-row.input-checkbox .value              { /*display: inline-block!important;*/ }
.fieldset .form-edit-row.half                               { width: 50%; float: left; }
.fieldset .form-edit-row.third                              { width: 33.3%; float: left; }
.fieldset .form-edit-row.fourth                             { width: 25%; float: left; }
.fieldset .form-edit-row.fifth                             { width: 20%; float: left; }
.fieldset .form-edit-row div.label                          { vertical-align: top; display: block; text-align: left; padding-bottom: 5px; position: relative; }
.fieldset .form-edit-row.title div.label label              { display:block; padding: 0; font-weight: 600; font-size: 12px; color: black; line-height: 1.4em; }
.fieldset .form-edit-row div.label label                    { display:block; padding: 0; font-weight: 600; font-size: 12px; color: black; line-height: 1.4em; }
.fieldset .form-edit-row div.value input.input-radio        { vertical-align: middle!important; margin-right: 5px; }
.fieldset .form-edit-row div.value input.input-checkbox     { vertical-align: middle!important; margin-right: 5px; }
.fieldset .form-edit-row div.value input[type="text"],
.fieldset .form-edit-row div.value select                   { width:100%; }
.fieldset .form-edit-row div.value label                    { position: relative; vertical-align: middle; }
.fieldset .form-edit-row div.value .ckfinder-button         { cursor: pointer; position: absolute; top: 6px; right: 5px; margin: 0px; padding: 5px 11px; font-weight: 600; font-size: 11px; font-family: Roboto, 'Helvetica Neue', helvetica, arial; text-transform: uppercase; line-height: 15px; background-color: whitesmoke; background-image: -moz-linear-gradient(top, white, #F8F5F5); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#E6E6E6)); background-image: -webkit-linear-gradient(top, white, #F8F5F5); background-image: -o-linear-gradient(top, white, #F8F5F5); background-image: linear-gradient(to bottom, white, #F8F5F5); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffF8F5F5', GradientType=0); border-color: #F8F5F5 #F8F5F5 #BFBFBF; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); border: 1px solid #BBB; border-bottom-color: #A2A2A2; }
.fieldset .form-edit-row div.value .ckfinder-button:hover   { background-color: #F0EEEE; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }

.form-edit-row div.value .edit_row_value          { display: block; }

label.checkbox_title                                        { cursor: pointer; }

.form-edit-row .note                                        { text-decoration: underline; cursor: help; }


.fieldset-wide .form-edit-row                               { width:100%; }
.fieldset .form-edit-row.third div.value,
.fieldset .form-edit-row.fourth div.value,
.fieldset .form-edit-row.fifth div.value,
.fieldset .form-edit-row.half div.value                     { padding-right: 10px; }
.fieldset .form-edit-row.half.last div.value                { padding-right: 0; }
.fieldset .form-edit-row.fourth.last div.value               { padding-right: 0; }
.fieldset .form-edit-row.fifth.last div.value               { padding-right: 0; }
.fieldset .form-edit-row.third.last div.value               { padding-right: 0; }
.fieldset-wide .form-edit-row div.value                     { padding-top: 0!important; padding-bottom: 0!important; vertical-align: middle; position: relative; width:auto !important; display: block; }
.fieldset-wide .form-edit-row div.value input[type="text"],
.fieldset-wide .form-edit-row div.value input[type="password"],
.fieldset-wide .form-edit-row td.value textarea             { width:100%; min-width: 30px; }
.fieldset-wide .form-edit-row div.value input.title         { font-size: 23px; }
.fieldset-wide .form-edit-row div.value input.price         { font-size: 16px; }