html,
body {
    font-family: var(--typography-main-font);
    color: var(--unfocused-text-color);
}

html {
    scrollbar-color: #9b9b9b #f0f0f0;
    scrollbar-width: thin;
}

html.dark-mode {
    scrollbar-width: thin;
    scrollbar-color: #555 #222;
}


BODY {
    height: 100%;
    /*background-color: #DAEDB7; 
    background: #DCEEBA url('../images/fundo.jpg'); 
    background-repeat: repeat-x;
    padding-top: 20px;
    font: Arial, Helvetica, sans-serif;
    background: -webkit-linear-gradient(top, #E4E4E4, #FFFFFF);
    background: -moz-linear-gradient(top, #E4E4E4, #FFFFFF);
    background: linear-gradient(top, #E4E4E4, #FFFFFF);*/

    background-color: var(--main-page-background);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E4E4E4', endColorstr='#FFFFFF', GradientType=0);
    /* IE6-9 */
    background-repeat: no-repeat;
    font: 500 12px/1.6 var(--typography-main-font);
}

/*The additions below are part of the website redesign started in 04/07/2025 */

:root {

    --bg-color: #f3f4f8;
    --fg-color: #FFFFFF;
    --end-color: #D7D7D7;
    --accent-text-color: #FFFFFF;
    --textbox-color: #FFFFFF;
    --tiemanager-color: #00234b;
    --profile-area-color: #eff3f6;
    --text-color: #2B2B2B;
    --reversed-text-color: #FFFFFF;
    --unfocused-text-color: #7B7B7B;
    --specific-color-blue: rgb(226, 232, 253);
    --specific-color-blue-hovered: rgb(27, 69, 207);
    --tablebutton-color: #CECECE;
    --tablebutton-icon-color: #2b2b2b;
    --unfocused-text-color-lighter: #d8d8d8;
    --warning-red: red;
    --link-color: #1B8DF7;
    --link-hovered-color: #1B45CF;

    --typography-main-font: 'Inter', sans-serif;
    --typography-h1-font: 'Space Grotesk', sans-serif;
    --font-color: #0f1419;
    --sidebar-background: #FAFCFF;
    --sidebar-border: rgb(227, 233, 239);
    --sidebar-item-hovered: rgb(239, 247, 255);
    --sidebar-text-highlighted: #0053d9;
    --main-page-background: #f3f4f8;
    --sidebar-section-background-hovered: #e3e9ee;
    --sidebar-section-text: rgb(75, 88, 101);
    --accent-color: #0061ff;
    --hovered-accent-color: #0053d9;
    --button-text-color: #FFFFFF;
    --table-background: #FFFFFF;
    --table-border: #e3e9ef;
    --table-header-bg: #eef2f6;
    --table-header-text: #4b5865;
    --coloured-text-bg-green: rgb(236, 253, 243);
    --coloured-text-font-green: rgb(2, 122, 42);
    --coloured-text-bg-blue: rgb(239, 247, 255);
    --coloured-text-font-blue: rgb(0, 97, 255);
    --coloured-text-bg-red: #FEE2E2;
    --coloured-text-font-red: #B91C1C;
    --coloured-text-bg-orange: rgb(255, 249, 235);
    --coloured-text-font-orange: rgb(181, 71, 8);
    --coloured-text-bg-hovered-green: #D1FAE5;
    --coloured-text-font-hovered-green: #047857;
    --coloured-text-bg-hovered-blue: #DBEAFE;
    --coloured-text-font-hovered-blue: #0053D9;
    --coloured-text-bg-hovered-red: #FECACA;
    --coloured-text-font-hovered-red: #991B1B;
    --coloured-text-bg-hovered-orange: #FFEDD5;
    --coloured-text-font-hovered-orange: #9A3412;


    --simple-button-border-color: rgb(147, 203, 255);
    --simple-button-text-color: #0061FF;
    --simple-button-background-color: rgb(255, 255, 255);
    --simple-button-hovered-border-color: rgb(36, 150, 255);
    --simple-button-hovered-text-color: rgb(0, 69, 179);
    --simple-button-hovered-background-color: rgb(219, 237, 254);

    --input-background-filled: #f3f4f6;
    --input-background-not-filled: #ffffff;
    --input-border-filled: #d1d5db;
    --input-border-not-filled: #e5e7eb;

}

.dark-mode {
    --bg-color: #141415;
    --fg-color: #171717;
    --end-color: #242424;
    --accent-text-color: #FFFFFF;
    --textbox-color: #242424;
    --tiemanager-color: #FFFFFF;
    --profile-area-color: #2a2d34;
    --text-color: #FFFFFF;
    --reversed-text-color: #2B2B2B;
    --unfocused-text-color: #7B7B7B;
    --specific-color-blue: darkblue;
    --specific-color-blue-hovered: rgb(27, 69, 207);
    --tablebutton-color: #7B7B7B;
    --tablebutton-icon-color: #2b2b2b;
    --unfocused-text-color-lighter: #2b2b2b;
    --warning-red: red;
    --link-color: #1B8DF7;
    --link-hovered-color: #1B45CF;

    --typography-main-font: 'Inter', sans-serif;
    --typography-h1-font: 'Space Grotesk', sans-serif;
    --font-color: #f9fafb;
    --sidebar-background: #1E1E1F;
    --sidebar-border: rgb(67, 68, 69);
    --sidebar-item-hovered: rgb(4, 16, 35);
    --sidebar-text-highlighted: #72b3ef;
    --main-page-background: #141415;
    --sidebar-section-background-hovered: #434445;
    --sidebar-section-text: rgb(213, 214, 215);
    --accent-color: #3a95e9;
    --hovered-accent-color: #72b3ef;
    --button-text-color: #232325;
    --table-background: #232325;
    --table-border: #434445;
    --table-header-bg: #2b2e30;
    --table-header-text: #d5d6d7;
    --coloured-text-bg-green: rgb(8, 43, 20);
    --coloured-text-font-green: rgb(176, 234, 195);
    --coloured-text-bg-blue: rgb(4, 16, 35);
    --coloured-text-font-blue: rgb(58, 149, 233);
    --coloured-text-bg-red: #4C1D1D;
    --coloured-text-font-red: #FCA5A5;
    --coloured-text-bg-orange: rgb(63, 30, 14);
    --coloured-text-font-orange: rgb(242, 214, 149);

    --coloured-text-bg-hovered-green: #0F5132;
    --coloured-text-font-hovered-green: #A7F3D0;

    --coloured-text-bg-hovered-blue: #0A2A5E;
    --coloured-text-font-hovered-blue: #93C5FD;



    --coloured-text-bg-hovered-red: #7F1D1D;
    --coloured-text-font-hovered-red: #FCA5A5;


    --coloured-text-bg-hovered-orange: #7C2D12;
    --coloured-text-font-hovered-orange: #FED7AA;


    --simple-button-border-color: rgb(18, 73, 161);
    --simple-button-text-color: #3A95E9;
    --simple-button-background-color: rgb(35, 35, 37);
    --simple-button-hovered-border-color: rgb(32, 105, 223);
    --simple-button-hovered-text-color: rgb(158, 203, 244);
    --simple-button-hovered-background-color: rgb(8, 32, 71);

    --input-background-filled: #1f2937;
    --input-background-not-filled: #111827;
    --input-border-filled: #374151;
    --input-border-not-filled: #4b5563;
}

.td_logo {

    display: flex;
    align-self: flex-start;
    width: 200px;
    height: 80px;
    background: url('/img/png/blue_td_for_lightmode.png') no-repeat center/contain;

}

.dark-mode .td_logo {
    background-image: url('/img/png/blue_td_for_darkmode.png');
}

.mockup-img {

    margin-top: 32px;
    background: white;
    border-radius: 25px;
    height: 200px;
    width: 90%;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .15);

}

.login_logo_td {
    height: 60px;
    margin: 30px 0 20px 0px;
    background: url('/img/png/blue_td_for_lightmode.png') no-repeat left center;
    background-size: contain;
}

.login-button {

    font-family: var(--typography-main-font);
    margin-top: 8px;
    width: 100%;
    padding: 12px 16px;
    border-radius: 12px;
    background: var(--accent-color);
    color: #fff;
    font-weight: 600;
    border: 0;
    cursor: pointer;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .08);

}

.login-small-buttons-area {
    display: flex;
    flex-direction: row;
    margin-top: auto;
}

.user-and-pass-area {

    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.login-h1 {
    font-family: var(--typography-h1-font);
    color: var(--text-color);
}

.login-subtitle {

    color: var(--unfocused-text-color);
}

.login-recover {

    color: var(--unfocused-text-color);
    font-weight: bold;
}

.login-recover:hover {
    color: var(--link-color);
    text-decoration: underline;
}

.dark-mode .login_logo_td {
    background-image: url('/img/png/blue_td_for_darkmode.png');
}

.widget {
    margin-top: 15px;
    margin-bottom: 10px;
    /*background-image: url(../images/menu/title-r.png);*/
    background-color: var(--accent-color);
    /*background-repeat: no-repeat; 
        background-position: top right;*/
    border-radius: 4px;
    -moz-border-radius: 4px;
}

.widget_body {
    width: min(1100px, 100%);
    border-radius: 25px;
    box-shadow: 0 20px 50px rgba(17, 24, 39, .08);
    background: var(--fg-color);
    /*padding-bottom: 10px;*/
    border: 1px solid var(--unfocused-text-color-lighter);
}

.filter_element {
    border-radius: 5px;
    border: 1px solid var(--unfocused-text-color) !important;
    height: 25px;
    min-width: 35px;
    background-color: var(--textbox-color) !important;
    color: var(--unfocused-text-color);
    padding-left: 5px;
    padding-right: 5px;
    font: 600 12px/2 var(--typography-main-font) !important;
}

.filter_element:disabled,
.filter_element[disabled],
.filter_element[aria-disabled="true"] {
    opacity: .55;
    cursor: not-allowed;
    background-color: var(--textbox-disabled-color, var(--textbox-color)) !important;
    color: var(--disabled-text-color, var(--unfocused-text-color));
    border-color: var(--disabled-border-color, var(--unfocused-text-color)) !important;
    pointer-events: none;
    /* prevents clicks on non-form elements */
}

.filter_element:disabled:hover,
.filter_element[disabled]:hover,
.filter_element[aria-disabled="true"]:hover {
    box-shadow: none !important;
}

.filter_element:focus-visible:not(:disabled) {
    outline: 2px solid var(--focus-ring, #5b9dd9);
    outline-offset: 2px;
}

select.filter_element[multiple] {
    resize: none;
    overflow: auto;
    min-width: 200px;
}

.min-height-80 {
    min-height: 80px;
}

.max-width-35 {
    max-width: 35px;
}

.no-top-border-radius {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.only-bottom-border-radius {

    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.noicon-submenus,
.icon-submenus {
    align-items: center;
    display: inline-block;
    align-self: center;
    font-weight: normal;
    position: relative;
    background: none;
    font-size: 16px;
    color: var(--unfocused-text-color);
    padding: 10px 10px 10px 10px;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid var(--unfocused-text-color-lighter);
    border-radius: 10px;
    margin-left: 10px;
}

.noicon-submenus:hover,
.noicon-submenus:active,
.noicon-submenus:focus {
    transition: color 400ms cubic-bezier(0.4, 0, 0.2, 1), background-color 400ms cubic-bezier(0.4, 0, 0.2, 1), border-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--font-color);
    background: var(--hovered-accent-color);
}

/* The additions above are part of the website redesign started in 04/07/2025 */

.separador_cima_esq {
    background-image: url(../images/separador_cima_esq.jpg);
}

.separador_centro {
    background-image: url(../images/separador_cima_centro.jpg);
    background-repeat: repeat-x;
}

.separador_cima_drt {
    background-image: url(../images/separador_cima_drt.jpg);
}

.separador_baixo_esq {
    background-image: url(../images/separador_baixo_esq.jpg);
}

.separador_centro_baixo {
    background-image: url(../images/separador_baixo_centro.jpg);
    background-repeat: repeat-x;
}

.separador_baixo_drt {
    background-image: url(../images/separador_baixo_drt.jpg);
}

/* links */
a {
    font-family: var(--typography-main-font);
    /*font-weight: bold;*/

    color: var(--text-color);
    border-top-style: none;
    text-decoration: none;
    /*color: #ffffff;
    font-size: 12px;
    
    */
}

/*
a:hover {
    color: #333;
}

a.active {
    color: #FF6600;
    text-decoration: none;
}
    */

/* tabelas */

.linha_verde_cima {
    font-family: var(--typography-main-font);
    font-size: 11px;
    color: #003399;
    /*background-color:#FBB13F;*/
    width: 224px;
    text-align: center;
}

.linha_verde {
    font-family: var(--typography-main-font);
    font-size: 11px;
    background-color: #FBB13F;
    width: 224px;
    text-align: center;
    border: solid 1px #FBB13F;
}

.linha_verde_baixo {
    font-family: var(--typography-main-font);
    font-size: 11px;
    color: #003399;
    background-color: #EAFFBC;
}

.linha_fundo_verde {
    font-family: var(--typography-main-font);
    font-size: 11px;
    /*background-color:#eaffbc;*/
    width: 224px;
    text-align: center;
    border: solid 1px #c1c1c1;
}

/* textos */
.round {
    border-radius: 2px;
}

.titulo_pagina {
    font-family: var(--typography-main-font);
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 1.3333333;
    /*letter-spacing: 0.3px;*/
    color: var(--font-color);
}

.page-subtitle {
    font-size: 0.875rem;
    letter-spacing: 0px;
    line-height: 1.57143;
    font-weight: 400;
    color: var(--unfocused-text-color);
}

.title_and_sub {
    display: flex;
    flex-direction: column;
}

.table-adjacent-text {
    font-family: var(--typography-main-font);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.3px;
    color: var(--font-color);
}

.titulo-daydetail {
    font-family: var(--typography-main-font);
    font-weight: 600;
    font-size: 30px;
    padding: 10px;
    letter-spacing: 0.3px;
    color: var(--font-color);
}

.titulo_motores {
    font-family: var(--typography-main-font);
    font-size: 12px;
    border-radius: 0px;
    /*color: #333333;*/
    color: #737171;
    margin-bottom: 0px;
}

.date-link {
    font-family: var(--typography-main-font);
    font-size: 14px;
    margin-bottom: 0px;
    color: var(--unfocused-text-color);
}

.date-link:hover {
    color: var(--link-hovered-color);

}

.texto_condicao_dia {
    font-family: var(--typography-main-font);
    font-weight: bold;
    font-size: 11px;
    color: #ff3300;
}

.texto_tabelas_detalhes {
    font-family: var(--typography-main-font);
    font-size: 12px;
    color: #389AA5;
    font-weight: bold;

}

.cabecalhos {
    text-align: center;
    font-weight: normal;
    font-size: 11px;
    /*color: #737171;
    border-radius: 5px;
    */
    font-family: var(--typography-main-font);
    height: 21px;
    color: var(--table-header-text);
    background-color: var(--table-header-bg);
    /*background-color: var(--accent-color);
    color: var(--button-text-color);
    */

    text-transform: capitalize;
}

.cabecalhos a {
    color: var(--button-text-color);
}

.zoom {
    transition: transform .3s;
    /* Animation, more than .3s becomes too slow */
    margin: 0 auto;
}

.zoom:hover {
    /* chrome */
    transform: scale(3.0);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
    -ms-transform: scale(3.0);
    /* IE 9 */
    -webkit-transform: scale(3.0);
    /* Safari 3-8 */
}

.btn_not_submit {

    background-color: var(--accent-color);
    /*
    background-color: #428bca !Important;
    	background-color:#ffff00 !Important;
*/
}

input[type=submit]:disabled {
    background-color: #BBBBBB !Important;
    border: 1px solid #d6d6d6 !Important;
    /* border-radius: 10px;*/
}

.titulo_tabela {
    background-color: var(--table-header-bg);
    font-weight: normal;
    font-size: 10px;
    letter-spacing: 0px;

    font-weight: 400;
    color: var(--table-header-text);
    font-family: var(--typography-main-font);
    height: 50px;
    border-radius: 10px 10px 0px 0px;
    /*
    line-height: 1.57143;
    color: #737171;
    color: #4a670e;*/
    /*border-radius: 10px;*/
}

.titulo_tabela_scroll {
    font-weight: normal;
    font-size: 11px;
    color: #737171;
    background-color: var(--accent-color);
    font-family: var(--typography-main-font);
    height: 35px;
    position: absolute;
    width: 449.2px;
    height: 28px;
    /*color: #4a670e;*/
}

.titulo_tabela a {
    font-size: 10px;
    /*
    color: #4a670e;
    color: #737171;*/
    color: var(--table-header-text);
    text-decoration: underline;
    /*
    text-decoration:none;
	font-family: var(--typography-main-font);
	height: 35px;*/
}


.titulo_tabela a:hover {
    color: var(--link-hovered-color);
}

.texto_verde {
    font-family: var(--typography-main-font);
    font-size: 12px;
    color: #86D50B;
    font-weight: bold;
}

.texto_titulos {
    font-weight: bold;
    font-size: 12px;
    color: gray;
    font-family: var(--typography-main-font);
}

.texto_footer {
    font-family: var(--typography-main-font);
    font-weight: bold;
    font-size: 12px;
    /*color: #666633;*/
    color: #737171;
    border-top-style: none;
    text-decoration: none;
}



#Table2 .texto_footer {
    /*color: #333333;*/
    color: var(--unfocused-text-color);
}

.texto_preto {
    font-family: var(--typography-main-font);
    color: #737171;
    font-size: 12px;
    border-radius: 5px;
}

.texto_cinza {
    font-family: var(--typography-main-font);
    color: #777;
    font-size: 11px;
}

.texto_cinza a {
    font-family: var(--typography-main-font);
    color: #333333;
    font-size: 11px;
}


.texto_caixa_email {
    font-family: var(--typography-main-font);
    font-size: 12px;
    color: #475A61;
}

.texto_inside {
    font-family: var(--typography-main-font);
    font-size: 12px;
    color: #333333;
}

.texto_rosa {
    font-family: var(--typography-main-font);
    font-size: 11px;
    font-weight: bold;
    color: #FF358B;
}

.texto_bold {
    font-family: var(--typography-main-font);
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
}

.preco {
    font-family: var(--typography-main-font);
    font-size: 18px;
    font-weight: bold;
    color: #187298;

}

.areas2 {
    font-family: var(--typography-main-font);

    color: var(--table-header-text);
    background-color: var(--table-header-bg);

    /*
    font-size: x-small;
    border: 1px solid #c1c1c1;
    color: #737171;
    background-color: #ffcccc;
	border-top: 1px solid #990033;
	border-right: 1px solid #990033;
	border-left: 1px solid #990033;
	border-bottom: 1px solid #990033;*/
}

.areas4 {
    font-family: var(--typography-main-font);
    font-size: x-small;
    background-color: var(--table-header-bg);
    color: var(--table-header-text);
    /*
    color: #333333;
    border-top: 1px solid #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
	border-left: 1px solid #003366;
    background-color: #ECECFF;
    background-color: #B5E6FD;
    border: 1px solid #c1c1c1;
    */


}

.fundo_titulo {
    font-family: var(--typography-main-font);
    font-size: 10px;
    font-weight: bold;
    /*
    background-color: #3D7A60;
    border-top: 1px solid #fff;
    color: #737171;
    */
    color: var(--table-header-text);
    background-color: var(--table-header-bg);
}

.faltas-grid>tbody>tr:first-child {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
    white-space: nowrap !important;
}



.header_sticky {
    position: sticky;
    top: 0;
    z-index: 99;
    font-family: var(--typography-main-font);
    font-size: 11px;
    font-weight: bold;
    background-color: var(--table-header-bg);
    color: var(--table-header-text);
    border: 1px solid var(--table-header-bg);
    /*
    background-color: #3D7A60;
    border: 1px solid #fff;
    color: #737171;
    */
}

.table-controls-overall {
    display: flex;
    flex-direction: row;
}

.table-controls {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    justify-content: flex-end;
    padding: 5px;

}

.table-controls::after {
    content: "";
    flex: 0 0 5%;
}

.table-controls-start {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    justify-content: flex-start;
    padding: 5px;
}

.table-controls-start::before {
    content: "";
    flex: 0 0 5%;
}

.fundo_titulo3 {
    font-family: var(--typography-main-font);
    font-size: 10px;
    color: #737171;
    font-weight: bold;
    /*background-color: #003366;*/
    background-color: var(--accent-color);
}

/* boxes */

.caixa_email {
    font-family: var(--typography-main-font);
    font-size: 12px;
    color: #333333;
    background-color: #F5F5F5;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: none;
    border-right-color: #D8D8D8;
    border-bottom-color: #D8D8D8;

}

.caixa_legenda {
    font-family: var(--typography-main-font);
    font-size: 10px;
    background-color: var(--fg-color);
    background-image: none;
    width: 240px;
    border: 1px solid var(--sidebar-border);
    color: var(--unfocused-text-color);
    /*
    border: 1px solid var(--accent-color);
    border: 1px solid #FBB13F;*/
    /* font-family: Arial, Helvetica, sans-serif; */
}

.disabledHeader {
    color: #737171 !important;
}

.caixa_legenda_ajuda {
    padding: 3px;
    font-family: var(--typography-main-font);
    font-size: 12px;
    background-color: var(--accent-color);
    width: 180px;
    color: var(--button-text-color);
    /*background-color: #EAFFBC;
    border: 1px solid #c1c1c1;
     font-family: Arial, Helvetica, sans-serif; */
}

.caixa_legenda_ajuda_Permissoes {
    color: var(--button-text-color);
    padding: 3px;
    font-family: var(--typography-main-font);
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 12px;
    /*background-color: #EAFFBC;*/
    background-color: var(--accent-color);
    width: 240px;
    /*border: 1px solid #c1c1c1;*/
}

.caixa_plan_horarios {
    border: thin solid #b8dd69;
    font-size: 10px;
    width: 265px;
    font-family: var(--typography-main-font);
    /* font-family: Arial, Helvetica, sans-serif; */
    background-color: #eaffbc;
}

.caixa_acesso {
    border-right: #c0d8e9 1px solid;
    border-top: #ffe 1px solid;
    display: block;
    border-left: #fff 1px solid;
    width: 290px;
    color: #777;
    border-bottom: #c0d8e9 1px solid;
    height: 200px;
    background-color: #f7fafd;
    text-decoration: none;

}

.caixa_main {
    color: #777;
    background-color: var(--fg-color);
    border: 1px solid var(--unfocused-text-color-lighter);
    z-index: 102;
    border-radius: 5px;
    /*width: 100%;*/
    padding-bottom: 5px;
    /*border-top-color: #F26822;
	border-right-color: #F26822;
	border-bottom-color: #F26822;
	border-left-color: #F26822;
    border-color: #c1c1c1;*/
    /*background-color: #EAFFBC;*/
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.caixa_main_sem_border {
    color: #777;
    background-color: transparent;
    border-color: #c1c1c1;
    z-index: 102;
    /*border-top-width: 1px;
    	border-right-width: 1px;
    	border-bottom-width: 1px;
    	border-left-width: 1px;
    	border-top-style: solid;
    	border-right-style: solid;
    	border-bottom-style: solid;
    	border-left-style: solid;*/
    /*border-top-color: #F26822;
    	border-right-color: #F26822;
    	border-bottom-color: #F26822;
    	border-left-color: #F26822;*/
    /*background-color: #EAFFBC;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
}

.caixa_horarios {
    border-right: #F26822 2px solid;
    border-top: #F26822 1px solid;
    border-left: #F26822 1px solid;
    color: #777;
    border-bottom: #F26822 2px solid;
    background-color: #f9ffec;
}

.just-unfocused-border {

    border: 1px solid var(--sidebar-border);
}

.borda_detalhe_dia {
    /*border: #c1c1c1 1pt solid;
    background-color: #FFDEAA;
    color: #333;
    */
    border: var(--table-header-bg) 1px solid;
    border-radius: 5px;
    font-size: 11px;
    font-family: var(--typography-main-font);
}

.borda_baixo_dia {

    border-bottom: 1px solid var(--unfocused-text-color-lighter);
    font-size: 11px;
    color: var(--text-color);
    font-family: var(--typography-main-font);
    /*
    border-bottom: #c1c1c1 1pt solid;
    color: #333;
    background-color: #eaffbc;
    background-color:#FAFAD2;*/
}

.borda_baixo_dia:nth-child(even) {
    /* background-color: #FFEBCD;*/
    background-color: var(--table-background);
}

.borda_baixo_dia:nth-child(odd) {
    /*  background-color: #FAFAD2; */
    background-color: var(--table-background);
}

.borda_legenda {

    border-bottom: #000000 1pt solid;
    border-right: #000000 1pt solid;
    border-top: #000000 1pt solid;
    border-left: #000000 1pt solid;
}

.detalhe_dia {
    font-family: var(--typography-main-font);
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 11px;
    border: thin #F26822;
    color: var(--table-header-text);
}


.caixa_resultados {
    border-right: #c0d8e9 1px solid;
    border-top: #ffe 1px solid;
    display: block;
    border-left: #fff 1px solid;
    color: #777;
    border-bottom: #c0d8e9 1px solid;
    background-color: #EAFFBC;

}

.padding {

    font-family: var(--typography-main-font);
    font-size: 11px;
    font-weight: bold;
    color: #FF358B;

}

/* sidebar */

.linkroll {
    margin: 10px 0 10px 0;
    padding: 0;
    border-top: 1px solid #eee;

}

.linkroll li {
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    margin: 1px;
    padding-top: 1px;
    list-style-type: none;
    background-color: #97ca2f;
}

.linkroll li a {
    display: block;
    margin: 0;
    color: #777;
    text-decoration: none;
    border-bottom: 1px solid #eee;
    background-position: left;
    background-repeat: no-repeat;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
}

.linkroll li a:hover {
    border-bottom: 1px solid #ccc;
    background-color: #F7F7F7;
    color: #ED028D;

}

/* menu */

/*.header{ background-image: url(../images/fundo-menu.png); background-repeat:no-repeat;}*/
.header {
    background-color: var(--accent-color);
    /*background:#86A81D;
	background: linear-gradient(to right,#86A81D, #94B328);
	box-shadow: 0 0 5px rgba(93, 129, 15, 0.5), 0 1px 5px 3px rgba(93, 129, 15, 0.5), 0 5px 4px -3px rgba(93, 129, 15, 0.5);
	-moz-box-shadow: 2px 5px 6px rgba(93, 129, 15, 0.5); 
    -webkit-box-shadow: 1px 5px 6px rgba(93, 129, 15, 0.5);
    box-shadow: 1px 5px 6px rgb(249, 172, 62), 1px 5px 6px rgb(249, 172, 62), 1px 5px 6px rgb(249, 172, 62);
	-moz-box-shadow: 1px 5px 6px rgb(249, 172, 62);); 
    -webkit-box-shadow: 1px 5px 6px rgb(249, 172, 62);*/
}

.togglemode {
    display: flex;
    align-items: center;
    position: relative;
    background: none;
    border: none;
    padding: 15px;
    text-decoration: none;
    margin-left: -3px;
}

.togglemode::before {
    align-self: center;
    vertical-align: middle;
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: var(--font-color);
    -webkit-mask: url(../img/svg/LightMode.svg) no-repeat center;
    mask: url(../img/svg/LightMode.svg) no-repeat center;
}

html.dark-mode .togglemode::before {
    -webkit-mask: url(../img/svg/DarkMode.svg) no-repeat center;
    mask: url(../img/svg/DarkMode.svg) no-repeat center;
}

.togglemode:hover,
.togglemode:focus {
    color: var(--link-color);
}

.togglemode:hover::before {
    background-color: var(--sidebar-text-highlighted);
}

.sidebar-single-item {
    font-size: 14px;
    height: 20px;
    padding: 5px;
    justify-content: center;
    --main-menu-item-size: 36px;
    --main-menu-item-space: 8px;
    /* transition: 0.3s; */
    font-size: 0.875rem;
    line-height: 1.57143;
    letter-spacing: 0px;
    -webkit-box-align: center;
    align-items: center;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: var(--main-menu-item-space);
    height: var(--main-menu-item-size);
    min-width: var(--main-menu-item-size);
    padding: 0px 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    /*background-color: rgb(4, 16, 35);*/
    color: var(--font-color);
    font-weight: 500;

}

.sidebar-single-item:hover,
.sidebar-single-item:focus {
    background: var(--sidebar-item-hovered);
    color: var(--sidebar-text-highlighted);
}

.sidebar-lowest-item {

    --main-menu-sub-item-size: 36px;
    --main-menu-sub-item-space: 8px;
    transition: 0.3s;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.57143;
    letter-spacing: 0px;
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border-left: 1px solid var(--sidebar-border);
    color: var(--text-color);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: var(--main-menu-sub-item-space);
    height: var(--main-menu-sub-item-size);
    min-width: var(--main-menu-sub-item-size);
    padding: 0px 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    margin-left: auto;
    margin-right: auto;
}

.sidebar-lowest-item:hover {
    color: var(--sidebar-text-highlighted);
    transition: background-color 0.3s, color;
}

.sidebar-section {

    color: var(--sidebar-section-text);
    font-weight: 500;
    font-size: 0.625rem;
    line-height: 1.6;
    letter-spacing: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    box-sizing: border-box;

    display: flex;
    justify-content: flex-start;
    max-width: 100%;
    text-transform: uppercase;
    border-radius: 4px;
    padding: 2px 4px;
    transition: background-color 0.3s, color;
}

.sidebar-section:hover {

    border-radius: 5px;
    background-color: var(--sidebar-section-background-hovered);
    transition: background-color 0.3s, color;
}

.nav-icon {
    display: flex;
}

.nav-icon,
.icon-toolbar {

    align-items: center;
    position: relative;
    background: none;
    border: none;
    text-decoration: none;
}

.nav-icon::before,
.icon-toolbar::before {
    align-self: center;
    vertical-align: middle;
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    background-color: var(--font-color);
    -webkit-mask: var(--icon-mask) no-repeat center;
    mask: var(--icon-mask) no-repeat center;
    mask-size: contain;
}

.icon-toolbar {
    display: inline-flex;
    justify-content: center;
    vertical-align: middle;
}

.visually-hidden {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

.nav-icon::before {
    width: 14px;
    height: 14px;
}


.icon-toolbar.redbase::before {
    background-color: var(--warning-red);
}

.icon-toolbar:hover,
.icon-toolbar:focus {
    color: var(--font-color);
}


.nav-icon:hover::before,
.nav-icon:focus::before,
.icon-toolbar:hover::before,
.icon-toolbar:focus::before {
    background-color: var(--sidebar-text-highlighted);
}

.nav-icon.calendar {
    --icon-mask: url('/img/svg/Calendar.svg');
}

.nav-icon.calendar-notes {
    --icon-mask: url('/img/svg/Calendar_Notes.svg');
}

.nav-icon.projects {
    --icon-mask: url('/img/svg/Book_Open.svg');
}

.nav-icon.temp-work {
    --icon-mask: url('/img/svg/Timer.svg');
}

.nav-icon.expenses {
    --icon-mask: url('/img/svg/Trending_Down.svg');
}

.nav-icon.interventions {
    --icon-mask: url('/img/svg/Pointer.svg');
}

.location-icon {
    --icon-mask: url('/img/svg/Map_Pin.svg');
}

.nav-icon.transfer-dept {
    --icon-mask: url('/img/svg/Transfer_Department.svg');
}

.nav-icon.adverts {
    --icon-mask: url('/img/svg/Adverts.svg');
}

.nav-icon.attendance {
    --icon-mask: url('/img/svg/Checkbox_Check.svg');
}

.nav-icon.cars {
    --icon-mask: url('/img/svg/Car.svg');
}

.nav-icon.absences-registered {
    --icon-mask: url('/img/svg/House_Close.svg');
}

.nav-icon.absences-requests {
    --icon-mask: url('/img/svg/House_Close.svg');
}

.nav-icon.extras-registered {
    --icon-mask: url('/img/svg/Checkbox_Check.svg');
}

.nav-icon.extras-requests {
    --icon-mask: url('/img/svg/Checkbox_Check.svg');
}

.nav-icon.holidays-registered {
    --icon-mask: url('/img/svg/Coffee.svg');
}

.nav-icon.holidays-manage {
    --icon-mask: url('/img/svg/Coffee.svg');
}

.nav-icon.terminals {
    --icon-mask: url('/img/svg/Terminal.svg');
}

.nav-icon.telephone {
    --icon-mask: url('/img/svg/Mobile.svg');
}

.nav-icon.localities {
    --icon-mask: url('/img/svg/Buildings.svg');
}

.nav-icon.general-settings {
    --icon-mask: url('/img/svg/Settings.svg');
}

.edit-messages {
    --icon-mask: url('/img/svg/Edit_Pencil.svg');
}

.lock-icon {
    --icon-mask: url('/img/svg/Lock.svg');
}

.target-icon {
    --icon-mask: url('/img/svg/Target.svg');
}

.key-stroke-icon {
    --icon-mask: url('/img/svg/Key_Stroke.svg');
}

.paperclip-tilted-icon {
    --icon-mask: url('/img/svg/Paperclip_Tilted.svg');
}

.key-fill-icon {
    --icon-mask: url('/img/svg/Key_Fill.svg');
}

.circled-x-icon {
    --icon-mask: url('/img/svg/Circled_X.svg');
}

.circled-checkmark-icon {
    --icon-mask: url('/img/svg/Circled_Checkmark.svg');
}

.refresh-counterclockwise {
    --icon-mask: url('/img/svg/Refresh_CounterClockwise.svg');
}

.printer-icon {
    --icon-mask: url('/img/svg/Printer.svg');
}

.camera-icon {
    --icon-mask: url('/img/svg/Camera.svg');
}

.trash-icon {
    --icon-mask: url('/img/svg/Trash.svg');
}

.add-icon {
    --icon-mask: url('/img/svg/Add.svg');
}

.nav-icon.workers {
    --icon-mask: url('/img/svg/Users_Group.svg');
}

.nav-icon.schedule {
    --icon-mask: url('/img/svg/Calendar_Days.svg');
}

.nav-icon.global-operations {
    --icon-mask: url('/img/svg/Globe.svg');
}

.nav-icon.data {
    --icon-mask: url('/img/svg/Data.svg');
}

.nav-icon.license-and-services {
    --icon-mask: url('/img/svg/User_Card_ID.svg');
}

.nav-icon.vacation-deduction {
    --icon-mask: url('/img/svg/Calendar_Remove.svg');
}

.nav-icon.compensatory-time {
    --icon-mask: url('/img/svg/Coffe_To_Go.svg');
}

.nav-icon.hierarchy {
    --icon-mask: url('/img/svg/List_Ordered.svg');
}

.nav-icon.hour-bank {
    --icon-mask: url('/img/svg/Clock.svg');
}

.nav-icon.checkin-checkout {
    --icon-mask: url('/img/svg/Suitcase.svg');
}

.nav-icon.bank-holidays {
    --icon-mask: url('/img/svg/Sun.svg');
}

.nav-icon.absences-type {
    --icon-mask: url('/img/svg/Option.svg');
}

.coloured-text-with-background-style:empty {
    display: none;
}

.coloured-text-with-background-style:empty {
    padding: 0;
    height: 0;
    background: transparent;
}

.coloured-text-with-background-style {
    -webkit-box-align: center;
    align-items: center;
    border-radius: 25px;
    display: inline-flex;
    height: 22px;
    line-height: 22px;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0px 8px;
    text-transform: uppercase;
}

.coloured-text-with-background-green {

    background-color: var(--coloured-text-bg-green);
    color: var(--coloured-text-font-green);
}

a.coloured-text-with-background-green:hover {
    background-color: var(--coloured-text-bg-hovered-green);
    color: var(--coloured-text-font-hovered-green);
}

.coloured-text-with-background-blue {

    background-color: var(--coloured-text-bg-blue);
    color: var(--coloured-text-font-blue);
}

a.coloured-text-with-background-blue:hover {
    background-color: var(--coloured-text-bg-hovered-blue);
    color: var(--coloured-text-font-hovered-blue);
}

.coloured-text-with-background-red {

    background-color: var(--coloured-text-bg-red);
    color: var(--coloured-text-font-red);
}

a.coloured-text-with-background-red:hover {

    background-color: var(--coloured-text-bg-hovered-red);
    color: var(--coloured-text-font-hovered-red);
}

.coloured-text-with-background-orange {

    background-color: var(--coloured-text-bg-orange);
    color: var(--coloured-text-font-orange);
}

a.coloured-text-with-background-orange:hover {

    background-color: var(--coloured-text-bg-hovered-orange);
    color: var(--coloured-text-font-hovered-orange);
}




.user_title {
    color: var(--font-color);
    font-size: 18px;
}

.menu-item {

    /* --main-menu-item-size: 36px; */
    --main-menu-item-space: 8px;
    transition: 0.3s;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.57143;
    letter-spacing: 0px;
    margin: 0px;
    -webkit-box-align: center;
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 8px;
    color: rgb(15, 20, 25);
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: var(--main-menu-item-space);
    height: var(--main-menu-item-size);
    min-width: var(--main-menu-item-size);
    padding: 0px 10px;
    position: relative;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.company_title {
    color: var(--unfocused-text-color);
    font-size: 14px;
}

.profileinfo_area {
    display: flex;
    flex-direction: row;
    position: relative;
    height: 100px;
    /*background-color: var(--profile-area-color);*/
    justify-content: space-around;
}

.profileinfo_area::before {
    content: "";
    position: absolute;
    top: 0;
    left: 5%;
    right: 5%;
    border-top: 1px solid var(--sidebar-border);
    height: 0;
    pointer-events: none;
}


.sidebar_top_style {
    display: flex;
    flex-direction: row;
    margin-bottom: 30px;
    margin-top: 30px;
}

.sidebar_top_buttons_style {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.sidebar_style {
    background-color: var(--sidebar-background);
    display: flex;
    flex-direction: column;
    height: 100vh;
    /* width: 260px; */
    width: 248px;
    border-right: 1px solid var(--sidebar-border);
}

.navbar_options_style {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.sidebar_menu_positioning {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
}

.top_right_menu_style {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1000;
    height: 100px;
    width: 250px;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 1rem;
    background: var(--fg-color);
}

/*
.not_sidebar_positioning {
    margin-left: 600px;
    max-width: 1200px;
    margin-right: auto;
    margin-top: 100px;
}
    */


.not_sidebar_positioning {
    margin-left: 260px;
    max-width: none;
    margin-right: 0;
    margin-top: 0;
    width: calc(100% - 260px);

    /* margin-top: 100px;*/
}

.table_toggle_button {
    min-width: 15px !important;
    width: 15px !important;
    border-color: var(--accent-text-color) !important;
}

.moreoptions-icon {
    --icon-mask: url(../img/svg/ThreeBars.svg);
}

.magnifying-glass {
    --icon-mask: url(../img/svg/Magnifying_Glass.svg);
}

.dashboard-icon {
    --icon-mask: url(../img/svg/Dashboard.svg);
}

.file-blank-icon {
    --icon-mask: url(../img/svg/File_Blank.svg);
}

.quit-icon {
    --icon-mask: url(../img/svg/Quit.svg);
}

.off-icon {
    --icon-mask: url(../img/svg/Off_Icon.svg);
}

.languages-icon {
    --icon-mask: url(../img/svg/Languages.svg);
}

.user-icon {
    --icon-mask: url(../img/svg/User_Icon.svg);
}

.just-link-color {
    color: var(--link-color);
}

.just-link-color:hover {

    color: var(--link-hovered-color);
}

.just-button-text-color {

    color: var(--button-text-color);
}

.simple-button,
.typical-button {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    border-radius: 50px;
    min-height: 40px;
    min-width: 88px;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.57143;
    letter-spacing: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 0px 24px;
    text-decoration: none;
    align-self: center;
    position: relative;
    background: none;
    transition: color 0.3s, background-color, border-color, opacity;
}

.simple-button {
    background-color: var(--simple-button-background-color);
    border: 1px solid var(--simple-button-border-color);
    color: var(--simple-button-text-color);

}

.simple-button:hover {
    transition: color 400ms cubic-bezier(0.4, 0, 0.2, 1), background-color 400ms cubic-bezier(0.4, 0, 0.2, 1), border-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid var(--simple-button-hovered-border-color);
    background-color: var(--simple-button-hovered-background-color);
    color: var(--simple-button-hovered-text-color);
}

.typical-button {
    font-family: var(--typography-main-font);
    color: var(--button-text-color);
    background-color: var(--accent-color);
    border: 1px solid transparent;
    border-image: initial;


}

.detailofday-button:hover,
.login-button:hover,
.typical-button:hover {
    transition: color 400ms cubic-bezier(0.4, 0, 0.2, 1), background-color 400ms cubic-bezier(0.4, 0, 0.2, 1), border-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
    background: var(--hovered-accent-color);
}

.detailofday-button {
    background-color: var(--accent-color);
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
    color: var(--button-text-color);
}

.userPanel-style,
.language-panel {
    position: absolute;
    bottom: 100px;
    left: 20%;
    width: auto;
    min-width: 60%;
    background: var(--sidebar-background);

    transform: translateY(10px);
    opacity: 0;
    border: 1px solid var(--unfocused-text-color-lighter);
    border-radius: 15px;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 200;
    /*box-shadow: 2px 0 6px rgba(0, 0, 0, 0.2);*/
}

.language-panel.login-lp {
    min-width: 5%;
}


/* Visible state */
.userPanel-style.open,
.language-panel.open {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

.userPanel-style {

    padding: 10px 10px 10px 10px;
}

.language-item {
    padding: 0.5rem 1rem;
    color: var(--font-color);
}

/* Vertical spacing between items */
.language-item+.language-item {
    margin-top: 0.25rem;
}

/* Link inside each item */
.language-item a {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--font-color);
}

/* Flag icon */
.language-item img {
    width: 24px;
    height: auto;
    margin-right: 0.5rem;
}

/* Hover/focus state */
.language-item a:hover,
.language-item a:focus {
    background: rgba(255, 255, 255, 0.1);
}

.datagrid-item,
.datagrid-item-alt,
.datagrid-selected,
.datagrid-edit {
    font-size: 14px;
    height: 54px;
    text-align: center;
}


.datagrid-item,
.datagrid-item-alt {
    /* color: black;*/
    color: var(--text-color);
    border-bottom: 1px solid var(--table-border);
}

.datagrid-item {
    /* background-color: LightGoldenrodYellow;*/
    background-color: var(--table-background);
}

.datagrid-item-alt {
    /* background-color: BlanchedAlmond;*/
    background-color: var(--table-background);
}

.just-table-background {
    background-color: var(--table-background)
}

.datagrid-selected {
    background-color: #008A8C;
    Font-weight: bold;
    color: white;
}

.datagrid-edit {
    /*background-color: #eeeeee;*/
    background-color: var(--coloured-text-bg-blue);
    color: var(--text-color);
}

.datagrid-footer {
    background-color: var(--table-background);
    color: var(--text-color);

}

.datagrid-general {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-family: var(--typography-main-font);
    background-color: var(--table-header-bg);
    border-color: transparent;
    border-radius: 10px;
    overflow: hidden;

}

.list_min_height {

    resize: both;
    min-height: 100px;
}

.login-form-style {
    display: flex;
    flex: 1;
    min-height: 620px;

}

.illustration-style {

    border-radius: 0 25px 25px 0px;
    background-color: var(--accent-color);
    flex: 1;
    padding-left: 5%;
    padding-top: 5%;
    color: #e8eeff;
    /*padding: 44px;*/
    position: relative;

}

.login-field {
    width: 100%;
    padding: 12px 14px;

    border-radius: 12px;
    border: 1px solid var(--input-border-not-filled);
    /*
    color: var(--unfocused-text-color);
    
    background: var(--input-background-not-filled);*/
    font-size: 14px;
}

fieldset {
    border: 1px solid var(--sidebar-border);
}

fieldset legend {
    color: var(--unfocused-text-color);
}

/*
.login-field.filled {
    background: var(--input-background-filled);
    border-color: var(--input-border-filled);
}
*/


#nav {
    list-style: none inside;
    margin: 0;
    /* color: red;*/
    padding: 0;
    text-align: center;
}

/*
#nav>li:first-child {
    border-top-right-radius: 10px;
}

#nav>li:last-child {
    border-bottom-right-radius: 10px;
}
*/
/*
#nav li {
    display: block;
    position: relative;
    float: left;
   background: var(--accent-color);
     menu background color 
}
*/

/*
#nav li a {
    display: block;
    padding: 0;
    text-decoration: none;
    width: 125px;
    font-size: 14px;
    line-height: 45px;
    color: var(--font-color);
    color: #ffffff;
}

*/

/*
#nav li a:hover,
#nav li a:focus {

    background: var(--sidebar-item-hovered);
    color: var(--sidebar-text-highlighted);
}


#nav li:hover {
    background: var(--sidebar-item-hovered);
    color: var(--sidebar-text-highlighted)
}
    */

*/ #nav li li a {
    text-align: left !important;
    padding: 5px !important;
    width: 150px !important;
    line-height: 30px !important;
    /*border-right-style: solid; 
    border-bottom-style: solid;	
    border-left-style: solid; 	
    border-right-color: #F4752E; 
    border-bottom-color: #F4752E; 
    border-left-color: #F4752E;
    border-width: 0.5px;*/
}


/*--- Sublist Styles ---*/
/*
#nav ul {
    position: absolute;
    padding: 0;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
    z-index: 1000;
    background-color: var(--fg-color);
}
*/
/* Show sublist on hover OR focus (tabbed into) */
/*
#nav li:hover>ul,
#nav li:focus-within>ul {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
}
*/
/* Sub-sublist positioning */
#nav li li>ul {
    left: 100%;
    top: 0;

}

/* Show sub-sublist on hover OR focus */
#nav li li:hover>ul,
#nav li li:focus-within>ul {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    /*  margin-left: 0px !important;
    margin-top: -40px !important;*/
}

/* Visual keyboard focus feedback */
#nav a:focus {
    /* outline: 2px solid #00f; */
    /*outline: 2px solid black;
     background-color: var(--hovered-accent-color);
    border-radius: 5px;
    position: relative;*/
    z-index: 9999;
}

#dropmenudiv {
    position: absolute;
    border-bottom-width: 0;
    z-index: 100;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    /*border-right-color: #91BB22; 
    border-bottom-color: #91BB22; 
    border-left-color: #91BB22;*/
    border-right-color: #F4752E;
    border-bottom-color: #F4752E;
    border-left-color: #F4752E;
    font-size: 12px;
    font-style: normal;
    font-family: var(--typography-main-font);
}

#dropmenudiv a {
    padding-right: 0px;
    display: block;
    font-weight: bold;
    width: 100%;
    text-indent: 3px;
    /*border-bottom: #91BB22 1px solid; 
    background-color: #86AB1F;*/
    border-bottom: #F4752E 1px solid;
    background-color: var(--accent-color);
    text-decoration: none;
    padding: 4px 4px 4px 4px;
    font-family: var(--typography-main-font);
}

#dropmenudiv a:hover {
    /*hover background color*/
    /*background-color: #98C424;*/
    background-color: #F39E44;
    color: #fff;
}

/* bordas & linhas */
.linha_menu {
    font-family: var(--typography-main-font);
    font-weight: bold;
    color: #DFDFDF;
    font-size: 12Px;
}

.borda_table {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #F4F4F4;
    border-right-color: #F4F4F4;
    border-bottom-color: #F4F4F4;
    border-left-color: #F4F4F4;
}

.barra_drt {
    border-right-style: solid;
    border-right-color: #F4F4F4;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #F4F4F4;
}

.tabela_detalhe_diario {
    border-right: #b8dd69 1px solid;
    border-top: #b8dd69 1px solid;
    border-left: #b8dd69 1px solid;
    border-bottom: #b8dd69 1px solid;
}

/* links */
.menu_desactivado {
    font-family: var(--typography-main-font);
    font-weight: bold;
    font-size: 11px;
    color: #CCCCCC;
    border-top-style: none;
    text-decoration: none;
}

.chefias {
    background-color: #FFFFFF;
    border-top: 2px solid #666666;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 2px solid #666666;
}

.saldos_cabecalho {
    background-color: #b5c6a6;
    padding-left: 12px;
    font-weight: normal;
    font-size: 11px;
    color: #4a670e;
    font-family: var(--typography-main-font);
    height: 21px;
}

.saldos1 {
    background-color: #dedeef;
    padding-left: 12px;
    font-weight: normal;
    font-size: 11px;
    color: #4a670e;
    font-family: var(--typography-main-font);
    height: 21px;
}

.saldos2 {
    background-color: #edc9c9;
    padding-left: 12px;
    font-weight: normal;
    font-size: 11px;
    color: #4a670e;
    font-family: var(--typography-main-font);
    height: 21px;
}

.caixa_erro {
    /*background-color: #FFFFCC;*/
    background-color: var(--fg-color);
    border-color: #808080;
}

.header_erro {
    font-family: var(--typography-main-font);
    /* font-family: Arial, Helvetica, sans-serif; */
    font-size: 12px;
    color: #FFFFFF;
    background-color: #666666;
    border-color: #808080;
    max-height: 10px;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 101;
}

.tituloJanela {
    font-family: var(--typography-main-font);
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    background-image: url('../images/fundo_header_tabelas.jpg');
    text-align: center;
    height: 25px;
}

.DivNIV_OP_INDISP {
    float: right;
    height: 10px;
    left: 225px;
    position: relative;
    top: -370px;
    z-index: 99;
}

/*teste  divs adwords*/

/*
#wrapper {
    padding-bottom: 20px;
    margin: 0 auto;
    width: 1270px;
}
*/

#lado_esquerdo1_divGAddSenseLeft {
    width: 140px;
    float: left;
    padding-top: 20px;
    text-align: left;
}

#lado_direito1_divGAddSenseRight {
    width: 140px;
    float: right;
    padding-top: 20px;
    text-align: right;
}

/*
#main {
    margin: 0 auto;
    width: 1200px;
}
*/
.notas {
    font-size: xx-small;
    color: Gray;
    background: yellow;
    width: 10px;
    height: 15px;
    float: right;
}

/*
#UpdateProgress1 img {
            border: 1px solid #808080;
            top: 200px;
            position: absolute;
            left: 300px;
            background-color: #FFFFFF;
        }

#UpdateProgress1 
        {
            position: relative;
            top: -504px;
            width: 700px;
            height: 500px;
            background-color: #C0C0C0;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }
        */
#UpdateProgress1 img {
    top: 50%;
    left: 50%;
    margin-left: -50px;
    margin-top: -50px;
    position: fixed;
    text-align: center;
    vertical-align: middle;
}

#UpdateProgress1 {
    position: fixed;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    background-color: #C0C0C0;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 100;
}





/*Popups*/
.Popup_Div {
    background: var(--fg-color);
    border: 1px solid var(--sidebar-border);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;

    /*box-shadow: 1px 5px 6px rgb(249, 172, 62), 1px 5px 6px rgb(249, 172, 62), 1px 5px 6px rgb(249, 172, 62);
    -moz-box-shadow: 1px 5px 6px rgb(249, 172, 62);
    -webkit-box-shadow: 1px 5px 6px rgb(249, 172, 62);
    border: 1px solid var(--accent-color);
    */
    box-shadow: none !important;
    margin-left: 0;
    padding: 10px 10px 10px 10px;
    position: absolute !important;
    z-index: 102;
}

.Popup_Div_fixed {
    background: var(--fg-color);
    border: 1px solid var(--sidebar-border);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /*box-shadow: 1px 5px 6px rgb(249, 172, 62), 1px 5px 6px rgb(249, 172, 62), 1px 5px 6px rgb(249, 172, 62);
    -moz-box-shadow: 1px 5px 6px rgb(249, 172, 62);
    -webkit-box-shadow: 1px 5px 6px rgb(249, 172, 62);*/
    margin-left: 0;
    padding: 10px 10px 10px 10px;
    position: fixed !important;
    z-index: 102;
}

.Fechar_Popup_img {
    border: 0;
    margin: -5px -5px 0 -20px;
    float: right;
}

.Popup_Background {
    background: rgba(0, 0, 0, 0.5)
}

/*Tooltips*/
.Tooltip_Div {
    background-color: var(--end-color);
    padding: 10px 10px 10px 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-left: 0;
    width: 250px;
    text-align: left;
    /*background: #fff;
    box-shadow: 1px 5px 6px rgb(249, 172, 62), 1px 5px 6px rgb(249, 172, 62), 1px 5px 6px rgb(249, 172, 62);
        -moz-box-shadow: 1px 5px 6px rgb(249, 172, 62);
        -webkit-box-shadow: 1px 5px 6px rgb(249, 172, 62);
        border: 1px solid #F26822;
    */
}

.Tooltip_img {
    border: 0;
    margin: -10px 0 0 -25px;
    float: left;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    cursor: help;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    padding: 5px 0;
    border-radius: 6px;

    background: #fff;
    padding: 10px 10px 10px 10px;
    border: 1px solid #F26822;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 1px 5px 6px rgb(249, 172, 62), 1px 5px 6px rgb(249, 172, 62), 1px 5px 6px rgb(249, 172, 62);
    -moz-box-shadow: 1px 5px 6px rgb(249, 172, 62);
    -webkit-box-shadow: 1px 5px 6px rgb(249, 172, 62);
    margin-left: -130px;
    width: 250px;
    text-align: left;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}


.tooltip .tooltiptext::after {
    content: " ";
    position: absolute;
    bottom: 100%;
    /* At the top of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #F26822 transparent;
}


/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.tooltip-bottom {
    top: 135%;
    left: 50%;
    margin-left: -60px;
}


/*  Messages*/
.Caixa_Mensagens {
    position: absolute;
    top: 190px;
    left: 50%;
    padding: 10px 10px 10px 10px;
    background: #FAFAFA;
    border: 1px solid #75CB57;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(124, 170, 23, 0.5), 0 1px 5px 3px rgba(124, 170, 23, 0.5), 0 5px 4px -3px rgba(124, 170, 23, 0.5);
    -webkit-box-shadow: 1px 5px 6px rgba(124, 170, 23, 0.5);
    width: 250px;
    z-index: 10000;
    text-align: center;
}

.Caixa_Mensagens_Erro {
    position: absolute;
    top: 160px;
    left: 50%;
    padding: 10px 10px 10px 10px;
    background: #FAFAFA;
    border: 1px solid #B22222;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(178, 34, 34, 0.5), 0 1px 5px 3px rgba(178, 34, 34, 0.5), 0 5px 4px -3px rgba(178, 34, 34, 0.5);
    -webkit-box-shadow: 1px 5px 6px rgba(178, 34, 34, 0.5);
    width: 250px;
    text-align: center;
}

.Caixa_Mensagens_Informacao {
    position: absolute;
    top: 160px;
    left: 50%;
    padding: 10px 10px 10px 10px;
    background: #FAFAFA;
    border: 1px solid #3059D6;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(48, 89, 214, 0.5), 0 1px 5px 3px rgba(48, 89, 214, 0.5), 0 5px 4px -3px rgba(48, 89, 214, 0.5);
    -webkit-box-shadow: 1px 5px 6px rgba(48, 89, 214, 0.5);
    width: 250px;
    text-align: center;
}

.Mensagem_Sucesso {
    font-weight: bold;
    font-family: var(--typography-main-font);
    font-size: 12px;
    color: #333333;
    text-align: center;
    margin-bottom: 0px;
}

.Mensagem_Insucesso {
    font-weight: bold;
    font-family: var(--typography-main-font);
    font-size: 12px;
    color: #B22222;
    text-align: center;
    margin-bottom: 0px;
}

.Mensagem_Informacao {
    font-weight: bold;
    font-family: var(--typography-main-font);
    font-size: 12px;
    color: #3059D6;
    text-align: center;
    margin-bottom: 0px;
}

.tituloAccordion {
    font-family: var(--typography-main-font);
    font-size: 12px;
    font-weight: bold;
    color: var(--button-text-color);
    background-color: var(--accent-color);
    text-align: center;
    height: 25px;
    margin-top: 5px;
    padding-top: 7px;
    cursor: pointer;
    /*
        border: solid 1px #c1c1c1;
        color: #fff;
        */
}

.SelectedAccordion {
    font-family: var(--typography-main-font);
    font-size: 12px;
    font-weight: bold;
    color: #FBB13F;
    background-color: #333333;
    text-align: center;
    height: 25px;
    border-top: solid 1px #F26822;
    border-left: solid 1px #F26822;
    border-right: solid 1px #F26822;
    border-bottom: solid 1px #F26822;
    margin-top: 5px;
    padding-top: 7px;
}

.caixa_Accordion {
    color: var(--font-color);
    /*background-color: #EAFFBC;
    background-color: #fff;
    border: 1px solid #c1c1c1;*/
    background-color: var(--fg-color);
    border: 1px solid var(--unfocused-text-color-lighter);
    border-top: none;
    padding: 10px 5px 10px 5px;
}

.Table_Accordion td {
    padding: 5px 0px 2px 0px;
    font-weight: bold;
    font-family: var(--typography-main-font);
    font-size: 12px;
    /*color: #333333;*/
    vertical-align: middle;
}

input.medium {
    width: 124px;
}

input.small {
    width: 35px;
}

span.medium input {
    width: 124px;
}

span.small input {
    width: 35px;
}

select.medium {
    padding: 1px 0px 1px 0px;
    width: 128px;
}

.Notas_Accordion {
    font-size: 11px;
    font-weight: normal;
    color: #666666;
}

.Inputs_Accordion {
    font-family: var(--typography-main-font);
    color: #333333;
    font-size: 12px;
    width: 128px;
}

.SubTitulosAccordion {
    padding: 15px 0px 15px 0px;
    background-color: var(--accent-color);
    text-align: center;
    color: var(--button-text-color);
    /*color: #FFFFFF !important
    */
}

select.large {
    padding: 1px 0px 1px 0px;
    width: 178px;
}

span.large input {
    width: 174px;
}

input.invalid {
    background-color: rgb(252, 240, 243);
    box-shadow: 0 0 5px rgba(178, 34, 34, 0.5), 0 1px 5px 3px rgba(178, 34, 34, 0.5), 0 5px 4px -3px rgba(178, 34, 34, 0.5);
    border: solid 1px rgba(178, 34, 34, 0.5);
}

.caixa_operacoes {
    /*background-color: #EAFFBC;
    background-color: #FFFFFF;*/
    background-color: var(--fg-color);
    /*border-color: #F26822;
    border: 1px solid #c1c1c1;*/
    border: 1px solid var(--unfocused-text-color-lighter)
}

.caixa_operacoes div {
    float: left;
    padding: 5px;
    margin: 0px;
    text-align: center;
}

.caixa_operacoes legend {
    font-weight: bold;
    font-family: var(--typography-main-font);
    font-size: 12px;
    /*color: #333333;*/
    color: #333;
}

.caixa_operacoes span {
    font-weight: bold;
    font-family: var(--typography-main-font);
    font-size: 12px;
    color: #333333;
}

.caixa_operacoes label {
    font-weight: bold;
    font-family: var(--typography-main-font);
    font-size: 12px;
    color: #333333;
}

.Footer {
    /*background-image:url(../images/fundo_footer.jpg);
    background-repeat:repeat-y;*/
    /*border: solid 1px #73911F;*/
    border: solid 1px #c1c1c1;
    width: 1200px;
    background: var(--accent-color);
    /*background: #86A81D;
    /*background: -webkit-linear-gradient(left, #ACC73A, #86A81D);  For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(right,#ACC73A, #86A81D); For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(right, #ACC73A, #86A81D);  For Firefox 3.6 to 15 */
    /* background: linear-gradient(to right, #ACC73A, #86A81D); Standard syntax (must be last) */
}

.HeaderIdioma ul {
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
    margin-bottom: 0px;
}

.HeaderIdioma li {
    display: inline;
}

.bt_alt_gd {
    border: 1px solid #F26822;
    font-weight: normal;
    font-size: 10px;
    color: #ffffff;
    background-color: #F26822;
    text-align: center;
    padding: 0px;
}

input[type="file"] {
    /*border: solid 1px #F26822;
    background-color: #ffffff;*/
    background-color: var(--fg-color);
}

.bt_close_popup {
    width: 19px;
    background-image: url(images/excluir-down.png);
    height: 19px;
    background-color: transparent !important;
    border: none !important;
    background-repeat: no-repeat;
    box-shadow: none !important;
}

.campos {
    /*border: #F26822 1px solid;
    border: 1px solid #c1c1c1;*/
    font-size: 10px;
    font-family: var(--typography-main-font);
    background-color: var(--table-background);
}

.campos_num {
    font-size: 10px;
    font-family: var(--typography-main-font);
    background-color: #ffffff;
    text-align: right;
}

/*#TabUtilizador_body
{
	background-color:#FAFAD2;
}*/

.chkListAsGrid tr:nth-child(even) {
    background-color: BlanchedAlmond
}

.chkListAsGrid tr:nth-child(odd) {
    background-color: LightGoldenrodYellow
}

.chkListAsGrid {
    border-spacing: 0;
    vertical-align: middle;
    font-family: var(--typography-main-font);
    font-size: x-small;
    color: Black;
    font-weight: normal;
}


/*

#tblRESUMO tr:nth-child(odd) {
    background-color: BlanchedAlmond
}

#tblRESUMO tr:nth-child(even) {
    background-color: LightGoldenrodYellow
}

#tblPERMISSOES1 tr:nth-child(even) {
    background-color: BlanchedAlmond
}

#tblPERMISSOES1 tr:nth-child(odd) {
    background-color: LightGoldenrodYellow
}

*/

#tblRESUMO {
    background-color: var(--table-background);
    border-radius: 10px 10px 0px 0px;
}

.tblRESUMO-border-style {
    padding-left: 20px;
    /*border-right: solid 1px silver;*/

}

#tblPERMISSOES1 td {
    height: 32px;
}


.Escrita {
    background-color: #7CAA17;
    border-radius: 10px;
}

.Consulta {
    background-color: Yellow;
    border-radius: 10px;
}

.Nada {
    background-color: Red;
    border-radius: 10px;
}

#tblPERMISSOES1 span {
    width: 20px;
}

/* ---------- TABS ------------------------- */
#TabUtilizador_TabPanelNotific_TC_Notific_body {
    overflow: auto;
}

.green {
    font-family: arial, helvetica;
}

.green .ajax__tab_body {
    font-size: 10pt;

    border-top: none;
    /*background-color: #FAFAD2;
    border: 1px solid #c1c1c1;
    */
    background-color: var(--table-background);
    padding: 10px;
}

.green .ajax__tab_header {
    background-color: var(--table-header-bg);
    border-bottom: none;
    padding: 5px;
    text-align: center;
    /* border: solid 1px #c1c1c1;
    padding: 2px 2px 4px 2px;
    */
}

.green .ajax__tab_tab {
    font-size: 10pt;
    font-weight: bold;
    /*color: #333333;
    border: solid 1px #c1c1c1;
    */
    color: var(--table-header-text);
    text-align: center;
    border-radius: 10px;
    padding: 5px;
    margin-right: 4px;
}

.green .ajax__tab_active .ajax__tab_tab,
.green .ajax__tab_hover .ajax__tab_tab {
    /*background-color: #F39E44;*/
    color: var(--button-text-color);
    background-color: var(--hovered-accent-color);
}



/* -----------------------------Butões --------------------------------- */
/* Button
-------------------------------------------------------------------*/
button.blue,
.btn.blue,
input.blue {
    background-color: #d7e5f5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d7e5f5), to(#cbe0f5));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #d7e5f5, #cbe0f5);
    background-image: -moz-linear-gradient(top, #d7e5f5, #cbe0f5);
    background-image: -ms-linear-gradient(top, #d7e5f5, #cbe0f5);
    background-image: -o-linear-gradient(top, #d7e5f5, #cbe0f5);
    background-image: linear-gradient(top, #d7e5f5, #cbe0f5);
    border-top: 1px solid #abbbcc;
    border-left: 1px solid #a7b6c7;
    border-bottom: 1px solid #a1afbf;
    border-right: 1px solid #a7b6c7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 0 white;
    -moz-box-shadow: inset 0 1px 0 0 white;
    -ms-box-shadow: inset 0 1px 0 0 white;
    -o-box-shadow: inset 0 1px 0 0 white;
    box-shadow: inset 0 1px 0 0 white;
    color: #1a3e66;
    line-height: 1;
    text-align: center;
    text-shadow: 0 1px 1px #fff;
}

button.blue:hover,
.btn.blue:hover,
input.blue:hover {
    background-color: #ccd9e8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ccd9e8), to(#c1d4e8));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #ccd9e8, #c1d4e8);
    background-image: -moz-linear-gradient(top, #ccd9e8, #c1d4e8);
    background-image: -ms-linear-gradient(top, #ccd9e8, #c1d4e8);
    background-image: -o-linear-gradient(top, #ccd9e8, #c1d4e8);
    background-image: linear-gradient(top, #ccd9e8, #c1d4e8);
    border-top: 1px solid #a1afbf;
    border-left: 1px solid #9caaba;
    border-bottom: 1px solid #96a3b3;
    border-right: 1px solid #9caaba;
    -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;
    -moz-box-shadow: inset 0 1px 0 0 #f2f2f2;
    -ms-box-shadow: inset 0 1px 0 0 #f2f2f2;
    -o-box-shadow: inset 0 1px 0 0 #f2f2f2;
    box-shadow: inset 0 1px 0 0 #f2f2f2;
    color: #163659;
    cursor: pointer;
}

button.blue:active,
.btn.blue:active,
input.blue:active {
    border: 1px solid #8c98a7;
    -webkit-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
    -moz-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
    -ms-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
    -o-box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
    box-shadow: inset 0 0 4px 2px #abbccf, 0 0 1px 0 #eeeeee;
}


button.orange,
.btn.orange,
input.orange {
    background-color: #E3903F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#E3903F), to(#C8702D));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #E3903F, #C8702D);
    background-image: -moz-linear-gradient(top, #E3903F, #C8702D);
    background-image: -ms-linear-gradient(top, #E3903F, #C8702D);
    background-image: -o-linear-gradient(top, #E3903F, #C8702D);
    background-image: linear-gradient(top, #E3903F, #C8702D);
    border: 1px solid #BC863F;
    border-bottom: 1px solid #B0762C;
    border-top: 1px solid #CC8121;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: inset 0 1px 0 0 #E0B58F;
    -moz-box-shadow: inset 0 1px 0 0 #E0B58F;
    -ms-box-shadow: inset 0 1px 0 0 #E0B58F;
    -o-box-shadow: inset 0 1px 0 0 #E0B58F;
    box-shadow: inset 0 1px 0 0 #E0B58F;

    color: #fff;
    line-height: 1;
    text-align: center;
    text-shadow: 0 -1px 0 #D06902;
}

button.orange:hover,
.btn.orange:hover,
input.orange:hover {
    background-color: #DC8631;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DC8631), to(#BB621E));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #DC8631, #BB621E);
    background-image: -moz-linear-gradient(top, #DC8631, #BB621E);
    background-image: -ms-linear-gradient(top, #DC8631, #BB621E);
    background-image: -o-linear-gradient(top, #DC8631, #BB621E);
    background-image: linear-gradient(top, #DC8631, #BB621E);
    border: 1px solid #BC863F;
    border-bottom: 1px solid #B0762C;
    border-top: 1px solid #CC8121;
    cursor: pointer;
    color: #fff;
    text-shadow: 0 -1px 0 #D06902;

    -webkit-box-shadow: inset 0 1px 0 0 #E0B58F;
    -moz-box-shadow: inset 0 1px 0 0 #E0B58F;
    -ms-box-shadow: inset 0 1px 0 0 #E0B58F;
    -o-box-shadow: inset 0 1px 0 0 #E0B58F;
    box-shadow: inset 0 1px 0 0 #E0B58F;
}

button.orange:active,
.btn.orange:active,
input.orange:active {
    border: 1px solid #DC8631;
    border-bottom: 1px #C17B3E #888;
    -webkit-box-shadow: 0 0 8px 4px #C17B3E inset;
    -moz-box-shadow: 0 0 8px 4px #C17B3E inset;
    -ms-box-shadow: 0 0 8px 4px #C17B3E inset;
    -o-box-shadow: 0 0 8px 4px #C17B3E inset;
    box-shadow: 0 0 8px 4px #C17B3E inset;
}


button:disabled,
button[disabled] {
    border: 1px solid #999999;
    background-color: #C8C8C8;
    color: #C8C8C8;
}


button.grey,
.btn.grey,
input.grey {
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
    background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    background-image: linear-gradient(top, #eeeeee, #cccccc);
    border: 1px solid #ccc;
    border-bottom: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 50px;

    color: #333;
    line-height: 1;
    text-align: center;
    text-shadow: 0 1px 0 #eee;
}

button.grey:hover,
.btn.grey:hover,
input.grey:hover {
    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#bbbbbb));
    /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;

    -webkit-box-shadow: inset 0 1px 0 0 #f2f2f2;
    -moz-box-shadow: inset 0 1px 0 0 #f2f2f2;
    -ms-box-shadow: inset 0 1px 0 0 #f2f2f2;
    -o-box-shadow: inset 0 1px 0 0 #f2f2f2;
    box-shadow: inset 0 1px 0 0 #f2f2f2;
}

button.grey:active,
.btn.grey:active,
input.grey:active {

    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 8px 4px #bbb, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #bbb, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 8px 4px #bbb, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 8px 4px #bbb, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #bbb, 0 1px 0 0 #eeeeee;
}




/*button, .btn, input[type=button], input[type=submit],.ui-button {
	background-color : #7fbf4d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f));
	background-image: -webkit-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -moz-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -ms-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: -o-linear-gradient(top, #7fbf4d, #63a62f);
	background-image: linear-gradient(top, #7fbf4d, #63a62f);
	border: 1px solid #63a62f;
	border-bottom: 1px solid #5b992b;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: inset 0 1px 0 0 #96ca6d;
	-moz-box-shadow: inset 0 1px 0 0 #96ca6d;
	-ms-box-shadow: inset 0 1px 0 0 #96ca6d;
	-o-box-shadow: inset 0 1px 0 0 #96ca6d;
	box-shadow: inset 0 1px 0 0 #96ca6d;
	color: #fff;
	line-height: 1;
	text-align: center;
	text-shadow: 0 -1px 0 #4c9021;
	text-decoration:none;
	vertical-align: sub;
	font-family: tahoma, arial, helvetica, sans-serif !important;
	font-weight: bold !important;
	padding: 5px;
	margin: 4px 2px 4px 4px;
  }
  button:hover, .btn:hover, input[type=button]:hover, input[type=submit]:hover,.ui-button.ui-state-hover {
    background-color: #76b347;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#76b347), to(#5e9e2e));
    background-image: -webkit-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -moz-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -ms-linear-gradient(top, #76b347, #5e9e2e);
    background-image: -o-linear-gradient(top, #76b347, #5e9e2e);
    background-image: linear-gradient(top, #76b347, #5e9e2e);
    -webkit-box-shadow: inset 0 1px 0 0 #8dbf67;
    -moz-box-shadow: inset 0 1px 0 0 #8dbf67;
    -ms-box-shadow: inset 0 1px 0 0 #8dbf67;
    -o-box-shadow: inset 0 1px 0 0 #8dbf67;
    box-shadow: inset 0 1px 0 0 #8dbf67;
    color: #fff;
    cursor: pointer;     
    text-decoration: none; 
  }


button,
.btn,
input[type=button],
input[type=submit],
.ui-button {
    background-color: var(--accent-color);
    border: 1px solid #c1c1c1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    vertical-align: sub;
    font-family: tahoma, arial, helvetica, sans-serif !important;
    font-weight: bold !important;
    padding: 5px;
    margin: 4px 2px 4px 4px;
}

button:hover,
.btn:hover,
input[type=button]:hover,
input[type=submit]:hover,
.ui-button.ui-state-hover {
    background-color: var(--accent-color);
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}


*/

/* Changed from what was above for the redesign */
/*
button,
.btn,
input[type=button],
input[type=submit],
.ui-button {
    align-items: center;
    display: inline-block;
    align-self: center;
    position: relative;
    background: none;
    font-family: var(--typography-main-font);
    color: var(--button-text-color);
    text-decoration: none;
    background-color: var(--accent-color);
    border-radius: 50px;

    min-height: 40px;
    min-width: 88px;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.57143;
    letter-spacing: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-width: 1px;
    border-style: solid;
    border-image: initial;
    transition: color 0.3s, background-color, border-color, opacity;
    padding: 0px 24px;
    border-color: transparent;

}

button:hover,
.btn:hover,
input[type=button]:hover,
input[type=submit]:hover,
.ui-button.ui-state-hover {
    transition: color 400ms cubic-bezier(0.4, 0, 0.2, 1), background-color 400ms cubic-bezier(0.4, 0, 0.2, 1), border-color 400ms cubic-bezier(0.4, 0, 0.2, 1);
    
    background: var(--hovered-accent-color);
}
*/




/*button:active, .btn:active, input[type=button]:active, input[type=submit]:active, .ui-button.ui-state-active {
    border: 1px solid #5b992b;
    border-bottom: 1px solid #538c27;
    -webkit-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; 
  }*/
.smallBtn {
    line-height: 13px !important;
    padding: 3px !important;
    vertical-align: sub;
}

.largeBtn {
    line-height: 18px !important;
    padding: 7px 10px !important;
    vertical-align: sub;
}













/*Inline styles to normal css*/
.table_td_color td {
    background-color: var(--accent-color);
}

.day_header_style {
    height: 8pt;
    font-weight: bold;
    font-size: 8pt;
    font-family: var(--typography-main-font);
    color: White;
    background-color: var(--accent-color);
    color: #737171;
}

.today_day_style {
    background-color: #EBEBC9 !important;
    border: 2px solid #FFBB48 !important;
    color: #EBEBC9 !important;
}

.OtherMonth .today_day_style {
    background-color: inherit;
    color: inherit;
}

.mensagens_title {
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-small;
    HEIGHT: 15px;
    background-color: var(--accent-color);
    color: var(--button-text-color);
    /*  
    background-color: #FBB13F;
    COLOR: white;
    */
}

.iframe_header_style {
    background-color: var(--accent-color);
    color: #fff;
}

.inserção_popup {
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    font-family: var(--typography-main-font);
    BACKGROUND-COLOR: var(--accent-color);
    color: #FFFFFF;
    text-align: center;
}

.saldo_color {
    background-color: var(--accent-color);
}

.descan_compens_table_title {
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    font-family: var(--typography-main-font);
    BACKGROUND-COLOR: var(--accent-color);
    /*color: #FFFFFF;*/
    color: var(--button-text-color);
}

.index_abt_ferias_table_title {
    padding: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    font-family: var(--typography-main-font);
    BACKGROUND-COLOR: var(--accent-color);
    color: #FFFFFF;
    text-align: center;
}

.tabs_bg {
    background-color: var(--fg-color);
    /*  background-color: #FFE2B4;*/
}

.modal_window_tr {
    font-size: 11px;
    color: var(--table-header-text);
    font-family: var(--typography-main-font);

    /*
    border-bottom: #c1c1c1 1pt solid;
background-color: #FFDEAA;
color: #333;
    */
}

.borda_baixo_dia a {
    color: #333;
}

.striped:nth-child(even) {
    background-color: #FFEBCD;
}

.striped:nth-child(odd) {
    background-color: #FAFAD2;
}


.pager {
    /*background-color: #EBEBEB;*/
    background-color: var(--table-background);
    color: var(--text-color);
    font-size: 14px;

}

.popup_title {
    padding: 5px;
    FONT-WEIGHT: bold;
    FONT-SIZE: x-small;
    /*font-family: var(--typography-main-font);*/
    font-family: var(--typography-main-font);
    BACKGROUND-COLOR: var(--accent-color);
    color: var(--accent-text-color);
    height: 10px;
    text-align: center;
}

.gestao_anexos_popup {

    OVERFLOW: auto;
    WIDTH: 100%;
    HEIGHT: 150px;
    /*BORDER: #ccc 2px solid;
    BACKGROUND-COLOR: #fff;*/
}


.popup_tables {
    font-family: var(--typography-main-font);
    font-size: 11px;
    color: var(--table-header-text);
    /*
    color: #333;
    border-bottom: #c1c1c1 1pt solid;
    */
}

/*
.borda_detalhe_dia tr:nth-child(even) {
    background-color: #FAFAD2;
}
*/
.popup_tables a {
    /*color: #333;
    color: var(--accent-color);*/
    font-size: 11px;
}

.AlternatingRowItem {
    background-color: #ffebcd;
    text-align: Center;
}

.RowItem {
    background-color: #fafad2;
    color: Black;
    text-align: Center;
}

.bold {
    font-weight: bold;
}

.bold_Center {
    font-weight: bold;
    text-align: center;
}