.site_title {
    text-align: center;
}

img.site_logo {
    width: 70%;
}

.calendar{
    text-align: center;
    margin-bottom: 0 !important;
    cursor: default;
    margin-top:10px;
}
.calendar thead{
    font-size: large;
}
.calendar th{
    text-align: center;
}

.calendar td{
    height: 60px;
    width: 100px;
    border: 1px solid #ddd;
    vertical-align: middle !important;
}

.holiday{
    color: #d9534f;
}
.calendar div {
    margin-left: 10px;
    margin-right: 10px ;
}
.day-date{
    text-align: left;
    cursor: default;
}
.day-hour{
    font-size: large;
    text-align: right;
    min-height: 25px;
}
.calendar-header{
    display: inline-block;
    margin-left: 20px;
    margin-right: 20px;
}
.errors{
    color: #d9534f;
}
.login-page{
    width: 30% !important;
    padding-top: 50px;
}

.accounts-modal{
    width: 45% !important;
}

.tasks{
    margin: 0;
    float: none;
    width: 100% !important;
}
.tasks td, .tasks th{
    vertical-align: middle !important;
    width: inherit;
    cursor: default;
}
.tasks-button{
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 15px !important;
    font-size: large !important;
}
.tasks li{
    list-style-type: none;
}
.tasks ul{
    padding: 0;
    margin: 0;
    text-align: left;
}
.tasks .form-control{
    width: auto;
    margin: auto;
}
.tasks .form-control.tracking-id {
    width: 50%;
}
.task-time{
    min-width: 150px;
}
.task-time select{
    display: inline-block;
    width: auto;
}
.tasks-date{
    min-width: 100px;
}
.tasks-icon{
    font-size: 17px !important;
    cursor: pointer;
}
.tasks-delete{
    color:red;
}
.after-calendar{
    font-size: large;
    margin: 10px;
}
.task-button-panel{
    display: inline-block;
    padding-right: 10px;
    width: 120%
}
.task-add-row{

}
.oldWeek{
    opacity: 0.4;
}
.today{
    background-color: rgb(215,228,253)
}
.project-table{
    display: inline-block;
    margin-top: 10px;
}
.sum {
    font-weight: 600;
    font-size: large;
}
.pm-manage-total-row{
    font-size: large;
    font-weight: 600;
}
.pm-manage-total {
    text-align: right;
    padding-right: 30px !important;
    font-weight: normal;
}
.user-name{
    text-align: center;
}
.caption p{
    padding-left: 35px;
}
.thumbnail{
    padding-top: 15px !important;
}

:not(.client-pages) > .chosen-container.chosen-container-multi{
    width: 540px !important;
}
.hidden-div {
    display: none;
}

.task-add-row{
    padding: 6px 12px !important;
}

.pager li>a {
    border: 0!important;

}
.pager{
    text-align: left!important;
    padding-left: 10px!important;
    margin-top: 0!important;

}
.form form{
    margin-inside: left;
    display: block;
}
.navbar.navbar-inverse.navbar-fixed-top .nav.navbar-nav{
    padding-left: 8px;
}
.navbar.navbar-inverse.navbar-fixed-top .container{
    padding-left: 0;
}

.navbar-header a{
    padding-right: 5px;
}

.dropdown-submenu {
    cursor: pointer;
}
.no-margin .form{
    margin-right: 0;
}
.no-padding{
    padding-left: 0;
}
.admin_padding{
    padding-left: 220px;
}

.project{
    padding-left: 0!important;
    margin-top: 0!important;
}

.header-logo{
    max-width: 130px;
    padding-top: 8px;
}
.entity-edit{
    margin-left: 0!important;
}

.custom-dates{
    padding-left: 35px!important;
}

.dayoff-form{
    padding-left: 120px;
}

.dayoff-form select, .dayoff-form input{
    width: 417px;
}

.dayoff-form div{
    margin-bottom: 10px;
}
.dayoff{
    color: #9e8e13;
}
.vacation{
    color: #2e8e13;
}
.deleted-task-disable:hover{
    color: red;
    text-decoration: none;
    cursor: auto;
}

.dayoff-edit{
    margin-left: 0;
    margin-top: 15px;
}
.delete-dayoff{
    padding-left: 325px;
}
.dates-week-dayoff{
    margin-left: 0;
}
.holiday-calendar .toggle-group{
    margin-left: 0;
}
.table-form{
    max-width: 900px!important;
}
.empty-row {
    background-color: white;
}
.dates-week-form{
    margin-left: 0;
    display: none;
}
.form-datepicker-endDate{
    display: none;
}
.project-name-link{
    cursor: pointer;
}
.delete-task-th{
    min-width: 50px;
}
.not-developer{
    margin-bottom: 40px;
}
.dates-week-display{
    display: table-cell;
    padding: 0px 10px;
}
div.profile_list .x_panel {
    height: 500px;
    padding-bottom: 20px;
}

span.filt {
    font-size: 12px;
    margin-left: 4px;
    margin-right: 4px;
    border-bottom: 1px dashed #73879C;
    cursor: pointer;
}
span.filt-slash {
    font-size: 12px;
    margin-left: 1px;
    margin-right: 1px;
}

/* Chosen.css overriding */


.project-table div.chosen-container {
    margin-left: 10px!important;
}

ul.chosen-choices {
    background: #fff!important;
    padding: 7px 5px!important;
    border: 1px solid #ccc!important;
}

li.search-choice {
    background: #1ABB9C!important;
    color: #fff!important;
    border: none!important;
    box-shadow: none!important;
    padding: 5px 9px!important;
    padding-right: 20px!important;
}

a.search-choice-close {
    top: 6px!important;
    right: 4px!important;
    color: #fff!important;
    background: url('../images/chosen-sprite-white.png') -40px 1px no-repeat!important;
}

.input-group-btn.task-search-form button{
    margin-top: 20px;
}
.no-float-left .input-group .form-control{
    float: none;
}
.well.filter-border-bottom-enable .filter-border-bottom-enable-div{
    padding-bottom: 15px;
    padding-top: 5px;
    border-bottom: 2px solid #E6E9ED;
}
.form-group.pull-left.show-filter-group span{
    width: auto;
}
.monthly-fill-notification {
    font-size: 20px;
    margin-top: 19px;
    margin-right: 10px;
}
.monthly-fill-notification:hover {
    cursor: pointer;
    color: #2A3F54;
}
.monthly-fill-star {
    will-change: transform;
    -webkit-animation: shake 5s linear alternate infinite;
    animation: shake 5s linear alternate infinite;
}
@-webkit-keyframes shake {
    5%, 15% {
        transform: rotate(30deg);
    }
    10%, 20% {
        transform: rotate(0deg);
    }
    30% {}
}
@keyframes shake {
    5%, 15% {
        transform: rotate(30deg);
    }
    10%, 20% {
        transform: rotate(0deg);
    }
    30% {}
}
.monthly-fill-note {
    position: fixed;
    top: 6%;
    right: 115px;
    width: 300px;
    display: none;
    z-index: 2;
}
.monthly-fill-comment {
    position: fixed;
    top: 6%;
    right: 75px;
    width: 300px;
    display: none;
    z-index: 2;
}
.monthly-fill-content {
    width: 100%;
    height: 70px;
    padding: 20px 30px 20px 30px;
    text-align: center;
    color: black;
    font-size: 14px;
    border: 1px solid black;
    border-top: none;
    background-color: white;
}
.monthly-fill-title {
    border: 1px solid rgb(118, 118, 118);
    border-bottom: 0;
    font-size: 14px;
    text-align: center;
    color: black;
    background-color: white;
    padding-bottom: 10px;
    padding-top: 11px;
}
.monthly-fill-title:before {
    content: "";
    position: absolute;
    right: 3%;
    z-index: 100;
    top: 40px;
    width: 94%;
    height: 1px;
    background: #ddd;
}
.close-comment {
    position: absolute;
    right: 10px;
    cursor: pointer;
}
.avatar-view{
    object-fit: cover;
    background-size: cover;
    width: 250px;
    height: 250px;
    overflow: hidden;
}
.topnav-user-photo{
    object-fit: cover;
    background-size: cover;
    overflow: hidden;
}
.sidenav-user-photo{
    object-fit: cover;
    overflow: hidden;
    width: 50px!important;
    height: 50px!important;
}
.avatar-view.avatar-edit{
    cursor: pointer;
}
.day-date.calendar-date-day{
    float: left;
    display: inline-block;
    width: 60%;
}
@media (max-width: 1500px) {
    .day-date.calendar-date-day{
        width: 50%;
    }
}
@media (max-width: 1200px) {
    .day-date.calendar-date-day{
        width: 40%;
    }
}
@media (max-width: 1020px) {
    .day-date.calendar-date-day{
        width: 20%;
    }
}
.day-hour.calendar-date-day{
    margin-top: 10px;
}
.edit-task.calendar-date-day{
    width: 10%;
    display: inline-block;
}
.autocomplete-suggestions{
    background: #ffffff;
}
.autocomplete-suggestion strong{
    color: #26B99A;
}
.autocomplete-suggestion{
    cursor: pointer;
}
.button-float-right{
    float: right;
}
.task-filters{
    height: 29px;
}
.filt.this-filter{
    font-size: large;
    font-weight: bold;
}
.client-photo{
    width: 70px;
    height: 70px;
    object-fit: cover;
    overflow: hidden;
}
.dl-horizontal{
    font-size: 14px;
}
.profile_list{
    min-width: 350px;
}
.filt i.glyphicon{
    font-size: 10px;
}

i.link-to-tasks{
    font-size: 11px;
    visibility: hidden;
}

table tr.nice-info-link:hover i.link-to-tasks {
    visibility: visible;
}
.filt.active{
    font-weight: bold;
}
.nice-info-link a.project-name-active{
    cursor: pointer;
}

.get-top-button{
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
}
.side-bar-notice span {
    color: #E7E7E7;
}
.side-bar-notice a {
    color: #E7E7E7;
}
.side-bar-notice a:hover {
    color: #c9c9c9;
}
.side-bar-notice{
    background-color: #2A3F54;
    border: 0;
}

.datepicker-days table.table-condensed.week-selected tr:hover td{
    border-radius: 0;
    background-color: #337ab7!important;
}
.sum span.not-big{
    font-weight: 400;
    font-size: 13px;
}
.no-delimeter{
    white-space: nowrap;
}

.pm-manage-total-row .edit-hour {
    float: right;
    margin-right: 20px;
    font-weight: normal;
}
.pm-manage-total-row{
    font-size: unset;
}


.calendar.full-calendar div{
    margin-left: 0;
    margin-right: 0;
}
.calendar.full-calendar td{
    height: auto;
    width: auto;
    padding: 0 5px 0 5px;
    border: 0;
}
.month-container{
    height: 200px;
}
.calendar.full-calendar .day-header{
    font-size: 13px;
    font-weight: 400;
}
.calendar.full-calendar .year-title{
    padding-left: 15px;
    padding-right: 15px;
    font-weight: bold;
}

.calendar.full-calendar .year-neighbor,.calendar.full-calendar .year-neighbor2{
    font-weight: inherit;
}
.calendar-header.panel.panel-default th{
    font-size: 20px;
    cursor: pointer;
}
.hide-row {
    display: none;
}
.show-hide-user {
    cursor: pointer;
}
.statistic-title {
    text-align: center;
    font-size: large;
    font-weight: bold;
}
.statistic-name{
    display: inline-block;
    float: left;
}
.statistic-value{
    display: inline-block;
    float: right;
}
.user-overview {
    margin-left: 10px;
    margin-right: 10px;
}
.user-overview .user-name{
    font-weight: bold;
    text-align: left;
}


.checkbox-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 2px;
    left: 5px;
    height: 15px;
    width: 15px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkmark {
    background-color: #ccc;
}

.checkbox-container input:checked ~.checkmark.holidays{
    background-color: red;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkmark:after {
    left: 5px;
    top: 2px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.users-edit-page{
    width: 50%;
}
.login-error-span{
    margin-top: -10px;
    text-align: left;
}
.login-error-span span{
    padding-right: 5px;
}
.user-start-working-day {
    border: 2px solid green;
    border-radius: 100%;
    padding-left: 2px;
    padding-right: 2px;
}

.user-disabled-card {
    background-color: #ffd4d4;
}

#dayoff-dates {
    width: 100%;
}

.input-daterange.dayoff {
    display: flex;
}

.input-daterange.dayoff input {
    width: 100% !important;
}

.input-daterange.dayoff input:first-child {
    margin-right: 2px !important;
}

.input-daterange.dayoff input:last-child {
    margin-left: 2px !important;
}

.admin-user-btns {
    position: absolute;
    top: 17px;
    left: 24px;
}

.project-card {
    border: 3px solid #2A3F54;
    margin-bottom: 10px;
}

.daily-report {
    margin-top: 20px;
}

.daily-report input, .daily-report .chosen-container.chosen-container-multi {
    width: 100% !important;
}

.pre {
    white-space: pre-wrap;
}

.ml-1 {
    margin-left: 10px;
}

.vue-selector-container .btn {
    /*margin-bottom: 5px;*/
}

.autocomplete-suggestions, .vue-selector {
    position: absolute;
    width: 300px;
    max-height: 300px;
    z-index: 9999;
    text-align: left;
    display: block;
    margin: 0 !important;
}
.autocomplete-suggestions.tracking-id {
    width: 150px;
    margin-left: 50px!important;
}

.vue-selector {
    border: 1px solid grey;
    background-color: #ffffff;
    bottom: 30px;
}

.vue-selector h5 {
    margin: 3px 10px;
    font-weight: 600;
}

.vue-selector div {
    margin: 0 5px;
    cursor: default;
}

.vue-selector div.selected {
    cursor: not-allowed;
    color: #B1B2B4;
}

.vue-selector .form-group {
    margin: 15px;
}

.autocomplete-suggestion {
    margin: 0 !important;
}

.autocomplete-container {
    width: 197px;
    margin: auto !important;
}

.autocomplete-input {
    width: 100%;
    margin: 0;
}

.item-task{
    margin-bottom: 13px;
}

.list-report{
    margin: 0 20px;
}

.list-item-pr{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
    list-style: none;
}
.item-text{
    font-weight: lighter;
}
.h-pr{
    font-size: 16px;
}
.navbar-rfx{
    width: auto !important;
}

.panel-pm{
    float: right;
    margin: 20px 0;
}

.weekly-project-list{
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    margin-bottom: 20px;
}

.weekly-project-item{
    padding: 10px;
}
.weekly-project-item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 0;
}
.weekly-row-title{
    display: flex;
    justify-content: space-between;
}
.weekly-reports-item ul {
    list-style: none;
}
.weekly-reports-item{
    padding: 0 3px;
    margin-right: 20px;
}

.weekly-reports-list{
    margin-top: 20px;
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    width: 40%;
}
.weekly-reports-info_hidden{
    display: none;
}
.weekly-reports-info_hidden ul {
    list-style: none;
}

.weekly-reports-info_hidden ul li{
    margin-bottom: 15px;
}


.weekly-row{
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
}

.weekly-task-report{
    display: flex;
}
.weekly-task-report ul {
    list-style: none;
}

.item-daily-report{
    margin: 40px 0;
}

.weekly-form-status {
    display: flex;
}

.weekly-form-st{
    margin: 10px;
    width: 40%;
}

.list-group-item{
    border: none;
}
.h-bold{
    font-weight: bold;
}
.item-task{
    margin-bottom: 10px ;
}

.item-daily-reports ul{
    list-style: none;
}

.list-daily-report{
    display: flex;
    flex-wrap: wrap;
}

.weekly-reports-line{
    display: flex;
    justify-content: space-between;
}
.fc-button{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    height: 2.1em;
    padding: 0 .6em;
    font-size: 1em;
    cursor: pointer;
}

.fc-button-group>* {
    float:left;
    margin:0 0 0 -1px
}
.fc-button-group>:first-child {
    margin-left:0
}

.filter{
    display: flex;
    flex-flow: column wrap;
    position: relative;
}
.weekly-search-form{
    position: absolute;
    right: 0;
    top: 29px;
    display: none;
}
.weekly-search-form  >  .date_interval {
    margin: 5px 0;
}
.daily-report-task{
    margin-bottom: 10px;
}

.filter-row{
    display: flex;
    align-items: center;
}


.cr-a{
    display: block;
    width: 100%;
    height: 100%;
}

.b-more{
    width: max-content;
    cursor: pointer;
    margin: 0 10px;
}

.weekly-task-report  .task-list li{
    margin-bottom: 5px;
}

.fc-i-arrow a{
    margin: 0 .2em;
    vertical-align: middle;
    display: block;
    height: 100%;
    width: 100%;
}
.fc-i-arrow a span{
    position: relative;
    top: 0.2em;
    vertical-align: middle;
}

.form-control_hide{
   display:none;
}

.form-group div {
    height: max-content;
}

.weekly-input-text{
    white-space: pre-wrap;
    border:none;
    box-shadow:none
}
.weekly-reports-text{
    white-space: pre-line;
}

.daily-list-dev {
    margin: 0 !important;
    padding: 0 !important;
}
.daily-mr{
    padding: 0 30px;
}
.daily-h-done{
    margin: 0 45px;
}

.list-dev-msg{
    display:none;
    margin: -10px 0 !important;
}
.list-group_item-custom{
    padding: 5px 10px;
}
.list-daily{
    list-style: none;
}
.ul-list-daily {
    padding: 0 20px;
}
.item-task_custom{
    margin-bottom: 5px;
}
.item-daily{
    color:#555;
}
.weekly-list{
    margin: -10px;
}
.item-weekly-day{
    margin-bottom: -20px !important;
}
.no-wrap-line{
    white-space: nowrap;
}

.plan-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.mr-1 {
    margin-right: 1px;
}

.mt-5 {
    margin-top: 5px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-25 {
    margin-top: 25px;
}

.btn-generate-monthly-report {
    font-size: 14px !important;
    padding: 6px 12px !important;
    height: auto !important;
}

.weekly-reports-plan{
    list-style: none;
}

.weekly-plan-text{
    color: initial;
}

.fc-i-arrow a {
    display: block;
    width: 100%;
}
.col-editor{
    max-width: 900px;
}

.weekly th {
    border: none !important;
}

.select-day {
    border: 2px solid #73879C !important;
}

.card-report-completed {
    background: #30bb9c;
    color: #fff;
}

.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
    /* margin-left: auto; margin-right: auto; */
}

.cke_dialog .cke_hand {
    width: 32px;
}

.textareaContacts {
    width: 100%;
    height: 70px;
    resize: none;
}

.newsTitleSidebar {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.vacation-message {
    font-weight: bolder;
    color: red;
    margin-top: 48px;
}

.border-none {
    border: none !important;
}

/* Styles for the navigation tabs for KZ and CoS */
.page-title-tab {
    text-decoration: none;
    padding: 8px 15px;
    transition: color 0.3s ease, border-bottom 0.3s ease;
    position: relative;
    display: inline-block;
    font-size: 16px;
    margin-right: 10px;
}

.page-title-tab.selected {
    color: #73879c;
    font-weight: bold;
    font-size: 20px;
}

.page-title-tab.selected::after {
    content: '';
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: -5px;
    height: 3px;
    background-color: #73879c;
    border-radius: 2px;
}

.page-title-tab:hover:not(.selected) {
    color: #286090;
}