body,
input,
textarea,
select,
button {
	font-size: 0.875rem;
	line-height: 20px;
    line-height: calc(var(--add-line-spacing) + 20px);
	font-family: 'Open Sans', Arial, "Helvetica Neue", Helvetica, sans-serif;
	margin: 0;
	-webkit-font-smoothing: antialiased;
	color:#000;
}

.leaflet-container .mapMenu a,
.leaflet-container .mapMenu a:hover,
a, button, textarea, input, select {
  outline: none;
  color: #000;
}

a:not(.button):hover {
	color:#00baab;
}


body {
	/*background:#fff url(tallinn/images/base/header-line.png) repeat-x;*/
    padding-top: 10px;
	width:100%;
	height: auto;
	min-width:1024px;
    overflow:hidden;
    background-color:#fff;
}

body.ScheduleMapDisplayed,
body.ScheduleDisplayed {
    background-color:#eef3f4;;
}

.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	width:0;
	visibility:hidden;
}
* html .clearfix {
	height:1%;
}

.clearfix {
  display: block;
}

div.footer {
    padding:20px;
}

#ulScheduleDirectionsList {
    top:40px; 
    font-size: 0.9375rem; 
    white-space:nowrap; 
    list-style: none;
    background: #fff;
    border: 1px solid #eeeeee;
    border-top: 0;
    border-radius: 0 0 3px 3px;    
    z-index:999;
}

#ulScheduleDirectionsList a {
    border-top: 1px solid #eeeeee;
    padding: 5px 10px;
    color: #000;
    font-size: 0.75rem;
    outline:0;
}

#ulScheduleDirectionsList a:first-child {
    border-top: 0px;
}

#spanDir1, #spanDir2 {
    position:relative;
    padding-right:25px;
    outline:0;
    color: #000;
    font-weight:normal;
}

#spanDir1:hover, #spanDir2:hover {
   outline:0;
   text-decoration:none;
}

#spanDir1:after, #spanDir2:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -3.5px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #000000 transparent transparent transparent;

    /*content: '▼';
    padding: 0 5px;*/
}   

/*#divScheduleBody span.num,*/
#divScheduleHeader span.num {
    margin-left:20px;
    position:relative;
    padding-left:10px;
    padding-right:10px;
        -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

/*
#divScheduleRoute .icon {
    display:none;
}*/

/*#divScheduleBody span.num:before,*/
#divScheduleHeader span.num:before {
  background: url(tallinn/images/base/icon-bus.png) no-repeat 0 50%;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 100%;  
        -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

/*#divScheduleBody span.num.bus:before,*/
#divScheduleHeader span.num.bus:before
,#divScheduleHeader span.num.nightbus:before {
	background: url(tallinn/images/base/icon-bus.png) no-repeat 0 50%;
}

/*#divScheduleBody span.num.trol:before,*/
#divScheduleHeader span.num.trol:before {
	background: url(tallinn/images/base/icon-trol.png) no-repeat 0 50%;
}

/*#divScheduleBody span.num.tram:before,*/
#divScheduleHeader span.num.tram:before {
	background: url(tallinn/images/base/icon-tram.png) no-repeat 0 50%;
}

/*#divScheduleBody span.num.regionalbus:before,*/
#divScheduleHeader span.num.regionalbus:before {
	background: url(tallinn/images/base/icon-regionalbus.png) no-repeat 0 50%;
}

/*#divScheduleBody span.num.train:before,*/
#divScheduleHeader span.num.train:before {
	background: url(tallinn/images/base/icon-train.png) no-repeat 0 50%;
}

/*#divScheduleBody span.num.commercialbus:before,*/
#divScheduleHeader span.num.commercialbus:before {
	background: url(tallinn/images/base/icon-commercialbus.png) no-repeat 0 50%;
}




/*
#wrap {
	min-height: 100%;
	padding-left: 60px;
	overflow: hidden;
}
#wrap.menu-open {
	padding-left: 240px;
}
#wrap:after {
	content: '';
	display: block;
	position: fixed;
	top: 10px;
	left: 0;
	width: 60px;
	height: 100%;
	background: #383a3b;
}
#wrap.menu-open:after {
	width: 240px;
}
*/

#divContentPlanner {
    margin-left:0px;
    display:none;
}


#divScheduleHeader,
#divScheduleBody {
    position:absolute;
    left:60px;
    right:0px;
    width:auto;
}

#divScheduleHeader {
    z-index:5;
    line-height:20px;
}

#divScheduleBody {
    z-index:2;
}

.ScheduleMapDisplayed #divScheduleHeader,
.ScheduleMapDisplayed #divScheduleBody {
    right:auto;
    width:680px;
}

.MapMenuDisplayed.MapDisplayedMax #divHeader,
#divHeader {
    position:fixed;
    left:240px;
    right:0px;
    width:auto;
    height:50px;
    background-color:white;
    z-index:99;
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,.1);
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    min-width:784px;
    z-index:11;
}

#divLine {
	background:#fff url(tallinn/images/base/header-line.png) repeat-x;
    position:fixed;
    width:100%;
    height:10px;
    z-index:999;
    top:0px;

}

#divLang{ 
    float:right; 
    margin:14px 0px; 
    line-height:20px; 
    line-height: calc(var(--add-line-spacing) + 20px);
}


/*.FavouritesDisplayed #divHeader,*/
.MapDisplayed #divHeader,
.MapDisplayedMax #divHeader,
/*.PlannerDisplayed #divHeader,*/
.ScheduleMapDisplayed #divHeader,
.ScheduleDisplayed #divHeader {
    left:60px;
    right:0px;
    width:auto;
    background-color:white;
}

#divNav {
    display:none;
}

#divContainer{ 
    position:absolute; 
    top:60px;
    bottom:0;
    left:0;
    width:100%;
    min-width:700px; 
/*overflow:auto;*/
}

#tblDepartingRoutes,
#tblRoutes {
  border-collapse: collapse;
  border-spacing: 0;  
  width: 100%;
  border-top: 1px solid #eeeeee;
  table-layout: fixed;
}

/*
#tblDepartingRoutes {
  table-layout: auto;
}*/


#tblDepartingRoutes td,
#tblRoutes td {
    vertical-align: middle;
    border-left: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    /*height:40px;*/
}

#divTitle h1 {
    padding-top:14px;
    padding-bottom:14px;
    padding-left:20px;
    font-size: 1.25rem;
    line-height: 20px;
    line-height: calc(var(--add-line-spacing) + 20px);
}

.MapDisplayed #tblDepartingRoutes td:first-child a,
.MapDisplayed #tblRoutes td:first-child a {
    text-overflow: ellipsis;
    max-width:380px;
    overflow:hidden;
}

.MapDisplayed #tblDepartingRoutes .routeName,
.MapDisplayed #tblRoutes .routeName {
  width:99%;
}



#tblDepartingRoutes td .type,
#tblRoutes td .type {
  width: 40px;
}

#tblDepartingRoutes tr:nth-child(odd) td,
#tblRoutes tr:nth-child(odd) td {
  background: #fcfcfc;
}

#tblDepartingRoutes .routeName,
#tblRoutes .routeName {
  border-left: 0;
  /*width:99%;*/
  
}

#tblDepartingRoutes .routeName a,
#tblRoutes .routeName a {
  display:block;
  padding: 10px 40px 10px 30px;
  position: relative;
  overflow:hidden;
  text-overflow:ellipsis;
  
  display: flex;
  align-items: center;  
}

#tblDepartingRoutes .routeName a .time {
    margin-left: auto;
    font-size: 1.25rem;
}


.line-favourite,
#tblDepartingRoutes .type,
#tblRoutes .type {
	width: 40px;
}

#tblDepartingRoutes .type a,
#tblRoutes .type a {
	display: block;
	width: 40px;
	height: 40px;
	background: url(tallinn/images/base/icon-low-d.png) no-repeat 50% 50%;
}

#tblDepartingRoutes .type a.low,
#tblRoutes .type a.low {
	background-image: url(tallinn/images/base/icon-low.png);
}


#tblDepartingRoutes .routeName a:before,
#tblRoutes .routeName a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 9px;
	width: 13px;
	height: 100%;
}

 #tblDepartingRoutes .icon_bus .routeName a:before
,#tblDepartingRoutes .icon_nightbus .routeName a:before
,#tblRoutes .icon_bus .routeName a:before
,#tblRoutes .icon_nightbus .routeName a:before {
	background: url(tallinn/images/base/icon-bus.png) no-repeat 0 50%;
}

#tblDepartingRoutes .icon_trol .routeName a:before,
#tblRoutes .icon_trol .routeName a:before {
	background: url(tallinn/images/base/icon-trol.png) no-repeat 0 50%;
}

#tblDepartingRoutes .icon_tram .routeName a:before,
#tblRoutes .icon_tram .routeName a:before {
	background: url(tallinn/images/base/icon-tram.png) no-repeat 0 50%;
}

#tblDepartingRoutes .icon_regionalbus .routeName a:before,
#tblRoutes .icon_regionalbus .routeName a:before {
	background: url(tallinn/images/base/icon-regionalbus.png) no-repeat 0 50%;
}

#tblDepartingRoutes .icon_train .routeName a:before,
#tblRoutes .icon_train .routeName a:before {
	background: url(tallinn/images/base/icon-train.png) no-repeat 0 50%;
}

#tblDepartingRoutes .icon_commercialbus .routeName a:before,
#tblRoutes .icon_commercialbus .routeName a:before {
	background: url(tallinn/images/base/icon-commercialbus.png) no-repeat 0 50%;
}

.view-map {
	/*width: 40px;*/
}

.view-map a {
    color:#00c8b9;
}
    
.view-map *, 
.view-map *:before, 
.view-map *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}



.MapDisplayed  .view-map {
	width: 40px;
}

.view-map a {
	display: inline-block;
	vertical-align: top;
	padding-left: 24px;
	font-size: 0.6875rem;
	min-height:40px;
	padding: 10px 15px 10px 40px;
	position: relative;
	background: url(tallinn/images/base/icon-viewmap.png) no-repeat 15px 9px;
}

.MapDisplayed .view-map a {
	padding: 10px 0 10px 40px;
	background: url(tallinn/images/base/icon-viewmap-d.png) no-repeat 50% 9px;
    outline:0;
}
.MapDisplayed .view-map .active {
	height: 42px;
	width: 41px;
	margin: -1px 0 -1px -1px;
	background: #00c8b9 url(tallinn/images/base/icon-viewmap-a.png) no-repeat 50% 10px;
    outline:0;
}

.MapDisplayed .view-map .active:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 0 21px 20px;
	border-color: transparent transparent transparent #00c8b9;
    z-index:8;
}

.MapDisplayed .type,
.MapDisplayed .weekdays,
.MapDisplayed .view-map a span {
	display: none;
}

.MapDisplayed #divContentDepartingRoutes,
.MapDisplayed #divContentRoutes {
  width: 500px;
}


#divContentWrapper {
  height: 100%;
  left: 240px;
  position: absolute;
  right: 0px;
  top:0px;
}

/*.FavouritesDisplayed #divContentWrapper,*/
/*.PlannerDisplayed #divContentWrapper,*/
.ScheduleMapDisplayed #divContentWrapper,
.ScheduleDisplayed #divContentWrapper {
  left: 0px;

}

.MapDisplayed #divContentWrapper {
  left: 60px;
}


.ScheduleMapDisplayedMax #divMapWrapper,
.ScheduleMapDisplayed #divMapWrapper,
.MapDisplayed #divMapWrapper,
.MapDisplayedMax #divMapWrapper {
  position: fixed;
  opacity: 1;
  visibility: visible;
  /*width: 500px;*/
  height: auto;
  left:740px;
  top:60px;
  right:0px;
  bottom:0px;
  width:auto;
  padding-bottom:60px;
}

.MapDisplayed #divMapWrapper {
    left:560px;
}

.MapDisplayed.HelpDisplayed #divMapWrapper,
.MapDisplayed.ContactsDisplayed #divMapWrapper,
.MapDisplayed.PlannerDisplayed #divMapWrapper,
.MapDisplayed.FavouritesDisplayed #divMapWrapper {
    left:740px;
}

.MapDisplayedMax #divMapWrapper {
    left:60px;
}

.MapMenuDisplayed.MapDisplayedMax #divMapWrapper {
    left:240px;
}


.HelpDisplayed.MapDisplayedMax #divMapWrapper,
.ContactsDisplayed.MapDisplayedMax #divMapWrapper,
.PlannerDisplayed.MapDisplayedMax #divMapWrapper,
.FavouritesDisplayed.MapDisplayedMax #divMapWrapper {
    left:60px;
}


.ScheduleMapDisplayedMax #divMapWrapper {
    left:60px;
}


.HelpDisplayed ul.transport-navigation,
.ContactsDisplayed ul.transport-navigation,
.FavouritesDisplayed ul.transport-navigation,
.PlannerDisplayed ul.transport-navigation {
    display:none;
}

#tblDepartingRoutes .weekdays,
#tblRoutes .weekdays {
  width: 135px;
  padding: 7px 9px;
}

#tblDepartingRoutes .weekdays a,
#tblRoutes .weekdays a {
  display:block;
  font-size: 0;
  overflow: hidden;
  color: #000000;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #eee;
  border-radius: 3px;
}

#tblDepartingRoutes .routeName a .e,
#tblRoutes .routeName a .e {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url(tallinn/images/base/icon-express.png) no-repeat 0 50%;
}

.weekdays *, 
.weekdays *:before, 
.weekdays *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.weekdays span.weekend {
  color: #808080;
}

.weekdays span {
  display: inline-block;
  vertical-align: top;
  font-size: 0.6875rem;
  width: 19px;
  height: 22px;
  line-height: 22px;
  border-left: 1px solid #eeeeee;
}

.weekdays span:first-child {
  border-left: 0;
}


#tblFilterRoutes {
    height:80px;
}


.DeparturesRow span span:last-child {
    line-height:16px;
    line-height: calc(var(--add-line-spacing) + 16px);
    font-size: 0.875rem;
}

#spanContentDepartingRoutesStop a.icon_map {
    display:none;
}

#spanContentDepartingRoutesStop {
    padding-left:22px;
}

#spanDepartureDate {
    padding-bottom:10px;
}

/*------------------------------------*\
$SIDEBAR
\*------------------------------------*/
#sidebar *, 
#sidebar *:before, 
#sidebar *:after {
  -webkit-box-sizing: border-box; 
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

/*ie8 fails with first child */

body.MapDisplayedMax .mainMenu ul li.first,
body.MapDisplayed .mainMenu ul li.first,
body.ScheduleMapDisplayed .mainMenu ul li.first,
body.ScheduleDisplayed .mainMenu ul li.first,
body.MapDisplayed .mainMenu ul li:first-child,
body.ScheduleMapDisplayed .mainMenu ul li:first-child,
body.ScheduleDisplayed .mainMenu ul li:first-child {
    display:block;
}


.mainMenu ul li.first,
.mainMenu ul li:first-child {
    display:none;
	border-top: 0;
}



.empty #sidebar {
    display:none;
}

#sidebar {
    display:block;
	position: fixed;
	top: 10px;
	left: 0px;
    bottom:0px;
	background: #383a3b url(tallinn/images/base/shadow.png) repeat-y 100% 0;
	width: 240px;
	height: auto;
	padding-bottom: 0px;
	font-size: 0.75rem;
	z-index:200;
    min-height:450px;
    /*overflow:hidden;*/
}

.MapMenuDisplayed.MapDisplayedMax #sidebar {
    width:240px;
}

.MapMenuDisplayed.MapDisplayedMax #mainMenu li a span{
    white-space:normal;
}

/*.FavouritesDisplayed #sidebar,*/
.MapDisplayedMax #sidebar,
.MapDisplayed #sidebar,
/*.PlannerDisplayed #sidebar,*/
.ScheduleMapDisplayed #sidebar,
.ScheduleDisplayed #sidebar {
	width: 60px;
}


div.clock {
    position:absolute;
    left:25px;
    width:25px;
    height:25px;
    background: url(tallinn/images/base/icon-time.png) no-repeat 5px 50%;
}

.flive div.clock {
    left:0px;
}

#aSuggestShowMap .icon_stops {
    width:10px;
    height:15px;
    background: url(tallinn/images/base/icon-mappin.png) no-repeat 50% 50%;
    display:inline-block;
    border:0px;
    margin:3px;
}


/*
#divScheduleContent div.clock {
    position:relative;
}
*/

#logo {
	display: block;
	position: absolute;
	bottom: 10px;
	left: 12px;
}

/*.FavouritesDisplayed #logo,*/
.MapDisplayedMax #logo,
.MapDisplayed #logo,
/*.PlannerDisplayed #logo,*/
.ScheduleMapDisplayed #logo,
.ScheduleDisplayed #logo {
	display: none;
}

.MapMenuDisplayed.MapDisplayedMax #infoMenu,
.MapMenuDisplayed.MapDisplayedMax #logo {
    display:block;
}

#logo img {
	display: block;
}

#areaMenu {
	display: block;
	background: #f5f8f9 url(tallinn/images/base/shadow.png) repeat-y 100% 0;
}

#areaMenu > a {
    border-bottom: 1px solid #333435;
    border-top: 1px solid #464849;
    color: #fff;
    display: block;
    position: relative;
    font-size: 0;
    background: #383a3b;
}

#areaMenu > a.icon_schedule:before {
    background: url(tallinn/images/base/icon-menu-schedule.png) no-repeat 50% 50%;
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 40px;
    border-bottom: 1px solid #333435;
    border-top: 1px solid #464849;
    position: relative;
    z-index: 2;
}

#areaMenu > a span {
    position: static;
    display: inline-block;
    width: 100%;
    margin: 0 0 0 -60px;
    opacity: 1;
    visibility: visible;
    padding: 10px 20px 10px 50px;
    vertical-align: middle;
    font-size: 0.875rem;
}

/*.FavouritesDisplayed #areaMenu,*/
.MapDisplayedMax #areaMenu,
.MapDisplayed #areaMenu,
/*.PlannerDisplayed #areaMenu,*/
.ScheduleMapDisplayed #areaMenu,
.ScheduleDisplayed #areaMenu {
	display: none;
}
#areaMenu ul li {
	border-top: 1px solid #eef2f3;
}
#areaMenu > ul > li:first-child {
	border-top: 0;
}
#areaMenu ul li a {
	display: block;
	color: #383a3b;
	position: relative;
	padding: 5px 20px 5px 70px;
	-webkit-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
    outline:0;
    line-height:20px;
}
 #areaMenu ul li a.icon_bus
,#areaMenu ul li a.icon_nightbus {
	background: url(tallinn/images/base/icon-bus.png) no-repeat 52px 4px;
}
#areaMenu ul li a.icon_trol {
	background: url(tallinn/images/base/icon-trol.png) no-repeat 52px 3px;
}
#areaMenu ul li a.icon_tram {
	background: url(tallinn/images/base/icon-tram.png) no-repeat 52px 3px;
}
#areaMenu ul li a.icon_regionalbus {
	background: url(tallinn/images/base/icon-regionalbus.png) no-repeat 52px 4px;
}
#areaMenu ul li a.icon_train {
	background: url(tallinn/images/base/icon-train.png) no-repeat 52px 3px;
}
#areaMenu ul li a.icon_commercialbus {
	background: url(tallinn/images/base/icon-commercialbus.png) no-repeat 52px 3px;
}
#areaMenu ul li a.active {
	background-color: #fff;
	font-weight: bold;
}
#areaMenu ul li a:hover {
	background-color: #fff;
}
#areaMenu ul li a.active:after,
#areaMenu ul li a:hover:after {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 5px;
	height: 100%;
	background: url(tallinn/images/base/shadow.png) repeat-y 100% 0;
}
#areaMenu > ul > li > a {
	line-height: 20px;
    line-height: calc(var(--add-line-spacing) + 20px);
	font-weight: bold;
	font-size: 1rem;
	padding: 15px 20px 15px 50px;
}

#areaMenu > ul > li > a > span {
    /*display: flex;*/
    display: block;
    padding-right: 20px;
    align-items: center;
}

#areaMenu > ul > li > a.tallinn {
	background: url(tallinn/images/base/logo-tt.png) no-repeat 20px 50%;
}
#areaMenu > ul > li > a.harju {
	background: url(tallinn/images/base/logo-utk.svg) no-repeat 17px 5px;
	background-size: 30px;
}
#areaMenu > ul > li > a.ship {
	background: url(tallinn/images/base/icon-ship.png) no-repeat 20px 50%;
}

#areaMenu > ul > li > a.schoolbus {
	background: url(tallinn/images/base/icon-schoolbus.png) no-repeat 20px 50%;
}

#areaMenu > ul > li > a.external span:after {
    content: '';
    display: inline-block;
    position: relative;
    top: 50%;
    margin-top: -4px;
    margin-left: 9px;
    /*right: 0;*/
    width: 10px;
    height: 8px;
    background: url(tallinn/images/base/icon-link-blank.png) no-repeat 0 0;    
}


#areaMenu > ul > li > a.external:hover span:after {
    background: url(tallinn/images/base/icon-link-blank.png) no-repeat 0 -8px;    
}

#mainMenu {
	border-bottom: 1px solid #464849;
}

.MapMenuDisplayed.MapDisplayedMax #mainMenu li,
#mainMenu li {
	border-bottom: 1px solid #333435;
	border-top: 1px solid #464849;
}

/*
#mainMenu li:nth-child(2) {
  border-top: 0;
}*/

/*.FavouritesDisplayed #mainMenu li,*/
.MapDisplayedMax #mainMenu li,
.MapDisplayed #mainMenu li,
/*.PlannerDisplayed #mainMenu li,*/
.ScheduleMapDisplayed #mainMenu li,
.ScheduleDisplayed #mainMenu li {
    border:0px;
}


#mainMenu li a {
	color: #fff;
	display: block;
	position: relative;
	font-size: 0;
    outline:0;
}

#mainMenu li a span {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	top: 0;
	vertical-align: middle;
	font-size: 0.875rem;
    /*background: #383a3b;*/
	padding: 10px 20px 10px 0;
	border-radius: 0 3px 3px 0;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	z-index:1;
}


/*.FavouritesDisplayed #mainMenu li a.icon_favourites:hover span,*/
/*.MapDisplayedMax #mainMenu li a.icon_plan:hover span,
.MapDisplayed #mainMenu li a.icon_plan:hover span,*/
/*.PlannerDisplayed #mainMenu li a.icon_plan:hover span,*/
/*.ScheduleMapDisplayed #mainMenu li a.icon_map:hover span,*/
#mainMenu li a.active span {
	background: #f5f8f9;
	font-weight: bold;
	color: #383a3b;
}


/*.FavouritesDisplayed #mainMenu li a span,*/
.MapDisplayedMax #mainMenu li a span,
.MapDisplayed #mainMenu li a span,
/*.PlannerDisplayed #mainMenu li a span,*/
.ScheduleMapDisplayed #mainMenu li a span,
.ScheduleDisplayed #mainMenu li a span {
    position:absolute;
    opacity: 0;
	visibility: hidden;

    width:auto;
  	/*white-space: nowrap;*/
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    /*z-index:9999;*/
}

.MapMenuDisplayed.MapDisplayedMax #mainMenu li a.icon_map:hover span {
    background: #f5f8f9;    
}


/*.FavouritesDisplayed #mainMenu li a:hover span,*/
.MapDisplayedMax #mainMenu li a:hover span,
.MapDisplayed #mainMenu li a:hover span,
/*.PlannerDisplayed #mainMenu li a:hover span,*/
.ScheduleMapDisplayed #mainMenu li a:hover span,
.ScheduleDisplayed #mainMenu li a:hover span  {
	background: #383a3b;
	opacity: 1;
	visibility: visible;
    width:auto;
    position:absolute;
  	white-space: nowrap;
}

.PlannerDisplayed.MapDisplayedMax #mainMenu li a.icon_plan:hover span,
.PlannerDisplayed.MapDisplayed #mainMenu li a.icon_plan:hover span {
    background: #f5f8f9;
}


/*.FavouritesDisplayed #mainMenu li a span,*/
.MapDisplayedMax #mainMenu li a span,
.MapDisplayed #mainMenu li a span,
/*.PlannerDisplayed #mainMenu li a span,*/
.ScheduleMapDisplayed #mainMenu li a span,
.ScheduleMap #mainMenu li a span {
    width:auto;
    white-space:nowrap;
}

.MapMenuDisplayed.MapDisplayedMax #mainMenu li a span,
#mainMenu li a span {
	position: static;
    display: inline-block;
	width: 100%;
	opacity: 1;
	visibility: visible;

	margin: 0px 0px 0px -60px;
	padding: 10px 20px 10px 50px;

    /*
    */
}

.PlannerDisplayed.MapDisplayed  #mainMenu li a span,
.PlannerDisplayed.MapDisplayedMax  #mainMenu li a span,
.ScheduleDisplayed  #mainMenu li a span {
	/*margin: 0px 0px 0px 0px;
	padding: 10px 20px 10px 10px;*/
    white-space:nowrap;
}

.FavouritesDisplayed #mainMenu li a.icon_favourites,
.PlannerDisplayed #mainMenu li a.icon_plan,
.ContactsDisplayed #mainMenu li a.icon_contact,
.HelpDisplayed #mainMenu li a.icon_help,

.MapDisplayedMax.ContactsDisplayed #mainMenu li a.icon_contact,
.MapDisplayed.ContactsDisplayed #mainMenu li a.icon_contact,

.MapDisplayedMax.HelpDisplayed #mainMenu li a.icon_help,
.MapDisplayed.HelpDisplayed #mainMenu li a.icon_help,

.MapDisplayedMax.FavouritesDisplayed #mainMenu li a.icon_favourites,
.MapDisplayed.FavouritesDisplayed #mainMenu li a.icon_favourites,
.MapDisplayedMax.PlannerDisplayed #mainMenu li a.icon_plan,
.MapDisplayed.PlannerDisplayed #mainMenu li a.icon_plan,
/*.ScheduleMapDisplayedMax #mainMenu li a.icon_map,
.ScheduleMapDisplayed #mainMenu li a.icon_map,*/
.MapMenuDisplayed #mainMenu li a.icon_map,
#mainMenu li a.active {
	background: #f5f8f9;
	font-weight: bold;
	color: #383a3b;
}

.HelpDisplayed #mainMenu li a.icon_help:before {
    background: url(tallinn/images/base/icon-menu-help-a.png) no-repeat 50% 50%;
}

.ContactsDisplayed #mainMenu li a.icon_contact:before {
    background: url(tallinn/images/base/icon-menu-contact-a.png) no-repeat 50% 50%;
}

.FavouritesDisplayed #mainMenu li a.icon_favourites:before {
    background: url(tallinn/images/base/icon-menu-fav-a.png) no-repeat 50% 50%;
}

.PlannerDisplayed #mainMenu li a.icon_plan:before {
    background: url(tallinn/images/base/icon-menu-plan-a.png) no-repeat 50% 50%;
}

.MapMenuDisplayed #divMapHide,
.MapMenuDisplayed #divMapMaximize,
.MapMenuDisplayed #divMapRestore {
    display:none;
}

#mainMenu li a:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 60px;
	height: 40px;
    
	border: 0;
    
	position: relative;
	z-index:2;
}

/*.FavouritesDisplayed #mainMenu li a:before,*/
.MapDisplayed #mainMenu li a:before,
/*.PlannerDisplayed #mainMenu li a:before,*/
.ScheduleMapDisplayed #mainMenu li a:before,
.ScheduleDisplayed #mainMenu li a:before {
	border-bottom: 1px solid #333435;
	border-top: 1px solid #464849;
}


#mainMenu li a.icon_plan:before {
	border-top: 0;
}


.MapMenuDisplayed.MapDisplayedMax #mainMenu li a.icon_favourites:before,
.MapMenuDisplayed.MapDisplayedMax #mainMenu li a.icon_plan:before {
	border-top: 0px;
}

.MapDisplayedMax #mainMenu li a.icon_plan:before,
.MapDisplayed #mainMenu li a.icon_plan:before,
.ScheduleMapDisplayedMax #mainMenu li a.icon_plan:before,
.ScheduleMapDisplayed #mainMenu li a.icon_plan:before,
.ScheduleDisplayed #mainMenu li a.icon_plan:before {
	border-top: 1px solid #464849;
    background: url(tallinn/images/base/icon-menu-plan.png) no-repeat 50% 50%;
}

.PlannerDisplayed.MapDisplayedMax #mainMenu li a.icon_plan:before,
.PlannerDisplayed.MapDisplayed #mainMenu li a.icon_plan:before,
.PlannerDisplayed.ScheduleMapDisplayedMax #mainMenu li a.icon_plan:before,
.PlannerDisplayed.ScheduleMapDisplayed #mainMenu li a.icon_plan:before,
.PlannerDisplayed.ScheduleDisplayed #mainMenu li a.icon_plan:before {
	border-top: 1px solid #464849;
    background: url(tallinn/images/base/icon-menu-plan-a.png) no-repeat 50% 50%;
}

.MapDisplayedMax #mainMenu li a.icon_favourites:before,
.MapDisplayed #mainMenu li a.icon_favourites:before,
.ScheduleMapDisplayedMax #mainMenu li a.icon_favourites:before,
.ScheduleMapDisplayed #mainMenu li a.icon_favourites:before,
.ScheduleDisplayed #mainMenu li a.icon_favourites:before {
	border-top: 1px solid #464849;
    background: url(tallinn/images/base/icon-menu-fav.png) no-repeat 50% 50%;
}

.FavouritesDisplayed.MapDisplayedMax #mainMenu li a.icon_favourites:before,
.FavouritesDisplayed.MapDisplayed #mainMenu li a.icon_favourites:before,
.FavouritesDisplayed.ScheduleMapDisplayedMax #mainMenu li a.icon_favourites:before,
.FavouritesDisplayed.ScheduleMapDisplayed #mainMenu li a.icon_favourites:before,
.FavouritesDisplayed.ScheduleDisplayed #mainMenu li a.icon_favourites:before {
	border-top: 1px solid #464849;
    background: url(tallinn/images/base/icon-menu-fav-a.png) no-repeat 50% 50%;
}

.ContactsDisplayed.MapDisplayedMax #mainMenu li a.icon_contact:before,
.ContactsDisplayed.MapDisplayed #mainMenu li a.icon_contact:before,
.ContactsDisplayed.ScheduleMapDisplayedMax #mainMenu li a.icon_contact:before,
.ContactsDisplayed.ScheduleMapDisplayed #mainMenu li a.icon_contact:before,
.ContactsDisplayed.ScheduleDisplayed #mainMenu li a.icon_contact:before {
	border-top: 1px solid #464849;
    background: url(tallinn/images/base/icon-menu-contact-a.png) no-repeat 50% 50%;
}

.HelpDisplayed.MapDisplayedMax #mainMenu li a.icon_help:before,
.HelpDisplayed.MapDisplayed #mainMenu li a.icon_help:before,
.HelpDisplayed.ScheduleMapDisplayedMax #mainMenu li a.icon_help:before,
.HelpDisplayed.ScheduleMapDisplayed #mainMenu li a.icon_help:before,
.HelpDisplayed.ScheduleDisplayed #mainMenu li a.icon_help:before {
	border-top: 1px solid #464849;
    background: url(tallinn/images/base/icon-menu-help-a.png) no-repeat 50% 50%;
}


#mainMenu li a.icon_schedule:before {
	background: url(tallinn/images/base/icon-menu-schedule.png) no-repeat 50% 50%;
}
#mainMenu li a.icon_schedule.active:before {
	background: url(tallinn/images/base/icon-menu-schedule-a.png) no-repeat 50% 50%;
}
#mainMenu li a.icon_plan:before {
	background: url(tallinn/images/base/icon-menu-plan.png) no-repeat 50% 50%;
}

/*
.PlannerDisplayed #mainMenu li a.icon_plan:before,
#mainMenu li a.icon_plan.active:before{
	background: url(tallinn/images/base/icon-menu-plan-a.png) no-repeat 50% 50%;
}
*/


#mainMenu li a.icon_map:before {
	background: url(tallinn/images/base/icon-menu-map.png) no-repeat 50% 50%;
}

.MapMenuDisplayed #mainMenu li a.icon_map:before {
	background: url(tallinn/images/base/icon-menu-map-a.png) no-repeat 50% 50%;
}


/*.ScheduleMapDisplayed #mainMenu li a.icon_map:before,*/
#mainMenu li a.icon_map.active:before{
	background: url(tallinn/images/base/icon-menu-map-a.png) no-repeat 50% 50%;
}

#mainMenu li a.icon_favourites:before {
	background: url(tallinn/images/base/icon-menu-fav.png) no-repeat 50% 50%;
}

#mainMenu li a.icon_contact:before {
	background: url(tallinn/images/base/icon-menu-contact.png) no-repeat 50% 50%;
}

#mainMenu li a.icon_help:before {
	background: url(tallinn/images/base/icon-menu-help.png) no-repeat 50% 50%;
}

/*.FavouritesDisplayed #mainMenu li a.icon_favourites:before,*/
#mainMenu li a.icon_favourites.active:before {
	background: url(tallinn/images/base/icon-menu-fav-a.png) no-repeat 50% 50%;
}

#infoMenu {
	display: block;
	padding: 20px;
    position:relative;
    bottom:0px;
}

/*.FavouritesDisplayed #infoMenu,*/
.MapDisplayedMax #infoMenu,
.MapDisplayed #infoMenu,
/*.PlannerDisplayed #infoMenu,*/
.ScheduleMapDisplayed #infoMenu,
.ScheduleDisplayed #infoMenu {
	display: none;
}

#infoMenu li {
	margin-top: 5px;
}
#infoMenu li:first-child {
	margin-top: 0;
}
#infoMenu li a {
	color: #aab9c0;
	font-size: 0.75rem;
}
#infoMenu li a:hover {
	color: #fff;
}
#infoMenu li a[target="_blank"] {
	padding-right: 15px;
	position: relative;
}
#infoMenu li a[target="_blank"]:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 0;
	width: 10px;
	height: 8px;
	background: url(tallinn/images/base/icon-link-blank.png) no-repeat 0 0;
}
#infoMenu li a[target="_blank"]:hover:after {
	background: url(tallinn/images/base/icon-link-blank.png) no-repeat 0 100%;
}


/*------------------------------------*\
$SEARCHBAR
\*------------------------------------*/

.search-container *, 
.search-container *:before, 
.search-container *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.searchbar {
    height:80px;
    padding:20px;
    
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 6px rgba(0,0,0,0.1);
  box-shadow: 0 0 6px rgba(0,0,0,0.1);
    background-color:white;
    position:relative;
    z-index:10;
    min-width: 700px;
}

.MapDisplayed .searchbar {
    min-width: 496px;
}


.searchbar .button {
	float: left;
	height: 40px;
	margin-right: 20px;
    line-height:20px;

}
.searchbar .button,
.searchbar .button:before {
/*
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;*/
}
.MapDisplayed .searchbar .button {
	height: 40px;
	padding: 10px 0 10px 40px;
}
.MapDisplayed .button-location:before {
	left: 12px;
}
.searchbar .search-stop {
	float: left;
	width: 450px;
	
    -webkit-transition: width .2s;
	-o-transition: width .2s;
	transition: width .2s;
    
    height:40px;
}
.MapDisplayed .searchbar .search-stop {
	width: 340px;
    height:40px;
}
.searchbar .search-stop input {
	width: 100%;
	font-size: 0.75rem;
	border: 1px solid #eeeeee;
	padding: 9px 19px 9px 39px;
	background: url(tallinn/images/base/icon-search.png) no-repeat 9px 50%;
	border-radius: 3px;
	
    -webkit-transition: border .2s;
	-o-transition: border .2s;
	transition: border .2s;
    
    height:40px;
    /*min-width:450px;*/
}
.searchbar .search-stop input:focus {
	border-color: #dedede;
}

/*------------------------------------*\
$BUTTONS
\*------------------------------------*/
.button {
	display: inline-block;
	vertical-align: middle;
	border: 0;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 0.625rem;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	border-radius: 3px;
}
.button-location {
	padding: 10px 15px 10px 35px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQzNDY0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZDJmMmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(67,70,71,1) 0%, rgba(45,47,47,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(67,70,71,1)), color-stop(100%,rgba(45,47,47,1)));
	background: -webkit-linear-gradient(top,  rgba(67,70,71,1) 0%,rgba(45,47,47,1) 100%);
	background: -o-linear-gradient(top,  rgba(67,70,71,1) 0%,rgba(45,47,47,1) 100%);
	background: -ms-linear-gradient(top,  rgba(67,70,71,1) 0%,rgba(45,47,47,1) 100%);
	background: linear-gradient(to bottom,  rgba(67,70,71,1) 0%,rgba(45,47,47,1) 100%);
	background: rgb(67,70,71) \9;
}
.button-location:hover {
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNjM2Y0MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODJhMmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(60,63,64,1) 0%, rgba(40,42,42,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,63,64,1)), color-stop(100%,rgba(40,42,42,1)));
	background: -webkit-linear-gradient(top,  rgba(60,63,64,1) 0%,rgba(40,42,42,1) 100%);
	background: -o-linear-gradient(top,  rgba(60,63,64,1) 0%,rgba(40,42,42,1) 100%);
	background: -ms-linear-gradient(top,  rgba(60,63,64,1) 0%,rgba(40,42,42,1) 100%);
	background: linear-gradient(to bottom,  rgba(60,63,64,1) 0%,rgba(40,42,42,1) 100%);
	background: rgb(60,63,64) \9;
}
.button-location:before {
	content: '';
	display: block;
	position: absolute;
	left: 14px;
	top: 0;
	width: 16px;
	height: 100%;
	background: url(tallinn/images/base/icon-location.png) no-repeat 50% 50%;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
}

.button-location span {
	display: block;
}

.MapDisplayed .button-location span {
	display: none;
}

.button-check {
	font-size: 0.625rem;
	color: #a0a7ab;
	padding: 20px 20px 20px 45px;
	-webkit-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}
.button-check:hover,
.button-check.active {
	color: #fff;
}
.button-check:before {
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -8px;
	width: 16px;
	height: 16px;
	border: 2px solid #525658;
	border-radius: 3px;
	-webkit-transition: border .2s;
	-o-transition: border .2s;
	transition: border .2s;
}
.button-check.active:before {
	border-color: #fff;
	background: url(tallinn/images/base/checker.png) no-repeat 1px 1px;
}
.button-favourite {
	width: 30px;
	height: 30px;
	background: url(tallinn/images/base/icon-favourite.png) no-repeat 50% 50%;
	border: 1px solid #eeeeee;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	-webkit-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
	border-radius: 3px;
}

.line-favourite .button-favourite {
	border: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	width: 40px;
	height: 40px;
}

.button-favourite:hover,
.button-favourite.active {
	background-image: url(tallinn/images/base/icon-favourite-a.png);
}
.button-add {
	font-size: 0.6875rem;
	color: #000;
	text-transform: none;
	font-weight: normal;
	padding: 4px 24px 4px 9px;
	border: 1px solid #eeeeee;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	border-radius: 3px;
}
.button-add:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 100%;
	opacity: 1;
	background: url(tallinn/images/base/icon-add.png) no-repeat 50% 50%;
	-webkit-transition: opacity .2s;
	-o-transition: opacity .2s;
	transition: opacity .2s;
}
.button-remove {
	color: #858d8f;
	font-size: 0.563rem;
	background: #eef3f4 url(tallinn/images/base/icon-remove2.png) no-repeat 6px 50%;
	padding: 0 10px 0 20px;
	-webkit-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
}
.button-remove:hover {
	background-color: #e3e7e8;
}

.button-search {
	padding: 10px 25px 10px 37px;
	font-size: 0.875rem;
	background: #268dd0;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
}

.button-search.small {
    width:40px;
    height:40px;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #38b3e0 0%, #268dd0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#38b3e0), color-stop(100%,#268dd0));
    background: -webkit-linear-gradient(top, #38b3e0 0%,#268dd0 100%);
    background: -o-linear-gradient(top, #38b3e0 0%,#268dd0 100%);
    background: -ms-linear-gradient(top, #38b3e0 0%,#268dd0 100%);
    background: linear-gradient(to bottom, #38b3e0 0%,#268dd0 100%);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
    padding:0px;
}

.button-search:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 20px;
	width: 14px;
	height: 100%;
	background: url(tallinn/images/base/icon-search2.png) no-repeat 0 50%;
}

.button-search.small:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(tallinn/images/base/icon-search2.png) no-repeat 50% 50%;
}

.button-move {
	cursor: ns-resize;
	width: 40px;
	height: 40px;
	background: url(tallinn/images/base/icon-move.png) no-repeat 50% 50%;
	-webkit-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
}

#favourites.route .button-move,
#favourites.line .button-move,
#favourites.stop .button-move {
    display:none;
}

.button-move:hover {
	background: url(tallinn/images/base/icon-move-hover.png) no-repeat 50% 50%;
}
.toggle-btns {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
	border: 2px solid #e3eaed;
	border-radius: 4px;
}
.toggle-btns a {
	display: inline-block;
	vertical-align: top;
	font-size: 0.75rem;
	color: #bac4c8;
	font-weight: bold;
	padding: 8px 20px;
}
.toggle-btns a:hover {
	color: #383a3b;
}
.toggle-btns a.active {
	color: #fff;
	background: #383a3b;
	border-radius: 5px;
	padding: 10px 15px;
	margin: -2px 0;
}
.toggle-btns a.active:first-child {
	margin-left: -2px;
}
.toggle-btns a.active:last-child {
	margin-right: -2px;
}

.btn-default{
    font-size: 0.6875rem;
color: #000;
text-transform: none;
font-weight: normal;
padding: 4px 9px 4px 9px;
border: 1px solid #eeeeee;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
box-shadow: 0 1px 2px rgba(0,0,0,.05);
border-radius: 3px;
line-height:20px;
}
.btn-default.showall:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    background: url(tallinn/images/base/icon-menu-schedule-a.png) no-repeat center;
    background-size: 16px;
}
.btn-default.print:before{
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    background: url(tallinn/images/base/icon-print.png) no-repeat center;
    background-size: 16px;
}

#divScheduleContent .line-actions * + * {
    margin-left: 20px;
}

/*------------------------------------*\
$HEADER
\*------------------------------------*/
#divHeader .mobile-link:hover {
	color: #00c8b9;
}

#divHeader .mobile-link {
	float: right;
	color: #000;
	font-size: 0.75rem;
	padding-left: 13px;
	position: relative;
	margin-top: 14px;
	margin-bottom: 14px;
}

#divHeader .mobile-link:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	width: 8px;
	height: 14px;
	margin-top: -7px;
	background: url(tallinn/images/base/icon-mobile.png) no-repeat 0 0;
}

#divHeader .mobile-link:hover:before {
	background: url(tallinn/images/base/icon-mobile.png) no-repeat 0 100%;
}

#divLang {
    opacity:0;
}

#divLang a {
  float: left;
  font-size: 0.75rem;
}

#divLang a:first-child:before {
	display: none;
}

/*
#divLang a:before {
  content: '\007C';
  float: left;
  width: 25px;
  text-align: center;
  color: #eeeeee;
}
*/

/*timetable*/

table.timetable *, 
table.timetable *:before, 
table.timetable *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

table.timetable {
    min-width:148px;
    
}

table.timetable.days-67,
table.timetable.days-7 {
    min-width:238px;
}

table.timetable td {
  background: url(tallinn/images/base/timetable-bg.png);
  vertical-align:middle;
  background-size:calc(var(--add-line-spacing) + 30px);
}

table.timetable tr:first-child th {
    border-left: 1px solid #dedede;
    padding: 5px 10px;
    font-size: 0.75rem;
    background: #f4f4f4;
    line-height: 20px;
    line-height: calc(var(--add-line-spacing) + 20px);
}

table.timetable tr:first-child th:first-child {
    background: #eeeeee;
    border-top:0px;
    border-left: 0;
}

table.timetable th:first-child {
  background: #eeeeee;
  text-align: right;
  font-size: 0.875rem;
  width: 20px;
 /* height: 30px;*/
  padding: 5px;
  line-height: 19px;
  line-height: calc(var(--add-line-spacing) + 19px);
  border-left: 0;
  border-top: 1px solid #dedede;
}

.timetable a { 
    padding:3px;
    line-height:24px;
    line-height: calc(var(--add-line-spacing) + 24px);
    border:0px solid red;
    width:30px;
    height:30px;
    height:calc(var(--add-line-spacing) + 30px);
    display:inline-block;
    text-align:center;
    position:relative;
}

.timetable a.current1, .timetable a.other1 { 
    color: blue;
}


.timetable a span { 
    position:absolute;
    right:0px;
    bottom:0px;
    line-height:10px;
    line-height: calc(var(--add-line-spacing) + 10px);
    height:10px;
    font-size: 0.625rem;
    padding:0px;
    background-color:transparent;
    z-index:9999;
    /*border:1px solid grey;*/
    
}

.timetable a.highlighted span {
    bottom:-1px;
    background-color: #e8f0f8;
}


#divScheduleLeft a,
#divScheduleRight a {
  display: block;
  font-size: 0.75rem;
  line-height: 16px;
  line-height: calc(var(--add-line-spacing) + 16px);
  padding: 5px 24px 5px 10px;
}

#divScheduleLeft span.alert,
#divScheduleRight span.alert {
    position: absolute;
    top: 0px;
    right: 0px;
    line-height: calc(var(--add-line-spacing) + 25px);
}

#dlDirStops1 dt,
#dlDirStops2 dt {
    position:relative;
}


/*schedule info*/

.info *, .info *:before, .info *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
.routes-list .name a .num,
.line-select .line a .num,
.planner-results .option .result .point .transport .num,
.fav-table td a .num,
.transport-types span .num,
.next-departures ul li .num,
*/
.fav-table td a .num,
.add-lines ul li a .num,
#divScheduleContent .info .line-info .num,
#divScheduleContent .added-line .num {
	position: absolute;
	display: block;
    
	left: 30px;
	top: 50%;
	text-align: center;
	padding: 2px;
	min-width: 30px;
    width:auto;
	font-size: 0.875rem;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.2);
	border-radius: 3px;
    text-transform:uppercase;
    margin-top: -12px;
}

.stop .num {
	margin-top: -12px;
}

#divScheduleContent .added-line .num,
.add-lines ul li a .num {
	position: static;
    display:inline-block;
}


 .icon_bus .num
,.icon_nightbus .num
,.type_bus .num
,.type_nightbus .num  {
	background: #00E1B4;
}
.icon_trol .num,
.type_trol .num {
	background: #0064d7;
}
.icon_tram .num,
.type_tram .num {
	background: #ff601e;
}
.icon_regionalbus .num,
.type_regionalbus .num {
	background: #991228;
}
.icon_train .num,
.type_train .num {
	background: #057e00;
}
.icon_commercialbus .num,
.type_commercialbus .num {
	background: #7f0086;
}

.info .num {
    font-size: 0.875rem;
    line-height: 20px;
    color:white;
}

/*------------------------------------*\
$SCHEDULE
\*------------------------------------*/
.line-select {
	position: relative;
	z-index:5;
	padding: 8px 20px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.05);
	box-shadow: 0 0 5px rgba(0,0,0,.05);
}
.line-select .line {
	float: right;
	position: relative;
}
.line-select .line:first-child {
	float: left;
}
.line-select .line > a {
	display: block;
	position: relative;
	color: #000;
	padding: 2px 25px 2px 60px;
}
.line-select .line > a:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -3.5px;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 7px 0 7px;
	border-color: #000000 transparent transparent transparent;
}
.line-select .line a .num {
	left: 20px;
}
 .line-select .line a.icon_bus
,.line-select .line a.icon_nightbus
,#divScheduleContent .info .line-info.icon_bus
,#divScheduleContent .info .line-info.icon_nightbus {
	background: url(tallinn/images/base/icon-bus.png) no-repeat 0 50%;
}
.line-select .line a.icon_trol,
#divScheduleContent .info .line-info.icon_trol {
	background: url(tallinn/images/base/icon-trol.png) no-repeat 0 50%;
}
.line-select .line a.icon_tram,
#divScheduleContent .info .line-info.icon_tram {
	background: url(tallinn/images/base/icon-tram.png) no-repeat 0 50%;
}
.line-select .line a.icon_regionalbus,
#divScheduleContent .info .line-info.icon_regionalbus {
	background: url(tallinn/images/base/icon-regionalbus.png) no-repeat 0 50%;
}
.line-select .line a.icon_train,
#divScheduleContent .info .line-info.icon_train {
	background: url(tallinn/images/base/icon-train.png) no-repeat 0 50%;
}
.line-select .line a.icon_commercialbus,
#divScheduleContent .info .line-info.icon_commercialbus {
	background: url(tallinn/images/base/icon-commercialbus.png) no-repeat 0 50%;
}
.line-select .line ul {
	display: none;
	list-style: none;
	position: absolute;
	top: 100%;
	margin-top: 8px;
	left: 0;
	width: 100%;
	min-width:180px;
	background: #fff;
	border: 1px solid #eeeeee;
	border-top: 0;
	border-radius: 0 0 3px 3px;
}
.line-select .line ul li {
	display: block;
	border-top: 1px solid #eeeeee;
}
.line-select .line ul li:first-child {
	border-top: 0;
}
.line-select .line ul li a {
	display: block;
	padding: 5px 10px;
	color: #000;
	font-size: 0.75rem;
}
.line-stops {
	float: left;
	position: relative;
	z-index:2;
	width: 220px;
	padding: 20px 0 20px 10px;
	background: #eef3f4;
}
.line-stops:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 9999px;
	background: #eef3f4;
}
.line-stops ul {
	list-style: none;
}
.line-stops ul li {
	display: block;
}
.line-stops ul li a {
	display: block;
	font-size: 0.75rem;
	line-height: 15px;
    line-height: calc(var(--add-line-spacing) + 15px);
	color: #000;
	padding: 5px 20px 5px 10px;
}
.line-stops ul li a.active {
	background: #fff;
	font-weight: bold;
	border-radius: 3px 0 0 3px;
}

#divScheduleContent {
	float: left;
	width: 100%;
	padding: 0 220px;
	margin: 0 -220px;
	min-height: 1px;
	overflow: hidden;
	position: relative;
	z-index:1;
}

#divScheduleContent .line-actions {
	float: right;
	margin: 15px 0;
	font-size: 0;
	position: relative;
	z-index:2;
}

.button-map {
    color: #00c8b9;
    padding: 4px 9px 4px 34px;
    background: url(tallinn/images/base/icon-viewmap.png) no-repeat left 9px top 4px;
    font-weight: normal;
    text-transform: none;
    font-size: 0.6875rem;
    border: 1px solid #eeeeee;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.ScheduleMapDisplayed .button-map {
    display:none !important;
}

.ScheduleMapDisplayed #divMapMaximize {
    display: none;
}

#divScheduleContent .line-actions .button + .button {
    margin-left: 20px;
}

#divScheduleContent .line-actions .button {
	display: inline-block;
	vertical-align: top;
    line-height:20px;
}
#divScheduleContent .line-actions .add-lines {
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
    z-index:10;
}
.add-lines {
	position: relative;
}
.add-lines.active .button {
	z-index:2;
	border-bottom: 0;
	padding-bottom: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 3px 3px 0 0;
}
.add-lines .button:after {
	-webkit-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
}
.add-lines.active .button:after {
	background: url(tallinn/images/base/icon-minus.png) no-repeat 50% 50%;
}
.add-lines ul {
	display: none;
	list-style: none;
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	min-width:165px;
	border: 1px solid #eee;
	border-top: 0;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
	border-radius: 3px 0 3px 3px;
}
.add-lines ul li {
	display: block;
	border-top: 1px solid #eeeeee;
}

.addlines-table {
    display:table;
    width:100%;
    margin-right:20px;
}
.addlines-row {
    display:table-row;
}
.addlines-cell {
    display:table-cell;
    padding-top:4px;
}

.addlines-cell.right {
    text-align:right;
}

.add-lines ul li a {
	color: #000;
	font-weight: bold;
	text-align: left;
	display: block;
	font-size: 0.563rem;
	position: relative;
	text-transform: uppercase;
	padding: 5px 25px 5px 30px;
    outline:0px;
    white-space:nowrap;
}
.add-lines ul li a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
	height: 100%;
}
.add-lines ul li a.add:after {
	background: url(tallinn/images/base/icon-add2.png) no-repeat 50% 50%;
}
.add-lines ul li a.remove:after {
	background: url(tallinn/images/base/icon-remove.png) no-repeat 50% 50%;
}
 .add-lines ul li a.icon_bus
,.add-lines ul li a.icon_nightbus {
	background: url(tallinn/images/base/icon-bus.png) no-repeat 8px 50%;
}
.add-lines ul li a.icon_trol {
	background: url(tallinn/images/base/icon-trol.png) no-repeat 8px 50%;
}
.add-lines ul li a.icon_tram {
	background: url(tallinn/images/base/icon-tram.png) no-repeat 8px 50%;
}
.add-lines ul li a.icon_regionalbus {
	background: url(tallinn/images/base/icon-regionalbus.png) no-repeat 8px 50%;
}
.add-lines ul li a.icon_train {
	background: url(tallinn/images/base/icon-train.png) no-repeat 8px 50%;
}
.add-lines ul li a.icon_commercialbus {
	background: url(tallinn/images/base/icon-commercialbus.png) no-repeat 8px 50%;
}
.add-lines ul li a .num {
	font-size: 0.875rem;
}
#divScheduleContent .line {
	padding: 10px 20px;
	border-bottom: 1px solid #eee;
}
#divScheduleContent .info .line-info {
	float: left;
	position: relative;
	padding-left: 80px;
	font-size: 0.75rem;
	line-height: 15px;
    line-height: calc(var(--add-line-spacing) + 15px);
    /*max-width:65%;*/
        -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
#divScheduleContent .info .line-info .num {
	left: 20px;
	margin-top: -15px;
	font-size: 1.125rem;
	padding: 5px 1px;
    min-width:40px;
	width: auto;
    text-transform:uppercase;
}

#divScheduleStop strong,
#divScheduleContent .info .line-info h2 {
	display: inline-block;
	font-size: 1.5rem;
	line-height: 30px;
    line-height: calc(var(--add-line-spacing) + 30px);
}

#divScheduleRoute  {
    display:none;
}

#divScheduleContent .info .line-info .zone {
	font-size: 0.6875rem;
	line-height: 20px;
    line-height: calc(var(--add-line-spacing) + 20px);
	font-weight: normal;
	display: inline-block;
}
#divScheduleContent .added-line {
	padding: 9px 20px 4px 50px;
	line-height: 20px;
    line-height: calc(var(--add-line-spacing) + 20px);
	position: relative;
	font-size: 0;
	border-bottom: 1px solid #eeeeee;
}
 #divScheduleContent .added-line.icon_bus
,#divScheduleContent .added-line.icon_nightbus {
	background: url(tallinn/images/base/icon-bus.png) no-repeat 30px 50%;
}
#divScheduleContent .added-line.icon_trol {
	background: url(tallinn/images/base/icon-trol.png) no-repeat 30px 50%;
}
#divScheduleContent .added-line.icon_tram {
	background: url(tallinn/images/base/icon-tram.png) no-repeat 30px 50%;
}
#divScheduleContent .added-line.icon_regionalbus {
	background: url(tallinn/images/base/icon-regionalbus.png) no-repeat 30px 50%;
}
#divScheduleContent .added-line.icon_train {
	background: url(tallinn/images/base/icon-train.png) no-repeat 30px 50%;
}
#divScheduleContent .added-line.icon_commercialbus {
	background: url(tallinn/images/base/icon-commercialbus.png) no-repeat 30px 50%;
}
#divScheduleContent .added-line .num {
	left: 50px;
}
#divScheduleContent .added-line .name {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	font-size: 0.6875rem;
}
#divScheduleContent .added-line .button {
	vertical-align: top;
}

.fav-table td .next-departures {
    display: inline-block;
    margin-top: 10px;
    padding: 0px 20px 0px 30px;
    margin-top: 10px;
    /*background: url(tallinn/images/base/icon-time.png) no-repeat 5px 50%;*/
    min-height:0px;
}

.fav-table td .next-departures.flive {
    display:none;
}

.fav-table td .next-departures.flive.active {
    display: block;
}

.fav-table td .next-departures ul li{
    margin:0px;
}

.fav-table td .next-departures p {
    margin-bottom: 5px;
}


 .fav-table td .next-departures a.icon_bus
,.fav-table td .next-departures a.icon_nightbus
,.fav-table td .next-departures a.icon_trol
,.fav-table td .next-departures a.icon_tram
,.fav-table td .next-departures a.icon_train
,.fav-table td .next-departures a.icon_commercialbus
,.fav-table td .next-departures a.icon_regionalbus
 {
    background:none;
}

.fav-table .next-departures ul li a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 100%;
}

.next-departures {
	font-size: 0.75rem;
	padding: 15px 20px 15px 60px;
/*	background: url(tallinn/images/base/icon-time.png) no-repeat 30px 50%;*/
    min-height:78px;
    position:relative;
}
.next-departures ul {
	list-style: none;
	font-size: 0;
    min-height:24px;
}
.next-departures ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 2px;
	font-size: 1.125rem;
	line-height: 24px;
    line-height: calc(var(--add-line-spacing) + 24px);
	font-weight: bold;
	position: relative;
    margin:2px;
}
.next-departures ul li a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
        -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.next-departures ul li a {
	display: block;
	color: #000;
	position: relative;
	padding: 0 8px 0 20px;
    cursor:default;
    color:black;
    outline:0;
}
.next-departures ul li a:hover {
    color:black;
}

 .next-departures ul li .icon_bus:before
,.next-departures ul li .icon_nightbus:before {
	background: url(tallinn/images/base/icon-bus.png) no-repeat 0 50%;
}
.next-departures ul li .icon_trol:before {
	background: url(tallinn/images/base/icon-trol.png) no-repeat 0 50%;
}
.next-departures ul li .icon_tram:before {
	background: url(tallinn/images/base/icon-tram.png) no-repeat 0 50%;
}
.next-departures ul li .icon_regionalbus:before {
	background: url(tallinn/images/base/icon-regionalbus.png) no-repeat 0 50%;
}
.next-departures ul li .icon_train:before {
	background: url(tallinn/images/base/icon-train.png) no-repeat 0 50%;
}
.next-departures ul li .icon_commercialbus:before {
	background: url(tallinn/images/base/icon-commercialbus.png) no-repeat 0 50%;
}
.next-departures ul li a .num {
	position: static;
	display: inline-block;
	vertical-align: top;
	margin: 0;
    min-width:30px;
    padding: 2px 4px;
        -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.next-departures ul li .low .num {
	border-radius: 3px 0 0 3px;
}
.next-departures ul li strong {
	padding: 0 8px;
}
.next-departures ul li .low strong {
	background: #e8f0f8;
	display: inline-block;
	vertical-align: top;
	-webkit-box-shadow: inset 0 -2px 0 #84b3e2;
	box-shadow: inset 0 -2px 0 #84b3e2;
	border-radius: 0 3px 3px 0;
}

#control-lines {
    max-height:300px;
    overflow:auto;
}

#divScheduleContentTop {
   /* display:none; */
    border: 0px;
    background-color: transparent;
    padding:0px;
}

#divScheduleStop .stop-name {
    display:none;
}

#divScheduleStop {
    padding:0px;
}


#divScheduleContentInner .selectedNumbers * {
    display:none;
}

#divScheduleContentInner .selectedNumbers label *,
#divScheduleContentInner .selectedNumbers label {
    display:inline-block;

}

#labelShowDeparturesWithNumbers {
    margin-bottom:10px;
}

#showDeparturesWithNumbers {
    position:relative;
    top:-3px;
    margin-right:5px;
}

/*------------------------------------*\
$PLANNER
\*------------------------------------*/

#planner *, 
#planner *:before, 
#planner *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#planner {
	position: relative;
	z-index:4;
	padding: 20px 0;
	background: #fff;
	width: 680px;
    /*width:880px;*/
}

#planner .frm-desc p {
    font-size: 0.75rem;
}

.MapDisplayed #fav {
	width: 680px;
}

#planner .button-favourite {
    display:none;
}

#planner.ok .button-favourite {
    display:block;
}

.plan-stations {
	position: relative;
	padding: 20px 60px 20px 28px;
}
.plan-stations .input {
	padding-left: 32px;
	position: relative;
}
.plan-stations .input:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 1px;
	left: 6px;
	width: 4px;
	height: 4px;
	background: #dedede;
	border-radius: 2px;
}
.plan-stations .final-station:before {
	bottom: auto;
	top: 1px;
}
.plan-stations .start-station {
	background: url(tallinn/images/base/icon-start-station.png) no-repeat 0 50%;
}
.plan-stations .final-station {
	background: url(tallinn/images/base/icon-final-station.png) no-repeat 0 50%;
}
.plan-stations .input input {
	width: 100%;
	font-size: 0.75rem;
	font-weight: bold;
	padding: 9px 19px 9px 39px;
	height: 40px;
	border: 1px solid #eee;
	border-radius: 0 0 3px 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.plan-stations .start-station input {
	border-bottom: 0;
	border-radius: 3px 3px 0 0;
}
.plan-stations .input .location {
	display: block;
	position: absolute;
	top: 8px;
	left: 40px;
	width: 24px;
	height: 24px;
	background: #383a3b url(tallinn/images/base/icon-location-s.png) no-repeat 50% 50%;
	border-radius: 3px;
	-webkit-transition: background .2s;
	-o-transition: background .2s;
	transition: background .2s;
}
.plan-stations .input .location:hover {
	background-color: #2c2d2e;
}
.plan-stations .switch {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -20px;
	width: 30px;
	height: 40px;
	display: block;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NGI0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMTMzMzQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(72,75,76,1) 0%, rgba(49,51,52,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,75,76,1)), color-stop(100%,rgba(49,51,52,1)));
	background: -webkit-linear-gradient(top,  rgba(72,75,76,1) 0%,rgba(49,51,52,1) 100%);
	background: -o-linear-gradient(top,  rgba(72,75,76,1) 0%,rgba(49,51,52,1) 100%);
	background: -ms-linear-gradient(top,  rgba(72,75,76,1) 0%,rgba(49,51,52,1) 100%);
	background: linear-gradient(to bottom,  rgba(72,75,76,1) 0%,rgba(49,51,52,1) 100%);
	background: rgb(72,75,76) \9;
	-webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
	box-shadow: inset 0 -2px 0 rgba(0,0,0,.15);
	border-radius: 3px;
}
.plan-stations .switch:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(tallinn/images/base/icon-switch.png) no-repeat 50% 50%;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.plan-stations .switch:hover:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#planner .date-selector {
	position: relative;
}
#planner .time-settings {
	padding: 0 20px 20px 60px;
}
#planner .time-settings .time-type {
	float: left;
	margin-right: 20px;
}
#planner .time-settings .btn {
	float: left;
	position: relative;
	margin-left: -5px;
}
#planner .time-settings .btn:first-child {
	margin-left: 0;
}
#planner .time-settings .btn input {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	border: none;
	background: none;
	display: block;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
#planner .time-settings .btn label {
	display: block;
	color: #bac4c8;
	font-size: 0.75rem;
	font-weight: bold;
	position: relative;
	z-index:1;
	background-position: 20px 50%;
	border: 2px solid #bac4c8;
	padding: 8px 13px 8px 23px;
	border-radius: 5px;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
#planner .time-settings .btn:hover label {
	color: #383a3b;
}
#planner .time-settings .btn input:checked + label {
	color: #fff;
	border-color: #383a3b;
	padding-left: 38px;
	background: #383a3b url(tallinn/images/base/checker.png) no-repeat 20px 50%;
	z-index:2;
}

#planner .time-settings .date-input,
#planner .time-settings .time-input {
	float: left;
	margin-right: 20px;
	border: 1px solid #eee;
	font-weight: bold;
	width: 80px;
	padding: 9px 9px 9px 29px;
	background: url(tallinn/images/base/icon-time2.png) no-repeat 9px 50%;
	border-radius: 3px;
}

#planner .time-settings .date-input {
	width: 120px;
	background: url(tallinn/images/base/icon-date.png) no-repeat 9px 50%;
}


#planner .time-settings .date-selector {
	float: left;
	padding: 9px 9px 9px 29px;
	border: 1px solid #eee;
	font-weight: bold;
	background: url(tallinn/images/base/icon-date.png) no-repeat 9px 50%;
	border-radius: 3px;
}
#planner .row {
	border-top: 1px solid #eeeeee;
	padding: 15px 20px 10px 60px;
	font-size: 0;
}
#planner .type_checkbox .input {
	font-size: 0;
}
#planner .type_checkbox .input label {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding-left: 25px;
	margin-left: -16px;
	font-size: 0.75rem;
}
#planner .only-low .input label {
	padding-left: 50px;
	background: url(tallinn/images/base/icon-low-s.png) no-repeat 28px 50%;
}
#planner .row .caption {
	display: block;
	font-size: 0.75rem;
}
#planner .transport-type .caption {
	margin-bottom: 5px;
}
#planner .transport-type .input {
	display: inline-block;
	vertical-align: top;
	margin: 0 15px 10px 0;
}
#planner .transport-type .input label {
	padding-left: 35px;
	font-weight: bold;
}
 #planner .transport-type .input label.icon_bus
,#planner .transport-type .input label.icon_nightbus {
	background: url(tallinn/images/base/icon-bus-s.png) no-repeat 22px 50%;
}
#planner .transport-type .input label.icon_trol {
	background: url(tallinn/images/base/icon-trol-s.png) no-repeat 22px 50%;
}
#planner .transport-type .input label.icon_tram {
	background: url(tallinn/images/base/icon-tram-s.png) no-repeat 22px 50%;
}
#planner .transport-type .input label.icon_regionalbus {
	background: url(tallinn/images/base/icon-regionalbus-s.png) no-repeat 22px 50%;
}
#planner .transport-type .input label.icon_train {
	background: url(tallinn/images/base/icon-train-s.png) no-repeat 22px 50%;
}
#planner .transport-type .input label.icon_commercialbus {
	background: url(tallinn/images/base/icon-commercialbus-s.png) no-repeat 22px 50%;
}
#planner .settings {
	padding-right: 0;
}
#planner .settings .col {
	padding-right: 20px;
	max-width: 180px;
	width:25%;
    float: left;
    min-height: 1px;    
}
#planner .settings .col .caption {
	font-size: 0.6875rem;
	font-weight: bold;
}
#planner .settings .col .selector {
	width: 100% !important;
}
#planner .settings .col.type_text input {
	height: 30px;
	padding: 3px 8px;
}
#planner .advanced {
	display: none;
}
#planner .adv-toggle {
	border-top: 1px solid #eee;
	position: relative;
}
#planner .adv-toggle:after {
	content: '';
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: 5px;
	opacity: .05;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
}
#planner .adv-toggle a {
	display: block;
	font-size: 0.75rem;
	padding: 10px 20px;
	text-align: center;
	color: #000;
    outline:0;
}
#planner .adv-toggle a span {
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-right: 14px;
}
#planner .adv-toggle a span:after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -2.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #000000 transparent transparent transparent;
}
#planner .adv-toggle a span.less:after {
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #000000 transparent;
}
#planner .adv-toggle a.active .more,
#planner .adv-toggle a .less {
	display: none;
}
#planner .adv-toggle a.active .less {
	display: inline-block;
}
#planner .buttons {
	padding: 20px 20px 0 60px;
}
#planner .buttons .button {
	float: left;
}
#planner .buttons .button-favourite {
	float: right;
	margin: 5px 0 5px 10px;
}
.planner-results {
	margin-top: 20px;
	border-bottom: 1px solid #dedede;
}
.planner-results .option {
	border-top: 1px solid #dedede;
}
.planner-results .option header {
	padding: 15px 20px;
	cursor: pointer;
}
.planner-results .option header h2 {
	/*float: left;*/
	font-size: 1rem;
	font-weight: normal;
	margin-right: 10px;
}
.planner-results .option header h2 span {
	font-weight: bold;
}
.planner-results .option header strong {
	margin-right: 5px;
}
.planner-results .option header .button {
	float: right;
	color: #000;
	font-weight: normal;
	text-transform: none;
	overflow: hidden;
	height: 20px;
	text-align: right;
	padding-right: 12px;
}
.planner-results .option header .button:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -2.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #000000 transparent transparent transparent;
}
.planner-results .option header.active .button:after {
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #000000 transparent;
}
.planner-results .option header .button span {
	display: block;
}
.planner-results .option header.active .button .more {
	margin-top: -20px;
}
.planner-results .option header .transport-types {
	/*float: right;*/
	/*margin-right: 20px;*/
}
.transport-types div > span {
	/* float: left; */
	height: 20px;
	position: relative;
	padding-left: 15px;
	margin-left: 1px;
        -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.transport-types > span:first-child {
	margin-left: 0;
}
.transport-types > span .num {
	position: static;
	margin: 0;
	font-size: 0.75rem;
	min-width: 25px;
	padding: 1px;
	line-height: 18px;
    line-height: calc(var(--add-line-spacing) + 18px);
    display:block;
}

.icon-walk,
.transport-types .icon_walk {
	padding: 0;
	width: 20px;
	height: 20px;
	position: relative;
	background: url(tallinn/images/base/icon-walk.png) no-repeat 50% 100%;
    display:inline-block;
	margin-left: 0px;
}

 .icon-bus
,.icon-nightbus
,.transport-types .icon_bus
,.transport-types .icon_nightbus {
	background: url(tallinn/images/base/icon-bus.png) no-repeat 0 50%;
}

.icon-tram,
.transport-types .icon_tram {
	background: url(tallinn/images/base/icon-tram.png) no-repeat 0 50%;
}

.icon-trol,
.transport-types .icon_trol {
	background: url(tallinn/images/base/icon-trol.png) no-repeat 0 50%;
}

#divContentWrapper .icon.icon_train {
	background: url(tallinn/images/base/icon-train.png) no-repeat 4px 50%;
}

li.line span.icon {
    margin-right:2px;
}

.icon-train,
.transport-types .icon_train {
	background: url(tallinn/images/base/icon-train.png) no-repeat 0 50%;
}

.icon-regionalbus,
.transport-types .icon_regionalbus {
	background: url(tallinn/images/base/icon-regionalbus.png) no-repeat 0 50%;
}

.icon-commercialbus,
.transport-types .icon_commercialbus {
	background: url(tallinn/images/base/icon-commercialbus.png) no-repeat 0 50%;
}
.transport-types .low {
	background-color: #e8f0f8;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	background-position: 4px 50%;
	-webkit-box-shadow: inset 0 -2px 0 #84b3e2;
	box-shadow: inset 0 -2px 0 #84b3e2;
	border-radius: 3px;
    
}
.planner-results .option .result {
	display: none;
	margin: 0 0 0 20px;
	padding: 20px;
	border-top: 1px solid #f6f6f6;
}
.planner-results .option .result .point {
	padding: 0 0 20px 80px;
	position: relative;
        -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.planner-results .option .result .point .time {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1rem;
}
.planner-results .option .result .point h3 {
	font-size: 1rem;
	font-weight: normal;
}
.planner-results .option .result .point h3 .button{
    float: right;
    margin-top: -6px;
}
.planner-results .option .result .point .location {
	color: #808080;
	font-size: 0.6875rem;
	margin-bottom: 20px;
}
.planner-results .option .result .point .location:last-child {
	margin-bottom: 0;
}
.planner-results .option .result .point:before {
	content: '';
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 53px;
	top: 0;
	background: url(tallinn/images/base/point.png) no-repeat 50% 50%;
	z-index:3;
}
.planner-results .option .result .point.start-point:before,
.planner-results .option .result .point.end-point:before {
	top: -5px;
	width: 15px;
	height: 31px;
	background: #fff url(tallinn/images/base/icon-start-station.png) no-repeat 0 50%;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-radius: 0;
}
.planner-results .option .result .point.end-point:before {
	background: #fff url(tallinn/images/base/icon-final-station.png) no-repeat 0 50%;
}
.planner-results .option .result .point:after {
	content: '';
	display: block;
	position: absolute;
	left: 59px;
	width: 4px;
	top: 3px;
	height: 100%;
	z-index:2;
}
.planner-results .option .result .point.type_walk:after {
	background: url(tallinn/images/base/walk-line.png) repeat-y;
}
 .planner-results .option .result .point.type_bus:after
,.planner-results .option .result .point.type_nightbus:after {
	background: #00e1b4;
}
.planner-results .option .result .point.type_trol:after {
	background: #0064d7;
}
.planner-results .option .result .point.type_tram:after {
	background: #ff601e;
}
.planner-results .option .result .point.type_regionalbus:after {
	background: #991228;
}
.planner-results .option .result .point.type_train:after {
	background: #057e00;
}
.planner-results .option .result .point.type_commercialbus:after {
	background: #7f0086;
}
.planner-results .option .result .point .wait {
	padding: 0 0 0 20px;
	font-size: 0.75rem;
	margin-top: 5px;
	background: url(tallinn/images/base/icon-time2.png) no-repeat 0 50%;
}
.planner-results .option .result .point .transport {
	position: relative;
	font-size: 0.75rem;
	padding: 0 0 0 24px;
        -webkit-print-color-adjust: exact;
    color-adjust: exact;
    
}
.planner-results .option .result .point.type_walk .transport {
	padding-left: 20px;
	background: url(tallinn/images/base/icon-walk.png) no-repeat 2px 50%;
}
 .planner-results .option .result .point.type_bus .transport
,.planner-results .option .result .point.type_nightbus .transport {
	background: url(tallinn/images/base/icon-bus.png) no-repeat 5px 50%;
}
.planner-results .option .result .point.type_tram .transport {
	background: url(tallinn/images/base/icon-tram.png) no-repeat 5px 50%;
}
.planner-results .option .result .point.type_trol .transport {
	background: url(tallinn/images/base/icon-trol.png) no-repeat 5px 50%;
}
.planner-results .option .result .point.type_regionalbus .transport {
	background: url(tallinn/images/base/icon-regionalbus.png) no-repeat 5px 50%;
}
.planner-results .option .result .point.type_train .transport {
	background: url(tallinn/images/base/icon-train.png) no-repeat 5px 50%;
}
.planner-results .option .result .point.type_commercialbus .transport {
	background: url(tallinn/images/base/icon-commercialbus.png) no-repeat 5px 50%;
}
.planner-results .option .result .point .transport .num {
	left: 22px;
    min-width:30px;
    display:inline-block;
    width:auto;
}
.planner-results .no-results {
	padding: 90px 20px 20px;
	text-align: center;
	font-size: 0.875rem;
	border-top: 1px solid #dedede;
	background: url(tallinn/images/base/icon-error.png) no-repeat 50% 20px;
}
.planner-results .nb {
	font-size: 0.75rem;
}
#planner .frm-desc {
	margin: 0 20px 0 60px;
}

/*------------------------------------*\
$UNIFORM
\*------------------------------------*/
div.checker,
div.button,
div.radio,
div.uploader {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
}
/* Select */
div.selector {
	position: relative;
	overflow: hidden;
	background: #fff;
	border: 2px solid #eeeeee;
	border-radius: 3px;
}
div.selector:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	margin-top: -2.5px;
	right: 7px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #000000 transparent transparent transparent;
}
div.selector span {
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	background: #fff;
	padding: 3px 23px 3px 8px;
	cursor: pointer;
	width: 100%;
	color: #000;
	font-size: 0.75rem;
}
div.selector select,
.date-selector select {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	border: none;
	background: none;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
	cursor: pointer;
	font-size: 0.875rem;
	display: block;
	z-index: 2;
}
div.selector.disabled {
	opacity: .5;
}
/* Checkbox */
div.checker {
	position: relative;
}
div.checker,
div.checker span,
div.checker input {
	width: 16px;
	height: 16px;
	background: #fff;
	border: 2px solid #dedede;
	border-radius: 3px;
	-webkit-transition: border .2s;
	-o-transition: border .2s;
	transition: border .2s;
}
div.checker span {
	display: block;
	text-align: center;
	margin: -2px;
}
div.checker span.checked {
	border-color: #383a3b;
}
div.checker span.checked:after {
	content: '';
	display: block;
	position: absolute;
	top: -2px;
	right: -2px;
	width: 16px;
	height: 16px;
	background: url(tallinn/images/base/checker2.png) no-repeat 100% 3px;
}
div.checker input {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	border: none;
	background: none;
	display: block;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
div.checker.disabled {
	opacity: .5;
}
/* Radio */
div.radio {
	position: relative;
}
div.radio,
div.radio span,
div.radio input {
	width: 16px;
	height: 16px;
}
div.radio span {
	display: block;
	border: 2px solid #eee;
	border-radius: 50%;
}
div.radio span.checked {
	border-color: #b0dab9;
}
div.radio span.checked:after {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	background: #b0dab9;
	border-radius: 50%;
}
div.radio input {
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	border: none;
	background: none;
	display: block;
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}
div.radio.disabled {
	opacity: .5;
}

.type_text input,
.type_textarea textarea,
.type_select_filter .txtinput input {
  background:#ffffff;
  border:2px solid #eee;
  display:block;
  line-height:20px;
  line-height: calc(var(--add-line-spacing) + 20px);
  padding: 8px;
  height:40px;
  width:100%;
  border-radius: 3px;
}

#divContentPlannerResults .help {
    display:none;
}

/*------------------------------------*\
$FAVOURITES
\*------------------------------------*/
.fav-table {
	width: 100%;
	/*border-top: 1px solid #eeeeee;*/
}

.fav-table tr td {
	background: #fff;
}

.fav-table tr.odd td {
	background: #fff !important;
}

.fav-table tr:nth-child(odd) td {
	background: #fcfcfc;
}

.fav-table tr.even td {
	background: #fcfcfc !important;
}


.fav-table td {
	padding: 10px 20px;
	vertical-align: middle;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}
.fav-table td:first-child {
	border-left: 0;
}
.fav-table td.move {
	width: 1px;
	padding: 10px;
	border-left: 0;
}
.fav-table td a {
	display: block;
	position: relative;
	padding-left: 70px;
	color: #000;
}
.fav-table td a .line {
	display: block;
	font-size: 0.75rem;
}
.fav-table td a .name {
	display: block;
}
.fav-table td a .name.line {
	font-weight: bold;
	font-size: 0.875rem;
}
.fav-table td a.station {
	padding-left: 0;
}
 .fav-table td a.icon_bus
,.fav-table td a.icon_nightbus {
	background: url(tallinn/images/base/icon-bus.png) no-repeat 9px 50%;
}
.fav-table td a.icon_trol {
	background: url(tallinn/images/base/icon-trol.png) no-repeat 9px 50%;
}
.fav-table td a.icon_tram {
	background: url(tallinn/images/base/icon-tram.png) no-repeat 9px 50%;
}
.fav-table td a.icon_regionalbus {
	background: url(tallinn/images/base/icon-regionalbus.png) no-repeat 9px 50%;
}

.fav-table td a.icon_train {
	background: url(tallinn/images/base/icon-train.png) no-repeat 9px 50%;
    padding-left:85px;
}
.fav-table td a.icon_commercialbus {
	background: url(tallinn/images/base/icon-commercialbus.png) no-repeat 9px 50%;
}
.fav-table td a.station {
	padding-left: 40px;
	margin-left: 30px;
	background: url(tallinn/images/base/point.png) no-repeat 6px 50%;
}
.fav-table td a.planner {
	padding-left: 30px;
	margin-left: 40px;
	background: url(tallinn/images/base/icon-planner.png) no-repeat 0 50%;
}


.fav-table td a.remove {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px 0 0;
	font-weight: bold;
	color: #808080;
	font-size: 0.625rem;
	text-transform: uppercase;
	background: url(tallinn/images/base/icon-remove2.png) no-repeat 100% 50%;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
}
.fav-table td a.rename {
	display: inline-block;
	vertical-align: middle;
	padding: 0 17px 0 0;
	font-weight: bold;
	color: #808080;
	font-size: 0.625rem;
	text-transform: uppercase;
	/* iCon by oNlineWebFonts.Com */
	background: url(tallinn/images/base/icon-rename10.png) no-repeat 100% 50%;
	-webkit-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s;
	line-height:26px;
}

.fav-table td a.rename:hover {
	color: #000;
}

.fav-table td a.remove:hover {
	color: #000;
	background: url(tallinn/images/base/icon-remove.png) no-repeat 100% 50%;
}

#divHelp,
#divContacts,
#fav {
    /*position:relative;*/
    overflow: hidden;
    display:none;

    position: absolute;
    left: 0px;
    right: 0px;
    width: auto;    
}


.HelpDisplayed #divHelp,
.ContactsDisplayed #divContacts,
.FavouritesDisplayed #fav {
    display:block;
}

/* deaktyvuota pg.fTabActivate
.FavouritesDisplayed #divContentRoutesResults,
.FavouritesDisplayed .search .searchData,
.FavouritesDisplayed .location .myLocation,
.FavouritesDisplayed .searchbar {
    display:none;
}
*/

#fav *, 
#fav *:before, 
#fav *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.filter {
  padding: 20px;
  border-bottom: 1px solid #eeeeee;
}

.fav-table tr {
    display:table-row;
}

#favourites.all tr.route,
#favourites.all tr.line,
#favourites.all tr.stop {
    display:table-row;
}

#favourites.stop tr.line,
#favourites.stop tr.route {
    display:none;
}

#favourites.route tr.line,
#favourites.route tr.stop {
    display:none;
}

#favourites.line tr.route,
#favourites.line tr.stop {
    display:none;
}


/* map tools */
#divMapWrapper .tools *, 
#divMapWrapper .tools *:before, 
#divMapWrapper .tools *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


#divMapWrapper .tools {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100%;
	background: rgb(62,64,65);
	background: -moz-linear-gradient(top,  rgba(62,64,65,1) 0%, rgba(50,52,53,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,64,65,1)), color-stop(100%,rgba(50,52,53,1)));
	background: -webkit-linear-gradient(top,  rgba(62,64,65,1) 0%,rgba(50,52,53,1) 100%);
	background: -o-linear-gradient(top,  rgba(62,64,65,1) 0%,rgba(50,52,53,1) 100%);
	background: -ms-linear-gradient(top,  rgba(62,64,65,1) 0%,rgba(50,52,53,1) 100%);
	background: linear-gradient(to bottom,  rgba(62,64,65,1) 0%,rgba(50,52,53,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e4041', endColorstr='#323435',GradientType=0 );
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
#divMapWrapper .tools:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	height: 10px;
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
	opacity: .1;
}
#divMapWrapper .tools .button {
	border-right: 1px solid rgba(255,255,255,.05);
	-webkit-box-shadow: inset -1px 0 0 rgba(0,0,0,.1);
	box-shadow: inset -1px 0 0 rgba(0,0,0,.1);
	border-radius: 0;
}

.map_button {
    z-index:0;
    visibility:hidden;
}

#stopFavourite {
    float: right;
    margin: 15px;
    font-size: 0;
    position: relative;
    z-index: 2;    
}

/* search nav */



.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.nav-tabs {
  border: 0;
  margin: 0;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.1);
  -moz-box-shadow: 0 0 6px rgba(0,0,0,0.1);
  box-shadow: 0 0 6px rgba(0,0,0,0.1);
}

.nav-region {
  z-index: 2;
}


.nav-tabs .active {
  position: relative;
}

.nav-transport li, 
.nav-timetable li, 
.nav-search li {
  width: 33.333333%;
}

.nav-region li, 
.nav-pager li, 
.nav-favourites li {
  width: 50%;
}

.nav-tabs > li {
  margin: 0;
  display: inline-block;
}

.nav-tabs > li.active > span, 
.nav-tabs > li.active > a {
  cursor: default;
  font-weight: bold;
}

.nav-tabs > .active > span, 
.nav-tabs > .active > span:hover, 
.nav-tabs > .active > span:focus, 
.nav-tabs > .active > a, 
.nav-tabs > .active > a:hover, 
.nav-tabs > .active > a:focus {
  background-color: #f5f5f5;
  border: 0;
  border-right: 1px solid #e5e5e5;
  font-weight: bold;
  color: #202020;
}

ul.nav-tabs li > a, 
ul.nav-tabs li > span {
  display: block;
  text-align: center;
  padding: 10px 0px;
  height: 40px;
}

.nav-tabs > li > span, 
.nav-tabs > li > a {
  display: block;
  margin: 0;
  padding: 0;
  /* height: 50px; */
  background: #ffffff;
  border: 0;
  border-right: 1px solid #e5e5e5;
  border-radius: 0;
  color: #202020;
  font-size: 0.75rem;
  text-align: center;
  cursor: pointer;
}

ul.nav-region li.tallinna-linn > a:before, 
ul.nav-region li.harju > a:before, 
ul.nav-region li.tallinna-linn > span:before, 
ul.nav-region li.harju > span:before {
  content: '';
  display: inline-block;
  vertical-align: top;
  width: 19px;
  height: 20px;
  margin-right: 5px;
  background: url(tallinn/images/base/icon-tt.png) no-repeat 50% 50%;
}

ul.nav-tabs li > span:before, 
ul.nav-tabs li > a:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

ul.nav-region li.harju > a:before, 
ul.nav-region li.harju > span:before {
  background-image: url(tallinn/images/base/icon-utk.png);
}

.button.button-cleartext,
.searchbar .button.button-cleartext {
  font-size: 0.875rem;
  color: #fff;
  width: 40px;
  height: 30px;
  background: url(tallinn/images/base/clear-text.png);
  background-color: white;
  position:relative;
  float:right;
  top:-35px;
  margin-right:6px;

}

.final-station .button.button-cleartext {
    position:absolute;
    display:block;
    right:0px;
    top:5px;
}

.start-station .button.button-cleartext {
    position:absolute;
    display:block;
    right:0px;
    top:5px;
}


.search-results li {
    display:none; 
    padding:10px;
}


.search-results li a {
  padding-top: 5px;
  padding-bottom: 0px;
}

.search-results li:nth-child(even) {
  background: #fcfcfc;
}



.search-results.all li {
    display:list-item; 
    border-bottom: 1px solid #eeeeee;
}

.search-results li.error {
    padding:10px;
    border-bottom:1px solid #EEEEEE;
}

.search-results.all  li.line,
.search-results.lines  li.line {
    display:list-item; 
    min-height:40px;
}

.search-results.stops  li.stop {
    display:list-item; 
}

.search-results li span {
    display:inline-block;
}

/* all */
.form-search input::-webkit-input-placeholder { color:#555555; opacity: 1;}
.form-search input::-moz-placeholder { color:#555555; opacity: 1;} /* firefox 19+ */
.form-search input:-ms-input-placeholder { color:#555555; opacity: 1;} /* ie */
.form-search input:-moz-placeholder { color:#555555; opacity: 1;}


.search-results-placeholder {
  color:#dedede;
  padding:60px 60px 40px;
  text-align:center;
}

.results .search-results-placeholder {
    display:none;
}

.search-results .stop strong {
  font-size: 0.875rem;
}
.lines {
  margin:0;
}
.lines .icon {
  margin:2px 10px 0 10px;
}
.lines .icon:first-child {
  margin-left:0;
}
.lines span {
  margin:0 8px 0 0;
}

#divContentRoutesResults {
    display:block;
}


.location #divContentRoutesResults,
.search #divContentRoutesResults {
    display:none;
}

.myLocation,
.searchData {
    display:none;
}

.location .myLocation,
.search .searchData {
    display:block;
}

.button-cleartext {
    display:none;
}

.location .button-cleartext,
.search .button-cleartext {
    display:block;
}

#map-canvas {
  width: 100%;
  height: 160px;
}

.stopslist ul {
  list-style: none;
}

.stopslist > ul > li {
  display: block;
  position: relative;
  padding: 15px 60px 15px 20px;
  border-bottom: 1px solid #eeeeee;
}

.stopslist > ul > li h3 {
  padding-left: 25px;
  font-size: 0.875rem;
  margin-bottom: 10px;
  background: url(tallinn/mobile/images/base/icon-stop.png) no-repeat 5px 50%;
}

.stopslist > ul > li h3 span {
  font-weight: normal;
}

.stopslist .transport li:first-child {
  margin-top: 0;
}
.stopslist .transport li {
  display: block;
  padding-left: 20px;
  margin-top: 6px;
  font-size: 0.75rem;
  position: relative;
}

.stopslist .transport li:before {
  position: absolute;
  top: 1px;
  left: 5px;
}

.stopslist .transport li span.num {
  position: static;
  display: inline-block;
  vertical-align: top;
  margin: 0px 0 5px 5px;
  min-width:30px;
  margin-top:0px;
}

 .stopslist .transport .icon_bus:before
,.stopslist .transport .icon_nightbus:before
,.stopslist .transport .icon_trol:before
,.stopslist .transport .icon_tram:before
,.stopslist .transport .icon_regionalbus:before
,.stopslist .transport .icon_train:before
,.stopslist .transport .icon_commercialbus:before {
    content: '';
    display: block;
    height: 21px;
    width: 13px;
    background: url(tallinn/images/base/transport-sprite.png) no-repeat 0 0;
}

 .stopslist .transport .icon_bus:before
,.stopslist .transport .icon_nightbus:before {
    background-position: 0 0;
}

.stopslist .transport .icon_trol:before {
    background-position: -14px 0;
}

.stopslist .transport .icon_tram:before {
    background-position: -28px 0;
}

.stopslist .transport .icon_regionalbus:before {
    background-position: -42px 0;
}

.stopslist .transport .icon_train:before {
    background-position: -56px 0;
}

.stopslist .transport .icon_commercialbus:before {
    background-position: -70px 0;
}

/* stopslist fix */
.stopslist .transport li{
    margin-top: 6px;
    margin-bottom: 6px;
    
}
.stopslist .transport li:first-child a{
    margin-top: 0px;
}
.stopslist .transport li a:hover{
    color: #ffffff;
}
/* end of stopslist fix */

.stopslist > ul > li > a.plan {
  position: absolute;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 100%;
  border-left: 1px solid #eeeeee;
  background: url(tallinn/mobile/images/base/icon-planner-s.png) no-repeat 50% 50%;
  outline:0;
}

.footer-info {
    padding-left:20px;
    padding-right:20px;
}

/* legend */
.legend *, 
.legend *:before, 
.legend *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.legend .short-example .example:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 8px 0;
	border-color: transparent #ff621e transparent transparent;
}

.legend {
	font-size: 0.75rem;
	line-height: 15px;
    line-height: calc(var(--add-line-spacing) + 15px);
}
.legend p {
	margin-bottom: 10px;
}
.legend p:last-child {
	margin-bottom: 0;
}
.legend a {
	color: #000;
	text-decoration: underline;
}
.legend .low-example,
.legend .short-example {
	font-size: 0;
	margin-bottom: 10px;
}
.legend .short-example {
	margin-bottom: 20px;
}
.legend .example {
	width: 30px;
	height: 30px;
	height: calc(var(--add-line-spacing) + 30px);
	font-size: 0.875rem;
	line-height: 20px;
    line-height: calc(var(--add-line-spacing) + 20px);
	text-align: center;
	padding: 4px;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.legend .low-example .example {
	border: 1px solid #fff;
	background: #e8f0f8;
	-webkit-box-shadow: inset 0 -2px 0 blue; /*#84b3e2;*/
	box-shadow: inset 0 -2px 0 blue; /*#84b3e2;*/
}
.legend .short-example .example {
	border: 1px solid #dedede;
}
.legend .short-example .example:before {
	top: 1px;
	right: 1px;
}
.legend .low-example p,
.legend .short-example p {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	font-size: 0.75rem;
	margin: 0 0 0 -30px;
	padding-left: 40px;
}


.rp-table {
    display:table;
    width:100%;
}

.rp-row {
    display:table-row;
}

.rp-cell {
    display:table-cell;
    white-space:nowrap;
}

.rp-cell.toggler {
    width:100%;
}

.rp-cell.transport-types {
    min-width:200px;
    white-space:normal;
    padding-left:4px;
    line-height:26px;
    line-height: calc(var(--add-line-spacing) + 26px);
}


.rp-cell .num {
    margin-right: 0px;
    padding-left:5px;
    padding-right:5px;
}

.def {
    font-size: 0.75rem;
    padding: 15px 20px;
}

.def h2 {
    font-size: 1rem;
    line-height: 20px;
    line-height: calc(var(--add-line-spacing) + 20px);
    margin-bottom: 15px;
}

.def .phone-block {
    padding: 15px 20px;
    margin: 0 0px 0px;
    text-align: center;
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.def p {
    margin: 0 0 15px;
}

.def p:last-child {
    margin-bottom: 0;
}

.def .phone-block strong {
    font-weight: normal;
    font-size: 1.875rem;
    line-height: 30px;
    line-height: calc(var(--add-line-spacing) + 30px);
    display: block;
}

.def a {
    text-decoration: underline;
}

.label-active input.change-label {
	display:inline-block;
}


.fav-table td.label-active a.rename {
	display:none;
}


input.change-label {
	width: 120px;
    font-size: 0.75rem;
    border: 1px solid #eeeeee;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;
    -webkit-transition: border .2s;
    -o-transition: border .2s;
    transition: border .2s;
	height: 26px;
	display:none;
}

.name span.small {
	font-size: 0.5rem;
}


.stop-toggle {
	display:flex;
	margin-left:3px;
	cursor:pointer;
	max-width:200px;
	margin-top:4px;
	font-size: 0.75rem;
	color:#777;
}

.stop-toggle.hidden {
	display:none;
}

.stop-toggle:hover {
	color:#000;
}

.show-intermediate-stops.point-info .stop-intermediate {
	display:block;
}

.point-info .stop-intermediate {
	position:relative;
	left:-75px;
	margin-top:5px;
	display:none;
}

.point-info .stop-intermediate .stop-container {
	display:flex;
}

.point-info .stop-intermediate .stop-container .stop-time {
	width:48px;
	text-align:right;
	padding-right:12px;
}

.point-info .stop-intermediate .stop-container .stop-circle {
	position:relative;
	z-index: 110;
}
.point-info .stop-intermediate .stop-container .stop-name {
	margin-left:27px;
}


.intermediate-stop-circle {
    position: absolute;
    left: 2px;
    margin-top: 5px;
	border: 6px solid #ff0000;
	border-radius: 50%;
}

.intermediate-stop-circle:after {
    content: "";
    position: absolute;
    top: -4px;
    left: -4px;
    border: 4px solid #fff;
    border-radius: 50%;
}

 .type_bus .intermediate-stop-circle
,.type_nightbus .intermediate-stop-circle {
	border-color:#00e1b4;
}
.type_commercialbus .intermediate-stop-circle {
	border-color:#7f0086;
}
.type_regionalbus .intermediate-stop-circle {
	border-color:#991228;
}
.type_trol .intermediate-stop-circle {
	border-color:#0064d7;
}
.type_tram .intermediate-stop-circle {
	border-color:#ff601e;
}
.type_train .intermediate-stop-circle {
	border-color:#009900;
}



.Chevron{
    position:relative;
    display:block;
	height:16px;/*height should be double border*/
	margin-right:20px;
}
.Chevron:before,
.Chevron:after{
    position:absolute;
    display:block;
    content:"";
    border:8px solid transparent;/*adjust size*/
}
/* Replace all text `top` below with left/right/bottom to rotate the chevron */

.Chevron:before{
    top:5px;;
    border-top-color:#000;/*Chevron Color*/
}
.Chevron:after{
    top:2px;/*adjust thickness*/
    border-top-color:#fff;/*Match background colour*/
}

.show-intermediate-stops .Chevron:before{
	top:auto;
    bottom:3px;
    border-bottom-color:#000;/*Chevron Color*/
	border-top-color: transparent;
}

.show-intermediate-stops .Chevron:after{
	top:auto;
    bottom:0px;/*adjust thickness*/
    border-bottom-color:#fff;/*Match background colour*/
	border-top-color: transparent;
}

/* accessibility */
#accessibility {
    background: #fff;
    position: absolute;
    left: 80px;
    right: 80px;
    /*top: 100%;*/
    z-index: 2000;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
  }
  
#divHeader .accessibility-link {
    float: right;
    color: #000;
    font-size: 0.75rem;
    padding-left: 13px;
    position: relative;
    margin-top: 14px;
    margin-bottom: 14px;
    margin-right:30px;
}

#accessibility .button {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    margin: 0;
    padding: 0;
    background: none;
    font-size: 0.8571rem;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    border-radius: 5px
}

#accessibility .btn-close {
    width: 40px;
    height: 40px;
    font-size: 40px;
    color: #fff;
    transition: all 200ms ease;
}

  #accessibility .btn-close {
    color: #0072ce;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
  }
  
  #accessibility .text-size {
    display: flex;
  }
  
  #accessibility .text-size a {
    width: 40px;
    height: 40px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    background: #0072ce;
    transition: all 200ms ease;
  }
  
  #accessibility .text-size a:hover {
    background: #0072ce;
  }
  
  #accessibility .text-size a.active {
    background: #F3D03E;
  }
  
  #accessibility .text-size a.active:hover {
    opacity: 0.8;
  }
  
  #accessibility .text-size a.small {
    font-size: 12px;
    padding-top: 2px;
  }
  
  #accessibility .text-size a.normal {
    font-size: 14px;
    padding-top: 1px;
  }
  
  #accessibility .text-size a.large {
    font-size: 16px;
  }
  
  #accessibility .groups {
    display: flex;
  }
  
  #accessibility .groups .group-single {
    flex: 1;
    padding: 20px;
  }
  
  #accessibility .groups .group-single .title {
    font-size: 1.143rem;
    font-weight: bold;
    margin-bottom: 20px;
  }
  
  #accessibility .groups .group-single + .group-single {
    padding-left: 19px;
    border-left: 1px solid #727272;
  }
  
  #accessibility .styles-list {
    display: flex;
  }
  
  #accessibility .styles-list .item-single {
    width: 120px;
    cursor: pointer;
    padding: 5px;
  }
  
  #accessibility .styles-list .item-single .example {
    padding: 5px;
    border: 2px solid #F3D03E !important;
    background: #fff !important;
  }
  
  #accessibility .styles-list .item-single .example > * {
    background: transparent !important;
  }
  
  #accessibility .styles-list .item-single .example span {
    display: block;
  }
  
  #accessibility .styles-list .item-single .example .heading {
    font-size: 1.4rem;
    color: #0072ce !important;
    font-weight: bold;
  }
  
  #accessibility .styles-list .item-single .example .text2 {
    color: #160F29 !important;
    font-size: 1.2rem;
  }
  
  #accessibility .styles-list .item-single .example .text {
    color: #D6D3E1 !important;
    font-size: 1rem;
  }
  
  #accessibility .styles-list .item-single .title {
    font-weight: normal;
    font-size: 1rem;
    margin-bottom: 0px;
    margin-top: 5px;
  }
  
  #accessibility .styles-list .item-single.yellow .example {
    border-color: #ff0 !important;
    background: #000000 !important;
  }
  
  #accessibility .styles-list .item-single.yellow .example * {
    color: #ff0 !important;
  }
  
  #accessibility .styles-list .item-single.blue .example {
    border-color: #D6D3E1 !important;
    background: #0072ce !important;
  }
  
  #accessibility .styles-list .item-single.blue .example * {
    color: #fff !important;
  }
  
  #accessibility .styles-list .item-single.active {
    background: #F5F5F5 !important;
  }
  
  #accessibility .styles-list .item-single + .item-single {
    margin-left: 10px;
  }
  
  #accessibility.frm.frm-01 .frmrow {
    padding-bottom: 0px;
  }
  
  #accessibility .radio-single.x-large,
  #accessibility .checkbox-single.x-large {
    font-size: 1.4rem;
  }
  
  #accessibility .radio-single.large,
  #accessibility .checkbox-single.large {
    font-size: 1.2rem;
  }

  
  .page-yellow {
    background: #000000 !important;
  }
  
  .page-yellow * {
    color: #ff0 !important;
    background-color: #000000 !important;
    border-color: #ff0 !important;
    fill: #ff0 !important;
  }
  
  .page-yellow .button,
  .page-yellow .button > * {
    background: #ff0 !important;
    color: #000000 !important;
  }
  
  .page-yellow .btn-scroll {
    background: none;
    overflow: hidden;
  }
  
  .page-yellow input[type="text"],
  .page-yellow input[type="search"] {
    border: 1px solid #ff0 !important;
  }
  
  .page-yellow .radio-single input:checked + span:after,
  .page-yellow .checkbox-single input:checked + span:after {
    background: #ff0 !important;
  }
  
  .page-yellow #accessibility {
    border: 1px solid #ff0 !important;
  }
  
  .page-yellow #accessibility .styles-list .item-single.active {
    background: #ff0 !important;
  }
  
  .page-yellow .fixed #mainmenu > ul > li > a:not(.button) {
    color: #ff0 !important;
  }
  
  .page-yellow #header .header-bottom {
    background: #000000 !important;
    width: auto;
    left: 0px;
  }
  
  .page-yellow #header .header-bottom:before, .page-yellow #header .header-bottom:after {
    display: none;
  }
  
  .page-yellow #mainmenu > ul > li a:not(.button):after {
    border-color: transparent transparent #ff0 transparent;
  }
  
  .page-yellow #megamenu {
    border: 1px solid #ff0;
  }
  
  .page-yellow #megamenu > ul li.active > a {
    background: #ff0 !important;
    color: #000000 !important;
  }
  
  .page-yellow #megamenu > ul li.active > a i {
    color: #000000 !important;
    background: #ff0 !important;
  }
  
  .page-yellow .news-single-big:after {
    display: none;
  }
  
  .page-yellow .news-block .top .side .important-links a,
  .page-yellow .news-block .top .side .important-links a * {
    background: #ff0 !important;
    color: #000000 !important;
  }
  
  .page-yellow .breadcrumb > ul > li a {
    color: #ff0 !important;
  }
  
  .page-yellow .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    color: #ff0 !important;
  }
  
  .page-yellow .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #ff0 !important;
    color: #000000 !important;
  }
  
  .page-yellow .search-toggle .drop .search-block .input:before {
    color: #ff0 !important;
  }
  
  .page-yellow #sidemenu {
    background-image: none !important;
  }
  
  .page-yellow #footer {
    border-top: 5px solid #ff0;
  }
  
  .page-yellow #footer .silhouette {
    display: none;
  }
  
  .page-yellow #page .side {
    border-right: 5px solid #ff0;
  }
  
  .page-yellow .pagination .controls .button,
  .page-yellow .pagination .controls .button * {
    background: #000000 !important;
    color: #ff0 !important;
  }
  
  .page-yellow .tabs .tabs-head ul li.active a {
    background: #ff0 !important;
    color: #000000 !important;
  }
  
  .page-yellow .tabs .tabs-head * {
    background: transparent !important;
  }
  
  .page-yellow .def li:before,
  .page-yellow .list-01 li:before {
    background: #ff0 !important;
  }
  
  .page-yellow .contacts-list > ul > li .contact-single .content .list ul li:before {
    background: #ff0 !important;
  }
  
  .page-blue {
    background: #0072ce !important;
  }
  
  .page-blue * {
    color: #fff !important;
    background-color: #0072ce !important;
    border-color: #fff !important;
    fill: #fff !important;
  }
  
  .page-blue .button,
  .page-blue .button > * {
    background: #fff !important;
    color: #0072ce !important;
  }
  
  .page-blue .btn-scroll {
    background: none;
    overflow: hidden;
  }
  
  .page-blue input[type="text"],
  .page-blue input[type="search"] {
    border: 1px solid #fff !important;
  }
  
  .page-blue .radio-single input:checked + span:after,
  .page-blue .checkbox-single input:checked + span:after {
    background: #fff !important;
  }
  
  .page-blue #accessibility {
    border: 1px solid #fff !important;
  }
  
  .page-blue #accessibility .styles-list .item-single.active {
    background: #fff !important;
  }
  
  .page-blue .fixed #mainmenu > ul > li > a:not(.button) {
    color: #fff !important;
  }
  
  .page-blue #header .header-bottom {
    background: #0072ce !important;
    width: auto;
    left: 0px;
  }
  
  .page-blue #header .header-bottom:before, .page-blue #header .header-bottom:after {
    display: none;
  }
  
  .page-blue #mainmenu > ul > li a:not(.button):after {
    border-color: transparent transparent #fff transparent;
  }
  
  .page-blue #megamenu {
    border: 1px solid #fff;
  }
  
  .page-blue #megamenu > ul li.active > a {
    background: #fff !important;
    color: #0072ce !important;
  }
  
  .page-blue #megamenu > ul li.active > a i {
    color: #0072ce !important;
    background: #fff !important;
  }
  
  .page-blue .news-single-big:after {
    display: none;
  }
  
  .page-blue .news-block .top .side .important-links a,
  .page-blue .news-block .top .side .important-links a * {
    background: #fff !important;
    color: #0072ce !important;
  }
  
  .page-blue .breadcrumb > ul > li a {
    color: #fff !important;
  }
  
  .page-blue .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    color: #fff !important;
  }
  
  .page-blue .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #fff !important;
    color: #0072ce !important;
  }
  
  .page-blue .search-toggle .drop .search-block .input:before {
    color: #fff !important;
  }
  
  .page-blue #sidemenu {
    background-image: none !important;
  }
  
  .page-blue #footer {
    border-top: 5px solid #fff;
  }
  
  .page-blue #footer .silhouette {
    display: none;
  }
  
  .page-blue #page .side {
    border-right: 5px solid #fff;
  }
  
  .page-blue .pagination .controls .button,
  .page-blue .pagination .controls .button * {
    background: #0072ce !important;
    color: #fff !important;
  }
  
  .page-blue .tabs .tabs-head ul li.active a {
    background: #fff !important;
    color: #0072ce !important;
  }
  
  .page-blue .tabs .tabs-head * {
    background: transparent !important;
  }
  
  .page-blue .def li:before,
  .page-blue .list-01 li:before {
    background: #fff !important;
  }
  
  .page-blue .contacts-list > ul > li .contact-single .content .list ul li:before {
    background: #fff !important;
  }
  
  .page-nobg {
    background: #fff !important;
  }
  
  .page-nobg * {
    color: #000000 !important;
    background-color: #fff !important;
    border-color: #000000 !important;
    fill: #000000 !important;
  }
  
  .page-nobg .button,
  .page-nobg .button > * {
    background: #000000 !important;
    color: #fff !important;
  }
  
  .page-nobg .btn-scroll {
    background: none;
    overflow: hidden;
  }
  
  .page-nobg input[type="text"],
  .page-nobg input[type="search"] {
    border: 1px solid #000000 !important;
  }
  
  .page-nobg .radio-single input:checked + span:after,
  .page-nobg .checkbox-single input:checked + span:after {
    background: #000000 !important;
  }
  
  .page-nobg #accessibility {
    border: 1px solid #000000 !important;
  }
  
  .page-nobg #accessibility .styles-list .item-single.active {
    background: #000000 !important;
  }
  
  .page-nobg .fixed #mainmenu > ul > li > a:not(.button) {
    color: #000000 !important;
  }
  
  .page-nobg #header .header-bottom {
    background: #fff !important;
    width: auto;
    left: 0px;
  }
  
  .page-nobg #header .header-bottom:before, .page-nobg #header .header-bottom:after {
    display: none;
  }
  
  .page-nobg #mainmenu > ul > li a:not(.button):after {
    border-color: transparent transparent #000000 transparent;
  }
  
  .page-nobg #megamenu {
    border: 1px solid #000000;
  }
  
  .page-nobg #megamenu > ul li.active > a {
    background: #000000 !important;
    color: #fff !important;
  }
  
  .page-nobg #megamenu > ul li.active > a i {
    color: #fff !important;
    background: #000000 !important;
  }
  
  .page-nobg .news-single-big:after {
    display: none;
  }
  
  .page-nobg .news-block .top .side .important-links a,
  .page-nobg .news-block .top .side .important-links a * {
    background: #000000 !important;
    color: #fff !important;
  }
  
  .page-nobg .breadcrumb > ul > li a {
    color: #000000 !important;
  }
  
  .page-nobg .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    color: #000000 !important;
  }
  
  .page-nobg .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #000000 !important;
    color: #fff !important;
  }
  
  .page-nobg .search-toggle .drop .search-block .input:before {
    color: #000000 !important;
  }
  
  .page-nobg #sidemenu {
    background-image: none !important;
  }
  
  .page-nobg #footer {
    border-top: 5px solid #000000;
  }
  
  .page-nobg #footer .silhouette {
    display: none;
  }
  
  .page-nobg #page .side {
    border-right: 5px solid #000000;
  }
  
  .page-nobg .pagination .controls .button,
  .page-nobg .pagination .controls .button * {
    background: #fff !important;
    color: #000000 !important;
  }
  
  .page-nobg .tabs .tabs-head ul li.active a {
    background: #000000 !important;
    color: #fff !important;
  }
  
  .page-nobg .tabs .tabs-head * {
    background: transparent !important;
  }
  
  .page-nobg .def li:before,
  .page-nobg .list-01 li:before {
    background: #000000 !important;
  }
  
  .page-nobg .contacts-list > ul > li .contact-single .content .list ul li:before {
    background: #000000 !important;
  }
  
  .page-emphasize a:active,
  .page-emphasize button:active,
  .page-emphasize input:active {
    outline: 2px solid #f00 !important;
  }