.global-map .map tspan[style],
.rightPanel tspan[style],
body {
    font-family: Roboto, sans-serif
}
body,
html,
ul {
    padding: 0
}
.dm-custom,
.tb_profile h5,
li.mn-seperator,
span.search-phrase {
    text-transform: uppercase
}
.onoffswitch,
label.css-label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}
.activity-list,
.ce-buttons ul,
.chat-list ul,
.el-top ul,
.email-nav ul,
.list-checkbox,
.main-nav,
.message-attachments ul,
.sales-list,
.search-list,
.sortable-menus,
.sortable-menus .sortable-child,
.sr-tabs ul,
.su-buttons ul,
.tb_notifications ul,
.td-option,
.um-breadcrumb ul,
.user-details ul,
.weather-widget ul,
ul,
ul.add-media,
ul.list-icon,
ul.list-sub,
ul.option-list,
ul.se-list,
ul.sub-menu {
    list-style: none
}
.mapTooltip,
.um_small-img {
    max-width: 200px
}
.la-line-scale,
.la-line-scale>div {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.la-line-scale {
    display: block;
    font-size: 0;
    color: #9AA1AB;
    width: 40px;
    height: 32px
}
.la-line-scale.la-dark {
    color: #333
}
a,
body {
    color: #646e7c
}
.la-line-scale>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
    width: 4px;
    height: 32px;
    margin: 0 2px;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-animation: line-scale 1.2s infinite ease;
    animation: line-scale 1.2s infinite ease
}
.la-line-scale>div:nth-child(1) {
    -webkit-animation-delay: -1.2s;
    animation-delay: -1.2s
}
.la-line-scale>div:nth-child(2) {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}
.la-line-scale>div:nth-child(3) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
.la-line-scale>div:nth-child(4) {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}
.la-line-scale>div:nth-child(5) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}
.la-line-scale.la-sm {
    width: 20px;
    height: 16px
}
.la-line-scale.la-sm>div {
    width: 2px;
    height: 16px;
    margin: 0 1px
}
.la-line-scale.la-2x {
    width: 80px;
    height: 64px
}
.la-line-scale.la-2x>div {
    width: 8px;
    height: 64px;
    margin: 0 4px
}
.la-line-scale.la-3x {
    width: 120px;
    height: 96px
}
.la-line-scale.la-3x>div {
    width: 12px;
    height: 96px;
    margin: 0 6px
}
@-webkit-keyframes line-scale {
    0%, 100%, 40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}
@keyframes line-scale {
    0%, 100%, 40% {
        -webkit-transform: scaleY(.4);
        -moz-transform: scaleY(.4);
        transform: scaleY(.4)
    }
    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        transform: scaleY(1)
    }
}
.spinner-container {
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999999999999999999;
    overflow-x: hidden!important
}
@-webkit-keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes rotate-forever {
    0% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.loading-spinner {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate-forever;
    animation-name: rotate-forever;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    height: 40px;
    width: 40px;
    border: 4px solid #B9C2CE;
    border-right-color: transparent;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    margin: -15px 0
}
body,
html {
    margin: 0
}
body {
    background: #eaedf0
}
a:focus,
a:hover {
    text-decoration: none;
    color: #646e7c;
    outline: 0
}
button:focus {
    outline: 0
}
input:focus,
textarea:focus {
    border: none;
    outline: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500
}
.sidebar {
    background: #474a4e;
    height: 100vh
}
.sidebar-head {
    width: 100%;
    overflow: hidden;
    min-height: 30px;
    height: 95px;
    padding: 20px 15px 15px
}
li.mn-seperator {
    padding: 12px;
    opacity: 0
}
li.mn-seperator span {
    color: #fff;
    font-size: 12px;
    margin-left: 10px
}
.sidebar-open li.mn-seperator {
    opacity: .4
}
.sidebar-open .sidebar-mini-hover .main-nav li a span,
.sidebar-open .sidebar-mini-hover .main-nav li ul.sub-menu li a span {
    opacity: 1
}
.sidebar-mini-hover {
    transition: width .5s
}
.sidebar-open .sidebar-mini-hover {
    width: 280px;
    overflow: visible
}
.sidebar-open .sidebar-mini-hover .menu-button a i.fw-icon-mini {
    display: none
}
.sidebar-open .sidebar-mini-hover .menu-button a i.bc-icon-mini {
    display: block
}
.mobile-menu-button,
.sidebar-open ul.sub-menu li.sub-parent-name {
    display: none
}
.mobile-menu-button a i {
    color: #fff;
    font-size: 24px
}
.main-nav li a i,
.menu-button a i {
    font-size: 20px;
    color: #fff
}
.sidebar-open .sidebar-mini-hover .logo {
    display: block
}
.sidebar-open .sidebar-mini-hover .menu-button {
    float: right;
    right: 20px
}
.sidebar-mini .main-nav>li>a>span {
    opacity: 0;
    position: absolute;
    white-space: nowrap;
    transition: opacity .7s
}
.main-nav li a,
.tb_profile a {
    transition: background .2s ease
}
.sidebar-mini .submenu-arrow {
    display: none
}
.sidebar-open .submenu-arrow {
    display: block
}
.sidebar-mini {
    width: 80px;
    overflow: visible;
    position: fixed;
    z-index: 99;
    top: 0
}
.logo {
    float: left
}
.logo img {
    height: 72px
}
.menu-button a i.fw-icon-mini,
.sidebar-mini .logo,
.sidebar-mini .menu-button a i.bc-icon-mini {
    display: none
}
.sidebar-mini .menu-button a i.fw-icon-mini {
    display: block
}
.sidebar-mini .menu-button {
    position: absolute;
    margin-left: 10px
}
.menu-button {
    display: inline-block;
    float: right
}
.main-nav {
    padding: 0;
    margin-top: 40px
}
.main-nav li a {
    width: 100%;
    display: block;
    padding: 12px;
    overflow: hidden;
    position: relative
}
.main-nav li {
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}
.main-nav li a i {
    float: left;
    margin-top: 0px;
}
.main-nav li a i:first-child {
    margin-right: 15px
}
.main-nav li a span {
    color: #fff;
    opacity: .7
}
.main-nav li.active-page>a {
    background: rgba(0, 0, 0, .1)
}
.main-nav li a:hover {
    background: rgba(255, 255, 255, .05)
}
.submenu-arrow {
    float: right!important
}
ul.sub-menu {
    display: none;
    background-color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    position: absolute;
    left: 260px;
    top: -10px;
    width: auto;
    min-width: 260px
}
.main-nav li:hover>.sub-menu,
.tb_profile a,
span.details {
    display: block
}
ul.sub-menu li a span {
    color: #646e7c;
    opacity: 1
}
ul.sub-menu li a i {
    color: #646e7c
}
ul.sub-menu li a {
    color: #646e7c;
    padding: 10px;
    border: 1px solid #dde1e6;
    margin-bottom: -1px
}
ul.sub-menu li a:hover {
    background-color: #f5f5f5
}
ul.sub-menu ul.sub-menu {
    margin-left: -1px;
    background-color: #fff
}
ul.sub-menu li {
    padding-left: 0;
    padding-right: 0
}
.sidebar-mini ul.main-nav>li>ul.sub-menu {
    left: 80px
}
.sidebar-open ul.main-nav>li>ul.sub-menu {
    left: 280px
}
.sub-parent-name span {
    opacity: 1!important;
    margin-left: 0!important
}
.sub-parent-name {
    background-color: #f5f5f5
}
.sub-parent-name a {
    background-color: #f5f5f5!important
}
.top-bar {
    border-bottom: 1px solid #dde1e6;
    height: 80px;
    clear: both
}
.avatar-small {
    float: left
}
.tb_profile h5 {
    float: left;
    font-size: 14px;
    margin-left: 15px;
    margin-right: 10px
}
.tb_profile {
    position: relative;
    float: left;
    height: 80px
}
.tb_profile a {
    width: 100%;
    height: 100%;
    padding: 17px
}
.tb_profile a:hover {
    background: rgba(255, 255, 255, .3)
}
.tb_profile i.um-dropdown {
    margin-top: 6px;
    float: right;
    opacity: .6
}
.tb_notifications .dropdown-menu {
    width: 400px
}
.tb_notifications {
    float: right;
    padding-top: 23px;
    height: 80px
}
.tb_notifications ul {
    padding: 0
}
.tb_notifications>ul>li {
    float: left;
    margin-right: 30px;
    position: relative
}
.tb_notifications ul li a i {
    opacity: .6;
    transition: opacity .2s ease
}
.tb_notifications ul li a:hover i {
    opacity: 1
}
span.n-counter {
    position: absolute;
    z-index: 97;
    background: #fc6291;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 17px;
    color: #fff;
    width: 17px;
    text-align: center;
    font-size: 11px;
    top: 10px;
    right: -10px
}
ul.n-dropdown {
    height: 267px;
    overflow-y: scroll;
    overflow-x: hidden
}
.dm-custom {
    background-color: #fc6291;
    padding: 12px;
    color: #fff;
    font-size: 12px
}
span.details {
    width: 100%;
    white-space: normal;
    line-height: 24px
}
.tb_profile span.details {
    display: inline
}
.tb_notifications span.details span.list-counter {
    white-space: nowrap
}
.close-search-results {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: .7
}
.close-search-results i {
    font-size: 35px
}
.close-search-results:hover {
    opacity: 1
}
.tb_search {
    width: 400px;
    float: left;
    height: 80px;
    position: relative
}
.tb_search input {
    height: 80px;
    width: 100%;
    border: none;
    background: 0 0;
    outline: 0;
    padding-left: 50px;
    transition: background .2s ease
}
.tb_search input:focus {
    background: rgba(255, 255, 255, .3)
}
.tb_search i.um-search {
    position: absolute;
    top: 28px;
    left: 17px;
    opacity: .6
}
.search-results {
    background: #fff;
    width: 100%;
    overflow: hidden;
    min-height: 100vh;
    padding-top: 50px;
    position: absolute;
    z-index: 9
}
span.search-phrase {
    font-size: 62px;
    font-weight: 800
}
.search-list {
    margin-top: 50px
}
.search-list .list-counter {
    float: right;
    margin-right: 0
}
.search-list .pages-list li a i {
    color: #fff;
    background: #fc6291;
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    padding-top: 7px;
    text-align: center;
    float: left;
    margin-right: 20px
}
.search-list .pages-list li {
    display: block;
    overflow: hidden
}
.pages-list li a .avatar-small {
    margin-right: 20px
}
.search-list>h5 {
    border-bottom: 1px solid #dde1e6;
    padding-bottom: 20px
}
.search-list .pages-list li span {
    margin-top: 10px;
    display: block
}
.search-list .pages-list li a {
    width: 100%;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    transition: background .3s ease
}
.search-list .pages-list li a:hover {
    background: rgba(0, 0, 0, .05)
}
.n-sidebar a i {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg)
}
.md-message {
    display: block;
    font-size: 12px;
    margin-top: 5px;
    overflow: hidden;
    opacity: .8;
    white-space: normal;
    line-height: 20px;
    max-height: 40px
}
.element-head h5,
.sr-tabs ul li a {
    font-size: 13px;
    text-transform: uppercase
}
.n-messages-dropdown {
    width: 350px
}
.n-messages-dropdown .avatar-small {
    margin-right: 10px
}
.n-messages-dropdown .list-counter {
    float: right;
    margin-right: 0
}
.sidebar-right {
    width: 350px;
    position: fixed;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 999999;
    padding: 25px;
    border-left: 1px solid #dde1e6;
    height: 100%;
    transition: all .3s ease;
    overflow-y: scroll
}
.sr-tabs {
    margin-top: 20px
}
.sr-tabs ul {
    padding: 0;
    display: table;
    width: 100%
}
.sr-tabs ul li {
    display: table-cell;
    width: 50%
}
.sr-tabs ul li a {
    border-bottom: 2px solid #dde1e6;
    padding: 10px 30px;
    display: block;
    text-align: center;
    transition: background .3s ease
}
li.active-sr-tab a {
    border-color: #fc6291!important
}
.element-body,
.element-footer {
    border-right: 1px solid #dde1e6;
    border-left: 1px solid #dde1e6;
    border-bottom: 1px solid #dde1e6
}
.sr-tabs ul li a:hover {
    background: #F1F3F5
}
.close-right-sidebar {
    opacity: .6;
    transition: background .3s ease
}
.close-right-sidebar:hover {
    opacity: 1
}
.sidebar-right.closed {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -moz-transform: translate(100%, 0);
    transform: translate(100%, 0)
}
.element-head {
    padding: 20px 20px 15px;
    height: 60px;
    background: #fff;
    width: 100%
}
.element-head h5 {
    margin-top: 5px
}
.element-head .eh-left {
    float: left
}
.element-head .eh-right {
    float: right
}
.element-body {
    padding: 15px 20px 20px;
    background: #fff;
    width: 100%
}
.widget-minimized .element-head {
    height: 70px
}
.element-footer {
    padding: 10px 20px 20px;
    background: #fff;
    margin-top: -1px
}
.no-bg .element-head {
    height: 55px
}
.no-padding .element-body {
    padding: 0
}
.no-head .element-body {
    border-top: 1px solid #dde1e6;
    padding: 20px
}
.element-body.no-padding {
    padding: 0
}
.no-border .element-body,
.no-border .element-footer,
.no-border .element-head {
    border: none!important
}
.element-head {
    border: 1px solid #dde1e6;
    margin-bottom: -1px
}
.element-head .um-button {
    padding: 7px 10px;
    border-width: 1px
}
.element-head .dropdown,
.element-head .widget-control,
.element-head .widget-control li {
    display: inline
}
.onoffswitch-checkbox,
.widget-minimized .element-body,
.widget-minimized .element-footer {
    display: none
}
.scrolling-widget .element-body {
    height: 220px;
    overflow-y: scroll
}
.no-bg .element-body,
.no-bg .element-footer,
.no-bg .element-head {
    padding: 0;
    background: 0 0;
    border: none
}




.blue-bg .element-body,
.blue-bg .element-footer,
.blue-bg .element-head {
    background: #69c4ee;
    color: #fff;
    border: none
}
.wisteria-bg .element-body,
.wisteria-bg .element-footer,
.wisteria-bg .element-head {
    background: #8769B0;
    color: #fff;
    border: none
}
.brink-pink-bg .element-body,
.brink-pink-bg .element-footer,
.brink-pink-bg .element-head {
    background: #fc6291;
    color: #fff;
    border: none
}
.casablanca-bg .element-body,
.casablanca-bg .element-footer,
.casablanca-bg .element-head {
    background: #fbaf5d;
    color: #fff;
    border: none
}




ul.dropdown-menu {
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #dde1e6;
    -moz-border-radius: 0;
    border-radius: 0;
    min-width: 208px;
    padding: 0;
    margin-top: -1px
}
.dropdown-menu>li>a {
    color: #646e7c;
    padding: 10px;
    border-bottom: 1px solid #dde1e6
}
.um_list-color {
    color: #fff
}
.dropdown-menu li a i {
    font-size: 20px;
    margin-right: 8px;
    float: left
}
span.list-counter {
    background-color: #C7CBD0;
    font-size: 12px;
    padding: 5px;
    color: #fff;
    margin-right: 25px;
    margin-left: 10px
}
.onoffswitch {
    position: relative;
    width: 70px
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    -moz-border-radius: 2px;
    border-radius: 2px
}
.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin .3s ease-in 0s
}
.onoffswitch-inner:after,
.onoffswitch-inner:before {
    display: block;
    float: left;
    width: 50%;
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 13px;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #8BCF57;
    color: #FFF
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 10px;
    background-color: #EEE;
    color: #999;
    text-align: right
}
.onoffswitch-switch {
    display: block;
    width: 15px;
    height: 15px;
    margin: 7.5px;
    background: #FFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 36px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    transition: all .3s ease-in 0s
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
    margin-left: 0
}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
    right: 0
}
.bootstrap-switch {
    border-color: #dde1e6!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important
}
.chat-list ul {
    padding: 0
}
.chat-list li a {
    display: block;
    overflow: hidden;
    padding-top: 8px;
    padding-bottom: 8px
}
.chat-list ul li {
    position: relative
}
.chat-list ul li a .avatar-small {
    margin-right: 15px
}
.chat-list ul li a h5 {
    font-weight: 400;
    color: #646e7c
}
li.list-seperator {
    margin-top: 25px;
    margin-bottom: 10px
}
.chat-list li a:hover {
    background-color: rgba(0, 0, 0, .05)
}
.status {
    width: 14px;
    position: absolute;
    z-index: 2;
    height: 14px;
    -moz-border-radius: 100%;
    border-radius: 100%;
    bottom: 4px;
    left: 30px;
    background-color: #dde1e6;
    border: 4px solid #fff
}
.cb-head,
.cb-messages {
    border-bottom: 1px solid #dde1e6
}
.status.online {
    background-color: #94c848
}
.status.busy {
    background-color: #c83b2b
}
.status.away {
    background-color: #f6c900
}
.chat-box-container {
    position: fixed;
    bottom: 0;
    z-index: 999999;
    height: 300px;
    right: 350px
}
.chat-box.cb-minimized {
    margin-top: 250px
}
.chat-box {
    border: 1px solid #dde1e6;
    height: 300px;
    width: 300px;
    background: #fff;
    float: right;
    margin-right: 20px
}
.cb-head {
    height: 50px;
    padding-left: 10px;
    padding-right: 10px
}
.cb-time {
    opacity: .5
}
.cb-head h5 {
    float: left;
    padding-top: 5px
}
.cb-head a {
    float: right;
    margin-top: 13px;
    margin-left: 10px;
    opacity: .5
}
.cb-head a:hover {
    opacity: 1
}
.cb-head a i {
    font-size: 20px
}
.cb-messages {
    background: #fff;
    padding: 10px;
    overflow: hidden;
    height: 200px;
    overflow-y: scroll
}
.cb-bubble {
    overflow: hidden
}
.cb-bubble p {
    -moz-border-radius: 2px;
    border-radius: 2px;
    padding: 8px;
    border: 1px solid #dde1e6
}
.cb-bubble span {
    display: block;
    font-size: 11px;
    margin-bottom: 5px
}
.cb-bubble.cb-sent p {
    float: right;
    background: #FFF5F8;
    border: 1px solid #FFE1EA
}
.cb-bubble.cb-sent span {
    text-align: right
}
.cb-bubble.cb-received p {
    float: left;
    background-color: #F8F8F8
}
.cb-bubble.cb-received span {
    text-align: left
}
.cb-input {
    height: 50px;
    position: relative
}
.cb-input textarea {
    width: 100%;
    height: 100%;
    border: none;
    padding: 15px 80px 10px 10px;
    outline: 0;
    font-size: 13px
}
.cb-attachment {
    position: absolute;
    right: 10px;
    top: 15px
}
.cb-attachment a {
    opacity: .5;
    float: right;
    margin-right: 10px
}
.cb-attachment a:hover {
    opacity: 1
}
.cb-attachment a i {
    font-size: 18px
}
ul.list-icon>li {
    clear: both;
    margin-bottom: 10px
}
ul.list-icon>li i {
    float: left;
    margin-right: 10px;
    font-size: 20px;
    color: #9AA1AB
}
.list-icon.bordered-list li {
    margin-bottom: 0
}
ul.post-settings>a.notification_dropdown {
    border-bottom: 2px solid #dde1e6
}
ul.post-settings .dropdown {
    float: right
}
ul.post-settings a.notification_dropdown {
    text-transform: uppercase;
    font-size: 13px;
    color: #A2A2A2
}
.list-checkbox li {
    margin-bottom: 5px
}
ul.option-list {
    padding: 0
}
ul.option-list .list-seperator {
    opacity: .7
}
.option-list li.ol-item {
    display: block;
    width: 100%;
    overflow: hidden;
    padding-top: 12px;
    padding-bottom: 12px
}
.option-list li.ol-item span {
    float: left
}
.option-list li.ol-item .ol-option {
    float: right
}
ul.list-sub {
    padding: 5px;
    margin-left: 20px
}
.bordered-list li {
    border-bottom: 1px solid #e3e3e3;
    padding: 10px 0
}
body.dragging,
body.dragging * {
    cursor: move!important
}
.dragged {
    position: absolute;
    opacity: .5;
    z-index: 2000
}
ol.example li.placeholder {
    position: relative
}
.input-icon>i,
.login-form-main,
ol.example li.placeholder:before {
    position: absolute
}
.sortable-menus li {
    margin-bottom: 10px
}
.sortable-menus .sm-head {
    border: 1px solid #dde1e6;
    width: 500px;
    height: 50px;
    display: block;
    background-color: #F3F3F3;
    cursor: move
}
.sortable-menus .sl-title {
    float: left;
    padding: 13px
}
.sortable-menus .sl-controls {
    float: right;
    padding: 13px
}
.sortable-menus .sl-content {
    padding: 13px;
    border: 1px solid #e3e3e3;
    margin-top: -1px;
    width: 500px
}
.sortable-menus .sortable-child li {
    padding: 10px 0 10px 50px
}
.sortable-closed>.sl-content {
    display: none
}
.sortable-child li {
    margin-bottom: 0;
    padding-bottom: 0!important
}
.list-group-item:first-child {
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0
}
.list-group-item:last-child {
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
    background-color: #fc6291;
    border-color: #fc6291
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:focus .list-group-item-text,
.list-group-item.active:hover .list-group-item-text {
    color: #FFF
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #474A4E;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 10px;
    font-size: 16px
}
.list-group-item-text {
    font-size: 13px
}
.form-control {
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    border: 1px solid #DFE2E5;
    background: #fff;
    height: 40px
}
.input-group-addon {
    border-color: #DFE2E5
}
span.help-block {
    font-style: italic;
    color: #A5A5A5;
    margin-bottom: 5px
}
.form-inline .form-group {
    padding-right: 15px
}
.stylish-input-group .input-group-addon {
    background: #fff!important
}
.stylish-input-group .form-control {
    border-right: 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0
}
.stylish-input-group button {
    border: 0;
    background: 0 0
}
.form-control:focus {
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background-color: #f2f2f2;
    border: 1px solid #DFE2E5
}
select.form-control:focus {
    background-color: #fff
}
.form-horizontal .control-label {
    text-align: left;
    font-weight: 300
}
.form-actions {
    margin-top: 30px
}
.form-group,
.login-checkbox {
    margin-bottom: 20px
}
.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label {
    color: #6FC370
}
.has-success .form-control {
    border-color: #6FC370
}
.has-warning .checkbox,
.has-warning .checkbox-inline,
.has-warning .control-label,
.has-warning .help-block,
.has-warning .radio,
.has-warning .radio-inline,
.has-warning.checkbox label,
.has-warning.checkbox-inline label,
.has-warning.radio label,
.has-warning.radio-inline label {
    color: #CCA767
}
.has-warning .form-control {
    border-color: #CCA767
}
.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label {
    color: #E8716E
}
.has-error .form-control {
    border-color: #E8716E
}
.has-error .form-control:focus,
.has-success .form-control:focus,
.has-warning .form-control:focus {
    border-color: #DFE2E5!important
}
label {
    font-weight: 300
}
label.um-label {
    padding-left: 5px
}
.input-icon>i {
    padding: 10px;
    display: block;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
    color: #e3e3e3
}
.um-input-icon>.form-control {
    padding-left: 33px
}
.bootstrap-switch,
.bootstrap-switch .bootstrap-switch-handle-on,
.input-sm {
    -moz-border-radius: 0;
    border-radius: 0
}
.login-page {
    background: #eaedf0
}
.login-head {
    width: 450px;
    padding-bottom: 30px;
    padding-top: 30px
}
.login-form-main {
    width: 360px;
    z-index: 999;
    top: 170px;
    left: 50%;
    margin-left: -180px
}
.login-links ul li {
    float: left;
    padding-right: 20px;
    padding-top: 10px
}
.login-links ul li i {
    float: left;
    margin-right: 10px;
    font-size: 20px
}
.login-links ul li a {
    padding-bottom: 3px
}
.login-links ul li a:hover {
    border-bottom: 2px solid #dde1e6
}
.login-logo {
    padding-bottom: 20px
}
.login-logo img {
    height: 60px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    background-color: #fc6291
}
.nav-pills>li>a {
    -moz-border-radius: 0;
    border-radius: 0
}
input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}
input[type=checkbox].css-checkbox+label.css-label {
    padding-left: 29px;
    height: 18px;
    display: inline-block;
    line-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer
}
input[type=checkbox].css-checkbox:checked+label.css-label {
    background-position: 0 -18px
}
label.css-label {
    background-image: url(../img/checkbox.png);
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    user-select: none
}
.ui-widget-header {
    border: none;
    background: #1C94C4
}
.cke_bottom,
.cke_top {
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    background-color: #EAEDF0!important;
    background-image: none!important
}
.stat-box a {
    background: #646e7c;
    width: 100%;
    height: 100px;
    display: block;
    color: #fff;
    overflow: hidden;
    padding: 15px;
    transition: background .5s
}
.stat-box i {
    float: left;
    font-size: 35px;
    padding-top: 5px;
    padding-bottom: 15px;
    padding-right: 15px
}
.stat-details {
    float: left
}
.stat-details h2 {
    margin-top: 5px;
    font-weight: 300
}
.stat-box.sky-blue a {
    background: #69c4ee
}
.stat-box.sky-blue a:hover {
    background: #52ADD6
}
.stat-box.wisteria a {
    background: #8769B0
}
.stat-box.wisteria a:hover {
    background: #7751b0
}
.stat-box.brink-pink a {
    background: #fc6291
}
.stat-box.brink-pink a:hover {
    background: #E74E9A
}
.stat-box.casablanca a {
    background: #fbaf5d
}
.stat-box.casablanca a:hover {
    background: #fb8d52
}
.stat-box.green a {
    background: #86CA8D
}
.stat-box.green a:hover {
    background: #6cbc8c
}
.tasks .element-body {
    height: 360px;
    overflow-y: scroll
}
.add-task input {
    width: 100%;
    background-color: #F4F6F6;
    border: none;
    padding: 15px 15px 15px 45px;
    height: 50px
}
.add-task input:focus {
    background-color: #EAECEC
}
.task-list ul {
    list-style: none;
    padding: 0
}
.task-list ul li {
    border: 1px solid #E8ECF1;
    background-color: #fff;
    padding: 10px;
    margin-top: 5px
}
.task-list ul li input {
    margin-right: 10px
}
.add-task {
    position: relative
}
.add-task a.add-voice-task {
    position: absolute;
    top: 12px;
    left: 10px;
    color: #9AA1AB;
    opacity: .5
}
.add-task a.add-voice-task:hover {
    opacity: 1
}
.weather-widget .element-body {
    padding: 0;
    position: relative
}
.weather-widget ul {
    margin-bottom: 0
}
.w-locations li {
    height: 200px;
    color: #fff;
    padding: 20px;
    position: relative;
    display: none
}
.w-locations li:first-child {
    display: block
}
.w-locations li i {
    font-size: 55px;
    display: block;
    margin-bottom: 30px
}
span.temperature {
    font-size: 38px;
    font-weight: 300;
    display: block
}
.activity-details,
.activity-icon,
.w-bullets ul li a {
    display: inline-block
}
.w-bullets {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 2
}
.w-bullets ul li {
    opacity: .5
}
.w-bullets ul li.active_w_bullet {
    opacity: 1
}
.w-bullets ul li a {
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    -moz-border-radius: 50%;
    border-radius: 50%
}
.sunny_bg {
    background: #fbaf5d
}
.cloudy_bg {
    background-color: #3fb9cc
}
.snowy_bg {
    background-color: #7751b0
}
.thunder_bg {
    background-color: #FC6291
}
.activity-list {
    height: 390px;
    overflow-y: scroll
}
.ce-buttons,
.map,
.media-modal .modal-body,
.su-author,
.td-option,
ul.media-list {
    overflow: hidden
}
.activity-icon {
    width: 54px;
    height: 54px;
    background-color: #e3e3e3;
    -moz-border-radius: 50%;
    border-radius: 50%;
    padding: 15px;
    margin-right: 20px
}
.activity-time {
    opacity: .5;
    font-size: 12px
}
.activity-list li a {
    display: block
}
.activity-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #dde1e6
}
table.weekly-stats-list {
    width: 100%;
    border-top: 2px solid rgba(255, 255, 255, .4);
    line-height: 40px
}
table.weekly-stats-list tr {
    border-bottom: 2px solid rgba(255, 255, 255, .1)
}
table.weekly-stats-list tr:last-child {
    border-bottom: none
}
table.weekly-stats-list tr td:nth-child(2),
table.weekly-stats-list tr td:nth-child(3) {
    text-align: right
}
.mapTooltip {
    position: fixed;
    background-color: #fff;
    moz-opacity: .8;
    opacity: .8;
    filter: alpha(opacity=80);
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 10px;
    z-index: 1000;
    display: none;
    color: #232323
}
.cityFrance {
    background-color: #343434;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width: 400px
}
.knobContainer {
    text-align: center;
    margin: 10px
}
.knobContainer canvas {
    cursor: pointer
}
.rightPanel {
    float: right;
    width: 223px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 5px
}
.map {
    margin-right: 228px;
    position: relative;
    background-color: #fff;
    -moz-border-radius: 5px;
    border-radius: 5px
}
.zoomIn,
.zoomOut {
    background-color: #9AA1AB;
    color: #fff;
    width: 16px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    -moz-border-radius: 0;
    border-radius: 0;
    cursor: pointer;
    position: absolute;
    top: 10px;
    font-weight: 700;
    left: 10px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.zoomOut {
    top: 35px
}
.rightPanel tspan[style] {
    fill: #646e7c
}
.global-map .map tspan[style] {
    font-size: 13px;
    font-weight: 500;
    fill: #8794a7;
    text-transform: uppercase
}
.um-button {
    display: inline-block;
    padding: 10px 15px;
    color: #FFF;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    border-style: solid;
    border-width: 2px;
    transition: color .2s ease
}
.mp-main h5,
.news-details h2.news-title,
.user-info h2,
.user-info h3 {
    font-weight: 300
}
.um-button:focus {
    color: #fff
}
.um-button:hover {
    background: 0 0
}
.um-button i {
    font-size: 16px;
    float: left;
    color: #fff
}
.um-button.button-sm {
    padding: 8px 14px;
    font-size: 11px
}
.plain-icon-text i {
    margin-right: 10px
}
.rounded-btn1 {
    -moz-border-radius: 20px;
    border-radius: 20px
}
.rounded-btn2 {
    -moz-border-radius: 3px;
    border-radius: 3px
}
.button-icon-right i {
    margin-left: 15px;
    float: right;
    color: #fff
}
.button-icon-left i {
    margin-right: 15px;
    float: left;
    color: #fff
}
.pink-button {
    background-color: #FC6291;
    border: 2px solid #FC6291
}
.pink-button:hover,
.pink-button:hover i {
    color: #FC6291
}
.orange-button {
    background-color: #fca952;
    border: 2px solid #fca952
}
.orange-button:hover,
.orange-button:hover i {
    color: #fca952
}
.blue-button {
    background-color: #69c4ee;
    border: 2px solid #69c4ee
}
.blue-button:hover,
.blue-button:hover i {
    color: #69c4ee
}
.wisteria-button {
    background-color: #7751b0;
    border: 2px solid #7751b0
}
.wisteria-button:hover,
.wisteria-button:hover i {
    color: #7751b0
}
.green-button {
    background-color: #6ECEA5;
    border: 2px solid #6ECEA5
}
.green-button:hover,
.green-button:hover i {
    color: #6ECEA5
}
.red-button {
    background-color: #fc5648;
    border: 2px solid #fc5648
}
.red-button:hover,
.red-button:hover i {
    color: #fc5648
}
.white-button {
    background-color: #fff;
    border: 1px solid #e3e3e3;
    color: #898B8E;
    padding: 11px 15px
}
.white-button:hover {
    color: #333;
    background: #f3f3f3
}
.white-button:focus {
    color: #333
}
.outline-button i,
.outline-button:focus,
.white-button i,
.white-button:hover i {
    color: #9AA1AB
}
.outline-button {
    border: 2px solid #9AA1AB;
    color: #9AA1AB;
    opacity: .5;
    background: 0 0
}
.outline-button:hover {
    opacity: 1
}
.outline-white-button {
    border: 2px solid #fff;
    color: #fff;
    opacity: .5;
    background: 0 0
}
.outline-white-button:hover {
    opacity: 1
}
.outline-white-button i {
    color: #fff
}
.fw-btn {
    width: 100%
}
.um-button.button-sm.button-icon-only {
    padding: 8px 10px
}
.post-upload-buttons {
    margin-bottom: 30px
}
.social-icon {
    width: 70px;
    padding: 10px 25px 10px 23px
}
.social-icon i {
    font-size: 20px
}
.dribbble {
    background: #ea4c89;
    border-color: #ea4c89
}
.dribbble:hover i {
    color: #ea4c89
}
.facebook {
    background: #3b5998;
    border-color: #3b5998
}
.facebook:hover i {
    color: #3b5998
}
.twitter {
    background: #00aced;
    border-color: #00aced
}
.twitter:hover i {
    color: #00aced
}
.google-plus {
    background: #dd4b39;
    border-color: #dd4b39
}
.google-plus:hover i {
    color: #dd4b39
}
.youtube {
    background: #b00;
    border-color: #b00
}
.youtube:hover i {
    color: #b00
}
.linkedin {
    background: #007bb6;
    border-color: #007bb6
}
.linkedin:hover i {
    color: #007bb6
}
.instagram {
    background: #517fa4;
    border-color: #517fa4
}
.instagram:hover i {
    color: #517fa4
}
.pinterest {
    background: #cb2027;
    border-color: #cb2027
}
.pinterest:hover i {
    color: #cb2027
}
.flickr {
    background: #ff0084;
    border-color: #ff0084
}
.flickr:hover i {
    color: #ff0084
}
.stack-overflow {
    background: #75845c;
    border-color: #75845c
}
.stack-overflow:hover i {
    color: #75845c
}
.dropbox {
    background: #1081de;
    border-color: #1081de
}
.dropbox:hover i {
    color: #1081de
}
.skype {
    background: #01aef2;
    border-color: #01aef2
}
.skype:hover i {
    color: #01aef2
}
.tumblr {
    background: #3d5a70;
    border-color: #3d5a70
}
.tumblr:hover i {
    color: #3d5a70
}
.vk {
    background: #45668e;
    border-color: #45668e
}
.vk:hover i {
    color: #45668e
}
.behance {
    background: #107eed;
    border-color: #107eed
}
.behance:hover i {
    color: #107eed
}
.deviantart {
    background: #4c5e51;
    border-color: #4c5e51
}
.deviantart:hover i {
    color: #4c5e51
}
.drupal {
    background: #0077C0;
    border-color: #0077C0
}
.drupal:hover i {
    color: #0077C0
}
.jsfiddle {
    background: #4679BD;
    border-color: #4679BD
}
.jsfiddle:hover i {
    color: #4679BD
}
.reddit {
    background: #CEE3F8;
    border-color: #CEE3F8
}
.reddit:hover i {
    color: #CEE3F8
}
.digg {
    background: #000;
    border-color: #000
}
.digg:hover i {
    color: #000
}
.vimeo {
    background: #aad450;
    border-color: #aad450
}
.vimeo:hover i {
    color: #aad450
}
.github {
    background: #3a3a3a;
    border-color: #3a3a3a
}
.github:hover i {
    color: #3a3a3a
}
.apple {
    background: #000;
    border-color: #000
}
.apple:hover i {
    color: #000
}
.steam {
    background: #494E48;
    border-color: #494E48
}
.steam:hover i {
    color: #494E48
}
.wordpress {
    background: #22769B;
    border-color: #22769B
}
.wordpress:hover i {
    color: #22769B
}
.yahoo {
    background: #3F028E;
    border-color: #3F028E
}
.yahoo:hover i {
    color: #3F028E
}
.delicious {
    background: #4485D5;
    border-color: #4485D5
}
.delicious:hover i {
    color: #4485D5
}
.spotify {
    background: #75BF42;
    border-color: #75BF42
}
.spotify:hover i {
    color: #75BF42
}
.soundcloud {
    background: #FF4701;
    border-color: #FF4701
}
.soundcloud:hover i {
    color: #FF4701
}
.publish-footer button {
    margin-bottom: 4px
}
.user-cover {
    position: relative;
    height: 300px;
    width: 100%;
    background-image: url(../img/demo-images/cover.jpg);
    -moz-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat
}
.user-header {
    position: absolute;
    bottom: 40px;
    left: 40px
}
.news-slider li,
.news-slider-container {
    position: relative
}
.user-header .avatar-big {
    float: left
}
.user-info {
    float: left;
    color: #fff;
    margin-left: 20px
}
.user-info h3 {
    font-size: 18px;
    margin-top: 10px;
    opacity: .7
}
.user-details {
    background: #fff;
    padding: 20px;
    margin-top: 15px;
    border: 1px solid #DFE2E5
}
.user-details ul {
    margin-bottom: 0
}
.user-details ul li a:hover {
    border-bottom: 2px solid #fc6291
}
.user-details ul li {
    padding-bottom: 14px
}
.user-details ul li:last-child {
    padding-bottom: 0
}
.user-details>ul>li>i {
    color: #9AA1AB;
    font-size: 17px;
    float: left;
    margin-right: 10px
}
.status-updates {
    margin-top: 15px;
    padding-right: 0
}
.add-status textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #DFE2E5;
    background: #fff;
    margin-bottom: -6px
}
.add-status-buttons {
    height: 60px;
    background-color: rgba(255, 255, 255, .5);
    padding: 10px 15px;
    border: 1px solid #DFE2E5
}
ul.add-media {
    float: left;
    margin-top: 10px
}
ul.add-media li {
    display: inline;
    margin-right: 10px
}
.su-author .avatar-small,
.su-buttons ul li {
    margin-right: 15px
}
ul.add-media li a i {
    font-size: 18px
}
ul.add-media li a {
    opacity: .6
}
ul.add-media li a:hover {
    opacity: 1
}
.add-status-buttons button.um-button {
    float: right
}
.status-update {
    background: #fff;
    margin-top: 15px;
    border: 1px solid #DFE2E5
}
.su-media img {
    width: 100%;
    height: auto
}
.su-top {
    padding: 15px
}
.su-author p {
    font-size: 12px;
    opacity: .7
}
.su-author h5 {
    margin-top: 2px;
    margin-bottom: 5px
}
.su-text {
    padding: 0 15px 10px
}
.su-buttons,
.su-comments {
    padding: 15px
}
.su-comments {
    background: #F5F5F5;
    border-top: 1px solid #dde1e6
}
.su-buttons ul li {
    display: inline
}
.su-buttons ul li a:hover {
    color: #fc6291
}
.su-buttons ul li i {
    margin-right: 5px
}
.su-reply .su-author a h5 {
    float: left;
    margin-top: 0;
    margin-right: 5px
}
.su-reply .su-author .avatar-small {
    width: 32px;
    height: 32px
}
.su-reply {
    border-bottom: 1px solid #e3e3e3;
    padding: 10px
}
.add-reply {
    margin-top: 20px
}
.add-reply textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #DFE2E5;
    background: #fff
}
.mp-main {
    text-align: center;
    border-bottom: 1px solid #dde1e6;
    margin-bottom: 20px;
    padding-bottom: 10px
}
.mp-main h4 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 10px
}
.mp-main h5 {
    font-size: 14px;
    font-style: italic
}
.mp-main .avatar-big {
    margin: auto
}
.news-slider li {
    height: 484px;
    width: 100%;
    background-color: #000;
    -moz-background-size: cover;
    background-size: cover
}
.news-slider {
    margin-bottom: 0
}
.news-slider li:first-child {
    background: url(http://www.creativedigest.co.uk/wp-content/uploads/2014/01/creative-agency-jobs.jpg)
}
.news-slider li:nth-child(2) {
    background: url(http://designbump.com/wp-content/uploads/2013/07/city-landscape-photography-inspiration-010.jpg)
}
.news-details {
    position: absolute;
    bottom: 50px;
    left: 50px;
    padding-right: 50px;
    color: #fff;
    z-index: 2
}
.news-details h4.news-category {
    font-size: 11px;
    text-transform: uppercase;
    background: #69c4ee;
    font-weight: 600;
    display: inline-block;
    padding: 7px;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 0
}
.news-slider li a:hover .img_overlay {
    opacity: .7
}
.img_overlay {
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    z-index: 1;
    transition: opacity .2s ease-in-out;
    opacity: .6;
    background: #85625e;
    background: -moz-linear-gradient(top, #85625e 0, #324d62 100%);
    background: linear-gradient(to bottom, #85625e 0, #324d62 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#85625e', endColorstr='#324d62', GradientType=0)
}
.n-bullets {
    position: absolute;
    right: 30px;
    top: 20px;
    z-index: 2
}
.n-bullets ul li {
    opacity: .5
}
.n-bullets ul li.active_n_bullet {
    opacity: 1
}
.n-bullets ul li a {
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: inline-block
}
ul.news-slider li {
    display: none
}
ul.news-slider li:first-child {
    display: block
}
.compose-button a {
    width: 100%
}
.email-nav {
    margin-top: 30px
}
.email-nav ul {
    padding: 0
}
.email-nav ul li a {
    display: block;
    padding: 12px
}
.email-nav ul li.active-e a {
    background-color: rgba(0, 0, 0, .05)
}
.email-nav ul li:hover a {
    background-color: rgba(255, 255, 255, .3)
}
.email-nav ul li a span.details {
    display: inline
}
.email-nav ul li a span.list-counter {
    float: right;
    margin-right: 0
}
.email-nav ul li a i {
    font-size: 20px;
    margin-right: 8px;
    float: left
}
.el-top {
    height: 40px;
    margin-bottom: 32px
}
#email-editor,
.reply-email {
    height: 250px
}
.email-filters {
    float: left
}
.email-filters>li {
    float: left;
    margin-right: 5px
}
.arrow-navigation>li {
    float: left;
    margin-left: 5px
}
.email-navigation {
    float: right
}
.email-list table {
    width: 100%;
    table-layout: fixed
}
.email-list tr {
    background: #fff;
    border: 1px solid #dde1e6
}
.email-list tr td {
    padding: 10px;
    white-space: nowrap;
    overflow: hidden
}
.email-list tr td.e-checkbox,
.email-list tr td.e-favorite {
    width: 40px;
    display: inline-block
}
.email-list tr td.e-author {
    width: 200px;
    display: inline-block
}
.email-list tr td.e-mail {
    width: 400px;
    display: inline-block
}
.email-list tr td.e-date {
    width: 100px;
    display: inline-block;
    float: right;
    text-align: right
}
span.pagination-info {
    margin-top: 10px;
    display: block;
    margin-right: 10px
}
.email-list tr.e-unread {
    font-weight: 500;
    background: #fff
}
.email-list tr.e-read {
    opacity: .9;
    background: rgba(255, 255, 255, .3)
}
.email-list tr.e-selected {
    background: #ffc
}
#email-editor,
.ql-snow.ql-toolbar,
.reply-email,
.single-email .se-message {
    background: #fff
}
.e-favorited .e-favorite i {
    color: #F79753
}
.ce-buttons {
    width: 100%;
    margin-top: 10px
}
.ce-buttons ul li {
    margin-right: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: inline-block
}
.ce-content {
    width: 100%;
    margin-top: 18px
}
.ce-content input,
.ce-content textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #DFE2E5;
    background: #fff
}
.ql-snow.ql-toolbar .ql-picker .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker .ql-picker-options .ql-picker-item.ql-selected,
.ql-snow.ql-toolbar .ql-picker .ql-picker-options .ql-picker-item:hover {
    color: #fc6291
}
.ce-top h2 {
    font-weight: 200;
    margin-top: 0;
    margin-bottom: 40px
}
a.se-title {
    font-size: 22px;
    font-weight: 200
}
ul.se-list {
    margin-bottom: 0;
    padding-top: 10px
}
ul.se-list li {
    padding-bottom: 10px;
    display: inline-block;
    color: #9DA5B1;
    padding-right: 30px
}
.se-list li i {
    float: left;
    font-size: 20px;
    color: #C7CBD0;
    padding-right: 5px
}
.message-attachments,
.message-body,
.message-head {
    padding: 20px
}
.reply-email {
    margin-top: 30px;
    display: none
}
.grand-total,
.upload-area {
    margin-top: 20px
}
.rich-editor {
    border: 1px solid #DFE2E5
}
.message-head,
.seperator-double {
    border-bottom: 1px solid #dde1e6
}
.se-message .ce-buttons {
    padding-left: 20px
}
.message-attachments ul {
    background-color: #F9F9F9;
    display: block;
    padding: 10px
}
.message-attachments ul li {
    display: block;
    clear: both;
    margin-bottom: 10px;
    font-size: 13px
}
.td-option,
.um-page-table {
    margin-bottom: 0
}
.message-attachments ul li a i {
    color: #CFD4D8;
    float: left;
    margin-right: 10px;
    font-size: 18px
}
.message-attachments ul li a:hover,
.um-page-table a:hover {
    color: #fc6291
}
.seperator-line {
    border-top: 1px solid #dde1e6
}
.seperator-dotted {
    border-top: 2px dotted #dde1e6
}
.seperator-double {
    border-top: 1px solid #dde1e6;
    height: 3px
}
.um-page-table a {
    font-weight: 500
}
ul.td-option li {
    padding: 10px 20px 0 0
}
ul.td-option li i {
    margin-right: 5px
}
ul.td-option li a {
    font-weight: 400
}
.td-option li {
    float: left
}
td.um-table-checkbox {
    width: 25px
}
.table>thead>tr>th {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px
}
.middle-align.table>tbody>tr>td,
.middle-align.table>tbody>tr>th,
.middle-align.table>tfoot>tr>td,
.middle-align.table>tfoot>tr>th,
.middle-align.table>thead>tr>td,
.middle-align.table>thead>tr>th {
    vertical-align: middle
}
.table td.rightcell,
table th.rightcell {
    text-align: right
}
.pricing-table,
.upload-area {
    text-align: center
}
.pricing-table .element-body:hover {
    -moz-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 2px 3px 1px rgba(0, 0, 0, .05)
}
.pricing-table.featured-package .element-body {
    background: #69c4ee;
    color: #fff
}
.package-name h4 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px
}
.package-price h1 {
    font-size: 50px
}
.package-price span {
    font-size: 14px;
    font-weight: 300;
    font-style: italic
}
.package-list ul {
    margin-top: 20px;
    margin-bottom: 20px
}
.package-list ul li {
    border-bottom: 1px dotted #e3e3e3;
    padding: 7px
}
.package-list ul li:first-child {
    border-top: 1px dotted #e3e3e3
}
.pricing-table.featured-package .package-list ul li {
    border-color: rgba(255, 255, 255, .5)
}
.package-button button {
    width: 100%
}
.um-page-table tr:hover .td-option {
    opacity: 1
}
.td-option {
    opacity: 0
}
.note-date,
.upload-area .p-info {
    opacity: .5
}
.table-product-image {
    width: 64px
}
#dynatable-query-search-dynatable {
    border: 1px solid #DFE2E5;
    background: #fff;
    height: 40px;
    padding: 6px 12px
}
th a {
    color: #646e7c!important
}
.fc-state-default {
    background: 0 0;
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    border-radius: 0;
    border-color: #dde1e6;
    color: #646E7C
}
.fc-center h2 {
    font-size: 14px;
    text-transform: uppercase
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:hover {
    background-color: #EAEDF0
}
.fc-event {
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 7px;
    border: none;
    background-color: #CECECE;
    font-weight: 400
}
.fc td,
.fc th,
.upload-area h3 {
    font-weight: 300
}
.fc button .fc-icon {
    color: #9AA1AB
}
.fc-state-default.fc-corner-right {
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}
.fc-state-default.fc-corner-left {
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}
.sales-list li i {
    font-size: 22px
}
.sales-list li {
    border: 1px solid #e3e3e3;
    padding: 20px;
    margin-bottom: -1px
}
.media-list .file-info,
.upload-area {
    padding: 15px
}
.sales-list li.highlight-sl {
    background-color: #6ECEA5;
    border-color: #6ECEA5;
    color: #fff
}
.sales-list li a i {
    float: left;
    margin-right: 10px
}
.highlight-sl .sl-value {
    font-size: 30px;
    display: block
}
.highlight-sl a {
    color: #fff
}
.media-thumb img {
    width: 100%;
    height: auto
}
.upload-area {
    border: 2px dashed #dde1e6
}
.media-uploading div.la-line-scale {
    margin: 40% auto auto
}
.uploading-error {
    display: none
}
.upload-failed .uploading-error {
    display: block
}
.upload-failed .la-line-scale {
    display: none
}
.upload-area button {
    margin-top: 10px;
    margin-bottom: 10px
}
ul.media-list li {
    float: left;
    width: 200px;
    height: 200px;
    background-color: #f0f0f0;
    margin: 10px
}
ul.media-list li a {
    display: block;
    width: 100%;
    height: 100%
}
ul.media-list li a:focus {
    border: 3px solid #e3e3e3
}
.media-list .file-info .file-name {
    margin-top: 10px;
    display: block
}
.media-list li a i {
    font-size: 40px;
    display: block;
    color: #D0D3D6
}
.media-image a {
    background: url(https://d13yacurqjgara.cloudfront.net/users/884536/screenshots/2216178/spitz_1x.jpg) center center no-repeat;
    -moz-background-size: cover;
    background-size: cover
}
.media-uploading .progress {
    margin-top: 90px;
    margin-left: 15px;
    margin-right: 15px
}
.modal-content {
    -moz-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none
}
.media-modal .modal-dialog {
    width: 70%
}
.um-modal-image img {
    width: 100%;
    height: auto
}
.modal-title {
    font-size: 16px
}
ul.attachment-details {
    background-color: #F1EFEB;
    padding: 15px
}
.templates,
.upload-forms {
    display: none
}
ul.prm-menu li a {
    color: #fff;
    display: block;
    padding: 10px
}
ul.prm-menu li a i {
    color: #fff
}
ul.prm-menu li a:hover {
    background: rgba(255, 255, 255, .1)
}
ul.prm-menu li {
    margin-bottom: 5px
}
ul.prm-menu li.active-prm a {
    background: rgba(0, 0, 0, .1)
}
.single-project-description h2 {
    margin-top: 0;
    font-weight: 300
}
ul.prm-tabs {
    display: table-row;
    table-layout: fixed;
    width: 100%
}
.fl-uploading {
    border: none!important
}
.fl-uploading .loading-css {
    margin: auto
}
.fl-uploading .alert {
    display: none
}
.fl-uploading.error-al .alert {
    display: block;
    margin-bottom: 0
}
.fl-uploading.error-al .loading-css {
    display: none
}
ul.prm-tabs li {
    border-left: 1px solid #dde1e6;
    display: table-cell;
    width: 1%;
    position: relative;
    margin-bottom: 0
}
ul.prm-tabs li a {
    width: 100%;
    display: block;
    padding: 10px
}
ul.prm-tabs li.active-prm {
    border-bottom: 2px solid #69C4EE
}
ul.prm-tabs li:hover {
    background: #f2f2f2
}
.file-list {
    margin-top: 20px
}
.file-list li {
    border: 1px solid #dde1e6;
    margin-bottom: 0;
    background: #fff
}
.file-list li a {
    display: block;
    padding: 15px
}
.file-list li:hover {
    background: #f2f2f2
}
.note-modal .modal-content,
.notes .element-body,
.notes .element-footer,
.notes .element-head {
    background: #fff
}
ul.notes-list {
    padding-top: 20px
}
ul.notes-list li {
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    margin-bottom: 0
}
ul.notes-list li a {
    padding: 15px;
    display: block
}
.note-date {
    float: right
}
ul.notes-list li a:hover {
    background: rgba(0, 0, 0, .05)
}
.notes-list li a i {
    font-size: 18px;
    opacity: .5
}
.note-content {
    background-image: -moz-linear-gradient(#f6abca 1px, transparent 1px), -moz-linear-gradient(#f6abca 1px, transparent 1px), -moz-linear-gradient(#e8e8e8 1px, transparent 1px);
    background-image: linear-gradient(#f6abca 1px, transparent 1px), linear-gradient(#f6abca 1px, transparent 1px), linear-gradient(#e8e8e8 1px, transparent 1px);
    -moz-background-size: 1px 1px, 1px 1px, 30px 35px;
    background-size: 1px 1px, 1px 1px, 30px 35px;
    background-repeat: repeat-y, repeat-y, repeat;
    background-position: 22px 0, 24px 0, 0 50px;
    line-height: 35px;
    padding: 15px 15px 15px 56px
}
.note-content textarea {
    background: 0 0;
    border: none;
    width: 100%
}
.weight-light {
    font-weight: 200
}
.weight-regular {
    font-weight: 400
}
.weight-bold {
    font-weight: 600
}
.charts canvas {
    width: 100%
}
ul.charts-js-legend {
    display: table;
    margin: auto
}
ul.charts-js-legend li {
    text-align: center;
    display: inline-block;
    padding: 10px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500
}
.charts-js-legend li span {
    display: block;
    width: 25px;
    height: 25px;
    margin: auto auto 10px
}
.easy-pie-chart,
.label,
.percentage {
    color: #333;
    font-weight: 100;
    font-size: 1.2em;
    margin-bottom: .3em;
    text-align: center
}
.morris-hover {
    z-index: 8!important
}
.easyPieChart {
    position: relative;
    text-align: center
}
.easy-pie-chart canvas,
.easyPieChart canvas {
    position: absolute;
    top: 0;
    left: 0
}
.chart-js-holder svg text {
    font-family: Roboto, sans-serif!important
}
.users-list>li {
    width: 100%;
    display: inline-block;
    padding-top: 3px;
    padding-bottom: 13px;
    border-bottom: 1px dotted #dde1e6
}
.users-list>li:last-child {
    border-bottom: none;
    padding-bottom: 0
}
.users-list>li .avatar-small {
    float: left;
    margin-right: 15px
}
.users-list>li .user-button {
    float: right
}
.users-list>li a.ul-name {
    float: left;
    padding-top: 10px
}
.users-tab {
    display: none
}
.users-tab:first-child {
    display: block
}
.add-friend,
.friend-request-accepted {
    display: none
}
button.remove-member {
    float: right
}
.avatar-small {
    width: 40px;
    height: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}
.avatar-big,
.avatar-medium {
    -moz-border-radius: 50%;
    overflow: hidden
}
.avatar-medium {
    width: 75px;
    height: 75px;
    border-radius: 50%
}
.avatar-big {
    width: 100px;
    height: 100px;
    border-radius: 50%
}
.error-widget {
    text-align: center
}
.error-number {
    width: 200px;
    height: 200px;
    background: #DDE0E2;
    margin: auto;
    color: #fff;
    -moz-border-radius: 50%;
    border-radius: 50%;
    animation: error-number-animation linear 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: error-number-animation linear 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: error-number-animation linear 1s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: error-number-animation linear 1s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: error-number-animation linear 1s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%
}
.error-message {
    padding-top: 20px
}
.error-number h1 {
    padding-top: 75px
}
@keyframes error-number-animation {
    0%, 100% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    51% {
        -webkit-transform: translate(0, -9px);
        -moz-transform: translate(0, -9px);
        transform: translate(0, -9px)
    }
}
@-webkit-keyframes error-number-animation {
    0%, 100% {
        -webkit-transform: translate(0, 0)
    }
    51% {
        -webkit-transform: translate(0, -9px)
    }
}
@-ms-keyframes error-number-animation {
    0%, 100% {
        -ms-transform: translate(0, 0)
    }
    51% {
        -ms-transform: translate(0, -9px)
    }
}
a.link-highlight {
    border-bottom: 2px solid #dde1e6
}
.um_fullwidth-img,
.um_small-img {
    border: 5px solid #fff;
    outline: #e3e3e3 solid 1px;
    height: auto
}
a.fade-hover {
    opacity: 1;
    transition: opacity .3s ease
}
a.fade-hover:hover {
    opacity: .85
}
.um_fullwidth-img {
    width: 100%;
    margin-bottom: 20px
}
.um_small-img:hover {
    outline: #cdcdcd solid 1px
}
.um_extra-small-img {
    max-width: 64px;
    height: auto;
    border: 3px solid #fff;
    outline: #e3e3e3 solid 1px
}
.um_extra-small-img:hover {
    outline: #cdcdcd solid 1px
}
.nav-tabs>li>a {
    -moz-border-radius: 0;
    border-radius: 0
}
.tab-content {
    padding-top: 20px
}
.highlight {
    color: #fc6291
}
.highlight-green {
    color: #adff2f
}
.highlight-red {
    color: red
}
.nicescroll-cursors {
    background-color: #cacfd1!important
}
.nicescroll-rails {
    z-index: 99999!important
}
.modal-body canvas {
    max-width: 100%
}
.page-footer .footer {
    border-top: 2px solid #dde1e6;
    padding-top: 20px
}
.page-footer .footer .pf-left {
    float: left
}
.page-footer .footer .pf-right {
    float: right;
    text-align: right
}
.love {
    color: #ff456c;
    padding-left: 7px;
    padding-right: 7px
}
.um_container {
    padding-left: 50px;
    padding-right: 50px
}
.top-padding {
    padding-top: 30px
}
.um_margin {
    margin-top: 15px;
    margin-bottom: 15px
}
.widget-row-container .um_margin {
    margin-bottom: 30px
}
.main-container {
    position: relative;
    padding-left: 80px
}
.sidebar-open .main-container {
    padding-left: 280px
}
.text-muted {
    color: #b3b3b3
}
.prettyprint {
    border: 1px solid #ccc!important;
    padding: 10px!important
}
.alert {
    -moz-border-radius: 0;
    border-radius: 0
}
.pagination>li>a,
.pagination>li>span {
    color: #646E7C
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0
}
.um-breadcrumb ul {
    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 0
}
.um-breadcrumb ul li {
    display: inline;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500
}
.um-breadcrumb ul li a i {
    font-size: 16px;
    margin-right: 5px;
    color: #9AA1AB;
    float: left;
    margin-top: 2px
}
.um-breadcrumb ul li a {
    color: #9AA1AB
}
.um-breadcrumb ul li.active a {
    color: #fc6291
}
.um-breadcrumb ul>li+li:before {
    padding: 0 5px;
    color: #9AA1AB;
    font-family: FontAwesome;
    content: "\f105";
    font-weight: 700
}
.gallery-item {
    margin-bottom: 20px
}
.gallery-item img {
    width: 100%;
    height: auto
}
span.mark {
    padding: 3px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    color: #FFF
}
span.pending {
    background-color: #FFC94C
}
span.on-hold {
    background-color: #ff5458
}
span.closed {
    background-color: #6BA6D4
}
span.success {
    background-color: #8CB371
}
ul.vertical-menu li a:hover,
ul.vertical-menu li.active-prm a {
    background: rgba(0, 0, 0, .05)
}
ul.vertical-menu li a {
    display: block;
    padding: 10px
}
ul.vertical-menu li {
    margin-bottom: 5px
}
.custom-marker {
    position: absolute
}
.custom-marker i {
    background: #fc6291;
    color: #fff;
    float: left;
    width: 40px;
    height: 40px;
    padding-top: 7px;
    padding-left: 8px
}
.custom-marker p {
    float: left;
    background: #fff;
    padding: 10px;
    height: 40px;
    border: 1px solid #dde1e6
}
.panel-heading {
    padding: 15px 20px
}
.panel-group .panel {
    -moz-border-radius: 0;
    border-radius: 0
}
.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
    font-weight: 400;
    font-size: 16px;
    color: #646E7C
}
.panel-default>.panel-heading {
    background-color: #FFF
}
.um_tabs-content>li {
    display: none
}
.um_tabs-content>li:first-child {
    display: block
}
.demo-buttons li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px
}
.demo-buttons {
    overflow: hidden;
    margin-top: 20px
}
@media only screen and (max-width: 1200px) {
    .tb_search {
        width: 200px
    }
    .um_container {
        padding-left: 25px;
        padding-right: 25px
    }
    span.search-phrase {
        font-size: 40px
    }
    .email-list tr td.e-mail {
        width: 300px
    }
    .email-list tr td.e-author {
        width: 150px
    }
    .user-details ul li {
        padding-bottom: 14px;
        font-size: 13px
    }
    .user-details {
        padding: 15px
    }
}
@media only screen and (max-width: 1170px) {
    .um-button,
    .white-button {
        padding: 8px 15px
    }
    .submenu-arrow {
        display: none!important
    }
    .um-button {
        display: inline-block
    }
    ul.sub-menu ul.sub-menu {
        margin-left: 0
    }
    .main-container,
    .sidebar-open .main-container {
        padding-left: 0
    }
    .sidebar-open .sidebar-mini-hover {
        width: 100%
    }
    .menu-button {
        display: none
    }
    ul.sub-menu li {
        border-bottom: 1px solid #5D6065
    }
    .main-nav>li>a {
        background: #404346
    }
    ul.sub-menu {
        display: block;
        margin-top: 0;
        position: static
    }
    li.mn-seperator {
        display: none
    }
    ul.sub-menu li a {
        background: 0 0;
        color: #FFF;
        padding: 10px;
        border: none
    }
    ul.sub-menu li ul.sub-menu li a {
        background-color: #787b7d;
        color: #FFF;
        padding: 10px
    }
    .main-container,
    .status-updates {
        padding-left: 0
    }
    ul.sub-menu li ul.sub-menu li a:hover {
        background-color: rgba(255, 255, 255, .05)
    }
    ul.sub-menu,
    ul.sub-menu ul.sub-menu {
        background-color: #474a4e
    }
    ul.sub-menu li a:hover {
        background-color: rgba(255, 255, 255, .05)
    }
    ul.sub-menu li a i {
        color: #fff
    }
    ul.sub-menu li a span {
        color: #fff;
        opacity: .8
    }
    span.search-phrase {
        font-size: 30px
    }
    .sidebar-mini {
        position: static;
        width: 100%
    }
    .sidebar-mini .logo {
        display: block
    }
    .sidebar-mini .menu-button a i.fw-icon-mini {
        display: none
    }
    .menu-button .fw-mobile-menu {
        display: block
    }
    .mobile-menu-button {
        display: block;
        float: right;
        margin-top: 25px
    }
    .sidebar {
        height: auto
    }
    .main-nav {
        display: none;
        margin-top: 20px;
        padding-bottom: 20px
    }
    .um_container {
        padding-left: 15px;
        padding-right: 15px
    }
    .sidebar-mini .main-nav>li>a>span {
        position: static;
        opacity: 1;
        display: block
    }
    li.mn-seperator {
        opacity: .4
    }
    ul.sub-menu li.sub-parent-name {
        display: none
    }
    .search-results {
        padding-top: 30px;
        width: 100%!important
    }
    .stat-details h2 {
        font-size: 24px
    }
    .stat-box a {
        height: 92px
    }
    .email-list tr td {
        font-size: 13px
    }
    a.se-title {
        font-size: 20px
    }
}
@media only screen and (max-width: 767px) {
    .um-button,
    .white-button {
        padding: 7px 12px
    }
    .tb_search,
    .tb_search input {
        height: 60px
    }
    .um-button {
        display: inline-block
    }
    .e-left,
    .e-right {
        margin-top: 10px
    }
    .email-list tr td.e-checkbox {
        width: 30px
    }
    .email-nav ul li a {
        padding: 8px
    }
    .stat-details h5 {
        font-size: 13px
    }
    span.search-phrase {
        font-size: 20px
    }
    .search-results {
        padding-top: 20px
    }
    .chat-box.cb-minimized {
        margin-top: 0
    }
    .tb_search {
        width: 100%;
        background: rgba(255, 255, 255, .3)
    }
    .tb_search i.um-search {
        top: 19px
    }
    .top-bar {
        border-bottom: none;
        height: 140px
    }
    .um_container {
        padding-left: 0;
        padding-right: 0
    }
    .tb_notifications .dropdown-menu {
        left: 0;
        top: 138px;
        width: 100%;
        position: fixed
    }
    .sidebar-right {
        width: 100%
    }
    .chat-box-container {
        top: 0;
        height: auto;
        width: 100%;
        left: 0
    }
    .chat-box {
        height: 100%;
        width: 100%;
        float: none;
        margin-right: 0
    }
    .cb-head {
        height: 60px
    }
    .cb-head a.cb-minimize {
        display: none
    }
    .cb-head a.cb-close i {
        font-size: 24px
    }
    .cb-head a {
        margin-top: 14px
    }
    .cb-head h5 {
        padding-top: 10px
    }
    .cb-input {
        border-bottom: 1px solid #e3e3e3
    }
    h4.result-count {
        font-size: 15px;
        opacity: .5
    }
    a.button-icon-only {
        padding: 8px 13px
    }
    .email-navigation {
        float: left
    }
    .email-list tr td.e-date {
        width: auto;
        float: none
    }
    .email-list tr td.e-mail {
        width: auto
    }
    .email-list tr td.e-author {
        width: 400px
    }
    ul.media-list li {
        width: 150px;
        height: 150px
    }
    .news-details {
        bottom: 30px;
        left: 30px
    }
    .news-slider li {
        height: 400px
    }
    h2.news-title {
        font-size: 26px
    }
}
@media only screen and (max-width: 480px) {
    .news-details,
    .user-header {
        bottom: 15px;
        left: 15px
    }
    .page-footer .footer .pf-left,
    .user-header .avatar {
        float: none
    }
    h2.news-title {
        font-size: 22px
    }
    .news-slider li {
        height: 360px
    }
    .page-footer .footer .pf-right {
        float: none;
        text-align: left
    }
    .su-buttons ul li {
        font-size: 13px;
        margin-right: 10px
    }
    .user-info {
        margin-left: 0
    }
    .email-navigation>li {
        float: left;
        margin-right: 5px;
        margin-left: 0
    }
    a.button-icon-only {
        padding: 7px 12px
    }
    a.se-title {
        font-size: 18px
    }
    ul.se-list li {
        font-size: 13px
    }
    .tb_profile h5 {
        display: none
    }
    span.search-phrase {
        font-size: 15px
    }
    .search-results {
        padding-top: 15px
    }
    h4.result-count {
        font-size: 13px;
        opacity: .5
    }
    span.list-counter {
        font-size: 11px;
        padding: 4px
    }
    span.details {
        font-size: 13px
    }
    .dm-custom {
        font-size: 11px
    }
    .md-author-name {
        display: block;
        margin-bottom: 5px
    }
    .n-messages-dropdown .list-counter {
        float: none;
        margin-left: 0
    }
    .email-list tr td.e-author {
        width: 150px
    }
    .ce-buttons ul li {
        margin-right: 5px;
        margin-bottom: 5px;
        margin-top: 5px
    }
}