.aatble{
    border:none !important;
}

.alertBox {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 10px;
}

.alertboxtitle {
    font-size: 12pt;
    padding-left: 10px;
    text-align: left;
}

.alertboxmessage {
    padding: 10px;
    text-align: left;
}

.alertboxerrormessage {
    color: red;
    padding-left: 10px;
    text-align: left;
}

.expand {
    background-image: url('https://gpsvault.blob.core.windows.net/siteimages/Fxpert/ArrowOpen.png');
}

.collapse {
    background-image: url('https://gpsvault.blob.core.windows.net/siteimages/Fxpert/ArrowClose.png');
}

.altrow {
    background-color: #E0E1E2;
}

.viewActual {
    cursor: pointer;
    font-weight: bold;
}

.fullroundedcorners {
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

.manageUser, .approveUser {
    -moz-box-shadow: 5px 5px 5px #666;
    -webkit-box-shadow: 5px 5px 5px #666;
    box-shadow: 5px 5px 5px #666;
    -moz-border-radius: 1em 4em 1em 4em;
    border-radius: 1em 4em 1em 4em;
    margin: 5px 0;
}

.manageUserDisabled, .approveUserDisabled {
    -moz-box-shadow: 5px 5px 5px #666;
    box-shadow: 5px 5px 5px #666;
    -moz-border-radius: 1em 4em 1em 4em;
    border-radius: 1em 4em 1em 4em;
    margin: 5px 0;
}

.clientAdminErrorText {
    color: FireBrick;
    font-style: italic;
    font-size: 14px;
    font-weight: bold;
}

.previousactuals {
    padding: 10px;
    margin: 6px;
    color: Black;
    font-weight: bold;
}

.confirmationtitlebarsmall {
    font-weight: bold;
    display: table;
    text-indent: 5px;
    font-size: medium;
    height: 30px;
    width: 497px;
    color: rgb(0, 102, 153);
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/RecieptTitleBarSmall.png);
}

.smallul {
    margin: 0 0 15px 0;
    padding-left: 20px;
}

ul {
    list-style-type: none;
}

.sort {
    text-decoration: underline;
}

    .sort:hover {
        text-decoration: underline;
        cursor: pointer;
    }

.reportLink:visited {
    color: #0E74C1;
    text-decoration: underline;
}

.reportLink:link {
    color: #0E74C1;
    text-decoration: underline;
}

.inlineheader {
    display: inline;
    margin: 0;
}

.PaginationButtons {
    text-align: center;
}

    .PaginationButtons span {
        display: none;
        font-size: 16px;
    }

    .PaginationButtons .currentpage {
        color: #0E74C1;
    }

.icnettingdisputeentrytable {
    width: 100%;
}

    .icnettingdisputeentrytable tr th {
        padding: 0 1em;
    }

    .icnettingdisputeentrytable tr td {
        padding: 0 1em;
    }

        .icnettingdisputeentrytable tr td:nth-of-type(1) {
            max-width: 25%;
        }

        .icnettingdisputeentrytable tr td:nth-of-type(2) {
            max-width: 15%;
        }

        .icnettingdisputeentrytable tr td:nth-of-type(3) {
            min-width: 35%;
            max-width: 50%;
        }

        .icnettingdisputeentrytable tr td:nth-of-type(4) {
            max-width: 25%;
        }

.icnettingmanagedisputestable {
    width: 100%;
}

    .icnettingmanagedisputestable tr th {
        padding: 0 1em;
    }

    .icnettingmanagedisputestable tr td {
        padding: 0 1em;
    }

        .icnettingmanagedisputestable tr td:nth-of-type(1) {
            max-width: 25%;
        }

        .icnettingmanagedisputestable tr td:nth-of-type(2) {
            max-width: 15%;
        }

        .icnettingmanagedisputestable tr td:nth-of-type(3) {
            min-width: 35%;
            max-width: 500px;
        }

        .icnettingmanagedisputestable tr td:nth-of-type(4) {
            max-width: 250px;
            text-align:left;
        }

        .icnettingmanagedisputestable tr td:nth-of-type(5) {
            max-width: 195px;
        }

            .icnettingmanagedisputestable tr td:nth-of-type(5) .submitdisputeanswer {
                width: 70px;
            }

.confirmationtitlebarsmall {
    font-weight: bold;
    display: table text-indent:5px;
    font-size: medium;
    height: 30px;
    width: 497px;
    color: rgb(0, 102, 153);
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/RecieptTitleBarSmall.png);
}

    .confirmationtitlebarsmall p {
        display: table-cell;
        vertical-align: middle;
        margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
    }

.confirmationtitlebarlarge {
    font-weight: bold;
    display: table;
    text-indent: 5px;
    font-size: medium;
    height: 30px;
    width: 1045px;
    color: rgb(0, 102, 153);
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/ReceiptTitleBarBig.png);
}

    .confirmationtitlebarlarge p {
        display: table-cell;
        vertical-align: middle;
        margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0");
    }


.confirmationinformationleft {
    float: left;
    margin: 0 0 0 25px;
    font-weight: bold;
}

.confirmationinformationright {
    float: left;
    max-width: 325px;
    margin: 0 0 0 25px;
    font-weight: bold;
}

.confirmationinformationcontainerleft {
    width: 497px;
    height: 140px;
    float: left;
}

.confirmationinformationcontainerright {
    width: 497px;
    height: 140px;
    float: left;
    margin: 0 0 0 50px;
}


.confirmationinstructionsmall {
    width: 132px;
    padding: 0 12px 0 12px;
    font-weight: bold;
}

.confirmationinstructionlarge {
    width: 264px;
    padding: 0 12px 0 12px;
}

input[type="radio"][disabled] + label {
    color: gray;
}

.clickme:hover {
    cursor: pointer;
}

.statustitle {
    font-size: small;
    font-weight: bold;
    color: rgb(25, 123, 195);
}

.confirm {
    color: #3C9623;
    font-weight: bold;
    cursor: pointer;
}

.menuitem {
    padding: 10px;
    margin: 6px;
    color: Black;
    font-weight: bold;
}

.reportype {
    padding: 10px;
    margin: 6px;
    color: Black;
    font-weight: bold;
}

.clearLeft {
    clear: left;
}

.clearRight {
    clear: right;
}

.topBorder {
    border-top: 1px solid black;
}

.leftInfoContainer {
    padding-right: 1em;
    padding-left: 2.7em;
    width: 25em;
}

.rightInfoContainer {
    width: 25em;
}

.listNoIndent {
    padding: 1px;
    margin-top: 0px;
}

.defaultTableRowHeight {
    height: 1.3em;
}

#printButton {
    display: none;
}

#saveInstructions {
    display: none;
}

.swiftCode {
    cursor: pointer;
}

#waitingLogoSave {
    display: none;
    vertical-align: middle;
    float: left;
    margin-left: 5px;
}

#error {
    font-size: x-small;
    font-weight: bold;
}

#saveResults {
    font-size: x-small;
    font-weight: bold;
    width: 80%;
    float: left;
    display: block;
    margin-left: 10px;
}

.textAlignLeft {
    text-align: left;
}

.indent10 {
    padding-left: 10px;
}

.buttonsize {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    border: solid 1px #fff;
}

.gpsbutton {
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none; /* Chrome all / Safari all */
    -moz-user-select: none; /* Firefox all */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Likely future */
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

    .gpsbutton:hover {
        text-decoration: none;
    }

    .gpsbutton:active {
        position: relative;
        top: 1px;
    }

.orange {
    color: #fff;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

    .orange:hover, .orange:focus {
        background: #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    }

    .orange:active {
        color: #fff;
        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
        background: -moz-linear-gradient(top, #f47a20, #faa51a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
    }
/* color styles 
---------------------------------------------- */

/* black */
.black {
    color: #d7d7d7;
    border: solid 1px #333;
    background: #333;
    background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
    background: -moz-linear-gradient(top, #666, #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}

    .black:hover {
        background: #000;
        background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
        background: -moz-linear-gradient(top, #444, #000);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
    }

    .black:active {
        color: #666;
        background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
        background: -moz-linear-gradient(top, #000, #444);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
    }

/* gray */
.gray {
    color: #e9e9e9;
    border: solid 1px #555;
    background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
    /*
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
*/
    .gray:active {
        color: #afafaf;
        background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
        background: -moz-linear-gradient(top, #575757, #888);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
    }

/* white */
.white {
    color: #606060;
    border: solid 1px #b7b7b7;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
    background: -moz-linear-gradient(top, #fff, #ededed);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}

    .white:hover {
        background: #ededed;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
        background: -moz-linear-gradient(top, #fff, #dcdcdc);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
    }

    .white:active {
        color: #999;
        background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
        background: -moz-linear-gradient(top, #ededed, #fff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
    }

/* orange */
.orange {
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

    .orange:hover {
        background: #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    }

    .orange:active {
        color: #fcd3a5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
        background: -moz-linear-gradient(top, #f47a20, #faa51a);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
    }

/* red */
.red {
    color: #faddde;
    border: solid 1px #980c10;
    background: #d81b21;
    background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
    background: -moz-linear-gradient(top, #ed1c24, #aa1317);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}

    .red:hover, .red:focus {
        background: #b61318;
        background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
        background: -moz-linear-gradient(top, #c9151b, #a11115);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
    }

    .red:active {
        color: #de898c;
        background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
        background: -moz-linear-gradient(top, #aa1317, #ed1c24);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
    }

/* blue */
.blue {
    color: #d9eef7;
    border: solid 1px #0076a3;
    background: #0095cd;
    background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
    background: -moz-linear-gradient(top, #00adee, #0078a5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}

    .blue:hover {
        background: #007ead;
        background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
        background: -moz-linear-gradient(top, #0095cc, #00678e);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
    }

    .blue:active {
        color: #80bed6;
        background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
        background: -moz-linear-gradient(top, #0078a5, #00adee);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
    }
    .font-blue {
        color: #0061a7;
    }
    .font-blue:hover {
        color: #007ead;
    }
/* rosy */
.rosy {
    color: #fae7e9;
    border: solid 1px #b73948;
    background: #da5867;
    background: -webkit-gradient(linear, left top, left bottom, from(#f16c7c), to(#bf404f));
    background: -moz-linear-gradient(top, #f16c7c, #bf404f);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f16c7c', endColorstr='#bf404f');
}

    .rosy:hover {
        background: #ba4b58;
        background: -webkit-gradient(linear, left top, left bottom, from(#cf5d6a), to(#a53845));
        background: -moz-linear-gradient(top, #cf5d6a, #a53845);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cf5d6a', endColorstr='#a53845');
    }

    .rosy:active {
        color: #dca4ab;
        background: -webkit-gradient(linear, left top, left bottom, from(#bf404f), to(#f16c7c));
        background: -moz-linear-gradient(top, #bf404f, #f16c7c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf404f', endColorstr='#f16c7c');
    }

/* green */
.green {
    color: #e8f0de;
    border: solid 1px #538312;
    background: #64991e;
    background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
    background: -moz-linear-gradient(top, #7db72f, #4e7d0e);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}

    .green:hover, .green:focus {
        background: #538018;
        background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
        background: -moz-linear-gradient(top, #6b9d28, #436b0c);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
    }

    .green:active {
        color: #a9c08c;
        background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
        background: -moz-linear-gradient(top, #4e7d0e, #7db72f);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
    }

/* pink */
.pink {
    color: #feeef5;
    border: solid 1px #d2729e;
    background: #f895c2;
    background: -webkit-gradient(linear, left top, left bottom, from(#feb1d3), to(#f171ab));
    background: -moz-linear-gradient(top, #feb1d3, #f171ab);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feb1d3', endColorstr='#f171ab');
}

    .pink:hover {
        background: #d57ea5;
        background: -webkit-gradient(linear, left top, left bottom, from(#f4aacb), to(#e86ca4));
        background: -moz-linear-gradient(top, #f4aacb, #e86ca4);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4aacb', endColorstr='#e86ca4');
    }

    .pink:active {
        color: #f3c3d9;
        background: -webkit-gradient(linear, left top, left bottom, from(#f171ab), to(#feb1d3));
        background: -moz-linear-gradient(top, #f171ab, #feb1d3);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f171ab', endColorstr='#feb1d3');
    }

.ghost {
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    font-size: 12px;
    letter-spacing: 0.1rem;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    padding: 10px;
    transition: all .3s ease;
    cursor: pointer;
}

    .ghost:hover, .ghost:active, .ghost:focus {
        background: rgba(0, 0, 0, 0.4);
        border-color: #eee;
        color: #eee;
    }

.ghost-white {
    color: #ffffff;
    border: 2px solid #fff;
}

.ghost-blue {
    color: #2369A7;
    border: 2px solid #2369A7;
}

.ghost-orange {
    color: #F19107;
    border: 2px solid #F19107;
}

.bigrounded {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

.medium {
    font-size: 12px;
    padding: .4em 1.5em .42em;
}

.small {
    font-size: 11px;
    padding: .2em 1em .275em;
}

.gpsbutton.large {
    font-size: 125%;
    padding: 7px 12px;
}

    .gpsbutton.large:active {
        padding: 8px 12px 6px;
        background-position: 0 top;
    }



.requiredFields {
    color: #E68C00;
    font-size: x-small;
    padding-left: 20px;
}


.pictureTitle {
    padding: 20px 20px;
}

h1 {
    color: #107AC2;
    font-family: Century Gothic,helvetica,sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 20px;
    font-size: 18px;
}

.headerTitle {
    color: #107AC2;
    font-family: Century Gothic,helvetica,sans-serif;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

.headerTitleDark {
    color: #002D55;
    font-family: Century Gothic,helvetica,sans-serif;
    font-size: 35px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 20px;
}


h3 {
    font-size: 22px;
    color: #107AC2;
    font-weight: normal;
    letter-spacing: 2px;
    font-family: Century Gothic,helvetica, sans-serif;
    margin-bottom: 0px;
    letter-spacing: -1px;
    padding: 0 0 0 15px;
}

h4 {
    font-size: 18px;
    color: #107AC2;
    font-weight: normal;
    letter-spacing: 2px;
    font-family: Century Gothic,helvetica, sans-serif;
    margin-bottom: 0px;
    margin-top: 0px;
    letter-spacing: -1px;
}

body {
    padding: 0px;
    font-family: Verdana, Sans-Serif; /*font-size: 1em;*/ /*font-size: 80%;*/
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000;
    margin: 0px;
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/background.jpg);
    background-repeat: repeat;
    text-align: center;
}

.Button {
    background-color: Pink;
    height: 25px;
    font-weight: bold;
    font-family: @Adobe Song Std L;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

    .Button:hover {
        background-color: Green;
        height: 25px;
        font-weight: bold;
        cursor: pointer;
        font-family: @Adobe Song Std L;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
    }


a.link:link {
    color: #0E74C1;
    text-decoration: underline;
    padding: 5px;
}

a.link:visited {
    color: #000000;
    text-decoration: underline;
    padding: 5px;
}

a.link:active {
    color: #000000;
    text-decoration: underline;
    padding: 5px;
}

a.link:hover {
    color: #001D3B;
    text-decoration: none;
}

.form {
    padding: 10px 10px;
}

.submenu {
    font-family: Verdana, Charcoal, sans-serif;
    width: 180px;
}
.corpay-nav .submenu {
    font-family: var(--corpay-font-family);
    letter-spacing: normal;
    font-size: var(--corpay-value-font-size);
    width: auto;
    padding: 8px 16px;
}

a.linkswift:link {
    color: #000000;
    text-decoration: underline;
}

a.linkswift:visited {
    color: #000000;
    text-decoration: underline;
}

a.linkswift:active {
    color: #000000;
    text-decoration: underline;
}

a.linkswift:hover {
    color: #000000;
    text-decoration: none;
}


a:link {
    color: #0E74C1;
    text-decoration: underline;
}

a:hover {
    color: #001D3B;
    text-decoration: none;
}

a {
    color: #001D3B;
}

    a:hover {
        color: #001D3B;
    }

#contractSubTable a {
    color: #0E74C1;
    text-decoration: underline;
    padding: 5px;
}

    #contractSubTable a:hover {
        color: #001D3B;
        text-decoration: none;
        padding: 5px;
    }

    #contractSubTable a:visited {
        color: #000000;
        text-decoration: underline;
        padding: 5px;
    }

a img {
    border: none;
}


.resetlink:link {
    color: #0E74C1;
}

.resetlink {
    color: #0E74C1;
    cursor: pointer;
}

    .resetlink:hover {
        color: #FFFFFF;
    }

div.FormHeader {
    background-color: Black;
}



#Container {
    width: 975px; /* 800px; */
    margin: 10px auto 30px 136px; /*margin-top: 10px;     margin-bottom: 30px;*/
    padding: 0px;
    border: solid 1px #000000;
    background-color: #ffffff;
}

#Header {
    /*margin: 0px;     padding: 10px;     height: 75px;     background-color: #5D7B9D;     border-bottom: solid 1px #000000;*/
    margin: 0px;
    padding: 0px;
    color: #666;
    width: 100%;
    padding-top: 10px;
}

#Footer {
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 10px;
    font-size: 90%;
    color: #666;
    background-color: #ffffff;
    text-align: right; /*border:solid 2px green;*/
    clear: both;
    border-top: solid 1px #000000;
}

    #Footer div#Copyright {
        /*margin-top: 10px;*/
    }
/*because our parent div for all of these is a numeric pixel width
we can set these on percentages.  That way we just modify one width as needed
and these percentages will automatically work out*/
#NavColumn {
    float: left;
    width: 20%;
    background-color: #ffffff;
    min-height: 380px;
    padding: 5px;
}

#MainContent {
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    min-height: 380px;
    background-color: #fff;
    float: left;
    width: 1048px;
    text-align: left;
}

.printHeader {
    border-bottom-style: solid;
    border-bottom-color: Black;
    border-bottom-width: thin;
}

div.ContentArea {
    width: 95%;
    padding: 10px 50px 30px 0;
}

#MainContent div.LeftColumn {
    float: left;
    margin: 0px;
    padding: 10px 50px 30px 25px;
    width: 500px;
}

#MainContent div.RightColumn {
    width: 251px;
    margin: 0px 0px 0px 595px;
    padding: 0px;
}

#NavigationBar {
    position: absolute;
    top: 10px;
    left: 0px;
    margin: 0px;
    padding: 0px;
}


/*** AspNet Menu Styles ***************************/
#Header div.AspNet-Menu-Horizontal {
}

    #Header div.AspNet-Menu-Horizontal ul {
    }

        #Header div.AspNet-Menu-Horizontal ul li {
            margin: 10px;
            padding: 0px;
        }

            #Header div.AspNet-Menu-Horizontal ul li a {
            }


/*** Misc. Styles *********************************/
.floatRight {
    float: right;
}


.floatLeft {
    float: left;
}

.clearBoth {
    clear: both;
}

fieldset {
    border: none;
}

    fieldset.justify label {
        float: left;
    }

    fieldset.justify span, fieldset.justify input, fieldset.justify select {
        float: right;
        text-align: right;
    }

.Hidden {
    display: none;
}



/* Added for Currency drop downs. */
fieldset.currency label {
    float: left;
    display: block;
    text-align: left;
    width: 150px;
}

fieldset.currency input {
    float: left;
}

.sectionHeader {
    margin: 0px;
    color: #006699;
    font-size: 14px;
    font-weight: bold;
}

#wrapper {
    min-height: 400px;
    margin-top: 0;
    background: #ffffff;
    margin-bottom: 0;
    text-align: left;
    width: 1047px;
    padding: 15px;
    margin-left: 25px;
    margin-right: 25px;
    -moz-box-shadow: 5px 5px 5px #666;
    -webkit-box-shadow: 5px 5px 5px #666;
    box-shadow: 5px 5px 5px #666;
}
.corpay-wrapper#wrapper {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}


#mainClass {
    width: 1127px;
    margin-left: auto;
    margin-right: auto;
}

#loginWrapper {
    margin-left: auto;
    margin-right: auto;
    width: 375px;
    height: 275px;
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/backgroundLoginBox.png);
}

/* added by dpurtschert */
.title {
    font-family: Century Gothic,helvetica, sans-serif;
    font-size: 13px;
    color: #0061a7;
    font-weight: bold;
}

.titlethinblack {
    font-size: 14px;
    color: #000;
    font-weight: normal;
    letter-spacing: 2px;
    font-family: Century Gothic,helvetica, sans-serif;
    margin-bottom: 0px;
    margin-top: 0px;
    letter-spacing: -1px;
}

.subindent {
    margin-left: 20px;
}

.mainindent {
    margin-left: 50px;
}

.mainTitle {
    font-size: 18px;
    color: #0061a7;
    font-weight: bold;
}

.bigtitle {
    font-size: 16px;
    color: #0061a7;
    font-weight: bold;
}

.wordBreakAll {
    word-break: break-all;
}

#wrapper #BeneficiaryAddress {
}

#wrapper #BeneficiaryContact {
    /* 	position:absolute; 	margin-left:480px; 	margin-top:-310px; 	*/
}

#wrapper #BeneficiaryBankAddress {
    /* 	position:absolute; 	margin-left:480px; 	margin-top:-310px; 	*/
}


select, input, textarea {
    font-size: 13px;
    font-family: Arial, Verdana;
}

#bgtest {
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/borderbackground.jpg);
    background-repeat: no-repeat;
    position: absolute;
    margin-top: 50px;
    width: 10%;
}

.topbackground {
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/bordertopcenter.png);
    background-repeat: repeat-x;
}

.bottombackground {
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/borderbottomcenter.png);
    background-repeat: repeat-x;
}

.leftbackground {
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/borderleftcenter.png);
    background-repeat: repeat-y;
}

.rightbackground {
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/borderrightcenter.png);
    background-repeat: repeat-y;
}

.modal {
    background-color: Gray;
    filter: alpha(opacity=40);
    opacity: 0.7;
}

#SwiftResults {
    width: 450px;
    font-size: 12px;
}

#Swift {
    height: 250px;
    overflow: auto;
}

#AccountInfo {
    width: 180px;
    color: #665;
}

.AccountInfoLine {
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/lineDots.png);
    background-repeat: repeat;
}

.progressbar {
    width: 150px;
    font-weight: bold;
    color: Black;
}

#popupExplain {
    text-align: left;
    width: 250px;
    padding: 10px 10px 10px 10px;
}


#userTabs .ui-state-default {
    background-image: none; /* remove default bg image */
}

.headerRow {
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/gridViewHeader.png);
    background-repeat: repeat-x;
    height: 38px;
}

.forecastingheaderRow {
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/ui-bg_highlight-soft_100_e7eef3_1x100.png);
    background-repeat: repeat-x;
    height: 50px;
}

.restricted {
    color: #A0A0A0;
}

.subRow {
    padding-left: 20px;
    width: 300px;
}

#ReportParameters {
    background: #d2deec;
    padding: 20px 0px 20px 5px;
}

#ParameterFields {
    /*float:left;*/
    background: :#bac9dd;
    margin-left: 20px;
}

#parameterDates {
    float: left;
    margin-left: 15px;
    width: 100%;
}

#parameterCurrency {
    float: right;
    margin-right: 40px;
}

#entityButton {
    margin-left: 42px;
}

#entityList {
    margin-top: 10px;
    margin-left: 15px;
}

#currencyList {
    margin-top: 10px;
    margin-left: 15px;
}

#bankList {
    margin-top: 10px;
    margin-left: 15px;
}

.approveformgroup {
    color: #0E74C1;
}

    .approveformgroup:visited {
        color: #001D3B;
    }

    .approveformgroup:hover {
        color: #001D3B;
        cursor: pointer;
    }

.editformgroup {
    color: #0E74C1;
}
    .editformgroup.unapproveActualForm{
        text-decoration: none;
    }

    .editformgroup:visited {
        color: #001D3B;
    }

    .editformgroup:hover {
        color: #001D3B;
        cursor: pointer;
    }

/* Added by JMiranda*/
/*This is for the MCA Withdraw Template Summary*/
#templateSummary {
    float: right;
    width: 260px;
    height: 233px;
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/backgroundDashboard4.png);
}

#templateSummaryContent {
    float: left;
    width: 218px;
    margin-top: 30px;
    margin-left: 15px;
}

.purposeOfPaymentDetail:hover {
    background-color: lightblue;
}

.ui-tabs-vertical {
    width: 55em;
}

    .ui-tabs-vertical .ui-tabs-nav {
        padding: .2em .1em .2em .2em;
        float: left;
        width: 12em;
    }

        .ui-tabs-vertical .ui-tabs-nav li {
            clear: left;
            width: 100%;
            border-bottom-width: 1px !important;
            border-right-width: 0 !important;
            margin: 0 -1px .2em 0;
        }

            .ui-tabs-vertical .ui-tabs-nav li a {
                display: block;
            }

            .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected {
                padding-bottom: 0;
                padding-right: .1em;
                border-right-width: 1px;
                border-right-width: 1px;
            }

    .ui-tabs-vertical .ui-tabs-panel {
        padding: 1em;
        float: right;
        width: 40em;
    }



a.glossbutton {
    -moz-border-radius: 10px 10px 10px 10px;
    -moz-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.6) inset, 0 5px 12px #0E71BE inset, 0 15px 2px rgba(102, 51, 153, 0.5) inset, 0 25px 25px #0E71BE inset;
    background: none repeat scroll 0 0 #115494;
    border: 2px solid #0F4482;
    color: #fff;
    display: block;
    font: bold 12px/120% Georgia,serif;
    padding: 5px;
    width: 225px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    width: 150px;
}

    a.glossbutton:hover {
        -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 4px rgba(0, 0, 0, 0.6) inset, 0 10px 12px #115494 inset, 0 20px 2px rgba(102, 51, 153, 0.5) inset, 0 25px 25px #115494 inset;
        background: none repeat scroll 0 0 #0E71BE;
        color: #FFFFFF;
    }

.currsheet {
    margin: 0;
    padding: 0;
    width: 100px;
    clear: both;
    color: Black;
    font-size: 16px;
    line-height: 2px;
}

    .currsheet:hover {
        cursor: pointer;
    }

.submenuholder:hover .subcurrmenu {
    display: inline;
}


.subcurrmenu {
    float: right;
    padding: 0 20px 0 0;
    margin-top: -25px;
    display: none;
}

#inputlist {
    padding: 17px 0 0 100px border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #DDDDDD;
    text-align: center;
    clear: both;
    box-shadow: 5px 5px 5px #666666;
    margin: 25px 13px 0 28px;
}

#logout {
    cursor: pointer;
}


.groupbox {
    background-color: #F1F1F2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: solid 1px #D7D7DA;
}

.chooseInstruction {
    background-color: #F1F1F2;
}

.chooseInstruction:hover {
    background-color: #DDD;
}

.invalid, input.invalid, .corpay-textbox.invalid {
    background-color: #ef8b8b;
}

#formVal {
    overflow: auto;
}

.manageusers, .approveusers {
    cursor: pointer;
    margin: 20px 0;
}



#dashBoardActionItems {
    width: 324px;
    height: 147px;
    margin-left: 20px;
    background-image: url(https://gpsvault.blob.core.windows.net/siteimages/Fxpert/backgroundDashboard1.png);
}

#actionItems {
    margin-left: 10px;
}


#dashBoardBookNewTrade {
    width: 203px;
    height: 154px;
    margin-left: 20px;
}

.dashboardBorder {
    margin: 15px 15px 40px 50px;
}

.arrowImage {
    vertical-align: middle;
}

#header_img {
    float: left;
}

#footertext {
    float: right;
    margin-top: 10px;
    margin-right: 20px;
}

#backgroundGlobe {
    margin-top: 126px;
    margin-left: -144px;
    position: absolute;
    z-index: -200;
}

.link_border {
    border-left: solid 1px #666666;
}

ul.submenu {
    list-style: none;
    padding: 0px;
}

ul.submenu li {
    float: left;
}

#contractFilters {
    margin: 0 0 10px 0;
    padding: 20px 0 20px 0;
}

#pnlContractForm {
    background-color: #ffffff;
}


#contractSummary {
    float: right;
    width: 223px;
    max-width: 223px;
    min-width: 150px;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 4px 4px 4px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 4px 4px 4px 5px rgba(0,0,0,.4);
    box-shadow: 4px 4px 4px 5px rgba(0,0,0,.4);
    /* fallback */ background-color: #E0E0E0;
    background-repeat: repeat-x;
    /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0E0E0), to(#EDEDED));
    /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #E0E0E0, #EDEDED);
    /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #E0E0E0, #EDEDED);
    /* IE 10 */ background: -ms-linear-gradient(top, #E0E0E0, #EDEDED);
    /* Opera 11.10+ */ background: -o-linear-gradient(top, #E0E0E0, #EDEDED);
}

.contractSummary {
    float: right;
    width: 223px;
    max-width: 223px;
    min-width: 150px;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 4px 4px 4px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 4px 4px 4px 5px rgba(0,0,0,.4);
    box-shadow: 4px 4px 4px 5px rgba(0,0,0,.4);
    /* fallback */ background-color: #E0E0E0;
    background-repeat: repeat-x;
    /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E0E0E0), to(#EDEDED));
    /* Safari 5.1, Chrome 10+ */ background: -webkit-linear-gradient(top, #E0E0E0, #EDEDED);
    /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #E0E0E0, #EDEDED);
    /* IE 10 */ background: -ms-linear-gradient(top, #E0E0E0, #EDEDED);
    /* Opera 11.10+ */ background: -o-linear-gradient(top, #E0E0E0, #EDEDED);
}

.contractsummaryHeader {
    height: 40px;
    line-height: 35px;
    margin: 0;
    width: 223px;
    /*-webkit-border-radius-topleft: .5em; 
    -webkit-border-radius-topright: .5em; 
	-moz-border-radius-topleft: .5em;
	-moz-border-radius-topright: .5em;*/
}

#contractSummaryContent {
    float: left;
    width: 218px;
    margin-left: 10px;
    text-align: left;
}

fieldset ul {
    /*margin: 20px 10px 20px 0;*/
    margin: 10px 5px 10px 0;
    padding: 0;
}

/*fieldset ul, fieldset li
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}*/

fieldset li {
    clear: both;
    list-style: none;
    padding-bottom: 0px;
    vertical-align: middle;
    margin-bottom: 0px;
}

fieldset table tr td {
}

.formInput {
    float: left;
    margin: 0 15px 0 0;
}

fieldset .inputLabel {
    float: none;
    width: auto;
}

.error {
    color: #ff0000;
    font-weight: bold;
}

#contractsList {
    width: 100%;
}

#contractsListHeaders {
    width: 100%;
}

    #contractsListHeaders .left {
        /*padding-left: 5px;*/
    }

#contractsList .contractItem {
    /*border-bottom: solid 1px #333333;*/
}

#contractsList .contractsListColumn {
    float: left;
    width: auto;
    padding: 5px 0 5px 0;
    border-bottom: solid 1px #333;
}

#contractsList .instructionExpander {
    width: 1%;
}

#contractsList .contractType {
    width: 10%;
    /*width: 10%;*/
}

#contractsList .contractNumber {
    width: 10%;
}

#contractsList .contractTradeDate { /*width: 10%;*/
    width: 8%;
}

#contractsList .contractValueDate { /*width: 10%;*/
    width: 8%;
}

#contractsList .contractQuoteCurrency {
    /*width: 10%;*/
    width: 8%;
}

#contractsList .contractPaymentType {
    /*width: 10%;*/
    width: 8%;
}

#contractsList .contractAllInRate {
    width: 10%;
}

#contractsList .contractAmount {
    width: 10%;
    text-align: right;
}

#contractsList .contractBalance {
    width: 10%;
    text-align: right;
}

#contractsList .contractInstructions {
    width: 10%;
    text-align: right;
}

#contractsListHeaders .header {
    background-color: #5d7b9d;
    color: #333333;
    font-size: 1em;
    font-weight: bold;
    padding-bottom: 7px;
    padding-top: 7px;
    border-bottom: solid 3px #333333;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

#contractsList .alternateRow div {
    background-color: #aaaaaa;
}

.contractTemplates {
    width: 98%;
}

    .contractTemplates table {
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }

#contractItem .expanderImage {
    width: 15px;
    float: left;
}

.vCenter {
    vertical-align: middle;
}

#benInName_error {
    font-size: small;
    color: #E68C00;
    padding-left: 3px;
}

.infoContainer {
    margin-left: 5em;
    width: 78em;
}

.notesTable {
    width: 77em;
}

.customTextField {
    margin-left: 2em;
    min-width: 300px;
    max-width: 300px;
    height: 40px;
}

.top {
    vertical-align: top;
}

.instructionValueDate {
    margin-left: 2em;
    min-width: 10em;
    max-width: 10em;
    text-align: left;
}

.largeSubInfoContainer {
    width: 78em;
}

.subInfoContainer {
    width: 37.5em;
    float: left;
}

.mainInstructionContainer {
    width: 87.3em;
}

.subInfoHorizontalRule {
    margin-right: 73px;
}

.subInfoTitle {
    padding: 0 0 0 0 !important;
}

.summary {
    width: 81em;
    padding-left: 2em;
    min-height: 2em;
    max-height: 2em;
    margin: auto;
}

.valignmiddle {
    vertical-align: middle;
}

#expandButtonContainer {
    min-height: 22px;
    max-height: 22px;
}

#beneNameContainer {
    padding-left: 1.5em;
    min-height: 22px;
    max-height: 45px;
}

#amountContainer {
    padding-left: 1.5em;
    min-height: 22px;
    max-height: 22px;
}

#typeContainer {
    padding-left: 1.5em;
    min-height: 22px;
    max-height: 22px;
}

#instructionDeleteContainer {
    padding-left: 1.5em;
    min-height: 22px;
    max-height: 22px;
    min-width: 22px;
    max-width: 22px;
    vertical-align: middle;
}

    #instructionDeleteContainer img {
        height: 15px;
        width: 15px;
        vertical-align: middle;
    }

.instructionBody {
    vertical-align: middle;
    padding-top: 1em;
    width: 87em;
}

.largeFieldContainerOne {
    padding: 10px 0px 10px 15px;
    width: 36.5em;
}

.largeFieldContainerTwo {
    width: 41.5em;
    padding: 10px 0px 10px 80px;
}

.beneEmailTd {
    padding-left: 20px;
}

.saveControls {
    padding: 0 0 0 0;
    vertical-align: middle;
    display: inline;
}

.addMoreInstructions {
    vertical-align: middle;
    padding-left: 18px;
    display: block;
}

.mainRequired {
    padding-left: 5.5em;
}

.pointer {
    cursor: pointer;
}

#wirelayout {
    height: 55em;
}

.instructionControls {
    align-content: flex-start;
}

.intBenExpandButton {
    cursor: pointer;
}

#instructionControls {
    margin: auto;
}

#subInfoContainerTwo {
    padding-left: 4.3em;
    width: 35.8em !important;
}

#beneficiaryviewbody {
    overflow-y: auto;
    height: 39em;
}

.removeBottomMargin {
    margin-bottom: 0em;
}

#templatereviewcontrols {
    height: 3em;
    padding-top: 2em;
}

.fieldindent {
    padding-left: 1em;
}

.printanchor {
    text-decoration: none !important;
}
/************ Balance Sheet Hedge ************/
.formsummarytable tr th {
    white-space: nowrap;
    text-align: center;
}

.formsummarytable tr td {
    white-space: nowrap;
}

    .formsummarytable tr td:nth-of-type(1) {
        width: 10%;
        text-align: center;
    }

    .formsummarytable tr td:nth-of-type(2), .formsummarytable tr td:nth-of-type(3), .formsummarytable tr td:nth-of-type(4) {
        width: 20%;
        text-align: center;
    }

.subdetails:hover {
    cursor: pointer;
    background-color: #CCE8FF;
}


.formsummarytable tr td:nth-of-type(5) {
    width: 10%;
    text-align: center;
}

.locationsddl {
    width: 300px;
}

.bsheddl {
    width: 250px;
}

.periodsummarytable tbody tr {
    height: 4em;
}

.periodsummarytable tbody, .periodsummarytable thead {
    display: block;
}

.periodsummarytable tbody {
    overflow: auto;
    height: 600px;
}

.periodsummarytable th, .periodsummarytable td {
    width: 142px;
}

.periodsummarytable tbody tr:hover {
    background-color: #CCE8FF;
    cursor: pointer;
}

.periodsummarytable td {
    padding: 5px;
}

.periodsummarytable .selectedrow {
    background-color: #99D1FF !important;
    cursor: pointer;
}

.forminformationtable tbody .formsummaryrow:hover {
    background-color: #CCE8FF;
}

.glcodevalues tbody .glcodevalue:hover {
    background-color: #CCE8FF;
}

.exposuretimelinesummarytable tbody, .exposuretimelinesummarytable thead {
    display: block;
}

.exposuretimelinesummarytable tbody {
    overflow: auto;
    height: 200px;
}

.exposuretimelinesummarytable .selectedrow {
    background-color: #99D1FF !important;
    cursor: pointer;
}

.containsdata:hover {
    background-color: #CCE8FF;
    cursor: pointer;
}

.balancesheettable tr:nth-of-type(odd) {
    height: 2em;
}

.balancesheettable tr:nth-of-type(even) {
    height: 1em;
}

.balancesheettable td {
    padding-top: 10px;
    padding-bottom: 10px;
}

    .balancesheettable th:nth-child(1), .balancesheettable td:nth-child(1) {
        width: 32px;
    }

    .balancesheettable th:nth-child(2), .balancesheettable td:nth-child(2) {
        width: 438px;
    }

    .balancesheettable th:nth-child(3), .balancesheettable td:nth-child(3) {
        width: 180px;
    }

    .balancesheettable th:nth-child(4), .balancesheettable td:nth-child(4) {
        width: 180px;
    }

    .balancesheettable th:nth-child(5), .balancesheettable td:nth-child(5) {
        width: 164px;
    }

.reportlandingsection {
    /*width: 685px;*/
    margin: 0 auto;
    overflow: hidden;
}

    .reportlandingsection .reportentrance:hover {
        box-shadow: 0px 15px 40px 5px rgba(0, 0, 0, 0.4), 0px 5px 10px rgba(0, 0, 0, 0.4);
    }

    .reportlandingsection .reportentrance {
        margin: 2em;
        width: 250px;
        min-height: 275px;
        text-align: center;
        float: left;
        box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 1px 5px rgba(0, 0, 0, 0.4);
        border-radius: 10px;
        background: #fafafa;
        transition: all 0.3s ease-in-out;
    }

        .reportlandingsection .reportentrance .logo {
            font-family: 'Montserrat', sans-serif;
            width: 240px;
            height: 130px;
            position: relative;
            margin: 0 auto;
            z-index: 1;
            transition: all 1s ease-in-out;
            font-size: 100px;
            color: #383838;
            font-weight: bold;
        }

            .reportlandingsection .reportentrance .logo .logo:hover {
                background: #ddd;
                transition: all 1s ease-in-out;
            }

        .reportlandingsection .reportentrance .reporttitle {
            font-size: 16px;
            color: #107ac2;
        }

        .reportlandingsection .reportentrance .reportdescription {
            padding-top: 1em;
            font-style: italic;
            font-size: 12px;
            margin: 0 1em;
        }

.bshwidget {
    margin: 2em 0;
}

#balanceSheetTabs .ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}
#balanceSheetTabs .gpsbutton {
    text-decoration: none;
    color: white;
}


.periodlistshow {
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}

.periodlisthide {
    opacity: 0;
    height: 0px;
    transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

.defaultanalvars {
    padding: 2em;
    width: 35%;
}

    .defaultanalvars .title {
        float: left;
    }

    .defaultanalvars input {
        float: right;
    }

.analyticpaging {
    cursor: pointer;
    width: 7em;
    margin: 2em;
}

.analyticpage[data-isshowing="0"] {
    display: none;
}

.bshreportholder {
    display: none;
}

.etlRow, .ptrRow {
    height: 15px;
    text-align: right;
    width: 100%;
}

.etlZebra {
    background-color: #EEEEEE;
}

.etlperiodcontainer {
    display: inline-block;
    width: 167px;
}

.ptrcorporaterows tr:nth-child(even), .ptrbysubsrows tr:nth-child(even) {
    background-color: #EEEEEE;
}

.ptrcorpsummarytable {
    margin: 2em 0;
    overflow-x: auto;
    max-height: 50vh;
}
.bsh-pretrade-expanded-row {
    display: flex;
    text-align: left;
}

.bsh-pretrade-expanded-row >* {
    border-bottom: 1px solid lightblue;
    padding-bottom: 3px;
    padding-top: 3px;
}
.bsh-pretrade-corporate-net {
    margin-bottom: 10px;
    text-align: left;
}
.bsh-pretrade-corporate-net >*:not(:last-child) {
    font-weight: bold;
}
.bsh-pretrade-corporate-net.bsh-pretrade-expanded-row >* {
    border-bottom-color: #1A76C7;
}
.bsh-pretrade-corporate-net-collapsed {
    margin-bottom: 10px;
    text-align: left;
    display: flex;
}
.bsh-pretrade-corporate-net-collapsed >* {
    flex-basis: 175px;
    padding-right: 5px;
    flex-shrink: 0;
    flex-grow: 0;
}
.bsh-pretrade-currency-net-details {
    margin-bottom: 20px;
    text-align: left;
}
.bsh-pretrade-currency-header {
    display: flex;
    text-align: left;
}
.toggleCurrencyPair{
    cursor: pointer;
}
.bsh-pretrade-chevron {
    width: 30px;
}
.bsh-pretrade-currency-pair {
    user-select: none !important;
    width: 150px;
    text-align: left;
}
.bsh-book-item-label {
    margin: auto;
    padding-top: 3px;
    cursor: pointer;
    text-align: left;
}
.bookeditem_summary {
    cursor: pointer;
    text-align: left;
}
.filterUnbooked{
    cursor: pointer;
}
.bookeditem_group{
    cursor: pointer;
}
/************ END Balance Sheet Hedge ************/
#disputeSortParams {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

    #disputeSortParams label {
        color: #107AC2;
        font-family: Century Gothic, helvetica, sans-serif;
        font-weight: normal;
        font-size: 18px;
    }

#disputeReport {
    width: 100%;
    float: left;
}

.disputeRecord {
    float: left;
    width: 100%;
    margin-bottom: 3em;
    box-shadow: 10px 10px 5px #888888;
}

.disputeHeader {
    float: left;
    width: 100%;
    color: white;
    background-color: #0061a7;
    font-weight: bold;
    font-family: Century Gothic, helvetica, sans-serif;
    font-size: 22px;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}

.disputeRows {
    float: left;
    width: 100%;
}

.disputeRow {
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

.disputeCell {
    float: left;
}

    .disputeCell.Small {
        width: 20%;
    }

    .disputeCell.Large {
        width: 100%;
    }

.disputeRowLbl {
    color: #0061a7;
    font-weight: bold;
    font-family: Century Gothic, helvetica, sans-serif;
    font-size: 18px;
}

.disputeRowValue {
    font-weight: normal;
    font-family: Century Gothic, helvetica, sans-serif;
    font-size: 18px;
    margin-left: 1.5em;
}

#nettingEntry .manualentry section {
    float: left;
    margin: 0 auto;
    padding: 0 2em;
    height: 13em;
}

    #nettingEntry .manualentry section:nth-of-type(1),
    #nettingEntry .manualentry section:nth-of-type(2),
    #nettingEntry .manualentry section:nth-of-type(3) {
        width: 20%;
    }

    #nettingEntry .manualentry section:nth-of-type(4) {
        width: 100%;
        clear: both;
    }

        #nettingEntry .manualentry section:nth-of-type(4)::after {
            float: Left;
        }

        #nettingEntry .manualentry section:nth-of-type(4) div {
            float: left;
            padding-left: 4em;
        }

    #nettingEntry .manualentry section::After {
        clear: both;
    }

.icnettingtransactionentryholder {
    width: 100%;
    margin-left: 20px;
}

    .icnettingtransactionentryholder > div {
        width: 200px;
        padding-left: 10px;
        text-align: center;
        float: left;
    }

        .icnettingtransactionentryholder > div:nth-of-type(1) {
            text-align: left;
        }

        .icnettingtransactionentryholder > div:nth-of-type(2) {
            text-align: left;
        }

        .icnettingtransactionentryholder > div:nth-of-type(3) {
            text-align: center;
        }

        .icnettingtransactionentryholder > div:nth-of-type(4) {
            text-align: right;
        }

.icnettingtransactionentry {
    width: 100%;
}

    .icnettingtransactionentry:hover {
        /*background: rgba(16, 138, 211, .5);
     border:1px rgba(33, 36, 44, .3) solid;*/
        cursor: pointer;
        -moz-border-radius-bottomright: 10px;
        border-bottom-right-radius: 10px;
        -moz-border-radius-topright: 10px;
        border-top-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-left-radius: 10px;
        -moz-border-radius-topleft: 10px;
        border-top-left-radius: 10px;
        font-style: italic;
        font-weight: bold;
    }

    .icnettingtransactionentry > div {
        width: 200px;
        padding-left: 10px;
        float: left;
    }

        .icnettingtransactionentry > div:nth-of-type(1) {
            text-align: left;
        }

        .icnettingtransactionentry > div:nth-of-type(2) {
            text-align: left;
        }

        .icnettingtransactionentry > div:nth-of-type(3) {
            text-align: center;
        }

        .icnettingtransactionentry > div:nth-of-type(4) {
            text-align: right;
            padding-right: 10px;
        }

        .icnettingtransactionentry > div:nth-of-type(5) {
            width: 135px;
            text-align: center;
        }

    .icnettingtransactionentry:before {
        content: '';
        display: block;
        clear: both;
    }

    .icnettingtransactionentry:after {
        content: '';
        display: block;
        clear: both;
    }

.icnettingadditionalinfo {
    display: none;
    margin-left: 2em 0 4em 0;
}

    .icnettingadditionalinfo:before {
        content: '';
        display: block;
        clear: both;
    }

    .icnettingadditionalinfo > div {
        float: left;
        margin-top: 10px;
    }

        .icnettingadditionalinfo > div:nth-of-type(1) {
            width: 120px;
            padding-right: 35px;
        }

        .icnettingadditionalinfo > div:nth-of-type(2) {
            width: 350px;
            padding-right: 35px;
        }

        .icnettingadditionalinfo > div:nth-of-type(3) {
            width: 410px;
        }

        .icnettingadditionalinfo > div > span {
            padding-left: 2em;
        }

        .icnettingadditionalinfo > div > label {
            font-style: italic;
            font-weight: bold;
        }

.period-item {
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: black;
    background: lightgray;
    display: flex;
    margin-bottom: 15px;
    cursor: pointer;
}

.period-title {
    font-weight: bold;
} 

.period-table-header-h1 {
    margin: 0px;
    cursor: pointer;
}

.expand-period-details {
    height: 20px;
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
}
.settlement-review-disclaimer, #settlementReviewErrorMessage {
    text-align: center;
    color: red;
    font-style: italic;
    padding-bottom: 10px;
}

.settlement-review-table {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.settlement-review-table-line-item-grey {
    background: lightgray;
}

.settlement-review-table-line-item {
    cursor: pointer;
}

.settlement-review-table-line-item:hover {
    background-color: #00adee;
}

.settlement-review-table-line-item-selected {
    background-color: #00adee;
}

.entity-drilldown-title {
    margin-top: 15px;
    display: flex;
    background-color: lightgrey;
    border-radius: 5px;
    align-items: center;
    border: solid;
    border-color: gray;
    border-width: 1px;
}

.entity-drilldown-h1 {
    margin-right: auto;
    font-weight: bold;
    padding-left: 5px;
}

.entity-drilldown-net-settlement-payment-maximum {
    padding-right: 4px;
    display: flex;
    flex-direction: column;
}
.net-settlement {
    color:rgb(25, 123, 195);
    font-weight: bold;
}
.payment-maximum {
    font-size: smaller;
    font-weight: bold;
    padding-left: 5px;
}
.payment-maximum-red {
    color: red;
}
.max-payment-display {
    padding-left: 50px;
}
.max-payment-warning {
    color: orange;
    margin-left: -17px;
}

.sub-entity-payables-receivables-header {
    display: flex;
    align-items: baseline;
    border-bottom: solid;
    border-width: 1px;
}

.is-disputed-reason {
    padding-right: 10px;
}

#jqgh_disputeEntriesTable_DisputeReason {
    padding-left: 10px;
}

.dispute-selected-btn {
    margin-right: -15px;
}

#disputeEntriesSearchArea {
    display: flex;
}

#disputeEntriesSearch {
    max-height: 14px;
}

.dispute-entries-search-box {
    padding-top: 5px;
}

#disputeEntriesTable_FunctionalAmount, 
#disputeEntriesTable_InvoiceAmount,
#disputeEntriesTable_InvoiceNumber,
#disputeEntriesTable_InvoiceDate {
    cursor: pointer;
}

.payables-receivables-h1 {
    margin-right: auto;
    font-weight: bold;
}

#settlementReviewLoader {
    padding-left: 375px;
}

#gbox_disputeEntriesTable {
    border: none;
}

.dispute-selected-btn {
    padding: 5px;
}

.ui-jqgrid-labels {
    text-align: left;
}

.dispute-entries-h1 {
    font-weight: bold;
    padding-left: 5px;
}

#disputeEntriesTable_IsDisputed {
    text-align: center;
}

#disputeEntriesTable_PayingName, 
#disputeEntriesTable_ReceivingName, 
#disputeEntriesTable_InvoiceAmount, 
#disputeEntriesTable_FunctionalAmount, 
#disputeEntriesTable_InvoiceNumber, 
#disputeEntriesTable_InvoiceDate,
#disputeEntriesTable_DisputeReason {
    color:rgb(25, 123, 195);
    font-weight: bold;
}

.net-amounts {
    color:rgb(25, 123, 195);
}

.reportentrance {
    cursor: pointer;
}

.reportreturn {
    cursor: pointer;
}

.reportlandingpage {
    min-height: 360px;
}

.reportHeader {
    color: #107AC2;
    font-family: Century Gothic, helvetica, sans-serif;
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -1px;
    margin: 0 0 20px 2em;
}

.icnettingadditionalinfo > ul {
    margin: 0;
}


.rollup {
    animation-name: heightshrink;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-delay: 0s;
}

.rollupfast {
    animation-name: heightshrink;
    animation-duration: .5s;
    animation-fill-mode: forwards;
    animation-delay: 0s;
}

.rolldown {
    animation-name: heightgrow;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-delay: 0s;
}

.rolldowndelay {
    animation-name: heightgrow;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}

.icnettingreportholder {
    max-height: 0px;
    overflow: hidden;
}

#icnettingreporttabholder {
    height: 360px;
}

@keyframes heightshrink {
    0% {
        max-height: 400px;
    }

    100% {
        max-height: 0px;
    }
}

@keyframes heightgrow {
    0% {
        max-height: 0px;
    }

    100% {
        max-height: 400px;
    }
}

.icNettingDashboard-chartContainer {
    display: grid;
    grid-template-columns: 259px 259px 259px;
    grid-template-rows: 190px 190px;
    grid-gap: 10px;
    padding: 5px;
    width: 800px;
    height: 370px;
    margin: auto;
}
  
.icNettingDashboard-chartContainer > div {
    text-align: center;
    font-size: 30px;
}
  
.icNettingDashboard-cardContainer {
    display: grid;
    grid-template-columns: 393px 393px;
    grid-template-rows: 100px;
    grid-gap: 10px;
    padding: 5px;
    width: 800px;
    height: 120px;
    margin: auto;
    margin-bottom: 5px;
}

.icNettingDashboard-cardContainer > div {
    text-align: center;
    padding: 20px 0;
    font-size: 30px;
}

.area-chart {
    grid-area: span 2 / span 2;
}
  
.YTD-item {
    float: right;
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px #A9BACB;
    width: 393px;
    height: 105px;
    overflow: hidden;
}

.icnetting-chart {
    background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0px 0px 15px #A9BACB;
    overflow: hidden;
}

header.YTD-item-header {
    overflow: hidden;
    margin: 0;
    border-bottom: 1px solid #f0f0f0;
    height: 30px;
    line-height: 35px;
    width: 100%;
}

h1.YTD-item-title {
    width: 100%;
    margin: 0;
    padding: 0;
    color: #666;
    display: block;
    text-align: center;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18px;
}

.YTD-item-body {
    width: 100%;
    height: 65px;
    overflow: hidden;
}

h1.ytd, h2.card-footer {
    margin: 0;
    margin-bottom: -10px;
    padding: 0;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-weight: 400;
    color: #444;
    text-align: center;
}

h1.ytd {
    font-size: 36px;
}

h1.ytd-value {
    color: rgba(124, 181, 236, 0.75)
}

h2.card-footer {
    color: #888;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin: 0;
    padding: 0;
    text-align: center;
}

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

/************Contractbatchupload*/
.instructionitem {
    border: 1px solid #a9a;
    margin-top: 2em;
    padding: 1em;
}

    .instructionitem table {
        width: 90%;
    }

    .instructionitem:last-child {
        margin-bottom: 2em;
    }

#forgotPasswordButton {
    cursor: pointer;
}

#forgotPasswordButtonContainer {
    color: rgb(0, 102, 153);
    font-weight: bold;
    cursor: pointer;
    display: table-cell;
    width: 19em;
    text-align: left;
}

    #forgotPasswordButtonContainer:hover {
        color: #0E74C1;
    }

#systemVersionContainer {
    display: table-cell;
    width: 10em;
    text-align: right;
    color:#fff;
}

/***********UC*********/
.vdateselection {
    padding: 1em;
    margin: 1em;
    width: 50%;
    border-radius: 10px;
    border: solid 1px #000;
}

    .vdateselection.selected {
        background-color: #F0F0F0;
    }

    .vdateselection:hover {
        border: solid 1px #1D2530;
        box-shadow: 4px 4px 2px #eee;
        cursor: pointer;
    }

        .vdateselection:hover label {
            color: #0061a7;
        }

    .vdateselection::after {
        clear: both;
    }

    .vdateselection label {
        float: left;
    }

    .vdateselection span {
        float: right;
    }

.vdateselectionforwarddates {
    display: none;
    margin-top: 1em;
}

.bshuploadheader {
    color: #0061a7;
}
/****************BalanceReporting*********************/
.adminaccountrow {
    width: 100%;
    height: 40px;
}

.rowstripe1 {
    background-color: #E0E1E2;
}

.rowstripe2 {
    background-color: #F1F1F2;
}

/***********UC*********/


/***********Upload Controls*********/
.batchUploadContainer .arrow {
    vertical-align: middle;
}

.batchUploadContainer .row-summary {
    margin-top: 1em;
}

.batchUploadContainer .uploadErrorDisplay {
    font-size: 11px;
    color: red;
    margin-left: 5px;
}

.batchUploadContainer.row-summary > label {
    font-weight: bold;
    margin-left: 50px;
}

    .batchUploadContainer .row-summary > label::after {
        content: ": ";
    }

.batchUploadContainer .row-summary > div {
    display: inline-block;
    text-align: right;
    width: 120px;
}

.batchUploadContainer .tablecell {
    display: table-cell;
    width: 12%;
}

.batchUploadContainer .tc {
    display: table-cell;
}

.batchUploadContainer .tcwide {
    display: table-cell;
    width: 30%;
}

.batchUploadContainer .tcnarrow {
    display: table-cell;
    width: 15%;
}

.batchUploadContainer .tcplus {
    display: table-cell;
}

.batchUploadContainer .tcextranarrow {
    display: table-cell;
}

.batchUploadContainer .tcamount {
    display: table-cell;
    width: 20%;
}

.batchUploadContainer label.tc, .batchUploadContainer label.tcwide, .batchUploadContainer label.tcnarrow, .batchUploadContainer label.tcplus, .batchUploadContainer label.tcextranarrow, .batchUploadContainer label.tcamount {
    font-weight: bold;
}

.batchUploadTable {
    width: 100%;
    float: left;
}

    .batchUploadTable tr td {
        height: 17.35px;
    }

    .batchUploadTable tr:nth-child(odd) {
        color: #0061a7;
        font-weight: bold;
    }

    .batchUploadTable tr:nth-child(even) td {
        padding-left: 10px;
    }

.beneficiarydetailsbatchupload tr td {
    width: 50%;
}

.uploadreview h1 {
    margin: 0em;
}

#batchcontractapprovaltable {
    font-size: 1.05em;
    width: 100%;
    margin: 2em 0 1em 0;
}

.batchcontractapprovaltable {
    font-size: 1.05em;
    width: 100%;
    margin: 2em 0 1em 0;
}

#approvetemplateholder .batchheadertitle {
    text-align: left;
    min-width: 9em;
    font-weight: bold;
    color: #107AC2;
}

#approvetemplateholder .batchheadervalue {
    text-align: left;
    width: 9em;
}

.currencyfilterlist .reportchecklistitem {
    float: left;
    width: 10%;
    padding: .25em 1em;
}

.bankchecklistselectholder .reportchecklistitem,
.entitychecklistselectholder .reportchecklistitem {
    float: left;
    width: 30%;
    padding: .25em 1em;
}

.bankfilterlist,
.currencyfilterlist,
.entityfilterlist {
    padding: 2em;
}

.bankchecklistselectholder,
.currchecklistselectholder,
.entitychecklistselectholder {
    display: none;
}

/***********************BSH MAPPING******************/
.parserTable tr {
    /*background:orange;*/
    height: 22px;
    width: 100%;
}

.parserTable td {
    margin: 20px;
}

.parserTable {
}

.parsermapitem {
    background: lightgray;
    margin: .25em;
    height: 22px;
    text-align: center;
}

.parsermapitemselected {
    background: #007ead;
    color: white;
    margin: .25em;
    height: 22px;
}

.assignContractTextBox {
    cursor: pointer !important;
    width:10.4em;
    background-color:white;
    float:right;
}

.disabledContractTextBox {
    cursor: default !important;
    width:12em;
    float:right;
}

.invalidContractNumber {
    color: red;
}

.assignContractDDStyle {
    width: .7em;
    padding: 2px 5px;
    border: 1px solid darkgray;
    cursor: pointer;
    float: right;
}

.disabledContractDD {
    width: 0;
    float: right;
    padding: 0;
    border: none;
}

.ui-dialog .ui-dialog-content {
    /*position: relative;
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;*/
    background-color: #FFF !important;
    background-repeat: repeat-x !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#FFF)) !important;
    background: -webkit-linear-gradient(top, #FFF, #FFF) !important;
    background: -moz-linear-gradient(top, #FFF, #FFF) !important;
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF) !important;
    background: -o-linear-gradient(top, #FFF, #FFF) !important;
}
.contractAssociateList 
{
    display: table;
    width: 100%;
    border-bottom: 1px solid black;
}
.contractAssociateList .tr {
    display: table-row;
}
.contractAssociateList .tr:hover {
    background-color: #E0E0E0;
}

.contractAssociateList .tc20 {
    display: table-cell;
    width: 20%;
    cursor: pointer;
    padding: 5px 0 5px 0;
    border-top: 1px solid black;
    font-weight: bold;
}

.contractAssociateList .t {
    color: #107AC2;
}

.contractAssociateList .tc15 {
    display: table-cell;
    width: 15%;
    cursor: pointer;
    padding: 3px 0 3px 0;
    border-top: 1px solid black;
}

.contractAssociateList .tcplus {
    display: table-cell;
    cursor: pointer;
    padding: 3px 0 3px 0;
    border-top: 1px solid black;
}

.contractAssociateList .tcamount {
    text-align: right;
}

.hasAssociateContract {
    font-style:italic;
    color: gray;
}


/************Cash Flow Hedging************/
.exitsettlementinstruction {
    border: solid #d6d6d6 1px;
    border-radius: 5px;
    background-color: #FaFaFa;
    margin-bottom: 2em;
    box-shadow: 1px 2px #d6d6d6;
    overflow: auto;
    padding: 10px;
    width: 300px;
}
.settlementinstruction {
    border: solid #d6d6d6 1px;
    border-radius: 5px;
    background-color: #FaFaFa;
    margin-bottom: 2em;
    box-shadow: 1px 2px #d6d6d6;
    overflow: auto;
    padding: 10px;
    width: 300px;
}
.deletesettlementinstruction {
    font-size: 11pt;
    color: red;
    float: right;
    margin-right: 5px;
    margin-top: -15px
}
.deletesettlementinstruction:hover {
    color: lightcoral;
    cursor: pointer;
}
.cfhsettlementinstructionlegend {
    text-align: left;
    font-size: 1.3em;
    color: #002D56;
    padding: 5px 10px;
    background-color: #FaFaFa;
    border-radius: 10px;
}
.invalidField {
    background-color: #ef8b8b !important;
    background-image: none !important;
}
.cfhSettlementApprovalButton {
    margin: 2em 1em .5em 0em;
    /*max-width:5em; */
}
.cfhApprovalButtons{
    /*padding: 1em 2em;*/
}
.cfhapprovalinstructionrow{
    padding-bottom: 1.5em;
}
.bottomborder {
    border-bottom: 1px solid black;
}
.cfhSettlementApprovalCount {
    margin-right: 2em;
    margin-top: 1em;
}
.cfhapprovaloverview, .cfhperiodsummary {
    border: solid #d6d6d6 1px;
    border-radius: 5px;
    background-color: #FaFaFa;
    margin-bottom: 2em;
    box-shadow: 1px 2px #d6d6d6;
    overflow: auto;
    padding: 10px;
    width: auto;
}

.cfhperiodsummary {
    margin-right:6em;
}

.cfhFancyBackground {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#A7A9AC));
    border-radius: 5px;
    display: block;
    margin-bottom: 15px;
    width: auto;
}
.viewapproval{
    display: none;
    min-height:205px;
    width:450px;
}
.cfhviewapprovaltable{
    width:450px;
}
.cfhnoapproval{
    padding-top:75px;
    height:130px;
}
.cfhviewapprovalrow{
    padding-top: 20px
}
#rejectApproval{
    margin-right:1em;
}
#cancelApprovalRejection{
    margin-left:1em;
}
.ApproveSaved {
    color: darkgreen;
    font-size: 14px;
    padding-top: 0.5em;
    padding-right: 1em;
}
.cfhtable {
    color: #002D56;
}
.cfhtable tbody tr:hover {
    background-color: #CCE8FF;
}
.cfhtablediv {
    color: #002D56;
    margin: 5px 0px;
    overflow:auto;
}
.cfhtablediv:hover {
    background-color: #CCE8FF;
}
.cfhlargespinner {
    font-size: 20pt;
    color: #002D56;
}
.cfhmediumspinner {
    font-size: 14pt;
    color: #002D56;
}
.cfhsmallspinner {
    font-size: 11pt;
    color: #002D56;
}
.cfhconfidencepercentage {
    text-align: right;
    width: 5em;
    border: 1px solid #A7A9AC;
    border-radius: 5px;
    color: #002D56;
    padding: 0 0.5em;
}
.cfhtextbox {
    text-align: right;
    margin: 0 2em;
    width: 8em;
    border: 1px solid #A7A9AC;
    border-radius: 5px;
    color: #002D56;
    padding: 0 0.5em;
}
input.cfhtextbox:hover {
    cursor: text;
}
.cfhtextbox:hover {
    cursor: pointer;
}
.cfhtextboxbasic {
    border: 1px solid #A7A9AC;
    border-radius: 5px;
    padding: 0.3em 0.5em;
    color: #002D56;
}
input.cfhtextboxbasic:hover {
    cursor: text;
}
.cfhtextboxbasic:hover {
    cursor:pointer;
}
.cfhsettlementapprovallegend, .cfhperiodlegend {
    text-align: center;
    font-size: 1.6em;
    color: #002D56;
    padding: 5px 10px;
    background-color: #FaFaFa;
    border-radius:10px;
}
.cfhsettlementapprovalcontracttitle {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    font-family: Century Gothic,helvetica, sans-serif;
    font-size: 13px;
    color: #0061a7;
    font-weight: bold
}
.cfhtableheader {
    font-size: 18px;
    color: #107AC2;
    font-family: Century Gothic,helvetica, sans-serif;
}
.cfhsettlemententrytitle {
    font-family: Century Gothic,helvetica, sans-serif;
    font-size: 14px;
    color: #0061a7;
    font-weight: bold;
    text-align:right;
}
@keyframes slow-fade-in {
    0% {
        opacity: 0;
        height: 0;
    }
    /*25% {
        height: 25%;
    }
    50% {
        height: 50%;
    }*/
    100% {
        opacity: 1;
        height: auto;
    }
}
@keyframes slow-fade-out {
    0% {
        opacity: 1;
        height: auto;
    }
    /*25% {
        height: 50%;
    }

    50% {
        height: 25%;
    }*/
    100% {
        opacity: 0;
        height: 0;
    }
}
.cfhfadein {
    animation: slow-fade-in 2s forwards;
}
.cfhfadeout {
    animation: slow-fade-out 2s forwards;
}
@keyframes benecontainer-slow-fade-in {
    0% {
        max-height: 300px;
    }
    100% {
        max-height: 450px;
    }
}

@keyframes benecontainer-slow-fade-out {
    0% {
        max-height: 450px;
    }
    100% {
        max-height: 300px;
    }
}

.cfhbenecontainerfadein {
    animation: benecontainer-slow-fade-in 2s forwards;
}

.cfhbenecontainerfadeout {
    animation: benecontainer-slow-fade-out 2s forwards;
}

@keyframes blow-up {
    0%,100% {
        font-size: 9pt;
    }
    50% {
        font-size: 11pt;
    }
}
.cfhexitamountblowup {
    animation: blow-up 1s forwards;
}
.perioddataexpander {
    float: left;
    font-size: 19.2px;
    margin-top: .4em;
    margin-right: .5em;
    width: 12px;
    color: #002D56;
}
.periodlegtable tbody tr td{
    width:11em;
    min-width:11em;
}

.periodlegtable tbody tr td input {
    width:100px;
}

.cfhsettlementwithoutpop tr td{
    width:25%;
}

.cfhsettlementwithpop tr td{
    width:20%;
}

/************End Cash Flow Hedging************/
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*BSH Pre-Trade Column Customization*/
.pretrade-column-customizations {
    padding: 2em;
}

.header-divider {
    margin-left: 0;
    width: 35%;
    width: calc(35% + 1em + .35em); /*1em for left padding, 0.35em for 35% of right padding, based on padding of parent*/ /*If calc isnt supported by the client browser it should use the width above*/
}

.pretrade-columns-loading {
    width: 35%;
    width: calc(35% + 1em + .35em); /*1em for left padding, 0.35em for 35% of right padding, based on padding of parent*/ /*If calc isnt supported by the client browser it should use the width above*/
}

.pretrade-columns-loading img {
    display: block;
    margin: auto;
}

.pretrade-columns-loaded {

}

.pretrade-columns-interactible >* {
    margin-bottom: 10px;
}

#pretrade-columns-toggler-list {
    width: 25%;
}

#pretrade-columns-toggler-list >*{
    margin-bottom: 3px;
}

[id^=toggleable] {
    cursor: pointer;
}

[id^=toggleable] * {
    cursor: pointer;
}

.pretrade-columns-moveable {

}

#pretrade-columns-moveable-list {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 10px;
}

#pretrade-columns-moveable-list .moveable-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;

    border: 1px solid #d6d6d6;
    border-radius: 5px;
    padding: 5px;
    width: 135px;
}

#pretrade-columns-moveable-list .moveable-item .moveable-buttons {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}

#pretrade-columns-moveable-list .moveable-item .moveable-buttons button {
    width: 40px;
}

#pretrade-columns-moveable-list .moveable-item .moveable-label {
    text-align: center;
}

/*Begin Pre-Trade Columns*/
.ptr-nonvariable-column-1 {
    display: flex;
    width: 175px;
    padding-right: 5px;
}

#ptr-variable-header-destination{
    display: flex;
    position: sticky;
    top: 0px;
    background: white;
    z-index: 1000;
}

.ptr-column {
    flex-basis: 175px;
    padding-right: 5px;
    flex-grow: 0;
    flex-shrink: 0;
}

.ptr-column.short {
    flex-basis: 100px;
    padding-right: 0;
}

#ptr-variable-header-destination .sortableHeader {
    cursor: pointer;
    user-select: none !important;
}

#ptr-variable-header-destination .corporateHeader {
    background: white;
}


.stick-left{
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: white;
}
/*End Pre-Trade Columns*/

/*End BSH Pre-Trade Column Customization*/