.z-form-checkbox .x-form-cb-label {
	color: #212529;
	font: normal 12px var(--bs-font-sans-serif) !important;	
}

.z-form-text{
	margin-top: 5px;	
}

.z-form-text > tbody > tr > td >.x-form-text{
    color: #212529;
    padding: 5px 8px 5px 8px;
    background: #fff;
	border: 1px solid #b6b6b6;
    background-image: none !important;
    border-radius: .22rem;
	transition: all 0.8s ease;
	/*font: normal 12px var(--bs-font-sans-serif);*/
    height: 30px !important;
	box-shadow: none;
}

.z-form-text.z-form-text-login > tbody > tr > td >.x-form-text{
	height: 40px !important;
	padding: 8px 10px 8px 10px;
	font: normal 13px var(--bs-font-sans-serif);
	box-shadow: none;
}

.z-form-text.z-color-combo > tbody > tr > td > table > tbody > tr > td >.x-form-text{
	color: transparent !important;
}

.z-form-text > tbody > tr > td > table > tbody > tr > td >.x-form-text{
    color: #212529;
    padding: 5px 8px 5px 8px;
    background: #fff;
	border: 1px solid #b6b6b6;
	/*border-right: 0px;*/
    background-image: none !important;
	border-top-left-radius: 0.22rem;
    border-top-right-radius: 0.22rem;
    border-bottom-right-radius: 0.22rem;
    border-bottom-left-radius: 0.22rem;
	transition: all 0.8s ease;
	/*font: normal 12px var(--bs-font-sans-serif);*/
    height: 30px !important;
	box-shadow: none;
}

.z-form-text .x-form-trigger-wrap{
	border: none !important;
}

.z-form-text > tbody > tr > td >.x-form-text:focus{
	outline: none;
	border: 1px solid #02cae5;
}

.z-form-text > tbody > tr > td > table > tbody > tr > td > .x-form-text:focus{
	outline: none;
	border: 1px solid #02cae5;
}

.z-form-text > tbody > tr > .x-form-trigger-wrap-focus > table > tbody > tr > td > .x-form-text {
	border-right: 0 !important;
}

.z-form-text > tbody > tr > .x-form-trigger-wrap-focus > table > tbody > tr > td > .x-form-trigger {
	outline: none;
	border: 1px solid #02cae5;
	border-left: 0;
}

.z-form-text > tbody > tr > td > table > tbody > tr > td > .x-form-trigger{
    border: 1px solid #b6b6b6;
	background-repeat: no-repeat !important;
	background-position: center !important;
	border-left: 0px;
	border-top-left-radius: 0;
    border-top-right-radius: 0.22rem;
    border-bottom-right-radius: 0.22rem;
    border-bottom-left-radius: 0;
	height: 30px;
	box-shadow: none;
}

.z-trigger-none{
	cursor: none !important;
	background: none !important;
}

.z-form-text > tbody > tr > td > table > tbody > tr > td > .x-form-trigger:not(.z-suggestion-trigger):not(.x-form-date-trigger){
	background: url(../images/png/arrow-down.png);
}

.z-form-text > tbody > tr > td > table > tbody > tr > td > .x-form-trigger.z-suggestion-trigger{
    background: url(../images/png/suggestion.png);
}

.z-form-text > tbody > tr > td > table > tbody > tr > td > .x-form-date-trigger{
    background: url(../images/png/calendar.png);
}

.z-form-text.z-form-datepicker > tbody > tr > td > table > tbody > tr > .x-trigger-cell{
	display: table-cell !important;
}

.z-form-text > tbody > tr > td > table > tbody > tr > td > .x-form-trigger:hover{
	filter: brightness(90%);
	opacity: 0.9;
}

.z-form-text > tbody > tr > td > table > tbody > tr > td > .x-form-trigger:active{
	filter: brightness(80%);
	opacity: 1;
}

.z-form-textarea{
	margin-top: 5px;	
}
.z-form-textarea > tbody > tr > td > .x-form-textarea{
	color: #212529;
    background-image: none !important;	
	border-radius: .22rem;
    background: #fff;
	border: 1px solid #b6b6b6;
	padding: 5px 10px 5px 10px;
	/*font: normal 12px var(--bs-font-sans-serif);*/
	box-shadow: none;
}
.z-form-textarea > tbody > tr > td >.x-form-textarea:focus{
	outline: none;
	border: 1px solid #02cae5 !important;
}
.z-required-field.x-form-invalid-field
{
	background-color: #fff2f254 !important;
	border-color: #ea7777 !important;	
}

.z-form-radiogroup{
	/* border: 1px solid #b6b6b6 !important; 
     border-radius: 4px;*/	 
}

.z-form-radiogroup > .x-fieldset-header{
	margin-bottom: .2rem !important;
	padding: 0 !important;
}

.z-form-radiogroup > .x-fieldset-header .x-fieldset-header-text{
	font: normal 13px sans-serif !important;
}

.z-form-radiogroup > .x-fieldset-body > .x-form-checkboxgroup label{
	font: normal 12px var(--bs-font-sans-serif) !important;
}

.z-form-btn-background-none{
    background: transparent !important;
    border-color: #239f84 !important;
}
.z-form-btn-background-none > span > span > .x-btn-inner{
    color: #239f84 !important;
    font-family: font-family: var(--bs-font-sans-serif) !important;
    font-weight: 600;
}
.z-form-btn-background-none:focus{
    background: #def2ed !important;
}
.z-form-btn-background-none:hover{
	background: #edfffb !important; 
}
.z-form-btn-background-none:active{
	background: #def2ed !important; 	
}
.z-form-btn-add{
	background: none !important;
    border: none !important;
	font: normal 12px var(--bs-font-sans-serif);	
}

.z-form-btn-add > span > span > span{
	color: #07afe1 !important;
	font: normal 12px var(--bs-font-sans-serif) !important;
	font-size: 0.78rem !important;
}

.z-form-btn-add > .x-btn-split-right{
	background-image: url(../images/png/blue-arrow-down.png) !important;	
	padding-right: 10px !important;
    background-size: 12px;
}

.z-form-btn-add:hover > span > span > span{
	color: #32c9f5 !important;
}

.z-form-btn-add:focus{
    text-decoration: underline;
    color: #0ea5ed;
}

.z-form-btn-aprov{
	background: none !important;
    border: none !important;
	font: normal 12px var(--bs-font-sans-serif);	
}

.z-form-btn-aprov > span > span > span{
	color: #036f5a !important;
	font: normal 12px var(--bs-font-sans-serif) !important;
	font-size: 0.78rem !important;
}

.z-form-btn-aprov > .x-btn-split-right{
	background-image: url(../images/png/blue-arrow-down.png) !important;	
	padding-right: 10px !important;
    background-size: 12px;
}

.z-form-btn-aprov:hover > span > span > span{
	color: #05ab8b !important;
}

.z-form-btn-aprov:focus{
    text-decoration: underline;
    color: #09bb98;
}

.z-form-btn-cancel{
	background: none !important;
    border: none !important;
	font: normal 12px var(--bs-font-sans-serif);	
}

.z-form-btn-cancel > span > span > span{
	color: #cf0d0d !important;
	font: normal 12px var(--bs-font-sans-serif) !important;
	font-size: 0.78rem !important;
}

.z-form-btn-cancel > .x-btn-split-right{
	background-image: url(../images/png/blue-arrow-down.png) !important;	
	padding-right: 10px !important;
    background-size: 12px;
}

.z-form-btn-cancel:hover > span > span > span{
	color: #dc5959 !important;
}

.z-form-btn-cancel:focus{
    text-decoration: underline;
    color: #a24848;
}

.z-form-btn-remove{
	background: none !important;
    border: none !important;
	font: normal 12px var(--bs-font-sans-serif);	
}

.z-form-btn-remove > span > span > span{
	color: #ec0606 !important;
	font: normal 12px var(--bs-font-sans-serif) !important;
	font-size: 0.78rem !important;
}

.z-form-btn-remove > .x-btn-split-right{
	background-image: url(../images/png/blue-arrow-down.png) !important;	
	padding-right: 10px !important;
    background-size: 12px;
}

.z-form-btn-remove:hover > span > span > span{
	color: #ff0707 !important;
}

.z-side-button{
	cursor: pointer;
	border: 1px solid #b6b6b6 !important;
	margin-top: 5px !important;
    border-radius: 0.22rem;
	height: 30px !important;
	background-color: #fff !important;
}


.z-side-button .x-btn-inner{
	color: #3e455a !important;
	background-color: transparent !important;
	padding-top: 2px !important;
}

.z-side-button:hover{
	background-color: #fcfcfc !important;
}

.z-side-button:hover .x-btn-inner{
	color: #239f84 !important;
}

.z-side-button:active{
	background-color: #e8e8e8 !important;
}

.z-side-button:focus{
	background-color: #f4f4f4 !important;	
}

.z-form-background{
	background-color: #fff !important; /*#fafafa*/
}

.z-form-fadeIn {
    -webkit-animation-name: form-fadeIn;
    -webkit-animation-duration: 0.7s;
    animation-name: form-fadeIn;
    animation-duration: 0.7s;
}
.z-form-fadeOut {
	-webkit-animation-name: form-fadeOut;
	-webkit-animation-duration: 0.6s;
	animation-name: form-fadeOut;
	animation-duration: 0.6s;
}

.z-form-text {
    margin-top: 5px;
}


.z-form-row .z-form-text{
	width: 100% !important;
}

.z-form-row .z-form-textarea{
	width: 100% !important;
}

.z-form-row .z-form-checkbox{
	width: 100% !important;
}

.z-form-row .z-form-checkbox{
	width: 100% !important;
}

.z-form-row .z-form-radiogroup{
	width: 100% !important;
	height: 100% !important;
}

.z-form-row > div > span > div {
    --bs-gutter-x: 4rem;
    --bs-gutter-y: 0;
    display: flex !important;
    flex-wrap: wrap;
}

.z-form-row > div > span > div > .x-column > .z-form-text > tbody > * {
    flex-shrink: 0 !important;
    display: flex;
    width: 100% !important;
    max-width: 100%;
	padding-right: calc(var(--bs-gutter-x)/ 2);
}

.z-form-row > div > span > div > .x-column > .z-form-text.z-form-text-login > tbody > * {
    padding-right: 0 !important;
}

.z-form-row > div > span > div > .x-column > .z-form-textarea > tbody > * {
    flex-shrink: 0 !important;
    display: flex;
    width: 100% !important;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
}

.z-form-row > div > span > div > .x-column > .z-form-checkbox > tbody > * {
    flex-shrink: 0 !important;
    display: flex;
    width: 100% !important;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
}

.z-form-row > div > span > div > .x-column > .z-side-buttons-container > .x-panel-body > span > div > table > tbody > * {
    flex-shrink: 0 !important;
    display: flex;
    width: 100% !important;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 5);
}

.z-form-row > div > span > div > .x-column > .z-form-radiogroup > .x-fieldset-body > table > tbody > * {
    flex-shrink: 0 !important;
    display: flex;
    width: 100% !important;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
}

.z-form-row > div > span > div > .x-column > .z-form-radiogroup > .x-fieldset-body,
.z-form-row > div > span > div > .x-column > .z-form-radiogroup > .x-fieldset-body > table
{
    width: 100% !important;
}
.z-form-row > div > span > div > .x-column > .z-panel-color-combo{
	width: 100% !important;
	max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    flex-shrink: 0 !important;
}

.z-form-row > div > span > div > .x-column > .z-panel-color-combo > .z-btn-event-color{
	width: 100% !important;
	position: relative !important;
	margin-top: 7px !important;
	padding: 5px 8px 5px 8px;
    height: 30px !important;
}

.z-form-row.x-item-disabled > .x-mask{
	background: transparent !important;
}

.z-form-row.x-item-disabled .x-form-text,
.z-form-row.x-item-disabled .x-form-trigger,
.z-form-row.x-item-disabled .x-btn{
	background-color: #f6f6f6 !important;
}


.z-form-row-items-center > .x-panel-body > span > div{
	align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}
.z-form-row-items-left > .x-panel-body > span > div{
	align-items: start !important;
    justify-content: start !important;
    text-align: left !important;
}

.z-form-row-items-right > .x-panel-body > span > div{
	align-items: end !important;
    justify-content: flex-end !important;
    text-align: right !important;
}

.z-form-row-border-top{
	border-top: 1px solid;
    border-image: conic-gradient(rgb(255, 255, 255), rgb(192, 190, 190), rgb(255, 255, 255)) 6 / 1 / 0 stretch;
}
.z-form-row-border-bottom{
	border-bottom: 1px solid;
    border-image: conic-gradient(rgb(255, 255, 255), rgb(192, 190, 190), rgb(255, 255, 255)) 6 / 1 / 0 stretch;
}
.z-form-row-border-right{
	border-right: 1px solid;
    border-image: conic-gradient(rgb(255, 255, 255), rgb(192, 190, 190), rgb(255, 255, 255)) 6 / 1 / 0 stretch;
}
.z-form-row-border-left{
	border-left: 1px solid;
    border-image: conic-gradient(rgb(255, 255, 255), rgb(192, 190, 190), rgb(255, 255, 255)) 6 / 1 / 0 stretch;
}


.z-form-row.z-mainmenu > .x-toolbar-default
{
	height: 200px !important
}
	
.z-panel > .x-panel-header > .x-header-body > div > div > .x-panel-header-text-container-default{
    color: #534f4fcc;
    font-size: 20px;
    font-weight: bold;
    /*font-family: var(--bs-font-sans-serif);*/
    line-height: 24px;
    padding: 0 2px 1px;
    text-transform: none;
}

.z-panel .x-panel-body-default {
	border: none !important;
	background: transparent !important;
}

.z-panel > div > div > .x-panel-body-default {
	border: none !important;
}

.z-panel > .x-panel-header > .x-header-body > div {
	height: 25px !important;
}

.z-panel > .x-panel-header-default{
	background-image: none !important;
	background-color: #ffffff;
	border-radius: 3px 3px 0px !important;
}

.z-panel.x-tabpanel-child > .x-panel-body-default{
	background: transparent !important;
}

.z-panel > div > .x-panel > .x-panel-body{
	background: transparent !important;
}

.z-panel > div > .x-panel > .x-panel-body > .x-tabpanel-child > .x-panel-body{
	background: transparent !important;
}

.z-panel > .x-panel-header-default-horizontal-noborder{
	padding: 14px 6px 11px 15px;
}

.z-panel-card{
	border: 1px solid #d7d7d7  !important;
   	border-radius: 5px !important;
	-webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 20%) !important;
	box-shadow: 0 1px 1px rgb(0 0 0 / 20%) !important;
	/* margin: 1px !important; */
	background: #fff;	
}

.z-panel-card > .x-panel-body {
	padding: 0 0 20px 20px !important;
}

.z-panel-card.z-panel-card-no-padding > .x-panel-body{
	padding: 0px !important;
}

.z-panel-card > .x-panel-header {
	background-color: #f0f0f0;
	border-radius: 5px 5px 0px 0px;
	border: 0px !important;
	border-bottom: 1px solid #d7d7d7 !important;
	padding-left: 12px !important;
}

.z-panel-card > .x-panel-header .x-header-text-container {
	color: #239f84 !important;
	font-family: var(--bs-font-sans-serif) !important;
	font-size: 0.9rem !important;
	font-weight: 600 !important;
	padding: 0px !important;
	line-height: 20px !important;
}

.z-panel-card > .x-panel-header > .x-header-body > div {
	line-height: 20px !important;
}

.z-panel-header-card {
    background: #f0f0f0 !important;
    border-radius: 3px 3px 0px 0px !important;	
}

.z-panel-header-card > .x-panel-body > div > div > label {
	color: #239f84 !important;
    font-family: var(--bs-font-sans-serif) !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

.z-panel-border{
    border-radius: 3px;
	-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}

.z-panel-margin{
	margin: 20px 80px !important;	
}

.z-panel-background{
	background-color: #fafafa !important; /*#fafafa*/
}

.z-side-buttons-container{
    flex-shrink: 0 !important;
    display: flex;
    width: 100% !important;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
}

.z-side-buttons-container > .x-panel-body{
	width: 100% !important;
}	

.z-side-buttons-container > .z-side-button{
	left: auto !important;
	right: 0px !important;
	position: relative !important;
	width: 35px !important;
	/* margin-right: calc(var(--bs-gutter-x)/ 3) !important; */
}

.z-side-buttons-container > .z-form-text{
	width: calc( 100% - 50px ) !important;
}

.z-panel-grid {
    border-radius: 4px !important;
    border: 1px solid #f8f8f8 !important;
	border-style: none !important;
}

.z-panel-grid .x-grid-body{
	background: #fdfdff !important;
}

.z-panel-grid .x-grid-body .x-grid-view > .x-grid-empty{
	margin: 0 !important;
	padding: 50px;
}

.z-panel-grid > .x-panel-body .x-grid-body .x-grid-view{
	min-height: 20 !important;
}

.z-modal-form {
	top: 50px !important;
	border-color: white !important;
	z-index: 9999 !important;
	position: absolute !important;
	min-width: 300px !important;
}

/*Flex Components*/
.z-col-auto{
    flex:0 0 auto;
    width:auto !important;
}
.z-col-1{
    flex:0 0 auto;
    min-width:8.3333333333% !important;
}
.z-col-1-5 {
    flex: 0 0 auto;
    min-width: 10.5% !important;
}
.z-col-2{
    flex:0 0 auto;
    min-width:16.6666666667% !important;
}
.z-col-3{
    flex:0 0 auto;
    min-width:25% !important;
}
.z-col-4{
    flex:0 0 auto;
    min-width:33.3333333333% !important;
}
.z-col-5{
    flex:0 0 auto;
    min-width:41.6666666667% !important;
}
.z-col-6{
    flex:0 0 auto;
    min-width:50% !important;
}
.z-col-6-5{
    flex:0 0 auto;
    min-width:56.1% !important;
}
.z-col-7{
    flex:0 0 auto;
    min-width:58.3333333333% !important;
}
.z-col-8{
    flex:0 0 auto;
    min-width:66.6666666667% !important;
}
.z-col-8-5 {
    flex: 0 0 auto;
    min-width: 72.8333333333% !important;
}
.z-col-9{
    flex:0 0 auto;
    min-width:75% !important;
}
.z-col-10{
    flex:0 0 auto;
    min-width:83.3333333333% !important;
}
.z-col-11{
    flex:0 0 auto;
    min-width:91.6666666667% !important;
}
.z-col-12{
    flex:0 0 auto;
    min-width:100% !important;
}

.z-col-auto > .x-btn ,.z-col-1 > .x-btn ,.z-col-2 > .x-btn ,.z-col-3 > .x-btn ,.z-col-4 > .x-btn ,
.z-col-5 > .x-btn ,.z-col-6 > .x-btn ,.z-col-7 > .x-btn ,.z-col-8 > .x-btn ,.z-col-9 > .x-btn ,
.z-col-10 > .x-btn ,.z-col-11 > .x-btn ,.z-col-12 > .x-btn {
	width: 100% !important;
	margin-top: 15px; /*25px;*/
}

.labelSicom{
	color: #239f84;
    font-size: 0.8rem !important;
    font-weight: 600 !important;
    background-color: #f0f0f0;
    padding: 8px 8px 8px 0px;
    width: 97% !important;
    border-radius: 3px;
	text-align: center;	
}	

/*
.link-none {
	font-size: 13px;
}*/	

/* fundo opaco específico para ShowMask */
/*
.x-mask.mask-background {
	background: white;
}*/

/* fundo do form com ShowModal *//*
body.x-body.x-border-layout-ct.x-border-box.x-container.x-container-default > .x-mask {
	opacity: .5;
	background: black;	
}

.x-mask-msg {
	padding: 3px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px	
}

.x-mask-msg-inner {	
	color: white;
	font: normal 13px "Lucida Sans Unicode", "Lucida Grande", sans-serif
}

.x-mask-msg-text {
	padding: 0px 40px 20px;	
	background-image: url(images/loadmask/loading-signup.gif); 	
	background-position: center 20px
}
*/
@media(max-width: 400px) {
  /* .z-modal-form{left: 10% !important;} */
  .z-col-auto, .z-col-1, .z-col-2, .z-col-3, .z-col-4, .z-col-5, .z-col-6, .z-col-7, .z-col-8, .z-col-10, .z-col-11, .z-col-12{width: 100% !important;}
  .z-login-panel{width: 100% !important;}
  .z-panel-margin{margin: 20px 50px !important;}
  .z-login-button{padding: 2px !important;}
  .z-form-text.z-form-text-login > tbody > tr > td >.x-form-text{height: 30px !important; padding: 8px 10px 8px 10px;}
}

@media only screen and (min-width: 480px) {
  /* .z-modal-form{left: 10% !important;} */
  .z-col-auto, .z-col-1, .z-col-2, .z-col-3, .z-col-4, .z-col-5, .z-col-6, .z-col-7, .z-col-8, .z-col-9, .z-col-10, .z-col-11, .z-col-12{width: 100% !important;}
  .z-login-panel{width: 400px !important;!important;}
  .z-panel-margin{margin: 20px 50px !important;}
}

@media only screen and (max-width: 800px) {
  /* .z-modal-form{left: 10% !important;} */
  .z-col-auto, .z-col-1, .z-col-2, .z-col-3, .z-col-4, .z-col-5, .z-col-6, .z-col-7, .z-col-8, .z-col-9, .z-col-10, .z-col-11, .z-col-12{width: 100% !important;}
  .z-login-panel{width: 400px !important;!important;}
  .z-panel-margin{margin: 20px 50px !important;}
  .z-panel-card > .x-panel-body {padding: 0 10px 20px 15px !important}
  .z-form-row > div > span > div {
    --bs-gutter-x: 0.4rem;
    --bs-gutter-y: 0;
  }
}

@media only screen and (min-width: 1024px) {
  /* .z-modal-form{left: 20% !important;} */
  .z-col-auto{width: auto !important;}
  .z-col-1{width: 8.3333333333% !important;} 
  .z-col-2{width: 16.6666666667% !important;}
  .z-col-3{width: 25% !important;} 
  .z-col-4{width: 33.3333333333% !important;} 
  .z-col-5{width: 41.6666666667% !important;} 
  .z-col-6{width: 50% !important;} 
  .z-col-7{width: 58.3333333333% !important;} 
  .z-col-8{width: 66.6666666667% !important;}
  .z-col-9{width: 75% !important;}
  .z-col-10{width: 83.3333333333% !important;}
  .z-col-11{width: 91.6666666667% !important;}
  .z-panel-margin{margin: 20px 80px !important;}
  .z-login-panel{width: 400px !important; !important;} */
  .z-col-12{width: 100% !important;}
   .z-form-row > div > span > div {
    --bs-gutter-x: 3rem;
    --bs-gutter-y: 0;
  }
}