/* Generic */
body {
    margin: 8px !important;
}

.divScrollStyle {
    position: relative !important;
    overflow-y: auto !important;
    overflow-x: none !important;
}

.errMsgColor {
    color: #ff0000;
}

/* ----------------------------------------------------------------------------- */
/* protected.master : Page Styles */
/* ----------------------------------------------------------------------------- */



/*.lbHome {
    background: url('/Skin/Valutec/Images/Home_new.png');
    background-size: contain;
    height: 46px;
    width: 46px;
    border: none;
}*/

.lbMyAccount {
    background: url('/Skin/Valutec/Images/Account_new.png');
    background-size: contain;
    height: 60px;
    width: 60px;
    border: none;
}

.lbhelp {
    background-size: contain;
    height: 30px;
    width: 30px;
    border: none;
    /*margin-top: 10px;*/
}

.help {
    font-size: 10px;
    color: #979699;
    padding-left: 3px;
}

.lbSignout {
    background: url('../Skin/Valutec/Images/SignOut_new.png');
    background-size: contain;
    height: 60px;
    width: 60px;
    border: none;
}

/*.loggedInUser {
    color: Black !important;
    font-weight: bold !important;
}*/

.footerlogo {
    height: 50px;
    width: 150px;
}

/* ----------------------------------------------------------------------------- */
/* Welcome.aspx : Page Styles */
/* ----------------------------------------------------------------------------- */

.gdvNews > tbody > tr > th, .gdvNews > tbody > tr > th, .gdvNews > tbody > tr > th, .gdvNews > tbody > tr > td, .gdvNews > tbody > tr > td, .gdvNews > tbody > tr > td {
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 7px;
    padding-right: 7px;
    border-color: #c7d6a7;
}

.gdvNews {
    font: 12px/16px "segoe ui",arial,sans-serif !important;
    border: 1px solid #3c4c30 !important;
    background: #d1deb6 !important;
    color: #2b2c20 !important;
    background-color: #e1e1e3 !important;
}

    .gdvNews > tbody > tr:nth-child(even) {
        background: #aeadb1;
        border-color: #c7d6a7;
    }

    .gdvNews > tbody > tr:nth-child(odd) {
        background: #e1e1e3;
        border-color: #d1deb6;
    }

.gdvChart {
    display: none;
}

.pnl-dailystatus {
    display: grid;
}

abbr {
    vertical-align: middle;
}


/* ----------------------------------------------------------------------------- */
/* Customer.aspx : Page Styles */
/* ----------------------------------------------------------------------------- */

/* Table CSS */
.table.table-bordered.no-border tr td, .table.table-bordered.no-border tr th {
    border-width: 0;
}

.tblOptions > tbody > tr > td {
    /*padding-left: 10px !important;*/
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.btn-Search {
    width: 132px;
    height: 22px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url("/Common/Images/MenuIcons/Search.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: center;
}

.custFirstName:focus::-webkit-input-placeholder {
    color: transparent;
}

.custFirstName:focus:-moz-placeholder {
    color: transparent;
}

.custLastName:focus::-webkit-input-placeholder {
    color: transparent;
}

.custLastName:focus:-moz-placeholder {
    color: transparent;
}
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* Misc_Reports.aspx : Page Styles */
/* ----------------------------------------------------------------------------- */
.gdvMiscChart {
    display: none;
}

/**************************************************************************************/
/* ----------------------------------------------------------------------------- */
/* ReportDeliveryNew.aspx : Page Styles */
/* ----------------------------------------------------------------------------- */
.reportnamefont {
    font: 8pt arial !important;
}

.exceldiv {
    color: red;
    font-weight: bold;
}

/**************************************************************************************/

/**************************************************************************************/
/* ----------------------------------------------------------------------------- */
/* AccountInformation.aspx : Page Styles */
/* ----------------------------------------------------------------------------- */
blockquote {
    border-left: none !important;
}
/**************************************************************************************/
/* ----------------------------------------------------------------------------- */
/* RegisterNewCustomer.aspx : Page Styles */
/* ----------------------------------------------------------------------------- */
.btnSearchCard {
    width: 82px;
    height: 22px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url("/Common/Images/MenuIcons/Search.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: center;
}

.btn_CDCancel {
    width: 75px;
    height: 22px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url("/Common/Images/MenuIcons/cancel.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: center;
}

.rbReset {
    width: 75px;
    height: 22px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url("/Common/Images/MenuIcons/cancel2.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: center;
}

.btn_CDSave {
    width: 63px;
    height: 22px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url("/Common/Images/MenuIcons/save.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: center;
}

#btnRunReport {
    width: 92px;
    height: 22px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url("/Common/Images/MenuIcons/runreport.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: center;
}

/* ----------------------------------------------------------------------------- */
/* Toast : breadcrumb-item */
/* ----------------------------------------------------------------------------- */
.breadcrumb-item-Removeboarder {
    border: none;
    outline: none;
    background: none;
}

.uppercase {
    text-transform: uppercase;
}
/* ----------------------------------------------------------------------------- */
/* Error.aspx : Page Styles */
/* ----------------------------------------------------------------------------- */
.normalLink {
    font: 10pt 'Segoe UI', Arial, 'sans-serif';
    color: #00008b;
    text-decoration: underline;
}

.PageHeader {
    font: bold 22pt arial,helvetica,tahoma;
    padding-bottom: 12px;
    padding-left: 0px;
    padding-top: 12px;
}

.btnUpdateCustomer {
    width: 110px;
    height: 22px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url("/Common/Images/MenuIcons/save.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

/**************************************************************************************/

/* Bootstrap */
input-lg {
    height: 46px;
    padding: 0px 0px !important;
    font-size: large;
    line-height: 1.3333333;
    border-radius: 6px;
}


/* Margin spacing */
.mt-0 {
    margin-top: 0px !important;
}

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

.mt-20 {
    margin-top: 20px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

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

.mb-10 {
    margin-bottom: 10px !important;
}

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

.mb-30 {
    margin-bottom: 30px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

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

.ml-10 {
    margin-left: 10px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-90 {
    margin-left: 90px !important;
}

.ml-660 {
    margin-left: 660px !important;
}

.ml-670 {
    margin-left: 670px !important;
}

.ml-764 {
    margin-left: 764px !important;
}

.ml-720 {
    margin-left: 720px !important;
}

.ml-806 {
    margin-left: 806px !important;
}

.ml-867 {
    margin-left: 867px !important;
}

.ml-585 {
    margin-left: 585px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-450 {
    margin-right: 450px !important;
}


.mx-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mx-20 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

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

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

.mt-15 {
    margin-top: -15px !important;
}
/* Padding Spacing*/
/* Move Transaction Detail dropdown up for better alignment */
#submenuRealTimeReports > .dropdown-menu {
    margin-top: -8px !important; 
}
.pt-0 {
    padding-top: 0px !important;
}

.pt-3 {
    padding-top: 3px !important;
}


.pt-5 {
    padding-top: 5px !important;
}

.pt-8 {
    padding-top: 8px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}



.pt-25 {
    padding-top: 25px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

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

.pl-2 {
    padding-left: 2px !important;
}

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

.pl-8 {
    padding-left: 8px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-13 {
    padding-left: 13px !important;
}

.pl-15 {
    padding-left: 15px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-25 {
    padding-left: 25px !important;
}

.pl-27 {
    padding-left: 27px !important;
}

.pl-30 {
    padding-left: 30px !important;
}

.pl-34 {
    padding-left: 34px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-42 {
    padding-left: 42px !important;
}

.pl-45 {
    padding-left: 45px !important;
}

.pl-47 {
    padding-left: 47px !important;
}


.pl-58 {
    padding-left: 58px !important;
}

.pl-62 {
    padding-left: 62px !important;
}

.pl-82 {
    padding-left: 82px !important;
}

.pl-113 {
    padding-left: 113px !important;
}

.pl-133 {
    padding-left: 133px !important;
}

.pl-145 {
    padding-left: 145px !important;
}

.pl-200 {
    padding-left: 200px !important;
}

.pl-300 {
    padding-left: 300px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-5 {
    padding-right: 5px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-15 {
    padding-right: 15px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-30 {
    padding-right: 30px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-420 {
    padding-right: 420px !important;
}

.pr-700 {
    padding-right: 700px !important;
}

.px-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.py-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.py-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}



.px-20 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.py-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.p-2 {
    padding: 2px;
}

.p-5 {
    padding: 5px !important;
}

.p-8 {
    padding: 8px !important;
}


.p-10 {
    padding: 10px !important;
}

/* Height */
.h-1 {
    height: 1px !important;
}

.h-2 {
    height: 2px !important;
}

.h-5 {
    height: 5px !important;
}


.h-10 {
    height: 10px !important;
}

.h-20 {
    height: 20px !important;
}

.h-21 {
    height: 21px !important;
}

.h-22 {
    height: 22px !important;
}

.h-24 {
    height: 24px !important;
}

.h-25 {
    height: 25px !important;
}


.h-29 {
    height: 29px !important;
}

.h-30 {
    height: 30px !important;
}

.h-38 {
    height: 38px !important;
}

.h-40 {
    height: 40px !important;
}

.h-46 {
    height: 46px !important;
}

.h-50 {
    height: 50px !important;
}

.h-60 {
    height: 60px !important;
}

.h-75 {
    height: 75px !important;
}

.h-300 {
    height: 300px !important;
}

.h-350 {
    height: 350px !important;
}

.h-370 {
    height: 370px !important;
}

/* Width*/
.w-10 {
    width: 10px !important;
}

.w-25 {
    width: 25px !important;
}


.w-40 {
    width: 40px !important;
}


.w-42 {
    width: 42px !important;
}

.w-46 {
    width: 46px !important;
}

.w-55 {
    width: 55px !important;
}


.w-60 {
    width: 60px !important;
}

.w-65 {
    width: 65px !important;
}

.w-80 {
    width: 80px !important;
}

.w-90 {
    width: 90px !important;
}

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

.w-120 {
    width: 120px !important;
}


.w-130 {
    width: 130px !important;
}

.w-135 {
    width: 135px !important;
}



.w-140 {
    width: 140px !important;
}

.w-146 {
    width: 146px !important;
}


.w-150 {
    width: 150px !important;
}

.w-157 {
    width: 157px !important;
}

.w-170 {
    width: 170px !important;
}

.w-180 {
    width: 180px !important;
}

.w-190 {
    width: 190px !important;
}

.w-195 {
    width: 195px !important;
}


.w-200 {
    width: 200px !important;
}

.w-210 {
    width: 210px !important;
}

.w-216 {
    width: 216px !important;
}

.w-220 {
    width: 220px !important;
}

.w-250 {
    width: 250px !important;
}

.w-252 {
    width: 252px !important;
}

.w-290 {
    width: 290px !important;
}

.w-340 {
    width: 340px !important;
}

.w-350 {
    width: 350px !important;
}

.w-380 {
    width: 380px !important;
}

.w-435 {
    width: 435px !important;
}

.w-450 {
    width: 450px !important;
}

.w-510 {
    width: 510px !important;
}


.w-550 {
    width: 550px !important;
}

.mw-550 {
    max-width: 550px !important;
}

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


.w-600 {
    width: 600px !important;
}


.w-620 {
    width: 620px !important;
}

.w-630 {
    width: 630px !important;
}

.w-640 {
    width: 640px !important;
}

.w-660 {
    width: 660px !important;
}


.w-800 {
    width: 800px !important;
}

.w-750 {
    width: 750px !important;
}

.w-805 {
    width: 805px !important;
}

.w-820 {
    width: 820px !important;
}

.w-850 {
    width: 850px !important;
}

.w-900 {
    width: 900px !important;
}

.w-946 {
    width: 946px !important;
}

.w-950 {
    width: 950px !important;
}

.w-1000 {
    width: 1000px !important;
}

.w-1062 {
    width: 1062px !important;
}

.w-1200 {
    width: 1200px !important;
}


.wp-100 {
    width: 100%;
}

.wp-99 {
    width: 99%;
}


.wp-91 {
    width: 91%;
}

.wp-85 {
    width: 85%;
}

.wp-86 {
    width: 86%;
}

.wp-80 {
    width: 80%;
}

.wp-75 {
    width: 80%;
}

.wp-70 {
    width: 70%;
}

.wp-65 {
    width: 65%;
}

.wp-78 {
    width: 78%;
}

.wp-76 {
    width: 76%;
}

.wp-60 {
    width: 60%;
}

.wp-55 {
    width: 55%;
}

.wp-50 {
    width: 50%;
}

.wp-40 {
    width: 40%;
}

.wp-35 {
    width: 35%;
}

.wp-30 {
    width: 30%;
}

.wp-25 {
    width: 25%;
}

.wp-20 {
    width: 20%;
}

.wp-18 {
    width: 18%;
}

.wp-17 {
    width: 17%;
}

.wp-15 {
    width: 15%;
}


.wp-13 {
    width: 13%;
}

.wp-10 {
    width: 10%;
}


.wp-5 {
    width: 5%;
}


/* Alignment */

.va-t {
    vertical-align: top;
}

.va-m {
    vertical-align: middle;
}

.va-b {
    vertical-align: bottom;
}

.ta-l {
    text-align: left;
}

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

.ta-r {
    text-align: right !important;
}

.display-inline {
    display: inline-block;
}

/* Font Size*/
.fs-xlg {
    font-size: x-large !important;
}

.fs-xxlg {
    font-size: xx-large !important;
}

.fs-m {
    font-size: medium !important;
}

.fs-xxsm {
    font-size: xx-small !important;
}

.fs-sm {
    font-size: small !important;
}

.fsl-It {
    font-style: italic !important;
}

.fs-6 {
    font-size: 6px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

/* Jquery Validator */
.form-error + p {
    color: red;
    display: inline !important;
    font: bold 10pt arial,helvetica,tahoma;
    padding-left: 5px;
}

.wi-pl {
    width: 30%;
    padding-left: 15px;
}

.wi-pl {
    width: 70%;
    padding-left: 15px;
}

.wi-ta425 {
    text-align: center;
    width: 425px;
}

.hidden {
    visibility: hidden;
}

.visible {
    visibility: visible;
}

.divhide {
    display: none !important;
}

.divScrollStyle {
    position: relative !important;
    overflow-y: auto !important;
    overflow-x: none !important;
}

.pl-pt-pb-ml-mt5 {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
}

.pt20-va-h24 {
    padding-top: 20px;
    clear: left;
    vertical-align: middle;
    height: 24px;
}

.fieldset {
    border: 1px solid #ddd;
    margin-top: 1em;
    width: 100%;
}

    .fieldset h1 {
        font-size: 10px;
        text-align: left;
        padding-left: 5px;
        font-weight: bold;
        height: 0px !important;
        width: 497px;
    }

        .fieldset h1 span {
            display: inline;
            background: #fff;
            padding: 5px 10px;
            position: relative;
            top: -2.5em;
        }

.VTDate {
    width: 120px;
    height: 22px;
}

.Reportfieldset {
    border: 2px solid #ddd;
    margin-left: 1em;
    margin-right: 25em;
    width: 100%;
}

.textError {
    border-color: red;
    border-style: solid;
}

#dvDiscountTemplateNew table tbody tr td, #dvDiscountTemplateView table tbody tr td, #dvDiscountTemplateEdit table tbody tr td {
    padding: 4px;
}

#txtMaxDiscount[readonly], #txtEditMaxDiscount[readonly] {
    background-color: #EEEEEE !important;
    pointer-events: none;
}


/* Angular UI grid */
/******************************************************************************************/
/* Common */
#menuitem-0, #menuitem-1, #menuitem-2, #menuitem-3, #menuitem-4, #menuitem-5, #menuitem-6,
#menuitem-7, #menuitem-8, #menuitem-9 {
    display: none !important;
}


.Toast-angular-ui-grid {
    font: 12px/16px "segoe ui",arial,sans-serif !important;
    width: 1079px !important;
    word-wrap: break-word;
}

.Toast-angular-ui-Page-grid {
    font: 12px/16px "segoe ui",arial,sans-serif !important;
    width: 592px !important;
    word-wrap: break-word;
}

    .Toast-angular-ui-Page-grid .ui-grid {
        /*overflow-y: auto;*/
        height: auto !important;
    }

.Toast-angular-ui-grid > a {
    text-decoration: underline !important;
}

.Toast-angular-ui-grid .ui-grid {
    /*overflow-y: auto;*/
    height: auto !important;
}

.angular-ui-grid {
    font: 12px/16px "segoe ui",arial,sans-serif !important;
    width: 1150px !important;
    word-wrap: break-word;
}

    .angular-ui-grid > a {
        text-decoration: underline !important;
    }

    .angular-ui-grid .ui-grid {
        /*overflow-y: auto;*/
        height: auto !important;
    }

.ui-grid-icon-cancel:before {
    margin-top: 10px !important;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
    overflow: unset !important;
}

.ui-grid-menu-button .ui-grid-menu {
    right: 10px !important;
    top: 0px !important;
}

.ui-grid-cell-contents {
    word-wrap: normal !important;
    padding-left: 3px !important;
}

.ui-grid-viewport .ui-grid-cell-contents {
    word-wrap: break-word !important;
    white-space: normal !important;
}

.ui-grid-row div[role=row] {
    display: flex;
    align-content: stretch;
}

/*.ui-grid-viewport .ng-isolate-scope {
    overflow: auto;
}*/

[class^="ui-grid-icon"]:before, [class*=" ui-grid-icon"]:before {
    display: inline !important;
    margin-left: 0em !important;
}

.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label {
    font-weight: 700;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number {
    font-weight: 700;
}

.ui-grid-pager-panel {
    position: inherit !important;
    height: 30px;
}

.no-records {
    top: 85%;
    transform: translateY(-50%);
    text-align: left;
    font-size: 1em;
    margin-left: 5px;
    position: absolute;
}

.ui-grid-pager-control .ui-grid-pager-max-pages-number {
    vertical-align: middle !important;
}

.ui-grid-top-panel {
    font-weight: 400 !important;
}

.ui-grid-menu-button {
    height: 26px !important;
}

    .ui-grid-menu-button .ui-grid-icon-container {
        margin-top: 3px;
        margin-left: 6px;
    }

/*************************************************/
.ui-grid-col-cardnumber {
    min-width: 209px !important;
    max-width: 209px !important;
}

.ui-grid-col-name {
    min-width: 194px !important;
    max-width: 194px !important;
}

.ui-grid-col-email {
    min-width: 225px !important;
    max-width: 225px !important;
}

.ui-grid-col-phone {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cardbalance {
    min-width: 80px !important;
    max-width: 80px !important;
}

.ui-grid-col-transactions {
    min-width: 90px !important;
    max-width: 90px !important;
}

.ui-grid-col-promobalance {
    min-width: 90px !important;
    max-width: 90px !important;
}

.ui-grid-col-pointbalance {
    min-width: 87px !important;
    max-width: 87px !important;
}

.ui-grid-col-edit {
    min-width: 45px !important;
    max-width: 45px !important;
}

.ui-grid-col-trancardnumber {
    min-width: 209px !important;
    max-width: 209px !important;
}

.ui-grid-col-tid {
    min-width: 209px !important;
    max-width: 209px !important;
}

.ui-grid-col-lid {
    min-width: 134px !important;
    max-width: 134px !important;
}

.ui-grid-col-location {
    min-width: 68px !important;
    max-width: 68px !important;
}

.ui-grid-col-type {
    min-width: 55px !important;
    max-width: 55px !important;
}

.ui-grid-col-datetime {
    min-width: 73px !important;
    max-width: 73px !important;
}

.ui-grid-col-auth {
    min-width: 72px !important;
    max-width: 72px !important;
}

.ui-grid-col-successful {
    min-width: 50px !important;
    max-width: 50px !important;
}

.ui-grid-col-tranamount {
    min-width: 75px !important;
    max-width: 75px !important;
}

.ui-grid-col-giftbal {
    min-width: 55px !important;
    max-width: 55px !important;
}

.ui-grid-col-pointbal {
    min-width: 55px !important;
    max-width: 55px !important;
}

.ui-grid-col-promobal {
    min-width: 71px !important;
    max-width: 71px !important;
}

.ui-grid-col-day {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-activateqty, .ui-grid-col-addvalueqty, .ui-grid-col-saleqty, .ui-grid-col-deactivateqty {
    min-width: 80px !important;
    max-width: 80px !important;
}

.ui-grid-col-restaurantsaleqty {
    min-width: 90px !important;
    max-width: 90px !important;
}

.ui-grid-col-activateamt, .ui-grid-col-addValueamt, .ui-grid-col-saleamt, .ui-grid-col-restaurantsaleamt, .ui-grid-col-deactivateamt {
    min-width: 110px !important;
    max-width: 110px !important;
}

.ui-grid-col-reg {
    min-width: 45px !important;
    max-width: 45px !important;
}

.ui-grid-col-tr-datetime {
    min-width: 133px !important;
    max-width: 133px !important;
}

.ui-grid-col-tranwcc {
    min-width: 45px !important;
    max-width: 45px !important;
}

.ui-grid-col-trandesc {
    min-width: 125px !important;
    max-width: 125px !important;
}

.ui-grid-col-locationname {
    min-width: 210px !important;
    max-width: 210px !important;
}

.ui-grid-col-reportname {
    min-width: 344px !important;
    max-width: 344px !important;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ui-grid-col-reportnameHeader {
    min-width: 344px !important;
    max-width: 344px !important;
}

.ui-grid-col-requestdate {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-format {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-status {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-processdate {
    min-width: 145px !important;
    max-width: 145px !important;
}

.ui-grid-col-download {
    min-width: 110px !important;
    max-width: 110px !important;
}

.ui-grid-col-delete {
    min-width: 71px !important;
    max-width: 71px !important;
}

.ui-grid-col-serial {
    min-width: 50px !important;
    max-width: 50px !important;
}

.ui-grid-errorstyle {
    color: red !important;
}

.ui-grid-bold {
    font-weight: bold;
    font-size: xx-small;
}

.ui-grid-inprogess {
    color: darkblue !important;
}

.ui-grid-complete {
    color: darkgreen !important;
}

.ui-grid-runningnow {
    color: darkblue !important;
}


/*********IE Fixes**************/
.ui-grid-render-container-body .ui-grid-viewport,
.ui-grid-render-container-body .ui-grid-canvas,
.Toast-angular-ui-grid .angular-ui-grid .ui-grid-row, .Toast-angular-ui-grid .angular-ui-grid .ui-grid-cell, .Toast-angular-ui-grid .angular-ui-grid .ui-grid-cell .ui-grid-vertical-bar {
    height: auto !important;
    width: auto !important;
}

.Toast-angular-ui-grid .angular-ui-grid .ui-grid-render-container-body .ui-grid-header-viewport, .Toast-angular-ui-grid .angular-ui-grid .ui-grid-render-container-body .ui-grid-header-canvas {
    width: auto !important;
}
/*********Card Maintenance.aspx*************/
.divClear {
    clear: left !important;
}

.fieldset-border {
    border: solid 1px #ddd !important;
    border-color: rgb(79, 111, 25) !important;
}
/****SearchText.ascx****************************/

.txtbox {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.w-0 {
    width: 0px !important;
    visibility: hidden;
}

.color {
    color: red;
}

.divgrid {
    position: absolute;
    z-index: 50000;
    width: 540px;
    height: 84px;
    border: 1px solid black;
    margin: 1px;
    left: 1px;
    display: none;
    overflow: auto;
}

.divgridDynamic {
    position: absolute;
    z-index: 50000;
    width: 540px;
    height: 111px;
    border: 1px solid black;
    margin: 1px;
    display: block;
    overflow: auto;
    background-color: white;
}

.gridRow {
    display: none;
}

.gvBindSrchData tr {
    background-color: white;
}

    .gvBindSrchData tr:hover {
        background-color: lightblue;
    }

.bc {
    background-color: white;
}


.gvBindSrchData {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
    font-size: 15px;
    font-style: normal;
    color: black;
    font: bold;
}

.tblSelctedRow {
    background-color: #008A8C;
    font: bold;
    color: white;
}

.rdBtn {
    font: bold 10pt arial,helvetica,tahoma;
    color: #807f83;
}
/***********************************************/

/*********Transaction Detail.aspx*************/
/********************************************/


/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/* Cardlookup.aspx : Page Styles */
/* ----------------------------------------------------------------------------- */
.error-panel {
    padding-top: 10px;
    clear: left;
    vertical-align: middle;
    height: 24px;
    padding-bottom: 10px;
}

fieldset.scheduler-border {
    border: solid 1px #ddd !important;
    padding: 10px 10px 10px 10px;
    border-bottom: none;
}

legend.scheduler-border {
    font-size: 12px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
    display: block;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    width: auto !important;
}

legend.scheduler-border-add {
    font-size: 12px;
    font-family: "Segoe UI",Arial,Helvetica,sans-serif !important;
    display: block !important;
    -webkit-padding-start: 2px !important;
    /*-webkit-padding-end: 10px !important;*/
    border-width: initial !important;
    border-style: none !important;
    border-color: initial !important;
    border-image: initial !important;
    width: auto !important;
    margin-bottom: 5px !important;
}

.pnlMain > table > tbody > tr > td {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
}

.fieldset > table > tbody > tr > td {
    padding-left: 10px !important;
    padding-top: 5px !important;
    /*padding-bottom: 5px !important;*/
}

.tblOptions > tbody > tr > td {
    /*padding-left: 10px !important;*/
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.btn-success {
    color: #fff;
    background-color: #336600;
    border-color: #4cae4c;
}

    .btn-success:focus,
    .btn-success.focus {
        color: #fff;
        background-color: #336600;
        border-color: #255625;
    }

    .btn-success:hover {
        color: #fff;
        background-color: olivedrab;
        border-color: #398439;
    }

.btn-sm,
.btn-group-sm > .btn {
    padding: 0px 10px;
    font: normal 12px "Segoe UI",Arial,Helvetica,sans-serif !important;
    height: 22px;
    line-height: 1.5;
    border-radius: 3px;
}

.vertical-align-cente {
    transform: translate(0, 50%) !important;
    -ms-transform: translate(0, 50%) !important; /* IE 9 */
    -webkit-transform: translate(0, 50%) !important; /* Safari and Chrome */
}

.btnroundedgeStyle {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
}

.btnsqureedgeStyle {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.ReportDrpstyle {
    border-color: #618740;
    background-color: #e7f1d7;
    border-width: thin;
    border-style: solid;
    padding: 2px 2px 1px !important;
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    font: 12px "segoe ui", arial, sans-serif !important;
    color: #2b2c20 !important;
    font-weight: bold !important;
}

.anchorShow {
    color: rgb(0, 0, 238);
    text-decoration-color: rgb(0, 0, 238);
    font-family: "Times New Roman";
    font-size: medium;
    text-decoration: underline;
}

    .anchorShow:hover {
        color: rgb(0, 0, 238);
    }

@media screen and (min-width:0) and (min-resolution: +72dpi) {
    /*IE9+ CSS*/
    .pnl-dailystatus {
        min-height: 340px;
    }
}

/*VT Rad Button+ CSS*/
.rbDecorated {
    width: 220px !important;
}


/*SignOut*/
.font-14 {
    font: bold 14pt arial,helvetica,tahoma;
}

.font-12 {
    font: bold 12pt arial,helvetica,tahoma;
}


.VTbtnstyle {
    font-weight: bold !Important;
}


.buttonlogout {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
}

.btnVirtualTerminal {
    background-image: url('/Skin/Valutec/TelerikSkin/FormDecorator/ButtonSprites.png');
    color: #e7f1d7;
    background-color: #d54b00;
    display: block;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 22px;
    width: 220px;
    text-align: center;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-right: 12px;
    padding-top: 1px;
    border-color: #d54b00;
}

.btnShift4Terminal {
    background-image: url('/Skin/Valutec/TelerikSkin/FormDecorator/ButtonSprites.png');
    color: #1e395b;
    background-color: #dde7f5;
    display: block;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 22px;
    width: 220px;
    text-align: center;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-right: 12px;
    padding-top: 1px;
    border-color: #dde7f5;
}

.btnFullsteamTerminal {
    background-image: url('/Skin/Valutec/TelerikSkin/FormDecorator/ButtonSprites.png');
    color: #1e395b;
    background-color: #FFC600;
    display: block;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 22px;
    width: 220px;
    text-align: center;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-right: 12px;
    padding-top: 1px;
    border-color: #dde7f5;
}

    .btnFullsteamTerminal:hover {
        background-color: #f7f8fb !important;
    }

/*Account Information*/

.ui-grid-col-uUserID {
    min-width: 140px !important;
    max-width: 140px !important;
    min-height: 30px !important;
}

.ui-grid-col-L_LocationID {
    min-width: 134px !important;
    max-width: 134px !important;
    min-height: 30px !important;
}

.ui-grid-col-L_LocName {
    min-width: 158px !important;
    max-width: 158px !important;
    min-height: 30px !important;
}

.ui-grid-col-TerminalID {
    min-width: 209px !important;
    max-width: 209px !important;
    min-height: 30px !important;
}


.ui-grid-col-UserType {
    min-width: 66px !important;
    max-width: 66px !important;
    min-height: 30px !important;
}

.ui-grid-col-uFirstName {
    min-width: 75px !important;
    max-width: 75px !important;
    min-height: 30px !important;
}

.ui-grid-col-uLastName {
    min-width: 75px !important;
    max-width: 75px !important;
    min-height: 30px !important;
}

/*.ui-grid-col-uStatus {
    min-width: 60px !important;
    max-width: 60px !important;
    min-height: 30px !important;
}*/

.ui-grid-col-uLastValidLogin {
    min-width: 134px !important;
    max-width: 134px !important;
    min-height: 30px !important;
}

.ui-grid-col-Deactivate {
    min-width: 67px !important;
    max-width: 67px !important;
    min-height: 30px !important;
}

.angular-ui-grid_accordin {
    font: 12px/16px "segoe ui",arial,sans-serif !important;
    width: 100% !important;
    word-wrap: break-word;
}


.ui-grid-col-OrderDate {
    min-width: 120px !important;
    max-width: 120px !important;
    min-height: 30px !important;
}

.ui-grid-col-OrderID {
    min-width: 120px !important;
    max-width: 120px !important;
    min-height: 30px !important;
}

.ui-grid-col-OrderDesc {
    min-width: 210px !important;
    max-width: 210px !important;
    min-height: 30px !important;
}

.ui-grid-col-OrderStatus {
    min-width: 100px !important;
    max-width: 100px !important;
    min-height: 30px !important;
}

/*Account Information _END*/

/* SearchUser.aspx */
.ui-grid-col-RMLID {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-RMLName {
    min-width: 250px !important;
    max-width: 250px !important;
}

.ui-grid-col-proceed {
    min-width: 145px !important;
    max-width: 145px !important;
    /*min-height: 10px !important;*/
}


/* Fixed Height Grids */
.Toast-angular-ui-grid .angular-ui-grid .ui-grid-fixed, .Toast-angular-ui-grid .angular-ui-grid .ui-grid-fixed .ui-grid-render-container, .Toast-angular-ui-grid .angular-ui-grid .ui-grid-fixed .ui-grid-viewport {
    height: inherit !important;
    padding-bottom: 13px;
}

    .Toast-angular-ui-grid .angular-ui-grid .ui-grid-fixed .ui-grid-header {
        padding-right: 17px;
        background-color: #003366;
    }

    .Toast-angular-ui-grid .angular-ui-grid .ui-grid-fixed .ui-grid-viewport {
        overflow-y: scroll !important;
    }

    .Toast-angular-ui-grid .angular-ui-grid .ui-grid-fixed .ui-grid-render-container-body .ui-grid-header-viewport, .Toast-angular-ui-grid .angular-ui-grid .ui-grid-fixed .ui-grid-render-container-body .ui-grid-header-canvas {
        width: auto
    }

.input-group.input-group-unstyled input.form-control {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.input-group-unstyled .input-group-addon {
    border-radius: 4px;
    border: 0px;
    background-color: transparent;
}

/*************************************************/
.ui-grid-col-iqreports-reportid {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-iqreports-reportname {
    min-width: 230px !important;
    max-width: 230px !important;
}

.ui-grid-col-iqreports-category {
    min-width: 205px !important;
    max-width: 205px !important;
}

.ui-grid-col-iqreports-createdate {
    min-width: 190px !important;
    max-width: 190px !important;
}

.ui-grid-col-iqreports-download {
    min-width: 100px !important;
    max-width: 100px !important;
}

/* PrimeCard Lookup page*/
.ui-grid-col-PrimaryAccount {
    min-width: 200px !important;
    max-width: 200px !important;
}

.ui-grid-col-SecondaryAccount {
    min-width: 200px !important;
    max-width: 200px !important;
}

.ui-grid-col-PrimaryStatus {
    min-width: 140px !important;
    max-width: 140px !important;
}

.ui-grid-col-PrimaryStatus-readonly {
    min-width: 200px !important;
    max-width: 200px !important;
}

.ui-grid-col-SecondaryStatus {
    min-width: 140px !important;
    max-width: 140px !important;
}

.ui-grid-col-SecondaryStatus-readonly {
    min-width: 220px !important;
    max-width: 220px !important;
}

.ui-grid-col-PrimaryAmount {
    min-width: 145px !important;
    max-width: 145px !important;
}

.ui-grid-col-PrimaryAmount-readonly {
    min-width: 200px !important;
    max-width: 200px !important;
}

.ui-grid-col-PC-edit {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-PC-transactions {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-PC-History {
    min-width: 120px !important;
    max-width: 120px !important;
}

.drp-status {
    padding-left: 10px !important;
}

.ui-grid-col-Tran-Swiped {
    min-width: 90px !important;
    max-width: 90px !important;
}

.ui-grid-col-Tran-TipAmount {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-Tran-SecondaryAccount {
    min-width: 200px !important;
    max-width: 200px !important;
}

.ui-grid-col-Tran-TranDate {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-Tran-TranType {
    min-width: 90px !important;
    max-width: 90px !important;
}

.ui-grid-col-Tran-TranAmount {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-Tran-MerchantID {
    min-width: 90px !important;
    max-width: 90px !important;
}

.ui-grid-col-Tran-TerminalID {
    min-width: 90px !important;
    max-width: 90px !important;
}

.ui-grid-col-Tran-AuthCode {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-Tran-RequestAuthCode {
    min-width: 90px !important;
    max-width: 90px !important;
}

.dvGridPrimeCard {
    font: 12px/16px "segoe ui",arial,sans-serif !important;
    width: 880px !important;
    height: 100px !important;
    word-wrap: break-word;
}

.dvGridSecondaryCard {
    font: 12px/16px "segoe ui",arial,sans-serif !important;
    width: 730px !important;
    /*height: 120px !important;*/
    word-wrap: break-word;
}

/*Hide Horizontal Scrollbar - UI Grid*/
.ui-grid-render-container-body .ui-grid-viewport {
    overflow: hidden !important;
}

.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid {
    overflow: hidden !important;
}

.ui-grid-col-PC-History-User {
    min-width: 230px !important;
    max-width: 230px !important;
}

.ui-grid-col-PC-History-Date {
    min-width: 200px !important;
    max-width: 200px !important;
}

.ui-grid-col-PC-History-CardNo {
    min-width: 210px !important;
    max-width: 210px !important;
}

.ui-grid-col-PC-History-Field {
    min-width: 170px !important;
    max-width: 170px !important;
}

.ui-grid-col-PC-History-BeforeValue {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-PC-History-AfterValue {
    min-width: 150px !important;
    max-width: 150px !important;
}

/* WPCardSequencing.aspx */
.ui-grid-col-CorporateID {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-Qty {
    min-width: 90px !important;
    max-width: 90px !important;
}

.ui-grid-col-BeginCard {
    min-width: 175px !important;
    max-width: 175px !important;
}

.ui-grid-col-EndCard {
    min-width: 175px !important;
    max-width: 175px !important;
}

.ui-grid-col-DateTime {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-RequestedUser {
    min-width: 250px !important;
    max-width: 250px !important;
}

/* CompCard - Transactions */
.ui-grid-col-cc-tran-id {
    min-width: 275px !important;
    max-width: 275px !important;
}

.ui-grid-col-cc-tran-restid {
    min-width: 235px !important;
    max-width: 235px !important;
}

.ui-grid-col-cc-tran-datetime {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-cc-tran-cardno {
    min-width: 220px !important;
    max-width: 220px !important;
}

.ui-grid-col-cc-tran-type {
    min-width: 175px !important;
    max-width: 175px !important;
}

/*.ui-grid-col-cc-tran-discname {
    min-width: 150px !important;
    max-width: 150px !important;
}*/

.ui-grid-col-cc-tran-amount {
    min-width: 94px !important;
    max-width: 94px !important;
}

.ui-grid-col-cc-tran-authcode {
    min-width: 252px !important;
    max-width: 252px !important;
}

.ui-grid-col-cc-tran-void {
    min-width: 60px !important;
    max-width: 60px !important;
}

/* CompCard - Card offer */
.ui-grid-col-cc-offer-Guid {
    min-width: 240px !important;
    max-width: 240px !important;
}

.ui-grid-col-cc-offer-name {
    min-width: 400px !important;
    max-width: 400px !important;
}

.ui-grid-col-cc-offer-name-164 {
    min-width: 164px !important;
    max-width: 164px !important;
}

.ui-grid-col-cc-offer-status {
    min-width: 125px !important;
    max-width: 125px !important;
}

.ui-grid-col-cc-offer-level {
    min-width: 125px !important;
    max-width: 125px !important;
}

.ui-grid-col-cc-offer-amount {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-offer-exp {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-cc-offer-discount {
    min-width: 125px !important;
    max-width: 125px !important;
}

.ui-grid-col-cc-offer-remove {
    min-width: 100px !important;
    max-width: 100px !important;
}

/* Discount Template - View */

.textbox {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: white !important;
}

.ui-grid-col-dtv-discount-name {
    min-width: 325px !important;
    max-width: 325px !important;
}

.ui-grid-col-dtv-discount-status {
    min-width: 75px !important;
    max-width: 75px !important;
}

.ui-grid-col-dtv-discount-exptype {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-dtv-discount-exp {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-dtv-discount-level {
    min-width: 75px !important;
    max-width: 75px !important;
}

.ui-grid-col-dtv-discount-amount {
    min-width: 75px !important;
    max-width: 75px !important;
}

.ui-grid-col-dtv-discount-edit {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-dtv-discount-delete {
    min-width: 50px !important;
    max-width: 50px !important;
}

/* Redemption Criteria */
.ui-grid-col-criteria-evaltype {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-criteria-ruletype {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-criteria-item {
    min-width: 280px !important;
    max-width: 280px !important;
}

.ui-grid-col-criteria-qty {
    min-width: 110px !important;
    max-width: 110px !important;
}

.ui-grid-col-criteria-edit {
    min-width: 92px !important;
    max-width: 92px !important;
}

.ui-grid-col-Editoptions_criteria-edit {
    min-width: 71px !important;
    max-width: 71px !important;
}


/* Page Level Redemption Criteria */
.ui-grid-col-criteria-Page-evaltype {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-criteria-Page-ruletype {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-criteria-Page-item {
    min-width: 220px !important;
    max-width: 220px !important;
}

.ui-grid-col-criteria-Page-qty {
    min-width: 50px !important;
    max-width: 50px !important;
}

.ui-grid-col-criteria-Page-edit {
    min-width: 60px !important;
    max-width: 60px !important;
}

.ui-grid-col-criteria-Page-Amount {
    min-width: 60px !important;
    max-width: 60px !important;
}

.ui-grid-col-Editoptions_criteria-Page-edit {
    min-width: 21px !important;
    max-width: 21px !important;
}

/* Tree view custom styles - start */

.input_text_custom_discount {
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
}

.cbxTree > .cbxTree-node {
    padding-left: 0;
}

.cbxTree-node {
    padding-left: 15px;
}

.menugroup-node {
    margin-left: 30px;
}

.Menuitem-node {
    margin-left: 40px !important;
}

.cbxTree-Menuitem-node {
    margin-left: -17px !important;
}

.cbxTree-swicth {
    width: 10px;
    height: 18px;
    font-size: 16px;
    color: #000;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin-right: -13px;
}

    .cbxTree-swicth:before {
        content: "+";
    }

    .cbxTree-swicth.open:before {
        content: "-";
    }

.cbxTree-label {
    margin-left: 15px;
}

.cbxTree-swicth ~ .cbxTree-node {
    display: none;
}

.cbxTree-swicth.open ~ .cbxTree-node {
    display: block;
}
/* Tree view custom styles - end */

/*********Promo Code Setup.aspx*************/

.ui-grid-col-promoCode {
    min-width: 200px !important;
    max-width: 200px !important;
}

.ui-grid-col-promoCodeStatus {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-promoCodeExpiryDate {
    min-width: 140px !important;
    max-width: 140px !important;
}

.ui-grid-col-promocodeMaxUses {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-promocodeUsedCount {
    min-width: 75px !important;
    max-width: 75px !important;
}

.ui-grid-col-promocodeDisountTemplate {
    min-width: 280px !important;
    max-width: 280px !important;
}

.ui-grid-col-Discounts {
    min-width: 260px !important;
    max-width: 260px !important;
}

.ui-grid-col-PromoEdit {
    min-width: 68px !important;
    max-width: 68px !important;
}

.ui-grid-col-PromoRemove {
    min-width: 40px !important;
    max-width: 40px !important;
}


.ui-grid-col-promocodecardnumber {
    min-width: 110px !important;
    max-width: 110px !important;
}

.ui-grid-col-promocodetid {
    min-width: 50px !important;
    max-width: 50px !important;
}

.ui-grid-col-promocodedatetime {
    min-width: 165px !important;
    max-width: 165px !important;
}

.ui-grid-col-promocodetype {
    min-width: 140px !important;
    max-width: 140px !important;
}

.ui-grid-col-promocodeauth {
    min-width: 130px !important;
    max-width: 130px !important;
}

.ui-grid-col-promocodetTerminalId {
    min-width: 70px !important;
    max-width: 70px !important;
}

.ui-grid-col-promocodeDiscountGuid {
    min-width: 230px !important;
    max-width: 230px !important;
}

.ui-grid-col-promocodeTranAmount {
    min-width: 80px !important;
    max-width: 80px !important;
}

.ui-grid-col-promocodeDiscountName {
    min-width: 140px !important;
    max-width: 140px !important;
}

.ui-grid-col-promocodeDiscountStatus {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-promocodeDiscountExp {
    min-width: 140px !important;
    max-width: 140px !important;
}

.ui-grid-col-promocodeDiscountType {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-promocodeDiscountLevel {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-promocodeDiscountAmtType {
    min-width: 130px !important;
    max-width: 130px !important;
}

.ui-grid-col-promocodeDiscountAmt {
    min-width: 120px !important;
    max-width: 120px !important;
}
/*
------------------------*/
.ui-grid-col-promocodetid {
    min-width: 240px !important;
    max-width: 240px !important;
}

.ui-grid-col-promocodeRestauarantId {
    min-width: 230px !important;
    max-width: 230px !important;
}

.ui-grid-col-promocodeTranDateTime {
    min-width: 140px !important;
    max-width: 140px !important;
}

.ui-grid-col-promocodeTrans {
    min-width: 130px !important;
    max-width: 130px !important;
}

.ui-grid-col-Loyaltycustomer {
    min-width: 160px !important;
    max-width: 160px !important;
}

.ui-grid-col-promocodetype {
    min-width: 125px !important;
    max-width: 125px !important;
}

.ui-grid-col-promocodeTransDiscount {
    min-width: 140px !important;
    max-width: 140px !important;
}

.ui-grid-col-promocodeTranAmount {
    min-width: 89px !important;
    max-width: 89px !important;
}

.ui-grid-col-promocodeTranAuth {
    min-width: 195px !important;
    max-width: 195px !important;
}

.ui-grid-col-PromoVoidEdit {
    min-width: 60px !important;
    max-width: 60px !important;
}

.ui-grid-grid-footer .ui-grid-header-cell {
    border-right: none;
    padding-top: 3px;
    padding-left: 5px;
    text-align: left;
}

.ui-grid-grid-footer {
    height: 25px;
}

.ui-grid-footer-info .ui-grid-header-cell {
    word-wrap: break-word;
    white-space: normal !important;
}

/*********Promo Code Setup.aspx*************/


/*Loyalty Card*/
.ui-grid-col-cc-Program-Id {
    min-width: 75px !important;
    max-width: 75px !important;
}

.ui-grid-col-cc-Program-Name {
    min-width: 300px !important;
    max-width: 300px !important;
}

.ui-grid-col-cc-Type {
    min-width: 130px !important;
    max-width: 130px !important;
}

.ui-grid-col-cc-Start-Date {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-End-Date {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-Discount {
    min-width: 170px !important;
    max-width: 170px !important;
}

.ui-grid-col-cc-Required-Points {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-Required-Tier {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-Total-Unlocks {
    min-width: 95px !important;
    max-width: 95px !important;
}

.ui-grid-col-cc-Total-Used {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-Customer-Id {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-Name {
    min-width: 200px !important;
    max-width: 200px !important;
}

.ui-grid-col-cc-Total-Visits {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-Total-Spent {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-Last-Visit {
    min-width: 190px !important;
    max-width: 190px !important;
}

.ui-grid-col-cc-Tier {
    min-width: 60px !important;
    max-width: 60px !important;
}

.ui-grid-col-cc-Choice-Points {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-Progress-Points {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-Rewards-Unlocked {
    min-width: 110px !important;
    max-width: 110px !important;
}

.ui-grid-col-cc-Rewards-Used {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-Total-Discounts {
    min-width: 100px !important;
    max-width: 100px !important;
}
/*Rlues*/
.ui-grid-col-cc-RuleType {
    min-width: 182px !important;
    max-width: 182px !important;
}

.ui-grid-col-cc-PointsEarned {
    min-width: 180px !important;
    max-width: 180px !important;
}

.ui-grid-col-cc-ItemRequired {
    min-width: 226px !important;
    max-width: 226px !important;
}

.ui-grid-col-cc-QtyRequired {
    min-width: 210px !important;
    max-width: 210px !important;
}

.ui-grid-col-cc-AmountRequired {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-AccrualRule-edit {
    min-width: 95px !important;
    max-width: 95px !important;
}

.ui-grid-col-AccrualRule-delete {
    min-width: 95px !important;
    max-width: 95px !important;
}

/* Introduced this css for add criteria rule while adding loyalty program */
.ui-grid-col-cc-add-RuleType {
    min-width: 185px !important;
    max-width: 185px !important;
}

.ui-grid-col-cc-add-PointsEarned {
    min-width: 185px !important;
    max-width: 185px !important;
}

.ui-grid-col-cc-add-ItemRequired {
    min-width: 185px !important;
    max-width: 185px !important;
}

.ui-grid-col-cc-add-QtyRequired {
    min-width: 185px !important;
    max-width: 185px !important;
}

.ui-grid-col-cc-add-AmountRequired {
    min-width: 170px !important;
    max-width: 170px !important;
}

.ui-grid-col-cc-add-delete {
    min-width: 135px !important;
    max-width: 135px !important;
}
/*Rlues*/

/*Coustomer Programm*/
.ui-grid-col-cc-CoustomerProgram-Name {
    min-width: 280px !important;
    max-width: 280px !important;
}

.ui-grid-col-cp-PointsEarned {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cc-MaxRewards {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-cc-RequiredPoints {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-cc-ProgressPercentage {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-cc-RewardsEarned {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-cc-RewardsRedeemed {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-cc-TotalDiscounts {
    min-width: 150px !important;
    max-width: 150px !important;
}
/*Coustomer Programm*/


/*Loyalty Card*/


/* Welcome Screen - START */
.ui-grid-custom {
    width: 100% !important;
}

    .ui-grid-custom .ui-grid-header-cell {
        width: unset;
    }

.rbl label {
    padding-left: 5px;
}

/*Merchant Grid*/
.ui-grid-col-mer-mid, .ui-grid-col-mer-phone {
    min-width: 8% !important;
    max-width: 8% !important;
    padding-left: 2px !important;
}

.ui-grid-col-mer-name, .ui-grid-col-mer-addr {
    min-width: 18% !important;
    max-width: 18% !important;
    padding-left: 2px !important;
}

.ui-grid-col-mer-city, .ui-grid-col-mer-state {
    min-width: 7% !important;
    max-width: 7% !important;
    padding-left: 2px !important;
}

.ui-grid-col-mer-status, .ui-grid-col-mer-zip {
    min-width: 5% !important;
    max-width: 5% !important;
    padding-left: 2px !important;
}

.ui-grid-col-mer-edate, .ui-grid-col-mer-ldate, .ui-grid-col-mer-ddate {
    min-width: 8% !important;
    max-width: 8% !important;
    padding-left: 2px !important;
}

/*Location Grid*/
.ui-grid-col-loc-lid {
    min-width: 10% !important;
    max-width: 10% !important;
    padding-left: 2px !important;
}

.ui-grid-col-loc-name, .ui-grid-col-loc-addr {
    min-width: 16% !important;
    max-width: 16% !important;
    padding-left: 2px !important;
}

.ui-grid-col-loc-city, .ui-grid-col-loc-state, .ui-grid-col-loc-phone {
    min-width: 7% !important;
    max-width: 7% !important;
    padding-left: 2px !important;
}

.ui-grid-col-loc-zip, .ui-grid-col-loc-status {
    min-width: 5% !important;
    max-width: 5% !important;
    padding-left: 2px !important;
}

.ui-grid-col-loc-mid {
    min-width: 6% !important;
    max-width: 6% !important;
    padding-left: 2px !important;
}

.ui-grid-col-loc-edate, .ui-grid-col-loc-ldate, .ui-grid-col-loc-ddate {
    min-width: 7% !important;
    max-width: 7% !important;
    padding-left: 2px !important;
}

/* Welcome Screen - END */

/* Bulk Transaction Grid Start */
.ui-grid-col-vq_QueueID {
    min-width: 150px !important;
    max-width: 150px !important;
    padding-left: 2px !important;
}

.ui-grid-col-vq_Remarks {
    min-width: 250px !important;
    max-width: 250px !important;
    padding-left: 2px !important;
}

.ui-grid-col-vq_Desc {
    min-width: 200px !important;
    max-width: 200px !important;
    padding-left: 2px !important;
}

.ui-grid-col-vq_Create, .ui-grid-col-vq_Modify {
    min-width: 200px !important;
    max-width: 200px !important;
    padding-left: 2px !important;
}

.ui-grid-col-vq_Download {
    min-width: 145px !important;
    max-width: 145px !important;
    padding-left: 2px !important;
}

.borderBox {
    border: 1px solid #d4d4d4;
}

/* Bulk Transaction Grid End */

* {
    box-sizing: border-box
}

/* Set height of body and the document to 100% */
body, html {
    height: 100%;
    margin: 0;
    font-family: Arial;
}


.tablink {
    background-color: #336600;
    color: white;
    /*float: left;*/
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px 16px;
    font-size: 12px;
    width: 18%;
}

    .tablink:hover {
        background-color: #777;
    }

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    display: none;
    padding: 20px 20px;
    height: 100%;
}
/* LoyaltyCardTransactions.aspx - Grid */
.ui-grid-col-loyaltycodetranid {
    min-width: 220px !important;
    max-width: 220px !important;
}
/* Loyalty Customer Program Transactions */
.ui-grid-col-cp-TranDateTime {
    min-width: 220px !important;
    max-width: 220px !important;
}

.ui-grid-col-cp-loyttype {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-cp-StartPoints {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-cp-Points {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-cp-EndPoints {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-cp-TranIdentifier {
    min-width: 255px !important;
    max-width: 255px !important;
}

.ui-grid-col-cp-CheckIdentifier {
    min-width: 145px !important;
    max-width: 145px !important;
}

/* Offer Wallet grid */
.ui-grid-col-cow-offerIden {
    min-width: 250px !important;
    max-width: 250px !important;
}

.ui-grid-col-cow-offerName {
    min-width: 220px !important;
    max-width: 220px !important;
}

.ui-grid-col-cow-offerStatus {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-cow-usedAmount {
    min-width: 120px !important;
    max-width: 120px !important;
}

.ui-grid-col-cow-usedDate {
    min-width: 150px !important;
    max-width: 150px !important;
}

.ui-grid-col-cow-TranIdentifier {
    min-width: 199px !important;
    max-width: 199px !important;
}
/* Used Offer Transactions */
.ui-grid-col-cuot-TranGuid {
    min-width: 155px !important;
    max-width: 155px !important;
}

.ui-grid-col-cuot-TranDateTime {
    min-width: 135px !important;
    max-width: 135px !important;
}

.ui-grid-col-cuot-TranType {
    min-width: 170px !important;
    max-width: 170px !important;
}

.ui-grid-col-cuot-TerminalId {
    min-width: 100px !important;
    max-width: 100px !important;
}

.ui-grid-col-cuot-Identifier {
    min-width: 130px !important;
    max-width: 130px !important;
}

.ui-grid-col-cuot-TranAmount {
    min-width: 118px !important;
    max-width: 118px !important;
}

.ui-grid-col-cuot-AuthCode {
    min-width: 170px !important;
    max-width: 170px !important;
}

.ui-grid-col-cuot-TranMetaData {
    min-width: 151px !important;
    max-width: 151px !important;
}

.float-privacy {
    position: fixed;
    width: 50px;
    height: 30px;
    bottom: 30px;
    left: 30px;
    border-radius: 30px;
    text-align: center;
    padding-top: 2px;
}

tr {
    border-style: none;
}
.bold-label {
    font-weight: bold;
}


a.ng-binding {
    text-decoration: none;
}

    a.ng-binding:hover {
        text-decoration: underline;
    }

.btnNPIVirtualTerminal {
    background-image: url('/Skin/Valutec/TelerikSkin/FormDecorator/ButtonSprites.png');
    color: #FFFFFF;
    background-color: #404040 !important;
    display: block;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    height: 22px;
    width: 220px;
    text-align: center;
    padding-bottom: 1px;
    padding-left: 8px;
    padding-right: 12px;
    padding-top: 1px;
    border-color: #404040 !important;
}