.breadcrumb > li > a {
    color: #A9A9A9
}
.breadcrumb > li > a:hover {
    color: #7c7c7c
}
@media (min-width: 768px) {
    body:not(.sw-toggled) .breadcrumb {
        padding:10px 33px 11px
    }
}
@media (min-width: 1199px) {
    body.sw-toggled .breadcrumb {
        padding:10px 33px 11px 280px
    }
}
#messages-main {
    position: relative;
    /* height:63vh;*/
}
#messages-main .listview {
    height: 83%;
    overflow: auto
}
#messages-main:before,#messages-main:after {
    content: " ";
    display: table
}
#messages-main:after {
    clear: both
}
#messages-main:before,#messages-main:after {
    content: " ";
    display: table
}
#messages-main:after {
    clear: both
}
#messages-main .ms-block {
    padding: 23px 20px 0
}
#messages-main .ms-menu {
    position: absolute;
    left: 0;
    background: #F8F8F8;
    border-right: 1px solid #EEE;
    height: 100%;
    width: 350px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    top: 0;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    overflow: hidden;
}
@media (max-width: 767px) {
    #messages-main .ms-menu {
        height:calc(100% - 58px);
        -webkit-transform: translate3d(-358px, 58px, 0);
        transform: translate3d(-358px, 58px, 0);
        opacity: 0;
        filter: alpha(opacity=0);
        z-index: 1;
        top: 8px;
    }
    #messages-main .ms-menu.toggled {
        -webkit-transform: translate3d(0, 58px, 0);
        transform: translate3d(0, 58px, 0);
        opacity: 1;
        filter: alpha(opacity=100);
    }
}
#messages-main .ms-menu .lv-item {
    padding-left: 20px;
    padding-right: 20px
}
#messages-main .ms-menu .lv-item.active {
    background: #edef6f
}
.lv-item.unread {
    background: #e0dbdb!important;
}
#messages-main .ms-menu .lv-item:not(.active):hover {
    background: #F2F2F2;
    cursor: pointer
}
@media (min-width: 768px) {
    #messages-main .ms-body {
        padding-left:350px
    }
}
@media (max-width: 767px) {
    #messages-main .ms-body {
        overflow:hidden
    }
}
#messages-main .ms-user:before,#messages-main .ms-user:after {
    content: " ";
    display: table
}
#messages-main .ms-user:after {
    clear: both
}
#messages-main .ms-user:before,#messages-main .ms-user:after {
    content: " ";
    display: table
}
#messages-main .ms-user:after {
    clear: both
}
#messages-main .ms-user > img {
    border-radius: 50%;
    width: 40px;
    float: left
}
#messages-main .ms-user > div {
    overflow: hidden;
    padding: 7px 5px 7px 15px;
    font-size: 11px
}
#ms-menu-trigger {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    margin: 1px 0 0 -7px;
    color: white
}
@media (min-width: 768px) {
    #ms-menu-trigger {
        display:none;
    }
}
#ms-menu-trigger .line-wrap .line {
    background-color: #ffffff
}
/* * For Message */
.lv-message .lv-item {
    padding: 20px
}
.lv-message .lv-item.right {
    text-align: right
}
.lv-message .lv-item.right .lv-avatar {
    margin-right: 0;
    margin-left: 15px
}
.lv-message .lv-item:not(.right) .ms-item {
    background: #ffc107;
    color: #fff
}
.lv-message .lv-item.right .ms-item {
    background: #eee
}
.lv-avatar {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #FFF;
    text-align: center;
    line-height: 34px;
    font-size: 15px;
    margin-right: 15px;
    padding: 0 !important;
    text-transform: uppercase
}
.lv-avatar > img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    vertical-align: top
}
.ms-item {
    padding: 13px 19px 15px;
    border-radius: 2px;
    display: inline-block
}
@media (min-width: 768px) {
    .ms-item {
        max-width:70%
    }
}
.ms-date {
    display: block;
    color: #B3B3B3;
    margin-top: 7px
}
.ms-date > i {
    font-size: 14px;
    vertical-align: bottom;
    line-height: 100%
}
.ms-reply {
    position: relative;
    margin: 0 !important
}
.ms-reply textarea {
    width: 100%;
    font-size: 17px;
    border: 0;
    padding: 10px 8px;
    resize: none;
    height: 60px;
    font-weight: 400;
    line-height: 1.4
}
.ms-reply button {
    position: absolute;
    top: 0;
    right: 0;
    border: 0;
    height: 100%;
    width: 60px;
    font-size: 25px;
    background: #F5F5F5;
    color: #2196f3
}
.ms-reply button:hover {
    background: #f2f2f2
}
.four-zero-content {
    background: #fff;
    padding: 20px
}
.four-zero-content:before {
    height: 50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #16bcd2;
    content: ""
}
.four-zero {
    background: #00bcd4;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
    border-radius: 2px;
    position: absolute;
    top: 50%;
    margin-top: -150px;
    color: #fff;
    text-align: center;
    padding: 15px;
    height: 300px;
    width: 500px;
    left: 50%;
    margin-left: -250px
}
.four-zero h2 {
    font-size: 130px
}
@media (max-width: 767px) {
    .four-zero {
        width:calc(100% - 40px);
        left: 20px;
        margin-left: 0;
        height: 260px;
        margin-top: -130px
    }
    .four-zero h2 {
        font-size: 90px
    }
}
.four-zero h2 {
    line-height: 100%;
    color: #fff;
    font-weight: 100
}
.four-zero small {
    display: block;
    font-size: 26px;
    margin-top: -10px
}
.four-zero footer {
    background: rgba(0, 0, 0, 0.13);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px
}
.four-zero footer > a {
    font-size: 21px;
    display: inline-block;
    color: #FFF;
    margin: 0 1px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.09);
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}
.four-zero footer > a:hover {
    background: rgba(0, 0, 0, 0.2)
}
.lc-block {
    background: #fff;
    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27);
    border-radius: 2px;
    width: 50%;
    display: inline-block;
    margin: auto;
    margin-top: 42px;
    vertical-align: middle;
    position: relative;
}
.lc-block:not(.lcb-alt) {
    padding: 35px 55px 35px
}
.lc-block:not(.lcb-alt) .btn-login {
    bottom:7px;
    right:21%;
}
.lc-block:not(.toggled) {
    display: none
}
@media (max-width: 767px) {
    .lc-block {
        padding:15px 35px 25px 20px;
        width: calc(100% - 60px);
        display: block;
    }
}
.lc-block .checkbox {
    margin: 5px 0 0 42px;
    text-align: left
}
.lc-block.toggled {
    /* z-index:10; */
}
.login-navigation {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    text-align: center
}
.login-navigation > li {
    display: inline-block;
    margin: 0 2px;
    cursor: pointer;
    vertical-align: top;
    color: #fff;
    text-transform: uppercase;
    -moz-backface-visibility: hidden;
    border-radius: 10px;
    padding: 0 5px;
    font-size: 18px;
}
.login-navigation > li > span {
    opacity: 0;
    filter: alpha(opacity=0)
}
.login-navigation > li:not(:hover) {
    /* font-size:0px;*/
    /* border-radius:100%;*/
}
.lcb-alt {
    padding: 70px 55px 60px;
}
.lcb-alt .btn-login {
    bottom: -25px;
    left: 50%;
    margin-left: -25px
}
.lcb-alt .login-navigation {
    bottom: -75px;
    z-index: 232;
    left: 0;
}
.lcb-user {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 5px solid #fff;
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.18);
}
.login-content {
    text-align: center;
}
body.login-content:after {
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 1px;
    height: 100%
}
body.login-content:before {
    height: 50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00bcd4;
    content: "";
    z-index: 0;
    box-shadow: 0px 3px 6px 4px #00bcd4
}
#profile-main {
    min-height: 500px;
    position: relative
}
#profile-main .pm-overview {
    overflow-y: auto
}
@media (min-width: 1200px) {
    #profile-main .pm-overview {
        width:300px
    }
}
@media (min-width: 768px) and (max-width:1200px) {
    #profile-main .pm-overview {
        width:250px
    }
}
@media (min-width: 768px) {
    #profile-main .pm-overview {
        position:absolute;
        left: 0;
        top: 0;
        height: 100%;
        background: #f8f8f8;
        border-right: 1px solid #eee
    }
}
@media (max-width: 767px) {
    #profile-main .pm-overview {
        width:100%;
        background: #333;
        text-align: center
    }
}
@media (min-width: 1200px) {
    #profile-main .pm-body {
        padding-left:300px
    }
}
@media (min-width: 768px) and (max-width:1200px) {
    #profile-main .pm-body {
        padding-left:250px
    }
}
@media (max-width: 767px) {
    #profile-main .pm-body {
        padding-left:0
    }
}
#profile-main .pmo-pic {
    position: relative;
    /* margin:20px;*/
}
@media (min-width: 768px) {
    #profile-main .pmo-pic img {
        width:100%;
        border-radius: 2px 2px 0 0
    }
}
@media (max-width: 767px) {
    #profile-main .pmo-pic img {
        width:180px;
        display: inline-block;
        height: 180px;
        min-height: 180px;
        border-radius: 100%;
        border: 4px solid #fff;
        box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19)
    }
}
#profile-main .pmo-pic .pmo-stat {
    border-radius: 0 0 2px 2px;
    color: #fff;
    text-align: center;
    padding: 30px 5px 0
}
@media (min-width: 768px) {
    #profile-main .pmo-pic .pmo-stat {
        background:#ffc107;
        padding-bottom: 15px
    }
}
#profile-main .pmo-pic .pmop-edit {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.38);
    text-align: center;
    padding: 10px 10px 11px;
    -webkit-transition: opacity;
    -o-transition: opacity;
    transition: opacity;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    width: 100%;
}
#profile-main .pmo-pic .pmop-edit:hover {
    background: rgba(0, 0, 0, 0.8)
}
#profile-main .pmo-pic .pmop-edit i {
    font-size: 18px;
    vertical-align: middle;
    margin-top: -3px
}
@media (min-width: 768px) {
    #profile-main .pmo-pic .pmop-edit {
        width:100%;
        opacity: 0;
        filter: alpha(opacity=0)
    }
    #profile-main .pmo-pic .pmop-edit i {
        margin-right: 4px
    }
}
#profile-main .pmo-pic:hover .pmop-edit {
    opacity: 1;
    filter: alpha(opacity=100)
}
#profile-main .pmo-pic .pmop-message {
    position: absolute;
    bottom: 27px;
    left: 50%;
    margin-left: -25px
}
#profile-main .pmo-pic .pmop-message .dropdown-menu {
    padding: 5px 0 55px;
    left: -90px;
    width: 228px;
    height: 150px;
    top: -74px;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}
#profile-main .pmo-pic .pmop-message .dropdown-menu textarea {
    width: 100%;
    height: 95px;
    border: 0;
    resize: none;
    padding: 10px 19px
}
#profile-main .pmo-pic .pmop-message .dropdown-menu button {
    bottom: 5px;
    left: 88px
}
#profile-main .pmb-block {
    margin-bottom: 20px
}
@media (min-width: 1200px) {
    #profile-main .pmb-block {
        padding:40px 42px 0
    }
}
@media (max-width: 1199px) {
    #profile-main .pmb-block {
        padding:30px 20px 0
    }
}
#profile-main .pmb-block:last-child {
    margin-bottom: 50px;
    color: gray;
}
#profile-main .pmb-block .pmbb-header {
    margin-bottom: 25px;
    position: relative
}
#profile-main .pmb-block .pmbb-header .actions {
    position: absolute;
    top: -2px;
    right: 0
}
#profile-main .pmb-block .pmbb-header h2 {
    margin: 0;
    font-weight: 100;
    font-size: 20px
}
#profile-main .pmb-block .pmbb-edit {
    position: relative;
    z-index: 1;
    display: none
}
#profile-main .pmo-block {
    padding: 25px
}
#profile-main .pmo-block > h2 {
    font-size: 16px;
    margin: 0 0 15px
}
#profile-main .pmo-items .pmob-body {
    padding: 0 10px
}
#profile-main .pmo-items a {
    display: block;
    padding: 4px
}
#profile-main .pmo-items a img {
    width: 100%
}
#profile-main .pmb-block.toggled .pmbb-edit {
    display: block
}
#profile-main .pmb-block.toggled .pmbb-view {
    display: none
}
.pmo-contact ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.pmo-contact ul li {
    position: relative;
    padding: 8px 0 8px 35px
}
.pmo-contact ul li i {
    font-size: 18px;
    vertical-align: top;
    line-height: 100%;
    position: absolute;
    left: 0;
    width: 18px;
    text-align: center
}
.pmo-map {
    margin: 20px -20px -18px;
    display: block
}
.pmo-map img {
    width: 100%
}
@media (max-width: 767px) {
    .c-timeline {
        background:#edecec;
        box-shadow: none
    }
    .c-timeline .tab-nav {
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
    }
}
.timeline {
    position: relative
}
@media (min-width: 768px) {
    .timeline {
        padding:50px;
        padding-left: 100px
    }
}
@media (max-width: 767px) {
    .timeline {
        margin-top:30px
    }
}
.t-view {
    border: 1px solid #eee;
    position: relative;
    margin-bottom: 35px
}
@media (max-width: 767px) {
    .t-view {
        background:#fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
    }
}
.t-view .tv-header {
    padding: 16px 18px;
    border-bottom: 1px solid #eee;
    background: #F9F9F9
}
.t-view .tv-header .actions {
    position: absolute;
    top: 5px;
    right: 10px
}
.t-view .tv-body {
    padding: 23px 25px
}
.t-view .tv-body .tvb-lightbox {
    margin: 0 -8px 15px
}
.t-view .tv-body .tvb-lightbox [data-src] {
    padding: 0 5px;
    margin-bottom: 5px
}
.t-view .tvh-user {
    display: block
}
.t-view .tvh-user img {
    width: 46px;
    height: 46px;
    border-radius: 50%
}
.t-view:before {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    left: -70px;
    top: 0;
    border: 3px solid #FFF;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
    color: #FFF;
    font-family: 'Material-Design-Iconic-Font';
    z-index: 1
}
.t-view:after {
    content: "";
    position: absolute;
    top: 0;
    left: -50px;
    width: 1px;
    height: calc(100% + 37px)
}
.t-view[data-tv-type="text"]:before {
    content: "\f24f";
    background: #00bcd4;
    box-shadow: 0 0 0 1px #00bcd4
}
.t-view[data-tv-type="text"]:after {
    background: #00bcd4
}
.t-view[data-tv-type="image"]:before {
    content: "\f17f";
    background: #4caf50;
    box-shadow: 0 0 0 1px #4caf50
}
.t-view[data-tv-type="image"]:after {
    background: #4caf50
}
.t-view[data-tv-type="video"]:before {
    content: "\f3a9";
    background: #ffc107;
    box-shadow: 0 0 0 1px #ffc107
}
.t-view[data-tv-type="video"]:after {
    background: #ffc107
}
.t-view .tvb-stats {
    list-style: none;
    padding: 0;
    margin: 10px 0 20px
}
.t-view .tvb-stats > li {
    display: inline-block;
    padding: 5px 10px 6px;
    border: 1px solid #ccc;
    margin-right: 2px
}
.t-view .tvb-stats > li i {
    font-size: 15px;
    line-height: 100%;
    vertical-align: top;
    margin-top: 2px
}
.t-view .tvb-stats > li.tvbs-comments {
    border-color: #4caf50;
    color: #4caf50
}
.t-view .tvb-stats > li.tvbs-likes {
    border-color: #03a9f4;
    color: #03a9f4
}
.t-view .tvb-stats > li.tvbs-views {
    border-color: #ff9800;
    color: #ff9800
}
.tv-comments .tvc-lists {
    padding: 0;
    list-style: none;
    margin: 0
}
.tv-comments .tvc-lists > li {
    padding: 15px 20px;
    margin: 0;
    border-top: 1px solid #eee
}
.tvc-more {
    color: #333;
    display: block;
    margin-bottom: -10px
}
.tvc-more:hover {
    color: #000
}
.tvc-more i {
    vertical-align: middle;
    margin-right: 5px
}
.p-header {
    position: relative;
    margin: 0 -7px
}
.p-header .actions {
    position: absolute;
    top: -18px;
    right: 0
}
.p-menu {
    list-style: none;
    padding: 0 5px;
    margin: 0 0 30px
}
.p-menu > li {
    display: inline-block;
    vertical-align: top
}
.p-menu > li > a {
    display: block;
    padding: 5px 20px 5px 0;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px
}
.p-menu > li > a > i {
    margin-right: 4px;
    font-size: 20px;
    vertical-align: middle;
    margin-top: -5px
}
.p-menu > li:not(.active) > a {
    color: #4285F4
}
.p-menu > li:not(.active) > a:hover {
    color: #333
}
.p-menu > li.active > a {
    color: #000
}
@media (max-width: 991px) {
    .p-menu .pm-search {
        margin:20px 2px 30px;
        display: block
    }
    .p-menu .pm-search input[type="text"] {
        width: 100%;
        border: 1px solid #ccc
    }
}
.p-menu .pms-inner {
    margin: -2px 0 0;
    position: relative;
    top: -2px;
    overflow: hidden;
    white-space: nowrap
}
.p-menu .pms-inner i {
    vertical-align: top;
    font-size: 20px;
    line-height: 100%;
    position: absolute;
    left: 9px;
    top: 8px;
    color: #333
}
.p-menu .pms-inner input[type="text"] {
    height: 35px;
    border-radius: 2px;
    padding: 0 10px 0 40px
}
@media (min-width: 768px) {
    .p-menu .pms-inner input[type="text"] {
        border:1px solid #fff;
        width: 50px;
        background: transparent;
        position: relative;
        z-index: 1;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 300ms;
        transition-duration: 300ms
    }
    .p-menu .pms-inner input[type="text"]:focus {
        border-color: #DFDFDF;
        width: 200px
    }
}
.photos {
    margin: -3px 0 0
}
.photos .lightbox {
    margin: 0 -8px
}
.photos:not(.p-timeline) [data-src] {
    padding: 3px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms
}
.p-grid {
    list-style: none;
    padding: 0;
    margin: 0 0 23px;
    text-align: center
}
.p-grid > li {
    display: inline-block;
    vertical-align: top;
    width: 30px;
    height: 30px;
    border: 1px solid #D5D5D5;
    line-height: 27px;
    font-size: 12px;
    color: #ABABAB;
    border-radius: 50%;
    cursor: pointer;
    letter-spacing: -1px;
    padding-right: 1px;
    margin: 0 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.p-grid > li:hover {
    border-color: #C0C0C0
}
.p-grid > li.active {
    color: #8C8C8C;
    border-color: #8C8C8C
}
.p-timeline {
    position: relative;
    padding-left: 80px;
    margin-bottom: 75px
}
.p-timeline [data-src] {
    float: left;
    margin: 0 3px 3px 0
}
.p-timeline:last-child .pt-line:before {
    height: 100%
}
.ptb-title {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 20px
}
.pt-line {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    line-height: 14px
}
.pt-line:before,.pt-line:after {
    content: "";
    position: absolute
}
.pt-line:before {
    width: 1px;
    height: calc(100% + 63px);
    background: #E2E2E2;
    top: 14px;
    right: -20px
}
.pt-line:after {
    top: 2px;
    right: -26px;
    width: 13px;
    height: 13px;
    border: 1px solid #C1C1C1;
    border-radius: 50%;
    background: #9c27b0
}
.contacts:not(.c-profile) {
    padding: 0 8px
}
.contacts > [class*="col-"] {
    padding: 0 10px
}
.contacts .c-item {
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    margin-bottom: 24px
}
.contacts .c-item .ci-avatar {
    display: block
}
.contacts .c-item .ci-avatar img {
    width: 100%;
    border-radius: 2px 2px 0 0
}
.contacts .ci-avatar {
    margin: -1px -1px 0
}
.contacts .c-info {
    text-align: center;
    /* margin-top:15px;*/
    padding: 0 5px
}
.contacts .c-info strong {
    color: #000;
    font-size: 14px;
    font-weight: 500
}
.contacts .c-info small {
    color: #999;
    margin-top: 3px
}
.contacts .c-info strong,.contacts .c-info small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}
.contacts .c-footer {
    border-top: 1px solid #e2e2e2;
    /* margin-top:18px;*/
}
.contacts .c-footer > button {
    padding: 4px 10px 3px;
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
    font-weight: 500;
    border-radius: 2px;
    background: #fff;
    border: 0
}
.contacts .c-footer > button > i {
    font-size: 16px;
    vertical-align: middle;
    margin-top: -3px
}
.z-depth-1 {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12)
}
.avatar-char:not(.a-lg),.avatar-img:not(.a-lg) {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center
}
.avatar-char {
    line-height: 38px;
    font-size: 18px
}
.z-depth-1-top {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12)
}
.z-depth-1-bottom {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16)
}
.z-depth-2 {
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19)
}
.z-depth-2-top {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.19)
}
.z-depth-2-bottom {
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2)
}
.z-depth-3 {
    box-shadow: 0 12px 15px rgba(0, 0, 0, 0.24), 0 17px 50px rgba(0, 0, 0, 0.19)
}
.z-depth-3-top {
    box-shadow: 0 17px 50px rgba(0, 0, 0, 0.19)
}
.z-depth-3-bottom {
    box-shadow: 0 12px 15px rgba(0, 0, 0, 0.24)
}
.z-depth-4 {
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.22), 0 25px 55px rgba(0, 0, 0, 0.21)
}
.z-depth-4-top {
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.21)
}
.z-depth-4-bottom {
    box-shadow: 0 16px 28px rgba(0, 0, 0, 0.22)
}
.z-depth-5 {
    box-shadow: 0 27px 24px rgba(0, 0, 0, 0.2), 0 40px 77px rgba(0, 0, 0, 0.22)
}
.z-depth-5-top {
    box-shadow: 0 40px 77px rgba(0, 0, 0, 0.22)
}
.z-depth-5-bottom {
    box-shadow: 0 27px 24px rgba(0, 0, 0, 0.2)
}
.z-depth-animation .z-depth-1,.z-depth-animation .z-depth-2,.z-depth-animation .z-depth-3,.z-depth-animation .z-depth-4,.z-depth-animation .z-depth-5 {
    transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1)
}
/* * Block Header * Used for Heading outside the Cards. */
.block-header {
    margin-bottom: 25px;
    position: relative
}
@media screen and (max-width: 991px) {
    .block-header {
        padding:0 18px
    }
}
.block-header > h2 {
    font-size: 15px;
    color: #777;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase
}
.block-header > h2 > small {
    display: block;
    text-transform: none;
    margin-top: 8px;
    margin-bottom: 20px;
    color: #9E9E9E;
    line-height: 140%
}
.block-header .actions {
    position: absolute;
    right: 10px;
    top: -5px;
    z-index: 4
}
/* * Header Actions */
.action-header {
    padding: 25px 30px;
    line-height: 100%;
    font-weight: 500;
    color: #4C4C4C;
    font-size: 15px;
    position: relative;
    z-index: 1;
    min-height: 65px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}
.tab-pane .action-header {
    /* border-radius:10px 10px 0px 0px */
}
.actions {
    list-style: none;
    padding: 0;
    z-index: 3;
    margin: 0
}
.action-header .actions {
    position: absolute;
    top: 18px;
    right: 17px
}
.actions > li {
    display: inline-block;
    vertical-align: baseline
}
.actions > li > a,.actions > a {
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    padding-top: 5px;
    font-size: 16px
}
.actions > li > a > i,.actions > a > i {
    font-size: 25px;
    color: inherit
}
.listview-alt .actions > a > i,.listview-alt .actions > a:hover > i {
    color: #6f6c6c
}
.listview-alt .lv-item .lv-actions {
    top: 10px
}
.list-group-item .dropdown > a > i {
    font-size: 25px;
    color: #737070
}
.list-group-item .dropdown > a:before {
    background-color: rgba(162, 162, 162, 0.28)
}
.list-group-item .dropdown > a:hover > i {
    color: #060606
}
.actions > li > a:hover > i,.actions > a:hover > i {
    color: #eaeaea;
}
@media (min-width: 768px) {
    .actions > li > a, .actions > a {
        position:relative
    }
    .actions > li > a:before, .actions > a:before {
        left: 0;
        top: 0;
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        -webkit-transform: scale3d(0, 0, 0);
        -moz-transform: scale3d(0, 0, 0);
        -ms-transform: scale3d(0, 0, 0);
        -o-transform: scale3d(0, 0, 0);
        transform: scale3d(0, 0, 0);
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: 250ms;
        transition-duration: 250ms;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        backface-visibility: hidden;
        background-color: rgba(255, 255, 255, 0.32);
        z-index: 0;
        border-radius: 50%;
        opacity: 0;
        filter: alpha(opacity=0)
    }
    .actions > li > a:hover:before, .actions > a:hover:before, .actions > li > a.open:before, .actions > a.open:before {
        -webkit-transform: scale3d(1, 1, 1);
        -moz-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        -o-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
        filter: alpha(opacity=100)
    }
}
.actions > li.open > a > i,.actions.open > a > i {
    color: #000
}
.actions > li.open > a:before,.actions.open > a:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}
.actions.actions-alt > li > a > i {
    /* color:#fff; */
}
.actions.actions-alt > li > a > i:hover {
    color: #fff
}
.actions.actions-alt > li.open > a > i {
    color: #fff
}
.actions.open {
    z-index: 3
}
/* * Collapse Menu Icons */
.line-wrap {
    width: 18px;
    height: 12px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    margin: 12px 20px
}
.line-wrap .line {
    width: 18px;
    height: 2px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}
.line-wrap .line.center {
    margin: 3px 0
}
.open .line-wrap {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}
.open .line-wrap .line.top {
    width: 12px;
    transform: translateX(8px) translateY(1px) rotate(45deg);
    -webkit-transform: translateX(8px) translateY(1px) rotate(45deg)
}
.open .line-wrap .line.bottom {
    width: 12px;
    transform: translateX(8px) translateY(-1px) rotate(-45deg);
    -webkit-transform: translateX(8px) translateY(-1px) rotate(-45deg)
}
/* * Load More */
.load-more {
    text-align: center;
    margin-top: 30px
}
.load-more a {
    padding: 5px 10px 3px;
    display: inline-block;
    background-color: #f44336;
    color: #FFF;
    border-radius: 2px;
    white-space: nowrap
}
.load-more a i {
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    margin-top: -2px
}
.load-more a:hover {
    background-color: #ea1c0d
}
.ie-warning {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    background: #000000;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    font-family: "Courier New", Courier, monospace;
    padding: 50px 0
}
.ie-warning p {
    font-size: 17px
}
.ie-warning .iew-container {
    min-width: 1024px;
    width: 100%;
    height: 200px;
    background: #fff;
    margin: 50px 0
}
.ie-warning .iew-download {
    list-style: none;
    padding: 30px 0;
    margin: 0 auto;
    width: 720px
}
.ie-warning .iew-download > li {
    float: left;
    vertical-align: top
}
.ie-warning .iew-download > li > a {
    display: block;
    color: #000;
    width: 140px;
    font-size: 15px;
    padding: 15px 0
}
.ie-warning .iew-download > li > a > div {
    margin-top: 10px
}
.ie-warning .iew-download > li > a:hover {
    background-color: #eee
}
/* * Animation */
@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-o-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
/* Make clicks pass-through */
#loading-bar,#loading-bar-spinner {
    pointer-events: none;
    -webkit-pointer-events: none;
    -webkit-transition: linear all;
    -o-transition: linear all;
    transition: linear all;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms
}
#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active,#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active {
    opacity: 0;
    filter: alpha(opacity=0)
}
#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave,#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave {
    opacity: 1;
    filter: alpha(opacity=100)
}
#loading-bar .bar {
    -webkit-transition: width;
    -o-transition: width;
    transition: width;
    -webkit-transition-duration: 350ms;
    transition-duration: 350ms;
    background: rgba(0, 0, 0, 0.15);
    position: fixed;
    z-index: 10002;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px
}
/* Fancy blur effect */
#loading-bar .peg {
    position: absolute;
    width: 70px;
    right: 0;
    top: 0;
    height: 2px;
    opacity: 0.45;
    filter: alpha(opacity=45);
    box-shadow: #fff 1px 0 6px 1px;
    border-radius: 100%;
    z-index: 99999
}
#loading-bar-spinner {
    width: 56px;
    height: 56px;
    text-align: center;
    padding: 14px;
    border-radius: 50%;
    position: fixed;
    top: 105px;
    left: 50%;
    margin-left: -28px;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12)
}
#loading-bar-spinner .spinner-icon {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin: 0;
    float: left;
    background: transparent !important;
    border: 2px solid #00bcd4;
    border-bottom-color: transparent !important;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate 0.75s linear infinite;
    -o-animation: ball-clip-rotate 0.75s linear infinite;
    animation: ball-clip-rotate 0.75s linear infinite
}
#loading-bar-spinner:before,#loading-bar-spinner:after {
    content: " ";
    display: table
}
#loading-bar-spinner:after {
    clear: both
}
#loading-bar-spinner:before,#loading-bar-spinner:after {
    content: " ";
    display: table
}
#loading-bar-spinner:after {
    clear: both
}
#footer {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    height: 110px;
    color: #a2a2a2;
    padding-top: 35px;
    padding-bottom: 15px
}
#footer .f-menu {
    display: block;
    width: 100%;
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
    margin-top: 8px
}
#footer .f-menu > li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px
}
#footer .f-menu > li > a {
    color: #a2a2a2
}
#footer .f-menu > li > a:hover {
    color: #777
}
@media (min-width: 1199px) {
    body.sw-toggled #footer {
        padding-left:268px
    }
}
.pt-inner {
    text-align: center
}
.pt-inner .pti-header {
    padding: 45px 10px 70px;
    color: #fff;
    position: relative;
    margin-bottom: 15px
}
.pt-inner .pti-header > h2 {
    margin: 0;
    line-height: 100%;
    color: #fff;
    font-weight: 100;
    font-size: 50px
}
.pt-inner .pti-header > h2 small {
    color: #fff;
    letter-spacing: 0;
    vertical-align: top;
    font-size: 16px;
    font-weight: 100
}
.pt-inner .pti-header .ptih-title {
    background-color: rgba(0, 0, 0, 0.1);
    padding: 8px 10px 9px;
    text-transform: uppercase;
    margin: 0 -10px;
    position: absolute;
    width: 100%;
    bottom: 0
}
.pt-inner .pti-body {
    padding: 0 23px;
    text-align: left
}
.pt-inner .pti-body .ptib-item {
    padding: 15px 0;
    font-weight: 400
}
.pt-inner .pti-body .ptib-item:not(:last-child) {
    border-bottom: 1px solid #eee
}
.pt-inner .pti-footer {
    padding: 10px 20px 30px
}
.pt-inner .pti-footer > a {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    display: inline-block;
    line-height: 60px;
    font-size: 30px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}
.pt-inner .pti-footer > a:hover {
    opacity: 0.85;
    filter: alpha(opacity=85);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12)
}
.invoice {
    min-width: 1100px;
    max-width: 1170px
}
.i-logo {
    width: 150px
}
.i-table .highlight {
    background-color: #eee;
    border-bottom: 1px solid #e6e6e6
}
.i-table td.highlight {
    font-size: 14px;
    font-weight: 500
}
.wall-attrs {
    margin-bottom: 0
}
.wa-stats {
    float: left
}
.wa-stats > span {
    margin-right: -1px;
    padding: 7px 12px;
    border: 1px solid #E0E0E0;
    float: left;
    font-weight: 500
}
.wa-stats > span.active {
    color: #4caf50
}
.wa-stats > span:first-child {
    border-radius: 2px 0 0 2px
}
.wa-stats > span:last-child {
    border-radius: 0 2px 2px 0
}
.wa-stats > span > i {
    line-height: 100%;
    vertical-align: top;
    position: relative;
    top: 2px;
    font-size: 15px;
    margin-right: 2px
}
.wa-users {
    float: right;
    padding: 0 !important;
    margin-right: -5px
}
.wa-users > a {
    display: inline-block;
    margin-left: 2px
}
.wa-users > a > img {
    width: 33px;
    height: 33px;
    border-radius: 50%
}
.wa-users > a > img:hover {
    opacity: 0.85;
    filter: alpha(opacity=85)
}
.wcc-inner {
    border: 1px solid #E4E4E4;
    padding: 10px 15px;
    resize: none;
    border-radius: 2px;
    background: #fff;
    color: #9A9A9A;
    cursor: pointer
}
.wcci-text {
    border: 0;
    display: block;
    width: 100%;
    resize: none;
    padding: 0
}
.wall-comment-list {
    padding: 20px;
    background: #f7f7f7
}
.wall-comment-list .media {
    position: relative
}
.wall-comment-list .media:hover .actions {
    display: block
}
.wall-comment-list .actions {
    display: none;
    position: absolute;
    right: -20px;
    top: -1px
}
.wcl-list + .wcl-form {
    margin-top: 25px
}
.wp-text {
    border: 0;
    padding: 0;
    display: block;
    width: 100%;
    resize: none
}
.wp-media {
    background: #f7f7f7;
    border: 1px solid #E4E4E4;
    padding: 12px 15px;
    margin-top: 25px;
    text-align: center
}
.wpb-actions {
    background: #f7f7f7;
    margin: 0;
    padding: 10px 20px
}
.wpb-actions > li:not(.pull-right) {
    float: left
}
[data-wpba="image"] {
    color: #4caf50
}
[data-wpba="image"]:hover {
    color: #449d48
}
[data-wpba="video"] {
    color: #ff9800
}
[data-wpba="video"]:hover {
    color: #e68900
}
[data-wpba="link"] {
    color: #00bcd4
}
[data-wpba="link"]:hover {
    color: #00a5bb
}
.wpba-attrs > ul > li {
    padding: 0;
    margin-right: 5px
}
.wpba-attrs > ul > li > a {
    display: block;
    width: 22px
}
.wpba-attrs > ul > li > a > i {
    font-size: 20px
}
.wpba-attrs > ul > li > a.active > i {
    color: #333
}
.wall-img-preview {
    text-align: center
}
@media screen and (min-width: 768px) {
    .wall-img-preview {
        margin:0 -23px 20px
    }
}
@media screen and (max-width: 991px) {
    .wall-img-preview {
        margin:0 -16px 20px
    }
}
.wall-img-preview .wip-item {
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    border: 2px solid #fff;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center
}
.wall-img-preview .wip-item > img {
    display: none
}
.wall-img-preview .wip-item:first-child:nth-last-child(2),.wall-img-preview .wip-item:first-child:nth-last-child(2) ~ div {
    width: 50%;
    padding-bottom: 40%
}
.wall-img-preview .wip-item:first-child:nth-last-child(3),.wall-img-preview .wip-item:first-child:nth-last-child(3) ~ div,.wall-img-preview .wip-item:first-child:nth-last-child(4),.wall-img-preview .wip-item:first-child:nth-last-child(4) ~ div:not(:last-child),.wall-img-preview .wip-item:first-child:nth-last-child(5),.wall-img-preview .wip-item:first-child:nth-last-child(5) ~ div:not(:nth-last-of-type(-n+2)),.wall-img-preview .wip-item:first-child:nth-last-child(6),.wall-img-preview .wip-item:first-child:nth-last-child(6) ~ div,.wall-img-preview .wip-item:first-child:nth-last-child(7) ~ div:nth-last-of-type(-n+3) {
    width: 33.333333%;
    padding-bottom: 30%
}
.wall-img-preview .wip-item:first-child:nth-last-child(5) ~ div:nth-last-of-type(-n+2) {
    width: 50%;
    padding-bottom: 40%
}
.wall-img-preview .wip-item:first-child:nth-last-child(7),.wall-img-preview .wip-item:first-child:nth-last-child(7) ~ div:not(:nth-last-of-type(-n+3)),.wall-img-preview .wip-item:first-child:nth-last-child(n+8),.wall-img-preview .wip-item:first-child:nth-last-child(n+8) ~ div {
    width: 25%;
    padding-bottom: 22%
}
.wall-img-preview .wip-item:only-child,.wall-img-preview .wip-item:first-child:nth-last-child(4) ~ div:nth-child(4) {
    width: 100%;
    padding-bottom: 50%
}
/* * For header type 1 only * You may remove these if you opt header 2 */
#header .skin-switch {
    padding: 15px 0 8px;
    text-align: center
}
.ss-skin {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    margin: 2px 5px
}
/* ----------------------------- End header type 1 ------------------------------------- */
/* * Do not remove these * This is common for both */
.ss-skin {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    cursor: pointer
}
.ss-skin:hover {
    opacity: 0.8;
    filter: alpha(opacity=80)
}
.preloader {
    position: relative;
    margin: 0px auto;
    display: inline-block
}
.preloader:not([class*="pl-"]) {
    width: 80px
}
.preloader:before {
    content: '';
    display: block;
    padding-top: 100%
}
.preloader.pl-xs {
    width: 20px
}
.preloader.pl-sm {
    width: 30px
}
.preloader.pl-lg {
    width: 50px
}
.preloader.pl-xl {
    width: 80px
}
.preloader.pl-xxl {
    width: 100px
}
.preloader:not([class*="pls-"]) .plc-path {
    animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite
}
.preloader[class*="pls-"] .plc-path {
    animation: dash 1.5s ease-in-out infinite
}
.preloader.pls-red .plc-path {
    stroke: #f44336
}
.preloader.pls-blue .plc-path {
    stroke: #2196f3
}
.preloader.pls-green .plc-path {
    stroke: #4caf50
}
.preloader.pls-yellow .plc-path {
    stroke: #ffeb3b
}
.preloader.pls-bluegray .plc-path {
    stroke: #607d8b
}
.preloader.pls-amber .plc-path {
    stroke: #ffc107
}
.preloader.pls-teal .plc-path {
    stroke: #009688
}
.preloader.pls-gray .plc-path {
    stroke: #9e9e9e
}
.preloader.pls-pink .plc-path {
    stroke: #e91e63
}
.preloader.pls-purple .plc-path {
    stroke: #9c27b0
}
.pl-circular {
    animation: rotate 2s linear infinite;
    height: 100%;
    transform-origin: center center;
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto
}
.plc-path {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    stroke-width: 4px;
    stroke-miterlimit: 10;
    fill: none
}
@keyframes rotate {
    100% {
        transform: rotate(360deg)
    }
}
@keyframes dash {
    0% {
        stroke-dasharray: 1,200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -35px
    }
    100% {
        stroke-dasharray: 89,200;
        stroke-dashoffset: -124px
    }
}
@keyframes color {
    100%, 0% {
        stroke: #f44336
    }
    40% {
        stroke: #2196f3
    }
    66% {
        stroke: #4caf50
    }
    80%, 90% {
        stroke: #ffc107
    }
}
/** CALENDAR WIDGET **/
#calendar-widget {
    margin-bottom: 30px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15)
}
#fc-actions {
    position: absolute;
    bottom: 10px;
    right: 12px
}
.fc {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px
}
.fc td,.fc th {
    border-color: #e4e8e8
}
.fc th {
    font-weight: 400
}
.fc table {
    background: transparent
}
.fc table tr > td:first-child {
    border-left-width: 0
}
#calendar-widget .fc-toolbar {
    background: #009688
}
#calendar-widget .fc-day-header {
    color: #fff;
    background: #007d71;
    padding: 5px 0;
    border-width: 0
}
#calendar-widget .fc-day-number {
    text-align: center;
    color: #ADADAD;
    padding: 5px 0
}
#calendar-widget .fc-day-grid-event {
    margin: 1px 3px 1px
}
#calendar-widget .ui-widget-header th,#calendar-widget .ui-widget-header {
    border-width: 0
}
#calendar .fc-toolbar {
    height: 200px;
    background-image: url('../img/cal-header.jpg');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-position: inherit
}
#calendar .fc-toolbar:before {
    content: "";
    height: 50px;
    width: 100%;
    background: rgba(0, 0, 0, 0.36);
    position: absolute;
    bottom: 0;
    left: 0
}
#calendar .fc-toolbar .fc-center {
    margin-top: 138px;
    position: relative
}
@media screen and (max-width: 991px) {
    #calendar .fc-toolbar {
        height:200px
    }
    #calendar .fc-toolbar .fc-center {
        margin-top: 138px
    }
}
#calendar .fc-day-header {
    color: #ffffff;
    text-align: left;
    font-size: 14px;
    border-bottom-width: 0;
    border-right-color: #eee;
    padding: 10px 12px;
    background-color: #009688
}
#calendar .fc-day-number {
    padding-left: 10px !important;
    text-align: left !important
}
@media screen and (min-width: 991px) {
    #calendar .fc-day-number {
        font-size:25px;
        letter-spacing: -2px
    }
}
#calendar .fc-day-grid-event {
    margin: 1px 9px 0;
    cursor: pointer
}
.fc-today {
    color: #ffc107
}
.fc-toolbar {
    margin-bottom: 0;
    padding: 20px 7px 19px;
    position: relative
}
.fc-toolbar h2 {
    margin-top: 7px;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    color: #fff
}
.fc-toolbar .ui-button {
    border: 0;
    background: 0 0;
    padding: 0;
    outline: none !important;
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-top: -5px;
    color: #fff
}
.fc-toolbar .ui-button:hover {
    background: #fff;
    color: #009688
}
.fc-toolbar .ui-button > span {
    position: relative;
    font-family: 'Material-Design-Iconic-Font';
    font-size: 20px;
    line-height: 100%;
    width: 30px;
    display: block;
    margin-top: 2px
}
.fc-toolbar .ui-button > span:before {
    position: relative;
    z-index: 1
}
.fc-toolbar .ui-button > span.ui-icon-circle-triangle-w:before {
    content: "\e905"
}
.fc-toolbar .ui-button > span.ui-icon-circle-triangle-e:before {
    content: "\e904"
}
.fc-event {
    padding: 0;
    font-size: 11px;
    border-radius: 0;
    border: 0
}
.fc-event .fc-title {
    padding: 2px 8px;
    display: block
}
.fc-event .fc-time {
    float: left;
    background: rgba(0, 0, 0, 0.2);
    padding: 2px 6px;
    margin: 0 0 0 -1px
}
.fc-view,.fc-view > table {
    border: 0;
    overflow: hidden
}
.fc-view > table > tbody > tr > .ui-widget-content {
    border-top: 0
}
div.fc-row {
    margin-right: 0 !important;
    border: 0 !important
}
.fc-today {
    color: #000000 !important;
    background: #f7f744
}
/* Even Tag Color */
.event-tag {
    margin-top: 5px
}
.event-tag > span {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 3px;
    position: relative;
    display: inline-block;
    cursor: pointer
}
.event-tag > span:hover {
    opacity: 0.8;
    filter: alpha(opacity=80)
}
.event-tag > span.selected:before {
    font-family: 'Material-Design-Iconic-Font';
    content: "\e876";
    position: absolute;
    text-align: center;
    top: 3px;
    width: 100%;
    font-size: 17px;
    color: #FFF
}
hr.fc-divider {
    border-width: 1px;
    border-color: #eee
}
.fc-day-grid-container.fc-scroller {
    height: auto !important;
    overflow: hidden !important
}
.input-slider:not([data-is-color]) .noUi-handle,.input-slider-range:not([data-is-color]) .noUi-handle,.input-slider-values:not([data-is-color]) .noUi-handle,.input-slider:not([data-is-color]) .noUi-connect,.input-slider-range:not([data-is-color]) .noUi-connect,.input-slider-values:not([data-is-color]) .noUi-connect {
    background: #009688 !important
}
.input-slider:not([data-is-color]) .is-tooltip,.input-slider-range:not([data-is-color]) .is-tooltip,.input-slider-values:not([data-is-color]) .is-tooltip {
    background: #009688
}
.input-slider:not([data-is-color]) .is-tooltip:after,.input-slider-range:not([data-is-color]) .is-tooltip:after,.input-slider-values:not([data-is-color]) .is-tooltip:after {
    border-color: #009688 transparent transparent transparent
}
.input-slider[data-is-color=red] .noUi-handle,.input-slider-range[data-is-color=red] .noUi-handle,.input-slider-values[data-is-color=red] .noUi-handle,.input-slider[data-is-color=red] .noUi-connect,.input-slider-range[data-is-color=red] .noUi-connect,.input-slider-values[data-is-color=red] .noUi-connect {
    background: #f44336 !important
}
.input-slider[data-is-color=blue] .noUi-handle,.input-slider-range[data-is-color=blue] .noUi-handle,.input-slider-values[data-is-color=blue] .noUi-handle,.input-slider[data-is-color=blue] .noUi-connect,.input-slider-range[data-is-color=blue] .noUi-connect,.input-slider-values[data-is-color=blue] .noUi-connect {
    background: #2196f3 !important
}
.input-slider[data-is-color=cyan] .noUi-handle,.input-slider-range[data-is-color=cyan] .noUi-handle,.input-slider-values[data-is-color=cyan] .noUi-handle,.input-slider[data-is-color=cyan] .noUi-connect,.input-slider-range[data-is-color=cyan] .noUi-connect,.input-slider-values[data-is-color=cyan] .noUi-connect {
    background: #00bcd4 !important
}
.input-slider[data-is-color=amber] .noUi-handle,.input-slider-range[data-is-color=amber] .noUi-handle,.input-slider-values[data-is-color=amber] .noUi-handle,.input-slider[data-is-color=amber] .noUi-connect,.input-slider-range[data-is-color=amber] .noUi-connect,.input-slider-values[data-is-color=amber] .noUi-connect {
    background: #ffc107 !important
}
.input-slider[data-is-color=green] .noUi-handle,.input-slider-range[data-is-color=green] .noUi-handle,.input-slider-values[data-is-color=green] .noUi-handle,.input-slider[data-is-color=green] .noUi-connect,.input-slider-range[data-is-color=green] .noUi-connect,.input-slider-values[data-is-color=green] .noUi-connect {
    background: #4caf50 !important
}
.input-slider .noUi-origin {
    background: #d4d4d4
}
.input-slider:not([data-is-color]) .noUi-base {
    background: #009688 !important
}
.input-slider[data-is-color=red] .noUi-base {
    background: #f44336 !important
}
.input-slider[data-is-color=blue] .noUi-base {
    background: #2196f3 !important
}
.input-slider[data-is-color=cyan] .noUi-base {
    background: #00bcd4 !important
}
.input-slider[data-is-color=amber] .noUi-base {
    background: #ffc107 !important
}
.input-slider[data-is-color=green] .noUi-base {
    background: #4caf50 !important
}
.cp-container {
    position: relative
}
.cp-container > .input-group input.cp-value {
    color: #000 !important;
    background: transparent !important
}
.cp-container > .input-group .dropdown-menu {
    padding: 20px
}
.cp-container i.cp-value {
    width: 25px;
    height: 25px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 15px
}
.note-editor,.note-popover {
    border-color: #e4e4e4
}
.note-editor .note-toolbar,.note-popover .note-toolbar,.note-editor .popover-content,.note-popover .popover-content {
    background: #fff;
    border-color: #e4e4e4;
    margin: 0;
    padding: 10px 0 15px;
    text-align: center
}
.note-editor .note-toolbar > .btn-group,.note-popover .note-toolbar > .btn-group,.note-editor .popover-content > .btn-group,.note-popover .popover-content > .btn-group {
    display: inline-block;
    float: none;
    box-shadow: none
}
.note-editor .note-toolbar > .btn-group .btn,.note-popover .note-toolbar > .btn-group .btn,.note-editor .popover-content > .btn-group .btn,.note-popover .popover-content > .btn-group .btn {
    margin: 0 1px
}
.note-editor .note-toolbar > .btn-group > .active,.note-popover .note-toolbar > .btn-group > .active,.note-editor .popover-content > .btn-group > .active,.note-popover .popover-content > .btn-group > .active {
    background: #00bcd4;
    color: #fff
}
.note-editor .note-toolbar .btn,.note-popover .note-toolbar .btn,.note-editor .popover-content .btn,.note-popover .popover-content .btn {
    height: 40px;
    border-radius: 2px !important;
    box-shadow: none !important
}
.note-editor .note-toolbar .btn:active,.note-popover .note-toolbar .btn:active,.note-editor .popover-content .btn:active,.note-popover .popover-content .btn:active {
    box-shadow: none
}
.note-editor .note-toolbar .note-palette-title,.note-popover .note-toolbar .note-palette-title,.note-editor .popover-content .note-palette-title,.note-popover .popover-content .note-palette-title {
    margin: 0 !important;
    padding: 10px 0 !important;
    font-size: 13px !important;
    text-align: center !important;
    border: 0 !important
}
.note-editor .note-toolbar .note-color-reset,.note-popover .note-toolbar .note-color-reset,.note-editor .popover-content .note-color-reset,.note-popover .popover-content .note-color-reset {
    padding: 0 0 10px !important;
    margin: 0 !important;
    background: none;
    text-align: center
}
.note-editor .note-toolbar .note-color .dropdown-menu,.note-popover .note-toolbar .note-color .dropdown-menu,.note-editor .popover-content .note-color .dropdown-menu,.note-popover .popover-content .note-color .dropdown-menu {
    min-width: 335px
}
.note-editor .note-statusbar .note-resizebar,.note-popover .note-statusbar .note-resizebar {
    border-color: #E8E8E8
}
.note-editor .note-statusbar .note-resizebar .note-icon-bar,.note-popover .note-statusbar .note-resizebar .note-icon-bar {
    border-color: #BCBCBC
}
.note-editor .fa,.note-popover .fa {
    font-style: normal;
    font-size: 20px;
    vertical-align: middle
}
.note-editor .fa:before,.note-popover .fa:before {
    font-family: 'Material Design Iconic Font'
}
.note-editor .fa.fa-magic:before,.note-popover .fa.fa-magic:before {
    content: "\f11b"
}
.note-editor .fa.fa-bold:before,.note-popover .fa.fa-bold:before {
    content: "\f17a"
}
.note-editor .fa.fa-italic:before,.note-popover .fa.fa-italic:before {
    content: "\f181"
}
.note-editor .fa.fa-underline:before,.note-popover .fa.fa-underline:before {
    content: "\f18b"
}
.note-editor .fa.fa-font:before,.note-popover .fa.fa-font:before {
    content: "\f17e"
}
.note-editor .fa.fa-list-ul:before,.note-popover .fa.fa-list-ul:before {
    content: "\f183"
}
.note-editor .fa.fa-list-ol:before,.note-popover .fa.fa-list-ol:before {
    content: "\f184"
}
.note-editor .fa.fa-align-left:before,.note-popover .fa.fa-align-left:before {
    content: "\f178"
}
.note-editor .fa.fa-align-left:before,.note-popover .fa.fa-align-left:before {
    content: "\f178"
}
.note-editor .fa.fa-align-right:before,.note-popover .fa.fa-align-right:before {
    content: "\f179"
}
.note-editor .fa.fa-align-center:before,.note-popover .fa.fa-align-center:before {
    content: "\f176"
}
.note-editor .fa.fa-align-justify:before,.note-popover .fa.fa-align-justify:before {
    content: "\f177"
}
.note-editor .fa.fa-indent:before,.note-popover .fa.fa-indent:before {
    content: "\f180"
}
.note-editor .fa.fa-outdent:before,.note-popover .fa.fa-outdent:before {
    content: "\f17f"
}
.note-editor .fa.fa-text-height:before,.note-popover .fa.fa-text-height:before {
    content: "\f182"
}
.note-editor .fa.fa-table:before,.note-popover .fa.fa-table:before {
    content: "\f21e"
}
.note-editor .fa.fa-link:before,.note-popover .fa.fa-link:before {
    content: "\f10d"
}
.note-editor .fa.fa-picture-o:before,.note-popover .fa.fa-picture-o:before {
    content: "\f224"
}
.note-editor .fa.fa-minus:before,.note-popover .fa.fa-minus:before {
    content: "\f16e"
}
.note-editor .fa.fa-arrows-alt:before,.note-popover .fa.fa-arrows-alt:before {
    content: "\f29f"
}
.note-editor .fa.fa-code:before,.note-popover .fa.fa-code:before {
    content: "\f066"
}
.note-editor .fa.fa-question:before,.note-popover .fa.fa-question:before {
    content: "\f033"
}
.note-editor .fa.fa-eraser:before,.note-popover .fa.fa-eraser:before {
    content: "\f17b"
}
.note-editor .fa.fa-square:before,.note-popover .fa.fa-square:before {
    content: "\f1f4"
}
.note-editor .fa.fa-circle-o:before,.note-popover .fa.fa-circle-o:before {
    content: "\f2e3"
}
.note-editor .fa.fa-times:before,.note-popover .fa.fa-times:before {
    content: "\f29a"
}
.note-editor .note-air-popover .arrow,.note-popover .note-air-popover .arrow {
    left: 20px
}
.note-editor .note-editable {
    padding: 20px 23px
}
.bootstrap-datetimepicker-widget {
    margin-top: 0 !important
}
.bootstrap-datetimepicker-widget.top {
    -webkit-transform-origin: 0 100% !important;
    -moz-transform-origin: 0 100% !important;
    -ms-transform-origin: 0 100% !important;
    transform-origin: 0 100% !important
}
.bootstrap-datetimepicker-widget:before,.bootstrap-datetimepicker-widget:after {
    display: none !important
}
.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle span {
    background: #fff;
    border-radius: 0
}
.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle span:hover {
    background: #fff
}
.bootstrap-datetimepicker-widget .datepicker-days table {
    margin-bottom: 20px
}
.bootstrap-datetimepicker-widget .timepicker .md {
    font-size: 25px
}
.bootstrap-datetimepicker-widget .glyphicon {
    color: #333
}
.bootstrap-datetimepicker-widget .active {
    background: #2196f3 !important
}
.fileinput {
    position: relative;
    padding-right: 35px;
    width: 100%;
    height: 300px
}
.fileinput .close {
    position: absolute;
    top: 5px;
    font-size: 12px;
    float: none;
    opacity: 1;
    font-weight: 500;
    border: 1px solid #ccc;
    width: 19px;
    text-align: center;
    height: 19px;
    line-height: 15px;
    border-radius: 50%;
    right: 0
}
.fileinput .close:hover {
    background: #eee
}
.fileinput .btn-file > input {
    z-index: 1000
}
.fileinput .input-group-addon {
    padding: 0 10px;
    vertical-align: middle
}
.fileinput .fileinput-preview {
    width: 100%;
    position: relative;
    height: 200px
}
.fileinput .fileinput-preview img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
}
.fileinput .fileinput-preview:after {
    content: "";
    display: inline-block;
    vertical-align: middle
}
#lg-slider:after {
    content: "";
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    border: 2px solid #2196f3;
    -webkit-animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
    animation: ball-scale-ripple 1s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
    position: absolute;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    z-index: -1
}
#lg-outer {
    background: rgba(255, 255, 255, 0.95)
}
#lg-outer .object {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    border-radius: 2px
}
#lg-close {
    display: none
}
#lg-action {
    top: 0;
    width: 100%;
    left: 0;
    margin-left: 0 !important;
    height: 40px;
    text-align: center
}
#lg-action > a {
    background: transparent;
    color: #9D9D9D;
    font-size: 18px;
    width: 28px;
    height: 37px
}
#lg-action > a:hover {
    background: transparent;
    color: #000
}
#lg-action .cl-thumb {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    line-height: 38px;
    background: #f44336;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12)
}
#lg-action .cl-thumb:after {
    text-align: center;
    left: 16px !important;
    bottom: 6px !important;
    color: #fff
}
#lg-action .cl-thumb:hover {
    background: #f32c1e
}
.lg-slide {
    background: none !important
}
.lg-slide em {
    font-style: normal
}
.lg-slide em h3 {
    margin-bottom: 5px
}
.lg-slide .video-cont {
    box-shadow: 0 8px 17px rgba(0, 0, 0, 0.2), 0 6px 20px rgba(0, 0, 0, 0.19)
}
@-webkit-keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7
    }
    100% {
        opacity: 0.0
    }
}
@keyframes ball-scale-ripple {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
        opacity: 1
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.7
    }
    100% {
        opacity: 0.0
    }
}
.waves-button,.waves-circle {
    -webkit-mask-image: none;
    line-height: inherit
}
.date-picker .dp-inline {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    display: inline-block
}
.date-picker:not(.dp-blue):not(.dp-red) .tr-dpnav th {
    background: #009688
}
.date-picker:not(.dp-blue):not(.dp-red) .tr-dpday th {
    background: #00877a
}
.date-picker:not(.dp-blue):not(.dp-red) .dp-active {
    background-color: #009688
}
.date-picker:not(.dp-blue):not(.dp-red) .dp-actions .btn-link {
    color: #009688
}
.date-picker .dropdown-menu {
    padding: 0;
    margin: 0
}
.date-picker.is-opened .dropdown-menu {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100)
}
.dp-table {
    position: relative;
    z-index: 1
}
.dp-table thead > tr th:first-child {
    padding-left: 15px
}
.dp-table thead > tr th:last-child {
    padding-right: 15px
}
.dp-table tbody > tr:first-child > td {
    padding-top: 15px
}
.dp-table tbody > tr:last-child > td {
    padding-bottom: 15px
}
.dp-table tbody > tr td:first-child {
    padding-left: 15px
}
.dp-table tbody > tr td:last-child {
    padding-right: 15px
}
.btn-dp {
    background: transparent;
    border: 0
}
.btn-dp .zmdi {
    font-size: 18px;
    line-height: 100%;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    line-height: 34px
}
.btn-dp .zmdi:hover {
    background-color: rgba(0, 0, 0, 0.14)
}
.btn-dp[disabled] {
    color: #CDCDCD
}
.btn-dp[disabled] .dp-day-muted {
    color: #CDCDCD
}
.btn-dpbody {
    padding: 13px;
    font-size: 12px;
    border-radius: 2px
}
.btn-dpbody:not(.dp-active):not([disabled]) {
    color: #000
}
.btn-dpbody:not(.dp-active):not([disabled]):not(.dp-today):hover {
    background: #F0F0F0
}
.btn-dpday {
    border-radius: 50%;
    width: 42px !important;
    height: 42px
}
.tr-dpnav .btn-dp {
    color: #fff;
    padding: 25px 0 23px
}
.tr-dpday th {
    padding: 8px 0 9px;
    color: #fff;
    text-transform: uppercase
}
.dp-active {
    color: #fff
}
.dp-today:not(.dp-active) {
    background-color: #E2E2E2
}
.dp-day-muted {
    color: #8B8B8B
}
.dp-title {
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase
}
.dp-title:hover {
    background-color: rgba(0, 0, 0, 0.14);
    border-radius: 2px
}
.dp-blue .tr-dpnav th {
    background: #2196f3
}
.dp-blue .tr-dpday th {
    background: #128ff2
}
.dp-blue .dp-active {
    background-color: #2196f3
}
.dp-blue .dp-actions .btn-link {
    color: #2196f3
}
.dp-red .tr-dpnav th {
    background: #f44336
}
.dp-red .tr-dpday th {
    background: #f33527
}
.dp-red .dp-active {
    background-color: #f44336
}
.dp-red .dp-actions .btn-link {
    color: #f44336
}
.dp-actions {
    padding: 10px 20px 20px;
    text-align: right
}
.dp-actions .btn-link {
    text-decoration: none;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 500
}
.ng-table th.sortable {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.ng-table th.sortable:hover {
    background-color: #FDFBD3
}
.ng-table .form-control {
    border: 1px solid #E4E4E4;
    padding: 10px 15px;
    height: 40px
}
.ng-table .form-control:active,.ng-table .form-control:focus {
    border-color: #D7D7D7 !important
}
.ng-table-pager {
    padding: 12px 25px 15px;
    min-height: 101px
}
@media screen and (min-width: 768px) {
    .ng-table-pager {
        background:#f4f4f4
    }
}
.ng-table-counts {
    box-shadow: none !important;
    margin-top: 23px;
    border: 1px solid #E8E8E8
}
@media screen and (max-width: 768px) {
    .ng-table-counts {
        display:none
    }
}
.ng-table-counts .active {
    background: #F0F0F0
}
@media screen and (max-width: 768px) {
    .ng-table-pagination {
        width:100%;
        text-align: center
    }
}
.ng-table-pagination > li {
    position: relative
}
.ng-table-pagination > li:first-child:before,.ng-table-pagination > li:last-child:before {
    font-family: 'Material-Design-Iconic-Font';
    font-size: 22px;
    position: absolute;
    left: 16px;
    top: 5px;
    z-index: 12
}
.ng-table-pagination > li:first-child > a,.ng-table-pagination > li:last-child > a {
    font-size: 0px
}
.ng-table-pagination > li:first-child:before {
    content: "\f2fa"
}
.ng-table-pagination > li:last-child:before {
    content: "\f2fb"
}
.sortable .ng-table-header {
    position: relative
}
.sortable .ng-table-header:before {
    font-family: 'Material-Design-Iconic-Font';
    position: absolute;
    right: 0;
    top: -2px;
    font-size: 17px
}
.sortable.sort-desc .ng-table-header:before {
    content: "\f1ce"
}
.sortable.sort-asc .ng-table-header:before {
    content: "\f1cd"
}
.sweet-alert {
    border-radius: 2px;
    padding: 10px 30px
}
.sweet-alert h2 {
    font-size: 16px;
    font-weight: 400;
    position: relative;
    z-index: 1
}
.sweet-alert .lead {
    font-size: 13px
}
.sweet-alert .btn {
    padding: 6px 12px;
    font-size: 13px;
    margin: 20px 2px 0
}
.smallloading {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    background: #00000087;
    font-size: 4em;
    color: #fff;
    text-align: center;
}
.smallloading .progress {
    background: #2196f3;
    width: 0;
    font-size: 27px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    transition-duration: .5s;
    box-shadow: 2px 2px 9px #81868c
}
.smallloading:before {
    content: '';
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid rgba(255,255,255,.1);
    border-right-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    -webkit-animation-name: loader;
    animation-name: loader;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes loader {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.right-sidebar p {
    margin: 0px 0px 13px 0px;
    font-weight: bold;
    text-align: center;
    color: #5f5c5c;
}
.right-sidebar .setting-list {
    list-style: none;
    padding-left: 0;
    /* margin-bottom:20px; */
}
.right-sidebar .setting-list li {
    padding: 15px;
    position: relative;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee
}
.right-sidebar .colortab li {
    padding: 11px;
    cursor: pointer;
    border: 0;
    border-bottom: 1px solid #eee;
    color: #414242;
    font-size: 13px;
}
.right-sidebar .skin-switch span {
    position: absolute;
    left: 17px;
    top: 3px;
    font-size: 35px;
}
.right-sidebar .setting-list .toggle-switch {
    width: 100%
}
.overlay {
    position: fixed;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9;
}
select {
    background: url(../img/select2.png) 99% no-repeat #f5f5f5;
    border: 1px solid #dcdcdc;
    font-size: 22px;
    width: 100%;
    line-height: 23px;
    border-radius: 4px;
    padding: 0px 4px;
    -webkit-appearance: inherit;
    appearance: inherit;
    background-position-x: 97%;
    font-weight: bold;
    padding-right: 15px;
    cursor: pointer;
    height: 35px;
    color: gray;
    top: -4px;
}
select option {
    color: #000
}
select.disabled {
    background: white;
    border: none
}
.chartx select,.pieselect {
    background: url(../img/select.png) 91% no-repeat transparent;
    border-radius: 23px;
    border: 1px solid #ffffff;
    padding: 0px 20px;
    color: white
}
.pieselect option,.chartx select option {
    color: black
}
.pieselect {
    float: right;
    width: 110px;
    margin-right: 13px
}
.list-group {
    margin-bottom: 0
}
.list-group.lg-alt .list-group-item {
    border: 0;
    margin: 0;
    padding: 10px 25px;
    transition: all 1s;
}
.lgi-heading,.lgi-text:not(:last-child) {
    margin-bottom: 4px
}
.list-group:not(.lg-alt).lg-listview .list-group-item {
    border-left: 0;
    border-right: 0
}
.list-group:not(.lg-alt).lg-listview .list-group-item:last-child {
    border-bottom: 0
}
.list-group.lg-even-white .list-group-item:nth-child(even),.list-group.lg-odd-white .list-group-item:nth-child(odd) {
    background-color: rgba(255,255,255,.12)
}
.list-group.lg-odd-black .list-group-item:nth-child(odd) {
    background-color: rgba(0,0,0,.04)
}
.list-group.lg-even-black .list-group-item.active,.list-group.lg-even-black .list-group-item:hover {
    background-color: #effd7c
}
.list-group .list-group-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f0
}
.list-group-item .media-body {
    margin-top: 9px;
}
.lgi-heading {
    color: #333
}
.lgi-heading>small {
    font-size: 11px;
    color: #C5C5C5;
    margin-left: 10px
}
.lgi-attrs>li,.lgi-text {
    font-size: 12px;
    color: #AEAEAE
}
.lgi-heading,.lgi-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.opa4 {
    opacity: 0.3
}
.opa3 {
    opacity: .4;
    cursor: not-allowed
}
.tablex {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}
.tablex td {
    border-left: 1px solid #cec5c5;
    background: #fff;
    border-bottom: 1px solid #bbb;
    color: #717171
}
.tablex tr:nth-child(odd) td {
    background: #f9f8f8;
}
.tablex.white td {
    background: white!important
}
.tablex th span.iconsortUP {
    transform: rotate(180deg)
}
.tablex th span.iconsort {
    float: right;
    margin-right: 6px;
    transition: all 1s
}
.table:not(.fixed) td:first-child {
    text-align: left;
    border-left: none
}
.tablex tr.pending td {
    background: #ddeff1 !important
}
.jhvdz {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    font-size: 26px;
    padding: 0px 8px
}
.table:not(.brdr) td:last-child {
    border-right: none!important
}
.tablex td,.tablex th {
    padding: 5px 5px;
    line-height: 1.42857143;
    vertical-align: middle;
    font-weight: bolder;
    cursor: pointer;
    /* font-size:13px;*/
    overflow: hidden;
}
.tablex th .iconsort {
    float: right;
    margin-right: 6px;
    font-size: 18px
}
.tablex tr.selected td {
    font-style: oblique;
    color: yellow
}
.highlighted {
    background: #c0ff00
}
.tablex th {
    background: #607d8b;
    color: white;
    border-left: 1px solid #afafaf;
    cursor: pointer;
    border-top: 1px solid #afafaf;
    border-bottom: none
}
.tablex.hover tr:hover td {
    background: #f3f3f3;
    color: #969643;
}
.tablex.hover tr.selected:hover td {
    background: #f3f3f3;
    color: #fdfdfd;
}
.tablex tr.selected td {
    background: #04544d!important
}
.tablex td .icon {
    font-size: 30px;
    position: absolute;
    left: 32%;
    top: 4px
}
.tablex th,.tablex td {
    white-space: nowrap;
}
/*! * angular-ios-alertview 1.4.3 * iOS7+ style alertview service for angular * License:MIT * Author:Treri * build:Sun Feb 07 2016 12:50:54 GMT+0800 (CST) **/
.ios-alertview-overlay {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #000;
    font-size: 14px;
    line-height: 1.4;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.4);
    z-index: 10600;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}
.ios-alertview-overlay.ng-enter,.ios-alertview-overlay.ng-leave-active {
    opacity: 0
}
.ios-alertview-overlay.ng-enter-active {
    opacity: 1
}
.ios-alertview-overlay * {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}
.ios-alertview {
    width: 350px;
    position: absolute;
    z-index: 11000;
    left: 50%;
    top: 50%;
    text-align: center;
    border-radius: 7px;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity
}
.ios-alertview-overlay.ng-enter .ios-alertview {
    opacity: 0;
    -webkit-transform: translate3d(-50%,-50%,0) scale(2);
    transform: translate3d(-50%,-50%,0) scale(2)
}
.ios-alertview-overlay.ng-enter-active .ios-alertview,.ios-alertview-overlay.ng-leave .ios-alertview {
    opacity: 1;
    -webkit-transform: translate3d(-50%,-50%,0) scale(1);
    transform: translate3d(-50%,-50%,0) scale(1)
}
.ios-alertview-overlay.ng-leave-active .ios-alertview {
    opacity: 0;
    z-index: 10999;
    -webkit-transform: translate3d(-50%,-50%,0) scale(.815);
    transform: translate3d(-50%,-50%,0) scale(.815)
}
.ios-alertview-inner {
    padding: 15px;
    border-bottom: 1px solid #a9a9a9;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    /* background:#e8e8e8 */
}
.ios-alertview-inner-remind {
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px
}
.ios-alertview-title {
    font-weight: 700;
    font-size: 18px;
    text-align: center
}
.ios-alertview-title+.ios-alertview-text {
    margin-top: 5px
}
.ios-alertview-text-input {
    outline: 0;
    box-sizing: border-box;
    height: 30px;
    background: #fff;
    margin: 0;
    margin-top: 15px;
    padding: 0 5px;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    display: block;
    box-shadow: 0 0 0 transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #040404;
    font-weight: bold
}
.ios-alertview-buttons {
    overflow: hidden
}
.ios-alertview-buttons-horizontal {
    height: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.ios-alertview-button {
    width: 100%;
    padding: 0 5px;
    height: 44px;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    display: block;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    border-bottom: 1px solid #b5b5b5;
    box-sizing: border-box;
    /* color:#007aff; */
    /* background:#e8e8e8 */
}
.ios-alertview-button.ios-alertview-button-bold {
    font-weight: 700
}
.ios-alertview-button:active {
    background-color: #d4d4d4
}
.ios-alertview-button:last-child {
    border-radius: 0 0 7px 7px
}
.ios-alertview-buttons-horizontal .ios-alertview-button {
    border-bottom: none;
    border-right: 1px solid #a9a9a9;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.ios-alertview-buttons-horizontal .ios-alertview-button:first-child {
    border-radius: 0 0 0 7px
}
.ios-alertview-buttons-horizontal .ios-alertview-button:last-child {
    border-right: none;
    border-radius: 0 0 7px 0
}
.ios-alertview-buttons-horizontal .ios-alertview-button:first-child:last-child {
    border-radius: 0 0 7px 7px
}
@-webkit-keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        transform: scale(0.95);
        -webkit-tranform: scale(0.95)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
@keyframes showSweetAlert {
    0% {
        transform: scale(0.7);
        -webkit-transform: scale(0.7)
    }
    45% {
        transform: scale(1.05);
        -webkit-transform: scale(1.05)
    }
    80% {
        transform: scale(0.95);
        -webkit-tranform: scale(0.95)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}
@-webkit-keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5)
    }
}
@keyframes hideSweetAlert {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
    100% {
        transform: scale(0.5);
        -webkit-transform: scale(0.5)
    }
}
.showSweetAlert {
    -webkit-animation: showSweetAlert 0.3s;
    animation: showSweetAlert 0.3s
}
.hideSweetAlert {
    -webkit-animation: hideSweetAlert 0.2s;
    animation: hideSweetAlert 0.2s
}
@-webkit-keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}
@keyframes animateSuccessTip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px
    }
}
@-webkit-keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}
@keyframes animateSuccessLong {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px
    }
}
@-webkit-keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}
@keyframes rotatePlaceholder {
    0% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    5% {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    12% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
    100% {
        transform: rotate(-405deg);
        -webkit-transform: rotate(-405deg)
    }
}
.animateSuccessTip {
    -webkit-animation: animateSuccessTip 0.75s;
    animation: animateSuccessTip 0.75s
}
.animateSuccessLong {
    -webkit-animation: animateSuccessLong 0.75s;
    animation: animateSuccessLong 0.75s
}
.icon.success.animate::after {
    -webkit-animation: rotatePlaceholder 4.25s ease-in;
    animation: rotatePlaceholder 4.25s ease-in
}
@-webkit-keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}
@keyframes animateErrorIcon {
    0% {
        transform: rotateX(100deg);
        -webkit-transform: rotateX(100deg);
        opacity: 0
    }
    100% {
        transform: rotateX(0deg);
        -webkit-transform: rotateX(0deg);
        opacity: 1
    }
}
.animateErrorIcon {
    -webkit-animation: animateErrorIcon 0.5s;
    animation: animateErrorIcon 0.5s
}
@-webkit-keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}
@keyframes animateXMark {
    0% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        transform: scale(0.4);
        -webkit-transform: scale(0.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        transform: scale(1.15);
        -webkit-transform: scale(1.15);
        margin-top: -6px
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}
.animateXMark {
    -webkit-animation: animateXMark 0.5s;
    animation: animateXMark 0.5s
}
@-webkit-keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}
@keyframes pulseWarning {
    0% {
        border-color: #F8D486
    }
    100% {
        border-color: #F8BB86
    }
}
.pulseWarning {
    -webkit-animation: pulseWarning 0.75s infinite alternate;
    animation: pulseWarning 0.75s infinite alternate
}
@-webkit-keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}
@keyframes pulseWarningIns {
    0% {
        background-color: #F8D486
    }
    100% {
        background-color: #F8BB86
    }
}
.pulseWarningIns {
    -webkit-animation: pulseWarningIns 0.75s infinite alternate;
    animation: pulseWarningIns 0.75s infinite alternate
}
.sweet-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1040
}
.sweet-alert {
    background-color: #ffffff;
    width: 478px;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-left: -256px;
    margin-top: -200px;
    overflow: hidden;
    display: none;
    z-index: 2000
}
@media all and (max-width: 767px) {
    .sweet-alert {
        width:auto;
        margin-left: 0;
        margin-right: 0;
        left: 15px;
        right: 15px
    }
}
.sweet-alert .icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box
}
.sweet-alert .icon.error {
    border-color: #d43f3a
}
.sweet-alert .icon.error .x-mark {
    position: relative;
    display: block
}
.sweet-alert .icon.error .line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #d9534f;
    display: block;
    top: 37px;
    border-radius: 2px
}
.sweet-alert .icon.error .line.left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}
.sweet-alert .icon.error .line.right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px
}
.sweet-alert .icon.warning {
    border-color: #eea236
}
.sweet-alert .icon.warning .body {
    position: absolute;
    width: 5px;
    height: 47px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #f0ad4e
}
.sweet-alert .icon.warning .dot {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    left: 50%;
    bottom: 10px;
    background-color: #f0ad4e
}
.sweet-alert .icon.info {
    border-color: #46b8da
}
.sweet-alert .icon.info::before {
    content: "";
    position: absolute;
    width: 5px;
    height: 29px;
    left: 50%;
    bottom: 17px;
    border-radius: 2px;
    margin-left: -2px;
    background-color: #5bc0de
}
.sweet-alert .icon.info::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin-left: -3px;
    top: 19px;
    background-color: #5bc0de
}
.sweet-alert .icon.success {
    border-color: #4cae4c
}
.sweet-alert .icon.success::before,.sweet-alert .icon.success::after {
    content: '';
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: white;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.sweet-alert .icon.success::before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}
.sweet-alert .icon.success::after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0px 60px;
    transform-origin: 0px 60px
}
.sweet-alert .icon.success .placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(92, 184, 92, 0.2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}
.sweet-alert .icon.success .fix {
    width: 5px;
    height: 90px;
    background-color: #ffffff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.sweet-alert .icon.success .line {
    height: 5px;
    background-color: #5cb85c;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}
.sweet-alert .icon.success .line.tip {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.sweet-alert .icon.success .line.long {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.sweet-alert .icon.custom {
    background-size: contain;
    border-radius: 0;
    border: none;
    background-position: center center;
    background-repeat: no-repeat
}
.sweet-alert .btn-default:focus {
    border-color: #cccccc;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6)
}
.sweet-alert .btn-success:focus {
    border-color: #4cae4c;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6)
}
.sweet-alert .btn-info:focus {
    border-color: #46b8da;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6)
}
.sweet-alert .btn-danger:focus {
    border-color: #d43f3a;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6)
}
.sweet-alert .btn-warning:focus {
    border-color: #eea236;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6)
}
.sweet-alert button::-moz-focus-inner {
    border: 0
}
label.control-label:not(.pull-right):before {
    font: normal normal normal 15px/1 'Material-Design-Iconic-Font';
    content: "\e3fa";
    color: orange;
    margin-right: 3px
}
label.control-label.pull-right:after {
    font: normal normal normal 10px/1 'Material-Design-Iconic-Font';
    content: "\e3fa";
    color: orange;
    margin-left: 3px
}
input.datechart {
    background: transparent;
    border: 1px solid white;
    width: 100%;
    font-size: 16px;
    text-align: center
}
ul.searchinput {
    padding: 0;
    background: #ffffff;
    border-top: 1px solid #c3c0c5
}
ul.searchinput li {
    padding: 7px 6px;
    border-bottom: 1px solid #c3c0c5;
    color: black;
    cursor: pointer
}
ul.searchinput li:hover {
    background-color: #e4e4e4
}
.card.border {
    /* overflow: hidden; */
    border-radius: 10px 10px 5px 5px;
}
.borderTop {
    border-radius: 10px 10px 0 0;
}
.card.border .listview {
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
    z-index: 1;
}
.autocompletedh {
    width: 100%;
    position: relative
}
.autocompletedh ul {
    list-style-type: none;
    width: 100%;
    padding: 0;
    margin: 2px 0 0;
    border: 1px solid #cecece;
    border-top: none;
    max-height: 300px;
    overflow: auto;
    position: absolute;
    animation: none!important;
    background: #fff;
    box-shadow: 0 4px 8px rgba(0,0,0,.22);
    z-index: 7
}
.autocompletedh ul li {
    padding: 11px;
    transition: All .6s;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
    font-size: 17px;
    cursor: pointer
}
.autocompletedh ul li.selecteddh,.autocompletedh ul li:hover {
    background-color: #dadada
}
.ajax {
    background-image: url(../images/ajax_loader.gif)!important;
    background-repeat: no-repeat!important;
    background-position: center right!important
}
.autocompletedh input,.autocompletedh ul {
    color: #000
}
.autocompletedh span.ht {
    background: #69e21d;
}
.autocompletedh input {
    -webkit-appearance: textfield;
    padding: 8px;
    display: block;
    width: 100%;
    /* border-radius:4px!important;*/
    /* border:0;*/
}
.autocompletedh .checkbox {
    padding: 0;
    margin: 0;
}
.autocompletedh .checkbox label{
    width: 100%;
    padding: 20px;
}

.autocompletedh .checkbox .input-helper{
  margin-left: 15px;
    right: 25px;
    position: relative;
}
.autocompletedh .checkbox span{
    margin-left: 20px;
}
.demo-bar {
    width: 100%;
    height: 7px
}
.ui-mprogress {
    pointer-events: none
}
.ui-mprogress .bar-bg,.ui-mprogress .buffer-bg,.ui-mprogress .deter-bar,.ui-mprogress .indeter-bar,.ui-mprogress .mp-ui-dashed,.ui-mprogress .query-bar {
    position: fixed;
    z-index: 1032;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #f6675d
}
.ui-mprogress .bar-bg,.ui-mprogress .buffer-bg {
    z-index: 1031;
    background: #b0d0ef
}
.ui-mprogress .mp-ui-dashed {
    z-index: 1030;
    background: 0 0
}
.ui-mprogress .indeter-bar {
    -webkit-animation: indeterminate 2.8s infinite linear;
    -moz-animation: indeterminate 2.8s infinite linear;
    -ms-animation: indeterminate 2.8s infinite linear;
    -o-animation: indeterminate 2.8s infinite linear;
    animation: indeterminate 2.8s infinite linear
}
.mprogress-custom-parent {
    overflow: hidden;
    position: absolute;
    width: 100%
}
.mprogress-custom-parent .bar-bg,.mprogress-custom-parent .buffer-bg,.mprogress-custom-parent .deter-bar,.mprogress-custom-parent .indeter-bar,.mprogress-custom-parent .mp-ui-dashed,.mprogress-custom-parent .query-bar {
    position: absolute
}
@-webkit-keyframes indeterminate {
    0% {
        -webkit-transform: translateX(-100%) scaleX(.2);
        -moz-transform: translateX(-100%) scaleX(.2);
        -ms-transform: translateX(-100%) scaleX(.2);
        -o-transform: translateX(-100%) scaleX(.2);
        transform: translateX(-100%) scaleX(.2)
    }
    20% {
        -webkit-transform: translateX(-40%) scaleX(.2);
        -moz-transform: translateX(-40%) scaleX(.2);
        -ms-transform: translateX(-40%) scaleX(.2);
        -o-transform: translateX(-40%) scaleX(.2);
        transform: translateX(-40%) scaleX(.2)
    }
    30% {
        -webkit-transform: translateX(0) scaleX(.5);
        -moz-transform: translateX(0) scaleX(.5);
        -ms-transform: translateX(0) scaleX(.5);
        -o-transform: translateX(0) scaleX(.5);
        transform: translateX(0) scaleX(.5)
    }
    55% {
        -webkit-transform: translateX(100%) scaleX(.7);
        -moz-transform: translateX(100%) scaleX(.7);
        -ms-transform: translateX(100%) scaleX(.7);
        -o-transform: translateX(100%) scaleX(.7);
        transform: translateX(100%) scaleX(.7)
    }
    55.99% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
    }
    56% {
        -webkit-transform: translateX(-100%) scaleX(0);
        -moz-transform: translateX(-100%) scaleX(0);
        -ms-transform: translateX(-100%) scaleX(0);
        -o-transform: translateX(-100%) scaleX(0);
        transform: translateX(-100%) scaleX(0)
    }
    56.99% {
        -webkit-transform: translateX(-100%) scaleX(.6);
        -moz-transform: translateX(-100%) scaleX(.6);
        -ms-transform: translateX(-100%) scaleX(.6);
        -o-transform: translateX(-100%) scaleX(.6);
        transform: translateX(-100%) scaleX(.6)
    }
    75% {
        -webkit-transform: translateX(-5%) scaleX(.6);
        -moz-transform: translateX(-5%) scaleX(.6);
        -ms-transform: translateX(-5%) scaleX(.6);
        -o-transform: translateX(-5%) scaleX(.6);
        transform: translateX(-5%) scaleX(.6)
    }
    85% {
        -webkit-transform: translateX(30%) scaleX(.3);
        -moz-transform: translateX(30%) scaleX(.3);
        -ms-transform: translateX(30%) scaleX(.3);
        -o-transform: translateX(30%) scaleX(.3);
        transform: translateX(30%) scaleX(.3)
    }
    98% {
        -webkit-transform: translateX(100%) scaleX(.2);
        -moz-transform: translateX(100%) scaleX(.2);
        -ms-transform: translateX(100%) scaleX(.2);
        -o-transform: translateX(100%) scaleX(.2);
        transform: translateX(100%) scaleX(.2)
    }
    99.99% {
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        transform: scaleX(0)
    }
    100% {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
.progggresdf {
    position: absolute;
    background: #151313d6;
    width: 100%;
    height: 100%;
    z-index: 9;
    padding: 0;
    color: white
}
#svg circle {
    stroke-dashoffset: 0;
    transition: stroke-dashoffset 1s linear;
    stroke: #666;
    stroke-width: 1em
}
#svg #bar {
    stroke: #FF9F1E;
    stroke-linecap: round
}
#cont {
    display: block;
    height: 200px;
    width: 200px;
    margin: 8% auto;
    box-shadow: 0 0 1em black;
    border-radius: 100%;
    position: relative;
    text-align: center
}
#cont:after {
    position: absolute;
    display: block;
    height: 160px;
    width: 160px;
    left: 50%;
    top: 50%;
    box-shadow: inset 0 0 1em black;
    content: attr(data-pct)"%";
    margin-top: -80px;
    margin-left: -80px;
    border-radius: 100%;
    line-height: 160px;
    font-size: 2em;
    text-shadow: 0 0 .5em black
}
.containerx {
    bottom: 0;
    position: fixed;
    margin: 1em;
    right: 0;
    z-index: 9
}
.highcharts-pie-series .highcharts-point {
    stroke: #EDE;
    stroke-width: 2px
}
.highcharts-container {
    width: 100!important;
    height: 100%!important
}
.isaze .col-md-3:nth-child(4) .info-box,.isaze .col-md-3:nth-child(8) .info-box {
    margin-right: 0
}
.range {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    width: 100%;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    padding: 0px 5px
}
.range input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: block;
    margin-right: 10px;
    margin-left: 10px
}
.range input {
    overflow: hidden;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 2px;
    padding-left: 1px;
    width: auto;
    height: 43px;
    outline: 0;
    background: linear-gradient(to right, rgb(193, 193, 193) 0,#000 100%);
    background-position: center;
    background-size: 99% 2px;
    background-repeat: no-repeat;
    -webkit-appearance: none
}
.range .icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0;
    -moz-box-flex: 0;
    -moz-flex: 0;
    -ms-flex: 0;
    flex: 0;
    display: block;
    min-width: 24px;
    text-align: center;
    font-size: 14px
}
html input[disabled]::-webkit-slider-thumb {
    background: #EBEBEB !important
}
.clearfix {
    clear: both
}
input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-shadow: 0 0 4px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2);
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -5px;
    cursor: pointer
}
input.ficheinput {
    padding: 8px;
    font-size: 17px;
    font-weight: bold;
    border-radius: 7px;
    border: none
}
.buttons:nth-last-child(1), #header, .card-header, .search-toggled .top-search-wrap, .lv-header-alt, .action-header {
    background-color: #455354;
    color: white
}
.flags {
    background-repeat: no-repeat!important;
    background-size: contain!important;
    background-position: right!important;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}
.rightmenu li {
    font-size: 10px !important
}
.rightmenu input,.rightmenu >* {
    font-size: 13px !important
}
.tsw-inner .autocompletedh ul {
    border-radius: 26px 26px;
    border: none
}
.tsw-inner .autocompletedh ul li {
    padding: 9px
}
.tsw-inner .autocompletedh .fg-line:after {
    display: none
}
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1053;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1053;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none!important
}
.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #ccc
}
.mfp-preloader a:hover {
    color: #fff
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-arrow,button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}
.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333
}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}
.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow:after,.mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}
.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}
.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 60%;
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}
@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform: scale(.75)
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}
.msg_date_indicator {
    width: 87px;
    background: #dcf8c6;
    border-radius: 5px;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
    margin: auto;
    text-align: center;
    font-weight: bold
}
.msg {
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden
}
.msg .bubble {
    float: left;
    max-width: 75%;
    width: auto;
    height: auto;
    display: block;
    background: #ebebeb;
    border-radius: 5px;
    position: relative;
    margin: 10px 0 3px 25px;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2)
}
.msg .bubble.alt {
    margin: 10px 25px 3px 0px;
    background: #DCF8C6;
    float: right
}
.msg .bubble.follow {
    margin: 2px 0 3px 25px
}
.msg .bubble.altfollow {
    margin: 2px 25px 3px 0px;
    background: #DCF8C6;
    float: right
}
.msg .bubble .txt {
    padding: 8px 0 8px 0;
    width: 100%;
    min-width: 250px
}
.msg .bubble .txt .name {
    font-weight: 600;
    font-size: 14px;
    display: inline-table;
    padding: 0 0 0 15px;
    margin: 0 0 4px 0;
    color: #3498db
}
.msg .bubble .txt .name span {
    font-weight: normal;
    color: #b3b3b3;
    overflow: hidden
}
.msg .bubble .txt .name.alt {
    color: #2ecc51
}
.msg .bubble .txt .message {
    font-size: 14px;
    font-weight: 500;
    padding: 0 15px 0 15px;
    margin: auto;
    color: #2b2b2b;
    text-align: left;
    display: block
}
.msg .bubble .txt .message img {
    max-width: 50%;
    cursor: pointer
}
.msg .bubble .txt .timestamp {
    font-size: 11px;
    margin: auto;
    padding: 4px 15px 0 0;
    display: table;
    float: right;
    position: relative;
    /* text-transform:uppercase; */
    color: #999;
}
.msg .bubble .bubble-arrow {
    position: absolute;
    float: left;
    left: -11px;
    top: 0px
}
.msg .bubble .bubble-arrow.alt {
    bottom: 20px;
    left: auto;
    right: 4px;
    float: right
}
.msg .bubble .bubble-arrow:after {
    content: "";
    position: absolute;
    border-top: 15px solid #ebebeb;
    border-left: 15px solid transparent;
    border-radius: 4px 0 0 0px;
    width: 0;
    height: 0
}
.msg .bubble .bubble-arrow.alt:after {
    border-top: 15px solid #DCF8C6;
    transform: scaleX(-1)
}
@media only screen and (max-width: 450px) {
    .container {
        width:100%;
        margin-top: 23px
    }
    .timestamp {
        display: none;
        color: red
    }
}
.messagebody {
    height: 63vh;
    overflow: auto;
    background: #cccccc;
    font-family: "Helvetica Neue", Helvetica;
}
.progress-line, .progress-line:before {
    height: 6px;
    width: 100%;
    margin: 0
}
.progress-line {
    background-color: #b3d4fc;
    display: -webkit-flex;
    display: flex;
    position: absolute;
    left: 0px;
    bottom: 0px
}
.progress-line:before {
    background-color: #4f5154;
    content: '';
    -webkit-animation: running-progress 2s cubic-bezier(0.94, 0.94, 0, 0.01)infinite;
    animation: running-progress 2s cubic-bezier(0.94, 0.94, 0, 0.01) infinite
}
@-webkit-keyframes running-progress {
    0% {
        margin-left: 0px;
        margin-right: 100%
    }
    50% {
        margin-left: 25%;
        margin-right: 0%
    }
    100% {
        margin-left: 100%;
        margin-right: 0
    }
}
@keyframes running-progress {
    0% {
        margin-left: 0px;
        margin-right: 100%
    }
    50% {
        margin-left: 25%;
        margin-right: 0%
    }
    100% {
        margin-left: 100%;
        margin-right: 0
    }
}
.ismobile .tooltip {
    display: none!important
}
ul.filieres li {
    background: #777775;
    display: inline-block;
    margin: 2px;
    padding: 5px;
    border-radius: 9%;
    cursor: pointer;
    color: white;
    font-weight: bold;
    box-shadow: 1px 1px 6px #b6b1bb
}
ul.filieres li.active {
    background-color: #493eff
}
.dropzone {
    position: relative;
    height: 100px;
    border: 2px dashed #b3b3b3;
    border-radius: 4px;
    background-color: #f3f3f3;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.dropzone .msg {
    font-size: 20px;
    font-weight: 700;
    color: #c3c3c3;
    padding: 0 10px
}
input.fileUpload {
    display: none
}
.preview {
    margin: 10px 0;
    padding: 5px
}
.previewDetails {
    display: inline-block;
    float: left;
    margin: 5px;
    padding: 8px
}
.detail {
    font-family: arial;
    padding: 5px;
    overflow: hidden;
    max-width: 200px;
    text-overflow: ellipsis;
    white-space: nowrap
}
.previewControls {
    position: absolute;
    top: 0;
    right: 0;
    background: red;
    padding: 5px;
    border-radius: 101%
}
.circle {
    border: 2px solid #ffffff;
    border-radius: 20px;
    display: inline-block;
    height: 25px;
    width: 25px;
    cursor: pointer;
    color: #ffffff;
    text-align: center;
    line-height: 2
}
.circle.upload:hover {
    border: 2px solid green
}
.circle.remove:hover {
    border: 2px solid red
}
.previewData {
    position: relative
}
.tablecontainnr {
    min-height: 42vh;
}
ul.listed li {
    background: #ada8a8;
    width: auto;
    float: left;
    margin: 5px 5px;
    padding: 2px 7px;
    font-size: 15px;
    border-radius: 15px;
    color: white;
    box-shadow: 1px 0px 5px #8b888e
}
ul.listed li i {
    top: 3px;
    cursor: pointer
}
.preview_img .span {
    position: absolute;
    font-size: 17px;
    background: whitesmoke;
    opacity: 0;
    width: 100%;
    transition: .51s;
    transform: scale(1.5);
    bottom: 0;
    word-break: break-word
}
.preview_img:hover .span {
    opacity: 1;
    transform: scale(1)
}
.right-sidebar .xsd li {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 39px;
    padding: 28px;
    margin: 7px;
    box-shadow: 1px 2px 4px #909090;
    border: 0;
}
.h-apps .dropdown-menu {
    width: 305px;
    padding: 25px 10px 15px;
    border-radius: 4px;
}
.h-apps .dropdown-menu > li {
    display: inline-block;
    width: 95px;
    margin-right: -4px;
    margin-bottom: 5px
}
.h-apps .dropdown-menu > li > a {
    display: block;
    text-align: center;
    border-radius: 2px;
    position: relative;
    overflow: hidden;
}
.h-apps .dropdown-menu > li > a > small, .h-apps .dropdown-menu > li > a > i {
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms
}
.h-apps .dropdown-menu > li > a > i {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 52px;
    border-radius: 50%;
    font-size: 22px;
    color: #fff;
    display: inline-block
}
.h-apps .dropdown-menu > li > a > small {
    display: block;
    text-align: center;
    color: #ABABAB;
    margin-top: 5px
}
.h-apps .dropdown-menu > li > a:hover {
    background: transparent
}
.h-apps .dropdown-menu > li > a:hover > small {
    color: #FFFFFF
}
.bganimatio {
    position: absolute;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    top: 11px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.h-apps .dropdown-menu > li > a:hover .bganimatio {
    -webkit-transform: scale(3.5);
    transform: scale(3.5)
}
@media (max-width: 767px) {
    .list-group.lg-alt .list-group-item {
        padding: 15px 10px;
    }
    #header {
        padding: 0px!important;
    }
    .action-header {
        padding: 16px 1px 0px 1px!important;
    }
    .lv-header-alt .lv-actions {
        float: none;
        margin: auto;
    }
}
#jqstooltip {
    min-width: 21px;
    min-height: 23px;
    text-align: center;
    border: 0;
    background: #fff;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    background-color: #fff;
}
#jqstooltip .jqsfield {
    font-size: 12px;
    font-weight: 700;
    font-family: inherit;
    text-align: center;
    color: #333;
}
#jqstooltip .jqsfield > span {
    display: none;
}
.cfp-hotkeys,.cfp-hotkeys-container {
    width: 100%;
    height: 100%
}
.cfp-hotkeys-container {
    display: table!important;
    position: fixed;
    top: 0;
    left: 0;
    color: #333;
    font-size: 1em;
    background-color: rgba(255,255,255,.9);
}
.cfp-content,.cfp-hotkeys {
    display: table-cell;
    vertical-align: middle
}
.cfp-hotkeys-container.fade {
    z-index: 1024;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.cfp-hotkeys-container.fade.in {
    z-index: 10002;
    visibility: visible;
    opacity: 1
}
.cfp-hotkeys-title {
    font-weight: 700;
    text-align: center;
    font-size: 1.2em
}
.cfp-hotkeys table {
    margin: auto;
    color: #333
}
.cfp-hotkeys-keys {
    padding: 5px;
}
.cfp-hotkeys-key {
    display: inline-block;
    color: #fff;
    min-width: 54px;
    background-color: #333;
    border: 1px solid #333;
    border-radius: 5px;
    text-align: center;
    margin-right: 5px;
    box-shadow: inset 0 1px 0 #666,0 1px 0 #bbb;
    padding: 5px 9px;
    font-size: 1em;
}
.cfp-hotkeys-text {
    padding-left: 10px;
    font-size: 1em
}
.cfp-hotkeys-close {
    position: fixed;
    top: 20px;
    right: 20px;
    font-size: 2em;
    font-weight: 700;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    min-height: 45px;
    min-width: 45px;
    text-align: center
}
.cfp-hotkeys-close:hover {
    background-color: #fff;
    cursor: pointer
}
@media all and (max-width: 500px) {
    .cfp-hotkeys {
        font-size:.8em
    }
}
@media all and (min-width: 750px) {
    .cfp-hotkeys {
        font-size:1.2em
    }
}
.checkbox-label:before,.checkbox-label:after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    /*transition*/
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    outline: none;
    font-family: Helvetica Neue,helvetica,arial,verdana,sans-serif
}
.toggles {
    width: 37px;
    text-align: center;
    height: 15px;
    margin: auto;
    margin-top: 16px
}
.ios-toggle,.ios-toggle:active {
    position: absolute;
    top: -5000px;
    height: 0;
    width: 0;
    opacity: 0;
    border: none;
    outline: none
}
.checkbox-label {
    display: block;
    position: relative;
    padding: 8px;
    font-size: 12px;
    line-height: 16px;
    width: 100%;
    height: 16px;
    /*border-radius*/
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
    background: #f8f8f8;
    cursor: pointer;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}
.checkbox-label:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 0;
    line-height: 33px;
    text-indent: 40px;
    height: 16px;
    width: 16px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    top: 0px;
    left: 0px;
    right: auto;
    background: white;
    -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    -moz-box-shadow: 0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    /* box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;*/
}
.checkbox-label:after {
    content: attr(data-off);
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: -307px;
    height: 100%;
    width: 300px;
    text-align: right;
    white-space: nowrap
}
.ios-toggle:checked + .checkbox-label {
    -webkit-box-shadow: inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow: inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    box-shadow: inset 0 0 0 20px #0d14f2,0 0 0 2px #1fc1c8
}
.ios-toggle:checked + .checkbox-label:before {
    left: calc(100% - 15px);
    -webkit-box-shadow: 0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    box-shadow: 0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3)
}
.ios-toggle:checked + .checkbox-label:after {
    content: attr(data-on);
    left: 29px;
    width: 41px
}
.ios-toggle + .checkbox-label {
    -webkit-box-shadow: inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
    -moz-box-shadow: inset 0 0 0 0px #1fc1c8,0 0 0 2px #dddddd;
    box-shadow: inset 0 0 0 0px #ffffff,0 0 0 2px #afafaf
}
img.galleryPhotos {
    width: 100%;
    cursor: pointer;
    min-height: 120px;
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: auto;
    display: block;
    background-color: #f7e3e3;
}
.tabsettings {
    margin-bottom: 43px;
    background: white;
    overflow: auto;
    border-radius: 10px;
}
.tabsettings a i {
    font-size: 22px;
    top: 3px;
    position: relative;
    left: -3px;
}
span.detailss {
    font-size: 27px;
    position: absolute;
    right: 4px;
    top: 0px;
}
.moneyBg p {
    font-size: 36px;
    margin: 0;
    text-shadow: 3px 2px 4px #323232;
}
p.bigDigit {
    font-size: 50px;
    font-weight: 700;
    font-family: 'Changa';
    text-shadow: 3px 2px 4px #323232;
}
.moneyBg label,.moneyBg button,.moneyBg select {
    text-shadow: 3px 2px 4px #323232;
}
legend.facture {
    color: white;
    border-radius: 17px;
    min-width: 50%;
    text-align: center;
    margin: auto;
}
td .ventesdt i {
    font-weight: bold;
    font-size: 29px;
    position: absolute;
    left: 0;
    top: 2px;
}
#printindicator {
    position: fixed;
    left: 0;
    bottom: 0;
    background: #000000;
    z-index: 12;
    padding: 0px 11px;
    color: white;
    border-radius: 0px 2px 0px 0px;
    display: none
}
.sellerstati a span.rt {
    position: absolute;
    color: #c6ff16;
    top: -19px;
    font-size: 15px;
}
.sellerstati span.tm-label {
    font-size: 43px!important;
}
.chat .info-box {
    border-radius: 0;
    width: 100%;
}
.mobilenav {
    background: black;
    position: fixed;
    z-index: 23;
    bottom: 0;
    left: 0;
    right: 0;
}
.mobilenav li {
    padding: 10px 5px;
}
.mobilenav a i {
    font-size: 29px;
    top: 0px;
    color: #ffffff!important;
    position: absolute;
}
.ulinfo {
    line-height: 50px;
    padding-left: 10px;
}
.moneyBg {
    background-image: url(../img/money.png);
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    background-size: 131px;
}
.avatar {
    border-radius: 100%;
    border: 4px solid #459adb;
}
[draggable=true] {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab
}
[draggable=true]:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing
}
.dtr-dragging {
    border: 2px solid !important
}
.dtr-transition {
    background-color: #d9edf7;
    /*transition:background-color 2s ease-in-out;*/
}
.dtr-over {
    background-color: rgb(25 131 222 / 57%) !important
}
.dtr-dropping-below {
    /* border-bottom:15px solid #ccc !important;*/
    margin-bottom: 45px!important
}
.dtr-dropping-below:after {
    position: absolute;
    background: silver;
    width: 100%;
    height: 53px;
    left: 0;
    border: 2px dashed
}
.list-group-item.media {
    transition: none!important
}
@media (max-device-width: 480px) {
    .lv-actions actions {
        float:none;
        width: 100%
    }
    .actions > li {
        margin-bottom: 10px
    }
    .actions > li:last-child {
        float: right
    }
    .lv-header-alt .actions > li {
        margin-bottom: 0px;
    }
    .lv-header-alt .actions > li a {
        width: auto;
        height: auto;
    }
    .tablex {
        font-size: inherit!important;
    }
}
.map_Button {
    background: none rgb(255, 255, 255);
    border: 0px;
    margin: 10px;
    padding: 5px;
    cursor: pointer;
    user-select: none;
    border-radius: 2px;
    min-height: 40px;
    width: 40px;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    overflow: hidden;
    font-size: 29px;
    line-height: 1;
    float: left;
}
.cluster {
    background-repeat: no-repeat;
    background-size: contain;
}
.list-group-item.media .actions > li > a:hover > i {
    color: #902a2a;
}
.list-group-item.media .actions > li > a:before, .actions > a:before {
    background-color: rgb(93 91 91 / 32%);
}
.list-group-item.media .collapse.in {
    padding-bottom: 125px;
}
.highcharts-menu hr {
    margin: 0;
}
/* Infobox ===================================== */
.info-box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    /* background-color: #fff; */
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    width: 100%;
    border-radius: 5px;
}
.info-box .icon {
    display: inline-block;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.12);
    width: 80px;
}
.info-box .icon i {
    color: #fff;
    font-size: 50px;
    line-height: 80px;
    display: inline-block;
}
.info-box .icon .chart.chart-bar {
    height: 100%;
    line-height: 100px;
}
.info-box .icon .chart.chart-bar canvas {
    vertical-align: baseline !important;
}
.info-box .icon .chart.chart-pie {
    height: 100%;
    line-height: 123px;
}
.info-box .icon .chart.chart-pie canvas {
    vertical-align: baseline !important;
}
.info-box .icon .chart.chart-line {
    height: 100%;
    line-height: 115px;
}
.info-box .icon .chart.chart-line canvas {
    vertical-align: baseline !important;
}
.info-box .content {
    flex: 1;
    display: inline-block;
    padding: 2px 6px;
}
.info-box .content .text {
    font-size: 16px;
    margin-top: 3px;
    color: #555;
}
.info-box .content .number {
    font-weight: normal;
    font-size: 26px;
    margin-top: -6px;
    color: #555;
    font-size: 40px;
    font-weight: bold;
    justify-content: start !important;!i;!;
}
.info-box.hover-zoom-effect .icon {
    overflow: hidden;
}
.info-box.hover-zoom-effect .icon i {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.info-box.hover-zoom-effect:hover .icon i {
    opacity: 0.4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4);
}
.info-box.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 80px;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all 0.95s;
    -o-transition: all 0.95s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;
}
.info-box.hover-expand-effect:hover:after {
    width: 100%;
}
.info-box-2 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.info-box-2 .icon {
    display: inline-block;
    text-align: center;
    width: 80px;
}
.info-box-2 .icon i {
    color: #fff;
    font-size: 50px;
    line-height: 80px;
    display: inline-block;
}
.info-box-2 .chart.chart-bar {
    height: 100%;
    line-height: 105px;
}
.info-box-2 .chart.chart-bar canvas {
    vertical-align: baseline !important;
}
.info-box-2 .chart.chart-pie {
    height: 100%;
    line-height: 123px;
}
.info-box-2 .chart.chart-pie canvas {
    vertical-align: baseline !important;
}
.info-box-2 .chart.chart-line {
    height: 100%;
    line-height: 115px;
}
.info-box-2 .chart.chart-line canvas {
    vertical-align: baseline !important;
}
.info-box-2 .content {
    display: inline-block;
    padding: 7px 10px;
}
.info-box-2 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #fff;
}
.info-box-2 .content .number {
    font-weight: normal;
    font-size: 26px;
    margin-top: -4px;
    color: #fff;
}
.info-box-2.hover-zoom-effect .icon {
    overflow: hidden;
}
.info-box-2.hover-zoom-effect .icon i {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.info-box-2.hover-zoom-effect:hover .icon i {
    opacity: 0.4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4);
}
.info-box-2.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all 0.95s;
    -o-transition: all 0.95s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;
}
.info-box-2.hover-expand-effect:hover:after {
    width: 100%;
}
.info-box-3 {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.info-box-3 .icon {
    position: absolute;
    right: 10px;
    bottom: 2px;
    text-align: center;
}
.info-box-3 .icon i {
    color: rgba(0, 0, 0, 0.15);
    font-size: 60px;
    display: inline-block;
}
.info-box-3 .chart {
    margin-right: 5px;
}
.info-box-3 .chart.chart-bar {
    height: 100%;
    line-height: 50px;
}
.info-box-3 .chart.chart-bar canvas {
    vertical-align: baseline !important;
}
.info-box-3 .chart.chart-pie {
    height: 100%;
    line-height: 34px;
}
.info-box-3 .chart.chart-pie canvas {
    vertical-align: baseline !important;
}
.info-box-3 .chart.chart-line {
    height: 100%;
    line-height: 40px;
}
.info-box-3 .chart.chart-line canvas {
    vertical-align: baseline !important;
}
.info-box-3 .content {
    display: inline-block;
    padding: 7px 16px;
}
.info-box-3 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #fff;
}
.info-box-3 .content .number {
    font-weight: normal;
    font-size: 26px;
    margin-top: -4px;
    color: #fff;
}
.info-box-3.hover-zoom-effect .icon i {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.info-box-3.hover-zoom-effect:hover .icon i {
    opacity: 0.4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4);
}
.info-box-3.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all 0.95s;
    -o-transition: all 0.95s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;
}
.info-box-3.hover-expand-effect:hover:after {
    width: 100%;
}
.info-box-4 {
    box-shadow: 0 2px 10px rgb(0 0 0 / 20%);
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.info-box-4 .icon {
    position: absolute;
    right: 10px;
    bottom: 2px;
    text-align: center;
}
.info-box-4 .icon i {
    color: rgba(0, 0, 0, 0.15);
    font-size: 60px;
    display: inline-block;
}
.info-box-4 .chart {
    margin-right: 5px;
}
.info-box-4 .chart.chart-bar {
    height: 100%;
    line-height: 50px;
}
.info-box-4 .chart.chart-bar canvas {
    vertical-align: baseline !important;
}
.info-box-4 .chart.chart-pie {
    height: 100%;
    line-height: 34px;
}
.info-box-4 .chart.chart-pie canvas {
    vertical-align: baseline !important;
}
.info-box-4 .chart.chart-line {
    height: 100%;
    line-height: 40px;
}
.info-box-4 .chart.chart-line canvas {
    vertical-align: baseline !important;
}
.info-box-4 .content {
    display: inline-block;
    padding: 7px 16px;
}
.info-box-4 .content .text {
    font-size: 13px;
    margin-top: 11px;
    color: #555;
}
.info-box-4 .content .number {
    font-weight: normal;
    font-size: 26px;
    margin-top: -4px;
    color: #555;
}
.info-box-4.hover-zoom-effect .icon i {
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.info-box-4.hover-zoom-effect:hover .icon i {
    opacity: 0.4;
    -moz-transform: rotate(-32deg) scale(1.4);
    -ms-transform: rotate(-32deg) scale(1.4);
    -o-transform: rotate(-32deg) scale(1.4);
    -webkit-transform: rotate(-32deg) scale(1.4);
    transform: rotate(-32deg) scale(1.4);
}
.info-box-4.hover-expand-effect:after {
    background-color: rgba(0, 0, 0, 0.05);
    content: ".";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: transparent;
    -moz-transition: all 0.95s;
    -o-transition: all 0.95s;
    -webkit-transition: all 0.95s;
    transition: all 0.95s;
}
.info-box-4.hover-expand-effect:hover:after {
    width: 100%;
}
/*
waitMe - 1.19 [31.10.17]
Author: vadimsva
Github: https://github.com/vadimsva/waitMe
*/
.waitMe_container:not(body),body.waitMe_container .waitMe {
    transform: translateZ(0);
    backface-visibility: hidden
}
body.waitMe_container .waitMe {
    position: fixed;
    height: 100vh
}
body.waitMe_container .waitMe .waitMe_content {
    top: 50%!important;
    transform: none!important
}
.waitMe_container .waitMe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9989;
    text-align: center;
    overflow: hidden;
    cursor: wait;
}
.waitMe_container .waitMe * {
    font-family: inherit;
    font-size: inherit;
    font-weight: initial;
    font-style: initial;
    line-height: initial;
    color: initial;
    text-decoration: initial;
    text-transform: initial;
    padding: initial;
    margin: initial
}
.waitMe_container .waitMe .waitMe_content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    backface-visibility: hidden
}
.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_progress {
    display: inline-block;
    vertical-align: middle
}
.waitMe_container .waitMe .waitMe_content.horizontal>.waitMe_text {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: middle
}
.waitMe_container .waitMe .waitMe_progress {
    position: relative;
    font-size: 0;
    line-height: 0
}
.waitMe_container .waitMe .waitMe_progress>div {
    animation-fill-mode: both;
    display: inline-block;
    transform: translateZ(0);
    backface-visibility: hidden
}
.waitMe_container .waitMe .waitMe_text {
    position: relative;
    margin: 20px 0 0
}
body.waitMe_body {
    overflow: hidden;
    height: 100%
}
body.waitMe_body.hideMe {
    transition: opacity .2s ease-in-out;
    opacity: 0
}
body.waitMe_body .waitMe_container:not([data-waitme_id]) {
    position: fixed;
    z-index: 9989;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff
}
body.waitMe_body .waitMe_container:not([data-waitme_id])>div {
    animation-fill-mode: both;
    position: absolute
}
body.waitMe_body .waitMe_container.progress>div {
    width: 0;
    height: 3px;
    top: 0;
    left: 0;
    background: #000;
    box-shadow: -5px 0 5px 2px rgba(0,0,0,.2);
    animation: progress_body 7s infinite ease-out
}
body.waitMe_body .waitMe_container.working>div {
    width: 10%;
    height: 3px;
    top: 0;
    left: -10%;
    background: #000;
    box-shadow: -5px 0 5px 2px rgba(0,0,0,.2);
    animation: working_body 2s infinite linear
}
body.waitMe_body .waitMe_container.progress>div:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 60%;
    right: 0;
    width: 60px;
    border-radius: 50%;
    opacity: .5;
    transform: rotate(3deg);
    box-shadow: #000 1px 0 6px 1px
}
body.waitMe_body .waitMe_container.img>div {
    width: 100%;
    height: 100%;
    text-align: center;
    background-position: center!important;
    background-repeat: no-repeat!important
}
body.waitMe_body .waitMe_container.text>div {
    width: 100%;
    top: 45%;
    text-align: center
}
@keyframes progress_body {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}
@keyframes working_body {
    0% {
        left: -10%
    }
    100% {
        left: 100%
    }
}
.waitMe_container .waitMe_progress.bounce>div {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    animation: bounce 1.4s infinite ease-in-out
}
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem1 {
    animation-delay: -.32s
}
.waitMe_container .waitMe_progress.bounce .waitMe_progress_elem2 {
    animation-delay: -.16s
}
@keyframes bounce {
    0%,100%,80% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}
.waitMe_container .waitMe_progress.rotateplane>div {
    width: 30px;
    height: 30px;
    animation: rotateplane 1.2s infinite ease-in-out;
    backface-visibility: visible
}
@keyframes rotateplane {
    0% {
        transform: perspective(120px)
    }
    50% {
        transform: perspective(120px) rotateY(180deg)
    }
    100% {
        transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}
.waitMe_container .waitMe_progress.stretch {
    height: 60px
}
.waitMe_container .waitMe_progress.stretch>div {
    width: 1px;
    height: 100%;
    margin: 0 4px;
    animation: stretch 1.2s infinite ease-in-out
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem2 {
    animation-delay: -1.1s
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem3 {
    animation-delay: -1s
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem4 {
    animation-delay: -.9s
}
.waitMe_container .waitMe_progress.stretch .waitMe_progress_elem5 {
    animation-delay: -.8s
}
@keyframes stretch {
    0%,100%,40% {
        transform: scaleY(.4)
    }
    20% {
        transform: scaleY(1)
    }
}
.waitMe_container .waitMe_progress.orbit {
    width: 40px;
    height: 40px;
    margin: auto;
    position: relative
}
.waitMe_container .waitMe_progress.orbit>div {
    width: 100%;
    height: 100%;
    margin: auto;
    top: 0;
    left: 0;
    position: absolute;
    animation: orbit_rotate 2s infinite linear
}
.waitMe_container .waitMe_progress.orbit>div>div {
    width: 50%;
    height: 50%;
    border-radius: 50%;
    top: 10%;
    left: 10%;
    position: absolute;
    animation: orbit 2s infinite ease-in-out
}
.waitMe_container .waitMe_progress.orbit .waitMe_progress_elem2>div {
    top: auto;
    bottom: 10%;
    left: auto;
    right: 10%;
    animation-delay: -1s
}
@keyframes orbit_rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
@keyframes orbit {
    0%,100% {
        transform: scale(0)
    }
    50% {
        transform: scale(1)
    }
}
.waitMe_container .waitMe_progress.roundBounce {
    width: 60px;
    height: 60px;
    margin: auto
}
.waitMe_container .waitMe_progress.roundBounce>div {
    width: 24%;
    height: 24%;
    border-radius: 50%;
    position: absolute;
    animation: roundBounce 1.2s infinite ease-in-out
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem1 {
    top: 0;
    left: 0
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {
    top: 0;
    right: 0
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {
    bottom: 0;
    right: 0
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {
    bottom: 0;
    left: 0
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem5 {
    top: -3%;
    left: 50%;
    margin-top: -12%;
    margin-left: -12%;
    animation-delay: -1.1s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {
    top: 50%;
    right: -3%;
    margin-top: -12%;
    margin-right: -12%
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {
    bottom: -3%;
    left: 50%;
    margin-bottom: -12%;
    margin-left: -12%
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {
    top: 50%;
    left: -3%;
    margin-top: -12%;
    margin-left: -12%
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem9 {
    top: 0;
    right: 0;
    animation-delay: -1s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem2 {
    animation-delay: -.9s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem6 {
    animation-delay: -.8s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem10 {
    bottom: 0;
    right: 0;
    animation-delay: -.7s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem3 {
    animation-delay: -.6s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem7 {
    animation-delay: -.5s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem11 {
    bottom: 0;
    left: 0;
    animation-delay: -.4s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem4 {
    animation-delay: -.3s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem8 {
    animation-delay: -.2s
}
.waitMe_container .waitMe_progress.roundBounce .waitMe_progress_elem12 {
    top: 0;
    left: 0;
    animation-delay: -.1s
}
@keyframes roundBounce {
    0%,100%,80% {
        transform: scale(0)
    }
    40% {
        transform: scale(1)
    }
}
.waitMe_container .waitMe_progress.win8 {
    width: 40px;
    height: 40px;
    margin: auto
}
.waitMe_container .waitMe_progress.win8>div {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    transform: rotate(225deg);
    animation: win8 5.5s infinite
}
.waitMe_container .waitMe_progress.win8>div>div {
    width: 15%;
    height: 15%;
    border-radius: 50%;
    position: absolute
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem2 {
    animation-delay: .24s
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem3 {
    animation-delay: .48s
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem4 {
    animation-delay: .72s
}
.waitMe_container .waitMe_progress.win8 .waitMe_progress_elem5 {
    animation-delay: .96s
}
@keyframes win8 {
    0% {
        transform: rotate(225deg);
        animation-timing-function: ease-out
    }
    7% {
        opacity: 1;
        transform: rotate(345deg);
        animation-timing-function: linear
    }
    30% {
        transform: rotate(455deg);
        animation-timing-function: ease-in-out
    }
    39% {
        transform: rotate(690deg);
        animation-timing-function: linear
    }
    70% {
        opacity: 1;
        transform: rotate(815deg);
        animation-timing-function: ease-out
    }
    75% {
        transform: rotate(945deg);
        animation-timing-function: ease-out
    }
    100%,76% {
        opacity: 0;
        transform: rotate(945deg)
    }
}
.waitMe_container .waitMe_progress.win8_linear {
    margin: auto;
    width: 150px;
    height: 6px
}
.waitMe_container .waitMe_progress.win8_linear>div {
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    animation: win8_linear 3s infinite
}
.waitMe_container .waitMe_progress.win8_linear>div>div {
    width: 4%;
    height: 100%;
    border-radius: 50%
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem2 {
    animation-delay: .3s
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem3 {
    animation-delay: .6s
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem4 {
    animation-delay: .9s
}
.waitMe_container .waitMe_progress.win8_linear .waitMe_progress_elem5 {
    animation-delay: 1.2s
}
@keyframes win8_linear {
    0%,100% {
        transform: translateX(0);
        animation-timing-function: ease-out
    }
    10% {
        opacity: 1;
        transform: translateX(33.333%);
        animation-timing-function: linear
    }
    50% {
        opacity: 1;
        transform: translateX(53.333%);
        animation-timing-function: ease-in-out
    }
    60% {
        opacity: 0;
        transform: translateX(86.666%)
    }
}
.waitMe_container .waitMe_progress.ios {
    margin: auto;
    width: 40px;
    height: 40px
}
.waitMe_container .waitMe_progress.ios>div {
    width: 10%;
    height: 26%;
    position: absolute;
    left: 44.5%;
    top: 37%;
    opacity: 0;
    border-radius: 50px;
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    animation: ios 1s infinite linear
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem1 {
    transform: rotate(0) translate(0,-142%);
    animation-delay: 0s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem2 {
    transform: rotate(30deg) translate(0,-142%);
    animation-delay: -.9167s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem3 {
    transform: rotate(60deg) translate(0,-142%);
    animation-delay: -.833s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem4 {
    transform: rotate(90deg) translate(0,-142%);
    animation-delay: -.75s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem5 {
    transform: rotate(120deg) translate(0,-142%);
    animation-delay: -.667s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem6 {
    transform: rotate(150deg) translate(0,-142%);
    animation-delay: -.5833s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem7 {
    transform: rotate(180deg) translate(0,-142%);
    animation-delay: -.5s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem8 {
    transform: rotate(210deg) translate(0,-142%);
    animation-delay: -.41667s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem9 {
    transform: rotate(240deg) translate(0,-142%);
    animation-delay: -.333s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem10 {
    transform: rotate(270deg) translate(0,-142%);
    animation-delay: -.25s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem11 {
    transform: rotate(300deg) translate(0,-142%);
    animation-delay: -.1667s
}
.waitMe_container .waitMe_progress.ios .waitMe_progress_elem12 {
    transform: rotate(330deg) translate(0,-142%);
    animation-delay: -.0833s
}
@keyframes ios {
    0% {
        opacity: 1
    }
    100% {
        opacity: .25
    }
}
.waitMe_container .waitMe_progress.facebook {
    margin: auto
}
.waitMe_container .waitMe_progress.facebook>div {
    width: 6px;
    height: 25px;
    margin-left: 3px;
    border-radius: 20px;
    transform: scaleY(.7);
    opacity: .1;
    animation: facebook 1.3s infinite ease-in-out
}
.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem1 {
    animation-delay: .2s;
    transform: scaleY(.7)
}
.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem2 {
    animation-delay: .4s;
    transform: scaleY(.85)
}
.waitMe_container .waitMe_progress.facebook>.waitMe_progress_elem3 {
    animation-delay: .6s;
    transform: scaleY(1)
}
@keyframes facebook {
    0%,100% {
        transform: scaleY(.7);
        opacity: .1
    }
    50% {
        transform: scaleY(1);
        opacity: 1
    }
}
.waitMe_container .waitMe_progress.rotation>div {
    width: 60px;
    height: 60px;
    margin: auto;
    border-radius: 100%;
    border-width: 6px;
    border-style: solid;
    border-left-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color: transparent!important;
    animation: rotation 1s infinite linear
}
@keyframes rotation {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.waitMe_container .waitMe_progress.timer {
    width: 40px;
    height: 40px;
    margin: auto;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    box-sizing: border-box;
    position: relative;
    text-indent: -9999px
}
.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2 {
    border-radius: 3px;
    position: absolute;
    width: 2px;
    height: 48%;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -1px;
    animation: timer 1.25s infinite linear;
    transform-origin: 1px 1px
}
.waitMe_container .waitMe_progress.timer>.waitMe_progress_elem2 {
    height: 40%;
    animation: timer 15s infinite linear
}
@keyframes timer {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.waitMe_container .waitMe_progress.pulse {
    width: 30px;
    height: 30px;
    margin: auto;
    position: relative
}
.waitMe_container .waitMe_progress.pulse>div {
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-width: 3px;
    border-style: solid;
    border-radius: 50%;
    position: absolute;
    opacity: 0;
    animation: pulsate 1s infinite ease-out
}
@keyframes pulsate {
    0% {
        transform: scale(.1);
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        transform: scale(1.2);
        opacity: 0
    }
}
.waitMe_container .waitMe_progress.progressBar {
    width: 200px;
    height: 20px;
    margin: auto;
    background: rgba(0,0,0,.1);
    padding: 5px;
    border-radius: 20px;
    line-height: 0;
    max-width: 100%
}
.waitMe_container .waitMe_progress.progressBar>div {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background-size: 50px 50px;
    box-shadow: inset 0 2px 9px rgba(255,255,255,.3),inset 0 -2px 6px rgba(0,0,0,.4);
    background-image: linear-gradient(-45deg,rgba(240,240,240,.4) 26%,transparent 25%,transparent 51%,rgba(240,240,240,.4) 50%,rgba(240,240,240,.4) 76%,transparent 75%,transparent);
    animation: progressBar 2s linear infinite
}
@keyframes progressBar {
    0% {
        background-position: 0 0
    }
    100% {
        background-position: 50px 50px
    }
}
.waitMe_container .waitMe_progress.bouncePulse>div {
    width: 20px;
    height: 20px;
    margin-right: 1px;
    display: inline-block;
    border-radius: 50%;
    transform: scale(.5);
    animation: bouncePulse 1.4s infinite ease-in-out
}
.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem1,.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem3 {
    animation-delay: .1s
}
.waitMe_container .waitMe_progress.bouncePulse>.waitMe_progress_elem2 {
    animation-delay: .4s
}
@keyframes bouncePulse {
    0%,100%,80% {
        transform: scale(.5)
    }
    40% {
        transform: scale(1)
    }
}
.tasks{z-index: 23 !important;top: 0! important;height: 100% !important;width: 600px!important;-webkit-transform: translate3d(-614px, 0, 0);max-width: 100%;}
.tasks .list-group{height: calc(100% - 72px);overflow: auto;}
.tasks .lgi-heading small{font-size: 12px;
    color: #4350ff;}
.tasks .list-group .list-group-item {
    padding: 10px 8px !important;
    font-weight: bold;
}
#sidebar  {
  -webkit-transform: translate3d(-280px, 0, 0);
  transform: translate3d(-280px, 0, 0);
}
#sidebar,.tasks  {
  position: fixed;
  background: #fff;
  box-shadow: 0 0 10px rgba(51, 51, 51, 0.38);
  top: 70px;
  height: calc(100% - 65px);
  z-index: 10;
  width: 300px;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

#sidebar .sidebar-inner,.tasks .sidebar-inner  {
  height: 100%;
  overflow-y: auto;
  width: 300px;
}

#sidebar.toggled, .tasks.toggled {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  filter: alpha(opacity=100);
}

.ng-flat-datepicker-wrapper{display:inline-block;width: 100%;}.ng-flat-datepicker-wrapper *{box-sizing:border-box}.ng-flat-datepicker{/* right: 68px; */width:290px;position:absolute;background-color:#fff;z-index:3000;box-shadow:1px 1px 7px 0 rgba(37,53,50,.37)}.ng-flat-datepicker .ng-flat-datepicker-table-header-bckgrnd{height:65px;background-color:#0093de;position: relative;}.ng-flat-datepicker table{margin-top:-65px;padding-right:14px;padding-left:14px;padding-bottom:14px;table-layout:fixed;border-collapse:collapse;display:block}.ng-flat-datepicker table caption{height:65px;display:block;padding:0!important}.ng-flat-datepicker table caption .ng-flat-datepicker-header-wrapper{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:65px;color:#fff;font-size:22px}.ng-flat-datepicker table caption .ng-flat-datepicker-header-wrapper .ng-flat-datepicker-header-year{display:-webkit-flex;display:-ms-flexbox;display:flex;padding-top:1px;padding-bottom:0!important;text-align:center}.ng-flat-datepicker table caption .ng-flat-datepicker-header-wrapper .ng-flat-datepicker-header-nav-wrapper{padding-top:5px;padding-bottom:5px;color:#626262;font-size:22px;background-color:#E8E8E8}.ng-flat-datepicker table caption .ng-flat-datepicker-header-wrapper .ng-flat-datepicker-header-nav-wrapper span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ng-flat-datepicker table tbody{margin:0 auto;padding-top:14px;width:265px;display:block}.ng-flat-datepicker table tbody tr{height:37.42857px;width:262px}.ng-flat-datepicker table tbody tr.days-head{height:45.42857px}.ng-flat-datepicker table tbody tr.days-head .day-head{padding:0 0 14px;border-bottom:1px solid #d8d8d8;color:#384146}.ng-flat-datepicker table tbody tr.days .day-item:hover{background-color:#0093de;color:#f5f5f5!important;font-size: 23px;font-weight: 700;}.ng-flat-datepicker table tbody tr td{width:37.42857px;text-align:center;background-color:#fff;font-size: 16px;display:inline-block;cursor:default;color:#384146;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition: font-size .7s;}.ng-flat-datepicker table tbody tr td.day-item,.ng-flat-datepicker table tbody tr td.disabled{padding:0;height:37.42857px;line-height:37.42857px;cursor:pointer;border-radius:18.71429px;color:#8d9ca4}.ng-flat-datepicker table tbody tr td.day-item.day,.ng-flat-datepicker table tbody tr td.disabled.day{color:#384146}.ng-flat-datepicker table tbody tr td.day-item.isToday,.ng-flat-datepicker table tbody tr td.disabled.isToday{background: #000;color: #fff!important;font-weight: 900;font-size: 23px;}.ng-flat-datepicker table tbody tr td.day-item.isSelected,.ng-flat-datepicker table tbody tr td.disabled.isSelected{background-color:#0093de;color:#f5f5f5!important}.ng-flat-datepicker table tbody tr td.day-item.isInMonth,.ng-flat-datepicker table tbody tr td.disabled.isInMonth{color:#384146;}.ng-flat-datepicker table tbody tr td.day-item.isDisabled,.ng-flat-datepicker table tbody tr td.disabled.isDisabled{cursor:default;color:#e2e6e8}.ng-flat-datepicker table tbody tr td.day-item.isDisabled:hover,.ng-flat-datepicker table tbody tr td.disabled.isDisabled:hover{color:#e2e6e8!important;background-color:transparent}.ng-flat-datepicker-arrow{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:27px;position: relative;z-index: 3333;}.ng-flat-datepicker-arrow svg{width:27px;height:27px;fill:#fff;cursor:pointer;padding:5px}.ng-flat-datepicker-arrow svg:hover{fill:rgba(255,255,255,.5)}.ng-flat-datepicker-arrow.ng-flat-datepicker-arrow-left svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ng-flat-datepicker-custom-select-title{padding:3px 5px 4px;border:1px solid #0093de;border-radius:3px;line-height:22px;font-size:22px;display:inline-block;cursor:pointer}.ng-flat-datepicker-custom-select-title.selected,.ng-flat-datepicker-custom-select-title:hover{border-color:#fff!important}.ng-flat-datepicker-custom-select-box{position:relative;padding:5px 0}.ng-flat-datepicker-custom-select-box:first-of-type .ng-flat-datepicker-custom-select-title,.ng-flat-datepicker-custom-select-box:first-of-type .ng-flat-datepicker-custom-select{min-width:80px}.ng-flat-datepicker-custom-select-box .ng-flat-datepicker-custom-select{position:absolute;border-radius:2px;cursor:pointer;width:100%;background-color:#f0f0f0;z-index:1}.ng-flat-datepicker-custom-select-box .ng-flat-datepicker-custom-select span{padding-top:6px;padding-bottom:5px;display:block;text-align: center;font-size: 16px;line-height: 10px;cursor:pointer;color:#737373;font-weight:400}.ng-flat-datepicker-custom-select-box .ng-flat-datepicker-custom-select span::first-letter{text-transform:uppercase}.ng-flat-datepicker-custom-select-box .ng-flat-datepicker-custom-select span:first-of-type{padding-top:10px;border-top-right-radius:2px;border-top-left-radius:2px}.ng-flat-datepicker-custom-select-box .ng-flat-datepicker-custom-select span:last-of-type{padding-bottom:10px;border-bottom-right-radius:2px;border-bottom-left-radius:2px}.ng-flat-datepicker-custom-select-box .ng-flat-datepicker-custom-select span:hover{background-color:#fff;color:#15A5DB}.ng-flat-datepicker-month-name::first-letter{text-transform:uppercase}
.topdatepieacker .ng-flat-datepicker{bottom:40px}
.clock .modal-dialog {
    transition: unset !important;
    -webkit-transform: unset !important;
}
.searchboxheader {
    position: absolute;
    top: 13px;
}
.searchboxheader input {
    padding: 20px 11px !important;
    border-radius: 17px;
}
.clock-timepicker input {
    width: 100% !important;
}
.dropdown.open.last {
    margin-bottom: 40px;
}
.person_infos .modal-content {
    background: #d3d3d3;
    padding: 30px;
    border-radius: 30px;
}

th.date-col {
    width: 11%;
    min-width: 125px;
}