.ui-icon-vibro:after{background-image:url(../img/vibro_icon.png);background-size:18px 18px}
.ui-icon-bus:after{background-image:url(../img/bus_icon.png);background-size:18px 18px}
.ui-icon-trol:after{background-image:url(../img/trol_icon.png);background-size:18px 18px}
.ui-icon-tram:after{background-image:url(../img/tram_icon.png);background-size:18px 18px}
.ui-icon-train:after{background-image:url(../img/train_icon.png);background-size:18px 18px}
.ui-icon-floppy:after{background-image:url(../img/floppy_icon.png);background-size:18px 18px}
.transporttype-section,.transporttype-button{display:inline}
.transporttype-button .ui-btn{max-width:11em;max-height:3em;display:inline;margin-right:1em}
.transporttype-button .ui-btn[state="active"],.listroute-button .ui-btn[state="active"]{box-shadow:0 0 10px #91ccfb;background-color:#f5f0d3}
.listroute-section{position:relative;border:1px;background-color:#f9f9f9;border-color:#c7c7c7;padding:4px;margin:2px;border-top-style:solid;border-bottom-style:solid}
.listroute-close .ui-btn{position:absolute;margin:.3em;right:0;top:0}
.listroute-button .ui-btn-icon-notext.ui-corner-all{-webkit-border-radius:.3125em;border-radius:.3125em}
.listroute-button .ui-btn{padding:0;width:2.5em;height:2em}
.listroute-selector[type="grid"]{text-align:center}
.listroute-selector[type="bullets"]{text-align:left}
.listroute-marsh-element{min-width:1.8em;font-size:1.6em;text-align:center;display:inline-block;padding:2px 4px;margin:4px;font-weight:700;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.listroute-marsh-element .count-transport{font-size:.4em;font-weight:400;font-family:sans-serif;text-shadow:0 0 0;margin:0;padding:0;line-height:.8;color:rgba(255,255,255,0.3);position:relative}
.listroute-marsh-element .count-transport.refresh-info span{background-color:#a00096;padding-right:6px;padding-left:6px}
.listroute-marsh-bullets{background-color:#fff;margin:3px}
.listroute-marsh-direction-element{display:block;min-width:27em;font-size:.9em;color:#00F;text-decoration:none;white-space:nowrap;overflow:hidden;padding-right:3px;text-overflow:ellipsis}
@media all and (min-width: 60em) {
.listroute-marsh-direction-element{width:27em}
}
.marsh-user-position{color:gray;font-size:.8em;position:fixed;bottom:0;left:0;z-index:9999;background-color:#e9e9e9;width:100%}
.marsh-error-message h2{color:#8a0101;font-weight:700}
.marsh-section{display:block}
.marsh-header-section{display:block;white-space:nowrap}
.marsh-title-info,.marsh-forecact-time,.marsh-title-info h3,.marsh-forecact-time h3{display:inline}
.marsh-reminder-button{display:inline}
.marsh-refresh-button{display:inline}
.marsh-cross-button{display:inline}
.marsh-tablo-button{display:inline}
.marsh-action-section{white-space:nowrap;display:inline}
.marsh-action-section .ui-btn{padding:0;width:2.5em;height:2em}
.marsh-cross-action .ui-btn{display:inline;width:auto;min-width:90px;font-size:small;font-weight:400;color:#888576;margin-right:1px;padding:6px;padding-left:32px;background-color:#fdf7d7;border-color:#d4ca88}
.marsh-cross-action .ui-btn:active,.marsh-cross-action .ui-btn:hover{background-color:#fdf7c7;border-color:#d4ca88;color:#333;text-shadow:0 1px 0 #f3f3f3}
.marsh-action-section .ui-btn[state="active"]{box-shadow:0 0 10px #91ccfb;background-color:#f5f0d3}
.marsh-cross-action .ui-btn[state="hidden"]{display:none}
.marsh-action-section .ui-btn-icon-notext.ui-corner-all{-webkit-border-radius:.3125em;border-radius:.3125em}
.marsh-tablo-section,.marsh-reminder-section,.marsh-cross-section{position:relative;display:inline-block;min-width:30em;max-width:40em;background-color:#f7edb1;border-style:solid;border-width:1px;border-color:#d4ca88;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:.5em;padding-left:.7em;padding-right:.7em;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;margin:.5em 0 .2em}
.marsh-tablo-close .ui-btn,.marsh-reminder-close .ui-btn,.marsh-cross-close .ui-btn{position:absolute;margin:.3em;right:0;top:0}
.marsh-tablo-stop .ui-btn,.marsh-reminder-stop .ui-btn,.marsh-reminder-transport .ui-btn{margin:0;margin-left:5px}
.marsh-tablo-stop,.marsh-reminder-stop,.marsh-reminder-transport,.marsh-cross-minlist,.marsh-cross-editlist{position:relative;display:block;margin-bottom:.2em;border-width:1px;border-color:#d4ca88;border-style:solid;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:.3em;background-color:#f7f1c3;min-height:30px}
.marsh-cross-minlist,.marsh-cross-editlist{white-space:normal}
.marsh-cross-minlist-element,.marsh-cross-editlist-element{text-align:center;display:inline-block;padding:2px 4px;margin:4px;font-weight:700;color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.marsh-cross-minlist-element{min-width:1.3em;font-size:1.3em}
.marsh-cross-editlist-element,.marsh-cross-editlist-checker{min-width:1.7em;font-size:1.6em}
.marsh-cross-editlist-checker{text-align:center;position:absolute;top:0;left:0;padding:2px 4px;margin:4px;font-weight:700;color:#b5b5b5;text-shadow:0 1px 0 #545454;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.marsh-cross-editlist-checker[state="checked"]{display:block;background:rgba(0,0,0,.5)}
.marsh-cross-editlist-checker[state="unchecked"]{display:none}
.marsh-cross-editlist-box,.listroute-marsh-box,.listroute-marsh-bullets{display:inline-block;position:relative;white-space:nowrap;vertical-align:middle}
.marsh-cross-minlist-element[type="1"],.marsh-cross-editlist-element[type="1"],.listroute-marsh-element[type="1"]{background-color:#468847}
.marsh-cross-minlist-element[type="2"],.marsh-cross-editlist-element[type="2"],.listroute-marsh-element[type="2"]{background-color:#f89406}
.marsh-cross-minlist-element[type="3"],.marsh-cross-editlist-element[type="3"],.listroute-marsh-element[type="3"]{background-color:#3a87ad}
.marsh-cross-minlist-element[type="4"],.marsh-cross-editlist-element[type="4"],.listroute-marsh-element[type="4"]{background-color:#3a87ad}
.marsh-inline-content{width:90%;display:inline-block}
.marsh-tablo-info,.marsh-reminder-info,.marsh-cross-info{font-size:.9em}
.loader{position:relative;display:inline-block;width:28px;height:28px;background:url("data:image/svg+xml;utf8,%3Csvg%20width=%2728px%27%20height=%2728px%27%20viewBox=%270%200%2028%2028%27%20xmlns=%27http%3A//www.w3.org/2000/svg%27%3E%3Ccircle%20fill=%27none%27%20stroke-width=%272%27%20stroke-dashoffset=%2781.68%27%20stroke-dasharray=%2740.84%27%20stroke=%27rgba(0,0,0,0.5)%27%20cx=%2714%27%20cy=%2714%27%20r=%2713%27%3E%3Canimate%20attributeName=%27stroke-dashoffset%27%20from=%2781.68%27%20to=%270%27%20dur=%271s%27%20repeatCount=%27indefinite%27%20/%3E%3C/circle%3E%3C/svg%3E");vertical-align:middle}
.loader-position-absolute{position:absolute;top:2px;left:2px}
.marsh-reminder-select{border:1px solid transparent;border-radius:4px;color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.marsh-tablo-select{position:relative;border:1px solid transparent;border-radius:4px;color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.marsh-tablo-select div{padding-right:18px}
.marsh-tablo-select div:after{position:absolute;vertical-align:middle;padding-left:6px;right:2px;content:url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23999%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E")}
.marsh-tablo-forecast-header{font-size:1.1em;font-weight:700;display:block;text-align:center;padding:4px;color:#606694}
.marsh-tablo-forecast-table{font-size:.8em;display:block;padding:10px}
.marsh-tablo-forecast-table table{border-collapse:collapse;border-spacing:0}
.marsh-tablo-forecast-table th,.marsh-tablo-forecast-table td{text-align:left;padding:2px;line-height:20px;vertical-align:top;border-top:1px solid #d4ca88}
.marsh-tablo-forecast-table tbody>tr:last-child>td{border-bottom:1px solid #d4ca88}
.marsh-tablo-forecast-table tbody>tr:nth-child(odd)>td,.marsh-tablo-forecast-table tbody>tr:nth-child(odd)>th{background-color:#f7edb1}
.marsh-cross-ts-box{border:1px solid transparent;border-radius:4px;color:#31708f;background-color:#f4f7d9;border-color:#f1eebc}
.marsh-direction-selector{display:inline}
.marsh-direction-selector input{margin:1px}
.marsh-forecact-time span{color:blue}
.marsh-main-section{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
.marsh-direction-title{background:#F5F5F5;background:linear-gradient(to bottom,#FFF,#E6E6E6) #F5F5F5 repeat-x;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) #B3B3B3;border-radius:.5em;border-style:solid;border-width:1px;box-shadow:0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px rgba(0,0,0,0.05);text-decoration:none;text-align:left;text-shadow:0 1px 1px rgba(255,255,255,0.75);vertical-align:middle;padding:.3em;margin:.2em;margin-top:1.2em;display:inline-block;min-width:20em}
.marsh-direction-title h3{color:#204869}
.marsh-object{display:inline-block;white-space:nowrap;min-width:15em;position:relative;}
.marsh-object[data-marsh-object="stop"]{font-size:1.2em;color:#333;padding:2px;vertical-align:middle;line-height:1.5}
.marsh-object[data-marsh-object="ts"],.marsh-object[data-marsh-object="ts_cross"]{color:#040F91;font-size:.8em}
.marsh-object .ts-section-special-marks{color:#000867;font-size:1.0em;font-weight:bold;text-align:center;background-color:#fbceb4;text-shadow: 0 0px 0 #ffffff;padding:2px;padding-left:10px;padding-right:10px;margin:4px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;border: 1px solid #bf5b2287;}
.marsh-alert-section{position:fixed;left:10px;bottom:0;min-width:15em;overflow:auto}
.marsh-alert{padding:15px;margin-bottom:10px;border:1px solid transparent;border-radius:4px}
.marsh-alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.marsh-alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.marsh-alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.marsh-alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
[marsh-section-state="hidden"]{display:none}
.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}
.listroute-marsh-element[mark="new-year-marsh"]{background-color:#ab4a8a}
.listroute-marsh-element[mark="new-year-marsh"]:before{position:absolute;top:-10px;left:6px;content:"";background-image:url(../img/new-year-marsh.png);background-repeat:no-repeat;width:70px;height:57px;z-index:99}
.new-year-bus:before{position: absolute;top: -5px;left: -29px;content: "";background-image: url(../img/el.png);background-repeat: no-repeat;background-size: contain;background-attachment: inherit;background-position: 50% 50%;width: 30px;height: 45px;z-index: 99;}
.surikov-bus:before{position: absolute;top: -0px;left: -34px;content: "";background-image: url(../img/surikov.png);background-repeat: no-repeat;background-size: contain;background-attachment: inherit;background-position: 50% 50%;width: 30px;height: 45px;z-index: 99;}
.victory-day-bus:before{position: absolute;top: 5px;left: -10px;content: "";background-image: url(../img/gl.png);background-repeat: no-repeat;background-size: contain;background-attachment: inherit;background-position: 50% 50%;width: 30px;height: 45px;z-index: 99;}

.marsh-refresh-fixed-button{position:fixed; z-index: 1000;bottom: 40px;right: 20px;transition: background-color .3s,opacity .5s, visibility .5s;opacity:0;}
.marsh-refresh-fixed-button.show {opacity: 1;visibility: visible;}
#bt-refresh-fixed{background-color: #6f6460; border-color: #6f6460;background-clip:border-box; width: 35px;height: 35px;border-radius: 50%;}
#bt-refresh-fixed:after{background-color: #6f6460; border-color: #6f6460;}