/* CORRIGIR BUG DO RAZOR QUE CRIA UM OBJECT */
object[type='application/gas-events-uni'] {
    display: none !important;
}

/* CORRIGIR BUG DO RAZOR QUE CRIA UM OBJECT */

/*#region MAIN */
body {
    height: 100%;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

html,
body {
    font-family: "Helvetica", "Arial", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

fieldset {
    border: solid 1px rgba(0, 0, 0, 0.1);
    padding: 0 5px 7px 5px;
}

legend {
    color: #A587C2;
    /*#006666;*/
    font-weight: bold;
    margin-left: 5px;
    padding-left: 7px;
    padding-right: 7px;
}

a {
    color: #0000ff;
}

#divLayout {
    height: 100%;
}

#divUPCTRLB02_Modal {
    z-index: 999999;
}

.VBS_Consulta .VBS_Manutencao {
    display: none !important;
}

.mdl-layout>main {
    width: 100%;
    height: 100%;
    overflow-x: auto;
}

.cssVBS_Circulo_Laranja {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    background-color: rgb(255, 171, 64) !important;
}

.cssVBS_Circulo_Azul_Petroleo {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    background-color: #009999 !important;
}

.cssVBS_Circulo_Roxo {
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    background-color: rgb(137, 62, 146) !important;
}

.cssVBS_Cab_Tabela_Prox_Faixa,
.cssVBS_Cab_Laranja {
    background-color: rgb(255, 171, 64) !important;
    /*
    border-top-color: rgb(255,171,64) !important;
    border-right-color: rgb(255,200,64) !important;
*/
}

.cssVBS_Cab_Roxo {
    background-color: rgb(137, 62, 146) !important;
    /*
    border-top-color: rgb(137, 62, 146) !important;
    border-right-color: rgb(180, 62, 100) !important;
*/
}

.cssVBS_Cab_Azul {
    background-color: rgb(0, 0, 205) !important;
    /*  
    border-top-color: rgb(0, 0, 205) !important;
    border-right-color: rgb(65, 105, 225) !important;

*/
}

/*.is-small-screen .mdl-layout > main {
    width: calc(100%);
    height: calc(100% - 30px);
}*/

/*.mdl-layout > main > .page-content {
    width: calc(100% - 15px);
    height: calc(100% - 85px)  !important;
}*/

/*#endregion MAIN */

/*#region HEADER */
.mdl-layout__header-dark {
    background-color: #414141;
    /*border: 1px solid #CFCFCF;*/
    opacity: 1;
    /*color: #ffffff;*/
}

.mdl-layout__header-row-light {
    background-color: #ffffff;
    color: #333333;
}

.mdl-layout-title {
    text-transform: uppercase;
}

/*.AppButton {
    display: inline-block;
    width: 75px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;
    vertical-align: top;
}

    .AppButton > i {
        color: #009999;
    }

    .AppButton > label {
        color: rgba(0,0,0,0.6);
    }

    .AppButton:hover {
        background-color: rgb(240,240,240);
    }*/

#btnMenu_TimeSheet::after {
    top: -2px;
    right: -3px;
    width: 10px;
    height: 10px;
    font-size: 8px;
}

#btnMenu_TimeSheet>i {
    font-size: 26px;
    vertical-align: baseline;
}

#ulMenu_TimeSheet {
    padding: 10px;
}

#ulMenu_TimeSheet>div:first-child {
    width: 200px;
}

#ulMenu_TimeSheet>div:last-child {
    margin-top: 10px;
}

#btnMenu_TimeSheet_Cancel {
    display: inline-block;
    float: right;
}

#btnMenu_TimeSheet_Stop {
    display: inline-block;
    float: right;
}

#btnMenu_Apps {
    margin-left: 5px;
}

#btnMenu_Apps>i {
    font-size: 26px;
    vertical-align: baseline;
}

#ulMenu_Apps {
    padding: 0;
    width: 258px;
    height: auto;
    max-height: 500px;
}

#ulMenu_Apps i {
    font-size: 45px;
}


#btnMenu_Alerts {
    margin-left: 5px;
}

#btnMenu_Alerts>i {
    font-size: 26px;
    vertical-align: baseline;
}


#btnMenu_FullScreen {
    margin-left: 5px;
}

#btnMenu_FullScreen>i {
    font-size: 32px;
    vertical-align: baseline;
}

#ulMenu_FullScreen {
    padding: 10px;
}

#btnMenu_User {
    margin-left: 5px;
}

#btnMenu_User>i {
    font-size: 32px;
    vertical-align: baseline;
}

/* Menu Usuário */
#divMenu_User {
    padding: 10px;
    width: 350px;
}

#divMenu_BSEMPR_CD_VBS_DS,
#divMenu_FPFUNC_NM,
#divMenu_FPDPTO_FT,
#divMenu_UPLOUS_NS,
#divMenu_UPUSER_DT_ULTIMO_LOGIN,
#divMenu_Versao_Todos,
#divMenu_Versao_Especifico {
    display: flex;
    flex-direction: column;
}

#divMenu_BSEMPR_CD_VBS_DS {
    margin-bottom: 16px;
}

#divSelect_User_BSEMPR_CD_VBS_DS {
    margin: 8px 0;
}

#divMenu_FPFUNC_NM {
    margin: 16px 0;
}

#divMenu_User .divMenu_title {
    font-size: 14px;
    line-height: 1;
    color: #999;
}

#divMenu_User .divMenu_content_username {
    font-size: 22px;
    line-height: 1.2;
    color: var(--vbs-color-principal);
    margin: 4px 0;
}

#ulMenu_User .divMenu_content {
    font-size: 18px;
    line-height: 1.2;
    color: #333;
    margin: 4px 0;
}

/* Fim Menu Usuário */

#btnAlterarEmpresa {
    float: right;
}

#btnSair {
    float: right;
    margin-left: 10px;
}

#btnSair:hover,
#btnSair:focus {
    background: #c0392b;
    color: #ecf0f1;
}

#btnAutodeclaracao {
    float: right;
}

#btnAutodeclaracao:hover,
#btnAutodeclaracao:focus {
    background: #FFAB40;
    color: #ecf0f1;
}

/* #divSelect_User_BSEMPR_CD_VBS_DS {
    display: none;
    font-size: 11px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px;
} */
#cboUser_BSEMPR_NS {
    width: 100%;
    font-size: 11px !important;
}

/*#divHeader_BarraFavoritos .dx-menu-item-wrapper {
    margin-right: 5px;
    /*background-color: rgba(120, 120, 120, 0.05);*/
}

#divHeader_BarraFavoritos .dx-menu-item-wrapper:hover {
    background-color: rgba(120, 120, 120, 0.09);
}*/

/*#endregion HEADER */

/*#region DRAWER */
.mdl-layout__drawer-button {
    margin: 5px 12px !important;
}

#btnConfirmar_Alt_Empresa,
#btnCancelar_Alt_Empresa {
    display: none;
    float: right;
}

.mdl-layout__drawer {
    background-color: #F8F8F8 !important;
    opacity: 1;
    border: 0;
    bottom: 0;
    box-shadow: 2px 0 2px 0 rgba(0, 0, 0, .14), 3px 0 1px -2px rgba(0, 0, 0, .2);
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    -webkit-box-shadow: 2px 0 2px 0 rgba(0, 0, 0, .14), 3px 0 1px -2px rgba(0, 0, 0, .2);
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 2px 0 2px 0 rgba(0, 0, 0, .14), 3px 0 1px -2px rgba(0, 0, 0, .2);
    /* Firefox 3.5 - 3.6 */
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 400px;
    z-index: 999998;
    -webkit-transform: translateX(-450px);
    -ms-transform: translateX(-450px);
    transform: translateX(-450px);
}

.mdl-layout__drawer>header {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    height: 128px;
    width: 100%;
}

.mdl-layout__drawer>header>img {
    /*margin-left: 30px;*/
    margin-top: 14px;
    max-width: 335px;
    max-height: 90px;
}

.mdl-layout__drawer>main {
    height: calc(100%);
    width: 100%;
}

/*#endregion DRAWER */







/*#region NAV */
ul {
    line-height: 18px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.nav-sub {
    padding-inline-start: 40px !important;
}

/*.mdl-layout__drawer span{
    transition:all .2s ease 0s;
}*/
.mdl-layout__drawer[class~=closed] {
    width: 45px;
}

.mdl-layout__drawer[class~=closed] span {
    margin-left: 20px;
}

.mdl-layout__drawer .navHeader {
    text-align: center;
    background-color: #fff;
    /*#006666 !important;/*#ff6900 !important;*/
    width: 100%;
    height: 128px;
    /*140px;*/
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    /* Firefox 3.5 - 3.6 */
    /*-moz-box-shadow:    inset 0 0 5px #000000;
   -webkit-box-shadow: inset 0 0 5px #000000;
   box-shadow:         inset 0 0 5px #000000;*/
}

#imgLogo {
    width: 240px;
    margin-left: 6px;
    margin-top: 5px;
}

.mdl-layout__drawer[class~=closed]>.navHeader>#imgLogo {
    display: none;
}

#imgLogoMinimizado {
    display: none;
    height: 70px;
    padding: 10px;
    margin-left: -4px;
}

.mdl-layout__drawer[class~=closed]>.navHeader>#imgLogoMinimizado {
    display: block;
}

.mdl-layout__drawer #divGerenciador_Menu {
    font-size: 13px;
    color: #ffffff !important;
    position: relative;
    top: 10px;
    height: calc(100% - 134px);
    overflow-y: auto;
    overflow-x: hidden;
}

.nav-main {
    margin: 0;
    padding: 0;
    line-height: 18px;
    width: 400px;
}

.nav-main a {
    padding: 10px 15px;
    text-decoration: none;
    display: block;
    width: 100%;
    -o-transition: all .2s ease 0s;
    -webkit-transition: all .2s ease 0s;
    -moz-transition: all .2s ease 0s;
    transition: all .2s ease 0s;
    cursor: pointer;
    color: #000000 !important;
    font-weight: normal;
}

.nav-main>li>a>span {
    /*transition:all 0.2s ease 0s;
    -webkit-transition:all 0.2s ease 0s;
    -moz-transition:all 0.2s ease 0s;*/
}

.nav-main>li>a {
    border-color: #006666;
    /*font-size:18px;*/
    line-height: 16px;
}

.nav-main>li>a:hover,
.nav-main>.nav-active>a {
    /*background-color:#ffffff !important;
    border-left:5px solid #ff6900;
    color:#ff6900 !important;
    width:400px !important;*/
    background-color: #DEDEDE !important;
    opacity: 1;
    border-left: 5px solid #4f5657;
}

.nav-main>li>.nav-sub {
    background-color: rgba(255, 255, 255, 0.10) !important;
}

.nav-main li {
    /*transition: all .25s ease 0s;*/
}

.nav-main>li>a>i:first-child {
    margin-right: 5px;
}

.nav-active>.nav-sub {
    display: block;
}

.nav-main>.nav-active>.nav-sub>li>a {
    margin-left: 0;
}

.nav-sub {
    display: none;
}

.nav-sub a {
    padding-left: 0;
    margin-left: -20px;
    /*transition-delay: .2s;*/
    line-height: 16px;
}

.nav-sub a:hover {
    color: #dddddd !important;
}

.nav-sub>li>a>[class~='fa-folder-open-o'] {
    display: none;
}

.nav-sub>li>a>[class~='fa-folder-o'] {
    display: inline;
}

.nav-sub>.nav-active>a>[class~='fa-angle-right'] {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.nav-sub>.nav-active>a>[class~='fa-folder-open-o'] {
    display: inline;
}

.nav-sub>.nav-active>a>[class~='fa-folder-o'] {
    display: none;
}

.navFooter {
    position: fixed;
    right: 0;
    bottom: 0;
    background-color: #006666 !important;
    width: 100%;
    color: #fff !important;
    height: 30px;
}

/*#endregion NAV */






/*.dx-popup-title.dx-toolbar {
    text-transform: uppercase;
}

.dx-popup-title.dx-toolbar .dx-toolbar-label {
    font-size: 18px;
}*/

/*#region VBS - GRID */
.vbs_perfil_grid {
    margin-top: 5px;
    background-color: transparent;
}

.vbs_perfil_grid:hover {
    /*color: #A045F8;
    border-color: #A045F8;*/
    background-color: #E2E2E2;
}

/*#endregion VBS - GRID */

/*#region DEVEXPRESS - GRID */
.vbs_iconToolbarGrid {
    font-size: 14pt !important;
}

/*.vbs_iconToolbarGrid:hover {
    color: #009999 !important;
}*/

/*.dx-group-cell {
    font-weight: bold;
}*/

/*.dx-datagrid-summary-item {
    font-size: 14px !important;
}*/

/*.vbs-datagrid-label-group {
    float: left;
    margin-top: 8px;
    display: inline-block !important;
    width: calc(100% - 100px) !important;
    overflow: hidden !important;
    vertical-align: middle !important;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.vbs-datagrid-button-group {
    display: inline-block !important;
    margin-left: 5px !important;
    color: #767676 !important;
    font-weight: bold;
}

.vbs-datagrid-radiogroup-group {
    display: inline-block !important;
    margin-left: 15px !important;
}

.dx-datagrid-rowsview {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.dx-datagrid .dx-data-row.dx-selection > td {
    background-color: #cda8f1 !important;
    opacity: 1;
}

.dx-datagrid .dx-row-alt.dx-selection > td {
    background-color: #cda8f1 !important;
    opacity: 1;
}

.dx-datagrid .dx-data-row>td.cssATSTFJ_IN_OBRIG {
    background-color: rgba(255, 171, 64, 0.3) !important;
}

.dx-datagrid-rowsview .dx-row.dx-group-row {
    color: #767676;
    font-weight: bold !important;
    font-size: 14px !important;
    font-family: 'Helvetica Neue', 'Segoe UI', Helvetica, Verdana, sans-serif;
}

.dx-datagrid-table .dx-row .dx-command-select {
    width: 30px !important;
    min-width: 30px !important;
}

.dx-datagrid-table .mdi {
    font-size: 27px;
}*/

/*.dx-datagrid-headers .dx-header-row>td {
    color: #fff !important;
    background-color: #4B4B4B;
    border-bottom: 0;
    font-weight: bold;
}

.dx-datagrid-headers {
    color: #fff !important;
    background-color: #D3D3D3;
    border: solid 1px #D3D3D3;
    border-bottom: 0;
}

.dx-datagrid-headers .dx-header-row>td>.dx-datagrid-text-content {
    text-align: center !important;
}

.dx-command-select .dx-editor-cell .dx-cell-focus-disabled {
    background-color: #ECDAFE !important;
    opacity: 1;
}

.dx-header-row {
    padding: 10px;
}

.dx-datagrid-rowsview .dx-selection.dx-row>.dx-editor-inline-block,
.dx-datagrid-rowsview .dx-selection.dx-row:hover>.dx-editor-inline-block {
    background-color: #FAF5FF;
}

.dx-datagrid-rowsview .dx-selection.dx-row>td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover>td {
    background-color: #FAF5FF;
    color: #232323;
}*/

/*.dx-datagrid .dx-row-alt>td {
    background-color: #F5ECFF;
    color: #232323 !important;
    opacity: 1;
}*/

/*.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row)>td:not(.dx-focused) {
    background-color: #D2C3E1 !important;
    color: #fff !important;
}

.dx-row.dx-data-row.dx-row-alt.dx-column-lines.dx-selection>td {
    color: #fff !important;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row {
    border-bottom: solid 1px #4B4B4B !important;
}*/

/*.dx-datagrid-headers .dx-datagrid-table .dx-header-row {
    height:52px;
    border-bottom:solid 1px #006666 !important;
}*/

/*.dx-datagrid-filter-row {
    background-color: #fff;
}

.dx-datagrid-rowsview {
    border: 1px solid #4B4B4B;
    border-top: 0;
}

.dx-datagrid-content .dx-datagrid-table .dx-row>td {
    vertical-align: middle !important;
}

.dx-datagrid-header-panel {
    border-bottom: 0 !important;
}

.dx-pager {
    padding: 0;
    padding-top: 10px;
}*/

/*.dx-pager .dx-page-sizes .dx-page-size {
    background-color: transparent;
}

.dx-pager .dx-pages .dx-selection,
.dx-pager .dx-page-sizes .dx-selection {
    background-color: #A045F8;
}

.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-lines)>td,
.dx-datagrid-rowsview .dx-selection.dx-row:hover:not(.dx-row-lines)>td {
    border-top: 0 !important;
    border-bottom: 0 !important;
}*/

/*.dx-datagrid-rowsview .dx-row {
    height: 28px !important;
}*/
/*#endregion DEVEXPRESS - GRID */

/*#region DEVEXPRESS - PIVOTGRID */

/* Corrigir a margem da label "Sem resgistros" */
/*.dx-pivotgrid .dx-datagrid-nodata {
    margin-top: 7px !important;
    top: 10% !important;
}

.dx-pivotgrid-horizontal-headers .dx-pivotgrid-collapsed .dx-expand,
.dx-pivotgrid-horizontal-headers .dx-pivotgrid-expanded .dx-expand {
    -ms-filter: brightness(300%);
    -moz-filter: brightness(300%);
    -webkit-filter: brightness(300%);
    filter: brightness(300%);
}

.dx-area-description-cell {
    background-color: #4B4B4B !important;
}

.dx-area-description-cell .dx-button .dx-icon {
    color: #ffffff !important;
}

.dx-area-column-cell {
    background-color: #4B4B4B !important;
}

.dx-area-column-cell .dx-button .dx-icon {
    color: #ffffff !important;
}

.dx-button.dx-state-hover .dx-icon {
    color: #9065B9 !important;
}

.dx-pivotgrid-area-description {
    color: #ffffff !important;
    background-color: #4B4B4B !important;
}

.dx-pivotgrid-field-chooser-button dx-widget dx-button-has-icon dx-button dx-button-normal dx-state-hover {
    background-color: #4B4B4B !important;
}

.dx-pivotgrid-horizontal-headers {
    background-color: #4B4B4B !important;
}

.dx-pivotgrid-horizontal-headers td {
    color: #ffffff !important;
    font-weight: bold;
    background-color: #4B4B4B !important;
}

.dx-pivotgrid .dx-pivotgrid-area td {
    color: #232323;
    padding-right: 10px !important;
    padding-left: 10px;
    background-color: #FAF5FF;
}

.dx-pivotgrid .dx-total {
    background-color: rgba(100, 150, 150, .08);
    font-weight: bold;
}

.dx-pivotgrid .dx-grandtotal {
    background-color: rgba(100, 150, 150, .15);
    font-weight: bold;
}

.dx-widget.dx-visibility-change-handler.dx-pivotgrid.dx-row-lines {
    border-bottom: 1px solid #d3d3d3 !important;
}*/

/*#endregion DEVEXPRESS - PIVOTGRID */

/*#region DEVEXPRESS - LOAD PANEL */
/*.dx-loadpanel-message {
    margin-top: 5px !important;
    font-family: "Helvetica", "Arial", sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 2px !important;
}*/

/*#endregion DEVEXPRESS - LOAD PANEL */

/*#region DEVEXPRESS - COMPONENTES */

/*.dx-widget {
    font-family: "Helvetica", "Arial", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.dx-texteditor.dx-state-readonly .dx-texteditor-input {
    color: rgba(0, 0, 0, .87);
    background-color: rgba(0, 0, 0, .06);
}*/

/*#endregion DEVEXPRESS - COMPONENTES */

/*#region DEVEXPRESS - LIST */

/*.dx-list .dx-button-danger {
    background-color: #fff;
    border-color: #fff;
}

.dx-list p {
    margin: 0;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused .dx-icon {
    color: #606060;
}*/

/*#endregion DEVEXPRESS - LIST */

/*#region mdl-menu__item */
.mdl-menu__item {
    height: 30px;
    line-height: 30px;
}

/*#endregion mdl-menu__item */

/*#region mdl-checkbox */
.mdl-checkbox>span {
    font-size: 14px !important;
    vertical-align: top !important;
}


/*#endregion mdl-checkbox */

/*#region mdl-switch */
.mdl-switch__label {
    font-size: 14px !important;
}

/*#endregion mdl-switch */

/*#region input text */
.vbsText_Minimizado {
    padding: 0 !important;
}

.vbsText_Minimizado .mdl-textfield__label:after {
    bottom: 0 !important;
}

/*#endregion input text */

/*#region UPCHAT*/

#divMenu_UPCHAT_Badge {
    margin-right: 0 !important;
}

#divMenu_UPCHAT_Badge::after {
    top: -2px;
    right: -3px;
    width: 17px;
    height: 17px;
}

#btnMenu_UPCHAT {
    margin-left: 5px;
}

#btnMenu_UPCHAT>i {
    margin-right: 2px;
    margin-bottom: 1px;
}

#divUPCHAT_ListaUsuarios {
    background-color: #ffffff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    display: none;
    height: calc(100% - 130px);
    padding-bottom: 5px;
    position: fixed;
    right: 0;
    z-index: 6;
    width: 250px;
}

.divUPCHAT_ListaUsuarios_Abrir {
    -webkit-animation: abrirListaUsuarios 0.3s;
    /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: 1;
    /* Chrome, Safari, Opera */
    -webkit-animation-fill-mode: forwards;
    /* Chrome, Safari, Opera */
    -moz-animation: abrirListaUsuarios 0.3s;
    -o-animation: abrirListaUsuarios 0.3s;
    animation: abrirListaUsuarios 0.3s;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-moz-keyframes abrirListaUsuarios {
    from {
        right: -252px;
    }

    to {
        right: 0;
    }
}

@-webkit-keyframes abrirListaUsuarios {
    from {
        right: -252px;
    }

    to {
        right: 0;
    }
}

@keyframes abrirListaUsuarios {
    from {
        right: -252px;
    }

    to {
        right: 0;
    }
}

#dx_lstUPCHAT_ListaUsuarios {
    left: 5px;
    height: calc(100% - 38px);
    width: 100%;
}

#dx_ProcuraUsuario {
    border: none;
    width: calc(100% - 10px);
}

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

#icone_ChatAuxiliarVBS {
    cursor: pointer;
    bottom: 5px;
    left: 10px;
    position: absolute;
    z-index: 5;
}

#divUPCHAT_ListaUsuariosAuxiliar {
    background-color: #e6e6e6;
    border: 1px solid rgba(29, 49, 91, 0.3);
    border-bottom: solid 1px #000 !important;
    bottom: 25px;
    display: none;
    height: auto;
    left: 30px;
    padding-bottom: 0;
    position: fixed;
    z-index: 6;
    width: 175px;
}

/* config do chat */
.ui-chatbox {
    padding: 1px;
    background-color: #669999;
    -webkit-box-shadow: 0 0 5px rgba(153, 153, 153, .5);
    -moz-box-shadow: 2px 0 2px 0 rgba(0, 0, 0, .14), 3px 0 1px -2px rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px rgba(153, 153, 153, 0.5);
    z-index: 3;
}

.ui-chatbox-log {
    background-color: #f5f5f5;
    border-bottom: solid 1px #cfcfcf !important;
}

.ui-chatbox-input-box {
    height: 30px;
    max-height: 30px;
    max-width: 217px;
    border: none;
    margin-bottom: 0;
    resize: none;
    padding: 0;
}

.ui-chatbox-input-box:focus,
.ui-chatbox-input-box:focus {
    outline: 0;
}

.ui-widget-header {
    border: none;
    background: #669999;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: none;
    height: 18px;
    border-radius: 50px 50px 50px 50px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 4px;
}

.ui-chatbox-msg {
    border-radius: 1px;
    border: none;
    background: transparent;
    margin-top: 2px;
    -moz-user-select: text;
    -ms-user-select: text;
    -webkit-user-select: text;
    user-select: text;
}

.ui-chatbox-msg-in {
    background-color: rgba(100, 150, 150, 0.15);
    border: none;
    border-radius: 4px;
    box-shadow: -1px 1px 0 rgba(142, 142, 142, 0.3);
    float: right;
    margin-right: 5px;
    padding-left: 8px;
    padding-right: 8px;
}

.ui-chatbox-msg-out-name {
    background-color: rgb(255, 229, 204);
    border: none;
    border-radius: 4px;
    box-shadow: 1px 1px 0 rgba(142, 142, 142, 0.3);
    display: block;
    margin-left: 5px;
    padding-left: 8px;
    padding-right: 8px;
}

.ui-chatbox-msg-out {
    background-color: rgb(255, 229, 204);
    border: none;
    border-radius: 4px;
    box-shadow: 1px 1px 0 rgba(142, 142, 142, 0.3);
    margin-left: 5px;
    padding-left: 8px;
    padding-right: 8px;
}

.ui-chatbox-msg-header {
    margin-top: 10px;
}

.ui-chatbox-msg-out.ui-chatbox-msg-header {
    padding-left: 0;
}

.ui-chatbox-msg-out.ui-chatbox-msg-header:before {
    content: '';
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 6px 7px 6px 0;
    border-color: transparent rgb(255, 229, 204);
    width: 0;
    left: -7px;
    top: -2px;
}

@-moz-document url-prefix() {
    .ui-chatbox-msg-out.ui-chatbox-msg-header:before {
        border-right: 7px solid rgb(255, 229, 204);
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        content: '';
        display: inline-block;
        height: 0;
        right: 100%;
        margin-top: -8px;
        top: 6px;
        width: 0;
    }
}

.ui-chatbox-msg-in.ui-chatbox-msg-header {
    padding-right: 0;
}

.ui-chatbox-msg-in.ui-chatbox-msg-header:after {
    content: '';
    display: inline-block;
    position: relative;
    border-style: solid;
    border-width: 6px 0 6px 7px;
    border-color: transparent rgba(100, 150, 150, 0.15);
    width: 0;
    right: -7px;
    top: -2px;
}

@-moz-document url-prefix() {
    .ui-chatbox-msg-in.ui-chatbox-msg-header:after {
        border-left: 7px solid rgba(100, 150, 150, 0.15);
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        content: '';
        display: inline-block;
        left: 7px;
        margin-top: -8px;
        position: relative;
        top: 5px;
        width: 0;
        height: 0;
    }
}

.div_UPCHAT_ListUsuario {
    height: 22px;
    overflow: hidden;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    width: 225px;
}

.div_UPCHAT_ListUsuario>.mdl-badge {
    margin-right: 0 !important;
}

.div_UPCHAT_ListUsuario>.mdl-badge::after {
    display: inline !important;
    height: 10px;
    left: 20px;
    position: absolute;
    top: 0 !important;
    width: 10px;
}

.spn_UPCHAT_ListUsuario {
    padding-left: 10px;
}

.ui-widget-content {
    border: none;
}

.ui-chatbox-titlebar {
    font-size: 10pt;
    height: 25px;
    line-height: 20px;
    width: 175px;
}

.uiChatboxTitleName {
    display: table-cell;
    max-width: 160px;
    overflow: hidden;
    padding-left: 4px;
    -ms-text-overflow: ellipsis !important;
    -o-text-overflow: ellipsis !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.ui-chatbox-spanIcon {
    display: inline;
}

.ui-chatbox-spanIcon>i {
    font-size: 18px;
    padding-bottom: 2px;
}

.ui-chatbox-dataHora {
    background: transparent;
    border: none;
    color: rgb(150, 150, 150);
    max-width: none !important;
    text-align: center;
    width: 100%;
    margin-top: 10px;
}

.ui-chatbox-dataHora>b {
    font-weight: normal !important;
}

.ui-icon-closethick {
    padding-right: 2px;
}

.classeNotificacaoICone {
    background-color: #333333;
    position: relative;
    -webkit-animation-name: alterarCorNotificacaoIcone;
    /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.6s;
    /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    /* Chrome, Safari, Opera */
    -moz-animation-name: alterarCorNotificacaoIcone;
    -o-animation-name: alterarCorNotificacaoIcone;
    animation-name: alterarCorNotificacaoIcone;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes alterarCorNotificacaoIcone {

    /* Chrome, Safari, Opera */
    50% {
        background-color: #333333;
    }

    100% {
        background-color: #4B4B4B;
    }
}

@-moz-keyframes alterarCorNotificacaoIcone {

    /* Standard syntax */
    50% {
        background-color: #4B4B4B;
    }

    100% {
        background-color: #333333;
    }
}

@keyframes alterarCorNotificacaoIcone {
    50% {
        background-color: #009999;
    }

    100% {
        background-color: #333333;
    }
}

.classeNotificacao {
    background-color: white;
    position: relative;
    -webkit-animation-name: alterarCorNotificacao;
    /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.6s;
    /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    /* Chrome, Safari, Opera */
    -moz-animation-name: alterarCorNotificacao;
    -o-animation-name: alterarCorNotificacao;
    animation-name: alterarCorNotificacao;
    -moz-animation-duration: 0.6s;
    -o-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes alterarCorNotificacao {

    /* Chrome, Safari, Opera */
    50% {
        background-color: white;
    }

    100% {
        background-color: #009999;
    }
}

@-moz-keyframes alterarCorNotificacao {

    /* Standard syntax */
    50% {
        background-color: #009999;
    }

    100% {
        background-color: white;
    }
}

@keyframes alterarCorNotificacao {
    50% {
        background-color: #009999;
    }

    100% {
        background-color: white;
    }
}

.divUPCHAT_Aux_ListaUsuario {
    height: 34px;
}

.divUPCHAT_Aux_ListaUsuario:hover {
    background-color: #669999;
}

.divUPCHAT_Aux_ListaUsuario>span {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    font-size: 11px;
    margin: 0;
    padding: 7px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 34px);
}

.divUPCHAT_Aux_ListaUsuario>span:hover {
    color: #ffffff;
}

.divUPCHAT_Aux_ListaUsuario>i {
    cursor: pointer;
    float: left;
    font-size: 14px;
    padding: 10px;
}

.divUPCHAT_Aux_ListaUsuario>i:hover {
    color: #ffffff;
}

/* Icone de configuração */
.spn_IconeConfig {
    font-size: 16px;
    margin-bottom: 4px;
    margin-right: 1px;
}

.ui-widget-header a {
    color: #7e7d7d;
}

#divUCPHAT_MenuConfig {
    background-color: #ffffff;
    border: solid 1px #669999;
    border-radius: 0 0 0 5px;
    box-shadow: -1px 1px 0 rgba(142, 142, 142, 0.3);
    display: inline;
    line-height: 20px;
    position: absolute;
    right: 16px;
    top: 25px;
    vertical-align: top;
    /*width: 125px;*/
}

#divUCPHAT_MenuConfig :hover {
    color: #ffffff;
}

#divUCPHAT_MenuConfig>span {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial !important;
    font-size: 11px;
    padding: 3px 0 3px 7px;
    min-width: 128px;
}

#divUCPHAT_MenuConfig>span:hover {
    background-color: #EFF5F5;
    border-radius: 0 0 0 5px;
    color: #000000;
    width: 123px;
}

.div_AddUserGrupo {
    position: absolute;
    top: 0;
    vertical-align: top;
    width: 173px;
}

.divUPCHAT_ProcuraUser {
    display: inline;
    font-size: 12px;
    line-height: 20px;
    min-height: 37px;
    position: absolute;
    top: 26px;
    vertical-align: top;
    width: 173px;
}

.btnUPCHAT_ProcuraUser {
    display: inline;
    font-size: 11px !important;
    left: 173px;
    position: absolute;
    top: 26px;
    vertical-align: top;
    width: 68px;
}

/* FIM - Icone de configuração */
/* Tooltip */

.ui-chatbox-Tooltip-group {
    text-align: left;
    font-size: 13px;
}

/* FIM - Tooltip */
/*#endregion UPCHAT*/

/*#region Textbox.IO*/

.ephox-polish-editor-container .ephox-chameleon-toolbar:first-child {
    box-shadow: inset 0 -.5em 1em #4B4B4B !important;
}

.ephox-polish-editor-container .ephox-chameleon-toolstrip {
    background: #4B4B4B !important;
    /*#099*/
}

.ephox-polish-editor-container .ephox-chameleon-toolbar-group:last-child {
    background: transparent !important;
}

.ephox-polish-editor-container,
.ephox-polish-source-container {
    border-color: #4B4B4B !important;
    /*#066*/
}

.ephox-polish-editor-container .ephox-pastry-dropbutton:hover .ephox-pastry-button,
.ephox-polish-editor-container .ephox-pastry-button:hover {
    background-color: transparent !important;
    border: 1px solid #A587C2 !important;
}

chameleon-toolstrip .ephox-pastry-button:not(.ephox-pastry-button-disabled):hover,
.ephox-polish-editor-container:not(.ephox-polish-mobile-layout) .ephox-chameleon-toolstrip .ephox-pastry-button:not(.ephox-pastry-button-disabled):active,
.ephox-polish-editor-container .ephox-chameleon-toolstrip .ephox-pastry-statebutton-selected .ephox-pastry-button:not(.ephox-pastry-button-disabled),
.ephox-polish-editor-container .ephox-pastry-dropbutton:hover .ephox-pastry-button,
.ephox-polish-editor-container .ephox-pastry-dropbutton-active .ephox-pastry-dropbutton-button .ephox-pastry-button {
    border-color: #066 !important;
    color: #fff !important;
    background-color: #A587C2 !important;
}

/*#endregion Textbox.IO*/

#divMenu {
    height: calc(100% - 128px);
}

#divALLWEBv2_Botoes {
    padding-left: 20px !important;
}

#btnAlterarEmpresa .mdi {
    padding-bottom: 5px;
    padding-left: 5px;
}

#btnSair .mdi {
    padding-bottom: 5px;
    padding-left: 2px;
}

#btnCancelar_Alt_Empresa .mdi {
    padding-bottom: 5px;
    padding-left: 2px;
}

#btnConfirmar_Alt_Empresa .mdi {
    padding-bottom: 5px;
    padding-left: 2px;
}

#divTimeSheet {
    margin-right: 2px;
}

#divTimeSheet .mdi {
    font-size: 24px;
    padding-bottom: 5px;
    padding-left: 2px;
}


#btnPautaEncaminhamentos .mdi {
    font-size: 24px;
    padding-bottom: 5px;
    padding-left: 2px;
}

#btnParar .mdi {
    font-size: 23px;
    margin: -1px 0px 0px -5px;
    color: #fff;
}

#btnCancelar .mdi {
    font-size: 17px;
    margin: -2px 0px 0px -2px;
    color: #fff;
}

#btnParar {
    margin-left: 60px !important;
}

#btnCancelar,
#btnParar {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    border: none;
    background-color: rgb(255, 171, 64);
}

#ulMenu_Timesheet {
    padding: 10px 20px;
    background-color: #00b3b3;
    color: #fff;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}

#lblData_Timesheet {
    font-weight: bold;
}

#divConteudo_Timesheet {
    width: 100%;
    padding: 10px 20px 20px 20px;
}

.cssTitulo_Timesheet {
    font-weight: bold;
}

#divConteudo_Timesheet ul:first-child {
    margin: 0px 0px 15px 0px;
}

.cssEspaco {
    margin-bottom: 5px;
}

/*.dx-popup-title.dx-toolbar .dx-toolbar-before {
    width: calc(100% - 150px) !important;
}

.dx-datagrid-rowsview .dx-row.dx-edit-row:first-child>td {
    background-color: #FAF5FF;
    opacity: 1;
}*/