/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 20, 2018, 11:06:36 AM
    Author     : Nikolay
*/

:root {
    --corporate-gradient: linear-gradient(#54AE53, #1C4E7C) !important;
}

body {
    font-family: "Inter", sans-serif;
    margin: 0;
    padding: 0;
}

body .ui-widget {
    font-family: "Inter", sans-serif;
}

.balanceLimit{
    background-color: salmon !important;
}

.noBorders tr, .noBorders td, .noBorders div {
    background: none !important;
    border: none !important;
}

::placeholder {
    color: #495057 !important;
    opacity: 50%;
}

.GlobalTooltip:hover {
    cursor: pointer;
}

.AlignmentInputOutput {
    width: 26% !important;
    min-width: 26% !important;
}

.AlignmentInputOutputSize {
    width: 22% !important;
    min-width: 22% !important;
}

.NotesOutput {
    width: 400px;
}

.OutputLableForNameParameters label{
    font-weight: 500;
}

.valigntoptd td{
    vertical-align: top;
}

.mainFlex{
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    width: 100%;
    justify-content: center;
}

.subFlex{
    width: 100%;
    text-align: center;
    margin: auto 0;
}

.pageTitle{
    font-size: 25px;
}

.ui-icon-eye_custom{
    background-image: url("/faces/jakarta.faces.resource/images/eye.png") !important;
    width: 32px !important;
    height: 32px !important;
    margin-top: -16px !important;
    margin-left: -16px !important;
}

/*.ui-icon-eye_all{
    position: relative;
    background-image: url("/faces/jakarta.faces.resource/images/eye.png") !important;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    margin-top: -16px !important;
    margin-left: -16px !important;
}*/

.minwidth100px{
    min-width: 100px;
}

.span_inn_width_90 input {
    width: 90%;
}

.close_to_exp_lic{
    background-color:orange;
    background-image:none;
}

.expired_lic{
    background-color:lightgrey;
    background-image:none;
    text-decoration: line-through;
}


.reports_gknp_fdt div{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.reports_gknp_fdt input{
    min-width: 225px;
}

.reports_gknp_fdt.ui-panel{
    padding: 0px !important;
}

.cbm_gknp_dc{
    min-width: 235px;
}

.cbm_gknp_dc ul
{
}

.cbm_gknp_dc label
{
}

/*
.milkingMarkStyle{
    background-image: url("") !important;
}*/

.batch_detail_load{
    border: 1px solid black;
    border-collapse: collapse;
}

.batch_detail_load td{
    border: 1px solid black;
    padding: 4px 10px;
    border: 1px solid #a8a8a8;
}

.batch_detail_header{
    padding-bottom: 10px;
}

.excelicon{
    background-image: url("/faces/jakarta.faces.resource/images/Excel-icon.png") !important;
    background-size: 24px;
}

/* Override primefaces style */
.ui-splitbutton .ui-button.ui-splitbutton-menubutton{
    position: absolute;
    top: 0;
    margin-left: -1px;
    right: 0;
    bottom: 0; /* Добавил что бы button-dropdown был по высоте как кнопка */
}

.hide_row {
    display: none;
}

.data-tooltip_custume:hover:after{
    position: absolute;
    display: block;
    padding: 3px 10px;
    background-color: #4c4c4c;
    background-image: none;
    color: #fff;
    margin-left: -5px;
    border-radius: 3px;
    background-image: none;
    z-index: 99999999;
    box-shadow: 0 5px 10px rgba(0,0,0,0.8);
    border-radius: 3px;
    font-family: "Inter", sans-serif;
    font-weight: normal;
    pointer-events: none;
}

.yellow_row{
    background-color: #fffff3;
}
.blue_row{
    background-color: #dae8eb;
}
.purple_row{
    background-color: #dfd8eb;
}

.red_row{
    background-color: #D8BFD8;
}

/* Override primefaces style */
.ui-splitbutton .ui-button.ui-splitbutton-menubutton{
    position: absolute;
    top: 0;
    margin-left: -1px;
    right: 0;
    bottom: 0; /* Добавил что бы button-dropdown был по высоте как кнопка */
}

.ui-toggleswitch .ui-toggleswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #007fff !important;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
    border: solid transparent;
    border-width: 2px;
    border-radius: 30px;
}

.hide_row {
    display: none;
}

.data-tooltip_custume:hover:after{
    position: absolute;
    display: block;
    padding: 3px 10px;
    background-color: #4c4c4c;
    background-image: none;
    color: #fff;
    margin-left: -5px;
    border-radius: 3px;
    background-image: none;
    z-index: 99999999;
    box-shadow: 0 5px 10px rgba(0,0,0,0.8);
    border-radius: 3px;
    font-family: "Inter", sans-serif;
    font-weight: normal;
    pointer-events: none;
}

.sidebar-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar-logo-img {
    width: 40px;
    height: 40px;
}

.sidebar-logo-text {
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    letter-spacing: 0.2px;
    white-space: nowrap;
    transition: background-color 0.2s, box-shadow 0.2s;
}

.logos{
    text-align: center;
    display: block;
    outline: 0 none;
    padding: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    transition: background-color 0.2s, box-shadow 0.2s;
    height: 4rem;
    text-decoration: none;
    color: black;
}

.layout-topbar {
    background: #ffffff;
    height: 60px;
    /*padding: 0 0 0 20px;*/
    border-bottom: 1px solid #dee2e6;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #495057;

}

.layout-topbar .menu-button {
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: #495057;
    overflow: hidden;
    border-radius: 4px;
    background: #f8f9fa;
    transition: background-color 0.2s, box-shadow 0.2s;
    display: block;
    cursor: pointer;
    outline: 0 none;
}

.layout-content-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*min-height: 100vh;*/
    transition: margin-left 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
}

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

.layout-sidebar-darkgray .layout-sidebar {
    background: #006;
    border-right: 0 none;
    background-image: var(--corporate-gradient);
}

.transparent-and-white {
    color:#ffffff !important;
    background-color: transparent !important;
}

.left_navbar .ui-menu{
    background: none !important;
    color: #ffffff !important;
    width: 100% !important;
    white-space: nowrap;

}

.left_navbar .ui-menuitem-text{
    color: #ffffff !important;
}

.left_navbar .ui-menuitem:hover .ui-menuitem-text{
    color: #495057 !important;
}

.left_navbar .ui-widget-header h3{
    color: rgba(255, 255, 255, 0.4) !important;
}

.left_navbar .ui-splitter-gutter-handle{
    width: 100% !important;
}

.left_navbar .ui-panelmenu h3.ui-panelmenu-header{
    background: none !important;
    color: #ffffff !important;
    border: none !important;
}

body .ui-panelmenu .ui-panelmenu-content{
    background: none !important;
    border: none !important;
}

.ui-panelmenu{
    white-space: nowrap;
    overflow: no-display !important;
}

.ui-panelmenu .ui-panelmenu-content {
    overflow: hidden !important;
}

.ui-menuitem-padding {
    padding: 6px 20px;
    margin: 8px;
    border-radius: 8px;
}

.ui-datatable-odd{
    background-color: #EEEEEE !important;
}

.ui-datatable .ui-datatable-data>tr.ui-state-highlight {
    background: var(--gray-500) !important;
}

.ui-datatable .ui-datatable-data>tr.ui-state-hover {
    background: var(--gray-300) !important;
}

.ui-datatable .ui-datatable-data .ui-datatable-selectable.ui-state-highlight.ui-state-hover{
    background: var(--gray-500) !important;
}

.ui-datatable .ui-datatable-data .ui-datatable-selectable.ui-state-hover.ui-state-highlight {
    background: var(--gray-500) !important;
}

.ui-datatable .ui-column-filter{
    display: none !important;
}

.ui-custome-filter-type{
    width: 100%;
}

.ui-wizard-nav-next{
    float: left !important;
}

.ui-rowgroup-header.ui-datatable-headerrow.ui-widget-header span{
    display: none;
}

.inputNumber input{
    width: 100% !important;
}

.confirm_dialog .ui-dialog-buttonpane.ui-dialog-footer.ui-widget-content.ui-helper-clearfix {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: center;
}

.ui-toolbar{
    border: none !important;
    padding: 0px !important;
}

.ui-datatable .ui-datatable-data > tr > td {
    font-size: 1rem !important;
    padding: 0.5rem 1rem !important;
}

.ui-datatable .ui-paginator.ui-paginator-top {
    padding: 5px  5px !important;
}

.ui-datatable-header ui-widget-header ui-corner-top {
    padding: 5px 5px !important;
}

.ui-datatable table th,
.ui-datatable table td {
    border-right: 1px solid #ddd !important;
    white-space: normal;
}

.ui-datatable table th:first-child,
.ui-datatable table td:first-child {
    border-left: 1px solid #ddd !important;
}

/* 
    для выпадающего списка пагинации страниц
*/
.ui-paginator , body .ui-paginator .ui-paginator-rpp-options {
    background: #2196f3;
    color: #fff;
    border: 1px solid #2196f3;
    margin: 0;
    outline: 0 none;
    border-radius: 4px;
    transition: background-color .2s,color .2s,border-color .2s,box-shadow .2s,opacity .2s;
}

/* 
    для списка страниц пагинации
*/
.ui-paginator-current {
    font-weight: 400;
}

.ui-input-icon-left>.ui-inputfield {
    padding-left: 2rem;
    margin-right: 15px;
}

/*
    тени для кнопок
*/
/*body .ui-button {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.12), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
}*/

/* 
    для кнопки выбора даты из календаря
*/
body .ui-calendar .ui-button.ui-button-icon-only {
    width: 2.357rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-right: 15px;
}

.position_fixed{
    position: fixed;
    bottom: 0px;
    width: 100%;
    background-color: white;
}

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

/*body .ui-autocomplete-panel .ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row>td {
     padding:1rem 1rem; 
    padding: 2px !important;
}

body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-selectonemenu-row>td {
    padding: 2px !important;
}*/

/*body .ui-inputfield{
    padding: 5px !important;
}*/

.sidebar_bottom{
    height: 70vh !important;
    overflow: auto;
}

.batchFatalError{
    background-color: salmon !important;
}

.spectical_datatable .ui-datatable-header{
    padding: 0 !important;
    height: 100% !important;
}

.bell{
    display:block;
    width: 10px;
    height: 10px;
    font-size: 10px;
    margin: 50px auto 0;
    color: #fff;
    -webkit-animation: ring 4s .7s ease-in-out;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 4s .7s ease-in-out;
    -moz-transform-origin: 50% 4px;
    animation: ring 4s .7s ease-in-out;
    transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }
    1% {
        -webkit-transform: rotateZ(30deg);
    }
    3% {
        -webkit-transform: rotateZ(-28deg);
    }
    5% {
        -webkit-transform: rotateZ(34deg);
    }
    7% {
        -webkit-transform: rotateZ(-32deg);
    }
    9% {
        -webkit-transform: rotateZ(30deg);
    }
    11% {
        -webkit-transform: rotateZ(-28deg);
    }
    13% {
        -webkit-transform: rotateZ(26deg);
    }
    15% {
        -webkit-transform: rotateZ(-24deg);
    }
    17% {
        -webkit-transform: rotateZ(22deg);
    }
    19% {
        -webkit-transform: rotateZ(-20deg);
    }
    21% {
        -webkit-transform: rotateZ(18deg);
    }
    23% {
        -webkit-transform: rotateZ(-16deg);
    }
    25% {
        -webkit-transform: rotateZ(14deg);
    }
    27% {
        -webkit-transform: rotateZ(-12deg);
    }
    29% {
        -webkit-transform: rotateZ(10deg);
    }
    31% {
        -webkit-transform: rotateZ(-8deg);
    }
    33% {
        -webkit-transform: rotateZ(6deg);
    }
    35% {
        -webkit-transform: rotateZ(-4deg);
    }
    37% {
        -webkit-transform: rotateZ(2deg);
    }
    39% {
        -webkit-transform: rotateZ(-1deg);
    }
    41% {
        -webkit-transform: rotateZ(1deg);
    }

    100% {
        -webkit-transform: rotateZ(0);
    }
    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }
    1% {
        -moz-transform: rotate(30deg);
    }
    3% {
        -moz-transform: rotate(-28deg);
    }
    5% {
        -moz-transform: rotate(34deg);
    }
    7% {
        -moz-transform: rotate(-32deg);
    }
    9% {
        -moz-transform: rotate(30deg);
    }
    11% {
        -moz-transform: rotate(-28deg);
    }
    13% {
        -moz-transform: rotate(26deg);
    }
    15% {
        -moz-transform: rotate(-24deg);
    }
    17% {
        -moz-transform: rotate(22deg);
    }
    19% {
        -moz-transform: rotate(-20deg);
    }
    21% {
        -moz-transform: rotate(18deg);
    }
    23% {
        -moz-transform: rotate(-16deg);
    }
    25% {
        -moz-transform: rotate(14deg);
    }
    27% {
        -moz-transform: rotate(-12deg);
    }
    29% {
        -moz-transform: rotate(10deg);
    }
    31% {
        -moz-transform: rotate(-8deg);
    }
    33% {
        -moz-transform: rotate(6deg);
    }
    35% {
        -moz-transform: rotate(-4deg);
    }
    37% {
        -moz-transform: rotate(2deg);
    }
    39% {
        -moz-transform: rotate(-1deg);
    }
    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }
    1% {
        transform: rotate(30deg);
    }
    3% {
        transform: rotate(-28deg);
    }
    5% {
        transform: rotate(34deg);
    }
    7% {
        transform: rotate(-32deg);
    }
    9% {
        transform: rotate(30deg);
    }
    11% {
        transform: rotate(-28deg);
    }
    13% {
        transform: rotate(26deg);
    }
    15% {
        transform: rotate(-24deg);
    }
    17% {
        transform: rotate(22deg);
    }
    19% {
        transform: rotate(-20deg);
    }
    21% {
        transform: rotate(18deg);
    }
    23% {
        transform: rotate(-16deg);
    }
    25% {
        transform: rotate(14deg);
    }
    27% {
        transform: rotate(-12deg);
    }
    29% {
        transform: rotate(10deg);
    }
    31% {
        transform: rotate(-8deg);
    }
    33% {
        transform: rotate(6deg);
    }
    35% {
        transform: rotate(-4deg);
    }
    37% {
        transform: rotate(2deg);
    }
    39% {
        transform: rotate(-1deg);
    }
    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(0);
    }
}

.cont:before{
    content: "";
    position: absolute;
    top: -46px;
    right: 19px;
    /*z-index: 9999;*/
    display:block;
    margin:50px auto 0;
    background-color:#FF0000;
    border-radius:50%;
    width: 7px;
    height: 7px;
}

.infobuttonbell {
    height: 2.5rem;
    width: 3rem;
    left: -0.7rem;
    text-align: center;
}

.datepicker-style>.ui-inputfield {
    width: 10em;
    margin-right: 0.1em;
}

.ui-datepicker-title {
    color: #2e3439;
}

.ui-panelgrid-content > div:nth-child(even) {
    background-color: #EEEEEE !important; /* Цвет фона для четных элементов */
}

.average-column-width {
    width: auto !important;
}

.custom-grid {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
}

.content-button-group {
    display: flex;
    gap: 0.5em;
    margin-top: 1em;
    flex-wrap: wrap;
}

.subcontent-button-group {
    display: flex;
    gap: 0.5em;
    flex-wrap: wrap;
}

.subcontent-button-group--mb-1rem {
    display: flex;
    gap: 0.5em;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.subcontent-button-group--mt-mb-1em {
    display: flex;
    gap: 0.5em;
    margin: 1em 0;
    flex-wrap: wrap;
}

.content-area {
    padding: 40px 48px 48px 48px;
    background-color: white;
    border-radius: 16px;
}

.ui-g {
    min-height: 50px;
}

.ui-wizard-navbar.ui-helper-clearfix {
    display: flex;
    justify-content: end;
}

.ui-wizard-content {
    margin: 8px 0;
}

/*.ui-icon.ui-icon-triangle-1-s::before{
    content: " " !important;
    position: absolute;
    width: 50px !important;
    height: 50px !important;
    background-size: 50px 50px;
    background-image: url('/resources/images/menu_icons/groups.png') !important;
}*/