body,
html {
    height: 100%
}

*::-webkit-input-placeholder {
    color: #3498db;
    -webkit-opacity: 1 !important
}

*:-moz-placeholder {
    color: #3498db;
    opacity: 1 !important
}

*::-moz-placeholder {
    color: #3498db;
    opacity: 1 !important
}

*:-ms-input-placeholder {
    color: #3498db;
    opacity: 1 !important
}

.sprite {
    background-image: url(../../images/sprite.png)
}

.icon-sprite {
    background-image: url(../../images/icon-sprite2.png)
}

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

h1,
h2,
h3 {
    font-size: 16px;
    color: #3498db;
    padding: 0 10px;
    font-weight: 700;
    margin: 0;
    text-transform: none;
    font-family: "Roboto Condensed", sans-serif;
}

.tabs {
    position: absolute;
    top: 9px;
    right: -67px
}

.tabs li, .sub-tabs li {
    display: block;
    width: 67px;
    height: 62px;
    margin-bottom: 7px;
}

.tabs a, .sub-tabs a { 
    background: #f1f1f1;
    color: #3498db;
    font-size: 11px;
    display: block;
    text-align: center;
    height: 100%;
    padding-top: 14px;

    -webkit-box-shadow: inset 7px 0 9px -10px rgba(0,0,0,1);
    box-shadow: inset 7px 0 9px -10px rgba(0,0,0,1);    
}

.tabs a.active { 
    -webkit-box-shadow: none;
    box-shadow: none; 
    background: #ffffff;    
}

.tabs a:before {
    display: block;
    margin: 0 auto;
    height: 23px;
    width: 23px;
    content: "";
    background-image: url(../../images/sprite.png);
}

.tabs a#tab-link-1:before { 
    background-position: -120px 0;
}

.tabs a#tab-link-2:before { 
    background-position: -150px 0;    
}

.tabs a#tab-link-3:before { 
    background-position: -189px 0;  
}    

.tab_content { 
    padding: 0 0 25px 15px;
}

.tab_content > .tabs {
    position: static;
}

.tab_content > .tabs li {
    display: inline-block;
    width: 33.33333%;
}

.tab_content > .tabs li a {
    border: 1px solid #e4e4e4;
    padding: 10px;
    background: #f1f1f1;
    height: auto;

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

.tab_content > .tabs li a.active { 
    background: #fff;
    border: 1px solid transparent;
}

.tab_content > .tabs li a:before {
    display: inline-block;
    margin: 0 auto;
    height: 23px;
    width: 23px;
    content: "";
}

.tab_content > .tabs li a#tab-link-1-1:before {
    background-position: 0 0;
}

.tab_content > .tabs li a#tab-link-1-2:before {
    background-position: -34px 0;
}

.tab_content > .tabs li a#tab-link-1-3:before {
    background-position: -68px 0;
}


#tab1.tab_content {}





#tab1.tab_content,
#tab2.tab_content,
#tab3.tab_content {
    overflow: auto;
    padding: 0;
}
/*
#tab2.tab_content h3,
#tab3.tab_content h4 {
    margin-bottom: 20px;
    padding-left: 25px;
}
*/
#near-list,
#route-list {}

#near-list li,
#route-list li {}

#near-list li > div,
#route-list li > div {
    padding: 25px 17px;
    cursor: pointer;
}

#near-list li > div:hover,
#route-list li > div:hover {
    background: #f1f1f1;
}    

#near-list li > div h4,
#route-list li > div h4 {
    font: 700 16px/16px "Roboto Condensed",sans-serif;
    text-transform: none;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    width: 230px;
}

#near-list li > div h4 small,
#route-list li > div h4 small {
    display: block;
    font-weight: 300;
    font-size: 16px;
    line-height: auto;    
}


/*
.stars {
    background: url(../../images/stars-bg.png) 0 0 no-repeat;
    width: 150px;
    height: 27px;
    display: inline-block;
    position: relative;
    text-indent: -99999em;
    vertical-align: top;
}
*/

#near-list li > div .rating,
#route-list li > div .rating {
    padding: 5px 0 0 35px;
    font-weight: normal;
    font-size: 13px;
    color: #0c193b;
    width: auto;
    display: inline-block;
}

#near-list li > div .rating .stars,
#route-list li > div .rating .stars {
    background: url(../../images/stars-small-bg.png) 0 0 no-repeat;
    width: 70px;
    height: 14px;
    vertical-align: middle;
}

#near-list li > div .rating .stars .in,
#route-list li > div .rating .stars .in {
    top: -1px;
    background: url(../../images/stars-small-bg.png) 0 100% no-repeat;
    height: 14px;
}



#near-list li > div .spaces,
#route-list li > div .spaces {
    padding: 5px 0 0 35px;
    font-weight: normal;
    font-size: 13px;
    color: #0c193b;
    width: auto;
    float: right;
}



#near-list li > div img.icon,
#route-list li > div img.icon {
    width: 27px;
    height: 27px;
    margin-right: 5px;
}

#near-list li > div img.icon:first-of-type,
#route-list li > div img.icon:first-of-type {
    margin-left: 33px;
}



#near-list li > div .details,
#route-list li > div .details {
    color: #fff;
    vertical-align: middle;
    background: #3498db;
    float: right;
}

#near-list li > div .details a,
#route-list li > div .details a {
    display: block;
    padding: 0 25px;
    font-size: 13px;
}





#near-list li > div > i,
#route-list li > div > i {
    display: inline-block;
    vertical-align: top;
    content: "";
    margin-right: 15px;
    width: 22px;
    height: 31px;
    background-image: url(../../images/sprite.png);
    background-position: -120px -38px;
}


.controls {
    border: 1px solid transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 36px;
    outline: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75);
    padding-left: 36px;
    color: #b4b4b4
}

#origin-input,
#destination-input {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 300;
    width: 325px
}

#origin-input {
    margin: 5px 0 0 5px;
    background: #fff url(../../images/origin-input-bg.png) 8px 8px no-repeat
}

#destination-input {
    margin: 5px 0 0 5px;
    background: #fff url(../../images/destination-input-bg.png) 8px 8px no-repeat
}

#origin-input:focus,
#destination-input:focus {
    border-color: #4d90fe
}

#mode-selector {
    color: #fff;
    background-color: #4d90fe;
    margin-left: 12px;
    padding: 5px 11px 0 11px
}

#mode-selector label {
    font-family: Roboto;
    font-size: 13px;
    font-weight: 300
}

#buttons {
    top: 130px !important;
    width: 325px;
    background: #fff;
    margin: 0 0 0 5px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75)
}

#buttons p {
    width: 100%;
    margin: 10px 0 0 0;
    color: #3498db;
    font-size: 15px;
    font-weight: 700
}

#maps {
    height: 100%;
    position: relative
}

#maps #map_canvas {
    height: 100%;
    position: relative;
    width: 100%;
    background-color: #8998a9 !important
}

.tpopup {
    background: #fff;
    box-shadow: 0 0 50px #000;
    color: #fff;
    font-size: 20px;
    left: 50%;
    margin-left: -20%;
    max-width: 40%;
    position: absolute;
    top: 25%;
    width: 70%;
    z-index: 1000
}

.tpopup .close {
    color: #666;
    cursor: pointer;
    font: 400 30px "Roboto Condensed", sans-serif;
    position: absolute;
    right: 10px;
    top: 5px
}

.tpopup .inbox {
    margin: auto;
    padding: 1em;
    width: 100%
}

.tpopup p {
    text-align: center;
    margin-bottom: 10px
}

.tpopup ul {
    margin: 0 0 5px;
    width: 100%
}

.tpopup li {
    background: #3498db;
    display: block;
    margin: 0 auto 18px auto;
    font-size: 20px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 50%;
    float: none
}

.tpopup li a {
    display: block;
    height: 100%;
    width: 100%
}

.tpopup .inp {
    border: 2px solid #3498db;
    box-sizing: border-box;
    font-size: 20px;
    line-height: 60px;
    padding-left: 10px;
    width: 100%
}

.tpopup .copy-done {
    display: none;
    float: left;
    background: #2CCC70;
    color: #fff;
    padding: 5px 0;
    width: 100%;
    font-size: 18px;
    margin: 0
}









.type-of-parking-container {
    padding: 0 15px;
}

.radiobuttons {
    margin: 10px 0 0 0;
    display: none;
}

input.radio-btn {
    display: none;
}

input.radio-btn+label {
    border: 2px solid #e4e4e4;
    display: inline-block;
    text-align: center;
    color: #b4b4b4;
    padding: 8px 0;
    width: 87px;
    cursor: pointer;
}

input.radio-btn+label:active,
input.radio-btn:checked+label {
    background: #3498db;
    color: #fff;
    border-color: #3498db;
}

.radiobuttons label {
    margin-right: 5px;

}

.radiobuttons label:last-child {
    margin-right: 0;
}













input.chk-btn {
    display: none
}

.checkboxes {
    padding: 5px 10px 5px 0
}

input.chk-btn+label i {
    width: 37px;
    height: 37px;
    border: 2px solid #e4e4e4;
    display: inline-block;
    vertical-align: middle
}

input.chk-btn+label {
    cursor: pointer;
    width: 145px;
    font-size: 13px;
    color: #b4b4b4;
    display: inline-block;
    vertical-align: middle;
    margin-left: -1px;
    margin-bottom: 8px
}

.checkboxes label:nth-of-type(even) {
    width: 135px
}

input.chk-btn+label span {
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px;
    width: 98px
}

input.chk-btn+label:active,
input.chk-btn:checked+label {
    color: #3498db
}

input.chk-btn+label:active i,
input.chk-btn:checked+label i {
    border-color: #3498db
}

input#fe+label i {
    background-position: 0 0
}

input#fe+label:active i,
input#fe:checked+label i {
    background-position: 0 -37px
}

input#m+label i {
    background-position: -37px 0
}

input#m+label:active i,
input#m:checked+label i {
    background-position: -37px -37px
}

input#g+label i {
    background-position: -74px 0
}

input#g+label:active i,
input#g:checked+label i {
    background-position: -74px -37px
}

input#fl+label i {
    background-position: -111px 0
}

input#fl+label:active i,
input#fl:checked+label i {
    background-position: -111px -37px
}

input#dg+label i {
    background-position: -148px 0
}

input#dg+label:active i,
input#dg:checked+label i {
    background-position: -148px -37px
}

input#t+label i {
    background-position: -185px 0
}

input#t+label:active i,
input#t:checked+label i {
    background-position: -185px -37px
}

input#s+label i {
    background-position: -222px 0
}

input#s+label:active i,
input#s:checked+label i {
    background-position: -222px -37px
}

input#e+label i {
    background-position: -259px 0
}

input#e+label:active i,
input#e:checked+label i {
    background-position: -259px -37px
}

input#w+label i {
    background-position: -296px 0
}

input#w+label:active i,
input#w:checked+label i {
    background-position: -296px -37px
}

input#wf+label i {
    background-position: -333px 0
}

input#wf+label:active i,
input#wf:checked+label i {
    background-position: -333px -37px
}

input#me+label i {
    background-position: -370px 0
}

input#me+label:active i,
input#me:checked+label i {
    background-position: -370px -37px
}

input#k+label i {
    background-position: -407px 0
}

input#k+label:active i,
input#k:checked+label i {
    background-position: -407px -37px
}

input#gy+label i {
    background-position: -444px 0
}

input#gy+label:active i,
input#gy:checked+label i {
    background-position: -444px -37px
}

input#h+label i {
    background-position: -481px 0
}

input#h+label:active i,
input#h:checked+label i {
    background-position: -481px -37px
}

input#cr+label i {
    background-position: -518px 0
}

input#cr+label:active i,
input#cr:checked+label i {
    background-position: -518px -37px
}

input#cw+label i {
    background-position: -555px 0
}

input#cw+label:active i,
input#cw:checked+label i {
    background-position: -555px -37px
}

input#sho+label i {
    background-position: -592px 0
}

input#sho+label:active i,
input#sho:checked+label i {
    background-position: -592px -37px
}

input#a+label i {
    background-position: -629px 0
}

input#a+label:active i,
input#a:checked+label i {
    background-position: -629px -37px
}

input#ce+label i {
    background-position: -666px 0
}

input#ce+label:active i,
input#ce:checked+label i {
    background-position: -666px -37px
}

input#f+label i,
input#sh+label i,
input#b+label i,
input#sta+label i,
input#gn+label i,
input#st+label i,
input#lo+label i,
input#be+label i,
input#es+label i,
input#q+label i,
input#o+label i,
input#l+label i,
input#to+label i,
input#te+label i,
input#av+label i,
input#ag+label i,
input#ar+label i,
input#en+label i,
input#om+label i {
    background-position: -703px 0
}

input#f+label:active i,
input#f:checked+label i,
input#sh+label:active i,
input#sh:checked+label i,
input#b+label:active i,
input#b:checked+label i,
input#sta+label:active i,
input#sta:checked+label i,
input#gn+label:active i,
input#gn:checked+label i,
input#st+label:active i,
input#st:checked+label i,
input#lo+label:active i,
input#lo:checked+label i,
input#be+label:active i,
input#be:checked+label i,
input#es+label:active i,
input#es:checked+label i,
input#q+label:active i,
input#q:checked+label i,
input#o+label:active i,
input#o:checked+label i,
input#l+label:active i,
input#l:checked+label i,
input#to+label:active i,
input#to:checked+label i,
input#te+label:active i,
input#te:checked+label i,
input#av+label:active i,
input#av:checked+label i,
input#ag+label:active i,
input#ag:checked+label i,
input#ar+label:active i,
input#ar:checked+label i,
input#en+label:active i,
input#en:checked+label i,
input#om+label:active i,
input#om:checked+label i {
    background-position: -703px -37px
}

input#r+label i,
input#mc+label i,
input#kf+label i,
input#bk+label i,
input#sc+label i,
input#wb+label i,
input#ms+label i,
input#bg+label i {
    background-position: -740px 0
}

input#r+label:active i,
input#r:checked+label i,
input#mc+label:active i,
input#mc:checked+label i,
input#kf+label:active i,
input#kf:checked+label i,
input#bk+label:active i,
input#bk:checked+label i,
input#sc+label:active i,
input#sc:checked+label i,
input#wb+label:active i,
input#wb:checked+label i,
input#ms+label:active i,
input#ms:checked+label i,
input#bg+label:active i,
input#bg:checked+label i {
    background-position: -740px -37px
}

#side_bar {
    display: none;
    background: #fff;
    width: 200px;
    height: 600px;
    overflow: auto
}

.outl {
    outline: 1px dotted red
}

.tklaud #parking-url {
    float: right;
    font: 300 16px "Roboto Condensed", sans-serif;
    border: 2px solid #3498db;
    padding: 13px 20px 11px 20px;
    margin-right: 4px
}

.tklaud .label {
    font: 400 16px "Roboto Condensed", sans-serif;
    padding-bottom: 8px
}

.tklaud .buttons {
    padding: 8px 0 18px
}

.tklaud .buttons a {
    display: inline-block;
    vertical-align: middle;
    width: 32%;
    margin-right: 3px;
    text-align: center;
    font: 400 18px "Roboto Condensed", sans-serif;
    background: #3498db;
    padding: 13px 20px;
    color: #fff
}

.tklaud .inbox {
    padding-bottom: 0
}

.smspopup, .smspopup-thx {
    display: none;
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 50px #000;
    color: #0c193b;
    font-size: 20px;
    left: 50%;
    margin-left: -20%;
    max-width: 40%;
    position: absolute;
    top: 25%;
    width: 40%;
    z-index: 1002
}

.smspopup .close, .smspopup-thx .close {
    color: #666;
    cursor: pointer;
    font: 400 30px "Roboto Condensed", sans-serif;
    position: absolute;
    right: 10px;
    top: 5px
}

.smspopup .inbox, .smspopup-thx .inbox {
    padding: 15px 30px
}

.smspopup .inbox i, .smspopup-thx .inbox i {
    width: 34px;
    height: 36px;
    display: block;
    margin: 0 auto;
    background-position: 0 -39px;
    margin-bottom: 15px
}

.smspopup .inbox p, .smspopup-thx .inbox p {
    text-align: center;
    margin-bottom: 13px
}

.smspopup .inbox .area-div, .smspopup-thx .inbox .area-div {
    width: 100%;
    border: 2px solid #3498db;
    font: 400 20px "Roboto Condensed", sans-serif;
    color: #b4b4b4;
    padding: 10px 6px;
    min-height: 125px;
    margin-bottom: 18px
}

.smspopup .inbox input[type="text"] {
    font: 400 20px "Roboto Condensed", sans-serif;
    border: 2px solid #3498db;
    padding: 10px 6px;
    color: #3498db;
    width: 35%;
    margin-right: 9px
}

.smspopup .inbox input.number {
    width: 261px
}

.smspopup .inbox input.signature {
    width: 168px
}

.smspopup .inbox input[type="submit"], .sms-back {
    font: 400 20px "Roboto Condensed", sans-serif;
    padding: 12px 25px;
    color: #fff;
    background: #3498db;
    border: none;
    width: 150px;
    float: right;
    cursor: pointer
}

.sms-back{
    float: none;
    margin: 0 auto;
}

#error-msg,
#ok-msg {
    display: none
}

#sms-form input+.error {
    background: #f06666 none repeat scroll 0 0;
    color: #fff;
    display: none;
    font-size: 67.5%;
    font-weight: 400;
    left: 0;
    padding: .25rem .625rem;
    position: absolute;
    top: -16px
}

#sms-form .error::after {
    background: none
}

.inp-sms {
    position: relative;
    display: inline-block
}

#header-box {
    width: 325px;
    margin: 10px 0 0 5px;
    background: #fff;
}

h1 {
    padding: 5px 10px;
}

input#dkv+label i,
input#routex+label i {
    background-position: -777px 0;
}

input#dkv+label:active i,
input#dkv:checked+label i,
input#routex+label:active i,
input#routex:checked+label i {
    background-position: -777px -37px;
}

input#dkv + label,
input#routex + label {
    margin-bottom: 23px;
}


.sub-tabs {
    position: absolute;
    top: 216px;
    right: -67px
}

.sub-tabs a:before { 
    display: block;
    margin: 0 auto;
    height: 23px;
    width: 23px;
    content: "";
  background-image: url(../../images/bans.png);
  background-size: 23px 23px;
}

input#la+label i {
    background-position: -816px 0;
}

input#la+label:active i,
input#la:checked+label i {
    background-position: -816px -37px;
}

input#sp+label i {
    background-position: -853px 0;
}

input#sp+label:active i,
input#sp:checked+label i {
    background-position: -853px -37px;
}

input#pt+label i {
    background-position: -890px 0;
}

input#pt+label:active i,
input#pt:checked+label i {
    background-position: -890px -37px;
}

input#cbr+label i {
    background-position: -927px 0;
}

input#cbr+label:active i,
input#cbr:checked+label i {
    background-position: -927px -37px;
}

input#tr+label i {
    background-position: -964px 0;
}

input#tr+label:active i,
input#tr:checked+label i {
    background-position: -964px -37px;
}

input#pst+label i {
    background-position: -1001px 0;
}

input#pst+label:active i,
input#pst:checked+label i {
    background-position: -1001px -37px;
}

input#ah+label i {
    background-position: -1038px 0;
}

input#ah+label:active i,
input#ah:checked+label i {
    background-position: -1038px -37px;
}

input#normal_parking+label i {
    background-position: -1073px 0;
}

input#normal_parking+label:active i,
input#normal_parking:checked+label i {
    background-position: -1073px -37px;
}

input#ps+label i {
    background-position: -1116px 0;
}

input#ps+label:active i,
input#ps:checked+label i {
    background-position: -1116px -37px;
}