@font-face {
    font-family: 'icomoon';
    src: url('icomoon.eot?v2.5.0.ISL');
    src: url('icomoon.eot?v2.5.0.ISL#iefix') format('embedded-opentype'), url('icomoon.ttf?v2.5.0.ISL') format('truetype'), url('icomoon.woff?v2.5.0.ISL') format('woff'), url('icomoon.svg?v2.5.0.ISL#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.2rem;    
}



.icon-zoom:before {
    content: "\e9a8";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-Services:before {
    content: "\e901";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-About:before 
{
    content: "\e902";
    font-size: 18px;
    position: relative;
    top:2px;
}

.icon-Licence:before 
{
    content: "\e9b8";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-login:before 
{
    content: "\e905";
    font-size: 18px;
    position: relative;
    top: 2px;
}


.icon-menu:before {
    content: "\e90a";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-power:before {
    content: "\e9b6";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-info:before {
    content: "\e90b";
    font-size: 18px;
    position: relative;
    top: 2px;
}

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

.icon-dashboard:before {
    content: "\e90d";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-graph:before {
    content: "\e90e";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-graph2:before {
    content: "\e91a";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-selectlang:before {
    content: "\e910";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-lang-es:before {
    content: "\e961";
    font-size: 18px;
    position: relative;
    top: 4px;
}

.icon-lang-en:before {
    content: "\e962";
    font-size: 18px;
    position: relative;
    top: 4px;
}

.icon-user:before {
    content: "\e908";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-selfemployed:before {
    content: "\e993";
    font-size: 22px;
    position: relative;
    top: 2px;
    left: 3px;
}

.icon-selfemployed.panelItemSVG:before {
    left: 0px;
}

.icon-selfemployed.radTitleSVG:before {
    left: 15px;
}

.icon-addphoto:before {
    content: "\e968";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-addlogo:before {
    content: "\e96d";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-createuser:before {
    content: "\e946";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-password2:before {
    content: "\e906";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-recordsSession:before {
    content: "\ea13";
    font-size: 18px;
    position: relative;
    top: 6px;
}

.icon-ok:before {
    content: "\e913";
    font-size: 14px;
    position: relative;
    top: 1px;
    color: green !important;
}


.icon-activate:before {
    content: "\e913";
    font-size: 14px;
    position: relative;
    top: 1px;
}

.icon-deactivate:before {
    content: "\e914";
    font-size: 14px;
    position: relative;
    top: 1px;
}


.icon-error:before {
    content: "\e914";
    font-size: 14px;
    position: relative;
    top: 1px;
    color: tomato !important;
}

.icon-fullscreen:before {
    content: "\e915";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-answer:before {
    content: "\e916";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-eye:before {
    content: "\e917";
    font-size: 18px;
    position: relative;
    top: 4px;
}

.icon-noeye:before {
    content: "\e93b";
    font-size: 18px;
    position: relative;
    top: 4px;
}

/*Exclusivo para indiciar en el "select_master" como elemento inactivo "segun su tabla de maestros" */
.icon-noeye2:before {
    content: "\e93b";
    font-size: 14px;
    position: relative;
    color: tomato;
    top: 2px;
}

.icon-diario-preview:before {
    content: "\e917";
    font-size: 18px;
    position: relative;
    top: 4px;
}

.icon-tools:before {
    content: "\e90c";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-selectoffice:before {
    content: "\e943"; /*"\e924";*/
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-password:before {
    content: "\e906";
    font-size: 18px;
    position: relative;
    top: 2px;
}


.icon-papper:before {
    content: "\e954"; /*"\e91d";*/
    font-size: 18px;
    position: relative;
    top: 2px;
}


.icon-expand:before {
    content: "\e911";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-paneloffice:before {
    content: "\e92b"; /*"\e92c";*/
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-refresh:before {
    content: "\e932";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-cancel:before {
    content: "\e933";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-Search:before {
    content: "\e902";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-SearchFilters:before {
    content: "\ea10";
    font-size: 21px !important;
    position: relative;
    top: 5px !important;
    left: 2px !important;
}


.icon-addItem:before {
    content: "\e93a";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-delItem:before {
    content: "\e953";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-selectItem:before {
    content: "\e958";/*"\e954";*/
    font-size: 18px;
    position: relative;
    top: 2px;
}
.icon-styleGrid:before {
    content: "\e935";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-Excel:before {
    content: "\e936";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-PDF:before {
    content: "\e937";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-Print:before {
    content: "\e938";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-Save:before {
    content: "\e939";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-SaveContinue:before {
    content: "\e91d"; /*"\e953";*/
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-Delete:before {
    content: "\e914";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-layers:before {
    content: "\e930"; /*"\e940";*/
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-lock:before {
    content: "\e941";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-listadd:before {
    content: "\e934";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-lock_office:before {
    content: "\e941";
    font-size: 12px;
    position: relative;
    top: 0px;
    margin-left: 4px;
    color: gray;
}


.icon-unlock:before {
    content: "\e942";
    font-size: 18px;
    position: relative;
    top: 2px;
}

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


.icon-onaddminsessions:before {
    content: "\e91e"; /*"\e947";*/
    font-size: 14px;
    position: relative;
    top: 1px;
}

.icon-offaddminsessions:before {
    content: "\e92a"; /*"\e948";*/
    font-size: 14px;
    position: relative;
    top: 1px;
}

.icon-pen:before {
    content: "\e94f"; 
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-link:before {
    content: "\e950";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-refresh_select:before {
    content: "\e932";
    font-size: 16px;
    position: relative;
    top: 3px;
}

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

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

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

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

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

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

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


.icon-sel-col:before {
    content: "\e957";
    font-size: 18px;
    position: relative;
    top: 2px;
}


.icon-sigma:before {
    content: "\e9bc";
    font-size: 18px;
    position: relative;
    top: 2px;
}


.icon-phone:before {
    content: "\e95e";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-mail:before {
    content: "\e97e";
    font-size: 18px;
    position: relative;
    top: 4px;
}

.icon-fax:before {
    content: "\e95f";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-flag:before {
    content: "\e963";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-warning:before {
    content: "\e964";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-person-ecivil:before {
    content: "\e966";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-person-genero:before {
    content: "\e967";
    font-size: 20px;
    position: relative;
    top: 4px;
}

.icon-laboratory:before {
    content: "\e969";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-fiscaldata:before {
    content: "\e983";/*"\e96f";*/
    font-size: 18px;
    position: relative;
    top: 2px;
}



/*actividades economicas*/
.icon-cnae:before {
    content: "\e97f"; /*"\e96a";*/
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-europe:before {
    content: "\e971";
    font-size: 18px;
    position: relative;
    top: 2px;
}

/*#############################################*/
/*Mostrar los registros de otras sesiones.*/
.icon-view_allsessions:before {
    content: "\e95c";
    font-size: 20px;
    position: relative;
    top: 2px;
}

/*Ocultar los registros de otras sesiones.*/
.icon-hide_allsessions:before {
    content: "\e95a";
    font-size: 20px;
    position: relative;
    top: 2px;
}
/*#############################################*/




/*#############################################*/
/*Enlazar/Vincular un registro de otra sesion a la sesion actual.*/
.icon-itemlink_othersession:before {
    content: "\e95b";
    font-size: 20px;
    position: relative;
    top: 2px;
}

/*Desvincular un registro vinculado de otra sesion.*/
.icon-itemunlink_othersession:before {
    content: "\e95a";
    font-size: 20px;
    position: relative;
    top: 2px;
}

/*Solicitar la cesion de administracion.*/
.icon-admintransfer:before {
    content: "\e959";
    font-size: 20px;
    position: relative;
    top: 2px;
}
/*#############################################*/


.icon-copy:before {
    content: "\e995";
    font-size: 20px;
    position: relative;
    top: 2px;
}


.icon-modelist:before {
    content: "\e90a";
    font-size: 18px;
    position: relative;
    top: 2px;
}

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

.icon-diario-tools:before {
    content: "\e90c";
    font-size: 18px;
    position: relative;
    top: 2px;
}


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

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

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


.icon-repair-positionsroute:before {
    content: "\e90c";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-switchview-ports:before {
    content: "\e9f7";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-switchview-airports:before {
    content: "\e9f8";
    font-size: 18px;
    position: relative;
    top: 2px;
}

.icon-portroute-add:before {
    content: "\e945";
    font-size: 13px;
    position: relative;
    top: 2px;      
}

.icon-portroute-add-previus:before {
    content: "\e9fa";
    font-size: 15px;
    position: relative;
    top: 2px;            
}

.icon-portroute-add-next:before {
    content: "\e9fc";
    font-size: 15px;
    position: relative;
    top: 2px;            
    left: 3px !important;    
}

.icon-airportroute-add:before {
    content: "\e9f9";
    font-size: 13px;
    position: relative;
    top: 2px;    
}

.icon-airportroute-add-previus:before {
    content: "\e9fd";
    font-size: 15px;
    position: relative;
    top: 2px;        
}

.icon-airportroute-add-next:before {
    content: "\e9fb";
    font-size: 15px;
    position: relative;
    top: 2px;    
    left: 3px !important;    
}

.icon-trush:before {
    content: "\e9fe";
    font-size: 18px;
    position: relative;
    top:2px;
}


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


/*calcular dias (demoras/ocupaciones*/
.icon-calc-days:before {
    content: "\ea03";
    font-size: 20px !important;
    position: relative;
    top: 3px;
}
.icon-calc-days.fa-icons:before {
    font-size: 22px !important;
    top: 6px;
}
.icon-calc-days.icon-cell-slick:before {
    font-size: 20px !important;
    top: 6px;
}

/*Preferencias usuario - buscadores*/
.icon-preferences-search:before {
    content: "\ea0b"; /*ea0c*/
    font-size: 18px;
    position: relative;
    top: 3px;
}

/*Busqueda Externa*/
.icon-SearchExternal:before {
    content: "\ea2d";
    font-size: 18px;
    position: relative;
    top: 3px;
}

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

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

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

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

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

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


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

.icon-pfx-add:before {
    content: "\ea4f";
    font-size: 20px;
    position: relative;
    top: 3px;
}

.icon-pfx-del:before {
    content: "\ea50";
    font-size: 20px;
    position: relative;
    top: 3px;
}


/*Filtrar por columna/valor */
.icon-FilterCol:before {
    content: "\ea70";
    font-size: 18px;
    position: relative;
    top: 3px;
}

/*Filtrar por filas seleccionadas */
.icon-FilterRows:before {
    content: "\ea71";
    font-size: 18px;
    position: relative;
    top: 3px;
}


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


/*###################SVG RELACIONADOS CON LOS CONTENEDORES / ESTADOS.###################*/
/*recogido en origen -> vacio en depot/terminal de origen*/
.icon-pickup-origin:before {
    content: "\ea00";
    font-size: 18px;
    position: relative;
    top: 3px;
}
/*entregado en origen -> lleno en la terminal de origen*/
.icon-delivery-origin:before {
    content: "\ea01";
    font-size: 18px;
    position: relative;
    top: 3px;
}

/*Embarcado en origen (barco)*/
.icon-shipment-boat:before {
    content: "\ea09";
    font-size: 18px;
    position: relative;
    top: 3px;
}

/*Desembarcado en origen*/
.icon-landing-boat:before {
    content: "\ea0a";
    font-size: 18px;
    position: relative;
    top: 3px;
}

/*recogido en destino -> lleno en terminal de destino*/
.icon-pickup-destination:before {
    content: "\ea02";
    font-size: 18px;
    position: relative;
    top: 3px;
}
/*entregado en destino -> vacio en depot/terminal de destino*/
.icon-delivery-destination:before {
    content: "\ea04";
    font-size: 18px;
    position: relative;
    top: 3px;
}

/*mercancia recogida en origen*/
.icon-pickup-commodity:before {
    content: "\ea1d";
    font-size: 20px;
    position: relative;
    top: 3px;
}

/*mercancia entregado en destino*/
.icon-delivery-commodity:before {
    content: "\ea1c";
    font-size: 20px;
    position: relative;
    top: 3px;
}

/*######################################*/