.pac-container .pac-item{font-size:30px !important;font-size: 30px !important;line-height: 80px;height: 80px;}
.pac-item-query {font-size:30px !important;line-height:35px;height:35px;margin-top:10px;margin-left:10px;margin-right: 10px;}
.pac-matched{font-size:30px !important;line-height:35px;height:35px;margin-top:10px;}

.pac-icon {
    width: 15px;
    height: 20px;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 30px;
    display: inline-block;
    vertical-align: top;
    background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);
    background-size: 34px;
}

/*font-face*/
@font-face {
  font-family: 'androgyneregular';
  src: url('../fonts/androgyne_tb-webfont.eot');
  src: url('../fonts/androgyne_tb-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/androgyne_tb-webfont.woff') format('woff'),
    url('../fonts/androgyne_tb-webfont.ttf') format('truetype'),
    url('../fonts/androgyne_tb-webfont.svg#androgyneregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helveticaneuecond';
  src: url('../fonts/helveticaneuecond-webfont.eot');
  src: url('../fonts/helveticaneuecond-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helveticaneuecond-webfont.woff') format('woff'),
    url('../fonts/helveticaneuecond-webfont.ttf') format('truetype'),
    url('../fonts/helveticaneuecond-webfont.svg#helveticaneuecond') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'helveticaneue-condensedobl';
  src: url('../fonts/helveticaneue-condensedobl-webfont.eot');
  src: url('../fonts/helveticaneue-condensedobl-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/helveticaneue-condensedobl-webfont.woff') format('woff'),
    url('../fonts/helveticaneue-condensedobl-webfont.ttf') format('truetype'),
    url('../fonts/helveticaneue-condensedobl-webfont.svg#helveticaneue-condensedobl') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tiresias_signfontbold';
  src: url('../fonts/tiresias_signfont_bold-webfont.eot');
  src: url('../fonts/tiresias_signfont_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tiresias_signfont_bold-webfont.woff') format('woff'),
    url('../fonts/tiresias_signfont_bold-webfont.ttf') format('truetype'),
    url('../fonts/tiresias_signfont_bold-webfont.svg#tiresias_signfontbold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tiresias_signfontitalic';
  src: url('../fonts/tiresias_signfont_italic-webfont.eot');
  src: url('../fonts/tiresias_signfont_italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tiresias_signfont_italic-webfont.woff') format('woff'),
    url('../fonts/tiresias_signfont_italic-webfont.ttf') format('truetype'),
    url('../fonts/tiresias_signfont_italic-webfont.svg#tiresias_signfontitalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tiresias_signfontregular';
  src: url('../fonts/tiresias_signfont-webfont.eot');
  src: url('../fonts/tiresias_signfont-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tiresias_signfont-webfont.woff') format('woff'),
    url('../fonts/tiresias_signfont-webfont.ttf') format('truetype'),
    url('../fonts/tiresias_signfont-webfont.svg#tiresias_signfontregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tiresias_signfont_z_bold';
  src: url('../fonts/tiresias_signfontz_bold-webfont.eot');
  src: url('../fonts/tiresias_signfontz_bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tiresias_signfontz_bold-webfont.woff') format('woff'),
    url('../fonts/tiresias_signfontz_bold-webfont.ttf') format('truetype'),
    url('../fonts/tiresias_signfontz_bold-webfont.svg#tiresias_signfont_z_bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tiresias_signfont_z_italic';
  src: url('../fonts/tiresias_signfontz_italic-webfont.eot');
  src: url('../fonts/tiresias_signfontz_italic-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tiresias_signfontz_italic-webfont.woff') format('woff'),
    url('../fonts/tiresias_signfontz_italic-webfont.ttf') format('truetype'),
    url('../fonts/tiresias_signfontz_italic-webfont.svg#tiresias_signfont_z_italic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'tiresias_signfont_zregular';
  src: url('../fonts/tiresias_signfontz-webfont.eot');
  src: url('../fonts/tiresias_signfontz-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/tiresias_signfontz-webfont.woff') format('woff'),
    url('../fonts/tiresias_signfontz-webfont.ttf') format('truetype'),
    url('../fonts/tiresias_signfontz-webfont.svg#tiresias_signfont_zregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* reset & default */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, textarea, select,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
html, body {width: 100%; height: 100%; color: #6a6a6a; font-family: arial; line-height: 1;
            font-size: 100%;
            -webkit-text-size-adjust:100%;
            -ms-text-size-adjust:100%;
}
textarea {font-family: inherit; overflow: auto; vertical-align: top; resize: none}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;}
table {border-spacing: 0;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
img {border: 0 none; max-width: 100%; outline: 0 none}
h1, h2, h3, h4 {font-weight: normal;}
a {color: #000; text-decoration: none; border: 0 none; outline: 0 none}
a:hover {color: #c11521; border: 0 none; outline: 0 none}
:focus {border: 0 none; outline: 0 none}
/*!!!*/
.visibility {display: none; width: 0; height: 0;}
/*!!!*/
.hidden-voice{position:absolute;top:-5000px;left:-5000px;opacity:0;}
.clear{clear:both;font-size:1px;}
input, textarea,
input.ui-input-text, textarea.ui-input-text {color: #6a6a6a; font-size: 32px; font-family: arial;
                                             -webkit-border-radius: 10px;
                                             -moz-border-radius: 10px;
                                             border-radius: 10px;}

/* common */

body[orient="portrait"]

input.form-element-error {color: red;}

.left {float: left;}
.right {float: right;}
.hidden {display: none !important;}
.hidden_soft {display: none;}
.invisible {visibility: hidden;}
.clearfix:before,
.clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}

#alert-notifier .content a{
	color:inherit;
}

.noscale {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;}
.fieldoverflow {overflow: hidden;}
.ui-field-contain + .fieldoverflow.ui-field-contain {margin: 24px 0 20px;}

.paddT1 {padding-top: 10px}
.padd2 {padding: 15px 0}
/*css sprite*/
.ui-body-x .ui-icon, .wi-icon {background-image: url(../images/icons/wi-icon-red.png); background-repeat: no-repeat; background-color:transparent;}
i.wi-icon {display: inline-block}
.ui-body-x .ui-btn-inner {border: 0 none}

.icon-add {
  background-position: 0 5px;
  height: 71px;
  width: 65px;
}
.icon-add-red {
  background-position: -80px 5px;
  height: 71px;
  width: 65px;
}
a.active .icon-add {background-position: -80px 5px;}

.icon-alert {width: 57px; height: 53px; background-position: -160px 0;}
.ui-icon-cholet-alert {width: 57px; height: 53px; background-position: -160px 0;}
a:not(.not-logged):hover .icon-alert,
a.active .icon-alert,
.ui-btn-active .icon-alert,
a:not(.not-logged):hover .ui-icon-cholet-alert,
a.active .ui-icon-cholet-alert,
.ui-btn-active .ui-icon-cholet-alert,
.icon-alert.red {background-position: -240px 0;}
.icon-alert-number {
  position: absolute;
  color: #9D9D9D;
  text-shadow: 1px 1px 2px #FFFFFF;
}

#container-switch-gender div.active-gender{
  background: #6b6b6b;
  color:#FFF;
}

#container-switch-gender div{
    float: left;
    cursor: pointer;
    width: 48%;
    font-size: 32px;
    text-align: center;
    border: 4px solid #6b6b6b;
    padding-bottom: 15px;
    padding-top: 15px;
    background: #ececec;
    font-weight: bold;
}

#bp-homme{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#bp-femme{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

#container-switch-gender{
    height: 70px;
    width: 99%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.icon-arrow-up, .ui-icon-arrow-up {
  background-position: -608px -270px;
}

.icon-map-line {width: 57px; height: 53px; background-position: -160px -407px;}
a:hover .icon-map-line, a.active .icon-map-line, .ui-btn-active .icon-map-line {background-position: -218px -407px;}

.ui-icon-arrow-xclose {width: 44px; height: 46px; background-position: -320px 0;}
.ui-btn-active .ui-icon-arrow-xclose, .ui-focus .ui-icon-arrow-xclose {background-position: -400px 0;}

.icon-intend {width: 43px; height: 46px; background-position: -480px 0;}


.icon-communicate {width: 67px; height: 46px; background-position: 0 -80px;}
a.active .icon-communicate, .ui-btn-active .icon-communicate {background-position: -80px -80px;}
a:hover .icon-communicate, a.active .icon-communicate, .ui-btn-active .icon-communicate {background-position: -80px -80px;}

.icon-handicap {width: 160px; height: 70px; background-position: -4px -1785px;}
a.active .icon-handicap, .ui-btn-active .icon-handicap {background-position: -175px -1785px;}
.blank-handicap {width: 160px; height: 70px;}

.ui-icon-arrow-xconfig {width: 51px; height: 53px; background-position: -160px -80px;}
a.active .ui-icon-arrow-xconfig, .ui-focus .ui-icon-arrow-xconfig {background-position: -240px -80px;}

.ui-icon-arrow-xsave {width: 50px; height: 55px; background-position: -320px -720px;}
a.active .ui-icon-arrow-xsave, .ui-focus .ui-icon-arrow-xsave {background-position: -320px -800px;}

.icon-home {width: 59px; height: 52px; background-position: -320px -80px;}
a:hover .icon-home, a.active .icon-home, .ui-btn-active .icon-home {background-position: -400px -80px;}

.icon-arrow-left {width: 28px; height: 41px; background-position: -480px -80px;}
a:hover .icon-arrow-left, a.active .icon-arrow-left {background-position: -520px -80px;}

.icon-arrow-down {width: 58px; height: 80px; background-position: -80px -320px; position: relative; z-index: 10}

.icon-male {width: 13px; height: 34px; background-position: -160px -240px; margin-right: 15px}
.icon-male:hover, .icon-male.active {background-position: -200px -240px}

.icon-female {width: 17px; height: 34px; background-position: -80px -240px; margin-left: 15px}
.icon-female:hover, .icon-female.active {background-position: -120px -240px}

.icon-user, .ui-icon-user-1 {width: 52px; height: 53px; background-position: -160px -160px;}
a:not(.not-logged):hover .ui-icon-user-1, a.active .ui-icon-user-1, .ui-focus .ui-icon-user-1 {background-position: -240px -160px}
.icon-user-2 {width: 42px; height: 41px; background-position: -80px -840px;}
.icon-map-2 {width: 60px; height: 40px; background-position: 0 -840px;}

.icon-back {width: 52px; height: 53px; background-position: -160px -160px;}
.icon-back:hover, .icon-back.active {background-position: -240px -160px}

.icon-date {width: 48px; height: 47px; background-position: 0 -240px;}

.icon-clock-big {width: 46px; height: 47px; background-position: -240px -240px;}

.icon-mobile {width: 164px; height: 125px; background-position: 0 -480px}
.icon-mobile:hover, .icon-mobile.active, .ui-btn-active .icon-mobile {background-position: 0 -640px}

.icon-map {width: 80px; height: 57px; background-position: -320px -160px}
.icon-map:hover, .icon-map.active, .ui-btn-active .icon-map {background-position: -440px -160px}

.icon-train {width: 84px; height: 90px; background-position: -200px -480px}
a.active .icon-train, .ui-focus .icon-train {background-position: -200px -600px}

.icon-bus {width: 84px; height: 90px; background-position: -320px -480px}
a.active .icon-bus, .ui-focus .icon-bus {background-position: -320px -600px}
/*!!!*/
.icon-bike {width: 84px; height: 90px; background-position: -135px -1115px}
a.active .icon-bike, .ui-focus .icon-bike {background-position: -135px -1007px}
.icon-auto {width: 84px; height: 90px; background-position: -366px -1115px}
a.active .icon-auto, .ui-focus .icon-auto {background-position: -366px -1007px}
.icon-motorbike {width: 84px; height: 90px; background-position: -481px -1115px}
a.active .icon-motorbike, .ui-focus .icon-motorbike {background-position: -481px -1005px}
.icon-plane {width: 84px; height: 90px; background-position: -596px -1115px}
a.active .icon-plane, .ui-focus .icon-plane {background-position: -596px -1005px}
.icon-metro {width: 84px; height: 90px; background-position: -135px -1329px}
a.active .icon-metro, .ui-focus .icon-metro {background-position: -135px -1219px}
.icon-walk {width: 84px; height: 90px; background-position: -250px -1329px}
a.active .icon-walk, .ui-focus .icon-walk {background-position: -250px -1219px}
.icon-online {width: 84px; height: 90px; background-position: -366px -1329px}
a.active .icon-online, .ui-focus .icon-online {background-position: -366px -1219px}

.icon-taxi {width: 84px; height: 90px; background-position: -20px -1115px}
a.active .icon-taxi, .ui-focus .icon-taxi {background-position: -20px -1007px}
/*!!!*/
.icon-plan {width: 60px; height: 66px; background-position: -600px -200px}
.ui-btn-active .icon-plan, .ui-focus .icon-plan {background-position: -600px -120px}

.ui-icon-arrow-right {width: 19px; height: 32px; background-position: 0 -320px}
a:hover .ui-icon-arrow-right, a.active .ui-icon-arrow-right{background-position: -40px -320px}

.ui-icon-arrow-right-r {width: 19px; height: 32px; background-position: -600px -80px; display: block}
.ui-icon-arrow-right-white {width: 19px; height: 32px; background-position: -568px -80px; display: block}

.icon-check-green {width: 45px; height: 47px; background-position: -560px -320px}
.icon-check-green.active {background-position: -320px -320px}

.icon-check-red {width: 45px; height: 47px; background-position: -560px -320px}
.icon-check-red.active {background-position: -400px -320px}

.ui-icon-arrow-back {width: 28px; height: 41px; background:url(../images/icons/wi-icon-red.png) no-repeat -480px -80px;}
a.active .ui-icon-arrow-back, .ui-focus .ui-icon-arrow-back {background:url(../images/icons/wi-icon-red.png) no-repeat -520px -80px;}

.ui-icon-arrow-xadd {width: 40px; height: 40px; background:url(../images/icons/wi-icon-red.png) no-repeat -600px 0;}
a.active .ui-icon-arrow-xadd, a.ui-focus .ui-icon-arrow-xadd {background:url(../images/icons/wi-icon-red.png) no-repeat -640px 0;}

.icon-mytravel {width: 34px; height: 66px; background-position: -560px -200px}
.ui-btn-active .icon-mytravel, .ui-focus .icon-mytravel {background-position: -560px -120px}

.icon-buscir {width: 67px; height: 67px; background-position: -80px -400px}
.active .icon-buscir {width: 65px; height: 67px; background-position: 0 -400px}

.icon-search {width: 54px; height: 57px; background-position: -560px -400px}
.ui-btn-active .icon-search, .ui-focus .icon-search {background-position:-360px -240px}

.icon-sun {width: 58px; height: 55px; background-position: 0 -160px}
.ui-btn-active .icon-sun, .ui-focus .icon-sun {background-position: -640px -400px}

.icon-sun-r {width: 58px; height: 55px; background-position: -80px -160px;vertical-align: middle;}

.icon-cal {width: 58px; height: 55px; background-position: -260px -1590px}

.ui-icon-arrow-xtrash {width: 50px; height: 53px; background-position: -390px -810px;}
.ui-btn-active .ui-icon-arrow-xtrash, .ui-focus .ui-icon-arrow-xtrash {background-position: -450px -810px}

.ui-icon-arrow-xcomplete {width: 51px; height: 53px; background-position: -520px -800px;}
.ui-btn-active .ui-icon-arrow-xcomplete, .ui-focus .ui-icon-arrow-xcomplete {background-position: -600px -800px}

.icon-remove-community {width: 60px; height: 64px; background-position: -200px -720px;}
.icon-edit-profile {width: 45px; height: 37px; background-position: -400px -720px}
.icon-block {width: 38px; height: 42px; background-position: 0 -895px;}

.icon-smile {width: 100px; height: 106px; background-position: -440px -880px;}
/*a:hover .icon-smile, a.active .icon-smile, .ui-btn-active .icon-smile, .ui-focus .icon-smile {background-position: -560px -880px;}*/
a:hover .icon-smile, a.active .icon-smile, .ui-btn-active .icon-smile, .ui-focus .icon-smile {background-position: -465px -1673px;}
.icon-sad {width: 100px; height: 106px; background-position: -228px -1671px;}
/*a:hover .icon-sad, a.active .icon-sad, .ui-btn-active .icon-sad, .ui-focus .icon-sad {background-position: -320px -880px;}*/
a:hover .icon-sad, a.active .icon-sad, .ui-btn-active .icon-sad, .ui-focus .icon-sad {background-position: -580px -1674px;}
.icon-warning {width: 106px; height: 106px; background-position: -225px -1671px;}
a:hover .icon-warning, a.active .icon-warning, .ui-btn-active .icon-warning, .ui-focus .icon-warning {background-position: -345px -1672px;}

.icon-star {width: 36px; height: 40px; background-position: -440px -240px}
.icon-star-active {width: 36px; height: 40px; background-position: -480px -240px}
.icon-useravartar {width: 30px; height: 31px; background-position: -640px -80px}
.icon-clocksmall {width: 28px; height: 30px; background-position: -320px -240px}
.icon-clocksmall, .active .icon-clocksmall {width: 30px; height: 35px; background-position: -320px -275px}
.icon-clocksmall-reel , .active .icon-clocksmall {width: 30px; height: 55px; background-position: -320px -275px}

.icon-up-arrow {width: 32px; height: 20px; background-position: -80px -920px;}
a:hover .icon-up-arrow {width: 32px; height: 20px; background-position: -120px -920px;}

.icon-down-arrow {width: 32px; height: 20px; background-position: -80px -960px;}
a:hover .icon-down-arrow {width: 32px; height: 20px; background-position: -120px -960px;}

.icon-sunsmall {width: 31px; height: 31px; background-position: -560px -280px}


.icon-taxir {width: 67px; height: 67px; background-position: -23px -1438px}
.icon-biker {width: 67px; height: 67px; background-position: -138px -1438px}
.icon-busr {width: 67px; height: 67px; background-position: -255px -1438px}
.icon-autor {width: 67px; height: 67px; background-position: -370px -1438px}
.icon-motorbiker {width: 67px; height: 67px; background-position: -485px -1438px}
.icon-planer {width: 67px; height: 67px; background-position: -600px -1438px}
.icon-trainr {width: 67px; height: 67px; background-position: -23px -1518px}
.icon-metror {width: 67px; height: 67px; background-position: -140px -1518px}
.icon-walkr {width: 67px; height: 67px; background-position: -255px -1518px}
.icon-onliner {width: 67px; height: 67px; background-position: -370px -1518px}

.ui-icon-user-1 {}
.icon-check-notice {width: 48px; height: 54px; background-position: -640px -320px}
.active .icon-check-notice {background-position: -540px -480px}
.icon-clockbig {width: 45px; height: 46px; background-position: -240px -240px}
.icon-profile {width: 51px; height: 54px; background-position: -600px -480px}
.icon-mail {width: 48px; height: 38px; background-position: -540px -540px}
.icon-sun-g {width: 93px; height: 99px; background-position: -480px -690px}
.icon-alert-1 {width: 93px; height: 99px; background-position: -572px -690px}
.ui-icon-arrow-xedit {width: 52px; height: 52px; background-position: -540px -600px}
.ui-btn-active .ui-icon-arrow-xedit, .ui-focus .ui-icon-arrow-xedit {background-position: -600px -600px}

.icon-radio.active { width: 35px; height: 35px; background-position: -280px -400px;}
.icon-radio { width: 35px; height: 35px; background-position: -320px -400px;}

/*.icon-station { width: 90px; height: 90px; background-position: -475px -1505px;}*/
.icon-station {  width: 37px; height: 51px; background-position: -463px -1527px; }
.icon-station:hover, .icon-station.active, .ui-btn-active .icon-station, .my-trip-list .icon-station, #user-history .icon-station {background-position: -500px -1527px;}

/*.icon-route { width: 90px; height: 90px; background-position: -594px -1512px;}*/
/*.icon-route { width: 70px;height: 50px; background-position: -600px -1525px; }*/
.icon-route {width: 80px; height: 57px; background-position: -320px -160px}
.icon-route:hover, .icon-route.active, .ui-btn-active .icon-route {background-position: -600px -1525px;}

.icon-route1 {width: 70px; height: 50px; background-position: -600px -1525px;}

.icon-flag-green { width: 45px; height: 50px; background-position: -350px -1795px;}
.icon-flag-black { width: 45px; height: 50px; background-position: -405px -1795px;}
.icon-flag-green-s { width: 20px; height: 26px; background-position: -8px -959px;}
.icon-flag-black-s { width: 20px; height: 26px; background-position: -39px -959px;}

.icon-walkt {width: 30px; height: 30px; background-position: -17px -1750px}
.icon-bust {width: 30px; height: 30px; background-position: -93px -1750px}
.icon-clockt {width: 30px; height: 30px; background-position: -163px -1750px}
.icon-segmentt {width: 30px; height: 160px; background-position: -660px -475px}

/*overriden*/
.ui-body-x .ui-shadow, .ui-body-x .ui-icon-shadow {box-shadow: none;}
.ui-body-x .ui-icon {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;}
.ui-content {padding:15px 30px 35px}
.ui-field-contain {margin: 20px 0}
.contain-button {margin: 20px 30px;}
.ui-focus, .ui-btn:focus {
  -moz-box-shadow: inset 0px 0px 3px #ffffff, 0px 0px 9px #ffffff;
  -webkit-box-shadow: inset 0px 0px 3px 	#ffffff, 0px 0px 9px #ffffff;
  /*box-shadow: inset 0px 0px 3px #ffffff, 0px 0px 9px #ffffff;*/
  box-shadow: none;
}

#count_alert{
    display: none;
    height: 30px;
    position: absolute;
    width: 30px;
    z-index: 100;
    top: 15px;
    font-size: 20px;
    right: -10px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background: #bb2227;
    color: #FFF;
}
.ui-input-text.ui-focus,
.ui-input-search.ui-focus {
  -moz-box-shadow: 0px 0px 12px #ffffff;
  -webkit-box-shadow: 0px 0px 12px #ffffff;
  box-shadow: 0px 0px 12px #ffffff;

  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

/*.icon-add-red {width: 45px; height: 47px; background-image: url('../images/icons/T2C_Add.png');}
.icon-add-red.active {background-image: url('../images/icons/T2C_Add.png'); }

.icon-add-green {width: 45px; height: 47px; background-image: url('../images/icons/T2C_Add.png');}
.icon-add-green.active {background-image: url('../images/icons/T2C_Add.png');}*/

/*button*/
.ui-hide-label, .ui-hide-label-special {height: 80px; padding: 5px; background: #d2d2d2 url(../images/bg-wrap-input.png) repeat-x 0 0; position: relative;
                                        -webkit-border-radius: 15px;
                                        -moz-border-radius: 15px;
                                        border-radius: 15px;

                                        border:solid 1px #fbfbfb;

                                        -webkit-box-sizing: border-box;
                                        -moz-box-sizing: border-box;
                                        -ms-box-sizing: border-box;
                                        box-sizing: border-box;
}
.ui-hide-label-special {background: 0 none; border: 0 none}
.ui-hide-label input[type="text"], input[type="email"], .ui-hide-label input[type="password"],
.ui-hide-label-special input[type="text"], input[type="email"], .ui-hide-label-special input[type="password"] {height: 100%; background: #e1e1e1;
                                                                                                               text-shadow: 0 2px 1px rgba(255, 255, 255, 0.9);}

.ui-hide-label .ui-shadow-inset,
.ui-hide-label-special .ui-shadow-inset {
  -moz-box-shadow: inset 0px 1px 5px 2px #babbba;
  -webkit-box-shadow: inset 1px 0px 5px 2px #babbba;
  box-shadow: inset 0px 1px 5px 2px #babbba;
}

.btn {width: 100%; background: url(../images/form/bg-left-btn-red.png) no-repeat 0 100%; padding:0 0 0 13px; float: left; border:0 none;
      box-shadow:none;}
.btn .ui-btn-inner {width: 100%; background: url(../images/form/bg-right-btn-red.png) no-repeat 100% 100%; padding:0 13px 0 0;  float: left; border:0 none;
                    -webkit-border-radius: 0;
                    -moz-border-radius: 0;
                    border-radius: 0;

                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    box-sizing: border-box;}
.btn .ui-btn-text {width: 100%; height: 86px; line-height: 75px; background: url(../images/form/bg-midd-btn-red.png) repeat-x 0 100%;  float: left; font-family: arial; font-size: 32px; color: #eeeeee;
                   -webkit-border-radius: 0;
                   -moz-border-radius: 0;
                   border-radius: 0;

                   text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.5);

                   -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                   -ms-box-sizing: border-box;
                   box-sizing: border-box;}

.btn-green,
.btn-green.ui-btn-up-x {width: 100%; background: url(../images/form/bg-left-btn-g.png) no-repeat 0 100%; padding:0 0 0 13px; float: left; border:0 none;
                        box-shadow:none;}
.btn-green > .ui-btn-inner,
.btn-green.ui-btn-up-x > .ui-btn-inner {width: 100%; background: url(../images/form/bg-right-btn-g.png) no-repeat 100% 100%; padding:0 13px 0 0;  float: left; border:0 none;
                                        -webkit-border-radius: 0;
                                        -moz-border-radius: 0;
                                        border-radius: 0;

                                        -webkit-box-sizing: border-box;
                                        -moz-box-sizing: border-box;
                                        -ms-box-sizing: border-box;
                                        box-sizing: border-box;}
.btn-green > .ui-btn-inner > .ui-btn-text,
.btn-green.ui-btn-up-x > .ui-btn-inner > .ui-btn-text {
  width: 100%; height: 86px;
  line-height: 75px;
  background: url(../images/form/bg-midd-btn-g.png) repeat-x 0 100%;
  float: left;
  font-family: arial;
  font-size: 32px;
  color: #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  text-shadow: 1px -1px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.ui-slider-label.ui-btn-active {
  background: green;
}

.btn.active, .btn.ui-btn-down-x, .btn.ui-btn-hover-x,
.btn.ui-btn-active {background: url(../images/form/bg-left-btn-red-o.png) no-repeat 0 100%;}

.btn.active .ui-btn-inner,
.btn.ui-btn-down-x .ui-btn-inner, .btn.ui-btn-hover-x .ui-btn-inner,
.btn.ui-btn-active .ui-btn-inner {background: url(../images/form/bg-right-btn-red-o.png) no-repeat 100% 100%;}

.btn.active .ui-btn-text,
.btn.ui-btn-down-x .ui-btn-text, .btn.ui-btn-hover-x .ui-btn-text,
.btn.ui-btn-active .ui-btn-text {background: url(../images/form/bg-midd-btn-red-o.png) repeat-x 0 100%;  line-height: 85px; font-family: arial; font-size: 32px; font-weight: normal; color: #4e0006;}

.btn-green.active,
.btn-green.ui-btn-down-x, .btn-green.ui-btn-hover-x,
.btn-green.ui-btn-active {background: url(../images/form/bg-left-btn-o-g.png) no-repeat 0 100% !important;}

.btn-green.active .ui-btn-inner,
.btn-green.ui-btn-down-x .ui-btn-inner, .btn-green.ui-btn-hover-x .ui-btn-inner,
.btn-green.ui-btn-active .ui-btn-inner {background: url(../images/form/bg-right-btn-o-g.png) no-repeat 100% 100% !important;}

.btn-green.active .ui-btn-text,
.btn-green.ui-btn-down-x .ui-btn-text, .btn-green.ui-btn-hover-x .ui-btn-text,
.btn-green.ui-btn-active .ui-btn-text {background: url(../images/form/bg-midd-btn-o-g.png) repeat-x 0 100% !important;  line-height: 85px; font-family: arial; font-size: 32px; font-weight: normal; color: #366501;}

.ui-checkbox .ui-btn-corner-all {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner {border: 0 none}
.ui-checkbox .ui-btn-text {font-size: 30px;}
.ui-checkbox input, .ui-radio input {
    left: 15px;
}

.radio-handicap .ui-radio input {
    left: 15px;
    position: initial;
    margin: -10px 0 0 0;
    width: 40px;
    height: 40px;
}


.radio-handicap{
  margin-bottom: 10px;
  height: 75px;
      width: 99%;
    margin: 0 auto;
}
.radio-handicap label{
  font-size: 32px;
  margin-left: 15px;
}

.radio-handicap label{
  float: left;
  line-height: 25px;
}

.radio-handicap input{
  float: left;
}

#container-carte{
      margin-bottom: 50px;
  display: none;
}
/* .ui-checkbox .ui-icon-checkbox-on {width: 32px; height: 34px; background: url(../images/icons/wi-icon-red.png) no-repeat -360px -400px;}
.ui-icon-checkbox-off {width: 32px; height: 34px; background: url(../images/icons/wi-icon-red.png) no-repeat -400px -400px;}
*/
.ui-checkbox .ui-icon-checkbox-on {width: 32px; height: 34px; background:#d3d3d3; border-top:solid 1px #9e9e9e;	border-bottom:solid 2px #ffffff;
                                   -webkit-border-radius: 3px;
                                   -moz-border-radius: 3px;
                                   border-radius: 3px;

                                   -webkit-box-sizing: border-box;
                                   -moz-box-sizing: border-box;
                                   -ms-box-sizing: border-box;
                                   box-sizing: border-box;
}
.ui-checkbox .ui-icon-checkbox-off {width: 32px; height: 34px; border-top:solid 1px #9e9e9e;
                                    border-bottom:solid 2px #ffffff;
                                    background:#d3d3d3;

                                    -webkit-border-radius: 3px;
                                    -moz-border-radius: 3px;
                                    border-radius: 3px;

                                    -webkit-box-sizing: border-box;
                                    -moz-box-sizing: border-box;
                                    -ms-box-sizing: border-box;
                                    box-sizing: border-box;}

.ui-checkbox .ui-icon-checkbox-on:after {position: absolute; content: ""; width: 16px; height: 16px; background: #e70000;

                                         content: '';
                                         position: absolute;
                                         width: 20px;
                                         height: 10px;
                                         background: transparent;
                                         top: 50%;
                                         left: 50%;
                                         margin: -7px 0 0 -10px;
                                         border: 5px solid #e70000;
                                         border-top: none;
                                         border-right: none;

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

                                         -webkit-box-sizing: border-box;
                                         -moz-box-sizing: border-box;
                                         -ms-box-sizing: border-box;
                                         box-sizing: border-box;
}
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {left: 0}

/*struture*/
.brand-login {text-align:center;width: 100%; overflow: hidden; font-size: 32px; color: #d4d4d4; text-transform: uppercase; margin-bottom: 40px; display: block;
              text-shadow:2px 2px 1px #ffffff}
.brand {width: 100%; overflow: hidden; font-size: 32px; color: #d4d4d4; text-transform: uppercase; margin-bottom: 40px; display: block;
        text-shadow:2px 2px 1px #ffffff}
.brand > a { width: 173px; background: url(../images/line-vertical.png) repeat-y 100% 0; float: left; margin: 0 35px 0 0; }
.brand span {line-height: 40px; padding: 5px 0 0; }
.brand strong {font-family: arial;}

/*header*/
.ui-header.ui-bar-x {height: 110px;}
.ui-header.ui-bar-x > div {background: url(../images/bg-left-header.png) no-repeat 0 0; padding-left: 32px; position: relative; z-index: 2}
.ui-header.ui-bar-x > div > div {height: 110px; background: url(../images/bg-right-header.png) no-repeat 100% 0; padding-right: 32px; position: relative; z-index: 2}
.ui-header.ui-bar-x > div > div > div {height: 110px; background: url(../images/bg-midd-header.png) repeat-x 0 0; padding:0; position: relative; z-index: 99999}
.link-back {min-width: 65px; float: left; height:88px; background: url(../images/line-vertical-1.png) repeat-y 100% 0; margin: 0;}
.link-back .icon-arrow-left {margin: 25px 0 0}
.link-back .ui-btn-inner {padding: 0; margin: 0; height: 100%; border: 0 none}
.link-back.ui-btn .ui-btn-text {color: #bababa; font-size:36px; font-family: arial; line-height: 80px; padding: 0 25px 0 20px;
                                text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}
.link-back.ui-focus .ui-btn-text, .link-back.ui-focus .ui-btn-text {color: #a9000e}

.ui-bar-x .logo {text-align: center;}
.ui-bar-x .logo img { width: 168px; height: 69px; position:relative; top:10px;}
.ui-bar-x .ui-navbar li .ui-btn .ui-btn-inner {padding: 0; margin: 0}
.ui-bar-x i.wi-icon {display: block;}
.ui-bar-x .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-bar-x .ui-btn-icon-right > .ui-btn-inner > .ui-icon {margin-top:-22px;}
.ui-bar-x .ui-focus, .ui-bar-x .ui-btn:focus {box-shadow: none;}
.ui-bar-x .link-xadd,
.ui-bar-x .link-xedit {width:72px; height: 88px; position: absolute; right: 0; top:0; background: url(../images/line-vertical-1.png) repeat-y 0 0; margin: 0}
.link-xadd .ui-btn-inner, .link-xconfig  .ui-btn-inner, .link-xsave  .ui-btn-inner, .group-control-right  .ui-btn-inner,
.link-xedit  .ui-btn-inner {width: 100%; height: 100%; padding: 0; margin: 0}

.ui-bar-x .link-xadd.ui-btn-icon-left > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xadd.ui-btn-icon-right > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xconfig.ui-btn-icon-left > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xconfig.ui-btn-icon-right > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xsave.ui-btn-icon-left > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xsave.ui-btn-icon-right > .ui-btn-inner > .ui-icon,
.ui-bar-x .group-control-right .ui-btn-icon-left > .ui-btn-inner > .ui-icon,
.ui-bar-x .group-control-right .ui-btn-icon-right > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xclose.ui-btn-icon-right > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xclose.ui-btn-icon-left > .ui-btn-inner > .ui-icon {margin-left: 22px}

.ui-bar-x .link-xedit.ui-btn-icon-left > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xedit.ui-btn-icon-right > .ui-btn-inner > .ui-icon  {margin-left: 16px}

.ui-bar-x .link-xconfig.ui-btn-icon-left > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xconfig.ui-btn-icon-right > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xsave.ui-btn-icon-left > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xsave.ui-btn-icon-right > .ui-btn-inner > .ui-icon,
.ui-bar-x .group-control-right .ui-btn-icon-left > .ui-btn-inner > .ui-icon,
.ui-bar-x .group-control-right .ui-btn-icon-right > .ui-btn-inner > .ui-icon,
.ui-bar-x .link-xclose.ui-btn-icon-right > .ui-btn-inner > .ui-icon {margin-left: 18px; margin-top:-30px;}


.ui-bar-x .link-xedit.ui-btn-icon-left > .ui-btn-inner > .ui-icon {margin-top:-27px;}

.ui-bar-x .link-xclose {width:72px; height: 88px; position: absolute; right: 0; top:0; background: url(../images/line-vertical-1.png) repeat-y 0 0; margin: 0}
.link-xclose .ui-btn-inner, .link-xclose  .ui-btn-inner{width: 100%; height: 100%; padding: 0; margin: 0}

.link-xconfig, .link-xsave  {width:72px;  height: 88px; position: absolute; right: 0; top:0; background: url(../images/line-vertical-1.png) repeat-y 0 0; margin: 0}
.group-control-right {min-width:72px;  height: 88px; position: absolute; right: 0; top:0; background: url(../images/line-vertical-1.png) repeat-y 0 0; margin: 0}

.ui-header .ui-btn-icon-left .ui-icon-user-1,
.ui-footer .ui-btn-icon-left .ui-icon-user-1,
.ui-mini.ui-btn-icon-left .ui-icon-user-1,
.ui-mini .ui-btn-icon-left .ui-icon-user-1 {left: 0;}
.ui-bar-x .ui-btn-icon-left > .ui-btn-inner > .ui-icon-user-1,
.ui-bar-x .ui-btn-icon-right > .ui-btn-inner > .ui-icon-user-1 {margin-top: -27px}

/*footer*/
.ui-footer.ui-bar-x {background: url(../images/bg-left-footer.png) no-repeat 0 100%; padding-left: 32px}
.ui-footer.ui-bar-x > div {background: url(../images/bg-right-footer.png) no-repeat 100% 100%; padding-right: 32px}
.ui-footer.ui-bar-x > div > div {height: 126px; background: url(../images/bg-midd-footer.png) repeat-x 0 100%; padding:0;}
.ui-footer.ui-bar-x .ui-navbar li.ui-block-a .ui-btn .ui-btn-inner {padding-right: 27px}
.ui-footer.ui-bar-x .ui-navbar li.ui-block-c .ui-btn .ui-btn-inner {padding-left: 22px}
.ui-footer .navbar {width: 100%; text-align: center;}
.ui-footer .navbar i span{opacity:0;}
.ui-footer .ui-btn-active {background: url(../images/bg-nav-o.png) repeat 0 0;}
.ui-footer .ui-btn-inner {border: 0 none}
.ui-footer .ui-btn-active {border: 0 none;
                           -webkit-border-radius: 0;
                           -moz-border-radius: 0;
                           border-radius: 0;}
.ui-footer .ui-btn:focus {box-shadow: none;}
.ui-footer .ui-btn {height: 100%; text-align: center;}
.ui-footer .wi-icon {margin: 0 auto}
.ui-footer .ui-block-a {
  width: 20%;
  height: 85px;
  margin: 40px 0 0 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #c8c8c8;
}

.ui-footer .ui-block-a a.ui-btn-active:before {width: 22px; height: 85px; content: ''; position: absolute; left: -22px; bottom: 0;
                                               background: url(../images/bg-nav-o.png) repeat 0 0; }
.ui-footer .ui-block-a .icon-home {margin-top:17px;}

.ui-footer .ui-block-b {
  width: 60%;
  height: 85px;
  margin: 40px 0 0 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #c8c8c8;
}
.ui-footer .ui-block-b .icon-communicate {margin:20px 0 0 20%;}
.ui-footer .ui-block-b .ui-btn {float: left; width: 50%}

.ui-footer .ui-block-b .icon-map {margin:17px 0 0 50%;}
.ui-footer .ui-block-c .icon-map-line {margin:17px 0 0 20%;}
.ui-footer .ui-block-b .link-mobile.ui-btn {width: 164px; margin: 0 auto; float: none; position: absolute; left: 50%;
                                            margin:-40px 0 0 -82px;}
.ui-footer .ui-block-b .link-mobile.ui-btn-active {background: 0 none}

.ui-footer .ui-block-c {
  width: 20%;
  height: 85px;
  margin: 40px 0 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border-left: 1px solid #ffffff;
}
.ui-footer .ui-block-c a.ui-btn-active:after {width: 22px; height: 85px; content: ''; position: absolute; right: -18px; bottom: 0;
                                              background: url(../images/bg-nav-o.png) repeat 0 0; }
.ui-footer .ui-block-c .icon-alert {margin-top:17px;}


/*login*/
.login .ui-content:first-child {margin-top: 15px;}
.separator-text {text-align: center; width: 100%; min-height: 50px; line-height: 50px; position: relative; font-family: arial; margin: 10px 0 0}
.separator-text span {padding: 0 10px; font-size: 36px}
.separator-text .left-dotted {background: url(../images/line-horizontal-1.png) repeat-x 0 50%; width: 45%; height: 2px; position: absolute; right: 0; top: 50%; padding: 0}
.separator-text .right-dotted {background: url(../images/line-horizontal-1.png) repeat-x 0 50%; width: 45%; height: 2px; position: absolute; left: 0; top: 50%; padding: 0}

.separator-text-1 {text-align: center; width: 100%; min-height: 50px; line-height: 50px; position: relative; font-family: arial; margin: 10px 0 0; background: url(../images/line-horizontal-1.png) repeat-x 0 50%;}
.separator-text-1 span {padding: 0 10px; font-size: 36px; background: #ececec; padding: 0 10px}
/*container*/
.container {width: 100%;width: 100%; background: #d4d4d4; height: 100%; padding-bottom:9px;  ;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            -moz-box-shadow: -1px 7px 20px -4px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: -1px 7px 20px -4px rgba(0, 0, 0, 0.5);
            box-shadow: -1px 7px 20px -4px rgba(0, 0, 0, 0.5);}

.container .header {height: 88px; background: #6b6b6b; color: #ffffff; padding: 14px 15px;
                    -webkit-border-top-left-radius: 10px;
                    -moz-border-top-left-radius: 10px;
                    -ms-border-top-left-radius: 10px;
                    -o-border-top-left-radius: 10px;
                    border-top-left-radius: 10px;

                    -webkit-border-top-right-radius: 10px;
                    -moz-border-top-right-radius: 10px;
                    -ms-border-top-right-radius: 10px;
                    -o-border-top-right-radius: 10px;
                    border-top-right-radius: 10px;

                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    box-sizing: border-box;
}
.container .headerGray {height: 88px; background: #203700; color: #ffffff; padding: 14px 15px;
                        -webkit-border-top-left-radius: 10px;
                        -moz-border-top-left-radius: 10px;
                        -ms-border-top-left-radius: 10px;
                        -o-border-top-left-radius: 10px;
                        border-top-left-radius: 10px;

                        -webkit-border-top-right-radius: 10px;
                        -moz-border-top-right-radius: 10px;
                        -ms-border-top-right-radius: 10px;
                        -o-border-top-right-radius: 10px;
                        border-top-right-radius: 10px;

                        -webkit-box-sizing: border-box;
                        -moz-box-sizing: border-box;
                        -ms-box-sizing: border-box;
                        box-sizing: border-box;
                        webkit-border-radius: 0px; border-radius: 0px;background:#dddddd;color:#6a6a6a;
}

.container .header h2 {background: url(../images/line-horizontal-2.png) repeat-x 0 70%; text-align: center; font-size: 36px; font-family: arial;
                       text-shadow:2px 2px 1px #353535}
.container .header h2 .fixed-center-title-block {
  display: inline-block;
  width: 58px;
}
.container .headerGray h2 {background: url(../images/line-horizontal-2.png) repeat-x 0 65%; text-align: center; font-size: 36px; font-family: arial;
}

.container .content {background: #ececec; padding: 0 20px; border: solid 1px #ffffff; margin: -10px 0 0; position: relative;
                     -webkit-border-radius: 10px;
                     -moz-border-radius: 10px;
                     border-radius: 10px;

                     -moz-box-shadow: 0 -8px 15px -5px rgba(0, 0, 0, 0.5);
                     -webkit-box-shadow: 0 -8px 15px -5px rgba(0, 0, 0, 0.5);
                     box-shadow: 0 -8px 15px -5px rgba(0, 0, 0, 0.5);

                     -webkit-box-sizing: border-box;
                     -moz-box-sizing: border-box;
                     -ms-box-sizing: border-box;
                     box-sizing: border-box;}

.container.alert-notifier {
  padding-bottom: 2px;
  background: #6e6e6e;
}

.container.alert-notifier .content {
  background: #909090;
  border: none;
  box-shadow: none;
  
  padding: 15px 30px;
  font-size: 30px;
  color: #ffffff;
  /*
  height: 85px;text-overflow: ellipsis;
  overflow: hidden;
  white-space:nowrap;*/
}

.container.alert-notifier .content img {
  vertical-align: middle;
  margin-right: 20px;
  margin-bottom: 5px;
}

/*tab*/
.container.tab .header {padding: 0; height: 92px}
.tab .header .ui-btn-inner {border: 0 none}
.nav-tab {overflow: hidden;background: #6B6B6B}
.nav-tab .ui-navbar {margin: 0; padding: 0}
.nav-tab li {width:50%; float: left; height: 90px}
.nav-tab.multi li {width:20%; float: left; height: 90px}
.nav-tab span.tabFont{letter-spacing:-1px; color:rgb(169, 0, 14); font-family: arial; font-size: 30px;}
.nav-tab .ui-btn {height: 100%; border: 0 none; font-size: 36px; font-family: arial; color: #ffffff;
                  -webkit-border-radius: 8px 8px 0 0;
                  -moz-border-radius: 8px 8px 0 0;
                  border-radius: 8px 8px 0 0;}
.nav-tab .ui-btn-active {background: #ececec; color: #6a6a6a; font-size: 36px; position: relative; z-index: 5;
                         /*text-shadow: 0 2px 0 #ffffff;*/
                         text-shadow: 0px -1px 0px #515151, 0px 2px 0px #ffffff;
                         border-top:solid 1px #ffffff;}
.nav-tab .ui-btn .ui-btn-inner {font-size: 36px; padding: 0; margin:0;}
.nav-tab .ui-btn:focus {box-shadow: none;}
.nav-tab.ui-navbar li .ui-btn .ui-btn-inner {height: 80px; padding: 0; margin: 0}
.nav-tab .ui-btn-text {top:-11px; line-height: 104px; text-shadow: 0px -1px 0px #515151, 0px 2px 0px #e3e3e3;}
.nav-tab .ui-btn-active .ui-btn-text {
  /*text-shadow: 0 2px 0 #ffffff;*/
  text-shadow: 0px -1px 0px #515151, 0px 2px 0px #ffffff;
  font-weight: normal;}
/*.nav-tab .ui-btn-text .wi-icon {position: relative; top:17px; margin-right: 15px}*/
.nav-tab .ui-btn-text .wi-icon {position: relative; top:17px; margin-right: 5px}

.tab .content > .content-inner {/* overflow: hidden; */ padding: 20px 0 0}
.tab .content {padding: 0}
.tab .title {width:96%; margin: 10px auto 20px}

/*register*/
.grid-special .ui-block-a {padding:0 10px 0 0; height: 100%}
.grid-special .ui-block-b {padding:0 0 0 10px; height: 100%}
.center-block {text-align: center; margin: 0 auto}
.contain-slider {background: #d2d2d2; border:solid 1px #fbfbfb; display: inline-block; padding: 5px 5px 3px;
                 background: -moz-linear-gradient(top,  #d2d2d2 0%, #ffffff 100%);
                 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#ffffff));
                 background: -webkit-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                 background: -o-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                 background: -ms-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                 background: linear-gradient(to bottom,  #d2d2d2 0%,#ffffff 100%);

                 -webkit-border-radius: 20px;
                 -moz-border-radius: 20px;
                 border-radius: 20px;
}
.contain-slider > div.ui-slider{top:0; margin: 0}
.contain-slider .ui-btn-inner {width: 72px; height: 29px; background: url(../images/form/btn-slider.png) no-repeat 0 0;}
.contain-slider .ui-shadow {box-shadow: none;}
.contain-slider .ui-slider-inneroffset {width: 68px}
.ui-field-contain div.ui-slider-switch, .contain-slider > .ui-field-contain div.ui-slider-switch {width: 143px; height: 34px;
                                                                                                  background: #2d5500;
                                                                                                  background: -moz-linear-gradient(top,  #2d5500 0%, #6ca200 100%);
                                                                                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d5500), color-stop(100%,#6ca200));
                                                                                                  background: -webkit-linear-gradient(top,  #2d5500 0%,#6ca200 100%);
                                                                                                  background: -o-linear-gradient(top,  #2d5500 0%,#6ca200 100%);
                                                                                                  background: -ms-linear-gradient(top,  #2d5500 0%,#6ca200 100%);
                                                                                                  background: linear-gradient(to bottom,  #2d5500 0%,#6ca200 100%);
                                                                                                  -webkit-border-radius: 20px;
                                                                                                  -moz-border-radius: 20px;
                                                                                                  border-radius: 20px;
}
.ui-controlgroup a.ui-slider-handle, a.ui-btn.ui-slider-handle {width: 72px; height: 29px;}
.contain-slider .ui-btn-active {
  background: #2d5500;
  background: -moz-linear-gradient(top,  #2d5500 0%, #6ca200 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d5500), color-stop(100%,#6ca200));
  background: -webkit-linear-gradient(top,  #2d5500 0%,#6ca200 100%);
  background: -o-linear-gradient(top,  #2d5500 0%,#6ca200 100%);
  background: -ms-linear-gradient(top,  #2d5500 0%,#6ca200 100%);
  background: linear-gradient(to bottom,  #2d5500 0%,#6ca200 100%);

  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;}
div.ui-slider-switch .ui-slider-handle {margin: 3px 0 0 -14px}

/*newtrip*/
.container .header {height: 100px; padding: 26px 15px 14px;}
.ui-hide-label-icon {position: relative;}
.ui-hide-label-icon .icon-control {width: 71px; height: 68px; position: absolute; right: 5px; top:5px; background: url(../images/line-vertical-1.png) repeat-y 0 0;  text-align: center;}
.ui-hide-label-icon .icon-control .wi-icon {margin: 10px auto 0;}
.line-separator {width: 100%; height: 2px; border: 0 none; font-size: 0; background: url(../images/line-horizontal-1.png) repeat-x 0 0;}
.ui-label-nostyle {margin-bottom: 0}
.ui-label-nostyle, .ui-label-nostyle .ui-btn-inner {background: 0 none; border: 0 none}
.ui-label-nostyle .ui-block-a .ui-radio {float: right;}
.ui-label-nostyle .ui-btn-text {font-size: 30px;
                                /* text-shadow: 0 2px 1px rgba(255, 255, 255, 0.9); */}
.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {margin-top: -17px}
.ui-radio-on .ui-icon {width: 32px; height: 32px; background:#d3d3d3; border-top:solid 1px #9e9e9e;	border-bottom:solid 2px #ffffff;
                       -webkit-box-sizing: border-box;
                       -moz-box-sizing: border-box;
                       -ms-box-sizing: border-box;
                       box-sizing: border-box;}
.ui-label-nostyle .ui-icon {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}
.ui-label-nostyle .ui-icon-radio-off {width: 32px; height: 32px; position: relative; border-top:solid 1px #9e9e9e;
                                      border-bottom:solid 2px #ffffff;
                                      background:#d3d3d3;

                                      -webkit-box-sizing: border-box;
                                      -moz-box-sizing: border-box;
                                      -ms-box-sizing: border-box;
                                      box-sizing: border-box;}

.ui-label-nostyle .ui-icon-radio-on:after {position: absolute; top:50%; left: 50%; margin: -8px 0 0 -8px; content: ""; width: 16px; height: 16px; background: #e70000;
                                           -webkit-border-radius: 16px;
                                           -moz-border-radius: 16px;
                                           border-radius: 16px;
                                           border-bottom: solid 1px #8e0005;
                                           -webkit-box-sizing: border-box;
                                           -moz-box-sizing: border-box;
                                           -ms-box-sizing: border-box;
                                           box-sizing: border-box;
}
.label {font-size: 32px; font-family: arial; margin: 0 auto; text-align:center;
        text-shadow: 0 2px 1px rgba(255, 255, 255, 0.9);}
.list-transport {width: 100%; text-align: center; padding-bottom: 10px}
.list-transport li {display: inline; padding: 0 20px}
.title {text-align: center; font-size: 36px; font-family: arial;}
.title strong {color: #a9000e}
.title-1 {width: 100%; background: url(../images/line-horizontal-2.png) repeat-x 0 50%; display: block;}
.title-1 span {background: #ececec; padding: 0 15px 0 10px}

.title-2 {width: 100%; background: url(../images/line-horizontal-1.png) repeat-x 0 50%; display: block;}
.title-2 span {background: #ececec; padding: 0 15px 0 10px}

.title-3 {width: 100%; background: url(../images/line-horizontal-3.png) repeat-x 0 50%; display: block;}
.title-3 span {background: #ececec; padding: 0 15px 0 10px}

.line-break {
  width: 100%;
  background: url(../images/line-horizontal-2.png) repeat-x 0 50%;
  display: block;
  clear: both;
  margin-bottom: 20px;
}

.line-break-1 {
  width: 100%;
  background: url(../images/line-horizontal-1.png) repeat-x 0 50%;
  display: block;
  clear: both;
  margin-bottom: 20px;
}

.slider-transport {margin: 0 auto 20px 45px; font-size: 32px}
.slider-transport label.ui-slider {width: 130px; font-size: 32px; float: left;
                                   text-shadow: 0 2px 1px rgba(255, 255, 255, 0.9);}
.slider-transport label.ui-slider > span {color: #a40000}
.slider-transport div.ui-slider {width: auto;
                                 background: #d2d2d2; border:solid 1px #fbfbfb; display: block; padding: 5px;
                                 background: -moz-linear-gradient(top,  #d2d2d2 0%, #ffffff 100%);
                                 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#ffffff));
                                 background: -webkit-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                                 background: -o-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                                 background: -ms-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                                 background: linear-gradient(to bottom,  #d2d2d2 0%,#ffffff 100%);

                                 -webkit-border-radius: 20px;
                                 -moz-border-radius: 20px;
                                 border-radius: 20px;}
.slider-transport .ui-controlgroup a.ui-slider-handle, .slider-transport a.ui-btn.ui-slider-handle {width: 72px; height: 48px; background: url(../images/icons/wi-icon.png) no-repeat -440px -400px; margin: -23px 0 0 -36px; }
.slider-transport .ui-shadow {box-shadow: none}
.slider-transport .ui-btn-corner-all {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;}
.slider-transport div.ui-slider {height: 20px;}
.slider-transport div.ui-slider:after {content: ''; height:20px; position: absolute; top:6px; left: 5px; right: 5px; background:url(../images/bg-wrap-slider.png) repeat-x 0 0;

                                       -webkit-border-radius: 10px;
                                       -moz-border-radius: 10px;
                                       border-radius: 10px;

                                       -moz-box-shadow: inset 0px 1px 2px 5px #babbba;
                                       -webkit-box-shadow: inset 1px 0px 2px 5px #babbba;
                                       box-shadow: inset 0px 1px 2px 5px #babbba;

                                       -webkit-box-sizing: border-box;
                                       -moz-box-sizing: border-box;
                                       -ms-box-sizing: border-box;
                                       box-sizing: border-box;}
.slider-transport .ui-btn-active {z-index: 1; height: 15px; margin: 3px; background: url(../images/bg-slider-bar.png) repeat-x 0 0; position: relative;}
.slider-bar {padding-left: 200px;}/*!!!*/

.list-schedule {width: 100%; position: relative; height: 80px; margin: 0 auto;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                -ms-box-sizing: border-box;
                box-sizing: border-box;}
.list-schedule li {width: 40px; float: left; position: absolute;
                   -webkit-box-sizing: border-box;
                   -moz-box-sizing: border-box;
                   -ms-box-sizing: border-box;
                   box-sizing: border-box;}
.list-schedule li:nth-child(1) {left: 0}
.list-schedule li:nth-child(2) {left: 15%}
.list-schedule li:nth-child(3) {left: 30%}
.list-schedule li:nth-child(4) {left: 45%}
.list-schedule li:nth-child(5) {left: 60%}
.list-schedule li:nth-child(6) {left: 75%}
.list-schedule li:nth-child(7) {left: 90%}

.list-schedule .ui-btn-corner-all {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.list-schedule .ui-checkbox {height: 75px}
.list-schedule .ui-checkbox .ui-btn-inner {height: 75px}
.list-schedule .ui-checkbox input {top:10px;}
.list-schedule .ui-checkbox .ui-icon {margin-top:-45px;}
.list-schedule .ui-checkbox .ui-btn-text {left: -45px; padding: 0; top:35px;}

/*search*/
.geo-inputs .trRow .tdCell{background:transparent !important;}
.input-with-geo{width:96%;float:left;}
.geo-icon{position:relative;top:38px;left:15px;}

.tab-search {padding: 0 20px}
.tab-main, .block-break {margin-bottom: 40px}
.tab-main .nav-tab .ui-btn-text {top:-5px;}
/*.tab-main .nav-tab li:last-child .ui-btn-text {top: 0}*/
.tab-main .nav-tab li:last-child .ui-btn-text .wi-icon {top:10px;}
.tab-pane {display: none;}
.tab-pane.active {display: block;}

.mytrip-block .header {padding: 0}
.mytrip-block .header h2 {background: url(../images/line-horizontal-2.png) repeat-x 0 53%; text-align: left; padding: 25px 0 25px 0; margin: 0 25px}
.mytrip-block .header h2 span {background: #6b6b6b; padding: 0 15px 0 0}
.mytrip-block .header > a {
  height: 100%;
  border: 0 none;
  float: right;
  padding: 0 0 0 31px; margin: 0;
  background: url(../images/r-bg-tab.png) no-repeat 0 0;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.mytrip-block .header > a > span {
  background: url(../images/bg-midd-tab.png) repeat-x 0 0;
  display: block;
  height: 100%;
  padding-right: 50px;
  font-family: arial;
  font-size: 36px;
  color: #ffffff;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.mytrip-block .header > a > span.ui-btn-text {text-shadow: 1px 2px 2px #B20011;}

.mytrip-block .header > a .ui-icon-arrow-right-r {margin: -45px 10px 0 0; }
.mytrip-block .header > a .ui-icon-arrow-right-white {margin: -45px 35px 0 0; }
.mytrip-block .header > a .ui-icon-shadow {box-shadow:none;}
.mytrip-block .header .ui-btn-text {padding-right: 10px; top:5px;}

.mytrip-block.container .content {padding:0;}
.mytrip-block .content .list-vertical {clear: none;}
.mytrip-block .list-vertical {width: 100%; overflow: visible;}
.mytrip-block .ui-focus, .mytrip-block .ui-btn:focus {box-shadow: none; z-index: 0}
.mytrip-block .list-vertical:before {background: none}
.fulloff {margin:-1px -22px 0 0; width: 103%
            -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          box-sizing: border-box;}

.mytrip-block .list-type-grey li:first-child {
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  border-top-left-radius: 10px;

  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.mytrip-block .list-type-grey li:last-child, .my-trip-list li:last-child {
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -ms-border-bottom-left-radius: 10px;
  -o-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;

  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mytrip-block .list-type-grey .title-hearing {font-size: 26px; color: #ab161b; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1)}
/*.mytrip-block .list-type-grey .title-hearing strong {color: #233c00; font-size: 32px; display: block; padding-bottom: 5px}*/
.mytrip-block .list-type-grey .title-hearing strong {color: #6a6a6a; font-size: 32px; display: block; padding-bottom: 5px}

#option-mobiplus {
  margin: 0 0 40px;
}

#gestion-compte{
  margin: 0 0 40px;
}
.tab-trip .title {text-shadow: 2px 2px 1px #ffffff;}
.tab-trip .title strong {color: #c11521}
.tab-trip .title .icon-sun-r {position: relative; top:15px; left: 10px}

.tab-trip .ui-bar-x {min-height: 91px; padding: 13px 0; border-top: solid 1px #821f1f; border-bottom: solid 1px #821f1f; font-size: 32px; color: #ececec; text-align: center;
                     text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.5);

                     background: #dd0505;
                     background: -moz-linear-gradient(top, #dd0505 0%, #a10808 100%);
                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd0505), color-stop(100%,#a10808));
                     background: -webkit-linear-gradient(top, #dd0505 0%,#a10808 100%);
                     background: -o-linear-gradient(top, #dd0505 0%,#a10808 100%);
                     background: -ms-linear-gradient(top, #dd0505 0%,#a10808 100%);
                     background: linear-gradient(to bottom, #dd0505 0%,#a10808 100%);}

.tab-trip .ui-bar-x p > span {font-family: arial; width: 58%; float: left; text-align: left;

                              -webkit-white-space: nowrap;
                              -moz-white-space: nowrap;
                              -ms-white-space: nowrap;
                              -o-white-space: nowrap;
                              white-space: nowrap;

                              -ms-text-overflow: ellipsis;
                              text-overflow: ellipsis;

                              -webkit-box-sizing: border-box;
                              -moz-box-sizing: border-box;
                              -ms-box-sizing: border-box;
                              box-sizing: border-box;}
.tab-trip .ui-bar-x p > span:first-child {text-align: right; line-height: 64px; width: 42%}
.tab-trip .ui-bar-x:first-child p > span:first-child {padding-right: 35px}
.tab-trip .ui-bar-x p span > strong {width: 64px; height: 64px; line-height: 64px; margin: 0 15px; display: inline-block; border: solid 1px #b41616; text-align: center;
                                     -webkit-border-radius: 64px;
                                     -moz-border-radius: 64px;
                                     border-radius: 64px;

                                     background: #910808;
                                     background: -moz-linear-gradient(top, #910808 0%, #b70707 100%);
                                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#910808), color-stop(100%,#b70707));
                                     background: -webkit-linear-gradient(top, #910808 0%,#b70707 100%);
                                     background: -o-linear-gradient(top, #910808 0%,#b70707 100%);
                                     background: -ms-linear-gradient(top, #910808 0%,#b70707 100%);
                                     background: linear-gradient(to bottom, #910808 0%,#b70707 100%);}


.tab-trip .ui-bar-x-grey {border-top: solid 1px #7d7d7d; border-bottom: solid 1px #000000;
                          background: #6b6b6b;
                          background: -moz-linear-gradient(top, #6b6b6b 0%, #4e4d4d 100%);
                          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#4e4d4d));
                          background: -webkit-linear-gradient(top, #6b6b6b 0%,#4e4d4d 100%);
                          background: -o-linear-gradient(top, #6b6b6b 0%,#4e4d4d 100%);
                          background: -ms-linear-gradient(top, #6b6b6b 0%,#4e4d4d 100%);
                          background: linear-gradient(to bottom, #6b6b6b 0%,#4e4d4d 100%);}

.tab-trip .ui-bar-x-grey p span > strong {border: solid 1px #646363;
                                          background: #484848;
                                          background: -moz-linear-gradient(top, #484848 0%, #605f5f 100%);
                                          background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#484848), color-stop(100%,#605f5f));
                                          background: -webkit-linear-gradient(top, #484848 0%,#605f5f 100%);
                                          background: -o-linear-gradient(top, #484848 0%,#605f5f 100%);
                                          background: -ms-linear-gradient(top, #484848 0%,#605f5f 100%);
                                          background: linear-gradient(to bottom, #484848 0%,#605f5f 100%);}

.list-vertical {margin: -1px; position: relative; clear: both; overflow: hidden;}
.list-vertical:before {content:""; position: absolute; top:0; left: 0; z-index: 1;
                       width: 100%; height:4px; background: url(../images/bg-shadow-top.png) repeat-x 0 0;}
#alert-list-directions:before {
  background: none;
}
.list-vertical li .title-hearing {
  font-size: 32px; color: #e7e7e7;
  text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.5);
  vertical-align: middle;
}
.list-vertical li{background: #7d7d7d; border-bottom: solid 1px #000000;
                  background: -moz-linear-gradient(top, #7d7d7d 0%, #4f4e4e 100%);
                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7d7d), color-stop(100%,#4f4e4e));
                  background: -webkit-linear-gradient(top, #7d7d7d 0%,#4f4e4e 100%);
                  background: -o-linear-gradient(top, #7d7d7d 0%,#4f4e4e 100%);
                  background: -ms-linear-gradient(top, #7d7d7d 0%,#4f4e4e 100%);
                  background: linear-gradient(to bottom, #7d7d7d 0%,#4f4e4e 100%);
                  -webkit-box-shadow: 0 0 0 1px #8f8f8f inset;
                  -moz-box-shadow: 0 0 0 1px #8f8f8f inset;
                  box-shadow: 0 0 0 1px #8f8f8f inset;
                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  -ms-box-sizing: border-box;
                  box-sizing: border-box;}

.list-vertical li:nth-child(2n+1){background: #6a6a6a;
                                  background: -moz-linear-gradient(top, #6a6a6a 0%, #4e4d4d 100%);
                                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a6a6a), color-stop(100%,#4e4d4d));
                                  background: -webkit-linear-gradient(top, #6a6a6a 0%,#4e4d4d 100%);
                                  background: -o-linear-gradient(top, #6a6a6a 0%,#4e4d4d 100%);
                                  background: -ms-linear-gradient(top, #6a6a6a 0%,#4e4d4d 100%);
                                  background: linear-gradient(to bottom, #6a6a6a 0%,#4e4d4d 100%);
                                  -webkit-box-shadow: none;
                                  -moz-box-shadow:  none;
                                  box-shadow:  none;}

.list-vertical li .trRow, .table .trRow {display: table; width: 100%}
.list-vertical li .trRow .tdCell, .table .trRow .tdCell {min-height: 90px; display: table-cell; vertical-align: middle; padding: 9px;
                                                         background: url(../images/border-td-r.png) repeat-y 0 0;
                                                         -webkit-box-sizing: border-box;
                                                         -moz-box-sizing: border-box;
                                                         -ms-box-sizing: border-box;
                                                         box-sizing: border-box;}

.my-trip-list .container.tab .list-vertical:before {
  background: none;
}

.list-type-grey li .trRow .tdCell, .table .trRow .tdCell {background: url(../images/border-td-grey.png) repeat-y 0 0; position: relative;}

.list-vertical .trRow .tdCell:first-child,
.list-type-grey .trRow .tdCell:first-child {background: none; width: 90px; text-align: center; min-height: 90px;}

.list-vertical .trRow .tdCell.cell-icon {width: 90px; text-align: center;}
.list-vertical .trRow .cell-icon-small {min-height: 70px; width: 70px}
.fieldcontain-x.ui-field-contain {margin: 4.5em -1px; max-width: 110%;}
.list-vertical .trRow [class^="cell-icon-"],
.list-vertical .trRow [class*=" cell-icon-"] {text-align: center;}
.list-vertical .tdCell .wi-icon {
  margin: 0 auto;
}

.list-type-grey li{ border:0 none; position: relative;
                    background: #f4f4f4;
                    background: -moz-linear-gradient(top, #f4f4f4 0%, #e7e7e7 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e7e7e7));
                    background: -webkit-linear-gradient(top, #f4f4f4 0%,#e7e7e7 100%);
                    background: -o-linear-gradient(top, #f4f4f4 0%,#e7e7e7 100%);
                    background: -ms-linear-gradient(top, #f4f4f4 0%,#e7e7e7 100%);
                    background: linear-gradient(to bottom, #f4f4f4 0%,#e7e7e7 100%);
                    -webkit-box-shadow: none;
                    -moz-box-shadow:  none;
                    box-shadow:  none;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    box-sizing: border-box;
                    margin: 0 1px;
}

.list-type-grey li:after{width: 100%; content:''; position: absolute; bottom: 0; left: 0;
                         height: 2px; background: url(../images/border-td-top-grey.png) 0 0 repeat-x;}

.list-type-grey li:last-child:after {width: auto; height: 1px; left: 10px; right: 10px; bottom: -1px;}
.list-type-grey li:nth-child(2n+1){
  background: #f4f4f4;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #e7e7e7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e7e7e7));
  background: -webkit-linear-gradient(top, #f4f4f4 0%,#e7e7e7 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%,#e7e7e7 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%,#e7e7e7 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%,#e7e7e7 100%);

  -webkit-box-shadow: none;
  -moz-box-shadow:  none;
  box-shadow:  none;}

.container.tab .list-type-grey li:first-child {background: none;}

.rate-circle {width: 65px; height: 65px; display: block;

              -webkit-border-radius: 65px;
              -moz-border-radius: 65px;
              border-radius: 65px;

              background: #272727;
              background: -moz-linear-gradient(top,  #272727 0%, #3d3d3d 100%);
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#272727), color-stop(100%,#3d3d3d));
              background: -webkit-linear-gradient(top,  #272727 0%,#3d3d3d 100%);
              background: -o-linear-gradient(top,  #272727 0%,#3d3d3d 100%);
              background: -ms-linear-gradient(top,  #272727 0%,#3d3d3d 100%);
              background: linear-gradient(to bottom,  #272727 0%,#3d3d3d 100%);

              padding: 2px;

              -webkit-box-sizing: border-box;
              -moz-box-sizing: border-box;
              -ms-box-sizing: border-box;
              box-sizing: border-box;}

.rate-circle > span {width: 61px; height: 61px; display: block; position: relative;

                     background: #df212e;
                     background: -moz-linear-gradient(top,  #df212e 0%, #9d0610 100%);
                     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df212e), color-stop(100%,#9d0610));
                     background: -webkit-linear-gradient(top,  #df212e 0%,#9d0610 100%);
                     background: -o-linear-gradient(top,  #df212e 0%,#9d0610 100%);
                     background: -ms-linear-gradient(top,  #df212e 0%,#9d0610 100%);
                     background: linear-gradient(to bottom,  #df212e 0%,#9d0610 100%);

                     -webkit-border-radius: 61px;
                     -moz-border-radius: 61px;
                     border-radius: 61px;

}
.rate-circle > span > strong {text-align: center; line-height: 64px; font-size: 32px; font-family: arial; color: #e7e7e7;
                              text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.5);}

.pieContainer span {display: block}
.pieContainer {display: block;  height: 60px;}
.pieBackground {
  background-color: grey;
  position: absolute;
  width: 60px;
  height: 60px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -moz-box-shadow: -1px 1px 3px #000;
  -webkit-box-shadow: -1px 1px 3px #000;
  -o-box-shadow: -1px 1px 3px #000;
  box-shadow: -1px 1px 3px #000;
}

.pie {
  position: absolute;
  width: 60px;
  height: 60px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  clip: rect(0px, 30px, 60px, 0px);
}
.hold {
  position: absolute;
  width: 60px;
  height: 60px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  clip: rect(0px, 60px, 60px, 30px);
}
#pieSlice1 .pie {
  background: #df212e;
  background: -moz-linear-gradient(top,  #df212e 0%, #9d0610 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df212e), color-stop(100%,#9d0610));
  background: -webkit-linear-gradient(top,  #df212e 0%,#9d0610 100%);
  background: -o-linear-gradient(top,  #df212e 0%,#9d0610 100%);
  background: -ms-linear-gradient(top,  #df212e 0%,#9d0610 100%);
  background: linear-gradient(to bottom,  #df212e 0%,#9d0610 100%);

  -webkit-transform:rotate(30deg);
  -moz-transform:rotate(30deg);
  -o-transform:rotate(30deg);
  transform:rotate(30deg);
}
/*trip alert*/
.vote-block {text-align: center; margin:15px 0;}
.vote-block li {display: inline; padding:0 5px}
.vote-block li a {}

.list-message li:before,
.list-message li:after {content: " "; display: table;}
.list-message li:after {clear: both;}
.list-message li {font-size: 24px; margin-bottom: 13px}
.title-message {margin: 4em 0}
.header-message {overflow: hidden; background: url(../images/line-horizontal-1.png) repeat-x 0 40%; padding-bottom: 10px;}
.header-message span {background: #ececec; line-height: 32px}
.header-message span:first-child {float: left; padding-right: 10px}
.header-message span:last-child {float: right; padding-left: 10px}
.header-message span > img {float: left; margin-right: 10px;}
.content-message {padding: 5px;  position: relative;
                  background: -moz-linear-gradient(top, #6da41c 0%, #56880e 61%);
                  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6da41c), color-stop(100%,#56880e));
                  background: -webkit-linear-gradient(top, #6da41c 0%,#56880e 100%);
                  background: -o-linear-gradient(top, #6da41c 0%,#56880e 100%);
                  background: -ms-linear-gradient(top, #6da41c 0%,#56880e 100%);
                  background: linear-gradient(to bottom, #6da41c 0%,#56880e 100%);

                  -webkit-box-sizing: border-box;
                  -moz-box-sizing: border-box;
                  -ms-box-sizing: border-box;
                  box-sizing: border-box;

                  -webkit-border-radius: 10px;
                  -moz-border-radius: 10px;
                  border-radius: 10px;}

.content-message p {min-height: 70px; padding: 15px; font-size: 32px; line-height: 32px;
                    background: #f5f5f5;
                    background: -moz-linear-gradient(top, #f5f5f5 0%, #dadada 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#dadada));
                    background: -webkit-linear-gradient(top, #f5f5f5 0%,#dadada 100%);
                    background: -o-linear-gradient(top, #f5f5f5 0%,#dadada 100%);
                    background: -ms-linear-gradient(top, #f5f5f5 0%,#dadada 100%);
                    background: linear-gradient(to bottom, #f5f5f5 0%,#dadada 100%);

                    -webkit-border-radius: 6px;
                    -moz-border-radius: 6px;
                    border-radius: 6px;

                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    box-sizing: border-box; }

.content-message:before {width: 21px; height: 13px; content:""; position: absolute; top:-13px; left: 46px; background: url(../images/arrow-pubble-g.png) no-repeat 0 0}

.message-r {background: #b92c3e;
            background: -moz-linear-gradient(top, #b92c3e 0%, #9f2030 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b92c3e), color-stop(100%,#9f2030));
            background: -webkit-linear-gradient(top, #b92c3e 0%,#9f2030 100%);
            background: -o-linear-gradient(top, #b92c3e 0%,#9f2030 100%);
            background: -ms-linear-gradient(top, #b92c3e 0%,#9f2030 100%);
            background: linear-gradient(to bottom, #b92c3e 0%,#9f2030 100%);}

.message-r:before {background: url(../images/arrow-pubble-r.png) no-repeat 0 0}

/*trip*/

.list-travel{font-size:27px;}
.list-travel > li .title-hearing {font-size: 26px; color: #ab161b;
                                  text-shadow: 1px 1px 2px rgba(255, 255, 255, 1)}
.list-travel > li .title-hearing strong {color: #6a6a6a; font-size: 32px; display: block; }

.list-travel > li:first-child {
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.list-travel > li:last-child {
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -ms-border-bottom-left-radius: 10px;
  -o-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;

  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.list-travel > li.active {
  background: #565555;
  background: -moz-linear-gradient(top, #565555 0%, #4e4d4d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565555), color-stop(100%,#4e4d4d));
  background: -webkit-linear-gradient(top, #565555 0%,#4e4d4d 100%);
  background: -o-linear-gradient(top, #565555 0%,#4e4d4d 100%);
  background: -ms-linear-gradient(top, #565555 0%,#4e4d4d 100%);
  background: linear-gradient(to bottom, #565555 0%,#4e4d4d 100%);
}
.list-travel > li.active .title-hearing {font-size: 26px; color: #ab161b;
                                         text-shadow: 0 1px 1px #636363}
.list-travel > li.active .title-hearing strong {color: #e7e7e7; font-size: 32px; display: block;
                                                text-shadow: 0 -2px 1px rgba(0, 0, 0, 0.50);}

/*.list-type-grey li.active .trRow .tdCell {background: url('../images/grey-row.png'); background-repeat: repeat-x;}*/
.list-type-grey li.active:after{height: 2px; background: url(../images/border-td-top-grey-o.png) 0 0 repeat-x;}
.list-travel li.active .trRow .tdCell:first-child, .list-travel li.active .trRow .tdCell:first-child {}
#trip-management .list-type-grey li.active:after{height: 2px; background: url(../images/border-td-top-grey-o-1.png) 0 0 repeat-x;}


/*.list-type-grey li.active .trRow .tdCell:not(:first-child) {
  border-left: 1px solid #6f6f6f;
}*/

/*.list-type-grey li.active .trRow .tdCell:not(:last-child) {
  border-right: 1px solid #323131;
}*/
#my-trip-list {
  z-index: 1;
}
#my-trip-list .active .title-hearing{color:#ccc !important; }
.my-trip-list > li .title-hearing {font-size: 26px; color: #ab161b; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1)}
.my-trip-list > li .title-hearing strong {color: #6a6a6a; font-size: 32px; display: block; }
.my-trip-list li.my-route-item .trRow {
  height: 90px;
}
.my-trip-list li.my-route-item .route-title, .my-trip-list li.my-route-item .route-line {
  float: left;
  /*width: 70%;*/
  text-align: left;
}
.my-trip-list li.my-route-item .route-title {
  font-size: 30px;
  margin-top: 5px;
}
.my-trip-list li.my-route-item .route-title > div {
  margin-right: 5px;
}
.my-trip-list li.my-route-item .route-title > div img{
  margin: 5px 20px;
  vertical-align: middle;
}
.my-trip-list li.my-route-item .route-line .icon-line {
  display: inline-block;
  height:55px;
  width:70px;
  padding-top:15px;
  margin: 5px;
}
/*result*/
#result-block {margin-bottom: 40px}
#result-block .content {padding: 0; overflow: hidden; border: 0 none}
#result-block .list-type-grey li > div {
  display: table;
  width: 100%
}
#result-block .list-type-grey li .trRow .tdCell {background: url(../images/border-td-grey-1.png) repeat-y 0 0}
#result-block .list-type-grey li .trRow .tdCell:first-child {background: 0 none}
#result-block .list-type-grey .tdCell {width: 50%; font-size: 32px; height: 80px; text-align: center;
                                       -webkit-box-sizing: border-box;
                                       -moz-box-sizing: border-box;
                                       -ms-box-sizing: border-box;
                                       box-sizing: border-box;}
#result-block .list-type-grey li:last-child:after {left: 0; right: 0; }
#result-block .list-type-grey .tdCell .wi-icon {margin: 0 10px 0 0; vertical-align:middle; }
#result-block .list-type-grey li:after {height: 2px;}

#result-block .list-type-grey li{
  background: #d4d4d4;
  background: -moz-linear-gradient(top, #d4d4d4 0%, #bebebe 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#bebebe));
  background: -webkit-linear-gradient(top, #d4d4d4 0%,#bebebe 100%);
  background: -o-linear-gradient(top, #d4d4d4 0%,#bebebe 100%);
  background: -ms-linear-gradient(top, #d4d4d4 0%,#bebebe 100%);
  background: linear-gradient(to bottom, #d4d4d4 0%,#bebebe 100%);

  -webkit-box-shadow: none;
  -moz-box-shadow:  none;
  box-shadow:  none;}

#result-block .list-vertical:before	{background: 0 none}
#result-block .list-type-grey li{border-bottom:solid 1px #a0a0a0}
#result-block .list-type-grey li:after {background:url(../images/bg-shadow-top.png) repeat-x scroll 0 0; top:0; height: 5px}

#result-block .list-type-grey li:nth-child(2n+1){background: #f3f3f3}
#result-block .list-type-grey li:nth-child(2n+1):after {background: 0 none}
#result-block .list-type-grey .cell-hearing {font-size: 32px; font-family: arial;
                                             text-shadow:1px 2px 1px #ffffff}
.cell-hearing.active {color: #aa0c1b}
.wrap-ckb-agree {text-align: center; margin: 1em 0}
.wrap-ckb-agree .ui-checkbox,  .wrap-ckb-agree .ui-checkbox .ui-btn,
.wrap-ckb-agree .ui-checkbox .ui-btn-inner {display: inline-block;}
.wrap-ckb-agree .ui-btn-text span {font-family: arial;}

.proposal-block {margin-bottom: 40px}
.proposal-block .content {padding: 0; border-left:0 none; border-right:0 none;}
.list-type-grey.list-proposal {margin: 0 0 40px}
.list-type-grey.list-proposal:after {content:""; position: absolute; bottom:0; left: 0; right: -1px z-index: 1;
                                     width: 100%; height:4px; background: url(../images/bg-shadow-bot.png) repeat-x 0 0;}
.list-type-grey.list-proposal li:first-child {
  -webkit-border-top-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -ms-border-top-left-radius: 10px;
  -o-border-top-left-radius: 10px;
  border-top-left-radius: 10px;

  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -ms-border-top-right-radius: 10px;
  -o-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}
.list-type-grey.list-proposal li:last-child {
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  -ms-border-bottom-left-radius: 10px;
  -o-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;

  -webkit-border-bottom-right-radius: 10px;
  -moz-border-bottom-right-radius: 10px;
  -ms-border-bottom-right-radius: 10px;
  -o-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.list-type-grey.list-proposal .title-hearing {font-size: 26px; color: #6a6a6a;
                                              text-shadow: 1px 1px 2px rgba(255, 255, 255, 1)}
.list-type-grey.list-proposal .title-hearing strong {color: #6a6a6a; font-size: 32px; display: block; padding-bottom: 5px}
.list-type-grey.list-proposal .title-hearing strong + span img,
.list-type-grey.list-proposal .title-hearing strong + span i {vertical-align: middle; margin-right: 5px}
.list-type-grey.list-proposal .title-hearing strong + span > span {padding:0 5px 0 0;}
.list-type-grey.list-proposal .title-hearing strong + span > span:first-child {padding: 0 10px 0 0}
.list-proposal .tdCell .icon-check-green ,
.list-proposal .tdCell .icon-check-red {margin-top:6px;}

.map-block {margin: 0}
.map-block .content {padding:0;}
.map-outer {width: 100%; height: 300px; padding: 0; min-height: 100%;}
.map-outer img {overflow: hidden; display: block; padding:0; margin: 0;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
}

/*profile*/
#profile-block {margin: 0 0 40px}
.info-profile {width: 100%; clear: both; min-height: 280px}
.info-profile dt {float: left; padding: 0 30px 0 10px; background: #ececec; margin: 80px 0 0}
.info-profile dt a {float: left; padding: 10px; background: #e1e1e1;
                    -webkit-border-radius: 15px;
                    -moz-border-radius: 15px;
                    border-radius: 15px;

                    -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, 0.3);
                    -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, 0.3);
                    box-shadow: inset 0px 0px 3px rgba(0,0,0, 0.3);}

.info-profile dt a img {display: block;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;}
.info-profile dd {font-family: arial; font-size: 32px; margin:-45px 0 0;}
.info-profile .trRow {background: url(../images/line-horizontal-1.png) repeat-x 0 100%; margin: 0 15px 15px 0; overflow: hidden;}
.info-profile .trRow .tdCell {border: 0 none; background: 0 none; padding: 20px 0}
.info-profile .trRow .tdCell.tdCellIcon {width: 186px; float: right; text-align: center; position: relative;}
.info-profile .trRow .tdCell.tdCellIcon > span {width: 93px; float: left;}
.info-profile .trRow .tdCell.tdCellText span {padding: 105px 0 0; float: left;}
.info-profile a {color: #6B6B6B}
.link-mail .wi-icon {vertical-align: middle; margin-right: 15px}

.list-checkbox {padding: 30px}
#profile-block .header h2 {overflow: hidden; text-align: left; margin: -10px 0 0; padding: 0 0 10px 25px; text-align: left;}
#profile-block .header h2 img {vertical-align: middle; margin-right: 20px}
#profile-block.container .header h2 {background: url("../images/line-horizontal-2.png") repeat-x scroll 0 100% transparent}
.list-checkbox + .fieldoverflow {padding: 0 30px;}
#profile .content {
  font-family: arial;
  font-size: 32px;
}
#profile .btn {
  border-radius: 0px;
}
/*community details*/
.info-communicate-block {margin-bottom: 40px}
.info-communicate-block .content {padding: 0; overflow: hidden; border: 0 none}
.info-communicate-block .list-type-grey li > div {
  display: table;
  width: 100%
}
.info-communicate-block .list-type-grey li .trRow .tdCell {background: url(../images/border-td-grey-1.png) repeat-y 0 0; text-align: left; padding:20px;}
.info-communicate-block .list-type-grey li .thRow .tdCell {background: 0 none}
.info-communicate-block .list-type-grey li .thRow .tdCell:last-child {text-align: right;}
.info-communicate-block .list-type-grey li .trRow .tdCell:first-child {min-width: 50%; background: 0 none}
.info-communicate-block .list-type-grey .tdCell {font-size: 32px; height: 80px; text-align: center; width:50%;
                                                 -webkit-box-sizing: border-box;
                                                 -moz-box-sizing: border-box;
                                                 -ms-box-sizing: border-box;
                                                 box-sizing: border-box;}
.info-communicate-block .list-type-grey li:last-child:after {left: 0; right: 0; }
.info-communicate-block .list-type-grey .tdCell .wi-icon { vertical-align:middle; }

.info-communicate-block .list-type-grey li:after {height: 1px;}
.tdBold {font-weight: bold}

.info-communicate-block .list-type-grey li{
  background: #d4d4d4;
  background: -moz-linear-gradient(top, #d4d4d4 0%, #bebebe 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#bebebe));
  background: -webkit-linear-gradient(top, #d4d4d4 0%,#bebebe 100%);
  background: -o-linear-gradient(top, #d4d4d4 0%,#bebebe 100%);
  background: -ms-linear-gradient(top, #d4d4d4 0%,#bebebe 100%);
  background: linear-gradient(to bottom, #d4d4d4 0%,#bebebe 100%);

  -webkit-box-shadow: none;
  -moz-box-shadow:  none;
  box-shadow:  none;}

.info-communicate-block .list-vertical:before	{background: 0 none}
.info-communicate-block .list-type-grey li{border-bottom:solid 1px #a0a0a0}

.info-communicate-block .list-type-grey li:first-child {background: url(../images/bg-shadow-top.png) repeat-x  0 0;}
.info-communicate-block .list-vertical:after {position: absolute; bottom: 0; left: 0; content: ''; height: 5px; width: 100%; background:url(../images/bg-shadow-bot.png) repeat-x  0 100%;}

.info-communicate-block .list-type-grey .cell-hearing {font-size: 32px; font-family: arial;
                                                       text-shadow:1px 2px 1px #ffffff}
.fixed-icon {min-width: 60px; display: inline-block; padding-right: 15px; text-align: center;}
.info-communicate-block .wrap-btn {padding: 20px; margin: 0; overflow: hidden;}

.in-community-block .content {padding: 0}
.in-community-block .list-type-grey li .trRow .tdCell {font-weight: bold; font-size: 32px; padding:15px 20px;}
.cirle-type {width: 52px; height: 52px; display: block; padding: 8px;
             background: #d2d2d2;
             background: -moz-linear-gradient(top,  #d2d2d2 0%, #fbfbfb 100%);
             background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#fbfbfb));
             background: -webkit-linear-gradient(top,  #d2d2d2 0%,#fbfbfb 100%);
             background: -o-linear-gradient(top,  #d2d2d2 0%,#fbfbfb 100%);
             background: -ms-linear-gradient(top,  #d2d2d2 0%,#fbfbfb 100%);
             background: linear-gradient(to bottom,  #d2d2d2 0%,#fbfbfb 100%);
             filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d2d2', endColorstr='#fbfbfb',GradientType=0 );

             -webkit-border-radius: 52px;
             -moz-border-radius: 52px;
             border-radius: 52px;}

.cirle-type strong {width: 52px; height: 52px; line-height: 52px; display: block; font-size: 32px; font-weight: bold; color: #fefefe;

                    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);

                    -webkit-border-radius: 52px;
                    -moz-border-radius: 52px;
                    border-radius: 52px;}

.circle-type-A strong {
  background: #990b16;
  background: -moz-linear-gradient(top,  #990b16 0%, #620007 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#990b16), color-stop(100%,#620007));
  background: -webkit-linear-gradient(top,  #990b16 0%,#620007 100%);
  background: -o-linear-gradient(top,  #990b16 0%,#620007 100%);
  background: -ms-linear-gradient(top,  #990b16 0%,#620007 100%);
  background: linear-gradient(to bottom,  #990b16 0%,#620007 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#990b16', endColorstr='#620007',GradientType=0 );
}

.circle-type-B strong {
  background: #35a6be;
  background: -moz-linear-gradient(top,  #35a6be 0%, #12798f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#35a6be), color-stop(100%,#12798f));
  background: -webkit-linear-gradient(top,  #35a6be 0%,#12798f 100%);
  background: -o-linear-gradient(top,  #35a6be 0%,#12798f 100%);
  background: -ms-linear-gradient(top,  #35a6be 0%,#12798f 100%);
  background: linear-gradient(to bottom,  #35a6be 0%,#12798f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35a6be', endColorstr='#12798f',GradientType=0 );
}

.circle-type-3 strong {
  background: #e4770a;
  background: -moz-linear-gradient(top,  #e4770a 0%, #b24800 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4770a), color-stop(100%,#b24800));
  background: -webkit-linear-gradient(top,  #e4770a 0%,#b24800 100%);
  background: -o-linear-gradient(top,  #e4770a 0%,#b24800 100%);
  background: -ms-linear-gradient(top,  #e4770a 0%,#b24800 100%);
  background: linear-gradient(to bottom,  #e4770a 0%,#b24800 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4770a', endColorstr='#b24800',GradientType=0 );
}

.circle-type-4 strong {
  background: #cd0a9e;
  background: -moz-linear-gradient(top,  #cd0a9e 0%, #930070 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cd0a9e), color-stop(100%,#930070));
  background: -webkit-linear-gradient(top,  #cd0a9e 0%,#930070 100%);
  background: -o-linear-gradient(top,  #cd0a9e 0%,#930070 100%);
  background: -ms-linear-gradient(top,  #cd0a9e 0%,#930070 100%);
  background: linear-gradient(to bottom,  #cd0a9e 0%,#930070 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd0a9e', endColorstr='#930070',GradientType=0 );
}

.circle-type-5 strong {
  background: #806155;
  background: -moz-linear-gradient(top,  #806155 0%, #4c342a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#806155), color-stop(100%,#4c342a));
  background: -webkit-linear-gradient(top,  #806155 0%,#4c342a 100%);
  background: -o-linear-gradient(top,  #806155 0%,#4c342a 100%);
  background: -ms-linear-gradient(top,  #806155 0%,#4c342a 100%);
  background: linear-gradient(to bottom,  #806155 0%,#4c342a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#806155', endColorstr='#4c342a',GradientType=0 );
}

.circle-type-6 strong {
  background: #5b5580;
  background: -moz-linear-gradient(top,  #5b5580 0%, #35304e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5580), color-stop(100%,#35304e));
  background: -webkit-linear-gradient(top,  #5b5580 0%,#35304e 100%);
  background: -o-linear-gradient(top,  #5b5580 0%,#35304e 100%);
  background: -ms-linear-gradient(top,  #5b5580 0%,#35304e 100%);
  background: linear-gradient(to bottom,  #5b5580 0%,#35304e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5580', endColorstr='#35304e',GradientType=0 );
}

.circle-type-7 strong {
  background: #50ad73;
  background: -moz-linear-gradient(top,  #50ad73 0%, #346647 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#50ad73), color-stop(100%,#346647));
  background: -webkit-linear-gradient(top,  #50ad73 0%,#346647 100%);
  background: -o-linear-gradient(top,  #50ad73 0%,#346647 100%);
  background: -ms-linear-gradient(top,  #50ad73 0%,#346647 100%);
  background: linear-gradient(to bottom,  #50ad73 0%,#346647 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50ad73', endColorstr='#346647',GradientType=0 );
}

/* route */

.list-routes {
  margin: 10px;
}

.list-routes .route-item {
  overflow: hidden;
  margin: 0 10px;
  padding: 20px 25px;
  background: url("../images/line-horizontal-1.png") repeat-x scroll center bottom rgba(0, 0, 0, 0);
}

.list-routes > li:last-child {
  background: none;
}

.route-item .block-left, .route-item .block-right {
  margin: 0;
  padding: 0;
  border: 0;
  float: left;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.route-item .block-left {
  clear: left;
  width: 40%;
}

.route-item .block-left .route-time-item {
  margin-bottom: 10px;
  font-size: 36px;
}

.route-item .block-left .route-time-item img.wi-icon {
  vertical-align: middle;
  margin-right: 10px;
}

.route-item .block-right {
  width: 60%;
  padding-left: 10px;
}

.route-item .block-right .transport-type {
  margin-bottom: 10px;
}

.route-item .block-right .transport-type img.wi-icon {
  vertical-align: middle;
  margin-right: 5px;
}

#route-detail #result-block .content {
  border-radius: 0px;
}

#route-detail #result-block .content .wrap-btn {
  margin: 0;
  overflow: hidden;
  padding: 20px;
}

.route-search-detail .item {
  padding-left: 15px;
  padding-right: 15px;
  /*border-bottom: solid 1px #a7a7a7;*/
}

.route-search-detail div.item:nth-child(even) {
  /*background: #d8d8d8;*/
}
.route-search-detail div.item:nth-child(odd) {
  /*background: #d8d8d8;*/
}

.route-search-detail .item img {
  vertical-align: middle;
  margin-right: 20px;
}

.route-search-detail .start-info {

}

.route-search-detail .start-info .start-title {
  width: 70%;
  float: left;
  font-size: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.route-search-detail .start-info .start-title img {
  vertical-align: middle;
}

.route-search-detail .start-info .datetime-info {
  width: 26%;
  float: left;
  background: url(../images/border-td-grey.png) repeat-y 0 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
.route-search-detail .start-info .datetime-info .date-info {
  font-size: 26px;
  color: #8c8c8c;
}
.route-search-detail .start-info .datetime-info .time-info {
  font-size: 26px;
  /*  color: #233c00;*/
}

.route-search-detail .walk-info {
  /*background: #d8d8d8;*/
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 26px;
  /*  border-top: solid 1px #a7a7a7;
    border-bottom: solid 1px #a7a7a7;*/
}
.route-search-detail .walk-info img {
  margin-left: 5px;
  margin-right: 30px;
}
.route-search-detail .bus-info {
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 26px;
}

.route-search-detail .bus-info img {
  margin-left: 5px;
  margin-right: 30px;
}

.route-search-detail .bus-info .segment-info {
  width: 87%;
}

.route-search-detail .bus-info .segment-info, .route-search-detail .bus-info .segment-icon-wrapper {
  float: left;
}

.route-search-detail .bus-info .segment-info .point-name {
  font-size: 32px;
}

.route-search-detail .bus-info .segment-info .point-name.start {
  margin-bottom: 20px;
}

.route-search-detail .bus-info .segment-info .line-name img, .route-search-detail .bus-info .segment-info .time-info img {
  margin-left: 0px;
  margin-right: 10px;
}

.route-search-detail .bus-info .segment-info .point-name.end {
  margin-top: 20px;
}

.route-search-detail .start-info.end {
  /*border-bottom: solid 1px #a7a7a7;*/
  /*border-top: solid 1px #a7a7a7;*/
}
#dateError{font-size: 30px;line-height: 33px;}

/*
///////////////////////////////////////////	plugin css //////////////////////////////////////
*/

/*
* jQuery Mobile Framework : plugin to provide a date and time picker.
* Copyright (c) JTSage
* CC 3.0 Attribution. May be relicensed without permission/notification.
* https://github.com/jtsage/jquery-mobile-datebox
*/

/* Base input element Styles */
.ui-body-x .ui-datebox-container .ui-icon-shadow {
  -moz-box-shadow: 0px 1px 0 				rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  -webkit-box-shadow: 0px 1px 0 			rgba(255,255,255,.4) /*{global-icon-shadow}*/;
  box-shadow: 0px 1px 0 					rgba(255,255,255,.4) /*{global-icon-shadow}*/;
}
.ui-body-x .ui-datebox-container .ui-icon {background-image: url(images/icons-18-white.png);  border-radius: 9px 9px 9px 9px; top:50%; margin-top:-9px; background-color:#6a6a6a;}
.ui-body-x .ui-datebox-container .ui-header .ui-icon {margin-top: 2px}
.ui-body-x .ui-datebox-container .ui-datebox-gridheader .ui-icon {margin-top: 3px}
.ui-body-x .ui-datebox-container .ui-shadow {
  -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
}


.ui-datebox-container {background: #f6f6f6}
.ui-input-datebox { width: 97%; background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; padding-top: 0px; padding-bottom: 0px; }
.ui-input-datebox { min-height: 38px; } /* Fix for IE8 */
.ui-input-datebox .ui-btn-icon-notext { margin-top: 5px !important; margin-bottom: 5px !important; }
.ui-input-datebox input { width: 100% !important; padding: 0 !important; margin-top: 5px !important; margin-right: -40px !important; border: 1px solid transparent !important; vertical-align: middle; display: inline-block !important; background-color: transparent; zoom: 1; *display: inline; }
.ui-input-datebox input:focus { outline: none;}
.ui-input-datebox .ui-btn-text {display: none;}

@media all and (min-width: 450px){
  .ui-input-datebox { width: 60%; display: inline-block; zoom:1; *display: inline; }
}

/* Full width if in a grid, ignore the media query */
.ui-grid-a .ui-input-datebox { width: 97%; }
.ui-grid-b .ui-input-datebox { width: 97%; }
.ui-grid-c .ui-input-datebox { width: 97%; }
.ui-grid-d .ui-input-datebox { width: 97%; }

/* Calendar Mode Styles */

.ui-datebox-gridheader { text-align: center; }
.ui-datebox-gridheader h4 { text-align: center; display: inline-block; margin-top: 10px; margin-bottom: 10px; zoom:1; *display: inline;}
.ui-datebox-gridplus { float: right; }
.ui-datebox-gridminus { float: left; }
.ui-datebox-gridplus-rtl { float: left; }
.ui-datebox-gridminus-rtl { float: right; }
.ui-datebox-gridrow { margin-left: 5px; margin-right: 5px; }
.ui-datebox-grid { clear: both; margin-bottom: 5px; }
.ui-datebox-griddate { width: 36px; height: 30px; display: inline-block; vertical-align: middle; text-align: center; line-height: 30px; font-weight: bold; font-size: 12px; zoom:1; *display: inline;}
.ui-datebox-griddate-empty { border: 1px solid transparent; color: #888; }
.ui-datebox-griddate-label { height: 15px !important; line-height: 15px !important; color: black;}
.ui-datebox-griddate-disable { color: #888; }

/* Android Mode Styles */

.ui-datebox-header h4 { margin-top: 5px; margin-bottom: 5px; text-align: center; }
.ui-datebox-controls { text-align: center; }
.ui-datebox-controls div { width: 77px; text-align: center; display: inline-block; zoom: 1; *display: inline;}
.ui-datebox-scontrols { text-align: center; }
.ui-datebox-scontrols div { width: 55px; text-align: center; display: inline-block; zoom: 1; *display: inline;}
.ui-datebox-scontrols .ui-datebox-sinput { width: 68px; }
.ui-datebox-scontrols .ui-datebox-sinput input { width: 48px; text-align: center; margin-left: 3px; }
.ui-datebox-input { width: 74px !important; margin-left: 1px; margin-right: 1px; text-align: center !important; display: inline-block !important; zoom:1; *display: inline; }

/* Slide Mode Styles */

.ui-datebox-slide { width: 280px; margin-left: auto; margin-right: auto;}
.ui-datebox-sliderow-d { margin-bottom: 5px; text-align: center; height: 40px; width: 280px; overflow: hidden;}
.ui-datebox-sliderow-ym { margin-bottom: 5px; text-align: center; height: 32px; width: 280px; overflow: hidden;}
.ui-datebox-sliderow-hi { text-align: center; height: 32px; width: 280px; overflow: hidden;}
.ui-datebox-sliderow-int { display: inline-block; white-space: nowrap;}

.ui-datebox-slideyear { text-align: center; display: inline-block; zoom:1; *display:inline; width: 84px; vertical-align: middle; line-height: 30px; height: 30px; font-size: 14px; font-weight: bold; }
.ui-datebox-slidemonth { text-align: center; display: inline-block; zoom:1; *display:inline; width: 51px; vertical-align: middle; line-height: 30px; height: 30px; font-size: 12px; font-weight: bold; }
.ui-datebox-slideday { text-align: center; display: inline-block; zoom:1; *display:inline; width: 32px; vertical-align: middle; line-height: 20px; height: 38px; font-size: 14px; font-weight: bold; }
.ui-datebox-slidehour { text-align: center; display: inline-block; zoom:1; *display:inline; width: 32px; vertical-align: middle; line-height: 22px; height: 24px; font-size: 14px; font-weight: bold; }
.ui-datebox-slidemins { text-align: center; display: inline-block; zoom:1; *display:inline; width: 32px; vertical-align: middle; line-height: 22px; height: 24px; font-size: 14px; font-weight: bold; }
.ui-datebox-slidearrow { text-align: center; display: inline-block; zoom:1; *display:inline; width: 10px; vertical-align: middle; line-height: 38px; height: 38px; font-size: 10px; font-weight: bold; }
.ui-datebox-slidewday { font-size: 10px; font-weight: normal; }

/* Flip Mode Styles */
.ui-datebox-flipcontent { text-align: center; height: 125px; margin-bottom: -40px;}
.ui-datebox-flipcontent div { margin-left: 3px; margin-right: 3px; width: 77px; height: 120px; display: inline-block; text-align: center; zoom: 1; *display: inline; overflow: hidden;}
.ui-datebox-flipcenter { border: 1px solid #eee; height: 40px; margin-left: 10px; width: 260px; margin-right: auto; margin-left: auto; position: relative; top: -45px;}
.ui-datebox-flipcontent ul { list-style-type: none; display: inline; }
.ui-datebox-flipcontent li { height: 30px; }
.ui-datebox-flipcontent li span { margin-top: 7px; display: block; }
/* Shared Styles */

.ui-datebox-container { border: 5px solid #111 !important; width: 280px; }
.ui-datebox-screen { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.ui-datebox-screen-modal { background-color: black; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); }
.ui-datebox-hidden { display: none; }
.ui-dialog .ui-datebox-container { border: none !important; }
.ui-datebox-collapse a { display: inline-block; width: 45% }

.ui-datebox-inline { margin-top: 5px; border: 5px solid #111111 !important; margin-left: auto; margin-right: auto; text-align: center; }
.ui-datebox-inlineblind { margin-top: 5px; border: 5px solid #111111 !important; margin-left: auto; margin-right: auto; text-align: center; }

/*popup */
.ui-popup-screen {background: #000000;}
.ui-popup-container .container:after { background: #ECECEC;}
.content-popup {padding:10px 20px 20px;}
.content-popup h4 {display: table-cell; vertical-align: middle; height: 150px; padding: 20px;}
.content-popup .ui-field-contain {margin: 20px 0 0;}
.content-popup .grid-special .ui-block-a {padding: 0 10px 5px 0;}
.content-popup .grid-special .ui-block-b {padding: 0 10px 5px 10px;}

/**/
.input-has-icon {padding-right: 80px !important;}
.line-dotted {background: url(../images/line-horizontal-1.png) repeat-x 0 100%}
.slider-outer-x {height: 46px; font-size: 32px; color: #898989; overflow: hidden; padding: 4px 0px 20px 20px; margin-bottom: 10px;
                 text-shadow: 0 2px 1px rgba(255, 255, 255, 0.9);}
.slider-outer-x label.ui-slider {width: auto; font-size: 32px; }
.slider-outer-x span.ui-slider-label {font-size: 20px;}
.slider-content-x {background: #d2d2d2; border:solid 1px #fbfbfb; display: inline-block; padding: 5px 5px 0; float: right;
                   background: -moz-linear-gradient(top,  #d2d2d2 0%, #ffffff 100%);
                   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#ffffff));
                   background: -webkit-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                   background: -o-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                   background: -ms-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                   background: linear-gradient(to bottom,  #d2d2d2 0%,#ffffff 100%);

                   -webkit-border-radius: 20px;
                   -moz-border-radius: 20px;
                   border-radius: 20px;
}
.slider-content-x > div.ui-slider{top:0; margin: 0}
.slider-content-x .ui-btn-inner {width: 72px; height: 29px; background: url(../images/form/btn-slider.png) no-repeat 0 0;}
.slider-content-x .ui-shadow {box-shadow: none;}
.slider-content-x .ui-slider-inneroffset {width: 68px}
.ui-field-contain .slider-content-x  div.ui-slider-switch {width: 143px; height: 34px;
                                                           background: #590006;
                                                           background: -moz-linear-gradient(top,  #590006 0%, #c00012 100%);
                                                           background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#590006), color-stop(100%,#c00012));
                                                           background: -webkit-linear-gradient(top,  #590006 0%,#c00012 100%);
                                                           background: -o-linear-gradient(top,  #590006 0%,#c00012 100%);
                                                           background: -ms-linear-gradient(top,  #590006 0%,#c00012 100%);
                                                           background: linear-gradient(to bottom,  #590006 0%,#c00012 100%);
                                                           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#590006', endColorstr='#c00012',GradientType=0 );

                                                           -webkit-border-radius: 20px;
                                                           -moz-border-radius: 20px;
                                                           border-radius: 20px;
}
.ui-controlgroup a.ui-slider-handle, a.ui-btn.ui-slider-handle {width: 72px; height: 29px;}
.slider-outer-x .ui-btn-active {height: 34px;
                                background: #2d5500;
                                background: -moz-linear-gradient(top,  #2d5500 0%, #6ca200 100%);
                                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2d5500), color-stop(100%,#6ca200));
                                background: -webkit-linear-gradient(top,  #2d5500 0%,#6ca200 100%);
                                background: -o-linear-gradient(top,  #2d5500 0%,#6ca200 100%);
                                background: -ms-linear-gradient(top,  #2d5500 0%,#6ca200 100%);
                                background: linear-gradient(to bottom,  #2d5500 0%,#6ca200 100%);
}

.slider-outer-x span.ui-slider-label-a {text-indent: -70px; line-height: 35px; color: #EEEEEE; font-family: arial; font-weight: bold;
                                        text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5);}
.slider-outer-x span.ui-slider-label-b {text-indent: 70px; line-height: 35px; color: #EEEEEE;  font-family: arial; font-weight: bold;
                                        text-shadow: 0 2px 1px rgba(0, 0, 0, 0.5)}

/*create community*/
.create-community-block {margin-bottom: 40px;}
.create-community-block .content {padding: 0}
.create-community-block .content .list-vertical {
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}
.create-community-block .list-vertical:before {background: 0 none}
.container .content ul {min-height: 50px;}
.create-community-block .tdText {font-size: 34px; color: #9D9D9D; text-align: left}
.create-community-block .list-vertical .trRow .tdCell:first-child, .create-community-block .list-type-grey .trRow .tdCell:first-child {width: auto; text-align: left; padding-left: 20px}
.create-community-block .list-vertical .cell-icon-small {height: 90px}
.lnk-remove-community img {vertical-align: middle; padding-right: 10px;}

.search-community {margin-bottom: 40px; margin-top: -45px;}
.search-community.container:after {bottom:0}
.search-community .content { padding: 20px}
.search-community .ui-field-contain {margin: 0;}
.search-community .outer-search-contain { background:#fefefe url(../images/form/bg-search-contain.png) repeat-x 0 0; padding:8px; overflow: hidden;
                                          -webkit-border-radius: 40px;
                                          border-radius: 40px;

}

.search-community .ui-input-search {width: 100%; height: 100%; background-color: #e1e1e1;
                                    -webkit-border-radius: 40px;
                                    border-radius: 40px;

                                    -webkit-box-sizing: border-box;
                                    -moz-box-sizing: border-box;
                                    -ms-box-sizing: border-box;
                                    box-sizing: border-box;}

.search-community .ui-input-search input.ui-input-text {
  -webkit-border-radius: 40px;
  border-radius: 40px
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;}

.search-community .ui-icon-searchfield:after,
.search-community .ui-icon-search {background: url(../images/icons/icon-search.png) no-repeat; width: 36px; height: 40px; opacity: 1;
                                   -webkit-background-size: 36px 40px;
                                   -o-background-size: 36px 40px;
                                   background-size: 36px 40px;}

.search-community .ui-icon-delete {width: 43px; height: 46px; background:url(../images/icons/icon-remove-text.png) no-repeat 0 0; opacity: 1;
                                   -webkit-background-size: 43px 46px;
                                   -o-background-size: 43px 46px;
                                   background-size: 43px 46px;}
.search-community .ui-btn-icon-notext .ui-btn-inner .ui-icon-delete {margin-top: 1px;}

.search-community .ui-icon-searchfield:after {left:20px !important; margin-top: -20px !important;}
.search-community .ui-input-search input.ui-input-text {padding: 0.4em 0 0.4em 45px !important;
                                                        -webkit-box-sizing: border-box;
                                                        -moz-box-sizing: border-box;
                                                        -ms-box-sizing: border-box;
                                                        box-sizing: border-box;}

.ui-focus {-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
           box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;}

.search-community .ui-btn-icon-notext .ui-btn-text {display: none;}
.ui-input-search .ui-input-clear {margin: -23px 0 0 0;}
.ui-mini .ui-input-clear {right: 10px;}
.ui-btn-icon-notext {width: 46px; height: 46px;}

/*edit profile*/
.photo-profile {float: left;}
.right-photo-profile {margin-left: 170px;
                      -webkit-box-sizing: border-box;
                      -moz-box-sizing: border-box;
                      -ms-box-sizing: border-box;
                      box-sizing: border-box;}
.right-photo-profile .ui-hide-label:first-child {margin-top: 0;}
.right-photo-profile .ui-body {clear: none}

.photo-profile span {float: left; background: #ececec; float: left; padding: 10px; background: #e1e1e1; position: relative;
                     -webkit-border-radius: 15px;
                     -moz-border-radius: 15px;
                     border-radius: 15px;

                     -moz-box-shadow: inset 0px 0px 3px rgba(0,0,0, 0.3);
                     -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0, 0.3);
                     box-shadow: inset 0px 0px 3px rgba(0,0,0, 0.3);}

.photo-profile span img {display: block;
                         -webkit-border-radius: 10px;
                         -moz-border-radius: 10px;
                         border-radius: 10px;}

.photo-profile span .link-edit-profile {position: absolute; bottom: 7px; right: 10px;}

#suggestions-container {}
#suggestions-container .ui-listview-inset {margin: 0;}
#suggestions-container .ui-li .ui-btn-inner a.ui-link-inherit, #suggestions-container .ui-li-static.ui-li {padding: 0;}
#suggestions-container .ui-icon-arrow-right {width: 60px; height: 67px; background-position:-200px -800px; margin:0 8px;}
.link-xtrash, .link-xcomplete, .link-xadd-1 {width: 72px; height: 88px; margin: 0; float: left;}
.link-xadd-1 .ui-icon-arrow-xadd {margin-top: -20px !important;}

/*create alert*/
.list-create-alert { overflow: hidden; background: url(../images/bg-dotted-midd.png) repeat-y 50% 0;}
.list-create-alert.bg-none {background: none;}
.list-create-alert i {display: block; margin-bottom: 10px;}
.list-create-alert a {float: left; margin:0 20px; font-size: 24px; text-align: center; color: #3A3A3A;}
.block-quote {border:solid 1px #fbfbfb;

              background: #d2d2d2;
              background: -moz-linear-gradient(top,  #d2d2d2 0%, #ffffff 100%);
              background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#ffffff));
              background: -webkit-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
              background: -o-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
              background: -ms-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
              background: linear-gradient(to bottom,  #d2d2d2 0%,#ffffff 100%);

              -webkit-border-radius: 10px;
              border-radius: 10px;
}

.block-quote .inner {background:#e1e1e1; margin: 4px; padding: 20px 40px 20px 20px; font-size: 32px;
                     -webkit-border-radius: 10px;
                     border-radius: 10px;

                     -moz-box-shadow: inset 0px 1px 2px 2px #babbba;
                     -webkit-box-shadow: inset 1px 0px 2px 2px #babbba;
                     box-shadow: inset 0px 1px 2px 2px #babbba;

                     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}

.event-id {color: #8F0F19; padding-bottom: 5px;}

.block-community-trip .content {padding: 0;}

.datetime-modal {max-width: 506px; margin: 0 auto; font-family: arial;}
.datetime-modal .container {z-index: 10; /* background: #ececec; */}
.datetime-modal .container .content {padding: 20px 0 10px; border:0 none}
.datetime-modal h3 {font-size: 32px; color: #AA0C1B; font-family: arial; text-align:center; padding-bottom: 20px; font-weight: bold;}
.datetime-modal h3 i {position: relative; top:10px; padding-right: 10px;}
.list-data {width: 100%; position: relative; padding: 0 20px;
            background: #f4f4f4;
            background: -moz-linear-gradient(top,  #f4f4f4 0%, #e7e7e7 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e7e7e7));
            background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e7e7e7 100%);
            background: -o-linear-gradient(top,  #f4f4f4 0%,#e7e7e7 100%);
            background: -ms-linear-gradient(top,  #f4f4f4 0%,#e7e7e7 100%);
            background: linear-gradient(to bottom,  #f4f4f4 0%,#e7e7e7 100%);
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;}
.list-data:before {background: url(../images/bg-shadow-list-data.png) repeat-x 0 0; content:''; position: absolute; top: 0; left: 0; zoom: 1; width: 100%; height: 5px;}
.list-data:after {background: url(../images/bg-shadow-list-data-bot.png) repeat-x 0 100%; content:''; position: absolute; bottom: 0; left: 0; zoom: 1; width: 100%; height: 5px;}
.list-data > li {clear: both; overflow: hidden; width: 100%;}
.list-data > li > div > div, .list-data > li > a { float: left; width: 152px; text-align: center;}
.list-data > li > div > div {min-height: 70px; background: url(../images/bg-right-metatime.png) repeat-y 100% 0;}
.list-data > li > div > div:last-child {background: none;}
.list-data > li > a {width: 155px; padding: 30px 0;}
.list-data > li.row-action-top > a {padding-bottom: 40px;}
.list-data > li.row-action-bottom > a {padding-top: 40px;}
.col-datetime-1 ul li, .col-datetime-2 ul li, .col-datetime-3 ul li {font-size: 32px;}

.row-meta-data {border:solid 1px #fbfbfb; color: #6a6a6a;

                background: #d2d2d2;
                background: -moz-linear-gradient(top,  #d2d2d2 0%, #ffffff 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d2d2), color-stop(100%,#ffffff));
                background: -webkit-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                background: -o-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                background: -ms-linear-gradient(top,  #d2d2d2 0%,#ffffff 100%);
                background: linear-gradient(to bottom,  #d2d2d2 0%,#ffffff 100%);

                -webkit-border-radius: 10px;
                border-radius: 10px;
}

.row-meta-data .inner {background:#e1e1e1; margin: 4px; font-size: 32px; height: 70px; line-height: 70px; overflow: hidden;
                       -webkit-border-radius: 10px;
                       border-radius: 10px;

                       -moz-box-shadow: inset 0px 1px 2px 2px #babbba;
                       -webkit-box-shadow: inset 1px 0px 2px 2px #babbba;
                       box-shadow: inset 0px 1px 2px 2px #babbba;

                       text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);}

.datetime-modal .ui-grid-a {padding:0 20px 0 15px;}
.datetime-modal .ui-btn-text {font-weight: normal;}
#my-community-list li:last-child {
  -webkit-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px;}

/** My trips management **/

/*fixed device*/
@media only screen and (-webkit-min-device-pixel-ratio:2){
  .ui-footer .ui-block-a {width: 17%;}
  .ui-footer .ui-block-b {width: 66%;}
  .ui-footer .ui-block-b .icon-communicate {margin:20px 0 0 15%;}
  .ui-footer .ui-block-b .icon-map {margin:17px 0 0 50%;}
  .ui-footer .ui-block-b .link-mobile.ui-btn-active {background: 0 none}
  .ui-footer .ui-block-c {width: 17%;	}
}

@media all and (max-device-width: 650px){

  .ui-footer .ui-block-a {width: 17%;}
  .ui-footer .ui-block-b {width: 66%;}
  .ui-footer .ui-block-b .icon-communicate {margin:20px 0 0 15%;}
  .ui-footer .ui-block-b .icon-map {margin:17px 0 0 50%;}
  .ui-footer .ui-block-b .link-mobile.ui-btn-active {background: 0 none}
  .ui-footer .ui-block-c {width: 17%;	}

}
@media all and (max-device-width: 480px){
  .ui-footer .ui-block-a {width: 17%;}
  .ui-footer .ui-block-b {width: 66%;}
  .ui-footer .ui-block-b .icon-communicate {margin:20px 0 0 15%;}
  .ui-footer .ui-block-b .icon-map {margin:17px 0 0 50%;}
  .ui-footer .ui-block-b .link-mobile.ui-btn-active {background: 0 none}
  .ui-footer .ui-block-c {width: 17%;	}
}

@media screen and (orientation:portrait) and (min-device-width: 768px) and (max-device-width: 1024px){
  .list-schedule li:nth-child(1) {left: 0}
  .list-schedule li:nth-child(2) {left: 16%}
  .list-schedule li:nth-child(3) {left: 31%}
  .list-schedule li:nth-child(4) {left: 46%}
  .list-schedule li:nth-child(5) {left: 61%}
  .list-schedule li:nth-child(6) {left: 76%}
  .list-schedule li:nth-child(7) {left: 91%}
}

.ui-dialog-contain {
  width: 100%;
  max-width: 100%;
  margin: auto;
  padding: 0;
  position: relative;
  top: 0px;
}

#station-tabs li a:not(.ui-btn-active)  {
  /*background-color: #d0d0d0;*/
  /*  -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;*/
  background: url("../images/border-td-grey.png") repeat-y scroll 0 0 #d0d0d0;
}

#station-tabs li:first-child a:not(.ui-btn-active)  {
  border-left: none;
  background: none #d0d0d0;
  /*border-radius: 15px 15px 0 0;*/
}

#station-tabs li:last-child a:not(.ui-btn-active)  {
  border-right: none;
  /*border-radius: 15px 15px 0 0;*/
}

#station-tabs li a:not(.ui-btn-active) i {
  display: none;
}

#station-tabs-parent {
  -webkit-border-top-right-radius: 0px;
  -moz-border-top-right-radius: 0px;
  -ms-border-top-right-radius: 0px;
  -o-border-top-right-radius: 0px;
  border-top-right-radius: 0px;
}

/*#line-station-list:before, */#bus-list:before, #alert-list:before {
  height: 0px;
}
#line-station-list{font-size:25px;line-height:30px;}
#line-station-list b{font-size:27px;line-height:30px;}
.bicon {
  width: 70px;
  height: 70px;
  background: url('../images/bus/numero_lignes_couleurs.png') no-repeat 0 0;
}

.bicon.bicon-a {background-position: 0px 0px;}
.bicon.bicon-3 {background-position: -70px 0px;}
.bicon.bicon-4 {background-position: -140px 0px;}
.bicon.bicon-6 {background-position: -210px 0px;}
.bicon.bicon-7 {background-position: -0px -70px;}
.bicon.bicon-8 {background-position: -70px -70px;}
.bicon.bicon-9 {background-position: -140px -70px;}
.bicon.bicon-10 {background-position: -210px -70px;}
.bicon.bicon-12 {background-position: -0px -140px;}
.bicon.bicon-13 {background-position: -70px -140px;}
.bicon.bicon-20 {background-position: -140px -140px;}
.bicon.bicon-21 {background-position: -210px -140px;}
.bicon.bicon-22 {background-position: -0px -210px;}
.bicon.bicon-27 {background-position: -70px -210px;}
.bicon.bicon-35 {background-position: -140px -210px;}
.bicon.bicon-36 {background-position: -210px -210px;}
.bicon.bicon-b {background-position: -0px -280px;}
.bicon.bicon-5 {background-position: -70px -280px;}
.bicon.bicon-26 {background-position: -140px -280px;}
.bicon.bicon-31 {background-position: -210px -280px;}
.bicon.bicon-32 {background-position: -0px -350px;}
.bicon.bicon-34 {background-position: -70px -350px;}
.bicon.bicon-j {background-position: -140px -350px;}

#line-station-list.list-vertical .trRow .tdCell:first-child, #line-station-list.list-type-grey .trRow .tdCell:first-child {
  width: 105px;
}
.busTitle{font-family: arial;font-weight: normal;font-size:32px;padding:0px;}
.busTitle1{font-family: arial;font-weight: 900;font-size:43px;padding:0px;margin:0px;}
.busTitle2{font-family: arial;font-weight: normal;font-size:28px;padding:0px;}
.buslist-el{height:50px;line-height: 50px;text-align: center;}
.buslist-el .dans{min-width:170px;}
#bus-list .trRow .bus-hour{min-width:100px;}
#bus-list .trRow .bus-clock,#bus-list .trRow .bus-hour, #bus-list .trRow .bus-leave,
.list-type-grey li .buslist-el .tdCell, .table .buslist-el .tdCell,
.list-vertical li .buslist-el .tdCell, .table .buslist-el .tdCell
{background: none !important;}
#bus-list .buslist-el .dotts{width:85% !important; background: url(../images/line-horizontal-2.png) repeat-x 0 50% !important;}
.bus-list .tdCell .title-one-line {
  height: 50px;
  line-height: 50px;
}

.icon-bus-wheel {
  background-repeat: no-repeat;
  width: 154px;
  height: 50px;
  cursor: pointer;
}

.icon-bus-wheel-active, .icon-bus-wheel-inactive:hover {
  background-image: url('../images/bus/T2C_TripMobi_Arrets_handi_active.png');

}

.icon-bus-wheel-disabled {
  background-image: url('../images/bus/T2C_TripMobi_Arrets_handi_disable.png');
}

.icon-bus-wheel-inactive {
  background-image: url('../images/bus/T2C_TripMobi_Arrets_handi_inactive.png');
}

.btn-handicap.ui-btn-active {
  border: none;
}

.pointer {
  cursor: pointer;
}

/* alert setting */
#alert-setting-page .container .header {
  padding-left: 0px;
  padding-right: 0px;
}
.content.alert-setting {

}

.content.alert-setting .alert-setting-desc {
  font-size: 24px;
  margin: 10px 0px;
}
.content.alert-setting .slider-content-x {
  float: left;
  margin: 30px 0px
}

.content.alert-setting .btn-list-line {
  float: right;
  width: 310px;
}

/*select*/
.new-trip-community .ui-hide-label{height:75px !important;margin:10px 0;}
.ui-select .ui-icon{
  width:30px;height:30px;
  background-image: url(../images/icons/wi-icon-red.png);
  background-position: -80px -950px;
}
.ui-select .ui-btn-inner .ui-btn-text{font-size: 32px !important;}
.ui-select{

  width:100%;
  padding:0px;
  height: 65px;
  -webkit-box-shadow: inset 1px 0px 5px 2px #babbba;
  box-shadow: inset 0px 1px 5px 2px #babbba;
  background: #e1e1e1;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;

  border:solid 1px #fbfbfb;

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-edit-profile {
  float: right;
  margin: 0;
}

.ui-header.ui-bar-x a.link-alert {
  background: url("../images/line-vertical-1.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);
  height: 88px;
  margin: 0;
  position: absolute;
  right: 72px;
  top: 0;
  min-width: 90px;
}

.ui-header.ui-bar-x .ui-btn-inner{
  height: 100%;
  border-radius: 0px;
}
.ui-select .ui-btn-icon-right .ui-btn-inner {
  padding-top: 5px;
}

.ui-header.ui-bar-x .ui-btn-icon-left > .ui-btn-inner > .ui-icon-cholet-alert {
  margin-left: 10px;
  margin-top: -30px;
}

.ui-header.ui-bar-x .top-center {
  height: 88px !important;
  width: 90px !important;
  margin: auto !important;
  background: url("../images/border-icon-90.png") repeat-y scroll 100% 0 rgba(0, 0, 0, 0);
  min-width: 90px;
}

.ui-header.ui-bar-x .top-center > .ui-btn-inner {
  position: static !important;
  padding: 0 !important;
}

.ui-header.ui-bar-x .top-center.ui-btn-icon-left > .ui-btn-inner > .ui-icon-cholet-alert {
  bottom: 0;
  left: 0;
  margin: auto;
  right: 0;
  text-align: center;
  top: 0;
}

.ui-header.ui-bar-x .ui-btn-inner .ui-icon-icon-alert {
  width: 70px;
  height: 70px;
}

/*Bg color*/
.line-2, .bg-red.ui-btn-active {
  background: none;
  background-color: #e64a24 !important;
}
.line-1, .line-1a, .line-1b, .bg-green.ui-btn-active {
  background: none;
  background-color: #299727 !important;
}
.line-3, .line-3a, .bg-blue.ui-btn-active {
  background: none;
  background-color: #0168c7 !important;
}
.line-5, .bg-yellow.ui-btn-active {
  background: none;
  background-color: #fedd00 !important;
  color: #000000 !important;
}
.line-11, .bg-yellow.ui-btn-active {
  background: none;
  background-color: #FFD100 !important;
  color: #000000 !important;
}
.line-4, .bg-blue-blur.ui-btn-active {
  background: none;
  background-color: #00a5e7 !important;
}
.line-6, .line-6a, .bg-brown.ui-btn-active {
  background: none;
  background-color: #913a00 !important;
}

.line-A, .bg-amethyst.ui-btn-active {
  background: none;
  background-color: #a392b6 !important;
  color: #000000 !important;
}

.line-10, .bg-pink.ui-btn-active {
  background: none;
  background-color: #f794d7 !important;
  color: #000000 !important;
}

.line-12, .bg-olive.ui-btn-active{
  background: none;
  background-color: #a3ac05 !important;
  color: #000000 !important;
}

.line-13, .bg-purple.ui-btn-active {
  background: none;
  background-color: #8e0076 !important;
}

.line-14, .bg-deep-pink.ui-btn-active {
  background: none;
  background-color: #ed1e88 !important;
}

.line-15, .bg-orange.ui-btn-active {
  background: none;
  background-color: #e59612 !important;
}

.line-16, .bg-blue-violet.ui-btn-active {
  background: none;
  background-color: #a978d1 !important;
}

.line-all, .bg-all.ui-btn-active {
  background: url("../images/maps/all-icon.png") no-repeat !important;;
}

.line-all-1, .bg-all-1.ui-btn-active {
  background: url("../images/maps/all-1-icon.png") no-repeat !important;;
}

.line-all .ui-btn-text .ui-link-inherit, .line-all-1 .ui-btn-text .ui-link-inherit, span.bg-all, span.bg-all-1, span.line-all, span.line-all-1 {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#select-choice-line-button span.ui-btn-active {
  /*width: 33px;*/
  height: 55px;
  padding: 15px 0 0;
  width: 70px;
  border: none;
}

.red {
  color: #A9000E;
}
.grey {
  color: #6A6A6A;
}

/*Cholet group control*/

.ui-field-contain.cholet .ui-controlgroup-horizontal .ui-checkbox .ui-btn {
  background: #C8C8C8;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  font-family: Arial, tiresias_signfontregular, androgyneregular, Helvetica,Arial,sans-serif;
  font-weight: bold;
  text-decoration: none;
  /*text-shadow: 0 1px 1px #3373A5;*/
  text-shadow: none;
  padding: 0;
}
.ui-field-contain.cholet .ui-controlgroup-horizontal .ui-checkbox .ui-btn.ui-btn-active {
  font-weight: bold;
}

.ui-field-contain.cholet .ui-controlgroup-controls {
  /*  display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    flex-flow: row wrap !important;
    flex-align: center !important;
    justify-content: space-between !important;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -moz-box-orient: vertical;
    width: 100% !important;
    text-align: center !important;*/
  width: 100% !important;
}

.ui-field-contain.cholet .ui-controlgroup-controls:after {
  /*  content: '';
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;*/
}

.ui-field-contain.cholet .ui-controlgroup-horizontal .ui-checkbox {
  /*  display: inline-block !important;
    float: none;
    margin: 0 auto;*/
  width: 16.66%;
}

.ui-field-contain.cholet .ui-controlgroup-horizontal .ui-checkbox input {left: 50%}

.ui-field-contain.cholet .ui-controlgroup-horizontal .ui-checkbox .ui-btn {
  width: 70px;
  height: 70px;
  /*  display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;*/
  margin: 0 auto;
}

.ui-field-contain.cholet .ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner {
  /*padding: 0;*/
  padding: 0;
}

.ui-field-contain.cholet .ui-controlgroup-horizontal .ui-checkbox .ui-btn-inner .ui-btn-text {
  display: inline-block;
  font-size: 36px;
  margin-top: 17px;
}

.ui-field-contain.cholet .ui-controlgroup-horizontal .ui-checkbox .ui-corner-left {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.ui-field-contain.cholet .ui-controlgroup-horizontal .ui-checkbox .ui-corner-right {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

/* Global */
.header.line-mid {padding: 0}
.header.line-mid h2 {background: url(../images/line-horizontal-2.png) repeat-x 0 50%; text-align: left; padding: 25px 0 25px 0; margin: 0 25px}
.header.line-mid h2 span {background: #6b6b6b; padding: 0 15px 0 0}

.link-point {
  min-width: 90px;
  float: left;
  height:88px;
  background: url(../images/line-vertical-1.png) repeat-y 100% 0;
  margin: 0;
  border: none;
}

.link-point .ui-btn-inner, .link-alert .ui-btn-inner {
  border: 0 none;
  height: 100%;
  margin: 0;
  padding: 0;
}

.link-point .ui-icon {
  display: block;
}

.ui-bar-x .ui-btn-icon-left > .ui-btn-inner > .ui-icon-point {
  margin-top: -35px;
  margin-left: 2px;
}

.ui-icon-point {
  background-position: -482px -1586px;
  height: 70px;
  width: 70px;
}

.not-logged .ui-icon-point {
  background-position: -596px -1586px;
}

a:not(.not-logged):hover .ui-icon-point,
a.active .ui-icon-point,
.ui-btn-active .ui-icon-point
.ui-focus .ui-icon-point {background-position: -368px -1585px;}

#history-not-logged {
  margin: 0 25px;
  text-align: center;
  display:none;
}

#history-not-logged img {
  margin-top: 60px;
}

#history-not-logged p {
  font-size: 30px;
  margin-top: 20px;
}

.ui-selectmenu-list.bg-linear {
  background: #e7e7e7; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #e7e7e7 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e7e7e7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e7e7e7 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e7e7e7 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e7e7e7 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/*Select menu*/
.ui-header-fixed .ui-select, .ui-header-fixed .ui-select .ui-btn-inner .ui-btn-text {
  color: #BABABA;
  font-family: arial;
  font-size: 36px;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

.ui-header-fixed .ui-select .ui-btn-inner .ui-btn-text span {
  background: blue;
  display: block;
  font-size: 36px;
  /*padding: 12px 25px;*/
}

#select-choice-line-button .ui-icon {
  background: url("../images/icons/wi-icon-red.png") -608px -270px no-repeat;
}

.ui-header-fixed .ui-select .ui-btn-icon-right .ui-icon {
  background-position: -608px -270px;
  height: 40px;
  right: 0;
  width: 40px;
}

.ui-header-fixed .ui-select {
  display: inline-block;
  width: auto;
  border: none;
  background: none;
  box-shadow: none;
  border-radius: 0;
  margin-top: 5px;
  margin-right: 5px;
}

.ui-header-fixed label.ui-select {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin: 18px 0;
}

.ui-popup-container .ui-selectmenu {
  width: auto;
  min-width: 0;
  border-radius: 0;
  border: medium none;
  background: #e7e7e7; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top,  #e7e7e7 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #e7e7e7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #e7e7e7 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #e7e7e7 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #e7e7e7 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7e7e7', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

.ui-btn-up-cholet .ui-btn-inner a.ui-link-inherit, .ui-btn-hover-cholet .ui-btn-inner a.ui-link-inherit {
  /*  padding: 20px 24px;
    font-size: 52px;*/
  font-size: 36px;
  height: 55px;
  padding: 15px 0 0 0;
  text-align: center;
  vertical-align: middle;
  width: 70px;
}

.ui-selectmenu-list .ui-btn-active.ui-btn-up-cholet .ui-link-inherit, .ui-selectmenu-list  .ui-btn-active.ui-btn-hover-cholet .ui-link-inherit {
  background: url("../images/icons/bg-item-select-item.png") left center no-repeat;
  font-size: 36px;
}

#map-line-page .ui-selectmenu {
  height: 680px;
  max-height: 680px;
}
#map-line-page .ui-popup-container.ui-popup-active {
  left: auto !important;
  right: 70px !important;
  margin-top: 75px !important;
}

#map-line-page #select-choice-line-menu .line-1a {
  position: absolute;
  right: 100px;
  top: 6px;
}

#map-line-page #select-choice-line-menu .line-1b {
  left: -88px;
  position: absolute;
  top: 82px;
}

#map-line-page #select-choice-line-menu .line-3a {
  left: -88px;
  position: absolute;
  top: 156px;
}

#map-line-page #select-choice-line-menu .line-6a {
  left: -88px;
  position: absolute;
  top: 231px;
}

.line-5 .ui-link-inherit, .line-A .ui-link-inherit {
  color: #000000;
}

.ui-selectmenu-list li {
  margin: 5px !important;
  border-width: 0 !important;
  text-shadow: none;
  font-weight: bold;
}

#select-choice-line-button {
  background: none;
  border: none;
  border-radius: 0px;
}

#select-choice-line-button .ui-btn-text a {
  font-size: 25px;
}

#map-line-page .ui-popup-screen {
  background: none;
}

/*My Alert*/
.list-travel{font-size:27px;}
.list-travel > li .title-line {font-size: 26px; color: #9D9D9D;
                               text-shadow: 1px 1px 2px rgba(255, 255, 255, 1)}
.list-travel > li .title-line strong {color: #6a6a6a; font-size: 32px; display: block; }

.list-line-horizontal a{
  float: left;
  width: 20%;
  text-align: center;
  vertical-align: middle;
}

.select-line.list-line-horizontal a{
  width: 16.6%;
}

.icon-line {
  font-family: Arial;
  font-weight: bold;
  text-shadow: none;
  color: #FFFFFF;
  display: block;
  font-size: 36px;
  height: 55px;
  padding-top: 15px;
  /*text-shadow: 1px 1px 2px #000000;*/
  text-shadow: none;
  width: 70px;
  text-align: center;
  margin: 0 auto;
}

.icon-line-45 {
  font-family: Arial;
  font-weight: bold;
  color: #FFFFFF;
  display: block;
  font-size: 30px;
  height: 38px;
  padding-top: 7px;
  /*text-shadow: 1px 1px 2px #000000;*/
  text-shadow: none;
  width: 45px;
  text-align: center;
  margin: 0 auto;
}

.icon-line-30 {
  font-family: Arial;
  font-weight: bold;
  color: #FFFFFF;
  display: block;
  font-size: 24px;
  height: 28px;
  padding-top: 2px;
  /*text-shadow: 1px 1px 2px #000000;*/
  text-shadow: none;
  width: 30px;
  text-align: center;
  margin: 0 auto;
}

.inline-block {
  display: inline-block;
}
/*Overide Global*/
.no-bg {
  background: none !important;
}
.hide-line-popup {
  display: none;
}
/*temp*/
.map-line-static {
  background: url("../images/map-line-static.png") repeat;
  height: 960px;
}

.ui-disabled {
  opacity: 1;
}

#error-message, .error-message {
  color: #A9000E;
}
/*.ui-mobile-rendering > * { visibility: visible !important;}*/

.ui-loader-background {
  width:100%;
  height:100%;
  top:0;
  margin: 0;
  background: rgba(0, 0, 0, 0.3);
  display:none;
  position: fixed;
  z-index:100;
}

.ui-loading .ui-loader-background {
  display:block;
}

#soleillos-page, #soleillos-page .title {
  font-family: arial;
}
#soleillos-page h4 span {
  padding: 20px;
  display: block;
}
#soleillos-page h4 span i{
  vertical-align: middle;
}
#soleillos-page .title strong {
  color: #c11521;
  text-shadow: -1px -1px 1px rgba(147, 16, 25, 1);
  font-weight: normal;
}

#soleillos-level-list li:nth-child(2n+1) {
  background: linear-gradient(to bottom, #d72a2f 0%, #a41b20 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  box-shadow: none;
}

#soleillos-level-list li:last-child {
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

#soleillos-level-list li span {
  display: inline-block;
  font-size: 28px;
  padding: 9px 9px 9px 0px;
  text-align: center;
}

#soleillos-level-list li span:first-child {
  padding: 9px 0 9px 9px;
  min-width: 240px;
  text-align: left;
}

#soleillos-level-list li span:last-child {
  /*  text-align: right;
    min-width: 45%;*/
}

#soleillos-level-list li span b{
  display: block;
  height: 28px;
  padding: 23px 0;
}

#soleillos-history-list li span{
  font-size: 30px;
}

#soleillos-history-list li span:first-child{
  text-align: left;
}

#link-point-top {
  position: relative;
}

#link-point-top span.ui-btn-text {
  position: initial;
}

#link-point-top .hidden-voice {
  color: #ffffff;
  font-family: arial;
  font-weight: normal;
  left: 28px;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0 0 1px #000000;
  top: 60px;
  width: 40px;
  z-index: 9999;
}




/*@media all and (max-width: 500px) { and (-webkit-device-pixel-ratio: 1.5)*/
/*
    .list-data,.icon-mobile, .icon-alert-1,  .icon-sun-g, .navbar .wi-icon{
	transform:scale(0.6); -webkit-transform:scale(0.6); 
	-moz-transform:scale(0.6); -o-transform:scale(0.6); 
    }
    .slider-transport, .navbar .wi-icon{
	transform:scale(0.7); -webkit-transform:scale(0.7); 
	-moz-transform:scale(0.7); -o-transform:scale(0.7); 
    }
    .list-data{min-width: 470px;}
    .icon-mobile{width:264px;}
    .ui-footer .ui-block-a{width:11%;}
    .ui-footer .ui-block-b {width:65%}

    
    .slider-transport label{font-size:30px;}
    .tab-trip .ui-bar-x, .container .header h2 , .info-profile dd, .nav-tab .ui-btn .ui-btn-inner,
    .btn-green > .ui-btn-inner > .ui-btn-text,
    .btn-green.ui-btn-up-x > .ui-btn-inner > .ui-btn-text ,
    .btn .ui-btn-text,.container .headerGray h2,.link-back.ui-btn .ui-btn-text{font-size: 22px;}
    #search-form input{font-size:22px;}
    */
/*}*/