/* 
    Document   : geoexplorer for Ext js 5
    Created on : 18/07/2016
    Author     : joao.flores
    Description:
        
*/

.icon-delete{
    background-image: url(../images/IconsExt5/white_delete.png) !important;
}
.icon-next{
    background-image: url(../images/IconsExt5/white_next_right.png) ! important;
}
.icon-position-dark{
    background-image: url(../images/IconsExt5/blue_position_marker.png) ! important;
}
.icon-home-dark{
    background-image: url(../images/IconsExt5/blue_home.png) ! important;
}
.icon-previus{
    background-image: url(../images/IconsExt5/white_next_left.png) ! important;
}
.icon-save{
    background-image: url(../images/IconsExt5/save.png) !important;
}
.icon-search-zoom{
    background-image: url(../images/IconsExt5/search_zoom.png) !important;
}
.icon-info-dark{
    background-image: url(../images/IconsExt5/blue_info.png) ! important;
}


.x-action-col-icon {
    height: 24px !important;
    width: 24px !important;
    cursor: pointer !important;
}
    
.olControlPanNorthItemInactive .olButton{
    background-image: url(../js/OpenLayers/theme/dark/img/north-mini.png) ! important;
}

root { 
    display: block;
}
/* Icons Toolbar */
.icon-add{
    background-image: url(../images/Icons/add.png) ! important;
}
.icon-remove{
    background-image: url(../images/Icons/delete.png) ! important;
}
.icon-addMap{
    background-image: url(../images/Icons/map_add.png) ! important;
}
.icon-removeMap{
    background-image: url(../images/Icons/map_delete.png) ! important;
}
.icon-max{
    background-image: url(../images/Icons/zoom_extend.png) ! important;
}
.icon-box{
    background-image: url(../images/Icons/zoom_selection.png) ! important;
}
.icon-find{
    background-image: url(../images/Icons/map_magnify.png) ! important;
}
.icon-nav{
    background-image: url(../images/Icons/hand.png) ! important;
}
.icon-excel{
    background-image: url(../images/Icons/export_excel.png) ! important;
}
.icon-draw{
    background-image: url(../images/Icons/draw_path.png) ! important;
}
.icon-polygon{
    background-image: url(../images/Icons/draw_polyline.png) ! important;
}
.icon-line{
    background-image: url(../images/Icons/draw_line.png) ! important;
}
.icon-points{
    background-image: url(../images/Icons/draw_points.png) ! important;
}
.icon-erase{
    background-image: url(../images/Icons/pencil_delete.png) ! important;
}

.icon-measure_crop{
    background-image: url(../images/Icons/measure_crop.png) ! important;
}
.icon-measure{
    background-image: url(../images/Icons/measure.png) ! important;
}


.icon-previus22{
    background-image: url(../images/Icons/resultset_previous.png) ! important;
    background-position: right ! important;
    text-align: left ! important;
    padding-left: 0px  ! important;
    width: 60px  ! important;     
}

.icon-print{
    background-image: url(../images/Icons/printer.png) ! important;
}
.icon-advanced{
    background-image: url(../images/Icons/layers_map.png) ! important;
}
.icon-basic{
    background-image: url(../images/Icons/layers.png) ! important;
}
.icon-tramite{
    background-image: url(../images/Icons/advanced_data_grid.png) ! important;
}
.icon-find{
    background-image: url(../images/Icons/find.png) ! important;
}

.icon-lev-asigna{
    background-image: url(../images/Icons/l_asigna.png) ! important;
}

.icon-lev-desasigna{
    background-image: url(../images/Icons/l_desasigna.png) ! important;
}

.icon-reprogramarIns{
    background-image: url(../images/Icons/l_reprograma.png) ! important;
}

.icon-regresatramite{
    background-image: url(../images/Icons/l_regresa.png) ! important;
}

.icon-reporte{
    background-image: url(../images/Icons/l_rep.png) ! important;
}

.icon-filter{
    background-image: url(../images/Icons/filter.gif) ! important;
}

.icon-nofilter{
    background-image: url(../images/Icons/nofilter.jpg) ! important;
}

.icon-addGreen{
    background-image: url(../images/Icons/add_green.png) ! important;
}

.icon-saveAzul{
    background-image: url(../images/Icons/saveAzul.png) ! important;
}
.icon-reload{
    background-image: url(../images/Icons/reload.png) ! important;
}
.icon-group-users{
    background-image: url(../images/Icons/group_users.png) ! important;
}

.legend {
    padding-left: 18px;
    border-bottom: 1px solid #ddd;
    overflow:scroll;
    width:100%;
}
.testCls{
    font-size: large;
}

.icon-measure-length
{
    background-image: url(../images/Icons/measure.png) !important;
}
.icon-measure-area
{
    background-image: url(../images/Icons/measure_crop.png) !important;
}



.icon-edit-pen
{
    background-image: url(../images/Icons/editPen2.png) !important;
}
.icon-edit-document
{
    background-image: url(../images/Icons/documentEdit.png) !important;
}


.icon-image
{
    background-image: url(../images/Icons/image.png) !important;
}

.icon-imageAdd
{
    background-image: url(../images/Icons/imageAdd.png) !important;
}

.icon-imageDelete
{
    background-image: url(../images/Icons/imageDelete.png) !important;
}

.icon-Toilet
{
    background-image: url(../images/Icons/toilet.png) !important;
}

.icon-Hammer
{
    background-image: url(../images/Icons/hammer.png) !important;
}

.icon-Chart
{
    background-image: url(../images/Icons/chart_bar.png) !important;
}

.icon-Date
{
    background-image: url(../images/Icons/date.png) !important;
}
.icon-Date16
{
    background-image: url(../images/Icons/date16.png) !important;
}


/*
.x-tree-node-el {
    border-bottom: 1px solid #ddd;
    padding-bottom: 3px;
}
.x-tree-ec-icon {
    width: 6px;
    height: 6px;
}
.gx-tree-layer-icon {
    display: none;
}*/

.gridCeldaVerde { 
        background-color: #0ce325;
        color: white;
}
.gridCeldaAzul {
        background-color: #0c66a3; /*#067ab0;*/
        color: white;
}
.icon-back{
    background-image: url(../images/Icons/back.png) ! important;
}
.gridCeldaAmarilla {
        background-color: #b4c400; /*#067ab0;*/
        color: black;
}
.gridCeldaRoja { 
        background-color: #f20000;
        color: white;
}
.gridCeldaGris{ 
        background-color: #434744;
        color: white;
}





div.map-overlay div.overlay-element
{
    display: inline ! important;
    float: left ! important;
    margin: 5px ! important;
}

.olControlScaleLine
{
    display: inline ! important;
    position: static ! important;
    font-family: tahoma,arial,helvetica,sans-serif ! important;
    font-size: xx-small ! important;
    bottom: 15px ! important;
    left: 10px ! important;
}

.overlay-scaleline
{
    bottom: 0 ! important;
    left: 0 ! important;
    margin-top: 0 ! important;
}

.overlay-scalechooser {
    width: 'auto' ! important;
    /*min-width: 170px;*/
}

.projchooser {
    width: 'auto' ! important;
    min-width: 170px ! important;
}

.x-form-field {
    /*min-width: 150px;*/
}

div.map-overlay
{
    position: absolute ! important;
    bottom: 10px ! important;
    left: 10px ! important;
    z-index: 1000 ! important;
   

   /*top: 63px; */
   width: 300px;
   height: 100px; 
   cursor: pointer; 
    
}

.olControlScaleLineTop
{
    font-family: tahoma,arial,helvetica,sans-serif ! important;
    font-size: xx-small ! important;
}
.olControlScaleLineBottom
{
    font-family: tahoma,arial,helvetica,sans-serif ! important;
    font-size: xx-small ! important;
}

.x-collapsed-title
{
    /*color: #15428B;*/
    font: bold 11px/15px tahoma,arial,verdana,sans-serif ! important;
    padding: 2px 5px;
}

.x-tool
{
    /*float: left;*/
    margin-right: 2px ! important;
}

div.olControlZoom a {
    background: rgba(79, 92, 109, 0.5) ! important;
}