/* CSP Styles*/
input[type="text"] {
    border-color: #b8cbde;
    background-color: #fff;
    border-width: thin;
    border-style: solid;
    padding: 2px 2px 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font: 12px "segoe ui", arial, sans-serif;
    color: #000;
}

input[type="number"] {
    border-color: #b8cbde;
    background-color: #fff;
    border-width: thin;
    border-style: solid;
    padding: 2px 2px 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #000;
    font: 12px "segoe ui", arial, sans-serif;
}

.txt-area {
    border-color: #b8cbde;
    background-color: #fff;
    border-width: thin;
    border-style: solid;
    padding: 2px 2px 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font: 12px "segoe ui", arial, sans-serif;
    color: #000;
}

select {
    border-color: #b8cbde;
    background-color: #fff;
    border-width: thin;
    border-style: solid;
    padding: 2px 2px 1px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font: 12px "segoe ui", arial, sans-serif !important;
    color: #000 !important;
}

.td-master {
    background-color: #00587C; /* Gets changed for Harbortouch*/
    width: 13%;
}

.hr-top {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #00587C; /* Gets changed for Harbortouch*/
    margin-top: 10px;
    margin-bottom: 10px;
}

.hr-bottom {
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #00587C; /* Gets changed for Harbortouch*/
    margin-top: 10px;
    margin-bottom: 10px;
}

#transactions {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
}

    #transactions:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

#customers {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
}

    #customers:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

#reports {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
}

    #reports:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

#admin {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
}

    #admin:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

#orderTracking {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
}

    #orderTracking:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

#myAccount {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
}

    #myAccount:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

#maintenance {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
}

    #maintenance:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

#cardLookup {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
}

    #cardLookup:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

#menuDigitalGiftCardManager {
    height: 45px !important;
}

#digitalGiftCardManager {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    padding-top: 2px !important;
}

    #digitalGiftCardManager:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

#activityAlerts {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    padding-top: 2px !important;
}

    #activityAlerts:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

#toast {
    background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    padding-top: 2px !important;
}

    #toast:hover {
        background: url('/Common/Images/MenuIcons/Submenu-bullet DOT.png');
    }

.panel-default {
    border-color: rgb(13, 142, 191) !important;
    border: 1px solid;
}

.pnlMenuBar {
    border: 1px solid #aabfd6;
    background-repeat: repeat-x;
    background-position: 0 -408px;
    background-color: #f1f5fb;
}


/* ----------------------------------------------------------------------------- */
/* protected.master : Menu Controls Styles */
/* ----------------------------------------------------------------------------- */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: 0px;
        margin-left: 0px;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
    }

    /*.dropdown-submenu > a:after {
        display: block;
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
    }*/

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

    .dropdown-submenu > a:hover, ul.dropdown-menu.multi-level > li > a:hover, ul.dropdown-menu > li > a:hover {
        background-color: #cfdbec !important;
        color: #000000;
        /*border: 1px solid #7a1b05;*/
    }

    .dropdown-submenu > a:hover {
        color: #fff;
        /*border: 1px solid #7a1b05;*/
        /*width: 180px;*/
    }

    .dropdown-submenu > a:active {
        /*background-color: #642556 !important;*/
        /*width: 170px;*/
        color: #ffffff;
    }

.dropdown-menu > li > a {
    padding: 0px 5px !important;
}

ul.dropdown-menu.multi-level, ul.dropdown-menu {
    top: 0;
    margin-top: 0px;
    margin-left: -25px;
    border: 1px solid #a5b3c5;
    background-color: #ffffff;
}

    ul.dropdown-menu.multi-level > li > a, ul.dropdown-menu > li > a {
        font: normal 12px/21px "Segoe UI", Arial, sans-serif;
        color: #333333;
        text-decoration: none;
        margin-left: 0px;
        padding: 3px 7px !important;
    }

.nav-stacked > li {
    padding: 2px;
}

#menu > li > a {
    background-size: contain;
    background-repeat: no-repeat;
    height: 25px;
    padding-bottom: 2px;
    background-position-x: 5px;
    /*width: 180px;*/
}

    #menu > li > a:hover {
        /*height: 47px;*/
        background-size: contain;
        background-repeat: no-repeat;
        padding-bottom: 2px;
        background-position-x: 5px;
    }

.nav > li > a {
    font: normal bold 12px/21px "Segoe UI", Arial, sans-serif;
    /*line-height: 21px;*/
    color: #e1e1e3 !important;
    padding: 1px 1px 1px 12px !important;
}

    .nav > li > a:hover, .nav > li > a:focus {
        text-decoration: none;
        /*background-color: #642556 !important;*/
        background-image: url('Menu/rmSprite.png');
        background-color: transparent;
        /*width: 180px;*/
    }

.menuText {
    font: normal 12px/23px "Segoe UI", Arial, sans-serif;
    color: #4c607a;
    line-height: 21px;
    padding-left: 22px;
    /*line-height: 40px;*/
    display: block;
}

.submenu-img {
    padding-bottom: 2px;
    height: 15px;
    width: 15px;
}

.dropend .dropdown-toggle::after {
    display: none !important;
}

/*****************************************************************************************/
/* RegisterNewCustomer.aspx */
/*****************************************************************************************/
.color-black {
    color: #000000;
}

.btnSearchCard, .btn_CDCancel, .btn_CDSave, .btnFindCustomer, .btnFindCard, .btnLoadTransactions, #btnUpdateCustomer, .rbReset {
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    color: #1e395b;
    background-color: #FFC600 !important;
    border-width: 1px;
    border-style: solid;
    border-color: #9dcaff;
}

    .btnSearchCard:hover, .btn_CDCancel:hover, .btn_CDSave:hover, .btnFindCustomer:hover, .btnFindCard:hover, .btnLoadTransactions:hover,
    #btnUpdateCustomer:hover, #rbReset:hover {
        background-color: #f7f8fb !important;
    }

.btncancelstyle {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #1e395b;
    background-color: #FFC600;
    border-width: 1px;
    border-style: solid;
    border-color: #9dcaff;
    width: 120px;
    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;
}

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

.btnsavestyle {
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    color: #1e395b;
    background-color: #FFC600;
    border-width: 1px;
    border-style: solid;
    border-color: #9dcaff;
    width: 120px;
    height: 22px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url("/Common/Images/MenuIcons/savetick2.png");
    background-repeat: no-repeat;
    background-position-x: 4px;
    background-position-y: center;
}

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

.btnokstyle {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #1e395b;
    background-color: #FFC600;
    border-width: 1px;
    border-style: solid;
    border-color: #9dcaff;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-image: url("/Common/Images/MenuIcons/savetick2.png");
    background-repeat: no-repeat;
    background-position-x: 64px;
    background-position-y: -4px;
}

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

.ddlState {
    font: 12px "segoe ui", arial, sans-serif !important;
}

    .ddlState > option {
        color: #000000 !important;
    }

.pnlMiscDetails {
    display: none;
}
/*****************************************************************************************/
/* PAGE LEVEL CSS */
/*****************************************************************************************/
.errorMsg {
    color: red !important;
    font-style: italic;
}

/* Old CSS Styles*/

.formHeaderText {
    font: bold 12pt arial;
}

.formError {
    font: bold 12pt arial;
    color: Maroon;
}

.dataTableHead {
    font: bold 12pt arial,helvetica,tahoma;
    color: #BBBBBB;
    letter-spacing: 5px;
}

.tableHead {
    font: bold 10pt arial,helvetica,tahoma;
    color: #000000;
    border-bottom: 1px solid black;
}

.tableData {
    font: 8pt arial,helvetica,tahoma;
}

.tableDataAlt {
    font: 8pt arial,helvetica,tahoma;
    background-color: #CCCCCC;
}

.inputText {
    font: bold 10pt arial,helvetica,tahoma !important;
    color: #807f83;
}

.inputData {
    font: 10pt arial,helvetica,tahoma !important;
}

.smallText {
    font: 8pt arial,helvetica,tahoma !important;
}

.largeText {
    font: bold 12pt arial,helvetica,tahoma !important;
}

.smallBold {
    font: bold 8pt arial,helvetica,tahoma;
}

.radioList {
    font: bold 8pt arial,helvetica,tahoma;
}

    .radioList input {
        padding-bottom: 5px;
    }

.smallLink {
    font: 8pt arial,helvetica,tahoma;
    text-decoration: underline;
    color: #000033;
}

    .smallLink:hover {
        font: 8pt arial,helvetica,tahoma;
        text-decoration: underline;
        color: #642556;
    }

.normalLink {
    font: 10pt arial,helvetica,tahoma;
    text-decoration: underline;
}

    .normalLink:hover {
        font: 10pt arial,helvetica,tahoma;
        text-decoration: underline;
        color: Maroon;
    }

.largeLink {
    font: bold 12pt arial,helvetica,tahoma;
    text-decoration: underline;
    color: #000033;
}

    .largeLink:hover {
        font: bold 12pt arial,helvetica,tahoma;
        text-decoration: underline;
        color: #642556;
    }

.supportBoxTop {
    background-color: #00CCFF;
    width: 300px;
    height: 60px;
    text-align: center;
    font: bold 12pt arial,helvetica,tahoma;
}

.supportBoxBot {
    background-color: #aeadb1;
    width: 300px;
    height: 40px;
    text-align: center;
    text-align: center;
    font: bold 12pt arial,helvetica,tahoma;
    vertical-align: middle;
}

.fieldsetHeader {
    font: bold 12pt arial,helvetica,tahoma;
    color: #003300;
}

.loggedInUser {
    font: 9pt arial,helvetica,tahoma;
    /*text-decoration: underline;*/
    /*font-style: italic;*/
    color: black;
    padding-right: 10px;
}

.editCustomerHead {
    font: bold 10pt arial;
    color: #777777;
    text-decoration: underline;
}

.tableBorder {
    border: 1px solid black;
}

.vtHeader {
    font: bold 14pt arial,helvetica,tahoma !important;
    color: #807f83 !important;
}

.transactionResponse {
    font: bold 10pt/20px Tahoma;
}


.debugBox {
    background-color: #fff8dc;
    border: 1px dashed #880000;
    padding: 5px;
    margin-top: 50px;
    margin-left: 5px;
    text-align: left;
}

.debugText {
    font: 8pt arial,helvetica,tahoma;
    color: Maroon;
    padding: 3px;
    border: 1px dotted;
    border-color: Red;
    background-color: cornsilk;
}

.textBoxDisabled {
    background-color: #FFFFFF;
    color: #000000;
    font: 10pt arial,helvetica,tahoma;
}

.textBoxWatermark {
    font: 8pt arial,helvetica,tahoma;
    font-style: italic;
    height: 20px;
    width: 150px;
    padding: 2px 0 0 2px;
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
}

.validatorCalloutHighlight {
    background-color: #fffacd;
}

.errorText {
    color: red !important;
}

.vtcustLinkButton {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
    color: blue;
    font: bold 10pt arial,helvetica,tahoma;
}

.vterminalcustLinkButton {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
    font-size: x-small;
    color: #F09B42;
    font-style: italic;
}


.vtcustLinkButton2 {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
    color: blue;
    font-size: small;
    font-style: normal;
}

/*******************************************/
/*Card Maintenance.aspx */
/********************************************/
#btn_ChangeType {
    width: 132px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #1e395b;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    background-color: #FFC600;
    border-width: 1px;
    border-style: solid;
    border-color: #9dcaff;
}

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

#btn_Continue, #btn_Cancel, #btn_CnfrmContinue, #btn_CnfrmCancel, #btn_finalOK, #btn_clear {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #1e395b;
    background-color: #FFC600;
    border-width: 1px;
    border-style: solid;
    border-color: #9dcaff;
}

    #btn_Continue:hover, #btn_Cancel:hover, #btn_CnfrmContinue:hover, #btn_CnfrmCancel:hover, #btn_finalOK:hover, #btn_clear:hover {
        background-color: #f7f8fb !important;
    }

.vtcustLinkButton3 {
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: underline;
    padding: 0px;
    color: blue;
    font-size: medium;
    font-style: normal;
    font-family: Times New Roman;
}



/********************************************/
.btnTransparent {
    background-color: transparent;
    border: none;
    margin: 0;
    overflow: visible;
    text-transform: none;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    /*cursor: pointer;
    text-decoration: underline;
    padding: 0px;
    color: blue;
    font-size: small;
    color: blue;
    font-style: normal;*/
}

.btn-LidSearch {
    height: 22px;
    width: 75px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    background: url('/Skin/Harbortouch/TelerikSkin/FormDecorator/ButtonSprites.gif');
    color: #1E395B; /*rgb(30, 57, 91);*/
    border: 0px;
    margin: auto;
    border-radius: 5px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: -22px;
    padding-left: 4px !important;
    text-align: center;
    vertical-align: middle;
}

/* CSP Changes */

.Welcomereport {
    width: 100px;
}

.width100 {
    width: 100%;
}

.width200 {
    width: 200px;
}

.width600 {
    width: 600px;
}



.width90 {
    width: 80%;
}

.height50 {
    height: 50px;
}


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

.tdpadding5 {
    padding: 5px;
}


.tdpaddingtop5 {
    padding-top: 5px;
}

.tdwidthpadinfleft5 {
    width: 20%;
    padding-left: 5px;
}

.tdpaddingtop15 {
    padding-top: 15px;
}

.tdpaddingtop20 {
    padding-top: 20px;
}

.tdpaddingright5 {
    padding-right: 5px;
}

.tdpaddingleft0 {
    padding-left: 0px;
}

.tdpaddingleft5 {
    padding-left: 5px;
}

.tdpaddingleft300 {
    padding-left: 300px;
}

.tdpaddinglefttop20 {
    padding-left: 20px;
    padding-top: 10px;
}

.tdpaddinglefttop {
    padding-left: 20px;
    padding-top: 15px;
}

.tdpaddingleft8 {
    padding-left: 8px;
}

.trpadding25 {
    height: 25px;
    padding-left: 20px;
}

.tdpadding20 {
    width: 100%;
    padding-left: 20px;
}


.tdwidth30 {
    width: 30%;
    text-align: "left";
}

.tdwidth20 {
    width: 20%;
    text-align: "left";
}

.tdwidth10 {
    width: 10%;
    text-align: "left";
}

.tdcsppadding15 {
    padding-left: 15px;
    padding: 4px;
    text-align: left;
}

.div5CSP {
    padding-left: 5px;
    margin-left: 5px;
}

.tdmarginbottom15 {
    padding-left: 20px;
    margin-bottom: 15px;
}

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




.div90CSP {
    width: 90%;
}


.tdwidth120 {
    width: 120px;
}

.tdwidth220 {
    width: 220px;
}

.tdwidth240 {
    width: 240px;
}


.tdwidthtop200 {
    width: 200px;
    vertical-align: top;
}


.chart300 {
    Height: 300px;
}

.tr20CSP {
    height: 20px;
}


.trhegiht30 {
    height: 30px;
}

.tr10CSP {
    height: 10px;
}

.td100CSP {
    width: 100%;
    padding-left: 20px;
    text-align: left;
}


.vtHeaderCSP {
    font: bold 14pt arial,helvetica,tahoma;
    color: #807f83;
    width: 20%;
    padding-left: 5px;
}

.inputTextCSP {
    font: bold 10pt arial,helvetica,tahoma;
    color: #807f83;
    width: 20%;
    padding-left: 5px;
}

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


.divwidth600 {
    width: 600px;
    padding-left: 20px;
    padding-top: 20px;
}


.divwidthpaddingtop15 {
    width: 100%;
    padding-top: 15px;
}



.tdpaddingwidth600 {
    padding-top: 20px;
    width: 600px;
    text-align: center;
}

.tdpaddinglefttopbottomleft5 {
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
}



.inputDatapaddingtopleftmarginleft5 {
    font: 10pt arial,helvetica,tahoma;
    padding-top: 5px;
    padding-left: 5px;
    margin-left: 5px;
}

.smallTextCSP {
    font: 8pt arial,helvetica,tahoma;
    padding: 10px;
    margin-bottom: 10px;
}

.smallTextpaddingtop5 {
    font: 8pt arial,helvetica,tahoma;
    padding-top: 5px;
}


/*Grid Styles*/

.HeaderStyleWidth75 {
    width: 75px;
}

.HeaderStyleWidth100 {
    width: 100px;
}


.HeaderStyleWidth20 {
    width: 20px;
}

.HeaderStyleWidth140 {
    width: 140px;
}

.HeaderStyleWidth80 {
    width: 80px;
}

.errorLbl {
    font-style: normal;
    color: red;
}


.btnRunReport {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #1e395b;
    background-color: #FFC600 !important;
    border-width: 1px;
    border-style: solid;
    border-color: #9dcaff;
}

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


.btnRefresh {
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    color: #1e395b;
    background-color: #FFC600 !important;
    border-width: 1px;
    border-style: solid;
    border-color: #9dcaff;
}

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

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

.VTbtncolor {
    background-color: #FFC600 !Important;
    color: black;
    height: 25px;
    border-color: #dde7f5;
    border-style: solid;
}

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

.ui-grid-header-cell-primary-focus, .ui-grid-pager-panel {
    background-color: #f1f5fb !Important;
}


.ui-grid-pager-panel {
    border-top-style: solid;
    border-top-color: #d4d4d4 !Important;
}

.tblParams {
    table-layout: fixed;
    width: 400px;
}


/*Virtual Terminal HT issues */
.txtwidth240 {
    width: 240px;
}

.divheadbarmargintop10 {
    background-color: #777777;
    color: #fff;
    width: 640px;
    height: 28px;
    padding: 4px;
    vertical-align: middle;
    margin-top: 10px;
}

.headerText {
    font: bold 14pt arial,tahoma;
    padding-left: 10px;
    letter-spacing: 1px;
}

.tranGroupText {
    text-align: left;
    font-size: smaller;
    letter-spacing: 1px;
    /*color: #F09B42;*/
    color: black;
    font-weight: bold;
    font-family: sans-serif;
}

.bottomBorder {
    border-bottom: 1px dotted #aaaaaa;
}

.rightBorder {
    border-right: 1px dotted #aaaaaa;
}

.btnwidth165 {
    width: 165px;
}


.fieldHeader {
    font-size: x-small;
    /*color: #F09B42;*/
    padding-bottom: 3px;
    color: black;
    font-weight: bold;
    font-family: sans-serif;
}

.tdwidthbordertop1 {
    width: 640px;
    border-top: 1px dotted #aaaaaa;
    text-align: right;
    margin-top: 8px;
    padding-top: 8px;
}

.tdsolidborder1 {
    border: 1px solid #000000;
    width: 580px;
}

.tdsolidborder580 {
    border: 1px solid #000000;
    width: 580px;
}

.signOutLink {
    font-size: smaller;
    color: black;
    text-decoration: underline;
}

    .signOutLink:hover {
        color: darkred;
    }


.headerBar {
    background-color: #777777;
    color: #fff;
    width: 640px;
    height: 28px;
    padding: 4px;
    vertical-align: middle;
}

.selectedTransactionText {
    font-weight: bold !important;
    font-size: x-large !important;
    letter-spacing: 1px !important;
    /*color: #F09B42 !important;*/
    color: black !important;
}

.ReportDrpstyle {
    border-color: #b8cbde !important;
}

.tdwidthheight90 {
    width: 100% !Important;
    height: 90px !Important;
}

.tdheight42 {
    height: 42px;
    text-align: right !Important;
}

.btnwidth80 {
    width: 80px !Important;
}

.tdwidth157 {
    width: 157px;
}

/*added by soubhagya...*/

.lbHome {
    background: url(../../Fullsteam/Images/Home_FS.png);
    background-size: contain;
    height: 35px;
    width: 35px;
    border: none;
}

.btn-custom, #btnSearch {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #1e395b;
    background-color: #FFC600;
    border-width: 1px;
    border-style: solid;
    border-color: #9dcaff;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 12px;
}

    .btn-custom:hover, #btnSearch:hover {
        background-color: #f7f8fb !important;
    }

/* Added by Kanna For Asp grid colors in AccountInformation.aspx #f7f8fb*/
.tblAccountGrid {
    border: 1px solid #3c4c30;
    color: #1e395b !important;
    background-color: #FFFFFF !important;
    font: 12px/16px "segoe ui",arial,sans-serif;
    display: table;
    width: 100%;
}

    .tblAccountGrid tbody tr:first-child {
        border: 0;
        border-bottom: 1px solid #3c6716;
        background-color: #f1f5fb !important;
        color: #1e395b !important;
    }

        .tblAccountGrid tbody tr:first-child th {
            padding-top: 5px !important;
            padding-bottom: 4px !important;
            padding-left: 7px !important;
            padding-right: 7px !important;
            text-align: left;
            font-weight: normal;
        }

.pnlAccountHead {
    height: 40px;
    background-color: #ddd !important;
    /*background-image: url(PanelBar/RootItemBg.png) !important;*/
    border-color: #FFCD05 !important;
    position: relative;
    padding-left: 10px;
    padding-top: 5px;
}


.pnlAccountHead > a {
    display: inline-block;
    font: normal 12px/24px "Segoe UI", Arial, sans-serif;
    text-decoration: none;
    color: #1e395b !important;
    text-decoration: none !important;
    width: 100%;
    font-weight: bold;
}

    .pnlAccountHead > a:hover {
        font: normal 12px/24px "Segoe UI", Arial, sans-serif;
        text-decoration: none;
        color: #1e395b !important;
        text-decoration: none !important;
        font-weight: bold;
    }

.pnlAccountBody {
    color: #1e395b;
    font: normal 12px/24px "Segoe UI", Arial, sans-serif;
    background-color: #f1f5fb !important;
    padding: 5px !important;
}

.panel-group .panel + .panel {
    margin-top: 0px !important;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e114"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: black; /* adjust as needed */
}

.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080"; /* adjust as needed, taken from bootstrap.css */
}

#menuOrderTracking {
    height: 33px !important;
}

/* Down arrow (open) */
.pnlAccountHead > a.accordion-toggle::after {
    content: "\25BC"; /* ▼ */
    float: right;
    font-size: 1.2em;
    margin-right: 18px;
    color: #000;
    transition: transform 0.2s;
}