/*   
Theme Name: FB91 theme
Theme URI: http://www.fb91.com.ar
Description: Simple plantilla de 2 columnas en la que predomina el blanco, el negro y el azul.
Tags: blue, white, black, light, two-columns, right-sidebar, fixed-width, footer-widgets
Author: Fabricio Emmanuel Bianchi
Author URI: http://www.fb91.com.ar
Version: 1.32
.
Desde el menú widgets se pueden agregar widgets a la sidebar y al footer.
.
El código CSS y HTML está licenciado bajo la licencia GPL
http://www.opensource.org/licenses/gpl-license.php
.
*/

/****************************************/
/***********>>> GENERALES <<<************/
/****************************************/
body{
	text-align: center;
	margin: 0;
	background: #252525;
        padding: 0;
        height:100%;
        overflow:hidden;
}

*{
        font-family: Verdana, sans-serif;
        /*font-size: 10pt;*/
        font-size: 9pt;
        /*color: #333;*/
}

.fix{
	clear: both;
}

img{
	border: 0;
}

/**FORM ********/
/*.content, .contentA{
        padding:10px;
        width:80%;370px
}*/

.left{
        width:150px;
        float:left;
        padding:7px 0px 0px 7px;
        min-height:24px;
}

.right{
        width:200px;
        float:left;
        padding:5px;
        min-height:24px;
}

.clear{
        float:none;
        clear:both;
        height:0px;
}
/**/
/*.cuerpo
{
   width: 100%;800px;
   margin: 0 auto;
}
.column
{
   width: 100%;
   height: 200px;
}*/
/**/


.row{
        background-color:none;
        display:block;
        min-height:32px;
}

.text{
        width:190px;
}

/*.ruler{
        width:400px; border-bottom:dashed 1px #dcdcdc;
}*/

/*tr:focus{
        background-color:#fcfcf0;
}*/

/*td{
        vertical-align:top;
}*/

.over{
	background-color:#e6e2af;
}

.out{
        background-color:none;
}

/**END FORM********/

/*#content_col {

	width: 100%;
}*/

/*#side-1 {
	float: left;
	width: 33%;;
}

#side-2 {
	float: left;
	width: 34%;;
}

#side-3 {
	float: right;
	width: 33%;;
}*/

/****************************************/
/***********>>> NEW TRACKER <<<************/
/****************************************/
/*#tabs{
    overflow: scroll;
}*/

/****************************************/
/***********>>> JQGRID <<<************/
/****************************************/

/*.ui-searchFilter {
    z-index: 3770 !important;
}*/


/****************************************/
/***********>>> HISTORICOS <<<*****************/
/****************************************/
/*#historico_body {
        padding-top: 15px;
        padding-bottom: 15px;}
*/

/****************************************/
/***********>>> GROUP ICON / tabla_grupos.js NO SE USA MAS <<<*****************/
/****************************************/
.icon_col_a {width:15%;
        padding-left:20px;}
.icon_col_b {width:35%;
       padding-right:30px;}


/****************************************/

.column-left{   float: left; 
                width: 35%; 
                background:url(../images/headbg.jpg);
                height: 100%}
.column-right{  float: right; 
                width: 35%; 
                background:url(../images/headbg.jpg);
                height: 100%}

.column-center{ display: inline-block; width: 30%; }

/****************************************/
/***********>>> SIDEBAR CONFIG MANT / GRUPOS <<<*****************/
/****************************************/

.config-container {
  position: relative;
  overflow: hidden;
  height: 100%;
}

aside {
  width: 42%;
  /*background: lightgreen;*/
  float:left;
  padding-left: 1%;
  padding-right: 1%;
}

bside {
  width: 54%;
  /*background: lightgreen;*/
  float:right;
  padding-left: 1%;
  padding-right: 1%;
}

b2side {
  width: 23%;
  /*background: lightgreen;*/
  float:right;
  padding-left: 1%;
  padding-right: 1%;
}

/****************************************/
/***********>>> SIDEBAR VISUALIZACION <<<*****************/
/****************************************/

/************************************************************************************/
#map_right_side{
    position:absolute;
    width: 15px;
    right:0px;
    height:10px;/*solo para inciar*/
    top:87px; /*header */    
    overflow:hidden;
    z-index: 100;
    background:url(../images/headbg.jpg);
    /*background:#ffffff;*/
 }

#map_right_side_bar{    
    background:url(../images/headbg.jpg);    
    /*background:#ff0000;*/
    width:15px;
    right:0px;
    height:100%;
    overflow:hidden;
    cursor: pointer;
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;    
    z-index: 110;
}
 
#map_right_side_content{    
    position:absolute;
    width: 0px;
    right: 0px;   
    /*height:100%;*/
    overflow:hidden;
    margin-left: 4px;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}
 
#tab_right_bar{
    left: 8px;        
    padding: 0px;    
    border-width: 0px;
}
#tab_left_bar{
    padding: 0px;    
    border-width: 0px;
}


#tab_right_bar .ui-tabs-nav { 
    padding-left: 0px; 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
#tab_right_bar .ui-tabs-panel { 
    /*background: #e6e6e6 url(http://code.jquery.com/ui/1.8.23/themes/south-street/images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) repeat-x scroll 50% top;*/ 
    border-width: 0px 1px 1px 1px; 
}

#tab_left_bar .ui-tabs-nav { 
    padding-left: 0px; 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
}
#tab_left_bar .ui-tabs-panel { 
    border-width: 0px 1px 1px 1px; 
}

/*#tab_right_info{
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 3px;
    padding-right: 3px;
}

#tab_right_config{
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 3px;
    padding-right: 3px;
}*/


.panelRightTabContent{
    /*font-size: 8pt !important;*/
    /*overflow-y: auto ;*/
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    padding-left: 0px !important;
    padding-right: 3px !important;    
}
    


/************************************************************************************/
/************************************************************************************/
#left_side{
    position:absolute;
    width:15px;
    left:0;
    height:10px;/*solo para inciar*/
    top:87px; /*header */    
    overflow:hidden;
    z-index: 100;
    background:url(../images/headbg.jpg);
    border-right: 1px solid #cccccc;
/*    //background:#FFFFFF;*/
}

#left_side_bar{   
    background:url(../images/headbg.jpg);
    position:absolute;
    width:15px;
    left:0;
    height:100%;
    overflow:hidden;
/*    cursor: pointer;   */
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    z-index: 110;
}

#left_side_content{   
    position:absolute;
    width:0px;
    left:0;
    /*height:100%;*/
    overflow:hidden;
    /*padding-right: 40px;*/
    /*padding-left: 7px;*/
    /*padding-top: 7px;*/
}

#left_side_content_mant{   
    position:absolute;
    width:0px;
    left:0;
    /*height:100%;*/
    overflow:hidden;
    /*padding-right: 40px;*/
    /*padding-left: 7px;*/
    /*padding-top: 7px;*/
}

/************************************************************************************/
/************HEADER******************************************************************/
#header_left_side{
    position:absolute;
    width:650px;
    left:0;
    height:85px;
/*    top:87px; header     */
    overflow:hidden;
    z-index: 100;
    background:url(../images/headbg.jpg);
}

#header_right_side{
    position:absolute;
    width: 50%;
    right:0px;
    height:85px;
    /*top:87px; header */    
    overflow:hidden;
    z-index: 100;
    background:url(../images/headbg.jpg);
 }
 

/***MAPS DRQWING TOOL ***************************************************************/
/************************************************************************************/

#shapeTool{
/*    border: 1px solid #789;*/
    padding-left: 4px;
    padding-top: 4px;
}

#color-palette-box{
    padding-left: 10px;
}

#color-palette {
    width: 180px;
    /*border:  1px solid #000000;*/
}

.color-button {
  width: 14px;
  height: 14px;
  font-size: 0;
  margin: 2px;
  float: left;
  cursor: pointer;
}
.color-div {
  width: 165px;
  margin-left: 41px;
  /*height: 60px;*/
}
#delete-button {
  margin-top: 5px;
}

#enableToolShape{
/*  text-align: left;
  left: 0;*/
}

#shapeGrid{
    /*border: 1px solid #789;*/
    padding-left: 4px;
    padding-right: 4px;
    /*padding-top: 4px;*/
    /*margin: 4px;*/
}

.shapeLabels {
   color: red;
   background-color: white;
   font-family: "Lucida Grande", "Arial", sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   width: 100px;
   height: 16px;
   border: 1px solid #bbbbbb;
   white-space: nowrap;
 }

/*** RIGHT PANEL - CONFIG ***************************************************************/
/************************************************************************************/
#vistaTool{
    border: 1px solid #789;
    padding-left: 4px;
    padding-top: 4px;
    margin: 6px;
}
      
#vista_slider_rango_horas{
    margin-right: 16px;
}
/************************************************************************************/
/*.map_button_right{
    top:87px; header 
    width: 30px; background-color: #000000; 
    padding: 6px 5px 6px 5px;
    -moz-background-clip: padding; 
    -webkit-background-clip: padding; 
    background-clip: padding-box; color: #ffffff; 
    font: 10px Arial, Helvetica, sans-serif; 
    text-transform: uppercase; line-height: 18px; 
    -moz-border-radius: 3px; -webkit-border-radius: 3px; 
    border-radius: 3px; 
    cursor: pointer; display: block; outline: none; 
    text-align: center; text-decoration: none; margin-top: 9px;
}*/

/*.map_button_left{
    top:87px; header 
    width: 30px; background-color: #000000; 
    padding: 6px 5px 6px 5px; 
    -moz-background-clip: padding; 
    -webkit-background-clip: padding; 
    background-clip: padding-box; color: #ffffff;     
    font: 10px Arial, Helvetica, sans-serif; 
    text-transform: uppercase; line-height: 18px; 
    -moz-border-radius: 3px; -webkit-border-radius: 3px; 
    border-radius: 3px; 
    cursor: pointer; display: block; outline: none; 
    text-align: center; text-decoration: none; margin-top: 9px;
}*/

/****************************************/
/***********>>> AUTH FORM <<<*****************/
/****************************************/



tableWrapperAuth { font-family: Arial, Helvetica, sans-serif !important;
                font-size: 9pt !important;
                text-align: left !important;
                background-color: #ffffff !important;}
.table {width:100%;}
.tr {}
.col0 {width:20%;
        padding-left:10px;
        color: whitesmoke;
}
.col1 {
    width:25%;
}
.col1in {
    border: 3px solid #CCCCCC;
    font-size: 14px;
    font-family: Arial, Verdana;
    padding-left: 7px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    background: #CCCCCC;
    color: black;
 }

 .col1in:hover
 {
    border: 3px solid  #789;
    background: #95ADD6;
 }       
       
.iconosZonas
{
    height:35px;
}
.iconosZonas:hover
{
    cursor: pointer !important;    
}
.col1r {width:25%;
         }
.col2 {width:65%;
        color:#FF0000 !important;
        font-size: 8pt !important;
        margin-left: 0;
        margin-right: 0;}

.colb {text-align: center;}

.col1c {width:25%;
       text-align: center;}

.col2c {width:65%;
        color:#FF0000 !important;
        font-size: 8pt !important;
        margin-left: 0;
        margin-right: 0;}

/****************************************/
/***********>>> UPLOAD FORM <<<*****************/
/****************************************/
tableWrapperUpload { font-family: Arial, Helvetica, sans-serif !important;
                font-size: 9pt !important;
                text-align: left !important;
                }
.tableUpload {width:100%; }
.trup {width:100%}
.colup0 {width:100%;
        padding-left:20px;
        text-align:left}
.colup1 {width:100%;
        color:#FF4000;
        font-weight: 600;
        padding-top:5px;
        padding-left:25px;
        text-align:left}

.tableGroup { font-family: Arial, Helvetica, sans-serif !important;
                font-size: 9pt !important;
                text-align: left !important;
                color:#FFFFFF !important;
}
.tabGroup {width:500px}

/*.tdGroup0 {width:50%;
        padding-left:20px;
        text-align:left}
.tdGroup1 {width:50%;
        padding-left:20px;
        text-align:left}*/

.tabGroupB {width:700px}
.tdGroup_0 {width:40%;
        padding-left:20px;
        text-align:left}
.tdGroup_1 {width:40em !important;
        padding-left:20px;
        text-align:left}
.tdGroup_2 {width:40em !important;
        padding-left:20px;
        text-align:left}
.tdGroup_3 {width:40em !important;
        padding-left:20px;
        text-align:left}


/****************************************/
/***********>>> FORM ALTA MANTENIMIENTO <<<*****************/
/****************************************/
     .ui-datepicker {
        font-family:Garamond !important;
        font-size: 10px !important;
        margin-right: 50px !important;
        /*margin-left:9px !important*/
     }

    table {width:100%}
    .tableWrapperfa {text-align:center}
    .trfa0{}
    .trfa1{}
    .colfa0 {width:10%}
    .colfa1 {width:22%}
    .colfa2 {width:13%}
    .colfa3 {width:15%}
    .colfa4 {width:10%}
    .colfa5 {width:30%}

    .trfb0{background-color:#f2f2f2; color:#424242}    
    .thfb {color: black;}
    
    .trfb1{background-color:#ffffff !important; color:#424242}
    .colfb1 {width:20%}  /* item_id */
    .colfb2 {width:20%}  /* item_detalle */
    .colfb3 {width:5%}  /* item_rango_km */
    .colfb4 {width:5%}  /* item_rango_dias */
    .colfb5 {width:20%; text-align: center}  /* estado */
    .colfb6 {width:30%; text-align: center}  /* observaciones */

    .trfc0{}
    .colfc0 {width:35%;
        text-align:left}  /* select */
    .colfc1 {width:25%;
        text-align:center}  /* add */
    .colfc2 {width:40%;
        text-align:left}  /* del */

    .trfd0{}
    .colfd0 {width:20%}  /* general */
    .colfd1 {width:10%}  /* vehiculo */
    .colfd2 {width:25%}  /* select */
    .colfd3 {width:10%}  /* vehiculo */
    .colfd4 {width:35%}  /* select */    

/****************************************/
/***********>>> FORM HISTORICO <<<*****************/
/****************************************/
    .colhtitle{width:100%; height: 30px;}
    .trh0{text-align:left}
    .trh1{text-align:left}
    
    .rowhstartsep{height:20px}
    .rowhsep{height:10px}
    
    .colhd0 {width:5%}  /* general - espacio */
    .colhd1 {width:5%; text-align:center}    
    
/*    .colhd1a {width:5%; text-align:left}    */
    .colhd2a {width:10%; text-align:left}
    .colhd3a {width:25%; text-align:left}
    .colhd4a {width:20%; text-align:left}
    .colhd5a {width:35%; text-align:left}

/*    .colhd1b {width:5%; text-align:center}    */
    .colhd2b {width:10%; text-align:left}
    .colhd3b {width:30%; text-align:left}
    .colhd4b {width:10%; text-align:left}
    .colhd5b {width:40%; text-align:left}    

/*    .colhd1c {width:5%; text-align:center}    */
    .colhd2c {width:90%; text-align:center; height:50px}
    
/*    .colhd0d {width:15%; text-align:center}*/
    
/*    .colhd1d {width:5%; text-align:left}    */
    .colhd2d {width:22.5%; text-align:left}
    .colhd3d {width:22.5%; text-align:left}
    .colhd4d {width:22.5%; text-align:left; height:30px}
    .colhd5d {width:22.5%; text-align:left}  
    
/*    .colhd1e {width:10%; text-align:left}    */
    .colhd2e {width:45%; text-align:center}         
    .colhd3e {width:45%; text-align:center}         
    
    
/****************************************/
/***********>>> AMCHART HISTORICO <<<*****************/
/****************************************/    
.chartdiv{
    height: 100%;
    text-align:center;
    padding-left: 0px;
    background-color:#FFFFFF;    
}

/*.chartdiv_half{
    height: 50%;
    text-align:center;
    padding-left: 0px;
    background-color:#FFFFFF;    
}*/

.chartdiv_top{
    height: 50%;
    text-align:center;
    padding-left: 0px;
    background-color:#FFFFFF;    
}

.chartdiv_bottom{
    height: 50%;
    text-align:center;
    padding-left: 0px;
    background-color:#FFFFFF;    
}

/****************************************/
/***********>>> CONFIG DOCK <<<*****************/
/****************************************/
.separadorConfig{
        height: 10px;
/*        background-color:#CCCCCC;        */
        width:100%;    
}

/*#HeaderConfigDock{
        height: 90px;
        background-color:#CCCCCC;        
        width:100%;*/
/*        border-bottom: 2px solid #12bfde;*/
/*        position: fixed;
        z-index: 9999;
        top: 87px;
        left: 0; 
        width:100%;   */
/*}*/

/*#ConfigDock{*/
/*        border-bottom: 2px solid #12bfde;*/
/*        position: fixed;
        z-index: 9999;
        top: 177px;
        left: 0; 
        width:100%;    */
/*}*/

/****************************************/
/***********>>> HEAD <<<*****************/
/****************************************/

#head{
	background:url(../images/headbg.jpg);
	height: 85px;
	border-bottom: 2px solid #12bfde;
/*        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0; 
        width:100%;*/
}

#head img{
	margin-top: 15px;
	margin-left: 0px;
}

/*#head #paginas{
	margin: 0 auto 0 auto;
	width:100%;
	text-align: right;
}

#head #paginas ul{
	margin: 0;
        margin-right: 20px;
}

#head #paginas li{
	display:inline;
	margin-left: 10px;
}*/

#head #paginas a{
	color: #FAFAFA;
	text-decoration: none;
}

#head #paginas a:hover{
	color: #12bfde;
}

#logged{ font-family: Arial, Helvetica, sans-serif;
         font-size: 11px;
         line-height: 77px; float: right; height: 73px; color: #99CCFF;
         margin-right: 0px;
        width: 100%;}

#logged .greeting { color: rgb(255,0,0);	}

.historico_title{   font-family: Arial, Helvetica, sans-serif;
                    color: rgb(255,255,255);
                    font-size: 14px;
                    font-weight:bold;
/*                    margin-right: 30px;*/
/*                    margin-top: 5px;*/
                    line-height:120%;}

/****/
.img_header_logocliente img{
	margin-top: 10px;
        height: 55px;
/*	margin-left: 0px;*/
}

.img_header img{
    margin:0px 12px;
    height:45px;
    width:45px;
}

.img_header:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.img_header img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

/****************************************/
a.tip{
  color: #900;
  text-decoration: none;
}

a.tip:hover {
  color: red;
  position: relative;
}

a.tip:hover:after {
  content: attr(tooltip);
  padding: 4px 8px;
  color: #f50;
  font-weight:bold;
  position: absolute;
  left: 10px;
  top: 80%;
  white-space: nowrap;
  z-index: 250;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
}

/****************************************/
a.tooltips {
  position: relative;
  display: inline;
}
a.tooltips span {
  text-decoration: none;
  position: absolute;   
  /*width:140px;*/
  padding: 1px 4px;
  color: #FF0000;
  /*text-shadow: 0px 0px 1px #FF482B;*/
  font-weight:bold;
  background: #C8CBDB;
  height: 19px;
  line-height: 19px;
  text-align: center;
  visibility: hidden;
  border-radius: 8px;
  box-shadow: 2px 2px 4px #687380;  
}
a.tooltips span:after {
  content: '';
  position: absolute ;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  z-index: 999;
/*  border-bottom: 8px solid #C8CBDB;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;*/
}
a:hover.tooltips span {
  visibility: visible;  
  opacity: 0.9;
  top: 10px;
  /*left: 70%;*/
  margin-left: -5px;  
}
/****************************************/
/***********>>> CRUD <<<******************/
/****************************************/
.table_crud{
    /*width:90%;*/
    padding-left: 50px;
    padding-right: 50px;
    border-spacing: 10px;
    border-collapse: separate;
    
}

.table_crud tr { 
    /*height: 65px;*/  
    padding-bottom: 10px;
    vertical-align: top;
}

.table_sidebar{
    width:70%;
    /*margin-left: 5%;*/
}

.table_sidebar tr { 
    height: 65px;  
    vertical-align: top;
}

.img_crud{
    width:45px;
    text-align: right;
}

.img_crud img{
    margin:0px 0px 0px 0px;
    height:45px;
    width:45px;
    /*vertical-align: t;*/
    
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;    
}

.img_crud:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

/*.img_crud2{
    width:45px;
    text-align: right;
}

.img_crud2 img{
    margin:0px 8px 8px 0px;
    height:45px;
    width:45px; 
}*/
/*.title_crud{
    text-align:right !important; 
    padding-left: 10px;
    padding-right: 10px;
    font-weight:bold;
    width:150px;
}*/

.text_crud{
    text-align:left !important;
    padding-left: 10px;
    width: 200px;
    vertical-align: middle;
}

.separador_crud{
    width: 5px;
}
/****************************************/
/***********>>> LOGIN <<<******************/
/****************************************/
/*#login{ font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
      }*/

/*#login #log_tb{
                text-align:center;
                width:750px;
                }*/

#log_tx{        font-family: Arial, Helvetica, sans-serif;
                font-size: 14px !important;
		text-align: left;
                /*color: white;*/
                font-weight:600;
/*                margin-left: 50;*/
/*                color: rgb(0,0,255);*/
/*                width:120px;*/
/*                font-weight:bold;*/
                }


#log_in{        font-family: Arial, Helvetica, sans-serif;
                font-size: 14px;
		text-align: left;
/*                color: black;*/
/*                width:200px;*/
}

#log_er{ font-family: Arial, Helvetica, sans-serif;
                font-size: 13px !important;
		text-align: right;
                color: rgb(255,0,0);
                font-weight: 600 !important;
/*                width:360px;*/
}

/****************************************/
/***********>>> TABLAS JQGRID <<<******************/
/****************************************/
/****************************************/
/***********>>> Tab Left <<<************/
/****************************************/


#tabs_xl { 
    background: transparent; 
    border: none;
    width: 100%;
} 

#tabs {
/*    font-size: .9em;
    margin: 0 auto;*/
    background: transparent; 
    border: none;
    width: 800px;
}

#tabsBside {
    background: transparent; 
    font-size: .9em;
    margin: 0 auto;
    width: 100%;
}

/***************************************/
.tabsGridStyle { 
    background: transparent; 
    border: none;
    /*padding: 0px !important;*/
    /*width: 100%;*/
} 
.tabsGridStyle .ui-widget-header { 
    /*background: transparent;*/ 
    border: none; 
    border-bottom: 1px solid #c0c0c0; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 

.tabsGridStyle .ui-tabs-panel { 
    /*padding: 10px;*/ 
}

.tabsGridStyle .ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 

.tabsGridStyle .ui-tabs-nav .ui-state-active { 
    background: transparent url(../images/uiTabsArrow.png) no-repeat bottom center; 
    border: none;  
} 
.tabsGridStyle .ui-tabs-nav .ui-state-default a { 
    color: #eeeeee;/*#848484; */
    font-size: 100%;
    font-weight: 700;
    margin-bottom: 3px;
} 
.tabsGridStyle .ui-tabs-nav .ui-state-active a { 
    color: #FF4000; /*#0404B4; */
    font-size: 100%;
    font-weight: 900;
    margin-bottom: 3px;
}



/****************************************/
/***********>>> ESTRUCTURA <<<******************/
/****************************************/

/*#wrapper{
	width: 960px;
	margin: 10px auto 10px auto;

}*/

/*#main{
	float: left;
	width: 650px;
	text-align: left;
	border-right: 1px dotted #333;
}*/

/*#col{
	width: 288px;
	float:left;
	padding-left: 8px;
	text-align: left;
}

#col ul{
	margin:0;
	padding-left:0;
}

#col .widget{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	list-style-type: none;	
}

.post{
	margin-right: 5px;
}

#rel{
	margin-right: 15px;
	background: #FAFAFA;
	border: 1px solid #eee;
	margin-top: 20px;
	padding: 10px;
}*/

/*#comentarios{
	margin-right: 15px;
	background: none;
	margin-top: 20px;
	padding: 10px;
	margin-left: 0;
}*/

/****************************************/
/*************>>> FOOTER <<<*************/
/****************************************/

/*#tab_footer { 
    height: 180px;
    position: relative; 
    margin: 4px 4px 4px 40px;
    background:url(../images/headbg.jpg);
    padding-right: 6.5em; 
} 
#tab_footer .ui-tabs-nav { 
    background:black;
    url(../images/headbg.jpg);
    position: absolute; 
    right: 0.25em; 
    top: 0.25em; 
    bottom: 0.25em; 
    width: 25px; 
    padding: 0.2em 0.2em 0.2em 0em; 
    border-width: 0px; 
} 
#tab_footer .ui-tabs-nav li {
    background:red;
    width: 100%;
    height: 17px;
    margin-bottom: 4px;
    border-left: none; 
    border-bottom-width: 1px !important; 
    -moz-border-radius: 0px 4px 4px 0px; 
    -webkit-border-radius: 0px 4px 4px 0px; 
    border-radius: 0px 4px 4px 0px; 
    overflow: hidden; 
} 

#tab_footer .ui-tabs-nav li.ui-tabs-selected, 
#tab_footer .ui-tabs-nav li.ui-state-active { 
    background:red;
    left: -1px; 
    border-left: 1px solid transparent;
    
} 
#tab_footer .ui-tabs-nav li a { 
    width: 100%; 
} 

#tab_footer .ui-tabs-nav .ui-icon { 
    display: inline-block; 
}


#tab_footer_info { 
    height: 0px; 
}*/
/*.footerTabContent{
    min-height:180px !important;
    font-size: 8pt !important;
    overflow-y: auto ;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
}*/

/*
.footer_content{
    
    position:absolute;
    width: 0px;
    right: 0px;   
    height:100%;
    overflow:hidden;
    margin-left: 4px;
    margin-top: 4px;
    margin-right: 4px;
    margin-bottom: 4px;
}

 
#tab_footer{
    left: 8px;        
    padding: 0px;    
    border-width: 0px;
}*/

#footerBG{
/*	width: 100%;
	clear:both;
	background: url(../images/footer_bg.jpg);
	margin-top: 0px;
	text-align: center;
        border-top: 2px solid #12bfde;*/
                
	background:url(../images/headbg.jpg);
	/*height: 35px;*/
	border-top: 2px solid #12bfde;
        width: 100%;
        position: fixed;
        bottom:0;
        z-index: 5000 !important;
        
}
#footerSlide{
	height: 150px;
        display: none;
        background-image:url('../images/chevron/chevron-down.png');
        background-size: 2%;
	background-position: 8px 0px;
	background-repeat:no-repeat;  
}

#footer{
	height: 35px;
	background-image:url('../images/chevron/chevron-up.png');
        background-size: 2%;
	background-position: 8px 0px;
	background-repeat:no-repeat; 
        display:block;        
}

/*#footerBG #footer{
	width: 100%;
	margin: 0 auto 0 auto;        
}

#footerBG #footer #izq{
	width: 480px;
	float: left;        
	border-right: 2px dotted #12bfde;
}

#footerBG #footer #der{
	width: 480px;
	float: right;        
}*/

/*#footer h2{
	color: #FAFAFA;
	font-size: 13pt;
}*/

/*#footer ul li{
	color: #fafafa;
}*/

/*#footer #izq ul{
	text-align: right;
	list-style-type: none;
}*/

/*#footer #izq li{
	background: url(../images/circulo_azul_chico.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 25px;
	margin-right: 23px;
	margin-bottom: 4px;
}*/

/*#footer #der li{
	margin-bottom: 4px;
}*/

/*#footer #der ul{
	text-align: left;
	list-style-image: url(../images/circulo_azul_chico.png);
}*/

/*#footer a{
	color: #fafafa;
	font-size: 8pt;
}*/

/*#footer #izq h2{
	text-align: right;
	padding-right: 25px;
}

#footer #der h2{
	text-align: left;
	padding-left: 25px;
}*/
/* usado para mostrar el copyright */

#footer .fix{ 
	/*color: #0066FF !important; #12bfde; */
	/*font-size: 8pt;*/
	padding-top: 10px;
	padding-bottom: 10px;
        text-align: right;
}

/*#footer .fix a{
	color:#aaaaaa;
	font-size: 8pt
        font-style: italic;
}

#footer .fix a:hover{
	color: #FAFAFA;
}*/


#footer .fix a{
    color: #33CCFF; /*4d4d4d;*/
    text-decoration:none;
    font-family: 'Trebuchet MS';
    font-size: 11px;
    font-style: italic;
    font-weight: 500;
    line-height: 15px;
    margin-right: 20px;
}
#footer .fix a:hover{color:#CCCCCC}



/****************************************/
/********>>> COLUMNA DERECHA <<<*********/
/****************************************/
/** SOLO p/ASSESTS GRAY .. YA NOS E USA ***/
/*#col .widgettitle{
	margin: 4px 0 0 0;
	font-size: 10pt;
	font-weight: bold;
	background: url(../images/circulo_azul.png);
	background-repeat: no-repeat;
	padding-left: 23px;
}

#col .widget{
	margin-bottom: 20px;
	list-style-type: none;
	padding-left: 0;
}

#col .widget .boton{
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 6px;
	padding: 2px;
	background: #12bfde;
	border: 1px solid #2a89a4;
	color: #FAFAFA;
	font-size: 12pt;
}

#col .widget a{
	font-size: 10px;
	text-decoration: none;
}

#col .widget a:link, #col .widget a:visited{
	width: 220px;
	background: #fff;
	display:block;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 8px;
	margin-bottom: 5px;
	margin-left: 12px;
	border: 1px dotted #eee;
}

#col .widget a:hover{
	background: #12bfde;
	border: 1px dotted #2a89a4;
}

#col .widget a:active{
	padding-left: 20px;
}

#col .widget ul{
	list-style-type: none;
	margin-top: 5px;
}*/

/****************************************/
/**************>>> MAIN <<<**************/
/****************************************/

/*#main ul{
	list-style-image:url(../images/circulo_azul_chico.png);
}

*/
#main a:link, #main a:visited{
	color: #2a89a4;
        text-decoration: none;
}
#main a:hover, #main a:active{
	color: #333;
	text-decoration: none;
}


/****************************************/
/*************>>> POST <<<***************/
/****************************************/

/*#main .post .borde{
	border: 6px solid #eee;
	margin: 5px;
}

#main .post .borde:hover{
	border: 6px solid #ddd;
	margin: 5px;
}

.post img {
	float: none;
	margin: 3px 10px 3px 0;
}

.post .sinmargen img{
	margin: 0;
	padding:0;
}

.post img, .post embed, .entry object{
	max-width: 600px;
	height: auto;
}

#main .post .fecha{
	font-size: 7pt;
	color: #252525;
	text-align: right;
	margin-right: 10px;
}

#main .post .fecha a{
	font-size: 8pt;
}

#main .post{
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

#main .post h2{
	margin-top: 5px;
	line-height: 35px;
	margin-bottom: 0;
}

#main .post blockquote{
	background: url(../images/comillas.png);
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 15px;
	margin-left: 0;
}

#main .post blockquote p{
	font-size: 18px;
	color: #888;
}

#main .post a:link, #main .post a:visited{
	color: #2a89a4;
	background: #fafafa;
	border: 1px solid #eee;
}

#main .post a:hover, #main .post a:active{
	color: #fafafa;
	text-decoration: none;
	background: #12bfde;
}


#main .post h2 a:link, #main .post h2 a:visited{
	color: #333;
	background: url(../images/bgh2.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	display: block;
	font-size: 16pt;
	border: 0;
	text-decoration: none;
	text-shadow: 1px 3px 2px #aaa;
	padding: 5px 0 5px 10px;
}

#main .post h2 a:hover, #main .post h2 a:active{
	color: #353535;
	display: block;
	font-size: 16pt;
	border: 0;
	text-shadow: 2px 4px 3px #aaa;
	margin: 0;
	padding-left: 10px;
}

#main .post h3{  usar para titulos en posts 
	font-size: 13pt;
	margin: 5px 0 0 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	text-shadow: 2px 2px 4px #999;
}

.infopost{
	background: #fff;
	margin: 0 auto 0 auto;
	border: 1px solid #eee;
	padding: 4px;
	font-size: 7pt;
	text-align: center;
	margin: 8px;
}

.infopost a{
	font-size: 7pt;
}

.navigation{
	display: block;
	padding-bottom: 10px;
	padding-top: 10px;
}

.alignright {
	clear: right;
	float: right;
	margin: 3px 0 3px 10px;
}

.alignleft  {
	clear: left;
	float: left;
	margin: 3px 10px 3px 0;
}

.aligncenter {
	float: none;
	clear: both;
	display: block;
	margin: 3px auto 3px auto;
}

#main .post .resultado{
	margin-bottom: 30px;
}

#main .post img.alignleft{
	float: left;
}

#main .post img.alignright{
	float: right;
}

#main .post img.aligncenter{
	margin: 0 auto 0 auto;
}*/

/****************************************/
/**************>>> REL <<<***************/
/****************************************/

/*#rel h3{
  margin: 0;
}

#rel li{
	margin-bottom: 5px;
}*/

/****************************************/
/********>>> COMENTARIOS <<<*************/
/****************************************/

/*#comentarios h3{
	margin: 0;
	font-size: 16px;
}

#comentarios ol{
	list-style-type: none;
	margin: 15px auto 0 auto;
	padding:0;
}

#comentarios li{
	margin-top: 10px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #333;
}

#comentarios .comment-meta a{
	background: none;
	color: #333;
	border: 0;
	font-size: 7pt;
	text-decoration: none;
}

#comentarios cite.fn{
	background: none;
	border: 0;
	color: #333;
	font-weight: bold;
}

#comentarios cite.fn a{
	background: none;
	border: 0;
	color: #2a89a4;
	font-weight: bold;
}*/

/****************************************/
.dialog-link {
    font-size: 12px;
    font-weight: 600;
    color: #2E64FE !important;
    text-decoration: none !important;
}
.dialog-link:hover {
    font-size: 12px;
    font-weight: 600;
    color: #3cb0fd !important;
}

.dialog-btn {
  background: #3498db !important;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9) !important;
  background-image: -moz-linear-gradient(top, #3498db, #2980b9) !important;
  background-image: -ms-linear-gradient(top, #3498db, #2980b9) !important;
  background-image: -o-linear-gradient(top, #3498db, #2980b9) !important;
  background-image: linear-gradient(to bottom, #3498db, #2980b9) !important;
  -webkit-border-radius: 6 !important;
  -moz-border-radius: 6 !important;
  border-radius: 6px !important;
  text-shadow: 1px 1px 3px #666666 !important;
  /*font-family: Arial !important;*/
  color: #ffffff !important;
  font-size: 20px !important;
  padding: 4px 100px 4px 100px !important;
  text-decoration: none !important;
}

.dialog-btn:hover {
  background: #3cb0fd !important;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db) !important;
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db) !important;
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db) !important;
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db) !important;
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db) !important;
  text-decoration: none !important;
}
/*
.remember {
	width: 20px;	
	margin: 20px auto !important;
	position: relative !important;
}

.remember label {
	cursor: pointer !important;
	position: absolute !important;
	width: 20px !important;
	height: 20px !important;
	top: 0 !important;
	border-radius: 4px !important;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5) !important;
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5) !important;
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5) !important;
	background: #fcfff4 !important;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%) !important;
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%) !important;
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%) !important;
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%) !important;
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 ) !important;
}

.remember label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" !important;
	filter: alpha(opacity=0) !important;
	opacity: 0 !important;
	content: '' !important;
	position: absolute !important;
	width: 9px !important;
	height: 5px !important;
	background: transparent !important;
	top: 4px !important;
	left: 4px !important;
	border: 3px solid #333 !important;
	border-top: none !important;
	border-right: none !important;

	-webkit-transform: rotate(-45deg) !important;
	-moz-transform: rotate(-45deg) !important;
	-o-transform: rotate(-45deg) !important;
	-ms-transform: rotate(-45deg) !important;
	transform: rotate(-45deg) !important;
}

.remember label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)" !important;
	filter: alpha(opacity=30) !important;
	opacity: 0.5 !important;
}

.remember input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
	filter: alpha(opacity=100) !important;
	opacity: 1 !important;
}*/
/****************************************/
/*************>>> ONLINE - VISUALIZACION <<<*************/
/****************************************/
/* ver color del body en la zona de tablas
/*body { background: #EEF0F7; }*/ 

.layout { padding: 100px; font-family: Georgia, serif; }
.layout-slider { margin-bottom: 0px; 
                width: 90%; 
}
.layout-slider-settings { font-size: 12px; 
                         /*padding-bottom: 10px;*/ 
}
.layout-slider-settings pre { font-family: Courier; text-align: center;}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

.ui-datepicker {
    font-family:Garamond;
    font-size: 11px;
    margin-left:9px
 }
 
/*#slider_horas_td*/
#vista_slider_rango_dias,
#vista_slider_rango_horas{
        display: none;
}
/*#slider_horas_td_on_off*/ 
#vista_slider_on_off{
        /*border-right: 2px solid #a0a0a0;*/
	background-image:url('../images/menu/avl/icon_range_reloj.png');
        background-size: 80%;
	background-position: 0px 15px;
	background-repeat:no-repeat; 
	min-width: 50px !important;     
	min-height: 60px !important;   
        display:block;
}

#vista_slider_dias_on_off{
	background-image:url('../images/menu/avl/icon_range_calendar.png');
        background-size: 80%;
	background-position: 10px 15px;
	background-repeat:no-repeat; 
	min-width: 50px !important;     
	min-height: 60px !important;   
        display:block;        
}

#menu_header_separador{
        border-left: 2px solid #a0a0a0;
	min-height: 45px !important;          
        display:block;
        margin-top: 10px;
}
/****************************************/
/*************>>> UI JQUERY ACCORDION <<<*************/
/****************************************/
.ui-accordion .ui-accordion-content { padding: 1em .5em !important;}
.ui-accordion .ui-accordion-header { font-weight:bold; font-size:.9em;}


/****************************************/
/*************>>> mb Container. Header <<<*************/
/****************************************/
#AuxDock span{
  margin:5px;
}

#AuxDock img{
  width:40px;
  height:40px;
  margin:0px 5px;
}


/*****************************************************/
/*************>>> JqGrid Cell Padding <<<*************/
/*****************************************************/
.ui-jqgrid-title { height: auto; white-space: normal; padding: 0px 10px !important; }
.ui-jqgrid .ui-jqgrid-htable th div { padding: 8px 0px 5px 0px !important;}
.ui-jqgrid tr.jqgroup td { height: auto; white-space: normal; padding: 8px 0px 5px 0px !important; }
.ui-jqgrid tr.jqgrow td { height: auto; white-space: normal; padding: 0px 10px !important; }
.ui-jqgrid tr.jqfoot td { height: auto; white-space: normal; padding: 0px 10px !important; }


/************************************************************/
/*************>>> Grafica de velocidades en  mapa <<<********/
/************************************************************/



.row-fluid:after {
    content: "";
    clear: both;
    display: table;
    line-height: 100%;
}

.chartLabel {
    float: left;
  /*  width: 10%;*/
}

.chartArea {
    float: left;
    width: 60%;
}

.statsItem {
        color: #aaaaaa;    
	border-right: 1px solid #efefef;
	background-position: 0px 36px;
	background-repeat:no-repeat; 
	/*padding: 0px 0px 9px 5px;*/
	min-height:140px !important;
}
.statsItem:first-child {
	background-position: 20px 36px;
	padding-left: 10px;

}
/*
.statsItem#itemVehiculo {
    min-width: 180px !important;
}
*/

.statsItem#itemEstado 
{
    min-width: 180px !important;
}

.statsItem#itemDistancia
{
    min-width: 180px !important;
}

.statsItem#itemVehiculo {
    min-width: 200px !important;
}


.statsItem.notElite {
	height:86px;
}
.statsItem .eliteUpsellBox {
	width:95%;
	padding:0px 4px;
	position:relative;
	top:3px;
	left:-5%;
	border:1px solid #e6e6e6;
	background-color:#f6f6f6;
	height:100%;
	opacity:.7;
}
.statsItem .eliteUpsellBox span {
	float:right;
	margin-top:8px;
	color: #888;
}
.statsItem h5 {
        color: #aaaaaa;
	text-transform:uppercase;
	font-size:11px;
}
.statsItem h1 .value {
        color: #aaaaaa;
	float:right;
	padding:10px 10px 0px 0px;
	font-weight:normal;
	font-size:28px;
}
.statsItem h2 .value {
        color: #aaaaaa;
	float:right;
	padding:15px 10px 0px 0px;
	font-weight:normal;
	font-size:20px;
}
.statsItem h2 .texto {
        color: #aaaaaa;
	float:right;
	padding:15px 10px 0px 20px;
	font-weight:normal;
	font-size:15px;
}
.statsItem#itemVelocidad {
	background-image:url('../images/velocimetro.png');
}
.statsItem#itemDistancia {
	background-image:url('../images/online/distancia.png');
}

.statsItem#itemAddendum {
	border-right: none;
}

.span3 {
  /*width: 180px;*/
}
.span9 {
  width: 700px;
}

.statsItem#speedChart {
  position              : relative;
  margin                : 20px 10px 0 -20px;
}


.cross {
    position: absolute;
    float: left;
    height: 30px;
    width: 40px;
    background-image:url('http://s20.postimg.org/6125okgwt/rough_Close.png');
    background-repeat:no-repeat;
    background-position: center;
    background-size: 85%;
    cursor: pointer;
    margin-left:-90px;        
}

.cross#IconPanelOnline {
    margin-top:30px;
    background-image:url('../images/menu/foot/icon_footer_info.png');    
}

.cross#IconPanelAlarm {
    margin-top:75px;
    background-image:url('../images/menu/foot/icon_footer_alert.png');    
}

.cross#IconPanelHisto {
    margin-top:120px;
    background-image:url('../images/menu/foot/icon_footer_histo.png');    
}

.toolTipDetails {
  width:  120px !important;
  max-width: 250px !important;
  overflow:auto !important;
} 

.FormElement#perfil_id, .FormElement#dest_id, .FormElement#modo_envio_id, .FormElement#horario_id
{
    width: 200px !important;
    height: 30px !important;
}

.FormElement#alerta_nombre, 
.FormElement#alerta_descripcion, 
.FormElement#alerta_valor, 
.FormElement#zona_id
{
    width: 190px !important;
    height: 22px !important;
}

.FormElement#alerta_tipo_id, 
.FormElement#perfil_id, 
.FormElement#zona_id
{
    width: 200px !important;
    height: 30px !important;
}

.instaladores{
border:thin 1px #eee;
background-color:#FFFBF0;
padding:5px;
width:200px;
}