@import url(https://fonts.googleapis.com/css?family=Ubuntu);

.Growler
{
    z-index:10000;
}

#loader {
  top: 147px !important;
}

#divMapArea
{
    border: 1px solid #C0C0C0;
}

.lblSimple {
  color: #000000;
  font-size:  xx-small;
  font-weight: normal;
  display: inline;
}

#cm-mapa
{
   width: 300px; height: 300px;
    z-index:2;

    }

.sidebar_map
{
     margin-right:10px;
    width: 29.32em;
    display:inline-block;
    position:relative;
    height:200px;
    background-color: rgb(68,68,68); /* Needed for IEs */

	border-right: 1px solid #C0C0C0;

}

.latlon
{
    border: 1px solid #a0a0a0; /*background-color:#3B5998; */
    background-image: none;
    font-family: Arial, Helvetica, sans-serif;
    color: #000000;
    font-size: 9px;
    height: 12px;
    width: 170px;
    position: absolute;
    margin-top: -14px;
    z-index: 10;
    background-color: #4C8EFB;
    display:inline-block;
}

.titPageSelector
{
    background-position: 1px 1px;
    cursor: pointer;
    height: 20px;
    display: block;
    color: #000000;
    font-weight: bold;
    font-size: 11px; /*font-style: italic;
    */
    margin-bottom: 1px;
    margin-top: 1px;
    margin-left: 0px;
    padding-left:18px;
    background-image: url(../images/expand.png);
    background-repeat: no-repeat;
}
.titTopPageSelector
{
    cursor: pointer;
    height: 20px;
    display: block;
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    background-color: #F1F1F1;
    margin-bottom: 1px;
    margin-top: 1px;
    padding:5px;
}


.pnlSelector {
    display:block;
    white-space: nowrap;
    overflow:hidden;
    overflow-y: auto; overflow-x: hidden;

}
.cntSelector {
  overflow: auto; overflow-y: auto; overflow-x: hidden;
  display: block;
  color: Black;
  font-size: 9px;

}

.cntSelector input {
    font-size:9px;
}

.cntSelector td {
  font-size: 9px;
}
.txtMapa {
  font-size: 8px;
  /*font-family: Verdana,Tahoma,Arial;*/
  font-family: Arial, Helvetica, sans-serif;
}
.tblMapa {
  font-size:8px;
  cursor: pointer;
}
.tblMapa tr:hover {
    background-color:Aqua;
}

.tblMapa td {
  font-size: 8px;
}
.cmbMapa {
  font-size: 9px;
}
select {
  font-size: 9px;
}


td {
  font-size:8px;
}
input {
  font-size:9px;
}

.lblEtiqueta {
  font-weight: bold;
  font-style: italic;
  display: inline;
  color:#0000CC;

  /*background-color: #66CCFF*/;
}

div.m_content
{
    display: table;
    position: relative; overflow: hidden;
    color: #111;
    font: 10px Helvetica, Arial, sans-serif;
    margin-right: 3px;
    padding: 10px;
    width: 96%;
    white-space: normal;
}

div.m_row
{
    height:16px;
    clear:both;
    margin-left:0px;
    width: 98%;
    padding:0;
}

div.m_cell30
{
    font: bold 10px Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0 #fff;
    font-size: 10px;
    float:left;
    width:29%;
    text-align:left;
}
div.m_cell40
{
    font: bold 10px Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0 #fff;
    font-size: 10px;
    float:left;
    width:39%;
    text-align:left;
}
div.m_cell70
{
    font: bold 10px Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0 #fff;
    font-size: 10px;
    float:left;
    width:69%;
    text-align:left;
}
div.m_cell50
{
    font: bold 10px Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0 #fff;
    font-size: 10px;
    float:left;
    width:49%;
    text-align:left;
}
div.m_cell20
{
    font: bold 10px Helvetica, Arial, sans-serif;
    text-shadow: 0 1px 0 #fff;
    font-size: 10px;
    float:left;
    width:19%;
    text-align:left;
}

.map_footer {
	clear: both;
    padding: 0;
	background:  url(../images/footerbg.gif) repeat;
	text-align: center;
	font-size: 80%;
    width: 100%;
}

.map_footer_image {
     border: none;
     height: 20px;
}

.divToolbar
{
    margin-left: 0px;
    margin-right:2px;
    padding: 4 px;
    display: block;
    color: #000000;
    height: 42px;
    font-size: 10px;
    font-weight: bold;
    z-index: 1;
    width: 100%;
    position:relative;
    border-bottom: 1px solid #C0C0C0;
}



.divToolbar a
{
    margin:5px;
}


#tblToolbar td {
  font-size:10px;
}

.tdCaption
{
    font-weight: bold;
    text-align: right;
    padding-right: 3px;
    color: #CEC5B9;
}

.tdLabel
{

    /*border-color: #6B6163;*/
    font-weight: normal;
}

.tdToolbarNormal {
    font-size: 8px;
    color: Black;
    border-color: #6B6163;
    border-style: solid;
    border-width: thin;
    font-weight: normal;
}

.tdError {
    font-size: 8px;
    color:#B70024;
    background-color: #FFB0C0;
    border-color: #B70024;
    border-style: solid;
    border-width: thin;
    font-weight: normal;
}
.tdWarning {
    font-size: 8px;
    color:#936F00;
    background-color: #FFFF99;
    border-color: #936F00;
    border-style: solid;
    border-width: thin;
    font-weight: normal;
}
.tdOK {
    font-size: 8px;
    color:#009900;
    background-color: #00FF99;
    border-color: #009900;
    border-style: solid;
    border-width: thin;
    font-weight: normal;
}
.tdInfo {
    font-size: 8px;
    color:#003399;
    background-color: #33CCFF;
    border-color: #003399;
    border-style: solid;
    border-width: thin;
    font-weight: normal;
}
.trSelect td {
  background-color: #00CCFF;
}


.baloontitle
{
    color:Black;
    background-color:White;
}



/****
TABS 0
*/


#ts_tabmenu {
	font-size: .75em; /* set the font size */
	padding: 20px 0px 0px 20px; /* set the padding */
}
#ts_tabmenu ul {
	line-height: 1em; /* setting the line height now so we don't have any headaches*/
	margin: 0px; /* let's keep the margin set to 0 for the same reasons as above*/
	list-style-type: none; /* we remove the UL's default disc bullets */
	float: left; /* we float the list to the left like we will all the elements inside*/
	padding: 0px 0px 0px 5px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}
#ts_tabmenu ul li {
	float: left; /* floatin' left */
}
#ts_tabmenu ul li a {
	text-decoration: none; /* remove the default underline off the anchor text */
	display: block; /* we display this text as block so that we can apply padding/margin without problems */
	float: left; /* floatin' left, to make the menu horizontal */
	padding: 0px 0px 0px 10px;  /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
	background: url(../images/tabs.gif) no-repeat left top;  /* we link to the tabs image, no tiling, showing the top left part of it */
	margin-left: -5px;  /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
	z-index: 0; /* keep it on layer 0 (default) */
	position: relative;  /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
	color: #666666;  /* color of the tab text */
}
#ts_tabmenu ul li a strong {
	font-weight: normal;   /* remove the bold effect */
	display: block;   /* display the strong element as a block so we can pad it, etc. */
	float: left;   /* float it left as well */
	background: url(../images/tabs.gif) no-repeat right top;  /* now we show the right part of the tab and we complete the "puzzle" */
	padding: 6px 10px 7px 5px;  /* important, as through this you define the position of the text within the tab */
	cursor: pointer;  /* this makes the browser show the "hand" cursor when hovering over the tab */
}
#ts_tabmenu ul li a:hover {
	position: relative; /* again, keep things relative */
	z-index: 5; /* we show this tab over all other tabs in the menu, which would be on layer 0, thus overlapping occurs */
	background: url(../images/tabs.gif) no-repeat left bottom;  /* now we show the bottom part of the tabs image, the "hover" instance */
	color: #000000;   /* we color the hovered tab's text black */
}
#ts_tabmenu ul li a:hover strong {
	background-image: url(../images/tabs.gif) no-repeat;
	position: relative; /* keep it relative */
	z-index: 5; /* show this on layer 5 as well */
	background-position: right bottom; /* we show the right bottom part of the tabs image (the hover instance) */
}
#tsmenu1 #li_tsmenu1 a, #tsmenu2 #li_tsmenu2 a,
#tsmenu3 #li_tsmenu3 a, #tsmenu4 #li_tsmenu4 a,
#tsmenu5 #li_tsmenu5 a, #tsmenu6 #li_tsmenu6 a,
#tsmenu7 #li_tsmenu7 a {
	position: relative;
	z-index: 5;
	background: url(../images/tabs.gif) no-repeat left bottom;
	color: #000000;
}
#tsmenu1 #li_tsmenu1 a strong, #tsmenu2 #li_tsmenu2 a strong,
#tsmenu3 #li_tsmenu3 a strong, #tsmenu4 #li_tsmenu4 a strong,
#tsmenu5 #li_tsmenu5 a strong, #tsmenu6 #li_tsmenu6 a strong,
#tsmenu7 #li_tsmenu7 a strong {
	background-image: url(../images/tabs.gif) no-repeat;
	position: relative;
	z-index: 5;
	background-position: right bottom;
}


/****
TABS 1
*/

#menu_tabs {
	font-size: .75em;
	line-height: 1em; /* setting the line height now so we don't have any headaches*/
	margin: 0px; /* let's keep the margin set to 0 for the same reasons as above*/
	list-style-type: none; /* we remove the UL's default disc bullets */
	float: left; /* we float the list to the left like we will all the elements inside*/
	padding: -2px 0px -1px 2px; /* give it a left padding of 5px to counter the effect of margin -5px below */
}

#menu_tabs ul {
	line-height: 1em;
	margin : 0;
	padding : 0;
}

#menu_tabs li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
	background-image: url(../images/tabs.gif) no-repeat;

}


#menu_tabs li a#menu_tabs_active  {
	position: relative;
	background: url(../images/tabs.gif) no-repeat left bottom;
	color: #000000;
}
#menu_tabs li a#menu_tabs_active strong{
	background-image: url(../images/tabs.gif) no-repeat;
	position: relative;
	background-position: right bottom;
}


#menu_tabs li a {
	text-decoration: none; /* remove the default underline off the anchor text */
	display: block; /* we display this text as block so that we can apply padding/margin without problems */
	float: left; /* floatin' left, to make the menu horizontal */
	padding-left: 20px;  /* we give it a left padding of 10px to show the first 10 pixels of the tabs image. you can also use padding-left: 10px; */
	background: url(../images/tabs.gif) no-repeat left top;  /* we link to the tabs image, no tiling, showing the top left part of it */
	margin-left: -5px;  /* this is important for the overlapping part - we are overlapping the tabs by 5 px */
	z-index: 5; /* keep it on layer 0 (default) */
	position: relative;  /* very important as this enables the z-index to work for us and keeps the tabs where they should be */
	color: #666666;  /* color of the tab text */
}

#menu_tabs li a strong {
	font-weight: normal;   /* remove the bold effect */
	display: block;   /* display the strong element as a block so we can pad it, etc. */
	float: left;   /* float it left as well */
	background: url(../images/tabs.gif) no-repeat right top;  /* now we show the right part of the tab and we complete the "puzzle" */
	padding: 4px 20px 5px 5px;  /* important, as through this you define the position of the text within the tab */
	cursor: pointer;  /* this makes the browser show the "hand" cursor when hovering over the tab */
}

/*

#menu_tabs a:link, #menu_tabs a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;

}

#menu_tabs a:link.active, #menu_tabs a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;

}

#menu_tabs a:hover	{
	color : #f00;
}


div.tabsection-1 #menu_tabs li#nav-1 a,
div.tabsection-2 #menu_tabs li#nav-2 a,
div.tabsection-3 #menu_tabs li#nav-3 a,
div.tabsection-4 #menu_tabs li#nav-4 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}
*/
.subnav {
	display: inline;
    float: left;
    left: -11px;
    margin: 0;
    padding: 0;
    position: relative;
    top: -8px;
}

.subnav li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

.subnav a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 16px;
	margin-right : 4px;
	padding-left: 10px;
	padding-right: 9px;
	padding-top: 3px;
	padding-bottom: 2px;
	text-decoration : none;
}

.subnav a img{
	height:16px;
	position:relative;
	top: 5px;
}


#menu_tabs ul a:hover {
    color : #f00 !important;
}

#contents_tab {
	background : #fff;
	border : 1px solid #ccc;
	-Moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
	/*border-top : none;*/
	clear : both;
	margin : 0px;
	padding : 0px;
}

div.tab_container
{
    display:block;
    /*width:100%;*/
    height:220px;
    padding: 10px;
    overflow:hidden;
    overflow-y: auto;
    overflow-x: hidden;

}

div.contents_picture
{
    position: absolute;
    width:100px;
    top:20px;
    left: 250px;
    height: 80px;
    background: #FFFFFF;
    border:1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    padding-top:10px;

}

/* CAROUSEL */

.carousel {
    overflow: hidden;
}

.carousel .inner {

}

.carousel .middle {
    overflow: auto;
}


#carousel_ur {
    background-color: #E8F0FF;
    border: 1px solid #AAC8FF;
    height: 26px;
    float: left;
    margin-left: 0;
    position: absolute;
    top: 100%;
    margin-top:-42px;
    width: 330px;

}

#carousel_ur .middle {
    float: left;
    width: 306px;
    height: 50px;
}

#carousel_ur .inner img {
    float: left;
    cursor: pointer;
    height: 22px;
    padding-right:2px;
    padding-left:2px;
    padding-top:2px;
}

#carousel_ur a {
    float: left;
    width: 12px;
    height: 26px;
    background-color: #AAC8FF;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
}

#carousel_ur a.next {
    float: right;
}

#carousel_ur a:hover {
    color: #000;
}



#carousel_planref {
    background-color: #E8F0FF;
    border: 1px solid #AAC8FF;
    height: 26px;
    float: left;
    margin-left: 0;
    position: absolute;
    top: 100%;
    margin-top:-59px;
    width: 257px;

}

#carousel_planref .middle {
    float: left;
    width: 233px;
    height: 50px;
}

#carousel_planref .inner img {
    float: left;
    cursor: pointer;
    height: 22px;
    padding-right:2px;
    padding-left:2px;
    padding-top:2px;
}

#carousel_planref a {
    float: left;
    width: 12px;
    height: 26px;
    background-color: #AAC8FF;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
}

#carousel_planref a.next {
    float: right;
}

#carousel_planref a:hover {
    color: #000;
}


#carousel_gref {
    background-color: #E8F0FF;
    border: 1px solid #AAC8FF;
    height: 26px;
    float: left;
    margin-left: 0;
    position: absolute;
    top: 100%;
    margin-top:-42px;
    width: 257px;

}

#carousel_gref .middle {
    float: left;
    width: 233px;
    height: 50px;
}

#carousel_gref .inner img {
    float: left;
    cursor: pointer;
    height: 22px;
    padding-right:2px;
    padding-left:2px;
    padding-top:2px;
}

#carousel_gref a {
    float: left;
    width: 12px;
    height: 26px;
    background-color: #AAC8FF;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
    line-height: 24px;
}

#carousel_gref a.next {
    float: right;
}

#carousel_gref a:hover {
    color: #000;
}


/**************
	Navegacion
*/
div.route_directions
{
     padding-left:20px;
     padding-right:20px;
     padding-bottom:5px;
}

div.route_directions a:hover
{
    background-color: #efefef;
}

div.route_directions a.bselected
{
    background-color: #bcbcbc;
}

div.route_destinations div
{
    padding:5px;
}

/**************
	DETALLE UNIDAD
*/

#tgeocercas{
	width: 100%;
}
#tgeocercas img{
	height: 12px;
}

#tgeocercas tr:hover{
	background-color: #CDCDCD;
}

#tgeocercas tr{
	font-size:8px;
}
#tgeocercas tr td{
	font-size:8px;
}

#tgeocercas tr th{
	font-size:8px;
}


/******************
	CONTROL PARA CAMBIO DE ORGANIZACION
*/

.map-control-organizacion{
	/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.25);*/
	background-color: #ffffff;
    padding: 3px;
    border-radius: 7px 7px 7px 7px;
	left: 40px;
	top: -63px;


}


/******************
	CSS PARA DISPATCH
*/

.dispatch_header
{
	width: 317px;
	height: 40px;
	background-color: #EEEEEE;
	margin-left: 4px;
	margin-right: 6px;
	margin-top: 5px;
	border: 1px solid #acacac;
	border-radius: 4px 4px 0 0;
}

.dispatch_header_cont {
    height: 15px;
    padding: 0px;
    border-bottom: 1px solid #454545;
    width: 100%;
}

.dp_timer_normal{

}

.dp_timer_tracking{
    width: 41px;
    height: 15px;
    padding-left: 3px;
    font-weight: bold;
    float: left;
    display: block;
    background-color: #FFFFFF;
    color: black;
}
.dp_status{
	height:15px;
	width:18px;
	display:block;
	float:left;
	border-right: 1px solid #454545;
	background-color: #FFFFFF;
	color: black;
}

.dp_du_status{
	height:15px;
	width:214px;
	display:block;
	float:left;
	border-right: 1px solid #454545;
	background-color: #FFFFFF;
	color: black;
}

.dp_du_status img {
    padding:3px;
    left:50%;
    position:relative;
    margin-left:-6px;
    height: 9px;
}

.dp_status_ok{
	background-color: #A3D552;
	color: black;
}
.dp_status_warning{
	background-color: #ff0000;
	color: white;
}
.dp_status_done{
	background-color: #999966;
	color: white;
}

.dp_gray{
    background-color: #EEEEEE;
	color: black;
	border: 1px solid #ACACAC;
}

.dp_blue{
	background-color: #3dacff;
	color: black;
	border: 1px solid #454545;
}

.dp_green{
	background-color: #a3d552;
	color: black;
	border: 1px solid #454545;
}

.dp_red{
	background-color: red;
	color: white;
}

.dp_red_border{
    border: 1px solid red;
}


.dispatch_body{
	border-left: 1px solid #ACACAC;
	border-right: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
	border-radius: 0 0 4px 4px;
	width: 317px;
	margin-left: 4px;
	margin-right: 6px;
	top: -1px;
}

.dispatch_title {
	float: left;
	margin-left: 0px;
	width:271px;
	background-color: #FFFFFF;
	padding-left: 2px;
	height: 15px;

}

.current_dispatch{
    font-weight:bold;
    padding-top:5px;
    padding-left:4px;
    float:left;
}
.current_dp_detail{
    font-weight:bold;
    padding-top:5px;
    padding-right:4px;
    float:right;
    height: 20px;
    min-width: 50px;
}

.dispatch_timer {
	display:inline-block;font-weight:bold;
}


div.dispatch{
	display:block;
}

div.dispatch a.bselected{
	background-color: #BCBCBC;
	border: 1px solid #989898;
}

.dispatch div.dp_options{
	/*background-color: #A8C8FF;*/
    border-top: 1px solid #ACACAC;
    height: 17px;
    padding: 2px 2px 2px 243px;
    position: relative;
    margin:-1px;
    border-radius: 0 0 4px 4px;
}

.dp_options img {
	padding-left:3px;
	float:right;
}

.dispatch div.dl {
	display: inline-table;
	padding: 3px;
	width: 100px;
}

.dispatch div.dfull {
	display: inline-table;
	padding: 0px;
	width: 100%;
	height: 16px;
}


.dispatch div.dr {
	display: inline-table;
	padding: 3px;
	width: 200px;
}

.dispatch div.dp_units{
	display: block;
	padding-left:0px;
 	padding-top: 5px;
 	padding-bottom: 3px;
    border-bottom: 1px dotted #bababa;
    border-top: 1px dotted #bababa;
}


.dispatch div.dp_ok {
	position:relative;
	left:93%;
	width: 20px;
}

.dispatch div.dp_okremove {
	float: right;
    height: 20px;
    margin-right: 10px;
    right: 0;
}

.dispatch div.dp_infobar {
	float: right;
    height: 20px;
}

.dispatch div.dp_infobar span{
    float: left;
    display: inline;
    padding: 3px;
}

.dispatch div.dp_infobar img{
    height: 16px;
    float: left;
}

.dispatch div.dp_infobar .red{
    color: red;
}

.dispatch div.dp_timer {
	display:inline-table;
	position:relative;
	font-weight: bold;
}

div.dispatch_point
{
 	padding-left:0px;
 	padding-top: 5px;
 	padding-bottom: 3px;
    border-bottom: 1px dotted #bababa;
    border-top: 1px dotted #bababa;
    margin-top:-1px;
}



.dispatch_point div.dp_newp{
	display: inline-table;
	left: 200px;
}

.dispatch_point div.dp_type{
	padding-left:4px;
	width:70px;
	display:inline-table;

}

.dispatch_point div.dp_name{
	display:inline-table;
	top:-5px;
}

.dispatch_point div.dp_timer{
	display:inline-table;
	position:relative;
	top:-5px;
	font-weight: bold;
}

.dispatch_point div.dp_ok {
	left:93%;
	width: 20px;
}


.dispatch_point div.dp_infobar {
	float: right;
    height: 20px;
}

.dispatch_point div.dp_okremove {
	float: right;
    height: 20px;
    margin-right: 10px;
    right: 0;
}
.dispatch_point div.dp_cancel{
	width:20px;
	display:inline-table;
	position:relative;
}


table.tmetrics {

	width: 100%;

}

table.tmetrics tr {


}

table.tmetrics tr td{


}
table.tmetrics tr td img{

	height: 16px;
}



table.popup_table{

	width: 100%;
}

table.popup_table tr {


}

table.popup_table tr td{

	padding: 2px;
}
table.popup_table tr th{
	background-color: #111111;
	border: 1px solid #dddddd;
	color: #ffffff;
	padding: 1px;
	font-size: 8px;
	vertical-align: middle;

}


table.popup_table tr td img{


}













/* General grid styles */
.cbp-ig-grid {
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0;
}

/* Clear floats */
.cbp-ig-grid:before,
.cbp-ig-grid:after {
    content: " ";
    display: table;
}

.cbp-ig-grid:after {
    clear: both;
}

/* grid item */
.cbp-ig-grid li {
    width: 33%;
    float: left;
    height: 60px;
    text-align: center;
    border-top: 1px solid #ddd;
}

/* we are using a combination of borders and box shadows to control the grid lines */
.cbp-ig-grid li:nth-child(-n+3){
    border-top: none;
}

.cbp-ig-grid li:nth-child(3n-1),
.cbp-ig-grid li:nth-child(3n-2) {
    box-shadow: 1px 0 0 #ddd;
}

/* anchor style */
.cbp-ig-grid li > a {
    display: block;
    color: #47a3da;
    font-family: 'Ubuntu', sans-serif;
}

/* the icon with pseudo class for icon font */
.cbp-ig-icon {
    padding: 5px 0 0 0;
    display: block;
}

.cbp-ig-icon:before {
    font-family: 'anyoldicon';
    font-size: 1em;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

/* title element */
.cbp-ig-grid .cbp-ig-title {
    margin: 2px 0 3px 0;
    padding: 0 3px 0 3px;
    font-size: 10px;
    position: relative;
}

.cbp-ig-grid .cbp-ig-title:before {
    position: absolute;
    background: #47a3da;
    width: 60px;
    height: 6px;
    top: 0px;
    left: 50%;
    margin: -3px 0 0 -20px;
}

.cbp-ig-grid .cbp-ig-category {
    display: inline-block;
    font-size: 1em;
    letter-spacing: 1px;
    color: #000000;
    opacity: 1;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.smalltxt {
  height: 18px !important;
}
.smallcombo {
  height: 18px !important;
}