@font-face {
    font-family: 'Segoe UI LOCAL';
    font-style: normal;
    font-weight: 400;
    src: local('Segoe UI'), url('./fonts/Segoe-UI.ttf');
}

body {
    font-family: 'Segoe UI', 'Segoe UI LOCAL', Segoe UI, Calibri, anita_semi-squareregular, Verdana, Arial, Helvetica, sans-serif;
}


:root {
	--green: #008200;
	--red: #CE2323;
	--yellow: #FABD00;
	--blue: #2E9AFE;
	--cinza: #7E7E7E;
	--color-100: #252E52;
	--color-400: #5C6BC0;
	--color-500: #3F51B5;
	--color-900: #F2F2F2;
	--color-1000: #EEEEEE;
	--primary-color: #3C4C86;
	--second-color: #323F6F;
	--third-color: #1D1D1D;
	--background-color: #FFF;
	--card-background: #FFFFFF;
	--card-header: var(--primary-color);
	--card-elevate: var(--card-background);
	--card-shadow: 0 1px 6px #00000029;
	--table-header: #CCCCCC;
	--table-bg: #FFF;
	--table-striped-bg: #F2F2F2;
	--table-hover-color: #212529;
	--table-hover-bg: rgba(0, 0, 0, 0.075);
	--table-border-color: #dee2e6;
	--btn-confirm: #198754;
	--btn-primary-bootstrap: #0D6EFD;
	--btn-primary: var(--primary-color);
	--btn-secundary: #6C757D;
	--btn-default: #435494;
	--btn-cancel: #DC3545;
	--txt-color: #303030;
	--txt-secundary: #707070;
	--filter-svg: invert(0) grayscale(100%) brightness(100%); /*#000*/
	--filter-svg-green: invert(40%) sepia(42%) saturate(702%) hue-rotate(100deg) brightness(98%) contrast(97%);
	--filter-svg-red: invert(38%) sepia(86%) saturate(4686%) hue-rotate(336deg) brightness(90%) contrast(91%);
	--filter-svg-yellow: invert(85%) sepia(22%) saturate(4817%) hue-rotate(352deg) brightness(100%) contrast(103%);
	--filter-svg-blue: invert(32%) sepia(96%) saturate(3215%) hue-rotate(208deg) brightness(99%) contrast(101%);
	--filter-svg-default: brightness(0) saturate(100%); /*#000*/
	--filter-svg-invert-color: invert(1) grayscale(100%) brightness(200%); /*#fff*/
	--scrollTrack: #F2F2F2;
	--scrollThumb: #7782AA;
}

.dark {
	--green: #87CD86;
	--red: #FF6869;
	--yellow: #FFFF66;
	--blue: #68B8FF;
	--cinza: #A8A8A8;
	--color-100: #383838;
	--color-400: #757575;
	--color-500: #616161;
	--color-900: #1E1E1E;
	--color-1000: #242424;
	--primary-color: #202020;
	--second-color: #111;
	--third-color: #1D1D1D;
	--background-color: #121212;
	--card-background: #1E1E1E;
	--card-header: #3E3C3E;
	--card-elevate: #272727;
	--table-header: var(--color-400);
	--table-bg: #121212;
	--table-striped-bg: #2c3034;
	--table-hover-bg: #323539;
	--table-hover-color: #fff;
	--table-border-color: #373b3e;
	--btn-confirm: #75B374;
	--btn-primary-bootstrap: #0D6EFD;
	--btn-primary: #0d6efd;
	--btn-secundary: #526071;
	--txt-color: #EEEEEE;
	--txt-secundary: #A7A6A6;
	--filter-svg-invert-color: grayscale(100%) brightness(0); /*#000*/
	--filter-svg: invert(1) grayscale(100%) brightness(200%);
	--filter-svg-green: invert(84%) sepia(13%) saturate(1096%) hue-rotate(67deg) brightness(88%) contrast(88%);
	--filter-svg-red: invert(69%) sepia(40%) saturate(6441%) hue-rotate(319deg) brightness(104%) contrast(113%);
	--filter-svg-yellow: invert(95%) sepia(12%) saturate(7081%) hue-rotate(330deg) brightness(107%) contrast(98%);
	--filter-svg-blue: invert(65%) sepia(26%) saturate(1797%) hue-rotate(183deg) brightness(104%) contrast(103%);
	--filter-svg-default: invert(100%) sepia(100%) saturate(1%) hue-rotate(27deg) brightness(102%) contrast(101%);
	--header-estado-indicador: #202020;
	--body-estado-simples: #121212;
	--body-estado-indicador: #121212;
	--infoProducao-estado-indicador: #1E1E1E;
	--navbar-footer: #202020;
	--navbar-items: #3E3C3E;
	--btn-default: #3E3C3E;
	--btn-cancel: #FE6C6D;
	--card-header: #3E3C3E;
	--card: #1E1E1E;
	--card-shadow: 0;
	--hr-color: #3F3F3F;
	--keyboard-main: #273238;
	--keyboard-keyItem-background: #414A51;
	--keyboard-keyItem-especial: #313C42;
	--keyboard-backspace-src: url(../../js/keyboard/key-backspace-white.svg) no-repeat center center;
	--keyboard-space-src: url(../../js/keyboard/spacebar-write.svg) no-repeat center center;
	--scroolbar-background: #1E1E1E;
	--scroolbar-background-btn: #3F3F3F;
	--chart-background: #3F3F3F;
	--scrollTrack: #111111;
	--scrollThumb: #636363;
}

.darkBlue {
	--green: #87CD86;
	--red: #FF6869;
	--yellow: #FFFF66;
	--blue: #68B8FF;
	--cinza: #A8A8A8;
	--color-100: #0E4F66;
	--color-200: #c0e4f7;
	--color-300: #7CB5D2;
	--color-400: #0097CC;
	--color-500: #0D7FA9;
	--color-600: #0B7197;
	--color-700: #136B8C;
	--color-800: #135E8E;
	--color-900: #11547E;
	--color-1000: #044C75;
	--primary-color: var(--color-700);
	--second-color: #11547E;
	--third-color: #135E8E;
	--background-color: var(--color-800);
	--card-background: var(--color-1000);
	--card-header: var(--color-700);
	--table-header: var(--color-400);
	--table-bg: var(--color-800);
	--table-striped-bg: #105078;
	--table-hover-bg: rgba(0, 0, 0, 0.3);
	--table-hover-color: #fff;
	--table-border-color: var(--color-700, #dee2e6);
	--btn-primary: var(--color-700);
	--btn-secundary: #526071;
	--txt-color: #fff;
	--txt-secundary: #7CB5D2;
	--filter-svg-invert-color: grayscale(100%) brightness(0); /*#000*/
	--filter-svg: invert(1) grayscale(100%) brightness(200%);
	--filter-svg-green: invert(84%) sepia(13%) saturate(1096%) hue-rotate(67deg) brightness(88%) contrast(88%);
	--filter-svg-red: invert(69%) sepia(40%) saturate(6441%) hue-rotate(319deg) brightness(104%) contrast(113%);
	--filter-svg-yellow: invert(95%) sepia(12%) saturate(7081%) hue-rotate(330deg) brightness(107%) contrast(98%);
	--filter-svg-blue: invert(65%) sepia(26%) saturate(1797%) hue-rotate(183deg) brightness(104%) contrast(103%);
	--filter-svg-default: invert(100%) sepia(100%) saturate(1%) hue-rotate(27deg) brightness(102%) contrast(101%);
	--background: var(--color-800);
	--header-estado-indicador: #0B7197;
	--body-estado-simples: #135E8E;
	--body-estado-indicador: #135E8E;
	--infoProducao-estado-indicador: #11547E;
	--navbar-footer: #0B7197;
	--navbar-items: #136B8C;
	--btn-default: #096081;
	--btn-default-700: #1990B4;
	--btn-confirm: #75B374;
	--btn-primary-bootstrap: var(--color-500);
	--btn-cancel: #FF6869;
	--card-header: #136B8C;
	--card: #11547E;
	--card-shadow: 0;
	--hr-color: #136B8C;
	--keyboard-main: #0F96CA;
	--keyboard-keyItem-background: #176A8A;
	--keyboard-keyItem-especial: #175D8C;
	--keyboard-backspace-src: url(../../js/keyboard/key-backspace-white.svg) no-repeat center center;
	--keyboard-space-src: url(../../js/keyboard/spacebar-write.svg) no-repeat center center;
	--scroolbar-background: #0B7197;
	--scroolbar-background-btn: #096081;
	--chart-background: #0B7197;
	--scrollTrack: #0C3B58;
	--scrollThumb: #5A98AF;
}