.bodyPFO {
    background-color: rgba(9, 9, 10, 1);
    overflow: auto;
}

#gridPainelFuncionarioOperacoes::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

#gridPainelFuncionarioOperacoes::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

#gridPainelFuncionarioOperacoes::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.headerDivPFO {
    width: 100%;
    height: auto;
    margin-top: 24px;
    display: flex;
    justify-content: space-between;
}

.btBalanceamento {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #34383E;
    border-radius: 4px;
    padding: 8px;
    height: 48px;
    width: 100%;
    cursor: pointer;
}

.listDivPFO {
    /*flex: 1 1 auto;*/
    height: calc(100vh - 192px);
    width: 100%;
    border-radius: 4px;
    background-color: #202125;
    margin: 32px 0 24px 0;
    display: flex;
    flex-direction: column;
}

.columnNamesDivPFO {
    width: 100%;
    /*height: 72px;*/
    display: flex;
    align-items: center;
    /*justify-content: space-around;*/
    padding: 0 16px 0 16px;
    margin-top: 24px;
}

.columnHeaderTagPFO {
    width: 10%;
    /*flex-grow: 1;*/
}

.columnHeaderTagEditPFO {
    width: 10%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}

.clickableTagListPFO {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.wrapperListFuncPFO {
    width: 100%;
    /*height: calc(100vh - 72px);*/
    padding: 0 16px 0 16px;
    /*display: flex;*/
    flex-direction: column;
    overflow-y: scroll;
    margin-top: 24px;
}

.listItemFuncPFO {
    width: calc(100% - 72px);
    height: 56px;
    background-color: #34383E;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    margin-right: 8px;
}

.paragemDivFuncsPFO {
    background-color: #34383E;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 48px;
}


.paragemDefaultDivPFO {
    background-color: #26262B;
}

.paragemIniciarDivPFO .a {
    fill: #18b076;
}

.paragemIniciarDivPFO:hover {
    background-color: #18B076;
}

.paragemIniciarDivPFO:hover .a {
    fill: #FFF;
}

.paragemIniciarDivPFO:hover .textParagemDivPFO {
    color: #FFF;
}

.paragemPararDivPFO .a {
    fill: #FFF;
}

.paragemPararDivPFO:hover {
    background-color: #FFF;
}

.fullDialog {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    min-width: 100%;
    min-height: 100%;
}

.fullContent {
    height: auto;
    min-height: 100%;
    border-radius: 0;
}

.stopDiv {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.startDiv {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
}

.paragemPararDivPFO:hover .a {
    fill: #E22847;
}

.paragemPararDivPFO:hover .textParagemDivPFO {
    color: #E22847;
}

.paragemIniciarDivPFO:hover .iconPlay, .paragemIniciarDivPFO:active .iconPlay {
    fill: white;
}

.startDiv:hover .iniciarText{
    font-weight: bold;
}

.startDiv:active .iniciarText {
    font-weight: bold;
}

.stopDiv:hover .stopText {
    font-weight: bold;
}

.stopDiv:active .stopText {
    font-weight: bold;
}


.stopText {
    padding-top: 4px;
    cursor: pointer;
    font-size: 13px;
    margin: 0;
    color: red;
}

.iniciarText {
    padding-top: 4px;
    cursor: pointer;
    font-size: 13px;
    margin: 0;
    color: #18b076;
}

.paragMaqInfoDivPFO {
    width: 100%;
    height: 72px;
    margin-top: 24px;
    padding: 8px;
    border-radius: 4px;
    background-color: #18B076;
    margin: 0;
    margin-top: 24px;
}

.showDrop{
    display: block !important;
}

.showDrop1 {
    display: block !important;
}

.timeDiv {
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 8px 0 8px 16px;
}

.imgOperationsDiv .a {
    fill: none;
}

.imgOperationsDiv .b {
    stroke: #18B076;
    opacity: 1;
    fill: none;
}

.imgOperationsDiv:hover .b {
    stroke: #176e4d;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.wrapperListFuncPFO::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.wrapperListFuncPFO {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

/*Pop Ups*/
.popFaseDivPFO {
    position: fixed;
    width: 336px;
    height: 272px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
}

.popQuantDivPFO {
    position: fixed;
    width: 336px;
    height: 272px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
}

.popClonarBalancDivPFO {
    position: fixed;
    width: 336px;
    height: 272px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
}

.buttonClosePopQuantPFO {
    padding: 16px 16px 16px 16px;
    position: absolute;
    right: 0;
    top: 0;
}

.divTopButtonsPopPFO {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
}

.btSaveImgBalanceamentoPFO {
    height: 42px;
    width: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #18B076;
    border-radius: 8px;
    line-height: 1em !important;
    border: 0px;
}

.btSaveImgBalanceamentoPFO:hover {
    background-color: #238A63;
}

.btSaveImgBalanceamentoPFO:focus {
    background-color: #34383E;
    outline: none;
}

.inputQuantDivPFO {
    width: 100%;
    margin-top: 16px;
    display: flex;
    flex-direction: column;
}

.inputQuantPFO {
    height: 56px;
    margin-top: 8px;
    border: 2px solid #EEF1F3;
    background-color: #EEF1F3;
    border-radius: 16px;
    padding-left: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #595970;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 1em !important;
}

.inputQuantPFO:focus {
    border: 2px solid #18B076;
    color: #18B076;
}

.inputQuantPFO:hover {
    border: 2px solid #18B076;
}

.inputQuantPFO::-webkit-input-placeholder {
    color: #A9A9B8;
}

.inputQuantPFO::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #A9A9B8;
}

.inputQuantPFO:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A9A9B8;
}

/* Chrome, Safari, Edge, Opera */
.inputQuantPFO::-webkit-outer-spin-button,
.inputQuantPFO::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.inputQuantPFO[type=number] {
    -moz-appearance: textfield;
}

#submitPFT1 {
    width: 208px;
    margin: 4px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #18B076 !important;
    border-radius: 8px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFFFFF !important;
    font-size: 22px;
    border: 0px;
    cursor: pointer;
}

    #submitPFT1:hover {
        background-color: #238A63 !important;
    }

#paraMaqButtonPop1 {
    width: 208px;
    height: 56px;
    margin: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E22847 !important;
    border-radius: 8px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFFFFF !important;
    font-size: 22px;
    border: 0px;
}

    #paraMaqButtonPop1:hover {
        background-color: #BC203A !important;
    }

.dropdownMotivoParagFunc {
    overflow-y: scroll;
    width: 100%;
    top: 77px;
    flex-direction: column;
    position: absolute;
    z-index: 1050;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.3s ease-out;
    background-color: #EEF1F3;
    display: none;
    border-radius: 0 0 16px 16px;
}

.saveQuantPFO {
    height: 56px;
    width: 330px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #18B076 !important;
    border-radius: 8px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFFFFF !important;
    font-size: 22px;
    border: 0px;
}

.saveQuantPFO:hover {
    background-color: #238A63 !important;
}

.popUpCloseBalanceamentoDivPFO {
    position: fixed;
    width: 336px;
    height: 328px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14);
}

.popUpDeleteFuncBalanceamentoDivPFO {
    position: fixed;
    width: 336px;
    height: 328px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14);
}

.popUpSaveIncompleteBalanceamentoDivPFO {
    position: fixed;
    width: 336px;
    height: 328px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
    box-shadow: 0px 24px 38px rgba(0, 0, 0, 0.14);
}

.middleDivCloseBalancPFO {
    width: 100%;
    height: calc(100% - 144px);
    display: flex;
    padding: 0 48px 0 48px;
    flex-direction: column;
    justify-content: center;
}

.divDoubleButtonsPopPFO {
    display: flex;
    width: 100%;
    height: 56px;
    padding: 0 16px 0 16px;
    margin-bottom: 16px;
}

.popOperationsDivPFO {
    position: fixed;
    width: 648px;
    height: calc(100% - 88px);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
}

.headerOperationsPopPFO {
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: center;
}

.listItemOperationPFO {
    width: 100%;
    height: 40px;
    background-color: #DEE3E7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    position: relative;
}

.listOpDiv {
    padding: 8px;
    margin-top: 16px;
    overflow-y: auto;
    background-color: #FFF;
    height: auto;
}

/* Hide scrollbar for Chrome, Safari and Opera */
    .listOpDiv::-webkit-scrollbar {
        display: none;
    }

/* Hide scrollbar for IE, Edge and Firefox */
.listOpDiv {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.pencilImgOperationsPFO {
    position: absolute;
    right: 12px;
}

.pencilImgOperationsPFO .b {
    stroke: #FFFFFF;
    fill: none;
    opacity: 1;
}

.pencilImgOperationsPFO .a {
    fill: none;
}

.textOperationsPFO {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.footerPopOperationsPFO {
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    padding: 0 16px 16px 16px;
}

.infoOperationsDivPFO {
    width: 100%;
    height: 64px;
    display: flex;
    background-color: #EEF1F3;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
}

.infoOperationsTagDivPFO {
    width: 100%;
    background-color: #DEE3E7 !important;
    border-radius: 4px !important;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-around;
    padding: 4px 8px 4px 8px;
    height: 56px;
}

.mydp {
    overflow: auto !important;
    position: relative !important;
    width: 100% !important;
    top: 0px !important;
}

.submitButtonPFO {
    height: 56px;
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #18B076 !important;
    border-radius: 8px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFFFFF !important;
    font-size: 22px;
    border: 0px;
    margin: 8px;
}

    .submitButtonPFO:hover {
        background-color: #238A63 !important;
    }

.popQuantProdDiv {
    position: fixed;
    width: 944px;
    height: 792px;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
}

.listQuantProdDiv {
    padding: 0 16px 0 16px;
    overflow-y: scroll;
    background-color: #FFF;
    margin: 8px 0 16px 0px;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.listQuantProdDiv::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.listQuantProdDiv {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.columnTitleQuantProdDiv {
    height: 32px;
    display: flex;
    background-color: #DEE3E7;
    border-radius: 4px;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px 0 16px;
    margin: 16px 16px 0 16px;
}

.listItemQuantProdDiv {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}

.listItemQuantProdLabelDiv {
    width: 100%;
    height: 48px;
    display: flex;
    background-color: #DEE3E7;
    border-radius: 4px;
    align-items: center;
    padding-left: 16px;
    padding-right: 16px;
}

.popUpNumberBackground {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(38, 38, 43, 0.8);
    /*display: flex;*/
    justify-content: center;
    z-index: 10;
}

/*Balanceamento*/
.popBalanceamentoPFO {
    position: fixed;
    width: 70%;
    height: calc(100% - 88px);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
    align-items: center;
    min-width: 1264px;
}

.popPontoEncPFO {
    position: fixed;
    width: 70%;
    height: calc(100% - 88px);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
    align-items: center;
    min-width: 1296px;
}

.popUpFuncsListBackgroundPFO {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(38, 38, 43, 0.8);
    /*display: flex;*/
    justify-content: center;
    z-index: 10;
}

.x-panel-ghost {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

.divHeaderInfoBalancPFO {
    width: 100%;
    height: 208px;
    padding: 0 16px 0 16px;
    display: flex;
}

.divInfoBalancPFO {
    width: 65%;
    height: 216px;
}

.divOFInfoBalancPFO {
    width: 100%;
    height: 120px;
    margin-bottom: 12px;
    display: flex;
}

.divImageOfBalancPFO {
    width: 100%;
    height: 120px !important;
    border-radius: 8px;
}

.divInfoTextOfBalancPFO {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.inputDivPopPFO {
    width: 100%;
    height: 56px;
    position: relative;
}

.enterBoxDivPopPFO {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF;
    border-radius: 4px;
    position: absolute;
    right: 8px;
    top: 13px;
}

.ofabInputPFO {
    width: 100%;
    height: 56px;
    border: 2px solid #EEF1F3;
    background-color: #EEF1F3;
    border-radius: 4px;
    padding-left: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #595970;
    font-size: 16px;
    margin-bottom: 0px;
    padding-right: 48px;
    border-radius: 16px;
}

.ofabInputPFO:focus {
    border: 2px solid #18B076;
    color: #18B076;
}

.ofabInputPFO:hover {
    border: 2px solid #18B076;
}

.ofabInputPFO::-webkit-input-placeholder {
    color: #A9A9B8;
}

.ofabInputPFO::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #A9A9B8;
}

.ofabInputPFO:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A9A9B8;
}

/* Chrome, Safari, Edge, Opera */
.ofabInputPFO::-webkit-outer-spin-button,
.ofabInputPFO::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.ofabInputPFO[type=number] {
    -moz-appearance: textfield;
}

.divTagsOFBalancPFO {
    display: flex;
    height: 56px;
}

.ofabTagsDiv {
    height: 56px;
    background-color: #EEF1F3;
    border-radius: 16px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 24px 8px 24px;
}

.dropdownDivBalanceamentoPFO {
    width: 100%;
    position: relative;
    height: 76px;
    margin: 0 0 0 0;
    display: flex;
    flex-direction: row;
}

.dropdownMaqPFO {
    overflow-y: scroll;
    width: calc(100% - 30px);
    top: 100px;
    flex-direction: column;
    position: absolute;
    z-index: 1050;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 0.3s ease-out;
    background-color: #EEF1F3;
    display: none;
    border-radius: 0 0 16px 16px;
    box-shadow: 0px 3px 20px rgb(89 89 112 / 50%);
}

/* Hide scrollbar for Chrome, Safari and Opera */
.dropdownMaqPFO::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.dropdownMaqPFO {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.dropdownMaqPFO div:last-child {
    border-radius: 0 0 16px 16px;
}

.dropdownShadowlessPFO {
    box-shadow: none;
    overflow: auto !important;
    width: 100% !important;
    max-height: 400px !important;
    display: none;
    position: absolute !important;
    top: 80px !important;
}

.growthClass2 {
    /* transform: scaleY(1) !important; */
    /*animation: growth ease-in 2.5s;
    -webkit-animation: growth ease-in 2.5s;
    -moz-animation: growth ease-in 2.5s;
    -o-animation: growth ease-in 2.5s;*/
    animation: growthScale 300ms ease-in-out forwards;
    transform-origin: top center
}

@keyframes growthScale {
    0% {
        transform: scaleY(0)
    }

    100% {
        transform: scaleY(1)
    }
}

.mainDivPontoEncPopPFO {
    width: 100%;
    margin-bottom: 16px;
    margin-top: 16px;
    display: flex;
    background-color: #EEF1F3;
    border-radius: 4px;
    padding: 16px;
    flex-direction: column;
    overflow: auto;
    min-height: 100%;
    height: auto;
}

.mainInfoDivBalancPFO {
    /*width: calc(100% - 32px);
    height: calc(100% - 324px) 294;
    margin: 16px 16px 16px 16px;
    display: flex;*/
    width: calc(100%);
    height: calc(100% - 288px); /*366*/
    padding: 24px 16px 16px 16px;
    display: flex;
}

.mainFuncsCardBalancPFO {
    width: 100%;
    margin-right: 8px;
    background-color: #EEF1F3;
    border-radius: 4px;
    padding: 16px;
    margin-top: 32px;
    overflow: auto;
    height: 570px;
}

.funcsCardBalancPFO {
    width: 100%;
    height: 100%;
}

.mainOperationsCardBalancPFO {
    background-color: #EEF1F3;
    border-radius: 4px;
    padding: 16px;
    margin-top: 32px;
    overflow: auto;
    height: 570px;
}

.mainOperationsCardBalancPFONew {
    height: calc(100% - 8px);
    background-color: #EEF1F3;
    border-radius: 4px;
    padding: 16px;
}

.btSetOperationsBalancPFO {
    height: 56px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #18B076;
    border-radius: 8px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 1em !important;
    border: 0px;
    margin-top: 8px;
    background-image: url('../img/arrow-right-white.svg');
    background-repeat: no-repeat;
    background-position: right 16px top 50%;
}

.btSetOperationsBalancPFO:hover {
    background-color: #238A63;
}

.btSetOperationsBalancPFO:focus {
    background-color: #34383E;
    outline: none;
}

.btSaveOperationsBalancPFO {
    height: 56px;
    width: 100%;
    /*width: 554px;*/
    /*position: absolute;
    bottom: 0;*/
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #18B076;
    border-radius: 8px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 22px;
    line-height: 1em !important;
    border: 0px;
}

.btSaveOperationsBalancPFO:hover {
    background-color: #238A63;
}

.btSaveOperationsBalancPFO:focus {
    background-color: #34383E;
    outline: none;
}

.headerListBalancPFO {
    width: 100%;
    height: 32px;
    background-color: #DEE3E7;
    border-radius: 4px;
    display: flex;
    align-items: center;
    overflow: auto;
    justify-content: space-between;
    padding:8px;
}

.headerDivTextBalancPFO {
    height: 100%;
    display: flex;
    align-items: center;
}

.titleModal {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #18B076;
    font-size: 22px;
    margin-bottom: 0px;
    line-height: 1em !important;
}

.lHeigth {
    line-height: 1.5 !important;
}

.listDivPontoEncItemsPFO {
    width: 100%;
    background-color: #EEF1F3;
    margin-top: 8px;
    overflow: auto;
    height: 100%;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.listDivPontoEncItemsPFO::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.listDivPontoEncItemsPFO {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.listDivPontoEncItemsPFO div:last-child {
    margin-bottom: 0px !important;
}

.listFuncsDivBalancPFO {
    height: calc(100% - 104px);
    height: -moz-calc(100% - 104px);
    height: -webkit-calc(100% - 104px);
    width: 100%;
    background-color: #EEF1F3;
    margin-top: 16px;
    margin-bottom: 8px;
    overflow-y: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.listFuncsDivBalancPFO::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.listFuncsDivBalancPFO {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.listMaqResumoDivBalancPFO {
    height: calc(100% - 40px);
    height: -moz-calc(100% - 40px);
    height: -webkit-calc(100% - 40px);
    width: 100%;
    background-color: #EEF1F3;
    margin-top: 8px;
    overflow-y: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.listMaqResumoDivBalancPFO::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.listMaqResumoDivBalancPFO {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.listMaqResumoDivBalancPFO div:last-child {
    margin-bottom: 0px !important;
}

.listItemBalancPFO {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
}

.listItemDivTextDivBalancPFO {
    height: 100%;
    background-color: #FFFFFF;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.footerDivTextDivBalancPFO {
    height: 100%;
    background-color: #DEE3E7;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.listItemJustifiyStartBalancPFO {
    justify-content: flex-start;
}

.listItemJustifyCenterBalancPFO {
    justify-content: center;
}

.listItemSpaceBetweenBalancPFO {
    justify-content: space-between;
}

.listItemJustifiyFlexEndBalancPFO {
    justify-content: flex-end;
}


.listItemNumbersBalancPFO {
    justify-content: flex-end;
    padding-right: 16px;
}

.manageFuncImgDivBalancPFO:hover {
    background-color: #18B076;
}

.manageFuncImgDivBalancPFO .b {
    fill: #595970;
}

.manageFuncImgDivBalancPFO .c {
    fill: #595970;
}

.manageFuncImgDivBalancPFO:hover .b {
    fill: #FFFFFF;
}

.manageFuncImgDivBalancPFO:hover .c {
    fill: #FFFFFF;
}

.popFuncsBalancDiv {
    position: fixed;
    width: 496px;
    height: calc(100% - 88px);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
}

.listDivBalancPFO {
    padding: 8px 16px 0 16px;
    overflow-y: scroll;
    margin-bottom: 16px;
    background-color: #FFF;
}

.listDivBalancPFO::-webkit-scrollbar {
    display: none;
}

.listDivBalancPFO {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.listItemFuncDivTextDivBalancPFO {
    height: 100%;
    background-color: #EEF1F3;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.divOperationsButtonsBalancPFO {
    width: 100%;
    height: 56px;
    margin-top: 8px;
    display: flex;
}

.dragSource {
    opacity: .4;
}

.divOperationFooterBalancPFO {
    height: 100%;
    display: flex;
    flex-direction: row;
    padding: 0 16px 0 16px;
    align-items: center;
}

.popFuncsOpsBalancDiv {
    position: fixed;
    width: 728px;
    height: calc(100% - 88px);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
}

.popFuncsPontoEncDiv {
    position: fixed;
    width: 496px;
    height: calc(100% - 88px);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
}

.popOpsListFuncsBalancDiv {
    position: fixed;
    width: 728px;
    height: calc(100% - 88px);
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 1);
    top: calc(50% + 28px);
    transform: translateY(-50%);
    display: none;
    /* display: flex */
    flex-direction: column;
}

.divButtonBackOpBalancPFO {
    width: 72px;
    height: 100%;
    background-color: #DEE3E7;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.listDivItemFuncPontoEncLotes {
    width: 100%;
    height: 32px;
    display: flex;
}

.divImgExpandFuncPontoEnc {
    width: 48px;
    height: 48px;
    border-radius: 0px 4px 4px 0px;
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: #EEF1F3;
}

.listItemTextDivFuncPontoEncListLotes {
    width: 25%;
    height: 100%;
    display: flex;
    align-items: center;
}

/* Display */
.display_none {
    display: none;
}

/*Colors*/
.colorRed {
    background-color: #E22847;
}

.color34383E {
    background-color: #34383E;
}

.color26262B {
    background-color: #26262B;
}

.color18B076 {
    background-color: #18B076;
}

.colorDEE3E7 {
    background-color: #DEE3E7;
}

.colorFFC400 {
    background-color: #FFC400;
}

.backgroundColorWhite {
    background-color: #FFFFFF;
}

.colorTextWhite {
    color: #FFF;
}

.colorText_18B076 {
    color: #18B076;
}

/*Text Styles*/
.robotoRegular18B076_16px {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #18B076;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 1em !important;
}

.robotoRegular93969B_16px {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #93969B;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 1em !important;
}

.robotoRegular93969B_12px {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #93969B;
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 1em !important;
}

.robotoRegularCinza_16px {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #93969B;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 1em !important;
}

.robotoRegularWhite_16px {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    font-size: 16px;
    margin-bottom: 0px;
    line-height: 1em !important;
}

.robotoBoldWhite14px {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #FFFFFF;
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 1em !important;
}

.robotoBold_E22847_12px {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #E22847;
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 1em !important;
}

.tableTask .dx-datagrid-headers {
    padding-right: 0px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tableTask .dx-datagrid-pager {
    display: none;
}

.tableTask dx-context-menu {
    display: none;
}


@media only screen and (max-width: 600px) {
    .tableTask {
        height: calc(100% - 316px);
    }
}


@media only screen and (min-width: 600px) {
    .tableTask {
        height: calc(100% - 316px);
    }
}

@media only screen and (min-width: 768px) {
    .tableTask {
        height: calc(100% - 316px);
    }
}

@media only screen and (min-width: 992px) {
    .tableTask {
        height: calc(100% - 106px);
    }
}

@media only screen and (min-width: 1200px) {
    .tableTask {
        height: calc(100% - 106px);
    }
}

.tableTask {
    margin-top: 32px;
    width: 100%;
    overflow: auto;
}

 .tableTask .dx-datagrid-rowsview .dx-data-row td:first-child {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

.tableTask .dx-datagrid-rowsview .dx-data-row td:last-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

 .tableTask .dx-datagrid-rowsview td:first-child {
    border-bottom-left-radius: 8px;
    border-top-left-radius: 8px;
}

 .tableTask .dx-datagrid-rowsview td:last-child {
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
}

 .tableTask .dx-datagrid-nowrap,
.dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    white-space: nowrap;
    text-align: center !important;
}

 .tableTask .dx-datagrid-content .dx-datagrid-table .dx-row > td,
.dx-datagrid-content .dx-datagrid-table .dx-row > tr > td {
    vertical-align: middle;
    text-align: center !important;
}

 .tableTask .dx-header-row > td > .dx-datagrid-text-content {
    white-space: normal;
    vertical-align: top;
    text-align: center;
}

 .tableTask .dx-datagrid-content .dx-datagrid-table {
    border-collapse: separate !important;
    border-spacing: 0px 16px !important;
}
    .tableTask .dx-datagrid {
        background-color: #202125;
    }

    .tableTask .dx-freespace-row {
        height: 0px !important;
    }

.tableTask .dx-datagrid-rowsview .dx-row {
    height: 56px;
}

    .tableTask .dx-header-row {
        height: 56px;
        font: normal normal normal 16px/19px Roboto;
        letter-spacing: 0px;
        color: #18B076;
        text-transform: uppercase;
    }

    .tableTask .dx-datagrid-headers .dx-datagrid-table .dx-row.dx-header-row > td {
        background-color: transparent;
    }

.tabletd td {
    background: #34383E 0% 0% no-repeat padding-box !important;
}

.estado2 td {
    background-color: #E22847 !important;
    color: #EEF1F3 !important;
    border-bottom: none !important;
}

.estado1 td {
    background-color: #34383E !important;
    color: #EEF1F3 !important;
    border-bottom: none !important;
}

.estadoInativo td {
    background-color: #26262B !important;
    color: #93969B !important;
    border-bottom: none !important;
}

.tableTask .dx-data-row.dx-state-hover > td {
    background-color: #191d22 !important;
    border-bottom: none !important;
}

.codigo1 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    /*color: #EEF1F3;*/
    text-transform: uppercase;
}

.codigo {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    /*color: #EEF1F3;*/
    text-transform: uppercase;
}

.codigo0 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    letter-spacing: 0px;
    /*color: #93969B;*/
    text-transform: uppercase;
}
/*.dx-datagrid-rowsview .dx-selection > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #d9f5f9 !important;
}*/


.borderless td, .borderless th {
    border: none;
}

.divTable {
    margin-top: 16px;
    background-color: #EEF1F3;
    border-radius: 4px;
    padding: 16px;
    overflow: auto;
}

.mytableDsgn {
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 16px;
    text-align: start;
}

.mytable {
    border-collapse: separate !important;
    border-spacing: 0px 16px !important;
}

.dx-datagrid-rowsview .dx-selection > td, .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
    background-color: #18321e !important;
    color: white !important;
}