:root {
    --PC: #0065ff;
    --PC: #1c46f2;
    --PC: #0052cc;
}
:root {
    --SC: #00c875;
}
:root {
    --border: 1px solid #e6eaee;
    --border-top: 1px solid #e6eaee;
    --border-right: 1px solid #e6eaee;
    --border-botom: 1px solid #e6eaee;
    --border-left: 1px solid #e6eaee;
}
:root {
    /*--gray: #eff3f5;*/
    --gray: #f4f5f7;
}
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: var(--gray);
}
::-webkit-scrollbar-thumb {
    background: #cdd4d8;
}
::-webkit-scrollbar-thumb:hover {
    background: #b6c0c5;
}
::-webkit-input-placeholder {
    transition: opacity .3s;
    color: rgba(53, 64, 82, .9);
    font-weight: 400;
    opacity: .9
}
::-ms-input-placeholder,
::-ms-input-placeholder {
    transition: opacity .3s;
    color: rgba(53, 64, 82, .9);
    font-weight: 400;
    opacity: .9
}
::placeholder {
    transition: opacity .3s;
    color: rgba(53, 64, 82, .9);
    font-weight: 400;
    opacity: .9
}
body {
    background: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
    color: #000;
}
*:focus {
    outline: none !important;
}
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: rgba(255,255,255,0.5);
    display: none !important;
}
.se-pre-con > div {
    display: flex;
    flex-flow: column;
    text-align: center;
    height: 100%;
    justify-content: center;
    font-size: 20px;
}
.se-pre-con > div img {
    display: flex;
    margin: 0 auto;
}
.se-pre-con > div span {
    margin-bottom: 100px;
}
.u-bg-secondary {
    background: var(--gray) !important;
    background-color: #f6f9fb !important;
}
.u-bg-transparent {
    background: transparent !important;
}
.SC-color {
    color: var(--SC);
}
.PC-color {
    color: var(--PC);
}
.c-btn {
    border-radius: 5px;
    height: 38px;
    line-height: 26px;
}
.c-btn--danger {
    background: #ec3948;
    border-color: #ec3948;
    color: #fff;
}
.c-btn--danger:hover, .c-btn--danger:focus {
    border-color: #da2534;
    background: #da2534;
    color: #fff;
}
.c-btn--success {
    border-color: #07bd59;
    background: #07bd59;
    color: #fff;
}
.c-btn--success:hover, .c-btn--success:focus {
    background: #06a24c;
    border-color: #06a24c;
    color: #fff;
}
.left-header {
    width: 230px;
    margin-right: 20px;
    display: flex;
    align-items: center;
}
.softbg {
    background: #f6f8f9;
}
.c-table__cell {
    font-size: 13.5px;
    font-weight: 400;
    color: #000;
    padding: 20px 0 15px 30px;
    border-top: var(--border-top);
    border-bottom: var(--border-bottom);
}
.c-table__cell.no-border {
    --border-top: 1px solid #fff;

    border-top: var(--border-top) !important;

}
.c-sidebar__brand-img {
    height: 38px;
}
.c-sidebar__brand-icon {
    display: none;
}
.sidebar-hide .c-sidebar__brand-img {
    display: none;
}
.sidebar-hide .c-sidebar__brand-icon {
    display: block;
}
ul.c-sidebar__list {
    padding-right: 25px;
}
.c-btn--primary {
    background: var(--PC);
    border-color: var(--PC);
    color: #fff;
}
.c-btn--primary:hover, .c-btn--primary:focus {
    border-color: #0054d4;
    background: #0054d4;
    color: #fff;
}
.c-sidebar {
    background-color: #f6f8f9;
    background-color: #ffffff;
    /* box-shadow: -1px 0px 0px rgba(0, 0, 0, 0.07) inset; */
    user-select: none;
    padding-top: 19px;
    padding-bottom: 0;
    display: flex;
    flex-direction: column;
    flex: 1;
}
body.sidebar-hide .o-page__sidebar {
    width: 60px;
    width: 66px;
    width: 80px;
    box-shadow: 20px 0px 0px #292f4c;
}
body.sidebar-hide ul.c-sidebar__list {
    padding: 0;
}
.o-page {
    position: relative;
    /*min-height: calc(100% - 50px);*/
    /*padding-top: 50px;*/
}
.c-navbar {
    padding: 5px 20px;
    position: fixed;
    z-index: 405;
    top: 0;
    user-select: none;
    width: auto;
    min-width: auto;
    right: 0;
    left: 250px;
    min-height: 50px;
}
body.sidebar-hide .c-navbar {
    left: 60px;
    left: 66px;
    left: 80px;
    border-top-left-radius: 20px;
}
.c-sidebar__brand {
    padding-left: 0;
    border: 0;
    height: 38px;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.08);*/
}
.c-sidebar__item > div {
    align-items: center;
    border-radius: 0 66px 66px 0;
}
.c-sidebar__item > div {
    display: flex;
}
li.c-sidebar__item.is-active > div {
    background: #e8ebf1;
    pointer-events: none;
}
li.c-sidebar__item > div:hover {
    background: #fff;
}
span.c-link__expand {
    -webkit-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 4px;
    width: 22px;
}
span.c-link__expand svg {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: transform .1s ease-out;
    transition: transform .1s ease-out;
    opacity: 0.7;
    margin-top: 6px;
}
.c-sidebar__item.is-open span.c-link__expand svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: transform .1s ease-out;
    transition: transform .1s ease-out;
}
.c-sidebar__link {
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 5px;
    color: #000;
    color: #fff;
    font-size: 14px;
    display: block;
    text-align: left;
    font-weight: 500;
}
.c-sidebar__link svg * {
    stroke: #0c0e10;
    stroke: #ffffff;
}
.c-sidebar__item.is-active .c-sidebar__link {
    background-color: transparent;
    box-shadow: none;
    color: var(--PC);
}
.c-sidebar__link:hover {
    color: #000;
    color: #fff;
    text-decoration: none;
}
.content_wrapper {
    padding: 0 30px;
}
.content_wrapper > .container-fluid {
    padding: 0;
}
.content_wrapper.u-p-zero > .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
}
i.left__navicon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    margin-right: 20px;
}
i.left__navicon svg {
    display: block;
    width: 24px;
    margin: 0 auto;
}
.c-sidebar__item.is-active .c-sidebar__link i.left__navicon i.mdi {
    color: var(--PC);
}
.c-sidebar__item.is-active .c-sidebar__link i.left__navicon svg * {
    stroke: var(--PC);
}
.c-notification__number {
    background-color: var(--PC);
}
.c-notification__icon {
    color: #454d56;
}
.search__top {
    position: relative;
    /*width: 600px;*/
}
.search__top form {
    background: var(--gray);
    border-radius: 4px;
    border: 1px solid transparent;
    margin: 0;
}
.search__top.focus form {
    background: #fff;
    border: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px rgba(0,0,0,0.24);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.search__area input[type="text"] {
    border: 0;
    margin: 0;
    padding: 11px 0;
    background: transparent;
    font-size: 16px;
    height: 46px;
    width: 100%;
}
.search__area {
    margin-left: 50px;
}
span.search__icon {
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 24px;
    opacity: 0.5;
}
.muteSvg {
    color: #637282;
}
.muteSvg:hover {
    color: #000;
}
.icon-18 {
    display: inline-block;
    width: 18px;
    height: 18px;
}
.icon-18 svg {
    width: 18px;
    height: 18px;
}
.icon-20 {
    display: inline-block;
    width: 20px;
    height: 20px;
}
.icon-20 svg {
    width: 20px;
    height: 20px;
    position: relative;
}
.icon-22 {
    display: inline-block;
    width: 22px;
    height: 22px;
}
.icon-22 svg {
    width: 22px;
    height: 22px;
}
.icon-24 {
    display: inline-block;
    width: 24px;
    height: 24px;
}
.icon-24 svg {
    width: 24px;
    height: 24px;
}
a.c-apps__item .icon-24 svg {
    width: 23px;
    height: 23px;
}
a.c-apps__item .icon-24 i.mdi {
    color: #637282;
    font-size: 23px;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
}
.all__apps {
    display: block;
}
.c-dropdown.nav__iconmenu {
    margin: 0 10px;
}
.c-dropdown.nav__userprofile {
    margin-left: 10px;
}
span.c-notification__text {
    margin-left: 5px;
    margin-top: -1px;
}
.muted_button {
    background: #f1f5f7;
    cursor: pointer;
    padding: 5px 20px;
    border-radius: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.muted_button:hover, .muted_button:focus {
    background: #dde4e8;
    text-decoration: none;
}
.muted_button:hover i, .muted_button:focus i {
    color: var(--PC);
}
.c-dropdown__menu--medium {
    width: 14rem;
}
.list-icon-menu {
    padding: 10px 15px;
}
a.c-apps__item {
    padding: 5px 20px;
}
a.c-apps__item:hover, a.c-apps__item:hover p {
    color: var(--PC);
    text-decoration: none;
    background: #e9f2ff;
}
a.c-apps__item svg * {
    fill: rgb(99, 114, 130);
}
a.c-apps__item svg.feather * {
    fill: transparent;
    stroke: rgb(99, 114, 130);
}
a.c-apps__item:hover svg * {
    fill: var(--PC);
}
a.c-apps__item:hover svg.feather * {
    fill: transparent;
    stroke: var(--PC);
}
a.c-apps__item:hover .icon-24 i.mdi {
    color: var(--PC);
}
.c-stream {
    border: 0;
}
.c-avatar__img {
    border-radius: 100%;
}
.c-stream-item {
    padding: 10px 5px 10px 15px;
    border-bottom: var(--border);
}
.c-tabs.no_border .c-tabs__list {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    padding: 20px 0px;
}
.c-tabs.no_border .c-tabs__pane {
    border: 0;
    padding: 10px 10px;
    background: var(--gray);
    border-radius: 6px;
}
.c-post, .c-post__content {
    margin: 0;
}
.c-tabs__link {
    margin: 0 10px 0 0;
    padding: 0 10px 21px;
    color: #000;
}
.smartaddTopBar {
    margin: 15px 0 30px;
}
.c-block__title.line {
    display: block;
    border-bottom: var(--border);
    width: 100%;
    margin-bottom: 20px;
}
.c-block__title span {
    display: inline-block;
    border-bottom: 2px solid var(--PC);
    color: var(--PC);
    font-weight: 600;
    font-size: 16px;
    padding: 0 10px 10px;
}
.c-post__content {
    min-height: 80px;
    padding: 10px;
    border-bottom-style: dashed;
    border-bottom-color: #d8dee4;
}
.c-input {
    background-color: #f4f5f7;
}
select.c-input {
    padding: .59375rem .7rem;
}
.c-input:hover, .select2-container--default .select2-selection--single, .c-field__addon {
    background-color: #ebecf0;
}
.c-input:focus {
    background-color: #fff;
    border: 1px solid #4c9aff;
    outline: 0;
    box-shadow: 0 0 0 1px #4c9aff;
}
.content_wrapper {
    min-height: calc(100% - 50px);
    min-height: 100%;
    /*margin-bottom: 30px;*/
    background: #fff;
    position: relative;
}
.content__area {
    max-height: calc(100vh - 50px);
    overflow: auto;
}
.st-dropzone .dropzone.dz-clickable {
    min-height: 40px;
    background: transparent;
    border: 0;
    display: block;
    flex: 1;
}
.st-dropzone .dropzone .dz-message {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    font-size: 14px;
}
.st-dropzone .dropzone.dz-started .dz-message {
    display: block;
    position: static;
    max-height: 24px;
}
.st-dropzone .dropzone .dz-message span {
    text-align: left;
    display: block;
}
.st-dropzone .dropzone .dz-preview.dz-image-preview, .st-dropzone .dropzone .dz-preview.dz-file-preview {
    margin: 10px 0 0;
    width: 170px;
    background: #d4dbe2;
    min-height: auto;
    border-radius: 4px;
    margin-right: 10px;
}
.st-dropzone .dropzone .dz-preview .dz-details {
    display: inline-block;
    opacity: 1;
    position: relative;
    min-width: auto;
    padding: 0;
    text-align: left;
    vertical-align: top;
    width: calc(100% - 55px);
}
.st-dropzone .dropzone .dz-preview .dz-details .dz-size {
    margin-bottom: 2px;
    font-size: 12px;
}
.st-dropzone .dropzone .dz-preview .dz-details .dz-filename {
    white-space: nowrap;
    overflow: hidden;
}
.st-dropzone .dropzone .dz-preview:hover .dz-image img {
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.st-dropzone .dropzone .dz-preview .dz-image {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    display: inline-block;
}
.c-post__toolbar.white {
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    align-items: center;
}
.c-dropdown--flat .select2-container--default .select2-selection--single, .c-dropdown--flat .c-field__addon {
    background: #fff;
    border-color: transparent;
    font-size: 16px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    height: auto;
}
.c-dropdown--flat .select2-container--default .select2-selection--single:hover {
    background: #f4f5f7;
}
.c-dropdown--flat .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 10px;
}
.c-dropdown--flat .select2-container--default .select2-selection--single .select2-selection__arrow {
    position: static;
    font-size: 14px;
    width: auto;
    margin-right: 10px;
    color: #5a5a5a;
}
.c-dropdown--flat .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    position: static;
    margin: 0;
    padding: 0;
    line-height: 28px;
}
.select2-container--default .select2-selection--single, .c-field__addon {
    background: #f4f5f7;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    font-weight: 400;
    color: #3a3a3a;
}
.select2-dropdown, .select2-results {
    border: 0;
}
.select2-container--open .select2-dropdown--below, .select2-dropdown {
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    border: 1px solid #dfe3e9;
    min-width: 180px;
}
.select2-container--default .select2-selection--multiple[aria-expanded=true], .select2-container--default .select2-selection--single[aria-expanded=true] {
    outline: none;
    border: 1px solid #4c9aff;
    border-bottom-left-radius: 4px!important;
    border-bottom-right-radius: 4px!important;
    box-shadow: 0 0 0 1px #4c9aff;
    background: #fff;
}
.select2-results__option {
    color: rgba(53, 64, 82, 0.8);
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select2-container--default .select2-results>.select2-results__options {
    border-radius: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    line-height: 1.4;
    color: #808994;
    top: 50%;
    transform: translateY(-50%);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
    font-size: 14px;
    padding-right: 30px;
    background: #fff;
    border: 1px solid #aebec3;
    color: #474e54;
}
/*.select2-results__option:before {
    content: "\f14a";
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    font-size: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #b9bfc7;
}*/
.select2-container--default .select2-results__option[aria-selected=true]:before {
    color: var(--PC);
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background: #fff;
}
.select2-container .select2-search--inline {
    line-height: 32px;
}
.c-field__label {
    color: #172b4d;
    font-weight: 500;
}
.u-max-250 {
    max-height: 250px;
    overflow-y: auto;
}
.c-field__addon {
    color: #637282;
}
.select2-container--default .select2-selection--single .select2-selection__arrow:after {
    content: "\f0d7";
}
.dropzone.box.dz-clickable {
    min-height: 70px;
    border: 1px dashed #c2c8d0;
}
.smartaddTopBar .dropzone.box.dz-clickable .dz-message {
    padding: 15px;
}
.c-tabs__list {
    border-top: 0;
    border-left: 0;
    border-bottom: var(--border);
    border-right: 0;
    background: transparent;
}
.tabcol8 {
    padding-left: 17.9%;
    padding-right: 17.9%;
}
.smartaddTopBar .dropzone .dz-message span i {
    margin-right: 4px;
}
.c-tabs__link.active, .c-tabs__link.is-active {
    border-bottom: 2px solid var(--PC);
    color: var(--PC);
}
.c-tabs__link.show {
    display: inline;
}
.c-stream-item__header {
    justify-content: flex-start;
}
.c-stream-item__username {
    color: #000;
    font-size: inherit;
    margin: 0;
    font-weight: 600;
}
.c-stream-item__header {
    justify-content: flex-start;
    color: #000;
    display: block;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 13px;
}
.stream-item__inner a:hover {
    text-decoration: none;
}
.stream-item__inner p {
    font-size: 12px;
}
span.c-stream-item__time {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
}
.c-stream-item__name {
    color: var(--PC);
    font-weight: 500;
}
.c-stream-item__action {
    font-size: 14px;
    color: #7f8fa4;
}
.c-stream-item__action>i {
    vertical-align: middle;
}
.c-stream-item__action svg {
    width: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.c-stream-item__gallery {
    justify-content: flex-start;
    margin-top: 20px;
    flex-wrap: wrap;
}
.c-stream-item__gallery > div {
    width: 100px;
    /* height: 100px; */
    margin: 0 1rem .625rem 0;
}
.c-stream-item__gallery > div img {
    object-fit: cover;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    box-shadow: 0px 1px 0px #dfe7ea;
}
span.atch_name {
    display: block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    font-size: 12px;
    color: #637282;
}
.c-sidebar__header {
    display: flex;
    align-items: center;
    padding-left: 13px;
    padding-right: 22px;
}
.c-sidebar__header {
    display: flex;
    align-items: center;
    padding: 0 25px 17px;
    border-bottom: var(--border);
    flex-shrink: 0;
}
span.sideBurgerIcon {
    margin: 0 5px;
    cursor: pointer;
    display: none;
}
span.sideBurgerIcon svg {
    width: 20px;
    opacity: 0.7;
    vertical-align: middle;
}
.c-sidebar__block {
    padding-bottom: 20px;
    border-bottom: var(--border);
    border-bottom: 1px solid #3f455f;
    flex: 1;
    padding-top: 0;
    flex-grow: 1;
    overflow-y: auto;
}
.c-sidebar__item.is-open {
    background-color: transparent;
    box-shadow: none;
}
.c-sidebar__submenu {
    padding-left: 50px;
}
a.submenu__link {
    color: #5f6368;
    font-size: 14px;
    text-decoration: none;
    font-weight: 500;
    flex: 1;
    padding: 5px 11px;
}
a.submenu__link:hover {
    color: #000;
}
.c-sidebar__submenu li {
    display: flex;
    align-items: center;
}
.c-sidebar__submenu.w__icon li:before {
    content: "";
    width: 10px;
    height: 10px;
    background-size: cover !important;
    display: inline-flex;
    background-repeat: no-repeat !important;
    border-radius: 3px;
}
.c-sidebar__submenu.w__icon.label li.label-color.gray:before {
    background: #b4c1cc;
}
.feed_comment {
    margin-top: 15px;
    border-top: var(--border);
    background: #f9fafb;
}
.feed_mid {
    background: #f9fafb;
    border-bottom: 1px dashed #d8dee4;
}
.BlockStory {
    display: flex;
    width: 100%;
    padding: 20px;
    border-bottom: 1px solid #e2e8ea;
}
.feed_mid .BlockStory:last-child {
    border: 0;
}
.BlockStory-icon {
    flex-shrink: 0;
    margin-right: 10px;
    width: 40px;
    position: relative;
    height: 40px;
    border-radius: 6px;
    overflow: hidden;
    background: #28c76f;
}
.BlockStory-icon img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
span.shortname_avtar {
    position: absolute;
    color: #fff;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-weight: 900;
    z-index: 0;
}
.BlockStory-block {
    flex: 1 1 auto;
    line-height: 20px;
    min-width: 1px;
    word-wrap: break-word;
}
.BlockStory-block {
    flex: 1 1 auto;
    line-height: 20px;
    min-width: 1px;
    word-wrap: break-word;
}
.BlockStory-header {
    align-items: flex-start;
    display: flex;
}
.BlockStory-headerContent {
    flex: 1 1 auto;
    min-width: 1px;
}
.BlockStory-storyContent {
    font-weight: 500;
}
.BlockStory-metadata {
    color: #9ca6af;
    display: inline;
    font-size: 11px;
    margin-left: 10px;
    white-space: nowrap;
}
.truncatedRichText {
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    word-wrap: break-word;
}
.CommentComposer {
    padding: 20px 20px;
    background: #f2f5f7;
}
.feed_head {
    padding: 10px 20px 0;
}
.feed_head a {
    color: #000;
    font-size: 14px;
}
.feed_comment {
    display: none;
}
a.c-stream-item__project {
    color: #07bd59;
    font-weight: 500;
}
a.c-stream-item__name.goods {
    color: #ff5400;
}
.c-stream-item__action {
    justify-content: flex-start;
}
.c-stream-item__responce {
    margin-bottom: 20px;
}
.c-stream-goods__items {
    margin-bottom: 20px;
}
ul.goodstable {
    border-left: 1px solid var(--gray);
    border-right: 1px solid var(--gray);
    border-top: 1px solid var(--gray);
}
ul.goodstable li {
    display: flex;
    border-bottom: 1px solid var(--gray);
    padding: 5px 15px;
}
ul.goodstable li span {
    width: 50px;
    font-weight: 500;
}
.user-in__feed {
    margin-bottom: 10px;
    margin-top: 20px;
}
.c-candidate {
    padding: 0;
    margin: 0 10px 10px 0;
    display: inline-block;
    border: 1px dashed transparent;
    background: var(--gray);
}
.c-candidate:hover {
    background: transparent;
    border: 1px dashed #cdd4d8;
}
.c-candidate .c-candidate__info {
    border: 0;
    padding: 10px 20px 10px 15px;
    align-items: center;
    top: 0;
}
.c-candidate .c-candidate__avatar {
    margin-left: 0;
    border: 0;
}
.c-candidate .c-candidate__avatar img {
    width: 50px;
    height: 50px;
}
.c-candidate .c-candidate__title {
    font-size: 14px;
}
.c-candidate .c-candidate__country {
    font-size: 12px;
}
.c-candidate .c-candidate__country i {
    margin-right: 4px;
}
.c-candidate a {
    text-decoration: none;
}
.c-stream-item__red, .c-stream-item__red:hover {
    color: #fb0505;
    font-weight: 500;
}
.BlockStory-storyContent a {
    color: #000;
}
.c-sidebar__top {
    padding: 0px 10px 15px;
}
.sidebar__create.c-btn {
    border: 0;
    background: var(--PC);
    color: #fff;
    /* width: 26px; */
    /* height: 26px; */
    text-align: center;
    padding: .1rem 15px;
    position: relative;
    overflow: visible;
    box-shadow: 0px 0px 0px 0px #fff;
    transition: .2s transform;
}
.sidebar__create.c-btn:hover, .sidebar__create.c-btn[aria-expanded="true"]  {
    box-shadow: 0px 0px 0px 3px #cfe0ff;
    transition: .2s transform;
}
.sidebar__create.c-btn svg {
    vertical-align: middle;
    width: 12px;
    transform: translateY(-1px);
    position: relative;
    z-index: 1;
    margin-right: 5px;
    shape-rendering: crispedges;
}
.sidebar__create.c-btn svg g {
    fill: #fff;
}
.c-dropdown__menu {
    /*box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);*/
    box-shadow: 0 9px 28px -2px rgba(9,30,66,.25), 0 0 1px rgba(9,30,66,.31);
    border: 0;
    padding: 15px 0;
    min-width: 220px;
}
.c-dropdown__item {
    padding: 10px 25px;
    border: 0;
    display: flex;
    align-items: center;
}
.c-b-zero {
    border: 0;
}
.quick_search {
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 999;
    border: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0 5px 10px -2px rgba(0,0,0,0.24);
    display: none;
}
.search__top.focus .quick_search {
    display: block;
}
.typed_search {
    display: flex;
    align-items: center;
    padding: 15px;
    cursor: pointer;
}
.typed_search:hover {
    background: var(--gray);
}
.typed_search svg {
    width: 20px;
}
.typeaheadItem-label {
    flex: 1;
    padding-left: 15px;
}
.typed_search svg.feather.feather-user-check {
    transform: translateX(2px);
}
.typed_search svg.feather.feather-edit * {
    stroke: var(--PC);
}
.typed_search svg.feather.feather-user-check * {
    stroke: #ea2a21;
}
.typed_search svg.feather.feather-check-circle {
    stroke: #28c76f;
}
.o-page__content {
    padding-top: 50px;
    overflow-y: auto;
}
.c-tooltip:after {
    font-size: 13px;
    z-index: 301;
}
hr {
    margin: 10px 0;
    background: #e6eaee;
    height: 1px;
    border: 0;
}
.c-bubble-hover {
    position: relative;
    width: 28px;
    height: 28px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-bubble-hover:before {
    position: absolute;
    content: "";
    background: var(--gray);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: 100%;
    opacity: 0;
}
.c-bubble-hover:hover:before {
    opacity: 1;
    transform: scale(1.35);
}
.c-bubble-hover span.icon {
    width: 23px;
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.c-dropdown a:hover {
    text-decoration: none;
}
.c-notification__number {
    top: -2px;
    right: 3px;
    width: 10px;
    height: 10px;
    min-width: auto;
    padding: 0;
}
.c-dropdown__menu.dropdown-menu.mega-menu {
    width: 300px;
}
.c-candidate__info.normal {
    top: 0;
    align-items: center;
}
.c-candidate__info.normal .c-candidate__avatar {
    border: 0;
}
.top-user-menu .c-candidate__avatar {
    margin-left: 0;
}
.top-user-menu {
    padding: 0 20px;
    margin-bottom: 10px;
}
.top-user-menu .c-candidate__avatar img {
    width: 65px;
    height: 65px;
}
.top-user-menu .c-candidate__meta {
    display: block;
}
.fs11 {
    font-size: 11px;
}
.fs12 {
    font-size: 12px;
}
.c-modal__dialog {
    box-shadow: 0 10px 25px rgba(0,0,0,0.5);
}
.modal-backdrop {
    background-color: rgba(39, 46, 53, 0.6);
}
.c-modal.c-modal--default .c-modal__dialog {
    max-width: 650px;
}
.c-modal__content {
    border-radius: 0;
    background: #fff;
    border-top: 4px solid var(--PC);
    overflow: inherit;
}
.c-modal__header, .c-modal__subheader {
    background: transparent;
    color: #000;
    padding: 20px 25px;
}
.c-modal__title {
    color: #000;
    font-size: 22px;
}
.c-modal__body {
    padding: 20px 25px;
    padding-top: 10px;
}
.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #dfe3e9;
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    width: 100%;
    line-height: 22px;
    cursor: text;
}
.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0 6px;
  margin: 0;
  width: auto;
  max-width: inherit;
}
.bootstrap-tagsinput.form-control input::-moz-placeholder {
  color: #777;
  opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
  color: #777;
}
.bootstrap-tagsinput input:focus {
  border: none;
  box-shadow: none;
}
.bootstrap-tagsinput .tag,
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-right: 2px;
    background: #fff;
    border: 1px solid #aebec3;
    color: #474e54;
    padding: 4px 15px 5px;
    display: inline-block;
    border-radius: 20px;
    cursor: pointer;
    margin-top: 2px;
    margin-bottom: 2px;
}
.bootstrap-tagsinput .tag:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background: #e3f1ff !important;
    border: 1px solid #0071e0 !important;
    color: #0071e0 !important;
}
.bootstrap-tagsinput .tag [data-role="remove"], .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ3Ljk3MSA0Ny45NzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3Ljk3MSA0Ny45NzE7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjguMjI4LDIzLjk4Nkw0Ny4wOTIsNS4xMjJjMS4xNzItMS4xNzEsMS4xNzItMy4wNzEsMC00LjI0MmMtMS4xNzItMS4xNzItMy4wNy0xLjE3Mi00LjI0MiwwTDIzLjk4NiwxOS43NDRMNS4xMjEsMC44OCAgIGMtMS4xNzItMS4xNzItMy4wNy0xLjE3Mi00LjI0MiwwYy0xLjE3MiwxLjE3MS0xLjE3MiwzLjA3MSwwLDQuMjQybDE4Ljg2NSwxOC44NjRMMC44NzksNDIuODVjLTEuMTcyLDEuMTcxLTEuMTcyLDMuMDcxLDAsNC4yNDIgICBDMS40NjUsNDcuNjc3LDIuMjMzLDQ3Ljk3LDMsNDcuOTdzMS41MzUtMC4yOTMsMi4xMjEtMC44NzlsMTguODY1LTE4Ljg2NEw0Mi44NSw0Ny4wOTFjMC41ODYsMC41ODYsMS4zNTQsMC44NzksMi4xMjEsMC44NzkgICBzMS41MzUtMC4yOTMsMi4xMjEtMC44NzljMS4xNzItMS4xNzEsMS4xNzItMy4wNzEsMC00LjI0MkwyOC4yMjgsMjMuOTg2eiIgZmlsbD0iIzAwMDAwMCIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    width: 8px;
    height: 8px;
    display: inline-block;
    background-size: cover;
    margin-left: 9px;
    opacity: 0.5;
}
.bootstrap-tagsinput .tag:hover [data-role="remove"] {
    opacity: 0.9;
}
.emails_list_ul .bootstrap-tagsinput {
    min-height: 100px;
    margin-top: 3px;
    margin-bottom: 10px;
}
.c-modal__close {
    background: #000000;
    position: absolute;
    right: -10px;
    top: -15px;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    opacity: 1;
}
.c-modal__close svg.feather.feather-x {
    transform: translateY(0px);
    height: 100%;
    width: 100%;
}
.c-modal__footer {
    padding: 15px 25px;
    justify-content: flex-end;
}
.c-modal__title svg {
    transform: translateY(3px);
    width: 20px;
    height: 20px;
    margin-right: 2px;
}
.c-choice {
    margin-bottom: 0px;
}
.c-choice--radio .c-choice__input:checked+.c-choice__label:before {
    border: 5px solid var(--SC);
    background-color: #fff;
    box-shadow: 0 0 0 1px var(--SC);
}
.c-modal__footer .c-btn {
    margin-left: 5px;
}
.c-btn--secondary {
    /**background: #fff;**/
    border-color: var(--PC);
    color: var(--PC);
}
.c-btn--secondary:hover, .c-btn--secondary:focus {
    background: #ebf4fd;
    border-color: var(--PC);
    color: var(--PC);
}
/*****************************/
.st-dropzone .dropzone .dz-preview .dz-error-mark svg, .st-dropzone .dropzone .dz-preview .dz-success-mark svg {
    width: 15px;
    height: 15px;
}
.st-dropzone .dropzone .dz-preview .dz-error-mark svg * {
    fill: #ff0000;
}
.st-dropzone .dropzone .dz-preview .dz-success-mark svg * {
    fill: #00ff00;
}
.st-dropzone .dropzone .dz-preview .dz-error-mark, .st-dropzone .dropzone .dz-preview .dz-success-mark {
    margin: 0;
    top: -5px;
    left: auto;
    background: #ffffff;
    border-radius: 100%;
    right: -9px;
    border: 2px solid #fff;
}
.st-dropzone .dropzone .dz-preview .dz-progress {
    position: relative;
}
.st-dropzone.boxzone {
    border: var(--border);
    border-radius: 4px;
    padding: 5px 15px;
}
/*****************************/
.icon-left {
    display: flex;
}
.icon-left a {
    padding: 0 5px;
    box-sizing: content-box;
}
.smartaddTopBar .cke_chrome {
    border: var(--border);
    border-bottom-style: dashed;
    border-bottom-color: #d8dee4;
}
.te3xteditor ul {
    list-style-type: disc;
    padding: 0;
    margin: 10px 30px;
}
.te3xteditor ol {
    list-style-type: decimal;
    padding: 0;
    margin: 10px 30px;
}
.te3xteditor-toolbar {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 5px;
}
.te3xteditor-toolbar button {
    background: transparent;
    border: 0;
    padding: 7px;
    align-items: center;
    display: flex;
}
.te3xteditor-toolbar button svg {
    width: 17px;
    height: 17px;
}
.te3xteditor-toolbar button svg.feather * {
    stroke: #637282;
}
.te3xteditor-toolbar button svg.flat-icon * {
    fill: #637282;
}
.te3xteditor-toolbar button:hover svg.feather * {
    stroke: #000;
}
.te3xteditor-toolbar button:hover svg.flat-icon * {
    fill: #000;
}
.te3xteditor-toolbar button.activate svg.feather * {
    stroke: var(--PC);
}
.te3xteditor-toolbar button.activate svg.flat-icon * {
    fill: var(--PC);
}
.c-post .te3xteditor-toolbar {
    border: var(--border);
    border-bottom: 0;
}
.te3xteditor:before {
    content: attr(data-placeholder);
    color: #7f8fa4;
    display: none;
    pointer-events: none;
}
.te3xteditor:empty:before {
    display: block;
}
.te3xteditor:focus:before {
    display: none;
}
.c-text-editor {
    position: relative;
}
.c-text-editor.inline {
    padding-bottom: 41px;
}
.c-text-editor.inline .te3xteditor-toolbar {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /* box-shadow: 0px 0 20px -4px #afbcc3; */
    background: var(--gray);
    border-radius: 4px;
}
.te3xteditor {
    min-height: 80px;
    padding: 10px;
}
hr.vertical {
    transform: rotate(90deg);
    margin: 0 -5px;
    width: 21px;
    background: #d9e1e4;
}
.tab-content.flat .c-tabs__pane {
    border: 0;
    background: transparent;
    padding: 0;
}
.w100 {
    width: 100%;
}
.o-page__sidebar {
    /*top: 50px;*/
    left: 0;
    z-index: 0;
}
.my-container {
    max-width: 1200px;
}
body.sidebar-hide .o-page__content {
    padding-left: 60px;
    padding-left: 66px;
    padding-left: 80px;
    height: 100%;
}
span.sideBurgerIcon:hover svg {
    opacity: 1;
}
body.sidebar-hide .o-page__sidebar.js-page-sidebar.come {
    transform: translateX(0%);
}
.c-tabs__list.tab-vertical {
    border: 0;
    background: transparent;
    padding: 0;
    margin-left: 5px;
    font-weight: 600 !important;
}
.c-tabs__list.tab-vertical li {
    display: block;
}
.c-tabs__list.tab-vertical li a {
    padding: 8px 15px;
    margin: 2px 0;
    display: flex;
    align-items: center;
}
.c-tabs__list.tab-vertical li a.active.show {
    background: var(--PC);
    color: #fff;
}
.c-tabs__list.tab-vertical li a .icn {
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 3px;
    margin-right: 10px;
}
.c-tabs__list.tab-vertical li a svg {
    width: 18px;
    vertical-align: middle;
    height: 18px;
    transform: translateY(-1px);
}
.c-tabs__list.tab-vertical li a i.mdi {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    transform: translateY(1px);
    display: flex;
    font-size: 20px;
}
.c-tabs__list.tab-vertical li a i.mdi:before {
    transform: translateX(-1px) translateY(1px);
    vertical-align: top;
    display: block;
    width: 18px;
    height: 18px;
    line-height: 18px;
}
.content_wrapper.nm-page {
    /*padding-top: 30px !important;*/
    padding-bottom: 30px !important;
}
.c-input.ghost, .c-input.ghost:disabled {
    border: 0 !important;
    padding: 0;
    height: 100%;
    width: 100%;
    background: transparent;
}
input.c-input.ghost, textarea.c-input.ghost {
    padding: 0 4px;
}
.c-input.ghost:focus {
    box-shadow: none;
}
dl.u-flex dd {
    flex: 1;
}
.c-card.u-account-details {
    padding: 0px 30px;
    border: 0;
}
.c-card.u-account-details h6.u-text-bold {
    margin-top: 0;
    color: var(--PC);
}
.c-switch.is-active:before {
    background-color: var(--SC);
    border-color: var(--SC);
}
dt {
    margin-right: 15px;
    font-weight: 500;
    color: #000;
}
.btn-block {
    display: block !important;
    width: 100%;
}
input.ghost:disabled {
    padding: 0 4px !important;
}
.digital_id_wrap {
    width: 100%;
    max-width: 300px;
    background: #fff;
    padding: 20px 20px 10px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    text-align: center;
    border: 1px solid #e7ecef;
}
.digital_id_wrap * {
    position: relative;
    z-index: 1
}
span.topshape {
    position: absolute;
    background: #c1e5ff;
    height: 400px;
    width: 400px;
    border-radius: 100%;
    z-index: 0;
    top: -230px;
    right: -50px;
}
span.bottomshape {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 70px;
    background: #92caf5;
    border-top: 10px solid #c0e4ff;
}
.company_logo img {
    max-height: 60px;
    max-width: 150px;
}
.employee_photo {
    margin: 20px 0 5px;
}
.employee_photo img {
    width: 115px;
    height: 115px;
    object-fit: cover;
    border-radius: 100%;
    border: 5px solid #f4faff;
}
.employee_details h6 {
    font-size: 24px;
    margin-bottom: 0;
}
.qrcode {
    margin-top: 20px;
}
.qrcode img {
    width: 100px;
    height: 100px;
}
.company_logo {
    height: 60px;
}
.comp_id {
    font-size: 12px;
    margin-top: 3px;
}
body.sidebar-hide span.c-link__expand, body.sidebar-hide .c-sidebar__submenu {
    display: none;
}
body.sidebar-hide .c-sidebar__link {
    display: block;
    text-align: center;
    font-size: 10.5px;
    font-size: 11px;
    font-weight: 400;
    padding: 20px 5px;
}
body.sidebar-hide .c-sidebar__link i.left__navicon {
    display: block;
    margin: 0 auto 3px;
}
body.sidebar-hide li.c-sidebar__item.is-active > div {
    background: #ffffff;
}
body.sidebar-hide .c-sidebar__item > div {
    border-radius: 0;
}
body.sidebar-hide li.c-sidebar__item > div:hover {
    background: #e8ebf1;
    background: rgba(0, 0, 0, 0.6);
}
body.sidebar-hide .c-sidebar {
    background-color: var(--gray);
    background-color: #292f4c;
    padding-top: 0;
    box-shadow: -3px 0px 7px rgba(0, 0, 0, 0.07) inset;
}
.c-dropdown--ghost, .c-btn--ghost {
    background: #ffffff;
    border: 1px solid #d9dee0;
    padding: 6px 15px;
    border-radius: 4px;
    color: #000;
    height: 38px;
    font-size: 14px;
}
.c-dropdown--ghost span.icon {
    vertical-align: middle;
}
.c-dropdown--ghost span.icon svg {
    width: 20px;
    height: 20px;
    transform: translateY(2px);
}
.c-dropdown--ghost:hover, .c-dropdown--ghost:hover span.icon, .c-btn--ghost:hover {
    color: var(--PC);
}
span.project-st-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 3px;
}
span.project-st-dot.green {
    background: var(--SC);
}
span.project-st-dot.red {
    background: #ec3948;
}
span.project-st-dot.orange {
    background: #fdab3d;
}
span.project-st-dot.blue {
    background: #579bfc;
}
.c-dropdown__item span.project-st-dot {
    margin-right: 10px;
}
.flat-table .c-table__title, .flat-table .c-table {
    border: 0;
}
.flex-centered {
    display: flex;
    align-items: center;
}
.flex-justB {
    justify-content: space-between;
}
/*.c-table__head--slim {
    background: transparent;
}*/
.c-table__head--slim .c-table__row {
    border-top: 0;
}
.c-table__head--slim .c-table__row .c-table__cell--head {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 12px;
    color: #5d666b;
    position: sticky;
    background-color: #d7dbe3;
    padding-left: 0px;
}
.headWcaption .c-page__title {
    position: relative;
    padding: 25px 0px;
    text-align: left;
    /* background: #fbfcfd; */
    /* border-bottom: var(--border); */
    /* margin-bottom: 20px; */
    /* margin-left: -15px; */
    /* margin-right: -15px; */
}
.headWcaption .c-page__title .title-txt {
    font-size: 22px;
    font-weight: 400;
    color: #000;
}
.flex-justB {
    justify-content: space-between;
}
.c-page__title small {
    display: inline-block;
    margin-left: 10px;
    color: #7f8fa4;
    font-size: 14px;
    font-weight: 500;
}
.c-page__title small:before {
    display: inline-block;
    position: relative;
    bottom: -2px;
    width: 1px;
    height: 14px;
    margin-right: 12px;
    background-color: #b7bec7;
    content: "";
}
.c-table__cell {
    color: #000000;
    font-weight: 400;
    position: relative;
}
.c-table__row {
    cursor: pointer;
}
.pr-icon {
    float: left;
    background: var(--PC);
    width: 40px;
    height: 40px;
    border-radius: 7px;
    margin-right: 20px;
}
.pr-icon svg {
    width: 24px;
    height: 24px;
    margin: 8px;
    color: #fff;
    transform: scale(0.7);
}
.status_box {
    display: inline-block;
    padding: 4px 10px 5px;
    color: #fff;
    border-radius: 2px;
    width: 80px;
    text-align: center;
    font-size: 13px;
}
.status_box.green {
    background: var(--SC);
}
.status_box.orange {
    background: #fdab3d;
}
.status_box.blue {
    background: #579bfc;
}
.status_box.red {
    background: #e2445c;
}
span.u-text-semibold {
    font-weight: 500 !important;
}
.ColorPicker-cellsContainer {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px 15px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e6eaee;
}
.ColorPicker-cellsContainer p {
    width: 100%;
    margin-bottom: 6px;
    padding-left: 5px;
}
span.colorPick-cell {
    height: 20px;
    margin: 5px;
    width: 20px;
    border-radius: 2px;
    display: inline-flex;
    justify-content: center;
    border: 1px solid transparent;
}
span.colorPick-cell[data-color="none"] {
    background-color: #f6f8f9;
    border: 1px solid #e0e6e8;
}
.pr-icon[data-color="none"] {
    background-color: #b7bfc6;
}
span.colorPick-cell[data-color="red"], .pr-icon[data-color="red"] {
    background-color: #e8384f;
}
span.colorPick-cell[data-color="orange"], .pr-icon[data-color="orange"] {
    background: #fd612c;
}
span.colorPick-cell[data-color="yellowOrange"], .pr-icon[data-color="yellowOrange"] {
    background: #fd9a00;
}
span.colorPick-cell[data-color="yellow"], .pr-icon[data-color="yellow"] {
    background: #eec300;
}
span.colorPick-cell[data-color="yellowGreen"], .pr-icon[data-color="yellowGreen"] {
    background: #a4cf30;
}
span.colorPick-cell[data-color="green"], .pr-icon[data-color="green"] {
    background: #62d26f;
}
span.colorPick-cell[data-color="blueGreen"], .pr-icon[data-color="blueGreen"] {
    background: #37c5ab;
}
span.colorPick-cell[data-color="aqua"], .pr-icon[data-color="aqua"] {
    background: #20aaea;
}
span.colorPick-cell[data-color="blue"], .pr-icon[data-color="blue"] {
    background: #0070e0;
}
span.colorPick-cell[data-color="indigo"], .pr-icon[data-color="indigo"] {
    background: #7a6ff0;
}
span.colorPick-cell[data-color="purple"], .pr-icon[data-color="purple"] {
    background: #aa62e3;
}
span.colorPick-cell[data-color="magenta"], .pr-icon[data-color="magenta"] {
    background: #e362e3;
}
span.colorPick-cell[data-color="hotPink"], .pr-icon[data-color="hotPink"] {
    background: #ea4e9d;
}
span.colorPick-cell[data-color="pink"], .pr-icon[data-color="pink"] {
    background: #fc91ad;
}
span.colorPick-cell[data-color="gray"], .pr-icon[data-color="gray"] {
    background: #8da3a6;
}
.ticked {
    position: absolute;
}
.ticked svg {
    width: 12px;
    height: 12px;
}
.ticked svg path {
    fill: #fff;
}
.colorPick-cell.none .ticked svg path {
    fill: #565656;
}
.c-progress span {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    font-size: 9px;
    line-height: 15px;
}
.c-progress {
    background-color: #e0e6ea;
}
.c-table__cell .c-progress {
    margin: 0;
    max-width: 80px;
    min-width: 50px;
    height: 15px;
}
.c-table.right-setting .c-table__row .c-table__cell:last-child {
    padding-left: 30px;
    padding-right: 30px;
    width: 50px;
}
#table_resize .c-table__cell {
    padding: 20px 30px;
}
#table_resize .c-table__head--slim .c-table__cell {
    padding: 10px 30px;
}
.files-row {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 30px;
}
.files-column {
    flex-basis: 10%;
}
.folder-container {
    position: relative;
    cursor: pointer;
    margin: 0 5px 15px;
    user-select: none;
}
.thumb-container {
    text-align: center;
}
.thumb-container svg {
    width: 160px;
    height: 160px;
}
.file-action {
    position: absolute;
    top: 0;
    right: 0;
}
.file-action .c-dropdown {
    opacity: 0;
}
.folder-container:hover .file-action .c-dropdown, .folder-container .file-action .c-dropdown.show {
    opacity: 1;
}
.file-action .c-dropdown--ghost {
    border: 1px solid #d6dbe0;
    border-radius: 6px;
}
.file-action .c-dropdown--ghost .c-notification__icon {
    line-height: 0.8;
}
.file-label {
    text-align: center;
    height: 68px;
}
.file-label__text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 400;
}
.folder-container:hover .file-label__text {
    color: var(--PC);
}
.file-count {
    text-align: center;
}
.count-label__text {
    font-size: 11px;
    margin-top: 5px;
    color: #848484;
    border-radius: 4px;
}
.folder-container a {
    text-decoration: none;
    color: #000;
    display: block;
}
span.c-BreadCrumbSegment-link a svg {
    width: 18px;
    height: 18px;
    transform: translateY(-1px);
}
.c-breadcrumbs {
    font-size: 18px;
    font-weight: 400;
}
span.c-BreadCrumbSegment-link a {
    color: #637282;
    display: flex;
}
.text-left {
    text-align: left !important;
}
.text-right {
    text-align: right !important;
}
.c-btn-transparent {
    background: transparent;
    border: 0;
    color: #0070e0;
    vertical-align: middle;
}
.c-btn svg {
    vertical-align: middle;
    width: 18px;
    transform: translateY(-1px);
    margin-right: 5px;
    height: 18px;
}
.c-btn-transparent:hover, .c-btn-transparent:focus {
    color: #000;
    /*background: #f4f5f7;*/
}
.file-action-menu {
    margin-top: 70px;
}
table th.c-table__cell .c-dropdown--ghost {
    border: 0;
    padding: 0;
}
#datatable th.c-table__cell span {
    float: left;
}
.dataTable thead .sorting:after,
.dataTable thead .sorting:before,
.dataTable thead .sorting_asc:after,
.dataTable thead .sorting_asc:before,
.dataTable thead .sorting_desc:after,
.dataTable thead .sorting_desc:before {
  /*  position: relative;*/
}
.dataTable thead .sorting:after,
.dataTable thead .sorting:before {
    visibility: hidden;
}
.dataTable thead th.sorting:hover:after,
.dataTable thead th.sorting:hover:before,
.dataTable thead th.sorting_asc:hover:after,
.dataTable thead th.sorting_asc:hover:before,
.dataTable thead th.sorting_desc:hover:after,
.dataTable thead th.sorting_desc:hover:before {
    visibility: visible;
}
.dataTable thead.c-table__head--slim .sorting:before,
.dataTable thead.c-table__head--slim .sorting_asc:before,
.dataTable thead.c-table__head--slim .sorting_desc:before {
    right: -7px;
    top: 3px;
}
.dataTable thead.c-table__head--slim .sorting:after,
.dataTable thead.c-table__head--slim .sorting_asc:after,
.dataTable thead.c-table__head--slim .sorting_desc:after {
     right: 15px;
     bottom: 4px;
}
.star-favorite .star {
    visibility: hidden;
    cursor: pointer;
    margin: 0;
    font-size: 18px;
}
.star-favorite .star:before, .star-favorite .star:hover:before {
    content: "\f006";
    position: absolute;
    visibility: visible;
    font-family: FontAwesome;
    color: #808c92;
}
.star-favorite .star:hover:before {
   color: #000;
}
.star-favorite .star:checked:before {
   content: "\f005";
   position: absolute;
   font-family: FontAwesome;
   color: var(--PC);
}
td.c-table__cell.cell-favorite {
    padding-left: 14px;
}
.star-table tbody .c-table__row td:nth-child(2n), .star-table thead .c-table__row th:nth-child(2n) {
    padding-left: 10px;
}
.star-table tbody .c-table__row td:first-child, .star-table thead .c-table__row th:first-child {
    padding-left: 10px;
    padding-right: 0;
    width: 40px !important;
}
.c-media-cell {
    display: flex;
    align-items: center;
}
.c-media-cell-icon {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-preferred-size: 30px;
    flex-basis: 30px;
}
.c-media-cell-icon img {
    width: 30px;
    height: 30px;
    object-fit: cover;
}
.file-name-container {
   /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;*/
    overflow: hidden;
    padding-left: 15px;
}
th.c-table__cell .fa-star-o {
    margin-left: 1px;
    font-size: 18px;
    transform: translateY(1px);
    opacity: 0.5;
}
.task4file {
    max-width: 300px;
    white-space: normal;
    display: table-cell;
}
.table-action {
    position: relative;
}
.inpage-search input {
    padding: 11px 15px;
    border: 1px solid #D9DEE0;
    border-radius: 5px;
    width: 400px;
}
.inpage-search input:focus {
    border: 1px solid #b4bdc1;
}
.sidebar__create.c-btn:after {
    display: none;
}
.c-dropdown button.dropdown-toggle:after {
    content: "\f0d7";
    font-family: FontAwesome;
    margin-left: 2px;
    font-size: 11px;
}
.show {
    display: block;
}
.hide {
    display: none
}
.page-gap {
    padding-top: 30px;
}
li.fk-tab a {
    font-weight: 500;
    color: #000;
    display: flex;
    justify-content: space-between;
}
span.item-count {
    font-weight: 400;
}
.c-choice--checkbox .c-choice__input:checked+.c-choice__label:before {
    border-color: #0070e0;
    background-color: #0070e0;
}
.name-text {
    display: flex;
    flex: 1;
    align-items: center;
}
.name-cell .name-text {
    color: #0070e0;
}
.cell-component {
    display: flex;
    height: 100%;
    text-align: left;
    width: 100%;
    float: left;
    align-items: center;
}
.name-text span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}
.conversation-indicator {
    min-width: 24px;
    height: 24px;
    line-height: 28px;
    position: relative;
}
span.chat-with-update {
    display: block;
}
span.chat-with-update, .icon-component {
    color: #859298;
}
span.updates-count {
    position: absolute;
    color: #fff;
    right: -1px;
    top: 9px;
    line-height: 9px;
    font-size: 10px;
    font-weight: 400;
    background: var(--PC);
    border-radius: 10px;
    text-align: center;
    padding: 2px 4px;
    display: none;
}
.conversation-indicator.has-comment span.updates-count {
    display: inline-block;
}
.conversation-indicator.has-comment span.chat-with-update, .has-location .icon-component {
    color: var(--PC);
}
.c-table__cell.name-cell {
    padding-left: 10px;
    padding-right: 30px !important;
    position: relative;
}
table.align-top .c-table__cell {
    vertical-align: top;
}
.c-table__cell .c-choice {
    margin: 3px 0 0;
    float: left;
}
.check-task {
    width: 20px;
    padding-left: 10px !important;
    padding-right: 0 !important;
}
.cell-view-dropdown .c-dropdown--ghost span.icon svg {
    width: 15px;
    height: 15px;
}
.cell-view-dropdown .c-dropdown button.dropdown-toggle:after {
    margin-left: 0;
    font-size: 9px;
}
.c-btn-small {
    padding: 6px 10px 4px;
    font-size: 12px;
}
.customlist {
    padding: 0 5px;
    font-weight: 400;
}
.customlist p {
    text-transform: none;
    padding: 0 15px;
}
ul.cell-view-content {
    max-height: 300px;
    overflow-y: auto;
    margin: 10px 0;
    border-bottom: var(--border);
}
ul.cell-view-content li {
    display: flex;
    justify-content: space-between;
    color: #000;
    text-transform: none;
    font-size: 14px;
    border-bottom: var(--border);
    padding: 10px 15px;
}
ul.cell-view-content li:last-child {
    border: 0;
}
.c-switch:before {
    border: 1px solid #dbdddf;
    background-color: #dbdddf;
}
.c-switch.small.c-switch:before {
    width: 34px;
    height: 18px;
}
.c-switch.small.c-switch:after {
    top: 5px;
    left: 4px;
    width: 12px;
    height: 12px;
}
.c-switch.c-switch.is-active:after {
    left: 24px;
}
.customlist button.c-btn {
    float: right;
    margin-right: 7px;
    margin-top: 3px;
}
.c-table__cell.location-cell {
    width: 200px;
}
.c-table__cell.location-cell span {
    overflow: hidden;
    display: block;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.c-table__cell.location-cell .editable-component {
    width: 100%;
}
.edit-indicator {
    width: 26px;
    height: 26px;
    padding: 5px;
    color: #859298;
    visibility: hidden;
}
.edit-indicator:hover {
    background: #e0e5e8;
    color: var(--PC);
}
.edit-indicator svg {
    width: 100%;
    height: 100%;
}
.cell-component:hover .edit-indicator {
    visibility: visible;
}
.text-component {
    line-height: 24px;
    border: 1px dashed transparent;
}
.editable-component.can-edit .text-component {
    border-color: #a0a7ab;
}
.editable-input {
    display: none;
    width: 100%;
}
.editable-input input {
    border: 1px dashed #a0a7ab;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 0 5px;
}
.indicator-component {
    /*margin: 0 10px;*/
}
.editable-component.editing .editable-content, .editable-component.editing .edit-indicator {
    display: none;
}
.editable-component.editing .editable-input {
    display: block;
}
.datepicker-container {
    width: 248px;
}
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover {
    color: #39f;
    background-color: var(--PC);
    color: #fff;
    border-radius: 100%;
}
.datepicker-panel>ul>li.picked, .datepicker-panel>ul>li.picked:hover {
    color: #fff;
}
.datepicker-panel>ul>li {
    border: 1px solid transparent;
    margin: 1px;
}
.datepicker-panel>ul>li.highlighted {
    border-color: var(--PC);
    color: var(--PC);
    border-radius: 100%;
    background: transparent;
}
.datepicker-panel>ul>li.highlighted:hover {
    background-color: var(--gray);
}
span.morearrow {
    color: #859298;
    font-size: 10px;
    line-height: 10px;
    font-weight: normal;
    margin-left: 5px;
    visibility: hidden;
}
span.morearrow:before {
    content: "\f0d7";
    font-family: FontAwesome;
}
tr:hover .more-items span.morearrow {
    visibility: visible;
}
.bDash-label {
    border: 1px dashed transparent;
}
.cell-component:hover .bDash-label {
    border-color: #a0a7ab;
}
.point {
    cursor: pointer;
}
.c-dropdown__menu.compact-menu {
    min-width: 100px;
    width: 100px;
    padding: 5px 0;
}
.compact-menu .c-dropdown__item {
    padding: 4px 15px;
    border-bottom: var(--border);
}
.compact-menu .c-dropdown__item:last-child {
    border: 0;
}
.morearrow.plus:before {
    content: "\f0fe";
}
.select2-container--default .select2-selection--multiple {
    padding: 6px 3px;
}
.rc-handle-container {
    position: relative;
}
.rc-handle {
    position: absolute;
    width: 12px;
    height: 12px;
    cursor: col-resize;
    margin-left: -3px;
}
.rc-handle {
    z-index: 99;
}
.rc-handle:before {
    content: "";
    background: url(../img/resize.svg);
    background-size: cover;
    width: 12px;
    height: 12px;
    position: absolute;
}
.rc-handle:after {
    content: "";
    position: absolute;
    width: 1px;
    background: #000;
    height: 100%;
    left: 6px;
    top: 12px;
}
.name-cell .editable-component {
    width: calc(100% - 50px);
    margin-right: 10px;
}
.c-table__head--slim .c-table__cell, .c-table__cell {
    padding: 10px 15px;
    padding: 6px 0px;
}
.c-table__cell.location-cell .editable-component.with-icon .name-text {
    width: calc(100% - 20px);
}
.icon-component {
    width: 20px;
    height: 20px;
    margin-right: 7px;
}
.icon-component svg {
    width: 18px;
    height: 18px;
}
.c-table__row.row_selected, .c-table__row.row_selected:hover {
    /*background: #EBF4FD;*/
}
.multi-action {
    background-color: #EBF4FD;
    padding: 10px 15px;
    border-top: var(--border);
    border-bottom: var(--border);
}
.c-dropdown--text {
    background: white;
    border: 0;
    color: #454d56;
    padding: 4px 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
}
tbody.has-subtask .c-table__row + .c-table__row {
    border-bottom: 0;
    border-top: 0;
}
.c-table__row.sub-task .c-table__cell:nth-child(2) {
    padding-left: 25px;
}
.tg-elbow:before, .tg-elbow:after, .tg-elbow-end:before {
    content: "";
    position: absolute;
    width: 20px;
    height: 50%;
    left: 17px;
    border-left: 1px dashed #9c9c9c;
}
.tg-elbow:before {
    border-bottom: 1px dashed #9c9c9c;
    top: 0;
}
.tg-elbow:after {
    left: 17px;
    bottom: 0;
}
.tg-elbow-end:before {
    border-bottom: 1px dashed #9c9c9c;
    left: 17px;
    top: 0;
}
.add-task-quick {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}
.add-task-quick svg {
    width: 16px;
    height: 16px;
}
.add-task-quick:hover svg * {
    stroke: var(--PC);
}
tbody.has-subtask .c-table__row + .c-table__row .add-task-quick {
    visibility: hidden;
    pointer-events: none;
}
.c-table__row.hl-row {
    background: rgba(230, 234, 238, .3);
}
.slide-panel-content {
    height: 100%;
}
.task_container {
    /* display: -webkit-flex; */
    /* display: flex; */
    /* -webkit-flex-direction: column; */
    /* -ms-flex-direction: column; */
    /* flex-direction: column; */
    /* -webkit-flex-wrap: nowrap; */
    /* -ms-flex-wrap: nowrap; */
    /* flex-wrap: nowrap; */
    height: calc(100% - 50px);
    width: 100%;
    overflow-y: auto;
    padding-top: 46px;
}
.fix-header {
    padding: 10px 20px;
    position: fixed;
    z-index: 1;
    background: #fff;
    width: calc(100% - 10px);
    top: 0;
}
.task_container .flexible-header {
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.task_container .task_content_wrapper {
    overflow: hidden;
    position: relative;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 20px 30px;
}
.slide-panel-container .c-modal__close {
    position: static;
    /*background: transparent;
    color: #000;
    padding: 0;*/
}
.TaskPane-Toolbar {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    -webkit-box-align: center;
    align-items: center;
}
.pr-icon.small {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    margin-right: 10px;
}
.left-items, .right-items {
    display: flex;
    align-items: center;
}
.left-items {
    flex-grow: 1;
}
.c-dropdown.no-caret button.dropdown-toggle:after {
    display: none;
}
textarea.textarea-dynamic {
    resize: none;
}
.task-name-header textarea.textarea-dynamic {
    display: block;
    width: 100%;
    border-radius: 4px;
}
.hover-field .div-field {
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 10px;
}
.task_container .hover-field .div-field {
    margin-left: -10px;
}
.hover-field .div-field:hover {
    background: var(--gray);
}
.hover-field .div-field:focus {
    border-color: #4c9aff;
    background: #fff;
    box-shadow: 0 0 0 1px #4c9aff;
}
.textarea-dynamic.taskname {
    font-size: 20px;
    line-height: 1.3;
    font-weight: 500;
    padding: 10px;
}
.tabs_task .c-tabs__list {
    padding: 15px 0px 20px;
}
.u-b-zero {
    border: 0;
}
button.square-btn {
    background: #e4eaec;
    border: 0;
    border-radius: 3px;
    padding: 6px;
    width: 30px;
    height: 30px;
    color: #5a6467;
}
button.square-btn:hover {
    background: var(--PC);
    color: #fff;
}
button.square-btn svg {
    width: 100%;
    height: 100%;
}
.task-quickbtns button.square-btn {
    margin: 0 5px 5px 0;
}
.splitview {
}
.slide-panel-content {
    position: fixed;
    width: calc(25% - 20px);
    margin-right: -10px;
    box-shadow: 0 0 10px 0 #999;
    top: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    transform: translateX(100%);
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    overflow-y: auto;
}
.slide-panel-content.open {
    transform: translateX(0%);
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
    margin-right: 0px;
}
.c-input.only-focus {
    padding: 10px;
    margin-left: -10px;
    border: 1px solid transparent;
    background: transparent;
    -webkit-transition: transform 0s ease-out;
    transition: transform 0s ease-out;
}
.c-input.only-focus:hover {
    background: #ebecf0;
}
.c-input.only-focus:focus, .c-input.only-focus:focus:hover, .select2-container--default.select2-container--focus .select2-selection--multiple {
    box-shadow: 0 0 0 1px #4c9aff;
    background: #fff;
    border: 1px solid #4c9aff;
    -webkit-transition: transform 0s ease-out;
    transition: transform 0s ease-out;
}
.c-input.inline {
    display: inline-block;
    width: auto;
}
.inputW-icon {
    position: relative;
}
.inputW-icon svg {
    position: absolute;
    width: 20px;
    height: 20px;
}
.inputW-icon .c-input.only-focus {
    padding-left: 40px;
}
.only-focus .selectator_element {
    border-color: transparent;
    padding: 10px 5px 5px;
    -webkit-transition: transform 0s ease-out;
    transition: transform 0s ease-out;
    margin-left: -5px;
}
.only-focus .focused.selectator_element, .only-focus .options-visible.selectator_element {
    background-color: #fff;
    border: 1px solid #4c9aff;
    outline: 0;
    box-shadow: 0 0 0 1px #4c9aff;
    -webkit-transition: transform 0s ease-out;
    transition: transform 0s ease-out;
}
.task-act-comment {
    position: fixed;
    bottom: 75px;
    left: 0px;
    right: 0;
    background: var(--gray);
    padding: 10px 10px;
}
.task-act-list {
    /*white-space: pre;*/
    padding-bottom: 130px;
}
.task-comment .c-avatar--medium .c-avatar__img {
    width: 32px;
    height: 32px;
}
.task-comment .c-stream-item {
    padding: .9375rem 0;
}
.tabs_task.shrink {
    position: fixed;
    top: 36px;
    right: 30px;
    left: 20px;
    z-index: 9;
    -webkit-transition: transform 0s ease-out;
    transition: transform 0s ease-out;
}
button.rec-btn {
    border: 0;
    border-radius: 3px;
    padding: 6px 10px;
    margin: 0 5px 5px 0;
    height: 30px;
    color: #ffffff;
    line-height: 18px;
}
.task-name-header {
    padding-top: 1px;
}
.div-field:empty:before {
    display: block;
}
.div-field:before {
    content: attr(data-placeholder);
    color: #7f8fa4;
    display: none;
    pointer-events: none;
}
.task-act-comment .te3xteditor {
    min-height: auto;
    max-height: 80px;
    overflow-y: auto;
    border-bottom: 0;
}
.task-act-comment .te3xteditor-toolbar {
    border-top: 0;
}
.title-header-left {
    flex: 1 0;
    min-width: 200px;
    margin-right: 50px;
}
.title-header-right {
    display: flex;
    overflow: hidden;
}
.btn-group {
    display: flex;
    align-items: center;
}
.btn-group button {
    border: 0;
    display: flex;
    align-items: center;
    padding: 10px 15px;
    background: #ffffff;
    border: 1px solid #dfe3e9;
    border-radius: 0;
    color: #6c767b;
    font-size: 14px;
}
.btn-group button:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.btn-group button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group button.active {
    background: #ebf4fd;
    border-color: #aecff1;
    color: var(--PC);
}
.btn-group button svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
button.c-btn-icon-round {
    background: #ffffff;
    border: 1px solid #bbc3c7;
    border-radius: 100%;
    width: 34px;
    height: 34px;
    padding: 0;
}
button.c-btn-icon-round .c-notification__icon {
    display: block;
    padding: 5px;
    font-size: 21px;
    width: 100%;
    height: 100%;
    color: #6c767b;
}
button.c-btn-icon-round:hover {
    border-color: #465258;
}
button.c-btn-icon-round:hover .c-notification__icon {
    color: #465258;
}
button.c-btn-icon-round .c-notification__icon svg {
    width: 17px;
    height: 17px;
}
button.c-btn-icon-round:after {
    display: none;
}
.text-center {
    text-align: center;
}
form.form__body .c-input {
    padding: 15px;
    height: 48px;
}
form.form__body .c-btn {
    padding: 10px 20px;
    font-size: 18px;
    height: auto;
}
span.pw-toggle {
    display: block;
}
.c-field.has-icon-left>.c-field__icon, .c-field.has-icon-right>.c-field__icon {
    color: #000;
    display: flex;
}
.spinner {
    display: inline-block;
    opacity: 0;
    width: 0;
    -webkit-transition: opacity 0.25s, width 0.25s;
    -moz-transition: opacity 0.25s, width 0.25s;
    -o-transition: opacity 0.25s, width 0.25s;
    transition: opacity 0.25s, width 0.25s;
}
.has-spinner.active {
    cursor:progress;
}
.has-spinner.active .spinner {
    opacity: 1;
    width: auto;
}
.has-spinner.btn.active .spinner {
    min-width: 20px;
}
header.signup_header {
    display: flex;
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    background: #f7f7f7;
}
a.logo {
    display: flex;
    height: 40px;
    align-items: center;
}
a.logo img {
    height: 40px;
}
.img-intro {
    text-align: center;
}
.img-intro img {
    width: 100%;
}
.form-content {
    text-align: center;
}
.form-content h2 {
    font-size: 34px;
    font-weight: 100;
}
.form-content p {
    font-weight: 100;
    font-size: 16px;
}
form.form__body {
    padding: 0 1.875rem!important;
}
.sidebar-hide .c-sidebar__header {
    padding: 16px 14px;
    border: 0;
}
i.left__navicon i.mdi {
    font-size: 24px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    color: #0c0e10;
    color: #ffffff;
}
.c-avatar--xsmall .c-avatar__img i.mdi {
    font-size: 22px;
    width: 22px;
    height: 22px;
    color: #637282;
    display: flex;
    align-items: center;
}
.c-sidebar__item {
    margin: 10px 0;
}
.sidebar-hide .c-sidebar__item {
    margin: 0;
}
.activity-card {
    border: 1px solid #e6eaee;
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
}
.activity-count {
    font-size: 29px;
    font-weight: 500;
    padding: 30px 20px;
}
.activity-card p {
    background: var(--gray);
    padding: 10px 0;
    margin: 0;
}
.c-table__cell img.c-product__img {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: 4px;
    margin: 0;
}
.tickbox .c-choice__input+.c-choice__label:before {
    content: "\f00c";
    background: #c9cfd2;
    color: #ffffff;
    border: 0;
    font-size: 14px;
    font-family: FontAwesome;
    width: 24px;
    height: 24px;
    line-height: 24px;
    border-radius: 100%;
}
.tickbox.c-choice--checkbox .c-choice__input:checked+.c-choice__label:before {
    background: #07bd59;
    border: transparent;
    font-size: 14px;
    color: #ffffff;
}
.tickbox label.c-choice__label {
    padding: 6px 0;
}
.c-summary-card {
    padding: 15px 20px;
    border-radius: 4px;
    border: 1px dashed #cfd8dc;
}
.c-summary-card label {
    font-size: 20px;
    padding: 2px 8px;
    background: var(--gray);
    color: #0070e0;
    border-radius: 4px;
}
.activity-card .c-badge {
    position: absolute;
    right: 15px;
    border-radius: 0;
}
.c-product {
    border: 1px solid var(--gray);
    box-shadow: 0px 10px 30px -6px #fff;
    position: relative;
    border-radius: 4px;
    margin-bottom: 30px;
}
.c-product:hover {
    box-shadow: 0px 10px 30px -6px #c1cbd2;
}
.c-product-inner {
    padding: 20px;
    cursor: pointer;
}
.c-product__img {
    width: 130px;
    height: 130px;
    margin: 30px auto;
}
.c-product__detail label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.c-badge.label {
    position: absolute;
    right: 0;
    border-radius: 0;
    top: 10px;
    font-size: 11px;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 1px;
    padding: 3px 7px 3px 17px;
}
.c-badge.label:after {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    left: -15px;
    background: #fff;
    bottom: 0;
    transform: rotate(45deg);
}
span.c-product__group {
    margin: 5px 0;
    display: block;
    color: #666;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
span.c-product__stock {
    display: block;
    text-align: right;
    color: var(--SC);
    font-weight: 500;
}
span.c-badge.label.c-badge--new {
    background: var(--SC);
}
span.grid-checkbox {
    position: absolute;
}
span.grid-checkbox .c-choice {
    margin: 0;
}
span.grid-checkbox .c-choice__input+.c-choice__label:before {
    margin: 0;
}
.c-media-cell-img img {
    width: 50px;
    height: 50px;
}
.clearfix {
    display: block;
    content: "";
    clear: both;
}
.fix_page {
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: row;
}
.fix_page_left {
    flex-basis: 25%;
    max-width: 400px;
}
.fix_page_right {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.fix_page_header {
    background: #fff;
    flex-shrink: 0;
}
.fix_page_header-top {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    flex-shrink: 0;
}
.itm-list-top {
    border-bottom: var(--border);
    background: #fff;
    flex-shrink: 0;
}
.itm-list-top-inner {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    height: 72px;
}
.itm-list-top .inpage-search input {
    width: 100%;
    border-radius: 0;
    border: 0;
    padding: 15px 18px 16px;
    font-size: 14px;
    background: #fafcfd;
    border-top: var(--border);
}
button.tr-btn {
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
    color: #4b5154;
}
button.tr-btn:hover {
    color: #000;
}
.title-default {
    font-size: 22px;
    font-weight: 400;
    color: #000;
}
.fix_page_content {
    padding: 15px 10px 40px;
    flex-grow: 1;
    overflow-y: auto;
}
.u-width-110 {
    width: 110px;
}
.u-width-200 {
    width: 150px;
}
a.info-mark {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    color: #7e878c;
}
a.info-mark:hover {
    color: #000;
}
.c-toggle__btn.red.is-active {
    border-color: #ca212f;
    background-color: #ec3948;
}
.itm-list-left {
    /*background: #fafcfd;*/
    display: flex;
    flex-direction: column;
    flex: 1;
}
.itm-list-body {
    flex-grow: 1;
    overflow-y: auto;
}
.small-container {
    max-width: 1024px;
}
.compact-table .c-table {
    background: transparent;
}
.compact-table .c-media-cell-img img {
    width: 30px;
    height: 30px;
}
.itm-list-body.c-media-cell-img.c-avatar--small, .itm-list-body .c-media-cell-img.c-avatar--small img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.compact-table .c-table__cell {
    white-space: normal;
    padding: 15px;
    font-size: 13px;
}
.compact-table .check-task {
    padding-left: 20px !important;
}
.c-table__cell .c-choice__input+.c-choice__label:before {
    margin-right: 0;
}
.compact-table .c-table__row:first-child {
    border-top: 0;
}
tr.c-table__row.selected {
    background: var(--gray);
}
.inpage-search {
    position: relative;
}
.inpage-search span {
    position: absolute;
    right: 15px;
    top: 50%;
    color: #bfc6ca;
    transform: translateY(-50%);
    height: 18px;
    cursor: default;
}
.inpage-search span svg {
    width: 18px;
    height: 18px;
}
.itm-list-top .inpage-search input:focus {
    background: var(--gray);
    border-color: #d9dee0;
}
.multicheck-action {
    width: 100%;
}
.title-items {
    padding: 5px 0;
}
.c-btn--icon {
    background: transparent;
    border: transparent;
    color: #454d56;
    padding: 8px 8px 7px;
    text-align: center;
}
.c-btn--icon:hover {
    color: #000;
}
.c-btn--icon svg {
    margin: 0;
    width: 20px;
    height: 20px;
}
.dual-column {
    display: flex;
    padding: 0;
}
.half-page-fix {
    flex-basis: 50%;
}
.c-swiper .ms-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}
.fix_page_left.large {
    flex-basis: 55%;
    max-width: none;
}
.swipeItems-wrapper {
    padding: 15px 65px;
    height: 100%;
}
.c-swiper {
    height: 100%;
}
.fix_page_footer {
    border-top: var(--border);
}
.c-invoice {
    padding: 50px;
}
.ribbon {
    position: absolute!important;
    top: -5px;
    left: -5px;
    overflow: hidden;
    width: 96px;
    height: 94px;
    border-bottom-right-radius: 92px;
}
.ribbon .ribbon-inner {
    text-align: center;
    color: #FFF;
    top: 24px;
    left: -31px;
    width: 135px;
    height: 27px;
    line-height: 20px;
    padding: 3px;
    position: relative;
    transform: rotate(-45deg);
}
.ribbon .ribbon-open {
    background-color: var(--PC);
    border-color: #004992;
}
.ribbon .ribbon-inner:after, .ribbon .ribbon-inner:before {
    content: "";
    border-top: 5px solid transparent;
    border-left: 5px solid;
    border-left-color: inherit;
    border-right: 5px solid transparent;
    border-bottom: 5px solid;
    border-bottom-color: inherit;
    position: absolute;
    top: 20px;
    transform: rotate(-45deg);
}
.ribbon .ribbon-inner:before {
    left: 0;
    border-left: 2px solid transparent;
}
.ribbon .ribbon-inner:after {
    right: -4px;
    top: 22px;
    border-bottom: 3px solid transparent;
}
.model-dual-column {
    height: 450px;
    display: flex;
    flex-flow: row;
}
.model-column-left, .model-column-right {
    flex: 1;
    height: 100%;
    overflow-y: auto;
}
.model-column-left .itm-list-left, .model-column-right .itm-list-left {
    height: 100%;
}
.input_quantity {
    border: 1px solid #c7d2d8;
    border-radius: 4px;
    display: flex;
    height: 32px;
    margin: auto;
    align-items: center;
    width: 100px;
    overflow: hidden;
}
.input_quantity > span {
    display: flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.input_quantity > *:hover, .input_quantity > *:focus {
    background: var(--gray);
}
.input_quantity span span {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.input_quantity span span:before, .input_quantity span span:after {
    content: "";
    width: 10px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.input_quantity span span:after {
    transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
.input_quantity span[data-dir="dwn"] span:after {
    display: none;
}
.input_quantity > input[type=text] {
    flex: 1;
    text-align: center;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    cursor: text;
    color: #000;
    font-weight: 600;
    width: 0;
    border: 0;
    padding: 0;
}
.selected-item {
    display: flex;
    padding: 10px 0;
}
.selected-item > * {
    margin: 5px 10px 0;
}
.item-name {
    flex: 1;
    margin-left: 5px;
    margin-top: 0;
}
.cancel-item-section {
    padding: 4px 0;
    transform: scale(0.8);
    color: #ff0000;
    cursor: pointer;
    margin-right: 5px;
}
.border-table .c-table__cell {
    border: var(--border);
    padding: 10px 15px !important;
}
.border-table .c-table__cell.c-table__cell--head {
    background: var(--gray);
}
.quantity {
    position: relative;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.quantity input {
    width: 65px;
    height: 42px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: var(--border);
}
.quantity input:focus {
    outline: 0;
}
.quantity-nav {
    float: left;
    position: relative;
    height: 42px;
}
.quantity-button {
    position: relative;
    cursor: pointer;
    border-left: var(--border);
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: var(--border);
}
.quantity-button.quantity-down {
    position: absolute;
    bottom: 0;
    height: 50%;
}
.quantity-button:hover {
    background: #e6eaee;
}
.total-section {
    width: 50%;
}
.line-item-sums {
    display: flex;
    justify-content: space-between;
    padding: 15px 15px;
    border-bottom: var(--border);
    /* font-size: 16px; */
    color: #000;
}
.line-item-sums:last-child {
    /*background: var(--gray);*/
}
.total-label {
    display: flex;
    align-items: center;
    flex: 1;
}
.total-amount {
    padding-left: 20px;
    min-width: 150px;
    text-align: right;
}
.row-flex {
    flex-direction: column;
}
.c-input.white {
    background: #fff;
}
.cell-clickCheck .c-choice.c-choice--checkbox {
    pointer-events: none;
    user-select: none;
}
dl.u-flex .u-width-25 {
    width: 250px !important;
    padding-right: 15px;
}
.lefty-icon {
    transform: translateX(2px) translateY(-1px) !important;
}
.specious-table td.c-table__cell, .specious-table .c-table__cell--head {
    padding: 15px 20px;
}
.c-well {
    background: #f4f5f7;
    border-radius: 5px;
    padding: 14px 18px 18px 14px;
}
.c-well-inner {
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(23, 43, 77, 0.25) 0px 1px 1px 0px;
    position: relative;
    border-radius: 3px;
    margin: 0px;
    padding: 17px 21px;
}
.c-btn-default {
    color: #333;
    background: #fff;
    border-color: #ccd4d8;
}
.c-btn-default:hover, .c-btn-default:focus {
    border-color: #9daab1;
    color: #000;
}
.u-icon--small {
    width: 14px !important;
    height: 14px !important;
}
table.c-table.last-right td.c-table__cell:last-child, table.c-table.last-right .c-table__cell--head:last-child {
    text-align: right;
}
.c-stage__header {
    justify-content: flex-start;
}
span.collapse-expand {
    font-size: 30px;
    width: 20px;
    color: #000;
    position: relative;
    height: 20px;
    margin-left: 8px;
}
.collapse-expand:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 4px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-left: 8px solid #000;
    border-bottom: 6px solid transparent;
}
a[aria-expanded="true"].c-stage__header .collapse-expand:before {
    transform: rotate(90deg);
    transition: all .2s ease-in-out;
}
a[aria-expanded="false"].c-stage__header .collapse-expand:before {
    transform: rotate(0deg);
    transition: all .2s ease-in-out;
}
a[aria-expanded="true"].c-stage__header {
    background: #fff;
    transition: all .2s ease-in-out;
}
a[aria-expanded="false"].c-stage__header {
    background: var(--gray);
    border-radius: 4px;
    transition: all .2s ease-in-out;
}
.u-black {
    color: #000;
}
.swipeItems-general .c-swiper {
    height: 400px;
}
.dummy-multiselect {
    display: none;
}
.round-img .ms-container .ms-selectable li.ms-elem-selectable img,
.round-img .ms-container .ms-selection li.ms-elem-selection img {
    border-radius: 100%;
}
.ms-selection {
    order: 1;
}
.ms-selectable {
    order: 2;
}
fieldset {
    border: var(--border);
    padding: 15px 20px;
    margin-bottom: 30px;
    position: relative;
}
fieldset legend {
    font-size: 16px;
    color: var(--PC);
    font-weight: 500;
    background: #fff;
    padding: 0 10px;
    margin-left: -10px;
}
.multi-inline-checkbox .c-choice__input+.c-choice__label:before {
    top: 0;
    margin-right: 10px;
}
.fieldset-inner {
    display: flex;
}
.fieldset-block {
    max-width: 200px;
    flex: 1;
}
.allPermission {
    position: absolute;
    right: 10px;
    top: 0;
    background: #fff;
    padding: 0 10px;
}
.allPermission span {
    cursor: pointer;
    font-size: 12px;
}
.allPermission span:first-child {
    border-right: 1px solid #c3c3c3;
    padding-right: 10px;
    margin-right: 5px;
}
.allPermission span:hover {
    color: var(--PC)
}
.clockOut-btn output {
    padding: 0 15px;
    line-height: 36px;
    border: 1px solid #ec3948;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.clockOut-btn .c-btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
dl {
    position: relative;
}
a.remove_field {
    position: absolute;
    left: 100%;
    text-decoration: none;
    padding: 0;
    font-size: 17px;
    line-height: 35px;
    color: #ec3948;
    background: var(--gray);
    width: 36px;
    height: 36px;
    text-align: center;
    border-radius: 4px;
    margin-left: 10px;
    user-select: none;
}
a.remove_field:hover {
    background: #e3e5ea;
}
.timesheet_wrapper .fix_page_left {
    width: 350px;
    max-width: 350px;
    display: flex;
    flex-flow: column;
    padding: 15px 20px;
    background: transparent;
}
.timesheet_wrapper .itm-list-left {
    border: var(--border);
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 2px 0px #dfe3e9;
    overflow: hidden;
}
.timesheet_wrapper .itm-list-left .itm-list-top .inpage-search input {
    border-top: 0;
    background: #ffffff;
}
.timesheet_filter_catagory .select2-container--default .select2-selection--single {
    background: #fff;
    box-shadow: 0px 2px 0px #dfe3e9;
    height: auto;
}
.timesheet_filter_catagory .select2-container--default .select2-selection--multiple[aria-expanded=true],
.timesheet_filter_catagory .select2-container--default .select2-selection--single[aria-expanded=true] {
    box-shadow: 0px 2px 0px #4c9aff;
}
.timesheet_filter_catagory .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 15px 45px;
    line-height: 1;
}
.timesheet_filter_catagory .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
    width: 40px;
    right: 0;
    text-align: center;
    border-left: 1px solid #dfe3e9;
}
.timesheet_filter_catagory .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    margin: 0;
    width: 100%;
    padding: 0;
    line-height: 46px;
}
.fx-list-left {
    position: relative;
}
span.timesheet_filter_icon {
    position: absolute;
    z-index: 2;
    width: 18px;
    height: 18px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
}
span.timesheet_filter_icon svg {
    width: 100%;
    height: 100%;
    color: #717780;
}
.c-dropdown--flat {
    display: flex;
    align-items: center;
}
.c-dropdown--flat label {
    font-size: 16px;
}
.daterangepicker {
    box-shadow: 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    border: 1px solid #dfe3e9;
}
button.c-btn.date-range i {
    font-size: 12px;
    margin: 0 3px;
}
.trY1 {
    transform: translateY(1px) !important;
}
/*body.flat-sidebar .timesheet_wrapper {
    background: var(--gray);
}
body.flat-sidebar .c-sidebar {
    background: #fff;
    box-shadow: none;
}*/
.c-table__cell.green {
    background: #f5fff9 !important;
}
.c-table__cell.yellow {
    background: #fdfff5 !important;
}
.report-table .c-table__cell {
    height: 50px;
    border-right: 1px solid;
    font-size: 13px;
    cursor: auto;
}
.report-table .c-table__head .c-table__cell, .report-table .c-table__foot .c-table__cell {
    font-weight: 500;
    background: var(--gray);
    height: 40px;
    width: 90px;
}
.report-table .c-table, .report-table .c-table__row, .report-table .c-table__cell {
    border-color: #d5d7dc;
}
th.c-table__cell.c-table__cell--head.lg-col {
    width: 30%;
}
th.c-table__cell.c-table__cell--head.md-col {
    width: 100px;
}
.c-table__cell[contenteditable="true"] {
    position: relative;
    cursor: text;
}
.c-table__cell[contenteditable="true"]:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 2px solid transparent;
}
.c-table__cell[contenteditable="true"]:focus:before {
    border-color: var(--PC);
}
.u-width-100 .select2-container {
    display: block;
}
span.select2-results__option_image {
    display: flex;
    align-items: center;
}
span.select2-results__option_image img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border-radius: 100%;
    margin-right: 10px;
}
.report-table tr.c-table__row.multi-log {
    border-bottom: 0;
}
.report-table tr.c-table__row.multi-log + tr.c-table__row.multi-log {
    border-top: 0;
}
.report-table tr.c-table__row.multi-log + tr.c-table__row.multi-log .c-table__cell {
    border-top: 1px solid #d5d7dc;
}
.report-table tr.c-table__row.multi-log + tr.c-table__row.multi-log .c-table__cell:first-child {
    border-top: 0;
}
.empty-div {
    text-align: center;
    width: 500px;
    margin: 48px auto;
    max-width: 60%;
}
.empty-div img {
    max-width: 120px;
    max-height: 120px;
}
.content-404 h1 {
    font-size: 150px;
    font-weight: 900;
    color: var(--PC);
    line-height: 1;
    margin: 0;
}
.content-404 h3 {
    margin: 40px 0 10px;
}
.content-404 a {
    margin-top: 60px;
    font-size: 16px;
    color: #000;
}
.content-404 a span {
    margin-right: 10px;
    text-transform: uppercase;
    font-weight: 600;
}
.content-404 a svg {
    width: 19px;
    height: 19px;
    transform: translateY(-1px);
}
.sticky-icon-left {
    position: fixed;
    left: 20px;
    top: 20px;
    z-index: 999;
}
.sticky-icon-left img {
    height: 50px;
}
.u-ml-xxsmall {
    margin-left: .225rem!important;
}
.timesheet_print .c-invoice__details {
    margin-bottom: 30px;
}
.timesheet_print .c-invoice__header {
    margin-bottom: 30px;
}
.timesheet_print .c-table__cell {
    border: 1px solid #bec4ca;
    padding: 10px;
    width: 1%;
}
.timesheet_print .c-table__head--slim .c-table__row .c-table__cell--head {
    background: var(--gray);
    color: #000;
    text-transform: none;
    font-weight: 500;
}
.timesheet_print .c-table {
    border: 0;
}
.timesheet_print tfoot .c-table__cell {
    border-left: 0;
    border-right: 0;
    padding: 15px 10px;
    font-size: 16px;
}
.sticky-35 {
    position: sticky;
    -webkit-position: sticky;
    top: 35px;
}
table.first-all tr td:first-child {
    width: 100%;
}
.fd-column {
    flex-direction: column;
}
.pull-none {
    float: none !important;
}
.c-table-normal .c-table__cell:last-child {
    padding-right: 15px;
}
.indent-text {
    margin-left: 35px;
}
.contex p {
    margin-bottom: 10px;
}
.contex > div {
    margin-bottom: 15px;
}
dt.question {
    margin: 0 0 15px;
    font-size: 16px;
}
dd.answers {
    display: flex;
}
dd.answers .c-choice {
    margin-right: 30px;
}
.qanda dl + dl {
    border-top: var(--border);
}
.c-profile-card.no-cover .c-profile-card__user {
    top: 0;
    align-items: center;
}
.c-profile-card.no-cover .c-profile-card__name {
    margin: 0;
    align-self: center;
}
.c-profile-card.no-cover svg {
    width: 17px;
    height: 15px;
    margin-right: 10px;
}
img.height-45 {
    height: 45px;
}
img.height-65 {
    height: 65px;
}
.c-choice__input+.c-choice__label:before {
    flex: 0 0 16px;
}
.c-choice.w-details label.c-choice__label {
    align-items: flex-start;
}
.c-choice.w-details label.c-choice__label:before {
    top: 4px;
}
.shift-row {
    display: flex;
    align-items: center;
    padding: 8px 0;
}
.shift-row > label {
    font-weight: 500;
    flex: 0 0 130px;
}
.shift-row .c-switch {
    flex-wrap: nowrap;
}
.shift-row .c-field {
    display: flex;
    align-items: center;
}
.shift-row .c-field * {
    margin-right: 15px;
}
.shift-row .c-field span {
    width: 5px;
}
.shift-row .c-field .c-input {
    width: 120px;
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 7px 0;
    height: 32px;
    line-height: 32px;
}
.shift-row .c-field .c-input:focus {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}
.shift-row .c-switch label.c-switch__label {
    vertical-align: top;
    position: relative;
    top: 2px;
    width: 120px;
}
.shift-row .c-switch label.c-switch__label.working {
    display: none;
}
.shift-row .c-switch.is-active label.c-switch__label.working {
    display: inline-flex;
}
.shift-row .c-switch label.c-switch__label.notworking {
    display: inline-flex;
}
.shift-row .c-switch.is-active label.c-switch__label.notworking {
    display: none;
}
.shift-row .c-switch ~ .c-field, .shift-row .c-switch ~ .c-field .c-input {
    pointer-events: none;
    opacity: 0.5;
    cursor: not-allowed;
}
.shift-row .c-switch.is-active ~ .c-field, .shift-row .c-switch.is-active ~ .c-field .c-input  {
    pointer-events: all;
    opacity: 1;
    cursor: auto;
}
.c-modal.c-modal--fullscreen {
    padding: 0;
}
.c-modal.c-modal--fullscreen .c-modal__dialog {
    width: 100%;
    max-width: 100%;
    margin: 0;
    height: 100%;
}
.c-modal.c-modal--fullscreen .c-modal__dialog .c-modal__content {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.c-modal.c-modal--fullscreen .c-modal__dialog .c-modal__content .c-modal__body {
    flex: 1;
    overflow-y: auto;
}
.c-modal.c-modal--fullscreen .c-modal__close {
    top: 24px;
    right: 24px;
}
@media (min-width: 1100px) {
    .c-modal.c-modal--fullscreen .c-modal__dialog .c-modal__content .c-modal__header,
    .c-modal.c-modal--fullscreen .c-modal__dialog .c-modal__content .c-modal__body,
    .c-modal.c-modal--fullscreen .c-modal__dialog .c-modal__content .c-modal__footer {
        padding-left: 5%;
        padding-right: 5%;
    }
}
@media (min-width: 1400px) {
    .c-modal.c-modal--fullscreen .c-modal__dialog .c-modal__content .c-modal__header,
    .c-modal.c-modal--fullscreen .c-modal__dialog .c-modal__content .c-modal__body,
    .c-modal.c-modal--fullscreen .c-modal__dialog .c-modal__content .c-modal__footer {
        padding-left: 15%;
        padding-right: 15%;
    }
}
.u-width-120 {
    width: 120px;
}
.break-div {
    display: flex;
}
.c-table tbody tr.collapsible {
    background-color: #e8eaec;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 14px;
    border-bottom: 1px solid #c7cbd0;
}
.c-table tbody tr.collapsible td {
    padding: 8px 15px;
    font-weight: 500;
}
.c-table tbody tr:not(.collapsible) {
    /*display: none;*/
}
.c-table tbody .collapsible td:before {
    content: "\002b";
    position: relative;
    display: inline-block;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    color: #505050;
    text-align: center;
    padding: 3px;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    margin-right: 5px;
}
.c-table tbody .collapsible.active td:before {
    content: "\2212";
}
.wmax-250 {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table-row {
    display: flex;
    /*justify-content: space-between;*/
    align-items: center;
    border-bottom: var(--border);
}
.table-column {
    padding: 20px;
    display: flex;
    align-items: center;
}
.table-body {
    border-top: var(--border);
}
.table-column.vertical {
    display: flex;
    flex-direction: column;
}
.u-text-18 {
    font-size: 18px;
}
.u-text-16 {
    font-size: 16px;
}
.dashboard-wrapper {
    display: flex;
    height: calc(100vh - 50px);
}
.lg-side {
    flex: 1;
    overflow-y: auto;
}
.fix-map #googleMap {
    width: 100%;
    height: 100%;
}
.fix-map {
    width: 30%;
    position: relative;
}
.fix-map label {
    position: absolute;
    z-index: 1;
    background: #fff;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    border-radius: 4px;
    font-size: 20px;
    box-shadow: 0px 20px 30px -6px #0000004a;
    display: flex;
    align-items: center;
}
.fix-map label svg {
    margin-right: 8px;
    height: 20px;
    width: 20px;
}
.chart {
    width: 500px;
    height: 500px;
}
.phone-input {
    display: flex;
}
.phone-input select {
    flex: 0 0 80px;
    margin-right: 5px;
}
.phone-input input {
    flex: 1;
}
.login-logo {
    position: fixed;
    top: 20px;
    left: 80px;
}
.crop-box-inline {
    display: flex;
    align-items: center;
}
.crop-box-inline img {
    margin-right: 20px;
    border-radius: 10px;
}
button.c-dropdown--ghost.userOnmap {
    padding: 3px 8px 0px;
    height: auto;
    transform: translateY(7px);
}
td.c-table__cell img.c-avatar__img {
    width: 28px;
    height: 28px;
}
button.c-dropdown--ghost.userOnmap svg {
    width: 16px;
}
.custom-file-input {
    color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
.custom-file-input::before {
    content: 'Upload Photo';
    color: black;
    display: inline-block;
    background: #fff;
    border: 1px solid #999;
    border-radius: 3px;
    padding: 8px 14px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
}
.custom-file-input:hover::before {
    border-color: var(--PC);
    color: var(--PC);
}
.custom-file-input:active {
    outline: 0;
}
.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
span.text-dark {
    color: #000;
}
.log-header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    display: flex;
    padding: 15px 10px;
    border-bottom: 1px solid #eee;
    background: #fff;
    z-index: 99;
}
.inpage-back, .login-logo {
    position: static;
}
.inpage-back a {
    background: transparent;
}
.login-logo {
    margin-left: 10px;
}
.login-logo a.logo img {
    height: 35px;
}
@media (max-width: 768px) {
form.form__body {
    padding: 0 5px !important;
    margin-bottom: 50px;
}
.c-field .row .col-md-3 {
    width: 30%;
    padding-right: 3px;
}
.c-field .row .col-md-9 {
    width: 70%;
    padding-left: 3px;
}
.form-content h2 {
    font-size: 24px;
}
.inpage-back a:hover {
    transition: none;
    background: transparent;
    color: #000;
}
form.form__body .c-btn {
    width: 100%;
}
}
.app-pr-wrap {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100vh;
}
.appr-top {
    flex-grow: 1;
    overflow-y: auto;
}
.appr-bottom {
    flex-shrink: 0;
    margin-top: 20px;
}
.c-table.shift-table {
    border: 0;
}
.c-table.shift-table .c-table__row {
    border: 0;
}
.c-table.shift-table .c-table__row .c-table__cell label {
    font-weight: 500;
}
.c-table.shift-table .c-input {
    width: 120px;
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 7px 0;
    height: 32px;
    line-height: 32px;
}
.c-table.shift-table .c-input:focus {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
}
.page-left, .page-right {
    padding: 20px;
    overflow-y: auto;
    height: calc(100vh - 43px);
}
.page-right {
    flex: 0 0 25%;
    padding: 0;
    border-left: 10px solid var(--gray);
    min-width: 340px;
}
.page-left {
    flex: 1;
}
#googleMap {
    width: 100%;
    height: 300px;
}
.box-custom {
    background: #fff;
    padding: 1.25rem;
    box-shadow: 0 0 13px 0 rgba(236,236,241,.44);
    border-radius: 6px;
    width: 100%;
}
ul.chart-data li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 10px;
    border-bottom: var(--border);
}
ul.chart-data li:last-child {
    border: 0;
}
ul.chart-data li .c-progress {
    width: 110px;
    margin-right: 15px;
}
ul.chart-data li div {
    display: flex;
    align-items: center;
}
ul.chart-data li span i {
    width: 10px;
    height: 10px;
    display: inline-flex;
    margin-right: 5px;
    border-radius: 3px;
}
button.c-btn.c-btn--soft {
    background: #ebeef2;
    border: 0;
    height: auto;
    line-height: 1;
    padding: 10px 14px 6px;
    min-width: 42px;
}
button.c-btn.c-btn--soft svg {
    width: 16px;
    height: 16px;
}
button.c-btn.c-btn--soft:hover {
    background: #d7dbe3;
}
#js-chart-revenue {
    height: 100%;
    width: 100%;
}
.u-bg-gray {
    background: #f6f7f9!important;
    background-color: #f6f7f9!important;
}
.h100 {
    height: calc(100vh - 50px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}
svg.feather {
    stroke-width: 1.5px;
}
svg.feather.feather-plus {
    stroke-width: 2.7px;
}
.select-small .select2-container--default .select2-selection--single {
    height: 32px;
}
.select-small .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}
.select-small .select2-container--default .select2-selection--single .select2-selection__arrow {
    font-size: 12px;
    top: 0;
}
.shift-settings {
    overflow-x: auto;
    flex: 1;
}
.border-radius-zero {
    border-radius: 0;
}
.page-right .c-stream-item {
    display: flex;
}
.page-right .c-stream-item .c-avatar--small .c-avatar__img {
    width: 40px;
    height: 40px;
}
.page-right .c-stream-item__content.o-media__body {
    flex: 1;
}
.page-right .stream-item__inner div span {
    display: inline-flex;
}
span.c-stream-item__time {
    margin: 0;
}
.page-right .stream-item__inner {
    font-size: 12px;
}
.h100 .c-tabs {
    flex: 1;
    overflow-y: auto;
}
.headWcaption {
    background: var(--gray);
    margin: 0 -15px;
    padding: 0 15px;
}
.side-pan-top .right-items .add-btn {
    font-size: 12px;
    padding: 4px 10px 3px;
    height: auto;
    line-height: initial;
}
.side-pan-top .right-items .add-btn svg {
    width: 16px;
    margin: 0;
}
.placeholder-wraper {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.placeholder-content {
    padding: 20% 0 0 0;
}
.remove-feed {
    display: flex;
    height: 40px;
    align-items: center;
}
.remove-feed span {
    display: flex;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.remove-feed span:hover {
    background: #f2f2f2;
}
.remove-feed span svg {
    width: 16px;
}
.popover {
    position: absolute;
    background: #fff;
    box-shadow: -4px 0px 21px -2px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    z-index: 9;
    cursor: default;
    display: none;
    min-width: 280px;
    left: 100%;
    top: -10px;
    margin-left: 25px;
}
.popover.show{
    display: block;
}
.popover:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    transform: rotate(45deg);
    left: -5px;
    top: 15px;
}
.popover-inner {
    padding: 15px;
    display: flex;
}
.popover-inner img {
    width: 80px;
    height: 80px;
    border-radius: 100%;
}
.popover-inner > div {
    display: flex;
    flex-direction: column;
    padding-left: 15px;
}
.popover-inner > div > span {
    font-weight: 500;
    font-size: 16px;
    display: block;
    margin-bottom: 7px;
}
.popover-inner > div > a {
    display: flex;
    align-items: center;
    font-size: 13px;
}
.popover-inner > div > a svg {
    width: 16px;
    margin-right: 5px;
}
.popover-trigger {
    display: inline-flex;
    border-radius: 100%;
    color: #747f84;
    margin-left: 6px;
}
.popover-trigger:hover, .popover-trigger.active {
    color: #000;
}
.popover-trigger svg {
    width: 15px;
}
.popover-wrapper {
    display: inline-flex;
    position: relative;
}
.c-profile-card__details {
    flex: 1;
}
.c-profile-card.no-cover .c-profile-card__name small {
    font-weight: 400;
    opacity: 0.6;
}
ul.list-underline li {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
}
ul.list-underline li + li {
    border-top: var(--border);
}
.c-profile-card {
    padding: 20px;
}
@media (max-width: 1400px) {
.slide-panel-content {
    width: 400px;
}
}
.c-avatar--xsmall .c-avatar__img {
    width: 26px;
    height: 26px;
    object-fit: cover;
}
.chat-container {
    margin: auto;
    height: 100%;
    display: flex;
}
.chat-container .chat-list {
    width: 400px;
    height: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-right: var(--border);
    position: relative;
}
.chatlist-top {
    background: #fff;
    border-bottom: var(--border);
    position: relative;
}
.chat-search {
    padding: 0 10px 10px;
}
.chat-search .c-input {
    border: 0;
    padding: 15px 40px 15px 15px;
    height: 100%;
    background: #fff;
    border-radius: 0;
}
.chatlisttop-upper {
    height: 65px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}
.chat-container .chat-people .c-stream {
    margin: 0;
    background: var(--gray);
}
.chat-page {
    height: 100%;
    background: var(--gray);
}
.chat-wrapper, .chat-1, .chat-0 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    height: 100%;
    background: #ffffff;
    margin: 0 auto;
    flex: 1;
}
.chat-container .chat-list .chat-people {
    flex: 1;
    overflow-y: auto;
}
.chat-log {
    box-sizing: border-box;
    padding: 20px 9%;
    flex: 1;
    overflow-y: auto;
}
.allmessages {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 100%;
}
.chat-input-area {
    position: relative;
    margin: 0 9%;
    display: flex;
    align-items: center;
    padding: 15px 0 20px;
}
.chat-input-area__input {
    width: 100%;
    border: none;
    padding: 18px 30px;
    padding-right: 60px;
    font-size: 14px;
    background: var(--gray);
    border-radius: 70px;
    margin-right: 10px;
}
.chat-action {
    display: flex;
    align-items: center;
}
.chat-action button {
    width: 48px;
    height: 48px;
    border: none;
    margin: 0 5px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #6b707b;
    background: var(--gray);
}
.chat-action button:hover {
    background: #dde1e8;
    color: #000;
}
.chat-action button svg {
    padding: 2px;
    stroke-width: 1.6px;
}
.chat-action button.chat-input-area__submit-button {
    background: var(--PC);
}
.chat-action button.chat-input-area__submit-button:hover {
    background: #0054d4;
}
.chat-input-area__submit-button span {
    background: url(../img/send.svg);
    width: 18px;
    height: 18px;
    background-size: cover;
    margin-left: 3px;
}
.chat-message {
    display: flex;
    align-items: center;
    width: 100%;
    transition: all .5s;
    margin-bottom: 8px;
    flex-direction: column;
    align-items: flex-start;
}
.chat-message--right {
    align-items: flex-end;
    position: relative;
}
.chat-message+.chat-message--right, .chat-message--right+.chat-message {
    margin-top: 32px;
}
.chat-message--right+.chat-message--right, .chat-message:not(.chat-message--right)+.chat-message:not(.chat-message--right) {
    margin-top: 0;
}
.chat-message__text {
    display: block;
    max-width: 65%;
    background: #fff;
    border-radius: 14px;
    box-sizing: border-box;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    border: 1px solid #d4dae4;
}
.chat-message--right+.chat-message:not(.chat-message--right) .chat-message__text, .chat-message:first-of-type .chat-message__text {
    border-radius: 18px 18px 18px 0;
}
.chat-message__avatar {
    height: 100%;
}
.chat-message--right .chat-message__text {
    background: #e8eaef;
    color: #000;
    border-color: transparent;
    position: relative;
}
.chat-message:not(.chat-message--right)+.chat-message--right .chat-message__text {
    border-radius: 18px 18px 0 18px;
    border-color: transparent;
}
span.chat-message__time {
    color: #a8abb5;
    font-size: 12px;
}
.chat-top {
    background: var(--gray);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    height: 65px;
}
.chat-topleft {
    display: flex;
    align-items: center;
    margin-right: 30px;
}
.chat-user-info {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.chat-user-info img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.chat-user-info label {
    font-weight: 500;
    font-size: 16px;
    margin-left: 10px;
    line-height: 1;
    cursor: pointer;
}
.chat-topright {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.c-dropdown.dropdown.w-caret .c-dropdown--ghost, .c-dropdown.dropdown.w-caret .c-btn--ghost {
    border: 0;
    padding: 0 5px;
    background: transparent;
}
.c-dropdown.dropdown.w-caret button.dropdown-toggle:after {
    display: none;
}
.chat-message__avatar-frame {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 12px;
    color: #727a86;
}
.chat-message__avatar-frame img {
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin-right: 5px;
}
.chatlisttop-upper .c-dropdown--ghost {
    background: var(--PC);
    color: #fff;
    border-radius: 100%;
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 0;
}
.chatlisttop-upper .c-dropdown button.dropdown-toggle:after {
    display: none;
}
.chatlisttop-upper .c-dropdown--ghost .c-notification__icon, .chatlisttop-upper .c-dropdown--ghost:hover .c-notification__icon {
    color: #fff;
}
.chat-container .chat-people .c-stream li.c-stream-item.o-media {
    border: 0;
    padding: 0 0 0 15px;
}
.chat-container .chat-people .c-stream li.c-stream-item.o-media.active, .chat-container .chat-people .c-stream li.c-stream-item.o-media:hover {
    background-color: #ffffff !important;
}
.chat-leftbar {
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
}
.chat-leftbar.in {
    transform: translateX(0%);
    -webkit-transition: transform .2s ease-out;
    transition: transform .2s ease-out;
}
.leftbar-top {
    padding: 20px 0 2px;
}
.leftbar-top button {
    background: transparent;
    border: 0;
    margin-right: 5px;
}
.leftbar-top-upper label {
    font-weight: 500;
    font-size: 18px;
    transform: translateY(-2px);
}
.leftbar-mid {
    flex: 1;
    overflow-y: auto;
    background: var(--gray);
}
.leftbar-bottom button {
    border-radius: 0;
    width: 100%;
}
.leftbar-top-upper {
    display: flex;
    align-items: center;
    padding: 0 7px;
}
.leftbar-top .chat-search {
    padding: 15px 5px 0;
}
.chatgroup-details {
    display: flex;
    align-items: center;
    margin: 10px 15px 5px;
}
.chatgroup-image {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    overflow: hidden;
}
.chatgroup-name {
    flex: 1;
    padding-left: 15px;
}
.chatgroup-name .c-input {
    border-top: 0;
    border-left: 0;
    border-radius: 0;
    background: transparent;
    border-right: 0;
    box-shadow: none;
    padding: 13px 5px;
}
.u-no-corner {
    border-radius: 0;
}
.chat-0 {
    justify-content: center;
    align-items: center;
}
.chat-placeholder {
    text-align: center;
    margin-bottom: 100px;
}
.chat-placeholder img {
    width: 230px;
}
.chat-list .stream-item__inner p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-copy, .btn-paste {
    background: transparent;
    border: 0;
}
.btn-copy svg, .btn-paste svg {
    width: 17.5px;
}
.btn-copy:disabled, .btn-paste:disabled {
    cursor: not-allowed;
}
.btn-copy.copied {
    color: var(--PC);
}
.btn-copy {
    margin-left: 16px;
}
.c-table.shift-table .c-table__row .btn-groups {
    white-space: nowrap;
}
.h-100 {
    height: 100%;
}
#addNewShiftForm {
    display: flex;
    flex-direction: column;
}
.shift-pop-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.shift-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 10px 0 20px;
    border-bottom: var(--border);
    margin-bottom: 20px;
}
.shift-title .c-field__label {
    margin: 0;
    flex-basis: 150px;
}
.shift-title .c-input {
    width: 400px;
}
.c-btn.c-btn--icon {
    padding: 0px 8px;
}
.c-btn.c-btn--icon svg.feather {
    stroke-width: 1.7px;
    width: 22px;
    height: 22px;
}
.c-btn.c-btn--icon:hover {
    background: #ebf4fd;
    color: var(--PC);
}
.chatlist-top .chat-search {
    padding: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: -999;
}
.chatlist-top .chat-search.in {
    opacity: 1;
    z-index: 1;
}
.chatlist-top .chat-search .c-field {
    height: 100%;
}
.c-field.has-icon-right.c-field.has-icon-left > .c-field__icon:first-child {
    right: auto;
}
.c-field.has-icon-right.c-field.has-icon-left > .c-field__icon:last-child {
    left: auto;
}
.c-field.has-icon-right.c-field.has-icon-left > .c-input {
    padding-left: 50px;
}
.chat-search .c-field.has-icon-right.c-field.has-icon-left > .c-field__icon {
    cursor: pointer;
}
.c-dropdown__item span.c-field__icon {
    display: flex;
    margin-right: 10px;
}
.c-dropdown__item span.c-field__icon svg {
    width: 20px;
    height: 24px;
}
.c-table-responsive .c-table {
    display: table;
}
.leftbar-top .chat-search {
    padding: 0 0;
    border-top: var(--border);
    margin-top: 15px;
}
.chat-container .chat-people .c-stream li.c-stream-item.o-media .o-media__img {
    padding-top: 15px;
}
.chat-container .chat-people .c-stream li.c-stream-item.o-media .c-avatar--small .c-avatar__img {
    width: 40px;
    height: 40px;
}
.popover-inner figure {
    width: 80px;
    height: 80px;
}
.team-users-row:hover {
    background: #fff;
    cursor: pointer;
}
.chat-people .stream-item__inner {
    border-bottom: var(--border);
    padding: 10px 40px 10px 0;
    position: relative;
}
.inpage-back {
    width: 40px;
    height: 40px;
}
.inpage-back a {
    display: block;
    height: 100%;
    padding: 10px;
    background: #dfe3e9;
    color: #52575f;
    transition: none;
}
.inpage-back a:hover {
    transition: none;
    background: #000;
    color: #fff;
}
.inpage-back a svg {
    width: 20px;
    height: 20px;
}
.search-rightbar {
    position: relative;
}
.search-rightbar .c-input {
    padding: 14px 20px 14px 50px;
    border-radius: 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.search-rightbar .c-input:focus {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    box-shadow: none;
    background-color: #f4f5f7;
}
.search-rightbar svg {
    position: absolute;
    top: 10px;
    width: 18px;
    left: 20px;
}
.c-choice--checkbox .c-choice__input:disabled+.c-choice__label:before {
    border-color: #7f8a90;
    background-color: #7f8a90;
    cursor: not-allowed;
}
.company-wrapper {
    max-width: 450px;
    margin: auto;
    border: var(--border);
    border-radius: 7px;
    margin-top: 50px;
}
.company-list {
}
.company-list ul li {
    display: flex;
    align-items: center;
    padding: 15px 20px;
}
.company-list ul li + li {
    border-top: var(--border);
}
.company-list ul li > div {
    display: flex;
    align-items: center;
}
.company-list ul li > div:first-child {
    flex: 1;
}
.company-wrapper .top {
    background: var(--gray);
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.company-wrapper h5 {
    font-size: 16px;
    margin: 0;
}
.c-btn.c-btn--text {
    background: transparent;
    border: 0;
    padding-right: 0;
    padding-left: 0;
}
.c-btn.c-btn--text.blue {
    color: var(--PC);
}
.company-list > .c-btn--primary {
    display: block;
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px 0;
    height: auto;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
}
.company-list ul li > div button.c-btn.c-btn--text {
    margin-left: 15px;
}
.user-company-details a {
    margin-right: 20px;
    background: var(--gray);
    border-radius: 3px;
    padding: 6px 10px;
}
/*.user-company-details a img.c-avatar__img {
    margin-right: 6px;
    width: 20px;
    height: 20px;
}*/
.user-company-details a img.c-avatar__img {
    margin-right: 6px;
    width: auto;
    max-height: 20px;
    border-radius: 0;
}
.user-company-details a:hover {
    text-decoration: none;
    background: #e6e9ef;
}
.c-btn.c-btn--onlyicon {
    border: 0;
    background: transparent;
    padding: 0;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.c-btn.c-btn--onlyicon svg {
    margin: 0;
}
.chat-people .stream-item__inner .c-btn--onlyicon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}
.chat-container .chat-people .c-stream li.c-stream-item.o-media:hover .c-btn--onlyicon {
    opacity: 1;
}
.group-info-pop {
    display: flex;
    align-items: center;
    background: var(--gray);
    padding: 15px;
}
.group-info-pop img {
    width: 60px;
    height: 60px;
    border-radius: 100%;
}
.group-info-pop div {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.remove-chat {
    position: absolute;
    bottom: 21px;
    z-index: 0;
    cursor: pointer;
    right: -22px;
    opacity: 0;
    height: 22px;
    width: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chat-message--right:hover .remove-chat {
    opacity: 1;
}
.floting-plus {
    position: fixed;
    right: 50px;
    bottom: 70px;
    z-index: 9999;
}
.floting-plus a {
    background: var(--PC);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    box-shadow: 0px 0px 11px 0px #0052cc82;
}
.company-list .c-avatar--xsmall .c-avatar__img {
    object-fit: contain;
    width: auto;
    height: 26px;
    border-radius: 0;
}
.c-avatar span.icon {
    position: absolute;
    width: 11px;
    height: 11px;
    right: 0px;
    bottom: 0px;
    border-radius: 100%;
    border: 2px solid #fff;
}
.c-avatar span.icon.icon-green {
	background: var(--SC);
}
.c-avatar span.icon.icon-red {
	background: #ff1b1b;
}
.c-avatar span.icon.icon-orange {
	background: #ff9306;
}
.c-avatar--small .c-avatar__img {
    width: 40px;
    height: 40px;
}
.justify-tab {
    width: 100%;
    justify-content: space-between;
    display: flex;
}
.page-right .c-stream-item__content.o-media__body .c-btn.c-btn-round {
    padding: 0;
    height: 26px;
    width: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 5px 5px 0 0;
}
.page-right .c-stream-item__content.o-media__body .c-btn.c-btn-round svg {
    margin: 1px 0 0 0;
    stroke-width: 2.5px;
}
.feed-title {
    background: #f5f8fd;
    padding: 6px 15px;
}
.feed-title p {
    font-weight: 500;
}
.feed-title span {
    color: var(--PC);
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.feed-title span svg {
    width: 15px;
    height: 15px;
    margin-right: 3px;
    transform: translateY(-1px);
}
.company-name {
    font-size: 17px;
    font-weight: 800;
    color: #1c46f2;
    padding: 10px 0;
    width: 40px;
    height: 40px;
    text-align: center;
    background: var(--gray);
    line-height: 22px;
    border-radius: 100%;
}
.map-avtar {
    transform: translateY(-3px) translateX(-1px);
}
.lgIcons-group {
    max-width: 350px;
    margin: auto;
    display: flex;
    padding: 50px 0;
    flex-direction: column;
}
.lgIcons-group a {
    display: flex;
    align-items: center;
    border: var(--border);
    border-radius: 10px;
    padding: 10px 10px;
    margin-bottom: 10px;
    justify-content: space-between;
}
.lgIcons-group a img {
    width: 74px;
}
.lgIcons-group a > div {
    flex: 1;
    padding: 0 10px;
}
.lgIcons-group a > div span {
    font-size: 18px;
}
.lgIcons-group a > svg.feather {
    color: #000;
    width: 20px;
    height: 20px;
}
.lgIcons-group a:hover {
    text-decoration: none;
    background: var(--gray);
}
.timesheet-leftar: {
    float:left;
}
.timesheet-center: {
    margin:auto !important;
    width:19% !important;
}
.c-feed-link,.c-feed-link:hover {
    text-decoration: none;
    color: #000;
}
table thead .sorting span {
    width: 100%;
    display: inline-block;
}
table thead .sorting:after {
    position: absolute;
}
.select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}
.c-input.is-disabled, .c-input:disabled, .c-input:disabled option {
    pointer-events: all !important;
    color: #000000 !important;
}

.area-filterrr {
    position: absolute;
    top: 10px;
    right: 0;
    width: 125px;
}
.area-filterrr .icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    left: 8px;
    font-size: 85%;
    color: #999;
}
.area-filterrr input, input {
    font-family: "Ubuntu",sans-serif;
    font-weight: 400;
}
.area-filterrr input {
    width: 80% !important;
    padding: 3px 5px 3px 25px;
    border-radius: 3px;
    height:unset !important;
    font-size:0.7rem !important
}
.pin_table > tbody > tr > th{
    font-size: 0.9rem !important;
    font-family: "Ubuntu",sans-serif;
}
.pin_table > tbody > tr > td{
    font-size: 0.8rem !important;
    vertical-align: unset !important;
    padding:0.5rem !important;
    font-family: "Ubuntu",sans-serif;
}
.pinViewButton{
    padding: .0.5rem 0.15rem !important;
    font-size: 0.8rem !important;
}
.pinDetailTable > tbody > tr > th{
    font-size: 0.8rem !important;
    vertical-align: unset !important;
    padding:0.5rem !important;
    font-family: "Ubuntu",sans-serif;
}
.pinDetailTable > tbody > tr > td{
    font-size: 0.8rem !important;
    vertical-align: unset !important;
    padding:0.5rem !important;
    font-family: "Ubuntu",sans-serif;
}
.ui-dialog-title{
    font-size: 0.9rem !important;
    font-family: "Ubuntu",sans-serif;
}
.ui-dialog-buttonset > button {
    font-size: 0.8rem !important;
}
.ui-dialog .ui-dialog-buttonpane{
    padding:unset !important;
}
.ui-dialog .ui-dialog-content{
    height:136px !important;
}
.fontSize7 {
    font-size: 0.7rem !important;
    font-family: "Ubuntu",sans-serif;
}
.fontSize8 {
    font-size: 0.8rem !important;
    font-family: "Ubuntu",sans-serif;
}
.fontSize9 {
    font-size: 0.9rem !important;
    font-family: "Ubuntu",sans-serif;
}