:root {
	--bg-color: #F8F9FE;
	--blue-default: #003D86;

	--blue: #1C55A0;
	--primary-color: #50B9CE;
	--green-default: #52B788;
	--sidebar-width: 350px;
	--orange: #f76736;
	--red: #CF201B;
	--secundary-color: #394650;
	--sidebar-fixed-width: 85px;
	--ligth-gray: #7F7E83;
	--blue-two: #38B7EC;

	--sidebar-color: #171717;

	--status-processo-expirado: #f22838;
	--status-processo-aberto: #21a4a0;
	--status-processo-finalizado: #d62269;
	--status-processo-perdido: #fa6124;
}

*{
	padding: 0px ;
	margin: 0px ;
	user-select: none;

	font-family: "Montserrat", sans-serif;
}

html, body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
}

body {
	background: #FFF;
	user-select: none;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	color: inherit;
	text-decoration: none;
}

.swal-overlay {
	z-index: 99999999999999999999999 !important;
	background: rgba(0, 0, 0, 0.8);
}

.swal-modal {

	z-index: 9999999999999999999999999999 !important;

}

.swal-text {

	text-align: center;

}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
	border-radius: 0px;
	background-color: #232E33;
}

::-webkit-scrollbar {
	width: 10px;
}

::-webkit-scrollbar-thumb {
	background: var(--primary-color);
	border-radius: 50px;
  	border: 1.5px solid #ddd;
  	cursor: pointer;
}

::-webkit-scrollbar-track {
  background: #eee;
}

@supports not selector(::-webkit-scrollbar) {
  	body {
      	scrollbar-color: var(--primary-color)
                     var(--sb-track-color);
  	}
}

.mg-top-10px {
	margin-top: 10px;
}

.mg-left-10px {
	margin-left: 10px;
}

.mg-right-10px {
	margin-right: 10px;
}

.pgModalList {
	display: none;
}

.btnCopyPasteDefaultInput{
	line-height: 25px;
	height: 25px;
	cursor: pointer;
	padding: 0px;
	margin-left: 10px;
	margin-right: 12.5px;
	font-size: 1.15rem;
	color: var(--primary-color);
}

.inputContent > .row:first-of-type:has(.btnCopyPasteDefaultInput){
	height: 100%;
	align-items: center;
}

.labelDefault{
	padding: 0px;
	font-size: 0.8rem;
	font-weight: 600;
	color: #888;
}

.labelDefault span{
	color: var(--red);
	padding-left: 5px;
}

.loaderPageArea {
	background: rgb(255, 255, 255);
	background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 90%);
	width: 100vw;
	height: 100vh;
	z-index: 999999;
	position: fixed;
	top: 0px;
	left: 0px;
}

.loaderPageArea>.row:first-of-type {
	height: 100%;
	align-items: center;
}

.loaderPageArea .logo {
	height: 100px;
	background-image: url('../images/logo.webp');
	background-size: auto 90px;
	background-position: center center;
	background-repeat: no-repeat;
	color: #555;
	margin-left: auto;
	margin-right: auto;
}

.loaderPageArea .logo span {
	font-weight: 700;
}

.loaderPageArea .msg {
	height: 25px;
}

.loaderPageArea .msg::before {
	content: "Carregando website";
	height: 25px;
	margin-top: 20px;
	line-height: 25px;
	font-size: 1.1rem;
	color: #999;
	font-weight: 500;
	animation: loaderPageText 1.5s linear infinite;
	width: 100vw !important;
	text-align: center;
	position: absolute;
}

.btnOpenMobileMenu {
	display: none;
}

.sidebar {
	background: var(--sidebar-color);
	width: var(--sidebar-width);
	height: calc(100vh);
}

.sidebar.reduced {
	width: 90px;
}

.sidebar .topArea {
	height: 70px;
	border-bottom: 1px solid #666;
}

.sidebar .topArea>.row:first-of-type {
	height: fit-content;
	align-items: center;
}

.sidebar .topArea .logo {
	height: 35px;
	background-image: url('../images/favicon.png');
	background-repeat: no-repeat;
	background-size: auto 35px;
	margin-left: 15px;
	background-position: center left;
	width: 35px;
	border-radius: 5px;
	margin-top: 17px;
	margin-bottom: 17px;
}

.sidebar .topArea .company {
	color: #fff;
	font-weight: 600;
	font-size: 0.90rem;
}

.sidebar.reduced .topArea .company {
	display: none;
}

.sidebar .topArea .expandIcon {
	color: #fff;
	font-size: 1.3rem;
	cursor: pointer;
	padding: 0px;
	margin-right: 15px;
}

.sidebar.reduced .topArea .expandIcon {
	margin-right: 10px;
}

.sidebar.reduced .topArea .logo {
	margin-left: 10px;
}

.sidebar .topArea .project {
	font-size: 1.1rem;
	color: #fff;
	font-weight: 600;
	margin-top: -2.5px;
}

.sidebar .areaNotificacoes {
	margin-left: 15px;
	margin-right: 17.5px;
	margin-top:20px;
	border-radius: 5px;
	color: #ddd;
	cursor: pointer;
	height: 40px;
}

.sidebar .areaNotificacoes > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

@keyframes bell-shake{
	25% {translate: 3px 0;}
	50% {translate: -3px 0;}
	75% {translate: 3px 0;}
}

.sidebar .areaNotificacoes .icone {
	padding: 0px;
/*	margin-left: 10px;*/
	width: 20px;
	font-size: 1rem;
/*	animation: bell-shake 0.75s infinite;*/
}

.sidebar .areaNotificacoes .texto {
	padding: 0px;
	margin-left: 10px;
	font-weight: 600;
	font-size: 0.85rem;
/*	animation: bell-shake 0.75s infinite;*/
}

.sidebar .areaNotificacoes .contador{
	background: var(--primary-color);
	padding-left: 7.5px;
	padding-right: 7.5px;
	font-size: 0.775rem;
	border-radius: 5px;
	font-weight: 600;
	animation: bell-shake 0.75s infinite;
	display: none;
}

.sidebar.reduced .areaNotificacoes .texto{
	display: none;
}

.sidebar.reduced .areaNotificacoes:hover .texto {
	display: inline-block;
	position: absolute;
	width: fit-content;
	background: #444;
	border-radius: 5px;
	z-index: 99;
	top: calc(50% - 20px);
	/*	right: 0px;*/
	height: auto;
	width: 500px !important;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	min-width: fit-content !important;
	left: 85px;
	margin-left: 0px;
}

.sidebar.reduced .areaNotificacoes:hover .texto::before {
	padding: 0px;
	width: 10px;
	height: 15px;
	border-top: 7.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-right: 10px solid #444;
	position: absolute;
	top: 7.5px;
	content: "";
	left: -10px;
}


.sidebar .menuItensArea {
	max-height: calc(100vh - 190px);
	margin-top: -15px;
}

.sidebar .menuItensArea .titleSection {
	padding: 0px;
	font-weight: 600;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: #bbb;
	margin-left: 15px;
	margin-top: 30px;
	padding-bottom: 5px;
	line-height: 20px;
	height: 20px;
}

.sidebar.reduced .menuItensArea .titleSection {
	margin-left: 10px;
	font-size: 0.6rem;
}

.sidebar .menuItensArea>.row:first-of-type .titleSection {
	margin-top: 20px;
}

.sidebar .menuItensArea .itemMenu {
	margin-left: 15px;
	margin-right: 20px;
	margin-top: 5px;
}

.sidebar.reduced .menuItensArea .itemMenu {
	margin-left: 10px;
	margin-right: 10px;
}

.sidebar .menuItensArea .itemMenu .presentationArea {
	border-radius: 5px;
	color: #ddd;
	cursor: pointer;
	height: 40px;
}

.sidebar .menuItensArea .itemMenu .presentationArea>.row:first-of-type {
	height: 100%;
	align-items: center;
}

.sidebar .menuItensArea .itemMenu .presentationArea .icon {
	padding: 0px;
	margin-left: 10px;
	width: 20px;
	font-size: 1rem;
}

.sidebar.reduced .menuItensArea .itemMenu .presentationArea .icon {
	font-size: 1.1rem;
}

.sidebar .menuItensArea .itemMenu .presentationArea .title {
	padding: 0px;
	margin-left: 10px;
	font-weight: 600;
	font-size: 0.85rem;
}

.sidebar.reduced .menuItensArea .itemMenu .presentationArea .title {
	display: none;
}

.sidebar.reduced .menuItensArea .itemMenu .presentationArea:hover .title {
	display: inline-block;
	position: absolute;
	width: fit-content;
	background: #444;
	border-radius: 5px;
	z-index: 99;
	top: calc(50% - 15px);
	/*	right: 0px;*/
	height: auto;
	width: 500px !important;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	min-width: fit-content !important;
	left: 90px;
	margin-left: 0px;
}

.sidebar.reduced .menuItensArea .itemMenu .presentationArea:hover .title::before {
	padding: 0px;
	width: 10px;
	height: 15px;
	border-top: 7.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-right: 10px solid #444;
	position: absolute;
	top: 7.5px;
	content: "";
	left: -10px;
}


.sidebar .menuItensArea .itemMenu .presentationArea .iconExpand {
	padding: 0px;
	margin-left: 15px;
	width: 20px;
	/*	margin-right: 10px;*/
	height: 20px;
}

.sidebar.reduced .menuItensArea .itemMenu .presentationArea .iconExpand {
	font-size: 0.9rem;
	margin-left: auto;
}

.sidebar .menuItensArea .itemMenu .presentationArea .iconExpand::before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f107";
	left: 0px;
	top: 0px;
	width: 100%;
	font-size: 1.1rem;
	line-height: 20px;
	text-align: right;
}

.sidebar .menuItensArea .itemMenu .subMenusArea {
	margin-left: 25px;
	border-left: 2px solid #666;
	margin-top: 5px;
	display: none;
}

.sidebar.reduced .menuItensArea .itemMenu .subMenusArea {
	margin-left: 15px;
}

.sidebar .menuItensArea .itemMenu .subMenusArea .itemSubMenu {
	height: 35px;
	line-height: 35px;
	cursor: pointer;
	margin-top: 2.5px;
}

.sidebar .menuItensArea .itemMenu .subMenusArea .itemSubMenu .icon {
	color: #eee;
	padding: 0px;
	margin-left: 15px;
	width: 20px;
}

.sidebar.reduced .menuItensArea .itemMenu .subMenusArea .itemSubMenu .icon {
	font-size: 1.1rem;
}

.sidebar .menuItensArea .itemMenu .subMenusArea .itemSubMenu .title {
	padding: 0px;
	margin-left: 15px;
	color: #eee;
	font-weight: 500;
	font-size: 0.85rem;
}

.sidebar.reduced .menuItensArea .itemMenu .subMenusArea .itemSubMenu .title {
	display: none;
}

.sidebar.reduced .menuItensArea .itemMenu .subMenusArea .itemSubMenu:hover .title {
	display: inline-block;
	position: absolute;
	width: fit-content;
	background: #444;
	border-radius: 5px;
	z-index: 99;
	top: calc(50% - 15px);
	/*	right: 0px;*/
	height: auto;
	width: 500px !important;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	min-width: fit-content !important;
	left: 72.5px;
	margin-left: 0px;
	line-height: 20px;
}

.sidebar.reduced .menuItensArea .itemMenu .subMenusArea .itemSubMenu:hover .title::before {
	padding: 0px;
	width: 10px;
	height: 15px;
	border-top: 7.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-right: 10px solid #444;
	position: absolute;
	top: 7.5px;
	content: "";
	left: -10px;
}

.sidebar .menuItensArea .itemMenu .subMenusArea .itemSubMenu.active {
	background: #343434;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.sidebar .menuItensArea .itemMenu .subMenusArea>.row:first-of-type .itemSubMenu {
	margin-top: 0px;
}

.sidebar .menuItensArea .itemMenu.active .presentationArea {
	background: #343434;
	color: #fff;
}

.sidebar .menuItensArea .itemMenu.expanded {}

.sidebar .menuItensArea .itemMenu.expanded .presentationArea .iconExpand::before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f106";
	left: 0px;
	top: 0px;
	width: 100%;
	font-size: 1.1rem;
	line-height: 20px;
	text-align: right;
}

.sidebar .menuItensArea .itemMenu.expanded .subMenusArea {
	display: block;
}

.sidebar .profileArea {
	position: fixed;
	width: var(--sidebar-width);
	bottom: 0px;
	left: 0px;
	height: 80px;
	border-top: 1px solid #666;
}

.sidebar.reduced .profileArea {
	width: 90px;
}

.sidebar .profileArea>.row {
	height: 100%;
	align-items: center;
}

.sidebar .profileArea .nome {
	color: #fff;
	padding: 0px;
	margin-left: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
	font-weight: 500;
	font-size: 0.9rem;
	cursor: pointer;
}

.sidebar.reduced .profileArea .nome {
	display: none;
}

.sidebar .profileArea .departamento {
	padding: 0px;
	margin-left: 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
	/*	text-transform: uppercase;*/
	font-size: 0.75rem;
	color: #ddd;
	font-weight: 600;
	line-height: 0.9rem;
	cursor: pointer;
}

.sidebar.reduced .profileArea .departamento {
	display: none;
}

.sidebar .profileArea .avatar {
	background: var(--primary-color);
	border-radius: 5px;
	height: 50px;
	width: 50px;
	margin-left: 15px;

	line-height: 50px;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;

	padding: 0px;

	color: #fff;
	font-weight: 600;
	font-size: 1.2rem;
	letter-spacing: 1px;
}

.sidebar.reduced .profileArea .avatar {
	margin-left: 10px;
	width: 42.5px;
	height: 42.5px;
	line-height: 42.5px;
	font-size: 1.5rem;
}

.sidebar .profileArea .btnLogout {
	width: 36px;
	height: 36px;
	border-radius: 5px;
	border: 1px solid #666;
	margin-right: 15px;
	margin-left: 15px;
	color: #666;
	line-height: 34px;
	font-size: 1.1rem;
	padding: 0px;
	text-align: center;
	cursor: pointer;
}

.sidebar.reduced .profileArea .btnLogout {
	margin-right: 0px;
	margin-left: 0px;
	width: 27px;
	height: 30px;
	font-size: 0.9rem;
	line-height: 28px;
	position: absolute;
	right: 10px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left: 0px;
}

.sidebar .profileArea .btnLogout:hover {
	color: #fff;
	background: var(--red);
	border-color: var(--red);
}

.containerDashPage {
	height: 100vh;
	overflow: hidden;
	overflow-y: auto;
	background: #F8F9FE;
}

.navbarArea {
	height: 70px;
	background: #FFF;
	box-shadow: 0 1px 3px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
	z-index: 9;
}

.navbarArea>.row:first-of-type {
	height: 100%;
	align-items: center;
}

.navbarArea .pageTitle {
	padding: 0px;
	margin-left: 20px;
	font-weight: 600;
	color: #888;
	font-size: 1.15rem;
}

.navbarArea .broadcumbs {
	height: 30px;
	margin-right: 20px;
}

.navbarArea .broadcumbs>.row:first-of-type {
	align-items: center;
	height: 100%;
}

.navbarArea .broadcumbs .diviser {
	line-height: 19px;
	color: #999;
	font-weight: 700;
	padding: 0px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 0.85rem;
	margin-top: 0px;
}

.navbarArea .broadcumbs .item {
	line-height: 19px;
	height: 20px;
	margin-top: 0px;
	padding: 0px;
	font-size: 0.9em;
	font-weight: 500;
	color: #888;
}

.navbarArea .broadcumbs .item.actual {
	color: #1C5D99;
	cursor: default;
	font-weight: 600;
}



.signInPage {
	opacity: 1;
	height: 100vh;
	background-image: url('../images/bg.webp');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.signInPage>.row:first-of-type {
	height: 100vh;
	align-items: center;
	justify-content: center;
	background: rgba(0,0,0,0.35);
}

.signInPage .logo {
	height: 99px;
	background-image: url('../images/logo.webp');
	background-repeat: no-repeat;
	background-size: auto 75px;
	background-position: center center;
	margin-top: 30px;
}

.signInPage .title {
	text-align: center;
	font-size: 1.2rem;
	color: #444;
	font-weight: 600;
	margin-top: 7.5px;
}

.signInPage .subtitle {
	text-align: center;
	font-size: 1rem;
	color: #999;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 5px;
}

.signInPage .formArea {
	background: #fff;
	border-radius: 10px;
	width: 500px;
	min-height: 50px;
	padding-bottom: 30px;
	opacity: 0;
	border-radius: 5px;
/*	box-shadow: 0 1px 3px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);*/
}

.signInPage .formArea .inputUser {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 35px;
}

.signInPage .formArea .inputPassword {
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 15px;
}

.signInPage .formArea .btnDoAccess {
	height: 42.5px;
	background: var(--blue-default);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	line-height: 42.5px;
	margin-right: 30px;
}

.signInPage .formArea .btnDoAccess .text {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.775rem;
	padding: 0px;
	margin-left: 17.5px;
}

.signInPage .formArea .btnDoAccess .icon {
	padding: 0px;
	margin-left: 12.5px;
	margin-right: 17.5px;
	font-size: 1.05rem;
}

.signInPage .formArea .row.rpbta {
	height: 100%;
	align-items: center;
	margin-top: 25px;
	justify-content: space-between;
}

.signInPage .formArea .recoverBtn {
	padding: 0px;
	margin-left: 30px;
	font-size: 0.9rem;
	font-weight: 500;
	color: #999;
	cursor: pointer;
}

.contentAfterNav {
	height: calc(100vh - 70px);
	overflow: hidden;
	overflow-y: auto;
}

.boxContent {
	background: #fff;
	border-radius: 5px;
	min-height: 50px;
	margin: 20px;
}

.btnCreateDefault {
	margin-left: 15px;
	background: var(--green-default);
	margin-top: 15px;
	height: 40px;
	border-radius: 5px;
	cursor: pointer;
}

.btnCreateDefault>.row:first-of-type {
	align-items: center;
	height: 100%;
}

.btnCreateDefault .icon {
	padding: 0px;
	margin-left: 12.5px;
	color: #fff;
	font-size: 0.95rem;
}

.btnCreateDefault .text {
	padding: 0px;
	margin-left: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 0.8rem;
	text-transform: uppercase;
	margin-right: 20px;
}

.diviserItens {
	margin-top: 15px;
	height: 1px;
	border-bottom: 2px dashed #eee;
}

.pagePagesList .boxContent .tabelaPaginas {
	margin: 15px;
}

.pagePagesList .boxContent .tabelaPaginas .icon {
	font-size: 1.1rem;
	color: var(--primary-color);
	text-align: center;
	line-height: 20px;
}

/*.modalManagePage .diviserItens{
	margin-top: 25px;
	height: 1px;
	border-bottom: 2px dashed #eee;
}*/

.modalManagePage .inputIdentify {
	width: 225px;
}

.modalManagePage .inputIcon {
	margin-left: 10px;
}

.modalManagePage .inputName {
	margin-top: 10px;
}

.modalManagePage .inputSubMenu {
	margin-top: 10px;
}

.modalManagePage .inputSecaoMenu {
	margin-top: 10px;
}

.modalManagePage .inputModule {
	margin-top: 10px;
}

.modalManagePage .inputUrl {
	margin-top: 10px;
}

.modalManagePage .inputPermissoes {
	margin-top: 10px;
}

.modalManagePage .inputShowInMenu {
	margin-left: 10px;
	margin-top: 10px;
}

.btnModalItem{
	height: 45px;
	border-radius: 5px;
	cursor: pointer;
	line-height: 45px;
	text-align: center;
	margin-top: 15px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.8rem;
}

.btnModalCancel {
	background: #ddd;
	color: #999;
}

.btnModalConfirm {
	background: var(--green-default);
	margin-left: 10px;
	color: #fff;
}

.btnModalRemove {
	background: var(--red);
	margin-left: 10px;
	color: #FFF;
}

.pageUsuariosList .tabelaUsuarios {
	margin: 15px;
}

.pageUsuariosList .tabelaUsuarios .iconeTipo {
	font-size: 1.1rem;
	text-align: center;
	line-height: 20px;
}

.pageUsuariosList .tabelaUsuarios .iconeTipo.atrue {
	color: var(--green-default);
}

.pageUsuariosList .tabelaUsuarios .iconeTipo.afalse {
	color: var(--red);
}

.areaFiltros .btnDoSearch {
	height: 47.5px;
	background: var(--green-default);
	margin-left: 10px;
	border-radius: 5px;
	line-height: 47.5px;
	color: #fff;
	font-size: 1.1rem;
	cursor: pointer;
	padding: 0px;
	text-align: center;
	width: 45px;
}

.areaFiltros .btnClearFilter {
	margin-left: 5px;
	height: 47.5px;
	cursor: pointer;
	border-radius: 5px;
	background: #ddd;
	color: #666;
	padding: 0px;
	text-align: center;
	line-height: 47.5px;
	width: 45px;
	font-size: 1.3rem;
}


:root {
	--tbw-cell-vertical-padding: 4px;
	--tbw-cell-horizontal-padding: 8px;
	--tbw-cell-line-height: 1.5em;
}

table {
	margin-bottom: var(--tbw-cell-line-height);
}

th,
td {
	height: calc(var(--tbw-cell-vertical-padding) * 2 + var(--tbw-cell-line-height));
	min-width: calc(var(--tbw-cell-horizontal-padding) * 2);
	padding: var(--tbw-cell-vertical-padding) var(--tbw-cell-horizontal-padding);
	border: 1px solid #e7eaec;
}

.pagePermissaoLista .tabelaPermissoes {
	margin: 15px;
}

.modalGestaoPermissao .inputDescricao {
	margin-top: 10px;
}

.modalGestaoPermissao .inputModulo {
	margin-top: 10px;
}

.modalGestaoPermissao .inputAtivo {
	margin-left: 10px;
	width: 150px;
}

.modalGestaoPermissao .btnModalCancel.btnRemove {
	background: var(--red);
	margin-left: 7.5px;
	color: #FFF;
}

.modalGestaoPermissao .btnModalConfirm {
	margin-left: 7.5px;
}

.pagePermissaoLista .tabelaPermissoes .icone {
	padding: 0px;
	margin-left: 15px;
	color: var(--primary-color);
}

.pagePermissaoLista .tabelaPermissoes .valor {
	padding-left: 7.5px;
}

.pagePermissaoLista .tabelaPermissoes span {
	font-weight: 600;
}

.pagePermissaoLista .tabelaPermissoes span.ativotrue {
	color: var(--green-default);
}

.pagePermissaoLista .tabelaPermissoes span.ativofalse {
	color: var(--red);
}

.tabsDefault {
	height: 45px;
	background: #fff;
}

.tabsDefault > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.tabsDefault .tabItem {
	height: 45px;
	color: #999;
	margin-left: 15px;
}

.tabsDefault .tabItem:first-of-type {
	margin-left: 0px;
}

.tabsDefault .tabItem>.row:first-of-type {
	align-items: center;
	height: 100%;
}

.tabsDefault .tabItem .icon {
	padding: 0px;
	font-size: 1.2rem;
	cursor: pointer;
}

.tabsDefault .tabItem .text {
	padding: 0px;
	padding-left: 7.5px;
	margin-right: 25px;
	font-weight: 600;
	font-size: 0.9rem;
	cursor: pointer;
}

.tabsDefault .tabItem.active {
	color: var(--blue);
}

.tabsDefault .tabItem.active .icon {
	cursor: default;
}

.tabsDefault .tabItem.active .text {
	cursor: default;
}

.modalGestaoUsuario {}

.pgModalList .pgModalContainer.modalGestaoUsuario .pgModalContentArea .pgModalPutCodeHtml {
	margin-top: 0px;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario {
	border-top: 2px dashed #ddd;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .inputNome {
	margin-top: 15px;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .row.iab {
	height: fit-content;
	align-items: end;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .inputEmail {
	margin-top: 10px;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .inputEmail input {
	text-transform: lowercase;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .btnSendRecoverPassword {
	background: var(--blue);
	height: 47.5px;
	border-radius: 5px;
	margin-left: 10px;
	cursor: pointer;
	color: #fff;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .btnSendRecoverPassword>.row:first-of-type {
	height: 100%;
	align-items: center;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .btnSendRecoverPassword .icone {
	padding: 0px;
	margin-left: 15px;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .btnSendRecoverPassword .texto {
	padding: 0px;
	margin-left: 15px;
	text-transform: uppercase;
	font-size: 0.8rem;
	margin-right: 17.5px;
	font-weight: 600;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .inputDataInclusao {
	margin-top: 10px;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .inputDataAlteracao {
	margin-top: 10px;
	margin-left: 10px;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .inputOperador {
	margin-top: 10px;
	margin-left: 10px;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .inputAtivo {
	margin-top: 10px;
	margin-left: 10px;
}

.modalGestaoUsuario .contentAreaTabGestaoUsuario .inputPermissoes {
	margin-top: 15px;
}

.modalCadastroUsuario .inputAtivo {
/*	margin-top: 10px;*/
/*	margin-left: 10px;*/
	width: 155px;
}

.modalCadastroUsuario .inputNome{
	margin-left: 10px;
}

.modalCadastroUsuario .inputEmail {
	margin-top: 10px;
}

.modalCadastroUsuario .inputEmail input {
	text-transform: lowercase;
}

.modalCadastroUsuario .inputTelefone {
	margin-top: 10px;
	margin-left: 10px;
	width: 225px;
}

.pageUsuariosList .areaFiltros>.row:first-of-type {
	align-items: end;
}

.pageUsuariosList .areaFiltros .btnClearFilter {
	margin-right: 15px;
}

.pageUsuariosList .areaFiltros .inputTermo {
	margin-left: 15px;
	margin-top: 12.5px;
}

.pageUsuariosList .areaFiltros .inputTipo {
	margin-left: 10px;
	margin-top: 12.5px;
	width: 300px;
}

.pageUsuariosList .areaFiltros .inputStatus {
	margin-left: 10px;
	margin-top: 12.5px;
	width: 260px;
}

.modalCadastroOrdemServico .pgModalDefaultHeaderTitle span {
	color: var(--primary-color);
	font-weight: 600;
}

.modalCadastroOrdemServico .btnModalConfirm.btnEstornar {
	background: var(--orange);
}

.modalCadastroOrdemServico .btnModalConfirm.btnReprovar,
.modalCadastroOrdemServico .btnModalConfirm.btnCancelar {
	background: var(--red);
}

.modalCadastroOrdemServico .btnModalConfirm.btnReprovar {
	background: var(--red);
}

.modalCadastroOrdemServico .btnModalConfirm.btnEnviarAprovacao {
	background: var(--primary-color);
}

.modalCadastroOrdemServico .btnModalConfirm.btnSolicitarRevisao {
	background: var(--orange);
}

.homeDashboard {
	min-height: 100vh;
	background: #fff;
	max-height: 100vh;
	overflow-y: auto;
}


.homeDashboard .boasVindas .saudacoes {
	margin: 45px 50px 0px 50px;
	font-size: 2rem;
	font-weight: 700;
	color: #666;
	padding: 0px;
}

.homeDashboard .boasVindas .lorem {
	margin: -2.5px 50px 0px 50px;
	color: #666;
	font-weight: 500;
	padding: 0px;
}

.homeDashboard .boasVindas .saudacoes span {
	color: var(--primary-color);
}

.homeDashboard .estatisticasPrimarias {
	border-top: 2px solid #eee;
	min-height: 30px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid #eee;
}

.homeDashboard .estatisticasPrimarias > .row:first-of-type {
	height: fit-content;
	align-items: center;
}

/*.homeDashboard .estatisticasPrimarias > .row:nth-child(2) {
	height: fit-content;
	align-items: center;
	border-bottom: 2px solid #eee;
	padding-bottom: 10px;
}*/

.homeDashboard .estatisticasPrimarias .linhaDivisao {
	width: 2px;
	;
	padding: 0px;
	background: #eee;
	height: 50px;
}

.homeDashboard .estatisticasPrimarias .item {
	margin-left: 25px;
}

.homeDashboard .estatisticasPrimarias .item:nth-child(1) {
	margin-left: 0px;
}

.homeDashboard .estatisticasPrimarias .item>.row {
	align-items: center;
	height: fit-content;
}

.homeDashboard .estatisticasPrimarias .item .icone {
	background: #f7f7f7;
	color: var(--primary-color);
	height: 65px;
	width: 65px;
	border-radius: 50%;
	line-height: 65px;
	text-align: center;
	padding: 0px;
	font-size: 1.8rem;
}

.homeDashboard .estatisticasPrimarias .item .valores {
	margin-left: 17.5px;
	margin-top: 5px;
	color: #666;
}

.homeDashboard .estatisticasPrimarias .item .valores .titulo {
	font-weight: 700;
	color: #666;
	font-size: 1rem;
	padding: 0px;
	color: var(--primary-color);
}

.homeDashboard .estatisticasPrimarias .item .valores>.row:last-of-type {
	align-items: end;
	height: fit-content;
}

.homeDashboard .estatisticasPrimarias .item .valores .variacao {
	height: fit-content;
	margin-left: 22.5px;
	color: #eee;
	margin-bottom: 5px;
}

.homeDashboard .estatisticasPrimarias .item .valores .quantidade {
	padding: 0px;
	font-size: 1.5rem;
	font-weight: 700;
}

.homeDashboard .estatisticasPrimarias .item .valores .variacao>.row:first-of-type {
	height: fit-content;
	align-items: center;
}

.homeDashboard .estatisticasPrimarias .item .valores .variacao .iconeVariacao {
	padding: 0px;
	padding-top: 8px;
	/*	margin-top: -5px;*/
}

.homeDashboard .estatisticasPrimarias .item.minus .valores .variacao .iconeVariacao {
	margin-top: -13px;
}

.homeDashboard .estatisticasPrimarias .item .valores .variacao .valorVariacao {
	padding: 0px;
	margin-left: 10px;
	font-weight: 600;
	font-size: 0.8rem;
}

.homeDashboard .estatisticasPrimarias .item.chamados .variacao {
	color: var(--green-default);
}

.homeDashboard .estatisticasPrimarias .item.plus .valores .variacao {
	color: var(--green-default);
}

.homeDashboard .estatisticasPrimarias .item.minus .valores .variacao {
	color: var(--red);
}

.homeCalendario {
	width: 22.5vw;
	background: #fff;
	height: 100vh;
	border-left: 1px solid #ddd;
}

.homeCalendario .areaDias {
	height: 350px;
}

.homeCalendario .areaAvisos {
	height: calc(100vh - 438px);
}

.homeCalendario .areaAvisos .tituloSessao {
/*	margin-top: 20px;*/
}

.homeCalendario .areaAvisos .tituloSessao>.row:first-of-type {
	align-items: center;
	height: fit-content;
}

.homeCalendario .areaAvisos .tituloSessao .linha {
	height: 2px;
	background: #eee;
}

.homeCalendario .areaAvisos .tituloSessao .linha:nth-child(1) {
	margin-left: 15px;
}


.homeCalendario .areaAvisos .tituloSessao .linha:nth-child(3) {
	margin-right: 15px;
}

.homeCalendario .areaAvisos .tituloSessao .texto {
	margin-left: 25px;
	margin-right: 25px;
	padding: 0px;
	font-weight: 600;
	color: #666;
	font-size: 0.9rem;
}

.homeCalendario .areaMes {
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
}

.homeCalendario .areaMes>.row:first-of-type {
	height: fit-content;
	align-items: center;
}

.homeCalendario .areaMes .botaoControlador {
	width: 25px;
	height: 25px;
	cursor: pointer;
	padding: 0px;
	text-align: center;
	line-height: 30px;
}

.homeCalendario .areaMes .nomeMes {
	font-weight: 600;
	font-size: 1rem;
	padding: 0px;
	text-transform: capitalize;
}

.homeCalendario .legendaDiaSemana {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 20px;
}

.homeCalendario .legendaDiaSemana .item {
	font-weight: 700;
	color: #666;
	font-size: 0.8rem;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	width: calc(100% / 7);
}

.homeCalendario .areaRealDias {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 7.5px;
}

.homeCalendario .areaRealDias .item {
	font-weight: 700;
	color: #666;
	font-size: 0.9rem;
	text-transform: uppercase;
	padding: 0px;
	text-align: center;
	width: calc(100% / 7);
	height: 35px;
	line-height: 35px;
	margin-top: 5px;
	border-radius: 5px;
}

.homeCalendario .areaRealDias .item.outroMes{
	color: #999;
}

.homeCalendario .areaRealDias .item:not(.outroMes):hover {
	background: #eee;
	cursor: pointer;
}

.homeCalendario .areaRealDias .item.hoje{
	background: #bcffe8;
	color: #666;
}


.homeCalendario .areaRealDias .item.hoje:not(.selecionado):hover{
	background: #67ffca;
}

.homeCalendario .areaRealDias .item.selecionado,
.homeCalendario .areaRealDias .item.selecionado:hover{
	background: #00ef9c;
	color: #fff;
	cursor: default;
}

.containerBtnCalendarioColaboradores{
	border-top: 2px solid #eee;
	margin-top: 12.5px;
	margin-left: 15px;
	margin-right: 15px;
	height: 75px;
}

.containerBtnCalendarioColaboradores > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.containerBtnCalendarioColaboradores .icone{
	padding: 0px;
	color: var(--primary-color);
	font-size: 1.3rem;
	cursor: pointer;
	line-height: 25px;
	height: 25px;
}

.containerBtnCalendarioColaboradores .texto{
	color: var(--primary-color);
	padding: 0px;
	padding-left: 12.5px;
	font-size: 0.925rem;
	font-weight: 600;
	line-height: 25px;
	height: 25px;
	cursor: pointer;
}

.modalGestaoUsuario .contentTabEscopo .areaFormarEscopo {
	margin-top: 7.5px;
}

.modalGestaoUsuario .contentTabEscopo .itemProduto {
	border: 1px solid #ddd;
	border-radius: 5px;
	/* overflow: hidden; */
	margin-top: 7.5px;
}

.modalGestaoUsuario .contentTabEscopo .itemProduto .header {
	height: 42.5px;
	background: #e7e7e7;
}

.modalGestaoUsuario .contentTabEscopo .itemProduto .header>.row:first-of-type {
	height: 100%;
	align-items: center;
}

.modalGestaoUsuario .contentTabEscopo .itemProduto .header .nomeProduto {
	color: var(--primary-color);
	font-weight: 600;
	padding: 0px;
	margin-left: 15px;
	font-size: 0.9rem;
}

.modalGestaoUsuario .contentTabEscopo .itemProduto .header .inputAtivo {
	width: 100px;
	margin-right: 15px;
	margin-top: 0px;
}

.modalGestaoUsuario .contentTabEscopo .itemProduto .header .inputAtivo .containerSwitch {
	border: none;
	height: 37.5px;
}

.modalGestaoUsuario .contentTabEscopo .itemProduto .header .inputAtivo .containerSwitch .itemToBubble {
	height: 22.5px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.modalGestaoUsuario .contentTabEscopo .itemProduto .header .inputAtivo .containerSwitch .itemChange {
	height: 12.5px;
}

.modalGestaoUsuario .contentTabEscopo .itemProduto .body .inputDepartamentos {
	margin: 15px;
	margin-top: 10px;
}

.modalGestaoUsuario .contentTabEscopo .itemProduto .body .semDepartamentosVinculados {
	margin: 15px;
	background: #eee;
	line-height: 47.5px;
	text-align: center;
	color: #666;
	font-size: 0.9rem;
	font-weight: 500;
	border-radius: 5px;
}

.modalGestaoUsuario .emDesenvolvimento {
	margin-top: 15px;
	background: var(--orange);
	line-height: 47.5px;
	text-align: center;
	color: #666;
	font-size: 0.9rem;
	font-weight: 500;
	border-radius: 5px;
	color: #fff;
}

.modalUpdatePasswordRequired .inputPassword {
	margin-top: 20px;
}

.modalUpdatePasswordRequired .inputNewPassword {
	margin-top: 10px;
}

.modalUpdatePasswordRequired .inputNewPasswordRepeat {
	margin-top: 10px;
}

.modalUpdatePasswordRequired .msgArea {
	padding: 0px;
	font-weight: 500;
	color: #666;
	font-size: 0.9rem;
}

.modalUpdatePasswordRequired .btnModalConfirm {
	margin-left: 0px;
}

.homeDashboard .chamadosEmAtendimento {
	border-bottom: 2px solid #eee;
	min-height: 100px;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 30px;
	padding-bottom: 35px;
}

.homeDashboard .tituloPadrao {
	height: 40px;
}

.homeDashboard .tituloPadrao>.row:first-of-type {
	align-items: center;
	height: 100%;
}

.homeDashboard .tituloPadrao .icone {
	padding: 0px;
	font-size: 1.5rem;
	color: var(--primary-color);
	display: none;
}

.homeDashboard .tituloPadrao .titulo {
	padding: 0px;
	color: var(--primary-color);
	font-weight: 700;
	font-size: 1.2rem;
}




.modalCadastroContato .inputNome {
	margin-top: 10px;
}

.modalCadastroContato .inputEmail {
	margin-top: 10px;
}

.modalCadastroContato .inputEmail input {
	text-transform: lowercase;
}

.modalCadastroContato .inputDocumento {
	margin-top: 10px;
}

.modalCadastroContato .inputDataNascimento {
	margin-top: 10px;
	margin-left: 10px;
	width: 225px;
}

.modalCadastroContato .inputTelefone {
	margin-top: 10px;
	margin-left: 10px;
}

.modalCadastroContato .inputFornecedor {
	margin-top: 10px;
}

.modalCadastroContato .inputCliente {
	margin-top: 10px;
	margin-left: 10px;
}

.modalCadastroContato .inputComprador {
	margin-top: 10px;
	margin-left: 10px;
}

.modalCadastroContato .inputPagador {
	margin-top: 10px;
	margin-left: 10px;
}

.modalCadastroContato .inputEmpresas {
	margin-top: 10px;
}

.modalCadastroContato .inputCep {
	margin-top: 20px;
	width: 200px;
}

.modalCadastroContato .inputCidade {
	margin-top: 20px;
	margin-left: 10px;
}

.modalCadastroContato .inputUF {
	margin-top: 20px;
	margin-left: 10px;
	width: 70px;
}

.modalCadastroContato .inputLogradouro {
	margin-top: 10px;
}

.modalCadastroContato .inputNumero {
	margin-top: 10px;
	margin-left: 10px;
	width: 110px;
}

.modalCadastroContato .inputBairro {
	margin-top: 10px;
}

.modalCadastroContato .inputComplemento {
	margin-top: 10px;
	margin-left: 10px;
}

.paginaListaEmpresas .areaFiltros>.row:first-of-type {
	align-items: end;
}

.paginaListaEmpresas .areaFiltros .btnClearFilter {
	margin-right: 15px;
}

.paginaListaEmpresas .areaFiltros .inputTermo {
	margin-left: 15px;
	margin-top: 12.5px;
}

.paginaListaEmpresas .areaFiltros .inputStatus {
	margin-left: 7.5px;
	width: 260px;
}

.paginaListaEmpresas .tabelaEmpresas {
	margin: 15px;
}

.modalCadastroEmpresa .inputNome {
	margin-top: 10px;
}

.modalCadastroEmpresa .inputNomeFantasia {
	margin-top: 10px;
}

.modalCadastroEmpresa .inputCnpj {
	width: 250px;
}

.modalCadastroEmpresa .inputMatriz {
	margin-left: 10px;
}

.modalCadastroEmpresa .inputTipoEmpresa {
	margin-left: 10px;
}

.modalCadastroEmpresa .inputAtivo {
	margin-left: 10px;
	width: 135px;
}

.modalCadastroEmpresa .inputEmail {
	margin-top: 10px;
}

.modalCadastroEmpresa .inputEmail input {
	text-transform: lowercase;
}

.modalCadastroEmpresa .inputTelefone {
	margin-top: 10px;
	margin-left: 10px;
	width: 250px;
}

.modalCadastroEmpresa .inputCep {
	margin-top: 20px;
	width: 200px;
}

.modalCadastroEmpresa .inputCidade {
	margin-top: 20px;
	margin-left: 10px;
}

.modalCadastroEmpresa .inputUF {
	margin-top: 20px;
	margin-left: 10px;
	width: 70px;
}

.modalCadastroEmpresa .inputLogradouro {
	margin-top: 10px;
}

.modalCadastroEmpresa .inputNumero {
	margin-top: 10px;
	margin-left: 10px;
	width: 110px;
}

.modalCadastroEmpresa .inputBairro {
	margin-top: 10px;
}

.modalCadastroEmpresa .inputComplemento {
	margin-top: 10px;
	margin-left: 10px;
}

.paginaListaProdutos .areaFiltros>.row:first-of-type {
	align-items: end;
}

.paginaListaProdutos .areaFiltros .btnClearFilter {
	margin-right: 15px;
}

.paginaListaProdutos .areaFiltros .inputTermo {
	margin-left: 15px;
	margin-top: 12.5px;
}

.paginaListaProdutos .tabelaProdutos {
	margin: 15px;
}

.paginaListaColaboradores .areaFiltros>.row:first-of-type {
	align-items: end;
}

.paginaListaColaboradores .areaFiltros .btnClearFilter {
	margin-right: 15px;
}

.paginaListaColaboradores .areaFiltros .inputTermo{
	margin-left: 15px;
	margin-top: 12.5px;
}

.paginaListaColaboradores .areaFiltros .inputRegime{
	margin-left: 7.5px;
	width: 425px;
} 

.paginaListaColaboradores .tabelaColaboradores {
	margin: 15px;
}

.paginaListaColaboradores .tabelaColaboradores .regimeContratacao>.row:first-of-type {
	align-items: center;
	height: fit-content;
}

.paginaListaColaboradores .tabelaColaboradores .regimeContratacao .icone {
	color: var(--primary-color);
	font-size: 1.1rem;
	height: 20px;
	line-height: 20px;
	padding-right: 10px;
}

.modalCadastroColaborador .inputUsuario {
	margin-top: 10px;
	margin-left: 10px;
}

.modalCadastroColaborador .inputEmpresa {
	margin-top: 10px;
}

.modalCadastroColaborador .inputLocalTrabalho {
	margin-top: 10px;
}

.modalCadastroColaborador .inputDataAdmissao {
	margin-top: 10px;
	width: 175px;
}

.modalCadastroColaborador .inputHorasMensais {
	margin-top: 10px;
	margin-left: 10px;
}

.modalCadastroColaborador .inputHorasSemanais {
	margin-top: 10px;
	margin-left: 10px;
}

.paginaRelatorios .boxItemRelatorio{
	height: fit-content;
	width: calc(33.333% - 7.66px);
}

.paginaRelatorios .boxItemRelatorio:nth-child(1) {
	margin-right: 0px;
}

.paginaRelatorios .boxItemRelatorio:nth-child(2) {
	margin-left: 10px;
	margin-right: 0px;
}

.paginaRelatorios .boxItemRelatorio .areaTitulo {
	border-bottom: 2px dotted #eee;
	margin-left: 20px;
	margin-right: 20px;
	padding-top: 15px;
	padding-bottom: 12.5px;
}


.paginaRelatorios .boxItemRelatorio .areaTitulo>.row:first-of-type {
	align-items: center;
	height: fit-content;
}


.paginaRelatorios .boxItemRelatorio .areaTitulo .icone {
	padding: 0px;
	font-size: 1.3rem;
	color: var(--primary-color);
}

.paginaRelatorios .boxItemRelatorio .areaTitulo .titulo {
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	color: var(--primary-color);
}

.paginaRelatorios .boxItemRelatorio .lorem {
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 0.9rem;
	color: #666;
	font-weight: 500;
	margin-top: 15px;
}

.paginaRelatorios .boxItemRelatorio .btnGerar {
	height: 45px;
	background: var(--green-default);
	border-radius: 5px;
	cursor: pointer;
	line-height: 45px;
	text-transform: uppercase;
	font-weight: 600;
	color: #fff;
	font-size: 0.8rem;
	text-align: center;
	padding: 0px;
	margin: 20px 20px 20px 15px;
}

.modalFiltroCompletoOs .btnModalCancel.btnClearFiltro {
	background: var(--red);
	margin-left: 10px;
	color: #fff;
}

.modalFiltroCompletoOs .inputStatus {
	margin-top: 10px;
}

.modalFiltroCompletoOs .inputCreated {
	margin-top: 10px;
	margin-left: 10px;
}

.modalFiltroCompletoOs .inputOperador {
	margin-top: 10px;
}

.modalFiltroCompletoOs .inputUsuario {
	margin-top: 10px;
	margin-left: 10px;
}

.modalFiltroCompletoOs .inputEmpresas {
	margin-top: 10px;
}

.modalFiltroCompletoOs .inputTipoProjeto {
	margin-top: 10px;
}

.modalFiltroCompletoOs .inputProjetos {
	margin-top: 10px;
	margin-left: 10px;
}

.modalFiltroCompletoOs .inputNatureza {
	margin-left: 10px;
}

.modalFiltroCompletoOs .inputHorasDiferentes {
	margin-top: 10px;
}

.homeDashboard .produtividadeHoras .avisoColaboradorSemRegistro,
.homeDashboard .produtividadeHoras .avisoColaboradorNaoLocalizado {
	height: 50px;
	background: #f99056;
	margin-top: 15px;
	border-radius: 5px;
	display: none;
}

.homeDashboard .produtividadeHoras .avisoColaboradorSemRegistro .icone,
.homeDashboard .produtividadeHoras .avisoColaboradorNaoLocalizado .icone {
	height: 35px;
	margin-top: 7.5px;
	padding: 0px;
	width: 35px;
	margin-left: 7.5px;
	text-align: center;
	color: #FFF;
	background: #faa576;
	border-radius: 5px;
	line-height: 35px;
}

.homeDashboard .produtividadeHoras .avisoColaboradorSemRegistro .texto,
.homeDashboard .produtividadeHoras .avisoColaboradorNaoLocalizado .texto {
	padding: 0px;
	margin-left: 15px;
	line-height: 50px;
	color: #fff;
	font-weight: 600;
	font-size: 0.9rem;
}

.modalFiltroCompletoChamado .inputNatureza {
	margin-top: 10px;
}

.modalFiltroCompletoChamado .inputStatus {
	margin-top: 10px;
	margin-left: 10px;
}

.modalFiltroCompletoChamado .inputPrioridade {
	margin-left: 10px;
	margin-top: 10px;
	width: 300px;
}

.modalFiltroCompletoChamado .inputAbertura {

	margin-top: 10px;
}

.modalFiltroCompletoChamado .inputFinalizacao {
	margin-left: 10px;
	margin-top: 10px;
}

.modalFiltroCompletoChamado .inputPrevisaoConclusao {
	margin-left: 10px;
	margin-top: 10px;
}

.modalFiltroCompletoChamado .inputEmpresas {
	margin-top: 10px;
}

.modalFiltroCompletoChamado .inputProdutos {
	margin-left: 10px;
	margin-top: 10px;
}

.modalFiltroCompletoChamado .inputProjetos {
	margin-left: 10px;
	margin-top: 10px;
}

.modalFiltroCompletoChamado .inputOperador {
	margin-top: 10px;
	margin-right: 10px;
}

.modalFiltroCompletoChamado .inputSolicitante {
	margin-top: 10px;
	margin-left: 10px;
}

.modalFiltroCompletoChamado .inputUsuario {
	margin-top: 10px;
}

.modalFiltroCompletoChamado .inputTermo {
	margin-left: 10px;
}

.modalFiltroCompletoChamado .inputPercentualUsadoDasHoras {
	margin-top: 10px;
}

.modalFiltroCompletoChamado .inputSlaAberto {
	margin-top: 10px;
}

.modalFiltroCompletoChamado .btnModalCancel.btnClearFiltro {
	background: var(--red);
	margin-left: 10px;
	color: #fff;
}

.pgModalList .pgModalContainer.modalGestaoProjeto .pgModalContentArea .pgModalPutCodeHtml {
	margin-top: 0px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto {
	border-top: 2px dashed #ddd;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados {
	padding-bottom: 5px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputCodigo {
	width: 250px;
	margin-top: 20px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputNome {
	margin-left: 10px;
	margin-top: 20px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputFechado {
	margin-left: 10px;
	margin-top: 20px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputNatureza {
	margin-top: 10px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputProduto {
	margin-left: 10px;
	margin-top: 10px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputResponsavel {
	margin-left: 10px;
	margin-top: 10px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputDataInicio {
	margin-top: 10px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputPrevisaoConclusao {
	margin-left: 10px;
	margin-top: 10px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputStatus {
	margin-left: 10px;
	margin-top: 10px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputHorasPrevistas {
	margin-left: 10px;
	margin-top: 10px;
	width: 180px;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputEmpresas {
	margin-top: 10px;
	display: none;
}

.modalGestaoProjeto .contentAreaTabGestaoProjeto.contentTabDados .inputEmpresa {
	margin-top: 10px;
	display: none;
}

.modalGestaoProjeto .emDesenvolvimento {
	margin-top: 15px;
	background: var(--orange);
	line-height: 47.5px;
	text-align: center;
	color: #666;
	font-size: 0.9rem;
	font-weight: 500;
	border-radius: 5px;
	color: #fff;
}

.modalGestaoProjeto .areaDescription {
	margin-top: 10px;
}

.modalGestaoProjeto .areaDescription label {
	font-weight: 600;
	font-size: 0.8rem;
	color: #888;
	padding-right: 15px;
	margin-bottom: 0px;
	height: 1.1rem;
	line-height: 1.1rem;
	padding-left: 0px;
}

.modalGestaoProjeto .areaDescription label span {
	color: red;
	padding-left: 5px;
}

.modalGestaoProjeto .areaDescription .areaToDescriptionPreview {
	background: #eee;
	border-radius: 5px;
	padding: 15px 15px 15px 15px;
	border: 1px solid #ddd;
	display: none;
	user-select: text;
}

.modalGestaoProjeto .areaDescription .areaToDescriptionPreview img {
	max-width: 100%;
}

.modalGestaoProjeto .inputCodigo input {
	text-transform: uppercase;
}

.modalGestaoProjeto .rAreaToDescription .col{
	padding: 0px;
}

.modalGestaoProjeto .rAreaToDescription .ql-toolbar.ql-snow{
	border-color: #ddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.modalGestaoProjeto .rAreaToDescription .ql-container.ql-snow{
	border-color: #ddd;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.modalGestaoProjeto .rAreaToDescription .ql-container{
	font-family: "Montserrat";
	height: auto !important;
	font-size: 0.9rem;
}

.modalGestaoProjeto .rAreaToDescription.invalid .ql-container,
.modalGestaoProjeto .rAreaToDescription.invalid .ql-toolbar{
	border-color: var(--red);
	animation: input-shake 0.2s 2;
}

.modalGestaoProjeto .rAreaToDescription .ql-container b,
.modalGestaoProjeto .rAreaToDescription .ql-container strong{
	font-weight: 600;
}

.modalGestaoProjeto .rAreaToDescription .ql-container p{
	font-weight: 500;
	color: #666;
}

.modalCadastroProjeto .inputCodigo input {
	text-transform: uppercase;
}

.modalCadastroProjeto .areaDescription {
	margin-top: 10px;
}

.modalCadastroProjeto .areaDescription label {
	font-weight: 600;
	font-size: 0.8rem;
	color: #888;
	padding-right: 15px;
	margin-bottom: 0px;
	height: 1.1rem;
	line-height: 1.1rem;
	padding-left: 0px;
}

.modalCadastroProjeto .areaDescription label span {
	color: red;
	padding-left: 5px;
}


/* Estilização da tela de dashboard */


.conteudo {
	display: none;
}

.conteudo.active {
	display: block;
}

/* inicio gráfico de rosquinha */
.graphicDonuts {
	height: 320px;
	padding: 0 20px 20px 20px;
}

.graphicDonuts .graphicDonuts-item {
	width: 200px;
	height: 200px;
}

.graphicDonuts .graphicDonuts-item .graphic-tittle {
	height: 45px;
	width: 180px;
	color: #000;
}

.Graphic-Tittle h3 {
	font-size: 25px;
	font-weight: bolder;
	color: #686D76;
}

.Graphic-Tittle span {
	color: #003D86;
}

.Graphic-Tittle {
	padding: 30px 0 0 30px;
}

.pieGraphic {
	/* background-color: red; */
	height: 550px;
	padding: 10px;
}

.pieGraphic .pieGraphic-item {
	/* background-color: #38B7EC; */
	margin: 15px;
	height: 450px;
	width: 400px;
}

.pieGraphic .pieGraphic-item .pieGraphic-Tittle {
	padding: 20px;
	text-align: center;
}

.pieGraphic .pieGraphic-item .pieGraphic-Tittle h3 {
	font-size: 16px;
	font-weight: bolder;
	color: #686D76;
}

/* ---------------- gráfico de barras ---------------------- */
.barGraphic {
	margin-top: 150px;
	padding: 50px;
	height: 580px;
	/* background-color: #00BFFF; */
}

.barGraphic.abaHist {
	margin-top: 20px;
	padding: 50px;
	height: 980px;
}

.barGraphic .barGraphic-Box .barGraphic-item {
	width: 620px;
	padding: 35px;
	height: 420px;
}

.barGraphic-Box>.barGraphic-item.OpChamado {

	padding-top: 35px;

}

.barGraphic .barGraphic-Box .barGraphic-item .barGraphic-Tittle h3 {
	font-size: 20px;
	font-weight: bolder;
	color: #686D76;
}

/* -------------------- grafico de linhas -------------------- */

.lineGraphic {
	height: 550px;
}

.lineGraphic .lineGraphic-item .lineGraphic-Tittle {
	padding: 150px 0 50px 0;
}

.lineGraphic .lineGraphic-item .lineGraphic-Tittle h3 {
	font-size: 20px;
	font-weight: bolder;
	color: #686D76;
}

/* Fim da estilização da tela de dashboard */

.recoverPasswordPage .areaSuccess {
	margin: 25px;
	display: none;

	margin-bottom: 15px;
}

.recoverPasswordPage .areaSuccess .description {
	padding: 0px;
	text-align: center;
	font-weight: 500;
	color: #666;
	font-size: 1rem;
}

.recoverPasswordPage .areaSuccess .btnDoAccess {
	margin-top: 30px;
}

.paginaRelatorioPonto .inputRegimeContratacao {
	margin-top: 15px;
	margin-left: 15px;
	width: 300px;
}

.paginaRelatorioPonto .inputOperador {
	margin-left: 7.5px;
}

.paginaRelatorioPonto .inputAno {
	margin-left: 7.5px;
	width: 140px;
}

.paginaRelatorioPonto .inputAno .placeholderContainer {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.paginaRelatorioPonto .inputMes .placeholderContainer {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	border-left: 0px !important;
}

.paginaRelatorioPonto .inputMes {
	width: 200px;
}


.paginaRelatorioPonto .areaFiltros>.row:first-of-type {
	align-items: end;
	height: fit-content;
}

.paginaRelatorioPonto .tabelaControleHorasOperador {
	margin: 15px;
}

.paginaRelatorioPonto .btnExporcao {
	height: 47.5px;
	background: var(--blue);
	margin-left: 50px;
	margin-right: 15px;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
}

.paginaRelatorioPonto .btnExporcao>.row:first-of-type {
	align-items: center;
	height: 100%;
}

.paginaRelatorioPonto .btnExporcao .icone {
	padding: 0px;
	font-size: 1.2rem;
	margin-left: 12.5px;
}

.paginaRelatorioPonto .btnExporcao .texto {
	padding: 0px;
	font-size: 0.8rem;
	font-weight: 600;
	margin-left: 10px;
	margin-right: 17.5px;
	text-transform: uppercase;
}

.paginaRelatorioPonto .btnExporcao.disable {
	background: #ddd;
	color: #666;
	cursor: not-allowed;
}

.paginaDashSuporte .contentTabDashboard {
	border-radius: 5px;
	background: #fff;
	margin: 15px;
	margin-top: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.tabsDashboard {
	border-radius: 5px;
	margin: 15px;
	margin-bottom: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 55px;
}

.tabsDashboard .tabItem:first-of-type {
	margin-left: 15px;
}

.tabsDashboard .tabItem {
	height: 55px;
}

.tabsDashboard .tabItem .icon {
	font-size: 1.2rem;
}

.tabsDashboard .tabItem .text {
	font-size: 0.95rem;
}

.paginaDash .contentTabDashboard .areaFiltros {
	margin-top: 15px;
}

.paginaDash .contentTabDashboard .areaFiltros>.row:first-of-type {
	align-items: end;
}

.paginaDash .contentTabDashboard .areaFiltros .btnClearFilter {
	margin-right: 15px;
}

.modalInformacoesColaborador .contentTabEscala .turnosLista .turnoNome{
	height: 35px;
	line-height: 35px;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 600;
	text-align: center;
	background: var(--blue-two);
}

.modalInformacoesColaborador .contentTabEscala .nomeDia{
	margin-right: 20px;
	width: 140px;
	text-align: right;
	padding: 0px;
	line-height: 35px;
	height: 35px;
	font-weight: 600;
	font-size: 0.85rem;
	color: #666;
}

.modalInformacoesColaborador .contentTabEscala .turnoAcao{
	font-size: 0.75rem;
	text-transform: uppercase;
	text-align: center;
	font-weight: 600;
	color: #666;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	height: 30px;
	line-height: 29px;
}

.modalInformacoesColaborador .contentTabEscala .turnosLista > .row .turnoAcao:last-of-type{
	border-right: 1px solid #ddd;
}

.modalInformacoesColaborador .contentTabEscala .itemTurno{
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.modalInformacoesColaborador .contentTabEscala .row > .itemTurno:nth-child(5){
	border-right: 1px solid #ddd;
}

.modalInformacoesColaborador .contentTabEscala .itemTurno input{
	height: 32.5px;
	border: none;
	outline: none;
	text-align: center;
	font-size: 0.9rem;
	font-weight: 500;
	color: #666;
}

.modalInformacoesColaborador .contentTabEscala .linhaTotais{
	margin-left: 160px;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.modalInformacoesColaborador .contentTabEscala .turnoTotal{
/*	border-right: 1px solid #ddd;*/
	height: 35px;
	line-height: 34px;
	font-weight: 600;
	color: #666;
	font-size: 0.85rem;
	text-align: left;
	padding: 0px;
	width: 80px;
	margin-left: 15px;
}

.modalInformacoesColaborador .contentTabEscala .btnUsarTabelaPadrao{
	padding: 15px;
	color: var(--primary-color);
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.8rem;
	cursor: pointer;
	padding-bottom: 0px;
	padding-top: 0px;
	margin-top: 12.5px;
}

.pgModalList .pgModalContainer.modalInformacoesColaborador .pgModalContentArea .pgModalPutCodeHtml {
	margin-top: 0px;
}

.modalInformacoesColaborador .contentAreaTabGestaoColaborador {
	border-top: 2px dashed #ddd;
}

.modalInformacoesColaborador .contentTabDadosColaborador .inputUsuario{
	margin-top: 17.5px;
}

.modalInformacoesColaborador .contentTabDadosColaborador .inputDataAdmissao{
	margin-top: 17.5px;
	width: 200px;
	margin-left: 10px;
}

.modalInformacoesColaborador .contentTabDadosColaborador .inputDataDesligamento{
	margin-top: 10px;
	width: 200px;
	margin-left: 10px;
}

.modalInformacoesColaborador .contentTabDadosColaborador .inputRegime{
	margin-top: 10px;
}

.modalInformacoesColaborador .contentTabDadosColaborador .inputLocalTrabalho{
	margin-top: 10px;
}

.modalInformacoesColaborador .contentTabDadosColaborador .inputEmpresa{
	margin-top: 10px;
}

.modalInformacoesColaborador .contentTabDadosColaborador .inputStatus{
	margin-top: 10px;
	margin-right: 2.5px;
}

.modalInformacoesColaborador .contentTabDadosColaborador .inputValorHora{
	margin-top: 10px;
	margin-left: 10px;
	width: 200px;
}

.modalInformacoesColaborador .contentTabDadosColaborador > .row:nth-child(2){
	height: fit-content;
	align-items: end;
}

.modalInformacoesColaborador .contentTabDadosColaborador .btnChangeStatus{
	background: #ddd;
	height: 47.5px;
	border-radius: 5px;
	margin-left: 7.5px;
	cursor: pointer;
	color: #fff;
	padding: 0px;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 600;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 47.5px;
}

.modalInformacoesColaborador .contentTabDadosColaborador .btnChangeStatus.btnDesligamento{
	background: var(--red);
}

.modalInformacoesColaborador .contentTabDadosColaborador .btnChangeStatus.btnInativar{
	background: var(--orange);
}

.modalInformacoesColaborador .contentTabDadosColaborador .btnChangeStatus.btnAtivar{
	background: var(--green-default);
}

.modalInformacoesColaborador .contentAreaTabDocumentos .inputAnexos{
	margin-top: 15px;
}

.modalDescricaoArquivoColaborador .descricao{
	padding: 0px;
	font-weight: 500;
	color: #666;
	font-size: 0.95rem;
}

.modalDescricaoArquivoColaborador .inputDescricao{
	margin-top: 12.5px;
}

.paginaCalendarioColaboradores{
	background: #FFF;
	height: calc(100vh - 70px);
}

.paginaCalendarioColaboradores .cabecalhoCalendario{
	background: var(--primary-color);
	height: 90px;
}

.paginaCalendarioColaboradores .cabecalhoCalendario > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.paginaCalendarioColaboradores .cabecalhoCalendario .btnArrow{
	height: 50px;
	background: #fff;
	border-radius: 10px;
	width: 150px;
	cursor: pointer;
}

.paginaCalendarioColaboradores .cabecalhoCalendario .btnArrow > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.paginaCalendarioColaboradores .cabecalhoCalendario .btnArrow .icone{
	padding: 0px;
	font-size: 1.4rem;
	color: var(--blue-two);
}

.paginaCalendarioColaboradores .cabecalhoCalendario .btnArrow .texto{
	padding: 0px;
	font-weight: 700;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: var(--blue-two);
}

.paginaCalendarioColaboradores .cabecalhoCalendario .btnArrow:nth-child(1){
	margin-left: 20px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.paginaCalendarioColaboradores .cabecalhoCalendario .btnArrow:nth-child(1) .icone{
	margin-left: 17.5px;
}

.paginaCalendarioColaboradores .cabecalhoCalendario .btnArrow:nth-child(1) .texto{
	margin-left: 12.5px;
}

.paginaCalendarioColaboradores .cabecalhoCalendario .btnArrow:nth-child(3) .icone{
	margin-right: 17.5px;
	margin-left: 12.5px;
}

.paginaCalendarioColaboradores .cabecalhoCalendario .btnArrow:nth-child(3){
	margin-right: 20px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

.paginaCalendarioColaboradores .cabecalhoCalendario .titulo .subTitulo{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 700;
	margin-top: 7.5px;
}

.paginaCalendarioColaboradores .cabecalhoCalendario .titulo .real{
	padding: 0px;
	text-align: center;
	font-size: 1.7rem;
	font-weight: 700;
	color: #fff;
	margin-top: -2px;
}

.paginaCalendarioColaboradores .cabecalhoDia{
	height: 50px;
	background: #ddd;
}

.paginaCalendarioColaboradores .cabecalhoDia .item{
	line-height: 50px;
	color: #444;
	font-weight: 600;
	font-size: 0.8rem;
	text-transform: uppercase;
	padding-left: 10px;
}

.paginaCalendarioColaboradores .cabecalhoDia .item:nth-child(1){
	width: 20%;
	margin-left: 20px;
	padding: 0px;
}

.paginaCalendarioColaboradores .cabecalhoDia .item:nth-child(6){
	margin-right: 20px;
}

.paginaCalendarioColaboradores .cabecalhoDia .item .dia{
	padding: 0px;
	padding-right: 10px;
	font-size: 0.8rem;
	margin-left: 10px;
}

.paginaCalendarioColaboradores .itensColaborador{
	max-height: calc(100vh - 210px);
	overflow-y: auto;
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario{
	min-height: 30px;
	border-bottom: 1px solid #eee;
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario:hover{
	background: #f6f6f6;
}

.paginaCalendarioColaboradores .itensColaborador > .row:last-of-type .itemCalendario{
	border-bottom: none;
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario .item{
	font-size: 0.9rem;
	color: #666;
	font-weight: 500;
	width: 20%;
	padding-left: 10px;
	padding-right: 20px;
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario .item.nomeColaborador{
	margin-left: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 15px;
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario .item:nth-child(6){
	margin-right: 20px;
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario .item .valor{
	background: #999;
	border-radius: 7.5px;
	height: 27.5px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 27.5px;
	font-weight: 500;
	margin-left: 15px;
	font-size: 0.8rem;
	color: #fff;
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario .item .iconEdit{
	height: 27.5px;
	margin-left: 10px;
	padding: 0px;
	margin-top: 10px;
	cursor: pointer;
	line-height: 27.5px;
	font-size: 0.95rem;
	color: var(--blue-two);
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario .item .valor .icone{
	padding-right: 0px;
	padding-left: 10px;
	font-size: 1rem;
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario .item .valor .texto{
	padding: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 12.5px;
	margin-left: 7.5px;
	width: 2px;
}

.paginaCalendarioColaboradores .itensColaborador .itemCalendario .item .valor .semDefinicao{
	padding-left: 10px;
}

.modalAtualizarAgendaColaborador .inputDescricao{
	margin-top: 10px;
}

.modalAtualizarAgendaColaborador .inputEmpresa{
	margin-top: 10px;
}

.modalAtualizarAgendaColaborador .inputTipo{
	margin-top: 10px;
}

.modalAtualizarAgendaColaborador .pgModalDefaultHeaderTitle span{
	color: var(--primary-color);
}

.modalVisualizarCalendarioColaboradores .pgModalPutCodeHtml{
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

.modalVisualizarCalendarioColaboradores .pgModalContentArea{
	padding-bottom: 0px !important;
}

.modalVisualizarCalendarioColaboradores .pgModalDefaultHeader{
	border-bottom: 0px !important;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario{
	background: var(--primary-color);
	height: 75px;
	border-radius: 10px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .btnArrow{
	height: 45px;
	background: #fff;
	border-radius: 10px;
	width: 150px;
	cursor: pointer;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .btnArrow > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .btnArrow .icone{
	padding: 0px;
	font-size: 1.4rem;
	color: var(--blue-two);
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .btnArrow .texto{
	padding: 0px;
	font-weight: 700;
	font-size: 0.8rem;
	text-transform: uppercase;
	color: var(--blue-two);
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .btnArrow:nth-child(1){
	margin-left: 15px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .btnArrow:nth-child(1) .icone{
	margin-left: 17.5px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .btnArrow:nth-child(1) .texto{
	margin-left: 12.5px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .btnArrow:nth-child(3) .icone{
	margin-right: 17.5px;
	margin-left: 12.5px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .btnArrow:nth-child(3){
	margin-right: 15px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .titulo .subTitulo{
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9rem;
	font-weight: 700;
	margin-top: 5px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoCalendario .titulo .real{
	padding: 0px;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	margin-top: -2px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoDia{
	height: 50px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoDia .item{
	line-height: 50px;
	color: #444;
	font-weight: 600;
	font-size: 0.8rem;
	text-transform: uppercase;
	padding-left: 0px;
	margin-left: 10px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoDia .item:nth-child(1){
	width: 20%;
	padding: 0px;
	margin-left: 0px;
}

.modalVisualizarCalendarioColaboradores .cabecalhoDia .item:nth-child(6){
/*	margin-right: 20px;*/
}

.modalVisualizarCalendarioColaboradores .cabecalhoDia .item .dia{
	padding: 0px;
/*	padding-right: 10px;*/
	font-size: 0.8rem;
	margin-left: 10px;
}

.modalVisualizarCalendarioColaboradores .itensColaborador{
/*	max-height: calc(100vh - 210px);*/
	height: calc(100vh - 317.5px);
	margin-bottom: 20px;
	overflow-y: auto;
/*	background: blue;*/
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario{
	min-height: 30px;
	border-bottom: 1px solid #eee;
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario:hover{
/*	border-bottom: 1px solid var(--blue-two);*/
}

.modalVisualizarCalendarioColaboradores .itensColaborador > .row:last-of-type .itemCalendario{
	border-bottom: none;
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario .item{
	font-size: 0.9rem;
	color: #666;
	font-weight: 500;
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario .item.nomeColaborador{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0px;
	padding-right: 15px;
	width: 20%;
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario:hover .item.nomeColaborador{
	color: var(--primary-color);
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario .item:nth-child(6){
	margin-right: 10px;
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario .item .valor{
	background: #999;
	border-radius: 7.5px;
	height: 27.5px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 27.5px;
	font-weight: 500;
	margin-left: 7.5px;
	font-size: 0.8rem;
	color: #fff;
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario .item .valor .icone{
	padding-right: 0px;
	padding-left: 10px;
	font-size: 1rem;
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario .item .valor .texto{
	padding: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 12.5px;
	margin-left: 7.5px;
	width: 2px;
}

.modalVisualizarCalendarioColaboradores .itensColaborador .itemCalendario .item .valor .semDefinicao{
	padding-left: 10px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador {
	/*	background: green;*/
/*	min-height: 200px;*/
	margin: 25px;
	margin-bottom: 25px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela{
	background: #eee;
	border: 2px solid #ddd;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top: 17.5px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle{
	height: 40px;
	border-bottom: 2px solid #ddd;
	width: 390px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .labelColaborador{
	width: 390px;
	font-weight: 600;
	font-size: 0.7rem;
	text-transform: uppercase;
	line-height: 37px;
	color: #666;
	padding-left: 10px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle .itemControle{
	background: #fff;
	height: 30px;
	cursor: pointer;

}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle .itemControle:nth-child(1){
	margin-left: 3.5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle .itemControle:nth-child(2){
	margin-right: 4.5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-left: 4px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle .itemControle > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle .itemControle .texto{
	padding: 0px;
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #666;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle .itemControle .icone{
	padding: 0px;
	font-size: 0.85rem;
	color: var(--primary-color);
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle .itemControle:nth-child(1) .icone{
	margin-left: 10px;
	margin-right: 12.5px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle .itemControle:nth-child(2) .icone{
	margin-left: 12.5px;
	margin-right: 10px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDescControle .itemControle:nth-child(2) .texto{
	text-align: right;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .item{
	border-left: 2px solid #ddd;
	border-bottom: 2px solid #ddd;
	text-align: center;
	font-weight: 700;
	font-size: 0.9rem;
	color: #666;
	text-transform: uppercase;
	text-align: center;
	padding: 0px;
	line-height: 37px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .item.sbb{
	border-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .item.fds{
	width: calc(7.5%);
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDiv{
	text-align: center;
	font-weight: 600;
	font-size: 0.7rem;
	color: #666;
	text-align: center;
	padding: 0px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .cabecalhoTabela .itemDiv:nth-child(2){
	border-left: 1px solid #ddd;

}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela{
	border: 2px solid #ddd;
	border-top: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	overflow: hidden;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem{
/*	height: 40px;*/
	border-bottom: 1px solid #ddd;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem .nomeColaborador{
	width: 391.5px;
	border-right: 2px solid #ddd;
	height: 40px;
	line-height: 40px;
	font-weight: 500;
	font-size: 0.9rem;
	color: #666;
	padding-left: 10px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem .nomeColaborador .btnFixar{
	color: var(--primary-color);
	cursor: pointer;
	font-size: 1.05rem;
	display: none;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem.destacado .nomeColaborador .btnFixar{
	display: block;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem:not(.destacado) .nomeColaborador:hover .btnFixar{
	display: block;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem .itemRegistro{
	border-right: 2px solid #ddd;
	height: 40px;
	line-height: 40px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem .itemRegistro.fds{
	width: calc(7.5% - 1.5px);
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem .itemRegistro:nth-child(8){
	border-right: 0px;
}	

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem .itemRegistro .iv{
	color: #666;
	font-size: 0.9rem;
	font-weight: 600;
	text-align: center;
	padding: 0px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem .itemRegistro .iv:nth-child(2){
	border-left: 1px solid #ddd;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela > .row:last-of-type .linhaItem{
	border-bottom: 0px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem .itemRegistro .iv.imenor{
	color: var(--orange);
	font-weight: 700;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem .itemRegistro .iv.izero{
	background: var(--red);
	color: #fff;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela .linhaItem .itemRegistro .iregistro{
	color: #fff;
	background: var(--orange);
	font-size: 0.85rem;
	font-weight: 500;
	text-align: center;
	padding: 0px;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela > .row:nth-child(even) .linhaItem:hover{
	background: #eee;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela > .row:nth-child(even) .linhaItem{
	background: #f6f6f6;
}

.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela > .row .linhaItem:hover{
	background: #f7f7f7;
}

/*.paginaDash .contentTabDashboard .areaGraficoOsHorasDiasColaborador .dadosTabela > .row .linhaItem:hover .nomeColaborador{
	font-weight: 600;
}*/

.modalExportacaoChamado .observacoesExportacao{
	padding: 0px;
	font-weight: 500;
	color: #666;
	text-align: center;
	font-size: 0.95rem;
}

.modalExportacaoChamado .inputPaginas{
	margin-top: 20px;
}

.areaSelecionarCamposExportacao .label{
	font-weight: 600;
	font-size: 0.8rem;
	color: #888;
	margin-bottom: 0px;
	height: 1.1rem;
	line-height: 1.1rem;
	padding-left: 0px;
}

.areaSelecionarCamposExportacao .label span{
	color: red;
	padding-left: 2.5px;
}


.modalExportacaoChamado .areaSelecionarCamposExportacao,
.modalExportacaoOrdensServico .areaSelecionarCamposExportacao{
	margin-top: 12.5px;
	margin-left: -7.5px;
}

.modalExportacaoChamado .areaSelecionarCamposExportacao .label,
.modalExportacaoOrdensServico .areaSelecionarCamposExportacao .label{
	margin-left: 7.5px;
}

.areaSelecionarCamposExportacao .checkboxItem{
	height: 30px;
	margin-top: 5px;
	width: calc(33.333% - 7.5px);
	margin-left: 7.5px;
}
/*
.areaSelecionarCamposExportacao .checkboxItem:nth-child(1),
.areaSelecionarCamposExportacao .checkboxItem:nth-child(4),
.areaSelecionarCamposExportacao .checkboxItem:nth-child(7),
.areaSelecionarCamposExportacao .checkboxItem:nth-child(10),
.areaSelecionarCamposExportacao .checkboxItem:nth-child(13),
.areaSelecionarCamposExportacao .checkboxItem:nth-child(16),
.areaSelecionarCamposExportacao .checkboxItem:nth-child(19),
.areaSelecionarCamposExportacao .checkboxItem:nth-child(22),
.areaSelecionarCamposExportacao .checkboxItem:nth-child(25){
	margin-left: 0px;
}*/

.areaSelecionarCamposExportacao .checkboxItem > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.areaSelecionarCamposExportacao .checkboxItem .areaCheck{
	height: 18px;
	width: 18px;
	border: 2px solid #ddd;
	border-radius: 5px;
	padding: 0px;
	cursor: pointer;
}

.areaSelecionarCamposExportacao .checkboxItem.disabled .areaCheck{
	background: #eee;
	cursor: default;
}

.areaSelecionarCamposExportacao .checkboxItem.checked .areaCheck::before{
	position: absolute;
	font-family: 'Font Awesome 5 Pro';
	content: "\f00c";
	height: 22px !important;
	width: 22px !important;
	padding: 0px;
	/*background: green;*/
	font-weight: 900;
	text-align: center;
	line-height: 22px;
	color: var(--green-default);
	font-size: 1.15rem;
	text-align: center;
	margin-left: -1px;
	margin-top: -5.5px;
}

.areaSelecionarCamposExportacao .checkboxItem .labelItem{
	padding: 0px;
	padding-left: 10px;
	font-size: 0.9rem;
	font-weight: 500;
	color: #666;
	cursor: pointer;
	width: 1px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.areaSelecionarCamposExportacao .checkboxItem.disabled .labelItem{
	cursor: default;
}

.paginaMetodologiaChamados .contentTabArea{
	margin-left: 20px;
	margin-right: 20px;
	background: #fff;
	margin-top: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.paginaMetodologiaChamados .areaFiltros > .row:first-of-type{
	height: 100%;
	align-items: end;
}

.paginaMetodologiaChamados .areaFiltros .inputTermo{
	margin-left: 15px;
	margin-top: 15px;
}

.paginaMetodologiaChamados .areaFiltros .btnClearFilter{
	margin-right: 15px;
}

.paginaMetodologiaChamados .conteudoTabCausa .tabelaMetodologiasCausaCategoria{
	margin: 15px;
}

.paginaMetodologiaChamados .tabsDashboard{
	margin: 20px;
	margin-bottom: 0px;
}

.modalCausasMetodologia .inputCategorias{
	margin-top: 10px;
}

.paginaMetodologiaChamados .conteudoTabAreas .tabelaMetodologiasArea{
	margin: 15px;
}

.modalAbrirChamado .inputProjeto{
	margin-top: 10px;
	margin-right: 10px;
	display: none;
}

.modalAbrirChamado .inputTipoMetodologia{
	margin-top: 10px;
}

.modalAbrirChamado .inputAreaMetodologia{
	margin-top: 10px;
	margin-left: 10px;
}

.modalMotivoEdicaoChamado .inputMotivoAlteracaoTempoEstimado{
	margin-top: 10px;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog{
	margin: 15px 20px 0px 20px;
	border-bottom: 2px dashed #eee;
	padding-bottom: 15px;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .cabecalhoPrincipal > .row:first-of-type{
	height: 100%;
	align-items: center;
}


.paginaChangelogIntranet .areaListaChangelog .itemChangelog .cabecalhoPrincipal .icone{
	padding: 0px;
	font-size: 1.5rem;
	color: var(--primary-color);
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .cabecalhoPrincipal .titulo{
	padding: 0px;
	margin-left: 15px;
	font-weight: 600;
	color: #666;
	font-size: 1.2rem;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .cabecalhoPrincipal .dataPublicacao{
	padding: 0px;
	font-size: 0.9rem;
	color: #666;
	font-weight: 600;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .cabecalhoPrincipal .dataPublicacao span{
	color: var(--primary-color);
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .descricao{
	padding: 0px;
	color: #666;
	font-weight: 500;
	margin-top: 15px;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .subItensLista .label{
	padding: 0px;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--primary-color);
	margin-top: 15px;
	font-size: 0.925rem;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .subItensLista .finalListaSubItens{
	margin-top: 0px;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .subItensLista .finalListaSubItens .subItemFinal{
	margin-top: 10px;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .subItensLista .finalListaSubItens .subItemCabecalho{
	align-items: center;
	height: 100%;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .subItensLista .finalListaSubItens .subItemCabecalho .icone{
	color: var(--primary-color);
	padding: 0px;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .subItensLista .finalListaSubItens .subItemCabecalho .tituloSubItem{
	padding: 0px;
	font-weight: 600;
	margin-left: 15px;
	color: #666;
}

.paginaChangelogIntranet .areaListaChangelog .itemChangelog .subItensLista .finalListaSubItens .conteudoSubItem{
	padding: 0px;
	margin-top: 7.5px;
	font-size: 0.95rem;
	font-weight: 500;
	color: #888;
}

.modalSolicitarRevisaoOs .inputObservacoes{
	margin-top: 10px;
}

.modalSolicitarRevisaoOs .inputObservacoes{
	margin-top: 10px;
}

.modalCadastroOrdemServico .pgModalDefaultHeaderTitle .btnsCopiarLista{

}

.modalDadosChamado .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink,
.modalCadastroOrdemServico .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink{
	height: 25px;
	background: #f7f7f7;
	border-radius: 5px;
	cursor: pointer;
}

.modalDadosChamado .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink:nth-child(2),
.modalCadastroOrdemServico .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink:nth-child(2){
	margin-left: 10px;
}

.modalDadosChamado .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink .icone,
.modalCadastroOrdemServico .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink .icone{
	color: var(--primary-color);
	padding: 0px;
	font-size: 0.8rem;
	margin-left: 7.5px;
}

.modalDadosChamado .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink > .row:first-of-type,
.modalCadastroOrdemServico .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink > .row:first-of-type{
	height: 100%;
	align-items: center;
}

.modalDadosChamado .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink .texto,
.modalCadastroOrdemServico .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink .texto{
	padding: 0px;
	margin-left: 7.5px;
	color: #666;
	font-size: 0.7rem;
	text-transform: uppercase;
	font-weight: 600;
	margin-right: 10px;
}

.modalDadosChamado .pgModalPutCodeHtml{
	max-height: calc(100vh - 175px);
	margin: 0px !important;
	overflow-y: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	border-top: 2px dashed #e6e6e6;
}

.modalDadosChamado .pgModalContentArea{
	padding-bottom: 0px !important;
}

.modalDadosChamado .pgModalDefaultHeader{
	border: 0px !important;
}


.modalDadosChamado .pgModalDefaultHeaderTitle .labelStatus{
	background: #666;
	border-radius: 5px;
	font-size: 0.775rem;
	font-weight: 600;
	color: #fff;
	line-height: 22.5px;
	padding-left: 7.5px;
	padding-right: 7.5px;
	margin-left: 7.5px;
}

.modalDadosChamado .pgModalDefaultHeaderTitle .labelStatus:nth-child(2){
	margin-left: 25px;
}

.modalCadastroOrdemServico .areaDadosChamado{
	margin-left: 10px;
}

.modalCadastroOrdemServico .areaDadosChamado .label{
	font-weight: 600;
	font-size: 0.8rem;
	color: #888;
	padding-right: 15px;
	margin-bottom: 0px;
	height: 1.1rem;
	line-height: 1.1rem;
	padding-left: 0px;
}

.modalCadastroOrdemServico .areaDadosChamado .contentArea{
	height: 47.5px;
    font-size: 0.9rem;
    color: #888;
    font-weight: 500;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.modalCadastroOrdemServico .areaDadosChamado.disable .contentArea{
	background: #eee;
}

.modalCadastroOrdemServico .areaDadosChamado .contentArea > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalCadastroOrdemServico .areaDadosChamado .contentArea .divisor{
	font-size: 1.4rem;
	color: #999;
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

.modalCadastroOrdemServico .areaDadosChamado .contentArea .icone{
	padding: 0px;
	font-size: 1.3rem;
}

.modalCadastroOrdemServico .areaDadosChamado .contentArea .antes .icone{
	margin-left: 12.5px;
}

.modalCadastroOrdemServico .areaDadosChamado .contentArea .valorH{
	font-weight: 600;
	padding: 0px;
	margin-left: 10px;
}

.modalCadastroOrdemServico .areaDadosChamado .contentArea .depois .valorH{
	margin-right: 12.5px;
}

.modalCadastroOrdemServico .areaDadosChamado .contentArea .antes > .row:first-of-type,
.modalCadastroOrdemServico .areaDadosChamado .contentArea .antes .horasRealizadas > .row:first-of-type,
.modalCadastroOrdemServico .areaDadosChamado .contentArea .depois > .row:first-of-type,
.modalCadastroOrdemServico .areaDadosChamado .contentArea .depois .horasRealizadas > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalCadastroOrdemServico .areaDadosChamado .contentArea .antes.clickable{
	cursor: pointer;
}

.modalCadastroOrdemServico .areaDadosChamado.faturada .contentArea .depois .valorH{
	margin-left: 0px;
	margin-right: 12.5px;
}

.modalCadastroOrdemServico .areaDadosChamado.faturada .contentArea .antes .valorH{
	margin-left: 12.5px;
}

.modalExportacaoOrdensServico .observacoesExportacao{
	padding: 0px;
	font-weight: 500;
	color: #666;
	text-align: center;
	font-size: 0.95rem;
}

.modalExportacaoOrdensServico .inputPaginas{
	margin-top: 20px;
}

.areaSelecionarCamposExportacao .label{
	font-weight: 600;
	font-size: 0.8rem;
	color: #888;
	margin-bottom: 0px;
	height: 1.1rem;
	line-height: 1.1rem;
	padding-left: 0px;
}

.areaSelecionarCamposExportacao .label span{
	color: red;
	padding-left: 2.5px;
}


.modalExportacaoOrdensServico .areaSelecionarCamposExportacao{
	margin-top: 12.5px;
}

.modalRelatorioHorasOperador .inputMes{
	margin-left: 7.5px;
}

.modalRelatorioHorasOperador .inputOperador{
	margin-top: 10px;
}





.paginaLicencasPsIntegra .tabelaLicencas {
	margin: 15px;
}

.paginaLicencasPsIntegra .areaFiltros > .row:first-of-type{
	align-items: end;
}

.paginaLicencasPsIntegra .areaFiltros{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 12.5px;
}

.paginaLicencasPsIntegra .areaFiltros .inputStatus{
	margin-left: 10px;
}

.paginaLicencasPsIntegra .tabelaLicencas .labelStatus{
	border-radius: 15px;
	background: #eee;
	margin-left: 15px;
	margin-right: 15px;
	height: 32.5px;
	margin-top: -2.5px;
	margin-bottom: -2.5px;
	cursor: pointer;
}

.paginaLicencasPsIntegra .tabelaLicencas .labelStatus.hml{
	margin-right: 0px;
}

.paginaLicencasPsIntegra .tabelaLicencas .labelStatus > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.paginaLicencasPsIntegra .tabelaLicencas .labelStatus .icone{
	height: 27.5px;
	line-height: 27.5px;
	font-size: 0.95rem;
}

.paginaLicencasPsIntegra .tabelaLicencas .labelStatus .texto{
	padding: 0px;
	font-size: 0.8rem;
	font-weight: 500;
	margin-left: 15px;
}

.paginaLicencasPsIntegra .tabelaLicencas .labelStatus.ativa{
	background: var(--green-default);
	color: #fff;
}

.paginaLicencasPsIntegra .tabelaLicencas .labelStatus.bloqueada{
	color: #fff;
	background: var(--orange);
}

.paginaLicencasPsIntegra .tabelaLicencas .valorTabela{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
}

.pgModalList .pgModalContainer.modalInformacoesLicenca .pgModalContentArea .pgModalPutCodeHtml {
	margin-top: 0px;
}

.modalInformacoesLicenca .contentAreaTabLicenca {
	border-top: 2px dashed #ddd;
}

.modalInformacoesLicenca .contentTabDadosLicenca .inputCliente {
	margin-top: 15px;
}

.modalInformacoesLicenca .contentTabDadosLicenca .inputCliente .labelAmbiente {
	height: 27.5px;
	background: #ddd;
	border-radius: 5px;
	padding-left: 7.5px;
	padding-right: 7.5px;
	line-height: 27.5px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.7rem;
	margin-right: 8px;
}

.modalInformacoesLicenca .contentTabDadosLicenca .inputCliente .labelAmbiente.homologacao{
	background: var(--blue);
	color: #fff;
}

.modalInformacoesLicenca .contentTabDadosLicenca .inputCliente .labelAmbiente.producao{
	background: var(--green-default);
	color: #fff;
}

.modalInformacoesLicenca .contentTabDadosLicenca .inputContrato {
	margin-top: 10px;
}

.modalInformacoesLicenca .contentTabDadosLicenca .inputStatus {
	margin-top: 10px;
}

.modalInformacoesLicenca .contentAreaTabLicenca.contentTabDadosLicenca .pgInputArea.inputSelectButton.inputStatus .itensContainer .item[value|="bloqueada"].active .itemCf{
	background: var(--orange);
}

.modalInformacoesLicenca .contentAreaTabLicenca.contentTabDadosLicenca .pgInputArea.inputSelectButton.inputStatus .itensContainer .item[value|="cancelada"].active .itemCf{
	background: var(--red);
}

.modalInformacoesLicenca .contentTabDadosLicenca .inputVigencia {
	margin-top: 10px;
	margin-left: 10px;
}

.modalInformacoesLicenca .contentTabDadosLicenca .inputChave {
	margin-top: 10px;
}

.modalInformacoesLicenca .contentTabDadosLicenca .inputCliente .inputContent > .row:first-of-type {
	height: 100%;
	align-items: center;
}

.modalInformacoesLicenca .contentAreaTabLicenca .areaFiltros{
	margin-top: 15px;
}

.modalInformacoesLicenca .contentAreaTabLicenca .areaFiltros > .row:first-of-type{
	align-items: end;
	height: 100%;
}

.modalInformacoesLicenca .contentAreaTabLicenca.contentTabValidacoes .inputStatus{
	margin-left: 7.5px;
}

.modalInformacoesLicenca .contentAreaTabLicenca.contentTabValidacoes .pgInputArea.inputSelectButton.inputStatus .itensContainer .item[value|="true"].active .itemCf{
	background: var(--green-default);
}

.modalInformacoesLicenca .contentAreaTabLicenca.contentTabValidacoes .pgInputArea.inputSelectButton.inputStatus .itensContainer .item[value|="false"].active .itemCf{
	background: var(--red);
}

.modalInformacoesLicenca .contentAreaTabLicenca .tabelaVerificacoes{
	margin-top: 10px;
}

.modalInformacoesLicenca .contentAreaTabLicenca .tabelaVerificacoes .labelStatus{
	background: #ddd;
	border-radius: 5px;
	font-size: 0.7rem;
	font-weight: 600;
	color: #fff;
	line-height: 25px;
	padding-left: 7.5px;
	padding-right: 7.5px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: -2.5px;
	margin-bottom: -2.5px;
	text-transform: uppercase;
}

.modalInformacoesLicenca .contentAreaTabLicenca .tabelaVerificacoes .labelStatus.liberado{
	background: var(--green-default);
}

.modalInformacoesLicenca .contentAreaTabLicenca .tabelaVerificacoes .labelStatus.bloqueado{
	background: var(--red);
}

.modalDadosValidacaoLicenca .inputData{
	width: 230px;
}

.modalDadosValidacaoLicenca .inputStatusRetorno,
.modalDadosValidacaoLicenca .inputMotivoRetorno{
	margin-top: 10px;
}

.modalDadosValidacaoLicenca .inputIpRequisicao{
	margin-left: 10px;
}

.modalDadosValidacaoLicenca .inputStatusRetorno .labelStatus{
	background: #666;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.75rem;
}

.modalDadosValidacaoLicenca .inputStatusRetorno .labelStatus.liberado{
	background: var(--green-default);
}

.modalDadosValidacaoLicenca .inputStatusRetorno .labelStatus.bloqueado{
	background: var(--red);
}

.modalDadosValidacaoLicenca .inputCNPJ{
	width: 200px;
	margin-top: 10px;
}

.modalDadosValidacaoLicenca .inputVersao{
	margin-left: 10px;
	margin-top: 10px;
}

.modalDadosValidacaoLicenca .inputRealease{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosValidacaoLicenca .inputSistemaOperacional{
	margin-top: 10px;
}

.modalDadosValidacaoLicenca .inputDatabase{
	margin-left: 10px;
	margin-top: 10px;
}

.modalDadosValidacaoLicenca .inputIp{
	margin-top: 10px;
}

.modalDadosValidacaoLicenca .inputPort{
	margin-left: 10px;
	margin-top: 10px;
	width: 150px;
}

.modalDadosValidacaoLicenca .areaPutJson{
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	height: auto;
	margin-top: 12.5px;
}

.modalDadosValidacaoLicenca .areaPutJson .titulo{
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
	font-size: 0.75rem;
	height: 37.5px;
	background: #eee;
}

.modalDadosValidacaoLicenca .areaPutJson .titulo > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalDadosValidacaoLicenca .areaPutJson .titulo .texto{
	padding: 0px;
	padding-left: 12.5px;
}

.modalDadosValidacaoLicenca .areaPutJson .titulo .copiarColar{
	color: var(--primary-color);
	cursor: pointer;
	font-size: 0.925rem;
	padding: 0px;
	margin-right: 12.5px;
}

.modalDadosValidacaoLicenca .areaPutJson .contentJson{
	margin: 15px;
	user-select: text;
}

/* Syntax highlighting for JSON objects */
.json-body {
  margin: 10px 20px;
  font-size: 0.8rem !important;
  	font-weight: 500;
}

.json-toggle{
	font-size: 0.8rem;
}

ul.json-dict, ol.json-array {
  	list-style-type: none;
  	margin: 0 0 0 1px;
  	border-left: 1px dotted #ccc;
  	padding-left: 2em;
  	font-size: 0.8rem;
/*  	-webkit-font-smoothing: antialiased;*/
  	padding-top: 1.75px;
  	padding-bottom: 1.75px;
  	font-weight: 500;
}
.json-string {
  color: #0B7500;
}
.json-literal {
  color: #1A01CC;
/*  font-weight: bold;*/
}

/* Toggle button */
a.json-toggle {
  position: relative;
  color: inherit;
  text-decoration: none;
}
a.json-toggle:focus {
  outline: none;
}
a.json-toggle:before {
  content: "\25B6"; /* left arrow */
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  color: #d9d9d9;
  position: absolute;
  display: inline-block;
  width: 1em;
  font-size: 10px;
  left: -1.5em;
}
a.json-toggle.collapsed:before {
  content: "\25B6"; /* left arrow */
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  font-size: 10px;
}

/* Collapsable placeholder links */
.contentJson .json-placeholder {
  color: #aaa;
  padding: 0 1em;
  text-decoration: none;
  user-select: none;
}
.contentJson .json-placeholder:hover {
  text-decoration: underline;
}


.pgModalList .pgModalContainer.modalGerenciarProduto .pgModalContentArea .pgModalPutCodeHtml {
	margin-top: 0px;
}

.modalGerenciarProduto .contentAreaTabProduto {
	border-top: 2px dashed #ddd;
}

.modalGerenciarProduto .contentTabDadosProduto .inputNome{
	margin-top: 15px;
}

.modalGerenciarProduto .contentTabDadosProduto .inputSlug{
	width: 250px;
	margin-left: 10px;
	margin-top: 15px;
}

.modalGerenciarProduto .contentTabDadosProduto .inputAcessibilidade{
	margin-top: 10px;
}

.modalGerenciarProduto .contentTabDadosProduto .inputDescricao{
	margin-top: 10px;
}

.modalGerenciarProduto .contentTabDadosProduto .inputControlaDepartamento{
	margin-top: 10px;
}

.modalGerenciarProduto .contentTabDadosProduto .inputControlaVersionamento{
	margin-top: 10px;
	margin-left: 10px;
}

.modalGerenciarProduto .contentAreaTabDepartamentos .areaCadastroDepartamento{
	margin-top: 15px;
}

.modalGerenciarProduto .contentAreaTabDepartamentos .areaCadastroDepartamento > .row:first-of-type{
	align-items: end;
}

.modalGerenciarProduto .contentAreaTabDepartamentos .areaCadastroDepartamento .btnCriar{
	height: 45.5px;
	background: var(--green-default);
	border-radius: 5px;
	font-weight: 600;
	font-size: 0.8rem;
	color: #fff;
	line-height: 45.5px;
	margin-left: 10px;
	text-transform: uppercase;
	cursor: pointer;
}

.modalGerenciarProduto .contentAreaTabDepartamentos .tabelaDepartamentos{
	margin-top: 15px;
}

.modalGerenciarProduto .contentAreaTabDepartamentos .tabelaDepartamentos .btnRemove{
	height: 20px;
	line-height: 20px;
	padding: 0px;
	cursor: pointer;
	margin-right: 15px;
	color: var(--red);
	font-size: 1.3rem;
}

.modalCadastroProduto .inputAcessibilidade{
	margin-top: 10px;
}

.modalCadastroProduto .inputControlaDepartamento{
	margin-top: 10px;
}

.modalCadastroProduto .inputControlaVersionamento{
	margin-top: 10px;
	margin-left: 10px;
}

.modalCadastroProduto .inputDescricao{
	margin-top: 10px;
}

.modalInformacoesColaborador .contentAreaTabRegistros .areaFiltros .inputTipo{
	margin-top: 12.5px;
}

.modalInformacoesColaborador .contentAreaTabRegistros .areaFiltros .inputPeriodo{
	margin-left: 7.5px;
	margin-top: 12.5px;
}

.modalInformacoesColaborador .contentAreaTabRegistros .areaFiltros > .row:first-of-type{
	align-items: end;
	height: 100%;
}

.modalInformacoesColaborador .contentAreaTabRegistros .areaFiltros .btnCriarRegistro{
	height: 47.5px;
	border-radius: 5px;
	background: var(--green-default);
	margin-left: 30px;
	line-height: 47.5px;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
	font-size: 0.8rem;
	font-weight: 600;
	padding-left: 17.5px;
	padding-right: 17.5px;
}

.modalGerenciarRegistroColaborador .inputMensagem{
	margin-top: 10px;
}

.modalGerenciarRegistroColaborador .inputDataAusencia{
	margin-left: 10px;
	width: 225px;
	margin-top: 10px;
}

.modalGerenciarRegistroColaborador .inputPeriodoFerias{
	margin-top: 10px;
}

.modalGerenciarRegistroColaborador .inputTipo{
	margin-top: 10px;
}

.modalInformacoesColaborador .contentAreaTabRegistros .tabelaRegistrosColaborador{
	margin-top: 15px;
}

.modalInformacoesColaborador .contentAreaTabRegistros .tabelaRegistrosColaborador .valor{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
}

.modalGerenciarRegistroColaborador .btnModalCancel.btnRemove{
	margin-left: 10px;
	background: var(--red);
	color: #fff;
}

.paginaListaDepartamentos .areaFiltros > .row:first-of-type{
	align-items: end;
	height: 100%;
}

.paginaListaDepartamentos .areaFiltros{
	margin-right: 15px;
}

.paginaListaDepartamentos .areaFiltros .inputTermo{
	margin-left: 15px;
	margin-top: 12.5px;
}

.paginaListaDepartamentos .tabelaDepartamentos{
	margin: 15px;
}

.paginaListaDepartamentos .tabelaDepartamentos .valorStatus.true{
	color: var(--green-default);
}

.paginaListaDepartamentos .tabelaDepartamentos .valorStatus.false{
	color: var(--orange);
}

.modalGestaoDepartamento .inputSigla{
	margin-top: 10px;
}

.modalGestaoDepartamento .inputAtivo{
	margin-left: 10px;
	margin-top: 10px;
	width: 150px;
}

.modalGestaoDepartamento .btnRemove{
	background: var(--red);
	color: #fff;
	margin-left: 10px;
	display: none;
}

.paginaListaContratos .areaFiltros>.row:first-of-type {
	align-items: end;
}

.paginaListaContratos .areaFiltros .btnClearFilter {
	margin-right: 15px;
}

.paginaListaContratos .areaFiltros .inputTermo {
	margin-left: 15px;
	margin-top: 12.5px;
}

.paginaListaContratos .areaFiltros .inputProduto {
	margin-left: 10px;
}

.paginaListaContratos .tabelaContratos {
	margin: 15px;
}

.paginaListaContratos .tabelaContratos .listaProdutos{
	margin-left: -10px;
}

.paginaListaContratos .tabelaContratos .iconeProduto {
	color: var(--primary-color);
	padding: 0px;
	font-size: 1.15rem;
	align-items: center;
	height: fit-content;
	margin-left: 25px;
	line-height: 20px;
}

.paginaListaContratos .tabelaContratos .iconeProduto span{
	font-size: 0.85rem;
	margin-left: 2.5px;
	font-weight: 600;
}

.paginaListaContratos .tabelaContratos .iconeProduto span.ativo{
	color: var(--green-default);
}

.paginaListaContratos .tabelaContratos .iconeProduto span.suspenso{
	color: var(--orange);
}

.modalContratoClientes .areaListaContratos{
	margin-top: 10px;
}

.modalContratoClientes .areaListaContratos .containerContratos{
	border-radius: 5px;
	border: 1px solid #ddd;
	border-bottom: none;
}

.modalContratoClientes .areaListaContratos .containerContratos .valorProduto .icone{
	color: var(--primary-color);
	padding: 0px;
	margin-left: 15px;
	font-size: 1.15rem;
	line-height: 20px;
}

.modalContratoClientes .areaListaContratos .containerContratos .valorProduto .nome{
	padding: 0px;
	margin-left: 10px;
}

.modalContratoClientes .areaListaContratos .containerContratos .valorStatus{
	font-weight: 600;
}

.modalContratoClientes .areaListaContratos .containerContratos .valorStatus.ativo{
	color: var(--green-default);
}

.modalContratoClientes .areaListaContratos .containerContratos .valorStatus.suspenso{
	color: var(--orange);
}

.bubbleStatus {
	height: 25px;
	border-radius: 15px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 25px;
	font-weight: 500;
	background: #ddd;
	margin-left: 15px;
	font-size: 0.75rem;
	color: #fff;
	margin-right: 15px;
}

.bubbleStatus.ativo{
	background: var(--green-default);
}

.bubbleStatus.suspenso{
	background: var(--orange);
}

.modalGestaoContrato .inputEmpresa{
	margin-bottom: 10px;
}

.modalGestaoContrato .inputParceiro{
	
}

.modalGestaoContrato .inputStatus{
	margin-top: 10px;
}

.modalGestaoContrato .inputProduto{
	margin-top: 10px;
}

.modalGestaoContrato .inputProdutoPsIntegra{
	margin-top: 10px;
	display: none;
}

.centralNotificacoes{
	background: rgba(0,0,0,.5);
	position: fixed;
	height: calc(100vh);
	top: 0px;
	z-index: 91;
}

.centralNotificacoes .contentListaNotificacoes{
	height: calc(100vh - 40px);
	background: #222;
	margin-left: 25px;
	margin-top: 20px;
	border-radius: 5px;
	width: calc(var(--sidebar-width) * 1.5);
}

.centralNotificacoes .contentListaNotificacoes::before{
	content: "";
	width: 20px;
	height: 20px;
	background: transparent;
	position: absolute;
	left: -20px;
	top: 72.5px;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right: 15px solid #222;
}

.modalCentralNotificacoes .inputVisualizacao{
	margin-top: -5px;
}

.modalCentralNotificacoes .tabelaNotificacoes.pgTableContainer .pgTableHeader{
	display: none;
}

.modalCentralNotificacoes .tabelaNotificacoes .imagemAtor,
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao .imagemAtor{
	border-radius: 5px;
	background: var(--primary-color);
	height: 54px;
	width: 54px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-left: 10px;
	color: #fff;
	text-align: center;
	line-height: 54px;
	font-weight: 600;
	font-size: 1.2rem;
	padding: 0px;
	letter-spacing: 1px;
}

.modalCentralNotificacoes .tabelaNotificacoes .mensagem,
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao .mensagem{
	padding: 0px;
	margin-left: 12.5px;
/*	height: 52px;*/
	display: -webkit-box; /* Define um contêiner flexível */
  	-webkit-line-clamp: 3; /* Limita o texto a 2 linhas */
  	-webkit-box-orient: vertical; /* Define a orientação do box */
  	overflow: hidden; /* Esconde o texto extra */
  	text-overflow: ellipsis; /* Adiciona "..." no final do texto truncado */
  	line-height: 20px;
  	max-height: 57px;
  	font-weight: 500;
  	font-size: 0.85rem;
  	color: #666;
  	align-self: center;
}

.modalCentralNotificacoes .tabelaNotificacoes .mensagem b{
	font-weight: 600;
}

.modalCentralNotificacoes .tabelaNotificacoes .mensagem span{
	color: var(--primary-color);
}

.modalCentralNotificacoes .tabelaNotificacoes .mensagem span.emoji{
	font-size: 1.05rem;
}

.modalCentralNotificacoes .tabelaNotificacoes .itemNotificacao > .row:first-of-type,
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao > .row:first-of-type{
	align-items: center;
	height: fit-content;
	margin-top: 2.5px;
}

.modalCentralNotificacoes .tabelaNotificacoes .itemNotificacao > .row:nth-child(2),
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao > .row:nth-child(2){
	align-items: center;
	height: fit-content;
	margin-top: 15px;
	background: #eee;
	margin-bottom: -12.5px;
}

.modalCentralNotificacoes .tabelaNotificacoes .itemNotificacao.temReferencia > .row:first-of-type{
	cursor: pointer;
}

.modalCentralNotificacoes .tabelaNotificacoes .itemNotificacao .bubble,
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao .bubble{
	padding: 0px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #999;
}

.modalCentralNotificacoes .tabelaNotificacoes .itemNotificacao .data,
.modalCentralNotificacoes .tabelaNotificacoes .itemNotificacao .categoria,
.modalCentralNotificacoes .tabelaNotificacoes .itemNotificacao .marcarComoLido,
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao .data,
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao .categoria,
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao .marcarComoLido{
	font-size: 0.75rem;
	color: #666;
	padding: 0px;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}

.modalCentralNotificacoes .tabelaNotificacoes .pgTableItens.pgTableCi .pgTableItensLine:hover{
	background: #fff;
}

.modalCentralNotificacoes .tabelaNotificacoes .row:nth-child(even) .pgTableItensLine{
	background: #fff;
}

.modalCentralNotificacoes .tabelaNotificacoes .pgTableItens.pgTableCi > .row:nth-child(even){
	background: #fff;
}

.modalCentralNotificacoes .tabelaNotificacoes .pgTableItens.pgTableCi .row:nth-child(even) .pgTableItensLine:hover{
	background: #fff;
}

.modalCentralNotificacoes .tabelaNotificacoes .itemNotificacao .marcarComoLido,
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao .marcarComoLido{
	cursor: pointer;
	color: var(--primary-color);
	font-weight: 600;
}

.modalCentralNotificacoes .btnMarcarTodosLido{
	margin-top: -32.5px;
	height: 25px;
	cursor: pointer;
	color: var(--primary-color);
	display: none;
}

.modalCentralNotificacoes .btnMarcarTodosLido > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalCentralNotificacoes .btnMarcarTodosLido .icone{
	padding: 0px;
}

.modalCentralNotificacoes .btnMarcarTodosLido .texto{
	padding: 0px;
	margin-left: 10px;
	font-weight: 600;
	font-size: 0.75rem;
	text-transform: uppercase;
}


.toast-container {
  position: fixed;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  pointer-events: none; /* Permite interagir com os elementos abaixo */
}

.toast {
  background-color: #323232;
  color: #ffffff;
  padding: 10px 20px;
  border-radius: 8px;
  margin-top: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  opacity: 0;
  transform: translateY(-20px);
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: auto; /* Permite interagir com o toast */
}

.toast.show {
  opacity: 1;
  transform: translateY(0);
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes{

}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .header{
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background: #ddd;
	margin-top: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .header .item{
	font-weight: 600;
	color: #666;
	font-size: 0.8rem;
/*	text-transform: uppercase;*/
	padding-left: 12.5px;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .header .item.gateway{
	width: 105px;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .moduloArea .tituloModulo{
	background: #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	color: var(--primary-color);
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .moduloArea .tituloModulo > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .moduloArea .tituloModulo .icone{
	padding: 0px;
	font-size: 0.925rem;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .moduloArea .tituloModulo .texto{
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	font-size: 0.875rem;
	
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens{
/*	padding: 0px;*/
	/*margin-left: 12.5px;
	font-weight: 600;
	font-size: 0.875rem;*/
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .itemNotificacao{
	border-bottom: 1px solid #eee;
/*	padding-top: 7.5px;*/
/*	padding-bottom: 7.5px;*/
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .itemNotificacao > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .descricao{
	padding-left: 12.5px;
	font-weight: 600;
	font-size: 0.875rem;
	color: #999;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo{
	width: 85px;
	margin-top: 0px;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo .containerSwitch .itemToBubble{
	margin-left: 0px;
	margin-right: 0px;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo:last-of-type{
	margin-right: 7.5px;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo .containerSwitch{
	border-color: transparent;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo.disabled .containerSwitch{
	background: transparent;
}

.modalGestaoUsuario .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .bubbleStatus{
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 85px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.tabsParametrizacao {
	border-radius: 5px;
	margin: 15px;
	margin-bottom: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	height: 55px;
}

.tabsParametrizacao .tabItem:first-of-type {
	margin-left: 15px;
}

.tabsParametrizacao .tabItem {
	height: 55px;
}

.tabsParametrizacao .tabItem .icon {
	font-size: 1.1rem;
}

.tabsParametrizacao .tabItem .text {
	font-size: 0.95rem;
}

.paginaParametrizacaoSistema .contentTabPadronizacao {
	border-radius: 5px;
	background: #fff;
	margin: 15px;
	margin-top: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.paginaParametrizacaoSistema .tituloSessao {
	padding: 0px;
	font-size: 1.25rem;
	font-weight: 700;
	color: #666;
	margin-left: 15px;
	margin-top: 12.5px;
}

.paginaParametrizacaoSistema .tituloSessao span {
	color: var(--primary-color);
}

.paginaParametrizacaoSistema .descricaoSessao{
	color: #666;
	margin-left: 15px;
	padding: 0px;
	font-weight: 500;
	font-size: 0.9rem;
	margin-right: 20px;
}

.paginaParametrizacaoSistema .contentTabNotificacao{
	padding-bottom: 15px;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao{
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 20px;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .header{
	background: #ddd;
	padding-top: 12.5px;
	padding-bottom: 12.5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .header .item{
	font-weight: 600;
	color: #666;
	font-size: 0.875rem;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .header .item.gateway{
	width: 120px;
	padding-left: 10px;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .moduloArea .tituloModulo{
	background: #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	color: var(--primary-color);
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .moduloArea .tituloModulo > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .moduloArea .tituloModulo .icone{
	padding: 0px;
	font-size: 0.925rem;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .moduloArea .tituloModulo .texto{
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	font-size: 0.875rem;
	
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .moduloArea .areaListaItens .itemNotificacao{
	border-bottom: 1px solid #eee;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .moduloArea .areaListaItens .itemNotificacao > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .areaListaItens .descricao{
	padding-left: 15px;
	font-weight: 600;
	font-size: 0.875rem;
	color: #999;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .areaListaItens .inputAtivo{
	width: 86px;
	margin-top: 0px;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .areaListaItens .inputAtivo .containerSwitch{
	border-color: transparent;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .areaListaItens .inputAtivo.disabled .containerSwitch{
	background: transparent;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .areaListaItens .iconeEditar{
	padding: 0px;
	margin-left: 7.5px;
	cursor: pointer;
	margin-right: 15px;
	color: var(--primary-color);
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .areaListaItens .item > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .areaListaItens .item{
	width: 120px;
}

.paginaParametrizacaoSistema .contentTabNotificacao .tabelaParametrosNotificacao .areaListaItens .item .bubbleStatus{
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.modalEditarTemplateNotificacao .colunaDados{
	width: 400px;
}

.modalEditarTemplateNotificacao .areaIdentificacao {
/*	width: 400px;*/
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-top: 5px;
	padding-bottom: 7.5px;
}

.modalEditarTemplateNotificacao .areaIdentificacao.areaVariaveis{
	margin-top: 10px;
}

.modalDadosChamado .dataColumn>.row:first-of-type .boxItem {
	margin-top: 0px;
}

.modalEditarTemplateNotificacao .areaIdentificacao .titulo {
	height: 45px;
	border-bottom: 2px solid #eee;
	margin-bottom: 2.5px;
}

.modalEditarTemplateNotificacao .areaIdentificacao .titulo > .row:first-of-type {
	height: 100%;
	align-items: center;
}

.modalEditarTemplateNotificacao .areaIdentificacao .titulo .icone {
	padding: 0px;
	margin-left: 12.5px;
	font-size: 1.2rem;
	color: var(--blue-default);
}

.modalEditarTemplateNotificacao .areaIdentificacao .titulo .texto {
	padding: 0px;
	margin-left: 10px;
	font-weight: 600;
	color: #666;
	font-size: 0.9rem;
}

.modalDadosChamado .dataColumn .boxItem .headerArea .iconEdit {
	padding: 0px;
	margin-right: 12.5px;
	font-size: 1rem;
	color: var(--blue-default);
	cursor: pointer;
}

.modalEditarTemplateNotificacao .areaIdentificacao .itensLista .item {
	min-height: 30px;
	margin-top: 7.5px;
}

.modalEditarTemplateNotificacao .areaIdentificacao .itensLista .item > .row:first-of-type {
	align-items: center;
	height: 100%;
}

.modalEditarTemplateNotificacao .areaIdentificacao .itensLista .item .label {
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	color: #999;
	font-size: 0.8rem;
}

.modalEditarTemplateNotificacao .areaIdentificacao .itensLista .item .valor {
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	color: #666;
	font-size: 0.9rem;
/*	user-select: text;*/
	margin-right: 10px;
}

.modalEditarTemplateNotificacao .areaIdentificacao.areaVariaveis .itensLista .item .label,
.modalEditarTemplateNotificacao .areaIdentificacao.areaVariaveis .itensLista .item .valor{
	user-select: text;
}

.modalEditarTemplateNotificacao .colunaConteudo{
}

.modalEditarTemplateNotificacao .colunaConteudo{
	margin-left: 10px;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo {
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-top: 5px;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo .titulo {
	height: 45px;
	border-bottom: 2px solid #eee;
	margin-bottom: 2.5px;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo .titulo > .row:first-of-type {
	height: 100%;
	align-items: center;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo .titulo .icone {
	padding: 0px;
	margin-left: 12.5px;
	font-size: 1.2rem;
	color: var(--blue-default);
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo .titulo .texto {
	padding: 0px;
	margin-left: 10px;
	font-weight: 600;
	color: #666;
	font-size: 0.9rem;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoTitulo input{
	height: 45.5px;
	outline: none;
	font-weight: 500;
	font-size: 0.9rem;
	color: #666;
	padding-left: 12.5px;
	padding-right: 12.5px;
	border: none;
	background: transparent;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoFinal{
	margin-top: 10px;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoFinal .areaEditor{
	padding: 0px;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoFinal .ql-toolbar.ql-snow{
	border-color: #eee;
	margin-top: -4px;
	border: none;
	border-bottom: 1px solid #eee;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoFinal .ql-container.ql-snow{
	border-color: #eee;
	border: none;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoFinal .ql-container{
	font-family: "Montserrat";
	height: auto !important;
	font-size: 0.9rem;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoFinal .ql-container b,
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoFinal .ql-container strong{
	font-weight: 600;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoFinal .ql-container p{
	font-weight: 500;
	color: #666;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna,
.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoEmail{
	display: none;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao{
	width: 600px;
	border: 2px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	margin-top: 15px;
/*	height: 100;*/
	padding-top: 12.5px;
	align-self: center;
    color: #666;
    font-weight: 500;
    font-size: 0.85rem;
    margin-bottom: 19px;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao > .row:nth-child(2){
	margin-bottom: 0px;
}

.modalEditarTemplateNotificacao .colunaConteudo .areaConteudo.conteudoPrevisualizacao .previsualizacaoInterna .itemNotificacao .marcarComoLido{
	cursor: default;
}





.modalTimelineOrdemServico .areaTimeline > .row:first-of-type .timeItem {
	margin-top: 0px;
}

.modalTimelineOrdemServico .areaTimeline .timeItem {
	margin-top: 20px;
}


.modalTimelineOrdemServico .areaTimeline > .row:last-of-type .timeItem::before {
	height: calc(100% + 30px);
}

.modalTimelineOrdemServico .areaTimeline .timeItem .iconLeft {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background: #CAE2FF;
	line-height: 35px;
	font-size: 1.2rem;
	padding: 0px;
	text-align: center;
	color: var(--blue-default);
}


.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem {
	/*	min-height: 100px;*/
	border-radius: 5px;
	background: #fff;
	margin-left: 12.5px;
	/*	box-shadow: 0px 0px 3px #eee;*/
	border: 1px solid #eee;
}

.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem .labelExpand {
	height: 30px;
	line-height: 30px;
	color: #666;
	font-size: 0.85rem;
	font-weight: 500;
}

.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem .labelExpand span {
	font-weight: 600;
	color: var(--blue-default);
}

.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem .actionArea {
	margin-top: 7.5px;
	margin-left: 7.5px;
	margin-right: 7.5px;
	padding-bottom: 7.5px;
}

.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem .actionArea > .row:first-of-type {
	align-items: center;
	height: fit-content;
}

.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem .actionArea .icon {
	background: var(--primary-color);
	width: 27.5px;
	height: 27.5px;
	border-radius: 5px;
	color: #FFF;
	padding: 0px;
	text-align: center;
	font-size: 0.675rem;
	font-weight: 700;
	line-height: 27.5px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem .actionArea .text {
	padding: 0px;
	font-weight: 500;
	color: #666;
	font-size: 0.9rem;
	padding: 0px;
	margin-left: 10px;
}

.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem .actionArea .text span {
	color: var(--blue-default);
}

.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem .actionArea .time {
	padding: 0px;
	font-size: 0.8rem;
	color: #aaa;
	font-weight: 500;
	margin-left: auto;
}

.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem .finalContent {
	padding: 0px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 10px;
	font-weight: 500;
	color: #666;
	font-size: 0.9rem;
	border-top: 1px dashed #ddd;
	padding-top: 10px;
}

.modalTimelineOrdemServico .areaTimeline .timeItem .containerItem .finalContent span {
	font-weight: 600;
	font-size: 0.825rem;
}


.modalMotivoAlteracaoOrdemServico .descricao{
	padding: 0px;
	font-weight: 500;
	color: #666;
	font-size: 0.95rem;
}

.modalMotivoAlteracaoOrdemServico .itensAlterados{
	margin-top: 15px;
}

.modalMotivoAlteracaoOrdemServico .itensAlterados .areaItens{
	border-radius: 5px;
	border: 1px solid #ddd;
}

.modalMotivoAlteracaoOrdemServico .inputMotivo{
	margin-top: 10px;
}

.modalMotivoAlteracaoOrdemServico .itensAlterados .areaItens .item{
	height: 37.5px;
/*	margin-top: 5px;*/
	border-bottom: 1px dashed #ddd;
}

.modalMotivoAlteracaoOrdemServico .itensAlterados .areaItens > .row:first-of-type .item{
	margin-top: 0px;
}

.modalMotivoAlteracaoOrdemServico .itensAlterados .areaItens .item > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalMotivoAlteracaoOrdemServico .itensAlterados .areaItens .item .label{
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	color: var(--primary-color);
	font-size: 0.8rem;
}

.modalMotivoAlteracaoOrdemServico .itensAlterados .areaItens .item .valor{
	padding: 0px;
	font-size: 0.85rem;
	font-weight: 500;
	color: #666;
}

.modalMotivoAlteracaoOrdemServico .itensAlterados .areaItens .item .valor.anterior{
	text-align: right;
}

.modalMotivoAlteracaoOrdemServico .itensAlterados .areaItens .item .icone{
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 1.1rem;
	color: var(--primary-color);
}

.modalMotivoAlteracaoOrdemServico .itensAlterados .areaItens .item .valor.novo{
	margin-right: 15px;
}

.modalMotivoAlteracaoOrdemServico .itensAlterados .areaItens > .row:last-of-type .item{
	border-bottom: 0px;
}

.modalReprovarOrdemServico .descricao{
	padding: 0px;
	font-weight: 500;
	color: #666;
	text-align: center;
	font-size: 0.95rem;
}

.modalReprovarOrdemServico .descricao span{
	color: var(--red);
	font-weight: 600;
}

.modalReprovarOrdemServico .inputMotivo{
	margin-top: 20px;
}

.modalReprovarOrdemServico .btnModalConfirm{
	background: var(--red);
}

.homeDashboard .areaDashOrdemServico,
.homeDashboard .areaDashChamados{
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 45px;
}

.homeDashboard .areaDashOrdemServico{
	margin-bottom: 40px;
}

.homeDashboard .areaDashOrdemServico .tituloArea,
.homeDashboard .areaDashChamados .tituloArea{
	padding-bottom: 10px;
	padding-top: 10px;
	background: #eee;
}

.homeDashboard .areaDashChamados .tituloArea > .row:first-of-type,
.homeDashboard .areaDashOrdemServico .tituloArea > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.homeDashboard .areaDashChamados .tituloArea .icone,
.homeDashboard .areaDashOrdemServico .tituloArea .icone {
	color: var(--primary-color);
	text-align: center;
	padding: 0px;
	font-size: 1.2rem;
}

.homeDashboard .areaDashChamados .tituloArea .texto,
.homeDashboard .areaDashOrdemServico .tituloArea .texto{
	font-weight: 600;
	color: var(--primary-color);
	font-size: 0.925rem;
	padding: 0px;
	margin-left: 10px;
}

.homeDashboard .areaDashChamados .label{
	font-weight: 700;
	color: #666;
	padding: 0px;
	margin-top: 12.5px;
/*	margin-left: 20px;*/
	padding-bottom: 7.5px;
	font-size: 0.925rem;
}

.homeDashboard .areaDashChamados .areaListaItens{
	margin-left: 15px;
}

.homeDashboard .areaDashChamados .areaListaItens .item{
/*	margin-left: 20px;*/
	margin-top: 2px;
}

.homeDashboard .areaDashChamados .areaListaItens .item > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.homeDashboard .areaDashChamados .areaListaItens .item .valor{
	padding: 0px;
	font-weight: 700;
	font-size: 1.4rem;
}

.homeDashboard .areaDashChamados .areaListaItens .item .descricao{
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	color: #666;
	font-size: 0.925rem;
}

.homeDashboard .areaDashChamados .areaListaItens > .row:nth-child(2) .item .valor{
	color: var(--green-default);
}

.homeDashboard .areaDashChamados .areaListaItens > .row:nth-child(3) .item .valor{
	color: #FFD700;
}

.homeDashboard .areaDashChamados .areaListaItens > .row:nth-child(4) .item .valor{
	color: var(--orange);
}

.homeDashboard .areaDashChamados .areaListaItens > .row:nth-child(5) .item .valor{
	color: var(--red);
}

.homeDashboard .areaDashChamados .entregasPorSemana{
/*	margin-left: 7.5px;*/
/*	padding-bottom: 20px;*/
}

.homeDashboard .areaDashChamados .entregasPorSemana .itemSemana{
	margin-top: 4.5px;
	margin-left: 0px;
/*	background: blue;*/
}

.homeDashboard .areaDashChamados .entregasPorSemana > .row:first-of-type .itemSemana{
	margin-top: 6px;
}

.homeDashboard .areaDashChamados .entregasPorSemana .itemSemana .label{
	padding: 0px;
	font-weight: 600;
	color: #666;
	font-size: 0.8rem;
	margin-top: 0px;
}

.homeDashboard .areaDashChamados .entregasPorSemana .itemSemana.semanaAtual .label{
	font-weight: 700;
	color: var(--orange);
}

.homeDashboard .areaDashChamados .entregasPorSemana .itemSemana .valor{
	padding: 0px;
	font-size: 0.85rem;
	color: #666;
	font-weight: 600;
	margin-top: -2px;
}

.homeDashboard .areaDashChamados .entregasPorSemana .itemSemana span{
	color: var(--primary-color);
	font-size: 1rem;
	font-weight: 700;
}

.homeDashboard .areaDashChamados .tabelaChamadosEmAtendimento,
.homeDashboard .areaDashChamados .tabelaChamadosAguardandoTerceiros,
.homeDashboard .areaDashChamados .tabelaChamadosSolicitadosPorMim{
	margin-top: 17.5px;
}

.homeDashboard .areaDashChamados .tabelaChamadosEmAtendimento .idArea,
.homeDashboard .areaDashChamados .tabelaChamadosAguardandoTerceiros .idArea,
.homeDashboard .areaDashChamados .tabelaChamadosSolicitadosPorMim .idArea {
	border-left: 3px solid #ddd;
	font-weight: 600;
}

.homeDashboard .areaDashChamados .tabelaChamadosEmAtendimento .valueTable,
.homeDashboard .areaDashChamados .tabelaChamadosAguardandoTerceiros .valueTable,
.homeDashboard .areaDashChamados .tabelaChamadosSolicitadosPorMim .valueTable {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
}

.homeDashboard .areaDashChamados .areaGraficosStatus {
	margin: -20px 15px 0px 15px;
}

.homeDashboard .areaDashChamados .areaGraficosStatus > .row{
	justify-content: center;
}

.homeDashboard .areaDashChamados .areaGraficosStatus .semItens .text{
	align-self: center;
	padding: 0px;
	margin-left: 22.5px;
	font-weight: 600;
	color: #aaa;
	font-size: 1.1rem;
}

.homeDashboard .areaDashChamados .areaGraficosStatus .semItens{
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-top: 25px;
	display: none;
}

.homeDashboard .areaDashChamados .areaGraficosStatus .semItens > .row:first-of-type{
	justify-content: center;
	align-content: center;
	height: fit-content;
}

.homeDashboard .areaDashChamados .areaGraficosStatus .semItens .icon{
	padding: 0px;
	font-size: 2em;
	color: #ccc;
}

.homeDashboard .areaDashChamados .areaGraficosStatus .graficoStatusItem {
	width: calc(calc(100% / 4) - 8.34px);
/*	background: blue;*/
	margin-top: 35px;
	margin-left: 7.5;
}

.homeDashboard .areaDashChamados .areaGraficosStatus .graficoStatusItem:nth-child(1){
	margin-left: 0px;
}

.homeDashboard .areaDashChamados .areaGraficosStatus .graficoStatusItem .legenda {
	padding: 0px;
	font-weight: 600;
	font-size: 0.9rem;
	text-align: center;
	margin-top: 10px;
}

.homeDashboard .areaDashChamados .areaGraficosStatus .graficoStatusItem .elementoGrafico {
	height: 150px;
}

.homeDashboard .chamadosEmAtendimento .tabelaChamadosEmAtendimento .valueTable span {
	color: var(--orange);
}

.homeDashboard .tabsArea{
	border-bottom: 2px solid #eee;
}

.homeDashboard .tabsArea .tabItem:first-of-type{
	margin-left: 15px;
}

.homeDashboard .produtividadeHoras {
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 30px;
	padding-bottom: 50px;
}

.homeDashboard .produtividadeHoras>.row:has(.tituloPadrao) {
	/*	background: blue;*/
	align-items: center;
	height: fit-content;
}

.homeDashboard .produtividadeHoras .periodoValores {
	margin-top: 20px;
}

.homeDashboard .produtividadeHoras .row.linhaResumo {
	height: fit-content;
	align-items: end;
}

.homeDashboard .produtividadeHoras .periodoSelecao {
	/*	margin-top: 10px;*/
}

.homeDashboard .produtividadeHoras .periodoSelecao .inputAno {
	width: 120px;
}

.homeDashboard .produtividadeHoras .periodoSelecao .inputAno .placeholderContainer {
	border-bottom-right-radius: 0px;
	border-top-right-radius: 0px;
	border-right: 0px;
}

.homeDashboard .produtividadeHoras .periodoSelecao .inputMes .placeholderContainer {
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}

.homeDashboard .produtividadeHoras .periodoSelecao .resumoPeriodo {
	margin-top: 10px;
}

.homeDashboard .areaDashOrdemServico .periodoValores .itemDados,
.homeDashboard .areaDashOrdemServico .periodoSelecao .resumoPeriodo .itemDados {
	margin-top: 5px;
}

.homeDashboard .areaDashOrdemServico .periodoValores .itemDados>.row:first-of-type,
.homeDashboard .areaDashOrdemServico .periodoSelecao .resumoPeriodo .itemDados>.row:first-of-type {
	align-items: center;
	height: fit-content;
}

.homeDashboard .areaDashOrdemServico .periodoValores .itemDados .label,
.homeDashboard .areaDashOrdemServico .periodoSelecao .resumoPeriodo .itemDados .label {
	padding: 0px;
	font-weight: 600;
	color: #666;
	font-size: 0.9rem;
}

.homeDashboard .areaDashOrdemServico .periodoValores .itemDados .divisor,
.homeDashboard .areaDashOrdemServico .periodoSelecao .resumoPeriodo .itemDados .divisor {
	padding: 0px;
	margin-left: 12.5px;
	margin-right: 12.5px;
	border-top: 2px dotted #ddd;
	height: 1px;
}

.homeDashboard .areaDashOrdemServico .periodoValores .itemDados .valorFinal,
.homeDashboard .areaDashOrdemServico .periodoSelecao .resumoPeriodo .itemDados .valorFinal {
	padding: 0px;
	font-size: 0.9rem;
	color: var(--primary-color);
	font-weight: 700;
}

.homeDashboard .areaDashOrdemServico .periodoValores{
	margin-top: 15px;
	margin-left: 15px;
}

.homeDashboard .areaDashOrdemServico .graficoItem {
	margin-top: 15px;
}

.homeDashboard .areaDashOrdemServico .graficoItem .titulo {
	padding: 0px;
	font-size: 1rem;
	color: var(--primary-color);
	font-weight: 700;
}

.homeDashboard  .areaDashOrdemServico .graficoItem .elementoGrafico {
	margin-top: 12.5px;
	height: 250px;
}

.homeDashboard .areaDashOrdemServico .graficoItem.horasMesDonutChart {
/*	margin-top: -45px;*/
}

.homeDashboard .areaDashOrdemServico .tabelaPontoDiario {
	margin: 17.5px 15px 0px 17.5px;
}

.homeDashboard .produtividadeHoras .areaGraficos .graficoItem.tabelaHorasLista {
	margin-top: 35px;
}

.homeDashboard .produtividadeHoras .areaGraficos .graficoItem.tabelaHorasLista .areaTabela {
	margin-top: 7.5px;
}


.modalDadosOrdemServico .colunaDados {
	width: 400px;
	margin-left: 20px;
}

.modalDadosOrdemServico .colunaDados .boxItem {
	border: 1px solid #ddd;
	border-radius: 5px;
	margin-top: 10px;
	padding-bottom: 7.5px;
}

.modalDadosOrdemServico .colunaDados > .row:first-of-type .boxItem {
	margin-top: 0px;
}

.modalDadosOrdemServico .colunaDados .boxItem .headerArea {
	height: 45px;
	border-bottom: 2px solid #eee;
	margin-bottom: 2.5px;
}

.modalDadosOrdemServico .colunaDados .boxItem .headerArea>.row:first-of-type {
	height: 100%;
	align-items: center;
}

.modalDadosOrdemServico .colunaDados .boxItem .headerArea .icon {
	padding: 0px;
	margin-left: 12.5px;
	font-size: 1.1rem;
	color: var(--primary-color);
}

.modalDadosOrdemServico .colunaDados .boxItem .headerArea .title {
	padding: 0px;
	margin-left: 10px;
	font-weight: 600;
	color: #666;
	font-size: 0.9rem;
}

.modalDadosOrdemServico .colunaDados .itemDado {
	height: 30px;
	margin-top: 5px;
}

.modalDadosOrdemServico .colunaDados .itemDado > .row:first-of-type {
	align-items: center;
	height: 100%;
}

.modalDadosOrdemServico .colunaDados .itemDado .label {
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	color: #999;
	font-size: 0.8rem;
}

.modalDadosOrdemServico .colunaDados .itemDado .valor {
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	color: #666;
	font-size: 0.9rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
	user-select: text;
	margin-right: 10px;
}

.modalDadosOrdemServico .colunaDados .itemDado .btnAcao {
	color: var(--primary-color);
	font-size: 1rem;
	cursor: pointer;
	padding: 0px;
	margin-right: 15px;
	margin-left: 10px;
}

.modalDadosOrdemServico .colunaDados .itemDado.notDefined .value {
	color: var(--orange);
}

.modalDadosOrdemServico .colunaDados .itemDado .valorExecucaoChamado > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.modalDadosOrdemServico .colunaDados .itemDado .valorExecucaoChamado .icone{
	font-size: 1.25rem;
}

.modalDadosOrdemServico .colunaDados .itemDado .valorExecucaoChamado .valorFinal{
	padding: 0px;
	margin-left: -2.5px;
	font-weight: 600;
	color: #666;
	font-size: 0.9rem;
	user-select: none;
}

.modalDadosOrdemServico .colunaDados .itemDado .valorExecucaoChamado.visualizar{
	cursor: pointer;
}

.modalDadosOrdemServico .colunaConteudo {
	margin-left: 25px;
	margin-right: 20px;
	width: 1px;
}

.modalDadosOrdemServico .colunaConteudo .areaTitulo {
	color: #666;
	font-weight: 500;
	height: 44px;
}

.modalDadosOrdemServico .colunaConteudo .areaTitulo > .row:first-of-type {
	align-items: center;
	height: fit-content;
}

.modalDadosOrdemServico .colunaConteudo .areaTitulo .icone {
	font-size: 1.3rem;
	color: var(--blue-default);
	padding: 0px;
}

.modalDadosOrdemServico .colunaConteudo .areaTitulo .texto {
	padding: 0px;
	margin-left: 12.5px;
	font-size: 1.2rem;
/*	user-select: text;*/
	font-weight: 500;
}

.modalDadosOrdemServico .btnCopiarLink{
	height: 25px;
	background: #f7f7f7;
	border-radius: 5px;
	cursor: pointer;
}

.modalDadosOrdemServico .pgModalDefaultHeaderTitle span{
	color: var(--primary-color);
	cursor: pointer;
}

.modalDadosOrdemServico .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink:nth-child(2){
	margin-left: 10px;
}

.modalDadosOrdemServico .pgModalDefaultHeaderTitle .btnCopiarLink .icone{
	color: var(--primary-color);
	padding: 0px;
	font-size: 0.8rem;
	margin-left: 7.5px;
}

.modalDadosOrdemServico .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink > .row:first-of-type{
	height: 100%;
	align-items: center;
}

.modalDadosOrdemServico .pgModalDefaultHeaderTitle .btnsCopiarLista .btnCopiarLink .texto{
	padding: 0px;
	margin-left: 7.5px;
	color: #666;
	font-size: 0.7rem;
	text-transform: uppercase;
	font-weight: 600;
	margin-right: 10px;
}

.modalDadosOrdemServico .pgModalPutCodeHtml{
	max-height: calc(100vh - 175px);
	margin: 0px !important;
	overflow: auto !important;
	overflow-y: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	border-top: 2px dashed #e6e6e6;
}

.modalDadosOrdemServico .pgModalContentArea{
	padding-bottom: 0px !important;
}

.modalDadosOrdemServico .pgModalDefaultHeader{
	border: 0px !important;
}


.modalDadosOrdemServico .pgModalDefaultHeaderTitle .labelStatus{
	background: #eee;
	border-radius: 5px;
	font-size: 0.75rem;
	font-weight: 600;
	color: #fff;
/*	text-transform: uppercase;*/
	height: 20px;
	line-height: 20px;
	padding-left: 7.5px;
	padding-right: 7.5px;
	margin-left: 25px;
}

.modalDadosOrdemServico .pgModalDefaultHeaderTitle .labelStatus:nth-child(2){
	margin-left: 25px;
}

.modalDadosOrdemServico .colunaConteudo .conteudoFinal{
	padding: 0px;
}

.modalDadosOrdemServico .colunaConteudo .conteudoFinal *{
	user-select: text;
	font-family: "Montserrat";
	font-size: 0.95rem;
	font-weight: 500;
	padding: 0px;
	color: #666;
}

.modalDadosOrdemServico .colunaConteudo .conteudoFinal img{
	max-width: 100%;
}

.modalDadosOrdemServico .colunaConteudo .conteudoFinal ul,
.modalDadosOrdemServico .colunaConteudo .conteudoFinal li{
	list-style-type: initial;
	margin-left: 15px;
	user-select: text;
}

.modalDadosOrdemServico .colunaConteudo .conteudoFinal strong,
.modalDadosOrdemServico .colunaConteudo .conteudoFinal b{
	font-weight: 700;
}

.modalDadosOrdemServico .areaBotoesAcoes{
	border-top: 2px dashed #ddd;
	padding-top: 10px;
/*	padding-bottom: 10px;*/
	margin-top: 12.5px;
/*	margin-left: -10px;*/
}

.modalDadosOrdemServico .areaBotoesAcoes > .row:first-of-type{
	justify-content: center;
}

.modalDadosOrdemServico .areaBotoesAcoes .btnModalConfirm{
	margin-top: 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 5px;
	margin-right: 5px;
	max-width: calc(25%);
}

.modalDadosOrdemServico .areaBotoesAcoes .btnModalConfirm.btnCancelar{
/*	margin-left: 0px;*/
	background: var(--red);
}

.modalDadosOrdemServico .areaBotoesAcoes .btnModalConfirm.btnEditar{
	background: #eee;
	color: #666;
}

.modalDadosOrdemServico .areaBotoesAcoes .btnModalConfirm.btnReprovar{
	background: var(--red);
}

.modalDadosOrdemServico .areaBotoesAcoes .btnModalConfirm.btnEstornar {
	background: var(--orange);
}

.modalDadosOrdemServico .areaBotoesAcoes .btnModalConfirm.btnEnviarAprovacao {
	background: var(--primary-color);
}

.modalDadosOrdemServico .areaBotoesAcoes .btnModalConfirm.btnReenviarAprovacao {
	background: var(--primary-color);
}

.modalDadosOrdemServico .areaBotoesAcoes .btnModalConfirm.btnSolicitarRevisao {
	background: var(--orange);
}

.modalDadosOrdemServico .colunaConteudo .timeLineArea {
	margin-top: 12.5px;
	border-top: 2px dashed #ddd;
	padding-top: 20px;
	padding-bottom: 7.5px;
}

.modalDadosOrdemServico .colunaConteudo .timeLineArea .titleArea .text {
/*	font-size: 1.15rem;*/
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent {
	margin-top: 10px;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent > .row:first-of-type .timeItem {
	margin-top: 0px;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem {
	margin-top: 20px;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem.ellapsed {
	display: none;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent>.row:last-of-type .timeItem::before {
	height: calc(100% + 30px);
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .iconLeft {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #CAE2FF;
	line-height: 40px;
	font-size: 1.4rem;
	padding: 0px;
	text-align: center;
	color: var(--blue-default);
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem.expandItem .iconLeft {
	cursor: pointer;
	width: 30px;
	height: 30px;
	font-size: 1rem;
	margin-left: 5px;
	line-height: 30px;
	background: #F0F8FF;
	color: #00BFFF;
	border: 1px solid #00BFFF;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem {
	/*	min-height: 100px;*/
	border-radius: 5px;
	background: #fff;
	margin-left: 20px;
	/*	box-shadow: 0px 0px 3px #eee;*/
	border: 1px solid #eee;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem.expandItem .containerItem {
	background: #F0F8FF;
	border-color: #00BFFF;
	cursor: pointer;
	margin-left: 25px;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem.expandItem .containerItem .labelExpand {
	height: 30px;
	line-height: 30px;
	color: #666;
	font-size: 0.85rem;
	font-weight: 500;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem.expandItem .containerItem .labelExpand span {
	font-weight: 600;
	color: var(--blue-default);
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .actionArea {
	margin-top: 7.5px;
	margin-left: 7.5px;
	margin-right: 7.5px;
	padding-bottom: 7.5px;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .actionArea > .row:first-of-type {
	align-items: center;
	height: fit-content;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .actionArea .icon {
	background: var(--primary-color);
	width: 27.5px;
	height: 27.5px;
	border-radius: 5px;
	color: #FFF;
	padding: 0px;
	text-align: center;
	font-size: 0.675rem;
	font-weight: 700;
	line-height: 27.5px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .actionArea .text {
	padding: 0px;
	font-weight: 500;
	color: #666;
	font-size: 0.9rem;
	padding: 0px;
	margin-left: 10px;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .actionArea .text span {
	color: var(--blue-default);
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .actionArea .time {
	padding: 0px;
	font-size: 0.8rem;
	color: #aaa;
	font-weight: 500;
	margin-left: auto;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .finalContent {
	padding: 0px;
	margin-left: 7.5px;
	margin-right: 7.5px;
	padding-bottom: 7.5px;
	font-weight: 500;
	color: #666;
	font-size: 0.9rem;
	border-top: 1px dashed #ddd;
	padding-top: 7.5px;
/*	user-select: text;*/
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .finalContent * {
/*	user-select: text;*/
	font-family: "Montserrat";
	font-size: 0.95rem;
	font-weight: 500;
	padding: 0px;
	color: #666;
}

/*.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .finalContent ul,
.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .finalContent li{
	list-style-type: initial;
	margin-left: 15px;
	user-select: text;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .finalContent p,
.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .finalContent img,
.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .finalContent p img {
	max-width: 100% !important;
}*/

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .finalContent {
	padding: 0px;
	margin-left: 15px;
	margin-right: 15px;
	padding-bottom: 10px;
	font-weight: 500;
	color: #666;
	font-size: 0.9rem;
	border-top: 1px dashed #ddd;
	padding-top: 10px;
}

.modalDadosOrdemServico .colunaConteudo .timeLineContent .timeItem .containerItem .finalContent span {
	font-weight: 600;
	font-size: 0.825rem;
}

.modalReenviarOrdemServicoAprovacao .descricao{
	padding: 0px;
	font-weight: 500;
	color: #666;
	text-align: center;
	font-size: 0.95rem;
}

.modalReenviarOrdemServicoAprovacao .descricao span{
	color: var(--red);
	font-weight: 600;
}

.modalReenviarOrdemServicoAprovacao .inputMotivo{
	margin-top: 20px;
}

.modalAlterarHorasOrdemServico .inputHorasTotais{
	margin-left: 10px;
	width: 155px;
}

.modalAlterarHorasOrdemServico .inputData{
	width: 175px;
}

.modalAlterarHorasOrdemServico .inputPeriodo{
	margin-left: 10px;
}

.modalAlterarHorasOrdemServico .inputGeraCobranca{
	margin-top: 10px;
	width: 125px;
}

.modalAlterarHorasOrdemServico .inputHorasFaturadas{
	margin-top: 10px;
	margin-left: 10px;
	width: 155px;
}

.modalAlterarHorasOrdemServico .inputMotivoRevisao{
	margin-top: 10px;
	margin-left: 10px;
}

.modalAlterarHorasOrdemServico .areaDadosChamado{
	margin-top: 10px;
}

.modalAlterarHorasOrdemServico .areaDadosChamado.faturada{
	margin-left: 10px;
}

.modalAlterarHorasOrdemServico .areaDadosChamado .label{
	font-weight: 600;
	font-size: 0.8rem;
	color: #888;
	padding-right: 15px;
	margin-bottom: 0px;
	height: 1.1rem;
	line-height: 1.1rem;
	padding-left: 0px;
}

.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea{
	height: 47.5px;
    font-size: 0.9rem;
    color: #888;
    font-weight: 500;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.modalAlterarHorasOrdemServico .areaDadosChamado.disable .contentArea{
	background: #eee;
}

.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea .divisor{
	font-size: 1.4rem;
	color: #999;
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea .icone{
	padding: 0px;
	font-size: 1.3rem;
}

.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea .antes .icone{
	margin-left: 12.5px;
}

.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea .valorH{
	font-weight: 600;
	padding: 0px;
	margin-left: 10px;
}

.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea .depois .valorH{
	margin-right: 12.5px;
}

.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea .antes > .row:first-of-type,
.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea .antes .horasRealizadas > .row:first-of-type,
.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea .depois > .row:first-of-type,
.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea .depois .horasRealizadas > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalAlterarHorasOrdemServico .areaDadosChamado .contentArea .antes.clickable{
	cursor: pointer;
}

.modalAlterarHorasOrdemServico .areaDadosChamado.faturada .contentArea .depois .valorH{
	margin-left: 0px;
	margin-right: 12.5px;
}

.modalAlterarHorasOrdemServico .areaDadosChamado.faturada .contentArea .antes .valorH{
	margin-left: 12.5px;
}

.ql-editor *{
	user-select: text;
}

.paginaMeuPerfil .header{
	height: 150px;
	background: #fff;
}

.paginaMeuPerfil .header > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.paginaMeuPerfil .header .imagemPerfil{
	height: 100px;
	width: 100px;
	border-radius: 10px;
	background: #eee;
	margin-left: 20px;
}

.paginaPerfil .boxContent{
	border-radius: 5px;
}

.paginaPerfil .header{
	padding-bottom: 20px;
	padding-top: 20px;
}

.paginaPerfil .header > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.paginaPerfil .header .imagemPerfil{
	width: 70px;
	height: 70px;
	background: var(--primary-color);
	border-radius: 7.5px;
	text-align: center;
	font-weight: 700;
	font-size: 1.25rem;
	color: #fff;
	line-height: 65px;
	letter-spacing: 1px;
	margin-left: 20px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.paginaPerfil .header .imagemPerfil:hover::after{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.75);
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
	border-radius: 7.5px;
	font-family: 'Font Awesome 5 Pro';
	content: "\f093";
	cursor: pointer;
	font-size: 1.4rem;
	padding: 0px;
	font-weight: normal;
}

.paginaPerfil .header .inputImagemPerfil{
	display: none;
}

.paginaPerfil .header .informacoesPrincipais{
	margin-left: 20px;
}

.paginaPerfil .header .informacoesPrincipais .nome{
	font-weight: 600;
	color: #666;
	font-size: 1.2rem;
	padding: 0px;
}

.paginaPerfil .header .informacoesPrincipais > .row:nth-child(2){
	height: fit-content;
	align-items: center;
	margin-top: 0px;
}

.paginaPerfil .header .informacoesPrincipais .item{
	padding: 0px;
	font-size: 0.9rem;
	font-weight: 600;
	color: #999;
}

.paginaPerfil .header .informacoesPrincipais .item.incompleto{
	color: var(--orange);
}

.paginaPerfil .header .informacoesPrincipais .divisor{
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
	background: #ddd;
	border-radius: 25px;
	width: 10px;
	height: 7.5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.paginaPerfil .tabsArea{
	background: #eee;
	height: 50px;
}

.paginaPerfil .tabsArea .tabItem:first-of-type{
	margin-left: 20px;
}

.paginaPerfil .contentTabDados{
	margin: 0px 20px 30px 20px;
}

.paginaPerfil .contentTabDados .tituloSecao{
	width: 350px;
	margin-top: 20px;
}

.paginaPerfil .contentTabDados .tituloSecao > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaPerfil .contentTabDados .tituloSecao .icone{
	padding: 0px;
	font-size: 1.2rem;
/*	margin-left: 15px;*/
	color: var(--primary-color);
}

.paginaPerfil .contentTabDados .tituloSecao .texto{
	padding: 0px;
	font-size: 0.9rem;
	font-weight: 600;
	margin-left: 12.5px;
}

.paginaPerfil .contentTabDados .tituloSecao .btnEditar{
	cursor: pointer;
}

.paginaPerfil .contentTabDados .tituloSecao .btnEditar > .row:first-of-type{
	align-items: center;
	margin-top: 15px;
}

.paginaPerfil .contentTabDados .tituloSecao .btnEditar .icone{
	font-size: 0.80rem;
}

.paginaPerfil .contentTabDados .tituloSecao .btnEditar .texto{
	font-size: 0.75rem;
	color: var(--primary-color);
	margin-left: 7.5px;
	text-transform: uppercase;
}

.paginaPerfil .contentTabDados .dadosSecao{
	margin-top: 20px;
}

.paginaPerfil .contentTabDados .diviser{
	border-bottom: 2px dashed #eee;
	margin-top: 40px;
}

.paginaPerfil .contentTabDados .dadosSecao .item{
	margin-top: 5px;
}

.paginaPerfil .contentTabDados .dadosSecao .item .label{
	font-weight: 600;
	color: #999;
	font-size: 0.9rem;
	padding: 0px;
}

.paginaPerfil .contentTabDados .dadosSecao .item .valor{
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 500;
	color: #666;
	font-size: 0.9rem;
}

.paginaPerfil .contentTabDados .dadosSecao .item.incompleto .valor{
	color: var(--orange);
}

.modalEditarDadosPessoais .inputEmail{
	margin-top: 10px;
}

.modalEditarDadosPessoais .inputTelefone{
	margin-top: 10px;
	margin-left: 10px;
}

.modalEditarDadosPessoais .inputDocumento{
	margin-top: 10px;
}

.modalEditarDadosPessoais .inputDataNascimento{
	margin-top: 10px;
	margin-left: 10px;
}

.modalEditarDadosPessoais .inputEndereco{
	margin-top: 10px;
}

.modalAlterarSenha .inputNovaSenha{
	margin-top: 25px;
}

.modalAlterarSenha .inputRepetirNovaSenha{
	margin-top: 10px;
}

.modalAlterarSenha .descricao{
	text-align: center;
	font-size: 0.9rem;
	color: #666;
	margin-top: 15px;
}

.modalPosicionarAvatar .areaCrop{
	border-radius: 7.5px;
/*	width: 320px;*/
	padding: 0px;
	overflow: hidden;
	background: #eee;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.modalPosicionarAvatar .areaCrop .cropme-container{
	padding: 0px !important;
	margin: 0px !important;
}

.modalPosicionarAvatar .btnEscolherOutra{
	height: 35px;
	line-height: 35px;
	background: #eee;
	border-bottom-left-radius: 7.5px;
	border-bottom-right-radius: 7.5px;
	text-align: center;
	font-size: 0.75rem;
	font-weight: 600;
	padding: 0px;
	text-transform: uppercase;
	color: #666;
	cursor: pointer;
}

.modalPosicionarAvatar .descricao{
	padding: 0px;
	text-align: center;
	font-weight: 500;
	color: #666;
	font-size: 0.9rem;
	margin-bottom: 17.5px;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes{
	margin: 10px 20px 25px 20px;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .header{
	/*border-top-right-radius: 5px;
	border-top-left-radius: 5px;*/
	background: #ddd;
	margin-top: 15px;
	padding-top: 12.5px;
	padding-bottom: 12.5px;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .header .item{
	font-weight: 600;
	color: #666;
	font-size: 0.8rem;
/*	text-transform: uppercase;*/
	padding-left: 12.5px;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .header .item.gateway{
	width: 105px;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .moduloArea .tituloModulo{
	background: #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	color: var(--primary-color);
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .moduloArea .tituloModulo > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .moduloArea .tituloModulo .icone{
	padding: 0px;
	font-size: 0.925rem;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .moduloArea .tituloModulo .texto{
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	font-size: 0.875rem;
	
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens{
/*	padding: 0px;*/
	/*margin-left: 12.5px;
	font-weight: 600;
	font-size: 0.875rem;*/
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .itemNotificacao{
	border-bottom: 1px solid #eee;
/*	padding-top: 7.5px;*/
/*	padding-bottom: 7.5px;*/
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .itemNotificacao > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .descricao{
	padding-left: 12.5px;
	font-weight: 600;
	font-size: 0.875rem;
	color: #999;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo{
	width: 85px;
	margin-top: 0px;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo .containerSwitch .itemToBubble{
	margin-left: 0px;
	margin-right: 0px;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo:last-of-type{
	margin-right: 7.5px;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo .containerSwitch{
	border-color: transparent;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .inputAtivo.disabled .containerSwitch{
	background: transparent;
}

.paginaPerfil .contentTabNotificacoes .tabelaConfiguracaoNotificacoes .areaListaItens .bubbleStatus{
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 85px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}













.paginaListaPortos .tabelaPortos{
	margin: 15px;
}

.paginaListaPortos .areaFiltros > .row:first-of-type{
	align-items: end;
}

.paginaListaPortos .areaFiltros .inputTermo{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaPortos .areaFiltros .inputPais{
	margin-left: 10px;
	width: 35%;
}

.paginaListaPortos .areaFiltros .btnClearFilter{
	margin-right: 15px;
}

.paginaListaProdutos .tabelaProdutos{
	margin: 15px;
}

.paginaListaProcessos .tabelaExportacoes{
	margin: 15px;
}

.paginaListaProcessos .areaFiltros > .row:last-of-type{
	align-items: end;
}

.paginaListaProcessos .areaFiltros .inputTermo{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaProcessos .areaFiltros .btnClearFilter{
	margin-right: 15px;
}

.paginaListaProcessos .tabelaExportacoes .iconesId{
	height: 20px;

}

.paginaListaProcessos .tabelaExportacoes .iconesId > .row:first-of-type{
	align-items: center;
	height: 100%;
	padding-left: 15px;
}

.iconeModal{
	padding: 0px;
	color: var(--primary-color);
	font-size: 1.1rem;
}

.iconeTipoCarga{
	padding: 0px;
	color: var(--primary-color);
	font-size: 1rem;
}

.iconeItemEnum:nth-child(2){
	margin-left: 12.5px;
}

.paginaListaProcessos .tabelaExportacoes .listaProdutos .itemProduto{
	font-size: 0.8rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
}

.paginaListaProcessos .tabelaExportacoes .listaProdutos .itemProduto span{
	color: var(--primary-color);
}

.paginaListaProcessos .tabelaExportacoes .listaExportadores .itemExportador{
	font-size: 0.8rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
}

.paginaListaProcessos .tabelaExportacoes .listaExportadores .itemExportador span{
	color: var(--primary-color);
}

.paginaListaProcessos .tabelaExportacoes .dadosRota .itemRota{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
}

.paginaListaProcessos .tabelaExportacoes .dadosRota .itemRota span{
	color: var(--primary-color);
}

.paginaListaProcessos .tabelaExportacoes .dadosRota .icone{
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1.2rem;
	color: var(--primary-color);
	height: 20px;
	line-height: 20px;
}

.paginaListaProcessos .tabelaExportacoes .dadosRota > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.modalDadosExportacao .inputDataOperacao{
	margin-left: 10px;
}

.modalDadosExportacao .inputModal{
	margin-left: 10px;
}

.modalDadosExportacao .inputTipoCarga{
	margin-left: 10px;
}

.modalDadosExportacao .inputEmbarcacao{
	margin-top: 10px;
}

.modalDadosExportacao .inputViagem{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputConteinaers{
	margin-top: 10px;
}

.modalDadosExportacao .inputTeusParcial{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputC20Parcial{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputC40Parcial{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputVolumes{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputPesoBruto{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputRotaComercial{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputPortoOrigem{
	margin-top: 10px;
}

.modalDadosExportacao .inputTerminalEmbarque{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputPortoDescarga{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputPortoDestino{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputCossignatario{
	margin-top: 10px;
}

.modalDadosExportacao .inputArmador{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .inputAgenteCarga{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosExportacao .areaListaEmpresas{
	margin-top: 10px;
}

.modalDadosExportacao .areaListaProdutos{
	margin-top: 10px;
}

.paginaListaProcessos .tabelaImportacoes{
	margin: 15px;
}

.paginaListaProcessos .tabelaImportacoes .valor{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
}

.paginaListaProcessos .areaFiltros > .row:first-of-type{
	align-items: end;
}

.paginaListaProcessos .areaFiltros .inputTermo{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaProcessos .areaFiltros .btnClearFilter{
	margin-right: 15px;
}

.paginaListaProcessos .tabelaImportacoes .iconesId{
	height: 20px;

}

.paginaListaProcessos .tabelaImportacoes .iconesId > .row:first-of-type{
	align-items: center;
	height: 100%;
	padding-left: 15px;
}

.iconeModal{
	padding: 0px;
	color: var(--primary-color);
	font-size: 1.1rem;
}

.iconeTipoCarga{
	padding: 0px;
	color: var(--primary-color);
	font-size: 1rem;
}

.iconeItemEnum:nth-child(2){
	margin-left: 12.5px;
}

.paginaListaProcessos .tabelaImportacoes .listaProdutos .itemProduto{
	font-size: 0.8rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
}

.paginaListaProcessos .tabelaImportacoes .listaProdutos .itemProduto span{
	color: var(--primary-color);
}

.paginaListaProcessos .tabelaImportacoes .listaExportadores .itemExportador{
	font-size: 0.8rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
}

.paginaListaProcessos .tabelaImportacoes .listaExportadores .itemExportador span{
	color: var(--primary-color);
}

.paginaListaProcessos .tabelaImportacoes .dadosRota .itemRota{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
}

.paginaListaProcessos .tabelaImportacoes .dadosRota .itemRota span{
	color: var(--primary-color);
}

.paginaListaProcessos .tabelaImportacoes .dadosRota .icone{
	padding: 0px;
	margin-left: 10px;
	margin-right: 10px;
	font-size: 1.2rem;
	color: var(--primary-color);
	height: 20px;
	line-height: 20px;
}

.paginaListaProcessos .tabelaImportacoes .dadosRota > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaListaRotasComerciais .tabelaRotasComerciais{
	margin: 15px;
}

.paginaListaRotasComerciais .areaFiltros > .row:first-of-type{
	align-items: end;
}

.paginaListaRotasComerciais .areaFiltros .inputTermo{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaRotasComerciais .areaFiltros .btnClearFilter{
	margin-right: 15px;
}

.paginaListaAgentesCarga .tabelaAgentes{
	margin: 15px;
}

.paginaListaAgentesCarga .areaFiltros > .row:first-of-type{
	align-items: end;
}

.paginaListaAgentesCarga .areaFiltros .inputTermo{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaAgentesCarga .areaFiltros .btnClearFilter{
	margin-right: 15px;
}

.modalDadosImportacao .inputDataOperacao{
	margin-left: 10px;
}

.modalDadosImportacao .inputModal{
	margin-left: 10px;
}

.modalDadosImportacao .inputTipoCarga{
	margin-left: 10px;
}

.modalDadosImportacao .inputPortoOrigem{
	margin-top: 10px;
}

.modalDadosImportacao .inputPortoDescarga{
	margin-left: 10px;
	margin-top: 10px;
}

.modalDadosImportacao .inputPortoDestino{
	margin-left: 10px;
	margin-top: 10px;
}

.modalDadosImportacao .inputArmador{
	margin-top: 10px;
}

.modalDadosImportacao .inputAgenteCarga{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosImportacao .inputConteinaers{
	margin-top: 10px;
}

.modalDadosImportacao .inputTeusParcial{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosImportacao .inputC20Parcial{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosImportacao .inputC40Parcial{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.modalDadosImportacao .inputVolumes{
	margin-top: 10px;
/*	margin-left: 10px;*/
}

.modalDadosImportacao .inputPesoBruto{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosImportacao .inputAeroportoOrigem{
	margin-top: 10px;
}

.modalDadosImportacao .inputAeroportoDestino{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosImportacao .areaListaEmpresas{
	margin-top: 10px;
}

.modalDadosImportacao .areaListaProdutos{
	margin-top: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputDataOperacao{
	margin-left: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputModal{
	margin-left: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputTipoCarga{
	margin-left: 10px;
	margin-right: 15px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputPortoOrigem{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputPortoDescarga{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputPortoDestino{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputAgenteCarga{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 15px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputAeroportoOrigem{
	margin-top: 10px;
	margin-left: 15px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputAeroportoDestino{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 15px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputConteinaers{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputTeusParcial{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputC20Parcial{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputC40Parcial{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputVolumes{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputPesoBruto{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 15px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputEmpresas{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaProcessos.processosImportacao .areaFiltros .inputProdutos{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputDataOperacao{
	margin-left: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputModal{
	margin-left: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputTipoCarga{
	margin-left: 10px;
	margin-right: 15px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputPortoOrigem{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputPortoDescarga{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputPortoDestino{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputAgenteCarga{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 15px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputConteinaers{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputTeusParcial{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputC20Parcial{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputC40Parcial{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputVolumes{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputPesoBruto{
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 15px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputEmpresas{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaProcessos.processosExportacao .areaFiltros .inputProdutos{
	margin-left: 10px;
	margin-top: 10px;
}

.homeDashboard .boxEstatisticas{
	background: #e7e7e7;
	border-radius: 7.5px;
	margin-top: 35px;
	margin-left: 10px;
	padding-bottom: 5px;
}

.homeDashboard .boxEstatisticas:nth-child(1){
	margin-left: 50px;
}

.homeDashboard .boxEstatisticas:nth-child(3){
	margin-right: 50px;
}

.homeDashboard .areaGraficoPeriodo{
	background: #e7e7e7;
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 10px;
	border-radius: 7.5px;
	padding-bottom: 20px;
}

.homeDashboard .areaGraficoPeriodo.carregando::after{
	content: "Buscando Informações...";
	font-size: 1.6rem;
	color: #999;
	text-align: center;
	height: 100%;
	width: 100%;
	align-items: center;
	justify-content: center;
	justify-items: center;
	align-content: center;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 0px;
	font-weight: 600;
	animation: loaderContentText 1.5s linear infinite;
}

.homeDashboard .tituloArea{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 15px;
}

.homeDashboard .tituloArea > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.homeDashboard .tituloArea .icone{
	padding: 0px;
	color: var(--primary-color);
	font-size: 1.4rem;
}

.homeDashboard .tituloArea .texto{
	padding: 0px;
	margin-left: 15px;
	color: #666;
	font-size: 1.1rem;
	font-weight: 600;
}

.homeDashboard .areaGraficoPeriodo .areaPlotagemGrafico{
	margin-top: 20px;
	height: calc(100dvh - 432.5px) !important;
}

.homeDashboard .boxEstatisticas .areaTotal{
	margin-left: 20px;
	font-size: 3.5rem;
	font-weight: 700;
	padding: 0px;
	color: #666;
}

.homeDashboard .boxEstatisticas .areaValor > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.homeDashboard .boxEstatisticas .areaValor .porModal .item > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.homeDashboard .boxEstatisticas .areaValor .porModal .item .icone{
	padding: 0px;
	width: 25px;
	text-align: center;
	color: var(--primary-color);
}

.homeDashboard .boxEstatisticas .areaValor .porModal .item .quantidade{
	padding: 0px;
	font-weight: 700;
	color: #666;
	font-size: 1.2rem;
	margin-left: 10px;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 2px;
	margin-right: 20px;
}

.homeDashboard .boxEstatisticas.maiores .areaValor{
	margin-left: 20px;
	margin-top: 15px;
}

.paginaListaAeroportos .tabelaAeroportos{
	margin: 15px;
}

.paginaListaAeroportos .areaFiltros > .row:first-of-type{
	align-items: end;
}

.paginaListaAeroportos .areaFiltros .inputTermo{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaAeroportos .areaFiltros .btnClearFilter{
	margin-right: 15px;
}

span.undefined{
	color: var(--orange) !important;
}

.paginaListaProcessos.processosMagaya .areaFiltros .inputModal{
	margin-right: 15px;
	margin-left: 10px;
}

.paginaListaProcessos.processosMagaya .areaFiltros .inputTermo{
	margin-left: 15px;
}

.paginaListaProcessos.processosMagaya .areaFiltros .inputDataOperacao{
	margin-left: 10px;
}

.paginaListaProcessos.processosMagaya .areaFiltros .inputPortoOrigem{
	margin-top: 10px;
	margin-left: 15px;
}

.paginaListaProcessos.processosMagaya .areaFiltros .inputPortoDestino{
	margin-top: 10px;
	margin-left: 10px;
}

.paginaListaProcessos.processosMagaya .areaFiltros .inputAeroportoOrigem{
	margin-top: 10px;
	margin-left: 10px;
}

.paginaListaProcessos.processosMagaya .areaFiltros .inputAeroportoDestino{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 15px;
}

.paginaListaProcessos.processosMagaya .areaFiltros .inputEmpresas{
	margin-left: 15px;
	margin-top: 10px;
}

.paginaListaProcessos.processosMagaya .areaFiltros .inputStatus{
	margin-left: 10px;
	margin-top: 10px;
	width: 325px;
}

.modalDadosProcesso .inputDataOperacao{
	margin-left: 10px;
}

.modalDadosProcesso .inputTipo{
	margin-top: 10px;
}

.modalDadosProcesso .inputModal{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosProcesso .inputStatus{
	margin-left: 10px;
}

.modalDadosProcesso .inputTipoCarga{
	margin-left: 10px;
	margin-top: 10px;
}

.modalDadosProcesso .inputPortoOrigem{
	margin-top: 10px;
}

.modalDadosProcesso .inputPortoDestino{
	margin-left: 10px;
	margin-top: 10px;
}

.modalDadosProcesso .inputArmador{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosProcesso .inputConteinaers{
	margin-top: 10px;
}

.modalDadosProcesso .inputTeusParcial{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosProcesso .inputC20Parcial{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosProcesso .inputC40Parcial{
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.modalDadosProcesso .inputVolumes{
	margin-top: 10px;
/*	margin-left: 10px;*/
}

.modalDadosProcesso .inputPesoBruto{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosProcesso .inputAeroportoOrigem{
	margin-top: 10px;
}

.modalDadosProcesso .inputAeroportoDestino{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosProcesso .areaListaEmpresas{
	margin-top: 10px;
}

.modalDadosProcesso .areaListaProdutos{
	margin-top: 10px;
}

.modalDadosProcesso .areaListaEventos{
	margin-top: 10px;
}

.modalDadosProcesso .inputValorItens{
	margin-top: 10px;
}

.modalDadosProcesso .inputValorCobranca{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosProcesso .inputValorImposto{
	margin-top: 10px;
	margin-left: 10px;
}

.modalDadosProcesso .inputValorTotal{
	margin-top: 10px;
	margin-left: 10px;
}

.paginaDashboardComparativo .areaFiltros{
	background: #fff;
	padding-bottom: 20px;
}

.paginaDashboardComparativo .areaFiltros .inputPeriodo{
	margin-left: 20px;
	margin-top: 17.5px;
}

.paginaDashboardComparativo .areaFiltros > .row:last-of-type{
	align-items: end;
	height: fit-content;
}

.paginaDashboardComparativo .areaFiltros .btnClearFilter{
	margin-right: 20px;
}

.paginaDashboardComparativo .areaFiltros .inputEmpresa{
	margin-left: 10px;
}

.paginaDashboardComparativo .areaNumeros{
	border-radius: 5px;
	background: #fff;
	margin: 20px 20px 0px 20px;
	padding-bottom: 20px;
}

.paginaDashboardComparativo .areaTitulo{
	margin-left: 20px;
	margin-top: 20px;
	padding-bottom: 20px;
}

.paginaDashboardComparativo .areaTitulo > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaDashboardComparativo .areaTitulo .icone{
	font-size: 1.1rem;
	color: var(--primary-color);
	padding: 0px;
}

.paginaDashboardComparativo .areaTitulo .titulo{
	font-weight: 600;
	padding: 0px;
	margin-left: 12.5px;
	color: #666;
}

.paginaDashboardComparativo .areaTitulo .subtitulo{
	font-size: 0.85rem;
	color: #999;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0px;
	margin-right: 20px;
}

.paginaDashboardComparativo .areaTitulo .legenda{
	margin-right: 20px;
}

.paginaDashboardComparativo .areaTitulo .legenda .item{
	margin-left: 15px;
}

.paginaDashboardComparativo .areaTitulo .legenda .item > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaDashboardComparativo .areaTitulo .legenda .item .cor{
	height: 15px;
	width: 20px;
	background: #ddd;
	padding: 0px;
	border-radius: 5px;
}

.paginaDashboardComparativo .areaTitulo .legenda .item .label{
	padding: 0px;
	margin-left: 7.5px;
	font-size: 0.8rem;
	font-weight: 600;
	color: #999;
}

.paginaDashboardComparativo .areaNumeros .areaDado > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaDashboardComparativo .areaNumeros .labelDado{
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.9rem;
	color: #666;
	padding: 0px;
	margin-left: 20px;
}

.paginaDashboardComparativo .areaNumeros .areaDado .diviser{
	border-bottom: 2px dotted #eee;
	margin-left: 12.5px;
	margin-right: 12.5px;
}

.paginaDashboardComparativo .areaNumeros .areaDado .valor{
	font-size: 1.1rem;
	font-weight: 700;
	color: var(--primary-color);
	padding: 0px;
	margin-right: 20px;
}

.paginaDashboardComparativo .areaNumerosOutros{
	border-radius: 5px;
	background: #fff;
	margin: 10px 20px 0px 20px;
	padding-bottom: 20px;
}

.paginaDashboardComparativo .areaNumerosOutros .areaDado{
	margin-left: 20px;
	margin-right: 20px;
}

.paginaDashboardComparativo .areaNumerosOutros .areaDado .valor{
	color: var(--primary-color);
	font-size: 1.5rem;
	padding: 0px;
	font-weight: 700;
}

.paginaDashboardComparativo .areaNumerosOutros .areaDado .labelDado{
	padding: 0px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.9rem;
	color: #666;
}

.paginaDashboardComparativo .graficoArea{
	background: #fff;
	border-radius: 5px;
	padding-bottom: 20px;
}

.paginaDashboardComparativo .graficoArea.graficoProcessos{
	margin: 10px 20px 0px 20px;
}

.paginaDashboardComparativo .graficoArea.graficoRotaLogComex{
	margin: 10px 0px 20px 20px;
}

.paginaDashboardComparativo .graficoArea.graficoRotaMagaya{
	margin: 10px 20px 20px 10px;
}

.paginaDashboardComparativo .graficoArea .graficoRotasMagaya{
	margin-left: 20px;
	margin-right: 20px;
}

.paginaDashboardComparativo .graficoArea .graficoRotasLogcomex{
	margin-left: 20px;
	margin-right: 20px;
}

.paginaDashboardComparativo .graficoArea .graficoEmbarques{
	margin-left: 20px;
	margin-right: 20px;
	height: 300px;
}

.paginaDashboardComparativo .graficoArea .graficoEmbarquesLogcomex{
	margin-left: 20px;
	margin-right: 20px;
	height: 300px;
}


.paginaDashboardMagaya .areaFiltros{
	background: #fff;
	padding-bottom: 20px;
	margin-left: 15px;
	margin-right: 15px;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin-top: 0px !important;
	border-top: 2px dotted #ddd;
}

.paginaDashboardMagaya .areaFiltros .inputPeriodo{
	margin-left: 15px;
	margin-top: 17.5px;
}

.paginaDashboardMagaya .areaFiltros > .row:last-of-type{
	align-items: end;
	height: fit-content;
}

.paginaDashboardMagaya .areaFiltros .btnClearFilter{
	margin-right: 15px;
}

.paginaDashboardMagaya .areaFiltros .inputEmpresa{
	margin-left: 10px;
	margin-top: 17.5px;
	margin-right: 15px;
}

.paginaDashboardMagaya .contentTabHistorico .areaFiltros .inputEmpresa{
	margin-left: 15px;
	margin-right: 0px;
}

.paginaDashboardMagaya .areaFiltros .inputModal{
	margin-left: 15px;
}

.paginaDashboardMagaya .areaFiltros .inputPortoOrigem{
	margin-left: 10px;
	margin-top: 10px;
}

.paginaDashboardMagaya .contentTabHistorico .areaFiltros .inputPortoOrigem{
	margin-left: 10px;
}

.paginaDashboardMagaya .areaFiltros .inputPortoDestino{
	margin-left: 10px;
}

.paginaDashboardMagaya .areaFiltros .inputAeroportoOrigem{
	margin-left: 10px;
}

.paginaDashboardMagaya .areaFiltros .inputAeroportoDestino{
	margin-left: 10px;
}

.paginaDashboardMagaya .areaNumeros{
	border-radius: 5px;
	background: #fff;
	margin: 20px 20px 0px 20px;
	padding-bottom: 20px;
}

.paginaDashboardMagaya .areaTitulo{
	margin-left: 20px;
	margin-top: 20px;
	padding-bottom: 20px;
}

.paginaDashboardMagaya .areaTitulo > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaDashboardMagaya .areaTitulo .icone{
	font-size: 1.1rem;
	color: var(--primary-color);
	padding: 0px;
}

.paginaDashboardMagaya .areaTitulo .titulo{
	font-weight: 600;
	padding: 0px;
	margin-left: 12.5px;
	color: #666;
}

.paginaDashboardMagaya .areaTitulo .subtitulo{
	font-size: 0.85rem;
	color: #999;
	font-weight: 600;
	text-transform: uppercase;
	padding: 0px;
	margin-right: 20px;
}

.paginaDashboardMagaya .areaTitulo .legenda{
	margin-right: 20px;
}

.paginaDashboardMagaya .areaTitulo .legenda .item{
	margin-left: 15px;
}

.paginaDashboardMagaya .areaTitulo .legenda .item > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaDashboardMagaya .areaTitulo .legenda .item .cor{
	height: 15px;
	width: 20px;
	background: #ddd;
	padding: 0px;
	border-radius: 5px;
}

.paginaDashboardMagaya .areaTitulo .legenda .item .label{
	padding: 0px;
	margin-left: 7.5px;
	font-size: 0.8rem;
	font-weight: 600;
	color: #999;
}

.paginaDashboardMagaya .graficoArea{
	background: #fff;
	border-radius: 5px;
	padding-bottom: 20px;
	width: 100%;
	width: calc(100vw - var(--sidebar-width) - 40px);
}

.paginaDashboardMagaya .graficoArea.graficoProcessos{
	margin: 15px 15px 0px 15px;
}

.paginaDashboardMagaya .graficoArea.graficoProcessos .graficoFinal{
	margin: 0px 15px 0px 15px;
	height: 300px;
	max-height: 300px;
}

.paginaDashboardMagaya .graficoArea.graficoTempoConversao{
	margin: 10px 15px 15px 15px;
}

.paginaDashboardMagaya .graficoArea.graficoTempoConversao .graficoFinalTempo{
	margin: 0px 15px 0px 15px;
	height: 300px;
	max-height: 300px;
}

.paginaDashboardMagaya .graficoArea.graficoProcessosCliente{
	margin: 10px 10px 0px 15px;
}

.paginaDashboardMagaya .graficoArea.graficoProcessosCliente .graficoFinalCliente{
	margin: 0px 15px 0px 15px;
	height: 300px;
	max-height: 300px;
}

.paginaDashboardMagaya .areaTabelaComparativoHistorico{
	background: #fff;
	border-radius: 5px;
	margin: 15px;
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado{
	background: #fff;
	border-radius: 5px;
	margin: 15px;
	padding-bottom: 17.5px;
	padding-top: 12.5px;
}

.paginaDashboardMagaya .contentTabHistorico .areaFiltros{
	padding-top: 17.5px;
}

.paginaDashboardMagaya .contentTabHistorico .inputPeriodoLista{
	margin-left: 15px;
}

.paginaDashboardMagaya .contentTabHistorico .inputQuantidadeResultados{
	margin-left: 50px;
	margin-right: 15px;
}

.paginaDashboardMagaya .contentTabHistorico .inputPrimeiroPeriodo{
	margin-left: 10px;
	width: 300px;
}

.paginaDashboardMagaya .contentTabHistorico .inputSegundoPeriodo{
	margin-left: 10px;
	width: 300px;
}

.paginaDashboardMagaya .contentTabHistorico .tabelaComparativoHistorico .item{
	font-weight: 700;
	padding: 0px;
}

.paginaDashboardMagaya .contentTabHistorico .tabelaComparativoHistorico .item span{
	font-size: 0.7rem;
	margin-left: 10px;
}

.paginaDashboardMagaya .contentTabHistorico .tabelaComparativoHistorico .item.total{
	padding-left: 15px;
}

.paginaDashboardMagaya .contentTabHistorico .tabelaComparativoHistorico .item.aberto{
	color: var(--status-processo-aberto);
}

.paginaDashboardMagaya .contentTabHistorico .tabelaComparativoHistorico .item.finalizado{
	color: var(--status-processo-finalizado);
}

.paginaDashboardMagaya .contentTabHistorico .tabelaComparativoHistorico .item.expirado{
	color: var(--status-processo-expirado);
}

.paginaDashboardMagaya .contentTabHistorico .tabelaComparativoHistorico .item.perdido{
	color: var(--status-processo-perdido);
	margin-right: 15px;
}

.paginaDashboardMagaya .contentTabHistorico .tabelaComparativoHistorico .semInformacoes{
	color: var(--orange);
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.75rem;
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda{
	margin-top: 5px;
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda .item{
	margin-left: 30px;
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda .item:first-of-type{
	margin-left: 0px;
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda .item > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda .item .cor{
	background: #eee;
	border-radius: 5px;
	padding: 0px;
	width: 15px;
	height: 15px;
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda .item .texto{
	padding: 0px;
	margin-left: 7.5px;
	font-size: 0.8rem;
	font-weight: 600;
	text-transform: uppercase;
	color: #666;
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda .item.total .cor{
	background: #666;
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda .item.aberto .cor{
	background: var(--status-processo-aberto);
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda .item.finalizado .cor{
	background: var(--status-processo-finalizado);
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda .item.expirado .cor{
	background: var(--status-processo-expirado);
}

.paginaDashboardMagaya .contentTabHistorico .filtroConfigurado .areaLegenda .item.perdido .cor{
	background: var(--status-processo-perdido);
}

.paginaDashboardMagaya .graficoArea.graficoRotaMagaya{
	margin: 10px 15px 0px 0px;
	width: calc(50vw - (var(--sidebar-width) / 2) - 40px);
	padding-bottom: 20px;
}

.paginaDashboardMagaya .graficoArea .graficoRotasMagaya{
	margin-left: 20px;
	margin-right: 20px;
	max-height: 300px;
}