::-webkit-scrollbar {
    width: 10px;
}

.logo2 {
    display: none;
}

@media only screen and (max-width: 450px) {
    .logo1 {
        display: none;
    }

    .logo2 {
        display: block;
    }
}

.selectedItem {
    background-color: #43D8B8;
}

.delivererlogo1 {
    text-decoration: none;
}

.nonecss {
    text-decoration: none;
}

.cosmenulblcss {
    font-family: 'Source Serif Pro', Arial, Helvetica, sans-serif;
    font-size:1em;
    color:#f7f7f7;
}

.ppcss {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    object-fit: cover;
}

.coslabels{
    font-weight:800;
    font-size:0.8em;
}

.coslabelsdb {
    font-weight: 500;
    font-size: 0.8em;
}

.rcmdcitycss {
    font-family: Helvetica;
    font-size: 12px;
    color: #bbb;
    border: none;
    outline: none;
    background-color: #fff;
}

.polymsgcss {
    position: fixed;
    top: 0px;
    right: 13px;
    text-align: left;
    width: 30%;
    height: auto;
    opacity: 1;
    z-index: 999;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    color: #f7f7f7;
    font-size: 2em;
}

/* DEMO-SPECIFIC STYLES */
.typewriter h1 {
    color: #f7f7f7;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    overflow: hidden; /* Ensures the content is not revealed until the animation */
    border-right: 5px solid orange; /* The typwriter cursor */
    white-space: nowrap; /* Keeps the content on a single line */
    margin: 0 auto; /* Gives that scrolling effect as the typing happens */
    animation: typing .7s steps(14, end), blink-caret .7s step-end infinite;
}

.typewriter p {
    animation: wink .9s steps(48, end) infinite;
    color: #ddd;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-size:0.6em;
    position:fixed;
    bottom:0px;
    right:25px;
    text-align:right;
}

/* The typing effect */
@keyframes typing {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

@keyframes wink {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
    from, to {
        border-color: transparent
    }

    50% {
        border-color: orange
    }
}

.nodzcitylbl {
    font-size: 0.80em;
    font-weight: normal;
    color: #aaa;
}

.deliverer_nodzcitylbl {
    font-size: 0.80em;
    font-weight: normal;
    color: #999;
}

.daypickercss {
    border: 0;
    outline: 0;
    background-color: #e5e5e5;
}

.howmanycss {
    font-size: 0.7em;
    color: crimson;
}

.eyeclickcss {
    /*position: fixed;
    top: 10px;
    right: 60px;*/
    z-index: 9;
    cursor: pointer;
    float: right
}

.searchusercss {
    font-size: 1em;
    font-weight: bold;
    color: black;
}

.subcountcss {
    font-size: 0.8em;
    font-weight: 600;
    color: #4cb45b;
}

.searchnamesurnamecss {
    font-size: 0.9em;
    font-weight: 600;
    color: black;
}

.searchuseremailcss {
    font-size: 0.7em;
    font-weight: normal;
    color: #505050;
}

.searchusertelcss {
    font-size: 0.7em;
    font-weight: normal;
    color: #505050;
}

.searchaddresscss {
    font-size: 0.7em;
    font-weight: normal;
    color: #656565;
    font-weight: 600;
}

.totalupccss {
    font-size: 0.77em;
    font-weight: bold;
    color: #28b23e;
}

.totalupccssText {
    font-size: 0.75em;
    font-weight: normal;
    color: #28b23e;
}

.deliverer_update_btns {
    width: 100%;
}

.photodiv {
    float: left;
    margin-right: 5px;
}

.infodiv {
    float: left;
}

.phonediv {
    float: right;
}

.deliverercss {
    font-weight: 600;
    font-size: 1.1em;
}

datecss {
    font-weight: 500;
    color: #909090;
    font-size: 1em;
}

.datecssgreen {
    font-weight: 500;
    color: #28b23e;
    font-size: 1em;
}

.datecssred {
    font-weight: 500;
    color: crimson;
    font-size: 1em;
}

.deliverer_searchboxcss {
    width: 100px;
}

.ddlminutecss {
    width: 100px;
    float: left;
    margin-left:-2px;
}

.deliverer_addbtn {
    width: 60%;
}

.upcdivcss {
    margin-top: 10px;
    overflow-y: scroll;
    height: 650px;
}

.accallcss {
    margin-top: 10px;
    overflow-y: scroll;
    height: 720px;
}

.upcbodycss {
    background-color: #262626;
}

.upcwarncss {
    margin: auto;
    text-align: center;
    margin-top: 50px;
}

.textboxcss {
    width: 250px;
    padding: 5px;
    border: 1px dashed #909090;
    margin-bottom: 10px;
    outline: 0;
}

    .textboxcss:focus {
        border: 1px solid #7bb2f7;
        box-shadow: 0px 0px 5px #7bb2f7;
        -moz-box-shadow: 0px 0px 5px #7bc1f7;
        -webkit-box-shadow: 0px 0px 5px #7bc1f7;
        outline: none;
    }

.nodzcaptionlbl {
    font-size: 1.2em;
    font-weight: 600;
}

.deliverermenulbl {
    color: #368cce;
    font-size: 0.75em;
}

    .deliverermenulbl:hover {
        color: #1163bb;
    }

.delivererleftslide {
    position: fixed;
    left: 0;
    top: 100px;
    width: 35%;
    min-width: 230px;
    height: 1500px;
    max-height: 100%;
    background-color: #e5e5e5;
    opacity: 0.9;
    z-index: 99;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 3px 3px 3px #999;
    -moz-box-shadow: 3px 3px 3px #999;
    -webkit-box-shadow: 3px 3px 3px #999;
    overflow-y: visible;
}

.nodzaddresslbl {
    font-size: 1em;
    font-weight: normal;
}

.nodz_lat_long {
    font-size: 0.90em;
    font-weight: normal;
}

.nodz_lat_long_value {
    font-size: 0.60em;
    font-weight: bold;
}

.captionlbl {
    font-size: 1.1em;
    color: #000;
    font-weight: 500;
}

.warninglbl {
    font-size: 1.3em;
    color: #eee;
    font-weight: 500;
}

.deliverer_questionlbl {
    font-size: 1em;
    color: #000;
    font-weight: 500;
}

#defaultdiv {
    margin-left: 10px;
}

.coscaptiondiv{
    margin-top:50px;
    margin-left:5px;
}

.coscaptionlbl {
    font-size: 1em;
    color: #fff;
    font-weight: 500;
    font-family:'Source Serif Pro';
}

.iframediv {
    margin: auto;
    text-align: left;
    padding: 10px;
}

.iframedivcaption {
    text-align: left;
    margin-top: 5px;
}

#nodzdiv {
    margin-top: 50px;
    margin-left: 20px;
}

.nodzdiv {
    margin-top: 30px;
    margin-left: 20px;
}

.deliverernodzdiv {
    margin-top: 20px;
}

#savediv {
    position: fixed;
    top: 20px;
    right: 20px;
}

.nodztextboxcaption {
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    outline: none;
    border: 0;
    width: 90%;
}

.nodzddlboxaddress {
    font-family: Helvetica, sans-serif;
    font-size: 17px;
    font-weight: normal;
    outline: none;
    border: 0;
    width: 200px;
    margin-left: -4px;
    color: #909090;
}

.nodztextboxcaption_deliverer {
    font-family: Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    outline: none;
    border: 0;
    width: 90%;
    background-color: transparent;
}


.nodztextboxaddress {
    font-family: Helvetica, sans-serif;
    font-size: 17px;
    font-weight: normal;
    outline: none;
    border: 0;
    width: 90%;
}

.nodztextboxaddress_deliverer {
    font-family: Helvetica, sans-serif;
    font-size: 17px;
    font-weight: normal;
    outline: none;
    border: 0;
    width: 90%;
    background-color: transparent;
}

.topbar {
    width: 100%;
    height: 42px;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #f1f1f1;
    padding: 5px;
}

.costopbar {
    width: 100%;
    height: 42px;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #262626;
    padding: 5px;
}

#acbak {
    width: 100%;
    text-align: left;
    padding: 5px;
}

#cph {
    margin-top: 50px;
}

#caption {
    margin: auto;
    text-align: center;
    margin-bottom: 20px;
}

#lgn {
    margin: auto;
    text-align: center;
    margin-top: 100px;
}

#register_fields {
    margin: auto;
    text-align: center;
    margin-top: 70px;
}

#reg {
    margin: auto;
    text-align: center;
    margin-top: 50px;
}

#login_forward {
    margin: auto;
    text-align: center;
    margin-top: 50px;
}

.defaultaddresslbl {
    font-size: 0.90em;
}

.defaultaddresswarn {
    font-size: 0.75em;
    color: crimson;
}

.alertdiv {
    margin: auto;
    text-align: center;
}

.passrecdiv1 {
    margin: auto;
    text-align: center;
    margin-top: 100px;
}

.newpassdiv {
    margin: auto;
    text-align: center;
    margin-top: 100px;
}

.captioncss {
    font-family: Georgia;
    font-size: 24px;
    color: #101010;
    font-weight: bold;
}

.alertcss {
    color: crimson;
}

.alertcsspositive {
    color: #28b23e;
}

.submitcss {
    width: 260px;
    height: 30px;
    border: 0;
    outline: 0;
    border-radius: 10px;
    background-color: #006cb1;
    color: white;
    cursor: pointer;
}

    .submitcss:hover {
        background-color: #06579e;
    }

.addanode {
    width: 180px;
    height: 30px;
    border: 0;
    outline: 0;
    border-radius: 10px;
    background-color: crimson;
    color: white;
    cursor: pointer;
    text-align: center;
    padding: 2px 0px 0px 0px;
}

    .addanode:hover {
        background-color: #930c43;
    }

.cancelbuttoncss {
    width: 120px;
    height: 30px;
    border: 0;
    outline: 0;
    border-radius: 10px;
    background-color: #c5c5c5;
    color: black;
    font-size: 14px;
    font-weight: 500;
    font-family: Helvetica, sans-serif;
    cursor: pointer;
    text-align: center;
    padding: 5px 0px 0px 0px;
    float: left;
    margin-right: 3px;
}

    .cancelbuttoncss:hover {
        background-color: #dddddd;
    }

.savebutton {
    width: 120px;
    height: 30px;
    border: 0;
    outline: 0;
    border-radius: 10px;
    background-color: #80e24b;
    color: black;
    font-size: 14px;
    font-weight: 500;
    font-family: Helvetica, sans-serif;
    cursor: pointer;
}

    .savebutton:hover {
        background-color: lawngreen;
    }

.deletebutton {
    width: 120px;
    height: 30px;
    border: 0;
    outline: 0;
    border-radius: 10px;
    background-color: #ed3157;
    color: black;
    font-size: 14px;
    font-weight: 500;
    font-family: Helvetica, sans-serif;
    cursor: pointer;
}

    .deletebutton:hover {
        background-color: #9c112c;
        color: white;
    }

.cancelbutton {
    width: 120px;
    height: 30px;
    border: 0;
    outline: 0;
    border-radius: 10px;
    background-color: #c5c5c5;
    color: black;
    font-size: 14px;
    font-weight: 500;
    font-family: Helvetica, sans-serif;
    cursor: pointer;
}

    .cancelbutton:hover {
        background-color: #dddddd;
    }

.console {
    margin: auto;
    margin-top: 50px;
    text-align: center;
}

.tbkonsol {
    background: #252525;
    border: none;
    width: 90%;
    font-family: Consolas;
    font-size: 18px;
    padding: 4px;
    color: #f5f5f5;
    outline: none;
}

.bodycss {
    text-align: center;
    margin: auto;
    background-color: #f7f7f7;
    margin-top: 70px;
}

.bodycssreg {
    text-align: center;
    margin: auto;
    background-color: #f7f7f7;
    margin-top: 20px;
}


.lblprocess {
    font-family: Consolas;
    font-size: 15px;
    padding: 4px;
    color: #7bee6d;
}

#result {
    width: 90%;
    padding: 10px;
    border-radius: 10px;
    background-color: #f5f5f5;
    margin: auto;
    margin-top: 10px;
    text-align: left;
}

#sendresult {
    width: 90%;
    padding: 10px;
    border-radius: 10px;
    background-color: #f5f5f5;
    margin: auto;
    margin-top: 10px;
    text-align: center;
}

#premsg {
    width: 90%;
    margin: auto;
    text-align: left;
}

.lblresult {
    color: #202020;
    overflow: hidden;
    line-height: 24px;
    font-family: georgia,serif;
    font-weight: normal;
    font-size: 1.15em;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    text-align: left;
}

.lblsendresult {
    color: #e50000;
    overflow: hidden;
    line-height: 24px;
    font-family: consolas,georgia,serif;
    font-weight: normal;
    font-size: 2.5em;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    text-align: left;
}

.invalidcommand {
    font-family: Consolas;
    font-size: 15px;
    padding: 4px;
    color: #ff6481;
}

/* Customize the scrollbar itself */
::-webkit-scrollbar {
    width: 10px; /* Adjust the width of the scrollbar */
}

/* Customize the track (background) */
::-webkit-scrollbar-track {
    background-color: rgba(50, 50, 50, 1);
    border-radius: 5px;
}

/* Customize the thumb (the draggable part) */
::-webkit-scrollbar-thumb {
    background: #43D8B8;
    border-radius: 5px;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #bbbbbb;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #bbbbbb;
    opacity: 1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #bbbbbb;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bbbbbb;
}

A {
    text-decoration: none;
}

.body {
    background-color: #f7f7f7;
}