input:not([type]), 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], textarea.materialize-textarea, .form-select {
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    outline: none;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 15px 0;
    box-shadow: none;
    transition: all .3s;
    background: transparent;
}

.ui-inputfield {
    margin: 0;
    outline: medium none;
    padding: 4px;
    font-weight: normal;
    background: none;
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em .4em .4em 1em;
    position: relative;
    border: 0;
    background-color: var(--theme);
    color: white;
}

.colorActiva{
	color: var(--theme);
}

#form_ppal:FEC_EFEC_SPTO_input{
	background-color: transparent !important;
}

.form-floating > .form-select {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-repeat: no-repeat;
}

.ui-dialog {
	top: 35px !important;
}
.preloader {
	width: 70px;
	height: 70px;
 	border: 10px solid #eeeeee;
 	border-top: 10px solid #c31f09;
	border-radius: 50%;
	animation-name: girar;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@keyframes girar {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.loader {
	border-radius: 10px;
}
.timeout {
	margin-top: 75vh;
}

.ui-autocomplete {
    width: 100% !important;
    zoom: 1;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    display: inline-block;
    top: 21px;
    
}

.ui-autocomplete-panel {
    position: absolute;
    overflow: auto;
    width: inherit;
}

.ui-autocomplete-panel .ui-autocomplete-item {
    cursor: pointer;
    background: transparent !important;
}

.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td {
    border-width: 1px;
    border-style: solid;
    border-color: white;
    padding: 10px 10px 4px 10px;
}
.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td:hover{
	background-color: var(--theme) !important;
	color: white;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #c0c0c0;
    background: #c0c0c0;
    color: #808080;
}

.placa{
	 text-transform: uppercase;
}

.noList{
	list-style: none;
}

.btndownload:hover{
	background-color: var(--theme) !important;
	border-color: white;
}

/** Calendario**/
.ui-datepicker {
    width: 25em;
    padding: .2em .2em 0;
    display: none;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 1em 0;
    background: var(--theme) !important;
    opacity: 0.9;
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    text-align: center !important;
    background-color: #FAFAFA !important;
    font-size: 15px;
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1.3em;
    margin: 1px 0;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #989fc8;
    background: var(--theme);
    font-weight: normal;
    color:  white;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: none !important;
    border-radius: .3rem;
    outline: 0;
}

.txtMensajeModal{
	font-family: 'Noto Sans', sans-serif;
	font-size: 14pt;
}

.maxIcono {
	max-height: 44px;
	max-width: 200px;
}

.maxIconoLogin{
	max-height: 130px;
	max-width:  400px;
}

a { 
    text-decoration-color: var(--theme);
} 

a:active{
	background: var(--theme);
}

.p-justify {
    padding: 1rem!important;
    text-align: justify;
    width: 100%;
    margin-left: 7%;
}

.text-body-termino-condicion {
    color: #212529!important;
    text-align: justify;
    font-size: 14px;
    margin-top: 0rem !important;
}

.formcotiza {
    background: #fff;
    border-radius: 8px;
    margin: 40px 0;
    padding: 40px;
    box-shadow: 0 3px 12px 0 rgb(0 0 0 / 12%), 0 9px 8px 0 rgb(0 0 0 / 11%);
    width: 110;
}

.car {
    max-width: 33%;
    position: absolute;
    top: 43%;
    transform: translate(4%, -50%);
}

.headstep {
    margin-top: 9%;
}
.text-center-doc{
	text-align: center;
    margin-left: 16%;
}

.text-align-doc {
    height: calc(3.5rem + 2px);
    padding: 1rem .75rem;
    text-align: center;
}

.img-fluid-libranza {
    max-width: 100%;
    height: 140px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.size-textbutton-compra {
	padding: 10px;
/*     padding: .3em 1em; */
    font-size: 20px;
}
.padding-text{
	padding-left: 0.5rem;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: 0;
    font-size: 18px;
}
.multisteps-form__progress-btn.js-active {
	color: var(--theme);
	background-color: transparent;
	border:none;
}

.sin-fondo{
	background-color: transparent;
	border:none;
}
.form-label-ciudad{
	 bottom: 80%;
	}
.noFondo{
	padding-top: 1.625rem;
	padding-bottom: .625rem;
	color: #3C3C3C;
    font-size: 10pt;
    font-weight: 600;
    opacity: 0.9;
}
.noFondo input:not(:placeholder-shown) ~ label{
	padding-top: 1.625rem;
	padding-bottom: .625rem;
}
#process-loader{
	width: 40% !important;
    height: auto;
    left: 35%;
    top: 100px;
    z-index: 1004;
}

div.ui-button, .ui-splitbutton {
    display: inline-block;
    zoom: 1;
    width: 100%;
    /*background: none !important;*/
}

.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0 !important;
    padding: .0em 0em !important;
    background: 0;
    overflow: hidden;
    zoom: 1;
}

.valItemClaveOk{
	color: green;
}