/*html, body {
    height: 100%;
    *height: 88%;
    *overflow: hidden;
    font-family: Verdana,Arial;
}*/

#mapPanelbody {
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
}
/*form {
    margin: 0px;
    padding: 0px;
}*/

a {
    outline: 0;
}

.clear {
    clear: both;
}

select /*added to correct chrome vs mozilla issue*/ {
    margin-left: 0px;
}

#mapPanel {
    width: 99.8%;
    height: 100%;
    background: #FFF url(images/loginbg.png) no-repeat 0% 0%;
    border: 1px solid #E4E4E4;
}

#toolsPanel {
    width: 100%;
    height: 100%;
    background: #15a163 url(images/enigmafade-big.jpg) no-repeat 0% 0%;
}

.popupMapPanel {
    width: 100%;
    height: 100%;
    background-image: #fafdee url(images/popupmapbg.jpg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}
/*login secton*/
.loginheader {
    background: #15a163 url(images/headerlogo.png) no-repeat 5px 1px;
    _background: #15a163 url(images/headerlogo.gif) no-repeat 5px 1px;
    height: 63px;
    border-bottom: 2px solid #FFFFFF;
    min-width: 1000px;
}

.logincontent {
    background: url(images/logincontent.jpg) repeat-x 0% 0%;
    min-height: 320px;
    padding: 100px 0px 0px 0px;
    _height: 350px;
}

.loginmessage {
    text-align: center;
    margin: 10px auto 0px auto;
    font-size: 11px;
    height: 60px;
    padding: 10px 0px 0px 0px;
    float: left;
}

.loginmessage {
    display: block;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

    .loginmessage ul {
        margin: 0px;
        padding: 0px;
    }

        .loginmessage ul li {
            color: #ff5400;
            list-style: none;
            padding: 5px 0px 0px 0px;
            text-align: center;
        }

.loginfooter {
    background: #15a163;
    height: 36px;
    font-size: 11px;
    text-align: center;
    padding: 20px 0px 10px 0px;
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

.loginbox {
    width: 361px;
    margin: 0px auto;
    background: url(images/atrak.jpg) no-repeat 0% 0%;
    _background: url(images/atrak.gif) no-repeat 0% 0%;
    height: 188px;
}

    .loginbox h1 {
        margin: 0px;
        padding: 10px 0px 35px 15px;
        font-size: 16px;
        color: #116e9d;
        text-align: left;
        width: 120px;
        float: left;
    }

    .loginbox p {
        margin: 0px;
        padding: 0px 0px 5px 25px;
        font-size: 12px;
        clear: both;
        height: 25px;
    }

        .loginbox p span {
            float: left;
            text-align: right;
            padding: 3px 10px 0px 0px;
        }

        .loginbox p.loginfld span {
            float: none;
        }

        .loginbox p span.lgtx {
            width: 80px;
        }

.logintextbox {
    float: left;
    border: 1px solid #a5b0b5;
    width: 160px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 22px;
}

.loginbox p.loginbut {
    text-align: right;
    padding: 0px 85px 0px 0px;
}

    .loginbox p.loginbut input {
        text-transform: uppercase;
    }

.loginmessage p {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    text-align: center;
    font-size: 11px;
    color: #ff0000;
}

.loginmessage img {
    float: left;
    margin: 0px 3px 0px 0px;
}

.loginmessage span {
    color: #FF0000;
}

.loginmessage p span.loginMessageError {
    text-align: center;
    display: block;
    padding: 0px 0px 0px 0px;
    color: #ff0000;
}
/*main section*/

.buttonbg[Disabled] {
    cursor: default;
    color: #bbbbbb; /*background: #e6f5fc url(images/buttonbg.gif) no-repeat 100% 100%;*/
}

.header {
    background: url(images/headerbg.png) repeat-x 0% -13px;
    height: 60px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
}

.headertheme {
    width: 100%;
    height: 60px;
    background: url(images/atracklogo.gif) no-repeat 10px 5px/40px;
}

.headerthemeNoLogo {
    width: 100%;
    height: 80px;
}

.headerSearch {
    width: 291px;
    position: absolute;
    left: 0px;
    top: 22px;
    height: 26px;
    background: url(images/headersearch.png) no-repeat 0% 0%;
    padding: 2px 0px 0px 5px;
}

    .headerSearch input[type="text"] {
        width: 260px !important;
        border: 0px;
        background: none;
        font-size: 13px !important;
        color: #fff !important;
        padding: 3px 0px 3px 0px;
    }

    .headerSearch input[type="image"] {
        position: absolute;
        top: 4px;
        right: 6px;
        width: 18px;
        height: 18px;
    }
/*.headerLinks
{
	position: absolute;
	top: 0px;
	left: calc(50% - 145px);
	display: block;
	width: 290px;
}*/


.headerLinks {
    position: absolute;
    top: 0px;
    left: calc(50% - 230px);
    display: block;
    width: 500px;
}

    .headerLinks a {
        float: left;
        display: block;
        width: 90px;
        margin: 0px 5px 0px 0px;
        font-size: 11px;
        text-decoration: none;
        color: #FFF;
        padding: 40px 0px 3px 0px;
        text-align: center;
        position: relative;
    }

        .headerLinks a:hover {
            color: #007143 !important;
        }

        .headerLinks a.tracking {
            background: url(images/trackingico_ho.png) no-repeat 50% 5px;
        }

            .headerLinks a.tracking:hover {
                background: #e6e6e6 url(images/trackingico.png) no-repeat 50% 5px;
            }

        .headerLinks a.reports {
            background: url(images/reportsico_ho.png) no-repeat 54% 6px/32px;
        }

            .headerLinks a.reports:hover {
                background: #e6e6e6 url(images/reportsico.png) no-repeat 54% 6px/32px;
            }

        .headerLinks a.routeplayer {
            background: url(images/routeplayerico_ho.png) no-repeat 50% 15px;
        }

            .headerLinks a.routeplayer:hover {
                background: #e6e6e6 url(images/routeplayerico.png) no-repeat 50% 15px;
            }

        .headerLinks a.tools {
            background: url(images/toolsico_ho.png) no-repeat 50% 7px/29px;
        }

            .headerLinks a.tools:hover {
                background: #e6e6e6 url(images/toolsico.png) no-repeat 50% 7px/29px;
            }

        .headerLinks a.help {
            background: url(images/helpico.png) no-repeat 0% 0%;
        }

        .headerLinks a.kpi {
            background: url(images/kpi_ho.png) no-repeat 50% 30%;
        }

            .headerLinks a.kpi:hover {
                background: #e6e6e6 url(images/kpi.png) no-repeat 50% 30%;
            }

        .headerLinks a.driverApp {
            background: url(images/mDashboard.png) no-repeat 50% 30%;
        }

            .headerLinks a.driverApp:hover {
                background: #e6e6e6 url(images/mDashboard_ho.png) no-repeat 50% 30%;
            }

.headerUser {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 400px;
    background: url(images/userbreak.png) no-repeat 0% 40%;
    height: 55px;
}

.userwelcome {
    width: 155px;
    background: url(images/userwelcomeicon.png) no-repeat 0% 30%;
    font-size: 11px;
    padding-left: 30px;
    font-family: Verdana, Arial;
    float: right;
    margin-top: 20px;
    color: #a5e9cb;
}

    .userwelcome span {
        display: block;
        font-size: 12px;
        width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #FFF;
        white-space: nowrap;
        float: left;
        font-weight: bold;
    }

.headerUser span.timer {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 22px;
    left: 22px;
    background: url(images/timericon.png) no-repeat 0% 0%;
}

.headerUser span.pin {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 22px;
    left: 71px;
    background: url(images/pinicon.png) no-repeat 0% 0%;
}

    .headerUser span.pin[Disabled] {
        cursor: default;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
        filter: alpha(opacity=45);
        -khtml-opacity: 0.45;
        -moz-opacity: 0.45;
        opacity: 0.45;
    }

.headerUser span.message {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 22px;
    left: 120px;
    background: url(images/messageicon.png) no-repeat 0% 0%;
}

    .headerUser span.timer span.timerpopup, .headerUser span.message span.timerpopup {
        /* width: 21px;     height: 21px;*/
        /*background: url(images/timerpopup.png) no-repeat bottom right;
        position: absolute;
        padding: 1px 3px 7px 2px;
        top: 1px;
        right: -1px;
        margin: -19px -4px 0px -1px;
        display: none;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 11px;*/
        position: absolute !important;
        top: 1px;
        right: -1px;
        border-radius: 5px;
        background: rgb(255, 0, 0);
        padding: 3px;
        font-size: 10px;
        color: rgb(255, 255, 255);
        margin: -19px -4px 0px -1px;
        display: none;
    }

.headerUser span.timer:hover > span.timerpopup {
    /*display: block;*/
}

.footer {
    height: 36px;
    font-size: 11px;
    text-align: left;
    padding: 3px 0px 10px 10px;
    color: #333333;
    border-top: 1px solid #CCCCCC;
}
/*leftnav*/
#treeDiv {
    font-size: 11px;
}

    #treeDiv p {
        margin: 0px;
        padding: 0px;
    }

        #treeDiv p a {
            text-decoration: none;
            color: #1f294b;
        }

.leftnavgrid {
    padding: 3px;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 10px;
}

    .leftnavgrid table td {
        background: none !important;
    }

.reportabscover {
    background: #c6ebbf; /* border-bottom: 1px solid #a2d77f;*/
}

.reportabs {
    margin: 0px;
}

.fltright {
    float: right;
    padding: 5px 0px 5px 0px;
}

.fltrightnew {
    float: right;
    padding: 5px 0px 5px 0px;
    margin-right: 6px;
}

td.contentTabNormal {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    border-right: 1px solid #fcfff9; /*border-left: 1px solid #fcfff9;*/
}

    td.contentTabNormal a {
        display: block;
        padding: 6px 15px 6px 15px;
        text-decoration: none;
        color: #106a42;
    }

        td.contentTabNormal a:hover {
            background: #15a163;
            color: #FFF;
        }

td.contentTabConfigSelected {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

    td.contentTabConfigSelected a {
        display: block;
        padding: 6px 15px 6px 15px;
        background: #15a163;
        text-decoration: none;
        color: #FFFFFF;
        margin-right: 1px;
    }

div.traffic_outer, div.traffic_highlight {
    direction: ltr;
    overflow: hidden;
    text-align: center;
    color: black;
    font-family: Roboto, Arial, sans-serif;
    -moz-user-select: none;
    background: -moz-linear-gradient(center top, rgb(254, 254, 254), rgb(243, 243, 243)) repeat scroll 0% 0% transparent;
    line-height: 160%;
    padding: 0pt 6px;
    font-weight: normal;
    min-width: 47px;
    background: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    font-size: 18px;
    color: rgb(86, 86, 86);
}

    div.traffic_outer:hover, div.traffic_highlight:hover {
        background-color: rgb(235,235,235);
    }

.reportbox {
    margin: 0px;
    font-size: 11px;
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    /*height: 99%;*/
    overflow-y: auto;
}

    .reportbox table {
    }

.rptbox table {
    width: 100%;
}

.reportbox legend {
    font-size: 13px;
    color: #15A163;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 0px 0px 5px 0px;
}

.reportbox fieldset {
    border: none;
    margin: 0px 0px 10px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    border: 1px solid #f2f2f2;
    padding: 8px;
}

fieldset table.rptbox td a {
    text-decoration: none;
    color: #15A163;
}

    fieldset table.rptbox td a:hover {
        color: #FF0000;
    }

table.rptbox td a {
    text-decoration: none;
    color: #15A163;
}

    table.rptbox td a:hover {
        color: #FF0000;
        text-decoration: underline;
    }

.contentMessageError {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #FF0000;
}

.reportbox table.rptbox td {
    padding: 3px 5px 3px 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rpttextboxbig {
    font-size: 12px;
}

.fadeWaterMark {
    color: #c6c6c6 !important;
}

.rpttextboxbig ul li.ui-menu-item {
    font-size: 12px;
}

.reportbox h1.brdr {
    font-size: 13px;
    color: #15a163;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    border-bottom: 2px solid #15a163;
    padding: 0px 0px 5px 0px;
}

.reportbox h2 {
    font-size: 11px;
    color: #15a163;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    padding: 0px;
    margin: 0px;
}

    .reportbox h2.algncentre {
        text-align: center;
        padding-bottom: 8px;
    }

.reportbox table.rptbox {
    width: auto;
    position: relative;
}

.algnrght {
    text-align: right;
}

.reportbox table.rptbox td.tblepadd {
    text-align: left;
    padding: 3px 0px 3px 0px;
}

.reportbox table.grnbox {
    background: #ecfae1;
    border: 1px solid #15a163;
    font-size: 10px;
    width: 100%;
}

.reportbox table.rptbox td.rptleftd {
    width: 200px;
}

.reportbox table.rptbox td.rptleftd02 {
    width: 100px;
}

.reportbox table.rptbox td.rptleftdsmll {
}

.reportbox table.rptbox td.insidegridtd {
    padding: 3px 0px 3px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.reportbox table.tablebox {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    margin: 8px 0px 0px 0px;
}

    .reportbox table.tablebox td {
        padding: 6px 5px 6px 5px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 10px;
        border-right: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
    }

.lefttdwidth {
    width: 180px;
}

.reportbox table.rptbox td a.textlink {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: bolder;
}

    .reportbox table.rptbox td a.textlink:hover {
        color: #FF0000;
        text-decoration: none;
    }

.bggreencolor {
    /*background: #a7e478;*/
    background: #81ca49;
}

.bggreencolor02 {
    background: #a2d77f;
}

.bggreencolor03 {
    background: #c2e6a9;
}

.reportbox table.rptbox td.padremove {
    padding: 0px;
    margin: 0px;
}

.rptboxdiv {
    padding: 5px 5px 5px 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rptbttndiv {
    padding: 5px 5px 8px 10px;
}

.rptpopbrdr, .rptpopbrdr02 {
}

.rptpopbrdr02 {
    border: 0px solid #9bbdd0;
}

.rptpopgroup {
    border: 2px solid #f2f2f2;
    padding: 5px 0px 10px 10px;
    width: auto;
}

div.rptpopgroup table.fldsetwdth {
    width: 100%;
}

.rptlistdropdwn {
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
    width: auto;
}

.rptlistbig {
    width: 150px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistmedium {
    width: 140px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistmediumsmall {
    width: 125px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistsmall {
    width: 105px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistno {
    width: 50px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistboxsp {
    width: 75px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rpttextboxbig {
    width: 240px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxsmll {
    width: 50px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxmedium, .rpttextboxauto {
    width: 140px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxsp {
    width: 75px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxnowidth {
    border: 1px solid #CCC;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px !important;
    color: #000 !important;
    width: auto;
    padding: 3px;
    background: #f7f7f7;
    border-radius: 7px;
}

    .rpttextboxnowidth select, .rpttextboxnowidth span {
        font-size: 11px !important;
        color: #000 !important;
        border: none !important;
    }

.rpttexListbox {
    width: 173px;
    height: 47px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

div.rptpopgroup select.rpttexListboxbig {
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rpttexListboxbig {
    width: 240px;
    height: 47px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rpttexListboxLarge {
    width: 173px;
    height: 62px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

table.CldrGenStle {
    background: #FFFFFF;
    border: 1px solid #e0dfdf;
}

.reportbox table.CldrGenStle td {
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    background: #FFFFFF;
    text-align: center;
}

.reportbox table.flwdth, .reportboxnew table.flwdth {
    width: 100%;
}

.reportbox table.rptbox table.CldrGenStle td input {
    background: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    text-align: center;
    padding: 2px 0px 0px 0px;
    background: #FFFFFF;
}

input.CldrGenStle {
    text-align: left;
}

    input.CldrGenStle td {
        text-align: center;
    }

.Calenderblock {
    border: 1px solid #e0dfdf; /* float: left;       margin: 0px 3px 0px 0px;*/
    background: #FFFFFF;
}

    .Calenderblock td {
    }

.reportbox table.rptbox td table.Calenderblock td {
    height: 5px;
    padding: 0px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

    .reportbox table.rptbox td table.Calenderblock td input {
        background: none;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        text-align: left;
        border: none;
        padding: 0px 0px 2px 0px;
    }

#UpdatePanel table td {
    padding-left: 0px;
}

.reportbox table.rptbox td#tdAutoAddDriver input, span#rdoAlertFilter input {
    /*float:left;*/
    margin: 1px 5px 5px;
}

.reportbox table.rptbox td#tdAutoAddDriver label, span#rdoAlertFilter label {
    /*padding-top: 3px;     display: inline-block;*/
    vertical-align: top;
}

.test {
    padding: 5px;
}

.rptboxMsgError {
    padding: 0px 5px 5px 5px;
    margin: 0px;
    color: #FF0000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}
/*..............Calender style................*/


.CalendarBackcolor {
    background: #a2d77f;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FF0000;
}

.CalendarDaystyle {
    background: #f0fbe7;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
}

.CalendarOtherMonth {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #ACA899;
}

.CalendarDayHeader {
    background: #a2d77f;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

.CalendarTitle {
    background: #c2e6a9;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
}

.CalendarFooter {
    background: #67bc29;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    text-align: center;
    padding: 3px;
}
/*..............Calender style end................*/
#treeDiv .filternav {
    font-size: 13px;
    color: #000000;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #CCCCCC;
}

    #treeDiv .filternav p {
        margin: 0px;
        padding: 10px 0px 0px 0px;
        clear: both;
        line-height: 150%;
    }

        #treeDiv .filternav p span {
            display: block;
            padding: 0px 0px 4px 0px;
        }

        #treeDiv .filternav p select {
            padding: 5px;
            border: 1px solid #CCCCCC;
            width: 90%;
            height: auto !important;
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            font-size: 13px;
        }

.contentGrid {
    background: #FFFFFF;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
}

.contentGridHeader, td.contentGridHeader {
    background: #177e50;
    color: #FFFFFF;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-align: left;
}

    .contentGridHeader td, .contentGridHeader th {
        padding: 5px;
        vertical-align: middle;
        white-space: nowrap;
    }

td.contentGridHeader {
    padding: 5px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10px;
}

    .contentGridHeader th a, .contentGridHeader td a, td.contentGridHeader a {
        color: #FFFFFF;
        text-decoration: none;
        font-size: 10px;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        text-align: left;
        white-space: nowrap;
    }

        .contentGridHeader th a:hover, .contentGridHeader td a:hover {
            color: #FF0000;
        }

tr.contentGridHeaderNew th, td.contentGridHeaderNew, tr.contentGridHeaderSp th, td.contentGridHeaderSp {
    background: #177e50;
    color: #FFFFFF;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-align: left;
    border-right: 1px solid #FFFFFF;
    padding: 5px;
    white-space: nowrap;
}

tr.contentGridHeaderSp th, td.contentGridHeaderSp {
    white-space: normal;
}

.conentGrid td a {
    cursor: hand;
    cursor: pointer;
}

.contentGridRowDeleted {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    text-decoration: line-through;
    color: #FF0000;
    background: #D7D7D7;
}

tr.contentGridRowDeleted td {
    color: #000;
}

.contentGridRow {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    color: #333;
}

    .contentGridRow td {
        padding: 3px 0px 3px 3px;
        color: #333;
        vertical-align: middle;
    }

td.contentGridRow {
    padding: 3px 0px 3px 3px;
    color: #333;
}

.contentGridRow td {
}

    .contentGridRow td a {
        text-decoration: underline;
        color: #15a163;
        vertical-align: middle;
        cursor: hand;
        cursor: pointer;
    }

        .contentGridRow td a:hover {
            text-decoration: underline;
            color: #ff0000;
        }

.contentGridRowExpired {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    color: #333;
    background: #ffc3bf;
}

    .contentGridRowExpired td {
        padding: 3px 0px 3px 3px;
        color: #333;
        vertical-align: middle;
    }

td.contentGridRowExpired {
    padding: 3px 0px 3px 3px;
    color: #333;
}

.contentGridRowExpired td a {
    text-decoration: underline;
    color: #15a163;
    vertical-align: middle;
    cursor: hand;
    cursor: pointer;
}

    .contentGridRowExpired td a:hover {
        text-decoration: underline;
        color: #ff0000;
    }

.contentGridRowAlt {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    background: #f5f5f5;
    text-align: left;
    color: #333;
}

    .contentGridRowAlt td {
    }

        .contentGridRowAlt td a {
            text-decoration: underline;
            color: #15a163;
        }

            .contentGridRowAlt td a:hover {
                text-decoration: underline;
                color: #ff0000;
            }

    .contentGridRowAlt td {
        padding: 3px 0px 3px 3px;
        color: #333;
    }

td.contentGridRowAlt {
    padding: 3px 0px 3px 3px;
    color: #333;
}

.contentSelectedRow, .contentSelectedRow td {
    /* background: #e2f0f8;*/
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #0B43BC;
    height: 20px;
    cursor: pointer;
    cursor: hand;
    padding-left: 2px;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

.contentSelectedRowBold {
    /* background: #e2f0f8; /*background-color:#FFCC33;*/
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #0B43BC;
    height: 20px;
    cursor: hand;
    cursor: pointer;
}

    .contentSelectedRowBold td {
        /*background: #e2f0f8;*/
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
        color: #0B43BC; /*height: 20px;*/
        cursor: pointer;
        cursor: hand;
    }

.contentGridInvalidRow {
    background: #EFEFEF;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    color: #333;
}

    .contentGridInvalidRow td {
        padding: 3px 0px 3px 5px;
    }

.contentGrid td table td {
    padding: 0px;
}

.contentGridRow:hover, .contentGridRowAlt:hover {
    cursor: hand;
    cursor: pointer;
}

.dvPaging {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    background: #DBE3E8;
    text-align: left;
    padding: 3px 5px 3px 5px !important;
}

    .dvPaging table td {
        float: left;
    }

    .dvPaging a {
        text-decoration: none;
        color: #000;
    }

.PrevNextdiv {
    width: 100%;
    background: #f2f2f2;
    padding: 2px 3px 2px 0px;
    margin: 2px 0px 2px 0px;
    height: 20px;
}

    .PrevNextdiv span {
        float: right;
    }

.searchboxpoppage {
    width: 100%; /*background: #a7e478;*/
    background: #81ca49;
    padding: 2px 3px 2px 0px;
    margin: 2px 0px 2px 0px;
    height: 35px;
}

.divscroll {
    padding: 0px;
    margin: 0px;
}

ul.listmenuleft {
    padding: 1px 1px 0px 1px;
    margin: 0px;
}

    ul.listmenuleft li {
        list-style: none;
    }

        ul.listmenuleft li a {
            padding: 6px 0px 0px 22px;
            margin: 0px 0px 1px 0px;
            background: #ddefce url("images/menunormalbg.gif") no-repeat 0% 0%;
            border: none;
            height: 20px;
            font-size: 11px;
            font-family: Verdana, Geneva, sans-serif;
            font-weight: bold;
            display: block;
            text-decoration: none;
            color: #0a5e87;
        }

            ul.listmenuleft li a:hover {
                padding: 6px 0px 0px 22px;
                margin: 0px 0px 1px 0px;
                background: #83cb4e url("images/menunormahover.gif") no-repeat 0% 0%;
                border: none;
                height: 20px;
                font-size: 11px;
                font-family: Verdana, Geneva, sans-serif;
                font-weight: bold;
                cursor: pointer;
                color: #94b7c7;
            }

li.mnunormal a {
    padding: 6px 0px 0px 22px;
    margin: 0px 0px 1px 0px;
    background: #b9e29d url("images/menunormalbg.gif") no-repeat 0% 0%;
    border: 1px solid #67bc28;
    height: 20px;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #0a5e87;
}

ul.listmenuleft li.mnuselected a {
    padding: 6px 0px 0px 22px;
    margin: 0px 0px 1px 0px;
    background: #83cb4e url("images/menunselected.gif") no-repeat 0% 0%;
    border: 1px solid #FFF;
    height: 20px;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #ffffff;
    display: block;
}
/* Style for ReportScheduling.aspx */
.schedulerbox {
    width: auto;
    margin: 10px auto 10px auto;
    font-family: Verdana, Geneva, sans-serif;
}

.schedulerLeft {
}

    .schedulerLeft table {
        margin: -1px 0px 0px auto;
        position: relative;
    }

        .schedulerLeft table td {
            vertical-align: top;
            white-space: nowrap;
        }

.schedulerRight {
}

td.navigation {
    background: #FFFFFF;
    border: 1px solid #baccd9;
    border-top: 1px solid #baccd9;
    padding: 10px;
}

.navgtnbrdr {
    width: 100%;
    text-align: right;
}

    .navgtnbrdr td {
        padding: 10px 0px 10px 10px;
    }

.wizardstep {
    background: #FFFFFF;
    border: 1px solid #baccd9;
    border-bottom: 1px solid #f8f8f8;
    padding: 0px;
    margin: 0px;
    width: 690px;
    display: block !important;
    height: 100%;
}

.step {
    background: #cae3e5;
    height: 31px;
    margin: 10px;
    color: #FFFFFF;
    padding: 0px;
    font-weight: bold;
    font-size: 15px;
}

    .step span {
        float: left;
        background: url(images/step1.gif) no-repeat 100% 0%;
        border-left: 1px solid #10648e;
        width: auto;
        padding: 5px 25px 0px 5px;
        height: 26px;
        min-width: 140px;
    }

.schedulerLeft1 {
    display: block;
    height: 20px;
    padding: 8px 10px 5px 30px;
    background: url(images/schlnks.gif) no-repeat 0% -33px;
    color: #4C4CA6;
    text-decoration: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #C7E6B1;
    text-align: left;
    width: 80px;
}

    .schedulerLeft1:hover {
        background: url(images/schlnks.gif) no-repeat 0% 0px;
        color: #FFFFFF;
        border: 1px solid #5DA817;
        font-family: Verdana, Geneva, sans-serif;
        width: 80px;
    }

.schedulerLeftlinkselected {
    background: #15A163 url(images/white-arrow.png) no-repeat right center !important;
    display: block;
    height: 20px;
    padding: 8px 10px 5px 30px;
    background: url(images/schlnks.gif) no-repeat 0% -33px;
    color: #FFF;
    text-decoration: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #15A163;
    border-right: 0px;
    text-align: left;
    width: 78px;
}

.schedulerLeftlinkdisabled {
    background: url(images/schlnks.gif) no-repeat 0% -66px;
    color: #bbbbbb;
    border: 1px solid #b4de91;
    display: block;
    height: 20px;
    padding: 8px 10px 5px 30px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    width: 80px;
}

.schdform {
    width: 99%;
    margin: 0px auto;
}

    .schdform td {
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
        color: #000000;
        padding: 5px;
    }

        .schdform td.alrgt {
            text-align: left;
            width: 35%;
            padding: 5px 5px 10px 5px;
        }

.gridDivbox {
    margin: 10px;
    padding: 12px;
}

    .gridDivbox td {
        padding: 2px;
        font-size: 11px;
    }

        .gridDivbox td a {
            text-decoration: none;
            color: #0d6084;
            cursor: default;
        }

            .gridDivbox td a:hover {
                text-decoration: none;
                color: #0d6084;
                cursor: default;
            }

.profileEditform {
    width: 95% !important;
    margin: 10px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    border: 1px solid #15A163;
}

#wzViewGroup_divSelectedVehicles .profileEditform {
    width: 95% !important;
}

.profileEditform h1 {
    font-size: 11px;
    font-weight: bold;
    background: #15A163;
    padding: 5px;
    margin: 0px 0px 3px 0px;
    color: #ffffff;
}

    .profileEditform h1 span {
        float: right;
        font-size: 10px;
    }

        .profileEditform h1 span a {
            color: #f2f2f2;
            text-decoration: none;
        }

            .profileEditform h1 span a:hover {
                color: #FF0000;
                text-decoration: underline;
            }

.profieldset {
    width: 100%;
    margin: 0px;
    background: #FFFFFF;
}

    .profieldset td {
        padding: 8px;
        border-bottom: 1px solid #f8f8f8;
    }

        .profieldset td.firsttd {
            width: 40%;
        }

.popgridheader {
    background: #85bce6 url(images/gridheadbg.gif) repeat-x 0% 100%;
    font-family: Verdana;
    color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-size: 11px;
    height: 25px;
    line-height: 15px;
}

.iggrpbxbrdr legend {
    font-size: 11px;
    font-weight: bold; /*background: #a7e478;*/
    background: #81ca49;
    width: 98%;
    padding: 6px;
    margin: 5px 0px 0px 0px;
}

.editimg {
    background: url(images/edit_img.gif) no-repeat 100% 0%;
    height: 16px;
    float: right;
    margin: -10px 0px 0px 0px;
    position: relative;
}

.errermsg {
    padding: 10px;
    font-family: Verdana;
    font-size: 10px;
    background: #FFFFFF;
    color: green;
    font-weight: bold;
    border: 1px solid #f2f2ff;
}
/*Event action Scheduler*/
.divtble {
    width: 600px;
    margin: 0px auto;
}

    .divtble table {
        width: 99%;
        border: 1px #FFFFFF solid;
        border-right: none;
        border-top: none;
        font-family: Verdana, Geneva, sans-serif;
    }

        .divtble table td {
            border: 1px #FFFFFF solid;
            vertical-align: top;
            border-bottom: none;
            border-left: none; /*background: #e0f0fa;*/
        }

    .divtble div.insidetble {
        height: auto !important;
    }

    .divtble table td.fistprt {
        width: 50%;
    }

.profileEditform h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 0px;
    text-align: left;
    color: #FFFFFF;
    height: 21px;
    padding: 5px 0px 0px 5px;
    background: #15A163;
}

    .profileEditform h1 span.hlleft {
        float: left;
        width: 88%;
    }

    .profileEditform h1 span.hlright {
        float: right;
        width: 10%;
        text-align: right;
        padding-right: 3px;
    }

.profileEditform .divtble h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
    height: 21px;
    padding: 5px 0px 0px 5px;
    background: #177e50;
    margin: 0px 3px 0px 0px; /*border: 1px solid #FFFFFF;*/
    border-bottom: none;
}
/*.profileEditform h1 span.hlright a
{
    background:url(images/b_edit.gif) no-repeat 0% 0%;
    padding:0px 0px 0px 16px;
}*/

.insidetble {
    font-size: 10px;
    width: 100%;
}

    .insidetble table {
        text-align: left;
        margin: 0px;
        border: none;
    }
/*div.insidetble table td
{
    padding: 5px;
    border: none;
    background: #d4e5f1;
    border: 1px solid #f0f4ff;
}*/
div.insidetble table td.expiredClass {
    padding: 5px;
    border: none;
    background: #FFC3BF;
    border: 1px solid #f0f4ff;
}

div.insidetble table td.validClass {
    padding: 5px;
    border: none;
    background: whitesmoke;
    border: 1px solid #f0f4ff;
}

.insidetble table td.edit a {
    text-decoration: none;
    color: #540404;
    font-size: 10px;
    font-weight: bold;
}

    .insidetble table td.edit a:hover {
        color: #f08d0d;
    }

div.insidetble td.edit {
    text-align: right;
    width: 20%;
}

.iggrpbxbrdr legend {
    font-size: 11px;
    font-weight: bold; /*background: #a7e478;*/
    background: #81ca49;
    width: 99%;
    padding: 6px;
    margin: 5px 0px 0px 0px;
    color: #ffffff;
}

.contentSubpagebg {
    background: url(images/logincontent.jpg) repeat-x 0% 0%;
    vertical-align: middle;
}

.loginagain a {
    display: block;
    margin: 50px auto;
    width: 351px;
    height: 351px;
    background: url(images/skylinelogomain.png) no-repeat 0% 0%;
    _background: url(images/skylinelogomain.gif) no-repeat 0% 0%;
    border: none;
}

.adgrouplistcontrol {
    text-align: center;
    vertical-align: middle;
}

.adgrouplistaddall, .adgrouplistmoveright, .adgrouplistmoveleft, .adgrouplistremoveall, .adgrouplistmovedown, .adgrouplistmoveup {
    padding: 0px;
    background: url(images/add_all.gif) no-repeat 0% 0%;
    width: 20px !important;
    height: 20px !important;
    border: 0px !important;
    cursor: pointer !important;
    display: block !important;
}

.adgrouplistmoveright {
    background: url(images/move_right.gif) no-repeat 0% 0%;
}

.adgrouplistmoveleft {
    background: url(images/move_left.gif) no-repeat 0% 0%;
}

.adgrouplistremoveall {
    background: url(images/remove_all.gif) no-repeat 0% 0%;
}

.adgrouplistmovedown {
    background: url(images/move_down.gif) no-repeat 0% 0%;
}

.adgrouplistmoveup {
    background: url(images/move_up.gif) no-repeat 0% 0%;
}

.addpopuplistbuttons {
    padding: 5px;
    text-align: right;
}
/* Map related themes */

div.markerTooltip, div.markerDetail {
    /*background:url(images/spbox.gif) repeat-x 0px 0px;*/
    font-family: Verdana;
    color: #000;
    white-space: nowrap;
    border: 1px solid #888;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
}

    div.markerDetail img {
        position: absolute;
        right: 3px;
        margin: 9px 7px 0px 0px;
        text-align: right;
    }

.reportbownew {
    margin: 0px;
    font-size: 11px;
    padding: 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .reportbownew h1.brdr {
        font-size: 13px;
        color: #15a163;
        font-weight: bold;
        font-family: Verdana, Geneva, sans-serif;
        border-bottom: 2px solid #15a163;
        padding: 0px 0px 5px 0px;
    }

    .reportbownew table.rptbox {
        width: auto;
    }

    .reportbownew table.flwdth {
        width: 100%;
    }

    .reportbownew table.rptbox td {
        padding: 5px;
    }

        .reportbownew table.rptbox td table.CldrGenStle td {
            padding: 0px;
        }

            .reportbownew table.rptbox td table.CldrGenStle td input {
                font-family: Verdana, Geneva, sans-serif;
                font-size: 11px;
            }

        .reportbownew table.rptbox td.rptleftd {
            width: 200px;
        }

        .reportbownew table.rptbox td.rptleftd02 {
        }

        .reportbownew table.rptbox td table.Calenderblock td {
            height: 9px;
            padding: 0px;
            text-align: center;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 11px;
        }

            .reportbownew table.rptbox td table.Calenderblock td input {
                background: none;
                font-family: Verdana, Geneva, sans-serif;
                font-size: 11px;
                text-align: left;
                border: none;
                padding: 0px 0px 2px 0px;
            }
/* Root player */


#map_canvas {
    height: 100%;
}

ul#icons {
    margin: 0;
    padding: 0;
}

    ul#icons li {
        margin: 2px;
        position: relative;
        padding: 4px 0;
        cursor: pointer;
        float: left;
        list-style: none;
    }

    ul#icons span.ui-icon {
        float: left;
        margin: 0 4px;
    }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/

.clearfix {
    display: block;
}
/* End hide from IE-mac */
.routeheader {
    background: url(images/headerfooter.gif) no-repeat 0% 0%;
}

.routeheaderalt {
    background: url(images/headerfooter.gif) no-repeat 100% 0%;
    margin: 0px 0px 0px 0px;
    height: 0px;
}

.routecontent {
    background: #FFFFFF;
    padding: 0px;
    height: 100%;
    border-bottom: 1px solid #c3c4c8;
}

.routecontentsub {
    background: #C5C6CA;
    padding: 5px 10px 0px 10px;
    border-top: 1px solid #c3c4c8;
}

.routefooter {
    background: url(images/headerfooter.gif) no-repeat 0% 100%;
    clear: both;
}

.routefooteralt {
    background: url(images/headerfooter.gif) no-repeat 100% 100%;
    margin: 0px 0px 0px 10px;
    height: 10px;
}

.routecontent table.routeplayerecordbox {
    width: 100%;
    background: #f2f2f2;
    border: 1px solid #a2d77f;
}

    .routecontent table.routeplayerecordbox td {
        font-size: 11px;
        color: #142b3e;
        padding: 5px;
        border-right: 1px solid #E4F2D8;
        white-space: nowrap;
    }

        .routecontent table.routeplayerecordbox td.routerecordsnormal {
            font-size: 10px;
            padding: 0px 5px;
            width: 23%;
        }

.routeplayermap {
    width: 100%;
    background: #edeae2;
    border: 1px solid #FFFFFF;
    margin: 1px 0px 0px 0px;
    height: 240px;
}

.routeplayermedia {
    width: 100%;
    margin: 3px 0px 0px 0px;
}

.routeplayermediacontrol {
    background: url(images/mediaplayer.jpg) no-repeat 0% 0%;
    width: 231px;
    height: 31px;
    text-align: left;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
}

.routeplayermediaicons {
    padding: 1px 2px 0px 2px;
}

.routeplayerprint {
    text-align: right;
    padding: 0px 10px 0px 0px;
    vertical-align: middle;
}

.routeplayertopleft {
    background: url(images/topleft.jpg) no-repeat 0% 0%;
    width: 10px;
    height: 14px;
}

.routeplayertopright {
    background: url(images/topright.gif) no-repeat 100% 0%;
    width: 10px;
    height: 14px;
}

.routeplayerbtmleft {
    background: url(images/btmleft.gif) no-repeat 0% 100%;
    width: 10px;
    height: 10px;
}

.routeplayerbtmright {
    background: url(images/btmright.gif) no-repeat 100% 100%;
    width: 10px;
    height: 10px;
}

.routeplayersidebg {
    background: url(images/sidebg.jpg) repeat-x 0% 100%;
    width: 10px;
}

.routeplayerbtmbanner {
    background: url(images/btmbanner.gif) repeat-x 0% 0%;
    height: 13px;
}
/* Root player end */
#dvDetailed table.rptbox td.rptleftd label {
    white-space: nowrap;
}

table.rptalgnrgt {
    margin: 0px 0px 0px auto;
    width: auto;
}

.rpttextboxauto {
    width: auto;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.geozone table.rptbox td {
    font-size: 10px;
}

.rpttextboxmdm {
    width: 150px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.nowrapstl {
    white-space: nowrap;
}
/*routeplayer*/
.routeheader {
    background: #fff;
}

.routeheaderalt {
    background: #fff;
    margin: 0px 0px 0px 10px;
    height: 15px;
    display: none;
}

.routecontent {
    /*background: #a7e478;*/
    background: #E4F2D8;
    padding: 0px 0px 25px 0px;
    height: 98%;
    font-family: Verdana;
    font-size: 11px;
}

.routecontentsub {
    background: #dbeac2;
    padding: 5px 10px 0px 10px;
    border-top: 1px solid #c3c4c8;
}

.routefooter {
    background: #dbeac2;
    clear: both;
}

.routefooteralt {
    background: #dbeac2;
    margin: 0px 0px 0px 10px;
    height: 10px;
}

div.maptext {
    color: #FFFFFF;
    font-family: verdana, Helvetica;
    font-size: 22px;
    font-weight: normal;
    padding: 60px 0px 0px 60px;
    white-space: normal;
}

    div.maptext span.txbld {
        font-weight: bold;
    }

.connectedImg {
    background: url(images/connectedstatus.svg) no-repeat center;
    height: 15px;
}

.disconnectedImg {
    background: url(images/disconnectedstatus.svg) no-repeat center;
    height: 15px;
}

.overdueImg {
    background: url(images/overduestatus.svg) no-repeat center;
    height: 15px;
}

.connectedBlueImg {
    background: url(images/connectedblue.gif) no-repeat center;
    height: 15px;
}

.co2Style {
    font-family: verdana;
    font-size: 11px;
    text-align: justify;
    color: green;
}

.co2title {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
}

.co2StyleValues {
    font-size: 10px;
    text-indent: 20px;
    color: #d75100;
}

.reportbox table.grnbox {
    /*background: #ecfae1;*/
    background: #FFFFFF;
    border: 1px solid #15a163;
    font-size: 10px;
    width: 100%;
    padding: 10px;
}

    .reportbox table.grnbox td {
        font-size: 10px;
    }

        .reportbox table.grnbox td.buttnpad {
            padding: 5px 0px 10px 5px;
        }

        .reportbox table.grnbox td.rptleftd {
            width: 120px;
            white-space: nowrap;
        }

.reportbox table.rptbox td.rptfldnew, .reportbownew table.rptbox td.rptfldnew {
    width: 141px;
    white-space: nowrap;
    padding-right: 5px;
}

.reportbownew table.Calenderblock td.rptfldnew {
    width: 144px;
    padding: 5px;
}

    .reportbownew table.Calenderblock td.rptfldnew span {
        float: left;
        margin-right: 4px;
    }

    .reportbownew table.Calenderblock td.rptfldnew input {
        margin: 0px;
    }
/*language*/
td.langtble table td input {
    float: left;
    padding: 0px 5px 0px 0px;
    margin: 5px 5px 0px 0px;
}

td.langtble table td label {
    float: left;
    padding: 1px 5px 0px 6px;
}

.engFlag {
    background: url(images/englishflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.spanFlag {
    background: url(images/spanishflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.franFlag {
    background: url(images/frenchflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.dutchFlag {
    background: url(images/dutchflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.portugalFlag {
    background: url(images/portugalflag.png) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.arabicFlag {
    background: url(images/UAEflag.png) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

 
.usersettingsLegend {
    color: #125d7d;
    font-size: 12px;
    font-weight: bold;
}

.usersettingsLabel {
    font-size: 11px;
    color: #0c4c68;
}

.usersettingsInput {
    font-size: 10px;
    color: #0c4c68;
}

.usersettingslinks {
    font-size: 11px;
    color: #0c4c68;
}

    .usersettingslinks a {
        text-decoration: underline;
        color: #0c4c68;
    }

        .usersettingslinks a:visited {
            color: #0c4c68;
        }

        .usersettingslinks a:active {
            color: #0c4c68;
        }

        .usersettingslinks a:hover {
            color: #FF0000;
        }

table.CldrGenStle td #wdteStartTime_b1 {
    background: #c5d5fc;
    padding: 2px 0px 1px 0px;
}

table.CldrGenStle td #wdteStartTime_b2 {
    background: #c5d5fc;
    padding: 2px 0px 1px 0px;
}

table.rptbox td input.rpttextboxbig ul li.ui-menu-item {
    font-size: 12px;
}

.trackingtd {
    /*background: #a7e478;*/
    background: #FFFFFF;
}

.everymonth {
    width: 100px;
    float: left;
}

.addreminders input, .addreminders select {
    font-size: 11px;
    font-family: Verdana;
}

.contentGrid th.numberwidth {
    width: 15px;
}

.rptbox input[type="radio"] {
    margin: 0px 0px 0px 0px;
}

.rptbox td span.txbxtd label {
    padding: 0px 10px 0px 3px;
}

td.langtble table td input[type="radio"] {
    float: left;
    padding: 0px 5px 0px 0px;
    margin: 5px 1px 0px 0px;
}

fieldset table.rptbox table tr.contentGridHeader th a {
    color: #FFFFFF;
}

    fieldset table.rptbox table tr.contentGridHeader th a:hover {
        color: #FF0000;
    }
/*div.reportbownew table.rptbox td.rptleftdsp span
{
    width: 200px;
    display: block;
}
div.reportboxnew table.rptbox table.CldrGenStle td
{
    padding: 2px 0px 2px 0px;
    vertical-align: middle;
    text-align: center;
}*/
.reportbox table.CldrGenStle {
    background: #FFFFFF;
    border: 1px solid #e0dfdf;
}

.reportbox table.contentGrid tr.contentGridHeader th a, .reportbox table.rptbox tr.contentGridHeader th a {
    color: #FFFFFF;
}

    .reportbox table.contentGrid tr.contentGridHeader th a:hover, .reportbox table.rptbox tr.contentGridHeader th a:hover {
        color: #FF0000;
    }

.reportbox table.contentGrid tr.contentGridHeaderNew th a, .reportbox table.rptbox tr.contentGridHeaderNew th a {
    color: #FFFFFF;
    text-decoration: none;
}

    .reportbox table.contentGrid tr.contentGridHeaderNew th a:hover, .reportbox table.rptbox tr.contentGridHeaderNew th a:hover {
        color: #FF0000;
    }

.reportbox table.contentGrid tr.contentGridRow td, .reportbox table.contentGrid tr.contentGridRowAlt td {
    padding: 5px;
}

.noteLabel {
    font-size: 11px;
    text-align: left;
    color: #15a163;
}

.nomargintbl table {
    margin: 0px !important;
}

.vehiclelist {
    border: 1px solid #ccd1d5;
    background: #F5F9FE;
    color: #333;
    padding: 3px;
    float: left;
    margin: 7px 7px 0px 0px;
    min-width: 99px;
    max-width: 150px;
}

    .vehiclelist span {
        margin-right: 5px;
    }

    .vehiclelist sup a {
        background: #FFF;
        color: Red !important;
        text-decoration: none;
        font-size: 9px;
        display: block;
        float: right;
        margin-top: -2px;
        margin-right: 0px;
    }

#progressBackgroundFilter {
    background-color: #ccc;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0.5;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

#processMessage {
    /*background-color: #FFFFFF;     border: 1px solid #000000;*/
    color: Black;
    left: 43%;
    padding: 10px;
    position: fixed;
    top: 30%;
    width: 14%;
    z-index: 1001;
}

.adgrouplistaddall, .adgrouplistmoveright, .adgrouplistmoveleft, .adgrouplistremoveall, .adgrouplistmovedown, .adgrouplistmoveup {
    padding: 0px;
    background: url(images/add_all.gif) no-repeat 0% 0%;
    width: 20px !important;
    height: 20px !important;
    border: 0px !important;
    cursor: pointer !important;
    display: block !important;
}

.adgrouplistmoveright {
    background: url(images/move_right.gif) no-repeat 0% 0%;
}

.adgrouplistmoveleft {
    background: url(images/move_left.gif) no-repeat 0% 0%;
}

.adgrouplistremoveall {
    background: url(images/remove_all.gif) no-repeat 0% 0%;
}

.adgrouplistmovedown {
    background: url(images/move_down.gif) no-repeat 0% 0%;
}

.adgrouplistmoveup {
    background: url(images/move_up.gif) no-repeat 0% 0%;
}

.addpopuplistbuttons {
    padding: 5px;
    text-align: right;
}

td.adgrouplistcontrol input[type="submit"], td.adgrouplistcontrol input[type="button"] {
    margin-bottom: 5px;
}

td.vtop {
    vertical-align: top;
    padding-top: 38px !important;
}

td.vmdletp {
    vertical-align: top;
    padding-top: 50px !important;
}

td.adgrouplistcontrol .adgrouplistmovedown {
    margin-top: 80px;
}
/*Bubble Popup styles*/

#bubble_tooltip {
    /*width:167px;*/
    position: absolute;
    display: none;
}

.bubble {
    width: auto;
}

.bubbletopleft {
    background: url(images/bubble_top.gif) no-repeat 0% 0%;
    width: 15px;
    height: 6px;
    font-size: 11px;
}

.bubbletop {
    border-top: 1px solid #6f8a20;
    background: #a7e478;
    height: 6px;
    font-size: 11px;
}

.bubbletopright {
    background: url(images/bubble_top.gif) no-repeat 100% 0%;
    height: 6px;
    font-size: 11px;
    padding: 5px 5px 0px 0px;
}

.bubblemain {
    border-left: 1px solid #6f8a20;
    background: #a7e478;
    padding: 0px 0px 0px 10px;
    font-family: Verdana, Geneva, sans-serif;
}

.bubblemainright {
    background: url(images/bubble_middle.gif) repeat-y 100% 0%;
}

.bubblebottomleft {
    background: url(images/bubble_bottom.gif) no-repeat 0% 100%;
    width: 15px;
    height: 10px;
    font-size: 11px;
}

.bubblebottomright {
    background: url(images/bubble_bottom.gif) no-repeat 100% 100%;
    width: 15px;
    height: 10px;
    font-size: 11px;
}

.bubblebottom {
    background: url(images/bubblebottombg.gif) repeat-x 0% 100%;
    height: 20px;
    font-size: 11px;
}
/*Bubble Popup styles*/
.hDivBox table th {
    background: #15a163 !important;
    color: #FFFFFF !important;
    border-right: 1px solid #0077b7 !important;
    border-left: 1px solid #15a163 !important;
    padding: 5px !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.flexigrid div.bDiv td {
    padding: 5px !important;
}

.flexigrid div.hDiv {
    background: #15a163 !important;
}

.flexigrid div.pDiv {
    background: #FFFFFF !important;
    border-top: 1px solid #CCCCCC !important;
}

.leftNav {
    background: #F7F7F7;
    padding: 10px;
    padding-bottom: 21px;
}

    .leftNav h2 {
        font-family: Verdana, Arial;
        font-size: 18px;
        color: #15a163;
        padding: 10px 0px 10px 10px;
        margin: 0px 0px 20px 0px;
        border-bottom: 1px solid #CCCCCC;
    }

.footer_terms_theme {
    position: absolute;
    bottom: 0;
    left: calc(50% - 180px);
}

.loginfooter {
    display: none;
}

.loginBox #divLoginMain ul li.loginbut a.forgotPassword {
    display: none;
}

#divForgotPassword ul.loginwhite li.loginbut a.forgotPassword.backtologin, #divConfirmEmail ul.loginwhite li.loginbut a.forgotPassword.backtologin {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonbg {
        padding: 3px 20px 4px 10px;
    }
}
/* NEW CSS ICONS */



#Header {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999999999999999999 !important;
    width: 100%;
}

.content {
    padding-top: 52px !important;
}

.pGroup select {
    border: 1px solid #bdbdbd;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    width: auto;
    padding: 3px;
    background: #f7f7f7;
}

.filternav a.addnew {
    background: url(images/add-icon_small.png) no-repeat 10% 50%;
    float: left;
    padding-left: 22px;
    height: 15px;
    padding-top: 3px;
    font-size: 11px;
}

.filternav a.edit {
    background: url(images/edit-icon_small.png) no-repeat 15% 50%;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    height: 15px;
    padding-top: 3px;
    font-size: 11px;
}

.filternav a.delete {
    background: url(images/delete-icon_small.png) no-repeat 5% 30%;
    float: left;
    padding-left: 22px;
    padding-right: 10px;
    height: 15px;
    padding-top: 3px;
    font-size: 11px;
}

.filternav a {
    color: #666 !important;
}

#treeDiv .filternav p select {
    width: 100% !important;
}

.filternav .ucltdiv {
    border: 1px solid #bdbdbd;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px !important;
    width: auto;
    padding: 3px;
    background: #f7f7f7;
    border-radius: 7px;
    width: 98%;
}

.filternav .selectouter {
    width: 100% !important;
}

    .filternav .selectouter .ui-dropdownchecklist {
        width: 99% !important;
        font-size: 13px !important;
        border: none !important;
    }

.mapheader input[type="image"] {
    float: left;
    margin: 5px 7px 5px 7px;
    padding: 2px;
}
/* GRID HEADER COLOR */
.contentGridHeader, td.contentGridHeader {
    background: #15a163 !important;
    font-weight: normal !important;
}

    th, .contentGridHeader th a, .contentGridHeader td a, td.contentGridHeader a {
        font-weight: normal !important;
        font-size: 12px !important;
    }

.buttonbg {
    padding: 3px 10px 4px 10px;
    border-radius: 3px !important;
}

.bggreencolor {
    background: #e4f2d8 !important;
}

ul.listmenuleft li a {
    background: #c6ebbf !important;
    border-top: 1px solid #FFF !important;
    border-bottom: none !important;
    color: #666 !important;
}

ul.listmenuleft li.mnuselected a {
    background: #15a163 !important;
    color: #FFF !important;
}

.rpttextboxmedium, .rpttextboxauto, .rptbox input[type="text"] {
    width: 100px;
    border: 1px solid #BDBDBD;
    height: 23px;
    border-radius: 5px !important;
}

.reportbox {
    border-top: 2px solid #FFF;
}

#upRefreshGrid table.content {
    padding-top: 0px !important;
}

fieldset {
    border: 2px solid #DBE3E8 !important;
    margin: 5px 10px 5px 0px !important;
}

legend {
    /* padding: 0px 2px 2px 2px !important*/
}

.filternav {
    font-size: 12px;
}

    .filternav p {
        padding: 0px !important;
        margin: 0px !important;
        line-height: 100% !important;
    }

        .filternav p span a {
            margin-top: 3px !important;
        }

    .filternav .ucltdiv {
        margin-bottom: 5px !important;
    }

.flexigrid table th, .flexigrid table td {
    height: 20px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.flexigrid div.bDiv td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.rpttextboxnowidth {
    background: #FFF !important;
}

.leftnavgrid .bubble, .leftnavgrid .bubblemain {
    background: none !important;
    border: 0px solid #8f9da6 !important;
    font-size: 11px !important;
}

#bubble_tooltip {
    border-radius: 5px !important;
    border: 1px solid #8f9da6 !important;
    background: #FFF !important;
    box-shadow: -2px 5px 7px #CCC;
}

#gvCalendars {
    padding-top: 0px !important;
}

.searchboxpoppage {
    background: #15a163 !important;
    width: 99% !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #dee6ea !important;
    background-image: none;
    color: #15a163 !important;
    border-radius: 0px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #15a163 !important;
    background-image: none !important;
    border-radius: 0px !important;
}

.markerDetail table tr:first-child td {
    background: #15a163 !important;
    color: #FFF !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 4px 4px 0px 0px;
}

.markerDetail {
    background-color: none !important;
    border: 1px solid #15a163 !important;
    border-radius: 6px !important;
    padding-bottom: 5px !important;
}

    .markerDetail table tr td {
        /*width: 50% !important;*/
        text-align: left !important;
        color: #000 !important;
        background: #FFF !important;
    }

        .markerDetail table tr td b {
            color: #15a163 !important;
        }

.filternav select {
    width: 150px !important;
}

.sectionOneContent {
    border-left: 1px solid #cfd5d9 !important;
    background: url(../../images/driverapp_images/ajax-loader.gif) no-repeat 50% 50%, linear-gradient(to bottom, #11955a 0%, #439f75 100%) !important;
}

.rptbox .style2 input {
    margin-bottom: 6px !important;
}

.headerSearch input[type="text"] {
    outline: 0px !important;
}

#divReminder, #divAlarm, #divNotification {
    z-index: 999999999999999 !important;
}

.tracking:hover span, .reports:hover span, .tools:hover span, .kpi:hover span, .driverApp:hover span {
    background: url(./images/menubotom.png) no-repeat 50% 100% !important;
    position: absolute;
    bottom: -8px;
    height: 10px;
    width: 12px;
    display: block;
    left: 40px;
    z-index: 999999999999 !important;
}


/*#imgPopoutBtn {
    top: 7px !important;
    right: 60px !important;
    position: absolute !important;
}*/

#mapPanel {
    width: 99.8% !important;
    height: 99.6%;
    background: #FFF url(images/loginpagebg.jpg) no-repeat 0% 0%;
    border: 1px solid #E4E4E4;
}

div.maptext {
    color: #666 !important;
    font-family: verdana, Helvetica;
    font-size: 22px;
    font-weight: normal;
    padding: 30px 0px 0px 288px;
    white-space: normal;
}

.logout {
    border-radius: 0px;
    padding: 1px 6px 3px 6px;
    background: #15a163;
    color: white;
    font-weight: bold;
    text-decoration: none;
    float: right;
    margin-right: 77px;
    margin-top: 5px;
}

.mapDiv {
    padding: 5px;
    margin-bottom: 10px !important;
    font-size: 13px;
}
/*
.headerUser span.timerselected
{
background: #FFF url(images/alarm.png) no-repeat 57% 11%;
position: absolute;
display: block;
width: 40px;
height: 49px;
top: 20px;
left: 10px;
border: 2px solid #CCC !important;
border-bottom:none !important;
z-index:99999999999999999 !important;
     
}



.headerUser span.pinselected
{
background: #FFF url(images/reminder.png) no-repeat 58% 11%;
position: absolute;
display: block;
width: 40px;
height: 49px;
top: 20px;
left: 55px;
border: 2px solid #CCC !important;
border-bottom:none !important;
z-index:99999999999999999 !important;     

}

.headerUser span.messageselected
{
background: #FFF url(images/message.png) no-repeat 62% 11%;
position: absolute;
display: block;
width: 40px;
height: 49px;
top: 20px;
left: 110px;
border: 2px solid #CCC !important;
border-bottom:none !important;
z-index:99999999999999999 !important;     
}



#divAlarm, #divReminder, #divNotification
{
border: 2px solid #CCC !important;  
position: absolute;
right: 296px !important;
left:auto !important;
top: 69px !important;
/*height: 300px !important; 
width:600px;
background:#FFF !important;
    
}

 #divReminder
 {
    right: 251px !important;     
 }
#divNotification
{
    right: 196px !important;     
}
*/
.gridbox {
    display: block;
    position: absolute;
    right: 2px;
    background: #FFF !important;
    width: 80%;
    height: 200px;
    border: 1px solid #e4e4e4;
    z-index: 99999999999999999 !important;
    font-size: 11px;
    box-shadow: 0px 0px 8px #666;
}

.gridinner {
    height: 90%;
    overflow: auto;
    display: block;
    padding-left: 10px;
}

    .gridinner table label {
        white-space: nowrap !important;
    }

.ui-dropdownchecklist-text {
    color: #000 !important;
}

.content {
    height: 100% !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-size: 10px !important;
}

.ui-dropdownchecklist-dropcontainer {
    height: auto !important;
}

.fltright {
    padding: 0px !important;
}

.warantyinfo td {
    padding: 5px 10px 5px 5px;
}

.warantyinfo {
    height: 100%;
    font: 12px verdana;
}

#filterrptbox tr td {
    padding: 0px 3px !important;
}

#selectouter .rpttextboxnowidth {
    width: 400px !important;
}

#bubble_tooltip {
    left: 20px !important;
    z-index: 999999999999999 !important;
}

.ui-dropdownchecklist {
}

.sectionThreeContent {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.flexigrid div.bDiv {
    max-width: 100% !important;
}

.headerUser span.lgOut {
    float: left;
    width: 20px;
    height: 20px;
    display: block;
    margin-top: -4px;
    background: url(images/logout-down.png) no-repeat 50% 50%;
    cursor: pointer;
}

.rptbox .trCircularZone input[type="text"] {
    width: 150px;
}

.reportbownew table.rptbox td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

#divhLogout {
    background: #FFF;
    border: 1px solid #666666;
    width: 260px;
    color: #666 !important;
    height: 100px !important;
    position: absolute;
    right: 8px;
    top: 55px;
    z-index: 99999 !important;
    background: #FFF url("images/usericon.png") no-repeat 14px 45%;
}

    #divhLogout span#logoutpointer {
        background: url(./images/logout-top.png) no-repeat 0% 0% !important;
        position: absolute;
        top: -8px;
        right: 2px;
        display: block;
        z-index: 9999999999999999999999 !important;
        width: 15px;
        height: 15px;
    }

    #divhLogout table {
        width: 60%;
        float: right;
        margin-top: 20px;
    }

        #divhLogout table span {
            color: #5b717e;
            font-size: 12px;
            font-weight: normal;
            text-decoration: none;
            float: left;
            display: block;
            padding-left: 24px;
            padding-top: 4px;
            padding-bottom: 4px;
        }

            #divhLogout table span a {
                color: #5b717e;
                font-size: 12px;
                font-weight: normal;
                text-decoration: none;
            }

                #divhLogout table span:hover, #divhLogout table span a:hover {
                    color: #15a163;
                    text-decoration: underline;
                }

            #divhLogout table span.hUserSettings {
                background: url(./images/account.png) no-repeat 0% 50% !important;
                cursor: pointer;
            }

            #divhLogout table span.hlogoutnew {
                background: url(./images/logout.png) no-repeat 0% 50% !important;
            }
/* 3 DIV */
#uctlHeader1_divAlarm, #uctlHeader1_divReminder, #divNotification {
    border: 2px solid #CCC !important;
    position: absolute;
    right: 270px !important;
    left: auto !important;
    top: 55px !important; /*height: 300px !important;  */
    width: 800px;
    background: #FFF !important;
    z-index: 9999999999999999999999 !important;
}

    #uctlHeader1_divAlarm span#alarmpointer, #uctlHeader1_divReminder span#reminderpointer, #divNotification span#notificationpointer {
        background: url(./images/menutop.png) no-repeat 0% 0% !important;
        position: absolute;
        top: -8px;
        right: 85px;
        display: block;
        z-index: 9999999999999999999999 !important;
        width: 15px;
        height: 15px;
    }

    #uctlHeader1_divReminder span#reminderpointer {
        right: 35px !important;
    }

    #divNotification span#notificationpointer {
        right: 16px !important;
    }

#uctlHeader1_divAlarm {
    right: 275px !important;
}

#uctlHeader1_divReminder {
    right: 275px !important;
}

#divNotification {
    right: 242px !important;
}

#uctlHeader1_divAlarm, #uctlHeader1_divReminder, #divNotification, #divhLogout {
    box-shadow: 0px 3px 5px #CCC;
}

#gridDiv .contentGrid {
    background: none !important;
}

#wzViewGroup tr td:second {
    height: 485px !important;
}

.reportboxgrpmgmt {
    margin: 0px;
    font-size: 11px;
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 500px !important;
    overflow-y: auto;
}

    .reportboxgrpmgmt table {
        width: 90%;
        margin: 0px auto;
    }

#UpdatePanel1 {
    height: 220px;
    overflow: auto;
}

.trackingselected {
    background: #e6e6e6 url(images/trackingico.png) no-repeat 50% 5px;
    color: #066f40 !important;
}

.reportsselected {
    background: #e6e6e6 url(images/reportsico.png) no-repeat 54% 6px/32px;
    color: #066f40 !important;
}

.toolsselected {
    background: #e6e6e6 url(images/toolsico.png) no-repeat 50% 7px/29px;
    color: #066f40 !important;
}
/*KPI */
.kpiselected {
    background: #e6e6e6 url(images/kpi.png) no-repeat 50% 7px/29px;
    color: #066f40 !important;
}

.driverAppSelected {
    background: #e6e6e6 url(images/mDashboard_ho.png) no-repeat 50% 30%;
    color: White !important;
}
    /*KPI*/

    .trackingselected span, .reportsselected span, .toolsselected span, .kpiselected span, .driverAppSelected span {
        background: url(./images/menubotom.png) no-repeat 50% 100% !important;
        position: absolute;
        bottom: -8px;
        height: 10px;
        width: 12px;
        display: block;
        left: 40px;
        z-index: 999999999999 !important;
    }

td.contentTabConfigSelected, td.contentTabNormal {
    font-size: 13px !important;
}

.ui-dropdownchecklist-item:hover {
    background: #F2F2F2 !important;
}
/*
#upRefreshGrid
{
    height:100% !important;
    overflow-y:visible !important;
    display:block !important;
}

*/
.logouthover {
    background: url(./images/logout-hover.png) repeat-x 0% 0% !important;
    width: 230px;
    height: 69px;
    float: right;
}
/*Login Logout*/
#login {
    background: #009cdf;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.logout {
    width: 900px;
    margin: 0px 0px 0px auto;
    background: url(images/logoutbg.png) no-repeat 100% 0%;
    height: 566px;
    position: relative;
}

.logoutBox {
    position: absolute;
    top: 188px;
    left: 0px;
    width: 380px;
    padding: 30px 0px 30px 208px;
    background: url(images/loginlogo.png) no-repeat 0% 0%;
    font-size: 21px;
    color: #FFFFFF;
    line-height: 160%;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    -webkit-text-shadow: 0px 1px 0px #000000;
}

    .logoutBox span {
        font-size: 25px;
    }
/* LOGIN here */


#login {
    background: #009cdf;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(images/atrak.jpg) no-repeat 0% 0%;
}

.loginBox {
    width: 1000px;
    margin: 0px auto; /*background:url(images/loginbg.png) no-repeat 0% 0%;*/
    height: auto;
    position: relative;
}

.loginLeft {
    position: absolute;
    top: 188px;
    left: 114px;
    width: 380px;
    padding: 30px 0px 30px 208px; /*font-size:21px; to override image text*/
    font-size: 0px;
    color: #FFFFFF;
    line-height: 160%;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    -webkit-text-shadow: 0px 1px 0px #000000;
}

    .loginLeft span {
        /*font-size:26px; to override image text*/
        font-size: 0px;
    }

.loginRight {
    /*border-left:1px solid #59bfea;*/
    position: absolute;
    top: 190px;
    height: auto;
    width: 400px;
    left: 680px;
    padding: 100px 0px 0px 20px;
}

    .loginRight ul {
        margin: 0px;
        padding: 0px;
    }

        .loginRight ul li {
            margin: 0px 0px 10px 0px;
            position: relative;
            list-style: none;
        }

            .loginRight ul li.username, .loginRight ul li.password {
                background: #FFFFFF;
                padding: 0px 0px 0px 38px;
                width: 243px;
                height: 40px;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border: 1px solid #bdbdbd;
            }

                .loginRight ul li.username input[type="text"], .loginRight ul li.password input[type="password"] {
                    width: 235px;
                    padding: 9px 0px 9px 9px;
                    border: 0px;
                    outline: 0px;
                    color: #7b7b7b;
                    margin-left: -2px;
                }

    .loginRight#divPasswordChange .updatesection ul li.username input[type="text"], .loginRight#divPasswordChange ul li.password input[type="password"] {
        width: 100%;
    }

    .loginRight ul li span {
        position: absolute;
        width: 36px;
        height: 40px;
        background: #e4e4e4;
        left: 0px;
        top: 0px;
        border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        -webkit-border-radius: 4px 0px 0px 4px;
    }

    .loginRight ul li.username span {
        background: #e4e4e4 url(images/usernameicon.png) no-repeat 50% 50%;
    }

    .loginRight ul li.password span {
        background: #e4e4e4 url(images/passwordicon.png) no-repeat 50% 50%;
    }

        .loginRight ul li.password span.mem {
            background: #e4e4e4 url(images/M_PassWord.png) no-repeat 50% 50%;
        }

    .loginRight ul li.loginbut input {
        background: #15A163;
        width: 283px;
        border: 0px;
        text-align: center;
        padding: 10px 0px 10px 0px;
        color: #FFFFFF;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        font-size: 16px;
        text-shadow: 0px 1px 0px #000000;
        -moz-text-shadow: 0px 1px 0px #000000;
        -webkit-text-shadow: 0px 1px 0px #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        cursor: pointer;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange .updatesection ul li.loginbut input, .loginRight#divPasswordChange .updatesection ul li.loginbut input {
        width: 100% !important;
    }

.loginMessageError, #ValidationSummary1, #lblSubMessage {
    color: #FF0000 !important;
    font-size: 14px;
}

#lblOldPasswordMessage, #lblMessage {
    color: #FF0000 !important;
    font-size: 14px;
}

.asterix span {
    position: absolute !important;
    right: -15px !important;
    left: auto !important;
    background: none !important;
    width: 10px !important;
    height: 10px !important;
}
/* WIZARD CSS */

.schedulerLeft1 {
    background: #15a163 !important;
    background-image: none !important;
    color: #FFF !important;
    border: none !important;
}

.schedulerLeftlinkdisabled {
    background: #DBE3E8 !important;
    background-image: none !important;
    color: #FFF !important;
    border: none !important;
}

#vehiclereminderbody .content {
    padding-top: 0px !important;
}

#Grpviewbody select {
    width: 200px !important;
}
/*  changes till 18-06-2013 */

/*
 #treeDiv .buttonbg
 {
     width:100% !important;
     padding-top:10px  !important;
     padding-bottom:10px  !important;
 }
 
 .headerSearch input[type="image"]
 {
     margin-right:5px;
 }
   
   
   .ui-state-default  a
   {
       color:#000 !important;
   }
   

*/
.gridsettings {
    height: 20px;
    cursor: pointer;
    width: 20px;
    background: url('images/gearico.png') no-repeat 50% 50%;
}

.mappopout {
    height: 19px;
    cursor: pointer;
    width: 20px;
    background: url('images/pop-out-button.png') no-repeat 50% 50%;
}

.rptsearchtxtbox {
    height: 20px !important;
    width: 220px !important;
    border-radius: 5px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    outline: 0;
}

.dvPaging td table tr td {
    float: left !important;
    font-weight: normal !important;
    color: #15A163 !important;
    padding: 3px 5px 3px 5px !important;
}

    .dvPaging td table tr td a {
        color: #000;
    }
/* TAB REDESIGN */

.ui-widget-header {
    border: none !important;
    background: #FFF !important;
    border-radius: 0px !important;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: none !important;
        background: none !important;
        color: #666 !important;
        margin-right: 0px !important;
    }

.ui-tabs-nav {
    width: 98% !important;
    margin: 0px auto !important;
    border-bottom: 1px solid #CCC !important;
}

.ui-tabs .ui-tabs-nav {
    background: #E4F2D8 !important;
}

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        background: #fff !important;
        color: #666 !important;
        border-bottom: 0px !important;
        border-radius: 5px 5px 0px 0px !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        border-bottom: none !important;
        padding: 10px 10px 6px 10px !important;
        border-radius: 5px 5px 0px 0px !important;
        font-size: 11px !important;
        font-size: bold;
        color: #666;
        font-family: Verdana !important;
    }

.ui-tabs-nav li.ui-tabs-selected a {
    border-top: 3px solid #e40522 !important;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #fff !important;
    color: #15A163 !important;
}

#uwtcMain_tbl .uwtcMain_1, #uwtcMain_tbl .uwtcMain_2 {
    border-top: 3px solid #15A163 !important;
    border-left: 1px solid rgb(148, 156, 156) !important;
    border-right: 1px solid rgb(148, 156, 156) !important;
    border-bottom: 1px solid #fff !important;
    color: #15A163 !important;
    border-radius: 5px 5px 0px 0px !important;
    background: none !important;
    padding-right: 5px !important;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana;
}

#uwtcMain_tbl .uwtcMain_0, #uwtcMain_tbl .uwtcMain_0R, #uwtcMain_tbl .uwtcMain_1R, #uwtcMain_tbl .uwtcMain_2R {
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana;
}

#uwtcMain_tbl td {
    border-bottom: 1px solid rgb(148, 156, 156) !important;
}

#usersettingstable select, #clientdetailstable select {
    padding: 5px;
    border: 1px solid #CCCCCC;
    height: auto !important;
    min-width: 140px !important;
    width: auto !important;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 11px;
}

#uwtcMain_tbl td {
    background: #DBE3E8 !important;
}

#clientdetailstable select {
    width: 250px !important;
}

.roundedDropDown {
    padding: 3px;
    border: 1px solid #CCCCCC;
    height: auto !important;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 11px;
}

.wizardstep .reportbox, .wizardstep .rptbox {
    padding-left: 5px;
}

    .wizardstep .rptbox input[type="text"] {
        width: 200px !important;
    }

    .wizardstep .rptbox input#wzViewGroup_txtGroupView {
        width: 198px !important;
    }
/*
#wScheduler_ucGeneralSettings_imgAddEMail
{
right: -20px;
top: 45px;
position:absolute;
}
*/
#wScheduler_ucGeneralSettings_wdcStartDate {
    width: 92px !important;
}

.btnFloatRight {
    float: right;
}
/* newly added */
#wScheduler_ucReportDetails_btnAddNew {
    float: right;
}

#wScheduler_ucGeneralSettings_wdcStartDate_input {
    width: 75px !important;
}

#igtxtwScheduler_ucScheduleDetails_wdteStartTime input[type="text"], #igtxtwScheduler_ucScheduleDetails_wneRecurs {
    height: 20px !important;
    width: 40px !important;
}

.schdform input.rgt {
    float: right;
    padding-right: 10px;
}

.schdform .contentGrid {
    clear: both;
}

input.wdthtx1, select.wdthtx1, .wdthtx1 {
    width: 200px !important;
}

input.wdthtx2, select.wdthtx2, .wdthtx2 {
    width: 230px !important;
}

td.fltBox span {
    display: block;
    float: left;
    margin: 0px 5px 0px 0px;
}

td.fltBox input {
    float: left;
    margin: 0px;
}

td.txrgt {
    text-align: right;
}

.flexigrid #btnFindNearest.buttonbg, .flexigrid #gridsearchbtn {
    background: url(images/search.png) no-repeat 50% 50% !important;
    font-size: 0px !important;
    height: 20px;
    width: 20px;
}

.flexigrid #gridsearchbtn {
    padding-left: 23px !important;
}

.gridclear {
    background: none !important;
    border: none !important;
    text-decoration: underline;
}

    .gridclear:hover {
        color: Red;
        text-decoration: underline;
        cursor: pointer;
    }

#spPoi #txtPOI, #spRad #txtNearestradius, #spAddress #txtAddSearch {
    border-radius: 5px !important;
    height: 23px !important;
}

.boxheight {
    height: 22px !important;
}

.clearresult a, .gridclear, a.gridclear {
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: none;
    color: #15a163;
}

    .clearresult a:hover, a.gridclear:hover {
        color: Red;
        text-decoration: underline;
        cursor: pointer;
    }

.tableboxclearborder {
    border-top: 0px solid #f2f2f2 !important;
    border-left: 0px solid #f2f2f2 !important;
}

    .tableboxclearborder td {
        border-right: 0px solid #f2f2f2 !important;
        border-bottom: 0px solid #f2f2f2 !important;
    }

input[type="text"], select, textarea {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 11px;
}

.widthstd {
    width: 200px !important;
    min-width: 200px !important;
}

#wReminderDetails_ucReminderStep1_wdStartDate_input {
    width: 75px !important;
}

.buttonselectnw {
    background: url(images/edit-icon.png) no-repeat 50% 50% !important;
    font-size: 0px !important;
    height: 20px;
    width: 20px;
    vertical-align: top;
    cursor: pointer;
    border: 0px !important;
}

.noborder {
    border: none !important;
    background-color: Transparent !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 6px 11px 0px 11px !important;
}

.contentGridHeader th {
    border-right: 1px solid #FFF !important;
}

    .contentGridHeader th:last-child {
        border-right: none !important;
    }

.divclose {
    cursor: pointer;
    background: url(images/close.png) no-repeat 0% 0%;
    width: 14px;
    height: 13px;
    margin-top: 7px;
    float: right;
    padding-right: 9px;
}

.schedulerbox table tr table td:last-child {
    border: 0px !important;
}

.schedulerbox table tr td:last-child {
    border: 1px solid #15A163 !important;
}

#wzCustomRpt tr table td:last-child {
    border: 0px !important;
}

#wzCustomRpt tr td:last-child {
    border: 1px solid #15A163 !important;
}

#divGVDelete tr td {
    border: none !important;
}

#divGVDelete.reportbox {
    height: 100% !important;
}

.footerdiv {
    padding-top: 15px !important;
    background: url(/images/footer_logo.png) no-repeat 0% 0%/185px !important;
    text-align: right;
    padding-right: 27px;
}

.roundedTxt {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #DBE3E8;
}

.userheader {
    font-size: 12px !important;
    color: #15A163;
    font-family: Verdana;
    font-weight: bold;
}

.gridsettingheader {
    color: #15A163;
    font-family: Verdana;
    font-weight: bold;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid #15A163;
}

.sDiv2 .rpttextboxnowidth {
    min-width: 93px !important;
    width: 93px !important;
}

#gvUtilisation span, #gvUtilisation input[type="text"] {
    float: left !important;
}

#gvUtilisation span {
    width: 180px !important;
}

.ui-dropdownchecklist-text {
    width: 145px !important;
    overflow: hidden;
}

#dvTrackingGrid .rpttextboxnowidth .ui-dropdownchecklist, #dvTrackingGrid .rpttextboxnowidth .ui-dropdownchecklist-dropcontainer {
    width: 200px !important;
}

#dvTrackingGrid .rpttextboxnowidth .ui-dropdownchecklist-selector {
    width: 180px !important;
}

#dvTrackingGrid #lstFilter.rpttextboxnowidth, #dvTrackingGrid #lstMainActions.rpttextboxnowidth {
    width: 200px !important;
    height: 27px !important;
}

#wzViewGroup_UpdatePanel7 #wzViewGroup_dtlstSelectedVehicles table, #wzViewGroup_dtlstSelectedVehicles {
    width: 100% !important;
}

.wizardstep #ucltdiv .ui-dropdownchecklist-text {
    width: 168px !important;
    overflow: hidden;
}

.heightstd {
    height: 19px !important;
}
/*
Change Edit icon Pen-delete inline styles

a.buttonselectnw
{
    background:url(images/editcolor.png) no-repeat 50% 50% !important;
    font-size: 0px !important;
    height: 20px;
    width: 20px;
    vertical-align:top;
    cursor:pointer;
    border:0px !important;
    display:block;
}
a.buttonselectnw img
{
    visibility:hidden;
}*/

.nomargin {
    margin: 0px !important;
}

#frmZoneWizard #wzZoneWizard td:last-child table, #frmZoneWizard #wzRouteWizard td:last-child table {
    border: 1px solid #15A163 !important;
}

    #frmZoneWizard #wzZoneWizard td:last-child table tr td table, #frmZoneWizard #wzRouteWizard td:last-child table tr td table {
        border: none !important;
    }

#frmZoneWizard #tblContent tr td:first-child {
    border: none !important;
}

#frmZoneWizard #wzZoneWizard, #frmZoneWizard #wzRouteWizard {
    border: none !important;
}

.fromBorder {
    width: 95% !important;
    margin: 10px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    border: 1px solid #15A163 !important;
}

.navigation .navgtnbrdr .contentLabel {
    color: #15a163 !important;
}

input[type="file"] {
    font-family: Verdana;
    margin-left: 0px;
}

.poiDeleteClass {
    font: 0px !important;
    background: url(images/deletedriverpoi.png) no-repeat;
    height: 18px;
    width: 24px;
}

.floatanchor a {
    float: left;
    padding-right: 3px;
}

.leftnavgrid #ltResult {
    color: #15A163 !important;
}

.buttonbg {
    padding: 1px 7px 3px 7px;
    padding: 4px 7px 5px 7px \10 !important;
    padding: 4px 7px 5px 7px \9 !important;
    padding: 4px 7px 5px 7px \8 !important;
    padding: 4px 7px 5px 7px \7 !important;
    background: #34d50b url(images/grad_bg.png) repeat-x 100% 100%;
    background: -moz-linear-gradient(top, #34d50b, #0baf1c);
    background: -webkit-linear-gradient(top, #34d50b, #0baf1c);
    text-align: center;
    border: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    border-radius: 3px !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    cursor: hand;
    overflow: visible;
    cursor: pointer;
    margin: 5px 0px 5px 0px; /*height:20px;*/
}

#dvFilter {
    height: 32px !important;
}

.loginRight ul li.loginbut input {
    /*background:#0977af;*/
    width: 283px;
    border: 0px;
    text-align: center;
    padding: 10px 0px 10px 0px;
    color: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 16px;
    text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    -webkit-text-shadow: 0px 1px 0px #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    cursor: pointer;
    height: 40px !important;
}

#rptid tr td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.footercontainer span.copy {
    float: right;
}

#google_translate_element {
    position: relative;
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    top: -13px;
    margin: 0px 10px 0px 0px;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.goog-te-gadget select.goog-te-combo {
    font-size: 11px !important;
    border-radius: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
    font-size: 10px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonbg {
        padding: 3px 7px 4px 7px !important;
    }
}

.nopadding {
    padding: 0px !important;
}

.hghtwdth {
    height: 17px !important;
}

select.rpttextboxnowidth, select.widthstd {
    height: 24px !important;
}

#wzZoneWizard_dvSoftwareSummary, #wzZoneWizard_dvSoftwareSummary #divGeneral {
    padding-left: 0px !important;
}

#wzZoneWizard_tblSummary.profileEditform {
    margin: 10px !important;
    width: 97% !important;
}

.zonealertcls {
    color: #15a163;
    font-size: 12px;
    text-align: center;
}

#dvToolTipMessage, #dvToolTipFuel {
    color: #15a163;
    font-size: 11px;
    font-family: Verdana;
    text-align: left;
    background-color: #f2f5f7 !important;
}

a.edit {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/edit-icon.png) no-repeat 0% 0%;
}

a.delte {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/delete-icon.png) no-repeat 0% 0%;
}

.ui-menu-item, .ui-menu-item a, .ui-menu-item:hover, .ui-menu-item a:hover {
    font-size: 11px !important;
}

#wzGroupIcon TABLE {
    border: 1px solid #15A163;
}

.footercontainer .footercopyright {
    position: absolute;
    font-size: 9px;
    top: 17px;
    left: 270px;
}

.default_footer {
    display: none;
}

.login_menu {
    display: none;
}

@media only screen and (max-width: 1050px) {
    .headerLinks {
        left: 105px;
    }
}

.forgotPassword {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 107px;
    color: #15A163;
    display: block;
    font-size: 12px;
}

.loginRight ul li.atrackloginbut .forgotPassword {
    margin: 0px 100px;
}

.contactEnigma {
    margin: 0px 0px 0px 74px !important;
}

.notificationbox {
    position: fixed;
    top: 66px;
    right: 10px;
    padding: 8px 8px 8px 8px;
    z-index: 999999;
    color: #FFFFFF;
    font-size: 15px;
    width: auto;
    min-width: 200px;
    white-space: nowrap;
    max-width: calc(100% - 50px);
}

.notify_divMessage {
    right: 10px;
    padding: 8px 30px 8px 40px;
    z-index: 999999;
    color: #FFFFFF;
    font-size: 15px;
    width: auto;
    min-width: 200px;
    white-space: nowrap;
    max-width: calc(100% - 50px);
    text-align: left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    margin-top: 4px;
    position: relative;
}

.notify_GeneralMessage {
    background: #0085cc url(../../images/info-5-24.png) no-repeat 10px 50%;
}



    .notify_GeneralMessage:hover {
        background-color: #1897db; /*font-weight: bold;*/
    }

.notify_ErrorMessage {
    background: #d61b31 url(../../images/error-7-24.png) no-repeat 10px 50%;
}

    .notify_ErrorMessage:hover {
        background-color: #ea1e36; /*font-weight: bold;*/
    }

.notify_SucessMessage {
    background: #36ad6f url(../../images/ok-24.png) no-repeat 10px 50%;
}

    .notify_SucessMessage:hover {
        background-color: #52c067; /*font-weight: bold;*/
    }

.notify_WarningMessage {
    background: #e29016 url(../../images/warning-2-24.png) no-repeat 10px 50%;
}

    .notify_WarningMessage:hover {
        background-color: #f7b829; /*font-weight: bold;*/
    }

.notify_Close {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(../../images/closeicon.png) no-repeat 50% 50%;
}

.s_status a {
    font-size: 12px;
    text-align: left;
    display: block;
    text-decoration: underline;
    color: #FFFFFF;
    padding-left: 20px;
    color: #15A163;
}

#footer.FooterText {
    display: none;
}

.footer_theme {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 3em;
    font-size: 18px;
    display: block;
    margin: 0px auto;
    width: 360px;
    padding-top: 123px;
}

    .footer_theme ul {
        margin: -2px;
        padding: 0px;
    }

        .footer_theme ul li {
            float: right;
            padding-top: 10px;
            display: inline-block;
            margin-right: 30px;
        }

            .footer_theme ul li a {
                text-decoration: none;
                color: Black;
            }

.footer_terms_theme {
    display: none;
}

p.atracktterms {
    text-align: center;
    max-width: 285px;
    margin-top: 20px;
}

    p.atracktterms span {
        display: block;
    }

        p.atracktterms span a {
            display: inline-block;
            padding: 0px 10px;
            text-align: center;
            font-size: .9rem;
            color: #15A163;
            position: relative;
        }

            p.atracktterms span a:nth-child(1):after {
                content: "";
                right: 0px;
                top: 2px;
                bottom: 2px;
                width: 1px;
                background: rgba(0, 0, 0, .35);
                position: absolute;
            }

p.email {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#spanimage, #lblEmailNotify {
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
}

#lblEmailNotify {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    max-width: 250px;
    color: #15A163;
    padding: 0px 0px 0px 10px;
    margin-bottom: 10px;
}

#divMemWord, #divEmailCapture {
    position: fixed; /* Stay in place */
    z-index: 99999999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

#fraMemWord, #fraEmailCapture {
    background: #f3f3f3;
    width: 420px;
    height: 360px;
    position: absolute;
    top: calc(50% - 180px);
    left: calc(50% - 200px);
}

.memorablewordpopup {
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .memorablewordpopup h2 {
        text-align: left;
        color: #15A163;
        font-size: 25px;
        font-weight: normal;
        margin: 0px;
        padding: 0px 0px 20px 0px;
    }

    .memorablewordpopup p {
        margin: 0px;
        padding: 0px;
        font-size: 12px;
    }

    .memorablewordpopup ul {
        margin: 0px;
        padding: 20px 0px 0px 0px;
    }

        .memorablewordpopup ul li {
            list-style: none;
            margin: 0px 0px 12px 0px;
        }

            .memorablewordpopup ul li span {
                display: block;
                font-size: 11px;
                margin: 0px 0px 5px 0px;
            }

            .memorablewordpopup ul li select {
                width: 100%;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                border: 1px solid #CCCCCC;
                padding: 5px;
                line-height: inherit;
                height: 30px;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

            .memorablewordpopup ul li input[type="text"], .memorablewordpopup ul li input[type="password"] {
                width: 100%;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                border: 1px solid #CCCCCC;
                padding: 5px;
                line-height: inherit;
                height: 30px;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

    .memorablewordpopup p.frgt {
        padding: 0px;
        margin: 0px;
    }

        .memorablewordpopup p.frgt a {
            font-size: 11px;
            text-decoration: none;
            color: #1e61cc;
        }

    .memorablewordpopup p.btns {
        margin: 0px;
        padding: 20px 0px 0px 0px;
    }

        .memorablewordpopup p.btns input[type="submit"] {
            background: #15A163;
            padding: 10px 0px;
            width: 100%;
            text-align: center;
            font-size: 13px;
            color: #FFFFFF;
            font-weight: bold;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border: 0px;
            cursor: pointer;
        }

#memHelpText, #emailHelpText {
    color: #959494;
    font-size: 10.5px;
    padding: 3px;
}
/* Password indicator */

.strengthify-wrapper {
    margin-left: -38px;
    margin-top: 44px;
    position: relative;
}

    .strengthify-wrapper > * {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

.strengthify-bg, .strengthify-container, .strengthify-separator {
    height: 3px;
}

.strengthify-bg, .strengthify-container {
    display: block;
    position: absolute;
    width: 100%;
}

.strengthify-bg {
    background-color: #BBB;
}

.strengthify-separator {
    display: inline-block;
    position: absolute;
    background-color: #FFF;
    width: 3px;
    z-index: 10;
}

.password-bad {
    background-color: #C33;
}

.bad {
    color: #C33;
}

.password-medium {
    background-color: #F80;
}

.medium {
    color: #F80;
}

.password-good {
    background-color: #3ed13e;
}

.good {
    color: #3ed13e;
}

.password-strong {
    background-color: #08a408;
}

.strong {
    color: #08a408;
}

div[data-strengthifyMessage] {
    padding: 3px 8px;
}

.strengthify-tiles {
    float: right;
    margin-top: 4px;
    font-size: 11px;
    position: absolute;
    margin-left: 245px;
}

.twitter_wrapper {
    display: none;
}
/* Impersonate User JQ Grid (only color related)*/
.ui-jqgrid-labels {
    background-color: #15a163 !important;
    color: #fff !important;
    padding: 1% !important;
}

.ui-jqgrid-sortable:hover {
    background-color: #15a163 !important;
    color: #fff !important;
}

.ui-jqgrid .ui-jqgrid-btable tr:nth-child(odd) td {
    background: #f5f5f5 !important;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar {
    background: #f5f5f5 !important;
}

.ui-jqgrid .ui-jqgrid-labels th.ui-th-column:hover {
    background: #15a163;
}

.loading {
    background: #fff !important;
    padding: 10px !important;
    border: 1px #828282 solid !important;
}

.memrbl_wrd_pp {
    width: 420px;
    min-height: 388px;
    position: absolute;
    left: calc(50% - 210px);
    top: calc(50% - 215px);
    background: #f3f3f3;
    padding: 20px;
    border: solid 2px #666;
    z-index: 999;
}

.memorablewordpopup_wrpr {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover !important;
    background: url(images/atrak.jpg) no-repeat 100% 0%;
}

    .memorablewordpopup_wrpr:after {
        content: "";
        left: 0;
        bottom: 0;
        width: 100%;
        height: 300px;
        position: absolute;
        background: url(images/skyline_loginbuldings.png) repeat-x 50% 100%/61%;
    }

.memorablewordpopup_ovrly {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}
/******** GDPR Notification Box *************/
.gdprnotificationbox {
    position: fixed;
    bottom: -250px;
    right: 10px;
    padding: 8px 8px 8px 8px;
    z-index: 999999;
    font-family: Verdana, Geneva, sans-serif;
    color: #666;
    font-size: 13px;
    width: auto;
    min-width: 200px;
    white-space: pre-wrap;
    max-width: calc(100% - 40px);
    word-wrap: break-word;
}

.gdprnotify_divMessage {
    right: 10px;
    padding: 8px 30px 8px 40px;
    z-index: 999999;
    font-family: Verdana, Geneva, sans-serif;
    color: #666;
    font-size: 13px;
    width: auto;
    min-width: 200px;
    white-space: pre-wrap;
    max-width: calc(100% - 50px);
    text-align: left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    margin-top: 4px;
    position: relative;
}

.gdprnotify_Message {
    background: #c6ebbf;
}

    .gdprnotify_Message:hover {
    }

.gdprnotify_Close {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(images/close.png) no-repeat 100% 0%;
}
/******** End GDPR Notification Box *************/

/******** Head Way App style *************/

/*.headwaylnk {
    display: block;
    width: 33px;
    height: 32px;
    top: 227px;
    position: absolute;
    left: -33px;
    background: url('images/HeadWay_Atrak.png') no-repeat 0% 0% / 100%;
    box-shadow: 0px 3px #888888;
    border-radius: 0px 50px 50px 0px;
}

    .headwaylnk #HW_badge_cont {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        position: relative;
    }

        .headwaylnk #HW_badge_cont #HW_badge {
            position: absolute;
            top: -5px;
            right: -1px;
            left: auto;
        }

#HW_frame_cont {
    top: 277px !important;
    left: -100% !important;
    transition: all ease 1s !important;
    margin: 0px !important;
}

    #HW_frame_cont:after {
        content: "";
        position: absolute;
        top: -2px;
        right: -33px;
        width: 33px;
        height: 33px;
        background: url(images/HeadWay_Atrak.png) no-repeat 0% 0% / 100%;
    }

    #HW_frame_cont.HwCustomHeader.HW_visible {
        left: 0px !important;
        border-top-right-radius: 0px;
    }

.headwaydetails {
    position: absolute;
    left: -340px;
    width: 340px;
    height: auto;
    background: #FFFFFF;
    top: 137px;
}

    .headwaydetails.open {
        left: 0px;
        transition: all ease .5s;
        -moz-transition: all ease .5s;
        -webkit-transition: all ease .5s;
    }

#HW_badge {
    visibility: hidden;
}*/

#HW_badge {
    border-radius: 20px;
    background: #CD4B5B;
    height: 16px;
    width: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    cursor: pointer;
    position: absolute;
    top: -8px !important;
    left: 17px !important;
    opacity: 0;
    /*transform: scale(0);*/
    transition: all 0.3s;
}

#HW_badge_cont {
    display: block;
    height: 25px !important;
    width: 25px !important;
    cursor: pointer;
    position: relative;
}

.outercont .innercont h3 {
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 600;
    font-size: 14px;
    padding: 15px 23px;
    line-height: 21px !important;
}

.headerUser span.CHANGE_THIS {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 18px;
    left: 165px;
    background: url('images/HeadWay_Atrakicon.png') no-repeat 0% 0%;
    padding-right: 12px;
}
/******** End Head Way App style *************/

/*Driver performance alert style*/

input[type="text"]#txtDriverSearch {
    width: 100%;
    display: block;
    margin: 0px 0px 3px 0px;
    height: 27px;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #cedee9;
}

    input[type="text"]#txtDriverSearch::-webkit-input-placeholder {
        color: #ccc;
    }
/*End Driver performance alert style*/

/*Stop Alert Report style*/
.reg-popup-content {
    padding: 7px 5px 5px 7px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #333;
}
/*End Stop Alert Report style*/

/*Check box and its content on same line alignment*/
[type="checkbox"] {
    vertical-align: middle;
}
/*End Check box and its content on same line alignment*/

/*Fix for Flickering issue in spinbutton---START */
table.timePickerSpinNormal td table td {
    background-color: buttonface !important;
    border-style: Outset Ridge Ridge Outset !important;
    font-size: 1pt;
    border-width: 2px !important;
    border-color: White #A0A0A0 #A0A0A0 White !important;
}

    table.timePickerSpinNormal td table td:hover {
        background-color: buttonface !important;
        border-style: Outset Ridge Ridge Outset !important;
        font-size: 1pt;
        border-width: 2px !important;
        border-color: buttonface buttonface buttonface buttonface !important;
    }
/*Fix for Flickering issue in datepicker---END */

/* Zone Group*/
.sk_zonegroup {
    border: 1px solid #15a163;
    max-width: 1000px;
    margin: 0px auto;
}

    .sk_zonegroup * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-family: Verdana, Geneva, sans-serif;
    }

.zonebox {
    padding: 0px 20px 10px 20px;
    position: relative;
}

p.dragdrop {
    margin: 0px;
    padding: 0px 0px 5px 10px;
    font-size: 11px;
    font-style: italic;
    color: #8e8181;
}

.zonebox:after {
    display: block;
    clear: both;
    content: "";
}

.zonesub {
    background: #f2f2f2;
    padding: 10px;
    border: 2px dotted #CCCCCC;
    border-radius: 10px;
    float: left;
    margin: 0px 5px 0px 0px;
    width: calc((100%/2) - 5px);
    min-height: 400px;
    position: relative;
}

    .zonesub.selectedzones {
        margin: 0px 0px 0px 5px;
    }

    .zonesub > h5 {
        position: relative;
        font-size: 14px;
        color: #15a163;
        font-weight: 600;
        margin: 0px;
        padding: 0px 0px 10px 0px;
    }

.selectall {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    color: #15a163;
}

.zonesub p.search {
    margin: 0px;
    padding: 0px;
}

    .zonesub p.search input[type="text"] {
        width: 100%;
        border: 1px solid #d5d5d5;
        border-radius: 4px;
        background: #FFFFFF;
        padding: 8px 5px;
    }

.zonesub ul.zonelist {
    margin: 0px;
    padding: 20px 0px;
}

    .zonesub ul.zonelist:after {
        display: block;
        clear: both;
        content: "";
    }

    .zonesub ul.zonelist li {
        list-style: none;
        float: left;
        width: Calc((100%/3) - 11px);
        margin: 0px 5px 10px 5px;
        min-height: 80px;
        background: #FFFFFF;
        border-radius: 10px;
        overflow: hidden;
    }

        .zonesub ul.zonelist li > h3 {
            margin: 0px;
            padding: 5px 8px;
            background: #15a163;
            position: relative;
        }

            .zonesub ul.zonelist li > h3 span.close {
                position: absolute;
                right: 7px;
                top: 5px;
                width: 16px;
                height: 16px;
                color: #FFFFFF;
                font-weight: 500;
                font-size: 14px;
                cursor: pointer;
            }

        .zonesub ul.zonelist li > h4 {
            margin: 0px;
            padding: 10px 0px 5px 10px;
            font-size: 13px;
            color: #000000;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: calc(100% - 10px);
            overflow: hidden;
        }

        .zonesub ul.zonelist li > h5 {
            margin: 0px;
            padding: 0px 0px 5px 10px;
            font-size: 12px;
            color: #000000;
            font-weight: 500;
        }

        .zonesub ul.zonelist li > h6 {
            margin: 0px;
            padding: 0px 0px 5px 10px;
            font-size: 11px;
            color: #CCCCCC;
            font-weight: 500;
        }
/*Driver App Chat Notification for header*/

.headerLinks a.driverApp label, .headerLinks a.driverAppSelected label {
    position: absolute !important;
    top: 2px;
    left: 57px;
    border-radius: 5px;
    background: rgb(255, 0, 0);
    padding: 3px;
    font-size: 10px;
    color: rgb(255, 255, 255);
}

.headerUser span.timer span.timerpopup, .headerUser span.message span.timerpopup {
    /* width: 21px;     height: 21px;*/
    /*background: url(images/timerpopup.png) no-repeat bottom right;
        position: absolute;
        padding: 1px 3px 7px 2px;
        top: 1px;
        right: -1px;
        margin: -19px -4px 0px -1px;
        display: none;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 11px;*/
    position: absolute !important;
    top: 1px;
    right: -1px;
    border-radius: 5px;
    background: rgb(255, 0, 0);
    padding: 3px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    margin: -19px -4px 0px -1px;
}

.ImgBtnDelte {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/delete-icon.png) no-repeat 0% 0%;
}

.ImgBtnAddSchedule {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/Addscheduler.png) no-repeat 0% 0%;
}

ImgBtnClone {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/clone.png) no-repeat 0% 0%;
}

.ImgBtnEdit {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/edit-icon.png) no-repeat 0% 0%;
}

.ImgBtnDetails {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/Details.png) no-repeat 0% 0%;
}
/*<!-- BIK Management-->*/


.bik_drvjrny_header:before {
    background: #15a163 !important;
}
/*----Zoho-------*/

#zohohc-asap-web-modulecontentbox * {
    font-size: 11px !important;
}

#zohohc-asap-web-launcherbox {
    z-index: 9999999999 !important;
    height: 30px;
    width: 30px;
    left: 5px !important;
    bottom: 43px !important;
}
/*#zohohc-asap-web-launcherbox svg.zohohc-dadbf00245 {
        height: 22px;
        width: 22px;
    }*/

#zohohc-asap-web-layoutbox {
    z-index: 9999999999 !important;
    top: 5px;
    height: calc(100% - 5px);
}

#zohohc-asap-web-ticketform-reset {
    display: none !important;
}

.zohohc-751d60c241 {
    visibility: hidden;
}

#zohohc-asap-web-header .zohohc-e6b8ce171a {
    display: none;
}

#zohohc-asap-web-ticketform-field-cf_brand_name, #zohohc-asap-web-ticketform-field-cf_user_id {
    display: none;
}

#zohohc-asap-web-modulecontentbox table td {
    padding: 5px;
    font-size: 11px;
    vertical-align: top;
}

    #zohohc-asap-web-modulecontentbox table td.tdZohoSubject {
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
    }

    #zohohc-asap-web-modulecontentbox table td.tdZohoCreatedDate {
        text-align: left;
    }

#zohohc-asap-web-modulecontentbox table th {
    padding: 5px 0px 0px 5px;
    font-size: 11px !important;
    vertical-align: top;
    font-weight: 700 !important;
    position: sticky;
    top: 0px;
    background: #FFFFFF;
    color: #203e62;
}

#zohohc-asap-web-modulecontentbox table td a.moreDetails {
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(images/driverapp_images/status_icon.png);
    background-repeat: no-repeat;
    margin: 0px auto;
    cursor: pointer;
}

.zohohc-asap-web-contentlayout * {
    font-family: Verdana, Arial !important;
}

.divZohoTicketDetails.showTicketDetails {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 40%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    opacity: 1;
    border-radius: 10px;
}

.divZohoTicketDetails {
    top: 100%;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    opacity: 0;
    z-index: 99999;
    bottom: 0px;
}

#zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table {
    width: 100%;
    border-collapse: collapse;
}

    #zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table td, #zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table th {
        padding: 5px;
        font-size: 11px;
        vetical-align: top;
    }

    #zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table th {
        font-weight: 600;
    }

#divPopupDetails {
    padding: 10px;
    height: 100%;
}

.closeTicketDetails {
    position: absolute;
    right: 5px;
    top: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(/images/cross.png) no-repeat 50% 50%;
    background-size: 12px auto;
}

    .closeTicketDetails img {
        display: none;
    }

#zohohc-asap-web-modulecontentbox table {
    width: 100% !important;
    border-collapse: collapse;
}

.stickyTop .zohohc-ab7045c516 {
    height: 40px !important;
}

.zohohc-0ede64c573 {
    height: 46px !important;
}

.divPopupDetails {
    padding: 10px;
    height: 100%;
}

    .divPopupDetails h1 {
        font-size: 14px;
        margin: 0px;
        padding: 0px 20px 5px 0px;
    }

    .divPopupDetails ul {
        margin: 5px 0px;
        max-height: calc(100% - 60px);
        overflow: auto;
        padding: 10px 0px;
        padding-right: 10px;
        border-top: 1px solid #CCCCCC;
    }

        .divPopupDetails ul li.clsLastpopupli {
            margin: 0px !important;
            border-bottom: 0px !important;
        }

        .divPopupDetails ul li {
            list-style: none;
            margin: 0px 0px 10px 0px;
            padding-bottom: 8px !important;
            border-bottom: 1px solid #d1d1d1 !important;
        }

            .divPopupDetails ul li > label {
                display: block;
            }

            .divPopupDetails ul li > span {
                display: block;
                margin-top: 5px;
                font-weight: 600;
            }

    .divPopupDetails .descriptionFont {
        font-size: 11px !important;
        font-weight: 400;
    }

#zohohc-asap-web-layoutbox * {
    font-family: verdana, arial !important;
}

.dvNoTickets {
    position: absolute;
    width: 300px;
    height: 280px;
    left: calc(50% - 150px);
    top: calc(50% - 140px);
    text-align: center;
    font-weight: bold
}

    .dvNoTickets svg {
        width: 100% !important;
        height: 220px;
    }

.tdZohoListHead {
    text-align: left !important;
    width: 220px;
}

.tdZohoCreatedHead {
    text-align: left !important;
    width: 100px;
}

.tblHeaderList td, .tblHeaderList th {
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 7px !important;
    border-collapse: collapse;
    border-right: 0px;
    border-spacing: 0px !important;
}

.zohohc-d9953ae8f6 {
    overflow: auto;
}

.global_themescreateinnersub .zohohc-b0ff5ab0ca {
    padding: 10px;
    font-size: 11px;
}

​​​​​​​​​​ .zohohc-148d7423f1 {
    ​​​​​text-overflow: ellipsis;
    word-break: break-word;
    line-height: var(--zohohc_asap_web_applineheight_bodyvalues_2);
    font-size: var(--zohohc_asap_web_appfontsizes_headline_6);
    flex: 1 1 0%;
    font-size: 11px !important;
}

.zohohc-148d7423f1 {
    font-size: 11px !important;
    margin: 0px !important;
}

.sty__ucyg3a__cls {
    font-size: 16px !important;
    margin: 0px !important;
}

.zohohc-78306b4fc4.zohohc-5fd6c6d383 * {
    font-size: 11px !important;
}

#zohohc-asap-web-ticketform-section-case_information {
    padding: 12px 0px !important;
    font-size: 11px !important;
}

.zohohc-ef2df0fdca {
    line-height: 100% !important;
    margin-bottom: 5px !important;
    padding: 0px !important;
}

#zohohc-asap-web-ticketform-field-subject {
    margin-bottom: 25px !important;
}

.zohohc-18e11085c9 {
    font-size: 15px !important;
    font-weight: bold !important;
}

.global_themescreateinnersub .zohohc-b0ff5ab0ca {
    padding: 10px !important;
}
/*.zohohc-f386af0cb1 {
    display: none !important;
}*/

.zohohc-68f6a9f4d9 {
    display: none !important;
}

.divPopupDetails * {
    font-size: 11px;
}

.text-inner {
    width: 30%;
    text-align: center;
    z-index: 0;
    position: absolute;
    background-color: white;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    top: 30%;
}

    .text-inner h1 {
        font-weight: 900;
        text-align: center;
        margin: auto;
        font-size: 13px;
        color: #395D6D;
        letter-spacing: .10rem;
        padding-bottom: .5rem;
        padding: 0px 0px 0px 0px !important;
    }

    .text-inner h2 {
        font-weight: 400;
        text-align: center;
        margin: auto;
        color: #395D6D;
        letter-spacing: .10rem;
        padding-bottom: 2rem;
    }

.ímgStatusDescBox {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px 3px 0px;
}

.zohohc-a830a04577 {
    height: 150px !important;
}

#zohohc-asap-web-launchermain .zohohc-dadbf00245 {
    width: 20px !important;
}

#zohohc-asap-web-bodylayout {
    box-shadow: 2px -1px 19px 2px rgb(0 0 0 / 40%) !important;
}
/*? css*/
#zohohc-asap-web-launchermain svg {
    width: 20px;
}

#zohohc-asap-web-footer {
    height: 45px;
}

#zohohc-asap-web-launcherbox-close {
    height: 45px;
    width: 45px;
}

div[data-id="zohohc-asap-web-widget-item-0"] {
    visibility: hidden !important;
}

span[data-id="zohohc-asap-web-goback"] {
    display: none !important;
}

.stickyTop .zohohc-137c977e68 {
    height: 40px !important;
}
/*Theme Changes*/
#zohohc-asap-web-header {
    background: linear-gradient(left, #119359, #24a468) !important;
    background: -webkit-linear-gradient(left, #119359, #24a468) !important;
    background: -moz-linear-gradient(left, #119359, #24a468) !important;
}

#zohohc-asap-web-launcherbox {
    background: #119359 !important;
}

#zohohc-asap-web-ticketform-add-attachment svg {
    color: #119359 !important;
}

#zohohc-asap-web-launcherbox-close {
    background: #119359 !important;
}

a[data-id="zohohc-asap-web-article-permalink"] svg {
    color: #119359 !important;
}

b[data-id="zohohc-asap-web-kbdetailpage-st"] {
    color: #119359 !important;
}

button[data-id="zohohc-asap-web-article-feedbackform-send"] {
    background: #119359 !important;
    border: 1px solid #119359 !important;
}

span[data-id="zohohc-asap-web-attachmentitem-delete-51334000000209014"] {
    background: #119359 !important;
}

.zohohc-e6cf8af492 {
    background: #119359 !important;
    width: 46px !important;
    height: 46px !important;
}

.zohohc-c3df76e427 {
    background: #119359 !important;
}

#zohohc-asap-web-ticketform-submit {
    background: #119359 !important;
    border: 1px solid #119359 !important;
}

.zohohc-037b7fe612 .zohohc-c6272515d0 {
    color: #119359 !important
}

#zohohc-asap-web-modulecontentbox table th {
    color: #119359;
}

.zohohc-ce9ae99941 {
    background: #119359 !important;
}

.zohohc-148d7423f1::after {
    border-bottom: 3px solid #119359 !important;
}

.zohohc-5021fab23f {
    color: #119359 !important;
}

.zohohc-aaab5308c8::after {
    border-bottom: 3px solid #119359 !important;
}

button.zohohc-92a1612696.zohohc-893cdc28db {
    background: #119359 !important;
    border: 1px solid #119359 !important;
}

.zohohc-75a9a64393 {
    background-color: #119359 !important;
}

/* Added for making Responsive design--> Changed by Riya Kaduthus 19OCT2021*/
@media screen and (max-width:600px) {
    .notify_divMessage {
        /*right: 10px;
left:10px;*/
        white-space: normal;
    }

    .loginBox.resetloginBox {
        height: auto;
        min-height: inherit;
    }

    .loginmain .viasat {
        width: 197px;
        height: 60px;
        background: #FFFFFF url(images/visatconnect.png?v=1.0) no-repeat 50% 50%;
        background-size: auto 60px;
        border-radius: 4px;
    }

    .loginmain ul.login_menu {
        position: relative;
        left: inherit;
        top: inherit;
        margin: 10px auto;
        right: inherit;
        text-align: center;
    }

        .loginmain ul.login_menu li a {
            margin: 0px 10px;
        }

    .loginBox.resetloginBox .loginRight.resetloginRight {
        padding: 80px 0px 0px 0px;
        background: url(images/Skyline_Logo.png?v=1.0) no-repeat 50% 10px;
        background-size: auto 50px;
        width: calc(100% - 40px);
    }

        .loginBox.resetloginBox .loginRight.resetloginRight ul {
            padding: 20px;
        }

    .loginfooter {
        position: relative;
        left: inherit;
        bottom: inherit;
        right: inherit;
    }
}
/* Added for Reset Password--> Changed by Shemeem 28OCT2021*/
.loginBox.resetloginBox {
    width: 100%;
    height: 530px;
}

.loginRight#divPasswordChange {
    max-width: 600px;
    top: inherit;
    right: 20px;
    left: inherit;
    width: auto;
    bottom: 0px;
}

    .loginRight#divPasswordChange * {
        box-sizing: border-box;
    }

    .loginRight#divPasswordChange .updatesection {
        background: #FFFFFF;
        padding: 30px 30px 20px 30px;
        border-radius: 10px;
        box-shadow: 0px 0px 18px #30ace2;
        min-width: 550px;
    }

        .loginRight#divPasswordChange .updatesection:after {
            clear: both;
            content: "";
            display: block;
        }

        .loginRight#divPasswordChange .updatesection ul {
            width: 54%;
            float: left;
            border: 0px;
            box-shadow: none;
            padding: 5px 0px 0px 0px;
        }

            .loginRight#divPasswordChange .updatesection ul li {
                position: relative;
                width: 100%;
                margin: 0px 0px 25px 0px;
            }

                .loginRight#divPasswordChange .updatesection ul li.loginbut {
                    margin: 0px;
                }

                .loginRight#divPasswordChange .updatesection ul li.password.second {
                    margin-bottom: 10px;
                }

    .loginRight#divPasswordChange ul li.username input[type="text"], .loginRight#divPasswordChange ul li.password input[type="password"], .loginRight#divPasswordChange ul li.password input[type="text"] {
        padding: 18px 0px 18px 10px;
        border: 0px;
    }

    .loginRight#divPasswordChange .updatesection ul li span.hideIcon {
        position: absolute;
        top: 5px !important;
        right: 0px !important;
        left: inherit !important;
        background: none !important;
    }

    .loginRight#divPasswordChange .updatesection .mandotorynotes {
        /*padding: 0px 0px 0px 50px;*/
        float: right;
        width: 46%;
        padding-left: 16px;
    }

        .loginRight#divPasswordChange .updatesection .mandotorynotes h3 {
            font-size: 14px;
            margin: 0px 0px 10px 0px;
            color: #003093;
        }

        .loginRight#divPasswordChange .updatesection .mandotorynotes ul {
            margin: 0px;
            padding: 0px;
            float: none;
            width: 100%;
        }

            .loginRight#divPasswordChange .updatesection .mandotorynotes ul li {
                list-style: none;
                margin: 0px 0px 5px 0px;
                padding: 0px 0px 5px 30px;
                font-size: 12px;
                position: relative;
                line-height: 14px;
                width: 100%;
            }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.valid {
                    color: #53BD66;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li p {
                    padding-top: 5px;
                    margin: 0px;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.info:before {
                    content: url(/images/infoicon.png);
                    color: blue;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.invalid {
                    color: #F00;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li:before {
                    content: url(/images/Redcross.png);
                    display: block;
                    position: absolute;
                    top: 4px;
                    left: 5px;
                    width: 20px;
                    height: 20px;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.valid:before {
                    content: url(/images/GreenCheck.png);
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.invalid:before {
                    /*background: #F00;*/
                }

.strengthify-tiles {
    margin-top: 4px;
    font-size: 11px;
    position: absolute;
    left: 0px;
    text-align: center;
    margin-left: 47%;
}
/*otpstyle*/
.loginRight ul li.password input[type="text"] {
    width: 235px;
    padding: 9px 0px 9px 10px;
    border: 0px;
    outline: 0px;
    color: #7b7b7b;
    margin-left: -2px;
}

.loginRight ul li.otpsection {
    display: flex;
    justify-content: space-between;
    max-width: 283px;
}

    .loginRight ul li.otpsection span {
        display: inline-block !important;
        position: relative !important;
        margin: 0px !important;
        width: auto !important;
        background: none !important;
        height: auto;
    }

        .loginRight ul li.otpsection span a.forgotPassword {
            margin: 0px;
            cursor: pointer;
            text-decoration: underline;
        }

@media screen and (max-width:1600px) {
    .loginBox.updatepassword {
        width: 100% !important;
    }

        .loginBox.updatepassword .loginRight#divPasswordChange {
            bottom: inherit;
            top: 170px;
            right: 50px;
            width: 630px;
        }

            .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
                width: 630px;
                bottom: inherit;
            }
}

@media screen and (max-width:1100px) {
    body#login {
        background: none;
    }

    .loginRight#divPasswordChange {
        left: 30px;
        right: 30px;
        max-width: inherit;
        padding: 0px 20px;
    }

    .loginBox.resetpassword .loginRight#divPasswordChange, .loginBox.resetloginBox .loginRight#divPasswordChange {
        max-width: 600px !important;
        margin: 0px auto;
    }

    .loginBox.resetloginBox .loginRight#divPasswordChange {
        padding-top: 250px;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange {
        left: calc(50% - 315px);
    }

    .loginmain, .loginBox {
        width: 100%;
    }

    .loginLeft {
        display: none
    }

    .loginRight {
        margin: 0px;
        padding: 280px 20px 0px 20px;
        position: relative;
        left: inherit;
        top: inherit;
        width: 100%;
        right: inherit;
        bottom: inherit;
    }

        .loginRight:before {
            content: "";
            width: 140px;
            height: 160px;
            position: absolute;
            top: 50px;
            left: calc(50% - 70px);
            background: url(images/atrak.jpg) no-repeat -941px -83px;
        }

        .loginRight.resetloginRight:before {
            top: 30px;
        }

        .loginRight.resetloginRight#divPasswordChange .updatesection {
            left: calc(50% - 315px);
            top: 200px;
        }

        .loginRight ul {
            margin: 0px auto;
            padding: 0px 20px;
            max-width: 300px;
        }

            .loginRight ul li.username, .loginRight ul li.password {
                width: 100%;
            }

    p.atracktterms span, p.atracktterms {
        text-align: center;
        margin: 10px auto;
    }

    .loginRight ul li.s_status {
        padding: 10px 0px;
    }

    .loginRight ul li.username input[type="text"], .loginRight ul li.password input[type="password"] {
        width: calc(100% - 7px);
    }

    .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
        position: relative;
        top: 250px;
    }

    .loginBox.resetloginBox {
        padding: 200px 0px 0px 0px;
    }
}

@media screen and (max-width:800px) {
    body#login {
        background: none;
    }

    .loginRight#divPasswordChange {
        left: 30px;
        right: 30px;
        max-width: inherit;
        padding: 0px 20px;
    }

    .loginmain, .loginBox {
        width: 100%;
    }

    .loginLeft {
        display: none
    }

    .loginRight:before {
        top: 0px;
    }

    .loginRight.clsdivLoginMain:before {
        top: 50px;
    }

    .loginRight ul {
        margin: 0px auto;
        padding: 0px 20px;
        max-width: 300px;
    }

        .loginRight ul li.username, .loginRight ul li.password {
            width: 100%;
        }

    p.atracktterms span, p.atracktterms {
        text-align: center;
        margin: 10px auto;
    }

    .loginRight ul li.s_status {
        padding: 10px 0px;
    }

    .loginRight ul li.username input[type="text"], .loginRight ul li.password input[type="password"] {
        width: calc(100% - 7px);
    }
}

@media screen and (max-width:600px) {
    .loginRight#divPasswordChange .updatesection, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
        position: relative;
        padding: 20px 0px 30px 0px;
        top: 237px;
        width: calc(100% - 20px);
        left: -10px;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
        padding: 20px 0px 0px 0px;
        margin: 0px auto;
        right: inherit;
    }

    .loginRight#divPasswordChange .updatesection {
        min-width: inherit;
        margin: 0px auto;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange {
        width: calc(100% - 20px);
        top: 0px;
        left: 0px
    }

        .loginBox.updatepassword .loginRight#divPasswordChange:before {
            top: 20px;
        }

        .loginRight#divPasswordChange .updatesection ul, .loginBox.updatepassword .loginRight#divPasswordChange ul {
            float: none;
            width: 100%;
            padding: 20px;
        }

            .loginRight#divPasswordChange .updatesection ul li.password.second, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection ul li.password.second {
                margin-bottom: 150px;
                top: 0px !important;
            }

        .loginRight#divPasswordChange .updatesection .mandotorynotes, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection .mandotorynotes {
            float: none !important;
            width: 100% !important;
            position: absolute !important;
            bottom: 85px !important;
            left: 10px !important;
            right: 10px !important;
            padding: 20px !important;
            margin: 0px !important;
        }

            .loginRight#divPasswordChange .updatesection .mandotorynotes ul, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection .mandotorynotes ul {
                background: none;
            }

    .loginbut {
        top: 15px;
    }

    .loginRight#divPasswordChange {
        left: 0px;
        right: 10px;
        max-width: inherit;
        padding: 0px 20px;
    }

        .loginRight#divPasswordChange .updatesection ul li {
            width: 100%;
        }

        .loginRight#divPasswordChange ul li.username input[type="text"], .loginRight#divPasswordChange ul li.password input[type="password"], .loginRight#divPasswordChange ul li.password input[type="text"], .loginRight#divPasswordChange ul li.loginbut input {
            width: 100%;
        }

        .loginRight#divPasswordChange ul li a.forgotPassword {
            margin: 30px 0px 0px 0px;
            text-align: center;
        }

    .loginRight ul li {
        padding: 1px 0px;
    }

        .loginRight ul li.username, .loginRight ul li.password {
            width: calc(100% - 40px);
        }

    .loginRight {
        padding-right: 0px;
        padding-left: 0px;
        margin: 0px;
    }

    .forgotPassword {
        margin: 4px auto;
        text-align: center;
    }

    .contactEnigma {
        margin: 0px !important;
    }

    .loginRight:before {
        top: 80px;
    }

    .loginRight ul {
        margin: 0px auto;
        padding: 0px;
    }

    .loginBox.resetloginBox {
        padding-top: 20px;
    }

    .loginRight.resetloginRight#divPasswordChange .updatesection {
        top: 0px;
        left: 0px;
    }
}

@media screen and (min-width:1600px) {
    .loginBox.updatepassword .loginRight#divPasswordChange {
        max-width: 630px;
        ;
        top: 180px;
        ;
        right: inherit;
        left: calc(55% - 20px);
        width: auto;
        bottom: inherit;
    }

        .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
            width: 600px;
        }
}
/*html, body {
    height: 100%;
    *height: 88%;
    *overflow: hidden;
    font-family: Verdana,Arial;
}*/

#mapPanelbody {
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
}
/*form {
    margin: 0px;
    padding: 0px;
}*/

a {
    outline: 0;
}

.clear {
    clear: both;
}

select /*added to correct chrome vs mozilla issue*/ {
    margin-left: 0px;
}

#mapPanel {
    width: 99.8%;
    height: 100%;
    background: #FFF url(images/loginbg.png) no-repeat 0% 0%;
    border: 1px solid #E4E4E4;
}

#toolsPanel {
    width: 100%;
    height: 100%;
    background: #15a163 url(images/enigmafade-big.jpg) no-repeat 0% 0%;
}

.popupMapPanel {
    width: 100%;
    height: 100%;
    background-image: #fafdee url(images/popupmapbg.jpg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}
/*login secton*/
.loginheader {
    background: #15a163 url(images/headerlogo.png) no-repeat 5px 1px;
    _background: #15a163 url(images/headerlogo.gif) no-repeat 5px 1px;
    height: 63px;
    border-bottom: 2px solid #FFFFFF;
    min-width: 1000px;
}

.logincontent {
    background: url(images/logincontent.jpg) repeat-x 0% 0%;
    min-height: 320px;
    padding: 100px 0px 0px 0px;
    _height: 350px;
}

.loginmessage {
    text-align: center;
    margin: 10px auto 0px auto;
    font-size: 11px;
    height: 60px;
    padding: 10px 0px 0px 0px;
    float: left;
}

.loginmessage {
    display: block;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

    .loginmessage ul {
        margin: 0px;
        padding: 0px;
    }

        .loginmessage ul li {
            color: #ff5400;
            list-style: none;
            padding: 5px 0px 0px 0px;
            text-align: center;
        }

.loginfooter {
    background: #15a163;
    height: 36px;
    font-size: 11px;
    text-align: center;
    padding: 20px 0px 10px 0px;
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

.loginbox {
    width: 361px;
    margin: 0px auto;
    background: url(images/atrak.jpg) no-repeat 0% 0%;
    _background: url(images/atrak.gif) no-repeat 0% 0%;
    height: 188px;
}

    .loginbox h1 {
        margin: 0px;
        padding: 10px 0px 35px 15px;
        font-size: 16px;
        color: #116e9d;
        text-align: left;
        width: 120px;
        float: left;
    }

    .loginbox p {
        margin: 0px;
        padding: 0px 0px 5px 25px;
        font-size: 12px;
        clear: both;
        height: 25px;
    }

        .loginbox p span {
            float: left;
            text-align: right;
            padding: 3px 10px 0px 0px;
        }

        .loginbox p.loginfld span {
            float: none;
        }

        .loginbox p span.lgtx {
            width: 80px;
        }

.logintextbox {
    float: left;
    border: 1px solid #a5b0b5;
    width: 160px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 22px;
}

.loginbox p.loginbut {
    text-align: right;
    padding: 0px 85px 0px 0px;
}

    .loginbox p.loginbut input {
        text-transform: uppercase;
    }

.loginmessage p {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    text-align: center;
    font-size: 11px;
    color: #ff0000;
}

.loginmessage img {
    float: left;
    margin: 0px 3px 0px 0px;
}

.loginmessage span {
    color: #FF0000;
}

.loginmessage p span.loginMessageError {
    text-align: center;
    display: block;
    padding: 0px 0px 0px 0px;
    color: #ff0000;
}
/*main section*/

.buttonbg[Disabled] {
    cursor: default;
    color: #bbbbbb; /*background: #e6f5fc url(images/buttonbg.gif) no-repeat 100% 100%;*/
}

.header {
    background: url(images/headerbg.png) repeat-x 0% -13px;
    height: 60px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
}

.headertheme {
    width: 100%;
    height: 60px;
    background: url(images/atracklogo.gif) no-repeat 10px 5px/40px;
}

.headerthemeNoLogo {
    width: 100%;
    height: 80px;
}

.headerSearch {
    width: 291px;
    position: absolute;
    left: 0px;
    top: 22px;
    height: 26px;
    background: url(images/headersearch.png) no-repeat 0% 0%;
    padding: 2px 0px 0px 5px;
}

    .headerSearch input[type="text"] {
        width: 260px !important;
        border: 0px;
        background: none;
        font-size: 13px !important;
        color: #fff !important;
        padding: 3px 0px 3px 0px;
    }

    .headerSearch input[type="image"] {
        position: absolute;
        top: 4px;
        right: 6px;
        width: 18px;
        height: 18px;
    }
/*.headerLinks
{
	position: absolute;
	top: 0px;
	left: calc(50% - 145px);
	display: block;
	width: 290px;
}*/


.headerLinks {
    position: absolute;
    top: 0px;
    left: calc(50% - 230px);
    display: block;
    width: 500px;
}

    .headerLinks a {
        float: left;
        display: block;
        width: 90px;
        margin: 0px 5px 0px 0px;
        font-size: 11px;
        text-decoration: none;
        color: #FFF;
        padding: 40px 0px 3px 0px;
        text-align: center;
        position: relative;
    }

        .headerLinks a:hover {
            color: #007143 !important;
        }

        .headerLinks a.tracking {
            background: url(images/trackingico_ho.png) no-repeat 50% 5px;
        }

            .headerLinks a.tracking:hover {
                background: #e6e6e6 url(images/trackingico.png) no-repeat 50% 5px;
            }

        .headerLinks a.reports {
            background: url(images/reportsico_ho.png) no-repeat 54% 6px/32px;
        }

            .headerLinks a.reports:hover {
                background: #e6e6e6 url(images/reportsico.png) no-repeat 54% 6px/32px;
            }

        .headerLinks a.routeplayer {
            background: url(images/routeplayerico_ho.png) no-repeat 50% 15px;
        }

            .headerLinks a.routeplayer:hover {
                background: #e6e6e6 url(images/routeplayerico.png) no-repeat 50% 15px;
            }

        .headerLinks a.tools {
            background: url(images/toolsico_ho.png) no-repeat 50% 7px/29px;
        }

            .headerLinks a.tools:hover {
                background: #e6e6e6 url(images/toolsico.png) no-repeat 50% 7px/29px;
            }

        .headerLinks a.help {
            background: url(images/helpico.png) no-repeat 0% 0%;
        }

        .headerLinks a.kpi {
            background: url(images/kpi_ho.png) no-repeat 50% 30%;
        }

            .headerLinks a.kpi:hover {
                background: #e6e6e6 url(images/kpi.png) no-repeat 50% 30%;
            }

        .headerLinks a.driverApp {
            background: url(images/mDashboard.png) no-repeat 50% 30%;
        }

            .headerLinks a.driverApp:hover {
                background: #e6e6e6 url(images/mDashboard_ho.png) no-repeat 50% 30%;
            }

.headerUser {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 400px;
    background: url(images/userbreak.png) no-repeat 0% 40%;
    height: 55px;
}

.userwelcome {
    width: 155px;
    background: url(images/userwelcomeicon.png) no-repeat 0% 30%;
    font-size: 11px;
    padding-left: 30px;
    font-family: Verdana, Arial;
    float: right;
    margin-top: 20px;
    color: #a5e9cb;
}

    .userwelcome span {
        display: block;
        font-size: 12px;
        width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #FFF;
        white-space: nowrap;
        float: left;
        font-weight: bold;
    }

.headerUser span.timer {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 22px;
    left: 22px;
    background: url(images/timericon.png) no-repeat 0% 0%;
}

.headerUser span.pin {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 22px;
    left: 71px;
    background: url(images/pinicon.png) no-repeat 0% 0%;
}

    .headerUser span.pin[Disabled] {
        cursor: default;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
        filter: alpha(opacity=45);
        -khtml-opacity: 0.45;
        -moz-opacity: 0.45;
        opacity: 0.45;
    }

.headerUser span.message {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 22px;
    left: 120px;
    background: url(images/messageicon.png) no-repeat 0% 0%;
}

    .headerUser span.timer span.timerpopup, .headerUser span.message span.timerpopup {
        /* width: 21px;     height: 21px;*/
        /*background: url(images/timerpopup.png) no-repeat bottom right;
        position: absolute;
        padding: 1px 3px 7px 2px;
        top: 1px;
        right: -1px;
        margin: -19px -4px 0px -1px;
        display: none;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 11px;*/
        position: absolute !important;
        top: 1px;
        right: -1px;
        border-radius: 5px;
        background: rgb(255, 0, 0);
        padding: 3px;
        font-size: 10px;
        color: rgb(255, 255, 255);
        margin: -19px -4px 0px -1px;
        display: none;
    }

.headerUser span.timer:hover > span.timerpopup {
    /*display: block;*/
}

.footer {
    height: 36px;
    font-size: 11px;
    text-align: left;
    padding: 3px 0px 10px 10px;
    color: #333333;
    border-top: 1px solid #CCCCCC;
}
/*leftnav*/
#treeDiv {
    font-size: 11px;
}

    #treeDiv p {
        margin: 0px;
        padding: 0px;
    }

        #treeDiv p a {
            text-decoration: none;
            color: #1f294b;
        }

.leftnavgrid {
    padding: 3px;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 10px;
}

    .leftnavgrid table td {
        background: none !important;
    }

.reportabscover {
    background: #c6ebbf; /* border-bottom: 1px solid #a2d77f;*/
}

.reportabs {
    margin: 0px;
}

.fltright {
    float: right;
    padding: 5px 0px 5px 0px;
}

.fltrightnew {
    float: right;
    padding: 5px 0px 5px 0px;
    margin-right: 6px;
}

td.contentTabNormal {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    border-right: 1px solid #fcfff9; /*border-left: 1px solid #fcfff9;*/
}

    td.contentTabNormal a {
        display: block;
        padding: 6px 15px 6px 15px;
        text-decoration: none;
        color: #106a42;
    }

        td.contentTabNormal a:hover {
            background: #15a163;
            color: #FFF;
        }

td.contentTabConfigSelected {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

    td.contentTabConfigSelected a {
        display: block;
        padding: 6px 15px 6px 15px;
        background: #15a163;
        text-decoration: none;
        color: #FFFFFF;
        margin-right: 1px;
    }

div.traffic_outer, div.traffic_highlight {
    direction: ltr;
    overflow: hidden;
    text-align: center;
    color: black;
    font-family: Roboto, Arial, sans-serif;
    -moz-user-select: none;
    background: -moz-linear-gradient(center top, rgb(254, 254, 254), rgb(243, 243, 243)) repeat scroll 0% 0% transparent;
    line-height: 160%;
    padding: 0pt 6px;
    font-weight: normal;
    min-width: 47px;
    background: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    font-size: 18px;
    color: rgb(86, 86, 86);
}

    div.traffic_outer:hover, div.traffic_highlight:hover {
        background-color: rgb(235,235,235);
    }

.reportbox {
    margin: 0px;
    font-size: 11px;
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    /*height: 99%;*/
    overflow-y: auto;
}

    .reportbox table {
    }

.rptbox table {
    width: 100%;
}

.reportbox legend {
    font-size: 13px;
    color: #15A163;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 0px 0px 5px 0px;
}

.reportbox fieldset {
    border: none;
    margin: 0px 0px 10px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    border: 1px solid #f2f2f2;
    padding: 8px;
}

fieldset table.rptbox td a {
    text-decoration: none;
    color: #15A163;
}

    fieldset table.rptbox td a:hover {
        color: #FF0000;
    }

table.rptbox td a {
    text-decoration: none;
    color: #15A163;
}

    table.rptbox td a:hover {
        color: #FF0000;
        text-decoration: underline;
    }

.contentMessageError {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #FF0000;
}

.reportbox table.rptbox td {
    padding: 3px 5px 3px 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rpttextboxbig {
    font-size: 12px;
}

.fadeWaterMark {
    color: #c6c6c6 !important;
}

.rpttextboxbig ul li.ui-menu-item {
    font-size: 12px;
}

.reportbox h1.brdr {
    font-size: 13px;
    color: #15a163;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    border-bottom: 2px solid #15a163;
    padding: 0px 0px 5px 0px;
}

.reportbox h2 {
    font-size: 11px;
    color: #15a163;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    padding: 0px;
    margin: 0px;
}

    .reportbox h2.algncentre {
        text-align: center;
        padding-bottom: 8px;
    }

.reportbox table.rptbox {
    width: auto;
    position: relative;
}

.algnrght {
    text-align: right;
}

.reportbox table.rptbox td.tblepadd {
    text-align: left;
    padding: 3px 0px 3px 0px;
}

.reportbox table.grnbox {
    background: #ecfae1;
    border: 1px solid #15a163;
    font-size: 10px;
    width: 100%;
}

.reportbox table.rptbox td.rptleftd {
    width: 200px;
}

.reportbox table.rptbox td.rptleftd02 {
    width: 100px;
}

.reportbox table.rptbox td.rptleftdsmll {
}

.reportbox table.rptbox td.insidegridtd {
    padding: 3px 0px 3px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.reportbox table.tablebox {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    margin: 8px 0px 0px 0px;
}

    .reportbox table.tablebox td {
        padding: 6px 5px 6px 5px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 10px;
        border-right: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
    }

.lefttdwidth {
    width: 180px;
}

.reportbox table.rptbox td a.textlink {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: bolder;
}

    .reportbox table.rptbox td a.textlink:hover {
        color: #FF0000;
        text-decoration: none;
    }

.bggreencolor {
    /*background: #a7e478;*/
    background: #81ca49;
}

.bggreencolor02 {
    background: #a2d77f;
}

.bggreencolor03 {
    background: #c2e6a9;
}

.reportbox table.rptbox td.padremove {
    padding: 0px;
    margin: 0px;
}

.rptboxdiv {
    padding: 5px 5px 5px 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rptbttndiv {
    padding: 5px 5px 8px 10px;
}

.rptpopbrdr, .rptpopbrdr02 {
}

.rptpopbrdr02 {
    border: 0px solid #9bbdd0;
}

.rptpopgroup {
    border: 2px solid #f2f2f2;
    padding: 5px 0px 10px 10px;
    width: auto;
}

div.rptpopgroup table.fldsetwdth {
    width: 100%;
}

.rptlistdropdwn {
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
    width: auto;
}

.rptlistbig {
    width: 150px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistmedium {
    width: 140px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistmediumsmall {
    width: 125px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistsmall {
    width: 105px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistno {
    width: 50px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistboxsp {
    width: 75px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rpttextboxbig {
    width: 240px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxsmll {
    width: 50px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxmedium, .rpttextboxauto {
    width: 140px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxsp {
    width: 75px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxnowidth {
    border: 1px solid #CCC;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px !important;
    color: #000 !important;
    width: auto;
    padding: 3px;
    background: #f7f7f7;
    border-radius: 7px;
}

    .rpttextboxnowidth select, .rpttextboxnowidth span {
        font-size: 11px !important;
        color: #000 !important;
        border: none !important;
    }

.rpttexListbox {
    width: 173px;
    height: 47px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

div.rptpopgroup select.rpttexListboxbig {
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rpttexListboxbig {
    width: 240px;
    height: 47px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rpttexListboxLarge {
    width: 173px;
    height: 62px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

table.CldrGenStle {
    background: #FFFFFF;
    border: 1px solid #e0dfdf;
}

.reportbox table.CldrGenStle td {
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    background: #FFFFFF;
    text-align: center;
}

.reportbox table.flwdth, .reportboxnew table.flwdth {
    width: 100%;
}

.reportbox table.rptbox table.CldrGenStle td input {
    background: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    text-align: center;
    padding: 2px 0px 0px 0px;
    background: #FFFFFF;
}

input.CldrGenStle {
    text-align: left;
}

    input.CldrGenStle td {
        text-align: center;
    }

.Calenderblock {
    border: 1px solid #e0dfdf; /* float: left;       margin: 0px 3px 0px 0px;*/
    background: #FFFFFF;
}

    .Calenderblock td {
    }

.reportbox table.rptbox td table.Calenderblock td {
    height: 5px;
    padding: 0px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

    .reportbox table.rptbox td table.Calenderblock td input {
        background: none;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        text-align: left;
        border: none;
        padding: 0px 0px 2px 0px;
    }

#UpdatePanel table td {
    padding-left: 0px;
}

.reportbox table.rptbox td#tdAutoAddDriver input, span#rdoAlertFilter input {
    /*float:left;*/
    margin: 1px 5px 5px;
}

.reportbox table.rptbox td#tdAutoAddDriver label, span#rdoAlertFilter label {
    /*padding-top: 3px;     display: inline-block;*/
    vertical-align: top;
}

.test {
    padding: 5px;
}

.rptboxMsgError {
    padding: 0px 5px 5px 5px;
    margin: 0px;
    color: #FF0000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}
/*..............Calender style................*/


.CalendarBackcolor {
    background: #a2d77f;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FF0000;
}

.CalendarDaystyle {
    background: #f0fbe7;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
}

.CalendarOtherMonth {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #ACA899;
}

.CalendarDayHeader {
    background: #a2d77f;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

.CalendarTitle {
    background: #c2e6a9;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
}

.CalendarFooter {
    background: #67bc29;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    text-align: center;
    padding: 3px;
}
/*..............Calender style end................*/
#treeDiv .filternav {
    font-size: 13px;
    color: #000000;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #CCCCCC;
}

    #treeDiv .filternav p {
        margin: 0px;
        padding: 10px 0px 0px 0px;
        clear: both;
        line-height: 150%;
    }

        #treeDiv .filternav p span {
            display: block;
            padding: 0px 0px 4px 0px;
        }

        #treeDiv .filternav p select {
            padding: 5px;
            border: 1px solid #CCCCCC;
            width: 90%;
            height: auto !important;
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            font-size: 13px;
        }

.contentGrid {
    background: #FFFFFF;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
}

.contentGridHeader, td.contentGridHeader {
    background: #177e50;
    color: #FFFFFF;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-align: left;
}

    .contentGridHeader td, .contentGridHeader th {
        padding: 5px;
        vertical-align: middle;
        white-space: nowrap;
    }

td.contentGridHeader {
    padding: 5px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10px;
}

    .contentGridHeader th a, .contentGridHeader td a, td.contentGridHeader a {
        color: #FFFFFF;
        text-decoration: none;
        font-size: 10px;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        text-align: left;
        white-space: nowrap;
    }

        .contentGridHeader th a:hover, .contentGridHeader td a:hover {
            color: #FF0000;
        }

tr.contentGridHeaderNew th, td.contentGridHeaderNew, tr.contentGridHeaderSp th, td.contentGridHeaderSp {
    background: #177e50;
    color: #FFFFFF;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-align: left;
    border-right: 1px solid #FFFFFF;
    padding: 5px;
    white-space: nowrap;
}

tr.contentGridHeaderSp th, td.contentGridHeaderSp {
    white-space: normal;
}

.conentGrid td a {
    cursor: hand;
    cursor: pointer;
}

.contentGridRowDeleted {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    text-decoration: line-through;
    color: #FF0000;
    background: #D7D7D7;
}

tr.contentGridRowDeleted td {
    color: #000;
}

.contentGridRow {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    color: #333;
}

    .contentGridRow td {
        padding: 3px 0px 3px 3px;
        color: #333;
        vertical-align: middle;
    }

td.contentGridRow {
    padding: 3px 0px 3px 3px;
    color: #333;
}

.contentGridRow td {
}

    .contentGridRow td a {
        text-decoration: underline;
        color: #15a163;
        vertical-align: middle;
        cursor: hand;
        cursor: pointer;
    }

        .contentGridRow td a:hover {
            text-decoration: underline;
            color: #ff0000;
        }

.contentGridRowExpired {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    color: #333;
    background: #ffc3bf;
}

    .contentGridRowExpired td {
        padding: 3px 0px 3px 3px;
        color: #333;
        vertical-align: middle;
    }

td.contentGridRowExpired {
    padding: 3px 0px 3px 3px;
    color: #333;
}

.contentGridRowExpired td a {
    text-decoration: underline;
    color: #15a163;
    vertical-align: middle;
    cursor: hand;
    cursor: pointer;
}

    .contentGridRowExpired td a:hover {
        text-decoration: underline;
        color: #ff0000;
    }

.contentGridRowAlt {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    background: #f5f5f5;
    text-align: left;
    color: #333;
}

    .contentGridRowAlt td {
    }

        .contentGridRowAlt td a {
            text-decoration: underline;
            color: #15a163;
        }

            .contentGridRowAlt td a:hover {
                text-decoration: underline;
                color: #ff0000;
            }

    .contentGridRowAlt td {
        padding: 3px 0px 3px 3px;
        color: #333;
    }

td.contentGridRowAlt {
    padding: 3px 0px 3px 3px;
    color: #333;
}

.contentSelectedRow, .contentSelectedRow td {
    /* background: #e2f0f8;*/
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #0B43BC;
    height: 20px;
    cursor: pointer;
    cursor: hand;
    padding-left: 2px;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

.contentSelectedRowBold {
    /* background: #e2f0f8; /*background-color:#FFCC33;*/
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #0B43BC;
    height: 20px;
    cursor: hand;
    cursor: pointer;
}

    .contentSelectedRowBold td {
        /*background: #e2f0f8;*/
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
        color: #0B43BC; /*height: 20px;*/
        cursor: pointer;
        cursor: hand;
    }

.contentGridInvalidRow {
    background: #EFEFEF;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    color: #333;
}

    .contentGridInvalidRow td {
        padding: 3px 0px 3px 5px;
    }

.contentGrid td table td {
    padding: 0px;
}

.contentGridRow:hover, .contentGridRowAlt:hover {
    cursor: hand;
    cursor: pointer;
}

.dvPaging {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    background: #DBE3E8;
    text-align: left;
    padding: 3px 5px 3px 5px !important;
}

    .dvPaging table td {
        float: left;
    }

    .dvPaging a {
        text-decoration: none;
        color: #000;
    }

.PrevNextdiv {
    width: 100%;
    background: #f2f2f2;
    padding: 2px 3px 2px 0px;
    margin: 2px 0px 2px 0px;
    height: 20px;
}

    .PrevNextdiv span {
        float: right;
    }

.searchboxpoppage {
    width: 100%; /*background: #a7e478;*/
    background: #81ca49;
    padding: 2px 3px 2px 0px;
    margin: 2px 0px 2px 0px;
    height: 35px;
}

.divscroll {
    padding: 0px;
    margin: 0px;
}

ul.listmenuleft {
    padding: 1px 1px 0px 1px;
    margin: 0px;
}

    ul.listmenuleft li {
        list-style: none;
    }

        ul.listmenuleft li a {
            padding: 6px 0px 0px 22px;
            margin: 0px 0px 1px 0px;
            background: #ddefce url("images/menunormalbg.gif") no-repeat 0% 0%;
            border: none;
            height: 20px;
            font-size: 11px;
            font-family: Verdana, Geneva, sans-serif;
            font-weight: bold;
            display: block;
            text-decoration: none;
            color: #0a5e87;
        }

            ul.listmenuleft li a:hover {
                padding: 6px 0px 0px 22px;
                margin: 0px 0px 1px 0px;
                background: #83cb4e url("images/menunormahover.gif") no-repeat 0% 0%;
                border: none;
                height: 20px;
                font-size: 11px;
                font-family: Verdana, Geneva, sans-serif;
                font-weight: bold;
                cursor: pointer;
                color: #94b7c7;
            }

li.mnunormal a {
    padding: 6px 0px 0px 22px;
    margin: 0px 0px 1px 0px;
    background: #b9e29d url("images/menunormalbg.gif") no-repeat 0% 0%;
    border: 1px solid #67bc28;
    height: 20px;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #0a5e87;
}

ul.listmenuleft li.mnuselected a {
    padding: 6px 0px 0px 22px;
    margin: 0px 0px 1px 0px;
    background: #83cb4e url("images/menunselected.gif") no-repeat 0% 0%;
    border: 1px solid #FFF;
    height: 20px;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #ffffff;
    display: block;
}
/* Style for ReportScheduling.aspx */
.schedulerbox {
    width: auto;
    margin: 10px auto 10px auto;
    font-family: Verdana, Geneva, sans-serif;
}

.schedulerLeft {
}

    .schedulerLeft table {
        margin: -1px 0px 0px auto;
        position: relative;
    }

        .schedulerLeft table td {
            vertical-align: top;
            white-space: nowrap;
        }

.schedulerRight {
}

td.navigation {
    background: #FFFFFF;
    border: 1px solid #baccd9;
    border-top: 1px solid #baccd9;
    padding: 10px;
}

.navgtnbrdr {
    width: 100%;
    text-align: right;
}

    .navgtnbrdr td {
        padding: 10px 0px 10px 10px;
    }

.wizardstep {
    background: #FFFFFF;
    border: 1px solid #baccd9;
    border-bottom: 1px solid #f8f8f8;
    padding: 0px;
    margin: 0px;
    width: 690px;
    display: block !important;
    height: 100%;
}

.step {
    background: #cae3e5;
    height: 31px;
    margin: 10px;
    color: #FFFFFF;
    padding: 0px;
    font-weight: bold;
    font-size: 15px;
}

    .step span {
        float: left;
        background: url(images/step1.gif) no-repeat 100% 0%;
        border-left: 1px solid #10648e;
        width: auto;
        padding: 5px 25px 0px 5px;
        height: 26px;
        min-width: 140px;
    }

.schedulerLeft1 {
    display: block;
    height: 20px;
    padding: 8px 10px 5px 30px;
    background: url(images/schlnks.gif) no-repeat 0% -33px;
    color: #4C4CA6;
    text-decoration: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #C7E6B1;
    text-align: left;
    width: 80px;
}

    .schedulerLeft1:hover {
        background: url(images/schlnks.gif) no-repeat 0% 0px;
        color: #FFFFFF;
        border: 1px solid #5DA817;
        font-family: Verdana, Geneva, sans-serif;
        width: 80px;
    }

.schedulerLeftlinkselected {
    background: #15A163 url(images/white-arrow.png) no-repeat right center !important;
    display: block;
    height: 20px;
    padding: 8px 10px 5px 30px;
    background: url(images/schlnks.gif) no-repeat 0% -33px;
    color: #FFF;
    text-decoration: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #15A163;
    border-right: 0px;
    text-align: left;
    width: 78px;
}

.schedulerLeftlinkdisabled {
    background: url(images/schlnks.gif) no-repeat 0% -66px;
    color: #bbbbbb;
    border: 1px solid #b4de91;
    display: block;
    height: 20px;
    padding: 8px 10px 5px 30px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    width: 80px;
}

.schdform {
    width: 99%;
    margin: 0px auto;
}

    .schdform td {
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
        color: #000000;
        padding: 5px;
    }

        .schdform td.alrgt {
            text-align: left;
            width: 35%;
            padding: 5px 5px 10px 5px;
        }

.gridDivbox {
    margin: 10px;
    padding: 12px;
}

    .gridDivbox td {
        padding: 2px;
        font-size: 11px;
    }

        .gridDivbox td a {
            text-decoration: none;
            color: #0d6084;
            cursor: default;
        }

            .gridDivbox td a:hover {
                text-decoration: none;
                color: #0d6084;
                cursor: default;
            }

.profileEditform {
    width: 95% !important;
    margin: 10px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    border: 1px solid #15A163;
}

#wzViewGroup_divSelectedVehicles .profileEditform {
    width: 95% !important;
}

.profileEditform h1 {
    font-size: 11px;
    font-weight: bold;
    background: #15A163;
    padding: 5px;
    margin: 0px 0px 3px 0px;
    color: #ffffff;
}

    .profileEditform h1 span {
        float: right;
        font-size: 10px;
    }

        .profileEditform h1 span a {
            color: #f2f2f2;
            text-decoration: none;
        }

            .profileEditform h1 span a:hover {
                color: #FF0000;
                text-decoration: underline;
            }

.profieldset {
    width: 100%;
    margin: 0px;
    background: #FFFFFF;
}

    .profieldset td {
        padding: 8px;
        border-bottom: 1px solid #f8f8f8;
    }

        .profieldset td.firsttd {
            width: 40%;
        }

.popgridheader {
    background: #85bce6 url(images/gridheadbg.gif) repeat-x 0% 100%;
    font-family: Verdana;
    color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-size: 11px;
    height: 25px;
    line-height: 15px;
}

.iggrpbxbrdr legend {
    font-size: 11px;
    font-weight: bold; /*background: #a7e478;*/
    background: #81ca49;
    width: 98%;
    padding: 6px;
    margin: 5px 0px 0px 0px;
}

.editimg {
    background: url(images/edit_img.gif) no-repeat 100% 0%;
    height: 16px;
    float: right;
    margin: -10px 0px 0px 0px;
    position: relative;
}

.errermsg {
    padding: 10px;
    font-family: Verdana;
    font-size: 10px;
    background: #FFFFFF;
    color: green;
    font-weight: bold;
    border: 1px solid #f2f2ff;
}
/*Event action Scheduler*/
.divtble {
    width: 600px;
    margin: 0px auto;
}

    .divtble table {
        width: 99%;
        border: 1px #FFFFFF solid;
        border-right: none;
        border-top: none;
        font-family: Verdana, Geneva, sans-serif;
    }

        .divtble table td {
            border: 1px #FFFFFF solid;
            vertical-align: top;
            border-bottom: none;
            border-left: none; /*background: #e0f0fa;*/
        }

    .divtble div.insidetble {
        height: auto !important;
    }

    .divtble table td.fistprt {
        width: 50%;
    }

.profileEditform h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 0px;
    text-align: left;
    color: #FFFFFF;
    height: 21px;
    padding: 5px 0px 0px 5px;
    background: #15A163;
}

    .profileEditform h1 span.hlleft {
        float: left;
        width: 88%;
    }

    .profileEditform h1 span.hlright {
        float: right;
        width: 10%;
        text-align: right;
        padding-right: 3px;
    }

.profileEditform .divtble h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
    height: 21px;
    padding: 5px 0px 0px 5px;
    background: #177e50;
    margin: 0px 3px 0px 0px; /*border: 1px solid #FFFFFF;*/
    border-bottom: none;
}
/*.profileEditform h1 span.hlright a
{
    background:url(images/b_edit.gif) no-repeat 0% 0%;
    padding:0px 0px 0px 16px;
}*/

.insidetble {
    font-size: 10px;
    width: 100%;
}

    .insidetble table {
        text-align: left;
        margin: 0px;
        border: none;
    }
/*div.insidetble table td
{
    padding: 5px;
    border: none;
    background: #d4e5f1;
    border: 1px solid #f0f4ff;
}*/
div.insidetble table td.expiredClass {
    padding: 5px;
    border: none;
    background: #FFC3BF;
    border: 1px solid #f0f4ff;
}

div.insidetble table td.validClass {
    padding: 5px;
    border: none;
    background: whitesmoke;
    border: 1px solid #f0f4ff;
}

.insidetble table td.edit a {
    text-decoration: none;
    color: #540404;
    font-size: 10px;
    font-weight: bold;
}

    .insidetble table td.edit a:hover {
        color: #f08d0d;
    }

div.insidetble td.edit {
    text-align: right;
    width: 20%;
}

.iggrpbxbrdr legend {
    font-size: 11px;
    font-weight: bold; /*background: #a7e478;*/
    background: #81ca49;
    width: 99%;
    padding: 6px;
    margin: 5px 0px 0px 0px;
    color: #ffffff;
}

.contentSubpagebg {
    background: url(images/logincontent.jpg) repeat-x 0% 0%;
    vertical-align: middle;
}

.loginagain a {
    display: block;
    margin: 50px auto;
    width: 351px;
    height: 351px;
    background: url(images/skylinelogomain.png) no-repeat 0% 0%;
    _background: url(images/skylinelogomain.gif) no-repeat 0% 0%;
    border: none;
}

.adgrouplistcontrol {
    text-align: center;
    vertical-align: middle;
}

.adgrouplistaddall, .adgrouplistmoveright, .adgrouplistmoveleft, .adgrouplistremoveall, .adgrouplistmovedown, .adgrouplistmoveup {
    padding: 0px;
    background: url(images/add_all.gif) no-repeat 0% 0%;
    width: 20px !important;
    height: 20px !important;
    border: 0px !important;
    cursor: pointer !important;
    display: block !important;
}

.adgrouplistmoveright {
    background: url(images/move_right.gif) no-repeat 0% 0%;
}

.adgrouplistmoveleft {
    background: url(images/move_left.gif) no-repeat 0% 0%;
}

.adgrouplistremoveall {
    background: url(images/remove_all.gif) no-repeat 0% 0%;
}

.adgrouplistmovedown {
    background: url(images/move_down.gif) no-repeat 0% 0%;
}

.adgrouplistmoveup {
    background: url(images/move_up.gif) no-repeat 0% 0%;
}

.addpopuplistbuttons {
    padding: 5px;
    text-align: right;
}
/* Map related themes */

div.markerTooltip, div.markerDetail {
    /*background:url(images/spbox.gif) repeat-x 0px 0px;*/
    font-family: Verdana;
    color: #000;
    white-space: nowrap;
    border: 1px solid #888;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
}

    div.markerDetail img {
        position: absolute;
        right: 3px;
        margin: 3px 2px 0px 0px;
        text-align: right;
    }

.reportbownew {
    margin: 0px;
    font-size: 11px;
    padding: 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .reportbownew h1.brdr {
        font-size: 13px;
        color: #15a163;
        font-weight: bold;
        font-family: Verdana, Geneva, sans-serif;
        border-bottom: 2px solid #15a163;
        padding: 0px 0px 5px 0px;
    }

    .reportbownew table.rptbox {
        width: auto;
    }

    .reportbownew table.flwdth {
        width: 100%;
    }

    .reportbownew table.rptbox td {
        padding: 5px;
    }

        .reportbownew table.rptbox td table.CldrGenStle td {
            padding: 0px;
        }

            .reportbownew table.rptbox td table.CldrGenStle td input {
                font-family: Verdana, Geneva, sans-serif;
                font-size: 11px;
            }

        .reportbownew table.rptbox td.rptleftd {
            width: 200px;
        }

        .reportbownew table.rptbox td.rptleftd02 {
        }

        .reportbownew table.rptbox td table.Calenderblock td {
            height: 9px;
            padding: 0px;
            text-align: center;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 11px;
        }

            .reportbownew table.rptbox td table.Calenderblock td input {
                background: none;
                font-family: Verdana, Geneva, sans-serif;
                font-size: 11px;
                text-align: left;
                border: none;
                padding: 0px 0px 2px 0px;
            }
/* Root player */


#map_canvas {
    height: 100%;
}

ul#icons {
    margin: 0;
    padding: 0;
}

    ul#icons li {
        margin: 2px;
        position: relative;
        padding: 4px 0;
        cursor: pointer;
        float: left;
        list-style: none;
    }

    ul#icons span.ui-icon {
        float: left;
        margin: 0 4px;
    }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/

.clearfix {
    display: block;
}
/* End hide from IE-mac */
.routeheader {
    background: url(images/headerfooter.gif) no-repeat 0% 0%;
}

.routeheaderalt {
    background: url(images/headerfooter.gif) no-repeat 100% 0%;
    margin: 0px 0px 0px 0px;
    height: 0px;
}

.routecontent {
    background: #FFFFFF;
    padding: 0px;
    height: 100%;
    border-bottom: 1px solid #c3c4c8;
}

.routecontentsub {
    background: #C5C6CA;
    padding: 5px 10px 0px 10px;
    border-top: 1px solid #c3c4c8;
}

.routefooter {
    background: url(images/headerfooter.gif) no-repeat 0% 100%;
    clear: both;
}

.routefooteralt {
    background: url(images/headerfooter.gif) no-repeat 100% 100%;
    margin: 0px 0px 0px 10px;
    height: 10px;
}

.routecontent table.routeplayerecordbox {
    width: 100%;
    background: #f2f2f2;
    border: 1px solid #a2d77f;
}

    .routecontent table.routeplayerecordbox td {
        font-size: 11px;
        color: #142b3e;
        padding: 5px;
        border-right: 1px solid #E4F2D8;
        white-space: nowrap;
    }

        .routecontent table.routeplayerecordbox td.routerecordsnormal {
            font-size: 10px;
            padding: 0px 5px;
            width: 23%;
        }

.routeplayermap {
    width: 100%;
    background: #edeae2;
    border: 1px solid #FFFFFF;
    margin: 1px 0px 0px 0px;
    height: 240px;
}

.routeplayermedia {
    width: 100%;
    margin: 3px 0px 0px 0px;
}

.routeplayermediacontrol {
    background: url(images/mediaplayer.jpg) no-repeat 0% 0%;
    width: 231px;
    height: 31px;
    text-align: left;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
}

.routeplayermediaicons {
    padding: 1px 2px 0px 2px;
}

.routeplayerprint {
    text-align: right;
    padding: 0px 10px 0px 0px;
    vertical-align: middle;
}

.routeplayertopleft {
    background: url(images/topleft.jpg) no-repeat 0% 0%;
    width: 10px;
    height: 14px;
}

.routeplayertopright {
    background: url(images/topright.gif) no-repeat 100% 0%;
    width: 10px;
    height: 14px;
}

.routeplayerbtmleft {
    background: url(images/btmleft.gif) no-repeat 0% 100%;
    width: 10px;
    height: 10px;
}

.routeplayerbtmright {
    background: url(images/btmright.gif) no-repeat 100% 100%;
    width: 10px;
    height: 10px;
}

.routeplayersidebg {
    background: url(images/sidebg.jpg) repeat-x 0% 100%;
    width: 10px;
}

.routeplayerbtmbanner {
    background: url(images/btmbanner.gif) repeat-x 0% 0%;
    height: 13px;
}
/* Root player end */
#dvDetailed table.rptbox td.rptleftd label {
    white-space: nowrap;
}

table.rptalgnrgt {
    margin: 0px 0px 0px auto;
    width: auto;
}

.rpttextboxauto {
    width: auto;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.geozone table.rptbox td {
    font-size: 10px;
}

.rpttextboxmdm {
    width: 150px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.nowrapstl {
    white-space: nowrap;
}
/*routeplayer*/
.routeheader {
    background: #fff;
}

.routeheaderalt {
    background: #fff;
    margin: 0px 0px 0px 10px;
    height: 15px;
    display: none;
}

.routecontent {
    /*background: #a7e478;*/
    background: #E4F2D8;
    padding: 0px 0px 25px 0px;
    height: 98%;
    font-family: Verdana;
    font-size: 11px;
}

.routecontentsub {
    background: #dbeac2;
    padding: 5px 10px 0px 10px;
    border-top: 1px solid #c3c4c8;
}

.routefooter {
    background: #dbeac2;
    clear: both;
}

.routefooteralt {
    background: #dbeac2;
    margin: 0px 0px 0px 10px;
    height: 10px;
}

div.maptext {
    color: #FFFFFF;
    font-family: verdana, Helvetica;
    font-size: 22px;
    font-weight: normal;
    padding: 60px 0px 0px 60px;
    white-space: normal;
}

    div.maptext span.txbld {
        font-weight: bold;
    }

.connectedImg {
    background: url(images/connectedstatus.svg) no-repeat center;
    height: 15px;
}

.disconnectedImg {
    background: url(images/disconnectedstatus.svg) no-repeat center;
    height: 15px;
}

.overdueImg {
    background: url(images/overduestatus.svg) no-repeat center;
    height: 15px;
}

.connectedBlueImg {
    background: url(images/connectedblue.gif) no-repeat center;
    height: 15px;
}

.co2Style {
    font-family: verdana;
    font-size: 11px;
    text-align: justify;
    color: green;
}

.co2title {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
}

.co2StyleValues {
    font-size: 10px;
    text-indent: 20px;
    color: #d75100;
}

.reportbox table.grnbox {
    /*background: #ecfae1;*/
    background: #FFFFFF;
    border: 1px solid #15a163;
    font-size: 10px;
    width: 100%;
    padding: 10px;
}

    .reportbox table.grnbox td {
        font-size: 10px;
    }

        .reportbox table.grnbox td.buttnpad {
            padding: 5px 0px 10px 5px;
        }

        .reportbox table.grnbox td.rptleftd {
            width: 120px;
            white-space: nowrap;
        }

.reportbox table.rptbox td.rptfldnew, .reportbownew table.rptbox td.rptfldnew {
    width: 141px;
    white-space: nowrap;
    padding-right: 5px;
}

.reportbownew table.Calenderblock td.rptfldnew {
    width: 144px;
    padding: 5px;
}

    .reportbownew table.Calenderblock td.rptfldnew span {
        float: left;
        margin-right: 4px;
    }

    .reportbownew table.Calenderblock td.rptfldnew input {
        margin: 0px;
    }
/*language*/
td.langtble table td input {
    float: left;
    padding: 0px 5px 0px 0px;
    margin: 5px 5px 0px 0px;
}

td.langtble table td label {
    float: left;
    padding: 1px 5px 0px 6px;
}

.engFlag {
    background: url(images/englishflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.spanFlag {
    background: url(images/spanishflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.franFlag {
    background: url(images/frenchflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.dutchFlag {
    background: url(images/dutchflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.portugalFlag {
    background: url(images/portugalflag.png) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.arabicFlag {
    background: url(images/UAEflag.png) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}
 
.usersettingsLegend {
    color: #125d7d;
    font-size: 12px;
    font-weight: bold;
}

.usersettingsLabel {
    font-size: 11px;
    color: #0c4c68;
}

.usersettingsInput {
    font-size: 10px;
    color: #0c4c68;
}

.usersettingslinks {
    font-size: 11px;
    color: #0c4c68;
}

    .usersettingslinks a {
        text-decoration: underline;
        color: #0c4c68;
    }

        .usersettingslinks a:visited {
            color: #0c4c68;
        }

        .usersettingslinks a:active {
            color: #0c4c68;
        }

        .usersettingslinks a:hover {
            color: #FF0000;
        }

table.CldrGenStle td #wdteStartTime_b1 {
    background: #c5d5fc;
    padding: 2px 0px 1px 0px;
}

table.CldrGenStle td #wdteStartTime_b2 {
    background: #c5d5fc;
    padding: 2px 0px 1px 0px;
}

table.rptbox td input.rpttextboxbig ul li.ui-menu-item {
    font-size: 12px;
}

.trackingtd {
    /*background: #a7e478;*/
    background: #FFFFFF;
}

.everymonth {
    width: 100px;
    float: left;
}

.addreminders input, .addreminders select {
    font-size: 11px;
    font-family: Verdana;
}

.contentGrid th.numberwidth {
    width: 15px;
}

.rptbox input[type="radio"] {
    margin: 0px 0px 0px 0px;
}

.rptbox td span.txbxtd label {
    padding: 0px 10px 0px 3px;
}

td.langtble table td input[type="radio"] {
    float: left;
    padding: 0px 5px 0px 0px;
    margin: 5px 1px 0px 0px;
}

fieldset table.rptbox table tr.contentGridHeader th a {
    color: #FFFFFF;
}

    fieldset table.rptbox table tr.contentGridHeader th a:hover {
        color: #FF0000;
    }
/*div.reportbownew table.rptbox td.rptleftdsp span
{
    width: 200px;
    display: block;
}
div.reportboxnew table.rptbox table.CldrGenStle td
{
    padding: 2px 0px 2px 0px;
    vertical-align: middle;
    text-align: center;
}*/
.reportbox table.CldrGenStle {
    background: #FFFFFF;
    border: 1px solid #e0dfdf;
}

.reportbox table.contentGrid tr.contentGridHeader th a, .reportbox table.rptbox tr.contentGridHeader th a {
    color: #FFFFFF;
}

    .reportbox table.contentGrid tr.contentGridHeader th a:hover, .reportbox table.rptbox tr.contentGridHeader th a:hover {
        color: #FF0000;
    }

.reportbox table.contentGrid tr.contentGridHeaderNew th a, .reportbox table.rptbox tr.contentGridHeaderNew th a {
    color: #FFFFFF;
    text-decoration: none;
}

    .reportbox table.contentGrid tr.contentGridHeaderNew th a:hover, .reportbox table.rptbox tr.contentGridHeaderNew th a:hover {
        color: #FF0000;
    }

.reportbox table.contentGrid tr.contentGridRow td, .reportbox table.contentGrid tr.contentGridRowAlt td {
    padding: 5px;
}

.noteLabel {
    font-size: 11px;
    text-align: left;
    color: #15a163;
}

.nomargintbl table {
    margin: 0px !important;
}

.vehiclelist {
    border: 1px solid #ccd1d5;
    background: #F5F9FE;
    color: #333;
    padding: 3px;
    float: left;
    margin: 7px 7px 0px 0px;
    min-width: 99px;
    max-width: 150px;
}

    .vehiclelist span {
        margin-right: 5px;
    }

    .vehiclelist sup a {
        background: #FFF;
        color: Red !important;
        text-decoration: none;
        font-size: 9px;
        display: block;
        float: right;
        margin-top: -2px;
        margin-right: 0px;
    }

#progressBackgroundFilter {
    background-color: #ccc;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0.5;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

#processMessage {
    /*background-color: #FFFFFF;     border: 1px solid #000000;*/
    color: Black;
    left: 43%;
    padding: 10px;
    position: fixed;
    top: 30%;
    width: 14%;
    z-index: 1001;
}

.adgrouplistaddall, .adgrouplistmoveright, .adgrouplistmoveleft, .adgrouplistremoveall, .adgrouplistmovedown, .adgrouplistmoveup {
    padding: 0px;
    background: url(images/add_all.gif) no-repeat 0% 0%;
    width: 20px !important;
    height: 20px !important;
    border: 0px !important;
    cursor: pointer !important;
    display: block !important;
}

.adgrouplistmoveright {
    background: url(images/move_right.gif) no-repeat 0% 0%;
}

.adgrouplistmoveleft {
    background: url(images/move_left.gif) no-repeat 0% 0%;
}

.adgrouplistremoveall {
    background: url(images/remove_all.gif) no-repeat 0% 0%;
}

.adgrouplistmovedown {
    background: url(images/move_down.gif) no-repeat 0% 0%;
}

.adgrouplistmoveup {
    background: url(images/move_up.gif) no-repeat 0% 0%;
}

.addpopuplistbuttons {
    padding: 5px;
    text-align: right;
}

td.adgrouplistcontrol input[type="submit"], td.adgrouplistcontrol input[type="button"] {
    margin-bottom: 5px;
}

td.vtop {
    vertical-align: top;
    padding-top: 38px !important;
}

td.vmdletp {
    vertical-align: top;
    padding-top: 50px !important;
}

td.adgrouplistcontrol .adgrouplistmovedown {
    margin-top: 80px;
}
/*Bubble Popup styles*/

#bubble_tooltip {
    /*width:167px;*/
    position: absolute;
    display: none;
}

.bubble {
    width: auto;
}

.bubbletopleft {
    background: url(images/bubble_top.gif) no-repeat 0% 0%;
    width: 15px;
    height: 6px;
    font-size: 11px;
}

.bubbletop {
    border-top: 1px solid #6f8a20;
    background: #a7e478;
    height: 6px;
    font-size: 11px;
}

.bubbletopright {
    background: url(images/bubble_top.gif) no-repeat 100% 0%;
    height: 6px;
    font-size: 11px;
    padding: 5px 5px 0px 0px;
}

.bubblemain {
    border-left: 1px solid #6f8a20;
    background: #a7e478;
    padding: 0px 0px 0px 10px;
    font-family: Verdana, Geneva, sans-serif;
}

.bubblemainright {
    background: url(images/bubble_middle.gif) repeat-y 100% 0%;
}

.bubblebottomleft {
    background: url(images/bubble_bottom.gif) no-repeat 0% 100%;
    width: 15px;
    height: 10px;
    font-size: 11px;
}

.bubblebottomright {
    background: url(images/bubble_bottom.gif) no-repeat 100% 100%;
    width: 15px;
    height: 10px;
    font-size: 11px;
}

.bubblebottom {
    background: url(images/bubblebottombg.gif) repeat-x 0% 100%;
    height: 20px;
    font-size: 11px;
}
/*Bubble Popup styles*/
.hDivBox table th {
    background: #15a163 !important;
    color: #FFFFFF !important;
    border-right: 1px solid #0077b7 !important;
    border-left: 1px solid #15a163 !important;
    padding: 5px !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.flexigrid div.bDiv td {
    padding: 5px !important;
}

.flexigrid div.hDiv {
    background: #15a163 !important;
}

.flexigrid div.pDiv {
    background: #FFFFFF !important;
    border-top: 1px solid #CCCCCC !important;
}

.footer_terms_theme {
    position: absolute;
    bottom: 0;
    left: calc(50% - 180px);
}

.loginfooter {
    display: none;
}

.loginBox #divLoginMain ul li.loginbut a.forgotPassword {
    display: none;
}

#divForgotPassword ul.loginwhite li.loginbut a.forgotPassword.backtologin, #divConfirmEmail ul.loginwhite li.loginbut a.forgotPassword.backtologin {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonbg {
        padding: 3px 20px 4px 10px;
    }
}
/* NEW CSS ICONS */



#Header {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999999999999999999 !important;
    width: 100%;
}

.content {
    padding-top: 52px !important;
}

.pGroup select {
    border: 1px solid #bdbdbd;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    width: auto;
    padding: 3px;
    background: #f7f7f7;
}

.filternav a.addnew {
    background: url(images/add-icon_small.png) no-repeat 10% 50%;
    float: left;
    padding-left: 22px;
    height: 15px;
    padding-top: 3px;
    font-size: 11px;
}

.filternav a.edit {
    background: url(images/edit-icon_small.png) no-repeat 15% 50%;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    height: 15px;
    padding-top: 3px;
    font-size: 11px;
}

.filternav a.delete {
    background: url(images/delete-icon_small.png) no-repeat 5% 30%;
    float: left;
    padding-left: 22px;
    padding-right: 10px;
    height: 15px;
    padding-top: 3px;
    font-size: 11px;
}

.filternav a {
    color: #666 !important;
}

#treeDiv .filternav p select {
    width: 100% !important;
}

.filternav .ucltdiv {
    border: 1px solid #bdbdbd;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px !important;
    width: auto;
    padding: 3px;
    background: #f7f7f7;
    border-radius: 7px;
    width: 98%;
}

.filternav .selectouter {
    width: 100% !important;
}

    .filternav .selectouter .ui-dropdownchecklist {
        width: 99% !important;
        font-size: 13px !important;
        border: none !important;
    }

.mapheader input[type="image"] {
    float: left;
    margin: 5px 7px 5px 7px;
    padding: 2px;
}
/* GRID HEADER COLOR */
.contentGridHeader, td.contentGridHeader {
    background: #15a163 !important;
    font-weight: normal !important;
}

    th, .contentGridHeader th a, .contentGridHeader td a, td.contentGridHeader a {
        font-weight: normal !important;
        font-size: 12px !important;
    }

.buttonbg {
    padding: 3px 10px 4px 10px;
    border-radius: 3px !important;
}

.bggreencolor {
    background: #e4f2d8 !important;
}

ul.listmenuleft li a {
    background: #c6ebbf !important;
    border-top: 1px solid #FFF !important;
    border-bottom: none !important;
    color: #666 !important;
}

ul.listmenuleft li.mnuselected a {
    background: #15a163 !important;
    color: #FFF !important;
}

.rpttextboxmedium, .rpttextboxauto, .rptbox input[type="text"] {
    width: 100px;
    border: 1px solid #BDBDBD;
    height: 23px;
    border-radius: 5px !important;
}

.reportbox {
    border-top: 2px solid #FFF;
}

#upRefreshGrid table.content {
    padding-top: 0px !important;
}

fieldset {
    border: 2px solid #DBE3E8 !important;
    margin: 5px 10px 5px 0px !important;
}

legend {
    /* padding: 0px 2px 2px 2px !important*/
}

.filternav {
    font-size: 12px;
}

    .filternav p {
        padding: 0px !important;
        margin: 0px !important;
        line-height: 100% !important;
    }

        .filternav p span a {
            margin-top: 3px !important;
        }

    .filternav .ucltdiv {
        margin-bottom: 5px !important;
    }

.flexigrid table th, .flexigrid table td {
    height: 20px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.flexigrid div.bDiv td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.rpttextboxnowidth {
    background: #FFF !important;
}

.leftnavgrid .bubble, .leftnavgrid .bubblemain {
    background: none !important;
    border: 0px solid #8f9da6 !important;
    font-size: 11px !important;
}

#bubble_tooltip {
    border-radius: 5px !important;
    border: 1px solid #8f9da6 !important;
    background: #FFF !important;
    box-shadow: -2px 5px 7px #CCC;
}

#gvCalendars {
    padding-top: 0px !important;
}

.searchboxpoppage {
    background: #15a163 !important;
    width: 99% !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #dee6ea !important;
    background-image: none;
    color: #15a163 !important;
    border-radius: 0px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #15a163 !important;
    background-image: none !important;
    border-radius: 0px !important;
}

.markerDetail table tr:first-child td {
    background: #15a163 !important;
    color: #FFF !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 4px 4px 0px 0px;
}

.markerDetail {
    background-color: none !important;
    border: 1px solid #15a163 !important;
    border-radius: 6px !important;
    padding-bottom: 5px !important;
}

    .markerDetail table tr td {
        /*width: 50% !important;*/
        text-align: left !important;
        color: #000 !important;
        background: #FFF !important;
    }

        .markerDetail table tr td b {
            color: #15a163 !important;
        }

.filternav select {
    width: 150px !important;
}

.rptbox .style2 input {
    margin-bottom: 6px !important;
}

.headerSearch input[type="text"] {
    outline: 0px !important;
}

#divReminder, #divAlarm, #divNotification {
    z-index: 999999999999999 !important;
}

.tracking:hover span, .reports:hover span, .tools:hover span, .kpi:hover span, .driverApp:hover span {
    background: url(./images/menubotom.png) no-repeat 50% 100% !important;
    position: absolute;
    bottom: -8px;
    height: 10px;
    width: 12px;
    display: block;
    left: 40px;
    z-index: 999999999999 !important;
}

#imgBtn {
    top: 6px !important;
    right: 35px !important;
    position: absolute !important;
}


#mapPanel {
    width: 99.8% !important;
    height: 99.6%;
    background: #FFF url(images/loginpagebg.jpg) no-repeat 0% 0%;
    border: 1px solid #E4E4E4;
}

div.maptext {
    color: #666 !important;
    font-family: verdana, Helvetica;
    font-size: 22px;
    font-weight: normal;
    padding: 30px 0px 0px 288px;
    white-space: normal;
}

.logout {
    border-radius: 0px;
    padding: 1px 6px 3px 6px;
    background: #15a163;
    color: white;
    font-weight: bold;
    text-decoration: none;
    float: right;
    margin-right: 77px;
    margin-top: 5px;
}

.mapDiv {
    padding: 5px;
    margin-bottom: 10px !important;
    font-size: 13px;
}
/*
.headerUser span.timerselected
{
background: #FFF url(images/alarm.png) no-repeat 57% 11%;
position: absolute;
display: block;
width: 40px;
height: 49px;
top: 20px;
left: 10px;
border: 2px solid #CCC !important;
border-bottom:none !important;
z-index:99999999999999999 !important;
     
}



.headerUser span.pinselected
{
background: #FFF url(images/reminder.png) no-repeat 58% 11%;
position: absolute;
display: block;
width: 40px;
height: 49px;
top: 20px;
left: 55px;
border: 2px solid #CCC !important;
border-bottom:none !important;
z-index:99999999999999999 !important;     

}

.headerUser span.messageselected
{
background: #FFF url(images/message.png) no-repeat 62% 11%;
position: absolute;
display: block;
width: 40px;
height: 49px;
top: 20px;
left: 110px;
border: 2px solid #CCC !important;
border-bottom:none !important;
z-index:99999999999999999 !important;     
}



#divAlarm, #divReminder, #divNotification
{
border: 2px solid #CCC !important;  
position: absolute;
right: 296px !important;
left:auto !important;
top: 69px !important;
/*height: 300px !important; 
width:600px;
background:#FFF !important;
    
}

 #divReminder
 {
    right: 251px !important;     
 }
#divNotification
{
    right: 196px !important;     
}
*/
.gridbox {
    display: block;
    position: absolute;
    right: 2px;
    background: #FFF !important;
    width: 80%;
    height: 200px;
    border: 1px solid #e4e4e4;
    z-index: 99999999999999999 !important;
    font-size: 11px;
    box-shadow: 0px 0px 8px #666;
}

.gridinner {
    height: 90%;
    overflow: auto;
    display: block;
    padding-left: 10px;
}

    .gridinner table label {
        white-space: nowrap !important;
    }

.ui-dropdownchecklist-text {
    color: #000 !important;
}

.content {
    height: 100% !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-size: 10px !important;
}

.ui-dropdownchecklist-dropcontainer {
    height: auto !important;
}

.fltright {
    padding: 0px !important;
}

.warantyinfo td {
    padding: 5px 10px 5px 5px;
}

.warantyinfo {
    height: 100%;
    font: 12px verdana;
}

#filterrptbox tr td {
    padding: 0px 3px !important;
}

#selectouter .rpttextboxnowidth {
    width: 400px !important;
}

#bubble_tooltip {
    left: 20px !important;
    z-index: 999999999999999 !important;
}

.ui-dropdownchecklist {
}

.sectionThreeContent {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.flexigrid div.bDiv {
    max-width: 100% !important;
}

.headerUser span.lgOut {
    float: left;
    width: 20px;
    height: 20px;
    display: block;
    margin-top: -4px;
    background: url(images/logout-down.png) no-repeat 50% 50%;
    cursor: pointer;
}

.rptbox .trCircularZone input[type="text"] {
    width: 150px;
}

.reportbownew table.rptbox td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

#divhLogout {
    background: #FFF;
    border: 1px solid #666666;
    width: 260px;
    color: #666 !important;
    height: 100px !important;
    position: absolute;
    right: 8px;
    top: 55px;
    z-index: 99999 !important;
    background: #FFF url("images/usericon.png") no-repeat 14px 45%;
}

    #divhLogout span#logoutpointer {
        background: url(./images/logout-top.png) no-repeat 0% 0% !important;
        position: absolute;
        top: -8px;
        right: 2px;
        display: block;
        z-index: 9999999999999999999999 !important;
        width: 15px;
        height: 15px;
    }

    #divhLogout table {
        width: 60%;
        float: right;
        margin-top: 20px;
    }

        #divhLogout table span {
            color: #5b717e;
            font-size: 12px;
            font-weight: normal;
            text-decoration: none;
            float: left;
            display: block;
            padding-left: 24px;
            padding-top: 4px;
            padding-bottom: 4px;
        }

            #divhLogout table span a {
                color: #5b717e;
                font-size: 12px;
                font-weight: normal;
                text-decoration: none;
            }

                #divhLogout table span:hover, #divhLogout table span a:hover {
                    color: #15a163;
                    text-decoration: underline;
                }

            #divhLogout table span.hUserSettings {
                background: url(./images/account.png) no-repeat 0% 50% !important;
                cursor: pointer;
            }

            #divhLogout table span.hlogoutnew {
                background: url(./images/logout.png) no-repeat 0% 50% !important;
            }
/* 3 DIV */
#uctlHeader1_divAlarm, #uctlHeader1_divReminder, #divNotification {
    border: 2px solid #CCC !important;
    position: absolute;
    right: 270px !important;
    left: auto !important;
    top: 55px !important; /*height: 300px !important;  */
    width: 800px;
    background: #FFF !important;
    z-index: 9999999999999999999999 !important;
}

    #uctlHeader1_divAlarm span#alarmpointer, #uctlHeader1_divReminder span#reminderpointer, #divNotification span#notificationpointer {
        background: url(./images/menutop.png) no-repeat 0% 0% !important;
        position: absolute;
        top: -8px;
        right: 85px;
        display: block;
        z-index: 9999999999999999999999 !important;
        width: 15px;
        height: 15px;
    }

    #uctlHeader1_divReminder span#reminderpointer {
        right: 35px !important;
    }

    #divNotification span#notificationpointer {
        right: 16px !important;
    }

#uctlHeader1_divAlarm {
    right: 275px !important;
}

#uctlHeader1_divReminder {
    right: 275px !important;
}

#divNotification {
    right: 242px !important;
}

#uctlHeader1_divAlarm, #uctlHeader1_divReminder, #divNotification, #divhLogout {
    box-shadow: 0px 3px 5px #CCC;
}

#gridDiv .contentGrid {
    background: none !important;
}

#wzViewGroup tr td:second {
    height: 485px !important;
}

.reportboxgrpmgmt {
    margin: 0px;
    font-size: 11px;
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 500px !important;
    overflow-y: auto;
}

    .reportboxgrpmgmt table {
        width: 90%;
        margin: 0px auto;
    }

#UpdatePanel1 {
    height: 220px;
    overflow: auto;
}

.trackingselected {
    background: #e6e6e6 url(images/trackingico.png) no-repeat 50% 5px;
    color: #066f40 !important;
}

.reportsselected {
    background: #e6e6e6 url(images/reportsico.png) no-repeat 54% 6px/32px;
    color: #066f40 !important;
}

.toolsselected {
    background: #e6e6e6 url(images/toolsico.png) no-repeat 50% 7px/29px;
    color: #066f40 !important;
}
/*KPI */
.kpiselected {
    background: #e6e6e6 url(images/kpi.png) no-repeat 50% 7px/29px;
    color: #066f40 !important;
}

.driverAppSelected {
    background: #e6e6e6 url(images/mDashboard_ho.png) no-repeat 50% 30%;
    color: White !important;
}
    /*KPI*/

    .trackingselected span, .reportsselected span, .toolsselected span, .kpiselected span, .driverAppSelected span {
        background: url(./images/menubotom.png) no-repeat 50% 100% !important;
        position: absolute;
        bottom: -8px;
        height: 10px;
        width: 12px;
        display: block;
        left: 40px;
        z-index: 999999999999 !important;
    }

td.contentTabConfigSelected, td.contentTabNormal {
    font-size: 13px !important;
}

.ui-dropdownchecklist-item:hover {
    background: #F2F2F2 !important;
}
/*
#upRefreshGrid
{
    height:100% !important;
    overflow-y:visible !important;
    display:block !important;
}

*/
.logouthover {
    background: url(./images/logout-hover.png) repeat-x 0% 0% !important;
    width: 230px;
    height: 69px;
    float: right;
}
/*Login Logout*/
#login {
    background: #009cdf;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.logout {
    width: 900px;
    margin: 0px 0px 0px auto;
    background: url(images/logoutbg.png) no-repeat 100% 0%;
    height: 566px;
    position: relative;
}

.logoutBox {
    position: absolute;
    top: 188px;
    left: 0px;
    width: 380px;
    padding: 30px 0px 30px 208px;
    background: url(images/loginlogo.png) no-repeat 0% 0%;
    font-size: 21px;
    color: #FFFFFF;
    line-height: 160%;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    -webkit-text-shadow: 0px 1px 0px #000000;
}

    .logoutBox span {
        font-size: 25px;
    }
/* LOGIN here */


#login {
    background: #009cdf;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(images/atrak.jpg) no-repeat 0% 0%;
}

.loginBox {
    width: 1000px;
    margin: 0px auto; /*background:url(images/loginbg.png) no-repeat 0% 0%;*/
    height: auto;
    position: relative;
}

.loginLeft {
    position: absolute;
    top: 188px;
    left: 114px;
    width: 380px;
    padding: 30px 0px 30px 208px; /*font-size:21px; to override image text*/
    font-size: 0px;
    color: #FFFFFF;
    line-height: 160%;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    -webkit-text-shadow: 0px 1px 0px #000000;
}

    .loginLeft span {
        /*font-size:26px; to override image text*/
        font-size: 0px;
    }

.loginRight {
    /*border-left:1px solid #59bfea;*/
    position: absolute;
    top: 190px;
    height: auto;
    width: 400px;
    left: 680px;
    padding: 100px 0px 0px 20px;
}

    .loginRight ul {
        margin: 0px;
        padding: 0px;
    }

        .loginRight ul li {
            margin: 0px 0px 10px 0px;
            position: relative;
            list-style: none;
        }

            .loginRight ul li.username, .loginRight ul li.password {
                background: #FFFFFF;
                padding: 0px 0px 0px 38px;
                width: 243px;
                height: 40px;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border: 1px solid #bdbdbd;
            }

                .loginRight ul li.username input[type="text"], .loginRight ul li.password input[type="password"] {
                    width: 235px;
                    padding: 9px 0px 9px 9px;
                    border: 0px;
                    outline: 0px;
                    color: #7b7b7b;
                    margin-left: -2px;
                }

    .loginRight#divPasswordChange .updatesection ul li.username input[type="text"], .loginRight#divPasswordChange ul li.password input[type="password"] {
        width: 100%;
    }

    .loginRight ul li span {
        position: absolute;
        width: 36px;
        height: 40px;
        background: #e4e4e4;
        left: 0px;
        top: 0px;
        border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        -webkit-border-radius: 4px 0px 0px 4px;
    }

    .loginRight ul li.username span {
        background: #e4e4e4 url(images/usernameicon.png) no-repeat 50% 50%;
    }

    .loginRight ul li.password span {
        background: #e4e4e4 url(images/passwordicon.png) no-repeat 50% 50%;
    }

        .loginRight ul li.password span.mem {
            background: #e4e4e4 url(images/M_PassWord.png) no-repeat 50% 50%;
        }

    .loginRight ul li.loginbut input {
        background: #15A163;
        width: 283px;
        border: 0px;
        text-align: center;
        padding: 10px 0px 10px 0px;
        color: #FFFFFF;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        font-size: 16px;
        text-shadow: 0px 1px 0px #000000;
        -moz-text-shadow: 0px 1px 0px #000000;
        -webkit-text-shadow: 0px 1px 0px #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        cursor: pointer;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange .updatesection ul li.loginbut input, .loginRight#divPasswordChange .updatesection ul li.loginbut input {
        width: 100% !important;
    }

.loginMessageError, #ValidationSummary1, #lblSubMessage {
    color: #FF0000 !important;
    font-size: 14px;
}

#lblOldPasswordMessage, #lblMessage {
    color: #FF0000 !important;
    font-size: 14px;
}

.asterix span {
    position: absolute !important;
    right: -15px !important;
    left: auto !important;
    background: none !important;
    width: 10px !important;
    height: 10px !important;
}
/* WIZARD CSS */

.schedulerLeft1 {
    background: #15a163 !important;
    background-image: none !important;
    color: #FFF !important;
    border: none !important;
}

.schedulerLeftlinkdisabled {
    background: #DBE3E8 !important;
    background-image: none !important;
    color: #FFF !important;
    border: none !important;
}

#vehiclereminderbody .content {
    padding-top: 0px !important;
}

#Grpviewbody select {
    width: 200px !important;
}
/*  changes till 18-06-2013 */

/*
 #treeDiv .buttonbg
 {
     width:100% !important;
     padding-top:10px  !important;
     padding-bottom:10px  !important;
 }
 
 .headerSearch input[type="image"]
 {
     margin-right:5px;
 }
   
   
   .ui-state-default  a
   {
       color:#000 !important;
   }
   

*/
.gridsettings {
    height: 20px;
    cursor: pointer;
    width: 20px;
    background: url('images/gearico.png') no-repeat 50% 50%;
}

.mappopout {
    height: 19px;
    cursor: pointer;
    width: 20px;
    background: url('images/pop-out-button.png') no-repeat 50% 50%;
}

.rptsearchtxtbox {
    height: 20px !important;
    width: 220px !important;
    border-radius: 5px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    outline: 0;
}

.dvPaging td table tr td {
    float: left !important;
    font-weight: normal !important;
    color: #15A163 !important;
    padding: 3px 5px 3px 5px !important;
}

    .dvPaging td table tr td a {
        color: #000;
    }
/* TAB REDESIGN */

.ui-widget-header {
    border: none !important;
    background: #FFF !important;
    border-radius: 0px !important;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: none !important;
        background: none !important;
        color: #666 !important;
        margin-right: 0px !important;
    }

.ui-tabs-nav {
    width: 98% !important;
    margin: 0px auto !important;
    border-bottom: 1px solid #CCC !important;
}

.ui-tabs .ui-tabs-nav {
    background: #E4F2D8 !important;
}

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        background: #fff !important;
        color: #666 !important;
        border-bottom: 0px !important;
        border-radius: 5px 5px 0px 0px !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        border-bottom: none !important;
        padding: 10px 10px 6px 10px !important;
        border-radius: 5px 5px 0px 0px !important;
        font-size: 11px !important;
        font-size: bold;
        color: #666;
        font-family: Verdana !important;
    }

.ui-tabs-nav li.ui-tabs-selected a {
    border-top: 3px solid #e40522 !important;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #fff !important;
    color: #15A163 !important;
}

#uwtcMain_tbl .uwtcMain_1, #uwtcMain_tbl .uwtcMain_2 {
    border-top: 3px solid #15A163 !important;
    border-left: 1px solid rgb(148, 156, 156) !important;
    border-right: 1px solid rgb(148, 156, 156) !important;
    border-bottom: 1px solid #fff !important;
    color: #15A163 !important;
    border-radius: 5px 5px 0px 0px !important;
    background: none !important;
    padding-right: 5px !important;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana;
}

#uwtcMain_tbl .uwtcMain_0, #uwtcMain_tbl .uwtcMain_0R, #uwtcMain_tbl .uwtcMain_1R, #uwtcMain_tbl .uwtcMain_2R {
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana;
}

#uwtcMain_tbl td {
    border-bottom: 1px solid rgb(148, 156, 156) !important;
}

#usersettingstable select, #clientdetailstable select {
    padding: 5px;
    border: 1px solid #CCCCCC;
    height: auto !important;
    min-width: 140px !important;
    width: auto !important;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 11px;
}

#uwtcMain_tbl td {
    background: #DBE3E8 !important;
}

#clientdetailstable select {
    width: 250px !important;
}

.roundedDropDown {
    padding: 3px;
    border: 1px solid #CCCCCC;
    height: auto !important;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 11px;
}

.wizardstep .reportbox, .wizardstep .rptbox {
    padding-left: 5px;
}

    .wizardstep .rptbox input[type="text"] {
        width: 200px !important;
    }

    .wizardstep .rptbox input#wzViewGroup_txtGroupView {
        width: 198px !important;
    }
/*
#wScheduler_ucGeneralSettings_imgAddEMail
{
right: -20px;
top: 45px;
position:absolute;
}
*/
#wScheduler_ucGeneralSettings_wdcStartDate {
    width: 92px !important;
}

.btnFloatRight {
    float: right;
}
/* newly added */
#wScheduler_ucReportDetails_btnAddNew {
    float: right;
}

#wScheduler_ucGeneralSettings_wdcStartDate_input {
    width: 75px !important;
}

#igtxtwScheduler_ucScheduleDetails_wdteStartTime input[type="text"], #igtxtwScheduler_ucScheduleDetails_wneRecurs {
    height: 20px !important;
    width: 40px !important;
}

.schdform input.rgt {
    float: right;
    padding-right: 10px;
}

.schdform .contentGrid {
    clear: both;
}

input.wdthtx1, select.wdthtx1, .wdthtx1 {
    width: 200px !important;
}

input.wdthtx2, select.wdthtx2, .wdthtx2 {
    width: 230px !important;
}

td.fltBox span {
    display: block;
    float: left;
    margin: 0px 5px 0px 0px;
}

td.fltBox input {
    float: left;
    margin: 0px;
}

td.txrgt {
    text-align: right;
}

.flexigrid #btnFindNearest.buttonbg, .flexigrid #gridsearchbtn {
    background: url(images/search.png) no-repeat 50% 50% !important;
    font-size: 0px !important;
    height: 20px;
    width: 20px;
}

.flexigrid #gridsearchbtn {
    padding-left: 23px !important;
}

.gridclear {
    background: none !important;
    border: none !important;
    text-decoration: underline;
}

    .gridclear:hover {
        color: Red;
        text-decoration: underline;
        cursor: pointer;
    }

#spPoi #txtPOI, #spRad #txtNearestradius, #spAddress #txtAddSearch {
    border-radius: 5px !important;
    height: 23px !important;
}

.boxheight {
    height: 22px !important;
}

.clearresult a, .gridclear, a.gridclear {
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: none;
    color: #15a163;
}

    .clearresult a:hover, a.gridclear:hover {
        color: Red;
        text-decoration: underline;
        cursor: pointer;
    }

.tableboxclearborder {
    border-top: 0px solid #f2f2f2 !important;
    border-left: 0px solid #f2f2f2 !important;
}

    .tableboxclearborder td {
        border-right: 0px solid #f2f2f2 !important;
        border-bottom: 0px solid #f2f2f2 !important;
    }

input[type="text"], select, textarea {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 11px;
}

.widthstd {
    width: 200px !important;
    min-width: 200px !important;
}

#wReminderDetails_ucReminderStep1_wdStartDate_input {
    width: 75px !important;
}

.buttonselectnw {
    background: url(images/edit-icon.png) no-repeat 50% 50% !important;
    font-size: 0px !important;
    height: 20px;
    width: 20px;
    vertical-align: top;
    cursor: pointer;
    border: 0px !important;
}

.noborder {
    border: none !important;
    background-color: Transparent !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 6px 11px 0px 11px !important;
}

.contentGridHeader th {
    border-right: 1px solid #FFF !important;
}

    .contentGridHeader th:last-child {
        border-right: none !important;
    }

.divclose {
    cursor: pointer;
    background: url(images/close.png) no-repeat 0% 0%;
    width: 14px;
    height: 13px;
    margin-top: 7px;
    float: right;
    padding-right: 9px;
}

.schedulerbox table tr table td:last-child {
    border: 0px !important;
}

.schedulerbox table tr td:last-child {
    border: 1px solid #15A163 !important;
}

#wzCustomRpt tr table td:last-child {
    border: 0px !important;
}

#wzCustomRpt tr td:last-child {
    border: 1px solid #15A163 !important;
}

#divGVDelete tr td {
    border: none !important;
}

#divGVDelete.reportbox {
    height: 100% !important;
}

.footerdiv {
    padding-top: 15px !important;
    background: url(/images/footer_logo.png) no-repeat 0% 0%/185px !important;
    text-align: right;
    padding-right: 27px;
}

.roundedTxt {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #DBE3E8;
}

.userheader {
    font-size: 12px !important;
    color: #15A163;
    font-family: Verdana;
    font-weight: bold;
}

.gridsettingheader {
    color: #15A163;
    font-family: Verdana;
    font-weight: bold;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid #15A163;
}

.sDiv2 .rpttextboxnowidth {
    min-width: 93px !important;
    width: 93px !important;
}

#gvUtilisation span, #gvUtilisation input[type="text"] {
    float: left !important;
}

#gvUtilisation span {
    width: 180px !important;
}

.ui-dropdownchecklist-text {
    width: 145px !important;
    overflow: hidden;
}

#dvTrackingGrid .rpttextboxnowidth .ui-dropdownchecklist, #dvTrackingGrid .rpttextboxnowidth .ui-dropdownchecklist-dropcontainer {
    width: 200px !important;
}

#dvTrackingGrid .rpttextboxnowidth .ui-dropdownchecklist-selector {
    width: 180px !important;
}

#dvTrackingGrid #lstFilter.rpttextboxnowidth, #dvTrackingGrid #lstMainActions.rpttextboxnowidth {
    width: 200px !important;
    height: 27px !important;
}

#wzViewGroup_UpdatePanel7 #wzViewGroup_dtlstSelectedVehicles table, #wzViewGroup_dtlstSelectedVehicles {
    width: 100% !important;
}

.wizardstep #ucltdiv .ui-dropdownchecklist-text {
    width: 168px !important;
    overflow: hidden;
}

.heightstd {
    height: 19px !important;
}
/*
Change Edit icon Pen-delete inline styles

a.buttonselectnw
{
    background:url(images/editcolor.png) no-repeat 50% 50% !important;
    font-size: 0px !important;
    height: 20px;
    width: 20px;
    vertical-align:top;
    cursor:pointer;
    border:0px !important;
    display:block;
}
a.buttonselectnw img
{
    visibility:hidden;
}*/

.nomargin {
    margin: 0px !important;
}

#frmZoneWizard #wzZoneWizard td:last-child table, #frmZoneWizard #wzRouteWizard td:last-child table {
    border: 1px solid #15A163 !important;
}

    #frmZoneWizard #wzZoneWizard td:last-child table tr td table, #frmZoneWizard #wzRouteWizard td:last-child table tr td table {
        border: none !important;
    }

#frmZoneWizard #tblContent tr td:first-child {
    border: none !important;
}

#frmZoneWizard #wzZoneWizard, #frmZoneWizard #wzRouteWizard {
    border: none !important;
}

.fromBorder {
    width: 95% !important;
    margin: 10px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    border: 1px solid #15A163 !important;
}

.navigation .navgtnbrdr .contentLabel {
    color: #15a163 !important;
}

input[type="file"] {
    font-family: Verdana;
    margin-left: 0px;
}

.poiDeleteClass {
    font: 0px !important;
    background: url(images/deletedriverpoi.png) no-repeat;
    height: 18px;
    width: 24px;
}

.floatanchor a {
    float: left;
    padding-right: 3px;
}

.leftnavgrid #ltResult {
    color: #15A163 !important;
}

.buttonbg {
    padding: 1px 7px 3px 7px;
    padding: 4px 7px 5px 7px \10 !important;
    padding: 4px 7px 5px 7px \9 !important;
    padding: 4px 7px 5px 7px \8 !important;
    padding: 4px 7px 5px 7px \7 !important;
    background: #34d50b url(images/grad_bg.png) repeat-x 100% 100%;
    background: -moz-linear-gradient(top, #34d50b, #0baf1c);
    background: -webkit-linear-gradient(top, #34d50b, #0baf1c);
    text-align: center;
    border: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    border-radius: 3px !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    cursor: hand;
    overflow: visible;
    cursor: pointer;
    margin: 5px 0px 5px 0px; /*height:20px;*/
}

#dvFilter {
    height: 32px !important;
}

.loginRight ul li.loginbut input {
    /*background:#0977af;*/
    width: 283px;
    border: 0px;
    text-align: center;
    padding: 10px 0px 10px 0px;
    color: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 16px;
    text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    -webkit-text-shadow: 0px 1px 0px #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    cursor: pointer;
    height: 40px !important;
}

#rptid tr td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.footercontainer span.copy {
    float: right;
}

#google_translate_element {
    position: relative;
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    top: -13px;
    margin: 0px 10px 0px 0px;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.goog-te-gadget select.goog-te-combo {
    font-size: 11px !important;
    border-radius: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
    font-size: 10px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonbg {
        padding: 3px 7px 4px 7px !important;
    }
}

.nopadding {
    padding: 0px !important;
}

.hghtwdth {
    height: 17px !important;
}

select.rpttextboxnowidth, select.widthstd {
    height: 24px !important;
}

#wzZoneWizard_dvSoftwareSummary, #wzZoneWizard_dvSoftwareSummary #divGeneral {
    padding-left: 0px !important;
}

#wzZoneWizard_tblSummary.profileEditform {
    margin: 10px !important;
    width: 97% !important;
}

.zonealertcls {
    color: #15a163;
    font-size: 12px;
    text-align: center;
}

#dvToolTipMessage, #dvToolTipFuel {
    color: #15a163;
    font-size: 11px;
    font-family: Verdana;
    text-align: left;
    background-color: #f2f5f7 !important;
}

a.edit {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/edit-icon.png) no-repeat 0% 0%;
}

a.delte {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/delete-icon.png) no-repeat 0% 0%;
}

.ui-menu-item, .ui-menu-item a, .ui-menu-item:hover, .ui-menu-item a:hover {
    font-size: 11px !important;
}

#wzGroupIcon TABLE {
    border: 1px solid #15A163;
}

.footercontainer .footercopyright {
    position: absolute;
    font-size: 9px;
    top: 17px;
    left: 270px;
}

.default_footer {
    display: none;
}

.login_menu {
    display: none;
}

@media only screen and (max-width: 1050px) {
    .headerLinks {
        left: 105px;
    }
}

.forgotPassword {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 107px;
    color: #15A163;
    display: block;
    font-size: 12px;
}

.loginRight ul li.atrackloginbut .forgotPassword {
    margin: 0px 100px;
}

.contactEnigma {
    margin: 0px 0px 0px 74px !important;
}

.notificationbox {
    position: fixed;
    top: 66px;
    right: 10px;
    padding: 8px 8px 8px 8px;
    z-index: 999999;
    color: #FFFFFF;
    font-size: 15px;
    width: auto;
    min-width: 200px;
    white-space: nowrap;
    max-width: calc(100% - 50px);
}

.notify_divMessage {
    right: 10px;
    padding: 8px 30px 8px 40px;
    z-index: 999999;
    color: #FFFFFF;
    font-size: 15px;
    width: auto;
    min-width: 200px;
    white-space: nowrap;
    max-width: calc(100% - 50px);
    text-align: left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    margin-top: 4px;
    position: relative;
}

.notify_GeneralMessage {
    background: #0085cc url(../../images/info-5-24.png) no-repeat 10px 50%;
}

    .notify_GeneralMessage:hover {
        background-color: #1897db; /*font-weight: bold;*/
    }

.notify_ErrorMessage {
    background: #d61b31 url(../../images/error-7-24.png) no-repeat 10px 50%;
}

    .notify_ErrorMessage:hover {
        background-color: #ea1e36; /*font-weight: bold;*/
    }

.notify_SucessMessage {
    background: #36ad6f url(../../images/ok-24.png) no-repeat 10px 50%;
}

    .notify_SucessMessage:hover {
        background-color: #52c067; /*font-weight: bold;*/
    }

.notify_WarningMessage {
    background: #e29016 url(../../images/warning-2-24.png) no-repeat 10px 50%;
}

    .notify_WarningMessage:hover {
        background-color: #f7b829; /*font-weight: bold;*/
    }

.notify_Close {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(../../images/closeicon.png) no-repeat 50% 50%;
}

.s_status a {
    font-size: 12px;
    text-align: left;
    display: block;
    text-decoration: underline;
    color: #FFFFFF;
    padding-left: 20px;
    color: #15A163;
}

#footer.FooterText {
    display: none;
}

.footer_theme {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 3em;
    font-size: 18px;
    display: block;
    margin: 0px auto;
    width: 360px;
    padding-top: 123px;
}

    .footer_theme ul {
        margin: -2px;
        padding: 0px;
    }

        .footer_theme ul li {
            float: right;
            padding-top: 10px;
            display: inline-block;
            margin-right: 30px;
        }

            .footer_theme ul li a {
                text-decoration: none;
                color: Black;
            }

.footer_terms_theme {
    display: none;
}

p.atracktterms {
    text-align: center;
    max-width: 285px;
    margin-top: 20px;
}

    p.atracktterms span {
        display: block;
    }

        p.atracktterms span a {
            display: inline-block;
            padding: 0px 10px;
            text-align: center;
            font-size: .9rem;
            color: #15A163;
            position: relative;
        }

            p.atracktterms span a:nth-child(1):after {
                content: "";
                right: 0px;
                top: 2px;
                bottom: 2px;
                width: 1px;
                background: rgba(0, 0, 0, .35);
                position: absolute;
            }

p.email {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#spanimage, #lblEmailNotify {
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
}

#lblEmailNotify {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    max-width: 250px;
    color: #15A163;
    padding: 0px 0px 0px 10px;
    margin-bottom: 10px;
}

#divMemWord, #divEmailCapture {
    position: fixed; /* Stay in place */
    z-index: 99999999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

#fraMemWord, #fraEmailCapture {
    background: #f3f3f3;
    width: 420px;
    height: 360px;
    position: absolute;
    top: calc(50% - 180px);
    left: calc(50% - 200px);
}

.memorablewordpopup {
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .memorablewordpopup h2 {
        text-align: left;
        color: #15A163;
        font-size: 25px;
        font-weight: normal;
        margin: 0px;
        padding: 0px 0px 20px 0px;
    }

    .memorablewordpopup p {
        margin: 0px;
        padding: 0px;
        font-size: 12px;
    }

    .memorablewordpopup ul {
        margin: 0px;
        padding: 20px 0px 0px 0px;
    }

        .memorablewordpopup ul li {
            list-style: none;
            margin: 0px 0px 12px 0px;
        }

            .memorablewordpopup ul li span {
                display: block;
                font-size: 11px;
                margin: 0px 0px 5px 0px;
            }

            .memorablewordpopup ul li select {
                width: 100%;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                border: 1px solid #CCCCCC;
                padding: 5px;
                line-height: inherit;
                height: 30px;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

            .memorablewordpopup ul li input[type="text"], .memorablewordpopup ul li input[type="password"] {
                width: 100%;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                border: 1px solid #CCCCCC;
                padding: 5px;
                line-height: inherit;
                height: 30px;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

    .memorablewordpopup p.frgt {
        padding: 0px;
        margin: 0px;
    }

        .memorablewordpopup p.frgt a {
            font-size: 11px;
            text-decoration: none;
            color: #1e61cc;
        }

    .memorablewordpopup p.btns {
        margin: 0px;
        padding: 20px 0px 0px 0px;
    }

        .memorablewordpopup p.btns input[type="submit"] {
            background: #15A163;
            padding: 10px 0px;
            width: 100%;
            text-align: center;
            font-size: 13px;
            color: #FFFFFF;
            font-weight: bold;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border: 0px;
            cursor: pointer;
        }

#memHelpText, #emailHelpText {
    color: #959494;
    font-size: 10.5px;
    padding: 3px;
}
/* Password indicator */

.strengthify-wrapper {
    margin-left: -38px;
    margin-top: 44px;
    position: relative;
}

    .strengthify-wrapper > * {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

.strengthify-bg, .strengthify-container, .strengthify-separator {
    height: 3px;
}

.strengthify-bg, .strengthify-container {
    display: block;
    position: absolute;
    width: 100%;
}

.strengthify-bg {
    background-color: #BBB;
}

.strengthify-separator {
    display: inline-block;
    position: absolute;
    background-color: #FFF;
    width: 3px;
    z-index: 10;
}

.password-bad {
    background-color: #C33;
}

.bad {
    color: #C33;
}

.password-medium {
    background-color: #F80;
}

.medium {
    color: #F80;
}

.password-good {
    background-color: #3ed13e;
}

.good {
    color: #3ed13e;
}

.password-strong {
    background-color: #08a408;
}

.strong {
    color: #08a408;
}

div[data-strengthifyMessage] {
    padding: 3px 8px;
}

.strengthify-tiles {
    float: right;
    margin-top: 4px;
    font-size: 11px;
    position: absolute;
    margin-left: 245px;
}

.twitter_wrapper {
    display: none;
}
/* Impersonate User JQ Grid (only color related)*/
.ui-jqgrid-labels {
    background-color: #15a163 !important;
    color: #fff !important;
    padding: 1% !important;
}

.ui-jqgrid-sortable:hover {
    background-color: #15a163 !important;
    color: #fff !important;
}

.ui-jqgrid .ui-jqgrid-btable tr:nth-child(odd) td {
    background: #f5f5f5 !important;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar {
    background: #f5f5f5 !important;
}

.ui-jqgrid .ui-jqgrid-labels th.ui-th-column:hover {
    background: #15a163;
}

.loading {
    background: #fff !important;
    padding: 10px !important;
    border: 1px #828282 solid !important;
}

.memrbl_wrd_pp {
    width: 420px;
    min-height: 388px;
    position: absolute;
    left: calc(50% - 210px);
    top: calc(50% - 215px);
    background: #f3f3f3;
    padding: 20px;
    border: solid 2px #666;
    z-index: 999;
}

.memorablewordpopup_wrpr {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover !important;
    background: url(images/atrak.jpg) no-repeat 100% 0%;
}

    .memorablewordpopup_wrpr:after {
        content: "";
        left: 0;
        bottom: 0;
        width: 100%;
        height: 300px;
        position: absolute;
        background: url(images/skyline_loginbuldings.png) repeat-x 50% 100%/61%;
    }

.memorablewordpopup_ovrly {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}
/******** GDPR Notification Box *************/
.gdprnotificationbox {
    position: fixed;
    bottom: -250px;
    right: 10px;
    padding: 8px 8px 8px 8px;
    z-index: 999999;
    font-family: Verdana, Geneva, sans-serif;
    color: #666;
    font-size: 13px;
    width: auto;
    min-width: 200px;
    white-space: pre-wrap;
    max-width: calc(100% - 40px);
    word-wrap: break-word;
}

.gdprnotify_divMessage {
    right: 10px;
    padding: 8px 30px 8px 40px;
    z-index: 999999;
    font-family: Verdana, Geneva, sans-serif;
    color: #666;
    font-size: 13px;
    width: auto;
    min-width: 200px;
    white-space: pre-wrap;
    max-width: calc(100% - 50px);
    text-align: left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    margin-top: 4px;
    position: relative;
}

.gdprnotify_Message {
    background: #c6ebbf;
}

    .gdprnotify_Message:hover {
    }

.gdprnotify_Close {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(images/close.png) no-repeat 100% 0%;
}
/******** End GDPR Notification Box *************/

/******** Head Way App style *************/

/*.headwaylnk {
    display: block;
    width: 33px;
    height: 32px;
    top: 227px;
    position: absolute;
    left: -33px;
    background: url('images/HeadWay_Atrak.png') no-repeat 0% 0% / 100%;
    box-shadow: 0px 3px #888888;
    border-radius: 0px 50px 50px 0px;
}

    .headwaylnk #HW_badge_cont {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        position: relative;
    }

        .headwaylnk #HW_badge_cont #HW_badge {
            position: absolute;
            top: -5px;
            right: -1px;
            left: auto;
        }

#HW_frame_cont {
    top: 277px !important;
    left: -100% !important;
    transition: all ease 1s !important;
    margin: 0px !important;
}

    #HW_frame_cont:after {
        content: "";
        position: absolute;
        top: -2px;
        right: -33px;
        width: 33px;
        height: 33px;
        background: url(images/HeadWay_Atrak.png) no-repeat 0% 0% / 100%;
    }

    #HW_frame_cont.HwCustomHeader.HW_visible {
        left: 0px !important;
        border-top-right-radius: 0px;
    }

.headwaydetails {
    position: absolute;
    left: -340px;
    width: 340px;
    height: auto;
    background: #FFFFFF;
    top: 137px;
}

    .headwaydetails.open {
        left: 0px;
        transition: all ease .5s;
        -moz-transition: all ease .5s;
        -webkit-transition: all ease .5s;
    }

#HW_badge {
    visibility: hidden;
}*/

#HW_badge {
    border-radius: 20px;
    background: #CD4B5B;
    height: 16px;
    width: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    cursor: pointer;
    position: absolute;
    top: -8px !important;
    left: 17px !important;
    opacity: 0;
    /*transform: scale(0);*/
    transition: all 0.3s;
}

#HW_badge_cont {
    display: block;
    height: 25px !important;
    width: 25px !important;
    cursor: pointer;
    position: relative;
}

.outercont .innercont h3 {
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 600;
    font-size: 14px;
    padding: 15px 23px;
    line-height: 21px !important;
}

.headerUser span.CHANGE_THIS {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 18px;
    left: 165px;
    background: url('images/HeadWay_Atrakicon.png') no-repeat 0% 0%;
    padding-right: 12px;
}
/******** End Head Way App style *************/

/*Driver performance alert style*/

input[type="text"]#txtDriverSearch {
    width: 100%;
    display: block;
    margin: 0px 0px 3px 0px;
    height: 27px;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #cedee9;
}

    input[type="text"]#txtDriverSearch::-webkit-input-placeholder {
        color: #ccc;
    }
/*End Driver performance alert style*/

/*Stop Alert Report style*/
.reg-popup-content {
    padding: 7px 5px 5px 7px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #333;
}
/*End Stop Alert Report style*/

/*Check box and its content on same line alignment*/
[type="checkbox"] {
    vertical-align: middle;
}
/*End Check box and its content on same line alignment*/

/*Fix for Flickering issue in spinbutton---START */
table.timePickerSpinNormal td table td {
    background-color: buttonface !important;
    border-style: Outset Ridge Ridge Outset !important;
    font-size: 1pt;
    border-width: 2px !important;
    border-color: White #A0A0A0 #A0A0A0 White !important;
}

    table.timePickerSpinNormal td table td:hover {
        background-color: buttonface !important;
        border-style: Outset Ridge Ridge Outset !important;
        font-size: 1pt;
        border-width: 2px !important;
        border-color: buttonface buttonface buttonface buttonface !important;
    }
/*Fix for Flickering issue in datepicker---END */

/* Zone Group*/
.sk_zonegroup {
    border: 1px solid #15a163;
    max-width: 1000px;
    margin: 0px auto;
}

    .sk_zonegroup * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-family: Verdana, Geneva, sans-serif;
    }

.zonebox {
    padding: 0px 20px 10px 20px;
    position: relative;
}

p.dragdrop {
    margin: 0px;
    padding: 0px 0px 5px 10px;
    font-size: 11px;
    font-style: italic;
    color: #8e8181;
}

.zonebox:after {
    display: block;
    clear: both;
    content: "";
}

.zonesub {
    background: #f2f2f2;
    padding: 10px;
    border: 2px dotted #CCCCCC;
    border-radius: 10px;
    float: left;
    margin: 0px 5px 0px 0px;
    width: calc((100%/2) - 5px);
    min-height: 400px;
    position: relative;
}

    .zonesub.selectedzones {
        margin: 0px 0px 0px 5px;
    }

    .zonesub > h5 {
        position: relative;
        font-size: 14px;
        color: #15a163;
        font-weight: 600;
        margin: 0px;
        padding: 0px 0px 10px 0px;
    }

.selectall {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    color: #15a163;
}

.zonesub p.search {
    margin: 0px;
    padding: 0px;
}

    .zonesub p.search input[type="text"] {
        width: 100%;
        border: 1px solid #d5d5d5;
        border-radius: 4px;
        background: #FFFFFF;
        padding: 8px 5px;
    }

.zonesub ul.zonelist {
    margin: 0px;
    padding: 20px 0px;
}

    .zonesub ul.zonelist:after {
        display: block;
        clear: both;
        content: "";
    }

    .zonesub ul.zonelist li {
        list-style: none;
        float: left;
        width: Calc((100%/3) - 11px);
        margin: 0px 5px 10px 5px;
        min-height: 80px;
        background: #FFFFFF;
        border-radius: 10px;
        overflow: hidden;
    }

        .zonesub ul.zonelist li > h3 {
            margin: 0px;
            padding: 5px 8px;
            background: #15a163;
            position: relative;
        }

            .zonesub ul.zonelist li > h3 span.close {
                position: absolute;
                right: 7px;
                top: 5px;
                width: 16px;
                height: 16px;
                color: #FFFFFF;
                font-weight: 500;
                font-size: 14px;
                cursor: pointer;
            }

        .zonesub ul.zonelist li > h4 {
            margin: 0px;
            padding: 10px 0px 5px 10px;
            font-size: 13px;
            color: #000000;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: calc(100% - 10px);
            overflow: hidden;
        }

        .zonesub ul.zonelist li > h5 {
            margin: 0px;
            padding: 0px 0px 5px 10px;
            font-size: 12px;
            color: #000000;
            font-weight: 500;
        }

        .zonesub ul.zonelist li > h6 {
            margin: 0px;
            padding: 0px 0px 5px 10px;
            font-size: 11px;
            color: #CCCCCC;
            font-weight: 500;
        }
/*Driver App Chat Notification for header*/

.headerLinks a.driverApp label, .headerLinks a.driverAppSelected label {
    position: absolute !important;
    top: 2px;
    left: 57px;
    border-radius: 5px;
    background: rgb(255, 0, 0);
    padding: 3px;
    font-size: 10px;
    color: rgb(255, 255, 255);
}

.headerUser span.timer span.timerpopup, .headerUser span.message span.timerpopup {
    /* width: 21px;     height: 21px;*/
    /*background: url(images/timerpopup.png) no-repeat bottom right;
        position: absolute;
        padding: 1px 3px 7px 2px;
        top: 1px;
        right: -1px;
        margin: -19px -4px 0px -1px;
        display: none;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 11px;*/
    position: absolute !important;
    top: 1px;
    right: -1px;
    border-radius: 5px;
    background: rgb(255, 0, 0);
    padding: 3px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    margin: -19px -4px 0px -1px;
}

.ImgBtnDelte {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/delete-icon.png) no-repeat 0% 0%;
}

.ImgBtnAddSchedule {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/Addscheduler.png) no-repeat 0% 0%;
}

ImgBtnClone {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/clone.png) no-repeat 0% 0%;
}

.ImgBtnEdit {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/edit-icon.png) no-repeat 0% 0%;
}

.ImgBtnDetails {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/Details.png) no-repeat 0% 0%;
}
/*<!-- BIK Management-->*/


.bik_drvjrny_header:before {
    background: #15a163 !important;
}
/*----Zoho-------*/

#zohohc-asap-web-modulecontentbox * {
    font-size: 11px !important;
}

#zohohc-asap-web-launcherbox {
    z-index: 9999999999 !important;
    height: 30px;
    width: 30px;
    left: 5px !important;
    bottom: 43px !important;
}
/*#zohohc-asap-web-launcherbox svg.zohohc-dadbf00245 {
        height: 22px;
        width: 22px;
    }*/

#zohohc-asap-web-layoutbox {
    z-index: 9999999999 !important;
    top: 5px;
    height: calc(100% - 5px);
}

#zohohc-asap-web-ticketform-reset {
    display: none !important;
}

.zohohc-751d60c241 {
    visibility: hidden;
}

#zohohc-asap-web-header .zohohc-e6b8ce171a {
    display: none;
}

#zohohc-asap-web-ticketform-field-cf_brand_name, #zohohc-asap-web-ticketform-field-cf_user_id {
    display: none;
}

#zohohc-asap-web-modulecontentbox table td {
    padding: 5px;
    font-size: 11px;
    vertical-align: top;
}

    #zohohc-asap-web-modulecontentbox table td.tdZohoSubject {
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
    }

    #zohohc-asap-web-modulecontentbox table td.tdZohoCreatedDate {
        text-align: left;
    }

#zohohc-asap-web-modulecontentbox table th {
    padding: 5px 0px 0px 5px;
    font-size: 11px !important;
    vertical-align: top;
    font-weight: 700 !important;
    position: sticky;
    top: 0px;
    background: #FFFFFF;
    color: #203e62;
}

#zohohc-asap-web-modulecontentbox table td a.moreDetails {
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(images/driverapp_images/status_icon.png);
    background-repeat: no-repeat;
    margin: 0px auto;
    cursor: pointer;
}

.zohohc-asap-web-contentlayout * {
    font-family: Verdana, Arial !important;
}

.divZohoTicketDetails.showTicketDetails {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 40%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    opacity: 1;
    border-radius: 10px;
}

.divZohoTicketDetails {
    top: 100%;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    opacity: 0;
    z-index: 99999;
    bottom: 0px;
}

#zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table {
    width: 100%;
    border-collapse: collapse;
}

    #zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table td, #zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table th {
        padding: 5px;
        font-size: 11px;
        vetical-align: top;
    }

    #zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table th {
        font-weight: 600;
    }

#divPopupDetails {
    padding: 10px;
    height: 100%;
}

.closeTicketDetails {
    position: absolute;
    right: 5px;
    top: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(/images/cross.png) no-repeat 50% 50%;
    background-size: 12px auto;
}

    .closeTicketDetails img {
        display: none;
    }

#zohohc-asap-web-modulecontentbox table {
    width: 100% !important;
    border-collapse: collapse;
}

.stickyTop .zohohc-ab7045c516 {
    height: 40px !important;
}

.zohohc-0ede64c573 {
    height: 46px !important;
}

.divPopupDetails {
    padding: 10px;
    height: 100%;
}

    .divPopupDetails h1 {
        font-size: 14px;
        margin: 0px;
        padding: 0px 20px 5px 0px;
    }

    .divPopupDetails ul {
        margin: 5px 0px;
        max-height: calc(100% - 60px);
        overflow: auto;
        padding: 10px 0px;
        padding-right: 10px;
        border-top: 1px solid #CCCCCC;
    }

        .divPopupDetails ul li.clsLastpopupli {
            margin: 0px !important;
            border-bottom: 0px !important;
        }

        .divPopupDetails ul li {
            list-style: none;
            margin: 0px 0px 10px 0px;
            padding-bottom: 8px !important;
            border-bottom: 1px solid #d1d1d1 !important;
        }

            .divPopupDetails ul li > label {
                display: block;
            }

            .divPopupDetails ul li > span {
                display: block;
                margin-top: 5px;
                font-weight: 600;
            }

    .divPopupDetails .descriptionFont {
        font-size: 11px !important;
        font-weight: 400;
    }

#zohohc-asap-web-layoutbox * {
    font-family: verdana, arial !important;
}

.dvNoTickets {
    position: absolute;
    width: 300px;
    height: 280px;
    left: calc(50% - 150px);
    top: calc(50% - 140px);
    text-align: center;
    font-weight: bold
}

    .dvNoTickets svg {
        width: 100% !important;
        height: 220px;
    }

.tdZohoListHead {
    text-align: left !important;
    width: 220px;
}

.tdZohoCreatedHead {
    text-align: left !important;
    width: 100px;
}

.tblHeaderList td, .tblHeaderList th {
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 7px !important;
    border-collapse: collapse;
    border-right: 0px;
    border-spacing: 0px !important;
}

.zohohc-d9953ae8f6 {
    overflow: auto;
}

.global_themescreateinnersub .zohohc-b0ff5ab0ca {
    padding: 10px;
    font-size: 11px;
}

​​​​​​​​​​ .zohohc-148d7423f1 {
    ​​​​​text-overflow: ellipsis;
    word-break: break-word;
    line-height: var(--zohohc_asap_web_applineheight_bodyvalues_2);
    font-size: var(--zohohc_asap_web_appfontsizes_headline_6);
    flex: 1 1 0%;
    font-size: 11px !important;
}

.zohohc-148d7423f1 {
    font-size: 11px !important;
    margin: 0px !important;
}

.sty__ucyg3a__cls {
    font-size: 16px !important;
    margin: 0px !important;
}

.zohohc-78306b4fc4.zohohc-5fd6c6d383 * {
    font-size: 11px !important;
}

#zohohc-asap-web-ticketform-section-case_information {
    padding: 12px 0px !important;
    font-size: 11px !important;
}

.zohohc-ef2df0fdca {
    line-height: 100% !important;
    margin-bottom: 5px !important;
    padding: 0px !important;
}

#zohohc-asap-web-ticketform-field-subject {
    margin-bottom: 25px !important;
}

.zohohc-18e11085c9 {
    font-size: 15px !important;
    font-weight: bold !important;
}

.global_themescreateinnersub .zohohc-b0ff5ab0ca {
    padding: 10px !important;
}
/*.zohohc-f386af0cb1 {
    display: none !important;
}*/

.zohohc-68f6a9f4d9 {
    display: none !important;
}

.divPopupDetails * {
    font-size: 11px;
}

.text-inner {
    width: 30%;
    text-align: center;
    z-index: 0;
    position: absolute;
    background-color: white;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    top: 30%;
}

    .text-inner h1 {
        font-weight: 900;
        text-align: center;
        margin: auto;
        font-size: 13px;
        color: #395D6D;
        letter-spacing: .10rem;
        padding-bottom: .5rem;
        padding: 0px 0px 0px 0px !important;
    }

    .text-inner h2 {
        font-weight: 400;
        text-align: center;
        margin: auto;
        color: #395D6D;
        letter-spacing: .10rem;
        padding-bottom: 2rem;
    }

.ímgStatusDescBox {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px 3px 0px;
}

.zohohc-a830a04577 {
    height: 150px !important;
}

#zohohc-asap-web-launchermain .zohohc-dadbf00245 {
    width: 20px !important;
}

#zohohc-asap-web-bodylayout {
    box-shadow: 2px -1px 19px 2px rgb(0 0 0 / 40%) !important;
}
/*? css*/
#zohohc-asap-web-launchermain svg {
    width: 20px;
}

#zohohc-asap-web-footer {
    height: 45px;
}

#zohohc-asap-web-launcherbox-close {
    height: 45px;
    width: 45px;
}

div[data-id="zohohc-asap-web-widget-item-0"] {
    visibility: hidden !important;
}

span[data-id="zohohc-asap-web-goback"] {
    display: none !important;
}

.stickyTop .zohohc-137c977e68 {
    height: 40px !important;
}
/*Theme Changes*/
#zohohc-asap-web-header {
    background: linear-gradient(left, #119359, #24a468) !important;
    background: -webkit-linear-gradient(left, #119359, #24a468) !important;
    background: -moz-linear-gradient(left, #119359, #24a468) !important;
}

#zohohc-asap-web-launcherbox {
    background: #119359 !important;
}

#zohohc-asap-web-ticketform-add-attachment svg {
    color: #119359 !important;
}

#zohohc-asap-web-launcherbox-close {
    background: #119359 !important;
}

a[data-id="zohohc-asap-web-article-permalink"] svg {
    color: #119359 !important;
}

b[data-id="zohohc-asap-web-kbdetailpage-st"] {
    color: #119359 !important;
}

button[data-id="zohohc-asap-web-article-feedbackform-send"] {
    background: #119359 !important;
    border: 1px solid #119359 !important;
}

span[data-id="zohohc-asap-web-attachmentitem-delete-51334000000209014"] {
    background: #119359 !important;
}

.zohohc-e6cf8af492 {
    background: #119359 !important;
    width: 46px !important;
    height: 46px !important;
}

.zohohc-c3df76e427 {
    background: #119359 !important;
}

#zohohc-asap-web-ticketform-submit {
    background: #119359 !important;
    border: 1px solid #119359 !important;
}

.zohohc-037b7fe612 .zohohc-c6272515d0 {
    color: #119359 !important
}

#zohohc-asap-web-modulecontentbox table th {
    color: #119359;
}

.zohohc-ce9ae99941 {
    background: #119359 !important;
}

.zohohc-148d7423f1::after {
    border-bottom: 3px solid #119359 !important;
}

.zohohc-5021fab23f {
    color: #119359 !important;
}

.zohohc-aaab5308c8::after {
    border-bottom: 3px solid #119359 !important;
}

button.zohohc-92a1612696.zohohc-893cdc28db {
    background: #119359 !important;
    border: 1px solid #119359 !important;
}

.zohohc-75a9a64393 {
    background-color: #119359 !important;
}

/* Added for making Responsive design--> Changed by Riya Kaduthus 19OCT2021*/
@media screen and (max-width:600px) {
    .notify_divMessage {
        /*right: 10px;
left:10px;*/
        white-space: normal;
    }

    .loginBox.resetloginBox {
        height: auto;
        min-height: inherit;
    }

    .loginmain .viasat {
        width: 197px;
        height: 60px;
        background: #FFFFFF url(images/visatconnect.png?v=1.0) no-repeat 50% 50%;
        background-size: auto 60px;
        border-radius: 4px;
    }

    .loginmain ul.login_menu {
        position: relative;
        left: inherit;
        top: inherit;
        margin: 10px auto;
        right: inherit;
        text-align: center;
    }

        .loginmain ul.login_menu li a {
            margin: 0px 10px;
        }

    .loginBox.resetloginBox .loginRight.resetloginRight {
        padding: 80px 0px 0px 0px;
        background: url(images/Skyline_Logo.png?v=1.0) no-repeat 50% 10px;
        background-size: auto 50px;
        width: calc(100% - 40px);
    }

        .loginBox.resetloginBox .loginRight.resetloginRight ul {
            padding: 20px;
        }

    .loginfooter {
        position: relative;
        left: inherit;
        bottom: inherit;
        right: inherit;
    }
}
/* Added for Reset Password--> Changed by Shemeem 28OCT2021*/
.loginBox.resetloginBox {
    width: 100%;
    height: 530px;
}

.loginRight#divPasswordChange {
    max-width: 600px;
    top: inherit;
    right: 20px;
    left: inherit;
    width: auto;
    bottom: 0px;
}

    .loginRight#divPasswordChange * {
        box-sizing: border-box;
    }

    .loginRight#divPasswordChange .updatesection {
        background: #FFFFFF;
        padding: 30px 30px 20px 30px;
        border-radius: 10px;
        box-shadow: 0px 0px 18px #30ace2;
        min-width: 550px;
    }

        .loginRight#divPasswordChange .updatesection:after {
            clear: both;
            content: "";
            display: block;
        }

        .loginRight#divPasswordChange .updatesection ul {
            width: 54%;
            float: left;
            border: 0px;
            box-shadow: none;
            padding: 5px 0px 0px 0px;
        }

            .loginRight#divPasswordChange .updatesection ul li {
                position: relative;
                width: 100%;
                margin: 0px 0px 25px 0px;
            }

                .loginRight#divPasswordChange .updatesection ul li.loginbut {
                    margin: 0px;
                }

                .loginRight#divPasswordChange .updatesection ul li.password.second {
                    margin-bottom: 10px;
                }

    .loginRight#divPasswordChange ul li.username input[type="text"], .loginRight#divPasswordChange ul li.password input[type="password"], .loginRight#divPasswordChange ul li.password input[type="text"] {
        padding: 18px 0px 18px 10px;
        border: 0px;
    }

    .loginRight#divPasswordChange .updatesection ul li span.hideIcon {
        position: absolute;
        top: 5px !important;
        right: 0px !important;
        left: inherit !important;
        background: none !important;
    }

    .loginRight#divPasswordChange .updatesection .mandotorynotes {
        /*padding: 0px 0px 0px 50px;*/
        float: right;
        width: 46%;
        padding-left: 16px;
    }

        .loginRight#divPasswordChange .updatesection .mandotorynotes h3 {
            font-size: 14px;
            margin: 0px 0px 10px 0px;
            color: #003093;
        }

        .loginRight#divPasswordChange .updatesection .mandotorynotes ul {
            margin: 0px;
            padding: 0px;
            float: none;
            width: 100%;
        }

            .loginRight#divPasswordChange .updatesection .mandotorynotes ul li {
                list-style: none;
                margin: 0px 0px 5px 0px;
                padding: 0px 0px 5px 30px;
                font-size: 12px;
                position: relative;
                line-height: 14px;
                width: 100%;
            }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.valid {
                    color: #53BD66;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li p {
                    padding-top: 5px;
                    margin: 0px;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.info:before {
                    content: url(/images/infoicon.png);
                    color: blue;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.invalid {
                    color: #F00;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li:before {
                    content: url(/images/Redcross.png);
                    display: block;
                    position: absolute;
                    top: 4px;
                    left: 5px;
                    width: 20px;
                    height: 20px;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.valid:before {
                    content: url(/images/GreenCheck.png);
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.invalid:before {
                    /*background: #F00;*/
                }

.strengthify-tiles {
    margin-top: 4px;
    font-size: 11px;
    position: absolute;
    left: 0px;
    text-align: center;
    margin-left: 47%;
}
/*otpstyle*/
.loginRight ul li.password input[type="text"] {
    width: 235px;
    padding: 9px 0px 9px 10px;
    border: 0px;
    outline: 0px;
    color: #7b7b7b;
    margin-left: -2px;
}

.loginRight ul li.otpsection {
    display: flex;
    justify-content: space-between;
    max-width: 283px;
}

    .loginRight ul li.otpsection span {
        display: inline-block !important;
        position: relative !important;
        margin: 0px !important;
        width: auto !important;
        background: none !important;
        height: auto;
    }

        .loginRight ul li.otpsection span a.forgotPassword {
            margin: 0px;
            cursor: pointer;
            text-decoration: underline;
        }

@media screen and (max-width:1600px) {
    .loginBox.updatepassword {
        width: 100% !important;
    }

        .loginBox.updatepassword .loginRight#divPasswordChange {
            bottom: inherit;
            top: 170px;
            right: 50px;
            width: 630px;
        }

            .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
                width: 630px;
                bottom: inherit;
            }
}

@media screen and (max-width:1100px) {
    body#login {
        background: none;
    }

    .loginRight#divPasswordChange {
        left: 30px;
        right: 30px;
        max-width: inherit;
        padding: 0px 20px;
    }

    .loginBox.resetpassword .loginRight#divPasswordChange, .loginBox.resetloginBox .loginRight#divPasswordChange {
        max-width: 600px !important;
        margin: 0px auto;
    }

    .loginBox.resetloginBox .loginRight#divPasswordChange {
        padding-top: 250px;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange {
        left: calc(50% - 315px);
    }

    .loginmain, .loginBox {
        width: 100%;
    }

    .loginLeft {
        display: none
    }

    .loginRight {
        margin: 0px;
        padding: 280px 20px 0px 20px;
        position: relative;
        left: inherit;
        top: inherit;
        width: 100%;
        right: inherit;
        bottom: inherit;
    }

        .loginRight:before {
            content: "";
            width: 140px;
            height: 160px;
            position: absolute;
            top: 50px;
            left: calc(50% - 70px);
            background: url(images/atrak.jpg) no-repeat -941px -83px;
        }

        .loginRight.resetloginRight:before {
            top: 30px;
        }

        .loginRight.resetloginRight#divPasswordChange .updatesection {
            left: calc(50% - 315px);
            top: 200px;
        }

        .loginRight ul {
            margin: 0px auto;
            padding: 0px 20px;
            max-width: 300px;
        }

            .loginRight ul li.username, .loginRight ul li.password {
                width: 100%;
            }

    p.atracktterms span, p.atracktterms {
        text-align: center;
        margin: 10px auto;
    }

    .loginRight ul li.s_status {
        padding: 10px 0px;
    }

    .loginRight ul li.username input[type="text"], .loginRight ul li.password input[type="password"] {
        width: calc(100% - 7px);
    }

    .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
        position: relative;
        top: 250px;
    }

    .loginBox.resetloginBox {
        padding: 200px 0px 0px 0px;
    }
}

@media screen and (max-width:800px) {
    body#login {
        background: none;
    }

    .loginRight#divPasswordChange {
        left: 30px;
        right: 30px;
        max-width: inherit;
        padding: 0px 20px;
    }

    .loginmain, .loginBox {
        width: 100%;
    }

    .loginLeft {
        display: none
    }

    .loginRight:before {
        top: 0px;
    }

    .loginRight.clsdivLoginMain:before {
        top: 50px;
    }

    .loginRight ul {
        margin: 0px auto;
        padding: 0px 20px;
        max-width: 300px;
    }

        .loginRight ul li.username, .loginRight ul li.password {
            width: 100%;
        }

    p.atracktterms span, p.atracktterms {
        text-align: center;
        margin: 10px auto;
    }

    .loginRight ul li.s_status {
        padding: 10px 0px;
    }

    .loginRight ul li.username input[type="text"], .loginRight ul li.password input[type="password"] {
        width: calc(100% - 7px);
    }
}

@media screen and (max-width:600px) {
    .loginRight#divPasswordChange .updatesection, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
        position: relative;
        padding: 20px 0px 30px 0px;
        top: 237px;
        width: calc(100% - 20px);
        left: -10px;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
        padding: 20px 0px 0px 0px;
        margin: 0px auto;
        right: inherit;
    }

    .loginRight#divPasswordChange .updatesection {
        min-width: inherit;
        margin: 0px auto;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange {
        width: calc(100% - 20px);
        top: 0px;
        left: 0px
    }

        .loginBox.updatepassword .loginRight#divPasswordChange:before {
            top: 20px;
        }

        .loginRight#divPasswordChange .updatesection ul, .loginBox.updatepassword .loginRight#divPasswordChange ul {
            float: none;
            width: 100%;
            padding: 20px;
        }

            .loginRight#divPasswordChange .updatesection ul li.password.second, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection ul li.password.second {
                margin-bottom: 150px;
                top: 0px !important;
            }

        .loginRight#divPasswordChange .updatesection .mandotorynotes, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection .mandotorynotes {
            float: none !important;
            width: 100% !important;
            position: absolute !important;
            bottom: 85px !important;
            left: 10px !important;
            right: 10px !important;
            padding: 20px !important;
            margin: 0px !important;
        }

            .loginRight#divPasswordChange .updatesection .mandotorynotes ul, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection .mandotorynotes ul {
                background: none;
            }

    .loginbut {
        top: 15px;
    }

    .loginRight#divPasswordChange {
        left: 0px;
        right: 10px;
        max-width: inherit;
        padding: 0px 20px;
    }

        .loginRight#divPasswordChange .updatesection ul li {
            width: 100%;
        }

        .loginRight#divPasswordChange ul li.username input[type="text"], .loginRight#divPasswordChange ul li.password input[type="password"], .loginRight#divPasswordChange ul li.password input[type="text"], .loginRight#divPasswordChange ul li.loginbut input {
            width: 100%;
        }

        .loginRight#divPasswordChange ul li a.forgotPassword {
            margin: 30px 0px 0px 0px;
            text-align: center;
        }

    .loginRight ul li {
        padding: 1px 0px;
    }

        .loginRight ul li.username, .loginRight ul li.password {
            width: calc(100% - 40px);
        }

    .loginRight {
        padding-right: 0px;
        padding-left: 0px;
        margin: 0px;
    }

    .forgotPassword {
        margin: 4px auto;
        text-align: center;
    }

    .contactEnigma {
        margin: 0px !important;
    }

    .loginRight:before {
        top: 80px;
    }

    .loginRight ul {
        margin: 0px auto;
        padding: 0px;
    }

    .loginBox.resetloginBox {
        padding-top: 20px;
    }

    .loginRight.resetloginRight#divPasswordChange .updatesection {
        top: 0px;
        left: 0px;
    }
}

@media screen and (min-width:1600px) {
    .loginBox.updatepassword .loginRight#divPasswordChange {
        max-width: 630px;
        ;
        top: 180px;
        ;
        right: inherit;
        left: calc(55% - 20px);
        width: auto;
        bottom: inherit;
    }

        .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
            width: 600px;
        }
}
/*html, body {
    height: 100%;
    *height: 88%;
    *overflow: hidden;
    font-family: Verdana,Arial;
}*/

#mapPanelbody {
    margin: 0px;
    padding: 0px;
    background: #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
}
/*form {
    margin: 0px;
    padding: 0px;
}*/

a {
    outline: 0;
}

.clear {
    clear: both;
}

select /*added to correct chrome vs mozilla issue*/ {
    margin-left: 0px;
}

#mapPanel {
    width: 99.8%;
    height: 100%;
    background: #FFF url(images/loginbg.png) no-repeat 0% 0%;
    border: 1px solid #E4E4E4;
}

#toolsPanel {
    width: 100%;
    height: 100%;
    background: #15a163 url(images/enigmafade-big.jpg) no-repeat 0% 0%;
}

.popupMapPanel {
    width: 100%;
    height: 100%;
    background-image: #fafdee url(images/popupmapbg.jpg);
    background-repeat: no-repeat;
    background-position: 90% 50%;
}
/*login secton*/
.loginheader {
    background: #15a163 url(images/headerlogo.png) no-repeat 5px 1px;
    _background: #15a163 url(images/headerlogo.gif) no-repeat 5px 1px;
    height: 63px;
    border-bottom: 2px solid #FFFFFF;
    min-width: 1000px;
}

.logincontent {
    background: url(images/logincontent.jpg) repeat-x 0% 0%;
    min-height: 320px;
    padding: 100px 0px 0px 0px;
    _height: 350px;
}

.loginmessage {
    text-align: center;
    margin: 10px auto 0px auto;
    font-size: 11px;
    height: 60px;
    padding: 10px 0px 0px 0px;
    float: left;
}

.loginmessage {
    display: block;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

    .loginmessage ul {
        margin: 0px;
        padding: 0px;
    }

        .loginmessage ul li {
            color: #ff5400;
            list-style: none;
            padding: 5px 0px 0px 0px;
            text-align: center;
        }

.loginfooter {
    background: #15a163;
    height: 36px;
    font-size: 11px;
    text-align: center;
    padding: 20px 0px 10px 0px;
    color: #FFFFFF;
    border-top: 1px solid #FFFFFF;
}

.loginbox {
    width: 361px;
    margin: 0px auto;
    background: url(images/atrak.jpg) no-repeat 0% 0%;
    _background: url(images/atrak.gif) no-repeat 0% 0%;
    height: 188px;
}

    .loginbox h1 {
        margin: 0px;
        padding: 10px 0px 35px 15px;
        font-size: 16px;
        color: #116e9d;
        text-align: left;
        width: 120px;
        float: left;
    }

    .loginbox p {
        margin: 0px;
        padding: 0px 0px 5px 25px;
        font-size: 12px;
        clear: both;
        height: 25px;
    }

        .loginbox p span {
            float: left;
            text-align: right;
            padding: 3px 10px 0px 0px;
        }

        .loginbox p.loginfld span {
            float: none;
        }

        .loginbox p span.lgtx {
            width: 80px;
        }

.logintextbox {
    float: left;
    border: 1px solid #a5b0b5;
    width: 160px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 22px;
}

.loginbox p.loginbut {
    text-align: right;
    padding: 0px 85px 0px 0px;
}

    .loginbox p.loginbut input {
        text-transform: uppercase;
    }

.loginmessage p {
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 0px;
    text-align: center;
    font-size: 11px;
    color: #ff0000;
}

.loginmessage img {
    float: left;
    margin: 0px 3px 0px 0px;
}

.loginmessage span {
    color: #FF0000;
}

.loginmessage p span.loginMessageError {
    text-align: center;
    display: block;
    padding: 0px 0px 0px 0px;
    color: #ff0000;
}
/*main section*/

.buttonbg[Disabled] {
    cursor: default;
    color: #bbbbbb; /*background: #e6f5fc url(images/buttonbg.gif) no-repeat 100% 100%;*/
}

.header {
    background: url(images/headerbg.png) repeat-x 0% -13px;
    height: 60px;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
}

.headertheme {
    width: 100%;
    height: 60px;
    background: url(images/atracklogo.gif) no-repeat 10px 5px/40px;
}

.headerthemeNoLogo {
    width: 100%;
    height: 80px;
}

.headerSearch {
    width: 291px;
    position: absolute;
    left: 0px;
    top: 22px;
    height: 26px;
    background: url(images/headersearch.png) no-repeat 0% 0%;
    padding: 2px 0px 0px 5px;
}

    .headerSearch input[type="text"] {
        width: 260px !important;
        border: 0px;
        background: none;
        font-size: 13px !important;
        color: #fff !important;
        padding: 3px 0px 3px 0px;
    }

    .headerSearch input[type="image"] {
        position: absolute;
        top: 4px;
        right: 6px;
        width: 18px;
        height: 18px;
    }
/*.headerLinks
{
	position: absolute;
	top: 0px;
	left: calc(50% - 145px);
	display: block;
	width: 290px;
}*/


.headerLinks {
    position: absolute;
    top: 0px;
    left: calc(50% - 230px);
    display: block;
    width: 500px;
}

    .headerLinks a {
        float: left;
        display: block;
        width: 90px;
        margin: 0px 5px 0px 0px;
        font-size: 11px;
        text-decoration: none;
        color: #FFF;
        padding: 40px 0px 3px 0px;
        text-align: center;
        position: relative;
    }

        .headerLinks a:hover {
            color: #007143 !important;
        }

        .headerLinks a.tracking {
            background: url(images/trackingico_ho.png) no-repeat 50% 5px;
        }

            .headerLinks a.tracking:hover {
                background: #e6e6e6 url(images/trackingico.png) no-repeat 50% 5px;
            }

        .headerLinks a.reports {
            background: url(images/reportsico_ho.png) no-repeat 54% 6px/32px;
        }

            .headerLinks a.reports:hover {
                background: #e6e6e6 url(images/reportsico.png) no-repeat 54% 6px/32px;
            }

        .headerLinks a.routeplayer {
            background: url(images/routeplayerico_ho.png) no-repeat 50% 15px;
        }

            .headerLinks a.routeplayer:hover {
                background: #e6e6e6 url(images/routeplayerico.png) no-repeat 50% 15px;
            }

        .headerLinks a.tools {
            background: url(images/toolsico_ho.png) no-repeat 50% 7px/29px;
        }

            .headerLinks a.tools:hover {
                background: #e6e6e6 url(images/toolsico.png) no-repeat 50% 7px/29px;
            }

        .headerLinks a.help {
            background: url(images/helpico.png) no-repeat 0% 0%;
        }

        .headerLinks a.kpi {
            background: url(images/kpi_ho.png) no-repeat 50% 30%;
        }

            .headerLinks a.kpi:hover {
                background: #e6e6e6 url(images/kpi.png) no-repeat 50% 30%;
            }

        .headerLinks a.driverApp {
            background: url(images/mDashboard.png) no-repeat 50% 30%;
        }

            .headerLinks a.driverApp:hover {
                background: #e6e6e6 url(images/mDashboard_ho.png) no-repeat 50% 30%;
            }

.headerUser {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 400px;
    background: url(images/userbreak.png) no-repeat 0% 40%;
    height: 55px;
}

.userwelcome {
    width: 155px;
    background: url(images/userwelcomeicon.png) no-repeat 0% 30%;
    font-size: 11px;
    padding-left: 30px;
    font-family: Verdana, Arial;
    float: right;
    margin-top: 20px;
    color: #a5e9cb;
}

    .userwelcome span {
        display: block;
        font-size: 12px;
        width: 125px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #FFF;
        white-space: nowrap;
        float: left;
        font-weight: bold;
    }

.headerUser span.timer {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 22px;
    left: 22px;
    background: url(images/timericon.png) no-repeat 0% 0%;
}

.headerUser span.pin {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 22px;
    left: 71px;
    background: url(images/pinicon.png) no-repeat 0% 0%;
}

    .headerUser span.pin[Disabled] {
        cursor: default;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
        filter: alpha(opacity=45);
        -khtml-opacity: 0.45;
        -moz-opacity: 0.45;
        opacity: 0.45;
    }

.headerUser span.message {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 22px;
    left: 120px;
    background: url(images/messageicon.png) no-repeat 0% 0%;
}

    .headerUser span.timer span.timerpopup, .headerUser span.message span.timerpopup {
        /* width: 21px;     height: 21px;*/
        /*background: url(images/timerpopup.png) no-repeat bottom right;
        position: absolute;
        padding: 1px 3px 7px 2px;
        top: 1px;
        right: -1px;
        margin: -19px -4px 0px -1px;
        display: none;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 11px;*/
        position: absolute !important;
        top: 1px;
        right: -1px;
        border-radius: 5px;
        background: rgb(255, 0, 0);
        padding: 3px;
        font-size: 10px;
        color: rgb(255, 255, 255);
        margin: -19px -4px 0px -1px;
        display: none;
    }

.headerUser span.timer:hover > span.timerpopup {
    /*display: block;*/
}

.footer {
    height: 36px;
    font-size: 11px;
    text-align: left;
    padding: 3px 0px 10px 10px;
    color: #333333;
    border-top: 1px solid #CCCCCC;
}
/*leftnav*/
#treeDiv {
    font-size: 11px;
}

    #treeDiv p {
        margin: 0px;
        padding: 0px;
    }

        #treeDiv p a {
            text-decoration: none;
            color: #1f294b;
        }

.leftnavgrid {
    padding: 3px;
    overflow: auto;
    overflow-x: hidden;
    margin-top: 10px;
}

    .leftnavgrid table td {
        background: none !important;
    }

.reportabscover {
    background: #c6ebbf; /* border-bottom: 1px solid #a2d77f;*/
}

.reportabs {
    margin: 0px;
}

.fltright {
    float: right;
    padding: 5px 0px 5px 0px;
}

.fltrightnew {
    float: right;
    padding: 5px 0px 5px 0px;
    margin-right: 6px;
}

td.contentTabNormal {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    border-right: 1px solid #fcfff9; /*border-left: 1px solid #fcfff9;*/
}

    td.contentTabNormal a {
        display: block;
        padding: 6px 15px 6px 15px;
        text-decoration: none;
        color: #106a42;
    }

        td.contentTabNormal a:hover {
            background: #15a163;
            color: #FFF;
        }

td.contentTabConfigSelected {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

    td.contentTabConfigSelected a {
        display: block;
        padding: 6px 15px 6px 15px;
        background: #15a163;
        text-decoration: none;
        color: #FFFFFF;
        margin-right: 1px;
    }

div.traffic_outer, div.traffic_highlight {
    direction: ltr;
    overflow: hidden;
    text-align: center;
    color: black;
    font-family: Roboto, Arial, sans-serif;
    -moz-user-select: none;
    background: -moz-linear-gradient(center top, rgb(254, 254, 254), rgb(243, 243, 243)) repeat scroll 0% 0% transparent;
    line-height: 160%;
    padding: 0pt 6px;
    font-weight: normal;
    min-width: 47px;
    background: #FFFFFF;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    font-size: 18px;
    color: rgb(86, 86, 86);
}

    div.traffic_outer:hover, div.traffic_highlight:hover {
        background-color: rgb(235,235,235);
    }

.reportbox {
    margin: 0px;
    font-size: 11px;
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    /*height: 99%;*/
    overflow-y: auto;
}

    .reportbox table {
    }

.rptbox table {
    width: 100%;
}

.reportbox legend {
    font-size: 13px;
    color: #15A163;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    padding: 0px 0px 5px 0px;
}

.reportbox fieldset {
    border: none;
    margin: 0px 0px 10px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    border: 1px solid #f2f2f2;
    padding: 8px;
}

fieldset table.rptbox td a {
    text-decoration: none;
    color: #15A163;
}

    fieldset table.rptbox td a:hover {
        color: #FF0000;
    }

table.rptbox td a {
    text-decoration: none;
    color: #15A163;
}

    table.rptbox td a:hover {
        color: #FF0000;
        text-decoration: underline;
    }

.contentMessageError {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #FF0000;
}

.reportbox table.rptbox td {
    padding: 3px 5px 3px 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rpttextboxbig {
    font-size: 12px;
}

.fadeWaterMark {
    color: #c6c6c6 !important;
}

.rpttextboxbig ul li.ui-menu-item {
    font-size: 12px;
}

.reportbox h1.brdr {
    font-size: 13px;
    color: #15a163;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    border-bottom: 2px solid #15a163;
    padding: 0px 0px 5px 0px;
}

.reportbox h2 {
    font-size: 11px;
    color: #15a163;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    padding: 0px;
    margin: 0px;
}

    .reportbox h2.algncentre {
        text-align: center;
        padding-bottom: 8px;
    }

.reportbox table.rptbox {
    width: auto;
    position: relative;
}

.algnrght {
    text-align: right;
}

.reportbox table.rptbox td.tblepadd {
    text-align: left;
    padding: 3px 0px 3px 0px;
}

.reportbox table.grnbox {
    background: #ecfae1;
    border: 1px solid #15a163;
    font-size: 10px;
    width: 100%;
}

.reportbox table.rptbox td.rptleftd {
    width: 200px;
}

.reportbox table.rptbox td.rptleftd02 {
    width: 100px;
}

.reportbox table.rptbox td.rptleftdsmll {
}

.reportbox table.rptbox td.insidegridtd {
    padding: 3px 0px 3px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.reportbox table.tablebox {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    border-top: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    margin: 8px 0px 0px 0px;
}

    .reportbox table.tablebox td {
        padding: 6px 5px 6px 5px;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 10px;
        border-right: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
    }

.lefttdwidth {
    width: 180px;
}

.reportbox table.rptbox td a.textlink {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #000000;
    text-decoration: none;
    font-weight: bolder;
}

    .reportbox table.rptbox td a.textlink:hover {
        color: #FF0000;
        text-decoration: none;
    }

.bggreencolor {
    /*background: #a7e478;*/
    background: #81ca49;
}

.bggreencolor02 {
    background: #a2d77f;
}

.bggreencolor03 {
    background: #c2e6a9;
}

.reportbox table.rptbox td.padremove {
    padding: 0px;
    margin: 0px;
}

.rptboxdiv {
    padding: 5px 5px 5px 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rptbttndiv {
    padding: 5px 5px 8px 10px;
}

.rptpopbrdr, .rptpopbrdr02 {
}

.rptpopbrdr02 {
    border: 0px solid #9bbdd0;
}

.rptpopgroup {
    border: 2px solid #f2f2f2;
    padding: 5px 0px 10px 10px;
    width: auto;
}

div.rptpopgroup table.fldsetwdth {
    width: 100%;
}

.rptlistdropdwn {
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
    width: auto;
}

.rptlistbig {
    width: 150px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistmedium {
    width: 140px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistmediumsmall {
    width: 125px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistsmall {
    width: 105px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistno {
    width: 50px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rptlistboxsp {
    width: 75px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 20px;
}

.rpttextboxbig {
    width: 240px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxsmll {
    width: 50px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxmedium, .rpttextboxauto {
    width: 140px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxsp {
    width: 75px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.rpttextboxnowidth {
    border: 1px solid #CCC;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px !important;
    color: #000 !important;
    width: auto;
    padding: 3px;
    background: #f7f7f7;
    border-radius: 7px;
}

    .rpttextboxnowidth select, .rpttextboxnowidth span {
        font-size: 11px !important;
        color: #000 !important;
        border: none !important;
    }

.rpttexListbox {
    width: 173px;
    height: 47px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

div.rptpopgroup select.rpttexListboxbig {
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rpttexListboxbig {
    width: 240px;
    height: 47px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

.rpttexListboxLarge {
    width: 173px;
    height: 62px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

table.CldrGenStle {
    background: #FFFFFF;
    border: 1px solid #e0dfdf;
}

.reportbox table.CldrGenStle td {
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    background: #FFFFFF;
    text-align: center;
}

.reportbox table.flwdth, .reportboxnew table.flwdth {
    width: 100%;
}

.reportbox table.rptbox table.CldrGenStle td input {
    background: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    text-align: center;
    padding: 2px 0px 0px 0px;
    background: #FFFFFF;
}

input.CldrGenStle {
    text-align: left;
}

    input.CldrGenStle td {
        text-align: center;
    }

.Calenderblock {
    border: 1px solid #e0dfdf; /* float: left;       margin: 0px 3px 0px 0px;*/
    background: #FFFFFF;
}

    .Calenderblock td {
    }

.reportbox table.rptbox td table.Calenderblock td {
    height: 5px;
    padding: 0px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

    .reportbox table.rptbox td table.Calenderblock td input {
        background: none;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        text-align: left;
        border: none;
        padding: 0px 0px 2px 0px;
    }

#UpdatePanel table td {
    padding-left: 0px;
}

.reportbox table.rptbox td#tdAutoAddDriver input, span#rdoAlertFilter input {
    /*float:left;*/
    margin: 1px 5px 5px;
}

.reportbox table.rptbox td#tdAutoAddDriver label, span#rdoAlertFilter label {
    /*padding-top: 3px;     display: inline-block;*/
    vertical-align: top;
}

.test {
    padding: 5px;
}

.rptboxMsgError {
    padding: 0px 5px 5px 5px;
    margin: 0px;
    color: #FF0000;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}
/*..............Calender style................*/


.CalendarBackcolor {
    background: #a2d77f;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FF0000;
}

.CalendarDaystyle {
    background: #f0fbe7;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
}

.CalendarOtherMonth {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #ACA899;
}

.CalendarDayHeader {
    background: #a2d77f;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
}

.CalendarTitle {
    background: #c2e6a9;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
}

.CalendarFooter {
    background: #67bc29;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
    color: #FFFFFF;
    text-align: center;
    padding: 3px;
}
/*..............Calender style end................*/
#treeDiv .filternav {
    font-size: 13px;
    color: #000000;
    padding: 0px 0px 10px 0px;
    border-bottom: 1px solid #CCCCCC;
}

    #treeDiv .filternav p {
        margin: 0px;
        padding: 10px 0px 0px 0px;
        clear: both;
        line-height: 150%;
    }

        #treeDiv .filternav p span {
            display: block;
            padding: 0px 0px 4px 0px;
        }

        #treeDiv .filternav p select {
            padding: 5px;
            border: 1px solid #CCCCCC;
            width: 90%;
            height: auto !important;
            border-radius: 7px;
            -moz-border-radius: 7px;
            -webkit-border-radius: 7px;
            font-size: 13px;
        }

.contentGrid {
    background: #FFFFFF;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
}

.contentGridHeader, td.contentGridHeader {
    background: #177e50;
    color: #FFFFFF;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-align: left;
}

    .contentGridHeader td, .contentGridHeader th {
        padding: 5px;
        vertical-align: middle;
        white-space: nowrap;
    }

td.contentGridHeader {
    padding: 5px;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 10px;
}

    .contentGridHeader th a, .contentGridHeader td a, td.contentGridHeader a {
        color: #FFFFFF;
        text-decoration: none;
        font-size: 10px;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        text-align: left;
        white-space: nowrap;
    }

        .contentGridHeader th a:hover, .contentGridHeader td a:hover {
            color: #FF0000;
        }

tr.contentGridHeaderNew th, td.contentGridHeaderNew, tr.contentGridHeaderSp th, td.contentGridHeaderSp {
    background: #177e50;
    color: #FFFFFF;
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-align: left;
    border-right: 1px solid #FFFFFF;
    padding: 5px;
    white-space: nowrap;
}

tr.contentGridHeaderSp th, td.contentGridHeaderSp {
    white-space: normal;
}

.conentGrid td a {
    cursor: hand;
    cursor: pointer;
}

.contentGridRowDeleted {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    text-decoration: line-through;
    color: #FF0000;
    background: #D7D7D7;
}

tr.contentGridRowDeleted td {
    color: #000;
}

.contentGridRow {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    color: #333;
}

    .contentGridRow td {
        padding: 3px 0px 3px 3px;
        color: #333;
        vertical-align: middle;
    }

td.contentGridRow {
    padding: 3px 0px 3px 3px;
    color: #333;
}

.contentGridRow td {
}

    .contentGridRow td a {
        text-decoration: underline;
        color: #15a163;
        vertical-align: middle;
        cursor: hand;
        cursor: pointer;
    }

        .contentGridRow td a:hover {
            text-decoration: underline;
            color: #ff0000;
        }

.contentGridRowExpired {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    color: #333;
    background: #ffc3bf;
}

    .contentGridRowExpired td {
        padding: 3px 0px 3px 3px;
        color: #333;
        vertical-align: middle;
    }

td.contentGridRowExpired {
    padding: 3px 0px 3px 3px;
    color: #333;
}

.contentGridRowExpired td a {
    text-decoration: underline;
    color: #15a163;
    vertical-align: middle;
    cursor: hand;
    cursor: pointer;
}

    .contentGridRowExpired td a:hover {
        text-decoration: underline;
        color: #ff0000;
    }

.contentGridRowAlt {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    background: #f5f5f5;
    text-align: left;
    color: #333;
}

    .contentGridRowAlt td {
    }

        .contentGridRowAlt td a {
            text-decoration: underline;
            color: #15a163;
        }

            .contentGridRowAlt td a:hover {
                text-decoration: underline;
                color: #ff0000;
            }

    .contentGridRowAlt td {
        padding: 3px 0px 3px 3px;
        color: #333;
    }

td.contentGridRowAlt {
    padding: 3px 0px 3px 3px;
    color: #333;
}

.contentSelectedRow, .contentSelectedRow td {
    /* background: #e2f0f8;*/
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #0B43BC;
    height: 20px;
    cursor: pointer;
    cursor: hand;
    padding-left: 2px;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
}

.contentSelectedRowBold {
    /* background: #e2f0f8; /*background-color:#FFCC33;*/
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    color: #0B43BC;
    height: 20px;
    cursor: hand;
    cursor: pointer;
}

    .contentSelectedRowBold td {
        /*background: #e2f0f8;*/
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
        color: #0B43BC; /*height: 20px;*/
        cursor: pointer;
        cursor: hand;
    }

.contentGridInvalidRow {
    background: #EFEFEF;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    color: #333;
}

    .contentGridInvalidRow td {
        padding: 3px 0px 3px 5px;
    }

.contentGrid td table td {
    padding: 0px;
}

.contentGridRow:hover, .contentGridRowAlt:hover {
    cursor: hand;
    cursor: pointer;
}

.dvPaging {
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    background: #DBE3E8;
    text-align: left;
    padding: 3px 5px 3px 5px !important;
}

    .dvPaging table td {
        float: left;
    }

    .dvPaging a {
        text-decoration: none;
        color: #000;
    }

.PrevNextdiv {
    width: 100%;
    background: #f2f2f2;
    padding: 2px 3px 2px 0px;
    margin: 2px 0px 2px 0px;
    height: 20px;
}

    .PrevNextdiv span {
        float: right;
    }

.searchboxpoppage {
    width: 100%; /*background: #a7e478;*/
    background: #81ca49;
    padding: 2px 3px 2px 0px;
    margin: 2px 0px 2px 0px;
    height: 35px;
}

.divscroll {
    padding: 0px;
    margin: 0px;
}

ul.listmenuleft {
    padding: 1px 1px 0px 1px;
    margin: 0px;
}

    ul.listmenuleft li {
        list-style: none;
    }

        ul.listmenuleft li a {
            padding: 6px 0px 0px 22px;
            margin: 0px 0px 1px 0px;
            background: #ddefce url("images/menunormalbg.gif") no-repeat 0% 0%;
            border: none;
            height: 20px;
            font-size: 11px;
            font-family: Verdana, Geneva, sans-serif;
            font-weight: bold;
            display: block;
            text-decoration: none;
            color: #0a5e87;
        }

            ul.listmenuleft li a:hover {
                padding: 6px 0px 0px 22px;
                margin: 0px 0px 1px 0px;
                background: #83cb4e url("images/menunormahover.gif") no-repeat 0% 0%;
                border: none;
                height: 20px;
                font-size: 11px;
                font-family: Verdana, Geneva, sans-serif;
                font-weight: bold;
                cursor: pointer;
                color: #94b7c7;
            }

li.mnunormal a {
    padding: 6px 0px 0px 22px;
    margin: 0px 0px 1px 0px;
    background: #b9e29d url("images/menunormalbg.gif") no-repeat 0% 0%;
    border: 1px solid #67bc28;
    height: 20px;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #0a5e87;
}

ul.listmenuleft li.mnuselected a {
    padding: 6px 0px 0px 22px;
    margin: 0px 0px 1px 0px;
    background: #83cb4e url("images/menunselected.gif") no-repeat 0% 0%;
    border: 1px solid #FFF;
    height: 20px;
    font-size: 11px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    cursor: pointer;
    color: #ffffff;
    display: block;
}
/* Style for ReportScheduling.aspx */
.schedulerbox {
    width: auto;
    margin: 10px auto 10px auto;
    font-family: Verdana, Geneva, sans-serif;
}

.schedulerLeft {
}

    .schedulerLeft table {
        margin: -1px 0px 0px auto;
        position: relative;
    }

        .schedulerLeft table td {
            vertical-align: top;
            white-space: nowrap;
        }

.schedulerRight {
}

td.navigation {
    background: #FFFFFF;
    border: 1px solid #baccd9;
    border-top: 1px solid #baccd9;
    padding: 10px;
}

.navgtnbrdr {
    width: 100%;
    text-align: right;
}

    .navgtnbrdr td {
        padding: 10px 0px 10px 10px;
    }

.wizardstep {
    background: #FFFFFF;
    border: 1px solid #baccd9;
    border-bottom: 1px solid #f8f8f8;
    padding: 0px;
    margin: 0px;
    width: 690px;
    display: block !important;
    height: 100%;
}

.step {
    background: #cae3e5;
    height: 31px;
    margin: 10px;
    color: #FFFFFF;
    padding: 0px;
    font-weight: bold;
    font-size: 15px;
}

    .step span {
        float: left;
        background: url(images/step1.gif) no-repeat 100% 0%;
        border-left: 1px solid #10648e;
        width: auto;
        padding: 5px 25px 0px 5px;
        height: 26px;
        min-width: 140px;
    }

.schedulerLeft1 {
    display: block;
    height: 20px;
    padding: 8px 10px 5px 30px;
    background: url(images/schlnks.gif) no-repeat 0% -33px;
    color: #4C4CA6;
    text-decoration: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #C7E6B1;
    text-align: left;
    width: 80px;
}

    .schedulerLeft1:hover {
        background: url(images/schlnks.gif) no-repeat 0% 0px;
        color: #FFFFFF;
        border: 1px solid #5DA817;
        font-family: Verdana, Geneva, sans-serif;
        width: 80px;
    }

.schedulerLeftlinkselected {
    background: #15A163 url(images/white-arrow.png) no-repeat right center !important;
    display: block;
    height: 20px;
    padding: 8px 10px 5px 30px;
    background: url(images/schlnks.gif) no-repeat 0% -33px;
    color: #FFF;
    text-decoration: none;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid #15A163;
    border-right: 0px;
    text-align: left;
    width: 78px;
}

.schedulerLeftlinkdisabled {
    background: url(images/schlnks.gif) no-repeat 0% -66px;
    color: #bbbbbb;
    border: 1px solid #b4de91;
    display: block;
    height: 20px;
    padding: 8px 10px 5px 30px;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    width: 80px;
}

.schdform {
    width: 99%;
    margin: 0px auto;
}

    .schdform td {
        font-size: 11px;
        font-family: Verdana, Geneva, sans-serif;
        color: #000000;
        padding: 5px;
    }

        .schdform td.alrgt {
            text-align: left;
            width: 35%;
            padding: 5px 5px 10px 5px;
        }

.gridDivbox {
    margin: 10px;
    padding: 12px;
}

    .gridDivbox td {
        padding: 2px;
        font-size: 11px;
    }

        .gridDivbox td a {
            text-decoration: none;
            color: #0d6084;
            cursor: default;
        }

            .gridDivbox td a:hover {
                text-decoration: none;
                color: #0d6084;
                cursor: default;
            }

.profileEditform {
    width: 95% !important;
    margin: 10px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    border: 1px solid #15A163;
}

#wzViewGroup_divSelectedVehicles .profileEditform {
    width: 95% !important;
}

.profileEditform h1 {
    font-size: 11px;
    font-weight: bold;
    background: #15A163;
    padding: 5px;
    margin: 0px 0px 3px 0px;
    color: #ffffff;
}

    .profileEditform h1 span {
        float: right;
        font-size: 10px;
    }

        .profileEditform h1 span a {
            color: #f2f2f2;
            text-decoration: none;
        }

            .profileEditform h1 span a:hover {
                color: #FF0000;
                text-decoration: underline;
            }

.profieldset {
    width: 100%;
    margin: 0px;
    background: #FFFFFF;
}

    .profieldset td {
        padding: 8px;
        border-bottom: 1px solid #f8f8f8;
    }

        .profieldset td.firsttd {
            width: 40%;
        }

.popgridheader {
    background: #85bce6 url(images/gridheadbg.gif) repeat-x 0% 100%;
    font-family: Verdana;
    color: #FFFFFF;
    text-align: left;
    vertical-align: middle;
    font-size: 11px;
    height: 25px;
    line-height: 15px;
}

.iggrpbxbrdr legend {
    font-size: 11px;
    font-weight: bold; /*background: #a7e478;*/
    background: #81ca49;
    width: 98%;
    padding: 6px;
    margin: 5px 0px 0px 0px;
}

.editimg {
    background: url(images/edit_img.gif) no-repeat 100% 0%;
    height: 16px;
    float: right;
    margin: -10px 0px 0px 0px;
    position: relative;
}

.errermsg {
    padding: 10px;
    font-family: Verdana;
    font-size: 10px;
    background: #FFFFFF;
    color: green;
    font-weight: bold;
    border: 1px solid #f2f2ff;
}
/*Event action Scheduler*/
.divtble {
    width: 600px;
    margin: 0px auto;
}

    .divtble table {
        width: 99%;
        border: 1px #FFFFFF solid;
        border-right: none;
        border-top: none;
        font-family: Verdana, Geneva, sans-serif;
    }

        .divtble table td {
            border: 1px #FFFFFF solid;
            vertical-align: top;
            border-bottom: none;
            border-left: none; /*background: #e0f0fa;*/
        }

    .divtble div.insidetble {
        height: auto !important;
    }

    .divtble table td.fistprt {
        width: 50%;
    }

.profileEditform h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    margin: 0px;
    text-align: left;
    color: #FFFFFF;
    height: 21px;
    padding: 5px 0px 0px 5px;
    background: #15A163;
}

    .profileEditform h1 span.hlleft {
        float: left;
        width: 88%;
    }

    .profileEditform h1 span.hlright {
        float: right;
        width: 10%;
        text-align: right;
        padding-right: 3px;
    }

.profileEditform .divtble h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
    height: 21px;
    padding: 5px 0px 0px 5px;
    background: #177e50;
    margin: 0px 3px 0px 0px; /*border: 1px solid #FFFFFF;*/
    border-bottom: none;
}
/*.profileEditform h1 span.hlright a
{
    background:url(images/b_edit.gif) no-repeat 0% 0%;
    padding:0px 0px 0px 16px;
}*/

.insidetble {
    font-size: 10px;
    width: 100%;
}

    .insidetble table {
        text-align: left;
        margin: 0px;
        border: none;
    }
/*div.insidetble table td
{
    padding: 5px;
    border: none;
    background: #d4e5f1;
    border: 1px solid #f0f4ff;
}*/
div.insidetble table td.expiredClass {
    padding: 5px;
    border: none;
    background: #FFC3BF;
    border: 1px solid #f0f4ff;
}

div.insidetble table td.validClass {
    padding: 5px;
    border: none;
    background: whitesmoke;
    border: 1px solid #f0f4ff;
}

.insidetble table td.edit a {
    text-decoration: none;
    color: #540404;
    font-size: 10px;
    font-weight: bold;
}

    .insidetble table td.edit a:hover {
        color: #f08d0d;
    }

div.insidetble td.edit {
    text-align: right;
    width: 20%;
}

.iggrpbxbrdr legend {
    font-size: 11px;
    font-weight: bold; /*background: #a7e478;*/
    background: #81ca49;
    width: 99%;
    padding: 6px;
    margin: 5px 0px 0px 0px;
    color: #ffffff;
}

.contentSubpagebg {
    background: url(images/logincontent.jpg) repeat-x 0% 0%;
    vertical-align: middle;
}

.loginagain a {
    display: block;
    margin: 50px auto;
    width: 351px;
    height: 351px;
    background: url(images/skylinelogomain.png) no-repeat 0% 0%;
    _background: url(images/skylinelogomain.gif) no-repeat 0% 0%;
    border: none;
}

.adgrouplistcontrol {
    text-align: center;
    vertical-align: middle;
}

.adgrouplistaddall, .adgrouplistmoveright, .adgrouplistmoveleft, .adgrouplistremoveall, .adgrouplistmovedown, .adgrouplistmoveup {
    padding: 0px;
    background: url(images/add_all.gif) no-repeat 0% 0%;
    width: 20px !important;
    height: 20px !important;
    border: 0px !important;
    cursor: pointer !important;
    display: block !important;
}

.adgrouplistmoveright {
    background: url(images/move_right.gif) no-repeat 0% 0%;
}

.adgrouplistmoveleft {
    background: url(images/move_left.gif) no-repeat 0% 0%;
}

.adgrouplistremoveall {
    background: url(images/remove_all.gif) no-repeat 0% 0%;
}

.adgrouplistmovedown {
    background: url(images/move_down.gif) no-repeat 0% 0%;
}

.adgrouplistmoveup {
    background: url(images/move_up.gif) no-repeat 0% 0%;
}

.addpopuplistbuttons {
    padding: 5px;
    text-align: right;
}
/* Map related themes */

div.markerTooltip, div.markerDetail {
    /*background:url(images/spbox.gif) repeat-x 0px 0px;*/
    font-family: Verdana;
    color: #000;
    white-space: nowrap;
    border: 1px solid #888;
    font-size: 10px;
    font-weight: normal;
    position: absolute;
}

    div.markerDetail img {
        position: absolute;
        right: 3px;
        margin: 3px 2px 0px 0px;
        text-align: right;
    }

.reportbownew {
    margin: 0px;
    font-size: 11px;
    padding: 5px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .reportbownew h1.brdr {
        font-size: 13px;
        color: #15a163;
        font-weight: bold;
        font-family: Verdana, Geneva, sans-serif;
        border-bottom: 2px solid #15a163;
        padding: 0px 0px 5px 0px;
    }

    .reportbownew table.rptbox {
        width: auto;
    }

    .reportbownew table.flwdth {
        width: 100%;
    }

    .reportbownew table.rptbox td {
        padding: 5px;
    }

        .reportbownew table.rptbox td table.CldrGenStle td {
            padding: 0px;
        }

            .reportbownew table.rptbox td table.CldrGenStle td input {
                font-family: Verdana, Geneva, sans-serif;
                font-size: 11px;
            }

        .reportbownew table.rptbox td.rptleftd {
            width: 200px;
        }

        .reportbownew table.rptbox td.rptleftd02 {
        }

        .reportbownew table.rptbox td table.Calenderblock td {
            height: 9px;
            padding: 0px;
            text-align: center;
            font-family: Verdana, Geneva, sans-serif;
            font-size: 11px;
        }

            .reportbownew table.rptbox td table.Calenderblock td input {
                background: none;
                font-family: Verdana, Geneva, sans-serif;
                font-size: 11px;
                text-align: left;
                border: none;
                padding: 0px 0px 2px 0px;
            }
/* Root player */


#map_canvas {
    height: 100%;
}

ul#icons {
    margin: 0;
    padding: 0;
}

    ul#icons li {
        margin: 2px;
        position: relative;
        padding: 4px 0;
        cursor: pointer;
        float: left;
        list-style: none;
    }

    ul#icons span.ui-icon {
        float: left;
        margin: 0 4px;
    }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}
/* Hides from IE-mac \*/

.clearfix {
    display: block;
}
/* End hide from IE-mac */
.routeheader {
    background: url(images/headerfooter.gif) no-repeat 0% 0%;
}

.routeheaderalt {
    background: url(images/headerfooter.gif) no-repeat 100% 0%;
    margin: 0px 0px 0px 0px;
    height: 0px;
}

.routecontent {
    background: #FFFFFF;
    padding: 0px;
    height: 100%;
    border-bottom: 1px solid #c3c4c8;
}

.routecontentsub {
    background: #C5C6CA;
    padding: 5px 10px 0px 10px;
    border-top: 1px solid #c3c4c8;
}

.routefooter {
    background: url(images/headerfooter.gif) no-repeat 0% 100%;
    clear: both;
}

.routefooteralt {
    background: url(images/headerfooter.gif) no-repeat 100% 100%;
    margin: 0px 0px 0px 10px;
    height: 10px;
}

.routecontent table.routeplayerecordbox {
    width: 100%;
    background: #f2f2f2;
    border: 1px solid #a2d77f;
}

    .routecontent table.routeplayerecordbox td {
        font-size: 11px;
        color: #142b3e;
        padding: 5px;
        border-right: 1px solid #E4F2D8;
        white-space: nowrap;
    }

        .routecontent table.routeplayerecordbox td.routerecordsnormal {
            font-size: 10px;
            padding: 0px 5px;
            width: 23%;
        }

.routeplayermap {
    width: 100%;
    background: #edeae2;
    border: 1px solid #FFFFFF;
    margin: 1px 0px 0px 0px;
    height: 240px;
}

.routeplayermedia {
    width: 100%;
    margin: 3px 0px 0px 0px;
}

.routeplayermediacontrol {
    background: url(images/mediaplayer.jpg) no-repeat 0% 0%;
    width: 231px;
    height: 31px;
    text-align: left;
    vertical-align: middle;
    padding: 0px 0px 0px 10px;
}

.routeplayermediaicons {
    padding: 1px 2px 0px 2px;
}

.routeplayerprint {
    text-align: right;
    padding: 0px 10px 0px 0px;
    vertical-align: middle;
}

.routeplayertopleft {
    background: url(images/topleft.jpg) no-repeat 0% 0%;
    width: 10px;
    height: 14px;
}

.routeplayertopright {
    background: url(images/topright.gif) no-repeat 100% 0%;
    width: 10px;
    height: 14px;
}

.routeplayerbtmleft {
    background: url(images/btmleft.gif) no-repeat 0% 100%;
    width: 10px;
    height: 10px;
}

.routeplayerbtmright {
    background: url(images/btmright.gif) no-repeat 100% 100%;
    width: 10px;
    height: 10px;
}

.routeplayersidebg {
    background: url(images/sidebg.jpg) repeat-x 0% 100%;
    width: 10px;
}

.routeplayerbtmbanner {
    background: url(images/btmbanner.gif) repeat-x 0% 0%;
    height: 13px;
}
/* Root player end */
#dvDetailed table.rptbox td.rptleftd label {
    white-space: nowrap;
}

table.rptalgnrgt {
    margin: 0px 0px 0px auto;
    width: auto;
}

.rpttextboxauto {
    width: auto;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.geozone table.rptbox td {
    font-size: 10px;
}

.rpttextboxmdm {
    width: 150px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 17px;
}

.nowrapstl {
    white-space: nowrap;
}
/*routeplayer*/
.routeheader {
    background: #fff;
}

.routeheaderalt {
    background: #fff;
    margin: 0px 0px 0px 10px;
    height: 15px;
    display: none;
}

.routecontent {
    /*background: #a7e478;*/
    background: #E4F2D8;
    padding: 0px 0px 25px 0px;
    height: 98%;
    font-family: Verdana;
    font-size: 11px;
}

.routecontentsub {
    background: #dbeac2;
    padding: 5px 10px 0px 10px;
    border-top: 1px solid #c3c4c8;
}

.routefooter {
    background: #dbeac2;
    clear: both;
}

.routefooteralt {
    background: #dbeac2;
    margin: 0px 0px 0px 10px;
    height: 10px;
}

div.maptext {
    color: #FFFFFF;
    font-family: verdana, Helvetica;
    font-size: 22px;
    font-weight: normal;
    padding: 60px 0px 0px 60px;
    white-space: normal;
}

    div.maptext span.txbld {
        font-weight: bold;
    }

.connectedImg {
    background: url(images/connectedstatus.svg) no-repeat center;
    height: 15px;
}

.disconnectedImg {
    background: url(images/disconnectedstatus.svg) no-repeat center;
    height: 15px;
}

.overdueImg {
    background: url(images/overduestatus.svg) no-repeat center;
    height: 15px;
}

.connectedBlueImg {
    background: url(images/connectedblue.gif) no-repeat center;
    height: 15px;
}

.co2Style {
    font-family: verdana;
    font-size: 11px;
    text-align: justify;
    color: green;
}

.co2title {
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
}

.co2StyleValues {
    font-size: 10px;
    text-indent: 20px;
    color: #d75100;
}

.reportbox table.grnbox {
    /*background: #ecfae1;*/
    background: #FFFFFF;
    border: 1px solid #15a163;
    font-size: 10px;
    width: 100%;
    padding: 10px;
}

    .reportbox table.grnbox td {
        font-size: 10px;
    }

        .reportbox table.grnbox td.buttnpad {
            padding: 5px 0px 10px 10px;
        }

        .reportbox table.grnbox td.rptleftd {
            width: 120px;
            white-space: nowrap;
        }

.reportbox table.rptbox td.rptfldnew, .reportbownew table.rptbox td.rptfldnew {
    width: 141px;
    white-space: nowrap;
    padding-right: 5px;
}

.reportbownew table.Calenderblock td.rptfldnew {
    width: 144px;
    padding: 5px;
}

    .reportbownew table.Calenderblock td.rptfldnew span {
        float: left;
        margin-right: 4px;
    }

    .reportbownew table.Calenderblock td.rptfldnew input {
        margin: 0px;
    }
/*language*/
td.langtble table td input {
    float: left;
    padding: 0px 5px 0px 0px;
    margin: 5px 5px 0px 0px;
}

td.langtble table td label {
    float: left;
    padding: 1px 5px 0px 6px;
}

.engFlag {
    background: url(images/englishflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.spanFlag {
    background: url(images/spanishflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.franFlag {
    background: url(images/frenchflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.dutchFlag {
    background: url(images/dutchflag.gif) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.portugalFlag {
    background: url(images/portugalflag.png) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}

.arabicFlag {
    background: url(images/UAEflag.png) no-repeat 0% 0%;
    width: 30px;
    height: 20px;
    border: none;
    padding: 0px;
    margin: 0px 5px 0px 0px;
    display: block;
}
 
.usersettingsLegend {
    color: #125d7d;
    font-size: 12px;
    font-weight: bold;
}

.usersettingsLabel {
    font-size: 11px;
    color: #0c4c68;
}

.usersettingsInput {
    font-size: 10px;
    color: #0c4c68;
}

.usersettingslinks {
    font-size: 11px;
    color: #0c4c68;
}

    .usersettingslinks a {
        text-decoration: underline;
        color: #0c4c68;
    }

        .usersettingslinks a:visited {
            color: #0c4c68;
        }

        .usersettingslinks a:active {
            color: #0c4c68;
        }

        .usersettingslinks a:hover {
            color: #FF0000;
        }

table.CldrGenStle td #wdteStartTime_b1 {
    background: #c5d5fc;
    padding: 2px 0px 1px 0px;
}

table.CldrGenStle td #wdteStartTime_b2 {
    background: #c5d5fc;
    padding: 2px 0px 1px 0px;
}

table.rptbox td input.rpttextboxbig ul li.ui-menu-item {
    font-size: 12px;
}

.trackingtd {
    /*background: #a7e478;*/
    background: #FFFFFF;
}

.everymonth {
    width: 100px;
    float: left;
}

.addreminders input, .addreminders select {
    font-size: 11px;
    font-family: Verdana;
}

.contentGrid th.numberwidth {
    width: 15px;
}

.rptbox input[type="radio"] {
    margin: 0px 0px 0px 0px;
}

.rptbox td span.txbxtd label {
    padding: 0px 10px 0px 3px;
}

td.langtble table td input[type="radio"] {
    float: left;
    padding: 0px 5px 0px 0px;
    margin: 5px 1px 0px 0px;
}

fieldset table.rptbox table tr.contentGridHeader th a {
    color: #FFFFFF;
}

    fieldset table.rptbox table tr.contentGridHeader th a:hover {
        color: #FF0000;
    }
/*div.reportbownew table.rptbox td.rptleftdsp span
{
    width: 200px;
    display: block;
}
div.reportboxnew table.rptbox table.CldrGenStle td
{
    padding: 2px 0px 2px 0px;
    vertical-align: middle;
    text-align: center;
}*/
.reportbox table.CldrGenStle {
    background: #FFFFFF;
    border: 1px solid #e0dfdf;
}

.reportbox table.contentGrid tr.contentGridHeader th a, .reportbox table.rptbox tr.contentGridHeader th a {
    color: #FFFFFF;
}

    .reportbox table.contentGrid tr.contentGridHeader th a:hover, .reportbox table.rptbox tr.contentGridHeader th a:hover {
        color: #FF0000;
    }

.reportbox table.contentGrid tr.contentGridHeaderNew th a, .reportbox table.rptbox tr.contentGridHeaderNew th a {
    color: #FFFFFF;
    text-decoration: none;
}

    .reportbox table.contentGrid tr.contentGridHeaderNew th a:hover, .reportbox table.rptbox tr.contentGridHeaderNew th a:hover {
        color: #FF0000;
    }

.reportbox table.contentGrid tr.contentGridRow td, .reportbox table.contentGrid tr.contentGridRowAlt td {
    padding: 5px;
}

.noteLabel {
    font-size: 11px;
    text-align: left;
    color: #15a163;
}

.nomargintbl table {
    margin: 0px !important;
}

.vehiclelist {
    border: 1px solid #ccd1d5;
    background: #F5F9FE;
    color: #333;
    padding: 3px;
    float: left;
    margin: 7px 7px 0px 0px;
    min-width: 99px;
    max-width: 150px;
}

    .vehiclelist span {
        margin-right: 5px;
    }

    .vehiclelist sup a {
        background: #FFF;
        color: Red !important;
        text-decoration: none;
        font-size: 9px;
        display: block;
        float: right;
        margin-top: -2px;
        margin-right: 0px;
    }

#progressBackgroundFilter {
    background-color: #ccc;
    bottom: 0;
    left: 0;
    margin: 0;
    opacity: 0.5;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

#processMessage {
    /*background-color: #FFFFFF;     border: 1px solid #000000;*/
    color: Black;
    left: 43%;
    padding: 10px;
    position: fixed;
    top: 30%;
    width: 14%;
    z-index: 1001;
}

.adgrouplistaddall, .adgrouplistmoveright, .adgrouplistmoveleft, .adgrouplistremoveall, .adgrouplistmovedown, .adgrouplistmoveup {
    padding: 0px;
    background: url(images/add_all.gif) no-repeat 0% 0%;
    width: 20px !important;
    height: 20px !important;
    border: 0px !important;
    cursor: pointer !important;
    display: block !important;
}

.adgrouplistmoveright {
    background: url(images/move_right.gif) no-repeat 0% 0%;
}

.adgrouplistmoveleft {
    background: url(images/move_left.gif) no-repeat 0% 0%;
}

.adgrouplistremoveall {
    background: url(images/remove_all.gif) no-repeat 0% 0%;
}

.adgrouplistmovedown {
    background: url(images/move_down.gif) no-repeat 0% 0%;
}

.adgrouplistmoveup {
    background: url(images/move_up.gif) no-repeat 0% 0%;
}

.addpopuplistbuttons {
    padding: 5px;
    text-align: right;
}

td.adgrouplistcontrol input[type="submit"], td.adgrouplistcontrol input[type="button"] {
    margin-bottom: 5px;
}

td.vtop {
    vertical-align: top;
    padding-top: 38px !important;
}

td.vmdletp {
    vertical-align: top;
    padding-top: 50px !important;
}

td.adgrouplistcontrol .adgrouplistmovedown {
    margin-top: 80px;
}
/*Bubble Popup styles*/

#bubble_tooltip {
    /*width:167px;*/
    position: absolute;
    display: none;
}

.bubble {
    width: auto;
}

.bubbletopleft {
    background: url(images/bubble_top.gif) no-repeat 0% 0%;
    width: 15px;
    height: 6px;
    font-size: 11px;
}

.bubbletop {
    border-top: 1px solid #6f8a20;
    background: #a7e478;
    height: 6px;
    font-size: 11px;
}

.bubbletopright {
    background: url(images/bubble_top.gif) no-repeat 100% 0%;
    height: 6px;
    font-size: 11px;
    padding: 5px 5px 0px 0px;
}

.bubblemain {
    border-left: 1px solid #6f8a20;
    background: #a7e478;
    padding: 0px 0px 0px 10px;
    font-family: Verdana, Geneva, sans-serif;
}

.bubblemainright {
    background: url(images/bubble_middle.gif) repeat-y 100% 0%;
}

.bubblebottomleft {
    background: url(images/bubble_bottom.gif) no-repeat 0% 100%;
    width: 15px;
    height: 10px;
    font-size: 11px;
}

.bubblebottomright {
    background: url(images/bubble_bottom.gif) no-repeat 100% 100%;
    width: 15px;
    height: 10px;
    font-size: 11px;
}

.bubblebottom {
    background: url(images/bubblebottombg.gif) repeat-x 0% 100%;
    height: 20px;
    font-size: 11px;
}
/*Bubble Popup styles*/
.hDivBox table th {
    background: #15a163 !important;
    color: #FFFFFF !important;
    border-right: 1px solid #0077b7 !important;
    border-left: 1px solid #15a163 !important;
    padding: 5px !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

.flexigrid div.bDiv td {
    padding: 5px !important;
}

.flexigrid div.hDiv {
    background: #15a163 !important;
}

.flexigrid div.pDiv {
    background: #FFFFFF !important;
    border-top: 1px solid #CCCCCC !important;
}

.footer_terms_theme {
    position: absolute;
    bottom: 0;
    left: calc(50% - 180px);
}

.loginfooter {
    display: none;
}

.loginBox #divLoginMain ul li.loginbut a.forgotPassword {
    display: none;
}

#divForgotPassword ul.loginwhite li.loginbut a.forgotPassword.backtologin, #divConfirmEmail ul.loginwhite li.loginbut a.forgotPassword.backtologin {
    display: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonbg {
        padding: 3px 20px 4px 10px;
    }
}
/* NEW CSS ICONS */



#Header {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999999999999999999 !important;
    width: 100%;
}

.content {
    padding-top: 52px !important;
}

.pGroup select {
    border: 1px solid #bdbdbd;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    width: auto;
    padding: 3px;
    background: #f7f7f7;
}

.filternav a.addnew {
    background: url(images/add-icon_small.png) no-repeat 10% 50%;
    float: left;
    padding-left: 22px;
    height: 15px;
    padding-top: 3px;
    font-size: 11px;
}

.filternav a.edit {
    background: url(images/edit-icon_small.png) no-repeat 15% 50%;
    float: left;
    padding-left: 25px;
    padding-right: 15px;
    height: 15px;
    padding-top: 3px;
    font-size: 11px;
}

.filternav a.delete {
    background: url(images/delete-icon_small.png) no-repeat 5% 30%;
    float: left;
    padding-left: 22px;
    padding-right: 10px;
    height: 15px;
    padding-top: 3px;
    font-size: 11px;
}

.filternav a {
    color: #666 !important;
}

#treeDiv .filternav p select {
    width: 100% !important;
}

.filternav .ucltdiv {
    border: 1px solid #bdbdbd;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 13px !important;
    width: auto;
    padding: 3px;
    background: #f7f7f7;
    border-radius: 7px;
    width: 98%;
}

.filternav .selectouter {
    width: 100% !important;
}

    .filternav .selectouter .ui-dropdownchecklist {
        width: 99% !important;
        font-size: 13px !important;
        border: none !important;
    }

.mapheader input[type="image"] {
    float: left;
    margin: 5px 7px 5px 7px;
    padding: 2px;
}
/* GRID HEADER COLOR */
.contentGridHeader, td.contentGridHeader {
    background: #15a163 !important;
    font-weight: normal !important;
}

    th, .contentGridHeader th a, .contentGridHeader td a, td.contentGridHeader a {
        font-weight: normal !important;
        font-size: 12px !important;
    }

.buttonbg {
    padding: 3px 10px 4px 10px;
    border-radius: 3px !important;
}

.bggreencolor {
    background: #e4f2d8 !important;
}

ul.listmenuleft li a {
    background: #c6ebbf !important;
    border-top: 1px solid #FFF !important;
    border-bottom: none !important;
    color: #666 !important;
}

ul.listmenuleft li.mnuselected a {
    background: #15a163 !important;
    color: #FFF !important;
}

.rpttextboxmedium, .rpttextboxauto, .rptbox input[type="text"] {
    width: 100px;
    border: 1px solid #BDBDBD;
    height: 23px;
    border-radius: 5px !important;
}

.reportbox {
    border-top: 2px solid #FFF;
}

#upRefreshGrid table.content {
    padding-top: 0px !important;
}

fieldset {
    border: 2px solid #DBE3E8 !important;
    margin: 5px 10px 5px 0px !important;
}

legend {
    /* padding: 0px 2px 2px 2px !important*/
}

.filternav {
    font-size: 12px;
}

    .filternav p {
        padding: 0px !important;
        margin: 0px !important;
        line-height: 100% !important;
    }

        .filternav p span a {
            margin-top: 3px !important;
        }

    .filternav .ucltdiv {
        margin-bottom: 5px !important;
    }

.flexigrid table th, .flexigrid table td {
    height: 20px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.flexigrid div.bDiv td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.rpttextboxnowidth {
    background: #FFF !important;
}

.leftnavgrid .bubble, .leftnavgrid .bubblemain {
    background: none !important;
    border: 0px solid #8f9da6 !important;
    font-size: 11px !important;
}

#bubble_tooltip {
    border-radius: 5px !important;
    border: 1px solid #8f9da6 !important;
    background: #FFF !important;
    box-shadow: -2px 5px 7px #CCC;
}

#gvCalendars {
    padding-top: 0px !important;
}

.searchboxpoppage {
    background: #15a163 !important;
    width: 99% !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #dee6ea !important;
    background-image: none;
    color: #15a163 !important;
    border-radius: 0px !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    background: #15a163 !important;
    background-image: none !important;
    border-radius: 0px !important;
}

.markerDetail table tr:first-child td {
    background: #15a163 !important;
    color: #FFF !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    border-radius: 4px 4px 0px 0px;
}

.markerDetail {
    background-color: none !important;
    border: 1px solid #15a163 !important;
    border-radius: 6px !important;
    padding-bottom: 5px !important;
}

    .markerDetail table tr td {
        /*width: 50% !important;*/
        text-align: left !important;
        color: #000 !important;
        background: #FFF !important;
    }

        .markerDetail table tr td b {
            color: #15a163 !important;
        }

.filternav select {
    width: 150px !important;
}

.rptbox .style2 input {
    margin-bottom: 6px !important;
}

.headerSearch input[type="text"] {
    outline: 0px !important;
}

#divReminder, #divAlarm, #divNotification {
    z-index: 999999999999999 !important;
}

.tracking:hover span, .reports:hover span, .tools:hover span, .kpi:hover span, .driverApp:hover span {
    background: url(./images/menubotom.png) no-repeat 50% 100% !important;
    position: absolute;
    bottom: -8px;
    height: 10px;
    width: 12px;
    display: block;
    left: 40px;
    z-index: 999999999999 !important;
}


#mapPanel {
    width: 99.8% !important;
    height: 99.6%;
    background: #FFF url(images/loginpagebg.jpg) no-repeat 0% 0%;
    border: 1px solid #E4E4E4;
}

div.maptext {
    color: #108D55 !important;
    font-family: verdana, Helvetica;
    font-size: 22px;
    font-weight: normal;
    padding: 30px 0px 0px 288px;
    white-space: normal;
}

.logout {
    border-radius: 0px;
    padding: 1px 6px 3px 6px;
    background: #15a163;
    color: white;
    font-weight: bold;
    text-decoration: none;
    float: right;
    margin-right: 77px;
    margin-top: 5px;
}

.mapDiv {
    padding: 5px;
    margin-bottom: 10px !important;
    font-size: 13px;
}
/*
.headerUser span.timerselected
{
background: #FFF url(images/alarm.png) no-repeat 57% 11%;
position: absolute;
display: block;
width: 40px;
height: 49px;
top: 20px;
left: 10px;
border: 2px solid #CCC !important;
border-bottom:none !important;
z-index:99999999999999999 !important;
     
}



.headerUser span.pinselected
{
background: #FFF url(images/reminder.png) no-repeat 58% 11%;
position: absolute;
display: block;
width: 40px;
height: 49px;
top: 20px;
left: 55px;
border: 2px solid #CCC !important;
border-bottom:none !important;
z-index:99999999999999999 !important;     

}

.headerUser span.messageselected
{
background: #FFF url(images/message.png) no-repeat 62% 11%;
position: absolute;
display: block;
width: 40px;
height: 49px;
top: 20px;
left: 110px;
border: 2px solid #CCC !important;
border-bottom:none !important;
z-index:99999999999999999 !important;     
}



#divAlarm, #divReminder, #divNotification
{
border: 2px solid #CCC !important;  
position: absolute;
right: 296px !important;
left:auto !important;
top: 69px !important;
/*height: 300px !important; 
width:600px;
background:#FFF !important;
    
}

 #divReminder
 {
    right: 251px !important;     
 }
#divNotification
{
    right: 196px !important;     
}
*/
.gridbox {
    display: block;
    position: absolute;
    right: 2px;
    background: #FFF !important;
    width: 80%;
    height: 200px;
    border: 1px solid #e4e4e4;
    z-index: 99999999999999999 !important;
    font-size: 11px;
    box-shadow: 0px 0px 8px #666;
}

.gridinner {
    height: 90%;
    overflow: auto;
    display: block;
    padding-left: 10px;
}

    .gridinner table label {
        white-space: nowrap !important;
    }

.ui-dropdownchecklist-text {
    color: #000 !important;
}

.content {
    height: 100% !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-size: 10px !important;
}

.ui-dropdownchecklist-dropcontainer {
    height: auto !important;
}

.fltright {
    padding: 0px !important;
}

.warantyinfo td {
    padding: 5px 10px 5px 5px;
}

.warantyinfo {
    height: 100%;
    font: 12px verdana;
}

#filterrptbox tr td {
    padding: 0px 3px !important;
}

#selectouter .rpttextboxnowidth {
    width: 400px !important;
}

#bubble_tooltip {
    left: 20px !important;
    z-index: 999999999999999 !important;
}

.ui-dropdownchecklist {
}

.trackGrid {
    margin-top: 2px;
    background: url(../../images/driverapp_images/ajax-loader.gif) no-repeat 50% 50%, linear-gradient(to bottom, #11955a 0%, #439f75 100%) !important;
    box-shadow: -10px -10px 5px 7px #CCC;
    padding-right: 1px;
}

.sectionThreeContent {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.flexigrid div.bDiv {
    max-width: 100% !important;
}

.headerUser span.lgOut {
    float: left;
    width: 20px;
    height: 20px;
    display: block;
    margin-top: -4px;
    background: url(images/logout-down.png) no-repeat 50% 50%;
    cursor: pointer;
}

.rptbox .trCircularZone input[type="text"] {
    width: 150px;
}

.reportbownew table.rptbox td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

#divhLogout {
    background: #FFF;
    border: 1px solid #666666;
    width: 260px;
    color: #666 !important;
    height: 100px !important;
    position: absolute;
    right: 8px;
    top: 55px;
    z-index: 99999 !important;
    background: #FFF url("images/usericon.png") no-repeat 14px 45%;
}

    #divhLogout span#logoutpointer {
        background: url(./images/logout-top.png) no-repeat 0% 0% !important;
        position: absolute;
        top: -8px;
        right: 2px;
        display: block;
        z-index: 9999999999999999999999 !important;
        width: 15px;
        height: 15px;
    }

    #divhLogout table {
        width: 60%;
        float: right;
        margin-top: 20px;
    }

        #divhLogout table span {
            color: #5b717e;
            font-size: 12px;
            font-weight: normal;
            text-decoration: none;
            float: left;
            display: block;
            padding-left: 24px;
            padding-top: 4px;
            padding-bottom: 4px;
        }

            #divhLogout table span a {
                color: #5b717e;
                font-size: 12px;
                font-weight: normal;
                text-decoration: none;
            }

                #divhLogout table span:hover, #divhLogout table span a:hover {
                    color: #15a163;
                    text-decoration: underline;
                }

            #divhLogout table span.hUserSettings {
                background: url(./images/account.png) no-repeat 0% 50% !important;
                cursor: pointer;
            }

            #divhLogout table span.hlogoutnew {
                background: url(./images/logout.png) no-repeat 0% 50% !important;
            }
/* 3 DIV */
#uctlHeader1_divAlarm, #uctlHeader1_divReminder, #divNotification {
    border: 2px solid #CCC !important;
    position: absolute;
    right: 270px !important;
    left: auto !important;
    top: 55px !important; /*height: 300px !important;  */
    width: 800px;
    background: #FFF !important;
    z-index: 9999999999999999999999 !important;
}

    #uctlHeader1_divAlarm span#alarmpointer, #uctlHeader1_divReminder span#reminderpointer, #divNotification span#notificationpointer {
        background: url(./images/menutop.png) no-repeat 0% 0% !important;
        position: absolute;
        top: -8px;
        right: 85px;
        display: block;
        z-index: 9999999999999999999999 !important;
        width: 15px;
        height: 15px;
    }

    #uctlHeader1_divReminder span#reminderpointer {
        right: 35px !important;
    }

    #divNotification span#notificationpointer {
        right: 16px !important;
    }

#uctlHeader1_divAlarm {
    right: 275px !important;
}

#uctlHeader1_divReminder {
    right: 275px !important;
}

#divNotification {
    right: 242px !important;
}

#uctlHeader1_divAlarm, #uctlHeader1_divReminder, #divNotification, #divhLogout {
    box-shadow: 0px 3px 5px #CCC;
}

#gridDiv .contentGrid {
    background: none !important;
}

#wzViewGroup tr td:second {
    height: 485px !important;
}

.reportboxgrpmgmt {
    margin: 0px;
    font-size: 11px;
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    height: 500px !important;
    overflow-y: auto;
}

    .reportboxgrpmgmt table {
        width: 90%;
        margin: 0px auto;
    }

#UpdatePanel1 {
    height: 220px;
    overflow: auto;
}

.trackingselected {
    background: #e6e6e6 url(images/trackingico.png) no-repeat 50% 5px;
    color: #066f40 !important;
}

.reportsselected {
    background: #e6e6e6 url(images/reportsico.png) no-repeat 54% 6px/32px;
    color: #066f40 !important;
}

.toolsselected {
    background: #e6e6e6 url(images/toolsico.png) no-repeat 50% 7px/29px;
    color: #066f40 !important;
}
/*KPI */
.kpiselected {
    background: #e6e6e6 url(images/kpi.png) no-repeat 50% 7px/29px;
    color: #066f40 !important;
}

.driverAppSelected {
    background: #e6e6e6 url(images/mDashboard_ho.png) no-repeat 50% 30%;
    color: White !important;
}
    /*KPI*/

    .trackingselected span, .reportsselected span, .toolsselected span, .kpiselected span, .driverAppSelected span {
        background: url(./images/menubotom.png) no-repeat 50% 100% !important;
        position: absolute;
        bottom: -8px;
        height: 10px;
        width: 12px;
        display: block;
        left: 40px;
        z-index: 999999999999 !important;
    }

td.contentTabConfigSelected, td.contentTabNormal {
    font-size: 13px !important;
}

.ui-dropdownchecklist-item:hover {
    background: #F2F2F2 !important;
}
/*
#upRefreshGrid
{
    height:100% !important;
    overflow-y:visible !important;
    display:block !important;
}

*/
.logouthover {
    background: url(./images/logout-hover.png) repeat-x 0% 0% !important;
    width: 230px;
    height: 69px;
    float: right;
}
/*Login Logout*/
#login {
    background: #009cdf;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.logout {
    width: 900px;
    margin: 0px 0px 0px auto;
    background: url(images/logoutbg.png) no-repeat 100% 0%;
    height: 566px;
    position: relative;
}

.logoutBox {
    position: absolute;
    top: 188px;
    left: 0px;
    width: 380px;
    padding: 30px 0px 30px 208px;
    background: url(images/loginlogo.png) no-repeat 0% 0%;
    font-size: 21px;
    color: #FFFFFF;
    line-height: 160%;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    -webkit-text-shadow: 0px 1px 0px #000000;
}

    .logoutBox span {
        font-size: 25px;
    }
/* LOGIN here */


#login {
    background: #009cdf;
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: url(images/atrak.jpg) no-repeat 0% 0%;
}

.loginBox {
    width: 1000px;
    margin: 0px auto; /*background:url(images/loginbg.png) no-repeat 0% 0%;*/
    height: auto;
    position: relative;
}

.loginLeft {
    position: absolute;
    top: 188px;
    left: 114px;
    width: 380px;
    padding: 30px 0px 30px 208px; /*font-size:21px; to override image text*/
    font-size: 0px;
    color: #FFFFFF;
    line-height: 160%;
    font-weight: bold;
    text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    -webkit-text-shadow: 0px 1px 0px #000000;
}

    .loginLeft span {
        /*font-size:26px; to override image text*/
        font-size: 0px;
    }

.loginRight {
    /*border-left:1px solid #59bfea;*/
    position: absolute;
    top: 190px;
    height: auto;
    width: 400px;
    left: 680px;
    padding: 100px 0px 0px 20px;
}

    .loginRight ul {
        margin: 0px;
        padding: 0px;
    }

        .loginRight ul li {
            margin: 0px 0px 10px 0px;
            position: relative;
            list-style: none;
        }

            .loginRight ul li.username, .loginRight ul li.password {
                background: #FFFFFF;
                padding: 0px 0px 0px 38px;
                width: 243px;
                height: 40px;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                border: 1px solid #bdbdbd;
            }

                .loginRight ul li.username input[type="text"], .loginRight ul li.password input[type="password"] {
                    width: 235px;
                    padding: 9px 0px 9px 9px;
                    border: 0px;
                    outline: 0px;
                    color: #7b7b7b;
                    margin-left: -2px;
                }

    .loginRight#divPasswordChange .updatesection ul li.username input[type="text"], .loginRight#divPasswordChange ul li.password input[type="password"] {
        width: 100%;
    }

    .loginRight ul li span {
        position: absolute;
        width: 36px;
        height: 40px;
        background: #e4e4e4;
        left: 0px;
        top: 0px;
        border-radius: 4px 0px 0px 4px;
        -moz-border-radius: 4px 0px 0px 4px;
        -webkit-border-radius: 4px 0px 0px 4px;
    }

    .loginRight ul li.username span {
        background: #e4e4e4 url(images/usernameicon.png) no-repeat 50% 50%;
    }

    .loginRight ul li.password span {
        background: #e4e4e4 url(images/passwordicon.png) no-repeat 50% 50%;
    }

        .loginRight ul li.password span.mem {
            background: #e4e4e4 url(images/M_PassWord.png) no-repeat 50% 50%;
        }

    .loginRight ul li.loginbut input {
        background: #15A163;
        width: 283px;
        border: 0px;
        text-align: center;
        padding: 10px 0px 10px 0px;
        color: #FFFFFF;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        font-size: 16px;
        text-shadow: 0px 1px 0px #000000;
        -moz-text-shadow: 0px 1px 0px #000000;
        -webkit-text-shadow: 0px 1px 0px #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        cursor: pointer;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange .updatesection ul li.loginbut input, .loginRight#divPasswordChange .updatesection ul li.loginbut input {
        width: 100% !important;
    }

.loginMessageError, #ValidationSummary1, #lblSubMessage {
    color: #FF0000 !important;
    font-size: 14px;
}

#lblOldPasswordMessage, #lblMessage {
    color: #FF0000 !important;
    font-size: 14px;
}

.asterix span {
    position: absolute !important;
    right: -15px !important;
    left: auto !important;
    background: none !important;
    width: 10px !important;
    height: 10px !important;
}
/* WIZARD CSS */

.schedulerLeft1 {
    background: #15a163 !important;
    background-image: none !important;
    color: #FFF !important;
    border: none !important;
}

.schedulerLeftlinkdisabled {
    background: #DBE3E8 !important;
    background-image: none !important;
    color: #FFF !important;
    border: none !important;
}

#vehiclereminderbody .content {
    padding-top: 0px !important;
}

#Grpviewbody select {
    width: 200px !important;
}
/*  changes till 18-06-2013 */

/*
 #treeDiv .buttonbg
 {
     width:100% !important;
     padding-top:10px  !important;
     padding-bottom:10px  !important;
 }
 
 .headerSearch input[type="image"]
 {
     margin-right:5px;
 }
   
   
   .ui-state-default  a
   {
       color:#000 !important;
   }
   

*/
.gridsettings {
    height: 20px;
    cursor: pointer;
    width: 20px;
    background: url('images/gearico.png') no-repeat 50% 50%;
}

.mappopout {
    height: 19px;
    cursor: pointer;
    width: 20px;
    background: url('images/pop-out-button.png') no-repeat 50% 50%;
}

.rptsearchtxtbox {
    height: 20px !important;
    width: 220px !important;
    border-radius: 5px;
    border: 1px solid #cedee9;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    outline: 0;
}

.dvPaging td table tr td {
    float: left !important;
    font-weight: normal !important;
    color: #15A163 !important;
    padding: 3px 5px 3px 5px !important;
}

    .dvPaging td table tr td a {
        color: #000;
    }
/* TAB REDESIGN */

.ui-widget-header {
    border: none !important;
    background: #FFF !important;
    border-radius: 0px !important;
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: none !important;
        background: none !important;
        color: #666 !important;
        margin-right: 0px !important;
    }

.ui-tabs-nav {
    width: 98% !important;
    margin: 0px auto !important;
    border-bottom: 1px solid #CCC !important;
}

.ui-tabs .ui-tabs-nav {
    background: #E4F2D8 !important;
}

    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
        background: #fff !important;
        color: #666 !important;
        border-bottom: 0px !important;
        border-radius: 5px 5px 0px 0px !important;
    }

    .ui-tabs .ui-tabs-nav li a {
        border-bottom: none !important;
        padding: 10px 10px 6px 10px !important;
        border-radius: 5px 5px 0px 0px !important;
        font-size: 11px !important;
        font-size: bold;
        color: #666;
        font-family: Verdana !important;
    }

.ui-tabs-nav li.ui-tabs-selected a {
    border-top: 3px solid #e40522 !important;
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #fff !important;
    color: #15A163 !important;
}

#uwtcMain_tbl .uwtcMain_1, #uwtcMain_tbl .uwtcMain_2 {
    border-top: 3px solid #15A163 !important;
    border-left: 1px solid rgb(148, 156, 156) !important;
    border-right: 1px solid rgb(148, 156, 156) !important;
    border-bottom: 1px solid #fff !important;
    color: #15A163 !important;
    border-radius: 5px 5px 0px 0px !important;
    background: none !important;
    padding-right: 5px !important;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana;
}

#uwtcMain_tbl .uwtcMain_0, #uwtcMain_tbl .uwtcMain_0R, #uwtcMain_tbl .uwtcMain_1R, #uwtcMain_tbl .uwtcMain_2R {
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana;
}

#uwtcMain_tbl td {
    border-bottom: 1px solid rgb(148, 156, 156) !important;
}

#usersettingstable select, #clientdetailstable select {
    padding: 5px;
    border: 1px solid #CCCCCC;
    height: auto !important;
    min-width: 140px !important;
    width: auto !important;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 11px;
}

#uwtcMain_tbl td {
    background: #DBE3E8 !important;
}

#clientdetailstable select {
    width: 250px !important;
}

.roundedDropDown {
    padding: 3px;
    border: 1px solid #CCCCCC;
    height: auto !important;
    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 11px;
}

.wizardstep .reportbox, .wizardstep .rptbox {
    padding-left: 5px;
}

    .wizardstep .rptbox input[type="text"] {
        width: 200px !important;
    }

    .wizardstep .rptbox input#wzViewGroup_txtGroupView {
        width: 198px !important;
    }
/*
#wScheduler_ucGeneralSettings_imgAddEMail
{
right: -20px;
top: 45px;
position:absolute;
}
*/
#wScheduler_ucGeneralSettings_wdcStartDate {
    width: 92px !important;
}

.btnFloatRight {
    float: right;
}
/* newly added */
#wScheduler_ucReportDetails_btnAddNew {
    float: right;
}

#wScheduler_ucGeneralSettings_wdcStartDate_input {
    width: 75px !important;
}

#igtxtwScheduler_ucScheduleDetails_wdteStartTime input[type="text"], #igtxtwScheduler_ucScheduleDetails_wneRecurs {
    height: 20px !important;
    width: 40px !important;
}

.schdform input.rgt {
    float: right;
    padding-right: 10px;
}

.schdform .contentGrid {
    clear: both;
}

input.wdthtx1, select.wdthtx1, .wdthtx1 {
    width: 200px !important;
}

input.wdthtx2, select.wdthtx2, .wdthtx2 {
    width: 230px !important;
}

td.fltBox span {
    display: block;
    float: left;
    margin: 0px 5px 0px 0px;
}

td.fltBox input {
    float: left;
    margin: 0px;
}

td.txrgt {
    text-align: right;
}

.flexigrid #btnFindNearest.buttonbg, .flexigrid #gridsearchbtn {
    background: url(images/search.png) no-repeat 50% 50% !important;
    font-size: 0px !important;
    height: 20px;
    width: 20px;
}

.flexigrid #gridsearchbtn {
    padding-left: 23px !important;
}

.gridclear {
    background: none !important;
    border: none !important;
    text-decoration: underline;
}

    .gridclear:hover {
        color: Red;
        text-decoration: underline;
        cursor: pointer;
    }

#spPoi #txtPOI, #spRad #txtNearestradius, #spAddress #txtAddSearch {
    border-radius: 5px !important;
    height: 23px !important;
}

.boxheight {
    height: 22px !important;
}

.clearresult a, .gridclear, a.gridclear {
    font-family: Verdana, Arial;
    font-size: 11px;
    text-decoration: none;
    color: #15a163;
}

    .clearresult a:hover, a.gridclear:hover {
        color: Red;
        text-decoration: underline;
        cursor: pointer;
    }

.tableboxclearborder {
    border-top: 0px solid #f2f2f2 !important;
    border-left: 0px solid #f2f2f2 !important;
}

    .tableboxclearborder td {
        border-right: 0px solid #f2f2f2 !important;
        border-bottom: 0px solid #f2f2f2 !important;
    }

input[type="text"], select, textarea {
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 11px;
}

.widthstd {
    width: 200px !important;
    min-width: 200px !important;
}

#wReminderDetails_ucReminderStep1_wdStartDate_input {
    width: 75px !important;
}

.buttonselectnw {
    background: url(images/edit-icon.png) no-repeat 50% 50% !important;
    font-size: 0px !important;
    height: 20px;
    width: 20px;
    vertical-align: top;
    cursor: pointer;
    border: 0px !important;
}

.noborder {
    border: none !important;
    background-color: Transparent !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 6px 11px 0px 11px !important;
}

.contentGridHeader th {
    border-right: 1px solid #FFF !important;
}

    .contentGridHeader th:last-child {
        border-right: none !important;
    }

.divclose {
    cursor: pointer;
    background: url(images/close.png) no-repeat 0% 0%;
    width: 14px;
    height: 13px;
    margin-top: 7px;
    float: right;
    padding-right: 9px;
}

.schedulerbox table tr table td:last-child {
    border: 0px !important;
}

.schedulerbox table tr td:last-child {
    border: 1px solid #15A163 !important;
}

#wzCustomRpt tr table td:last-child {
    border: 0px !important;
}

#wzCustomRpt tr td:last-child {
    border: 1px solid #15A163 !important;
}

#divGVDelete tr td {
    border: none !important;
}

#divGVDelete.reportbox {
    height: 100% !important;
}

.footerdiv {
    padding-top: 15px !important;
    background: url(/images/footer_logo.png) no-repeat 0% 0%/185px !important;
    text-align: right;
    padding-right: 27px;
}

.roundedTxt {
    border-radius: 5px;
    padding: 2px;
    border: 1px solid #DBE3E8;
}

.userheader {
    font-size: 12px !important;
    color: #15A163;
    font-family: Verdana;
    font-weight: bold;
}

.gridsettingheader {
    color: #15A163;
    font-family: Verdana;
    font-weight: bold;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 2px solid #15A163;
}

.sDiv2 .rpttextboxnowidth {
    min-width: 93px !important;
    width: 93px !important;
}

#gvUtilisation span, #gvUtilisation input[type="text"] {
    float: left !important;
}

#gvUtilisation span {
    width: 180px !important;
}

.ui-dropdownchecklist-text {
    width: 145px !important;
    overflow: hidden;
}

#dvTrackingGrid .rpttextboxnowidth .ui-dropdownchecklist, #dvTrackingGrid .rpttextboxnowidth .ui-dropdownchecklist-dropcontainer {
    width: 200px !important;
}

#dvTrackingGrid .rpttextboxnowidth .ui-dropdownchecklist-selector {
    width: 180px !important;
}

#dvTrackingGrid #lstFilter.rpttextboxnowidth, #dvTrackingGrid #lstMainActions.rpttextboxnowidth {
    width: 200px !important;
    height: 27px !important;
}

#wzViewGroup_UpdatePanel7 #wzViewGroup_dtlstSelectedVehicles table, #wzViewGroup_dtlstSelectedVehicles {
    width: 100% !important;
}

.wizardstep #ucltdiv .ui-dropdownchecklist-text {
    width: 168px !important;
    overflow: hidden;
}

.heightstd {
    height: 19px !important;
}
/*
Change Edit icon Pen-delete inline styles

a.buttonselectnw
{
    background:url(images/editcolor.png) no-repeat 50% 50% !important;
    font-size: 0px !important;
    height: 20px;
    width: 20px;
    vertical-align:top;
    cursor:pointer;
    border:0px !important;
    display:block;
}
a.buttonselectnw img
{
    visibility:hidden;
}*/

.nomargin {
    margin: 0px !important;
}

#frmZoneWizard #wzZoneWizard td:last-child table, #frmZoneWizard #wzRouteWizard td:last-child table {
    border: 1px solid #15A163 !important;
}

    #frmZoneWizard #wzZoneWizard td:last-child table tr td table, #frmZoneWizard #wzRouteWizard td:last-child table tr td table {
        border: none !important;
    }

#frmZoneWizard #tblContent tr td:first-child {
    border: none !important;
}

#frmZoneWizard #wzZoneWizard, #frmZoneWizard #wzRouteWizard {
    border: none !important;
}

.fromBorder {
    width: 95% !important;
    margin: 10px auto;
    text-align: left;
    padding: 0px 0px 0px 0px;
    border: 1px solid #15A163 !important;
}

.navigation .navgtnbrdr .contentLabel {
    color: #15a163 !important;
}

input[type="file"] {
    font-family: Verdana;
    margin-left: 0px;
}

.poiDeleteClass {
    font: 0px !important;
    background: url(images/deletedriverpoi.png) no-repeat;
    height: 18px;
    width: 24px;
}

.floatanchor a {
    float: left;
    padding-right: 3px;
}

.leftnavgrid #ltResult {
    color: #15A163 !important;
}

.buttonbg {
    padding: 1px 7px 3px 7px;
    padding: 4px 7px 5px 7px \10 !important;
    padding: 4px 7px 5px 7px \9 !important;
    padding: 4px 7px 5px 7px \8 !important;
    padding: 4px 7px 5px 7px \7 !important;
    background: #34d50b url(images/grad_bg.png) repeat-x 100% 100%;
    background: -moz-linear-gradient(top, #34d50b, #0baf1c);
    background: -webkit-linear-gradient(top, #34d50b, #0baf1c);
    text-align: center;
    border: none;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    border-radius: 3px !important;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    cursor: hand;
    overflow: visible;
    cursor: pointer;
    margin: 5px 0px 5px 0px; /*height:20px;*/
}

#dvFilter {
    height: 32px !important;
}

.loginRight ul li.loginbut input {
    /*background:#0977af;*/
    width: 283px;
    border: 0px;
    text-align: center;
    padding: 10px 0px 10px 0px;
    color: #FFFFFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    font-size: 16px;
    text-shadow: 0px 1px 0px #000000;
    -moz-text-shadow: 0px 1px 0px #000000;
    -webkit-text-shadow: 0px 1px 0px #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    cursor: pointer;
    height: 40px !important;
}

#rptid tr td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.footercontainer span.copy {
    float: right;
}

#google_translate_element {
    position: relative;
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    top: -13px;
    margin: 0px 10px 0px 0px;
}

.goog-te-banner-frame.skiptranslate {
    display: none !important;
}

.goog-te-gadget select.goog-te-combo {
    font-size: 11px !important;
    border-radius: 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}

.goog-logo-link, .goog-logo-link:link, .goog-logo-link:visited, .goog-logo-link:hover, .goog-logo-link:active {
    font-size: 10px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .buttonbg {
        padding: 3px 7px 4px 7px !important;
    }
}

.nopadding {
    padding: 0px !important;
}

.hghtwdth {
    height: 17px !important;
}

select.rpttextboxnowidth, select.widthstd {
    height: 24px !important;
}

#wzZoneWizard_dvSoftwareSummary, #wzZoneWizard_dvSoftwareSummary #divGeneral {
    padding-left: 0px !important;
}

#wzZoneWizard_tblSummary.profileEditform {
    margin: 10px !important;
    width: 97% !important;
}

.zonealertcls {
    color: #15a163;
    font-size: 12px;
    text-align: center;
}

#dvToolTipMessage, #dvToolTipFuel {
    color: #15a163;
    font-size: 11px;
    font-family: Verdana;
    text-align: left;
    background-color: #f2f5f7 !important;
}

a.edit {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/edit-icon.png) no-repeat 0% 0%;
}

a.delte {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/delete-icon.png) no-repeat 0% 0%;
}

.ui-menu-item, .ui-menu-item a, .ui-menu-item:hover, .ui-menu-item a:hover {
    font-size: 11px !important;
}

#wzGroupIcon TABLE {
    border: 1px solid #15A163;
}

.footercontainer .footercopyright {
    position: absolute;
    font-size: 9px;
    top: 17px;
    left: 270px;
}

.default_footer {
    display: none;
}

.login_menu {
    display: none;
}

@media only screen and (max-width: 1050px) {
    .headerLinks {
        left: 105px;
    }
}

.forgotPassword {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin: 0px 107px;
    color: #15A163;
    display: block;
    font-size: 12px;
}

.loginRight ul li.atrackloginbut .forgotPassword {
    margin: 0px 100px;
}

.contactEnigma {
    margin: 0px 0px 0px 74px !important;
}

.notificationbox {
    position: fixed;
    top: 66px;
    right: 10px;
    padding: 8px 8px 8px 8px;
    z-index: 999999;
    color: #FFFFFF;
    font-size: 15px;
    width: auto;
    min-width: 200px;
    white-space: nowrap;
    max-width: calc(100% - 50px);
}

.notify_divMessage {
    right: 10px;
    padding: 8px 30px 8px 40px;
    z-index: 999999;
    color: #FFFFFF;
    font-size: 15px;
    width: auto;
    min-width: 200px;
    white-space: nowrap;
    max-width: calc(100% - 50px);
    text-align: left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    margin-top: 4px;
    position: relative;
}

.notify_GeneralMessage {
    background: #203e62 url(../../images/info-5-24.png) no-repeat 10px 50%;
}

    .notify_GeneralMessage:hover {
        background-color: #1897db; /*font-weight: bold;*/
    }

.notify_ErrorMessage {
    background: #d61b31 url(../../images/error-7-24.png) no-repeat 10px 50%;
}

    .notify_ErrorMessage:hover {
        background-color: #ea1e36; /*font-weight: bold;*/
    }

.notify_SucessMessage {
    background: #36ad6f url(../../images/ok-24.png) no-repeat 10px 50%;
}

    .notify_SucessMessage:hover {
        background-color: #52c067; /*font-weight: bold;*/
    }

.notify_WarningMessage {
    background: #e29016 url(../../images/warning-2-24.png) no-repeat 10px 50%;
}

    .notify_WarningMessage:hover {
        background-color: #f7b829; /*font-weight: bold;*/
    }

.notify_Close {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(../../images/closeicon.png) no-repeat 50% 50%;
}

.s_status a {
    font-size: 12px;
    text-align: left;
    display: block;
    text-decoration: underline;
    color: #FFFFFF;
    padding-left: 20px;
    color: #15A163;
}

#footer.FooterText {
    display: none;
}

.footer_theme {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 3em;
    font-size: 18px;
    display: block;
    margin: 0px auto;
    width: 360px;
    padding-top: 123px;
}

    .footer_theme ul {
        margin: -2px;
        padding: 0px;
    }

        .footer_theme ul li {
            float: right;
            padding-top: 10px;
            display: inline-block;
            margin-right: 30px;
        }

            .footer_theme ul li a {
                text-decoration: none;
                color: Black;
            }

.footer_terms_theme {
    display: none;
}

p.atracktterms {
    text-align: center;
    max-width: 285px;
    margin-top: 20px;
}

    p.atracktterms span {
        display: block;
    }

        p.atracktterms span a {
            display: inline-block;
            padding: 0px 10px;
            text-align: center;
            font-size: .9rem;
            color: #15A163;
            position: relative;
        }

            p.atracktterms span a:nth-child(1):after {
                content: "";
                right: 0px;
                top: 2px;
                bottom: 2px;
                width: 1px;
                background: rgba(0, 0, 0, .35);
                position: absolute;
            }

p.email {
    position: relative;
    margin: 0px;
    padding: 0px;
}

#spanimage, #lblEmailNotify {
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
}

#lblEmailNotify {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    max-width: 250px;
    color: #15A163;
    padding: 0px 0px 0px 10px;
    margin-bottom: 10px;
}

#divMemWord, #divEmailCapture {
    position: fixed; /* Stay in place */
    z-index: 99999999999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}

#fraMemWord, #fraEmailCapture {
    background: #f3f3f3;
    width: 420px;
    height: 360px;
    position: absolute;
    top: calc(50% - 180px);
    left: calc(50% - 200px);
}

.memorablewordpopup {
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .memorablewordpopup h2 {
        text-align: left;
        color: #15A163;
        font-size: 25px;
        font-weight: normal;
        margin: 0px;
        padding: 0px 0px 20px 0px;
    }

    .memorablewordpopup p {
        margin: 0px;
        padding: 0px;
        font-size: 12px;
    }

    .memorablewordpopup ul {
        margin: 0px;
        padding: 20px 0px 0px 0px;
    }

        .memorablewordpopup ul li {
            list-style: none;
            margin: 0px 0px 12px 0px;
        }

            .memorablewordpopup ul li span {
                display: block;
                font-size: 11px;
                margin: 0px 0px 5px 0px;
            }

            .memorablewordpopup ul li select {
                width: 100%;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                border: 1px solid #CCCCCC;
                padding: 5px;
                line-height: inherit;
                height: 30px;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

            .memorablewordpopup ul li input[type="text"], .memorablewordpopup ul li input[type="password"] {
                width: 100%;
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                border: 1px solid #CCCCCC;
                padding: 5px;
                line-height: inherit;
                height: 30px;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
            }

    .memorablewordpopup p.frgt {
        padding: 0px;
        margin: 0px;
    }

        .memorablewordpopup p.frgt a {
            font-size: 11px;
            text-decoration: none;
            color: #1e61cc;
        }

    .memorablewordpopup p.btns {
        margin: 0px;
        padding: 20px 0px 0px 0px;
    }

        .memorablewordpopup p.btns input[type="submit"] {
            background: #15A163;
            padding: 10px 0px;
            width: 100%;
            text-align: center;
            font-size: 13px;
            color: #FFFFFF;
            font-weight: bold;
            border-radius: 6px;
            -moz-border-radius: 6px;
            -webkit-border-radius: 6px;
            border: 0px;
            cursor: pointer;
        }

#memHelpText, #emailHelpText {
    color: #959494;
    font-size: 10.5px;
    padding: 3px;
}
/* Password indicator */

.strengthify-wrapper {
    margin-left: -38px;
    margin-top: 44px;
    position: relative;
}

    .strengthify-wrapper > * {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        opacity: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

.strengthify-bg, .strengthify-container, .strengthify-separator {
    height: 3px;
}

.strengthify-bg, .strengthify-container {
    display: block;
    position: absolute;
    width: 100%;
}

.strengthify-bg {
    background-color: #BBB;
}

.strengthify-separator {
    display: inline-block;
    position: absolute;
    background-color: #FFF;
    width: 3px;
    z-index: 10;
}

.password-bad {
    background-color: #C33;
}

.bad {
    color: #C33;
}

.password-medium {
    background-color: #F80;
}

.medium {
    color: #F80;
}

.password-good {
    background-color: #3ed13e;
}

.good {
    color: #3ed13e;
}

.password-strong {
    background-color: #08a408;
}

.strong {
    color: #08a408;
}

div[data-strengthifyMessage] {
    padding: 3px 8px;
}

.strengthify-tiles {
    float: right;
    margin-top: 4px;
    font-size: 11px;
    position: absolute;
    margin-left: 245px;
}

.twitter_wrapper {
    display: none;
}
/* Impersonate User JQ Grid (only color related)*/
.ui-jqgrid-labels {
    background-color: #15a163 !important;
    color: #fff !important;
    padding: 1% !important;
}

.ui-jqgrid-sortable:hover {
    background-color: #15a163 !important;
    color: #fff !important;
}

.ui-jqgrid .ui-jqgrid-btable tr:nth-child(odd) td {
    background: #f5f5f5 !important;
}

.ui-jqgrid .ui-jqgrid-hdiv .ui-search-toolbar {
    background: #f5f5f5 !important;
}

.ui-jqgrid .ui-jqgrid-labels th.ui-th-column:hover {
    background: #15a163;
}

.loading {
    background: #fff !important;
    padding: 10px !important;
    border: 1px #828282 solid !important;
}

.memrbl_wrd_pp {
    width: 420px;
    min-height: 388px;
    position: absolute;
    left: calc(50% - 210px);
    top: calc(50% - 215px);
    background: #f3f3f3;
    padding: 20px;
    border: solid 2px #666;
    z-index: 999;
}

.memorablewordpopup_wrpr {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover !important;
    background: url(images/atrak.jpg) no-repeat 100% 0%;
}

    .memorablewordpopup_wrpr:after {
        content: "";
        left: 0;
        bottom: 0;
        width: 100%;
        height: 300px;
        position: absolute;
        background: url(images/skyline_loginbuldings.png) repeat-x 50% 100%/61%;
    }

.memorablewordpopup_ovrly {
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}
/******** GDPR Notification Box *************/
.gdprnotificationbox {
    position: fixed;
    bottom: -250px;
    right: 10px;
    padding: 8px 8px 8px 8px;
    z-index: 999999;
    font-family: Verdana, Geneva, sans-serif;
    color: #666;
    font-size: 13px;
    width: auto;
    min-width: 200px;
    white-space: pre-wrap;
    max-width: calc(100% - 40px);
    word-wrap: break-word;
}

.gdprnotify_divMessage {
    right: 10px;
    padding: 8px 30px 8px 40px;
    z-index: 999999;
    font-family: Verdana, Geneva, sans-serif;
    color: #666;
    font-size: 13px;
    width: auto;
    min-width: 200px;
    white-space: pre-wrap;
    max-width: calc(100% - 50px);
    text-align: left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    margin-top: 4px;
    position: relative;
}

.gdprnotify_Message {
    background: #c6ebbf;
}

    .gdprnotify_Message:hover {
    }

.gdprnotify_Close {
    cursor: pointer;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(images/close.png) no-repeat 100% 0%;
}
/******** End GDPR Notification Box *************/

/******** Head Way App style *************/

/*.headwaylnk {
    display: block;
    width: 33px;
    height: 32px;
    top: 227px;
    position: absolute;
    left: -33px;
    background: url('images/HeadWay_Atrak.png') no-repeat 0% 0% / 100%;
    box-shadow: 0px 3px #888888;
    border-radius: 0px 50px 50px 0px;
}

    .headwaylnk #HW_badge_cont {
        display: block;
        width: 100%;
        height: 100%;
        cursor: pointer;
        position: relative;
    }

        .headwaylnk #HW_badge_cont #HW_badge {
            position: absolute;
            top: -5px;
            right: -1px;
            left: auto;
        }

#HW_frame_cont {
    top: 277px !important;
    left: -100% !important;
    transition: all ease 1s !important;
    margin: 0px !important;
}

    #HW_frame_cont:after {
        content: "";
        position: absolute;
        top: -2px;
        right: -33px;
        width: 33px;
        height: 33px;
        background: url(images/HeadWay_Atrak.png) no-repeat 0% 0% / 100%;
    }

    #HW_frame_cont.HwCustomHeader.HW_visible {
        left: 0px !important;
        border-top-right-radius: 0px;
    }

.headwaydetails {
    position: absolute;
    left: -340px;
    width: 340px;
    height: auto;
    background: #FFFFFF;
    top: 137px;
}

    .headwaydetails.open {
        left: 0px;
        transition: all ease .5s;
        -moz-transition: all ease .5s;
        -webkit-transition: all ease .5s;
    }

#HW_badge {
    visibility: hidden;
}*/

#HW_badge {
    border-radius: 20px;
    background: #CD4B5B;
    height: 16px;
    width: 16px;
    color: #fff;
    text-align: center;
    line-height: 16px;
    font-size: 11px;
    cursor: pointer;
    position: absolute;
    top: -8px !important;
    left: 17px !important;
    opacity: 0;
    /*transform: scale(0);*/
    transition: all 0.3s;
}

#HW_badge_cont {
    display: block;
    height: 25px !important;
    width: 25px !important;
    cursor: pointer;
    position: relative;
}

.outercont .innercont h3 {
    text-align: center;
    border-bottom: 1px solid #f1f1f1;
    font-weight: 600;
    font-size: 14px;
    padding: 15px 23px;
    line-height: 21px !important;
}

.headerUser span.CHANGE_THIS {
    position: absolute;
    cursor: pointer;
    width: 25px;
    height: 25px;
    display: block;
    top: 18px;
    left: 165px;
    background: url('images/HeadWay_Atrakicon.png') no-repeat 0% 0%;
    padding-right: 12px;
}
/******** End Head Way App style *************/

/*Driver performance alert style*/

input[type="text"]#txtDriverSearch {
    width: 100%;
    display: block;
    margin: 0px 0px 3px 0px;
    height: 27px;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #cedee9;
}

    input[type="text"]#txtDriverSearch::-webkit-input-placeholder {
        color: #ccc;
    }
/*End Driver performance alert style*/

/*Stop Alert Report style*/
.reg-popup-content {
    padding: 7px 5px 5px 7px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #333;
}
/*End Stop Alert Report style*/

/*Check box and its content on same line alignment*/
[type="checkbox"] {
    vertical-align: middle;
}
/*End Check box and its content on same line alignment*/

/*Fix for Flickering issue in spinbutton---START */
table.timePickerSpinNormal td table td {
    background-color: buttonface !important;
    border-style: Outset Ridge Ridge Outset !important;
    font-size: 1pt;
    border-width: 2px !important;
    border-color: White #A0A0A0 #A0A0A0 White !important;
}

    table.timePickerSpinNormal td table td:hover {
        background-color: buttonface !important;
        border-style: Outset Ridge Ridge Outset !important;
        font-size: 1pt;
        border-width: 2px !important;
        border-color: buttonface buttonface buttonface buttonface !important;
    }
/*Fix for Flickering issue in datepicker---END */

/* Zone Group*/
.sk_zonegroup {
    border: 1px solid #15a163;
    max-width: 1000px;
    margin: 0px auto;
}

    .sk_zonegroup * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-family: Verdana, Geneva, sans-serif;
    }

.zonebox {
    padding: 0px 20px 10px 20px;
    position: relative;
}

p.dragdrop {
    margin: 0px;
    padding: 0px 0px 5px 10px;
    font-size: 11px;
    font-style: italic;
    color: #8e8181;
}

.zonebox:after {
    display: block;
    clear: both;
    content: "";
}

.zonesub {
    background: #f2f2f2;
    padding: 10px;
    border: 2px dotted #CCCCCC;
    border-radius: 10px;
    float: left;
    margin: 0px 5px 0px 0px;
    width: calc((100%/2) - 5px);
    min-height: 400px;
    position: relative;
}

    .zonesub.selectedzones {
        margin: 0px 0px 0px 5px;
    }

    .zonesub > h5 {
        position: relative;
        font-size: 14px;
        color: #15a163;
        font-weight: 600;
        margin: 0px;
        padding: 0px 0px 10px 0px;
    }

.selectall {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    color: #15a163;
}

.zonesub p.search {
    margin: 0px;
    padding: 0px;
}

    .zonesub p.search input[type="text"] {
        width: 100%;
        border: 1px solid #d5d5d5;
        border-radius: 4px;
        background: #FFFFFF;
        padding: 8px 5px;
    }

.zonesub ul.zonelist {
    margin: 0px;
    padding: 20px 0px;
}

    .zonesub ul.zonelist:after {
        display: block;
        clear: both;
        content: "";
    }

    .zonesub ul.zonelist li {
        list-style: none;
        float: left;
        width: Calc((100%/3) - 11px);
        margin: 0px 5px 10px 5px;
        min-height: 80px;
        background: #FFFFFF;
        border-radius: 10px;
        overflow: hidden;
    }

        .zonesub ul.zonelist li > h3 {
            margin: 0px;
            padding: 5px 8px;
            background: #15a163;
            position: relative;
        }

            .zonesub ul.zonelist li > h3 span.close {
                position: absolute;
                right: 7px;
                top: 5px;
                width: 16px;
                height: 16px;
                color: #FFFFFF;
                font-weight: 500;
                font-size: 14px;
                cursor: pointer;
            }

        .zonesub ul.zonelist li > h4 {
            margin: 0px;
            padding: 10px 0px 5px 10px;
            font-size: 13px;
            color: #000000;
            white-space: nowrap;
            text-overflow: ellipsis;
            max-width: calc(100% - 10px);
            overflow: hidden;
        }

        .zonesub ul.zonelist li > h5 {
            margin: 0px;
            padding: 0px 0px 5px 10px;
            font-size: 12px;
            color: #000000;
            font-weight: 500;
        }

        .zonesub ul.zonelist li > h6 {
            margin: 0px;
            padding: 0px 0px 5px 10px;
            font-size: 11px;
            color: #CCCCCC;
            font-weight: 500;
        }
/*Driver App Chat Notification for header*/

.headerLinks a.driverApp label, .headerLinks a.driverAppSelected label {
    position: absolute !important;
    top: 2px;
    left: 57px;
    border-radius: 5px;
    background: rgb(255, 0, 0);
    padding: 3px;
    font-size: 10px;
    color: rgb(255, 255, 255);
}

.headerUser span.timer span.timerpopup, .headerUser span.message span.timerpopup {
    /* width: 21px;     height: 21px;*/
    /*background: url(images/timerpopup.png) no-repeat bottom right;
        position: absolute;
        padding: 1px 3px 7px 2px;
        top: 1px;
        right: -1px;
        margin: -19px -4px 0px -1px;
        display: none;
        text-align: center;
        color: #FFFFFF;
        font-weight: bold;
        font-size: 11px;*/
    position: absolute !important;
    top: 1px;
    right: -1px;
    border-radius: 5px;
    background: rgb(255, 0, 0);
    padding: 3px;
    font-size: 10px;
    color: rgb(255, 255, 255);
    margin: -19px -4px 0px -1px;
}

.ImgBtnDelte {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/delete-icon.png) no-repeat 0% 0%;
}

.ImgBtnAddSchedule {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/Addscheduler.png) no-repeat 0% 0%;
}

ImgBtnClone {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/clone.png) no-repeat 0% 0%;
}

.ImgBtnEdit {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/edit-icon.png) no-repeat 0% 0%;
}

.ImgBtnDetails {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(images/Details.png) no-repeat 0% 0%;
}
/*<!-- BIK Management-->*/


.bik_drvjrny_header:before {
    background: #15a163 !important;
}
/*----Zoho-------*/

#zohohc-asap-web-modulecontentbox * {
    font-size: 11px !important;
}

#zohohc-asap-web-launcherbox {
    z-index: 9999999999 !important;
    height: 30px;
    width: 30px;
    left: 5px !important;
    bottom: 43px !important;
}
/*#zohohc-asap-web-launcherbox svg.zohohc-dadbf00245 {
        height: 22px;
        width: 22px;
    }*/

#zohohc-asap-web-layoutbox {
    z-index: 9999999999 !important;
    top: 5px;
    height: calc(100% - 5px);
}

#zohohc-asap-web-ticketform-reset {
    display: none !important;
}

.zohohc-751d60c241 {
    visibility: hidden;
}

#zohohc-asap-web-header .zohohc-e6b8ce171a {
    display: none;
}

#zohohc-asap-web-ticketform-field-cf_brand_name, #zohohc-asap-web-ticketform-field-cf_user_id {
    display: none;
}

#zohohc-asap-web-modulecontentbox table td {
    padding: 5px;
    font-size: 11px;
    vertical-align: top;
}

    #zohohc-asap-web-modulecontentbox table td.tdZohoSubject {
        max-width: 140px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
    }

    #zohohc-asap-web-modulecontentbox table td.tdZohoCreatedDate {
        text-align: left;
    }

#zohohc-asap-web-modulecontentbox table th {
    padding: 5px 0px 0px 5px;
    font-size: 11px !important;
    vertical-align: top;
    font-weight: 700 !important;
    position: sticky;
    top: 0px;
    background: #FFFFFF;
    color: #203e62;
}

#zohohc-asap-web-modulecontentbox table td a.moreDetails {
    display: block;
    width: 20px;
    height: 16px;
    background-image: url(images/driverapp_images/status_icon.png);
    background-repeat: no-repeat;
    margin: 0px auto;
    cursor: pointer;
}

.zohohc-asap-web-contentlayout * {
    font-family: Verdana, Arial !important;
}

.divZohoTicketDetails.showTicketDetails {
    position: absolute;
    left: 5px;
    right: 5px;
    top: 40%;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 25%);
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    opacity: 1;
    border-radius: 10px;
}

.divZohoTicketDetails {
    top: 100%;
    transition: all ease .5s;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    opacity: 0;
    z-index: 99999;
    bottom: 0px;
}

#zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table {
    width: 100%;
    border-collapse: collapse;
}

    #zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table td, #zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table th {
        padding: 5px;
        font-size: 11px;
        vetical-align: top;
    }

    #zohohc-asap-web-modulecontentbox table td .divZohoTicketDetails table th {
        font-weight: 600;
    }

#divPopupDetails {
    padding: 10px;
    height: 100%;
}

.closeTicketDetails {
    position: absolute;
    right: 5px;
    top: 10px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    background: url(/images/cross.png) no-repeat 50% 50%;
    background-size: 12px auto;
}

    .closeTicketDetails img {
        display: none;
    }

#zohohc-asap-web-modulecontentbox table {
    width: 100% !important;
    border-collapse: collapse;
}

.stickyTop .zohohc-ab7045c516 {
    height: 40px !important;
}

.zohohc-0ede64c573 {
    height: 46px !important;
}

.divPopupDetails {
    padding: 10px;
    height: 100%;
}

    .divPopupDetails h1 {
        font-size: 14px;
        margin: 0px;
        padding: 0px 20px 5px 0px;
    }

    .divPopupDetails ul {
        margin: 5px 0px;
        max-height: calc(100% - 60px);
        overflow: auto;
        padding: 10px 0px;
        padding-right: 10px;
        border-top: 1px solid #CCCCCC;
    }

        .divPopupDetails ul li.clsLastpopupli {
            margin: 0px !important;
            border-bottom: 0px !important;
        }

        .divPopupDetails ul li {
            list-style: none;
            margin: 0px 0px 10px 0px;
            padding-bottom: 8px !important;
            border-bottom: 1px solid #d1d1d1 !important;
        }

            .divPopupDetails ul li > label {
                display: block;
            }

            .divPopupDetails ul li > span {
                display: block;
                margin-top: 5px;
                font-weight: 600;
            }

    .divPopupDetails .descriptionFont {
        font-size: 11px !important;
        font-weight: 400;
    }

#zohohc-asap-web-layoutbox * {
    font-family: verdana, arial !important;
}

.dvNoTickets {
    position: absolute;
    width: 300px;
    height: 280px;
    left: calc(50% - 150px);
    top: calc(50% - 140px);
    text-align: center;
    font-weight: bold
}

    .dvNoTickets svg {
        width: 100% !important;
        height: 220px;
    }

.tdZohoListHead {
    text-align: left !important;
    width: 220px;
}

.tdZohoCreatedHead {
    text-align: left !important;
    width: 100px;
}

.tblHeaderList td, .tblHeaderList th {
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    padding: 7px !important;
    border-collapse: collapse;
    border-right: 0px;
    border-spacing: 0px !important;
}

.zohohc-d9953ae8f6 {
    overflow: auto;
}

.global_themescreateinnersub .zohohc-b0ff5ab0ca {
    padding: 10px;
    font-size: 11px;
}

​​​​​​​​​​ .zohohc-148d7423f1 {
    ​​​​​text-overflow: ellipsis;
    word-break: break-word;
    line-height: var(--zohohc_asap_web_applineheight_bodyvalues_2);
    font-size: var(--zohohc_asap_web_appfontsizes_headline_6);
    flex: 1 1 0%;
    font-size: 11px !important;
}

.zohohc-148d7423f1 {
    font-size: 11px !important;
    margin: 0px !important;
}

.sty__ucyg3a__cls {
    font-size: 16px !important;
    margin: 0px !important;
}

.zohohc-78306b4fc4.zohohc-5fd6c6d383 * {
    font-size: 11px !important;
}

#zohohc-asap-web-ticketform-section-case_information {
    padding: 12px 0px !important;
    font-size: 11px !important;
}

.zohohc-ef2df0fdca {
    line-height: 100% !important;
    margin-bottom: 5px !important;
    padding: 0px !important;
}

#zohohc-asap-web-ticketform-field-subject {
    margin-bottom: 25px !important;
}

.zohohc-18e11085c9 {
    font-size: 15px !important;
    font-weight: bold !important;
}

.global_themescreateinnersub .zohohc-b0ff5ab0ca {
    padding: 10px !important;
}
/*.zohohc-f386af0cb1 {
    display: none !important;
}*/

.zohohc-68f6a9f4d9 {
    display: none !important;
}

.divPopupDetails * {
    font-size: 11px;
}

.text-inner {
    width: 30%;
    text-align: center;
    z-index: 0;
    position: absolute;
    background-color: white;
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    top: 30%;
}

    .text-inner h1 {
        font-weight: 900;
        text-align: center;
        margin: auto;
        font-size: 13px;
        color: #395D6D;
        letter-spacing: .10rem;
        padding-bottom: .5rem;
        padding: 0px 0px 0px 0px !important;
    }

    .text-inner h2 {
        font-weight: 400;
        text-align: center;
        margin: auto;
        color: #395D6D;
        letter-spacing: .10rem;
        padding-bottom: 2rem;
    }

.ímgStatusDescBox {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 5px 3px 0px;
}

.zohohc-a830a04577 {
    height: 150px !important;
}

#zohohc-asap-web-launchermain .zohohc-dadbf00245 {
    width: 20px !important;
}

#zohohc-asap-web-bodylayout {
    box-shadow: 2px -1px 19px 2px rgb(0 0 0 / 40%) !important;
}
/*? css*/
#zohohc-asap-web-launchermain svg {
    width: 20px;
}

#zohohc-asap-web-footer {
    height: 45px;
}

#zohohc-asap-web-launcherbox-close {
    height: 45px;
    width: 45px;
}

div[data-id="zohohc-asap-web-widget-item-0"] {
    visibility: hidden !important;
}

span[data-id="zohohc-asap-web-goback"] {
    display: none !important;
}

.stickyTop .zohohc-137c977e68 {
    height: 40px !important;
}
/*Theme Changes*/
#zohohc-asap-web-header {
    background: linear-gradient(left, #119359, #24a468) !important;
    background: -webkit-linear-gradient(left, #119359, #24a468) !important;
    background: -moz-linear-gradient(left, #119359, #24a468) !important;
}

#zohohc-asap-web-launcherbox {
    background: #119359 !important;
}

#zohohc-asap-web-ticketform-add-attachment svg {
    color: #119359 !important;
}

#zohohc-asap-web-launcherbox-close {
    background: #119359 !important;
}

a[data-id="zohohc-asap-web-article-permalink"] svg {
    color: #119359 !important;
}

b[data-id="zohohc-asap-web-kbdetailpage-st"] {
    color: #119359 !important;
}

button[data-id="zohohc-asap-web-article-feedbackform-send"] {
    background: #119359 !important;
    border: 1px solid #119359 !important;
}

span[data-id="zohohc-asap-web-attachmentitem-delete-51334000000209014"] {
    background: #119359 !important;
}

.zohohc-e6cf8af492 {
    background: #119359 !important;
    width: 46px !important;
    height: 46px !important;
}

.zohohc-c3df76e427 {
    background: #119359 !important;
}

#zohohc-asap-web-ticketform-submit {
    background: #119359 !important;
    border: 1px solid #119359 !important;
}

.zohohc-037b7fe612 .zohohc-c6272515d0 {
    color: #119359 !important
}

#zohohc-asap-web-modulecontentbox table th {
    color: #119359;
}

.zohohc-ce9ae99941 {
    background: #119359 !important;
}

.zohohc-148d7423f1::after {
    border-bottom: 3px solid #119359 !important;
}

.zohohc-5021fab23f {
    color: #119359 !important;
}

.zohohc-aaab5308c8::after {
    border-bottom: 3px solid #119359 !important;
}

button.zohohc-92a1612696.zohohc-893cdc28db {
    background: #119359 !important;
    border: 1px solid #119359 !important;
}

.zohohc-75a9a64393 {
    background-color: #119359 !important;
}

/* Added for making Responsive design--> Changed by Riya Kaduthus 19OCT2021*/
@media screen and (max-width:600px) {
    .notify_divMessage {
        /*right: 10px;
left:10px;*/
        white-space: normal;
    }

    .loginBox.resetloginBox {
        height: auto;
        min-height: inherit;
    }

    .loginmain .viasat {
        width: 197px;
        height: 60px;
        background: #FFFFFF url(images/visatconnect.png?v=1.0) no-repeat 50% 50%;
        background-size: auto 60px;
        border-radius: 4px;
    }

    .loginmain ul.login_menu {
        position: relative;
        left: inherit;
        top: inherit;
        margin: 10px auto;
        right: inherit;
        text-align: center;
    }

        .loginmain ul.login_menu li a {
            margin: 0px 10px;
        }

    .loginBox.resetloginBox .loginRight.resetloginRight {
        padding: 80px 0px 0px 0px;
        background: url(images/Skyline_Logo.png?v=1.0) no-repeat 50% 10px;
        background-size: auto 50px;
        width: calc(100% - 40px);
    }

        .loginBox.resetloginBox .loginRight.resetloginRight ul {
            padding: 20px;
        }

    .loginfooter {
        position: relative;
        left: inherit;
        bottom: inherit;
        right: inherit;
    }
}
/* Added for Reset Password--> Changed by Shemeem 28OCT2021*/
.loginBox.resetloginBox {
    width: 100%;
    height: 530px;
}

.loginRight#divPasswordChange {
    max-width: 600px;
    top: inherit;
    right: 20px;
    left: inherit;
    width: auto;
    bottom: 0px;
}

    .loginRight#divPasswordChange * {
        box-sizing: border-box;
    }

    .loginRight#divPasswordChange .updatesection {
        background: #FFFFFF;
        padding: 30px 30px 20px 30px;
        border-radius: 10px;
        box-shadow: 0px 0px 18px #30ace2;
        min-width: 550px;
    }

        .loginRight#divPasswordChange .updatesection:after {
            clear: both;
            content: "";
            display: block;
        }

        .loginRight#divPasswordChange .updatesection ul {
            width: 54%;
            float: left;
            border: 0px;
            box-shadow: none;
            padding: 5px 0px 0px 0px;
        }

            .loginRight#divPasswordChange .updatesection ul li {
                position: relative;
                width: 100%;
                margin: 0px 0px 25px 0px;
            }

                .loginRight#divPasswordChange .updatesection ul li.loginbut {
                    margin: 0px;
                }

                .loginRight#divPasswordChange .updatesection ul li.password.second {
                    margin-bottom: 10px;
                }

    .loginRight#divPasswordChange ul li.username input[type="text"], .loginRight#divPasswordChange ul li.password input[type="password"], .loginRight#divPasswordChange ul li.password input[type="text"] {
        padding: 18px 0px 18px 10px;
        border: 0px;
    }

    .loginRight#divPasswordChange .updatesection ul li span.hideIcon {
        position: absolute;
        top: 5px !important;
        right: 0px !important;
        left: inherit !important;
        background: none !important;
    }

    .loginRight#divPasswordChange .updatesection .mandotorynotes {
        /*padding: 0px 0px 0px 50px;*/
        float: right;
        width: 46%;
        padding-left: 16px;
    }

        .loginRight#divPasswordChange .updatesection .mandotorynotes h3 {
            font-size: 14px;
            margin: 0px 0px 10px 0px;
            color: #003093;
        }

        .loginRight#divPasswordChange .updatesection .mandotorynotes ul {
            margin: 0px;
            padding: 0px;
            float: none;
            width: 100%;
        }

            .loginRight#divPasswordChange .updatesection .mandotorynotes ul li {
                list-style: none;
                margin: 0px 0px 5px 0px;
                padding: 0px 0px 5px 30px;
                font-size: 12px;
                position: relative;
                line-height: 14px;
                width: 100%;
            }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.valid {
                    color: #53BD66;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li p {
                    padding-top: 5px;
                    margin: 0px;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.info:before {
                    content: url(/images/infoicon.png);
                    color: blue;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.invalid {
                    color: #F00;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li:before {
                    content: url(/images/Redcross.png);
                    display: block;
                    position: absolute;
                    top: 4px;
                    left: 5px;
                    width: 20px;
                    height: 20px;
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.valid:before {
                    content: url(/images/GreenCheck.png);
                }

                .loginRight#divPasswordChange .updatesection .mandotorynotes ul li.invalid:before {
                    /*background: #F00;*/
                }

.strengthify-tiles {
    margin-top: 4px;
    font-size: 11px;
    position: absolute;
    left: 0px;
    text-align: center;
    margin-left: 47%;
}
/*otpstyle*/
.loginRight ul li.password input[type="text"] {
    width: 235px;
    padding: 9px 0px 9px 10px;
    border: 0px;
    outline: 0px;
    color: #7b7b7b;
    margin-left: -2px;
}

.loginRight ul li.otpsection {
    display: flex;
    justify-content: space-between;
    max-width: 283px;
}

    .loginRight ul li.otpsection span {
        display: inline-block !important;
        position: relative !important;
        margin: 0px !important;
        width: auto !important;
        background: none !important;
        height: auto;
    }

        .loginRight ul li.otpsection span a.forgotPassword {
            margin: 0px;
            cursor: pointer;
            text-decoration: underline;
        }

@media screen and (max-width:1600px) {
    .loginBox.updatepassword {
        width: 100% !important;
    }

        .loginBox.updatepassword .loginRight#divPasswordChange {
            bottom: inherit;
            top: 170px;
            right: 50px;
            width: 630px;
        }

            .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
                width: 630px;
                bottom: inherit;
            }
}

@media screen and (max-width:1100px) {
    body#login {
        background: none;
    }

    .loginRight#divPasswordChange {
        left: 30px;
        right: 30px;
        max-width: inherit;
        padding: 0px 20px;
    }

    .loginBox.resetpassword .loginRight#divPasswordChange, .loginBox.resetloginBox .loginRight#divPasswordChange {
        max-width: 600px !important;
        margin: 0px auto;
    }

    .loginBox.resetloginBox .loginRight#divPasswordChange {
        padding-top: 250px;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange {
        left: calc(50% - 315px);
    }

    .loginmain, .loginBox {
        width: 100%;
    }

    .loginLeft {
        display: none
    }

    .loginRight {
        margin: 0px;
        padding: 280px 20px 0px 20px;
        position: relative;
        left: inherit;
        top: inherit;
        width: 100%;
        right: inherit;
        bottom: inherit;
    }

        .loginRight:before {
            content: "";
            width: 140px;
            height: 160px;
            position: absolute;
            top: 50px;
            left: calc(50% - 70px);
            background: url(images/atrak.jpg) no-repeat -941px -83px;
        }

        .loginRight.resetloginRight:before {
            top: 30px;
        }

        .loginRight.resetloginRight#divPasswordChange .updatesection {
            left: calc(50% - 315px);
            top: 200px;
        }

        .loginRight ul {
            margin: 0px auto;
            padding: 0px 20px;
            max-width: 300px;
        }

            .loginRight ul li.username, .loginRight ul li.password {
                width: 100%;
            }

    p.atracktterms span, p.atracktterms {
        text-align: center;
        margin: 10px auto;
    }

    .loginRight ul li.s_status {
        padding: 10px 0px;
    }

    .loginRight ul li.username input[type="text"], .loginRight ul li.password input[type="password"] {
        width: calc(100% - 7px);
    }

    .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
        position: relative;
        top: 250px;
    }

    .loginBox.resetloginBox {
        padding: 200px 0px 0px 0px;
    }
}

@media screen and (max-width:800px) {
    body#login {
        background: none;
    }

    .loginRight#divPasswordChange {
        left: 30px;
        right: 30px;
        max-width: inherit;
        padding: 0px 20px;
    }

    .loginmain, .loginBox {
        width: 100%;
    }

    .loginLeft {
        display: none
    }

    .loginRight:before {
        top: 0px;
    }

    .loginRight.clsdivLoginMain:before {
        top: 50px;
    }

    .loginRight ul {
        margin: 0px auto;
        padding: 0px 20px;
        max-width: 300px;
    }

        .loginRight ul li.username, .loginRight ul li.password {
            width: 100%;
        }

    p.atracktterms span, p.atracktterms {
        text-align: center;
        margin: 10px auto;
    }

    .loginRight ul li.s_status {
        padding: 10px 0px;
    }

    .loginRight ul li.username input[type="text"], .loginRight ul li.password input[type="password"] {
        width: calc(100% - 7px);
    }
}

@media screen and (max-width:600px) {
    .loginRight#divPasswordChange .updatesection, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
        position: relative;
        padding: 20px 0px 30px 0px;
        top: 237px;
        width: calc(100% - 20px);
        left: -10px;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
        padding: 20px 0px 0px 0px;
        margin: 0px auto;
        right: inherit;
    }

    .loginRight#divPasswordChange .updatesection {
        min-width: inherit;
        margin: 0px auto;
    }

    .loginBox.updatepassword .loginRight#divPasswordChange {
        width: calc(100% - 20px);
        top: 0px;
        left: 0px
    }

        .loginBox.updatepassword .loginRight#divPasswordChange:before {
            top: 20px;
        }

        .loginRight#divPasswordChange .updatesection ul, .loginBox.updatepassword .loginRight#divPasswordChange ul {
            float: none;
            width: 100%;
            padding: 20px;
        }

            .loginRight#divPasswordChange .updatesection ul li.password.second, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection ul li.password.second {
                margin-bottom: 150px;
                top: 0px !important;
            }

        .loginRight#divPasswordChange .updatesection .mandotorynotes, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection .mandotorynotes {
            float: none !important;
            width: 100% !important;
            position: absolute !important;
            bottom: 85px !important;
            left: 10px !important;
            right: 10px !important;
            padding: 20px !important;
            margin: 0px !important;
        }

            .loginRight#divPasswordChange .updatesection .mandotorynotes ul, .loginBox.updatepassword .loginRight#divPasswordChange .updatesection .mandotorynotes ul {
                background: none;
            }

    .loginbut {
        top: 15px;
    }

    .loginRight#divPasswordChange {
        left: 0px;
        right: 10px;
        max-width: inherit;
        padding: 0px 20px;
    }

        .loginRight#divPasswordChange .updatesection ul li {
            width: 100%;
        }

        .loginRight#divPasswordChange ul li.username input[type="text"], .loginRight#divPasswordChange ul li.password input[type="password"], .loginRight#divPasswordChange ul li.password input[type="text"], .loginRight#divPasswordChange ul li.loginbut input {
            width: 100%;
        }

        .loginRight#divPasswordChange ul li a.forgotPassword {
            margin: 30px 0px 0px 0px;
            text-align: center;
        }

    .loginRight ul li {
        padding: 1px 0px;
    }

        .loginRight ul li.username, .loginRight ul li.password {
            width: calc(100% - 40px);
        }

    .loginRight {
        padding-right: 0px;
        padding-left: 0px;
        margin: 0px;
    }

    .forgotPassword {
        margin: 4px auto;
        text-align: center;
    }

    .contactEnigma {
        margin: 0px !important;
    }

    .loginRight:before {
        top: 80px;
    }

    .loginRight ul {
        margin: 0px auto;
        padding: 0px;
    }

    .loginBox.resetloginBox {
        padding-top: 20px;
    }

    .loginRight.resetloginRight#divPasswordChange .updatesection {
        top: 0px;
        left: 0px;
    }
}

@media screen and (min-width:1600px) {
    .loginBox.updatepassword .loginRight#divPasswordChange {
        max-width: 630px;
        ;
        top: 180px;
        ;
        right: inherit;
        left: calc(55% - 20px);
        width: auto;
        bottom: inherit;
    }

        .loginBox.updatepassword .loginRight#divPasswordChange .updatesection {
            width: 600px;
        }
}
#divPasswordChange .updatesection .mandotorynotes ul li.info {
    color: #32ACFF;
}

/*--Tool tip related changes - sending command Queue listing*/
.field-tip {
    position: relative;
    cursor: pointer;
    left: 10px;
}

    .field-tip .tip-content {
        position: absolute;
        top: -5px;
        right: 36px !important;
        width: auto;
        margin-right: 0px;
        padding: 3px 5px;
        color: #FFFFFF;
        background: #15a163;
        opacity: 0;
        text-align: center;
        border-radius: 3px;
        font-weight: 600;
        font-size: 10px;
        /*text-transform: uppercase;*/
        overflow: visible;
    }

        .field-tip .tip-content:after {
            position: absolute;
            width: 0;
            content: ' ';
            height: 0;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-color: transparent transparent transparent #15a163;
            right: -5px;
            top: 4px;
        }

        .field-tip .tip-content:before {
            content: ' ';
            position: absolute;
            top: 50%;
            right: -16px;
            width: 0;
            height: 0;
            margin-top: -8px;
            border-left-color: #333;
        }

.tip-content_hovered {
    right: 9px !important;
    opacity: 1 !important;
}

/*-- End Tool tip related changes - sending command Queue listing*/
#fsValidateWtQueueList {
    position: relative;
}

#spQueueLegend {
    position: absolute;
    left: 520px;
    top: -20px;
    display: inline-block;
    padding: 1px;
    background: #f8f8ff;
    color: #119359;
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

.csbtnShowCommandQueue {
    position: absolute;
    left: 522px;
}

.cmdQueuebtn {
    width: 100% !important;
}

.cmdInfo {
    background: #DBE3E8 !important;
    padding: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #119359;
}

.assetdetailsMap {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    z-index: 99999999;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    margin-right: 4px;
}

.w3wdetailsMap {
    width: 20px;
    height: 20px;
    display: block;
    cursor: pointer;
    z-index: 99999999;
    width: 20px;
    height: 20px;
    display: inline-block;
    float: right;
    margin-right: 4px;
}

.W3WMapLayout {
    z-index: 9999999;
    opacity: 1 !important;
    transition: all ease 1s;
}

#spnW3WResult {
    opacity: 0;
    height: 15px;
    top: 8px;
    position: absolute;
    left: 4%;
    color: black;
    background: white;
    padding: 5px;
    font-family: Verdana;
    font-size: 10pt;
    box-shadow: rgb(158 163 167 / 28%) 0px 8px 24px;
    transition: all ease .5s;
    border-bottom: 1.5px solid #e11f26 !important;
    border-radius: 2px 0px 0px 2px !important;
    display: flex;
    justify-content: center;
    vertical-align: middle;
    /*max-width: 250px;*/
}

@media screen and (max-width:750px) {
    #spQueueLegend {
        left: 440px !important;
    }

    .csbtnShowCommandQueue {
        left: 433px !important;
    }
}

.lowBattery, .lowBattery .sorted {
    background: #ffe2d1ed !important;
}

.goodBattery, .goodBattery .sorted {
    background: #b6ffe5 !important;
}

    .lowBattery:hover td.sorted, .goodBattery:hover td.sorted {
        background: #d6f9db !important;
    }

.trSelected td.sorted {
    background: #d6f9db !important;
}

.err {
    position: absolute;
    left: 0px;
    bottom: -10px;
    font-size: 11px;
    color: red;
    white-space: nowrap;
}

.dvEmptyTrackingGrid {
    
    display: flex;
    justify-content: center;
    align-items: center;
    text-align:center;
}

.topdrag {
    z-index: 9999;
    position: relative;
    width: 100px;
    height: 20px;
    left: calc(50% - 50px);
    top: -20px;
    cursor: pointer;
}

    .topdrag span {
        width: 100px;
        height: 20px;
        left: 0px;
        top: 0px;
        overflow: hidden;
        position: absolute;
    }

        .topdrag span:before {
            content: "";
            display: block;
            width: 100px;
            height: 20px;
            border-radius: 10px 10px 0px 0px;
            position: absolute;
            left: 0px;
            top: 0px;
            background: -webkit-linear-gradient(top,rgba(255,255,255,.8),#aee1b9);
            background: linear-gradient(top,rgba(255,255,255,.6),#DBE3E8);
        }

        .topdrag span:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 6px 6px 6px;
            border-color: transparent transparent #000000 transparent;
            position: absolute;
            top: calc(50% - 0px);
            left: calc(50% - 4px);
        }

    .topdrag.open span:after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 6px 0 6px;
        border-color: #000000 transparent transparent transparent;
        position: absolute;
        top: calc(50% - 0px);
        left: calc(50% - 4px);
    }

    .topdrag label {
        background: #333333;
        padding: 5px 10px;
        border-radius: 5px;
        font-size: 10px;
        color: #FFFFFF;
        position: absolute;
        left: calc(90% + 10px);
        top: -5px;
        display: none;
    }

    .topdrag:hover > label {
        display: block;
    }

    .topdrag label:before {
        content: "Expand";
        font-size: 10px;
        color: #FFFFFF;
    }


    .topdrag.open label:before {
        content: "Collapse";
    }

    #dvHeadway p.btns input[type="button"] {
        color: #15a163 !important;
    }

    #dvHeadway p.btns input[type="button"].dark {
        background: -webkit-linear-gradient(top,#34d50b,#0baf1c) !important;
        color: #FFFFFF !important;
    }

/*new design*/
.sectionOneContent {
    padding: 0px;
    box-sizing: border-box;
    height: calc(100% - 10px) !important;
    position: relative;
    top: 0px !important;
    padding-top: 56px;
}

.filterLeftOut {
    width: 40px !important;
}

.leftNav {
    padding: 0px 6px 5px 12px;
}

    .leftNav.hgt {
        height: calc(100% - 20px);
        padding-top: 6px !important;
    }

#treeDiv {
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #d7d7d7 !important;
    padding: 10px;
}

    #treeDiv * {
        box-sizing: border-box;
    }

    #treeDiv .filternav {
        padding: 0px;
        border: 0px;
    }

        #treeDiv .filternav p, #treeDiv .filternav .vtype {
            margin: 0px 0px 10px 0px !important;
            max-width: 100%;
        }

            #treeDiv .filternav .vtype:after {
                content: "";
                display: block;
                clear: both;
            }

            #treeDiv .filternav .vtype > span {
                margin: 0px 0px 5px 0px;
                display: block;
            }

            #treeDiv .filternav p > span, #treeDiv .filternav .vtype span {
                font-size: 11px;
                color: #CCCCCC;
            }

            #treeDiv .filternav .vtype .ui-dropdownchecklist-selector {
            }

            #treeDiv .filternav p span.links {
                display: block;
                position: absolute;
                top: 8px;
                right: 16px;
                display: flex;
                justify-content: space-between;
            }

                #treeDiv .filternav p span.links a {
                    font-size: 0px;
                    font-size: 0px !important;
                    margin: 0px 2px;
                    padding: 0px;
                    width: 18px;
                    height: 18px;
                    float: none !important;
                    background-color: #ddfbed;
                    background-size: 10px auto !important;
                    background-position: 50% 50%;
                    border: 0.5px solid #adf4d5;
                    border-radius: 3px;
                }

                    #treeDiv .filternav p span.links a.edit {
                        background: #ddfbed url(images/f_edit.png) no-repeat 50% 50% !important;
                        background-size: 12px auto !important;
                    }

                    #treeDiv .filternav p span.links a.delete {
                        background: #ddfbed url(images/f_delete.png) no-repeat 50% 50% !important;
                        background-size: 10px auto !important;
                    }

                    #treeDiv .filternav p span.links a.addnew {
                        background: #ddfbed url(images/f_add.png) no-repeat 50% 50% !important;
                        background-size: 12px auto !important;
                    }

            #treeDiv .filternav p select, #treeDiv .filternav .ui-dropdownchecklist .ui-dropdownchecklist-selector, #treeDiv .filternav p select.rpttextboxnowidth {
                border: 1px solid #CECECE !important;
                border-radius: 5px !important;
                padding: 5px 20px 5px 5px !important;
                font-size: 12px !important;
                width: 100% !important;
                height: 30px !important;
                background: #FFFFFF url(images/down_arrow.png) no-repeat 98% 50% !important;
                background-size: 10px auto !important;
                -webkit-appearance: none !important;
                -moz-appearance: none !important;
            }

.filternav .selectouter .ui-dropdownchecklist {
    width: 100% !important;
    overflow: hidden;
}

#treeDiv .filternav .ui-dropdownchecklist {
    width: 100% !important;
    overflow: hidden;
    background: none !important;
    max-width: 100% !important;
}

    #treeDiv .filternav .ui-dropdownchecklist .ui-dropdownchecklist-selector.ui-state-active {
        border: 2px solid #000000 !important;
        box-sizing: border-box !important;
    }

    #treeDiv .filternav .ui-dropdownchecklist.ui-dropdownchecklist-selector-wrapper > span {
        padding: 0px !important;
    }

    #treeDiv .filternav .ui-dropdownchecklist .ui-dropdownchecklist-selector {
        max-width: 100% !important;
    }

#treeDiv .filternav span.ui-dropdownchecklist-text {
    font-size: 12px !important;
    padding: 7px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: calc(100% - 10px) !important;
    overflow: hidden;
}

#treeDiv .filternav label.ui-dropdownchecklist-text {
    font-size: 12px !important;
    width: 100%;
    padding: 7px !important;
}

#treeDiv .filternav p.rgbtns {
    margin: 0px !important;
    text-align: right;
}

    #treeDiv .filternav p.rgbtns > input[type="button"] {
        border-radius: 4px !important;
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px;
        font-size: 11px;
        font-weight: 600 !important;
        color: #fff;
        padding: 4px 10px !important;
        text-transform: uppercase;
        background: -webkit-linear-gradient(top, #34d50b, #0baf1c);
        line-height: 100%;
        border: 0px;
        margin: 0px 0px 0px 5px;
        min-height: inherit !important;
        height: 25px !important;
        font-family: Verdana, Geneva, sans-serif !important;
        cursor: pointer;
    }
    #treeDiv .filternav p.rgbtns .clearBtn {
        background: #ddfbed !important;
        border: 0.5px solid #adf4d5 !important;
        color: #066f40 !important;
    }
        #treeDiv .filternav table.selectouter td {
    position: relative;
    height: 30px;
    vertical-align: top;
}

#treeDiv .filternav table.selectouter .rpttextboxnowidth {
    padding: 0px !important;
    border: 0px !important;
    background: none !important;
    max-width: 100% !important;
    position: absolute;
    left: 0px;
    right: 0px;
}

.leftnavgrid {
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #d7d7d7 !important;
    padding: 10px;
    overflow: hidden;
    margin: 5px 0px 0px 0px;
}

    .leftnavgrid * {
        box-sizing: border-box;
    }

    .leftnavgrid #tvVechiles {
        height: calc(100% - 50px);
        overflow: auto;
        width: calc(100% + 3px) !important;
        overflow-x: hidden !important;
    }

    .leftnavgrid p {
        margin: 0px;
        padding: 0px 0px 10px 0px;
    }

        .leftnavgrid p.vehiclesearch {
            position: relative;
        }

            .leftnavgrid p.vehiclesearch span.addvehicles {
                position: absolute;
                right: 5px;
                top: 6px;
                margin: 0px 2px;
                padding: 0px;
                width: 18px;
                height: 18px;
                float: none !important;
                background: #ddfbed url(images/f_add.png) no-repeat 50% 50%;
                background-size: 12px auto;
                border: 0.5px solid #CCDEF3;
                border-radius: 3px;
            }

        .leftnavgrid p input[type="text"] {
            border: 1px solid #CECECE !important;
            border-radius: 5px;
            padding: 5px !important;
            font-size: 12px;
            width: 100%;
            height: 30px;
        }

.filternav .ui-dropdownchecklist.ui-dropdownchecklist-dropcontainer-wrapper.ui-widget#ddcl-chkddl_lstItem-ddw {
    width: 100% !important;
    box-shadow: 0px 0px 10px rgba(0,0,0,.3) !important;
    border: .5px solid #7e7e7e !important;
    right: 2px;
}

.filternav .ui-dropdownchecklist-dropcontainer.ui-widget-content {
    max-height: 250px !important;
    overflow: auto !important;
    width: 100% !important;
    background: #FFFFFF !important;
    padding: 5px;
    border: 0px !important;
}

#divToolsMenu {
    margin: 0px 0px 0px 0px;
    position: relative;
    overflow: visible !important;
    height: 100%;
}

    #divToolsMenu ul {
        overflow: auto;
        height: calc(100% - 20px);
    }

#treeDiv .filternav div.ui-dropdownchecklist-item {
    display: flex;
    align-items: center;
}

    #treeDiv .filternav div.ui-dropdownchecklist-item:hover {
        background: #0095ff !important;
        color: #FFFFFF !important;
    }

        #treeDiv .filternav div.ui-dropdownchecklist-item:hover .ui-dropdownchecklist-text {
            color: #FFFFFF !important;
        }

.sectionThree .refreshmsg {
    display: none;
    padding: 10px 13px 10px 36px;
    background: #ddfbed url(images/refresh.svg) no-repeat 13px 50%;
    background-size: 15px auto;
    border: 0.5px solid #adf4d5;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    font-weight: 700;
    font-size: 11px;
    line-height: 13px;
    color: #066f40;
    position: relative;
    left: calc(50% - 200px);
    z-index: 99999;
    top: -61px;
}

    .sectionThree .refreshmsg input[type="button"] {
        display: inline-block;
        background: -webkit-linear-gradient(top, #34d50b, #0baf1c);
        border-radius: 3px;
        font-weight: 700;
        font-size: 11px;
        line-height: 13px;
        text-transform: uppercase;
        padding: 4px 10px;
        color: #FFFFFF;
        border: 0px;
        margin: 0px 0px 0px 5px;
        cursor: pointer;
    }
.leftNav.clsCommonHeading.showhd + iframe#fraTree {
    height: calc(100% - 58px);
}

.select2-container--default .select2-search--inline .select2-search__field {
    font-size: 12px !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #CECECE !important;
    box-shadow: none !important;
    border-radius: 4px !important;
    padding-bottom: 0px !important;
    display: flex;
    align-items: center;
}

.select2-dropdown {
    border: 0px !important;
    box-shadow: 0px 0px 10px rgba(0,0,0,.15);
}

ul.select2-results__options li.select2-results__option {
    font-family: Verdana !important;
    font-size: 8pt !important;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-results__option--selected {
    background: none !important;
    color: #000000 !important;
}

.select2-container--default .select2-results__option {
    background: none !important;
    color: #000000 !important;
    padding: 0px !important;
}

    .select2-container--default .select2-results__option span {
        background: none !important;
        color: #000000 !important;
        position: relative;
        padding: 5px 0px 0px 23px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: calc(100% - 40px);
        display: block;
    }

        .select2-container--default .select2-results__option span input[type="checkbox"] {
            position: absolute;
            left: 0px;
            top: 3px;
        }

.select2-results .clsVehicleWrapper {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #CCCCCC;
}

    .select2-results .clsVehicleWrapper label {
        font-size: 11px;
    }

    .select2-results .clsVehicleWrapper > span {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .select2-results .clsVehicleWrapper > span input[type="button"] {
            font-size: 0px !important;
            margin: 0px 2px;
            padding: 0px;
            width: 18px;
            height: 18px;
            background-color: #ddfbed;
            background-size: 10px auto !important;
            background-position: 50% 50%;
            border: 0.5px solid #adf4d5;
            border-radius: 3px;
            margin: 0px 0px 0px 4px;
            cursor:pointer;
        }

            .select2-results .clsVehicleWrapper > span input[type="button"].add {
                background: #ddfbed url(images/f_add.png) no-repeat 50% 40% !important;
                background-size: 12px auto !important;
            }

            .select2-results .clsVehicleWrapper > span input[type="button"].delete {
                background: #ddfbed url(images/reload.svg) no-repeat 50% 50% !important;
                background-size: 23px auto !important;
            }

.divmapPopOutButton {
    position: absolute;
    top: 11px;
    right: 20px;
}

.expand-icon {
    top: 15px !important;
    right: 10px !important;
}

.collapse-icon {
    top: 15px !important;
    right: 10px !important;
}

.mapDiv {
    position: absolute;
    left: 10px;
    top: 40px;
    width: 250px;
    padding: 12px !important;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
    background: #ffffff;
    z-index: 999999;
}

    .mapDiv:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #FFFFFF transparent;
        content: "";
        left: 29px;
        top: -10px;
        position: absolute;
    }

    .mapDiv h3 {
        margin: 0px;
        padding: 0px 0px 10px;
        color: #15a163;
        font-size: 12px;
    }

    .mapDiv p {
        margin: 0px;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

        .mapDiv p input[type="text"] {
            width: 100% !important;
            border: 1px solid #CCCCCC;
            border-radius: 5px;
            padding: 5px 30px 5px 5px;
            position: relative;
        }        

.mapbtn {
    position: absolute !important;
    left: 35px !important;
    top: 6px !important;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0,0,0,.25);
    /*padding:10px;*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px !important;
}

    .mapbtn div.pButton {
        width: 26px;
        height: 26px;
        background-size: 20px auto !important;
        background-position: 50% 50% !important;
        position: relative;
    }

        .mapbtn div.pButton#dvMapSearch {
            /*margin-right:20px;*/
        }

            .mapbtn div.pButton#dvMapSearch:after {
                content: "";
                position: absolute;
                right: 0px;
                top: 2px;
                bottom: 2px;
                width: 1px;
                background: #CCCCCC;
            }

.mapDiv span.clsClose {
    position: absolute;
    top: 8px;
    right: 10px;
    width: 20px;
    height: 20px;
    background: url(images/close.png) no-repeat 50% 50%;
    background-size: 12px auto;
}

#dvTrackingGrid #lstMainActions.rpttextboxnowidth {
    padding: 5px;
    border-radius: 5px !important;
    height: auto !important;
    min-height: 25px !important;
}

.flexigrid div.pDiv div.pDiv2 {
    padding: 5px 0px !important;
}

#dvTrackingGrid #lstMainActions.rpttextboxnowidth {
    width: 170px !important;
}

.pGroup.pControl .pButton {
    width: 16px !important;
}

#dvMapSearchControl {
    position: absolute;
    left: 9px !important;
    top: 40px !important;
    width: 250px;
    padding: 12px !important;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.25);
    background: #ffffff;
    z-index: 999999;
    display: none;
}

    #dvMapSearchControl.open {
        display: block;
    }

    #dvMapSearchControl:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #FFFFFF transparent;
        content: "";
        left: 29px;
        top: -10px;
        position: absolute;
    }

    #dvMapSearchControl h3 {
        margin: 0px;
        padding: 0px 0px 10px;
        color: #15a163;
        font-size: 12px;
    }

    #dvMapSearchControl p {
        margin: 0px;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

        #dvMapSearchControl p input[type="text"] {
            width: 100% !important;
            border: none;
            border-bottom: 1px solid #CCCCCC;
            padding: 5px 30px 5px 5px;
            position: relative;
            outline: none;
        }

    #dvMapSearchControl span.clsClose {
        position: absolute;
        top: 8px;
        right: 10px;
        width: 20px;
        height: 20px;
        background: url(images/close.png) no-repeat 50% 50%;
        background-size: 12px auto;
    }

.select2-search.select2-search--inline {
    padding-top: 3px;
    display: block;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 150px;
}

.select2-results {
    border: 1px solid #d7d7d7 !important;
    border-radius: 0px 0px 6px 6px;
    overflow: hidden;
}

.select2-container--default .select2-results__option span > span {
    color: #7E8997 !important;
    padding: 2px 0px 0px 0px;
    text-overflow: ellipsis;
    max-width: 100%;
    font-size: 6.5pt;
}
.buttonbgNew {
    padding: 4px 10px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px;
    font-size: 11px;
    font-weight: 600 !important;
    background: -webkit-linear-gradient(top, #34d50b, #0baf1c);
    border: 0px;
    margin: 0px 0px 0px 5px;
    border-radius: 4px !important;
    cursor: pointer;
    line-height: 100%;
    height: 25px !important;
    min-height: inherit !important;
    text-transform: uppercase;
    color: #fff;
    font-family: Verdana, Geneva, sans-serif !important;
}
/* tooltip styles starts here*/

.clsVehicleStatus {
    position: relative;
}
.clsVehicleStatus .clsVehicleStatusTooltip {
    position: absolute;
    left: 25px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    min-width: 120px;
    background-color: #fff;
    padding: 5px;
    text-align: left;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 5px;
    z-index: 999;
}
.clsVehicleStatus .clsVehicleStatusTooltip p {
    margin: 0;
    position: relative;
    padding-left: 12px;
    font-style: normal;
    font-size: 10px;
}
.clsVehicleStatus .clsVehicleStatusTooltip p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #E76F00;
}
.clsVehicleStatus:hover > .clsVehicleStatusTooltip {
    opacity: 1;
    visibility: visible;
}
.flexigrid div.bDiv td.clsConnectionStatus {
    overflow: initial;
}
.clsVehicleStatus .Connected p::before, .clsVehicleStatus .Online p::before {
    background-color: #009F36;
}
.clsVehicleStatus .Connected, .clsVehicleStatus .Online {
    min-width: 60px;
}
.clsVehicleStatus .Disconnected p::before, .clsVehicleStatus .Offline p::before {
    background-color: #476588;
}
.clsVehicleStatus .Disconnected, .clsVehicleStatus .Offline {
    min-width: 210px;
}
.clsVehicleStatus .Overdue p {
    padding-left: 5px;
    font-weight: bold;
}

    .clsVehicleStatus .Overdue p::before {
        display: none
    }

.clsVehicleStatus .Overdue ul li::before {
    background-color: #E76F00;
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}

.clsVehicleStatus .Overdue ul li {
    position: relative;
    list-style-type: none;
    padding: 0px 10px;
    font-style: normal;
}

.clsVehicleStatus .Overdue ul {
    padding-left: 10px;
    margin: 5px 0px 5px 0px;
}

.clsVehicleStatus .Overdue {
    min-width: 150px;
}
.clsVehicleStatus .clsPreviewTooltip {
    min-width: 136px;
}

/* tooltip styles ends here*/

.sk_dashboardnew .head {
    color: #15a163;
}
.sk_dashboardnew .no-records {
    color: #15a163;
}

.theme {
    color: #15a163 !important;
}

gmp-advanced-marker:focus-visible,
gmp-advanced-marker div:focus-visible,
gmp-advanced-marker img:focus-visible {
    outline: none;
}