.km-navbar {
    background-color: #6cd8f8 !important;
}

.basic-button {
    background-color: #6cd8f8 !important;
    color: white !important;
}


.km-group-title-custom-text {
    color: black;
}

.k-state-selected {
    background-color: #6cd8f8 !important;
}

.k-state-hover {
    background-color: #6cd8f8 !important;
}

.listStyleBtnRoutes:hover {
    background: linear-gradient(#6cd8f8, white, #6cd8f8) !important;
    border-color: #2E2E2E !important;
    color: black !important;
}


.addNew {
    display: block;
    text-align: center;
    margin: 0 3em;
    padding: .5em;
    font-size: 1.2em;
    background-color: #6cd8f8 !important;
}

.km-state-active > li {
    background-color: #6cd8f8 !important;
}

.km-tabstrip > a.km-state-active .km-icon {
    color: #6cd8f8 !important;
}

a.km-widget.km-.km-detail {
    background-color: #6cd8f8 !important;
}



.km-ios #my-drawer .km-content, .km-android #my-drawer .km-content, .km-blackberry #my-drawer .km-content,
.km-ios #my-drawer .km-list > li, .km-android #my-drawer .km-list > li, .km-blackberry #my-drawer .km-list > li,
.km-ios #my-drawer .km-listview-link > .km-icon, .km-android #my-drawer .km-listview-link > .km-icon, .km-blackberry #my-drawer .km-listview-link > .km-icon,
.km-ios #my-drawer .km-list li > .km-icon, .km-android #my-drawer .km-list li > .km-icon, .km-blackberry #my-drawer .km-list li > .km-icon {
    background-color: #4e4e4e;
    color: #fff;
}

.km-ios #my-drawer .km-group-title,
.km-blackberry #my-drawer .km-group-title {
    background-color: #6e6e6e;
    color: #fff;
}

.km-drawer-button:before, .km-drawer-button:after {
    content: "\E077";
}

.km-inbox:before, .km-inbox:after {
    content: "\E0B0";
}

.km-sent:before, .km-sent:after {
    content: "\E0C6";
}

.km-trash:before, .km-trash:after {
    content: "\E0C3";
}

.km-spam:before, .km-spam:after {
    content: "\E0C5";
}

.km-star:before, .km-star:after {
    content: "\E0D7";
}

.km-settings:before, .km-settings:after {
    content: "\E0DA";
}

.km-off:before, .km-off:after {
    content: "\E0B9";
}

.km-wai-button, .km-wai-button:after {
    content: "\e0b4";
}

.km-about-button, .km-about-button:after {
    content: "\e0de";
}

.km-add-button, .km-add-button:after {
    content: "\e039";
}

.inboxList {
    font-size: .8em;
}

    .inboxList p,
    .inboxList h2,
    .inboxList h3 {
        margin: 5px 2px;
    }

    .inboxList p,
    .inboxList h3 {
        color: #777;
    }

        .inboxList h3.time {
            color: #369;
            float: left;
            margin-right: 10px;
        }

#drawer-spam .spam {
    color: darkred;
    background: currentcolor;
    display: block;
    margin: 2em;
    font-size: 1.4em;
}

    #drawer-spam .spam .km-text {
        color: white;
    }

.bkgError {
    padding-left: 30px;
    background-color: #f8f7a4 !important;
    border: 1px solid #88872d;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.requireField {
    padding-left: 30px;
    background-color: #f0c7cb;
    border: 2px solid #f00 !important;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.button-green {
    color: white;
    background-color: green;
    border: 1px solid #88872d;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

    .button-green:hover {
        background-color: #49b35f;
    }

    .button-green:active {
        background-color: #65cb7b;
    }

.screenMask {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9000;
    background-color: #000000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.loading {
    padding-left: 30px;
    top: 45%;
    position: absolute;
    background-color: #fbfaea;
    border: 1px solid #a8a89d;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.item-info {
    float: left;
}

.details-link {
    float: right;
}

.addNew {
    display: block;
    text-align: center;
    margin: 0 3em;
    padding: .5em;
    font-size: 1.6em;
}

.pullImage {
    width: 64px;
    height: 64px;
    border-radius: 3px;
    float: left;
    margin-right: 10px;
}

.divNews {
    background-color: #faf2af;
    border: 1px solid #beb676;
    border-radius: 5px;
    box-shadow: 7px 7px 9px 0 rgba(48, 50, 50, 0.75);
    color: black;
    font-weight: normal;
    margin: 10px;
}

.trSeparator {
    height: 6px;
}

#view-favorites .delete {
    /*display: none;*/
    position: absolute;
    top: .15em;
    right: .5em;
    /*width: 50px;
    height: 15px;*/
    background-color: #bd2729;
    color: #fff;
}

.k-dropdown select,
.k-dropdown .k-select {
    display: none;
}

.k-list-container {
    background: #fff;
}

.k-dropdown .k-input {
    background-color: transparent;
    width: 100%;
}

.k-dropdown {
    line-height: 1.4em;
    display: inline;
    vertical-align: baseline;
}


.trail {
    background-image: url('../Images/trail_Normal.png');
    background-repeat: repeat-y;
    min-height: 20px;
    width: 30px;
    border: none;
}

.trailIcon {
    background-image: url('../Images/trail_Normal_Icon.png');
    min-height: 20px;
    background-repeat: repeat-y;
    vertical-align: middle;
    width: 30px;
    border: none;
}

.trail_Transit {
    background-image: url('../Images/trail_Transit.png');
    background-repeat: repeat-y;
    min-height: 20px;
}

.trail_Transit_Icon {
    background-image: url('../Images/trail_Transit_Icon.png');
    min-height: 20px;
}

.trail_Visited_Icon {
    background-image: url('../Images/trail_Visited_Icon.png');
    min-height: 20px;
}

.cellIcon_Visited {
    vertical-align: middle;
}

.cellIcon_Transit {
    vertical-align: bottom;
}

.Visited {
    background-color: #abedc1;
}

#et_stops li {
    padding: 0px;
}

.tblEasyTracker_Stop {
    width: 100%;
    border-spacing: 0px;
    padding: 0px;
}

.cellStop {
    border-bottom: 0px solid #cbcbcb;
}

.lblStopNumber {
}

.lblStopInfo {
    font-weight: normal;
    color: #5e5757;
}

.lblAddInfo {
    font-weight: normal;
    font-size: 12px;
    padding-left: 50px;
    color: #5e5757;
}

.lblUserLocation {
    text-align: center;
    font-weight: normal;
    padding-left: 50px;
    color: #5e5757;
    background-color: #f8f7a4;
    border: 1px solid #88872d;
    padding: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.hide {
    visibility: hidden;
    display: none;
}

.item-title {
    text-decoration-color: rgb(33,59,125);
    float: left;
    font-size: 1em;
    line-height: 1.4em;
    margin: .5em 0 0 .95em;
    width: 50%;
    font-style: italic;
}

.item-photo {
    width: 4em;
    height: 4em;
    float: left;
    margin: .5em 0;
    -webkit-box-shadow: 0 1px 3px #333;
    box-shadow: 0 1px 3px #333;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.km-view .km-footer {
    background-color: rgb(33,59,125);
}


.k-popup {
    height: 95% !important;
}

.k-list-scroller{
    height: 95% !important;
}

.listApplicationAda {
    font-size: 1.1em; 
    font-weight:500;  
    width: 100%;
}

.listStyleUlRoutes {
    width: 100%;
    list-style: none;
    border-spacing: 0px;
    padding: 0px !important;
}

.listStyleLiRoutes {
    width: 100%;
    padding-bottom: 1.5em;
}



.buttonClose {
    font-size: 1.5em;
    font-weight: 400;
}

.km-content {
    background-color: #ffffff !important;
}


.foreColorStopTitle {
    color: black;
}