/* TEMA */
:root{
	--main:#ffc72c;
}
body {
	background-color:#f0f1f3
}
.color-main{
	color:var(--main)!important;
}
/* bottoni */
.btn-primary,.soaButton, .soaButtonMini,.btnInverti{
	background-image:none!important;
	box-shadow:none!important;
	border:0!important;
	border-radius:5px!important;
	background:#ffc72c!important;
	color:#152836!important;
	
	}
.soaButton, .soaButtonMini{
	text-transform:uppercase;
	padding:2px 5px!important;
	font-size:14px !important
}
.btn-primary:hover,.soaButton:hover, .soaButtonMini:hover,.btnInverti:hover{background:#152836;color:#fff;box-shadow:none}


.soaButtonReset {
	background:#fff!important;
	color:#152836!important;
}

#treni-pico-card {margin-bottom:10px}

/* menu navigazione */
.navbar-nav>li>.dropdown-menu{box-shadow:none}
.navbar, .header_view {box-shadow:none;margin-bottom:0}
.dropdown-menu {border-radius:10px}

/* footer */
footer[role="contentinfo"] {
	background:#152835;
	margin-top:0;	
}
footer .inner-wrapper {
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
    padding: 3em 0;
    color: #fff
}

footer .inner-wrapper:after {
    content: " ";
    display: block;
    clear: both
}

@media only screen and (min-width:50em) {
    footer .inner-wrapper {
        padding: 4.875em 0
    }
}

@media only screen and (min-width:50em) {
    footer .logo-wrapper {
        width: 20%;
        float: left;
        margin-right: 6.66667%
    }
}

@media only screen and (min-width:50em) {
    footer .nav-footer {
        width: 80%;
        float: right;
        margin-right: 0
    }
}

footer .menu-wrapper {
    margin-bottom: .75em
}

@media only screen and (min-width:34.375em) {
    footer .menu-wrapper {
        width: 15%;
        float: left;
        margin-right: 4%;
        margin-bottom: 0
    }
    footer .menu-wrapper:last-child {
        width: 20%;
        float: right;
        margin-right: 0
    }
}

footer .menu-wrapper a {
    font-weight: 400;
    color:#8d949a;
    line-height:1.2em
}

footer .menu-wrapper a:active,
footer .menu-wrapper a:focus,
footer .menu-wrapper a:hover {
    border-bottom: none
}

footer .menu-footer-category,footer .menu-footer-category a {
    display: inline-block;
    cursor: pointer;
    font-size: .9375em;
    font-weight: 500;
    line-height: 1.7;
    margin: 0 0 .375em;
    /*text-transform: uppercase;*/
    color: #ffc72c
}

@media only screen and (min-width:34.375em) {
    footer .menu-footer-category {
        cursor: default;
        margin: 0 0 .75em
    }
}

footer .menu-footer-category:after {
    content: "+";
    display: inline-block;
    margin-left: .375em
}

@media only screen and (min-width:34.375em) {
    footer .menu-footer-category:after {
        display: none
    }
}

footer .menu-footer-category.is-active:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

footer p {
    font-size: .9375em;
    margin: 0 0 .75em;
      line-height:1.2em;
      color:#8d949a
}

footer p.remove-margin {
    margin: 0;
  
}

footer .text-copyright {
    font-size: .8125em;
    line-height: 1.5em;
    font-weight: 400;
    color: #8d949a
}

footer .text-copyright .expedia-logo {
    height: .9rem;
    width: auto
}

footer .item-china {
    margin-top: .75em;
    font-size: .8125em;
    font-weight: 400;
    line-height: 1.5em
}

footer .item-china a {
    color: #fff
}


#footer-logo {
    position: relative;
    margin: 0 0 3em;
    width: 80px;
    height: 44px;
    background-position: 50%;
    background-repeat: no-repeat
}


.nav-footer .menu {
    display: none
}

@media only screen and (min-width:34.375em) {
    .nav-footer .menu {
        display: block;
        padding:0
    }
}

.nav-footer .menu li {
    display: block;
    font-size: .9375em;
    font-weight: 400;
    line-height: 1.2em;
}

.nav-footer .menu a {
    margin-bottom: .125em;
    padding: 0;
    font-weight: 400;
    color: #8d949a
}

.nav-footer .menu a:active,
.nav-footer .menu a:focus,
.nav-footer .menu a:hover {
    color: #fff
}


@media only screen and (min-width:34.375em) {
    #footer-logo {
        margin: 0 auto 3em
    }
}

@media only screen and (min-width:50em) {
    #footer-logo {
        margin: 0
    }
}
@media only screen and (min-width:50em) {
    footer .logo-wrapper {
        width: 10%;
        float: left;
        margin-right: 6.66667%
    }
}


/* TRENI */
.soaMainWindow.soaTrainsHome {background:none!important}
.soaResultsFound {
	color:#152836!important;
	line-height:1.5em
}
.soaResultsFound .fa-calendar{
	display:none
}
.soaSearchTitle {
	text-transform: uppercase!important;
    color: #ffc72c!important;
    font-size:14px!important;
    font-weight:normal !important
}

	
.soaSearchForm{
	background:#152836!important
}
.soaSearchForm,.soaSearchForm label{
	color:#fff!important
}

.soaSearchForm input[type="text"]{
	border-radius:5px;
	padding:5px;
	color:#8d949a;
}
.soaSearchForm input[type="text"]:disabled,.select__form:disabled{
	background:#ccc
}

.soaCalendar {
	background-image:none!important;
	text-transform: uppercase!important;
}
.select__form,#carnetList {
	color:#8d949a;
	border-radius:5px;
	padding:5px;
}
.soaMsgScontoHome{
	background:#ffc72c!important;
	border:0!important;
	color:#152836!important;
	/*margin:20px 0 0 450px!important;*/
}

#treni-ricerca-tipo-viaggio > .row, #treni-pico-card hr{
	display:none
}

.soaSearchForm > .row:nth-child(5){
	background: #f00
}
#id-fldStationFrom,#treni-ricerca-numero-carnet{
	margin-bottom:5px
}

.soaSearchForm input[type="radio"]:checked:after,
.soaSearchForm .radio input[type="radio"]:checked:after, 
.soaSearchForm .radio-inline input[type="radio"]:checked:after{
	border-color:#fff /*#152836*/
}
.soaSearchForm input[type="radio"]:before, 
.soaSearchForm .radio input[type="radio"]:before, 
.soaSearchForm .radio-inline input[type="radio"]:before {
	background-color:#fff
}


.soaSearchForm input[type="radio"]:after, 
.soaSearchForm .radio input[type="radio"]:after, 
.soaSearchForm .radio-inline input[type="radio"]:after{
	border-color:#fff
}
.linkCarnet{
	background:#152836!important;
	color:#fff!important;
	padding:5px 10px!important
}
.linkCarnet .fa-ticket{display:none}

.soaSearchForm > .row:nth-child(5){
	background:none!important
}

.trainHour,.soaPrice{
	color:#152836!important;
	font-size:30px!important;
}
.trainHour .fa-clock-o,.trainArrival{
	display:none
}
.soaResultsDesktopInfo,.trainArrival{
	color:#152836!important;
}
.soaResultsDepArr {
	text-align:center;
	background:#fff!important
}
.soaClassTrainNew img{
	width:50%!important
}
.soaClassTrain, .soaClassTrainNew{
	width:100%!important;
	text-align:center!important;
}
.soaTrainSeparator{
	background:none!important
}
.soaTrainsSingleReview{
	height:100px
}

.loghiVendor {
	margin:0;
	padding:0;
	margin-top:330px
}
.loghiVendor li{
	background:#f00;
	float:left;
	list-style:none;
	display:block;
	
	margin:3px;
	padding:0;
}

.loghiVendor li:nth-child(1){
	background:url(../img/trenitalia-white-logo.png) no-repeat 0 0;
	height:70px;
	width:240px;
}
.loghiVendor li:nth-child(2){
	background:url(../img/italo-white-logo.png) no-repeat 0 0;
	height:70px;
	width:240px;
	margin-top:30px
}

.soaTrainsItemPrice{
	background:#fff!important;
	color:#000!important
}
input[type='text'].soaPrice{
	
}
.soaTitoletto,.soaTitolettoNew{
	background:#152836!important;
	color:#fff!important;
	font-weight:normal;
	padding:0 0 0 10px!important;
	margin:0px!important;
	border-radius:5px;
	text-transform:uppercase
}

.soaBluLine{
	
	background:#ffc72c!important;
}

.trainPriceSummary{
	color:#152836!important;
}

.soaRoundStep,.trainSeparator{
	display:none
}
.soaBgGray{
	background:#fff!important;
}
form[name='trainBook'] input[type="text"] {
	background:#eee!important;
	border-radius:5px;
	border:0
}
form[name='trainBook'] textarea{
	border:1px solid #ccc!important
}

.ui-dialog .ui-dialog-titlebar{
	background:#ffc72c!important;
	border:0!important
}

.ui-dialog-titlebar-close {
    padding:0 !important;
}

.ui-dialog-titlebar-close:after {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    /* Change path to image*/
    /*background-image: url(../img/ui-icons_888888_256x240.png);*/
    background-position: -96px -128px;
    background-repeat: no-repeat;
}
/* bottone inverti per app treni */
.btnInverti .fa-arrows-v{
	display:none
}
.btnInverti {
	padding:20px;
	background-image: url(../img/icona_inverti_stazioni.png)!important;
    background-position: 0 0!important;
    background-repeat: no-repeat!important;
	background-size:cover!important;
	background-color: transparent!important;
}
.custom-row-summary{
	border-bottom:2px solid #ffc72c!important;
}