:root {
    --text-color: #444; /* для TextEditor PF13*/
}

.directory_upload .ui-fileupload-content {
    display: none;
}
.ui-fileupload.directory_upload {
    display: inline-block;
    vertical-align: bottom;
}

.modal-max-height {
    max-height: calc(100vh - 10px) !important;
}

.modal-scroll-height {
    height: calc(100vh - 160px) !important;
}

th.ui-datepicker-week-end {
    color: red !important;
}

th.tbl-filter-btn {
    vertical-align: bottom;
    padding: 10px 0!important;
}

.weekend a {
    background: #e7786b !important;
}

.holidays a {
    background: #b7053d !important;
}

.short-days a {
    background: #ebc668 !important;
}

.ui-datatable.dashboard_side_table tfoot td {
    padding: 16px;
}

.ui-datatable.dashboard_side_table .ui-datatable-data tr td {
    padding: 8px;
    border-bottom: 1px solid #f0f3f8;
}

.ui-datatable.dashboard_side_table thead {
    display: none;
}

.ui-datatable.even_off .ui-datatable-data tr.ui-datatable-even {
    background-color: inherit;
}

.ui-datatable.table_with_border thead th {
    border: 1px solid #f0f3f8;
}

.ui-datatable.table_with_border .ui-datatable-data tr td {
    border: 1px solid #f0f3f8;
}

hr {
    border: 1px solid #f0f3f8;
}

.ui-tree.folder-tree {
    padding: 0;
    /*height: calc(100vh - 150px);*/
}

table.setting-table {
    border-collapse: separate;
    border-spacing: 0;
    margin: 1px;
    padding: 5px;
}

td.setting-table {
    border-radius: 2px;
    background-color: white;
    border: 1px solid #9f9f9f;
    padding: 0;
    height: calc(100vh - 150px);
}

.aura_widget_panel {
    padding: 4px 8px!important;
    margin: 4px;
    box-sizing: border-box;
}

.ui-panel.aura_widget_panel .ui-panel-content {
    padding: 4px 8px!important;
    background-color: transparent;
}

.aura_widget_panel.ui-widget .fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.aura_dashboard_panel {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
.ui-panel.aura_dashboard_panel .ui-panel-titlebar {
    border-radius: 0;
    border: 0!important;
}
.ui-panel.aura_dashboard_panel .ui-panel-content {
    padding: 8px 16px!important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
    box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
}

@media screen and (max-width: 1300px) and (min-width: 1000px) {
    .updater-column {
        display: none;
    }
}

@media screen and (max-width: 1000px) {
    .creator-column {
        display: none;
    }

    .updater-column {
        display: none;
    }
}

.creator-column {
    width: 200px;
    max-width: 200px;
}

.updater-column {
    width: 200px;
    max-width: 200px;
}

.main-column {
    width: auto;
}

.column_align_right {
    text-align: right;
}

.column_100 {
    width: 100%;
}

.column_100_100 {
    width: 100%;
    height: calc(100vh - 4px);
    text-align: center;
}

.avatar_column {
    width: 32px;
    padding: 0 16px 0 0!important;
}

.icon_column {
    width: 16px;
    padding: 0 16px 0 0!important;
}

.no-padding-column {
    padding: 0!important;
}

.user_grid_column {
    width: 300px;
    display:inline-grid;
}

.def_grid_col {
    width: 300px;
    display:inline-grid;
}

.grid_col_200 {
    width: 200px;
    display:inline-grid;
}

.grid_col_236 {
    width: 236px;
    display:inline-grid;
}

.grid_col_500 {
    width: 500px;
    display:inline-grid;
}

.grid_col_400 {
    width: 400px;
    display:inline-grid;
}

.grid_col_406 {
    width: 406px;
    display:inline-grid;
}

.grid_col_600 {
    width: 600px;
    display:inline-grid;
}

.grid_col_610 {
    width: 610px;
    display:inline-grid;
}

.grid_col_620 {
    width: 620px;
    display:inline-grid;
}

.grid_col_980 {
    width: 980px;
    display:inline-grid;
}

.inline_column {
    display: inline-grid;
}

.inline_valign_top {
    display: inline-grid;
    vertical-align: top;
}

.check-column {
    width: 16px;
    text-align: center;
}

.aura-border {
    border: 2px solid #f0f3f8;
}

.valign-top {
    vertical-align: top;
}

.valign-bottom {
    vertical-align: bottom;
}

.label-column {
    vertical-align: top;
    min-width: 150px;
}

.valign-middle {
    vertical-align: middle;
}

.tree-table-no-header thead {
    display: none;
}

.ui-datatable.borderless thead th {
    border-style: none none solid;
    border-width: thin;
}
.ui-datatable.borderless tfoot td {
    border-style: solid none none;
    border-width: thin;
}
.ui-datatable.borderless tbody,
.ui-datatable.borderless tbody tr,
.ui-datatable.borderless tbody td {
    border-style: none;
}

.ui-datatable-resizable thead th, .ui-datatable-resizable tbody td, .ui-datatable-resizable tfoot td {
    white-space: normal;
}

.login-body {
    /*background-image: url("");*/
    /*background-position: center center;*/
    /*background-size: cover;*/
}

.login-body .enterTheSystem__ {
    width: 320px!important;
    text-align: center!important;
    position: fixed!important;
    top: 50%!important;
    left: 50%!important;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
    background: rgba(255, 255, 255, 0.8)!important;
    border-radius: 15px!important;
    -webkit-box-sizing: border-box!important;
    box-sizing: border-box!important;
    padding: 50px 35px 20px!important;
    border-bottom: none!important;
}

.login-body .enterTheSystemInfo__ {
    min-width: 320px!important;
    max-width: 960px!important;
    text-align: center!important;
    position: fixed!important;
    text-overflow: clip;
    overflow: hidden;
    top: 80%!important;
    left: 50%!important;
    max-height: 82px !important;
    line-height: 26px;
    min-height: 50px !important;
    transform: translate(-50%, -50%)!important;
    background: rgba(255, 255, 255, 0.8)!important;
    border-radius: 15px!important;
    box-sizing: border-box!important;
    padding: 18px 14px !important;
    border-bottom: none!important;
}

.login-body .enterTheSystem__:before {
    content: ""!important;
    width: 67px!important;
    height: 66px!important;
    background-repeat: no-repeat!important;
    position: absolute!important;
    top: -33px!important;
    left: 50%!important;
    margin-left: -33px!important;
}

.login-body .enterTheSystem__title h1 {
    font-size: 1.125rem!important;
    color: #3b3b3b!important;
    line-height: 1!important;
    margin-bottom: 15px!important;
}

.enterTheSystem__input {
    position: relative;
    margin-bottom: 20px;
    padding: 0;
}

.enterTheSystem__input:before {
    content: "";
    width: 18px;
    height: 20px;
    position: absolute;
    top: 12px;
    left: 13px;
}

.enterTheSystem__input input {
    width: 100%;
    height: 45px;
    background: #fff;
    border: none;
    border-radius: 5px;
    padding: 0 10px 0 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.login-body .button-container {
    padding: 0;
}

.login-body .login-panel .enterTheSystem__button {
    width: 100%;
    height: 45px;
    font-size: 1.4rem;
    color: #fff;
    line-height: 1;
    background: #45a4be;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background ease 0.5s;
    -o-transition: background ease 0.5s;
    transition: background ease 0.5s;
    margin-bottom: 10px;
    margin-right: 0;
}

.login-body .login-panel .esia-auth {
    width: 100%;
    height: 45px;
    font-size: 1.4rem;
    color: #fff;
    line-height: 1;
    background: #3797c7;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background ease 0.5s;
    -o-transition: background ease 0.5s;
    transition: background ease 0.5s;
    margin-bottom: 10px;
    margin-right: 0;
}

.login-body .login-panel .enterTheSystem__button:hover {
    background: #4eafca;
}

.login-body .login-panel .enterTheSystem__button:focus {
    outline: 0;
}

/*====================================
    стили для диаграммы Ганта
  ====================================*/

div.timeline-groups-text {
    /*padding: 16px;*/
    /*height: 56px;*/
    display: table;
    white-space: pre-line!important;
    width: 450px;
    min-height: 38px;
}

.timeline-groups-span {
    width: 16px;
    height: 16px;
    float: left;
}

.timeline-groups-text-cell {
    display: table-cell;
    vertical-align: middle;
}

div.timeline-event {
    margin-top: 4px;
    border-radius: 4px !important;
}

div.timeline-event-content {
    margin: 14px;
}

div.created {
    background: #00b4fb none !important;
    border-color: #03426A !important;
}

div.in-progress {
    background: #FFA500 none !important;
    border-color: #cc8100 !important;
}

div.done {
    background: #1AA11A none !important;
    border-color: #136e13 !important;
}

div.cancelled {
    background: #c158f0 none !important;
    border-color: #8a00bd !important;
}

div.expired {
    background: #F03030 none !important;
    border-color: #bd2828 !important;
}

div.timeline-event-selected {
    background: #BECEFE none !important;
    border-color: #97B0F8 !important;
}

/*====================================
    стили для topbar
  ====================================*/

.layout-wrapper .topbar .logo {
    background-image: url("/jakarta.faces.resource/common/images/aura.png.xhtml");
}

/*====================================
    project page
  ====================================*/
.wrapButtons {
    padding: 7px;
    border: 1px solid #cecece;
    border-radius: 5px;
    margin-bottom: 10px;
}

/*====================================
    security page
  ====================================*/
.securityModal {
    position: fixed;
    top: 10px;
    bottom: 10px;
    margin: auto;
}

.ui-panel-content__buttons {
    background-color: #efefef;
    border: 1px solid #cecece;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

.comment-panel {
    border: 0 none;
    background-color: #f7f9fa;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.aura-panel-header .ui-panel-titlebar {
    background-color: #f7f9fa!important;
}

.aura-panel-content .ui-panel-content {
    padding:4px 10px!important;
}

.project-info-fc {
    width: 100px;
}

.layout-header {
    font-size: 24px;
    font-size: 2rem;
    padding: 16px 0 16px 0;
    position: relative;
}

.ui-organigram .ui-organigram-node.organization {
    background: #cc99cc!important;
}

.ui-organigram .ui-organigram-node.department {
    background: #57c8e8!important;
}

.ui-organigram .ui-organigram-node.employee {
    background: #40c5a1!important;
}

.ui-panelgrid.panelgrid-no-padding > tbody > tr > .ui-panelgrid-cell {
    padding: 0!important;
    border: 0 none!important;
}

.gen_border_bottom .ui-widget-content {
    border-bottom: 1px solid #f0f3f8!important;
}

.gen_header .ui-panelgrid-cell {
    text-align: left;
    height: 40px;
    padding: 6px 12px;
    color: #768098;
    font-size: 12px;
    font-weight: bold;
}

.cell-8 .ui-panelgrid-cell {
    padding: 8px!important;
}

.cell-0-16 {
    padding: 0 16px!important;
}

.project-like-view .ui-panelgrid-cell {
    vertical-align: top;
    padding: 8px 56px 8px 8px!important;
}

.chart-grid-cell {
    width: 40%;
    vertical-align: top;
}

.chart-grid-cell2 {
    width: 30%;
    vertical-align: top;
}

.view-doc-grid-cell {
    width: 15%;
}

.cont_table td {
    border: 1px solid #dadada;
    background-color: white;
}

.aura-dialog-footer .ui-dialog-content {
    max-height: 70vh;
    max-height: calc(90vh - 170px);
    max-width: 80vw;
    max-width: calc(90vw - 32px);
}

.aura-dialog-max .ui-dialog-content {
    max-height: 70vh;
    max-height: calc(90vh - 170px);
}

.aura-dialog-no-scroll .ui-dialog-content {
    max-height: 70vh;
    max-height: calc(90vh - 170px);
    max-width: 80vw;
    max-width: calc(90vw - 32px);
    overflow-y: hidden;
    height: 410px!important;
}

.aura-dialog-fullscreen .ui-dialog-titlebar {
    border: 0!important;
    padding: 0!important;
}
.aura-dialog-fullscreen .ui-dialog-content {
    padding: 0!important;
    width: calc(100vw - 6px) !important;
    height: calc(100vh - 0px) !important;
}

.sec-dialog .ui-dialog-content {
    overflow: hidden;
}

.aura-loading .ui-dialog-content {
    padding: 16px!important;
    background-color: #F9FBFE;
}

.aura-selectonemenu-no-white-space .ui-selectonemenu-label {
    white-space: nowrap!important;
}

.ui-selectonemenu.aura-disabled, .aura-disabled .ui-selectonemenu-label,
.ui-selectcheckboxmenu-multiple.aura-disabled, .aura-disabled .ui-selectcheckboxmenu-multiple-container,
.aura-disabled .ui-autocomplete-multiple-container {
    background: #f0f3f8;
}
.aura-disabled .ui-autocomplete-token-icon {
    display: none;
}

.ui-selectcheckboxmenu-group-item {
    font-weight: bold;
    padding: 6px 12px;
}

.light_red {
    color: #ef5421;
}

.light_blue {
    color: #00ccff;
}

.light_steel_blue {
    color: #3797c7;
}

.light_green {
    color: #8bba2c;
}

.light_marine {
    color: #40c5a1;
}

.light_orange {
    color: #ff9933;
}

.light_purple {
    color: #cc66cc;
}

.light_burgundy {
    color: #d53558;
}

.light_yellow {
    color: #fbc02d;
}

.light_silver {
    color: #c0c0c0;
}

.aura_button_red.ui-button, .aura_button_red .ui-button, .aura_button_red.ui-outputlabel {
    background-color: #ef5421!important;
    border: 1px solid #ef5421!important;
}

.aura_button_blue.ui-button, .aura_button_blue .ui-button, .aura_button_blue.ui-outputlabel {
    background-color: #00ccff!important;
    border: 1px solid #00ccff!important;
}

.aura_button_steel_blue.ui-button, .aura_button_steel_blue .ui-button, .aura_button_steel_blue.ui-outputlabel {
    background-color: #3797c7!important;
    border: 1px solid #3797c7!important;
}

.aura_button_green.ui-button, .aura_button_green .ui-button, .aura_button_green.ui-outputlabel {
    background-color: #8bba2c!important;
    border: 1px solid #8bba2c!important;
}

.aura_button_marine.ui-button, .aura_button_marine .ui-button, .aura_button_marine.ui-outputlabel {
    background-color: #40c5a1!important;
    border: 1px solid #40c5a1!important;
}

.aura_button_orange.ui-button, .aura_button_orange .ui-button, .aura_button_orange.ui-outputlabel {
    background-color: #ff9933!important;
    border: 1px solid #ff9933!important;
}

.aura_button_purple.ui-button, .aura_button_purple .ui-button, .aura_button_purple.ui-outputlabel {
    background-color: #cc66cc!important;
    border: 1px solid #cc66cc!important;
}

.aura_button_burgundy.ui-button, .aura_button_burgundy .ui-button, .aura_button_burgundy.ui-outputlabel {
    background-color: #d53558 !important;
    border: 1px solid #d53558!important;
}

.aura_button_yellow.ui-button, .aura_button_yellow .ui-button, .aura_button_yellow.ui-outputlabel {
    background-color: #fbc02d!important;
    border: 1px solid #fbc02d!important;
}

.aura_button_silver.ui-button, .aura_button_silver .ui-button, .aura_button_silver.ui-outputlabel {
    background-color: #c0c0c0!important;
    border: 1px solid #c0c0c0!important;
}

.list_status_tag {
    font-weight: bold;
    padding: 4px;
    border-radius: 4px;
    display: block;
    text-align: center;
}

.status_red {
    background-color: #ef5421;
    color: #FFFFFF;
}

.status_blue {
    background-color: #00ccff;
    color: #FFFFFF;
}

.status_steel_blue {
    background-color: #3797c7;
    color: #FFFFFF;
}

.status_green {
    background-color: #8bba2c;
    color: #FFFFFF;
}

.status_dark_green {
    background-color: #176210;
    color: #FFFFFF;
}

.status_marine {
    background-color: #40c5a1;
    color: #FFFFFF;
}

.status_m_green {
    background-color: #6b8634;
    color: #FFFFFF;
}

.status_orange {
    background-color: #ff9933;
    color: #FFFFFF;
}

.status_purple {
    background-color: #cc66cc;
    color: #FFFFFF;
}

.status_burgundy {
    background-color: #d53558;
    color: #FFFFFF;
}

.status_yellow {
    background-color: #fbc02d;
    color: #FFFFFF;
}

.status_silver {
    background-color: #c0c0c0;
    color: #FFFFFF;
}

.rad_status_yellow {
    background-color: #fbc02d;
    color: #FFFFFF;
}
.rad_status_green {
    background-color: #00CCCC;
    color: #FFFFFF;
}
.rad_status_dark_yellow {
    background-color: #CCCC00;
    color: #FFFFFF;
}

.aura_transparent_button {
    background-color: transparent!important;
    border: 0 none!important;
    color: #768098!important;
    margin: 0!important;
    box-shadow: none!important;
    width: 32px;
}

.aura_button_in_component {
    right: 36px!important;
    color: #768098!important;
    background-color: transparent!important;
    border: 0!important;
    margin: 0!important;
    box-shadow: none!important;
}

.aura_new_menu_button_in_component {
    display: inline;
}
.aura_new_menu_button_in_component .ui-button {
    width: 17px;
    height: 17px;
    float: right;
    color: #768098!important;
    background-color: transparent!important;
    border: 0!important;
    margin: 0!important;
    box-shadow: none!important;
}

.aura_new_button_in_component {
    width: 17px;
    height: 17px;
    float: right;
    color: #768098!important;
    background-color: transparent!important;
    border: 0!important;
    margin: 0 0 0 2px!important;
    box-shadow: none!important;
}

.aura_button_for_input {
    width: 19px;
    height: 19px;
    top: 2px;
    right: 4px;
    color: #768098!important;
    background-color: transparent!important;
    border: 0!important;
    margin: 0!important;
    box-shadow: none!important;
}

.aura_button_padding_0 .ui-button-text {
    padding: 0!important;
}

.aura_input_with_button {
    width: calc(100% - 40px);
    border: 0!important;
    box-shadow: none!important;
}

.aura_label_tag {
    font-size: 12px;
    color: #ffffff!important;
    background-color: #768098;
    border: 0 none!important;
    padding: 4px 8px!important;
    margin-left: 8px;
    -moz-border-radius: 20px!important;
    -webkit-border-radius: 20px!important;
    border-radius: 20px!important;
    vertical-align:super;
    white-space:nowrap;
}

.aura_noborder {
    border: 0 none!important;
}

.aura_menu_btn_panel {
    width: auto;
    max-width: 300px;
    word-break: break-word;
}

.label_black {
    color: #333333!important;
}

.schedule_grid tr, .schedule_grid tr .ui-datalist-content {
    background-color: transparent;
}

.schedule_grid .ui-datalist-header {
    color: #768098;
    font-weight: bold;
    background-color: transparent;
}

.aura_dashboard_panel {
    background-color: transparent!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
.ui-panel.aura_dashboard_panel .ui-panel-titlebar {
    border-radius: 0;
    border: 0!important;
    background-color: transparent!important;
}
.ui-panel.aura_dashboard_panel .ui-panel-content {
    background-color: #ffffff!important;
    padding: 8px 16px!important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
    -moz-box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
    box-shadow: 0 24px 64px -2px rgb(0 0 0 / 2%), 0 6px 16px -2px rgb(0 0 0 / 8%), 0 2px 6px -2px rgb(0 0 0 / 12%);
}

.aura_doc_general_panel {
    background-color: transparent!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    padding: 0!important;
    margin: 0!important;
}
.ui-panel.aura_doc_general_panel .ui-panel-content {
    background-color: transparent;
}

.aura_transparent {
    background-color: transparent!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}

.ui-panelgrid.aura_transparent .ui-widget-content {
    background-color: transparent;
}
.ui-panel.aura_transparent .ui-panel-content {
    background-color: transparent;
}

.ui-autocomplete.aura_multi_field .ui-autocomplete-input-token {
    display: none;
}

.ui-autocomplete.aura_multi_field .ui-autocomplete-multiple-container {
    border: 0;
    box-shadow: none;
    display: flex;
    flex-flow: wrap;
}

.my-tasks-panel-header .ui-panel-titlebar {
    text-align: center;
    font-size: 16px!important;
    font-weight: bold;
    padding: 8px!important;
    background-color: #2c3845!important;
    color: #ffffff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.calendar-task-priority-unknown {
    background-color: #7DCFDF !important;
    border-color: #7DCFDF !important;
    font-size: 14px;
}

.calendar-task-priority-low {
    background-color: #00B30A !important;
    border-color: #00B30A !important;
    font-size: 14px;
}

.calendar-task-priority-normal {
    background-color: #FF9933 !important;
    border-color: #FF9933 !important;
    font-size: 14px;
}

.calendar-task-priority-high {
    background-color: #ef5421 !important;
    border-color: #ef5421 !important;
    font-size: 14px;
}

.calendar-meeting-status-draft {
    background-color: #7DCFDF !important;
    border-color: #7DCFDF !important;
    font-size: 14px;
}

.calendar-meeting-status-planned {
    background-color: #7D3C98 !important;
    border-color: #7D3C98 !important;
    font-size: 14px;
}

.calendar-meeting-status-archived {
    background-color: #A4B3B7 !important;
    border-color: #A4B3B7 !important;
    font-size: 14px;
}

.calendar .ui-tooltip {
    font-size: 12px;
    border-radius: 3px;
    padding: 1px 2px; }

.calendar-event-info-column {
    max-width: 400px;
}

.aura-checkbox .ui-chkbox-label {
    margin: 0 0 0 8px;
}

.column-right {
	text-align: right;
}
.column-left {
	text-align: left;
}

/*  */
body {
	min-width: 1024px;
}

.aura-file-datatable .ui-panel-content.ui-widget-content .ui-panelgrid > tbody > tr {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.aura-file-datatable td.no-padding-column:last-child {
	width: calc(100% - 345px);
	overflow: hidden;
}

.aura-file-datatable td.no-padding-column:last-child .ui-widget-content {
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.aura-file-datatable td.no-padding-column:last-child .ui-outputpanel.ui-widget {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.aura-chat-datascroller .ui-datascroller-content {
    background: #ecf6ff;
}

.aura-chat-datascroller .ui-datascroller-header {
    background: #ffffff;
    border-bottom: 1px solid #c7c7c7;
}

.aura-chat-message .ui-panel-content {
    padding: 4px!important;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}

.aura-chat-users .ui-datalist-header {
    font-size: 16px;
    padding: 15px!important;
    background: #ffffff;
}

.aura-multi-docs-field .ui-datalist-content {
    border: 2px solid #f0f3f8!important;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    min-height: 33px;
}
.aura-multi-docs-field .ui-datalist-data {
    padding: 8px;
    margin: 0;
}

.aura-curt-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aura-state-ok {
    border-bottom-color: #40c5a1!important;
}

.aura-state-error {
    border-bottom-color: #e13131!important;
}

/*scrollbar*/
.layout-main ::-webkit-scrollbar {
    height: 7px;
    width: 7px;
}

.layout-main ::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 5px
}

.layout-main ::-webkit-scrollbar-thumb {
    background: #ababab;
    border-radius: 5px
}
/*scrollbar*/
.aura-icon {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.layout-main-content {
	overflow: visible !important;
    padding-bottom: 8px;
}

.ui-layout-container {
	position: relative;
    height: 100%;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
}


.layout-wrapper-menu-active .ui-layout-container .ui-layout-center {
    max-width: calc(100% - 50px);
}
@media (min-width: 1440px) {
	.layout-wrapper-menu-active .ui-layout-container .ui-layout-center {
    	max-width: calc(100% - 300px);
	}
}

.ui-tree .ui-tree-container {
	white-space: normal;
}
.ui-tree .ui-treenode-label {
	-ms-flex-negative: 2;
	    flex-shrink: 2;
}

/*search-result*/
.search-result-ordered-list {
    padding: 0;
    margin: 0;
    list-style: none;
    counter-reset: li;
}

.search-result-list-item {
	position: relative;
    margin-bottom: 2rem;
    padding: 2rem;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.search-result-list-item::before {
    counter-increment: li;
    content: counter(li) ". ";
    font-weight: 600;
}

.search-result-list-item > * {
	display: inline-block;
    margin-bottom: 1rem;
}

.search-result-title,
.search-item-value, 
.search-result-create-timestamp, 
.search-result-update-timestamp {
    font-weight: 600;
}

.search-result-type, 
.search-item-field, 
.search-result-create-timestamp-label, 
.search-result-update-timestamp-label,
.search-result-query-label {
    margin-right: 1rem;
}

.search-result-page-name {
    font-size: 2rem;
}

.ui-panel .ui-panel-title {
    margin-right: .1em;
}

.column_110 {
    width: 110px;
}

.column_200 {
    width: 200px;
}

.width40pTop {
    width: 40%; vertical-align: top; 
}

.cart-table-footer tfoot td {
    background: #efefef!important;
    height: 18px!important;
}

.pay_width {
    width: 350px;
}

.panelGrid-column-baseline {
    vertical-align: baseline;
}

.production-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    display: none; !important;
}

.production-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    display: none; !important;
}

.technical-support-panel {
    background: #ffcdd2;
    border-width: 0 0 0 6px;: 1 px solid #ef5350;
    border-radius: 10px;
    color: #b71c1c;
}

.technical-support-panel .technical-support-panel-bt-close {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 0;
    color: #b71c1c !important;
    border-radius: 20px;
    background-color: #ffcdd2;
    border: 1px solid #ef5421;
    margin-right: 12px;
}

.technical-support-panel .technical-support-panel-bt-close:hover {
    background: #b71c1c !important;
    border-color: #b71c1c !important;
    color: #ffffff !important;
}

.top-bar-role {
    background-color: transparent;
    color: #FFFFFF;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 20px 0 0 20px;
}