/**
* @file page-layout.css
* @Naveen Porwal
* @Teramatrix Technologies
* @©2015 EICHER
**/

/*template internal content style*/
/*---gray shade button style----*/
@font-face {
    font-family: 'Hermes_FB';
    src: url('fonts/Hermes_FB-Regular.ttf') format('truetype'), url('fonts/Hermes_FB-Black.ttf') format('truetype'), url('fonts/Hermes_FB-Black_Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Bold.ttf') format('truetype'), url('fonts/Hermes_FB-Bold_Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Thin.ttf') format('truetype'), url('fonts/Hermes_FB-Thin_Italic.ttf') format('truetype');
}

.defaultLightButton {
    background-position: 0 0px;
    background-repeat: repeat-x;
    border-radius: 5px 5px 5px 5px;
    font-size: 11px !important;
    font-size-adjust: inherit;
    font-stretch: inherit;
    font-style: normal !important;
    font-variant: inherit;
    font-weight: 700 !important;
    line-height: 1;
    position: relative;
    vertical-align: middle;
    padding: 5px 6px;
    box-shadow: inset 1px 1px white;
    -moz-box-shadow: inset 1px 1px white;
    -webkit-box-shadow: inset 1px 1px white;
    background-image: -moz-linear-gradient(90deg, #dde4ea 90%, white);
    border-color: #afbcc8;
    border: 1px solid #afbcc8;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(100%, #dde4ea));
    behavior: url(../../Content/PIE.htc);
    cursor: pointer;
    margin: 0;
}
    /*button effects*/
    .defaultLightButton:hover {
        border: 1px solid #82a2bf;
    }

        .defaultLightButton:hover .editIcon {
            background-position: -95px -1448px;
        }
        /*edit icon on hover*/
        .defaultLightButton:hover .addIcon {
            background-position: -96px -1498px;
        }
        /*add icon on hover*/
        .defaultLightButton:hover .refreshIcon {
            background-position: -496px -1998px;
        }
        /*refresh icon on hover*/
        .defaultLightButton:hover .markCompleteIcon {
            background-position: -600px -848px;
        }

        .defaultLightButton:hover .markBadCallIcon {
            background-position: -600px -1298px;
        }
/*common class*/
.rightButton {
    float: right;
}
/*right align*/
.margineRight {
    margin-right: 6px;
}
/*margibe from right*/
.darktxt {
    color: #222;
    /*font-family: Arial;*/
    font-family: Hermes_FB;
}
/*--- toolbar buttons ---*/
.toolBtn {
    margin: 1px 0;
    font-size: 11px;
    font-size: 12px;
}

    .toolBtn label {
        padding: 0px 9px 2px 4px;
        cursor: pointer;
        padding: 0 15px 3px 15px;
        border-bottom: 1px solid #dedede;
        border-bottom: 0;
        border-bottom: 1px solid #fff;
    }

        .toolBtn label.hugeIcon {
            margin-right: 3px;
        }
/*toolbar buttons list*/
.toolbar ul.toolUl {
    margin: 0;
    padding: 0;
}


table.themeTable td.tableCellinfo.darktxt.fleet_combo select#ddTimeDuration {
    width: 142px;
}


.toolbar ul.toolUl li {
    float: left;
    list-style: none;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
    behavior: url(../../Content/PIE.htc);
    height: 27px;
    line-height: 22px;
    margin: 2px;
    border: 1px solid #dedede;
    border-bottom: 0;
    text-align: center;
    border-radius: 4px 4px 0 0;
    border-bottom: 0;
}
    /*toolbar button hover and active style*/
    .toolbar ul.toolUl li:hover, .toolBtnActive {
        border-color: #ced7e0;
        background-color: #dde4ea;
        background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(100%, #dde4ea));
        background-image: -moz-linear-gradient(90deg, #dde4ea 0%, white);
        color: #114d97;
        text-shadow: 0px 1px white;
        background: #fff;
        border-bottom: 1px solid white;
        color: #333;
        border-color: #dedede;
        height: 27px;
        border-bottom: 0;
    }

.rightButton .toolBtn {
    border-left: 1px solid #afbcc8;
    border-right: none;
}
/*right side button in toolbar*/
.toolBtn:hover .personIcon, .toolBtnActive .personIcon {
    background-position: -298px -2683px;
}
/*person icon on hover*/
.toolBtn:hover .calenderIcon {
    background-position: -298px -2713px;
}
/*calender icon on hover*/
.toolBtn:hover .arrowdIcon {
    background-position: -192px -44px;
}

.toolBtn .arrowdIcon {
    background-position: 8px -44px;
}
/*arrow icon on hover*/
.toolBtn:hover .sortIcon {
    background-position: -197px -2647px;
}

.toolBtn .sortIcon {
    background-position: 3px -2647px;
}
/*sort icon on hover*/
.toolBtn:hover .regionIcon {
    background-position: -198px -1922px;
}

.toolBtn .regionIcon {
    background-position: -98px -1922px;
}
/*sort icon on hover*/
/* toolbar popup style */
.toolBtn.toolOpener {
    position: relative;
}
/*toolbar popup style*/
.toolOpener .toolPopupBox {
    border: 3px solid #e7e7e7;
    border-left: none;
    border-top: none;
    position: absolute;
    top: 23px;
    left: 0;
    display: block;
    height: 160px;
    min-width: 180px;
    background: #fff;
    z-index: 10;
    display: none;
    cursor: default;
}
/*table wrapper in toolbar popup */
.toolOpener .tableConatiner {
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding: 0;
    overflow-y: auto;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    position: absolute;
}

    .toolOpener .tableConatiner table td {
        padding: 6px 10px;
    }
/* --- list box reagion or add table in list box(default table style)--- */
.listBox {
    display: block;
}
    /*table in box and default table style*/
    .listBox.fillBg {
        background: #eee;
    }

    .listBox table, .defaultTable {
        width: 100%;
        border-collapse: collapse;
    }

        .listBox table thead tr th, .defaultTable thead tr th {
            background-color: rgba(0, 0, 0, 0.05);
            border-bottom: 1px solid #dedede;
            border-top: 1px solid #dedede;
            margin: 0;
            padding: 2px 6px 2px 6px;
            height: 24px;
            color: #444;
            text-align: left;
        }

        .listBox table tbody tr td label, .defaultTable tbody tr td label {
            /*padding: 6px;*/
            border-bottom: 1px solid transparent;
        }

        .listBox table tbody tr, .defaultTable tbody tr {
            border-bottom: 1px solid #dedede;
        }
            /*checkbox in table*/
            .listBox table tbody tr td input[type='checkbox'], .defaultTable tbody tr td input[type='checkbox'] {
                margin-right: 10px;
            }

            .listBox table tbody tr td span, .defaultTable tbody tr td span {
                vertical-align: top;
                display: block;
                padding: 6px;
                color: #277CD1;
            }
            /*border-bottom:1px solid #afbcc8;*/
            /*assigned person name's 1st 2 later icon in row*/
            .listBox table tbody tr td .assignedName, .defaultTable tbody tr td .assignedName {
                border-right: 1px solid #96BCEA;
                color: #114d97;
                padding: 0;
                font-size: 11px;
                vertical-align: baseline;
                display: block;
                min-width: 15px;
                text-align: center;
                margin: 0;
            }
            /*person icon row*/
            .listBox table tbody tr td .hugeIcon, .defaultTable tbody tr td .hugeIcon {
                vertical-align: baseline;
                margin: 0px;
                padding: 0 !important;
                display: block;
                min-width: 15px;
                overflow: hidden;
                height: 16px;
            }

                .listBox table tbody tr td .hugeIcon.personIcon, .defaultTable tbody tr td .hugeIcon.personIcon {
                    background-position: -192px -2683px;
                }
            /*active and hover*/
            .defaultTable tbody tr:hover, .activeListTr {
                border-bottom: 1px solid #dedede;
                color: #114d97;
                /*color: rgb(112, 113, 115);*/
                background-color: #ced7e0;
                /*background-color: #dedede !important;*/
                background-color: #EFEFEF !important;
                cursor: pointer;
            }

            .listBox table tbody tr:hover {
                border-bottom: 1px solid #dedede;
                color: #114d97;
                cursor: pointer;
            }
            /* label in table*/
            .listBox table tbody tr td a, .defaultTable tbody tr td a {
                display: block;
                padding: 6px;
                border-bottom: 1px solid #afbcc8;
                color: #277CD1;
            }
/* ---end of list box reagion ---*/
/* --- conversation panel(right panel) ---*/
.listDetails {
    height: 100%;
    height: auto;
    display: block;
}
/*conversation sections in panel*/
.ldSection {
    display: block;
    min-height: 50px;
    margin-top: 2px;
}

    .ldSection h2 {
        background-color: #F7F7F7;
        border-bottom: 1px solid #dedede;
        border-left: 1px solid #DEDEDE;
        border-right: 1px solid #DEDEDE;
        margin: 0;
        padding: 2px 6px 3px 1px;
        height: 24px;
        background: url("/Content/css/images/infowindow_head-bg.png") repeat-x left top !important;
        color: #fff;
    }

    .ldSection p {
        padding-left: 30px;
    }

    .ldSection .ldLabel {
        display: block;
        padding: 3px;
    }

    .ldSection .postedComments {
        margin-left: 25px;
    }

        .ldSection .postedComments .marginIcon {
            margin-left: -25px;
        }

    .ldSection .comments {
        border-top: 2px solid #eee;
        padding-top: 5px;
    }

        .ldSection .comments .commentBox {
            width: 100%;
            display: block;
            padding: 0;
        }

        .ldSection .comments .commentBtn {
            vertical-align: bottom;
            padding: 0 0 10px 28px;
        }

    .ldSection .ldLabel input {
        margin-right: 10px;
    }

    .ldSection .ldLabel textarea {
        margin-right: 10px;
        width: auto;
        display: inherit;
    }

    .ldSection .ldLabel span {
        vertical-align: top;
    }
/* ---end of conversation panel(right panel) ---*/
/* huge icon set*/
.hugeIcon {
    background: url(images/huge-sprite.png) -6px -12px no-repeat;
    padding: 1px 10px;
}
/*icon set*/
.commentIcon {
    background-position: -648px -1245px;
}
/*comment icon*/
.projectIcon {
    background-position: -599px -2648px;
}
/*project icon*/
.onlineFacilityIcon {
    background-position: 0px -2345px;
}
/*online icon*/
.offlineFacilityIcon {
    background-position: -110px -2345px;
}
/*offline icon*/
.editIcon {
    background-position: 5px -1448px;
}

.updateIcon {
    background-image: url(images/icons/update.png);
    background-position: 0px 0px;
}

.addIcon {
    background-image: url(images/icons/Add.png);
    background-position: 5px 0px;
}

/*edit icon*/

.deleteIcon {
    background-position: 5px -1299px;
}

.addIcon {
    background-position: 4px -1498px;
}
/*add icon*/
.refreshIcon {
    background-position: -396px -1998px;
    opacity: .8;
}
/*refresh icon*/
.personIcon {
    background-position: -198px -2683px;
}
/*person icon*/
.calenderIcon {
    background-position: -198px -2713px;
}
/*calender icon*/
.arrowdIcon {
    background-position: -292px -44px;
}
/*down arrow icon*/
.searchIcon {
    background-position: -497px -1749px;
}
/*search icon*/
.markCompleteIcon {
    background-position: -600px -848px;
}

.markBadCallIcon {
    background-position: -600px -1298px;
}

.inboxIcon {
    background-position: -200px -696px;
}

.historyIcon {
    background-position: 4px -2762px;
}

.revokeIcon {
    background-position: 4px -2762px;
}
/*-----search box style in popup box----*/
.withSearch {
    top: 28px !important;
}
/*table container position from top with search box*/
.seachBox {
    border-bottom: 1px solid #dedede;
    padding: 2px 2px 1px 2px;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
}
    /*input box in seach box*/
    .seachBox input {
        padding: 0;
        width: 97%;
        height: 20px;
        margin: 0;
        border-radius: 2px;
        border: 2px inset #fff;
        border-bottom: 1px solid #bbb;
        border-right: 1px solid #bbb;
    }
    /*search icon*/
    .seachBox span {
        position: absolute;
        right: 4px;
        height: 20px;
        padding: 0;
        width: 21px;
        top: 4px;
        border-left: 1px solid #ccc;
    }

        .seachBox span.searchIcon {
            background-position: -497px -1747px;
        }

    .seachBox input:hover, .seachBox input:focus {
        border-color: #eee;
        border-bottom-color: #aaa;
        border-right-color: #aaa;
    }

        .seachBox input:hover span, .seachBox input:focus span, .seachBox input span:hover {
            border-left-color: #bbb;
        }


#Consolidated .k-grid-content {
    height: 227px !important;
}

    #Consolidated table th:nth-child(20), #Consolidated .k-grid-content table tr td:nth-child(20) {
        width: 500px !important;
    }



/*---ui datepicker in toolbar button---*/
.ui-datepicker {
    display: block;
    position: absolute;
    z-index: 99;
}

#dueDate label span input {
    background: transparent;
    border: none;
    min-width: 50px;
    width: 66px;
    font-size: 11px;
    color: #444;
    cursor: pointer;
}

#dueDate:hover label span input {
    color: #114d97;
}
/*---------end of page content style----------------*/

.infoWindow {
    height: 100%;
    width: 100%;
}

.workDetailsImgDiv {
    height: 130px;
    width: 120px;
    padding: 3px;
}

.workDetailsImg {
    height: 120px;
    width: 120px;
}

.signatureImg {
    height: 40px;
    width: 110px;
}

.imgCaptureTime {
    width: 120px;
    padding: 0px 0 0 0;
    text-align: left;
    font-weight: bold;
}

imgPosition {
}

.mapContainer {
    height: 500px;
    width: 100%;
}

.infoImage {
    width: 70px;
    height: 100px;
    float: left;
}


.infoTable {
    width: 250px;
    float: right;
    margin-left: 5px;
}

.infoTableLive {
    width: 320px;
    text-align: left;
    margin-left: 5px;
}

.tableLabel {
    width: 70px;
    margin-left: 5px;
}

.tableData {
    width: 80px;
    margin-left: 5px;
}

.themeTable tbody td {
    text-align: center;
}

    .themeTable tbody td:nth-child(1) {
        text-align: center;
        width: 21%;
        word-wrap: break-word;
        line-height: 18px;
    }

    .themeTable tbody td:nth-child(2) {
        width: 21%;
        text-align: left;
        word-break: break-all;
    }

    .themeTable tbody td:nth-child(3) {
        width: 21%;
        margin: 0 auto;
    }

    .themeTable tbody td:nth-child(4) {
        width: 45%;
    }

.btnDiv {
    float: right;
    width: 252px;
    margin: 0.5% 1% 0px 0px;
}

.excelIcon {
    background-position: 5px 3px;
    float: right;
    cursor: pointer;
    display: none;
    background-image: url("/Content/css/images/icons/Excel-icon.png");
    background-repeat: no-repeat;
    position: inherit;
    z-index: 1;
    right: 0;
    height: 29px;
    width: 35px;
}

.infoWindowByJS {
    white-space: nowrap;
}

.handMouse {
    cursor: pointer;
}

input {
    vertical-align: middle;
}

.partialActiveBtn {
    display: none;
}

.subInnerWindow {
    width: 100%;
    height: 100%;
}

.taskInfo {
    width: 55%;
    height: 100%;
    float: left;
    overflow: auto;
    background-color: white;
}

.taskCompletionInfo {
    width: 55%;
    height: 15%;
    overflow: auto;
    margin-bottom: 0;
    float: left;
    background-color: white;
}

.routeMapInfo {
    width: 44.80%;
    height: 100%;
    float: right;
    right: 0;
    margin-top: 0;
    background-color: white;
    border-left: 1px solid black;
}

/*-- by navi 111014 --*/
.Report_Btn {
    background-color: #e3e3e3;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#e3e3e3));
    background: -webkit-linear-gradient(top, #fcfcfc, #e3e3e3);
    background: -moz-linear-gradient(top, #fcfcfc, #e3e3e3);
    background: -ms-linear-gradient(top, #fcfcfc, #e3e3e3);
    border: 1px solid #ccc;
    cursor: pointer;
    color: #505050;
    overflow: hidden;
    height: 25px;
    border-radius: 2px;
    margin-top: -6px;
    font-family: Hermes_FB;
    font-size: 12px;
    line-height: 15px;
    padding-left: 8px;
    padding-left: 2px;
    padding-right: 8px;
}

    .Report_Btn:hover {
        box-shadow: 0px 0px 0px 1px #fff inset;
        background: -webkit-linear-gradient(top, #e3e3e3, #fcfcfc);
        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#fcfcfc));
        text-shadow: 1px 1px 0 #d7d7d7;
    }

.display_none {
    display: none;
}

#Tracker_from tr td, Tracker_from tr th {
    color: #888;
    border-right: 0;
    border-left: 0;
    padding: 6px 5px;
    font-size: 13px;
}

#Tracker_from {
    border-top: 1px solid #dedede;
}

.tableCelltitle {
    text-indent: 5px;
    color: #222;
    font-weight: normal !important;
    font-size: 13px;
}

#Tracker_from input, #Tracker_from select, textarea, #Date_Selection input[type="text"] {
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    /*text-indent: 5px;*/
    padding: 3px 3px 3px 0;
    padding-left: 5px;
    color: #666;
}

    #Tracker_from input:focus {
        box-shadow: 0px 0px 6px #ced7e0 inset;
    }

.structure tr:nth-child(even) {
    background: #f7f7f7;
}

.paddding_Zero {
    padding: 0 !important;
}

#Date_Selection input[type="text"] {
    height: 13px;
    font-size: 12px;
}

.divBottom .k-pager-wrap > .k-link, .k-pager-wrap > .k-link {
    background: #d2e2f0;
    background: #f5f5f5;
}

.divBottom .k-pager-wrap .k-link:hover, .k-pager-wrap .k-link:hover {
    background: #e0e0e0 !important;
    color: #333 !important;
}

@media screen and (max-width:1600px) {
    .CityComboBox .k-combobox {
        width: 68% !important;
    }
}
/*--MediaQuery Projector--*/
@media screen and (max-width:1024px), screen and (max-height:768px) {
    .k-dropdown {
        width: 10.4em;
    }

    .LicenceKey {
        width: 77px;
    }

    #Date_Selection input[type="text"] {
        width: 132px;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 222px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 314px !important;
    }

    #divOwnerList .k-pager-info {
        font-size: 10px !important;
    }
}

/*--MediaQuery Laptop--*/
@media screen and (max-width:1366px) {

    .legendsx ul li {
        width: 100% !important;
    }

    /*.Cust_Window {
        left: 13% !important;
        top: 11% !important;
    }*/

    .NewTbl td:first-child {
        width: 135px;
        padding-left: 0;
        padding-right: 0px;
    }

    .TicketListTbl td #driver_name {
        /*width: 69% !important;*/
    }

    .CityComboBox .k-combobox {
        width: 64% !important;
    }

    .TicketActivityFrom {
        margin: 10px 0 10px 5px !important;
        padding: 10px 0 !important;
    }

    .CommonTicket {
        margin: 10px 7px 0 !important;
    }

    #divMapContainer {
        /*top: 7% !important;*/
    }

    #tableTicketHistory, #tableCloseTicketHistory {
        width: 115% !important;
    }

    .themeTable span.k-combobox, .themeTable span.k-dropdown, .themeTable span.k-datepicker, .themeTable #cityCombobox, #srchText {
        width: 170px !important;
    }

    .Mange_Fleet_Details .k-button-icontext, .Mange_Fleet_Details .k-button-icontext:hover, .Mange_Fleet_Details .k-button-icontext:focus {
        width: 100px !important;
        font-size: 12px !important;
    }

    .responsive_popup {
        /*left: 20% !important;
        top: 8% !important;
        top: 44px !important;*/
    }






    .Fullength {
        width: 50% !important;
    }

    .res_datepicker span.k-datepicker {
        width: 21% !important;
    }

    .Ticket_RegisterPanel input[type='text'] {
        margin: 0 !important;
    }

    #searchForm table tr td:first-child {
        width: 39% !important;
    }

    .DInv_Tbl_Wrapper .k-widget {
        width: 99.8%;
    }

    .lftpanelSmall span.k-datepicker {
        width: 128px !important;
    }

    /*.Leftindent {
        padding-left: 4% !important;
    }*/

    .heighttable {
        max-height: 397px;
        overflow: auto;
    }

    .tablist {
        width: 76.5% !important;
    }
}

/*--MediaQuery Projector--*/
@media screen and (max-width:1024px) {
    /*.Cust_Window {
        left: 1% !important;
        top: 8% !important;
    }*/

    #divNoDataFound_DRCRate {
        left: 22%;
    }

    .CityComboBox .k-combobox {
        width: 61% !important;
    }

    .menubar input#txtStartTime, .menubar input#txtEndTime {
        /*width: 55px !important;*/
        width: 43px !important;
    }

    #Date_Selection .k-datepicker {
        width: 100px !important;
        width: 21% !important;
    }

    .NewTbl td:first-child {
        width: 121px;
        padding-left: 0;
        padding-right: 5px;
    }

    #formAddNewTicket .widthIsInput select {
        width: 57% !important;
    }

    #formAddNewTicket .widhtIs {
        width: 105px !important;
    }

    .TicketListTbl td:first-child {
        width: 70px !important;
        padding-right: 10px;
    }

    .TicketListTbl td #driver_name {
        width: 64% !important;
    }

    .CommonTicket {
        width: 81% !important;
        margin-left: 4px !important;
    }

    .cbp-hrmenu .cbp-hrsub-inner > div {
        width: 17% !important;
    }

    .custom_postool_btn {
        width: auto !important;
        padding-left: 5px !important;
        text-indent: 0;
        padding-left: 7px !important;
        padding-right: 7px !important;
    }

    .themeTable span.k-combobox, .themeTable span.k-dropdown, .themeTable span.k-datepicker, .themeTable #cityCombobox, #srchText {
        width: 127px !important;
    }

    .datalist_wrp span.k-combobox {
        width: 115px !important;
    }

    .TicketActivityFrom {
        margin-left: 5px !important;
    }

    .Window_prjctrscrn {
        /*width:200px !important;*/
    }

    .feedback_content {
        padding: 20px 10px !important;
    }

        .feedback_content td {
            padding: 0px 7px !important;
        }

        .feedback_content .k-multiselect, .feedback_content input, .feedback_content select {
            width: 120px !important;
        }

        .feedback_content label {
            font-size: 12px !important;
        }

    #div24HrsReason .labelwidth {
        width: 66px !important;
    }

    #tableTicketHistory, #tableCloseTicketHistory {
        width: 156% !important;
        /*width: 115% !important;*/
    }

    #blindSpot_toolbox table td:first-child .button_blue {
        width: auto;
    }

    .responsive_popup {
        /*left: 8% !important;*/
    }

    .Fullength {
        width: 71% !important;
    }

    .res_datepicker span.k-datepicker {
        /*width:22% !important;*/
    }

    .cbp-hrmenu > ul > li > a {
        font-size: 96%;
    }

    #totalTicket {
        position: absolute;
        right: -4px;
        /*font-size: 90%;*/
        font-size: 70%;
        top: 4px;
    }

    #tabGroup li {
        /*padding: 4px 11px 4px 4px;
        width: 85px;*/
        padding: 4px 11px 4px 2px;
        width: 90px;
    }

    #tabMyVansTickets {
        /*width: 67px !important;*/
        width: 75px !important;
    }
    /*.Leftindent {
        padding-left: 0% !important;
    }
    .resetauto {
        width:auto;
    }*/
    .sizeP40 {
        width: 40% !important;
    }

    .sizeP60 {
        width: 60% !important;
    }

        .sizeP60 .datalist_wrp span.k-combobox {
            width: 100px !important;
        }

    .Pull30 {
        width: 30% !important;
    }

    .Pull70 {
        width: 70% !important;
    }

    .Ticket_RegisterPanel input[type='text'] {
        margin: 0 5px !important;
        width: 73% !important;
    }

    div.tooltip span {
        margin-left: 8px !important;
        /*margin-top: 2px !important;*/
    }






    .Ticket_RegisterPanel {
        padding: 0;
        padding-left: 5px !important;
    }

        .Ticket_RegisterPanel input {
            font-size: 12px;
        }

    #searchForm table tr td:first-child {
        text-align: center;
    }


    .tablist {
        width: 70.5% !important;
    }


    div#blindSpot_toolbox td.tableCellinfo.AlignCenter.bdrightnone div.tooltip span {
        margin-left: -91px !important;
    }

    div#blindSpot_toolbox td.AlignCenter.bdright div.tooltip span {
        margin-left: -100px !important;
    }


    #Consolidated .k-grid-content {
        height: 190px !important;
    }
}

@media screen and (width:1264px) {

    .menubar input#txtEndTime {
        width: 52px !important;
    }

    div.tooltip span {
        margin-left: 37px !important;
        /*margin-top: 2px !important;*/
    }

    .Ticket_RegisterPanel input[type='text'] {
        /*margin: 0 5px !important;*/
        width: 84% !important;
    }

    #searchForm table tr td {
        /*text-align: center !important;*/
        font-size: 11px;
    }

    div.ManageEscalation_Window {
        /*left: 138px !important;
        top: 10% !important;*/
    }

    div.TicketReportDetails_Window {
        /*left: 63px !important;*/
    }

    div.FleetDetails_Window {
        /*left: 63px !important;
        top: 4% !important;*/
    }
}

@media screen and (width:1024px) {

    .legendsx ul li {
        width: 100% !important;
    }


    div.ManageEscalation_Window {
        /*left: 14px !important;
        top: 16% !important;*/
    }

    div.TicketReportDetails_Window {
        /*left: 50px !important;*/
    }

    div.FleetDetails_Window {
        /*left: 50px !important;*/
    }

    div#blindSpot_toolbox td.tableCellinfo.AlignCenter.bdrightnone div.tooltip span {
        margin-left: -91px !important;
    }

    div#blindSpot_toolbox td.AlignCenter.bdright div.tooltip span {
        margin-left: -100px !important;
    }
}

@media screen and (width:1366px) {

    table.themeTable td.tableCellinfo.darktxt.fleet_combo select#ddTimeDuration {
        width: 119px !important;
    }

    table.themeTable .onoffswitch, table.themeTable .onoffswitch {
        float: none !important;
    }

    table.themeTable div#slaMetCount, table.themeTable div#slaNotMetCount {
        margin-top: 0px !important;
    }



    table.themeTable .onoffswitch {
        margin-left: 0px !important;
    }

    .menubar input#txtEndTime {
        width: 77px !important;
    }

    /* div.tooltip span {
        margin-left: 0px !important;
        /*margin-top: 2px !important;*/
    /*}*/


    .toolTipMozila {
        margin-left: -137px !important;
        margin-top: 28px !important;
    }
    /**/


    div.ManageEscalation_Window {
        /*left: 190px !important;
        top: 16% !important;*/
    }

    div.TicketReportDetails_Window {
        /*left: 50px !important;*/
    }

    div.FleetDetails_Window {
        /*left: 65px !important;*/
    }

    div#blindSpot_toolbox td.tableCellinfo.AlignCenter.bdrightnone div.tooltip span {
        margin-left: -91px !important;
    }

    div#blindSpot_toolbox td.AlignCenter.bdright div.tooltip span {
        margin-left: -100px !important;
    }
}



@media screen and (width:1264px) {

    div.tooltip span {
        margin-left: 0px !important;
        /*margin-top: 2px !important;*/
    }
}


@media screen and (width:1350px) {

    .menubar input#txtEndTime {
        width: 76px !important;
    }

    div.tooltip span {
        margin-left: 0px !important;
        /*margin-top: 2px !important;*/
    }

    div.ManageEscalation_Window {
        /*left: 190px !important;
        top: 90px !important;*/
    }

    div.TicketReportDetails_Window {
        /*left: 71px !important;
        top: 0% !important;*/
    }

    div.FleetDetails_Window {
        /*left: 71px !important;
        top: 12px !important;*/
    }
}


@media screen and (max-height:900px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 627px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 605px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 658px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 355px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 446px !important;
    }

    #divOwnerList .k-grid-content {
        height: 549px;
    }
}

@media screen and (max-height:839px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 562px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 544px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 597px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 384px !important;
    }

    #divOwnerList .k-grid-content {
        height: 489px;
    }
}

@media screen and (max-height:829px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 557px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 373px !important;
    }
}

@media screen and (max-height:815px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 538px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 520px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 573px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 361px !important;
    }

    #divOwnerList .k-grid-content {
        height: 464px;
    }
}

@media screen and (max-height:807px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 535px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 350px !important;
    }
}

@media screen and (max-height:803px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 531px !important;
    }

    #divGrid .k-grid-content {
        height: 443px !important;
    }

    #Consolidated .k-grid-content {
        height: 249px !important;
    }
}

@media screen and (height:799px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 523px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 504px !important;
    }


    #Consolidated .k-grid-content {
        height: 235px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 557px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 241px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 344px !important;
    }

    #divOwnerList .k-grid-content {
        height: 448px;
    }
}

/*==M:with no bar==*/
@media screen and (max-height:789px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 516px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 547px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 494px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 245px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 333px !important;
    }

    #divOwnerList .k-grid-content {
        height: 440px;
    }
}

@media screen and (max-height:781px), screen and (max-height:780px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 507px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 485px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 325px !important;
    }
}

@media screen and (max-height:775px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 499px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 480px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 533px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 218px !important;
    }

    div#ChildDealerList .k-grid-content {
        height: 169px !important;
    }


    .Manage_Owner .k-grid-content {
        height: 320px !important;
    }

    #divOwnerList .k-grid-content {
        height: 424px;
    }
}

@media screen and (max-height:768px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 491px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 526px !important;
    }
}

/*==M:with menu bar==*/
@media screen and (max-height:767px) {




    .DInv_Tbl_Wrapper .k-grid-content {
        height: 495px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 525px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 472px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 223px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 310px !important;
    }

    #divOwnerList .k-grid-content {
        height: 400px;
    }
}

/*==M:with bookmark bar==*/
@media screen and (max-height:763px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 490px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 520px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 468px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 219px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 307px !important;
    }
}

@media screen and (max-height:756px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 542px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 461px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 211px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 292px !important;
    }
}

@media screen and (max-height:744px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 467px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 502px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 199px !important;
    }
}

/*==M:with menu and bookmark bar==*/
@media screen and (max-height:741px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 469px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 499px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 445px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 286px !important;
    }

    #divOwnerList .k-grid-content {
        height: 391px;
    }
}

@media screen and (max-height:737px) {
    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 193px !important;
    }
}

@media screen and (max-height:732px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 456px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 437px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 187px !important;
    }
}

/*==M:with menu and bookmark and webtool bar==*/
@media screen and (max-height:715px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 442px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 473px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 420px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 172px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 259px !important;
    }

    #divOwnerList .k-grid-content {
        height: 366px;
    }

    #divGrid .k-grid-content {
        height: 430px !important;
    }
}

/*==C:with no bar==*/
@media screen and (max-height:679px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 405px !important;
        height: 434px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 384px !important;
        height: 411px !important;
    }




    .OpenTicket_Tbl .k-grid-content {
        height: 436px !important;
        height: 464px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 134px !important;
        height: 162px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 225px !important;
    }

    #divOwnerList .k-grid-content {
        height: 330px;
    }

    #divGrid .k-grid-content {
        height: 385px !important;
    }
}

/*==C:with no bar Projector==*/
@media screen and (max-height:667px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 394px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 371px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 424px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 122px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 211px !important;
    }

    #divOwnerList .k-grid-content {
        height: 316px;
    }
}

/*@media screen and (max-height:662px) {

     #divGrid .k-grid-content {
        height: 430px !important;
    }
}*/

@media screen and (max-height:655px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 378px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 348px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 400px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 109px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 201px !important;
    }

    #divOwnerList .k-grid-content {
        height: 305px;
    }

    /*.Manage_Owner .k-detail-cell .k-grid-content {
        height: 109px !important;
    }*/
}

/*==C:with bookmark bar==*/
@media screen and (max-height:657px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 381px !important;
        height: 410px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 361px !important;
        height: 365ipx !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 414px !important;
        height: 440px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 114px !important;
        height: 138px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 160px !important;
    }

    #divOwnerList .k-grid-content {
        height: 306px;
    }
}

/*==C:with bookmark bar Projector==*/
@media screen and (max-height:643px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 369px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 425px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 348px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 99px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 188px !important;
    }

    #divOwnerList .k-grid-content {
        height: 293px;
    }
}

@media screen and (max-height:635px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 362px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 340px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 392px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 91px !important;
    }

    #divOwnerList .k-grid-content {
        height: 225px;
    }
}

@media screen and (max-height:635px) {
    .Manage_Owner .k-grid-content {
        height: 178px !important;
    }
}

/*==M:with bookmark bar Projector==*/
@media screen and (max-height:631px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 358px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 389px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 335px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 88px !important;
    }
}

@media screen and (max-height:611px) {
    .OpenTicket_Tbl .k-grid-content {
        height: 368px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 315px !important;
    }

    .DInv_Tbl_Wrapper .k-grid-content {
        height: 338px !important;
    }
}

@media screen and (max-height:609px), screen and (max-height:608px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 334px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 314px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 366px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 66px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 156px !important;
    }

    #divOwnerList .k-grid-content {
        height: 258px;
    }
}

@media screen and (max-height:608px) {
    .InfraClearfix {
        height: 380px !important;
        min-height: 357px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .stateofnation {
        height: 386px !important;
    }
}

@media screen and (max-height:605px) {
    .InfraClearfix {
        height: 334px !important;
        min-height: 334px !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
    }

    .stateofnation {
        height: 334px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 62px !important;
    }
}

@media screen and (max-height:583px) {
    #divOwnerList .k-grid-content {
        height: 240px;
    }
}

@media screen and (max-height:583px) {
    .DInv_Tbl_Wrapper .k-grid-content {
        height: 310px !important;
    }

    .CloseTicketWrapper .k-grid-content {
        height: 287px !important;
    }

    .OpenTicket_Tbl .k-grid-content {
        height: 341px !important;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content {
        height: 40px !important;
    }

    .Manage_Owner .k-grid-content {
        height: 128px !important;
    }

    #divOwnerList .k-grid-content {
        height: 233px;
    }
}

@media screen and (max-height:582px) {
    .InfraClearfix {
        height: 380px !important;
        min-height: 357px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .stateofnation {
        height: 390px !important;
    }
}

/*-- by navi 111014 --*/

.OpenTicketTbl th {
    background: #ee2e22 !important;
    border: 1px solid #dedede;
}

    .OpenTicketTbl th span {
        color: #fff;
        font-weight: normal;
        font-size: 13px;
    }

h4 {
    color: rgb(112, 113, 115);
    color: #222;
    margin-bottom: 7px;
}

#tableCloseTicketHistory tr:nth-child(even) .tableCellinfo, #tableTicketHistory tr:nth-child(even) .tableCellinfo {
    background: #f5f5f5;
}

#tableCloseTicketHistory tr:hover .tableCellinfo, #tableTicketHistory tr:hover .tableCellinfo {
    background: #f9f9f9;
}

.SelectRow {
    background: #dedede !important;
    background: #EFEFEF !important;
    color: #114d97;
}

/*InfoWindow*/
.InfoWindowTbl {
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
    font-family: Hermes_FB;
}

    .InfoWindowTbl tr td {
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        padding: 8px 7px;
        text-align: left;
        font-family: Arial;
    }

        .InfoWindowTbl tr td:nth-child(odd) {
            background: #f9f9f9;
        }

.EngName_heading {
    margin: 0;
    padding: 3px 5px 0px 5px;
    padding-left: 0;
    background: #ee2e22;
    color: #fff;
    text-indent: 7px;
    border-top: 1px solid #dedede;
    border-right: 1px solid #dedede;
    border-left: 1px solid #dedede;
    background: url("/Content/css/images/infowindow_head-bg.png") repeat-x left top;
    height: 26px;
}

table td {
    font-size: 12px;
}
/*--Notification--*/
#divShowNotification, #divShowKamNotification {
    line-height: 32px;
    margin-right: 0.4%;
    position: relative;
    display: block;
    padding-left: 10px;
    border-right: 1px solid #dedede;
    margin-top: 2px;
}

    #divShowNotification label, #divShowKamNotification label {
        color: #fff;
        cursor: pointer;
        padding: 1px 0 5px 7px;
        display: block;
        /*background: url("/Content/css/images/menu-sperator.png") no-repeat right 2px;*/
    }

        #divShowNotification label:hover, #divShowKamNotification label:hover {
            text-shadow: 1px 1px 0 #505050;
            display: block;
        }

        #divShowNotification label img, #divShowKamNotification label img {
            margin: 10px 15px 0 0;
            display: block;
        }

#divNotifications, #divKamNotifications {
    position: absolute;
    right: 0.2%;
    width: 350px;
    /*width: 370px;*/
    top: 86%;
    background: url("/Content/css/images/ddbox-arrow.png") no-repeat 1px 0px;
    padding-top: 12px;
    z-index: 1001;
}

    #divNotifications a:hover, #divKamNotifications a:hover {
        text-decoration: underline;
    }

    #divNotifications td, #divKamNotifications td {
        text-align: left;
        font-family: Verdana;
        border-bottom: 1px dotted #dedede;
    }

        #divNotifications td a, #divKamNotifications td a {
            color: #1b3f94;
            color: rgb(227, 33, 25);
            color: #222;
        }

.NotificationBox {
    background: #fff;
    border: 1px solid #c5c5c5;
    box-shadow: 1px 2px 5px #c5c5c5;
    border-radius: 2px;
    min-height: 156px;
    max-height: 350px;
    overflow-y: auto;
    border-top: 0;
    padding: 0;
    line-height: 18px;
    font-size: 11px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .NotificationBox h4 {
        text-align: center;
        font-size: 14px;
        background: #f7f7f7;
        padding: 16px;
        border-bottom: 1px dotted #dedede;
        border-top: 1px dotted #dedede;
        margin-top: 14%;
        font-family: helvetica;
    }

/*--ListofVans--*/
.modalTable tr:hover {
    cursor: pointer;
    /*background-color: #f9f9f9 !important;*/
}

#spanCount {
    background: #fff;
    background: #ffffaa;
    border-radius: 2px;
    padding: 2px;
    font-size: 9px;
    text-shadow: 1px 1px 0 #fff;
    box-shadow: 1px 1px 0px #505050;
    position: relative;
    top: -6px;
    left: 2px;
    min-width: 7px;
    text-align: center;
    border: 1px solid #ffcc35;
    min-width: 11px;
}

#spanKamCount {
    background: #fff;
    background: #ffffaa;
    border-radius: 2px;
    padding: 2px;
    font-size: 9px;
    text-shadow: 1px 1px 0 #fff;
    box-shadow: 1px 1px 0px #505050;
    position: relative;
    top: -6px;
    left: 2px;
    min-width: 7px;
    text-align: center;
    border: 1px solid #ffcc35;
    min-width: 11px;
}


.VanDetailsTbl tr:first-child td {
    border-top: 0;
}

#displayVansDealersTable tbody tr td:first-child {
    text-indent: 15px;
}

input:focus, select:focus, textarea:focus {
    /*box-shadow: 0 0 9px 1px #eee inset;*/
}

input [type="buttons"]:focus {
    box-shadow: none;
}


#divDetails, #form0 {
    margin-left: 2px;
}

#form0 {
    margin-top: 1px;
    margin-right: 2px;
}

.TicketID tr td:first-child {
    background: #f7f7f7;
    border-left: 1px solid #dedede;
    border-right: 1px solid #dedede;
    text-align: left;
    width: 148px;
    padding-left: 6px;
}


.TicketID tr td:last-child {
    border-right: 1px solid #dedede;
}

.TicketID {
    margin: 0px;
    text-align: left;
    padding-left: 10px;
}

input[type="button"]:focus {
    box-shadow: none;
}

.CommonTicket div:nth-child(1) {
    font-size: 10px;
    padding: 0;
    text-align: right;
    margin: 0;
    padding-left: 0;
}

    .CommonTicket div:nth-child(1) label {
        background: #fff;
        color: #222;
        text-align: center;
        width: auto;
        vertical-align: super;
        padding-left: 0;
        padding: 1px 7px;
        border-radius: 10px;
        border-bottom: 1px solid #C8CCD7;
    }

.CommonTicket div:nth-child(2) {
    background-image: url("/Content/css/images/user.png");
    background-repeat: no-repeat;
    background-position: left center;
    border-bottom: 1px solid #445678;
}

.CommonTicket div:nth-child(3) {
    background-image: url("/Content/css/images/remarks2-icon.png");
    background-repeat: no-repeat;
    background-position: left 4px;
    border-bottom: 1px solid #445678;
}

.CommonTicket label {
    padding-left: 27px;
    line-height: 16px;
    word-break: break-word;
}


.NotificationBox table tr {
    background: #f7f7f7;
}


.NotificationIMG {
    margin-top: 19px;
    margin-left: 0;
    padding-left: 0;
    text-indent: 8px;
}

.NotificationContent {
    width: 86%;
    text-indent: 0;
    padding-left: 8px;
    min-height: 43px;
    padding-top: 18px;
    /*padding-bottom: 9px;*/
}

.OpenTicketTbl thead tr th {
    color: #fff !important;
    text-align: left !important;
    padding: 5px !important;
    vertical-align: top;
    font-weight: normal;
    border-right: 0px solid #dedede;
}

.OpenTicketTbl td {
    padding: 5px;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    height: 32px;
}

    .OpenTicketTbl td:first-child, .Manage_Owner, .Manage_Owner .k-grid td {
        border-left: 1px solid #dedede;
    }

.OpenTicketTbl tr:nth-child(even) {
    /*background: #f7f7f7;*/
}

.OpenTicketTbl tbody tr:hover {
    background: #EFEFEF;
    cursor: pointer;
}

.OpenTicketTbl tr:hover, .OpenTicketTbl tr label:hover {
    /*cursor: pointer;*/
}

#userHeaderPanel span:first-child a span {
    cursor: default;
    text-decoration: none;
    color: #fffdec !important;
}

#userHeaderPanel span a span:hover {
    color: #1b3f94;
    color: #fff;
}

.userPanel {
    margin-top: 32px;
    text-align: right;
    margin-right: 62px;
}

.SLAMinDrpdwn label {
    font-family: Arial;
    font-size: 12px;
    padding-right: 5px;
}

.SLAMinDrpdwn {
    margin: 1px 5px;
}

/*--Ticket Activity--*/
.CloseTicket {
    background: rgba(32, 171, 32, 0.65) !important;
    /*border-color: #008000 !important;*/
    border-top: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
}

.NewTicket {
    background: rgba(203, 59, 92, 0.71) !important;
    /*border-color: #ff0000 !important;*/
    border-top: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
}

.InProgressTicket {
    background: rgba(229, 157, 0, 0.65) !important;
    /*border-color: #e59d00 !important;*/
    border-top: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
}

.AssignedTicket {
    background: rgba(13, 71, 161, 0.67) !important;
    /*border-color: #8A95DD !important;*/
    border-top: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
}

.PreClouserTicket {
    background: rgba(149, 232, 107, 1) !important;
    /*border-color: #FFB631 !important;*/
    border-top: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
}

.DeclinedTicket {
    background: #C73E3E !important;
    /*border-color: #FFC200 !important;*/
    border-top: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
}

.OpportunityLostTicket {
    background: rgba(255, 8, 0, 0.61) !important;
    /*border-color: #FF0800 !important;*/
    border-top: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
}

.NotAcceptedTicket {
    background: #FF7171 !important;
    background: #FF5757 !important;
    border-top: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
}

.ReAssign_Window {
    width: 81% !important;
    height: 85%;
    /*top: 5% !important;*/
}

.ReassignMap {
    position: relative !important;
    width: 100%;
    height: 70%;
}

.ReassignDealerList {
    position: relative;
    height: 30%;
    width: 100%;
}

    .ReassignDealerList .window {
        box-shadow: none;
    }

.RepositionBtn {
    position: relative;
    top: -35px;
    left: 74px;
    height: 25px;
}

    .RepositionBtn input {
        height: 25px !important;
    }

.CustomeBtn {
    width: auto;
    line-height: 13px;
    margin: 0;
    /*padding-left: 5px;*/
}

    .CustomeBtn:hover {
        border: 1px solid #fff;
        opacity: 1;
    }

.CityComboBox .k-combobox {
    margin: 6px 2px;
}

.CityComboBox .k-dropdown-wrap {
    height: 27px;
    width: 93%;
}

    .CityComboBox .k-dropdown-wrap input {
        height: 23px;
        text-indent: 7px;
    }

    .CityComboBox .k-dropdown-wrap .k-icon {
        width: 16px !important;
        height: 16px !important;
    }


.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected {
    background: #ee2e22 !important;
    border-color: none !important;
    color: #fff !important;
}

.k-state-hover, .k-state-hover:hover {
    color: #505050 !important;
    border-color: none !important;
}

/*--Inventory --*/
.custom_blueBtn {
    margin: 3px 7px;
    height: 28px;
    overflow: hidden;
    width: auto;
}

.top33 {
    top: 33px;
}

.DInv_Tbl_Wrapper .k-widget {
    border: 0 !important;
}

.DInv_Tbl_Wrapper .k-grid-content tr:last-child td {
    border-bottom: 1px solid #c5c5c5 !important;
}

.DInv_Tbl_Wrapper .k-grid-header .k-header > .k-link {
    /*text-align: left;*/
    text-align: center;
}

#defaultCube img, #defaultCube1 img, #defaultCube2 img, #defaultCube3 img {
    z-index: 1 !important;
}

.Custo_popupBtn {
    padding: 0;
    width: 82px;
    margin: 0;
    text-indent: 0;
    height: 26px;
    line-height: 12px;
}

.CreateReason_Tbl {
    padding: 10px;
}

    .CreateReason_Tbl td {
        padding: 5px;
    }

        .CreateReason_Tbl td input, .CreateReason_Tbl td textarea, .CreateReason_Tbl td select {
            width: 180px;
        }



        .tripStartTicket {
      background:#bde0be!important;
    /*border-color: #FF0800 !important;*/
    border-top: 1px solid #dedede !important;
    border-bottom: 1px solid #dedede !important;
}

.CreateWrp input:focus {
    box-shadow: none;
}

.DInv_Tbl_Wrapper .k-state-selected, .managefleet_dealerdetail_wrapper .k-state-selected {
    background-color: #1b3f94;
    border-color: #1b3f94;
}

.DInv_Tbl_Wrapper .k-pager-wrap .k-link:hover, .managefleet_dealerdetail_wrapper .k-pager-wrap .k-link:hover {
    border-color: #dedede;
}

.DInv_Tbl_Wrapper .k-pager-info, .managefleet_dealerdetail_wrapper .k-pager-info {
    color: #fff;
}

.custom_postool_btn {
    margin: -2px 5px 0 0;
    height: 28px;
}

.tableCellinfo .k-multiselect, .tableCellinfo .text-box {
    width: 171px;
}

.tableCellinfo .k-multiselect-wrap .k-input {
    height: 22px;
}

.tableCellinfo .k-autocomplete .k-input {
    height: 24px;
}

.tableCellinfo .k-state-default {
    background: none;
}

.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected {
    background: #dedede;
    color: #505050;
    border: 1px solid #bcb4b0;
}

.k-popup .k-list .k-state-focused {
    color: #fff;
    background: #ee2e22;
    box-shadow: none;
}

.datalist_wrp .k-combobox {
    margin-top: -2px;
}

.datalist_wrp .k-input {
    height: 16px !important;
    line-height: 20px !important;
    font-size: 12px !important;
}

.datalist_wrp .k-i-arrow-s, .datalist_wrp .k-icon:hover, .datalist_wrp .k-state-hover .k-icon {
    background-position: 0 -36px;
}

#divDateTimeArea {
    background: url("/Content/css/images/time-wrpbg.png") repeat-x;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 5px;
    border-left: 7px solid #ee2e22;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 5px;
    padding-right: 10px;
}

.activeService {
    color: #4a8bc2;
    font-weight: bold;
    text-decoration: none;
    margin: 4px 0 0 5px;
}

.DatePickerLabel {
    color: #505050;
    font-weight: bold;
    padding-right: 5px;
    padding-left: 5px;
}

.OpenTicket_Tbl {
    margin-top: 5px;
}

.contentoverflow {
    overflow: auto;
}

    .contentoverflow .tableCellinfo .k-dropdown-wrap .k-input {
        height: 26px;
        line-height: 28px;
    }

    .contentoverflow .k-header {
        margin-top: 2px;
    }

#div_load {
    display: none !important;
    background-color: white;
    opacity: 0.65;
    z-index: 100000;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
    #div_load img {
        display:none !important;
    }

.notification_head_wrp {
    padding: 10px;
    font-size: 13px;
    border-bottom: 1px solid #dedede;
}

.fs12 {
    font-size: 12px;
}

.alert_wrapbox {
    /*margin: 0 0 10px 0;*/
    position: relative;
}

#divDealerList {
    margin: 10px 0;
    max-height: 487px;
}

    #divDealerList table {
        border: 1px solid #dedede;
        background: azure;
        background: #f7f7f7;
    }

        #divDealerList table tr:nth-child(even) {
            /*background: #f5f5f5;*/
        }

.emptyRow {
    background: #fff;
    line-height: 1px;
    border-bottom: 0 !important;
}

.k-filter-menu .k-button {
    background-color: #1b3f94 !important;
    color: #fff !important;
    text-indent: 0;
}

    .k-filter-menu .k-button:hover {
        color: #505050 !important;
    }

/*================================Custom Table===================================*/

.customTable {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

    .customTable thead tr th {
        border: 1px solid #000000;
        border: 1px solid #c5c5c5;
        padding: 5px;
        font-weight: normal;
    }

    .customTable tbody tr td {
        border: 1px solid #898b8d;
        border: 1px solid #c5c5c5;
        padding: 5px;
        text-align: center;
    }

        .customTable tbody tr td:first-child {
            /*text-align:left;*/
        }

    .customTable tbody tr:nth-child(even) {
        background: #f5f5f5;
        background: #f7f7f7;
    }

.yellowTh {
    background: #FFFF00;
    background: #FFFF7E;
}

.darkYellowTh {
    background: #FFB547;
}

.orangeTh {
    background: #FF8533;
}

.lightOrangeTh {
    background: #FFDAA3;
}

.veryLightOrangeTh {
    background: #FFF0DB;
}

.darkGreenTh {
    background: #30AC59;
}

.lightGreenTh {
    background: #99CC00;
}

.brownTh {
    background: #E65C00;
    background: #FFD4B7;
}

.lightBrownTh {
    background: #FF9F5F;
}

.veryLightBrown {
    background: #B59147;
}

.veryLightBlueTh {
    background: #DBEAF9;
}

.redTh {
    background: #FF3030;
    color: #FFFFFF;
}

.lightPinkTh {
    background: #FFCFAF;
}

.blueTh {
    background: #5983D6;
    color: #FFFFFF;
}

.lightBlueTh {
    background: #00d7e5;
}

.veryLightBlue {
    background: #DBEAF9;
}

.lightBlueTh {
    background: #00bcd7;
}

.skyBlueTh {
    background: #59DEFF;
}

.lightSkyBlueTh {
    background: #b7f6ff;
}

.veryDarkGreyTh {
    background: #767676;
    color: #FFFFFF;
}

.darkGreyTh {
    background: #919191;
}

.greyTh {
    background: #BABABA;
}

.lightGreyTh {
    background: #D4D4D4;
}

.verylightGrey {
    background: #F2F2F2;
}

/*================================Table Header-Colors===================================*/
.DeatilPopup .toolBtn label {
    padding: 0 15px 3px 0px;
}


/*================================Tabs for Reports===================================*/
.tabs {
    width: 100%;
    float: left;
    background: #f5f5f5;
    background: #f9f9f9;
    border-bottom: 1px solid #c5c5c5;
    position: absolute;
    z-index: 1;
    margin-bottom: 3px;
}

    .tabs ul {
        margin: 0px;
        padding: 0px 0 0 5px;
    }

        .tabs ul li {
            text-align: center;
            display: inline-block;
            border-top: 0px !important;
            border-radius: 4px 4px 0px 0px;
            background: #dedede;
            color: #505050;
            margin-top: 3px;
            position: relative;
            bottom: 0;
            border-bottom: 0;
            padding: 6px 18px;
            font-size: 12px;
        }

            .tabs ul li.selected {
                position: relative;
                bottom: -1px;
                border-top: 1px solid #d7d7d7 !important;
                background: #fff;
                color: #505050;
                border: 1px solid #d7d7d7;
                border-bottom: 0;
            }

.top31_withtabbar {
    top: 32px;
}

.Ticket_Status {
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 10px;
    font-weight: bold;
}

.Ticket_Status_timer {
    margin: 0px 0 10px 34px;
    font-size: 11px;
    color: #777;
}

.topminus5 {
    margin-top: -5px;
}

#tableFeedback {
    /*border: 1px solid #f0f0f0;*/
}

    #tableFeedback td span {
        color: #1b3f94;
    }


    #tableFeedback td {
        border-bottom: 1px dotted #dedede;
    }

        #tableFeedback td:first-child span {
            /*color:#1b3f94;*/
        }

    #tableFeedback tr:nth-child(odd) {
        /*background: #fafafa;*/
    }

    #tableFeedback tr td:last-child {
        /*text-align: right;*/
    }

        #tableFeedback tr td:last-child span {
            padding: 10px;
            position: absolute;
            line-height: 8px;
        }

            #tableFeedback tr td:last-child span spanRate_1 {
                line-height: 6px;
            }

input [type="range"]:focus {
    /*box-shadow:none;*/
}

.Hours, .feedback {
    background: green;
    /*border: 1px solid #dedede;*/
    padding: 4px 4px;
    border-radius: 27px;
    color: #fff !important;
    /*box-shadow: 1px 1px 0 #B2B2B2;*/
}

.feedback {
    padding: 4px 8px;
    background: red;
}

.non_editable_feedback tr:nth-child(odd) {
    background: #fff;
}

.non_editable_feedback td {
    padding: 5px 10px;
    line-height: 20px;
    vertical-align: top;
}

.color-white {
    color: white !important;
}

.titilebar-blue {
    background: #1b3f94 !important;
}

/*===============PositoningTool==============*/
#bs_waypoint, #bs_van, #btnSlaMeet, #btnSlaNotMeet, #btnReset, #btnOpportunityLost {
    background-image: url("../../Scripts/map_api/icons/green_circle-pointing.png");
    background-color: #fff !important;
    width: 65px;
    height: 65px;
    background-repeat: no-repeat;
    cursor: pointer;
    border: none;
    background-color: transparent;
    background-position: center center;
    border: 1px solid #ccc;
}

#bs_van {
    background-image: url("../../Content/css/images/avil-van-pointing.png");
}

    #bs_van:hover, #bs_waypoint:hover, #btnSlaMeet:hover, #btnSlaNotMeet:hover, #btnReset:hover, #btnOpportunityLost:hover {
        border: 1px solid #ccc;
        box-shadow: 0px 0px 10px 5px #dedede inset !important;
        background-color: transparent;
    }

.selected_tool {
    border: 1px solid #ccc;
    box-shadow: 0px 0px 10px 5px #dedede inset !important;
    background-color: transparent;
}

.btn_wrapper {
    background: #f7f7f7;
    border: 1px solid #dedede;
    margin: -1px 0 10px 0;
    padding: 7px 5px;
    margin: 10px 0;
    text-align: center;
}

div.tooltip {
    outline: none;
    display: inline;
}

    div.tooltip:hover {
        text-decoration: none;
    }

    div.tooltip span {
        display: none;
        z-index: 10;
        padding: 10px 5px;
        margin-top: -53px;
        margin-left: -91px;
        width: 109px;
        line-height: 16px;
        text-align: center;
    }

    div.tooltip:hover span {
        display: inline;
        position: absolute;
        color: #111;
        border: 1px solid #DCA;
        background: #fffAF0;
    }

.callout {
    z-index: 20;
    position: absolute;
    top: 31px;
    border: 0;
    left: 53px;
    transform: rotate(-90deg);
}

div.tooltip span {
    border-radius: 4px;
    box-shadow: 5px 5px 8px #CCC;
}

.AlignCenter {
    text-align: center !important;
}

/*===============PositoningTool==============*/

/*===============ManageFleet==============*/
.dealerTitle {
    margin-bottom: 7px;
    padding-top: 5px;
}

.SelectedRow {
    background-color: #dedede;
    background-color: #EFEFEF !important;
    color: #114d97;
}

#tableDealerList {
    line-height: 24px;
}

    #tableDealerList tr:hover {
        cursor: pointer;
        background-color: #f0f0f0;
    }

    #tableDealerList tr td {
        padding-left: 12px;
        border: 1px solid #fff;
    }

    #tableDealerList tr.SelectedRow td {
        box-shadow: 4px 0 0 0 #f00 inset;
    }

.Mange_Fleet_Details .k-button-icontext, .Mange_Fleet_Details .k-button-icontext:hover, .Mange_Fleet_Details .k-button-icontext:focus, .Manage_Owner .k-button-icontext, .Manage_Owner .k-button-icontext:hover, .Manage_Owner .k-button-icontext:focus {
    color: #FFF !important;
    background: #1b3f94 !important;
}

    .Mange_Fleet_Details .k-button-icontext:hover, .k-button-icontext:focus {
        opacity: 0.85 !important;
    }

.Mange_Fleet_Details .k-grid-content table tbody tr td:last-child {
    text-align: center;
}

.managefleet_dealerdetail_wrapper {
    padding-top: 10px;
}

    .managefleet_dealerdetail_wrapper .themeTable {
        margin: 0 0 12px 0;
    }

    .managefleet_dealerdetail_wrapper .detail_lables {
        margin-bottom: 5px;
    }

    .managefleet_dealerdetail_wrapper .k-grid-content tr:last-child td {
        border-bottom: 1px solid #c5c5c5 !important;
    }

    .managefleet_dealerdetail_wrapper .k-widget {
        border: 0 !important;
    }

.fleet_combo .k-state-default {
    height: 28px;
}

.fleet_combo .k-dropdown-wrap .k-input {
    height: 24px;
}

#divCreateDealer input[type="checkbox"] {
    height: auto;
    width: auto !important;
    vertical-align: top;
}

#divCreateDealer .themeTable tbody td:nth-child(2) {
    width: 25%;
    width: 29%;
}

#divCreateDealer .Create_Wrp, #divAddCustDetl .Create_Wrp, .footBtn_wrapper {
    padding-top: 5px;
    border-top: 1px solid #dedede;
    text-align: right;
    margin-top: 10px;
}

    #divCreateDealer .Create_Wrp input, #divAddCustDetl .Create_Wrp input {
        height: 26px;
        line-height: 9px;
        line-height: 8px;
        padding-top: 0;
        padding-bottom: 0;
        margin-top: 0;
        margin-bottom: 0;
        width: 64px;
    }

#pac-input {
    top: 5% !important;
    width: 40%;
}

#tableTicketHistory tbody tr:nth-child(even) {
    /*background: #f5f5f5;*/
}

#tableTicketHistory tbody tr:first-child td {
    border-top: 1px solid #dedede;
}

#tableTicketHistory tbody tr:hover {
    /*cursor: default;*/
    cursor: pointer;
}

.Mange_Fleet_Details .k-grid td:nth-child(11), .Mange_Fleet_Details .k-grid th:nth-child(11) {
    width: 125px !important;
    text-align: center;
}

.Manage_Owner .k-grid td:nth-child(14) {
    text-align: center;
}

/*===============ManageFleet==============*/

.bdrightnone {
    border-right: none !important;
}

.bdrbtmnone {
    border-bottom: none !important;
}

.bdright {
    border-right: 1px solid #dedede;
}

#blindSpot_toolbox {
    margin-top: 20px;
}

    #blindSpot_toolbox table thead th, .filter_head {
        border: 1px solid #dedede;
        padding: 2px 0;
    }

    #blindSpot_toolbox tr:first-child td {
        background: #f7f7f7;
        /*border-bottom: 1px solid #dedede;*/
        padding-top: 5px;
    }

.radiusleft {
    border-radius: 4px 0 0 4px;
}

.radiusright {
    border-radius: 0 4px 4px 0;
}

.feedback_content .k-multiselect.k-header {
    width: 169px;
}

.feedback_content .k-multiselect-wrap {
    min-height: 27px;
    padding: 2px 4px;
}

    .feedback_content .k-multiselect-wrap .k-button {
        border-radius: 2px !important;
        text-align: left;
    }

.feedback_content table tr td:first-child, .feedback_content table tr td:nth-child(5), .feedback_content table tr td:nth-child(4) {
    vertical-align: middle;
}

#div24HrsReason td {
    vertical-align: middle;
}

#div24HrsReason .labelwidth {
    width: 93px;
}

.feedback_content table tr td:first-child {
    width: 110px;
}

#divFeedbackContainer .k-multiselect .k-delete {
    width: 16px !important;
}

    #divFeedbackContainer .k-multiselect .k-delete:hover {
        opacity: 0.75;
    }

.shadow_btm {
    box-shadow: 0px 5px 7px 0px #dedede;
}

.aling_left {
    text-align: left;
}

    .aling_left td:first-child {
        padding-left: 16px;
    }

    .aling_left td:nth-child(2) {
        text-align: center;
    }

    .aling_left td {
        padding-left: 4px;
    }


#divFilledFeedbackDetails tr td:last-child span {
    line-height: 24px;
    position: inherit;
}

.no_data {
    color: #666;
    border-top: 1px solid #c5c5c5;
    margin-top: 2px;
    position: absolute;
    height: 94%;
    width: 100%;
    left: 0;
}

    .no_data span {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 44%;
    }



div#divNoDataFound_DRCRate span {
    position: absolute;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    text-align: center;
    top: 44%;
}

.no_data .fs16 {
    font-size: 16px;
}

.no_data p {
    font-size: 12px;
    line-height: 27px;
    margin: 0;
    padding: 0;
}


/*=============Data Table=============*/
.pg-normal {
    color: #fff;
    font-size: 15px;
    cursor: pointer;
    background: #277CD1;
    padding: 2px 4px 2px 4px;
}

.pg-selected {
    color: #fff;
    font-size: 15px;
    background: #5DA0E8;
    padding: 2px 4px 2px 4px;
}
/*=============Data Table=============*/
/*=============Time Picker===============*/
div.time-picker {
    position: absolute;
    height: 191px;
    width: 90px; /* needed for IE */
    overflow: auto;
    background: #fff;
    border: 1px solid #aaa;
    z-index: 991;
    margin: 0;
}

div.time-picker-12hours {
    width: 6em; /* needed for IE */
}

div.time-picker ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

div.time-picker li {
    cursor: pointer;
    height: 10px;
    font: 12px/1 Hermes_FB;
    font: 12px/1 Verdana;
    padding: 4px 3px;
    font-family: 'Hermes_FB';
}

    div.time-picker li.selected {
        background: #0063CE;
        background: #ee2e22; /*navi*/
        border-top: 0 !important; /*navi*/
        color: #fff;
    }
/*=============Time Picker===============*/
.LegendTbl {
    margin-top: -2px;
}

    /*.LegendTbl td:nth-child(odd) {
        width: 15px;
    }*/
    .LegendTbl td:nth-child(even) {
        width: 22%;
    }

    .LegendTbl .legendcolorbox {
        height: 11px;
        width: 12px;
        margin-right: 10px;
        margin-left: 5px;
        /*box-shadow: 1px 1px 0 #A9A9A9;*/
    }

    .LegendTbl .Assignedbg {
        background: rgba(13, 71, 161, 0.67) !important;
        border: 1px solid #0D47A1;
    }

    .LegendTbl .NewTicketbg {
        background: rgba(203, 59, 92, 0.71) !important;
        border: 1px solid #a90329;
    }

    .LegendTbl .CloseTicketbg {
        background: rgba(32, 171, 32, 0.65) !important;
        border: 1px solid #008000;
    }

    .LegendTbl .ProgressTicketbg {
        background: rgba(229, 157, 0, 0.65) !important;
        border: 1px solid #e59d00;
    }

    .LegendTbl .PreclouserTicketbg {
        background: rgba(149, 232, 107, 1) !important;
        border: 1px solid #FFB631;
    }

    .LegendTbl .DeclineTicketbg {
        background: #C73E3E !important;
        border: 1px solid #FFC200;
    }

    .LegendTbl .OpportunityLostbg {
        background: rgba(255, 8, 0, 0.61) !important;
        border: 1px solid #FF0800;
    }

    .LegendTbl .Notacceptedbg {
        background: #FF5757;
    }


/*==========Download Block===========*/
.download_block {
    transition-duration: 0.5s;
    display: none;
    width: 97%;
    transition: 0.4s;
    margin: 14px 0 0 0;
    padding: 5px 4px 7px 4px;
    position: relative;
    bottom: 0;
}

    .download_block a {
        float: right;
    }

.Download_Box_one, .Download_Box_two, .Download_Box_three {
    float: left;
    margin-right: 6px;
    border-radius: 32px;
    height: 26px;
    border: 1px solid #fff;
    cursor: pointer;
    padding: 3px 4px 0px 4px;
}

    .Download_Box_one img, .Download_Box_two img, .Download_Box_three img {
        margin: 4px 3px;
        margin: 3px 0px 0px 0;
        transition-duration: 0.5s;
        transition-property: transform;
    }

        .Download_Box_one img:hover, .Download_Box_two img:hover, .Download_Box_three img:hover {
            transform: rotate(360deg);
        }

.top9 {
    margin-top: 9px;
}

.top22 {
    margin-top: 22px;
}

.blue-one:hover div, .blue-two:hover div, .blue-three:hover div, .blue-four:hover div, .bluegrey-one:hover div, .bluegrey-two:hover div, .bluegrey-three:hover div, .bluegrey-four:hover div, .yellow-one:hover div, .red-one:hover div, .blue-five:hover div, .blue-six:hover div, .blue-seven:hover div, .bluegrey-eight:hover div, .bluegrey-seven:hover div, .bluegrey-six:hover div, .bluegrey-five:hover div, .bluegrey-six:hover div, .bluegrey-five:hover div, .green-two:hover div {
    display: block !important;
}

#divNoDataFound_DRCRate {
    position: absolute;
    /*top: 30%;
    left: 28%;*/
    min-height: 50%;
    height: auto !important;
}

#divDealerList #divNoDataFound_DRCRate {
    border: 0;
    width: 98%;
    text-align: center;
}

#HdLmdBusCallCLoserChart0, #HdLmdBusCallCLoserChart1, #HdLmdBusCallCLoserChart2 {
    float: left;
    border: 1px solid #dedede;
    border-radius: 2px;
    margin: 5px;
    padding: 0 5px;
    box-shadow: 2px 2px 2px #dedede;
    -webkit-box-shadow: 2px 2px 2px #dedede;
    box-shadow: 0px 0px 7px 2px #dedede inset;
}

/*New classes for header(logout and change password)*/

.superadmin_welcome {
    /*float: right;*/
    margin-right: 14%;
}

.superadmin_changePassword {
    float: right;
    margin-right: -22.5%;
}

.superadmin_logout {
    float: right;
    margin-right: -28%;
}

#toggleDiv {
    display: none;
    width: 187px;
    min-height: 50px;
    position: absolute;
    line-height: 29px;
    right: 1%;
    border: 1px solid rgb(222, 222, 222);
    border-radius: 4px;
    padding: 10px 0px;
    top: 95%;
    text-indent: 5px;
    background: rgb(255, 255, 255);
}

    #toggleDiv .superadmin_changePassword {
        float: none;
        margin-right: 0;
    }

    #toggleDiv .superadmin_logout {
        float: none;
        margin-right: 0;
    }

.superadmin_welcome {
    margin-right: 0;
    clear: right;
    display: block !important;
}

#toggleDiv label {
    line-height: 18px;
    margin-right: 5px;
    display: inline-block;
}

#toggleDiv li:hover {
    background: #f0f0f0;
}

.superadmin_welcome a:last-child, .superadmin_welcome a:first-child {
    margin-right: 0;
    line-height: 19px;
}

.superadmin_welcome a:first-child {
    background: transparent !important;
    text-shadow: none !important;
    margin-left: 7px;
}

.ToggleMenu {
    background: transparent !important;
}

    .ToggleMenu > ul > li > a.AdminName:hover {
        text-shadow: none;
        cursor: default;
    }

.superadmin_welcome .ToggleMenu:hover {
    background: #fff !important;
}

.superadmin_welcome .AdminName {
    color: #6E6E6E !important;
    cursor: default;
}

#toggleDiv li a {
    color: #069;
    display: block;
}

.shadow_btm input[type="checkbox"] {
    width: auto;
    height: auto;
}

.shadow_btm table td {
    line-height: 27px;
}

#tableOwnerList .Admin_Wrp td {
    background-color: #f5f5f5;
    border-bottom: 5px solid #fff;
}

#divDetails select {
    width: 173px;
}

#btnSlaMeet, #btnSlaNotMeet, #btnReset, #btnOpportunityLost {
    background-image: url("/Scripts/map_api/icons/AnalysisIcons/sla-met.png");
    background-position: center center;
    background-repeat: no-repeat;
}

#btnSlaNotMeet {
    background-image: url("/Scripts/map_api/icons/AnalysisIcons/sla-not-met.png");
}

#btnReset {
    background-image: url("/Scripts/map_api/icons/AnalysisIcons/reset.png");
}

#btnOpportunityLost {
    background-image: url("/Scripts/map_api/icons/AnalysisIcons/opportunity-lost.png");
}

/*.Leftindent {
    padding-left: 8%;
}*/

.Manage_Owner .k-button-icontext {
    margin: 7px 0 7px 5px;
}

.AdvanceFiltering tr td {
    background: #f7f7f7;
}

    .AdvanceFiltering tr td:first-child {
        /*border-right: 1px solid white !important;*/
    }

.AdvanceFiltering tr:last-child td {
    border-bottom: 1px solid #dedede;
}

.AdvanceFiltering tr:first-child td {
    border-bottom: 1px solid white !important;
    border-bottom: 0 !important;
}

.Manage_Owner .k-detail-cell .k-grid-content {
    height: 109px !important;
    border-left: 1px solid #Dedede;
}

.Manage_Owner .k-grid td {
    border-bottom: 1px solid #dedede;
}

/*=============== Responsive DSB ================*/
@media screen and (max-width:299px), screen and (max-width:640px)
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px)*/ {
    #Response_dsb {
        overflow-x: hidden !important;
        height: 100% !important;
        top: 9% !important;
    }

        #Response_dsb .Breadcurms_wrp {
            width: 95%;
            height: auto;
            padding-bottom: 10px;
        }


            #Response_dsb .Breadcurms_wrp .displaytable {
                width: 100%;
            }


        #Response_dsb .dsb_content, .cbp-hrmenu .cbp-hrsub-inner > div {
            width: 99% !important;
        }

        #Response_dsb, #Response_dsb .stateofnation .seasonWrapup, #Response_dsb .clearfix, #Response_dsb .stateofnation .seasonWrapup, #Response_dsb .stateofnation .seasonWrapup-Left-ext, #Response_dsb .stateofnation .seasonWrapup-Right {
            width: 100% !important;
        }

            #Response_dsb .ResponseClearFix {
                height: 99% !important;
            }

    #cbp-hrmenu > ul > li > a span {
        display: none;
    }

    #Response_dsb #defaultCube, #Response_dsb #defaultCube1, #Response_dsb #defaultCube2, #Response_dsb #defaultCube3, #Response_dsb #defaultCube4, #Response_dsb .download_block {
        display: none !important;
    }


    #cbp-hrmenu > ul > li:nth-child(2), #cbp-hrmenu > ul > li:nth-child(3), #cbp-hrmenu > ul > li:nth-child(5), #cbp-hrmenu > ul > li:nth-child(5), #cbp-hrmenu > ul > li:nth-child(6) {
        /*display: inline !important;*/
    }

    .cbp-hrmenu > ul > li {
        margin-left: 2.65%;
        margin-right: 2.65%;
    }

    #cbp-hrmenu > ul > li > a {
        padding-left: 3px;
        padding-right: 3px;
        padding-bottom: 9px;
        margin-right: 0 !important;
    }

        #cbp-hrmenu > ul > li > a label {
            cursor: pointer;
        }

    .cbp-hrmenu {
        padding-right: 0;
    }

    #Response_dsb .Response_RightPanel {
        width: 100%;
        text-align: left;
    }

    #Response_dsb .CustomeBtn {
        height: 24px;
        line-height: 9px;
    }

    #Response_dsb .k-datepicker {
        font-size: 85%;
        width: 100% !important;
    }

    #Response_dsb .Page_location {
        font-size: 85%;
    }

    #Response_dsb .InfraClearfix {
        min-height: 190% !important;
        /*min-height: 280% !important;*/
        overflow: hidden !important;
    }

    #Response_dsb .stateofnation {
        min-height: 528px !important;
        max-height: 100%;
    }

        #Response_dsb .stateofnation .seasonWrapup-Right {
            height: auto !important;
        }

        #Response_dsb .stateofnation .wrapup-pod h4 {
            font-size: 16px;
        }

        #Response_dsb .stateofnation .wrapup-pod p {
            font-size: 11px;
        }

        #Response_dsb .stateofnation .wrapup-pod {
            width: 144px;
            width: 48%;
            /*width: 99%;*/
            margin: 2px;
            cursor: pointer;
        }

            #Response_dsb .stateofnation .wrapup-pod .State_response label {
                font-size: 14px !important;
                position: relative;
                top: -8px;
            }

    span.Response_user {
        display: inline-block !important;
    }

    #Response_dsb .dsb_content {
        height: 100% !important;
        margin-top: 5px !important;
    }

    #masterHeader #userHeaderPanel {
        background: url("/Content/css/images/menu-right-panel-mob2.png")no-repeat top right !important;
        width: 179px;
        width: 53%;
        height: 57px;
    }

    #pageHead {
        width: 40%;
        margin: 0;
    }

    .Breadcurms_wrp {
        margin-top: 5px;
    }

    #toggleDiv {
        right: 0%;
        top: 195%;
        text-align: left;
    }

    .superadmin_welcome {
        text-align: right;
        background: #FCFCFC;
        border-bottom: 1px solid #dedede;
        margin-right: 0px !important;
        width: 100%;
    }

        .superadmin_welcome .ToggleMenu:hover {
            background: transparent !important;
        }

    .cbp-hrmenu {
        padding: 0;
    }

    .cbp-hrsub-inner ul li, .cbp-hrsub-inner h4 {
        text-align: left;
    }

    .main nav > ul {
        text-align: center;
    }

    .cbp-hrsub-inner h4 {
        width: 89%;
    }

    .cbp-hrmenu > ul > li:first-child {
        margin-left: 0;
    }

    #pageHead .Logo img {
        width: 100%;
        vertical-align: middle;
    }

    #pageHead .Logo {
        margin: 0;
        line-height: 48px;
    }

    .response_notification {
        margin-top: -73px;
        border-right: 0;
    }

    .stateofnation table.matches-played td.matches-number.stateofnation table.matches-played td.matches-number {
        width: 124px;
    }

    .message {
        left: 65% !important;
    }

    .footer {
        bottom: -40%;
    }
}

.cbp-hrmenu > ul > li:nth-child(6) > a {
    margin-right: 0;
}

.LegendwithStatus {
    background: #F7F7F7;
    padding: 0 6px;
    height: 32px;
    padding-top: 5px;
    line-height: 16px;
}

.workshopIcon {
    top: 50%;
    margin-top: -8px;
    position: absolute;
    right: 18px;
}

.dealerListing > div {
    border: 1px solid #dedede;
}

.dealerListing .dealerTitle {
    margin: 0;
    padding: 2px 0;
}

.dealerListing #tableDealerList {
    border: 0;
    border-top: 1px solid #dedede;
}



.Accordian_list .TicketID tr td:first-child {
    background: transparent;
    width: 50% !important;
}

.Accordian_list .k-panelbar > li > .k-link, .Accordian_list a.k-link.k-header.k-state-selected.k-state-focused, .Accordian_list .k-tabstrip-items .k-state-default .k-link, .Accordian_list .k-panelbar > li.k-state-default > .k-link {
    color: #fff;
}

.Accordian_list .loadingBlue {
    background: #fff url("/Content/css/images/loading-blue.gif") no-repeat center center;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 40%;
    left: 43%;
}

.Accordian_list .k-icon {
    width: 16px !important;
}

.Accordian_list .k-item .k-state-hover {
    background: #ee2e22 !important;
}

.Accordian_list .k-content table {
    cursor: default;
}

.LegendTbl tr td {
    font-weight: bold;
}

.no_dataLeftPanel span {
    left: 10%;
    right: 10%;
}

#divOwnerList {
    margin-top: 5px;
}

    #divOwnerList .k-pager-info {
        color: #fff;
        margin: 0;
        padding: 0;
        font-size: 12px;
        padding-right: 7px;
    }

    #divOwnerList .k-state-selected {
        background-color: #1b3f94;
        border-color: #1b3f94;
    }

    #divOwnerList .k-grid-content table tbody tr {
        background-image: url("/Content/css/images/user.png");
        background-repeat: no-repeat;
        background-position: 97% center;
    }

        #divOwnerList .k-grid-content table tbody tr:hover {
            background-color: #EFEFEF;
            color: #114d97;
            cursor: pointer;
        }

    #divOwnerList tr.k-alt.k-state-selected, #divOwnerList tr.k-state-selected {
        background-color: #EFEFEF !important;
        color: #114d97;
    }

.k-grid-content {
    border-left: 1px solid #c5c5c5;
}

#divDetails .k-grid-content table tbody tr td:nth-child(2), #divDetails .k-secondary table tbody tr td:nth-child(3) {
    border-left: 0 !important;
}

#divDetails .themeTable tbody td:nth-child(2) {
    width: 29%;
}

.responsive_popup, .responsive_popup .k-window-titlebar {
    border-radius: 0 !important;
}

#divShowVanLocation {
    height: 100% !important;
}

.CreateVechile_Tbl {
    padding: 0.58em;
    text-indent: 7px;
}

    .CreateVechile_Tbl td {
        padding-bottom: 10px;
    }

    .CreateVechile_Tbl .k-textbox {
        width: 173px;
    }

    .CreateVechile_Tbl .k-textbox {
        height: 32px !important;
    }

.CancelBtnBg {
    background: #ee2e22 !important;
}

#divOwnerList tr.k-alt.k-state-selected td:last-child, #divOwnerList tr.k-state-selected td:last-child {
    box-shadow: 4px 0 0 0 #f00 inset;
}

#divOwnerList tbody tr td {
    border-left: 0;
    text-indent: 3px;
}

#searchForm table tr td:first-child {
    width: 35%;
    padding-left: 0;
}

.Ticket_RegisterPanel input[type='text'] {
    width: 86%;
    margin: 0 6px 0 1px;
    /*height: 25px;
    text-transform: uppercase;
    text-align: center;*/
    text-indent: 0;
}

.Ticket_RegisterPanel .fiveChar_input {
    width: 25% !important;
}

.InfoWindowTbl a {
    color: #1b3f94;
}

    .InfoWindowTbl a:hover {
        text-decoration: underline;
    }

#divFleetDetail .Fullength {
    height: 14px;
}

#divOwnerList .k-alt {
    background: white;
}
/*.leftspace {
  margin-left: 2.5%;
}*/

.lftpanelSmall span.k-datepicker {
    /*width: 128px !important;*/
}


/*home dsb new css*/
.wrapup-pod ul {
    margin: 0;
    text-align: left;
    padding: 6px 0 0 24px;
}

    .wrapup-pod ul li {
        list-style-type: square;
    }

        .wrapup-pod ul li a {
            color: #fff;
        }

            .wrapup-pod ul li a:hover {
                text-decoration: underline;
            }

.wrapup-pod .TileParagraph {
    font-size: 16px !important;
    margin-top: 8px !important;
}

.wrapup-pod .State_response {
    text-align: right;
}

#blindSpot_toolbox .themeTable td {
    border-top: 0 !important;
}

.top-3 {
    /*top: -3px;*/
    bottom: 10px;
}

.overflow_x_hidden {
    overflow-x: hidden;
}

.batteryCell {
    height: 29px;
    width: 40px !important;
}

.batteryPoint {
    height: 10px;
    width: 3px;
    background: #B0B0B0;
    border-radius: 0 2px 2px 0;
    margin-top: 9px;
}


/*Created by Parul*/
.disable_btn, .disable_btn:hover {
    background: #e9e9e9 !important;
    color: #9B9B9B !important;
    text-shadow: none !important;
    box-shadow: none !important;
    cursor: default;
}

.prelative {
    position: relative;
}


.legendsx {
}

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

        .legendsx ul li {
            list-style: none;
            float: left;
            margin: 4px 15px 0px 0px;
            width: 44%;
        }

            .legendsx ul li span {
                width: 16px;
                height: 24px;
                float: left;
                margin-right: 5px;
                background-position: left top;
                background-size: 94% !important;
                background-repeat: no-repeat !important;
            }

            .legendsx ul li div {
                float: left;
                font-size: 12px;
                color: #000;
                line-height: 22px;
            }



            .legendsx ul li span.openticket {
                background: url("../images/OpenTicketyellow.png");
            }

            .legendsx ul li span.closeticket {
                background: url("../images/CloseTicketgreen.png");
            }

            .legendsx ul li span.slamatticket {
                background: url("../images/slameet.png");
            }

            .legendsx ul li span.slanotticket {
                background: url("../images/SlaNotMeet.png");
            }

            .legendsx ul li span.operyunitylost {
                background: url("../images/Opportunity.png");
            }

            .legendsx ul li span.vanticket {
                background: url("../css/images/avil-van.png");
            }

            .legendsx ul li span.dealerticket {
                background: url("../css/images/dealer-icon.png");
            }



.tablist {
    width: 81.5%;
}

.rightlegent {
    float: right;
    width: 48%;
    text-align: right;
    line-height: 27px;
}

.leftsidebar {
    float: left;
    width: 48%;
}


/*========================Table Cells Start===========================*/
.yellowTd {
    background-color: #FFED13 !important;
}

.redTd {
    background-color: #B63838 !important;
    color: #fff !important;
}

.greenTd {
    background-color: #3D9C36 !important;
    color: #fff !important;
}
/*========================Table Cells End===========================*/
span.k-widget.k-timepicker.k-header.k-input {
background: none!important;
}

.multiselect-div .k-widget.k-multiselect.k-header {
    width: 120px;
}

.multiselect-div  .k-multiselect-wrap.k-floatwrap {
    min-height: 30px;
}
.multiselect-div input.k-input.k-readonly {
    position: relative;
    top: 3px;
}
@media screen and (max-width: 1024px) {

    #Consolidated .k-grid-content {
        height: 233px !important;
    }

    .comboboxdiv .k-multiselect.k-header {
        width: 89% !important;
    }
}

@media only screen and (max-width: 1366px) and (max-height: 767px) {
    #Consolidated .k-grid-content {
        height: 67px !important;
    }

    .comboboxdiv .k-multiselect.k-header {
        width: 78% !important;
    }
}


@media screen and (max-height: 768px) {
    #Consolidated .k-grid-content {
        height: 115px !important;
    }
}


@media only screen and (max-width: 1366px) and (max-height: 638px) {
    #divGrid .k-grid-content {
        height: 352px !important;
    }
}

/*
@-moz-document url-prefix()
 {
     
 div.tooltip:hover span {
    display: inline;
    position: absolute;
    color: #111;
    border: 1px solid #DCA;
    background: #fffAF0;
    left:129px;
    top:44px;
} 
}*/


/*.Logo span img {
    max-width: 121px !Important;
}*/

@media only screen and (max-width: 767px) {
    cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {
        width: 90%;
        width: 100%;
        height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }
}

div#FeedbackHistory .k-grid-content {
    height: 140px !important;
}



@media screen and (max-width: 1366px) {
}