/*IMAGENES RELACIONADAS CON LAS TABLAS DE TIPO "MASTER"*/



.icon-groupmaster:before {
    content: "\e919";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-groupmaster-general:before {
    content: "\e90f";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-groupmaster-others:before {
    content: "\e9c5";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-departament:before {
    content: "\e929"; /*"\e945";*/
    font-size: 18px;
    position: relative;
    top: 3px;
}


.icon-groupmaster-vehicles:before {
    content: "\ea19";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-vehicle-class:before {
    content: "\ea1b";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-vehicle-type:before {
    content: "\ea19";
    font-size: 20px;
    position: relative;
    top: 3px;
}


.icon-vehicle-typology:before {
    content: "\ea58"; /*ea19*/
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-vehicle-attr:before {
    content: "\ea1a";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-vehicle-classification:before {
    content: "\ea57"; /*ea1a*/
    font-size: 20px;
    position: relative;
    top: 3px;
}


.icon-typedocument:before {
    content: "\e947"; /*"\e943";*/
    font-size: 18px;
    position: relative;
    top: 4px;
}


.icon-events-calendar:before {
    content: "\e95d";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-country:before {
    content: "\e944";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-GrupoUsuario:before {
    content: "\e93f"; /*"\e92a";*/
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-CompanyPermissions:before {
    content: "\e93f"; /*"\e92a";*/
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-activities:before {
    content: "\e91b";
    font-size: 18px;
    position: relative;
    top: 3px;
}


.icon-port-all:before {
    content: "\e945";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-port-maritim:before {
    content: "\e94e"; 
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-port-train:before {
    content: "\e9d0";
    font-size: 18px;
    position: relative;
    top: 2px;
}
.icon-port-road.icon-cell-slick:before {
    top: 3px !important;
}

.icon-port-road:before {
    content: "\e9cf";
    font-size: 18px;
    position: relative;
    top: 2px;
}
.icon-port-road.icon-cell-slick:before {
    top: 3px !important;
}


.icon-airport:before {
    content: "\e94a";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-region:before {
    content: "\e9b9";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-population:before {
    content: "\e94b";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-money:before {
    content: "\e951";
    font-size: 18px;
    position: relative;
    top: 3px;
}


.icon-AlertWait:before {
    content: "\e965";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-AlertRefused:before {
    content: "\e965";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-AlertAcept:before {
    content: "\e965";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-AlertExprired:before {
    content: "\e965";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-packaging:before {
    content: "\e98a";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-vessel:before {
    content: "\e923";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-GroupT3:before {
    content: "\e96c";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-Chapter:before {
    content: "\e985";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-Heading:before {
    content: "\e987";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-SubHeading:before {
    content: "\e988";
    font-size: 18px;
    position: relative;
    top: 3px;
}


.icon-imo-good:before {
    content: "\e992";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-imo-class:before {
    content: "\e98d";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-imo-packaging:before {
    content: "\e98a";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-imo-danger:before {
    content: "\e98b";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-cell-slick.icon-imo-danger:before {
    content: "\e98b";
    font-size: 18px !important;
    position: relative;
    top: 5px !important;
    left: 0px !important;
}

.icon-percentage.icon-cell-slick:before {    
    font-size: 14px !important;
    position: relative;
    top: 8px !important;
    left: 2px !important;    
}


.icon-imo-risk:before {
    content: "\e98c";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-imo-division:before {
    content: "\e96c";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-imo-group:before {
    content: "\e96c";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-envelop:before {
    content: "\e994";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-typesend:before {
    content: "\e952";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-period:before {
    content: "\e95d";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-day:before {
    content: "\e960";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-percentage:before {
    content: "\e9a0";
    font-size: 14px;
    position: relative;
    top: 2px;
}

.icon-percentage.radTitleSVG:before {
    font-size: 14px !important;
    top: 12px;
    left: 15px;
}

.DivTabDiario .icon-percentage:before {
    top: 5px;
    left: 4px;
}

.icon-typeimpositive:before {
    content: "\e96b";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-typevat:before {
    content: "\e9a3";
    font-size: 20px;
    position: relative;
    top: 3px;
}
.icon-typevat.icon-cell-slick:before {
    font-size: 20px !important;
    color: black !important;
}

.icon-load-type:before {
    content: "\e9ef";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-seal:before {
    content: "\e9f0";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-normative-iso-uc:before {
    content: "\e9ed";
    font-size: 20px;
    position: relative;
    top: 3px;
}


.icon-container-typeunit:before {
    content: "\e9ec";
    font-size: 20px;
    position: relative;
    top: 3px;
}


.icon-container-class:before {
    content: "\e9ee";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-container-attr:before {
    content: "\e9eb";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-container-measurement:before {
    content: "\e9ea"; /*"\e9a4";*/
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-teu:before {
    content: "\e9ea"; /*"\e9a4";*/
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-container-type:before {
    content: "\e9a4";
    font-size: 20px;
    position: relative;
    top: 3px;
}



.icon-measurements-length:before {
    content: "\e9a5";
    font-size: 16px;
    position: relative;
    top: 3px;
}

.icon-measurements-length.radTitleSVG:before {
    font-size: 16px !important;
    top: 12px;
    left: 12px;
}
.icon-cell-slick.icon-measurements-length:before  {
    font-size: 16px !important;
}

.icon-measurements-weight:before {
    content: "\e9a6";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-measurements-volumen:before {
    content: "\e9ad"; /*"\e9a9";*/
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-measurements-thermometer:before {
    content: "\e9c7";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-conversionfactor:before {
    content: "\e9ad"; /*"\e9a9";*/
    font-size: 20px;
    position: relative;
    top: 3px;
}



.icon-postpone:before {
    content: "\e9ac";
    font-size: 20px;
    position: relative;
    top: 3px;
}


.icon-operation-type:before {
    content: "\e9be";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-operation-export:before {
    content: "\e931";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-operation-import:before {
    content: "\e93c";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-operation-crosstrade:before {
    content: "\e9af";
    font-size: 20px;
    position: relative;
    top: 3px;
}



.icon-transport-type:before {
    content: "\e9b2";
    font-size: 25px;
    position: relative;
    top: 3px;
}

.icon-classification-type:before {
    content: "\e9b0";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-shippingmodalities-type:before {
    content: "\e9bd";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-groupcost-incoterms:before {
    content: "\e9b0";
    font-size: 20px;
    position: relative;
    top: 3px;
}


.icon-groupcost-incoterms1:before {
    content: "\e9b5";
    font-size: 20px;
    position: relative;
    top: 2px;
}
.icon-cell-slick.icon-groupcost-incoterms1:before {
    content: "\e9b5";
    font-size: 19px !important ; 
    position: relative;
    top: 4px !important;
}

.icon-groupcost-incoterms2:before {
    content: "\e922";
    font-size: 20px;
    position: relative;
    top: 3px;
}
.icon-cell-slick.icon-groupcost-incoterms2:before {
    content: "\e922";
    font-size: 20px !important ; 
    position: relative;
    top: 4px !important;
    left: -2px !important;
}
.irs-grid-svg.icon-groupcost-incoterms2:before {
    font-size: 24px !important;
}


.icon-groupcost-incoterms3:before {
    content: "\e948";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-groupcost-incoterms4:before {
    content: "\e921";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-groupcost-incoterms5:before {
    content: "\e9d4"; /*"\e9d1";*/
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-groupcost-incoterms5d:before {
    content: "\ea02";
    font-size: 20px;
    position: relative;
    top: 3px;
}


.icon-groupcost-incoterms6:before {
    content: "\e9b2";
    font-size: 20px;
    position: relative;
    top: 3px;
}
.icon-cell-slick.icon-groupcost-incoterms6:before {
    content: "\e9b2";
    font-size: 25px !important ; 
    position: relative;
    top: 3px !important;
    left: -4px !important;
}
.irs-grid-svg.icon-groupcost-incoterms6:before {
    font-size: 30px !important;
    top: 6px !important;
}


.icon-groupcost-incoterms7:before {
    content: "\e924";
    font-size: 20px;
    position: relative;
    top: 3px;
}
.irs-grid-svg.icon-groupcost-incoterms7:before {
    top: 7px !important;
}

.icon-groupcost-incoterms8:before {
    content: "\e9a4";
    font-size: 20px;
    position: relative;
    top: 3px;
}
.irs-grid-svg.icon-groupcost-incoterms8:before {
    top: 7px !important;
}

.icon-condition-incoterms:before {
    content: "\e9b7";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-condition-payment:before {
    content: "\e9b7";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-incoterms:before {
    content: "\e9b3";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-services-logistic-chain:before {
    content: "\e90f";
    font-size: 20px;
    position: relative;
    top: 3px;
}



.icon-trp-commodity-origin:before {
    content: "\e9cc";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-trp-commodity-destination:before {
    content: "\e9cd";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-trp-interior-origin:before {
    content: "\e9de";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-trp-interior-destination:before {
    content: "\e9e0";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-trp-movement-direct:before {
    content: "\ea12";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-trp-movement-additional:before {
    content: "\ea11";
    font-size: 18px;
    position: relative;
    top: 3px;
}


.icon-mean-transport:before {
    content: "\ea1f";
    font-size: 25px;
    position: relative;
    top: 3px;
}

.icon-mean-river:before {
    content: "\ea20";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-mean-aerial:before {
    content: "\ea21";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-mean-road:before {
    content: "\ea22";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-mean-rail:before {
    content: "\ea23";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-field:before {
    content: "\ea3c";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-all:before {
    content: "\e96b";
    font-size: 18px;
    position: relative;
    top: 3px;
}


.icon-form-typeinactive:before {
    content: "\e96b";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-form-print:before {
    content: "\e96b";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-form-filters:before {
    content: "\ea3e";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-calculator:before {
    content: "\e9dc";
    font-size: 18px;
    position: relative;
    top: 3px;
}

.icon-formula-tax:before {
    content: "\ea42";
    font-size: 18px;
    position: relative;
    top: 3px;
}


.icon-operation-fixed:before {
    content: "\e9da";
    font-size: 15px;
    position: relative;
    top: 3px;
}

.icon-operation-multiply:before {
    content: "\e9db";
    font-size: 15px;
    position: relative;
    top: 3px;
}

.icon-operation-percentage:before {
    content: "\e9a0";
    font-size: 15px;
    position: relative;
    top: 3px;
}

.icon-operation-fixed.icon-cell-slick:before {
    font-size: 15px !important;
    top: 8px !important;
}
.icon-operation-multiply.icon-cell-slick:before {
    font-size: 15px !important;
    top: 8px !important;
}


/*##############################################################
Mercancias peligrosas (Clases) - Svg para los listados
SVG en color*/
.icon-imo-class1 {
    content: url("../../Images/MercanciasPeligrosas/Class1.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class2 {
    content: url("../../Images/MercanciasPeligrosas/Class2.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class3 {
    content: url("../../Images/MercanciasPeligrosas/Class3.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class4-1 {
    content: url("../../Images/MercanciasPeligrosas/Class4.1.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class4-2 {
    content: url("../../Images/MercanciasPeligrosas/Class4.2.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class4-3 {
    content: url("../../Images/MercanciasPeligrosas/Class4.3.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class5-1 {
    content: url("../../Images/MercanciasPeligrosas/Class5.1.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class5-2 {
    content: url("../../Images/MercanciasPeligrosas/Class5.2.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class6-1 {
    content: url("../../Images/MercanciasPeligrosas/Class6.1.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class6-2 {
    content: url("../../Images/MercanciasPeligrosas/Class6.2.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class7 {
    content: url("../../Images/MercanciasPeligrosas/Class7.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class8 {
    content: url("../../Images/MercanciasPeligrosas/Class8.svg");
    width: 20px;
    height: 20px;
}
.icon-imo-class9 {
    content: url("../../Images/MercanciasPeligrosas/Class9.svg");
    width: 20px;
    height: 20px;
}


/*##############################################################
Mercancias peligrosas (Clases) 
Modificaciones para los selectores*/
.icon-imo-class1.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class2.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class3.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class4-1.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class4-2.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class4-3.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class5-1.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class5-2.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class6-1.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class6-2.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class7.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class8.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}
.icon-imo-class9.svgSelect {
    vertical-align: central;
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 4px;
}




/*##############################################################
Mercancias peligrosas (Clases) 
Modificaciones para la lista desplegada de los selectores*/
.icon-imo-class1.svgItem {
    margin-top: 0px;
}
.icon-imo-class2.svgItem {
    margin-top: 0px;
}
.icon-imo-class3.svgItem {
    margin-top: 0px;
}
.icon-imo-class4-1.svgItem {
    margin-top: 0px;
}
.icon-imo-class4-2.svgItem {
    margin-top: 0px;
}
.icon-imo-class4-3.svgItem {
    margin-top: 0px;
}
.icon-imo-class5-1.svgItem {
    margin-top: 0px;
}
.icon-imo-class5-2.svgItem {
    margin-top: 0px;
}
.icon-imo-class6-1.svgItem {
    margin-top: 0px;
}
.icon-imo-class6-2.svgItem {
    margin-top: 0px;
}
.icon-imo-class7.svgItem {
    margin-top: 0px;
}
.icon-imo-class8.svgItem {
    margin-top: 0px;
}
.icon-imo-class9.svgItem {
    margin-top: 0px;
}



/*Canales de rutas*/
.icon-channel-route:before {
    content: "\e9f2";
    font-size: 20px;
    position: relative;
    top: 3px;
}


/*tipos de ruta (ida o vuelta)*/
.icon-type-route:before {
    content: "\e9b7";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-type-route-go:before {
    content: "\e9f6";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-type-route-return:before {
    content: "\e9f5";
    font-size: 20px;
    position: relative;
    top: 3px;
}


.icon-type-inspection:before {
    content: "\e982";
    font-size: 20px;
    position: relative;
    top: 3px;
}

/*######################################*/
/*ICONOS DE ESTADOS POR FORMULARIO*/

/*Estados formularios*/
.icon-StatusForms:before {
    content: "\ea86";
    font-size: 18px;
    position: relative;
    top: 3px;
}

/*Entrada - Prevista*/
.icon-StatusForms-1:before {
    content: "\ea84";
    font-size: 20px !important;
    position: relative;
    top: 3px;
}

/*Entrada - En Proceso*/
.icon-StatusForms-2:before {
    content: "\ea85";
    font-size: 20px !important;
    position: relative;
    top: 3px;
    color: #1e95f1;
}


/*Entrada - Finalizada*/
.icon-StatusForms-3:before {
    content: "\ea83";
    font-size: 20px !important;
    position: relative;
    top: 3px;
    color: #4CAF50;
}

/*U.S. - Operativa*/
.icon-StatusForms-100:before {
    content: "\ea89";
    font-size: 20px !important;
    position: relative;
    top: 3px;
}

/*Entrada - Vacaciones*/
.icon-StatusForms-101:before {
    content: "\ea87";
    font-size: 20px !important;
    position: relative;
    top: 3px;
    color: #aaa;
}

/*Entrada - Baja Enfermedad*/
.icon-StatusForms-102:before {
    content: "\ea88";
    font-size: 20px !important;
    position: relative;
    top: 3px;
    color: #aaa;
}
/*######################################*/

/*Tipo carga - Suelta*/
.icon-typeload-release:before {
    content: "\ea8b";
    font-size: 18px;
    position: relative;
    top: 2px;
}

/*Tipo carga - Paletizada*/
.icon-typeload-palletized:before {
    content: "\e9c6";
    font-size: 18px;
    position: relative;
    top: 2px;
}

/*Tipo carga - Granel*/
.icon-typeload-bulk:before {
    content: "\ea8c";
    font-size: 18px;
    position: relative;
    top: 2px;
}

/*Tipo carga - Especial*/
.icon-typeload-special:before {
    content: "\e9ad";
    font-size: 18px;
    position: relative;
    top: 2px;
}

/*Clases de movimientos*/
.icon-movements:before {
    content: "\ea8e";
    font-size: 18px;
    position: relative;
    top: 3px;
}