﻿input:focus,select:focus
{
    /*background-color: #ccc;*/
    outline-color: #B80000!important;
    
    /*border-color: #B80000!important;
    border: none;*/
}​



.colorDarkGray {
    color: #999999!important;
}

/*
#F30100
#BA0100*/
.btnRed 
{
    background: linear-gradient(#F30100, #BA0100);
    color: #fff;
}

.btnLarge {
    border-radius: 3px;
    height: 100%;
    width:100%;
    text-align: center;
    /*font-weight: bold;*/
    font-size: 12px;
    padding-top: 5px;
    width: 100px;
    height: 22px;
    cursor: pointer;
    display: block;
    
}

.tableCell {
    display: table-cell!important;
}

.left {
    float: left;
}

.clear {
    clear: both;
}
body {
    background-color: #fff!important;
}

#PortalHeader {
    background-color: #fff!important;
}

#new_menu #testata {
    background-color: #AAAA;
    position: absolute;
    right: 6px;
    top: 1px;
}

#trasportoPubblico {
    background: #F5F5F5;
    height: 260px;
}

#trasportoPubblico #trasportoPubblicoTop {
    width: 100%;
    background-color: #fff;
    box-shadow: -1px 1px 2px 2px #999;
    z-index: 9999;
}

#trasportoPubblico #trasportoPubblicoTop  > div:first-child {
    background-color: #aaa !important;
}

#trasportoPubblico #trasportoPubblicoTop > div:first-child div
{
    color: #fff!important;
    /*font-size: 15px;*/
}

#trasportoPubblico #trasportoPubblicoTop #divRicerca {
    height: auto; 
}

#trasportoPubblico #trasportoPubblicoTop #divRicerca input {
    padding: 5px;
    width: 280px!important;
}

#trasportoPubblico #trasportoPubblicoTop #divRicercaOpzioni {
    width: 100%;
    margin-left: 5px;
    clear: both;
    padding-bottom: 5px;
}

#trasportoPubblico #trasportoPubblicoTop #divRicercaOpzioni #divRicercaOpzioniTipo {
    display: table-cell;
}

#trasportoPubblico #trasportoPubblicoTop #divRicercaOpzioni #divRicercaOpzioniTipo select {
    width: 167px;
    font-size: 12px;
    padding: 5px;
}

#trasportoPubblico #trasportoPubblicoTop #divRicercaOpzioni #divRicercaOpzioniMezzo {
    display: table-cell;
    padding-left:  15px;
}

#trasportoPubblico #trasportoPubblicoTop #divRicercaOpzioni #divRicercaOpzioniMezzo select {
    width: 167px;   
    font-size: 12px;
    padding: 5px;
    
}

#trasportoPubblico #trasportoPubblicoTop #divOrariValidita {
    padding: 5px;
}

#trasportoPubblico #trasportoPubblicoTop #divOrariValidita div {
    
}

#trasportoPubblico #trasportoPubblicoTop #divOrariValidita #containerTimeDaOra {
    width: 115px;
    display: block;
}
#trasportoPubblico #trasportoPubblicoTop #divOrariValidita #containerTimeDaOra {
    
}


#trasportoPubblico #trasportoPubblicoTop #divOrariValidita #divCerca  {
    background: none;
    height: 36px;
    width: 94px;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#cercaSoluzioni {
    /*margin: 0;
    padding: 0;
    background-image: none;*/
}
#datePickerData {
    float: none;
    font-size: 12px;
    margin: 0;
    width: 116px;   
    padding: 5px;
    margin-right: 5px;
    vertical-align: inherit;
}

#daOra {
    font-size: 12px;
    margin: 0;
    width: 45px;   
    padding: 5px;
    margin-right: 15px;
}


#divCercaSoluzioniText {
    width: 205px;
    font-size: 16px;
    padding: 4px 0 0 4px;
}

#divCloseOption {
    margin-left: 0;
    font-size: 16px;
    padding: 4px 0 0 4px;
    margin-top: 0;
}

#divOpenOption {
    margin-left:0;
    padding: 4px 0 0 4px;
    margin-top: 0;
}

#divOpenOption #divTextOpenOption {
    text-decoration: underline;
}


#backImage {
    
}

#containerBottomSearch {
    position: relative;
    width: 100%;
    z-index: 999;
    height: 25px;
}

#divSearch 
{
    background-image: none;
    background-color: transparent;
    width: 331px;
    z-index: 999;
    
}

#divInfoPrezzi {
    width: auto;
    height: auto;
}

#imgStampaOrari {
    width: auto;
    height: auto;
}

.linkGestioneTappe a {
    color: #777;
    text-decoration: underline;
    font-size: 13px;
}

.menuLeftTextButton {
    color: #787878;
    font-weight: bolder;
    padding-left: 20px;
    padding-top: 6px;
    padding-right: 10px;
    text-decoration: underline;
    font-size: 13px;
    background-image: url("./images/fvg_right_Arrow.png")!important;
}


#divTopArrow {
    position: relative;
    position: absolute;
    top: 0;
    right: 0;
        z-index: 999;
}

#divTopArrow div {
    background-color: #fff;
    box-shadow: -2px 4px 2px 2px #999;
    
    
}


#divDownArrow {

}


#divRicercaAll {
    
}


#headerAccordion {
     background-image: url("./images/leftAccordionUnSelected.png");background-repeat: repeat-x;  height:28px;
     height: 36px;
}

.subCatName a {
     background-image: url("./images/leftAccordionUnSelected.png")!important;background-repeat: repeat-x;  height:28px;
    color: #999!important;
} 
.subCatName a:hover,.subCatName.ui-state-active a{
     background-image: url("./images/leftAccordionSelected.png")!important;background-repeat: repeat-x;  height:28px;
     color: #000!important;
     height: 36px;
} 



#accordionPoi h3,#accordionMobi h3  {
    height: 38px;
}

.mobiBtnCenter {
    color: #B80000;
}

#btnIncomingFromTplPanel {
    display: none;
}
#divSearchAbbonamenti {
    display: none;
}


#new_menu .ui-widget-header {
    background-color: #f5f5f5;
}

#new_menu .ui-state-default, 
#new_menu .ui-widget-content .ui-state-default, 
#new_menu .ui-widget-header .ui-state-default {
        background-color: #e3e3e3;
}

#new_menu .ui-state-active, 
#new_menu .ui-widget-content .ui-state-active, 
#new_menu .ui-widget-header .ui-state-active {
        background-color: #fff;
}


#new_menu .ui-widget-header .ui-state-default a {
        color: #666!important;
}


#new_menu .ui-widget-header .ui-state-active a {
        color: #000!important;
        
}




.mobiBtn1 {line-height: 34px; text-align: center; background-image: url("images/iFrame_button.png");background-size: cover; width: 344px; font-size: 13px; color: #339900; font-weight: bold; cursor: pointer; float: right; margin-top:3px;margin-right: 5px; }

.mobiBtnLeft { background: transparent url("../images/btn_generic_leftCap_off.png") no-repeat;  float: left;height: 34px;width: 6px; margin-top:3px;margin-left: 5px;}
.mobiBtnLeft.over, .mobiBtnLeft.active  { background-image: url("../images/btn_generic_leftCap_on.png"); }
.mobiBtnRight { background: transparent url("../images/btn_generic_rightCap_off.png") no-repeat;  float: left;height: 34px;width: 6px; margin-top:3px;margin-right: 5px; }
.mobiBtnRight.over, .mobiBtnRight.active { background-image: url("../images/btn_generic_rightCap_on.png"); }


.mobiBtn {line-height: 34px; text-align: center; background-image: url("images/iFrame_button.png"); width: 172px; font-size: 13px; color: #B80000; font-weight: bold; cursor: pointer; float: right; margin-top:3px;margin-right: 5px; }

.mobiBtn:hover , .mobiBtn.active  
{
    background-image: url("images/iFrame_button_active.png"); 
    color: white!important;
}

.orarioSelected {
    font-weight: bold;
    background-color: #FF6E6E;
    color: white;
}

#bannerDiv {
    margin-right: 2px;
    margin-top:2px;
}


#tpSolutionsDiv {
    background-color: #fff;
}
#tpSolutionsDiv th.ui-th-column div {
    color: #B80000;
}

#tpSolutionsDiv thead .ui-state-hover , thead .ui-state-highlight{
    background-color: #FFF!important;
}

#tpSolutionsDiv tbody .ui-state-hover , tbody .ui-state-highlight{
    background-color: #FF9E9F!important;
}
.cellLineaVettori a {
    color: #B80000!important;
}

/* override dialog  */ 
.ui-dialog-titlebar 
{
     background: #000 !important;
     /*background: #ff9900 !important;*/
     border: none;
     font-weight: bold;
     font-size: 14px;
     font-family: arial;
     background-image: url("./images/Portals/topSectionsBackground_disabled_MYCICEROFVG.jpg")!important;
     background-repeat: repeat-x !important;
     background-position: center bottom!important;
     background-size: contain!important;
}


.ui-dialog .ui-dialog-title { color: #fff; }

.ui-state-highlight {
    background-color: #ffe0b2 !important;
}

#blockGray {
    display: none;
}

#focusDiv {
    left: 300px;
    top: 24px;
}

/*#focusDiv input {
    width: 657px !important;
    
}*/

#top #emptyFirstRow {
    height: 0px!important;
}


.popUpContent {
    padding-left: 19px;    
}


.popUpTappa {
    float: left;
    padding: 3px;
    border: 1px solid #D7D7D7;
    border-radius: 10px;
    width: 55px;
    background: linear-gradient(#fff, #E9E9E9);
    cursor: pointer;
    box-shadow: -1px 1px 1px 1px #d7d7d7;
    background-image: url(../images/map_palina_tappa.png);
    background-repeat: no-repeat;
    background-position: 4px 3px;
    font-size: 10px;
    height: 18px;
    overflow: hidden;
    margin-left: 5px;
}

.popUpInfo {
    float: left;
    padding: 3px;
    border: 1px solid #D7D7D7;
    width: 50px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: linear-gradient(#fff, #E9E9E9);
    cursor: pointer;
    box-shadow: -1px 1px 1px 1px #d7d7d7;
    background-image: url(./images/info.png);
    background-repeat: no-repeat;
    background-position: 4px 3px;
    font-size: 10px;
    height: 18px;
    overflow: hidden;
}
.popUpTo {
    float: left;
    padding: 3px;
    border: 1px solid #D7D7D7;
    border-right: none;
    border-left: none;
    width: 85px;
    background: linear-gradient(#fff, #E9E9E9);
    cursor: pointer;
    box-shadow: -1px 1px 1px 1px #d7d7d7;
    background-image: url(./images/destinazione.png);
    background-repeat: no-repeat;
    background-position: 4px 3px;
    font-size: 10px;
    height: 18px;
    overflow: hidden;
   
}
.popUpFrom {
    float: left;
    padding: 3px;
    border: 1px solid #D7D7D7;
    width: 85px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: linear-gradient(#fff, #E9E9E9);
    cursor: pointer;
    box-shadow: -1px 1px 1px 1px #d7d7d7;
    background-image: url(./images/partenza.png);
    background-repeat: no-repeat;
    background-position: 4px 3px;
    font-size: 10px;
    height: 18px;
    overflow: hidden;
}


.popUpToLeft {
    float: left;
    padding: 3px;
    border: 1px solid #D7D7D7;
    border-right: none;
    width: 85px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background: linear-gradient(#fff, #E9E9E9);
    cursor: pointer;
    box-shadow: -1px 1px 1px 1px #d7d7d7;
    background-image: url(./images/destinazione.png);
    background-repeat: no-repeat;
    background-position: 4px 3px;
    font-size: 10px;
    height: 18px;
    overflow: hidden;
   
}
.popUpFromRight {
    float: left;
    padding: 3px;
    border: 1px solid #D7D7D7;
    width: 85px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background: linear-gradient(#fff, #E9E9E9);
    cursor: pointer;
    box-shadow: -1px 1px 1px 1px #d7d7d7;
    background-image: url(./images/partenza.png);
    background-repeat: no-repeat;
    background-position: 4px 3px;
    font-size: 10px;
    height: 18px;
    overflow: hidden;
}


h3.popUpTitle {
    color: #000;
}


.legendaTipoPercorso.left,.legendaTipoPercorso.center,.legendaTipoPercorso.right {
    background-image: none;
}

#divTextCloseOption {
    color: #999999;
    display: inline-block;
    text-decoration: underline;}

#vTabs ul {
    border: 1px solid #dddddd;
    background: #dddddd;
    color: #444444;
    font-weight: bold;
}

#bwTabs ul li a, .eventDetails #tabs ul li a , #vTabs ul li a {
    color: #999;
    background-color: transparent;
}

#bwTabs ul li a:hover, .eventDetails #tabs ul li a:hover,#vTabs ul li a:hover {
    color: #B80000;
    background-color: transparent;
}

#bwTabs ul li.ui-state-active a, .eventDetails #tabs ul li.ui-state-active a ,#vTabs ul li.ui-state-active a{
    color: #B80000;
    background-color: transparent;
}

#bwTabs ul , .eventDetails #tabs ul ,#bwTabs ul   {
    background-color: #f5f5f5;
    background-image: none; 
}

#bwTabs .ui-state-hover, .eventDetails #tabs .ui-state-hover ,#vTabs .ui-state-hover{
    background-color: transparent!important;
}



.ui-dialog-titlebar, .ui-dialog-titlebar,.ui-dialog .ui-dialog-title  {
    background-image: none!important;
    background: linear-gradient(#fff, #CECECE)!important;
    color: #000;
}

#ui-dialog-title-eventDetailsBw {
    background-image: none!important;
    background: linear-gradient(#fff, #CECECE)!important;
    color: #000;
}

.titleInformativa {
    font-size: 18px;
    color: #000!important; 
    text-shadow: 0 0 #EEEEEE, 0 -1px #aaa;
}



.cg-autocomplete.cg-menu.ui-widget.ui-widget-content .ui-state-hover {
    background-color: #B80000!important;
}

.searchItemCat , .search-res-more ,
.cg-autocomplete.cg-menu.ui-widget.ui-widget-content .cg-ui-icon-seek-prev ,
.cg-autocomplete.cg-menu.ui-widget.ui-widget-content .cg-ui-icon-seek-next {
    color: #B80000!important;
}

.ui-datepicker .ui-state-hover, .ui-timepicker .ui-state-hover , .ui-datepicker .ui-state-active, .ui-timepicker .ui-state-active
{
    background-color: #B80000!important;
    color: #fff!important;
    background-image: none;
}

.ui-datepicker .ui-state-default, .ui-timepicker .ui-state-default, 
.ui-datepicker .ui-datepicker-title , .ui-timepicker .ui-timepicker-title {
    color: #B80000;
    background-image: none;
}

#new_menu .ui-state-default a, #new_menu .ui-state-active a:link, #new_menu .ui-state-default a:link, #new_menu .ui-state-default a:visited { color: #FFFFFF; font-family: Arial; font-size:15px; text-decoration: none; text-shadow: 0 -1px 0 rgb(180, 180, 180); }

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
    background-color: #B80000; 
    border-color: #B80000;
}

.dettaglioPoiSubTitle {
    color: #B80000!important;
}
