.row-paid-by-deposit {
    display: none;
}

.teamlead-child, .manager-child {
    display: none;
}

.apply-punish-container {
    height: 17px;
}

.punish-button {
    float: right;
}

.bill-planed-date-container {
    display: none;
}

.by-tasks-invoice {
    display: none;
}

.show-detail-button:hover {
    cursor: pointer;
}

#init_select2 {
    display: none;
}

.floating-assign-button {
    position: fixed;
    right: 2%;
    bottom: 15%;
    z-index: 100000;
}

.floating-rework-button {
    position: fixed;
    right: 2%;
    bottom: 10%;
    z-index: 100000;
}

.floating-assign-button:disabled, .floating-rework-button:disabled {
    cursor: not-allowed;
    background-color: #cccccc;
    opacity: 0.65;
}

.floating-save-change-button {
    display: none;
    position: fixed;
    right: 5%;
    bottom: 10%;
    z-index: 100000;
}

.loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100000;
    font-size: 20px;
    padding: 27px;
    transform: translate(-50%, -50%);
}

.dates-header {
	font-size: 16px;
	overflow: hidden;
}

.debit-item-list {
    display: flex;
    justify-content: space-around;
    padding: 15px 0;
    border: 1px solid #e6e9ed;
    margin-bottom: 26px;
}

.debit-item {
    width: 25%;
    text-align: center;
}

.debit-item-template {
    display: none;
}

a.stop_caching.hide, #dashboard_date {
    display: none;
}

.dates-header__current {
	font-weight: bold;
	overflow: hidden;
	text-align: center;
}

.dates-header__current:first-letter {
	text-transform: uppercase;
}

.dates-header__nav {
	float: left;
}

.dates-header__nav_right {
	float: right;
}

.form-inline .form-group {
    margin-right: 15px;
}

.form-inline .form-group label {
    margin-right: 5px;
}

.dn {
    display: none;
}

.fz10 {
    font-size: 10px;
}

.cup {
    cursor: pointer;
}

.finance-report-row {
    cursor: pointer;
}

.finance-report-feature-row {
    background: #d0e0e4;
}

body.nav-sm .nav.child_menu i.fa {
    float: left;
    display: inline;
    width: 30px !important;
    font-size: 15px !important;
    margin-left: -10px;
}

#financeChart, #statsChart, .financeDetailChart {
    margin: 0 auto;
}

.form-control.select2-hidden-accessible {
    display: block !important;
    top: 33px !important;
    left: 20px !important;
    position: relative !important;
}

.td-border-left {
    border-left: 1px solid #ddd;
}

.td-border-right {
    border-right: 1px solid #ddd;
}

.td-border-bottom {
    border-bottom: 1px solid #ddd;
}

.vam {
    vertical-align: middle !important;
}

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;
}

.b-tinymce {
    display: none;
}

.text-white, .text-white:hover, .text-white:focus, .text-white:visited {
    color: #fff;
}

table tr.sorting th {
    vertical-align: top;
}

table tr.sorting a {
    display: block;
    padding-right: 20px;
    position: relative;
}

table tr.sorting a:not(.asc):not(.desc)::after {
    opacity: 0.2;
    content: "\e150";
}

table tr.sorting a.asc::after {
    opacity: 0.2;
    content: "\e155";
}

table tr.sorting a.desc::after {
    opacity: 0.2;
    content: "\e156";
}

table tr.sorting a::after {
    top: 0;
    right: 0;
    position: absolute;
    font-family: "Glyphicons Halflings";
}

table tr.bg-danger {
    background-color: #F2DEDE !important;
}

#users_index {
    overflow: hidden;
}

.modal {
    z-index: 2000 !important;
}

.modal-backdrop {
    z-index: 1999 !important;
}

.daterangepicker .calendar {
    float: left !important;
}

.cursor-pointer {
    cursor: pointer;
}

.rc-handle-container {
    overflow-x: hidden;
}

span.fc-time {
    display: none;
}

.profile-tab-content {
    padding: 15px 10px 0;
}

.x_footer {
    border-top: 2px solid #E6E9ED;
    padding: 1px 5px 6px;
    margin-top: 10px
}

.x_footer .filter {
    width: 40%;
    float: right
}

.x_footer h2 {
    margin: 5px 0 6px;
    float: left;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.x_footer h2 small {
    margin-left: 10px
}

.x_footer span {
    color: #BDBDBD
}

.x_title a {
    margin-top: 5px;
    display: inline-block;
}
.modal-big-lg {
    width: 1200px !important;
}

/* ЦВЕТ ТЕКУЩЕГО ДНЯ */
.fc-unthemed td.fc-today {
    background: rgba(142, 0, 158, 0.35) !important;
}

/* Удаляем выпирающую рамку вокруг верхней части текущего дня */
.fc-today {
    border-color: inherit !important;
}

.available__status {
    left: 0;
    top: 0;
    padding: 7px;
    width: 100%;
    height: 100%;
    color: white;
    position: absolute;
}

.status__agree {
    background: #30b58b;
    border-color: #7fe698;
}

.status__decline {
    background: #ff742b;
    border-color: #ffe680;
}

.status__awaiting {
    background: #cfb431;
    border-color: #fdff49;
}

.status__none {
    background: #cfb431;
    border-color: #fdff49;
}

.block__200size {
    width: 200px;
    display: inline-block;
    text-align: center;
    line-height: 43px;
    color: white;
}

.legenda {
    margin: 0 auto;
    margin-bottom: 17px;
    text-align: center;
}

.legenda span {
    font-size: 20px;
}

.js-table-user-comp {
    position: relative;
}

.js-table-user-comp tbody tr {
    min-height: 61px;
}

.js-fixed-th {
    position: fixed;
    top: 0;
    z-index: 1000;

    background: #fff;
}

.js-fixed-th > tr th:nth-of-type(1) {
    min-width: 110px;
}

.js-fixed-th > tr th:not(:nth-of-type(1)) {
    min-width: 179px;
}

.js-table-left-bar_fixed {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;

    height: 80px;
    width: 230px;

    background: #2A3F54;
}

/*.js-table-names {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-box-direction: normal;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column;*/
/*    position: absolute;*/
/*    top: 20px;*/
/*    z-index: -1;*/

/*    padding-top: 35.5px;*/
/*    height: 100%;*/
/*    width: 111px;*/

/*    border-collapse: collapse;*/
/*}*/

.table-names__item {
    padding: 8px;

    line-height: 19px;

    margin-top: 1px;
    margin-bottom: -0.3px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 2% ,rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 97%, rgba(255,255,255, 0.1) 98%);
}

.table-names__item:nth-of-type(2n+1) {
    background: linear-gradient(to bottom, rgba(249, 249, 249, 0.1) 2% ,rgba(249, 249, 249, 1) 3%, rgba(249, 249, 249, 1), rgba(249, 249, 249, 1) 97%, rgba(249,249,249, 0.1) 98%);
}

@media (max-width: 991px) {
    .js-table-left-bar {
        display: none;
    }
}

.table-container .project-header {
    border: 1px solid #dddddd;
    padding: 3px;
}
.table-container .project-header2 {
    border: none;
}
.project-agrement {

}

.table-container .project-header:after {
    content: '';
    display: table;
    clear: both;
}


.table-container .project-header .cell {
    text-align: center;
    margin: auto 0;
}

.table-container .short {
    width: 40px;
}
.table-container .short-container {
    width: 90px;
}

.popup {
    display: none;
    /*border: 1px solid;*/
    /*background-color: #ededed;*/
    /*padding: 20px;*/
    /*width: 700px;*/
    position: absolute;
    top: 0%;
    z-index: 100;
}

.price-reference-form form .additional-button {
    float: right;
}

.public-agreement .dates-header {
    display: flex;
    justify-content: space-around;
    font-size: 14px;
}

.public-agreement .dates-header .dates-header__current {
    font-weight: 700;
    font-size: 17px;
}

.table_custom {
    border-top: none;
    margin-bottom: 0;
}
.table_custom_load {
    border-top: none;
    margin-bottom: 0;
    padding-left: 40px;
    text-align: left;
}

.table_custom > tbody > tr > td {
    padding-top: 12px;
    vertical-align: top;
}

.table_custom > tbody > tr > td span {
    line-height: 18px;
}

.table_custom > tbody > tr > td input {
    width: 87px;
    height: 31px;
    margin: auto;
    font-size: 13px;
    text-align: center;
    color: #73879C;
}

.table_custom > tbody > tr > td:first-child {
    text-align: center;
}

.container_project{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
    background-color: #f2f3f4;
    margin: 3px 0;
}

div.cell a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
    opacity : 0.2;
}

div.cell a.asc:after {
    content: "\e155";
}

div.cell a.desc:after {
    content: "\e156";
}

div.cell_load a:not(.asc):not(.desc)::after{
    content: "\e150";
}

div.cell_load a::after{
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
    opacity : 0.2;
}

.icon_project_load{
    padding-left: 25px;
}
.name_project_load{
    width: 64%;
    justify-content: left;
}
.time_project_load{
    width: 27.5%;
    justify-content: center;
    text-align: center;
}

.td_load {
    text-align: left;
    width: 72.5%;
}

.td_load a span{
    padding-left: 20px;
}

.table_custom > tbody > tr > td:first-child > * {
    width: 85%;
    display: block;
    margin: auto;
    text-align: left;
}

.table_custom > tbody > tr > td:last-child {
    text-align: center;
}

.table_custom > tbody > tr > td:last-child > div {
    width: 155px;
    margin: auto;
    text-align: left;
}

.table_custom > tbody > tr > td:last-child span.glyphicon {
    vertical-align: middle;
    margin-right: 7px;
    font-size: 23px;
    top: -3px;
}

span.glyphicon.undeletable {
    color: red;
}

.table_custom > tbody > tr > td:last-child > div {
    margin-bottom: 10px;
    cursor: pointer;
}

.table_custom tr .tr_load {
    height: 20px;
}

.table_custom tr {
    height: 40px;
    background-color: white;
}

.table_custom > tbody > tr:hover {
    background-color: white;
}

.table_custom > thead > tr > th {
    vertical-align: middle;
    padding: 17px;
}


.table_custom > thead > tr {
    background: white;
}

.table_custom th {
    vertical-align: middle;
}

.table__new {
    margin-bottom: 4px;
}
.table__old {
    color: #b1b1b1;
}

.table__icon-arrow {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    width: 15px;
    height: 27px;
    background: url(/images/arrow.svg) no-repeat;
}

.table_custom .table__values {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.table__employer {
    width: 18%;
}

.table__employer_load {
    width: 72%;
}

.table__type {
    width: 18%;
}

.table__rate {
    width: 18%;
}

.table__hours {
    width: 16%;
}

.table__sum {
    width: 14%;
}

.table__action {

}

.table_custom-issue .table__task {
    width: 15%;
}

.table_custom-issue .table__employer {
    width: 14%;
}

.table_custom-issue .table__type {
    width: 13%;
}

.table_custom-issue .table__rate {
    width: 14%;
}

.table_custom-issue .table__hours {
    width: 14%;
}

.table_custom-issue .table__sum {
    width: 14%;
}

.table_custom-issue .table__action {

}

.project {
    margin-bottom: 10px;

}
.project-load {
    margin-bottom: 3px;
}

.project .table-bordered {
    border-top: none;
}

.project-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.project__expand {
    width: 56px;
    cursor: pointer;
}

.project__expand > span {
    font-size: 23px;
}

.project__name {
    width: 35%;
    text-align: left !important;
}

.project__manager {
    width: 20%;
}

.project__cost {
    width: 15%;
}

.project__status {
    width: 16%;
}

.project__check {
    width: 8%;
}

.tile_count .tile_stats_count .count {
    font-size: 30px;
}

.change-month:hover {
    cursor: pointer;
}

@media (min-width: 768px) {
    .tile_count .tile_stats_count .count {
        font-size: 35px
    }
}

.dashboard_first .sub_statistic span {
    white-space: nowrap;
    font-size: 11px;
}

.tile_count .dashboard_first .count {
    font-weight: bold;
    font-size: 25px;
}

.tile_count .dashboard_first .sticker {
    font-size: 10px;
    padding: 12px;
    text-align: center;
    font-weight: bold;
}

.tile_count .dashboard_first .sticker.bad {
    background-color: #ff908e;
}

.tile_count .dashboard_first .sticker.norm {
    background-color: #58d1ff;
}

.tile_count .dashboard_first .sticker.good {
    background-color: #abff94;
}

.dashboard_first.specialization {
    cursor: pointer;
}

.dashboard_first.specialization.active, .dashboard_first.specialization:hover {
    background-color: #ececec;
}

span.fund-balance {
    background-color: #abff94;
}

i.salary-info-modal, i.salary-correction, i.bonus-pay-modal {
    cursor: pointer;
}

i.salary-correction {
    float: right;
}

.js-table-user-comp {
    position: relative;
}

.js-table-user-comp tbody tr {
    min-height: 61px;
}

.js-fixed-th {
    position: fixed;
    top: 0;
    z-index: 1000;

    background: #fff;
}

.js-fixed-th > tr th:nth-of-type(1) {
    min-width: 110px;
}

.js-fixed-th > tr th:not(:nth-of-type(1)) {
    min-width: 179px;
}

.js-table-left-bar_fixed {
    content: '';
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;

    height: 80px;
    width: 230px;

    background: #2A3F54;
}

/*.js-table-names {*/
/*    display: -webkit-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-box-direction: normal;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column;*/
/*    position: absolute;*/
/*    top: 20px;*/
/*    z-index: 1000;*/

/*    padding-top: 35.5px;*/
/*    height: 100%;*/
/*    width: 111px;*/

/*    border-collapse: collapse;*/
/*}*/


.js-table-names {
    display: none;
    border: 1px solid #ddd;
    vertical-align: top;
    position: absolute;
    top: 0;
    z-index: 2;
    background-color: #fff;
}

.js-table-names .name-item {
    padding: 8px;
    line-height: 1.42857143;
    border-bottom: 1px solid #ddd;
    max-width: 100%;
}

.js-table-names .name-item:last-child {
    border: none;
}

.table-names__item {
    padding: 8px;

    line-height: 19px;

    margin-top: 1px;
    margin-bottom: -0.3px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;

    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 2% ,rgba(255, 255, 255, 1) 3%, rgba(255, 255, 255, 1), rgba(255, 255, 255, 1) 97%, rgba(255,255,255, 0.1) 98%);
}

.left-menu-position-fixed {
    position: fixed !important;
}

.table-names__item:nth-of-type(2n+1) {
    background: linear-gradient(to bottom, rgba(249, 249, 249, 0.1) 2% ,rgba(249, 249, 249, 1) 3%, rgba(249, 249, 249, 1), rgba(249, 249, 249, 1) 97%, rgba(249,249,249, 0.1) 98%);
}

#finance_agreement_index .panel-heading .pull-right {
    display: none;
}

.comment-item {
    padding: 10px;
    margin-bottom: 20px;
    display: flex;
}

.comment-item .comment-label {
    margin-right: 30px;
    width: 14%;
}

.comment-item .comment-label .comment-label-name {
    font-weight: 700;
}

.comment-item .comment-label .comment-label-date {
    margin-top: 10px;
}

.user-comment-button:hover {
    cursor: pointer;
}

.spec-type {
    display: none;
}

.hover-spec-type:hover {
    position: relative;
}

.hover-spec-type:hover .spec-type {
    display: block;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    top: 0;
    width: 100%;
}

.hover-content {
    display: none;
}

.hovered:hover {
    position: relative;
}

.hovered:hover .hover-content {
    display: block;
    text-align: center;
    position: absolute;
    background-color: #fff;
    padding: 10px;
    top: 0;
    width: 100%;
    z-index: 3;
    font-weight: 100;
}

th.lost-bonus {
    width: 10%;
}

.has-client-last-comment {
    background-color: #f0ad4e;
    color: #fff;
}

.row-client-last-comment {
    color: #f0ad4e;
}

.comment-item .comment-text {
    min-height: 39px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    word-wrap: break-word;
    max-width: 90%;
    white-space: pre-line;

}

.save-fixed-info {
    cursor: pointer;
}

.dashboard-widget-block {
    height: 100%;
}

.dashboard-widget-block-row-1 {
    max-height: 100vh;
}

.dashboard-widget-block-row-2 {
    height: 640px;
}

@media (max-width: 991px) {
    .js-table-left-bar {
        display: none;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .tile_count .tile_stats_count .count {
        font-size: 28px
    }
}

.projects-widget .chart, .projects-widget canvas {
    width: 160px;
    height: 160px;
}
.projects-widget-chart-text {
    position:absolute;
    width:100%;
    height:100%;
    display:flex;
}
.projects-widget-chart-text-container {
    margin:auto;
}
.projects-widget-chart-text-container span:first-child {
    font-size: 26px;
}
.projects-widget-chart-text-container span:last-child {
    font-size: 20px;
}
.dashboard-widget-block {
    overflow: hidden;
}
.scrollable {
    overflow-y: auto;
}

.pow {
    vertical-align: super;
    font-size: 16px!important;
    cursor: pointer!important;
    line-height: 0!important;
}

.has-modal {
    cursor: pointer!important;
}

/*.finance-report-row {*/
    /*cursor: pointer;*/
/*}*/

/*.finance-report-feature-row {*/
    /*background: #d0e0e4;*/
/*}*/

#expenditureStatisticsChart, .expenditureStatisticsDetailChart {
    margin: 0 auto;
}

.expenditureStatisticsTable .text-salary {
    color: rgba(255, 99, 132, 1);
}

.expenditureStatisticsTable .text-hosting {
    color: rgba(75, 192, 192, 1);
}

.expenditureStatisticsTable .text-bankCharges {
    color: rgba(200, 25, 25, 1);
}

.expenditureStatisticsTable .text-taxis {
    color: rgba(75, 75, 200, 1);
}

.expenditureStatisticsTable .text-officeExpenses {
    color: rgba(153, 102, 255, 1);
}

.expenditureStatisticsTable .text-projects {
    color: rgba(100, 99, 132, 1);
}
.expenditureStatisticsTable .text-other {
    color: rgba(20, 190, 50, 1);
}

.hidden-element {
    visibility: hidden;
}

/* Fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic');

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url('/fonts/HelveticaNeueCyr-Medium.eot');
    src: url('/fonts/HelveticaNeueCyr-Medium.eot?#iefix') format('embedded-opentype'),
         /*url('/fonts/HelveticaNeueCyr-Medium.woff') format('woff'),*/
         url('/fonts/HelveticaNeueCyr-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
/************************/

.login {
    background-color: #0155ab;
}

.login-logo {
    width: 126px;
    margin: 30px auto 30px;
    padding: 0px;
    text-align: center;
}
.login-logo img {
    width: 100%;
}

.login-title {
    margin-bottom: 30px;
    font-size: 23px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

#login-form {
    position: relative;
    z-index: 50;
    max-width: 350px;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
    background-color: #0155ab;
}

#login-form .form-control {
    border-radius: 4px;
}

#login-form .form-control::-webkit-input-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #0155ab;
}
#login-form .form-control::-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #0155ab;
}
#login-form .form-control:-ms-input-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #0155ab;
}
#login-form .form-control:-moz-placeholder {
    font-family: 'Roboto', sans-serif;
    color: #0155ab;
}

#login-form .form-group {
    margin-bottom: 20px;
}

#login-form .form-group:last-child {
    margin-bottom: 0;
}

#login-form .help-block-error {
    font-size: 13px;
    color: #ff7859;
    font-family: 'Roboto', sans-serif;
}

#login-form .has-error .form-control {
    border: 2px solid #ff1212;
}

.btn-login {
    display: block;
    padding: 9px 45px 11px;
    margin: 30px auto 0;
    border: 0;
    border-radius: 4px;
    font-family: HelveticaNeueCyr;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    color: #fff;
    background-color: #00aeef;
    cursor: pointer;
    transition: background 0.3s;
}

.btn-login:hover {
    background-color: #2d91de;
}

.login-privacy-policy {
    width: 100%;
    position: absolute;
    bottom: 40px;
    margin-bottom: 0;
    font-family: HelveticaNeueCyr;
    font-size: 13px;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 800px) {
    .login-logo {
        width: 90px;
        margin: 0 auto 40px;
        padding: 0;
    }

    .login-logo img {
        width: 100%;
        height: auto;
    }

    .login-title {
        margin-bottom: 20px;
        font-size: 20px;
    }

    #login-form {
        padding: 0 15px;
    }

    .btn-login {
        margin-top: 20px;
    }
}

.dashboard-widget-block-row-1 .project_list{
    max-height: 70vh !important;
    overflow: hidden;
}

.xdebug-port {
    font-size: 18px;
}
.xdebug-port .fa-bug {
    color: forestgreen;
    font-size: 28px;
}
.xdebug-links {
    font-size: 14px;
}

.xdebug-links .fa{
    font-size: 20px;
}

.table > tbody > tr > td.align-middle {
    vertical-align: middle;
    text-align: center;
}
.table > tbody > tr.align-middle > td,
.table > thead > tr.align-middle > th {
    vertical-align: middle;
    text-align: center;
}

.badge-danger {
    background-color: #b94a48;
}
.badge-warning {
    background-color: #f89406;
}
.badge-success {
    background-color: #468847;
}
.badge-info {
    background-color: #3a87ad;
}
span.debug{
    background: #337ab7;
    color: #fff;
    display: none;
    transition: 0.3s;
    padding: 10px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    width: 300px;
    position: fixed;
    top: 25px;
    right: 25px;
    z-index: 10;
    max-height:500px;
    overflow: scroll;
}

span.debug a{
    color: #fff;
    font-weight: bold;
    font-size: 13px;
}

div.alert-info__fixed{
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 10;
    display:none;
}

.btn-group .activeFilter{
    background: #327ab700;
    color: #327ab7;
}

.button-container-reference {
    display: flex;
    justify-content: flex-end;

    position: fixed;
    right: 5%;
    bottom: 10%;
    z-index: 100000;
}

.js-price-input-mark {
    border-color: #28a745;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.js-price-action-buttons {
    margin: 10px 0 0;
    display: flex;
    justify-content: flex-end;
}

.js-price-action-buttons a {
    padding: 0 2px;
}

.button-container-profit {
    display: flex;
    justify-content: flex-end;

    position: fixed;
    right: 5%;
    bottom: 10%;
    z-index: 100000;
}

.form-control.js-profit-id {
    width: 80%;
    display: inline-table;
}

span.open_config_panel {
    cursor: pointer;
    color: #73879c;
}

div.config_panel {
    display: none;
}

.form-group.access_sub {
    display: inline-block;
    margin: 10px;
}

.profit_calculator {
    cursor: pointer;
}

img.preloader {
    display: block;
    margin: 50px auto;
}

#salary_detalization_table, #detalization_content {
    min-width: 100%;
    min-height: 100px;
    position: relative;
}

.preloader_shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #e2e2e252;
}

.preloader_shadow img {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

tr.disabled {
    background-color: #ececec !important;
}

tr.has-labor-comment {
    background-color: #ff9494 !important;
}

.labor_comment_modal, .labor_only_comment_modal {
    cursor: pointer;
}

#planned_salary_table td {
    cursor: pointer;
    position: relative;
}

#planned_salary_table td span {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

#planned_salary_table td span.active {
    display: block;
}

:root {
    --balloon-border-radius: 2px;
    --balloon-color: rgba(16, 16, 16, 0.95);
    --balloon-text-color: #fff;
    --balloon-font-size: 12px;
    --balloon-move: 4px; }

button[aria-label][data-balloon-pos] {
    overflow: visible; }

[aria-label][data-balloon-pos] {
    position: relative;
    cursor: pointer; }
[aria-label][data-balloon-pos]:after {
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    text-indent: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
    font-size: var(--balloon-font-size);
    background: var(--balloon-color);
    border-radius: 2px;
    color: var(--balloon-text-color);
    border-radius: var(--balloon-border-radius);
    content: attr(aria-label);
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10; }
[aria-label][data-balloon-pos]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: var(--balloon-color);
    opacity: 0;
    pointer-events: none;
    transition: all 0.18s ease-out 0.18s;
    content: "";
    position: absolute;
    z-index: 10; }
[aria-label][data-balloon-pos]:hover:before, [aria-label][data-balloon-pos]:hover:after, [aria-label][data-balloon-pos][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-visible]:after, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:before, [aria-label][data-balloon-pos]:not([data-balloon-nofocus]):focus:after {
    opacity: 1;
    pointer-events: none; }
[aria-label][data-balloon-pos].font-awesome:after {
    font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
[aria-label][data-balloon-pos][data-balloon-break]:after {
    white-space: pre; }
[aria-label][data-balloon-pos][data-balloon-break][data-balloon-length]:after {
    white-space: pre-line;
    word-break: break-word; }
[aria-label][data-balloon-pos][data-balloon-blunt]:before, [aria-label][data-balloon-pos][data-balloon-blunt]:after {
    transition: none; }
[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:after {
    transform: translate(-50%, 0); }
[aria-label][data-balloon-pos][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="up"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="down"][data-balloon-visible]:before {
    transform: translate(-50%, 0); }
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:after {
    left: 0; }
[aria-label][data-balloon-pos][data-balloon-pos*="-left"]:before {
    left: 5px; }
[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:after {
    right: 0; }
[aria-label][data-balloon-pos][data-balloon-pos*="-right"]:before {
    right: 5px; }
[aria-label][data-balloon-pos][data-balloon-po*="-left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-po*="-left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:after {
    transform: translate(0, 0); }
[aria-label][data-balloon-pos][data-balloon-po*="-left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-po*="-left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos*="-right"][data-balloon-visible]:before {
    transform: translate(0, 0); }
[aria-label][data-balloon-pos][data-balloon-pos^="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    bottom: 100%;
    transform-origin: top;
    transform: translate(0, var(--balloon-move)); }
[aria-label][data-balloon-pos][data-balloon-pos^="up"]:after {
    margin-bottom: 10px; }
[aria-label][data-balloon-pos][data-balloon-pos="up"]:before, [aria-label][data-balloon-pos][data-balloon-pos="up"]:after {
    left: 50%;
    transform: translate(-50%, var(--balloon-move)); }
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:before, [aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1)); }
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:after {
    margin-top: 10px; }
[aria-label][data-balloon-pos][data-balloon-pos^="down"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color); }
[aria-label][data-balloon-pos][data-balloon-pos="down"]:after, [aria-label][data-balloon-pos][data-balloon-pos="down"]:before {
    left: 50%;
    transform: translate(-50%, calc(var(--balloon-move) * -1)); }
[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:after {
    transform: translate(0, -50%); }
[aria-label][data-balloon-pos][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="left"][data-balloon-visible]:before, [aria-label][data-balloon-pos][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos][data-balloon-pos="right"][data-balloon-visible]:before {
    transform: translate(0, -50%); }
[aria-label][data-balloon-pos][data-balloon-pos="left"]:after, [aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%); }
[aria-label][data-balloon-pos][data-balloon-pos="left"]:after {
    margin-right: 10px; }
[aria-label][data-balloon-pos][data-balloon-pos="left"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: var(--balloon-color); }
[aria-label][data-balloon-pos][data-balloon-pos="right"]:after, [aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    left: 100%;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%); }
[aria-label][data-balloon-pos][data-balloon-pos="right"]:after {
    margin-left: 10px; }
[aria-label][data-balloon-pos][data-balloon-pos="right"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: var(--balloon-color); }
[aria-label][data-balloon-pos][data-balloon-length]:after {
    white-space: normal; }
[aria-label][data-balloon-pos][data-balloon-length="small"]:after {
    width: 80px; }
[aria-label][data-balloon-pos][data-balloon-length="medium"]:after {
    width: 150px; }
[aria-label][data-balloon-pos][data-balloon-length="large"]:after {
    width: 260px; }
[aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
    width: 380px; }
@media screen and (max-width: 768px) {
    [aria-label][data-balloon-pos][data-balloon-length="xlarge"]:after {
        width: 90vw; } }
[aria-label][data-balloon-pos][data-balloon-length="fit"]:after {
    width: 100%; }

#start_holiday, .available_day, .outgo_day,.holiday_day{
    cursor: pointer;
}

.label_stast_on_employees{
    padding-right: 50px;
}


#table_cron td:nth-child(1), #table_cron td:nth-child(2), #table_cron td:nth-child(3), #table_cron td:nth-child(4) {
    width: 60px;
}
#table_cron td:nth-child(5) {
    width: 70px;
}

.start-button {
    display: block;
    background-image: url(/images/play-button.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    border: 0;
    box-shadow: none;
    cursor: pointer;
}

.form-control-static{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.span-issue-main > span {
    font-size: 16px;
    cursor: pointer;
}

.preloader.cron {
    margin: 0 !important;
    width: 35px;
    height: 35px;
}

.fixed_header {
    z-index: 10;
    position: sticky;
    top: 0;
}


/* Integrations settings begin*/

.integrations-container .x_panel .x_title h2{
    width: 100%;
    overflow: inherit;
}
.integrations-container .check-token {
    float: right;
    display: block;
}
.integrations-container .x_title span.integration-success {
    color:#3a773c;
}
.integrations-container .x_title span.integration-error {
    color:#aa4442;
}
/* Integrations settings end*/


/* Users filters styles begin */
.field-usersearch-role select#usersearch-role {
    height: 102px;
    margin-top: 1px;
    border-radius: 3px;
}

input#usersearch-query, select#usersearch-is_active, select#usersearch-role, select#usersearch-office, select#usersearch-nda_sign {
    border-radius: 3px;
}

.usersearch-hidden-container {
    display: none;
}

#sersearch-show-filters{
    border: 1px solid #ccc;
    width: 34px;
    height: 34px;
    margin-top: 24px;
    text-align: center;
    padding-top: 4px;
    float: right;
    cursor: pointer;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

#sersearch-show-filters i.fa-sliders {
    font-size: 22px;
}

#sersearch-submit-container{
    margin-top: 24px;
    float: right;
}

.usersearch-no-filters #sersearch-show-filters .usersearch-active-filters{
    display:none;
}

#sersearch-show-filters .usersearch-active-filters{
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    margin-top: -30px;
    margin-left: 28px;
}
/* Users filters styles end */

/* Projects filters styles begin */
/* Container for hidden project search filters */
.projectsearch-hidden-container {
    display: none;
}

/* Toggle button for showing/hiding project search filters */
#projectsearch-show-filters{
    border: 1px solid #ccc;
    width: 34px;
    height: 34px;
    margin-top: 24px;
    text-align: center;
    padding-top: 4px;
    float: right;
    cursor: pointer;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}

#projectsearch-show-filters:hover {
    border-color: #adadad;
}

/* Icon inside the toggle button */
#projectsearch-show-filters i.fa-sliders {
    font-size: 22px;
}

/* Container for submit buttons */
#projectsearch-submit-container{
    margin-top: 24px;
    float: right;
}

/* Hide active filters indicator when no filters are applied */
.projectsearch-no-filters #projectsearch-show-filters .projectsearch-active-filters{
    display:none;
}

/* Active filters indicator (red dot) */
#projectsearch-show-filters .projectsearch-active-filters{
    width: 8px;
    height: 8px;
    border-radius: 100%;
    position: absolute;
    margin-top: -30px;
    margin-left: 28px;
}
/* Projects filters styles end */


/* Monthly fix agreement pages styles */

.time-edit-input, .disabled-time-edit-input {
    width: 50px !important;
    text-align: left !important;
    border-radius: 4px;
    background: none!important;
    border: none!important;
}

.disabled-time-edit-input {
    color: #bec0c3 !important;
}

.editing-control {
    width: 280px !important;
}

td.editing-control div.time-save, td.editing-control div.time-remove, td.editing-control div.time-revert, .editing-control .time-edit {
    width: 130px !important;
    float: left;
    text-align: center !important;
}

.editing-control .time-edit {
    display: block;
}

.editing-control .time-save,
.editing-control .time-remove {
    display: none;
}

.active-editing .editing-control .time-edit, .active-editing .editing-control .time-revert {
    display: none;
}

.active-editing .editing-control .time-save {
    display: block;
}

.active-editing .editing-control .time-remove {
    display: block;
}

.active-editing td input.time-edit-input {
    border-color: #73879c;
}

.table_custom > tbody > tr > td.editing-control {
    vertical-align: middle;
}

.original-values > td > .table__values > .table__old,
.original-values > td > .table__icon-arrow,
.original-values > td.editing-control > .time-revert {
    display: none;
}

.nav-md .container.body .col-md-3.left_col {
    width: 240px;
}

.nav-sm .nav.side-menu li a {
    flex-direction: column;
}

@media (min-width: 992px) {
    .nav-md .container.body .col-md-3.left_col {
        position: fixed;
        height: 100%;
    }

    .nav-md .container.body .left_col.scroll-view {
        overflow: hidden auto;
        height: 100%;
    }

    .sidebar-footer {
        position: absolute;
        width: 100%;
    }

    .nav.side-menu > li {
        padding-right: 5px;
    }

    .nav.side-menu > li.current-page,
    .nav.side-menu > li.active {
        border-right: none;
        box-shadow: inset -5px 0 0 #1ABB9C;
    }

    .nav.side-menu > li > a {
        display: flex;
    }
}

.salary-actions-box {
    display: none;
    position: absolute;
    z-index: 10;
    background: #fff;
    border: 1px solid #d9dee4;
    padding: 5px 0 0 5px;
    margin-left: 49px;
}
.salary-actions-box.salary-actions-box_active {
    display: block;
}

.salary-actions-box a {
    min-width: 100px;
    display: block;
}

.payments-form_submit button{
    margin-top: 24px;
}

.modal-lg2 {
    width: 1100px;
}

.sections ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    border-bottom: 1px solid #ddd;
}

.sections ul::after {
    display: table;
    content: " ";
    clear: both;
}

.sections li {
    position: relative;
    display: block;
    float: left;
    margin-bottom: -1px;
}

.sections .section-tab {
    position: relative;
    display: block;
    padding: 13px 15px 12px;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
}

.sections .active .section-tab {
    color: #555555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

.project-list--empty::before {
    display: block;
    width: 100%;
    padding: 80px 0;
    content: "Проекты не найдены";
    background-color: #f0f1f5;
    text-align: center;
}

.ui-datepicker {
    z-index: 100000 !important;
}

.logs-containers {
    max-height: 500px;
    overflow-y: scroll;
    overflow-x: scroll;
    white-space: pre;
    word-wrap: break-word;
    font-family: monospace;
    background: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
}