/*!
 * OASA Tools
 */

body {
    background-color: #f8f8f8;
}
.sidewrap{
    padding: 20px;
}
.contentwrap{
    padding: 20px;
}
.list-unstyled li {
    list-style-type: none;
    position: relative;
    line-height: 25px;
}
.list-unstyled li {
    margin-left: 15px;
}
.list-unstyled li span {
    background-color: #FFFFFF;
    border: 4px solid #363636;
    border-radius: 12px 12px 12px 12px;
    display: inline-block;
    height: 5px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    width: 5px;
    margin-left: 3px;
    margin-right: 10px;
    z-index: 5;
}
.list-unstyled li:first-child span, .list-unstyled li:last-child span {
    border: 7px solid #363636;
    margin-left: 0px;
    margin-right: 9px;
}
.list-unstyled li div {
    position: absolute;
    border-left: 1px solid;
    height: 8px;
    z-index: 1;
    top: -5px;
    left: 7px;
}
.list-unstyled li:first-child div {
    display: none;
}
.list-unstyled li div {
    border-color: #363636;
}
.cached{
     position:  relative;
     display: inline-block;
     margin-right:5px;
     margin-top:5px;
}
.cached2{
     position:  relative;
     display: inline-block;
     width: 100%;
     margin-bottom:5px;
}
.delRouteWidgetItem {
    background: red;
    width: 20px;
    height: 20px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: none;
    position: absolute;
    top: -7px;
    right: -6px;
    cursor: pointer;
    border-radius: 15px;
    display:block;
    opacity:0;
    /*z-index: 9999;*/
}
.delStationWidgetItem{
    background: red;
    /*width: 20px;*/
    /*height: 20px;*/
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: block;
    opacity:0;
    /*position: absolute;*/
    /*top: -7px;*/
    /*right: -6px;*/
    cursor: pointer;
    border-radius: 15px;
    /*z-index: 9999;*/
}
.busTime{
    width: 100%;
}
.busTime b{
    width: 100%;
}





/*-----------------*/
.table-striped > tbody > tr:nth-of-type(2n+1):hover{
    background-color: #d9edf7;
}
.table-striped > tbody > tr:nth-of-type(2n):hover{
    background-color: #d9edf7;
}
/*-----------------*/

#wrapper {
    width: 100%;
}

#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}

@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 0 0 250px;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}

.navbar-top-links {
    margin-right: 0;
}

.navbar-top-links li {
    display: inline-block;
}

.navbar-top-links li:last-child {
    margin-right: 15px;
}

.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}

.navbar-top-links .dropdown-menu li {
    display: block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}

.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}

.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks,
.navbar-top-links .dropdown-alerts {
    width: 310px;
    min-width: 0;
}

.navbar-top-links .dropdown-messages {
    margin-left: 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left: -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left: -123px;
}

.navbar-top-links .dropdown-user {
    right: 0;
    left: auto;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.sidebar .sidebar-search {
    padding: 15px;
}

.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}

.sidebar ul li a.active {
    background-color: #eee;
}

.sidebar .arrow {
    float: right;
}

.sidebar .fa.arrow:before {
    content: "\f104";
}

.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}

.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}

.sidebar .nav-second-level li a {
    padding-left: 37px;
}

.sidebar .nav-third-level li a {
    padding-left: 52px;
}

@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 51px;
    }

    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-left: auto;
    }
}

.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #363636;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left: 60px;
}

.chat li.right .chat-body {
    margin-right: 60px;
}

.chat li .chat-body p {
    margin: 0;
}

.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}

.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}

.login-panel {
    margin-top: 25%;
}

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

.dataTables_wrapper {
    position: relative;
    clear: both;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: right;
    font-family: fontawesome;
}

table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: right;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}

.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}

.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}

.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}

.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}

.show-grid {
    margin: 15px 0;
}

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green a {
    color: #5cb85c;
}

.panel-green a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red a {
    color: #d9534f;
}

.panel-red a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow a {
    color: #f0ad4e;
}

.panel-yellow a:hover {
    color: #df8a13;
}

.glyphicon.spinning {
    animation: spin 1s infinite linear;
    -webkit-animation: spin2 1s infinite linear;
    margin:auto;
    padding:50px;
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg); }
    to { transform: scale(1) rotate(360deg); }
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

#mapContainer,#stopMap,#stopMapStreet{
    height:400px;
    padding:0px;
    margin:0px;
}
loc{
    display:none;
}
.intro{

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-color: #ddd;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.detailsv{
    font-size:0.8em;
}
.panel-info{
    border-color:#ddd;
}
.arrivalNumBtn{
    cursor:default;
}
#stations{
    display:none;
}
.routeElementToCl{
    cursor:pointer;
}

.loader{
    text-align:center;
    width:100%;
    margin-top:10px;
    padding-bottom:10px;
}
.btn-circle.btn-lg{
    padding:0;
}
.cached2 .btn-circle{
    font-size:8px;
}
#logo{
    display:inline-block;
}
a:hover{
    text-decoration:none;
}
/*#stopMap,#stopMapStreet{
    width:50%;
    float:left;
}*/
#printNavigation{
    position:relative;
    right:0px;
    padding:5px;
    background-color:#97ce95;
    color:#fff;
    cursor:pointer;
    text-align:center;
    margin-top:15px;
    font-size:18px;
}
#printNavigation:hover{
    background-color:#363636;
}
#stopInfoBox{
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 11px -1px #000;
    left: 30px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 220px;
    opacity:0;
    width:250px;
}
.closerB{
    position:absolute;
    background-color:red;
    color:#fff;
    cursor:pointer;
    width:30px;
    height:30px;
    border-radius: 20px;
    top:-5px;
    right:-5px;
    font-size: 20px;
    line-height:30px;
}
.closerB:hover{
    background-color:#fff;
    color:red;
}
#logosA{
    position:absolute;
    right:20px;
    top:8px;
}
.imagesT{
    position:relative;
    padding-top:5px;
    padding-bottom:5px;
    height:60px;
    display:inline;
    margin:auto;
}
.adp-warnbox,.warnbox-content,.adp-agencies{
    display:none;
}
.changeLanguage{
    position: absolute;
    right: 10px;
    top: 32px;
    padding: 10px;
    border: 1px solid #ccc;
}
.terms{
    position: absolute;
    right: 90px;
    top: 32px;
    padding: 10px;
    border: 1px solid #ccc;
}
.xtra{
    font-weight:bold;
    position:relative;
    cursor:pointer;
}
.xtra:hover{
    color:#ddd;
}
.timeDescr{
    font-weight:normal;
    position:absolute;
    bottom:10px;
    left:40px;
    padding:5px;
    border:1px solid #ddd;
    background-color: #fff;
    width:400px;
    box-shadow: 0 0 7px 1px #ddd;
    z-index:500;
    color:red;
}
#logoTitle{
    color: #0035a0;
    display: inline-block;
    font-size: 34px;
    position: relative;
    text-align: center;
    top: 20px;
    width: 215px;
}
.page-header h1{
    margin-top:0px;
}
.h2t{
    position:relative;
    display:inline-block;
    width:380px;
    top:30px;
    margin-left:10%;
    /*margin-right:10%;*/
}
.subTitle{
    color:#8c5c14;
    font-size:36px;
    display:block;
    position:relative;
    text-align:center;
    top:-5px;
}
.subTitle2{
    font-size:24px;
    display:block;
    position:relative;
    text-align:center;
    color:#333333;

}
h1{
    font-family: 'Comfortaa';
    margin-top:0px;
    margin-bottom:0px;
    padding-top:0px;
    padding-bottom:0px;
}
.page-header{
    padding-top:0px;
    top:-10px;
    position:relative;
}
#mascott{
    position:relative;
    display:inline-block;
    height:50px;
    top:20px;
    left:20px;
}
#stopMapHDCont{
    display:none;
}

#cookieConsent{
    background: #dedede;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding-top: 15px;
}
#cookieConsent a{
    cursor: pointer;
}



/**
 * Here maps directions style
 */
.directions li span.arrow {
  display:inline-block;
  min-width:28px;
  min-height:28px;
  background-position:0px;
  background-image: url("/img/arrows.png");
  position:relative;
  top:8px;
}
.directions li span.depart  {
  background-position:-28px;
}
.directions li span.rightUTurn  {
  background-position:-56px;
}
.directions li span.leftUTurn  {
  background-position:-84px;
}
.directions li span.rightFork  {
  background-position:-112px;
}
.directions li span.leftFork  {
  background-position:-140px;
}
.directions li span.rightMerge  {
  background-position:-112px;
}
.directions li span.leftMerge  {
  background-position:-140px;
}
.directions li span.slightRightTurn  {
  background-position:-168px;
}
.directions li span.slightLeftTurn{
  background-position:-196px;
}
.directions li span.rightTurn  {
  background-position:-224px;
}
.directions li span.leftTurn{
  background-position:-252px;
}
.directions li span.sharpRightTurn  {
  background-position:-280px;
}
.directions li span.sharpLeftTurn{
  background-position:-308px;
}
.directions li span.rightRoundaboutExit1 {
  background-position:-616px;
}
.directions li span.rightRoundaboutExit2 {
  background-position:-644px;
}

.directions li span.rightRoundaboutExit3 {
  background-position:-672px;
}

.directions li span.rightRoundaboutExit4 {
  background-position:-700px;
}

.directions li span.rightRoundaboutPass {
  background-position:-700px;
}

.directions li span.rightRoundaboutExit5 {
  background-position:-728px;
}
.directions li span.rightRoundaboutExit6 {
  background-position:-756px;
}
.directions li span.rightRoundaboutExit7 {
  background-position:-784px;
}
.directions li span.rightRoundaboutExit8 {
  background-position:-812px;
}
.directions li span.rightRoundaboutExit9 {
  background-position:-840px;
}
.directions li span.rightRoundaboutExit10 {
  background-position:-868px;
}
.directions li span.rightRoundaboutExit11 {
  background-position:896px;
}
.directions li span.rightRoundaboutExit12 {
  background-position:924px;
}
.directions li span.leftRoundaboutExit1  {
  background-position:-952px;
}
.directions li span.leftRoundaboutExit2  {
  background-position:-980px;
}
.directions li span.leftRoundaboutExit3  {
  background-position:-1008px;
}
.directions li span.leftRoundaboutExit4  {
  background-position:-1036px;
}
.directions li span.leftRoundaboutPass {
  background-position:1036px;
}
.directions li span.leftRoundaboutExit5  {
  background-position:-1064px;
}
.directions li span.leftRoundaboutExit6  {
  background-position:-1092px;
}
.directions li span.leftRoundaboutExit7  {
  background-position:-1120px;
}
.directions li span.leftRoundaboutExit8  {
  background-position:-1148px;
}
.directions li span.leftRoundaboutExit9  {
  background-position:-1176px;
}
.directions li span.leftRoundaboutExit10  {
  background-position:-1204px;
}
.directions li span.leftRoundaboutExit11  {
  background-position:-1232px;
}
.directions li span.leftRoundaboutExit12  {
  background-position:-1260px;
}
.directions li span.arrive  {
  background-position:-1288px;
}
.directions li span.leftRamp  {
  background-position:-392px;
}
.directions li span.rightRamp  {
  background-position:-420px;
}
.directions li span.leftExit  {
  background-position:-448px;
}
.directions li span.rightExit  {
  background-position:-476px;
}
.directions li span.ferry  {
  background-position:-1316px;
}
.directions li span.enter  {
  background-position:-1516px;
}
.directions li span.leave  {
  background-position:-1540px;
}

.H_ib{
    font-size: 1.6em;
}