#filterWrapper:after,
.mainContaint:after,
.blockItems:after,
.blockTitles:after,
.main_header_row:after,
#divAreData:after,
.marginTop:after,
#mainContainer:after,
#companyIdWrapper:after,
.gridsell:after,
.marginBottom:after,
.marginTop:after,
.rightText:after,
.personalDataGroup2:after,
#divItemDetails:after,
#divBackEndList .headerSection:after,
.clearafter:after,
#divTitles:after,
.divTitles:after,
.divOrder:after,
.orderInfoDiv:after,
.leftSideBox:after,
.addCondition:after,
.addSettlement:after,
#formCreditCard .formBlock:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.hide {
    display: none !important;
}

body {
    padding: 0;
    margin: 0;
    font-family: Verdana, Arial !important;
    font-size: 12px !important;
}

.LinkTitle {
    font-size: 14px;
    font-weight: bold;
    color: #7d9cf9;
}


a.LinkTitle:link {
    text-decoration: underline;
    color: #7d9cf9;
}

a.LinkTitle:visited {
    text-decoration: underline;
    color: #7d9cf9;
}

a.LinkTitle:hover {
    text-decoration: none;
    color: #7d9cf9;
}

a.LinkTitle:active {
    text-decoration: none;
    color: #7d9cf9;
}

.GridHeaderText {
    text-align: left;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background-color: #a4b5ed;
    padding: 5px;
    border: solid 1px #5177e7;
}

.GridRowAlt {
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    color: #3458c4;
    background-color: #e9eefe;
    border: solid 1px #5177e7;
    height: 30px;
}

.GridRow {
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    color: #3458c4;
    background-color: #fff;
    height: 30px;
}


.PageNumber {
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    color: #3458c4;
    background-color: #fff;
    height: 30px;
}

.CurrentPageNumber {
    text-align: left;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #3458c4;
    background-color: #fff;
    height: 30px;
}

.main-master-div {
    background-color: #fff;
}


.div-outer {
    margin: auto;
    position: relative;
}

.div-inner {
    padding: 0px;
    margin: auto;
}

.main-master-table {
    width: 970px;
}

.main-header-row {
    background-color: #FAF6E8;
    height: 10px;
}

.width5px {
    width: 5px;
}

.width100px {
    width: 100px;
}

.w-65px {
    width: 65px !important;
}
.w-75px {
    width: 75px !important;
}
.w-85px {
    width: 85px !important;
}
.w-90px {
    width: 90px !important;
}
.w-95px {
    width: 95px !important;
}
.w-180px {
    width: 180px !important;
}
.w-100px {
    width: 100px !important;
}
.w-105px {
    width: 105px !important;
}
.w-134px {
    width: 134px !important;
}
.w-140px {
    width: 140px !important;
}
#divItemProperties .check-active #content_body_chkActive {
    margin-top: 2px !important;
}
.pg-dashbord .main-master-div .div-outer .div-inner .radius .chkbx-mt-2px input[type="checkbox"] {
    margin-top: 2px !important;
}
.hide-column {
    width: 0px;
    display: none;
}

.center {
    text-align: center;
}

.text, .error, .message {
    font-size: 9pt;
}

.error {
    color: Red;
    float: left;
}
#divRestaurant input.error, #divRestaurant select.error, #divRestaurant textarea.error {
    background: #ffe6e6;
    border: 1px solid #ffd3d3;
}

label.error {
    width: auto !important;
    margin-left: -10px;
    margin-top: 1px;
    z-index: 2;
}

.message {
    color: Green;
}

.text-bold {
    font-family: Verdana;
    font-weight: bold;
    font-size: 10pt;
}

.normal-font {
    font-family: Verdana;
    font-size: 10pt;
}

input[type=text]::-ms-clear {
    display: none;
}

/*****HolidaySetup table*/
#holidaySetupTable1, .common-table {
    width: 100%;
    border: none;
    margin: 0px;
}
  

    #holidaySetupTable1 th {
        width: 146px !important;
        text-align: left;
    }
    #holidaySetupTable1 th {
        width: 146px !important;
        text-align: left;
    }
    #holidaySetupTable1 th, .common-table th {
        border: none;
        padding: 5px;
        border-right: solid 2px #FFF;
        font-size: 12px !important;
    }

        .common-table th .font-14px {
            font-size: 13px !important;
        }

        #holidaySetupTable1 th:last-child, .common-table th:last-child {
            border-right: solid 0px #FFF;
        }
          #holidaySetupTable1 th {
        width:146px !important;
        text-align:left;
        font-size:12px !important;
    }
    #holidaySetupTable1 td, .common-table td {
        border: none;
        padding: 10px;
    }

    #holidaySetupTable1 tr:first-child, .common-table tr:first-child {
        background-color: #DDDDDD;
    }


/*.button
{
    width:130px;
    font-family:Verdana;
    font-size:10pt;
    height:35px;
    
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
}*/
#divLogin {
    overflow: hidden;
    display: none;
    width: 250px;
}

.text-title {
    font-family: Verdana;
    font-size: 13pt;
    font-weight: bold;
}

.text-box {
    font-family: Verdana;
    font-size: 10pt;
    width: 250px;
}

.dropdown-box {
    font-family: Verdana;
    font-size: 10pt;
    width: 254px;
}


.spinner {
    position: fixed;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    z-index: 9999;
    overflow: auto;
    width: 100%;
    height: 100%;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.1);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    background: url(../Images/ajax-loader.gif) no-repeat 50% 50%;
}

.mt-n2 {
    margin-top: -2px;
}

/*.rounded-corner

{
    border-radius:5px;
    -moz-border-radius:5px;
}*/
.border-gray {
    /*border:1px solid #075F0E;*/
    border: 1px solid #800000;
}

.border-light {
    /*border:1px solid #075F0E;*/
    border: 1px solid #E0E0EB;
}

.header-row {
    color: White;
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    background-color: #800000;
    height: 25px;
}

.footer-row {
    color: White;
    font-family: Verdana;
    font-size: 8pt;
    background-color: #800000;
    height: 10px;
}
#divOrderCreditCards .batchheader div {
    font-size:11px !important;
}
#content_body_divUserMenu ul li div ul {
    max-height:none !important;
}

.data-row {
    color: Black;
    cursor: pointer;
    height: 20px;
    background-color: inherit;
}

.data-row-no-selected {
    background-color: inherit;
}

.data-row-selected {
    background: #D44942;
}

.border-top-right {
    border-top: 1px solid #800000;
    border-right: 1px solid #800000;
}

.border-bottom-right {
    border-bottom: 1px solid #800000;
    border-right: 1px solid #800000;
}

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

.border-bottom {
    border-bottom: 1px solid #800000;
}

.no-scrollbarsm {
    overflow: scroll;
}


.widthCalenderCtrlTxt {
    width: 80px;
}

.calenderCtrlLeftMargin {
    margin-left: 10px;
}

.nameColWidth {
    width: 400px;
}

.textBoxGap {
    margin-bottom: 2px;
}

.rowGap {
    margin-bottom: 10px;
}

/*<AreaUI.aspx>*/
.width {
    width: 97%;
    margin: 0 auto;
}

.border {
    border: 2px solid #b6afa9;
}

.radius {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

h1.title {
    margin: 0;
    padding: 7px;
    font-size: 13px;
    color: #221713;
    font-weight: normal;
}

h2.title {
    margin: 0 0 0 6px;
    padding: 5px;
    font-family: Verdana;
    font-size: 13px;
    color: #000;
    font-weight: normal;
    clear: both;
    text-transform: capitalize !important;
}
.custom-fieldset legend {
    margin: 0 0 0 6px;
    padding: 5px;
    font-family: Verdana;
    font-size: 13px;
    color: #000;
    font-weight: bolder;
    clear: both;
    text-transform: capitalize !important;
}
    .custom-fieldset legend.small {
        font-size: 11px;
        padding: 5px 3px;
    }

#zoneManagement div.leftCol h2 {
    margin-left: 10px !important;
}



.padding {
    padding: 10px;
}

.paddingLeft10 {
    padding: 0 0 0 10px;
}

.paddingLeft {
    padding: 10px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

.marginTop-0 {
    margin-top: 0px !important;
}

.marginTop {
    margin-top: 10px;
}

.marginTop-10 {
    margin-top: -5px;
}

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

.marginTop-15 {
    margin-top: 15px;
}

.marginTop2 {
    margin-top: 20px;
}

.marginBottom {
    margin-bottom: 10px;
}

.marginBottom-20 {
    margin-bottom: 20px;
}

.marginBottom-5 {
    margin-bottom: 5px;
}

.marginBottomMinus {
    margin-bottom: 10px;
}

.marginRight {
    margin-right: 10px;
}

.paddingLeft {
    padding: 0;
    padding-left: 10px;
}

.marginLeft {
    margin-left: 20px;
}

.marginLeft10 {
    margin-left: 5px;
    width: 100px;
}

.marginLeft10PX {
    margin-left: 10px;
}

.inline {
    display: inline-table;
}

.asd {
    margin-left: 5px;
}

.label {
    display: inline-block;
    width: 150px;
    float: left;
    font-size: 12px;
    margin-top: 4px;
}

.labelShort {
    display: inline-block;
    width: 131px;
    float: left;
    font-size: 12px;
    margin-top: 4px;
}

.labelShort2 {
    display: inline-block;
    width: 50px;
    float: left;
    font-size: 12px;
    margin-top: 4px;
}

.labelCash {
    display: inline-block;
    width: 75px;
    float: left;
    font-size: 12px;
    margin: 4px 0px 0px 7px;
}

.labelPettyCash {
    display: inline-block;
    width: 200px;
    float: left;
    font-size: 11px;
    margin-top: 4px;
}

.longLabel {
    display: inline-block;
    width: 370px;
}

.longLabel2 {
    display: inline-block;
    width: 250px;
}

.lableNormal {
    display: inline-block;
    width: 180px;
}

.labelTime,
.labelState {
    display: inline-block;
    width: 50px;
    font-size: 12px;
    float: left;
    height: 23px;
}

#divdivBreackfast #rbtnBDeliveryFeeType {
    width: 30px;
}



textarea.normalWidth {
    vertical-align: top;
}
/*me*/
input.smallWidth {
}

input.smallWidth45 {
    width: 45px;
    text-align: right;
}

.marginLeft2 {
    margin-left: 2px;
}

.width140 {
    width: 140px;
}

input.normalWidth {
    width: 272px;
}
/*me*/
input.phoneWidth {
    width: 20px;
}

input.dateWidth {
    width: 90px;
    margin-right: 30px;
}

input.timeWidth {
    width: 97px;
}

.rightCollItems {
    margin-left: 30px;
    width: 627px;
    position: relative;
}

Prep Time .reasturantHoursWrapper input.timeWidth,
.reasturantHoursWrapper input.timeWidth {
    width: 70px;
    font-size: 12px;
}


input.timeWidthAM {
    width: 90px;
}

input[type="checkbox"] {
    margin: 0px 0px 0px 0px;
    width: 15px;
    padding: 0px;
    border: 0;
    margin-right: 5px;
}

select.single {
    margin: -10px 10px -10px 0px;
    width: 150px;
}

select.single2 {
    width: 170px;
}

select,
optgroup,
select option {
    font-size: 12px !important;
}

#ddlRegionID {
    width: 279px;
}

div#divZoneData label.time {
    width: 52px;
}

div#zoneManagement select#lstZipCodes {
    height: 115px;
    margin-top: 10px;
    width: 150px;
}

#zoneManagement .buttonSet {
    /*margin-left: 290px;*/
    position: absolute;
    bottom: 154px;
    right: 75px;
}


/*input[value="Delete"],*/
#divCustormerList div.blockItems div input.button-brick-red,
#divCustormerList .blockItems .blockLP input.button-brick-red,
#divLunch.padding div input#btnLunchAdd,
.deleteProfile,
div.rightText input#btnDelete,
#content_body_btnDeleteOption,
div.rightText input#btnAdd,
#content_body_btnDeleteChoice,
#content_body_btnAddOptions,
#content_body_btnAddChoice,
#content_body_btnDown,
#content_body_btnUp,
#btnDown,
#btnUp,
#move-up,
#move-down,
#divLunch.padding div input.button-brick-red,
#divDinner.padding div input.button-brick-red,
#divBreackfast.padding div input#btnBreakfastAdd.button-brick-red,
#divChargeConditionSec #btnAdd {
    background: url("../Images/icon_sprit.png") no-repeat left -98px transparent;
    border: medium none;
    box-shadow: none;
    height: 20px;
    overflow: hidden;
    text-indent: -1000px;
    width: 20px;
    cursor: pointer;
    font-size: 0px;
}

.editProfile {
    background: url("../Images/editbutton.png");
    border: medium none;
    box-shadow: none;
    height: 20px;
    overflow: hidden;
    text-indent: -1000px;
    width: 20px;
    cursor: pointer;
    font-size: 0px;
}

#content_body_btnDeleteChoice,
#content_body_btnDeleteOption {
    background-position: left -130px;
}

#content_body_btnUp,
#btnUp {
    background-position: left -295px;
}

#content_body_btnDown,
#btnDown {
    background-position: left -325px;
}


#btnFees,
#content_body_divGrid .deleteProfile,
#content_body_btnRestaurantHours,
#content_body_btnMealPeriod,
#content_body_btnMenuOptions,
#divRestaurant #btnADD1,
#divRestaurant #btnAddCuisine,
#divRestaurant #btnDeleteCuisine,
#divRestaurant #btnDeleteCharges,
#divRestaurant #btnAddCharges,
.menuItemsUi #btnRemoveOption,
.menuItemsUi #btnAddOption,
#divRestaurant #btnDelete1,
#content_body_btnMenuItems,
#content_body_btnMenuGroup,
#content_body_btnRestaurantVacation,
#btnPaymentGateway,
#btncredential, #btnRestaurantFinancials {
    background: url("../Images/icon_sprit.png") no-repeat left -155px;
    border: medium none;
    text-shadow: none;
    box-shadow: none;
    color: #3B3B3B;
    width: 150px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px !important;
}

#content_body_btnMenuOptions {
    background-position: left -181px;
    margin-left: 20px;
    width: 170px;
}

#content_body_btnMenuItems {
    background-position: left -208px;
    margin-left: 20px;
    width: 159px;
}

#content_body_btnRestaurantHours {
    background-position: left -235px;
    padding-left: 10px;
    width: 158px;
}

#content_body_btnMenuGroup {
    background-position: left -208px;
    margin-left: 20px;
    width: 169px;
}

#content_body_btnRestaurantVacation, #btnPaymentGateway, #btncredential, #btnRestaurantFinancials {
    background: none;
}

.icofont-css {


}

.font-25px {
    font-size: 25px !important;
}
.icofont-css i {
    font-family: 'icofont';
    font-size: 18px;
    font-style: inherit;
}


.divMenuUpload-cus {
    position: relative !important;
}

    .divMenuUpload-cus input[type="file"] {
        width: 61%;
        margin-left: 9px;
        margin-top: 10px !important;
    }

    .divMenuUpload-cus .button {
        margin-top: 10px;
    }

.divRemovePdf-cus .DelMenuPdf {
    margin: -76px 0 0 247px;
}

#btnFees {
    background-position: left -260px;
    padding-left: 10px;
    width: 76px;
}

#content_body_divGrid .button-brick-red {
    background-position: left -124px;
}

.deleteProfile,
div.rightText input#btnDelete,
#content_body_divGrid .deleteProfile {
    background-position: left -130px;
    width: 20px;
}

/*#divRestaurant #btnADD1,*/
#divRestaurant #btnDelete1,
.menuItemsUi #btnAddOption,
#divRestaurant #btnDeleteCuisine,
#divRestaurant #btnDeleteCharges
/*#divRestaurant #btnAddCuisine*/ {
    background-position: -3px -364px;
    width: 30px;
    text-indent: -1000px;
    overflow: hidden;
}
/*#divRestaurant #btnDelete1,*/
#divRestaurant #btnADD1,
.menuItemsUi #btnRemoveOption,
/*#divRestaurant #btnDeleteCuisine,*/
#divRestaurant #btnAddCuisine,
#divRestaurant #btnAddCharges {
    background-position: -3px -404px;
    margin-left: 4px;
    overflow: hidden;
    text-indent: -1000px;
    width: 30px;
}

.actionBtn {
    width: 241px;
    margin-top: 4px;
}

div.marginTop h2.ZipCodes {
    margin-left: 179px;
}

#divRestaurant td.mid_row {
    /*width: 41px;*/
    width: 50px;
    padding: 39px;
}



select.multiple2, select.multiple {
    height: 180px;
    margin: 10px;
    width: 278px;
}

select.multiple2 {
    width: 170px;
    height: 120px;
}

#divMealPeriod .left span {
    width: 250px;
}

#divMealPeriod .chkDayList label.label {
    margin: 0 0 0 5px;
}

#divMealPeriod .chkDayList input {
    margin: 3px 0 0 0;
}

#divMenuOption #divOptions label {
    width: 341px;
}

#divDeliveryProfile div.companyIdWrapper {
    padding: 10px;
}

    #divDeliveryProfile div.companyIdWrapper label {
        float: left;
        width: 90px;
    }

.footer {
    color: White;
    text-align: center;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.align-center {
    text-align: center;
}

.ui-datepicker {
    font-size: smaller;
}

.rightText {
    text-align: right;
}

.leftText {
}
/*</AreaUI.aspx>*/

/* 2/20/2013 added by Bhaddiya */
.personTextbox {
    margin-left: 6px;
}

div.divPersonalUi {
    /*margin: 10px;*/
}

    div.divPersonalUi div.personalDataGroup1 span {
        display: inline-block;
        width: 120px;
    }

    div.divPersonalUi div.personalDataGroup2 label {
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px;
    }

    div.divPersonalUi #mainContainer #txtDriverNotes {
        width: 367px;
        height: auto;
    }

    .marginTop.driver label {
        margin-top: 0px !important;
    }

div.divPersonalUi div.left select.selectDimension {
    margin: 0px 10px 10px 10px;
    /*min-height: 440px;*/
    max-height: calc(100vh - 123px);
    width: 265px;
}

.selectAccessDetails {
    margin: 0px 10px 10px 10px;
    min-height: 116px !important;
}

.selectRestaurnatChain {
    min-height: 518px !important;
        height: 518px !important;
}

.selectDimensionUni {
        min-height: 200px !important;
        height: 201px !important;
}

PersonalData #lstPerson option {
    margin-bottom: 4px;
}


#divPersonalData div.personalDataGroup1 div.multElement .input {
    width: 83px;
}

#divPersonalData span#Label6.label {
    width: 120px;
}

#divPersonalData div.personalDataGroup1 div.multElement input {
    width: 183px;
}

#divPersonalData #content_body_Label4,
/*#divPersonalData #Label7,*/
#divPersonalData #content_body {
    width: 120px;
}

#divPersonalData #content_body_Label2 {
    width: 124px;
    margin-left: 15px;
}

#divPersonalData #txtFirstName,
#divPersonalData #txtApartment,
#divPersonalData #txtMobile,
#divPersonalData #txtLastName,
#divPersonalData #txtReEnteredPassword,
#divPersonalData #txtPasswordNew,
#divPersonalData #txtStartDate,
#divPersonalData #txtLoginName {
    width: 122px;
}
#divPersonalData #txtMiddleName {
    width: 129px;
}

#divPersonalData #txtHomePhone,
#divPersonalData #txtworkPhone,
#divPersonalData #txtMobile {
    width: 162px;
}


#divZipCodeData {
    width: 640px;
}

#zipCodeManagement #divZipCodeData {
    width: 100%;
}

.tab-section #divZipCodeData {
    width: 882px;
}

#zoneManagement input#btnDelete.left,
#zoneManagement input#btnAdd {
    float: left !important;
    margin-top: 5px;
}



/*me*/
div.divRestaurantHours div.divDates {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
/*me*/
.btnContainerMarginTop20 {
    margin-top: 20px;
    padding-right: 10px;
}

.marginTop10 {
    margin-top: 10px;
}
/*me*/
.marginTop30 {
    margin-top: 30px;
}
/*me*/
.myCustomButton.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only {
    font-size: 12px;
}

#modelPop {
    font-size: 15px;
}

.watermarkText {
    font-family: Comic Sans MS;
    font-size: 10px;
}

.sectionTopMarg {
    margin-top: 40px;
}


/*-----------------  header Style --------------*/
.main_header_row .logo {
    /*width: 155px;
    padding: 7px 0 0 0;
    float: left;*/
}


#top_right_LoginUC1_loginDiv {
    position: absolute;
    top: 0;
    right: 0;
    background: url(../Images/icon-sprit.png);
    background-repeat: no-repeat;
    background-position: 1px 2px;
}




    #top_right_LoginUC1_loginDiv .text {
    }

/*-----------------  laout Style --------------*/

#pageTitleWrapper {
    /*width: 100%;
    background: #d1d5cf;*/
}

.pageTitle {
    /*width: 621px;
    margin: 0 auto;*/
}

.oneColPage {
    padding: 10px;
    width: 960px;
}

.oneColPageGift {
    padding: 10px;
    padding-bottom: 20px;
    width: 538px;
    margin-bottom: 0px;
}

.checkoutGrid #divAddMore {
    background: url("../Images/open_close_btn.png") no-repeat scroll 1px -23px;
    cursor: pointer;
    font-size: 11px;
    padding: 5px 22px;
}

.mainContaint,
#mainContainer {
    /*margin: 20px auto 0;
    min-height: 490px;
    width: 980px;
    margin-bottom: 20px;*/
}

.giftCardAddBtn {
    width: 145px;
    padding: 3px;
    margin-bottom: 10px;
    font-size: 12px !important;
    cursor: pointer;
    height: 30px;
    margin-left: 20px;
}

/*.giftCardAddBtn2 {
    width: 300px;
    height: 50px;
    padding: 5px;
    font-size: 12px;
    cursor: pointer;
}*/

.leftCol {
    width: 288px;
    height: auto;
    padding: 0 10px 0 0px;
}

.leftCol2 {
    margin: 20px 20px 100px 20px;
    width: 500px;
    height: auto;
    padding: 0 10px 0 0px;
}


/*#zipCodeManagement .leftCol {
    width: 140px;
}*/

/*
#zipCodeManagement .rightColl 
{
    width: 728px;
}*/


.zipcodeLabel {
    margin-left: 10px;
    width: 150px;
    padding-left: 15px;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-top: 4px;
}


.rightColl {
    margin-left: 20px;
    position: relative;
    /*width: 580px;*/
}

.com-left-Coll {
    position: relative;
    width: 340px;
    /*height: 599px;*/
}

    .com-left-Coll .label {
        width: 240px;
    }

.com-btm-Coll {
    position: relative;
    width: 934px;
}

#content_body_chkDeliveryTaxList, #content_body_chkTipTaxList {
    margin-top: 3px;
}

.company-save-btn .button {
    text-align: center;
}

.company-sales-tax-wrapper {
    float: right;
    width: 258px;
    position: relative;
    left: -40px;
    top: -8px;
}

.rightColl1 {
    margin-left: 20px;
    position: relative;
    width: 681px;
}

.rightColl2 {
    margin-left: 20px;
    position: relative;
    width: 580px;
}

.rightCollhalf {
    margin-left: 20px;
    position: relative;
    width: 295px;
}

#divtimeSetter #companySalesTax {
    /*width: 255px;
    float: left;*/
}

.house-item-report select {
    width: 192px;
}

.gen-active {
    float: right;
    position: relative;
    margin-top: -25px;
}

    .gen-active .label {
        width: 70px;
    }

#divtimeSetter {
    /*margin-top: 8px;
    margin-right: 20px;
    width: 425px;
    padding: 10px 20px 20px 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
}

.on-tax span {
    margin-top: 10px;
}

.rightColl3 {
    margin-left: 75px;
    width: 323px;
}

#PersonalData .rightColl {
    padding-right: 0;
}


input, textarea, select {
    float: left;
    padding: 3px;
    border: 1px solid #DADADA;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-left: 0px;
}

textarea {
    font-size: 13px;
}

/*input[type="radio"]
{
    width:15px;
    -webkit-border-radius:0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
*/

.multiInputsinput,
.multiInputs textarea,
.multiInputs select {
    margin-right: 6px;
}


#divSelection span label {
    margin-left: 5px !important;
}

#content_body_StatusLabel {
    position: absolute;
    left: 0;
    width: 170px;
    margin-left: -99px;
    top: 48px;
    font-size: 12px;
}

input[type="file"] {
    width: 87px;
}



select { /*margin-left: 11px;*/
}

#ddlTimeZone {
    width: 271px;
}

textarea {
    width: 270px;
    height: 55px;
}

.ziptextarea {
    width: 300px;
    height: 70px;
}



input:focus,
select:focus,
textarea:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}
#divItemDetails input:focus,
#divItemDetails select:focus,
#divItemDetails textarea:focus {
    outline: none;
    border-color: transparent;
    box-shadow: 0 0 0 transparent;
}

.menuItemsUi #divItemDetails input:focus,
.menuItemsUi #divItemDetails select:focus,
.menuItemsUi #divItemDetails textarea:focus {
    border-color: #DADADA;
}

.mainFooter p {
    margin: 0;
    color: #fff;
    font-size: 12px;
}

.personalDataGroup2 {
    font-size: 13px;
    margin-top: 1px;
}

table#lunchTable tbody tr td b {
    font-size: 12px;
}

.personalDataGroup2 div {
    float: left;
    width: 283px;
}



#divRestaurant #ddlBillingState,
select#ddlState {
    width: 60px;
    padding: 3.5px;
    margin-top: 1px;
}

#divPersonalData .multyElimants {
}

#checkinData div label.time,
#lblChkInDate,
#lblChkInTime {
    font-size: 12px;
}

/*#divRestaurant #txtBillingZip
{
    width: 95px;
}*/
.Zipcode {
    width: 63px;
}

.reasturantHoursWrapper {
    float: left;
    width: 480px;
}

    .reasturantHoursWrapper .dinnerDataCol,
    .reasturantHoursWrapper #divDates {
        width: 85px;
    }


    .reasturantHoursWrapper .label {
        width: 130px;
    }

.toLable {
    width: 50px;
}

.reasturantHoursWrapper .label100 {
    width: 100px;
}

#content_body_divProfileData table {
    width: 800px !important;
}

    #content_body_divProfileData table tr {
        font-size: 12px;
    }

#lstRegion {
    height: 96px;
}

div#driverCheckInMgt #lstDrivers {
    height: 200px;
}

#lstRestaurant,
#zoneManagement #content_body_ddlsrchArea,
#zoneManagement #content_body_ddlsrchRegion {
    margin: 0 10px 10px;
    width: 265px;
}

#zoneManagement #lstZones {
    height: 242px;
    margin: 0 10px 10px;
    width: 266px;
}

div#divCountry #lstCounties {
    height: 102px;
    margin: 0px 10px 10px 10px;
    width: 278px;
}

#divCuisine #lstCuisines {
    height: 110px;
}


btnSaveChoice #GiftCardData #btnCreate {
    width: 80px;
}

#areaManagement select#lstAreas {
    height: 124px;
}

#driverCheckInMgt .rightColl,
#divCuisine .rightColl {
    height: 113px;
}

/*#divMealPeriod #lstMealPeriod
{
    width:278px;
    margin:10px;
}*/

#divRestaurant input#txtphone,
#divRestaurant input#txtBillingPhone {
    width: 160px;
}

#divRestaurant #txtBillingStreet, #divRestaurant #txtStreet {
    width: 75px;
}

#divRestaurant #lstAsignMenuList,
#divRestaurant #lstUnasignMenuList,
#divRestaurant #lstAsignCuisine,
#divRestaurant #lstUnasignCuisine,
#divRestaurant #lstAssignedCharges,
#divRestaurant #lstUnAssignedCharges {
    width: 305px;
}

#divRestaurant #txtStreet,
#divRestaurant #txtSuite,
#divRestaurant #ddlState,
#divRestaurant #txtZip,
#divRestaurant #txtBillingStreet,
#divRestaurant #txtBillingSuite,
#divRestaurant #txtBillingSuite,
#divRestaurant #ddlBillingState,
#divRestaurant,
#divRestaurant #txtBillingZip {
    margin-left: 4px;
}


#divRestaurant #btnPaymentGateway {
        width: 185px !important;
}


    #divRestaurant #txtHouseNo,
    #divRestaurant #txtBillingHouseNo,
    #divRestaurant #txtStreet {
        width: 82px;
    }

#divPersonalData #txtHouseNumber,
#divHouseAccnt #txtHouseNumber {
    width: 50px !important;
}

#mainContainerChargers .addCondition {
    width: 576px;
    font-size: 13px;
}

#divAddedCondition1 .dlt_btn {
    margin-top: 8px;
    margin-right: 18px;
}

#divPersonalData #txtCity {
    width: 128px !important;
}

#divPersonalData #txtStreet {
    width: 195px !important;
}

.menuItemsUi #divItemDetails span {
    width: 75px;
    float: none;
    line-height: 15px;
}

#divItemDetails #itemType td input[type='radio'],
#divItemDetails #amountType td input[type='radio'] {
    float: left;
    line-height: 2;
    margin-top: -7px !important;
}

#divItemDetails #itemType td label,
#divItemDetails #amountType td label {
    float: left;
    margin-top: -10px !important;
    margin-bottom: 0 !important;
}
#divItemDetails #itemType,
#divItemDetails #amountType {
    margin-top: 15px;
    margin-bottom: 8px;
}

.lblTaxable
/*.menuItemsUi td label*/ {
    display: inline-block;
    font-size: 12px;
    margin-top: 2px;
}



.menuItemsUi input[type="radio"] {
    width: 20px;
}

.menuItemsUi #divItemDetails .padding {
    padding: 9px;
}


.menuItemsUi label.lblTaxable,
.menuItemsUi .timeSelector .label,
.menuItemsUi #content_body_lblOutStock,
.menuItemsUi #content_body_lblMin,
.menuItemsUi #content_body_lblQty,
.menuItemsUi #content_body_lblreason {
    margin-top: 0px;
    margin-left: 5px;
    width: auto;
}


.menuItemsUi #content_body_Label4,
.menuItemsUi #content_body_Label2,
.menuItemsUi #content_body_Label3,
.menuItemsUi #content_body_Label6 {
    margin-right: 6px;
    margin-top: 3px;
    width: 100px;
}


.menuItemsUi #content_body_Label4 {
    margin-left: 30px;
}

.menuItemsUi #content_body_txtMinutes,
.menuItemsUi #content_body_ddlPreparationDay {
    margin-right: 25px;
    margin-left: 10px;
}

.menuItemsUi table tbody tr td div#bottom {
    margin-top: 6px;
}


.menuItemsUi #content_body_chkDiscontinued,
.menuItemsUi #content_body_chkDiscontinued,
.menuItemsUi #content_body_chkOutStock,
.menuItemsUi #content_body_lblMin {
    margin-top: 0px;
    margin-right: 6px;
}

.menuItemsUi .mid_arror_section {
    width: 30px;
    padding: 13px;
}

.menuItemsUi #content_body_lblQty {
    margin: 0;
    width: 90px;
}

.itemEndLabel {
    margin-left: 11px;
}

.menuItemsUi #content_body_lblTime {
    width: 160px;
}

.menuItemsUi #content_body_lblOutStock {
    margin-top: -2px;
}

.menuItemsUi #content_body_lblreason {
    margin-right: 10px;
    width: 160px;
}

/*.menuItemsUi #txtCouponStartDate 
{
margin-right: 30px;
width: 145px;

}*/
.menuItemsUi #content_body_lblMenuGroup,
.menuItemsUi #content_body_Label7 {
    width: 80px;
}

.menuItemsUi .discontinued,
.menuItemsUi .timeSelector {
    margin-left: 0px;
}

.margingLeft30 {
    margin-left: 30px;
}
.margingRight30 {
    margin-right: 30px;
}
.margingRight25 {
    margin-right: 25px;
}

table.gridtable tr th {
    font-size: 13px;
    padding: 5px;
}

table.gridtable tr td {
    font-size: 12px;
    padding: 2px 5px;
}

#content_body_divProfileData .gridtable tr:nth-child(2n+2),
#divDeliveryProfile .gridtable tbody tr:nth-child(2n+2),
#divMarketPrice table.gridtable tr:nth-child(2n+2) {
    background: #ededed;
}

#divDeliveryProfile #divGrid #txtName {
    width: 230px;
}

#content_body_divProfileData .gridtable {
    width: 100% !important;
}

.texRight {
    margin-right: 38px;
    text-align: right;
}

.CompanyMidLabel {
    width: 150px;
    margin-left: 0px;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-top: 4px;
}

.CompanySmallLabel {
    width: 100px;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-top: 4px;
    margin-left: 40px;
}

.CompanyTipText {
    width: 50px;
    text-align: right;
}

.CompanyFeeText {
    width: 50px;
    text-align: right;
}

.prices {
    text-align: right;
}

#CompanyData .txtHouseNumber {
    margin-right: 10px;
    width: 75px;
}

#CompanyData #txtStreet {
    margin-left: 0px;
    /*width: 195px !important;*/
}

#CompanyData #txtHouseNumber {
    width: 60px !important;
}

#CompanyData #txtPhone {
    width: 162px !important;
}



#CompanyData #txtCity {
    margin-right: 0px;
    width: 141px !important;
}

#CompanyData #txtCGateway {
    margin-right: 6px;
    width: 212px !important;
}

#CompanyData #txtGWPort {
    width: 54px !important;
}

#CompanyData #content_body_Label14 {
    width: 24px;
}

#CompanyData #dropAutorizeOn,
#CompanyData #ddlSalesTax {
    width: 152px;
}

#CompanyData #chkAuthorize {
    margin-top: 5px;
}

#CompanyData #txtAutorizeExtra,
#CompanyData #txtCCServiceFee {
    margin-left: 0px;
    width: 45px;
    text-align: right;
}

#CompanyData #content_body_Label13,
#CompanyData #content_body_Label37 {
    width: 20px;
    margin-left: 6px;
}

#CompanyData #lstCompany {
    margin: 0px 10px 10px 10px;
}

#CompanyData #chkActive {
    font-size: 14px;
}

.colthree {
    width: 100px;
}

#content_body_btnSameMonLunch,
#content_body_btnSameMonDinner {
    width: auto;
}







/*---------------Message Styling Start-------------------- */
.ui-dialog {
    font-size: 13px;
    padding: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: inset 3px 3px 21px #c2c3c2;
    -webkit-box-shadow: inset 3px 3px 21px #c2c3c2;
    box-shadow: inset 3px 3px 21px #c2c3c2;
}

    .ui-dialog div.ui-dialog-buttonpane {
        background: none;
    }

.message h3 {
    font-size: 14px;
    font-weight: bold;
    color: #000 !important;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    font-family: Verdana;
}

.labelContainer {
    color: #000;
    margin-bottom: 5px;
}

#divDeleteAllert p {
    background: url("../Images/alert-icon.png") no-repeat left center;
    padding: 10px 0 10px 40px;
    font-family: Verdana;
}


#divDeleteWarning p {
    background: url("../Images/warning-icon.png") no-repeat left center;
    padding: 10px 0 10px 40px;
    font-family: Verdana;
}

#divSuccess p {
    background: url("../Images/success-icon.png") no-repeat left center;
    padding: 10px 0 10px 40px;
    font-family: Verdana;
}

#divHold p {
    background: url("../Images/error-icon.png") no-repeat left center;
    padding: 10px 0 10px 40px;
    font-family: Verdana;
}

#divConfirmation p {
    background: url("../Images/question-icon.png") no-repeat left center;
    padding: 10px 0 10px 40px;
    font-family: Verdana;
}


.message p {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: #000;
    font-family: Verdana;
}


/*---------------end Message Styling Start-------------------- */

.searchLabel {
    float: none;
    margin-bottom: 6px;
}

.searchBlock {
    margin-left: 10px;
}

.multElement {
    width: 600px;
}

div.left select.selectDimension {
    margin: 0px 10px 10px 10px;
    height: 525px;
    width: 264px;
    min-height: calc(100vh - 130px);
}
div.left select#lstMenuItems.selectDimension {
    max-height: calc(100vh - 295px);
    min-height: calc(100vh - 295px);
    width: 287px;
    margin-left: 9px;
}
    div.left select#lstMenuItems.selectDimension:focus {
        outline: none;
        border: 1px solid #DADADA;
        box-shadow: 0 0 0 transparent;
    }

div.left select.selectDimension-menumag {
    height: 465px;
    min-height: calc(100vh - 190px);
}

div.left select.selectPortalAccessManagement {
    min-height: 100px !important;
        height: 107px !important;
}

div.left #lstHallName {
    min-height: 200px;
    margin-bottom: 0px;
}

div.left select.mgs-selectDimension {
    margin: 0px 10px 10px 10px;
    min-height: 440px;
    width: 90%;
}

#choicesBtnPannel input[type='button'] {
    margin-bottom: 10px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: verdana !important;
    font-size: 1em !important;
}

.ui-widget {
    font-family: verdana !important;
    font-size: 12px;
}

.removeRightMargin {
    margin-right: 0;
}

#breakfastTable {
    float: left;
}

#btnDinnerAdd,
#btnLunchAdd,
#btnBreakfastAdd {
    margin-right: 23px;
    position: relative;
    float: none;
}
/*
#divBreackfast.padding div table.gridtable
{
    width:586px;
}
*/

#divCompanyData table#content_body_chkSalesTaxList tr td,
#divCompanyData table#content_body_chkAuthorizeTaxList tr td,
#divCompanyData table#content_body_chkDeliveryTaxList tr td,
#divCompanyData table#content_body_chkTipTaxList tr td {
    display: block;
    font-family: Verdana;
    font-size: 13px;
    float: left;
    padding: 5px;
    margin-left: 15px;
}

.deliveryProContent input[type="radio"] {
    width: 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.deliveryProContent.padding div table.gridtable {
    width: 586px;
}

.deliveryProContent label {
    font-size: 13px;
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-top: 4px;
}


.deliveryProContent table {
    width: 190px;
}


.deliveryProContent tr {
    float: left;
}

.deliveryProContent #txtBMinAmount,
.deliveryProContent #txtLMinAmount,
.deliveryProContent #txtDMinAmount {
    margin-left: 171px;
}

.priceTextBox {
    text-align: right;
}

#DateTimeController {
    left: 0;
    position: fixed;
    top: 0;
    padding: 5px;
    background: red;
}

    #DateTimeController div div {
        float: left;
    }

.blockItems {
    width: 462px;
    position: relative;
}

.divOrder div,
.blockTitles div {
    float: left;
    font-size: 13px;
    font-weight: bold;
}

.divOrder div {
    font-weight: normal;
}

.blockTitles div.blockName {
    width: 165px;
}



.blockItems div.blockLP,
.blockItems div.blockDP,
.blockTitles div.blockLP,
.blockTitles div.blockDP {
    width: 100px;
}

blockTitles div.blockDP {
    margin-right: 0;
}




.blockItems div {
    float: left;
    font-size: 12px;
    margin-top: 2px;
}

    .blockItems div.blockName {
        width: 175px;
    }

/*blockItems*/

#optAddresses.margintop div.addressBlock input.btnImgTruck {
    height: 25px;
    border: none;
    width: 25px;
    background: url('../Images/scooter.png') no-repeat !important;
    left: 2px;
    position: absolute;
    top: -1px;
}

.GroupDescription label,
.GroupDescription {
    margin-top: -15px;
    margin-bottom: 10px;
    float: none;
    width: 100%;
}

#content_body_divItemOptionSection #divFileUploader {
    position: absolute;
    top: 40px;
    right: 10px;
    padding: 0 0 0 10px;
    background: #fff;
}
    #content_body_divItemOptionSection #divFileUploader #FUploader {
        margin: 57px 0 0 !important;
        border: 0;
        padding: 0;
        width: 79px
    }
    #content_body_divItemOptionSection #divFileUploader #content_body_imgTest {
        border: 1px solid #999999;
        margin: 0;
        padding: 0px;
        width: 79px;
        position: absolute;
        right: 0;
        top: 0;
        height: 54px;
    }
.marginTop.marginBottom > img {
    border: 1px solid #999999;
    margin: 32px 0px 0px 20px;
    padding: 0px;
    position: absolute;
    right: 24px;
    top: 20px;
    width: 100px;
}
.uploaded-image #content_body_imgTest {
    margin: 0;
    right: 15px;
    top: 24px;
}

.cuisine_imageicon {
    border: 1px solid #999999;
    margin: 0 10px 0 0 !important;
}

.quoteTime div.leftCol,
.quoteTime div#zonediv {
    padding: 10px;
    margin-left: 100px;
}



#chkAdvance {
    margin: 16px 5px 0 10px;
}

.divOrderListing .label {
}

/*.radius
{
    position:relative;
    padding-top:100px;
}*/

#divOrderListing div.marginBottom label.title {
    margin-left: 10px;
    margin-top: 13px;
    width: 140px;
}

#content_body_divSearchOption {
}

#content_body_divSearchOption {
    float: right;
    margin-right: 500px;
    margin-top: -25px;
    position: relative;
    width: 410px;
}

    #content_body_divSearchOption input[type="radio"] {
        width: 10px;
        margin-left: 15px;
    }

#divSearchByDate {
    width: 216px;
    margin-bottom: 10px;
}

    #divSearchByType div,
    #divSearchByDate div {
        margin-bottom: 10px;
    }

        #divSearchByType div label,
        #divSearchByType div select,
        #divSearchByDate div label,
        #divSearchByDate div input {
            margin-bottom: 5px;
        }

#btnGetOrderLists {
    position: absolute;
    right: 10px;
    bottom: 5px;
    width: 124px;
}

#divSearchByType {
    float: left;
}

    #divSearchByType label {
        width: 160px;
    }


/*Style for order listing*/

.blockTitles div,
.divOrder div {
    float: left;
    position: relative;
    padding: 1px;
    text-align: left;
    font-size: 11px;
}

.divOrder .OID,
.OdeliverTime,
.Orname,
.OaddressName,
.Ototal {
    cursor: pointer;
}

.blockTitles .OID,
.divOrder .OID {
    width: 64px;
}

.blockTitles .OT, .divOrder .OT {
    width: 110px;
}


.blockTitles .Ofname,
.divOrder .Ofname {
    width: 166px;
}

.blockTitles .Olname,
.divOrder .Olname {
    width: 50px;
}

.blockTitles .Orname,
.divOrder .Orname {
    width: 132px;
}

.blockTitles .Ostatus,
.divOrder .Ostatus {
    width: 50px;
}

.blockTitles .OdeliverTime,
.divOrder .OdeliverTime {
    width: 160px;
}

.blockTitles .OaddressName,
.divOrder .OaddressName {
    width: 110px;
}

.blockTitles .Ototal,
.divOrder .Ototal {
    width: 65px;
    text-align: right;
}

.divOrder .Icons {
    margin-right: 0px;
    margin-left: 0px;
    width: 12px;
}
/*.blockTitles .OHnumber,
.divOrder .OHnumber{
    width:50px;
}
.blockTitles .Ostreet,
.divOrder .Ostreet{
    width:50px;
}
.blockTitles .Ocity,
.divTitles .Ocity{
    width:50px;
}
.blockTitles .Ocode,
.divTitles .Ocode{
    width:50px;
}
.blockTitles .Ozipcode,
.divTitles .Ozipcode{
    width:50px;
}
.blockTitles .Otota,
.divTitles .Otota{
        width:50px;
}*/



#content_body_chkOnlyActive {
    margin: 4px 10px 10px;
}

#content_body_lblOnlyActive {
    font-size: 12px;
}

#lblOnlyActive {
    display: block;
    float: left;
    font-size: 12px;
    padding-top: 8px;
    position: relative;
    top: -1px;
    left: 1px;
    height: 14px;
}

.panel {
    background: #F1F1F1;
    border: 1px solid #DDDDDD;
    margin-top: 20px;
    padding: 10px;
}

.nameTitle {
    width: 60px;
}

#divHouseAccount .label {
    width: 150px;
}

#divHouseAccount #txtLastName,
#divHouseAccount #txtFirstName {
    margin-left: 5px;
    width: 160px;
}

/* =========== START CALL BACK PAGE ============*/

.instructionLabel {
    width: 200px;
    font-size: 10px;
}

.orderInfo {
    font-size: 12px;
    width: 70px;
    margin-left: 10px;
    margin-right: 20px;
}

.btnOrderInfo {
    width: 60px;
    height: 23px;
    margin-left: 5px;
    text-align: center;
    cursor: pointer;
}

.orderInfotxt {
    width: 65px;
    margin-left: 5px;
    height: 15px;
}

.orderInfoDiv {
    width: 350px;
    display: block;
    margin-top: 10px;
}

.orderInfoDivBtn {
    width: 270px;
    display: block;
    margin-top: 10px;
    margin-left: 50px;
    display: block;
    clear: both;
}

    .orderInfoDivBtn input {
        width: 108px;
        height: 30px;
        margin-left: 5px;
        text-align: center;
        cursor: pointer;
        margin-bottom: 10px !important;
    }

.orderInfoDiv span {
    float: left;
    width: 132px;
}

.cusInfo {
    font-size: 12px;
    display: block;
}

.saveBtns {
    float: right;
    width: 75px;
}

#divDateOrderTaken #lblDateOrderTaken,
#divDateOfDelivery #lblDateOfDelivery {
    width: 174px;
}

#divSaveInfo {
    margin-top: 25px;
}

.instructions {
    width: 210px;
    margin-left: 10px;
    margin-top: 20px;
}

#divAddressNote {
    margin-top: 30px;
}

#divSaveIns {
    margin-left: 450px;
}

.insText {
    Width: 200px;
    Height: 75px;
}

/* =========== END CALL BACK PAGE ============*/
.ui-dialog {
    position: fixed !important;
    top: 30px !important;
}

.red_error {
    color: #ff0000;
    font-size: 11px;
    font-family: inherit;
}

.tooltip {
    color: #b5b5b5;
    font-size: 11px;
    font-family: inherit;
}

.pgngoDatesandTimes .tooltip .tooltiptext, .pgngoRadioBtn .tooltip .tooltiptext, .grpOrdrinviteNewGroup .tooltip .tooltiptext, .pgngo-event-sec-two .tooltip .tooltiptext, #total_cont .tooltip .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: rgba(218, 238, 255, 0.9);
    color: #272727;
    /* text-align: center; */
    border-radius: 4px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    left: 24px;
    top: -39px;
    text-align: left;
    font-size: 1em;
    height: 80px;
}


#divOrderSummaryTot .tooltip .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: rgba(218, 238, 255, 0.9);
    color: #272727;
    /* text-align: center; */
    border-radius: 4px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    left: 24px;
    top: -39px;
    text-align: left;
    font-size: 1em;
    height: 80px;
    font-family: 'Droid Sans', sans-serif !important;
}

#divOrderSummaryTot .tooltip:hover .tooltiptext,
#total_cont .tooltip:hover .tooltiptext {
    visibility: visible;
}

#divOrderSummaryTot .tooltip .tooltiptext h4:first-child,
#total_cont .tooltip .tooltiptext h4:first-child {
    font-weight: 800;
    color: #185588;
    font-family: 'Droid Sans', sans-serif !important;
    margin-top: 0;
    margin-bottom: 8px;
}

#divOrderSummaryTot .custopm-tooltip-pos-left,
#total_cont .custopm-tooltip-pos-left {
    position: absolute;
    left: 129px;
    top: 0px;
}

.custom-tootltip {
    position: relative;
}

    .custom-tootltip .tooltip {
        opacity: 1;
    }

        .custom-tootltip .tooltip .tooltiptext {
            visibility: hidden;
            width: 250px;
            background-color: rgba(218, 238, 255, 0.9);
            color: #272727;
            /* text-align: center; */
            border-radius: 4px;
            padding: 8px;
            position: absolute;
            z-index: 1;
            left: 24px;
            top: -39px;
            text-align: left;
            font-size: 1em;
            font-family: 'Droid Sans', sans-serif !important;
        }

    .custom-tootltip.on-top .tooltip .tooltiptext {
        left: -73px !important;
        top: -102px !important;
    }

    .custom-tootltip .tooltip:hover .tooltiptext {
        visibility: visible;
    }

    .custom-tootltip .tooltip .tooltiptext h4:first-child {
        font-weight: 800;
        color: #185588;
        font-family: 'Droid Sans', sans-serif !important;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .custom-tootltip .custopm-tooltip-pos-left {
        position: absolute;
        left: 100px;
        top: 8px;
    }

    .custom-tootltip.on-top .custopm-tooltip-pos-left {
        left: 88px !important;
        top: 2px !important;
    }

.custom-ico {
    font-size: 10px;
    padding: 1px;
    color: #418cb1;
    border: 2px solid #418cb1;
    border-radius: 30px;
    padding-left: 2px;
    padding-right: 2px;
}

.custompopup,
.custompopup .ui-dialog-titlebar {
    background: #fff !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    .custompopup .ui-dialog-titlebar {
        border: none !important;
        color: #414141 !important;
        border-bottom: 1px solid #0E7B9E !important;
        font-weight: normal;
        font-size: 14px;
        font-weight: bold;
    }

    /*========================================================================order summery page popup 2014.05.27===========================================================================*/

    .custompopup .odersummery {
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        border-radius: 5px !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .custompopup .odersummery {
        padding: 0.4em 1em;
        border: none !important;
        color: #fff !important;
        border-bottom: 1px solid #0E7B9E !important;
        font-weight: normal;
        font-size: 14px;
        font-weight: bold;
    }


/*=======================================================================================================================================================================================*/




#divBackEndList .headerSection div {
    float: left;
    width: 150px;
    font-size: 13px;
    font-weight: bold;
}


#divBackEndList .headerSection .blockName {
    width: 155px;
}

#divCustormerList .blockItems .blockLP {
    margin-right: -18px;
    width: 144px;
}

    #divCustormerList .blockItems .blockLP input[type=radio] {
        width: 30px;
    }

    #divCustormerList div.blockItems div input.button-brick-red,
    #divCustormerList .blockItems .blockLP input.button-brick-red {
        float: right;
        background-position: left -130px;
    }

.panel table tr input {
    width: 20px;
}

.panel table {
    float: left;
}

.radio_panel span {
    display: block;
    float: left;
    font-size: 12px;
    margin-top: 5px;
}

.panel table tr {
    float: left;
    width: 54px;
    font-size: 12px;
}

#divCart {
    background: #ededed;
    min-height: 300px;
    right: 0;
    top: 93px;
    width: 311px;
    margin-top: 60px;
    position: fixed;
    font-size: 12px;
    border: solid 1px #777;
    box-shadow: 1px 1px 1px #555,1px 1px 0px #fff inset;
    padding: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-right: none;
    padding-left: 0px;
}

    #divCart ul {
        padding-left: 15px;
    }

#btnResAdd {
    width: 160px;
}



#btnZoneAdd {
    width: 120px;
}
/*Added by prasad on 0802013*/

.multElement #chkSalesTaxList input[type='checkbox'] {
    border: solid 1px #000;
    margin-right: 25px;
}

.qtrname {
    width: 140px;
    margin-top: 5px;
}

.qtrqouteTime {
    width: 80px;
    margin-top: 5px;
}

.check-selectall {
    width: 30px;
    margin-top: 10px;
}

.qtrIcons {
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 5px;
    width: 12px;
}

.PopLabel {
    margin-top: 15px;
    width: 150px;
    display: inline;
}

.PopText {
    margin-top: 10px;
    margin-bottom: 10px;
}

#divPaymentTypePop .PopLabel {
    display: block;
    margin-bottom: -6px;
}

#divTest #txtApartment {
    width: 65px;
}

#mainContainerChargers .rightColl {
    /*width:550px;*/
    width: 600px;
    margin-left: 18px;
}

#divTitlePrime,
#divTitleSec {
    background: none repeat scroll 0 0 #C1C3C3;
    height: 20px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 5px;
}

#divChargeDataSec input[type="radio"] {
    width: 10px;
}

#divChargeConditionSec input[type="radio"],
#divSelectionAreaAdjustment input[type="radio"] {
    width: 10px;
}

#divChargeCondition,
#divChargeConditionSec {
    height: 60px;
    width: 580px;
    margin-top: 14px;
    margin-bottom: -10px;
}

#txtChargeAmount {
    text-align: right;
    /*margin-top:1px;*/
}

#divChargeConditionSec .label {
    width: 324px;
    margin-left: -16px;
    margin-top: 1px;
    width: 218px;
}

#mainContainerChargers .leftCol {
    margin-left: -16px;
}

/*#mainContainerChargers .rightColl
{
    margin-left: 18px;
}*/

#divChargeConditionSec .labelShort {
    margin-left: 4px;
    margin-right: 4px;
    width: 24px;
}

#divChargeConditionSec .smallWidth {
    width: 86px;
    text-align: right;
}

#divChargeDataPrime .label,
#divChargeCondition .label {
    width: 234px;
}


#rbtnChargeType #rbtnChargeType_1 {
    margin-left: 35px;
    margin-right: 10px;
}


#rbtnChargeType #rbtnChargeType_0 {
    margin-left: 15px;
    margin-right: 10px;
}

/*#mainContainer .rightColl2
{
    width:600px;
    margin-left: 18px;
}*/

#GiftCardData .labelShort {
    width: 160px !important;
}

#GiftCardData #txtAmount,
#GiftCardData #ddlAmount {
    width: 85px !important;
    margin-right: 10px !important;
    margin-top: 3px;
}

#GiftCardData #txtAmount {
    text-align: right;
}

.wrapperUiTab {
    border: none !important;
    padding: 0;
    /*background: #fff !important;*/
}

    .wrapperUiTab .ui-tabs-nav {
        background: none;
        border: none;
    }

        .wrapperUiTab .ui-tabs-nav li {
            background: #6c6c6c;
            border: solid 1px #e1e1e1;
        }

            .wrapperUiTab .ui-tabs-nav li.ui-tabs-active {
                background: #ffffff;
                border: solid 1px #e1e1e1;
            }

                .wrapperUiTab .ui-tabs-nav li.ui-tabs-active a {
                    color: #484848;
                }

    .wrapperUiTab .wrapperTabContent {
        margin-top: 0 !important;
        border: solid 1px #e1e1e1 !important;
        padding-right: 7px !important;
        background: #ffffff !important;
        min-height: 300px !important;
    }

    .wrapperUiTab #mainContainer .rightColl2 {
        width: 405px;
    }

        .wrapperUiTab #mainContainer .rightColl2 #txtPettyCashAmnt {
            width: 230px;
        }

    .wrapperUiTab #mainContainer {
        width: 755px;
    }



#btnAdd.giftCardAddBtn {
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dbdbdb')";
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
    border: 1px solid #828282 !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    text-decoration: none;
    text-shadow: #fff 0 1px 0;
    float: left;
    margin-right: 15px;
    padding: 2px 10px;
    display: block;
    color: #597390;
    line-height: 24px;
    font-size: 11px !important;
    height: 27px;
    font-weight: normal;
    margin-bottom: 0;
    background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #ffffff),color-stop(1, #dbdbdb));
}

    #btnAdd.giftCardAddBtn:hover {
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#eeeeee')";
        color: #000;
        display: block;
        background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0, #ffffff),color-stop(1, #eeeeee));
    }

.editBtn {
    background: url("../Images/edit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FF0000;
    cursor: pointer;
    font-size: 0;
    height: 18px;
    margin-left: 10px;
    padding: 0;
    position: relative;
    width: 16px;
}

.addCondition {
    background: none repeat scroll 0 0 #E9FAFF;
    margin-bottom: 1px;
    padding: 6px 3px;
    position: relative;
    width: 594px;
    display: inline-block;
}

    .addCondition:nth-child(2n+2) {
        background: none repeat scroll 0 0 #FFF8E9;
    }

    .addCondition .addFrom,
    .addCondition .addTo,
    .addCondition .addAmount {
        width: 120px;
    }

    .addCondition .addFrom {
        margin-left: 100px;
    }

.dlt_btn {
    background: url("../Images/close_btn2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 14px;
    padding: 0;
    right: 0;
    top: 1px;
    width: 16px;
    font-size: 0;
    margin-left: 15px;
}

.addCondition div {
    float: left;
}

#divOrderAddr input {
    width: 20px;
}

/*Start style for dispatch MainScreen page */
#filterWrapper {
    padding: 8px;
    background: #efefef;
    border: solid 1px #c3c3c3;
    position: relative;
}

    #filterWrapper.filterWrapperinscrall {
        background: #EFEFEF;
        border: 1px solid #C3C3C3;
        height: 147px;
        left: 0;
        padding: 8px;
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 99;
    }

    #filterWrapper #chkStatusContainer {
        float: right;
        padding: 5px 0px 5px 10px;
    }
        #filterWrapper #chkStatusContainer .innerWrapperChkStatus {
            margin-right: 15px;
            display: flex;
            float: left;
            align-items: center;
        }

            #filterWrapper #chkStatusContainer .innerWrapperChkStatus input[type="checkbox"] {
                margin-top: -2px;
            }

            .w-100 {
                width: 100% !important;
            }

#filterWrapper .rc-status {
    margin: 0px 20px;
}

.dispatchMainScreenpage #filterWrapper .rc-status label {
    margin-bottom: 2.6px !important;
}

#filterWrapper .rightCol {
}

.dispatchMainScreenpage .refresh_button {
    display: block;
    padding: 11px;
    background: url(../Images/refresh_icon.png) no-repeat 1px 1px;
    cursor: pointer;
    margin-top: -3px;
    margin-left: 10px;
}

    .dispatchMainScreenpage .refresh_button:hover {
        background: url(../Images/refresh_icon.png) no-repeat 1px -20px;
    }

.b-left {
    border-left: 1px solid #bdb8b8;
    margin-top: 3px;
    margin-left: 4px;
}


    .dispatchMainScreenpage .main_header_row,
    .dispatchMainScreenpage .mainContaint {
        width: 100%;
        padding: 0 0px;
    }

.status-restaurant .mainpop {
    height: auto !important;
    text-align: center;
    padding: 30px 0;
}

    .status-restaurant .mainpop input[type=button] {
        width: 77%;
        height: 38px;
        margin-top: 0;
        border-bottom: none;
        margin-bottom: 0;
        box-shadow: none !important;
        border: solid 2px #E7E7E6;
        border-radius: 0;
        text-transform: uppercase;
    }

.dispatchMainScreenpage .main_header_row_cixed {
    display: none;
}

.dispatchMainScreenpage .actionButtons {
    position: absolute;
    bottom: 10px;
}

.dispatchMainScreenpage .main_header_row {
    height: 60px;
}

    .dispatchMainScreenpage .main_header_row .logo img {
        width: 86px;
    }

.dispatchMainScreenpage .leftCol {
    float: left;
    width: 300px;
}

.dispatchMainScreenpage .rightCol {
    float: left;
}

.dispatchMainScreenpage #lstZones {
    width: 272px;
    height: 150px;
    padding: 4px;
}

.dispatchMainScreenpage input,
.dispatchMainScreenpage textarea,
.dispatchMainScreenpage select {
    float: none;
}

.dispatchMainScreenpage .formBlock {
    margin-top: 5px;
}

    .dispatchMainScreenpage .formBlock .labelName {
        display: inline-block;
        margin: 0 10px 0 0;
        width: 100px;
    }


.dispatchMainScreenpage #txtOrderDate,
.dispatchMainScreenpage #txtOrderNumber {
    margin-left: 4px;
    width: 80px;
}

.dispatchMainScreenpage #txtOrderDate {
    margin-left: 0;
}

.dispatchMainScreenpage input[type=button] {
    width: auto;
    cursor: pointer;
    vertical-align: top;
    height: 25px;
    padding: 0 8px 0 8px;
    font-size: 13px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    background: #3498db;
    border: 0;
    border-bottom: 2px solid #2a8bcc;
    cursor: pointer;
    -webkit-box-shadow: inset 0 -2px #2a8bcc;
    box-shadow: inset 0 -2px #2a8bcc;
}



    .dispatchMainScreenpage input[type=button].confirm {
        border-bottom: 2px solid #FFBF00;
        -webkit-box-shadow: inset 0 -2px #FFBF00;
        box-shadow: inset 0 -2px #FFBF00;
    }

    .dispatchMainScreenpage input[type=button].assign {
        border-bottom: 2px solid #B40404;
        -webkit-box-shadow: inset 0 -2px #B40404;
        box-shadow: inset 0 -2px #B40404;
    }

    .dispatchMainScreenpage input[type=button].atRest {
        border-bottom: 2px solid #7401DF;
        -webkit-box-shadow: inset 0 -2px #7401DF;
        box-shadow: inset 0 -2px #7401DF;
    }


    .dispatchMainScreenpage input[type=button].leftRest {
        border-bottom: 2px solid #0404B4;
        -webkit-box-shadow: inset 0 -2px #0404B4;
        box-shadow: inset 0 -2px #0404B4;
    }

    .dispatchMainScreenpage input[type=button].atLocation {
        border-bottom: 2px solid #6E6E6E;
        -webkit-box-shadow: inset 0 -2px #6E6E6E;
        box-shadow: inset 0 -2px #6E6E6E;
    }

    .dispatchMainScreenpage input[type=button].done {
        border-bottom: 2px solid #088A08;
        -webkit-box-shadow: inset 0 -2px #088A08;
        box-shadow: inset 0 -2px #088A08;
    }

    .dispatchMainScreenpage input[type=button].readytoeat {
        border-bottom: 2px solid #40FF00;
        -webkit-box-shadow: inset 0 -2px #40FF00;
        box-shadow: inset 0 -2px #40FF00;
    }
    .dispatchMainScreenpage input[type=button].enRoute {
        border-bottom: 2px solid #FF9C7D;
        -webkit-box-shadow: inset 0 -2px #FF9C7D;
        box-shadow: inset 0 -2px #FF9C7D;
    }
    .dispatchMainScreenpage input[type=button].refresh {
        border-bottom: 2px solid #d92828;
        -webkit-box-shadow: inset 0 -2px #d92828;
        box-shadow: inset 0 -2px #d92828;
    }




    .dispatchMainScreenpage input[type=button]:active {
        top: 1px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.dispatchMainScreenpage #divDispatchData {
    margin-top: 10px;
}

    .dispatchMainScreenpage #divDispatchData .rowWrapper {
        /*padding: 5px 0 5px 10px;*/
        padding: 0 0 0 10px;
        cursor: pointer;
        position: relative;
    }


    .dispatchMainScreenpage #divDispatchData .rowWrapper {
        /*width: 1980px;*/
        width: 3700px !important;
    }

        .dispatchMainScreenpage #divDispatchData .rowWrapper:nth-child(2n+2) {
            background: #eee;
        }

        .dispatchMainScreenpage #divDispatchData .rowWrapper:nth-child(2n+1) {
            background: #e0f6ff;
        }

        .dispatchMainScreenpage #divDispatchData .rowWrapper:hover {
            background: #f7f7f7;
        }

.dispatchMainScreenpage .rowWrapper div {
    float: left;
    /*padding: 5px 9px;*/
    width: 100px;
    padding: 5px 20px;
}

    .dispatchMainScreenpage .rowWrapper div.tip {
        text-align: right;
    }

.dispatchMainScreenpage .rowWrapper .itemid {
    width: 80px;
}

.dispatchMainScreenpage .rowWrapper .ConfirmedWith,
.dispatchMainScreenpage .rowWrapper .CustomerLastName,
.dispatchMainScreenpage .rowWrapper .AddressName .RestaurantPhone {
    width: 170px;
}

.dispatchMainScreenpage .rowWrapper .RestaurantName {
    width: 100px;
    padding-bottom: 0;
}


.dispatchMainScreenpage .rowWrapper .TimeComplete,
.dispatchMainScreenpage .rowWrapper .TimeAtLocation,
.dispatchMainScreenpage .rowWrapper .TimeLeftRestaurant,
.dispatchMainScreenpage .rowWrapper .TimeAtRestaurant,
.dispatchMainScreenpage .rowWrapper .TimeConfirmed,
.dispatchMainScreenpage .rowWrapper .TimeDriverAssigned {
    width: 85px;
}

.dispatchMainScreenpage .rowWrapper .DeliverDateTime {
    width: 190px;
}
.dispatchMainScreenpage .rowWrapper .CustomerLastName {
    width: 195px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dispatchMainScreenpage .rowWrapper .DriverLastName {
    width: 70px;
}

.dispatchMainScreenpage .rowWrapper .driverStatus {
    width: 135px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

.dispatchMainScreenpage .rowWrapper div.itemTotal {
    width: 100px;
    text-align: right;
}

.dispatchMainScreenpage .rowWrapper div.AuthSuccess {
    width: 100px;
    text-align: left;
}

.dispatchMainScreenpage .rowWrapper div.OrderCount {
    width: 100px;
    text-align: right;
}

.dispatchMainScreenpage .rowWrapper div.Tip {
    text-align: right;
}




.dispatchMainScreenpage .rowWrapper .colorid {
    background: none repeat scroll 0 0 #52AAFF;
    height: 26px;
    left: 0;
    padding: 0 4px;
    position: absolute;
    top: 0;
    width: 0;
}

.dispatchMainScreenpage .rowWrapper.TitleWrapper {
    background: #c1c1c1 !important;
    font-weight: bold;
}

    .dispatchMainScreenpage .rowWrapper.TitleWrapper div {
        font-size: 12.5px;
        font-family: Arial;
    }

.dispatchMainScreenpage .rowWrapper.selected {
    background: #142b6c !important;
    color: white !important;
}

.dispatchMainScreenpage #divPop .rowWrapper div {
    width: 120px;
    padding: 4px 0;
}

.dispatchMainScreenpage #logoCloceButton {
    background: url(../Images/logo_toggle_menu.png) no-repeat left -12px;
    height: 12px;
    left: 49%;
    position: absolute;
    top: 50px;
    width: 30px;
    cursor: pointer;
}


    .dispatchMainScreenpage #logoCloceButton.closed {
        background: url(../Images/logo_toggle_menu.png) no-repeat left -1px;
        top: 60px;
    }

.dispatchMainScreenpage .main_header_row {
    border-bottom: solid 1px #828282;
}


.dispatchMainScreenpage .custompopup #divPop {
    height: 180px !important;
}

.dispatchMainScreenpage .unassignnbtn {
    border: medium none;
    bottom: 6px;
    position: absolute;
    right: 16px;
}

.dispatchMainScreenpage .search_btn {
    background: url("../Images/Search-icon.png") no-repeat scroll 1px 1px;
    height: 25px;
    margin-left: 10px;
    padding: 5px 12px;
    width: 25px;
    cursor: pointer;
}

.dispatchMainScreenpage .rowWrapper.TitleWrapper div span {
    background: url("../Images/eye_icon.png") no-repeat scroll 0px -20px;
    cursor: pointer;
    padding: 0 10px;
    width: 1px;
    margin-left: -19px;
}

    .dispatchMainScreenpage .rowWrapper.TitleWrapper div span:hover {
        background: url("../Images/eye_icon.png") no-repeat scroll 1px 4px;
    }

#filterWrapper .showHideBtn {
    position: absolute;
    right: 8px;
    top: 79px;
}

.showHideBtn .submenuContaint {
    border: 1px solid #BFBFBF;
    background: #ededed;
    display: none;
    height: 50px;
    padding: 10px;
    position: absolute;
    right: -3px;
    width: 137px;
    padding-bottom: 20px;
    z-index: 99;
}

.dispatchMainScreenpage .setting_button {
    display: block;
    padding: 11px;
    background: url(../Images/setting_icon.png) no-repeat 1px 1px;
    cursor: pointer;
}


    .dispatchMainScreenpage .setting_button:hover {
        background: url(../Images/setting_icon.png) no-repeat 1px -21px;
    }

.submenuContaint div {
    cursor: pointer;
    margin-bottom: 4px;
}

    .submenuContaint div:hover {
        font-weight: bold;
    }

.rowWrapper .closed {
    display: none;
}

.form_block {
    padding: 3px 0;
    border-bottom: solid 1px #e8e8e8;
}

    .form_block:hover {
        background: #fff;
    }

    .form_block .input {
        float: left;
        margin-left: 10px;
        margin-top: 3px;
    }

.name label {
    display: block;
    cursor: pointer;
}

.verticalAlign {
    vertical-align: top;
}

.popupContentWrapper div input[type='text'] + label {
    vertical-align: middle !important;
    display: inline-block;
    margin-left: 10px;
}

.popupContentWrapper div input[type='text'] {
    vertical-align: middle !important;
}

.popupContentWrapper div.controllContainer {
    display: inline-block;
    height: 25px;
}

.fltLeft {
    float: left;
}

.fltRight {
    float: right;
}

.fltClear {
    clear: both;
}

.wrapperMenuOptionList ul li {
    display: inline-block;
    display: list-item;
    list-style: none;
    margin-left: -30px;
    height: 23px;
}

.wrapperMenuOptionList {
    width: 350px;
    display: inline-block;
    margin-top: 0px;
    margin-left: -10px;
    line-height: 23px;
}

    .wrapperMenuOptionList ul li input {
        float: left;
        display: inline-block;
        vertical-align: top;
        margin-top: 5px;
    }

    .wrapperMenuOptionList ul li label {
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
    }

.divOptionListContainer .header {
    /*margin-left: 25px;
    display: inline-block;
    font-size: 20px;
    margin-bottom: 8px;*/
    margin-left: 2px;
    display: inline-block;
    margin-bottom: -5px;
    font-size: 16px;
    font-weight: 700;
}

.popOptionLis {
    font-size: 13px;
}

.itemMenuNameSel:hover {
    background-color: #2a8bcc;
    color: #fff;
    padding-left: 12px;
    background-image: url('../images/ArrowHead_WhiteLeft.png');
    background-repeat: no-repeat;
    background-position: right;
}

.selectedMenuName {
    background-color: #2a8bcc;
    color: #fff;
    padding-left: 12px;
    background-image: url('../images/ArrowHead_WhiteLeft.png');
    background-repeat: no-repeat;
    background-position: right;
}

.iconImport {
    width: 25px;
    height: 25px;
    background-image: url('../images/icon_Import.png');
    background-repeat: no-repeat;
    display: inline-block;
    float: right;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 16px;
    margin-right: 20px;
}

#divImportOption.iconImport {
    float: left;
}

#forWhome {
    background-color: rgb(194, 194, 194);
    margin-top: -13px;
    padding: 3px 3px 3px 25px;
    margin-bottom: 23px;
    border: medium none;
    background: url('../images/coustmor_ico.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    border-left: 2px solid #c2c3c2;
    font-size: 10px;
    margin-left: 5px;
}


.itemProContent label {
    display: inline-block;
    float: left;
    font-size: 13px;
    margin-top: 1px;
}


/*Login*/

/*#loginContainer {
    background-color: #aa9b8b;
    padding: 100px;
    background-image: url('../images/loginbg.jpg');
    background-repeat: no-repeat;
}

#logininnerContainer {
    width: 250px;
    margin: auto;
    background-color: #e3e3e3;
    padding: 30px;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.91);
    -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.91);
    box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.91);
}

#uNameDiv {
    overflow: hidden;
    background-color: #c9c7c7;
    -webkit-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.75);
    box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.75);
    height: 33px;
    background-image: url('../images/uname.png');
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000;
    background-position: 3px;
}

#pNameDiv {
    height: 33px;
    overflow: hidden;
    margin-top: 10px;
    background-color: #c9c7c7;
    margin-bottom: 10px;
    -webkit-box-shadow: inset 0px 3px 5px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 2px 5px -2px rgba(0,0,0,0.75);
    box-shadow: inset 0px 3px 5px -2px rgba(0,0,0,0.75);
    background-image: url('../images/pname.png');
    background-repeat: no-repeat;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000;
    background-position: 3px;
}

#logininnerContainer input[type='text'], input[type='password'] {
    background-color: #c9c7c7;
    margin: 5px 5px 1px 35px;
    height: 17px;
    width: 190px;
    border: none;
    border-radius: 0;
}*/

#logininnerContainer input:focus {
    border: none;
    box-shadow: none;
}

/*#logininnerContainer .loginBTN {
    height: 40px;
    overflow: hidden;
    margin-top: 5px;
    background-color: #126e8b;
    margin-bottom: 5px;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 0px solid #000000;
    background-position: 3px;
    background: rgba(75,208,232,1);
    background: -moz-linear-gradient(top, rgba(75,208,232,1) 0%, rgba(18,111,139,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75,208,232,1)), color-stop(100%, rgba(18,111,139,1)));
    background: -webkit-linear-gradient(top, rgba(75,208,232,1) 0%, rgba(18,111,139,1) 100%);
    background: -o-linear-gradient(top, rgba(75,208,232,1) 0%, rgba(18,111,139,1) 100%);
    background: -ms-linear-gradient(top, rgba(75,208,232,1) 0%, rgba(18,111,139,1) 100%);
    background: linear-gradient(to bottom, rgba(75,208,232,1) 0%, rgba(18,111,139,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bd0e8', endColorstr='#126f8b', GradientType=0 );
}

#logininnerContainer .loginBTNA {
    width: 250px;
    height: 40px;
    overflow: hidden;
    background-color: #126e8b;
    -webkit-box-shadow: inset 0px 10px 5px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 10px 5px -10px rgba(0,0,0,0.75);
    box-shadow: inset 0px 10px 5px -10px rgba(0,0,0,0.75);
    background-position: 3px;
    background: rgba(75,208,232,1);
    background: -moz-linear-gradient(top, rgba(75,208,232,1) 0%, rgba(18,111,139,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(75,208,232,1)), color-stop(100%, rgba(18,111,139,1)));
    background: -webkit-linear-gradient(top, rgba(75,208,232,1) 0%, rgba(18,111,139,1) 100%);
    background: -o-linear-gradient(top, rgba(75,208,232,1) 0%, rgba(18,111,139,1) 100%);
    background: -ms-linear-gradient(top, rgba(75,208,232,1) 0%, rgba(18,111,139,1) 100%);
    background: linear-gradient(to bottom, rgba(75,208,232,1) 0%, rgba(18,111,139,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4bd0e8', endColorstr='#126f8b', GradientType=0 );
    color: #fff;
    font-weight: bold;
    border: none;
    cursor: pointer;
}

 #logininnerContainer .loginBTNA:hover {
        background: rgba(111,217,236,1);
        background: -moz-linear-gradient(top, rgba(111,217,236,1) 0%, rgba(21,126,158,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(111,217,236,1)), color-stop(100%, rgba(21,126,158,1)));
        background: -webkit-linear-gradient(top, rgba(111,217,236,1) 0%, rgba(21,126,158,1) 100%);
        background: -o-linear-gradient(top, rgba(111,217,236,1) 0%, rgba(21,126,158,1) 100%);
        background: -ms-linear-gradient(top, rgba(111,217,236,1) 0%, rgba(21,126,158,1) 100%);
        background: linear-gradient(to bottom, rgba(111,217,236,1) 0%, rgba(21,126,158,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fd9ec', endColorstr='#157e9e', GradientType=0 );
    }*/

#content_LoginUC1_loginDiv .logintext {
    /*position: absolute;
    left: 870px;
    top: 6px;
    border: 1px solid;
    color: #9F9F9F;
    font-size: 11px;
    font-weight: bold;
    left: 850px;
    padding: 4px;
    position: absolute;
    top: 9px;*/
}


#content_LoginUC1_loginDiv {
    /*margin-bottom: 5px;
    clear: both;*/
}

    #content_LoginUC1_loginDiv a, a:visited, a:active {
        color: #676767;
        text-decoration: none;
    }

        #content_LoginUC1_loginDiv a:hover {
            color: #1b1a1a;
            text-decoration: none;
        }

#divCompanyData {
}

    #divCompanyData .label {
        width: 185px !important;
    }

        #divCompanyData .label.lblActive {
            width: 70px !important;
        }

    #divCompanyData label.error {
        width: auto !important;
        margin-left: -10px;
        margin-top: 1px;
        z-index: 2;
    }

    #divCompanyData #Label5 {
        margin-left: 37px !important;
        width: 80px !important;
    }

    #divCompanyData .gen-active {
        width: 48.5%;
        clear: both;
    }

    #divCompanyData .settlement-time {
        width: 50%;
        float: left;
    }

.operating-hours input.timeWidth {
    width: 75px;
}

.operating-hours #txtQuarteTime {
    width: 75px !important;
}

.geninfo-wrapper {
    display: flex;
}

#divSelectionArea {
    width: 100%;
    height: 100px;
}

#divResultArea {
    width: 500px;
    min-height: 227px;
    margin-top: 0px;
}
    #divResultArea.gift-certificates {
        width: unset;
        min-height: 200px;
    }

#divSelectionArea #ddlRestaurants {
    width: 200px;
    margin-bottom: 20px;
}

div#mainDivSettlementReports div#divSelectionArea .marginTop {
    margin-left: 20px;
}

div#mainDivSettlementReports div#divSelectionArea .labelShort {
    width: 46px;
}

/*div#mainDivSettlementReports div#divSelectionArea .smallWidth
{
    margin-right:0px;
}*/

div#mainDivSettlementReports #btnGetSettlements {
    width: 130px;
    margin: 10px 0 10px 56px;
}

.addSettlement,
.addAdjutment {
    background: none repeat scroll 0 0 #E9FAFF;
    margin-bottom: 1px;
    padding: 6px 3px;
    position: relative;
    display: inline-block;
    margin-left: 130px;
    margin-right: 130px;
    height: 16px;
}

    .addSettlement:nth-child(2n+2),
    .addAdjutment:nth-child(2n+2) {
        background: none repeat scroll 0 0 #FFF8E9;
        height: 36px;
    }

.addAdjutment {
    cursor: pointer;
}
    .addAdjutment.h-36 {
        height: 36px;
    }

.addSettlement .settlementId,
.SettlementHeader .settlementId {
    margin-left: 10px;
    width: 70px;
    margin-right: 10px;
}

/*.addSettlement .settlementDate,
.SettlementHeader .settlementDate
{
    width: 120px;
}*/

#divResultArea .addSettlement .settlementDate, #divResultArea .SettlementHeader .settlementDate {
    width: 66px;
}

#divResultArea .SettlementHeader .settlementDate {
    text-align: center !important;
}

.addSettlement .commission,
.addSettlement .totCharge,
.SettlementHeader .commission,
.SettlementHeader .totCharge {
    width: 110px;
    text-align: right;
}


/*.addSettlement .restTotal,
.SettlementHeader .restTotal
{
    width: 140px;
    text-align: right;
}*/

#divResultArea .addSettlement .restTotal, #divResultArea .SettlementHeader .restTotal {
    width: 110px;
    text-align: right;
}

.addSettlement div,
.SettlementHeader div,
.addAdjutment div,
.AdjustmentHeader div {
    float: left;
}

.SettlementHeader,
.AdjustmentHeader {
    background: none repeat scroll 0 0 #E6CC80;
    margin-bottom: 1px;
    padding: 6px 3px;
    position: relative;
    display: inline-block;
}

.AdjustmentHeader,
.addAdjutment {
    /*width: 636px;
    margin: 1px 130px 1px 130px;*/
    width: 96.7%;
    margin: 0 20px;
}

.SettlementHeader {
    width: 680px;
    margin: 1px 100px 1px;
}

#divResultArea .SettlementHeader, #divResultArea .addSettlement {
    width: 590px !important;
    margin: 1px 8px 1px !important;
}


.addSettlement {
    width: 670px;
    margin: 1px 100px 1px;
}

.printBtn {
    background: url("../Images/btnPrint.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FF0000;
    cursor: pointer;
    font-size: 0;
    height: 22px;
    margin-left: 24px;
    padding: 0;
    position: relative;
    width: 28px;
    margin-top: -3px;
}

.mailBtn {
    background: url("../Images/mailIco.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FF0000;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    margin-left: 14px;
    padding: 0;
    position: relative;
    width: 28px;
    margin-top: 0px;
}

#divSelectionArea .label,
#divSelection .label,
#divReportArea .label,
#driverLog .label {
    width: 95px;
}

.savediv {
    clear: both;
    margin-top: 20px;
    overflow: hidden;
}

    .savediv #btnSave {
        margin-right: 15px;
    }

/*#txtAdjustmentCode
{

    width:150px;
}*/

#divSelectionAreaAdjustment label {
    margin-right: 10px;
    float: left;
}

#txtAmount {
    text-align: right;
}


#txtOrderID {
    width: 100px;
    text-align: left;
}

.AdjustmentHeader .AdjustmentId,
.addAdjutment .AdjustmentId {
    /*width: 100px;*/
    width: 20%;
    margin-left: 10px;
}

.AdjustmentHeader .AdjustmentDate,
.addAdjutment .AdjustmentDate {
    /*width: 120px;*/
    width: 11%;
}

.AdjustmentHeader .AdjustmentAmount,
.addAdjutment .AdjustmentAmount {
    /*width: 90px;*/
    width: 15%;
    text-align: right;
}

.AdjustmentHeader .AdjustmentCode,
.addAdjutment .AdjustmentCode {
    margin-left: 40px;
    width: 17%;
    /*width: 142px;*/
}

.AdjustmentHeader .AdjustmentOrder,
.addAdjutment .AdjustmentOrder {
    /*width: 120px;*/
    width: 25%;
}

#divSelectionAreaAdjustment .label {
    width: 120px;
}

.restCode {
    display: inline-block;
    margin-top: 5px;
}

.divAddMore {
    background: url("../Images/open_close_btn.png") no-repeat scroll 1px -23px transparent;
    cursor: pointer;
    font-size: 11px;
    margin-left: 10px;
    padding: 5px 18px;
    width: 50px;
    height: 21px;
}

.dlt_btn {
    background: url("../Images/close_btn2.png") no-repeat scroll 0 0 transparent;
    height: 14px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 1px;
    width: 16px;
    cursor: pointer;
}

.displayInlineBlock {
    display: inline-block;
}

.leftSpcMarg {
    margin-left: 10px;
}

.widthFull {
    width: 100%;
}

.widthHalf {
    width: 49%;
}

#chkStatusContainer .innerWrapperChkStatus {
    display: inline-block;
    margin: 0 0 5px 0;
}

.clrCompleted {
    color: #088A08;
}

.clrAssigned {
    color: #B40404;
}

.clrFresh {
    color: #FE2E64;
}

.clrConfirmed {
    color: #E6A600;
}

.divSrch {
    background: url("../Images/Search-icon.png") no-repeat scroll 1px 0px transparent;
    cursor: pointer;
    font-size: 11px;
    margin-left: 10px;
    padding: 5px 18px;
    width: 50px;
    height: 16px;
}

div#menuItemContainerPopup div#divMenuTitle.divMenuHeader {
    font-size: 17px;
    font-weight: bold;
    margin-top: 0px;
}



/* @ by prasad -  for restaurent setelement */

#divSelectionAreaAdjustment {
    line-height: 277%;
}

    #divSelectionAreaAdjustment select {
        height: 28px;
        margin-bottom: 10px;
    }

    #divSelectionAreaAdjustment .labelBlock {
        display: inline-block;
        margin: -2px 0 0 0;
        width: 130px;
    }

#rbAmountType label,
#rbtnOptions label {
    display: inline-block;
    margin: -10px 0 0 6px !important;
}

.fnameSpce {
    margin-right: 10px;
}


/*    
samees sandaruwan css changing    
*/

#txtOrderID {
    width: 115px !important;
}

#ddlAdjustmentTypes {
    width: 215px;
}


#divSelectionAreaAdjustment {
    border-right: thick solid #828282;
    border-width: 2px;
}

#savediv {
    margin: 8px 0 0 0;
    display: inline-block;
    float: left;
}

#ddlRestaurants {
    width: 215px;
}

#divReportArea #ddlRestaurants {
    /*width: 157px;*/
    float: right;
        width: 62%;
}

.w-62 {
    width: 62%;
}

.discountCodeReport #divReportArea .fromDate {
        width: 93%;
}

.discountCodeReport #divReportArea .toDate {
        width: 93%;
}

#divTxtOrder {
    margin-top: 17px;
}

#txtSearchCustomer {
    width: 180px;
    height: 24px;
}

#lblCustomerFirstName, #lblCustomerLastName {
    display: inline-block;
    line-height: 19px;
    height: 30px;
    margin-left: 10px;
}

#lblCustomerPhone {
    line-height: 0;
    margin: 11px 10px;
}

#ddlAdjustmentNames {
    width: 215px;
}

#ddlDrivers {
    width: 136px;
}


#txtAmount {
    width: 114px;
    margin-top: 15px;
}
/* RestaurantAdjustmentUI pqge changes */
.iconCreditBalance {
    background-image: url('../Images/balancelogo.png') !important;
    width: 20px !important;
    height: 20px !important;
    background-repeat: no-repeat !important;
}
/*add imgage for credit balences textfiled*/
#txtCreditAmountCart {
    /*background-image: url("../Images/balancelogo.png"); text-align: right; background-repeat: no-repeat; background-position: right center; width: 60px; padding-right: 25px;*/
}

/*tool tip for balance icon*/

.iconCreditBalance:hover:after {
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 106px;
    color: #fff;
    content: attr(title);
    left: 250px;
    padding: 7px 7px;
    position: absolute;
    z-index: 98;
}

.iconCreditBalance:hover:before {
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 100px;
    content: "";
    left: 293px;
    position: absolute;
    z-index: 99;
}
/* Driver statment changes */
#DriSetOrderNo {
    float: left;
    width: 90px;
}

#DriSetDeliverDate {
    display: inline-block;
    margin: 0 auto;
    width: 137px;
}

#DriSetAmount {
    float: right;
    width: 100px;
}

.borderRedius {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.pading {
    padding: 10px;
}

.LoadSingle {
    cursor: pointer;
}

    .LoadSingle:hover {
        background-color: #E0F8F1;
    }

.afterColor {
    padding: 3px 5px;
    margin: 1px;
    font-size: 10px;
    background-color: green;
}

.beforeColor {
    padding: 3px 5px;
    margin: 1px;
    font-size: 10px;
    background-color: #EAE8E8;
}

/*-------------------------------------Driver statment Page Adjestment tabel-------------------------------- */

.DriverAdjustmentHeader {
    background: #848484;
    padding: 3px 3px;
    margin: 1px;
}

.DriverAdjustmentContent {
    padding: 3px 5px;
    margin: 1px;
    font-size: 10px;
    background-color: #EAE8E8;
}

.textAlign {
    text-align: right;
}
/*tab style*/

div#divManageSettlement #lstDrivers {
    height: 200px;
}

#divManageSettlement .rightColl,
#divCuisine .rightColl {
    height: 113px;
}

#divManageSettlement {
    border: none;
    padding: 0;
    background: transparent;
}

    #divManageSettlement .ui-tabs-nav {
        background: none;
        border: none;
    }

        #divManageSettlement .ui-tabs-nav li {
            background: #6c6c6c;
            border: solid 1px #e1e1e1;
        }

            #divManageSettlement .ui-tabs-nav li.ui-tabs-active {
                background: #ffffff;
                border: solid 1px #e1e1e1;
            }

                #divManageSettlement .ui-tabs-nav li.ui-tabs-active a {
                    color: #484848;
                }

    #divManageSettlement #mainContainerSettlements,
    #divManageSettlement #divGenerateSettlement {
        margin-top: 0;
        border: solid 1px #e1e1e1;
        padding-right: 7px;
        background: #ffffff;
        margin-bottom: 20px;
    }

#mainDivSettlementReports #divManageSettlement #mainContainerSettlements {
    margin-left: 2px;
}

#divManageSettlement #divGenerateSettlement .rightColl2 {
    width: 380px;
}

#divManageSettlement #divGenerateSettlement {
    width: 458px;
    margin-left: 2px;
}


.separateBoder {
    border-bottom: 1px dashed #000;
}

#divSelectionAreaAdjustment {
    line-height: 277%;
}

    #divSelectionAreaAdjustment select {
        height: 28px;
        margin-bottom: 10px;
    }

    #divSelectionAreaAdjustment .labelBlock {
        display: inline-block;
        margin: -2px 0 0 0;
        width: 130px;
    }

#rbAmountType label {
    display: inline-block;
    margin: -7px 0 0 6px;
}

.fnameSpce {
    margin-right: 5px;
}

.labelBlock #lblCustomerEmail {
    margin-left: 10px;
}

.divEditMenuGroup {
    background: url("../Images/edit_icon.png") no-repeat scroll 1px 0px rgba(0, 0, 0, 0);
    cursor: pointer;
    font-size: 11px;
    height: 22px;
    margin: 6px 0px 0px 6px;
    width: 20px;
}

.divAddMenuGroup {
    background: url("../Images/open_close_btn.png") no-repeat scroll 1px -23px rgba(0, 0, 0, 0);
    cursor: pointer;
    font-size: 11px;
    height: 22px;
    margin: 0px 10px 0px 10px;
    width: 18px;
}

.ClearClz {
    background: url('../images/page_white_delete.png') no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 18px;
    border: 0;
    cursor: pointer;
    height: 25px;
}


/********************************************MenuItems page lightbox style****************************************************************************/
.BtnUploadImage {
    background-image: url("../images/imgupload.png");
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
}

.black_overlay {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

.white_content {
    display: none;
    position: absolute;
    top: 10%;
    left: 35%;
    width: 320px;
    height: 240px;
    padding: 16px;
    border: 3px solid #0E7B9E;
    border-radius: 10px;
    background-color: white;
    z-index: 1002;
    overflow: auto;
}

/****************************************End MenuItems page lightbox style****************************************************************************/

#divGiftCreditCard {
    height: 360px !important;
}

    #divGiftCreditCard .formBlock .forminputName {
        font-size: 11px;
        width: 138px;
        float: left;
    }

#ddlCCExpYear,
#ddlCCExpMonth {
    width: 100px;
}

#ddlCCExpYear {
    margin-left: 8px;
}

#divGiftCreditCard .title {
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 15px;
    padding: 4px 0;
}
/*s*/
.formBlock .multLine {
    width: 350px !important;
    margin-bottom: 5px !important;
}
/*s*/
formBlock .multLine span {
    margin-bottom: 5px !important;
}
/*s*/
#divGiftCreditCard .formBlock {
    display: block;
    margin-bottom: 5px;
}

.userDetails {
    color: #FFFFFF;
    font-weight: bold;
    padding: 52px 0 0 10px;
}

.signOutBtn {
    background: url("../images/lgout.png") no-repeat 40px 5px;
    color: #FFFFFF !important;
    margin-left: 30px;
    padding: 0 15px 0 50px;
    /*border:solid 1px #000;*/
}

.signOutBtnIE {
    background: url("../images/lgout.png") no-repeat 40px 5px;
    color: #FFFFFF !important;
    margin-left: 30px;
    padding: 0 15px 0 50px;
}

a.signOutBtn {
    width: 25px;
    display: inline-block;
    height: 27px;
    margin: -25px 0 0 142px;
    position: absolute;
}

a.signOutBtnIE {
    width: 25px;
    display: inline-block;
    height: 27px;
    margin: -10px 0 0 20px;
    position: absolute;
}

.logReport {
    background: url("../Images/reportIcon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FF0000;
    cursor: pointer;
    font-size: 0;
    height: 25px;
    margin-left: 24px;
    padding: 0;
    position: relative;
    width: 25px;
}

/*===============================Net Seles Report==2014-05-23================================================================*/

#divReportArea .fromDate {
}

#divReportArea #btnGetLogReport {
    margin-left: 10px;
    float: right;
    width: 152px;
}

#divReportArea .HouseItemReportDrpDwn select {
    width: 100%;
}

.HomeItemReportCustom input {
    float: none;
}

.HomeItemReportCustom .HomeItemReportCheckBoxes {
    position: relative;
    top: 15px;
}


#netSalesReport .background,
#driverLog .background {
    /*background-color: #ededed;*/
    background-color: #ffffff;
}

#driverLog input[type=button] {
    width: 187px;
    margin: 7px 0 0 0;
}

#driverLog .marginRight15 {
    margin-right: 15px;
}

.dispatchLogOutBtn {
    background: url("../Images/lgout1.png") no-repeat;
    padding-bottom: 7px;
    padding-left: 35px;
    padding-top: 6px;
    margin-left: 10px;
}

#div4 .more-link {
    color: #14AED0;
    float: left;
    font-size: 11px;
    /*margin-right: 17px;
    margin-left:10px;*/
    margin: -10px 17px 10px 10px;
    text-decoration: underline;
}

    #div4 .more-link:hover {
        cursor: pointer;
        color: #000;
    }

#cartHandler {
    display: none;
}

.stickMenu {
    border: 1px solid #555;
    padding: 5px;
    position: fixed;
    right: 0px;
    top: 485px;
    width: 308px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-color: #A2A2A2;
}

    .stickMenu .itemNew {
        background-color: #FFC423;
        border: 2px solid rgba(0,0,0,0.75);
        border-radius: 20px;
        box-shadow: 1px 1px 1px #505050 inset,1px 1px 0px #c2c2c2;
        padding: 10px;
        text-align: center;
        width: 16px;
        float: left;
        margin-right: 10px;
        cursor: pointer;
    }

.userDetails2 {
    background: url("../Images/logoutBg1.png") no-repeat scroll rgba(0, 0, 0, 0);
    color: #fff;
    font-weight: bold;
    margin-top: -17px;
    padding: 7px;
    position: fixed;
    right: 0;
    text-align: right;
    top: 17px;
    width: 281px;
    background-position: 19px -3px;
    z-index: 5;
}

    .userDetails2 .changePasswordLink,
    .userDetails2 span {
        display: none;
    }

    .userDetails2 a {
        text-decoration: none;
        color: #fff !important;
    }

    .userDetails2 .loginName {
        padding-right: 28px;
    }

    .userDetails2 .signoutBTN {
        border: 0px solid red;
    }

#divpanel {
    float: left;
    margin: 65px 0 0 5px;
}

.padding4px {
    padding: 4px 0;
}

.popdiv {
    display: inline-flex;
    width: 100%;
}

.width120 {
    font-weight: bold;
    width: 120px;
}

#wrapperPopupVoidOrder .width120 {
    font-weight: bold;
    width: 132px;
}

#tipOnDiv table tr td {
}

#divChkTipTax table tr td:nth-child(4) {
    margin: 0 !important;
    padding: 0 !important;
    width: 0;
}

#divSearchArea {
    width: 300px;
}

    #divSearchArea .oderNumberDiv {
        margin: 0 5px 0 0px;
    }

        #divSearchArea .oderNumberDiv .searchText {
            height: 50px;
        }


.btnSearchOrder {
    margin-right: 3px;
}

/*.btnViewOrder
{
    float: right;
    width: 637px;
    margin: 10px 0px;
}*/

#btnSettlement {
    width: 200px;
    padding: 10px 30px;
}

.batchWrapper {
    float: left;
    line-height: 28px;
    padding: 5px 0;
    width: 614px;
    margin-top: 15px;
}

.batchheader {
    font-weight: bold;
}

    .batchheader div {
        background-color: #336666;
        display: inline;
        float: left;
        text-align: center;
        width: 200px;
        padding: 0 6px;
        color: #fff;
        font-size: 13px;
        font-weight: 400;
    }

.batchrow div {
    display: inline;
    float: left;
    text-align: center;
    width: 200px;
    padding: 2px 6px;
    border-bottom: 1px dotted #555;
    height: 32px;
}

.batchrow2 {
    overflow: hidden;
    clear: both;
}



.btnViewOrder {
    float: left;
    margin: 18px 0 0 295px;
}

#btnSettlement {
    width: 200px;
    padding: 10px 30px;
}

/*.......................*/

.divBatch {
    border: 1px solid #e1e1e1;
    float: left;
    line-height: 25px;
    padding: 8px;
    width: 190px;
    margin-right: 30px;
    border-radius: 7px;
    font-weight: bold;
}

.divBatchradio {
    border: 1px solid #e1e1e1;
    border-radius: 7px;
    float: left;
    font-weight: bold;
    padding: 16px 0px;
    width: 175px;
}

    .divBatchradio div {
        margin: 10px;
    }

.batchbtn {
    clear: both;
    float: left;
    margin-top: 16px;
    overflow: hidden;
}

.cntradio {
    overflow: hidden;
}

#divErrorScreen {
    float: left;
    margin-top: 18px;
    color: red;
}

.right1 {
    text-align: right !important;
    font-weight: bold;
}


.gridsell {
    width: 336px;
}

    .gridsell div {
        float: left;
        padding: 3px 10px;
    }

.gridsell {
    background: #ccf0f7;
}

    .gridsell:nth-child(2n+1) {
        background: #e6e6e6;
    }


    .gridsell div.title {
        width: 230px;
    }

    .gridsell div.amount {
        width: 80px;
        text-align: right;
        padding-right: 8px;
    }

    .gridsell div.action {
        background: url("../Images/close_btn2.png") no-repeat scroll 7px 6px;
        color: #FFFFFF;
        font-size: 0;
        height: 23px;
        width: 0;
        cursor: pointer;
    }


#divDetailArea {
    border: 2px dotted;
    float: left;
    height: auto;
    margin-left: 21px;
    padding: 5px;
    width: 360px;
}

.dataCnt {
    float: left;
    width: 267px;
}

.overflow {
    overflow: hidden;
}

#divPercentage .input-block span {
    float: left;
}

    #divPercentage .input-block span.label {
        width: 90px;
    }

#ddlPercentage,
#txtManualTip {
    width: 120px;
}

#ShowHideTipChangeBtn.present {
    background: url(../Images/customize.png) no-repeat;
}

#ShowHideTipChangeBtn {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 15px;
    cursor: pointer;
    background: url(../Images/percentage.png) no-repeat;
}


    #ShowHideTipChangeBtn.present {
        background: url(../Images/customize.png) no-repeat;
    }

.printbtn2 {
    background: url("../Images/btnPrint.png") no-repeat scroll 30px 4px rgba(0, 0, 0, 0);
    color: #ff0000;
    cursor: pointer;
    font-size: 0;
    height: 28px;
    position: relative;
}

.editIco {
    display: inline-block;
    background: url("../Images/file_edit.png") no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
    width: 20px;
    height: 15px;
    margin-left: 8px;
    cursor: pointer;
}

.gratu {
    float: left;
}

#divSpn {
    float: left;
}

.grCnt {
    clear: both;
    overflow: hidden;
}

.restChkBox {
    float: left;
    width: 230px;
}

#divViewBalance .border {
    height: 143px;
    width: 420px;
}

#divViewBalance .radius div.marginTop:first-child {
    margin-bottom: 34px;
}
/* Grid GiftCard */
.wrapperGridGC .batchrow .col1, .wrapperGridGC .batchrow .col2 {
    width: 110px;
}

.wrapperGridGC .batchrow .col3 {
    width: 180px;
    overflow: hidden;
    display: inline-block;
}

.wrapperGridGC .batchrow .col4 {
    width: 55px;
}

.wrapperGridGC .batchrow .col {
    height: 28px;
}

    .wrapperGridGC .batchrow .col span {
        text-overflow: ellipsis;
        white-space: nowrap;
    }


.DelMenuPdf {
    background: url("../Images/close_btn2.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FF0000;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    margin-left: 14px;
    padding: 0;
    position: absolute;
    width: 28px;
    margin: 30px 0 0 247px;
}

.operation {
    background-color: #336666;
    border: 1px solid #126e8b;
    border-radius: 7px 7px 0 0;
    color: #fff;
    /*float: left;*/
    height: 30px;
    /*margin-right: 0;
    width: 337px;*/
}

#content_body_customerGrid {
    line-height: 20.5px;
}

#divCustomerCreditCards {
    border: 1px solid #555;
    border-radius: 5px;
    width: 331px;
}

#rbtnListCreditType {
    margin-left: 95px;
    margin-top: 35px;
}

.bgcolor {
    background-color: #c2c2c2;
}

.centerTitle {
    text-align: center;
    margin-top: 5px;
}

.user_dtl {
    display: block;
    /*margin-left: 310px;*/
    line-height: 23px;
    margin-top: 0px;
    float: left;
    margin-bottom: 0;
}



.txt_input {
    display: block;
    margin-left: 23px;
    width: 174px;
    color: #000000 !important;
    /*margin-left: 409px;
    margin-top: -32px;*/
}

.user_pswrd {
    display: block;
    /* margin-left: 320px; */
    margin-top: 10px;
    /* position: absolute; */
    float: left;
}


.dsettle {
    border: 1px solid #9d9d9d;
    float: left;
    line-height: normal;
    padding: 8px;
    width: 271px;
    margin-right: 30px;
    border-radius: 7px;
    font-weight: bold;
}

.cusmeals {
    margin-top: 20px;
    overflow: hidden;
    clear: both;
}

    .cusmeals input {
        padding: 5px;
        margin-right: 10px;
        cursor: pointer;
    }

#content_body_btnReport {
    width: 168px;
    margin-top: 10px;
}

.field {
    display: inline-block;
    width: 100%;
}

    .field label {
        float: left;
        padding: 4px 0;
        margin-right: 12px;
    }

    .field input {
        float: left;
        padding: 4px;
    }

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

.clear-both {
    clear: both;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.auth-op-table {
    width: 100%;
}

    .auth-op-table .order-no {
        /*width: 100px;*/
        width: 20%;
    }

    .auth-op-table .credit {
        /*width: 220px;*/
        width: 24%;
    }

    .auth-op-table .date {
        /*width: 100px;*/
        text-align: center;
        width: 20%;
    }

    .auth-op-table .amount {
        /*width: 100px;*/
        width: 20%;
        text-align: right;
    }

    .auth-op-table .hold {
    }

    .auth-op-table input[type='submit'], .auth-op-table button {
        float: right;
        width: 100px;
        text-align: center;
    }
/* Holiday setup section */
#holidaySetupTable1 td a.btnEdit, .common-table td a.btnEdit {
    color: rgb(0, 180, 234);
    padding-right: 12px;
    border-right: solid 1px #C1BEBE;
}

#holidaySetupTable1 td a.btnDelete, .common-table td a.btnDelete {
    color: #E84848;
    padding-left: 12px;
}

#holidaysetup_timetable .labelTime {
    margin-right: 5px !important;
    margin-left: -10px !important;
}

#holidaySetupTable1 th:first-child {
    width: 120px;
    text-align: left;
    padding-left: 12px;
}

#content_body_HolidaySetup td label {
    float: left;
    margin-top: 1px;
    margin-left: 8px;
    font-size: 12px;
}

#holidaySetupTable1 td:first-child, .common-table td:first-child {
    text-align: left;
}

#holidaySetupTable1 td.timeWrapper {
    width: 80px;
}

#holidaySetupTable1 td.messageWrapper {
    width: 356px;
    text-align: left;
}

    #holidaySetupTable1 td.messageWrapper p {
        width: 348px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
        margin: 0px;
    }

#holidaySetupTable1 th.wrpHdrMessage, .common-table th.wrpHdrMessage {
    text-align: left;
}

#holidaySetupTable1, .common-table {
    border-top: solid 5px rgb(65, 65, 65);
    border-bottom: solid 5px rgb(65, 65, 65);
}

    #holidaySetupTable1 .freeRW, .common-table .freeRW {
        border-top: solid 1px rgba(65, 65, 65, 0.73);
    }

    #holidaySetupTable1 .wrapperRw:hover, .common-table .wrapperRw:hover {
        background-color: rgba(42, 139, 204, 0.09);
    }

    #holidaySetupTable1 .wrapperRw, .common-table .wrapperRw {
        padding: 1px 10px;
    }

    #holidaySetupTable1 .freeRW, .common-table .freeRW {
        padding: 0px;
    }

    #holidaySetupTable1 tr.selectedRW, .common-table tr.selectedRW {
        background-color: rgba(42, 139, 204, 0.09);
    }

    .common-table tr {
        cursor: pointer;
    }

        .common-table tr td {
            border: 2px solid transparent;
        }

        .common-table tr:hover td {
            background-color: #eee;
        }

    .common-table .clicked {
        background-color: #ddfaff;
        border: 2px solid #ddfaff;
    }

        .common-table .clicked td {
            border: 2px solid #a6f3ff;
        }

    .common-table .auth-holde {
        background-color: #ffc3c3 !important;
    }

        .common-table .auth-holde.clicked td {
            border: 2px solid #a6f3ff;
        }

.radioButtons input:first-child {
    margin-left: -3px;
}

.tdLeft {
    width: 120px;
    height: 30px;
    text-align: left;
}

    .tdLeft #Label7 {
        margin-top: 4px;
        display: inline-block;
    }

.url-restaurant-list {
    width: 250px;
    overflow: scroll;
    border: 1px solid #DADADA;
    padding: 10px;
    overflow-x: hidden;
    line-height: 28px;
    margin: 0 10px 10px;
}

    .url-restaurant-list input[type="checkbox"] {
        position: relative;
        top: 7px;
    }

.restaurant-list-wrapper {
    margin-bottom: 30px;
    position: relative;
    float: left;
}

.url-restaurant-genarate-btn input[type="button"] {
    width: 150px;
    border-radius: 0;
    background-color: #f3e2c0;
    height: 30px;
    color: #fff;
    border: 1px solid #B6AFA9;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    box-shadow: 0 0 0.05em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 0.05em rgba(0,0,0,0.4);
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#727970), to(#525750));
}

.url-genarate-right {
    position: relative;
    padding: 10px;
    /*float: left;
     padding-left: 15px; */
    /*position: absolute;
    width: 800px;
    left: 280px;
    border: 1px solid #e2d5be;*/
}

.restaurant-list-wrapper .rightColl {
    /*padding-top:10px;
    overflow: scroll;*/
    /*border: 1px solid #e2d5be;*/
    /*overflow-x: hidden !important;*/
    /*width: 800px;*/
}

.genarate-url-list {
    width: 565px;
    overflow-x: hidden !important;
    overflow: scroll;
    padding-top: 10px;
}

    .genarate-url-list a {
        line-height: 25px;
        font-size: 13px;
    }

ul.restaurent-titile-list {
    padding-left: 0px;
}

    ul.restaurent-titile-list li {
        display: inline-block;
        list-style: none;
        line-height:19px !important;
    }

        ul.restaurent-titile-list li:nth-child(2) {
            padding-left: 108px;
        }

.giftCardAddBtn {
    line-height:10px !important;
}
.url-restaurant-list::-webkit-scrollbar, .genarate-url-list::-webkit-scrollbar {
    width: 8px;
    height: 2em;
}

.url-restaurant-list::-webkit-scrollbar-button, .genarate-url-list::-webkit-scrollbar-button {
    background: #eee;
}

.url-restaurant-list::-webkit-scrollbar-track-piece, .genarate-url-list::-webkit-scrollbar-track-piece {
    background: #eee;
}

.url-restaurant-list::-webkit-scrollbar-thumb, .genarate-url-list::-webkit-scrollbar-thumb {
    background: #DADADA;
}

.login-section {
    border: solid 1px #b6afa9;
    padding: 7px;
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 3px;
}

    .login-section .multElement {
        width: 600px;
    }

.button-align {
    float: right !important;
    text-align: right;
    width: 135px !important;
    margin-top: 10px;
}

.login-section #content_body_lblLogin {
    width: 141px !important;
}

#content_body_Label1 {
    width: 190px !important;
}

    #content_body_Label1.addressLabel {
        width: 100px !important;
        margin-top: 0;
    }

#breakfastDeliveryFee #content_body_Label1 {
    width: 130px !important;
}

.up-down-wrapper {
    float: right;
    margin-top: -15px;
    position: relative;
    top: 190px;
    left: 0px;
}

    .up-down-wrapper #move-up {
        background-position: left -461px;
        background-size: 155px;
        width: 28px;
        height: 25px;
        position: absolute;
        right: 5px;
    }

#move-down {
    background-position: left -510px;
    background-size: 155px;
    width: 28px;
    height: 25px;
    position: absolute;
    right: 5px;
    top: 30px;
}

.payment-details-andersen .label {
    width: 200px;
}

.batch-settlement {
    margin-right: 10px;
    padding: 5px 12px 5px 12px;
}

.text-area-align {
    margin-left: 28px;
    width: 723px;
    /*margin-top: -10px;*/
}

.list-section {
    float: left;
}

    .list-section select {
        width: 253px !important;
    }

.arrow-section {
    float: left;
    margin-top: 196px;
}

.content-btn-up {
    background: url(../Images/icon_sprit.png) no-repeat left -297px transparent;
    border: medium none;
    box-shadow: none;
    height: 20px;
    overflow: hidden;
    text-indent: -1000px;
    width: 20px;
    cursor: pointer;
    font-size: 0px;
    margin-bottom: 10px;
}

.content-btn-down {
    background: url(../Images/icon_sprit.png) no-repeat left -327px transparent;
    border: medium none;
    box-shadow: none;
    height: 20px;
    overflow: hidden;
    text-indent: -1000px;
    width: 20px;
    cursor: pointer;
    font-size: 0px;
    margin-bottom: 10px;
}

.leftCol.left-width {
    width: 308px;
}

    .leftCol.left-width .selectDimension {
        width: 278px;
        margin-left: 5px;
        margin-right: 5px;
    }

.rightCollItems.right-width {
    margin-left: 10px;
}

.menu-item-width {
    width: 345px;
}

    .menu-item-width option {
        font: 400 13.3333px verdana;
    }

.more-link {
    color: #14AED0;
    float: left;
    font-size: 12px;
    margin: -10px 17px 10px 10px;
    text-decoration: underline;
    cursor: pointer;
}

input::placeholder {
    color: rgb(170, 170, 170);
    opacity: 1;
}

textarea::placeholder {
    color: rgb(170, 170, 170);
    opacity: 1;
}


.menu-option .leftCol {
    width: 345px;
}

.menu-option #divOptions label {
    width: 315px !important;
}

.quote-time {
    display: inline-block;
    overflow: auto;
    height: 450px;
}

.quote-time-bottom-section {
    display: inline-block;
    margin-top: 30px;
    border-top: 1px solid #0e7b9e;
    padding-top: 10px;
    width: 100%;
}

    .quote-time-bottom-section span {
        float: left;
        margin-right: 5px;
        font-size: 12px;
        font-weight: bold;
        margin-top: 5px;
    }

    .quote-time-bottom-section #txtQuoteTimeL {
        width: 75px;
        float: left;
        margin-right: 8px;
        margin-left: 8px;
    }

    .quote-time-bottom-section .quotetime-button-text {
        border: 1px solid #666;
        background: #555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #eee;
        padding: 2px 10px 5px 10px;
        border-radius: 6px;
        cursor: pointer;
        float: right;
    }

        .quote-time-bottom-section .quotetime-button-text:hover {
            border: 1px solid #59b4d4;
            background: #0078a3 url(images/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x;
            color: #fff;
        }

.search-customer {
    background-image: url(../Images/Search-icon.png) !important;
    background-repeat: no-repeat !important;
    border: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 6px 6px 6px 16px !important;
    margin-left: 4px;
    margin-top: 5px;
}

.newCustomerSearch .search-text {
    width: 216px !important;
}

.report-section {
    width: 500px;
}

    .report-section h3 {
        margin: 0 0 15px 0;
        font-size: 12px;
    }

.report-dates, .report-type, .report-info {
    float: left;
    margin: 0 10px;
    width: 25%;
}

.report-dates {
    width: 30%;
    margin-right: 20px;
}

.report-type div, .report-info div {
    float: left;
    clear: both;
    margin-bottom: 5px;
}

.report-dates .fromDate, .report-dates .toDate {
    float: left;
    clear: both;
    margin-bottom: 10px;
}

    .report-dates .fromDate input, .report-dates .toDate input {
        width: 95%;
    }

.report-button {
    float: left;
    clear: both;
}

.float-left {
    float: left !important;
}

.export-xls {
    display: inline-block;
    margin-left: 15px;
    margin-top: 2px;
    color: #7ebdea;
    text-decoration: underline;
    cursor: pointer;
}

    .export-xls img {
        display: inline-block;
        float: left;
        margin-top: 2px;
        color: #1c95cf;
    }

    .export-xls span {
        display: inline-block;
        margin-left: 3px;
        margin-top: 8px;
        text-decoration: underline;
        font-size: 12px;
        color: #1c95cf;
    }

#netSalesReport .report-dates input[type=text] {
    width: 64%;
}

.order-popup-ul li {
    display: inline-block;
    width: 90%;
}

.order-popup-ul .number-box {
    width: 50px;
    float: right;
    padding: 3px 4px;
    background: none;
    display: inline-block;
}

.tab-section {
    margin-left: 28px;
}

    .tab-section .tabs, .tab-section .tab-data {
        float: left;
    }

    .tab-section .tab-data {
        clear: both;
        width: 100%;
    }

    .tab-section .tab {
        float: left;
        padding: 7px 8px;
        background: #d4d4d4;
        border-radius: 5px 5px 0 0;
        margin-right: 2px;
        color: #fff;
        text-decoration: none;
    }

        .tab-section .tab:hover, .tab-section .tab.selected {
            background: #a9a9a9;
            cursor: pointer;
        }

    .tab-section .tab-content {
        border: 1px solid #d4d4d4 !important;
        padding: 10px;
        border-radius: 0 0 5px 5px;
        position: relative;
        width: 718px;
    }

        .tab-section .tab-content.closed {
            display: none;
        }

.copy-text {
    margin: 12px 7px !important;
    width: 90px !important;
    padding: 10px 11px !important;
}

.upload-image {
    display: inline-block;
    width: 100%;
}

    .upload-image .img-placeholder {
        float: right;
        height: 90px;
        width: 90px;
        border: 1px solid #ddd;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f9f9f9;
        margin-right: 8px;
        padding: 14px;
        cursor: pointer;
        border-radius: 87px;
        margin-top: -40px;
    }

        .upload-image .img-placeholder .cuisine_imageicon {
            border: 0 none;
            margin: 0 !important;
            max-width: 90%;
            /*width: auto;
            height: 90%;
            max-height: 90%;*/
        }

.image-thumbs {
    display: inline-block;
    width: 101.5%;
    overflow-y: auto;
    margin-left: -4px;
    margin-bottom: 12px;
}

    .image-thumbs .img-thumb {
        float: left;
        margin: 4px;
        width: 107px;
        cursor: pointer;
    }

    .image-thumbs .thumb-wrapper {
        border: 1px solid #dedede;
        padding: 3px;
        width: 92%;
        height: 91px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f9f9f9;
    }

        .image-thumbs .thumb-wrapper .temp-image {
            width: auto;
            height: auto;
            max-height: 100%;
            cursor: pointer;
            max-width: 100%;
        }

    .image-thumbs .image-name {
        font-size: 9px;
        text-align: center;
        width: 91%;
        background: #dedede;
        padding: 4px 4%;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .image-thumbs .img-thumb.selected .thumb-wrapper {
        border: 1px solid rgb(110, 154, 218);
    }

    .image-thumbs .img-thumb.selected .image-name {
        background: rgb(110, 154, 218);
    }

.addressLabel {
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-top: 4px;
    width: 115px;
}

.uni-address {
    /*height: 33px;*/
    padding: 5px 3px;
    float: left;
    font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 1px solid #ccc;
    width: 250px;
}

.group-name {
    font-weight: 600;
    padding-right: 8px;
}

.toggle-button {
    font-weight: 600;
}

.user-roal.tab-content {
    display: inline-block;
}

.user-roal .leftCol {
    width: 354px;
}

.user-roal div.left select.selectDimension {
    width: 331px;
    min-height: 350px;
    overflow: auto;
    max-height: 500px;
}

.user-roal .right-div {
    margin-left: 10px;
    padding: 15px;
}

    .user-roal .right-div #chkActive {
        margin: 7px 0px 0px 14px;
    }

.user-roal .user-roal-save-btn .button {
    margin: 0;
    margin-top: 6px;
    text-align: center;
}

.user-permission {
    height: 391px;
}

    .user-permission .leftCol {
        width: 331px;
    }

        .user-permission .leftCol .selectDimension {
            width: 320px;
            min-height: 274px;
        }

    .user-permission .user-permission-save-btn {
        padding: 8px;
        padding-left: 594px;
    }

.page-permission {
    height: 391px;
}

    .page-permission .leftCol {
        width: 700px;
        height: 492px;
        min-height: calc(100vh - 183px);
    }

.tab-data .tab-content.page-permission {
    height: 510px;
    min-height: calc(100vh - 165px) !important;
}

.page-permission .border .boder-dropdown {
    padding: 3px;
    border: 1px solid #DADADA;
    border-radius: 4px;
}

.page-permission .leftCol .selectDimension {
    width: 320px;
    min-height: 274px;
}

.page-permission .title {
    margin: 0 0 0 6px;
    padding: 5px;
    font-family: Verdana;
    font-size: 14px;
    color: #000;
    font-weight: normal;
    clear: both;
}

.page-permission .page-permission-DropDownList {
    width: 250px;
    margin-top: 0px;
}

    .page-permission .page-permission-DropDownList .Xsingle {
        cursor: pointer;
    }

    .page-permission .page-permission-DropDownList #ddlRole {
        width: 250px;
        margin-top: 5px;
        margin-left: 10px;
        margin-bottom: 10px;
    }

.page-permission .page-permission-save-btn {
    padding: 19px;
    padding-left: 602px;
}

.page-permission .border .boder-dropdown ul.menu li .menu-main {
    text-decoration: none;
    display: inline-block;
    width: -webkit-fill-available;
    width: 642px;
    background-color: #d4d4d4;
    border-radius: 4px;
    padding-top: 6px;
    padding-left: 6px;
    padding-bottom: 5px;
    margin-bottom: 0px;
}

.page-permission .border .boder-dropdown ul {
    padding: 6px;
    margin: initial;
}

    .page-permission .border .boder-dropdown ul li {
        text-decoration: none;
        display: inline-block;
        width: -webkit-fill-available;
        border-radius: 3px;
        padding-top: 0px;
        padding-left: 0px;
        padding-bottom: 0px;
        margin-bottom: 5px;
    }

    .page-permission .border .boder-dropdown ul.menu li .menu-main .toggle-button {
        float: right;
        padding-right: 10px;
        cursor: pointer;
    }



    .page-permission .border .boder-dropdown ul.menu li .menu-main .toggle-down::before {
        content: "";
        width: 16px;
        background-repeat: no-repeat;
        background-image: url(../Images/down2.png);
        background-size: 15px;
        display: inline-block;
        height: 14px;
    }

    .page-permission .border .boder-dropdown ul.menu li .menu-main .toggle-up::after {
        content: "";
        width: 16px;
        background-repeat: no-repeat;
        background-image: url(../Images/up2.png);
        background-size: 15px;
        display: inline-block;
        height: 14px;
    }

#regularAddress .borderInset-regularadd {
    border-bottom: 1px solid #c2c2c2;
    padding-top: 0px;
}

#addressPanel .marginTop-15 .reg-add-type input[type="radio"] {
    margin-right: 7px;
    margin-top: 2px;
}

#universityAddressPanel .borderInset-regularadd {
    border-bottom: 1px solid #c2c2c2;
    padding-top: 0px;
    margin-bottom: 10px;
}

.topAddress .marginTop .reg-add-type input[type="radio"] {
    margin-right: 7px;
    margin-top: 2px;
}

.uni-bottom-right-col {
    width: 330px;
}

.uni-bottom-left-col {
    width: 331px;
}

    .uni-bottom-left-col .selectDimension {
        width: 291px !important;
    }

.uni-bottom-right-col #div2 {
    margin-top: 15px;
}

.uni-bottom-right-col input[type="checkbox"] {
    margin-top: 7px;
}

.hall-details-pop {
    width: 275px;
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 20px;
}

.error-page-header {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #b60000;
    margin-top: 18vh;
}

.permission-msg {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 60px;
    color: #d85f5f;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}

.padding-25 {
    padding: 25px !important;
}

.user-wrapperTabContent {
    margin-top: 0 !important;
    border: solid 1px #828282 !important;
    background: #EDEDED !important;
    min-height: 300px !important;
}

    .user-wrapperTabContent.page-permission .border .boder-dropdown ul li div ul {
        max-height: 360px;
        overflow: auto;
    }

.w-100 {
    width: 100%;
}

.field .auth-date {
    display: inline-block;
    width: 237px;
    float: left;
}

    .field .auth-date #txtSelectDate {
        width: 109px;
    }

.field .auth-order {
    display: inline-block;
    float: left;
    width: 350px;
}

    .field .auth-order #txtOrderNumber {
        width: 180px;
    }

.auth-op-table .auth-footer-btn {
    padding-top: 30px;
    display: inline-block;
    float: left;
    padding-bottom: 19px;
}

.auth-op-table .auth-btn {
    padding-top: 10px;
    display: inline-block;
    width: 98.8% !important;
    /*float: right;*/
}

    .auth-op-table .auth-btn input {
        padding: 5px;
        width: 100px;
        margin-left: 10px;
        text-align: center;
        cursor: pointer;
    }

        .auth-op-table .auth-btn input:hover {
            background-color: #c7c7c7;
        }

.float-right {
    float: right;
}

/* dispatch scrollbar */
.container-dispatched-list {
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    display: table-caption;
    max-height: calc(100vh - 400px);
}

.dispatchMainScreenpage .page-contents .card-body {
    height: calc(100vh - 70px);
}

.dispatchMainScreenpage .wrapper-fake-scroller {
    max-height: calc(100vh - 341px);
    right: 16px;
}

@media screen and (min-width: 1200px) and (max-width: 1380px) {
    .wrapper-fake-scroller,
    .container-dispatched-list {
        height: calc(100vh - 375px);
    }
}

.wrapper-fake-scroller {
    position: fixed;
    display: inline-block;
    overflow-y: scroll;
    z-index: 99999;
    right: 0;
}

.dispatchMainScreenpage {
    height: auto;
}

    .dispatchMainScreenpage .mainContaint, .dispatchMainScreenpage #mainContainer {
        min-height: initial;
        margin-bottom: 0;
    }


/*------------------*/

.cuscolTow {
    width: 58px;
}

    .cuscolTow .label {
        width: 54px;
    }

.cuscolthree {
    width: 93px;
}

    .cuscolthree .label {
        width: 85px;
    }

.cuscolFour {
    width: 70px;
}

    .cuscolFour .label {
        width: 70px;
    }

.mt-20 {
    margin-top: 20px;
}

.vacationfrom {
    width: 800px;
}

    .vacationfrom .vaclabel {
        width: 242px;
    }

.ml-12 {
    margin-left: 12px;
}

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

.text-item-red {
    color: red !important;
}

.menu-group-report-dates {
    margin: 0px;
    width: 100%;
}

    .menu-group-report-dates input {
        width: 180px !important;
    }

#divReportArea .menu-group-restaurant-select {
    width: 188px;
}

.menugroup-button-wrapper {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

    .menugroup-button-wrapper #btnGetLogReportExcel {
        float: right !important;
    }

    .menugroup-button-wrapper .button-brick-red {
        width: 124px !important;
    }

.drivers-section {
    margin-left: 8px;
    padding: 10px;
    border: 1px solid #ececec;
    background: #f7f7f7;
    border-radius: 5px;
}

.generic-buttons input[type="button"] {
    margin-bottom: 5px;
}

.count-bubble {
    background-color: #ff5b5b;
    color: #fff;
    min-width: 23px;
    display: inline-block;
    text-align: center;
    height: 23px;
    font-size: 10px;
    line-height: 23px !important;
    border-radius: 14px;
}

.mb-10px {
    margin-bottom: 10px;
}

.mb-5px {
    margin-bottom: 5px;
}

.new-template-popup {
    border: 0 none !important;
    border-radius: 3px !important;
    padding: 15px 20px !important;
    background: #fff !important;
    box-shadow: 0 0 transparent;
}

    .new-template-popup .ui-dialog-titlebar {
        padding: 0 0 10px 0 !important;
        font-size: 17px;
        font-family: 'Verdana';
        border: 0 none;
        border-bottom: 1px solid #366E7F !important;
        color: #3D5267 !important;
        font-weight: 100;
        text-transform: capitalize;
        background: transparent;
        border-radius: 0;
    }

    .new-template-popup #divPop {
        margin-top: 15px;
        padding: 0;
    }

        .new-template-popup #divPop .mainpop {
            height: 74vh;
        }

    .new-template-popup .ui-dialog-buttonpane {
        background: none !important;
        padding: 10px 0 0 0 !important;
        border: 0;
    }

        .new-template-popup .ui-dialog-buttonpane button {
            padding: 8px 16px !important;
            height: auto;
            background: #636164;
            border: 0;
            box-shadow: 0 0 transparent;
            text-shadow: 0 0 transparent;
            font-size: 13px !important;
            font-family: Verdana !important;
            margin-left: 10px;
            width: 99px;
            margin-right: 0 !important;
        }

            .new-template-popup .ui-dialog-buttonpane button:focus {
                box-shadow: 0 0 transparent;
                outline: 0 none;
            }

            .new-template-popup .ui-dialog-buttonpane button:hover {
                background: #474448;
            }

            .new-template-popup .ui-dialog-buttonpane button .ui-button-text {
                padding: 0;
            }

    .new-template-popup.locate-driver .ui-dialog-titlebar-close {
        background-color: #ea1919;
        border: 0 none;
        color: #eee;
        padding: 2px 0px 1px 2px;
        border-radius: 26px;
        margin-right: -17px;
        margin-top: -18px;
        cursor: pointer;
    }

        .new-template-popup.locate-driver .ui-dialog-titlebar-close span {
            cursor: pointer;
        }

        .new-template-popup.locate-driver .ui-dialog-titlebar-close:hover, .new-template-popup.locate-driver .ui-dialog-titlebar-close.ui-state-hover, .new-template-popup.locate-driver .ui-dialog-titlebar-close.ui-state-focus {
            background-color: #de3a3a;
            border: 0 none;
            color: #eee;
            padding: 2px 0px 1px 2px;
            border-radius: 26px;
            margin-right: -17px;
            margin-top: -18px;
            background-image: none;
            cursor: pointer;
        }

    .new-template-popup.locate-driver .ui-dialog-buttonpane {
        display: none;
    }

.rpt-c-row .fromDate input[type='text'],
.rpt-c-row .toDate input[type='text'] {
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
}

.rpt-c-row #divReportArea .HouseItemReportDrpDwn select {
    width: 261px;
}

.custom-jq-grid .ui-th-column, .custom-jq-grid .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
    text-align: left;
    padding: 0 4px;
}

.custom-jq-grid .ui-jqgrid .ui-jqgrid-bdiv {
    overflow-y: scroll;
}

.custom-jq-grid .ui-jqgrid tr.ui-row-ltr td {
    padding: 0 4px;
}

.rpt-c-row .required.error + label.error {
    display: none !important;
}

.rpt-c-row .required.error {
    border: solid 1px #ff7b7b;
    background-color: #ffeded;
}

.wrapper-screen-fulid .mainContaint,
.wrapper-screen-fulid #mainContainer {
    width: 1300px;
    min-height: 77vh;
}

.wrapper-screen-fulid .pageTitle {
    width: 96%;
}


/*--- Dispatch Screen style changes by Asanka - START ---*/
.dispatchMainScreenpage, .main-master-div {
    background-color: #F4F4F4;
}

    .dispatchMainScreenpage #logoCloceButton {
        display: none !important;
    }

    .dispatchMainScreenpage .main_header_row {
        height: 100% !important;
    }

    .dispatchMainScreenpage .main_header_row {
        border-bottom: 0 none;
    }

    .dispatchMainScreenpage .main_header_row {
        width: 230px;
        padding: 22px 0;
    }

#sliderSelectedZone {
    height: 23px !important;
}

#dispatcherLogOut {
    position: fixed !important;
    width: unset !important;
    font-weight: normal !important;
    top: 8px !important;
}

#content_SelectionPanelUC1_LoginUC1_loginDiv {
    padding: 0 !important;
    border: 0 none;
    width: auto !important;
}

#filterWrapper {
    font-size: 13px;
}

.wrapper-fake-scroller {
    right: 36px;
    z-index: 1000;
}

#divDispatchData {
    width: 100%;
    overflow: auto;
    font-family: Verdana !important;
    font-size: 12px;
}

.dispatchMainScreenpage .rowWrapper div {
    font-size: 12px;
    letter-spacing: 0;
    font-family: Verdana;
}

.dispatchMainScreenpage .rowWrapper .itemid {
    width: 124px;
}

.dispatchMainScreenpage {
    overflow: hidden;
}

    .dispatchMainScreenpage .rowWrapper .RestaurantName {
        width: 155px;
    }

    .dispatchMainScreenpage .rowWrapper .RestaurantPhone {
        width: 140px;
    }
    .dispatchMainScreenpage .rowWrapper .AddressName {
        width: 160px;
    }
.dispatchMainScreenpage .rowWrapper .DriverLastName {
    width: 140px;
    padding: 5px 10px;
}

        .dispatchMainScreenpage .rowWrapper .DriverLastName span:last-child {
            width: 95px;
            overflow: hidden;
            white-space: nowrap;
        }
        .dispatchMainScreenpage .rowWrapper .DriverLastName .popup {
            margin-right: 10px;
        }
    .dispatchMainScreenpage .rowWrapper.selected .DriverLastName .popup {
        color: #fff;
    }
    .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext {
        background: #fff;
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
        color: #000;
        bottom: 30px !important;
    }
    .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext:after {
        display: none;
    }
        .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .popup-close {
            position: absolute;
            padding: 0;
            right: -10px;
            width: auto;
            top: -10px;
        }
            .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .popup-close button {
                padding: 8px 7px 7px 7px;
                border: 0;
                background: #ff5b5b;
                border-radius: 15px;
                width: 22px;
                height: 22px;
            }
                .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .popup-close button:focus {
                    outline: 0 none;
                }
                .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .popup-close button i {
                    color: #fff;
                    font-size: 9px;
                    margin-top: -2px;
                    float: left;
                }

        .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .header-section {
        }
            .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .header-section .pop-title {
                font-size: 13px;
                border-bottom: 1px solid #dcdcdc;
            }
            .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .header-section .header-labels {
                padding-bottom: 0;
                padding-top: 9px;
            }
                .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .header-section .header-labels div {
                    width: 50%;
                    font-weight: 600;
                    background: #f3f1f1;
                }
                    .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .header-section .header-labels div.name {
                        width: 65%;
                    }
                    .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .header-section .header-labels div.status {
                        width: 35%;
                    }

        .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .data-section .data {
            padding-bottom: 0;
            padding-top: 9px;
        }

            .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .data-section .data div div {
                width: 50%;
                border-top: 1px solid #eee;
                padding: 7px 20px;
            }
                .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .data-section .data div.name {
                    width: 65%;
                }
                .dispatchMainScreenpage .rowWrapper .DriverLastName .popup .popuptext .data-section .data div.status {
                    width: 35%;
                }
.alertTs-js-k {
    background: #fff !important;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25) !important;
    color: #000 !important;
    border: 0 none !important;
    padding: 15px !important;
}
    .alertTs-js-k .js-close {
        padding: 4px 5px;
        border: 0;
        background: #ff5b5b;
        border-radius: 15px;
        width: 22px;
        height: 22px;
        top: -10px !important;
        right: -10px !important;
        color: #fff;
        font-size: 16px !important;
        line-height: 11px;
        font-weight: 700;
    }
        .alertTs-js-k .js-close:hover {
            background: #fd3838;
        }

    .popover-wrapper {
        width: 300px;
    }

.alertTs-js-k .popover-wrapper {
    width: 400px;
}

.alertTs-js-k .popover-wrapper .header-section .pop-title {
    font-size: 13px;
    border-bottom: 1px solid #dcdcdc;
    text-align: center;
}

        .alertTs-js-k .popover-wrapper .header-section .header-labels {
            padding-bottom: 0;
            padding-top: 9px;
        }

            .alertTs-js-k .popover-wrapper .header-section .header-labels div {
                width: 50%;
                font-weight: 600;
                background: #f3f1f1;
                padding: 5px;
            }

                .alertTs-js-k .popover-wrapper .header-section .header-labels div.name {
                    width: 55%;
                }

                .alertTs-js-k .popover-wrapper .header-section .header-labels div.phone {
                    width: 25%;
                }

                .alertTs-js-k .popover-wrapper .header-section .header-labels div.status {
                    width: 20%;
                }

.popover-wrapper .name .icofont-camera {
    font-size: 16px;
    color: #1b6ba1;
    line-height: 20px;
}
                .alertTs-js-k .popover-wrapper .data-section .data {
                    padding-bottom: 0;
                    padding-top: 9px;
                }

                .alertTs-js-k .popover-wrapper .data-section .data div div {
                    width: 50%;
                    border-top: 1px solid #eee;
                    padding: 7px 20px;
                }

                .alertTs-js-k .popover-wrapper .data-section .data div.name {
                    width: 55%;
                }

                    .alertTs-js-k .popover-wrapper .data-section .data div.phone {
                        width: 25%;
                    }

                    .alertTs-js-k .popover-wrapper .data-section .data div.status {
                        width: 20%;
                    }

                .alertTs-js-k .alertTs-js-arrow {
                    bottom: -11px !important;
                }
                    .alertTs-js-k .alertTs-js-arrow .alertTs-js-a1 {
                        border-color: transparent transparent transparent !important;
                    }



    .dispatchMainScreenpage .rowWrapper .TimeComplete, .dispatchMainScreenpage .rowWrapper .TimeAtLocation, .dispatchMainScreenpage .rowWrapper .TimeLeftRestaurant, .dispatchMainScreenpage .rowWrapper .TimeAtRestaurant, .dispatchMainScreenpage .rowWrapper .TimeConfirmed, .dispatchMainScreenpage .rowWrapper .TimeDriverAssigned {
        width: 114px;
    }

    .dispatchMainScreenpage .rowWrapper div.AuthSuccess {
        width: 127px;
    }

    .dispatchMainScreenpage .rowWrapper div.CustomerZip {
        width: 126px;
    }

    .dispatchMainScreenpage .rowWrapper div.PickupTime {
        width: 115px;
        text-align:center;
    }
.dispatch-item-innerwrapper .rowWrapper div.PickupTime {
    padding:0;
}
.dispatchMainScreenpage .rowWrapper div.PickupTime label {
    margin-bottom: 0 !important;
    width: 74px;
    padding: 5px 0;
}
    .dispatchMainScreenpage .rowWrapper div.PickupTime label.pickupt-updated {
        background-color: #1f1f1f;
        margin: 2px 0;
        border-radius: 4px;
        padding: 3px 0;
        color: #fff;
    }

        .dispatchMainScreenpage .rowWrapper div.LastDriver {
            width: 110px;
        }

    .dispatchMainScreenpage .rowWrapper div.LastDriver {
        width: 110px;
    }

.dispatchMainScreenpage .rowWrapper div.CloseTime {
    width: 110px;
}
.dispatchMainScreenpage .rowWrapper div.rest-status {
    width: 200px !important;
}

    .dispatchMainScreenpage .rowWrapper .DeliverDateTime {
        width: 261px;
    }

.page-contents {
    width: calc(100% - 95px) !important;
}

.dispatchMainScreenpage .logintext {
    margin-right: 15px;
}

    .dispatchMainScreenpage .logintext .signoutBTN, .logintext .changePasswordLink {
        text-decoration: none !important;
    }

        .dispatchMainScreenpage .logintext .signoutBTN:hover, .logintext .changePasswordLink:hover {
            color: #1b1a1a;
            text-decoration: none !important;
        }

.dispatchMainScreenpage #filterWrapper label {
    margin-bottom: 1px !important;
    margin-top: 0px !important;
    line-height: 17px;
}

.dispatchMainScreenpage #chkStatusContainer .innerWrapperChkStatus {
    display: inline-block;
    margin: 0 0 0px 0;
}

.aspbox {
    border-radius: 4px;
    color: #fff;
    display: block;
    float: right;
    padding: 0;
    text-align: center;
    width: 15px;
}

.new-template-popup.locate-driver .ui-dialog-titlebar-close {
    background-color: #ea1919 !important;
    border: 0 none !important;
    color: #eee;
    padding: 2px 0px 2px 2px;
    border-radius: 45px;
    margin-right: -17px !important;
    width: 23px;
    height: 23px;
    margin-top: -18px !important;
    cursor: pointer !important;
    background-image: none !important;
}
/*--- Dispatch Screen style changes by Asanka - END ---*/

button, input, optgroup, select, textarea {
    font-size: 11px !important;
}

.pg-dashbord, .pg-order {
    height: calc(100% - 63px);
}

#divDeliveryProfile table tr input {
    margin-top: 8px !important;
    margin-right: 8px;
}

.ui-dialog-buttonset button {
    border: 1px solid #666 !important;
    background: #555 url(images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;
    font-weight: bold;
    color: #eee;
    border-radius: 4px;
    padding: 4px 12px;
}

    .ui-dialog-buttonset button:hover {
        border: 1px solid #59b4d4 !important;
        background: #0078a3 url(images/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #fff;
    }

#divQuoteTimePop {
    min-height: 60px !important;
}


#divAssignProfiles table tr td label {
    margin: 5px 60px 13px 0;
}

#divAssignProfiles table tr td input {
    width: 210px;
}

#divDeliveryProfile #breakfastdata, #divDeliveryProfile #lunchdata, #divDeliveryProfile #dinnerdata {
    width: 76%;
    margin-top: 8px;
}

#topPartnersChart-license-text,
#appChart-license-text,
#phoneChart-license-text,
#webChart-license-text,
#lastSixDaysChart-license-text,
#deliveryPickupChart-license-text {
    display: none !important;
}

#content_body_Label1.lblControlledWidth101 {
    width: 101px !important;
}

.pg-dashbord.menu-shrinked .main-master-div .div-outer .div-inner #CompanyData input {
    /*margin-top: 1px !important;*/
}

#divPersonalData input.normalWidth {
    width: 257px;
}

#divPersonalData .multiInputs #Label5 {
    margin-left: 28px !important;
}

.pg-dashbord #divPersonalData #txtStreet {
    width: 257px !important;
}
  #zipCodeManagement .uni-bottom-right-col #div2 {
    margin-bottom: 10px;

}
#divRestaurant .url-restaurant-list label {
    font-size: 12px !important;
    margin-top: 3px;
}

#netSalesReport #divReportArea input {
    margin-top: 2px !important;
}

.pg-dashbord .HomeItemReportCustom #divReportArea #houseItemReport label input {
        margin-top: -2px !important;
    vertical-align: middle;
}
.wrapper-rest-settlement .batchheader div.col_1,
.wrapper-rest-settlement .batchrow div.col_1 {
    width:131px !important;
    text-align:left;
}
.wrapper-rest-settlement .batchheader div.col_2,
.wrapper-rest-settlement .batchrow div.col_2 {
    width:126px !important;
}
.wrapper-rest-settlement .batchheader div.col_3,
.wrapper-rest-settlement .batchrow div.col_3 {
    width:220px !important;
    text-align:left !important;
}
.wrapper-rest-settlement .batchheader div.col_4,
.wrapper-rest-settlement .batchrow div.col_4 {
    width:135px !important;
    text-align:right !important;
}

.pb-32 {
   padding-bottom: 32px;
}

.img_login_rc_logo_login, .img_login_rcc_logo_login {
    width:auto;
    max-width:100%;
}

/*.menu-shrinked .side-menu .logo .main-logo img {
    width: 44px !important;
}

.side-menu .logo .main-logo img {
    display: unset;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}

.pg-dashbord.menu-shrinked .side-menu .logo .main-logo .rcc_logo_main {
        width: 40px !important;
    margin: -3px 0 -11px 3px !important;
}

.pg-dashbord .main-master-div .div-outer .main_header_row .logo .main-logo .rcc_logo_main {
    width: 72px;
    margin: -3px 0 -11px 3px;
}*/

.pg-dashbord.menu-shrinked .side-menu .logo .main-logo .img_main_logo_rcc_logo_main {
        width: 40px !important;
    margin: -3px 0 -11px 3px !important;
}

.pg-dashbord .main-master-div .div-outer .main_header_row .logo .main-logo .img_main_logo_rcc_logo_main {
    width: 72px;
    margin: -3px 0 -11px 3px;
}

.pg-dashbord.menu-shrinked .side-menu .logo .main-logo .img_main_logo_thefoodrunners_logo_inner {
    width: 28px !important;
    margin: 2px 0px -5px 5px !important;
}

.pg-dashbord .main-master-div .div-outer .main_header_row .logo .main-logo .img_main_logo_thefoodrunners_logo_inner {
    width: 58px;
    margin: 2px 0 -3px 0px;
}

.menu-shrinked .side-menu .logo .main-logo .img_main_logo_thefoodrunners_logo_inner {
    width: 28px !important;
    margin: -16px 0px -5px 5px !important;
}

.main-master-div .div-outer .main_header_row .logo .main-logo .img_main_logo_thefoodrunners_logo_inner {
    width: 58px;
    margin: -16px 0 -3px 0px;
}

select#lstRewardLevel {
    height: calc(100vh - 120px);
}
.enter-giftcertificate-number label.error {
    float: left;
    clear: both;
    margin: 2px 0 0;
}
.w-95 {
    width: 95px !important;
}
.batch-scroll {
    overflow: auto;
    width: 100%;
    max-height: 150px;
}
#div2 #choicesBtnPannel {
    margin-right: 8px !important;
}
#choicesBtnPannel #content_body_btnAddChoice {
    background-image: url('../Images/Save-icon.png') !important;
    background-size: 89%;
    background-position: 1px 2px;
    background-repeat: no-repeat;
}
.wrapper-list-management .selectDimension {
    height: 460px !important;
    min-height: calc(100vh - 195px) !important;
}
.order-operation-cards .card-title {
    padding-bottom: 7px;
    border-bottom: 1px solid #eee;
    margin-top: 0 !important;
    font-size: 13px !important;
    font-weight: 600;
    color: #4c4c4c;
}


/*menu Page Loader Styles*/
#LoaderDIV {
    display: none;
}


@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*menu Page Loader Styles*/

/*ToolTip Popup Styles*/
/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 300px !important;
    background-color: #c2d6e4;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 20%;
    margin-left: -80px;
}

        /* Popup arrow */
        .popup .popuptext::after {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: #555 transparent transparent transparent;
        }

    /* Toggle this class - hide and show the popup */
    .popup .show {
        visibility: visible;
        -webkit-animation: fadeIn 1s;
        animation: fadeIn 1s;
    }

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/*ToolTip Popup Styles*/

    #txtDeliveryTimeAdjustment::-webkit-outer-spin-button,
    #txtDeliveryTimeAdjustment::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

/* Firefox */
    #txtDeliveryTimeAdjustment[type=number] {
        -moz-appearance: textfield;
    }

.check-mr-7 input[type="checkbox"] {
    margin-right: 7px !important;
}
.personal-data-page label.error {
    margin-top: 9px;
    margin-bottom: 0;
    margin-left: -11px;
}
.personal-data-page input.required {
    padding-right: 13px;
}
.personal-data-page #ddlState {
    margin-top: 3px;
}
#divPersonalData.personal-data-page textarea.normalWidth,
#divPersonalData.personal-data-page #txtApartment,
#divPersonalData.personal-data-page #ddlZonelist {
    width: 257px;
}
#divPersonalData.personal-data-page #txtApartment {
    margin-bottom: 10px;
}
#divPersonalData.personal-data-page #txtHouseNumber {
    width: 70px !important;
}
#divPersonalData.personal-data-page .apt-suit #Label5 {
    margin-left: 18px !important;
    margin-top: 6px !important;
    width: 75px !important;
}
.personal-data-page .city-state-zip {
    margin-top: 0px;
}
    .personal-data-page .city-state-zip #txtZip {
        width: 57px !important;
    }
.personal-data-page #divAddressNote {
    margin-top: 10px;
}
.personal-data-page #chkContainer .marginTop {
    float: left;
    margin-right: 20px;
}
    .personal-data-page #chkContainer .marginTop label {
        width: auto !important;
    }

.personal-data-page .login-section div {
    width: auto;
}
    .personal-data-page .login-section div .label {
        width: auto !important;
    }
    .personal-data-page .login-section div #content_body_lblLogin,
    .personal-data-page .login-section div #content_body_Label1 {
        width: 80px !important;
    }
    .personal-data-page .login-section div #content_body_Label2 {
        width: 130px !important;
    }

    /*Dispay-none*/
    .display-none-set{
        display:none;
    }

.menu-item-info span {
    background: #f7f7f7;
    padding: 8px 10px;
    border-radius: 7px;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
    float: left;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: #0a0a0a;
    width: 100%;
    margin-top: 0px;
}
.dashed-title {
    font-size: 13px;
    text-transform: capitalize;
    position: relative;
    float: left;
    margin-bottom: 15px;
}
    .dashed-title:after {
        content: '';
        position: absolute;
        background: #aeaeae;
        top: 7px;
        right: -30px;
        width: 20px;
        height: 2px;
    }


#itemType input, #amountType input {
    margin: 2px 5px 0px 0px !important;
}
#amountType label {
    margin-top: 0px !important;
}

#divItemDetails.menu-items-ui input[type="text"],
#divItemDetails.menu-items-ui textarea{
    padding: 3px 5px;
}
#divItemDetails.menu-items-ui input[type="text"].error,
#divItemDetails.menu-items-ui textarea.error,
#divItemDetails.menu-items-ui select.error {
    background: #ffe6e6;
    border: 1px solid #ffd3d3;
}
.sales-tax-info {
    background: #a3ddea;
    border: 1px solid #448c9c;
    display: inline-flex;
    font-size: 10px !important;
    color: #000000;
    border-radius: 10px;
    cursor: pointer;
    margin-left: 4px !important;
    width: 15px;
    height: 15px;
    justify-content: center;
    align-items: center;
    line-height: 14px !important;
}

    .sales-tax-info:before {
        width: 11px;
        height: 13px;
    }
.tooltipster-default-custom {
    background: #333;
    padding: 8px 8px 0px !important;
    border-radius: 4px;
}

.fax-popover {
    padding: 5px;
    min-width: 200px;
}

    .fax-popover div {
        float: left;
        clear: both;
        font-size: 11px;
        line-height: 12px;
        margin-bottom: 8px;
        color: #eee;
        width: 100%;
    }
        .fax-popover div span {
            float: left;
        }
            .fax-popover div span.colon {
                float: right;
                margin-right: 10px;
            }
            .fax-popover div span.data {
                width: calc(100% - 90px);
            }
        .fax-popover div span.head {
            font-weight: bold;
            font-size: 10px;
            width: 80px;
        }

        .fax-popover div.title {
            font-weight: 600;
            padding-bottom: 3px;
            width: 100%;
            font-size: 12px;
            margin-bottom: 4px;
            color: #fff;
            border-bottom: 1px solid #6f6f6f;
            padding-bottom: 4px;
            margin-bottom: 10px;
        }

.driver-info-tooltip-wrapper {
    padding: 5px;
    min-width: 150px;
}

    .driver-info-tooltip-wrapper div.title {
        font-weight: 600;
        width: 100%;
        font-size: 12px;
        color: #fff;
        padding-bottom: 4px;
        margin-bottom: 8px;
    }
    .driver-info-tooltip-wrapper div {
        float: left;
        clear: both;
        font-size: 11px;
        line-height: 12px;
        margin-bottom: 12px;
        color: #eee;
        width: 100%;
    }
.icon-oprint {
    margin-left: 10px;
    color: #323232;
    width: 47px;
    height: 24px;
    text-align: center;
    border-radius: 5px;
    line-height: 23.5px;
    font-size: 12px;
    margin-top: -3px;
    cursor: pointer;
    font-weight: 500;
    color: #ffffff;
    background-color: #4e7fa7;
    font-family: 'Verdana';
}
    .icon-oprint:hover {
        background-color: #78b4e5;
    }
select.select-custom {
    width: 100% !important;
    margin: 0;
    margin-top: 10px;
    height: 230px !important;
    margin-bottom:10px !important;
}
.selectRestaurnatChain {
    min-height: 492px !important;
    height: 79vh !important;
}
.menu-on-top .selectRestaurnatChain {
    min-height: 518px !important;
    height: 82vh !important;
}
.btn-rounded-swap {
    margin-bottom: 10px;
    background-color: #5ca7b3;
    color: #fff;
    border: none;
    border-radius: 14px;
    font-size: 18px !important;
    height: 24px;
    width: 24px;
    padding: 0;
    outline: none
}
    .btn-rounded-swap:hover {
        background-color: #5abdcd !important;
    }

    .h-new {
        font-size: 12px;
        font-weight: 600 !important;
        color: #565656;
        border-bottom: solid 1px #d1d1d1;
        padding-bottom: 6px;
        width: 96% !important;
        display: inline-block;
    }

@media screen and (min-width:1366px) {
    .restaurant-selection {
    /*height:289px;*/
    }
    .res-details {
     width:490px;
    }
    .menu-on-top .selectRestaurnatChain {
        min-height: 448px !important;
        height: 71vh !important;
        margin-bottom: 1.5em !important;
    }

    .menu-on-top .select-rest-width {
        width: 243px !important
    }

    .menu-on-top .w-575 {
        width: 575px !important;
    }
    .menu-on-top .w-277 {
        width: 277px !important;
    }
}
@media screen and (min-width:1440px) {
    .res-details {
        width: 634px !important;
    }
}

#btnNewButton, #btnSaveButton, #btnDeleteButton {
    color: #fff !important;
    background-color: #5ca7b3 !important;
    width: auto !important;
    border-radius: 5px !important;
    width: auto !important;
    min-width: 73px;
    text-align: center !important;
    background-image: none !important;
    text-shadow: none !important;
    border-color: #5ca7b3 !important;
    font-family: verdana !important;
    font-size: 1em !important;
    text-transform: uppercase !important;
    height: 26px !important;
}

    #btnNewButton:hover,
    #btnSaveButton:hover,
    #btnDeleteButton:hover {
        background-color: #5abdcd !important;
        border-color: #5abdcd !important;

    }
.left-margin-inrdo {
    margin-left: 106px;
}

.h-26 {
    height: 26px !important;
    height: 27px !important;
}

.menuItemsUi .required.error {
    background: #ffe6e6;
    border: 1px solid #ffd3d3;
}
.wrapper-marketingURL {
    margin-bottom: 5px;
}
    .wrapper-marketingURL #lnkMarketingURL {
        margin-top: 5px;
        display: inline-block;
        color: #0eb1ff;
        font-weight: 500;
        margin-right: 6px;
        width: auto;
        color: #0097df;
        font-size: 12px;
    }
        .wrapper-marketingURL #lnkMarketingURL:hover {
            color: #0490d3;
        }
    .wrapper-marketingURL .copy-icon {
        /*background-image: url('../Images/clipboard-svgrepo-com.svg');
        background-repeat: no-repeat;
        background-position: 10px 7px;
        background-color: #c9edff;
        width: 35px;
        height: 35px;
        display: inline-block;
        background-size: 54%;
        position: absolute;
        margin-top: -3px;*/
        margin-left: 10px;
        background-color: #dcf3ff;
        width: 35px;
        height: 35px;
        display: inline-block;
        background-size: 54%;
        position: absolute;
        margin-top: -3px;
        border-radius: 50%;
    }

    .wrapper-marketingURL #wrapperCopyClipFader span {
        padding: 3px 10px;
        background-color: #474747;
        color: #fff;
        border-radius: 5px;
        font-size: 11px;
        position: absolute;
        top: -5px;
        right: 65px;
    }
    .wrapper-marketingURL #wrapperCopyClipFader .arrow {
        position: absolute;
        background: #474747;
        text-align: center;
        color: #fff;
        top: -63px;
        right: -62px;
    }
    .wrapper-marketingURL #wrapperCopyClipFader .arrow:before {
      
    }
    .wrapper-marketingURL #wrapperCopyClipFader {
        position:relative;
    }
    .wrapper-marketingURL #wrapperCopyClipFader .arrow:after {
        position: absolute;
        bottom: -4px;
        left: 50%;
        margin-left: -10px;
        content: "";
        display: block;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #474747;
    }


        .wrapper-marketingURL label,
        .wrapper-marketingURL span {
            width: auto;
            font-size: 11.5px;
            display: inline-block;
            float: left;
        }
.wrapper-marketingURL label {
    margin-right: 6px;
    font-weight: 600;
}
.wrapper-marketingURL span {
        margin-top: 3.8px;
        color: #0490d3;
        font-size: 12px;
        line-height: 20px;
    }

/*spinner*/
.lds-dual-ring {
    display: inline-block;
    width: 100%;
    height: 101vh;
    z-index: 999999;
    top: -71px;
    left: 0;
    position: absolute;
    background-color: #00000042;
}
    /*.lds-dual-ring:before {
        content:"";
        width:100%;
        height:100%;
        background-color:#000;
        display:inline-block;
        position:absolute;
    }*/
    .lds-dual-ring:after {
        content: " ";
        display: block;
        margin-top: 22% !important;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 6px solid #2196f3;
        border-color: #2196f3 transparent #2196f3 transparent;
        animation: lds-dual-ring 1.2s linear infinite;
        margin-left: 50%;
    }

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

#txtEarlyNotificationHours.error + label.error {
    display:none !important;
}
.wrapper-earlynotification #txtEarlyNotificationHours {
    width: 47px;
    text-align: right;
    padding-right: 8px;
}
.wrapper-earlynotification #chkIsEarlyNotification + label {
    margin-bottom: 0 !important;
    cursor:pointer;
}
.wrapper-earlynotification .label-wrapper-early-notification {
    margin-top: 0;
    margin-left: 11px;
    margin-right: 10px;
}
.wrapperLogoLogin_logo_CTY {
    background-color: #fff;
    display: inline-block;
    padding: 9px;
}
.img_login_logo_CTY {
    width: 109px;
}
.pg-login {
    overflow:hidden;
}
    .pg-login .menu-on-top .page-contents {
        margin-top: -20px !important;
    }


.zone-label::after {
    top: -3px !important;
    right: -15px !important;
}

.dispatch-call {
    width: 18px;
    display: inline-block;
    margin-left: -15px;
}

.dispatch-call img {
    width: 11px;
}

    .dispatch-call:hover img  {
        opacity:0.6;
    }

.edit-icon {
    background-color: #4497d7;
    color: #fff;
    width: 17px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 4px 4px;
    border-radius: 5px;
    margin-right: 5px;
    margin-left: -15px;
}

    .edit-icon i {
        font-size: 9px !important;
    }


.personal-data-wrapper .leftCol {
    padding: 10px 15px 15px 15px;
}

    .personal-data-wrapper .leftCol .filter-status {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .personal-data-wrapper .leftCol .filter-status select {
            height: 23px;
            width: 140px;
        }

    .personal-data-wrapper .leftCol select.selectDimension {
        margin: 12px 0px 0px 0px !important;
        width: 256px !important;
        max-height: calc(100vh - 180px) !important;
        min-height: calc(100vh - 180px) !important;
    }

.personal-data-wrapper #btnNewButton, .personal-data-wrapper #btnSaveButton, .personal-data-wrapper #btnDeleteButton {
    line-height: 13px;
}

.personal-data-wrapper #ddlUserRoles {
    width: 145px;
}

.personal-data-wrapper #divPersonalData #txtHomePhone, .personal-data-wrapper #divPersonalData #txtworkPhone, .personal-data-wrapper #divPersonalData #txtMobile {
    width: 145px;
}

.personal-data-wrapper #content_body_Label12, .personal-data-wrapper #content_body_Label13 {
    width: 100px;
    margin-left: 14px;
}

.personal-data-wrapper #divPersonalData #txtStartDate, .personal-data-wrapper #divPersonalData #txtLastName {
    width: 145px;
}

.personal-data-wrapper #txtDriverNotes {
    width: 342px !important;
}

.personal-data-wrapper .cus-width {
    width: calc(100vw - 416px) !important;
}

.dispatchMainScreenpage #divDispatchData .rowWrapper.cls-pending-auth {
    background-color: #ffcece;
}

.add_cart {
    background: url(../Images/icon_sprit.png) no-repeat scroll -84px -436px transparent;
    cursor: pointer;
    height: 18px;
    margin-left: 5px;
    padding: 0 8px;
    width: 18px;
}


.description-scroll {
    padding-right: 12px;
    max-height: calc(100vh - 830px);
    min-height: 125px;
    overflow: auto;
    margin-bottom: 5px;
}

.description-scroll-wrapper {
    padding-right: 5px;
}

    .description-scroll-wrapper ::-webkit-scrollbar {
        width: 6px;
        height: 6px;
        margin-right: 2px;
    }

    .description-scroll-wrapper ::-webkit-scrollbar-track {
        background: #f1f1f1;
        opacity: .9;
    }

    .description-scroll-wrapper ::-webkit-scrollbar-thumb {
        background: #a5a5a5;
        opacity: 0.9;
    }

        .description-scroll-wrapper ::-webkit-scrollbar-thumb:hover {
            background: #d6d6d6;
        }

/*.tooltip {
    color: #b5b5b5;
    font-size: 11px;
    font-family: inherit;
}*/

#divChoicePop {
    font-size: 11px;
    min-height: 200px;
    width: 590px !important;
    padding-right: 0px !important;
    margin-top: 10px;
    overflow: visible;
}

    #divChoicePop h3 {
        font-size: 14px !important;
        font-weight: normal;
        margin-top: 0;
    }

    #divChoicePop textarea {
        height: 40px;
        width: 460px;
    }


    #divChoicePop .jspDrag {
        background: url(../Images/bullet_ball_glass_blue.png) no-repeat;
    }


    #divChoicePop .jspTrack {
        background: url(../Images/scrolbg.jpg) repeat-y top center;
    }

    #divChoicePop .jspContainer {
        width: 600px !important;
    }

    #divChoicePop ul {
        list-style: none;
        padding-left: 25px;
    }

    #divChoicePop .input_block {
        display: inline-block;
        margin-top: 10px;
    }

        #divChoicePop .input_block div {
            float: left;
        }

            #divChoicePop .input_block div.fname {
                width: 70px;
                display: inline-block;
                line-height: 2;
            }

            #divChoicePop .input_block div.inputfeald {
                background: none repeat scroll 0 0 transparent;
                width: 100px;
            }

    #divChoicePop div.input_block div.inputfeald input {
        background: none repeat scroll 0 0 #FFFFFF;
        font-size: 12px !important;
    }

        #divChoicePop div.input_block div.inputfeald input.uniform-input {
            width: 60px;
            text-align: right;
        }

        #divChoicePop div.input_block div.inputfeald input.txtqty {
            width: 45px;
        }

    #divChoicePop.menuCommonPopup {
        max-height: calc(100vh - 170px);
        overflow-y: auto;
        overflow-x: hidden;
        width: 595px !important;
        padding: 5px 16px 15px;
    }
        #divChoicePop.menuCommonPopup .description-scroll, #divChoicePop.menuCommonPopup .div-tree-wrapper {
            min-height: unset !important;
            max-height: unset !important;
        }
        #divChoicePop.menuCommonPopup h3 {
            font-size: 12px !important;
            font-weight: 600;
        }
        #divChoicePop.menuCommonPopup h3 span {
            color: #909090;
            font-size: 11px;
            font-family: inherit;
            font-weight: 100;
        }
        #divChoicePop.menuCommonPopup .AdditionalItemblock {
            padding: 6px 3px;
            margin-bottom: 1px;
            background: #e9faff;
            width: 450px;
            position: relative;
        }

            #divChoicePop.menuCommonPopup .AdditionalItemblock:nth-child(2n+2) {
                background: #fff8e9;
            }

        #divChoicePop.menuCommonPopup .itemTitlewrapper span {
            display: block;
            float: left;
        }

            #divChoicePop.menuCommonPopup .itemTitlewrapper span.itemTitle.item {
                width: 300px;
                font-weight:bold;
            }

            #divChoicePop.menuCommonPopup .itemTitlewrapper span.itemqty.qty {
                font-weight: bold;
            }

        #divChoicePop.menuCommonPopup .AdditionalItemblock .inputBlock input {
            background: none;
            background-color: #fff;
        }

        #divChoicePop.menuCommonPopup .AdditionalItemblock .inputBlock .itemName {
            width: 270px;
        }

        #divChoicePop.menuCommonPopup .AdditionalItemblock .inputBlock .itemQty {
            width: 50px;
            margin-left: 20px;
        }

        #divChoicePop.menuCommonPopup .divAddMore {
            background: url("../Images/open_close_btn.png") no-repeat scroll 1px -23px transparent;
            cursor: pointer;
            font-size: 11px;
            margin-left: 10px;
            padding: 5px 18px;
        }

        #divChoicePop.menuCommonPopup .AdditionalItemblock .inputBlock .itemName.added,
        #divChoicePop.menuCommonPopup .AdditionalItemblock .inputBlock .itemQty.added {
            font-size: 12px;
            padding: 0 4px 3px;
        }

        #divChoicePop.menuCommonPopup .AdditionalItemblock .inputBlock .dlt_btn {
            color: #FF0000;
            font-size: 0;
            margin-left: 10px;
            position: relative;
        }

        #divChoicePop.menuCommonPopup .AdditionalItemblock .inputBlock .editBtn {
            color: #FF0000;
            font-size: 0;
            margin-left: 10px;
            position: relative;
            background: url("../Images/edit.png") no-repeat scroll 0 0 transparent;
            cursor: pointer;
            height: 18px;
            padding: 0;
            width: 16px;
        }

        #divChoicePop.menuCommonPopup .AdditionalItemblock label.error {
            bottom: -2px;
            font-size: 9px;
            left: 4px;
        }

        #divChoicePop.menuCommonPopup .CartaditionalItemBlock {
            margin-bottom: 5px;
            font-size: 11px;
        }


            #divChoicePop.menuCommonPopup .CartaditionalItemBlock .item {
                width: 200px;
                float: left;
                margin-right: 10px;
                padding-left: 30px;
            }


            #divChoicePop.menuCommonPopup .CartaditionalItemBlock .amount {
                float: left;
                text-align: right;
                width: 40px;
            }


        #divChoicePop.menuCommonPopup #checkOutWrapper .CartaditionalItemBlock .item {
            float: left;
            margin-right: 10px;
            padding-left: 30px;
            width: 346px;
        }


        #divChoicePop.menuCommonPopup .opctionsWrpper,
        #divChoicePop.menuCommonPopup #divHouseAccountsList {
            width: 188px;
            float: left;
        }

        #divChoicePop.menuCommonPopup #ddlHouseAccountSub {
            margin-bottom: 10px;
        }

        #divChoicePop.menuCommonPopup .res-title {
            clear: both;
            padding-top: 20px;
        }

        #divChoicePop.menuCommonPopup .res-title-cus {
            padding-top: 12px !important;
            padding-bottom: 4px;
        }

        #divChoicePop.menuCommonPopup .w-270px {
            width: 270px !important;
        }

        #divChoicePop.menuCommonPopup #divOrderSummary .CartaditionalItemBlock .item {
            background: url("../Images/blt-3.jpg") no-repeat 5px 6px;
            float: left;
            margin-right: 10px;
            padding-left: 15px;
            width: 370px;
        }

        #divChoicePop.menuCommonPopup #txtWhosFor {
            width: 203px;
        }

.popup-menu-section .actionIcon {
    display:inline-block;
}
    .popup-menu-section .actionIcon .add_cart {
        margin: 0 0 -3px 0px;
        width: 20px;
        height: 18px;
    }