@font-face {
	font-family: "Lato";
	src: url('../fonts/Lato-Regular.ttf') format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	font-family: "Lato";
	src: url('../fonts/Lato-Bold.ttf') format("truetype");
	font-style: normal;
	font-weight: bold;
	font-display: swap;
}

body {
  height: auto;
  overflow: auto
}

.main>.content {
	background-image: none;
	background-color: white;
}

#red: #F33D49
#blue: #12406e /* Buttons */      
.color-blue {
	color: #12406e;
}

.color-black {
	color: #000000;
}

.color-red {
	color: #F33D49;
}


.color-white {
	color: #FFFFFF;
}

.color-light-white {
	color: #ddd;
}

.color-light-blue {
	color: #007484;
}

.color-light-red {
	color: #ff8080;
}

html * {
	font-family: "Lato";
}


.container-fluid {
    width: 100%;
    padding-right: none !important; 
     padding-left: none !important; 
}


.z-cell {
    border-top: 0px !important;
}

.z-row  {
    border-top: 0px !important;
}

.z-row .z-row-inner, .z-row .z-cell, .z-row .z-detail-outer {
	 border-top: 0px !important;
}

.z-cell:hover {
  background: none !important;
}

.z-row:hover {
  background: none !important;
}

.texto-validar{
 	margin-bottom: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-left: 0px;
    text-align: left;
}

/*COMPONENTS */
button {
	border-radius: 30px;
}

/**/
.btn {
	border-radius: 30px;
	padding: .375rem 2rem;
	border: none;
	height: 41px;
	box-shadow: none !important;
	
}

.button-pagamento {
    height: 34px !important;
}
.row2 {
    display: flex;
    flex-wrap: wrap;
   /* margin-right: -15px;
    margin-left: -35px !important;*/
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"],
	input[type="time"], input[type="date"], input[type="datetime-local"],
	input[type="tel"], input[type="number"], input[type="search-md"], input[type="search"],
	textarea, .z-select {
	border-radius: 30px;
	border: 1px solid #CCC;
	background-image: none;
	margin-left: 12px;
    margin-right: 15px;
	
}

.col-md-10 {
      margin-top: 5px;
}

.btn-consultar {
  width:120px !important;
}


.z-groupbox-notitle.z-groupbox.card {
  display: block;
}


.listbox-ocr.z-listbox.z-listbox-body {
   border: none;
}


.listbox-ocr.z-listbox {
    padding-top: 1px !important;
}

.listitem-ocr.z-listitem-focus {
	background-color:#ffffff;
}

.listitem-ocr.z-listitem.z-listitem-selected>.z-listcell {
    background: #ffffff;
}

.listbox-ocr.z-listbox .z-listbox-body{
	border-top: none;
	margin-top: -1rem;
}

.listitem-ocr.z-listitem>.z-listcell {
	border: none;
}

@media (max-width: 590px) {
	
	.btn-consultar {
  		width:100px !important;
	}
	.btn-sm {
	   padding: 0.375rem 1rem !important;
	}
	
	
	.z-listcell-content .btn {
		height: 34px !important;
    	width: 80px;
	}

	.button-pagamento {
		width: 85px !important;		
	}
	
	.button-pagamento.mt-2 {
    	margin-top: 0rem !important;
	}

	.z-listitem .z-listcell-content {
		font-size: .9075rem;
	}
	
	
	.btn-primary {
    	font-size: 13px;
    	padding: 5px 15px !important;
	}
	
	.col-md-10 {
    	flex: 0 0 50%;
    	max-width: 50%;
       margin-top: 5px;
	}
	
	.z-paging-info {
   		font-size: .8575rem;
	}

	input[type="text"], input[type="password"], input[type="email"], input[type="url"],
	input[type="time"], input[type="date"], input[type="datetime-local"],
	input[type="tel"], input[type="number"], input[type="search-md"], input[type="search"],
	textarea, .z-select {
		border-radius: 30px;
		border: 1px solid #CCC;
		background-image: none;
		margin-left: 3px;
	    margin-right: 3px;
	
	}
	
}



.z-modal-mask+.z-window {
    z-index: 1855 !important;
    top: 10px !important;
}


.z-window .z-messagebox-error::before {
    content: none;
}

.z-listcell-content .btn {
	height: 34px !important;
}
.z-listitem, .z-listcell-content {
	color: #000000 !important;
}

#signa-overlay {
	background: transparent !important;
}

.form-prodemge z-listbox-body {
	border-top: 1px solid #ff0000 !important;
}

.z-temp, #zk_proc:not(.z-loading) {
	background-color: transparent !important;
}

.z-grid-body {
     border-top: 0px solid #00ceea !important;
}

#zk_proc:not(.z-loading)::before {
	background-color: transparent !important;
}

.btn-sm {
	/*padding: .15rem 1rem;*/
	padding: 0.375rem 1.5rem;
}

.btn-primary {
	background-color: #F33D49;
	border: 1px solid #F33D49;
}

.btn-outline-primary {
	color: #F33D49;
	border: 1px solid #F33D49;
}




.btn-primary:hover {
	background-color: #FFFF;
	color: #F33D49;
	border: 1px solid #F33D49;
	/*box-shadow: none !important;*/
	
}

.btn-outline-primary:hover {
	color:  #FFFF !important;
    background-color: #F33D49 !important;
    border: 1px solid #F33D49 !important;
}

.btn-outline-primary:focus {
	box-shadow: 0 0 0 0.25rem rgb(225 83 97 / 50%) !important;
}	
.btn-primary:focus {
	color:  #FFFF !important;
    background-color: #F33D49!important;
    border: 1px solid #F33D49 !important;
    
    box-shadow: 0 0 0 0.25rem rgb(225 83 97 / 50%) !important;
}

.btn-primary:active {
   /* box-shadow: none !important;*/
    background-color: #F33D49;
    border-color: #F33D49;
    color: #FFFF;
    
}
 .btn-outline-primary:active   {
    color: #FFF;
    background-color: #F33D49;
    border: 1px solid #F33D49 ;
}


.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
    color: #FFF;
    background-color: #F33D49;
    border: 1px solid #F33D49 ;
}


btn-primary:hover, .btn-primary:focus,   .open .dropdown-toggle.btn-primary {
    color: #F33D49;
    background-color: #fff;
    border: 1px solid #F33D49 ;
}


btn-outline-primary:hover, .btn-outline-primary:focus,   .open .dropdown-toggle.btn-outline-primary {
    background-color: #F33D49;
    color: #fff;
    border: 1px solid #F33D49 ;
}


.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #F33D49;
    border-color: #F33D49;
}
    
.btn-primary2 {
	color: #12406E;
	background-color: none;
	border: 1px solid #12406E;
	/*box-shadow: none !important;*/
}


.btn-primary2:hover {
    color: #fff;
    background-color: #12406E;
    border: 1px solid #12406E;
   /* box-shadow: none !important;*/
}

.btn-primary2:active {
    color: #fff;
    background-color: #12406E;
    border: 1px solid #12406E;
   /* box-shadow: none !important;*/
}

.btn-primary2:not(:disabled):not(.disabled):active, .btn-primary2:not(:disabled):not(.disabled).active, .show>.btn-primary2.dropdown-toggle {
    color: #fff;
    background-color: #12406E;
    border-color: #12406E;
}

.btn-primary2:focus {
    
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%) !important;
}

.btn-outline-primary2 {
	color: #F33D49;
	background-color: none;
	border: 1px solid #F33D49;
}


.btn-outline-primary2:hover {
    color: #fff;
    background-color: #F33D49;
    border: 1px solid #F33D49;
}

.btn-outline-primary2:active {
    color: #fff;
    background-color: #F33D49;
    border: 1px solid #F33D49;
}

.btn-outline-primary2:focus {
    color: #F33D49;
    background-color: #FFF;
    border: 1px solid #F33D49;
    box-shadow: 0 0 0 0.25rem rgb(225 83 97 / 50%) !important;
}

.btn-outline-primary2:not(:disabled):not(.disabled):active, .btn-outline-primary2:not(:disabled):not(.disabled).active, .show>.btn-outline-primary2.dropdown-toggle {
    color: #fff;
    background-color: #F33D49;
    border-color: #F33D49;
}




.col-form-label {
	color: #12406e;
	font-size: .9375rem;
}

.label-negrito {
	font-weight: bold;
}

#todo:SNK btnfocus ?
	/* Inputs */ input[type="text"] {
	background-color: red;
}



/*List */

.z-listbox {
	padding-top: 16px;
}

.z-listheader-content {
	color: #12406e;
	font-weight: bold;
	font-size: 1.0rem;
	padding: 0 0.3125rem !important;
}

.z-listbox-header {
	border-top: none;
}

.z-listheader:active {
	background: none !important;
	cursor: default !important;
}

.z-listheader-sort .z-listheader-sorticon {
	top: -7px !important;
}

.z-listheader:active 
.z-listheader-content {
	color: #12406e !important;
}

.z-groupbox .z-caption-content, .z-groupbox .z-groupbox-title-content,
	.z-groupbox .z-caption .z-label, .z-groupbox .z-caption .z-groupbox-title-content
	{
	color: #12406e;
}


.z-groupbox.card>.z-groupbox-header .card-header.z-caption .z-caption-content::after {
    color: #f33d49 !important;	
}	

.z-listbox-body, .z-grid-body {
	border-width: 1px;
	border-bottom: none;
}

.z-grid {
	border: none;
}

.z-groupbox.card .card-title {
	margin-top: -10px;
	font-weight: bold;
}

.z-paging {
	flex-direction: column;
	background: transparent !important;
}

.z-paging ul {
	margin: auto;
}

.z-paging-text {
  align-self: center;
  width: 50%;
}

.contracheque-title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    border-bottom: none;
    color: #12406e !important;
    margin: 0;
    margin-top: -1rem;
    padding: 1rem 0 0;
}



.z-paging ul a[class*="-button"] {
	border: none !important;
	background-color: #f33d49 !important;
	min-width: 2.4rem;
	border-radius: 30px;
}

.z-paging ul a[class*="-button"]:hover {
	color: #fff;
	background-color: #bf1420 !important;
	border-color: none;
}

.z-paging ul input[class*="-input"] {
	border-color: #f33d49 !important;
}


.z-paging ul a[class*="-button"]:focus {
	box-shadow: 0 0 0 0.25rem rgb(225 83 97 / 50%) !important;
}


.z-paging-info  {
	margin: auto;
	content: '';
	visibility: hidden;
}

.z-paging-info:before  {
	content: "P\00E1gina anterior";
	color: #636363;
	visibility: visible;
}

.z-paging-info:after {
	content: "Pr\00F3xima p\00E1gina";
	color: #636363;
	visibility: visible;
}


.z-listbox-footer {
    border-bottom: none !important;
    white-space: nowrap;
}

input.codigo-validar {
    width: 435px ;
}


/* Breadcrumb */
.breadcrumb {
	padding: 0px;
	margin-bottom: .5rem;
	background-color: transparent;
	font-size: .875rem;
}

.breadcrumb>a, .breadcrumb>a:hover {
	text-decoration: none;
	color: red;
}

.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	padding-right: .5rem;
	color: #6c757d;
	content: ">";
}

.alert {
	border: none !important;
	border-radius: 8px;
	font-size: 0.875rem;
}

.alert-success {
	color: #268227;
	background-color: #fff !important;
}

.alert-danger {
	color: #FF0000;
	background-color: #fff !important;
}


/* SSC */
.barraTop, .barraTopInterna {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	border-bottom: none;
	background: none;
	padding: 0;
	margin-bottom: 2rem;
}

.barraTop .title {
	font-size: 2.4rem;
	font-weight: bold;
	text-transform: none;
	color: #12406e;
}

.card-icon {
	background-image: none;
	background-color: #12406e;
	padding: .6rem;
	box-shadow: none;
	border-radius: 8px;
}

.card {
	/*box-shadow: 0px 0px 15px #DDD;*/
     box-shadow: none;
	border: none !important;
}

.card-borda {
	border: 1px solid #ddd !important;
}


.card-totais {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #12406e !important;
	border: 2px solid #12406e !important;
}

.card-value {
	background: #ffffff !important;
	border-radius: 3px;
}

.card-totais-title {
	font-weight: bold !important;
	color: #fff !important;
	font-size: 1.1rem !important;
}

.fontepadrao, .z-label, .z-errorbox-content, .z-radio .z-radio-content,
	.z-checkbox .z-checkbox-content {
	font-family: "Lato";
}

/* Custom*/
.container-shadow {
	/*box-shadow: 0px 0px 15px #DDD;*/
	border-radius: 5px;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.z-modal-mask {
   	background-color: #fff !important;
}

.z-window-overlapped .z-messagebox-button, .z-window-overlapped .z-messagebox-buttons button, .z-window-overlapped button:not(.btn-tema):not(.btn-grey):not(.btn-excluir-detalhe):not(.btn-excluir):not(.btn-novo-detalhe):not(.btn-danger):not(.btn-novo), .z-window-highlighted .z-messagebox-button, .z-window-highlighted .z-messagebox-buttons button, .z-window-highlighted button:not(.btn-tema):not(.btn-grey):not(.btn-excluir-detalhe):not(.btn-excluir):not(.btn-novo-detalhe):not(.btn-danger):not(.btn-novo), .z-window-modal .z-messagebox-button, .z-window-modal .z-messagebox-buttons button, .z-window-modal button:not(.btn-tema):not(.btn-grey):not(.btn-excluir-detalhe):not(.btn-excluir):not(.btn-novo-detalhe):not(.btn-danger):not(.btn-novo) {
     color: #fff;
    background-color: #F33D49;
    border-color: #F33D49;
	border: 1px solid #F33D49 !important;
	
    box-shadow: none !important;
	    margin-bottom: 2px !important;
	border-radius: 30px;
	height: 34px !important;
	padding: 0.25rem 1rem;
	
	font-size: 17px;
}


.z-window-modal .z-messagebox-buttons button:not(:disabled):not(.disabled):active,
.z-window-modal button:not(.btn-tema):not(.btn-grey):not(.btn-excluir-detalhe):not(.btn-excluir):not(.btn-novo-detalhe):not(.btn-danger):not(.btn-novo):not(:disabled):not(.disabled):active
{
  	color: #F33D49;
    background-color: #fff;
	border: 1px solid #F33D49 !important;
    
    
       margin-bottom: 2px !important;
    border-radius: 30px;
    height: 34px !important;
	padding: 0.25rem 1rem;    
    box-shadow: none !important;
}


.z-window-highlighted .z-messagebox-button:not(:disabled):not(.disabled):active,
.z-window-highlighted .z-messagebox-buttons button:not(:disabled):not(.disabled):active, 
.z-window-highlighted button:not(.btn-tema):not(.btn-grey):not(.btn-excluir-detalhe):not(.btn-excluir):not(.btn-novo-detalhe):not(.btn-danger):not(.btn-novo):not(:disabled):not(.disabled):active{

    color: #F33D49;
    background-color: #fff;
	border: 1px solid #F33D49 !important;
    
        margin-bottom: 2px !important;
    border-radius: 30px;
    height: 34px !important;
    padding: 0.25rem 1rem;
    box-shadow: none !important;
} 

.z-window-modal .z-messagebox-buttons button:hover, .z-window-modal button:not(.btn-tema):not(.btn-grey):not(.btn-excluir-detalhe):not(.btn-excluir):not(.btn-novo-detalhe):not(.btn-danger):not(.btn-novo):hover {
    color: #F33D49;
    background-color: #fff;
    border-color: #F33D49;
    border: 1px solid #F33D49 !important;
    padding: 0.25rem 1rem;   
    box-shadow: none !important;
         margin-bottom: 2px !important;
      height: 34px !important;
}	

.z-window-highlighted .z-messagebox-button:hover, .z-window-highlighted .z-messagebox-buttons button:hover, .z-window-highlighted button:not(.btn-tema):not(.btn-grey):not(.btn-excluir-detalhe):not(.btn-excluir):not(.btn-novo-detalhe):not(.btn-danger):not(.btn-novo):hover{
	color: #F33D49;
    background-color: #fff;
    border-color: #F33D49;
    border: 1px solid #F33D49 !important;
        margin-bottom: 2px !important;
    padding: 0.25rem 1rem;
    box-shadow: none !important;
     height: 34px !important;
}

.z-window-highlighted   {
	 background: #fff !impor.z-tant;
     background-image: linear-gradient(to bottom, #fff, #fff) !important;
     color: red !important;
     text-align: center;
}

.z-window-header{
	background: #fff !important;
     background-image: linear-gradient(to bottom, #fff, #fff) !important;
     color: red !important;
     text-align: center;
     padding-bottom: 0.8rem!Important;
	
}




.z-window .z-messagebox-exclamation::before {
    content: none;
}

.z-window .z-messagebox {
   /* margin-bottom: 0.9375 rem;*/
    text-align: center !important;
    width: 300px;
    color: #545454 !important;
}

.col-sm-22 {
  	flex: 0 0 5.66667% !important;
   	max-width: 35% !important;
}

.form-group .z-label {
    margin-right: 0.25rem !important;
/*justify-content: center !important;*/
}

.form-group {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    justify-content: center !important;
}

.z-label {
     color: #545454;
}

.z-span .z-label {
	color: #000000 !important;
}

.z-window-highlighted .z-window-content {
	padding-bottom: 1rem !important;
	/*padding: 5px 18px !important;*/
	padding: 1px 18px 15px !important;
}

.z-window .z-messagebox-buttons {
    text-align: center;
     margin-top: 5px; 
}

.col-12 {
    padding-bottom: 15px;
    padding-top: 6px
}


/* RESPONSIVIDADE */
@media ( max-width : 991px) {
	
.z-label {
	font-size: 1rem;
}
	.z-listbox table {
		min-width: 100% !important;
		width: 100%;
	}
	
	.z-groupbox-content {
	 	padding: 0rem !important;
	}
	
	.z-groupbox-content .z-listbox, .z-groupbox-content .pdg_z-listbox {
		min-width: 100% !important;
		width: 100%;
		padding-right: .9375rem;
	}
	
	
	.z-listheader, .z-listcell {
		width: 120px !important;
	}
	
	
	td.z-listfooter {
		display: none !important;
	}
	
	td.full-visible {
		display: revert !important;
	}
	
	td.full-visible-value {
		display: revert !important;
		width: 100% !important;
	}
	
	.btn-primary2 {
       margin-bottom: 0.5em !important;
       padding: 0 1.7rem;
	}
	
	input.codigo-validar {
    	width: 200px;
	}
	
}
	
}