:root {
    --color1: #FB982F;
}
body.wws, body.wws  {
    background-color: #FFFFFF;
}

.position-relative{
    position: relative; 
}
.bg-highlighted{
    background-color: var(--color1);
}
/*BOTONES-----------------*/
.edit_btn, .delete_btn{
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 0;
    min-width: 24px;
    height: 24px;
    width: 24px;
}
.edit_btn a, .delete_btn a{
    display: block;
    height: 24px;
    width: 24px;
}    
.edit_btn{
    background-image: url('../img/edit.svg');
}
.delete_btn{
    background-image: url('../img/delete.svg');
}
/*ICONOS-----------------*/
.icon-phone, .icon-email, .icon-id{
    background-repeat: no-repeat;
    background-size: 1em;
    border-radius: 0px;
    line-height: 1;
    height: auto;
    min-width: 1em;
}
.icon-phone >span, .icon-email>span, .icon-id>span{
    display: block;
    line-height: 1;
    padding-left: 1.1em;
    width: calc(100% - 1em);
}
.icon-phone{
    background-image: url('../img/smartphone.svg');
}
.icon-email{
    background-image: url('../img/email.svg');
}
.icon-id{
    background-image: url('../img/ID.svg');
}


/*PRIVATE AREA --------------------------------*/
body.dashboard.logged {
    background-color: #F2F2F2F2;
}

.beneficiaries_items_title{
    align-items: start !important;
}

.wws .box-servicios, .wwscom .box-servicios {
    color: #000000;
    background: #FFFFFF;
    text-align: center;
}
.wws .box-servicios:hover, .wwscom .box-servicios:hover {
    background: none !important;
}

.wws .box-servicios:hover a.btn, .wwscom .box-servicios:hover a.btn {
    background: none !important;
    color: #000000 !important;
}
.wws .box-servicios h3, .wwscom .box-servicios h3{
    text-transform: capitalize;
}

.btn_rojo1 {
    background-color: var(--color1);
    border: 1px solid var(--color1);
    color: #FFFFFF;
}

/*PAQUETERIA-----------*/
.paqueteria_wrap label > span {
    color: var(--color1) !important;
}
.paqueteria_wrap .banner-header{
    background-color: var(--color1);
}
.paqueteria_wrap .banner-header.aereo{
    background-image: url('../img/wws/paqueteria/banner-aereo.svg');
}
.paqueteria_wrap .banner-header.maritimo{
    background-image: url('../img/wws/paqueteria/banner-maritimo.svg');
}
.paqueteria_wrap .banner-header.dimensiones{
    background-image: url('../img/wws/paqueteria/banner-dimensiones.svg');
}
.paqueteria_wrap .banner-header.impuestos{
    background-image: url('../img/wws/paqueteria/banner-impuestos.svg');
}
.paqueteria_wrap .banner-header.recogida{
    background-image: url('../img/wws/paqueteria/banner-recogida.svg');
}
.paqueteria_wrap .banner-header.entrega{
    background-image: url('../img/wws/paqueteria/banner-entrega.svg');
}

.w-input-form .icon.pais{
  background-image: url('../img/wws/paqueteria/icon-pais.svg');
}
.w-input-form .icon.ciudad{
    background-image: url('../img/wws/paqueteria/icon-ciudad.svg');
}

.btn-paqueteria{
    background-color: var(--color1) !important;
    color:#000000;
}
.btn-paqueteria:hover{
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border: 1px solid var(--color1);
}
.btn-sino {
    color: #000000 !important;
    background-color: #FFFFFF !important;
    border: 1px solid var(--color1);
}
.btn-sino.active {
    background-color: var(--color1) !important;
    font-weight: bold;
}

.text-primary{
    color: var(--color1) !important;
}