:root {
  --color-principal: ;
}

.pointer{
  cursor:pointer !important;
}

.chevron-expand:after{
  content:"▼";
  display:inline-block;
  font-size:15px;
  margin-left:5px;
  color:var(--bs-gray-600);
}


/*ACCESOS*/
.um input[type="submit"].um-button,
.um input[type="submit"].um-button:focus,
.um .um-field:not(.um-field-image) a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active {
  background-color: var(--e-global-color-primary) !important;
}

.um .um-button.um-alt {
  background-color: transparent !important;
  color: var(--e-global-color-6242ac9) !important;
  box-shadow: initial !important;
  margin-top: 15px !important;
}

.um input[type="submit"].um-button {
  color: var(--e-global-color-b91d080) !important;
  background-color: var(--e-global-color-6242ac9) !important;
  display: inline-block;
  margin: 0 auto;
  width: auto !important;
}

.um .um-form input[type="text"],
.um .um-form input[type="search"],
.um .um-form input[type="tel"],
.um .um-form input[type="number"],
.um .um-form input[type="password"],
.um .um-form textarea,
.um .upload-progress,
.select2-container .select2-choice,
.select2-drop,
.select2-container-multi .select2-choices,
.select2-drop-active,
.select2-drop.select2-drop-above {
  border: 0 !important;
  border-bottom: 1px solid var(--e-global-color-6242ac9) !important;
  font-family: "Montserrat", Sans-serif !important;
  color: var(--e-global-color-6242ac9) !important;
}

.um-field-label label,
.um-field-checkbox-option,
.um-field-radio-option,
.um-button,
a.um-link-alt {
  font-family: "Montserrat", Sans-serif !important;
  color: var(--e-global-color-6242ac9) !important;
}

.um-form .um-right,
.um-form .um-left {
  width: 100% !important;
  text-align: center;
}

.um-form ::placeholder {
  font-style: italic !important;
  font-size: 12px;
  font-weight: 600;
  color: var(--e-global-color-6242ac9) !important;
}

.um_registro_dirigir_a_registro {
  text-align: center;
  margin: 0 auto;
  display: block;
}

/* USUARIO CONDUCTOR */

.selectransFormPerfil #imgWrapper {
  cursor: pointer;
  position: relative;
  display: block;
  width: 160px;
  height: 160px;
  margin: 0 auto;
}

.selectransFormPerfil #caracteristico {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  border: solid 3px var(--e-global-color-accent);
}
.selectransFormPerfil #imgWrapper span {
  content: "+";
  display: block;
  position: absolute;
  font-size: 25px;
  color: white;
  background-color: var(--e-global-color-accent);
  border-radius: 50%;
  padding: 0;
  bottom: 5px;
  height: 25px;
  right: 20px;
  width: 25px;
  text-align: center;
  line-height: 0.8;
}

.selectransFormPerfil #caracteristico img {
  object-fit: cover;
  object-position: center;
}

#duplicated-wrapper .field-duplicated-init:first-child {
  border-top: none !important;
}
#duplicated-wrapper .field-duplicated-init:not(:nth-child(2)) {
  border-top: 1px solid blue;
}

.black_label p,
#hp_custom_form h3 {
  font-weight: 700;
  color: var(--bs-gray-600);
  font-size: 16px;
}

.mensaje_datos p{
  margin: 0 15px!important;
}

#hp_custom_form h3 {
  display: inline-block;
  background: white;
  padding: 8px;
  width: 30vh;
}

#errores{
  padding:25px 0;
}

.messageError{
  flex-basis: 100%;
  height: 0;
  padding:0 !important;
  margin-bottom:0 !important;
}

.field-duplicated-init:nth-child(even){
  background-color:var(--bs-gray-200) !important;
}

.alert-badge{
  height: 20px;
  padding: 5px 0!important;
  text-align: right;
}

.hp_loader{
  width: 100%;
  height: 100%;
  z-index: 99;
  position: absolute;
  display: flex;
  margin: auto;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255,0.8);
}

.hp_spinner{
  width: 300px!important;
  height: 300px!important;
  margin: auto;
}

#boton_duplicador{
  transition:width 0.5s;
}
#boton_duplicador span{
  display:none;
}
#boton_duplicador:hover span{
  display:inline-block;
}

#dashboard-sidebar-left,
#dashboard-sidebar-left > .elementor-widget-container,
#dashboard-sidebar-left > .elementor-widget-container > .elementor-template,
#dashboard-sidebar-left > .elementor-widget-container > .elementor-template > .elementor,
#dashboard-sidebar-left > .elementor-widget-container > .elementor-template > .elementor > .elementor-section-wrap{
  height:100% !important;
}

#tipo_vehiculo .nav-pills button i.bi-check2{display:none !important;}
#tipo_vehiculo .nav-pills button i.bi-chevron-down{display:inline !important;}

#tipo_vehiculo .nav-pills button.active i.bi-check2{display:inline !important;}
#tipo_vehiculo .nav-pills button.active i.bi-chevron-down{display:none !important;}


/* FORMULARIOS */
/* 
.custom_formulario{
	font-family: "Montserrat", Sans-serif;
}

.custom_formulario p{
  margin: 5px 0px!important;
}

.custom_formulario h5{
	  font-size: 22px;
    font-weight: 700;
    color: #0d6efd;
    line-height: 1;
}

.custom_formulario input:not([type='checkbox']):not([type='radio']),
.custom_formulario select{
	  height: 50px;
    border-radius: 0;
}

.custom_formulario .form-check-label{
	vertical-align: -webkit-baseline-middle;
}

.custom_formulario input[type=radio] {
  border: 1px solid;
  padding: 0.5em;
  -webkit-appearance: none;
}

.custom_formulario input[type=radio]:checked {
  background: #0d6efd;
}

.custom_formulario input[type=radio]:focus {
  outline-color: transparent;
}

.custom_formulario .custom-control-label{
	vertical-align: text-top!important;
}

 .custom_formulario div:last-child{
	justify-content:end;
} 

.custom_formulario #submitButton{
	background-color: #0d6efd;
	color: white;
	border: 0;
	border-radius: 15px;
}

.custom_formulario .elementor-widget-container{
	margin-bottom:50px!important;
}

.custom_formulario .tab-content{
  padding: 10px;
  margin-bottom: 10px;
  background-color: white;
  border: solid 1px #D5D1D1;
  border-radius: 0 0 15px 15px;
}

.custom_formulario .nav-item{
  background-color:#ededed
}

.custom_formularo .nav-item button{
  border-radius: 0px!important;
} 
*/
/*TRANSPORTISTA REGISTRO
.transportista_imagen_perfil .um-field-image{
  width: 250px;
  margin: 0 auto;
  height: 287px;
  border-radius: 250px;
  display: flex;
  flex-direction: column;
  padding-top: 0;
}
.transportista_imagen_perfil .um-field-label{
  align-self: center;
  order: 2;
}

.transportista_imagen_perfil .um-field-area{
  text-align: center;
  align-self: flex-start;
  width: 100%;
  height: 250px;
  display: flex;
  background-color: #e4e6e7;
  border-radius: 250px;
}
.transportista_imagen_perfil .um-single-image-preview{
  position: absolute;
  border-radius: 250px;
  overflow: hidden;
  width: 250px;
  height: 250px;
}

.transportista_imagen_perfil .um-single-image-preview img{
  object-fit: cover;
  object-position: center;
}
.transportista_imagen_perfil .um-button{
  background-color: transparent !important;
  margin: auto;
  height: 100%;
  width: 100%;
  padding: 115px 0 !important;
  color: #000 !important;
  border-radius:250px !important;
}

*/


.historial table{
  box-shadow:0 0 5px rgba(0,0,0,0.2);
  border-radius: 15px 15px 0 0;
}
.historial table tr:first-child td{
  background-color:var(--e-global-color-primary);
  color:var(--e-global-color-b91d080);
  border:0;
  border-radius: 15px 15px 0 0;
}

.historial table tr:first-child td h2{
  font-size: 20px;
  margin:0px;
  padding:0;
}

.historial table tr td{
  border:0;
  border-bottom:1px solid #eee;
}

.historial table tr td .ver_mas.button{
  background-color:var(--e-global-color-primary);
  color:#fff;
  padding:9px 40px;
  border-radius:3px;
}

.mostrar_todas_las_ofertas_btn a{
  width: 100%;
  display: block !important;
  border-radius: 0;
  background-color:#fff;
  color:var(--e-global-color-primary);
  border:0;
  border-top:1px solid var(--e-global-color-primary);
  padding-bottom:2px;
}

.suscriptos_card .card{
  border:2px solid var(--e-global-color-primary);
  overflow:hidden;
  border-radius:10px;
}

.suscriptos_card p{
  margin-bottom:5px;
}

.suscriptos_card p,
.suscriptos_card h5 strong{
  color:var(--e-global-color-primary);
}