body {
    font-family: Montserrat;
    font-size: 13px;
    color: #1C273A;
}

    body a {
        color: #00AEEF;
    }

.resource-town-filter, .productivity-town-filter {
    width: 100%;
}

.resource-edit-master, .estimation-platform-select, .estimation-platformtype-select, .estimation-personal-select, .salesplan-edit {
    width: 100%;
}

.estimation-platformtype-select {
    display: block;
}

.main-table {
    margin-top: 10px;
    margin-bottom: 0;
}

.table {
    margin-left: 0 !important;
    border-collapse: collapse !important;
}

.table-full {
    width: 100% !important;
}

    .main-table label {
        margin-bottom: 0;
    }


    .main-table td, .main-table th {
        white-space: nowrap;
    }

    .main-table tr td:first-child, .main-table tr th:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        background: white;
        width: 250px;
        max-width: 250px;
        min-width: 250px;
    }

.projects-table {
    margin-top: 10px;
    margin-bottom: 0;
}

.resource-table-cell {
    text-align: center;
    position: relative;
    cursor: pointer;
}

    .resource-table-cell label {
        margin-bottom: 0 !important;
    }

.resource-table-cell-groupped, .personal-table-cell-groupped {
    font-weight: bold;
    border-right: none !important;
    border-left: none !important;
    background-color: white !important;
}

.resource-group-type-select, .project-group-type-select, .personal-group-type-select, .project-direction-type,
.vacationschedule-persons-listbox, .vacationindex-persons-listbox,
.group-type-select, .pm-group-type-select, .post-group-type-select, .post-select, .level-select, .planreport-type-select, .town-select {
    width: 100%;
}

.resource-table-cell-holyday {
    background: #eeeeee;
}

.resource-table-cell-close {
    position: absolute;
    right: -5px;
    top: -12px;
    cursor: pointer;
    z-index: 100;
}

.resource-table-cell-start {
    background: #e5f7fd;
}

.resource-table-cell-end {
    background: #e5f7fd;
}

.resource-table-cell-8hours {
    color: green;
}

.resource-table-cell-4hours {
    color: #ffd200;
}


.table-headercell-date {
    text-align: center;
    font-size: 10px;
    max-width: 14px;
}

.panel-table-filter {
    margin-left: 0;
}

    .panel-table-filter .col-sm-1, .panel-table-filter .col-sm-2, .panel-table-filter .col-sm-10 {
        padding-left: 0;
    }

.btn-resource-hours {
    width: 128px;
}

.btn-resource-hours-master {
    width: 80px;
}

.pointer {
    cursor: pointer;
}

.panel-title-editable {
    display: inline;
}

.panel-title-edit-icon {
    float: right;
}

.panel-heading .panel-action {
    float: right;
    display: inline;
}

    .panel-heading .panel-action a {
        margin-left: 5px;
    }

.table-editable td {
    position: relative;
}

.table-editable tr td div.action, .table-editable tr td div.action-not-opacity, .table-editable tr td div.action-visible {
    position: absolute;
    right: 6px;
    opacity: 0;
    cursor: pointer;
    display: table;
    top: 0;
    bottom: 0;
    margin-bottom: auto;
    margin-top: auto;
}


.table-editable tr td div.action-not-opacity {
    opacity: 1;
}

.table-editable tr td div.action-visible {
    opacity: 0.25;
}

    .table-editable tr td div.action a, .table-editable tr td div.action i, .table-editable tr td div.action-not-opacity a, .table-editable tr td div.action-not-opacity i, .table-editable tr td div.action-visible a, .table-editable tr td div.action-visible i {
        margin-left: 5px;
        color: #333;
    }

.table-editable tr:hover td div.action {
    opacity: 0.25;
}

    .table-editable tr:hover td div.action:hover, .table-editable tr:hover td div.action-visible:hover {
        opacity: 1;
    }

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
    font-size: 11px;
    position: absolute;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

.resource-other-hours {
    position: absolute;
    bottom: -5px;
    right: 3px;
    font-size: 10px;
    color: #ccc;
}

.margin-left10 {
    margin-left: 10px;
}

.margin-left5 {
    margin-left: 5px;
}

.margin-right5 {
    margin-right: 5px;
}

.margin-left15 {
    margin-left: 15px;
}

.undecorated-link {
    text-decoration: none !important;
    color: #333 !important;
}

.estimation-table th, .estimation-table tr {
    white-space: nowrap;
}

td.cleared {
    padding: 0;
    vertical-align: middle !important;
}

    td.cleared input, td.cleared input:focus, td.cleared textarea, td.cleared textarea:focus {
        outline: none;
        border: 0;
        height: 100%;
        width: 100%;
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
        border-radius: 0;
        background-color: transparent;
        padding: 4px;
        display: inline-block;
        margin: 0;
        box-sizing: border-box;
        min-height: 22px;
    }

.estimation-dropzone-form {
    padding-bottom: 0;
    border: none;
}

.estimation-dropzone-linkwrapper {
    margin-right: 15px;
    position: relative;
    display: inline-block;
}

    .estimation-dropzone-linkwrapper a {
        cursor: pointer !important;
    }

.estimation-dropzone-removebutton {
    cursor: pointer !important;
    position: absolute;
    top: 0;
    top: -5px;
    right: -9px;
    font-weight: 700;
    font-size: 15px;
}

.table-estimation textarea {
    overflow: hidden;
}

.table-estimation thead tr {
    white-space: nowrap;
    cursor: default !important;
}

.table-estimation tfoot tr {
    cursor: default !important;
}


.table-estimation tbody td {
    text-align: justify;
    vertical-align: middle !important;
}

.table-estimation thead tr th.table-estimation-name {
    width: 500px;
    border-right: 0;
    vertical-align: top;
}

.table-estimation tbody tr td.estimation-table-name {
    border-right: 0;
}

.table-estimation thead tr th.table-estimation-platform {
    width: 50px;
}

.table-estimation .action {
    display: table;
    top: 0;
    bottom: 0;
    margin-bottom: auto;
    margin-top: auto;
}

.estimation-table-name-0, .estimation-table-name-0 input {
    font-size: 16.5px;
}

.estimation-table-name-1, .estimation-table-name-1 input {
    font-size: 15.0px;
    padding-left: 25px !important;
}

.estimation-table-name-2, .estimation-table-name-2 input {
    font-size: 14px;
    padding-left: 50px !important;
}

.estimation-table-name-3, .estimation-table-name-3 input {
    font-size: 12.5px;
    padding-left: 75px !important;
}

.estimation-table-name-4, .estimation-table-name-4 input {
    font-size: 11.5px;
    padding-left: 90px !important;
}

.estimation-table-name-5, .estimation-table-name-5 input {
    font-size: 11.5px;
    padding-left: 115px !important;
}

.estimation-table-name-6, .estimation-table-name-6 input {
    font-size: 11.5px;
    padding-left: 140px !important;
}

.estimation-table-name-7, .estimation-table-name-7 input {
    font-size: 11.5px;
    padding-left: 165px !important;
}

.estimation-table-name-8, .estimation-table-name-8 input {
    font-size: 11.5px;
    padding-left: 190px !important;
}

.estimation-table-comment, .estimation-table-task-name {
    -moz-resize: none;
    -ms-resize: none;
    -o-resize: none;
    resize: none;
    text-align: justify;
    margin: 0 !important;
}

.estimation-table-split {
    border-left: 0 !important;
    width: 15px;
}

.hotkeys-container {
    margin: 5px;
    text-align: left;
}

    .hotkeys-container p {
        margin-bottom: 0;
    }

.form-upload-file, .form-inline {
    display: inline;
}

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        width: 100%;
        height: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.report-type-select, .panel-head-select {
    width: 150px;
    margin-left: 30px;
    display: inline;
}

.personal-town-select, .personal-type-select, .personal-group-select, .post-select, .personal-moving-type-select, .juridical-select {
    width: 100%;
}

.loaded-panel {
    visibility: hidden;
}

.personal-avatar {
    text-align: left;
}

    .personal-avatar .thumbnail {
        margin-bottom: 10px;
        display: table;
    }

.table-personals tbody td {
    vertical-align: middle !important;
    font-size: 13px;
}

.project-label {
    width: 215px;
    float: left;
    font-weight: bold;
}

.project-content {
    padding-left: 215px;
}

.icon-edit {
    position: absolute;
    top: 2px;
    right: 0px;
}

.header-icon {
    margin-top: 4px;
}

.rag-block {
    width: 20px;
    height: 18px;
}

    .rag-block.Green {
        background-color: green;
    }

    .rag-block.Red {
        background-color: red;
    }

    .rag-block.Amber {
        background-color: gold;
    }

.rag-stage-block {
    width: 15px;
    height: 15px;
    display: inline-block;
}

.media,
.media-body {
    overflow: hidden;
    *overflow: visible;
    zoom: 1;
    padding-left: 10px;
}

    .media,
    .media .media {
        margin-top: 15px;
    }

        .media:first-child {
            margin-top: 0;
        }

.media-object {
    display: block;
}

.media-heading {
    margin: 0 0 5px;
}


.media > .pull-left {
    margin-right: 10px;
}

.media > .pull-right {
    margin-left: 10px;
}


.media-list {
    margin-left: 0;
    list-style: none;
}

.reply-link, .reply-mainlink,
.reply-link:visited, .reply-mainlink:visited,
.reply-link:hover, .reply-mainlink:hover {
    color: #0088cc;
    cursor: pointer;
    text-decoration: none;
}

.commentForm {
    display: none;
    margin-top: 10px;
}

.comment-btn {
    margin-top: 5px;
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.margin-10 {
    margin: 10px;
}

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

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

.margin-top15 {
    margin-top: 15px;
}

.margin-top20 {
    margin-top: 20px;
}

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

.margin-bottom10 {
    margin-bottom: 10px;
}

.month {
    margin-bottom: 40px;
    margin-right: 40px;
    float: left;
}

.js-calendar-item, .js-workday, .js-holyday, .js-notinmonth, .js-weekend, .js-short-workday, .js-nonworking {
    margin: 2px;
    float: left;
    width: 20px;
    height: 20px;
    text-align: center;
    font-weight: bold;
}

.workday-legend {
    float: left;
    width: 15px;
    height: 15px;
    border: 1px solid black;
    margin-right: 5px;
    margin-top: 2px;
}

.js-holyday {
    color: white;
    background: red !important;
}

.js-short-workday {
    color: white;
    background: green !important;
}

.js-weekend {
    color: white;
    background: darkorange !important;
}

.js-nonworking {
    color: white;
    background: darkorange !important;
}

.js-notinmonth {
    color: #ddd !important;
}

.js-changed {
    border: 1px solid black;
}

.DTFC_ScrollWrapper {
    height: auto !important;
}

.panel-body-loaded {
    visibility: hidden;
}

.search-avatar {
    height: 80px;
    margin-left: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}

.personal-fired-link, .personal-fired-link:hover {
    color: red;
}

.personal-avatar-list-mobile {
    flex: 0 0 70px;
}

.personal-avatar-list-mobile, .personal-elements {
    display: block;
    vertical-align: top;
}

    .personal-avatar-list-mobile img {
        width: 60px;
        height: 60px;
        -ms-border-radius: 30px;
        border-radius: 30px;
    }

.personal-avatar-list, .personal-avatar-list-small, personal-avatar-search {
    display: inline;
}

    .personal-avatar-list img {
        width: 40px;
        height: 40px;
        -ms-border-radius: 20px;
        border-radius: 20px;
    }

    .personal-avatar-list-small img {
        width: 30px;
        height: 30px;
        -ms-border-radius: 20px;
        border-radius: 20px;
    }

.personal-avatar-list-medium img {
    width: 50px;
    height: 50px;
    -ms-border-radius: 25px;
    border-radius: 25px;
}

.personal-avatar-search img {
    width: 80px;
    height: 80px;
    -ms-border-radius: 40px;
    border-radius: 40px;
}

.personal-avatar-label {
    margin-top: 10px;
    display: inline-block;
}

.search-info div b {
    width: 120px;
    display: inline-block;
}

.table-fixed-column, .table-fixed-column-header, .table-fixed-header {
    position: absolute;
    display: block;
    width: auto;
    overflow-y: hidden;
    background: white;
    border-collapse: collapse;
    margin: 0 !important;
    border-collapse: separate;
    z-index: 1;
    table-layout: auto;
}

.table-fixed tr th {
    background: white;
    white-space: nowrap;
}

.table-fixed-main {
    z-index: 0;
    table-layout: auto;
}

    .table-fixed-main tr td {
        white-space: nowrap;
    }

.table-fixed-header {
    display: inline-table;
}

.table-fixed-column {
    border-top: none;
}

.table-fixed-column-header th {
    border: none;
}

.table-horizontal-scroll {
    overflow: auto;
}

    .table-horizontal-scroll div {
        height: 1px;
    }

/*.table-responsive {*/
/*    height: 0;*/
/*    overflow-x: hidden;*/
/*    overflow-y: scroll;*/
/*}*/

/*.table-responsive-wrapper {*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

.btn-inverse {
    color: white;
    background: #333;
}

    .btn-inverse:hover {
        background: black;
    }

.colorBlue {
    color: #0088cc !important;
}

.colorTransparent {
    color: transparent;
}

.colorRed {
    color: #9d261d !important;
}

.colorAmber {
    color: #f0ad4e !important;
}

.colorGreen {
    color: #5cb85c !important;
}

.colorPurple {
    color: #4B0082 !important;
}

.buying-table {
    table-layout: fixed;
}

    .buying-table td, .buying-table th {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.team-resource-personal {
    cursor: pointer;
}


.team-resource-lightgreen-cell {
    background-color: #c6efcd;
    cursor: pointer;
}

    .team-resource-lightgreen-cell a {
        color: #117c27;
    }

.team-resource-lightred-cell {
    background-color: #ffc7ce;
    cursor: pointer;
}

    .team-resource-lightred-cell a {
        color: #821422;
    }

.team-resource-cell {
    height: 30px;
    min-width: 50px;
}

.teamresource-table-headercell-date {
    text-align: center;
    border-right: hidden;
    font-size: 11px;
}

.scheme-tree .list-group-item {
    border-radius: 0;
    border-bottom: thin;
}

.scheme-tree .list-group-item-last {
    border-radius: 0;
    border: 1px solid #ccc;
}


.scheme-tree .list-group-item-department p {
    color: #777;
    font-size: 11px;
    margin-bottom: 0;
    margin-left: 5px;
}

.scheme-tree .list-group-item-department span {
    font-size: 17px;
}

.scheme-tree .list-group-item-personal img {
    width: 36px;
    height: 36px;
    -ms-border-radius: 16px;
    border-radius: 16px;
    float: left;
    margin-right: 5px;
}

.scheme-tree .list-group-item-personal p {
    color: #777;
    font-size: 11px;
    margin-bottom: 0;
}

.scheme-body {
    overflow: auto;
}

.tree-node-icon {
    float: left;
    margin-top: 5px;
    margin-left: -16px;
    margin-right: 5px;
    cursor: pointer;
    font-size: 11px;
}

.tree-node-info-div {
    margin-left: 5px;
}

.scheme-tree div.menu {
    position: absolute;
    top: 20px;
    right: 20px;
    opacity: 0;
}

.scheme-tree .list-group-item:hover div.menu {
    opacity: 0.25;
}

.scheme-tree .list-group-item div.menu:hover {
    opacity: 1;
}


.news-posts-list {
    list-style: none;
    font-size: 100%;
    line-height: normal;
    margin: 0;
    padding: 0;
}

    .news-posts-list li {
        padding: 20px;
        margin: 10px 0;
        background: white;
        border: 1px solid #F1F1F1;
    }

.news-post {
    display: flex;
}

.news-post-photo {
    flex: 0 0 70px;
}

    .news-post-photo img {
        border-radius: 50%;
        width: 60px;
        height: 60px;
    }

.news-post-date {
    flex: 0 0 100px;
    text-align: right;
    padding-top: 15px;
    color: #1C273A;
}

.news-post-content {
    flex: 1;
}

    .news-post-content h3 {
        font-size: 15px;
        font-weight: bold;
        margin: 5px 0 0;
    }

.news-post-body {
    margin-top: 10px;
}

.news-paging {
    text-align: center;
    margin-bottom: 10px;
}

    .news-paging .news-paging-container {
        display: inline-block;
    }

.news-birthday-container, .news-vacation-container {
    text-align: center;
    padding-top: 5px;
}

.news-birthday-container-item, .news-vacation-container-item {
    display: inline;
    margin-left: 5px;
}

    .news-birthday-container-item img, .news-vacation-container-item img {
        width: 40px;
        height: 40px;
        -ms-border-radius: 50%;
        border-radius: 50%;
    }

.news-post-write {
    text-align: right;
}


.form-group-edit-transaction select {
    clear: both;
}

.nav > li > a:focus {
    background-color: transparent;
}

.productivity-popup {
    width: 250px;
}

.productivity-popup-task {
    width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
}

.productivity-popup-time {
    float: none;
    text-align: right;
}

.feedback-icon {
    color: #676767;
    margin-top: 10px;
}

.table-feedback td {
    vertical-align: middle !important;
}

    .table-feedback th.author,
    .table-feedback td.author {
        width: 220px;
    }

    .table-feedback th.datetime,
    .table-feedback td.datetime {
        width: 90px;
    }

    .table-feedback th.status,
    .table-feedback td.status {
        width: 90px;
    }

    .table-feedback th.action,
    .table-feedback td.action {
        width: 30px;
    }

        .table-feedback td.action div.action {
            position: static;
        }

.feedback-delete-file-btn {
    opacity: 0.5;
}

    .feedback-delete-file-btn:hover {
        opacity: 1;
    }

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}


.timeline-navigation-new {
    display: none;
}

.info-icon-stage {
    position: absolute;
    right: 0;
    cursor: pointer;
}

.table-test-estimation-view thead tr th {
    vertical-align: top;
}

.table-test-estimation-view .table-test-estimation-view-task {
    width: 150px;
    white-space: normal;
}


.excel-personals-form, .excel-project-form, .excel-export-form {
    display: none;
}

.panel-message {
    margin-bottom: 0;
}

.panel-heading-with-button {
    text-align: right;
}

    .panel-heading-with-button h3 {
        float: left;
        margin-top: 8px;
    }

.form-control-textarea {
    max-width: 100%;
    min-width: 100%;
}

.resource-corner-triangle {
    right: 0;
    width: 0;
    height: 0;
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px 0;
    border-color: transparent #007bff transparent transparent;
    top: 0;
}

.input-edit-resource-cell {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    outline: none;
    text-align: center;
}

.input-edit-free-hours {
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    outline: none;
    text-align: right;
    font-size: 9px;
    color: #0011FF;
    position: absolute;
    top: 3px;
    right: 3px;
    font-weight: 900;
}

.plan-hours-cell {
    cursor: pointer;
    position: relative;
    text-align: center;
}

.resource-plan-common-cell {
    border-right: 1px solid #d1d1d1;
    text-align: center;
    position: relative;
}

    .resource-plan-common-cell p.load-value, .plan-hours-cell p.load-value {
        margin: 0;
        position: absolute;
        font-size: 9px;
        right: 3px;
        bottom: 3px;
    }

    .resource-plan-common-cell .free-hours p, .plan-hours-cell .free-hours p {
        margin: 0;
        position: absolute;
        font-size: 9px;
        color: #0011FF;
        right: 3px;
        top: 3px;
        font-weight: 900;
    }

    .resource-plan-common-cell .free-hours {
        height: 20px;
    }

.resource-plan-info-div {
    background: yellow;
    position: relative;
}

.resource-plan-cell-updatedate {
    float: right;
    font-size: 9px;
    margin-top: 5px;
    margin-right: 5px;
}

.resource-plan-history-switcher {
    float: left;
    font-size: 17px;
    text-align: left;
    cursor: pointer;
    margin-left: 5px;
}

.resource-plan-history-switcher-button, .resource-plan-history-switcher-button:link, .resource-plan-history-switcher-button:hover, .resource-plan-history-switcher-button:visited, .resource-plan-history-switcher-button:active {
    color: black !important;
    text-decoration: none;
}

.resource-plan-history {
    position: relative;
    float: left;
    margin-top: 10px;
    margin-left: 5px;
    margin-bottom: 5px;
    display: none;
    font-size: 9px;
}

#resourcePersonalPlanView, #resourcePlanView, #resourceFactView, #resourceNormView {
    font-size: 12px;
}

.datepicker .cw {
    color: red;
}

.personal-productivity-info {
    background: white;
    border-style: solid;
    border-width: thin;
    display: none;
    position: absolute;
    margin-left: 20px;
    margin-top: 20px;
    padding: 20px;
    z-index: 100;
    width: 1000px;
}

.post-div {
    font-size: 9px !important;
}

.scrollable-area {
    height: 50em;
    overflow: auto;
}

.vacation-declined {
    text-decoration: line-through !important;
}

.hours-report-table th {
    min-width: 100px;
    width: 100px;
    text-align: center;
}

.no-underline:visited, .no-underline:visited, .no-underline:hover, .no-underline:hover {
    text-decoration: none;
}

.select-fired, .select-empty-rows {
    margin-top: 0 !important;
    vertical-align: -webkit-baseline-middle;
}

.vert-middle {
    vertical-align: -webkit-baseline-middle;
}

.panel-transaction-report, .consolidateddata {
    overflow: auto;
}

.search-info .dl-horizontal {
    margin-bottom: 0;
}

.estimation-all {
    overflow: auto;
}

.overflowed-cell {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.week-cell-caption {
    font-size: 10px;
    width: 400px;
}

.risk-table th, .risk-table td {
    font-size: 11px;
}

.container-div {
    position: relative;
    height: 400px;
}

.overflow-div {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 64px;
    min-height: 64px;
    background-color: white;
    overflow: hidden;
}

.content-div {
    top: 0;
    overflow: scroll;
    height: 380px;
    margin-top: 20px;
}

.personal-age span {
    margin-right: 10px;
}

.personal-age label {
    margin-bottom: 0
}

    .personal-age label input {
        margin-top: 0;
        margin-right: 1px;
        vertical-align: middle;
    }

dt.personal-index-string {
    white-space: normal;
}

.personal-project-avatar-list img {
    width: 50px;
    height: 50px;
    -ms-border-radius: 25px;
    border-radius: 25px;
    background-color: white;
}

.hided {
    display: none;
}

.team-personal-block {
    float: left;
}

.actual-cost-table th {
    min-width: 120px;
    font-weight: normal;
}

.ac-detalization {
    font-size: 11px;
}

.current-rate {
    font-weight: bold;
}

.personal-avatar-link:hover, .personal-avatar-link:link, .personal-avatar-link:active, .personal-avatar-link:visited {
    text-decoration: none;
}

.form-group-checkbox label {
    vertical-align: top;
}

.nav > li.menu-preloader {
    padding-top: 15px;
    padding-bottom: 15px;
    display: none;
}

.fill-personal-button {
    font-size: 17px;
}

.hours-report-table th {
    font-size: 13px;
}

.payraise-table {
    margin: 0 auto;
    width: 100%;
    clear: both;
    border-collapse: collapse;
    table-layout: fixed;
    word-wrap: break-word;
}

.radio-label {
    float: left;
    width: 20px;
}

.div-cleared {
    clear: both;
}

.personal-list-info {
    background: white;
    border-style: solid;
    border-width: thin;
    display: none;
    position: absolute;
    margin-left: 20px;
    margin-top: 20px;
    padding: 20px;
    z-index: 100;
}

.comment-td {
    width: 200px;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-overdue-worklog .comment {
    width: 300px;
}

.table-overdue-worklog .hours {
    width: 90px;
}

.table-overdue-worklog .task {
    width: 280px;
}


dl.wide-dl {
}

    dl.wide-dl dt {
        width: 200px;
        white-space: normal;
    }

    dl.wide-dl dd {
        margin-left: 220px;
    }

.a-person {
    white-space: nowrap;
    background-color: #fff;
}

.a-person-mobile {
    display: flex;
    padding-left: 0 !important;
}

.personal-avatar-list-phone {
    white-space: nowrap;
}

.personal-avatar-list-name {
    display: inline;
}

.personal-avatar-list-more {
    display: none;
}

.mobileColumn {
    display: none;
}

.red-hint {
    font-size: 12px;
    color: red;
}

.center-div {
    text-align: center;
}

@media (max-width: 1460px) {
    .cat-kitchen__quote {
        display: none !important;
    }
}

@media (max-width: 1000px) {
    .navbar-right ~ form.navbar-right {
        padding-right: 0;
        clear: both;
        margin-top: 0;
    }
}

@media (max-width: 900px) {
    .personal-details .dl-horizontal.col-sm-5 {
        width: 83.33333%;
    }

        .personal-details .dl-horizontal.col-sm-5 + .dl-horizontal.col-sm-5 {
            width: 83.33333%;
            margin-left: 16.66667%;
        }
}

@media (min-width: 768px) {
    .navbar-right ~ .navbar-right {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (max-width: 767px) {
    .navbar-right ~ form.navbar-right {
        padding-right: 15px;
    }

    .table-personals tbody td {
        font-size: 12px;
    }

    .a-person {
        white-space: normal;
        min-width: 160px;
    }

    .personal-avatar-list-photo {
        float: left;
        margin-right: 7px;
    }

    .personal-avatar-list-name {
        padding-top: 3px;
        display: block;
    }

    .personal-avatar-list-more {
        white-space: normal;
        padding-left: 47px;
        font-weight: normal;
        color: #000;
        display: block;
    }

    .dataTables_scrollBody .table-personals td:nth-child(2),
    .dataTables_scrollBody .table-personals td:nth-child(3),
    .dataTables_scrollBody .table-personals td:nth-child(4),
    .dataTables_scrollBody .table-personals td:nth-child(6),
    .dataTables_scrollBody .table-personals td:nth-child(n+7),
    .dataTables_scrollBody .table-personals th:nth-child(2),
    .dataTables_scrollBody .table-personals th:nth-child(3),
    .dataTables_scrollBody .table-personals th:nth-child(4),
    .dataTables_scrollBody .table-personals th:nth-child(6),
    .dataTables_scrollBody .table-personals th:nth-child(n+7),
    .dataTables_scrollHead .table-personals th:nth-child(2),
    .dataTables_scrollHead .table-personals th:nth-child(3),
    .dataTables_scrollHead .table-personals th:nth-child(4),
    .dataTables_scrollHead .table-personals th:nth-child(6),
    .dataTables_scrollHead .table-personals th:nth-child(n+7) {
        display: none;
    }

    .tab-pane.vacations .table {
        font-size: 13px;
    }

    .tab-pane.vacations .table-vacations-header td:nth-child(3),
    .tab-pane.vacations .table-vacations-header td:nth-child(4),
    .tab-pane.vacations .table-vacations-header td:nth-child(5),
    .tab-pane.vacations .table-vacations-header th:nth-child(3),
    .tab-pane.vacations .table-vacations-header th:nth-child(4),
    .tab-pane.vacations .table-vacations-header th:nth-child(5) {
        display: none;
    }

    .tab-pane.vacations .table-vacations-info td:nth-child(4),
    .tab-pane.vacations .table-vacations-info td:nth-child(5),
    .tab-pane.vacations .table-vacations-info th:nth-child(4),
    .tab-pane.vacations .table-vacations-info th:nth-child(5) {
        display: none;
    }

    .mobileColumn {
        display: inline;
    }

    .personal-details .dl-horizontal.col-sm-5 {
        width: 100%;
        margin-bottom: 10px;
        font-size: 13px;
    }

        .personal-details .dl-horizontal.col-sm-5 + .dl-horizontal.col-sm-5 {
            width: 100%;
            margin-left: 0;
        }

    .personal-details dt, .personal-details dt.personal-index-string {
        width: 47%;
        float: left;
        clear: both;
        margin-right: 3%;
    }

    .personal-details dd {
        width: 47%;
        float: left;
    }

    .personal-details .info-tabs {
        padding: 0;
    }

        .personal-details .info-tabs .nav-tabs {
            border-bottom: none;
        }

            .personal-details .info-tabs .nav-tabs > li > a {
                line-height: 1;
            }

        .personal-details .info-tabs .tab-content {
            padding: 0 15px;
        }
}

@media (max-width: 600px) {
    body > .container {
        min-width: 220px;
    }

    .news-birthday-container, .news-vacation-container {
        margin-right: -100px;
    }

    .news-birthday-container-item, .news-vacation-container-item {
        display: block;
        text-align: left;
        padding-bottom: 5px;
    }

        .news-birthday-container-item:last-child, .news-vacation-container-item:last-child {
            padding-bottom: 0;
        }

    .news-paging .btn.btn-default {
        padding-left: 8px;
        padding-right: 8px;
    }
}

fieldset.default-style {
    border: 0 groove #f1f1f1 !important;
    border-radius: 8px;
    padding: 0 8px 0 8px !important;
    margin: 4px 16px 8px 16px !important;
    background: #f1f1f1;
}

legend.default-style {
    width: inherit;
    padding: 0 5px;
    font-size: 13pt;
    font-weight: bolder;
    border-bottom: none;
}

.tooltip-inner {
    max-width: 100% !important;
    white-space: pre-wrap;
}

.dropdown-left-manual {
    right: 0;
    left: auto;
    padding-left: 1px;
    padding-right: 1px;
}

.vacation-comment {
    width: 700px;
    word-wrap: break-word;
}

.table-hover-higlight tr:hover td {
    background-color: lightgray;
}

.table-middle-align td {
    vertical-align: middle !important;
}

dl.person-index-description dt {
    width: 300px;
    margin-right: 15px;
}

h1, .h1 {
    font-size: 35px;
}

h2, .h2 {
    font-size: 29px;
}

h3, .h3 {
    font-size: 23px;
}

h4, .h4 {
    font-size: 17px;
}

h5, .h5 {
    font-size: 13px;
}

h6, .h6 {
    font-size: 11px;
}

.dropdown-menu,
.btn,
.form-control {
    font-size: 13px;
}

.panel-title {
    font-size: 15px;
}

.table-headercell-date {
    font-size: 9px;
}

.quarter-rate-edit, .edit-overhead-value {
  border: none;
  background: aliceblue;
}

.quarter-overhead-edit {
    border: none;
}

.table-rates th, .table-rates td, .table-overheads th, .table-overheads td {
  padding: 5px;
}