/* ##Buttons */
/*.button.buttonWrap {
    width: auto;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
}*/

.hasModalDialog #fancybox-wrap{
    left: 40px !important;
}

#fancybox-content .pdfDownloadDialogButtonBar .button {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}
#fancybox-content .openUrlDialogButtonBar  .button {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

#fancybox-content .TwoFAAuthDialogButtonBar .button,

    /* ##Validation */

.validationMessagePanelWrap .validationMessagePanel.errorMsg {

}

/*
 * ##Account Bar (Customized)
 * -------------------------------------------------------------------------------------------------------------------*/
.accountBar .newSelect .newSelectOption {
    width: auto;
}

.accountBar .newSelect .newSelectOption:nth-last-child(1):first-child,
.accountBar .newSelect .newSelectOption:nth-last-child(1):first-child~.newSelectOption {
    width: 100%;
}

.accountBar .newSelect .newSelectOption:nth-last-child(2):first-child,
.accountBar .newSelect .newSelectOption:nth-last-child(2):first-child~.newSelectOption,
.accountBar .newSelect .newSelectOption:nth-last-child(3):first-child,
.accountBar .newSelect .newSelectOption:nth-last-child(3):first-child~.newSelectOption,
.accountBar .newSelect .newSelectOption:nth-last-child(4):first-child,
.accountBar .newSelect .newSelectOption:nth-last-child(4):first-child~.newSelectOption,
.accountBar .newSelect .newSelectOption:nth-last-child(5):first-child,
.accountBar .newSelect .newSelectOption:nth-last-child(5):first-child~.newSelectOption,
.accountBar .newSelect .newSelectOption:nth-last-child(6):first-child,
.accountBar .newSelect .newSelectOption:nth-last-child(6):first-child~.newSelectOption,
.accountBar .newSelect .newSelectOption:nth-last-child(7):first-child,
.accountBar .newSelect .newSelectOption:nth-last-child(7):first-child~.newSelectOption,
.accountBar .newSelect .newSelectOption:nth-last-child(8):first-child,
.accountBar .newSelect .newSelectOption:nth-last-child(8):first-child~.newSelectOption,
.accountBar .newSelect .newSelectOption:nth-last-child(9):first-child,
.accountBar .newSelect .newSelectOption:nth-last-child(9):first-child~.newSelectOption {
    width: 50%;
}

.accountBar .newSelect .newSelectOption:nth-last-child(1):nth-child(3).newSelectOption,
.accountBar .newSelect .newSelectOption:nth-last-child(1):nth-child(5).newSelectOption,
.accountBar .newSelect .newSelectOption:nth-last-child(1):nth-child(7).newSelectOption,
.accountBar .newSelect .newSelectOption:nth-last-child(1):nth-child(9).newSelectOption {
    width: 100%;
}

/*
 * Pager ##Pagination
 * -------------------------------------------------------------------------------------------------------------------*/

/*.pager .first,
.pager .last {
    display: inline-block;
}*/



.formRow .formLabelCell .formLabel{
    font-size: 100%;
    line-height: 1.6;
    top: -20px;
    padding-left: 0;
    color: #777777 !important;
}
.form .formLabelCell {
    margin-bottom: 0;
    display: inline-block;
    float: none;
}

.formControlCell {
    display: inline-block;
    float: none;
}

.canvasPanel:not(.TransactionHistoryPlace):not(.ValuationPlace):not(.UnitPricesPlace) .form .formLabelCell {
    width: 250px;
}

.canvasPanel:not(.TransactionHistoryPlace):not(.ValuationPlace):not(.UnitPricesPlace) .form .formControlCell {
    width: -webkit-calc(100% - 250px);
    width: -moz-calc(100% - 250px);
    width: calc(100% - 250px);
}

/*TODO newly added content*/
.content-container {
    width: 640px;
}
#sidebar-left {
    width: 56px;
}
.body-container-right{
    /*width: calc(100% - 56px);*/
}

.body-container .navmenu {
    width: 175px;
}
/*Side Navigation start*/


/*side navigation logo start */

#site-header .extraLinks{
    left: 105px;
    width: calc( 100% - 105px);
 }

@media screen and (min-width: 990px) {
    #site-header .extraLinks{
        width: calc( 100% - 0px);
        left: 0px;
    }
}

#site-header li#welcomeItem{
    left: 50px;
    max-width: 300px;
}
#site-header li#logoutItem {
    position: absolute;
    right: 10px;

}
#site-header li#printItem{
    right: 110px;
    position: absolute;
}



.sidemenu-logo{
    height: 64px;
    position: relative;
}

 .sidemenu-logo {
    background-color: #666666;
}

.sidemenu-logo a{
    display : inline-block;
}
.sidemenu-logo a.ing-logo{
    float : right;
    /*width: 100%;*/
    height : 100%
}
.sidemenu-logo a.ing-logo img{
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 50px;
    height: 63px;
    left: 125px !important;
    vertical-align: middle;
}

.sidemenu-logo a.closebutton{
    display: none;
}
/*side navigation logo end*/

/*Side Navigation end*/

/*footer styling start*/
/**/
#site-footer {
    font-size: 12px;
    /*height: 200px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;*/

}
#footer-nav{
    background-color: #ff6600;
    height: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#footer-nav ul {
    list-style-type: none;
    padding: 0;
    /*height: 60px;*/
    text-align: left;
    display: table;
    margin: auto;
}

#footer-nav ul:after{
    content: '';
    display: block;
    clear: both;
}

#footer-nav li {
    padding-top: 8px;
    padding-bottom: 8px;
    display: table-cell;
}

#footer-nav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#footer-info-block {
    /*text-align: center;*/
    height: 100px;
    padding-top: 41px;
    padding-top: 13px;
    background-color: #ffffff;
    color: #777777;
    /*display: inline;*/

}
#footer-info-block .ing-image{
    float: left;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    /* margin-left: -15px;*/
}
#footer-info-block .footer-content{
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
    overflow: hidden;
}
#footer-info-block .ing-image a {
    color: #525199;
    text-decoration: none;

}
#footer-info-block .ing-image a  img{
    width: 200px;
    height: 26px;
}
/*footer stlying end*/

/**/

#user-nav-right #printItem {
    display: block;
}

/*export bar start*/
/* Export Bar */
.exportBar {
    display: table;
    margin: 15px 0;
    width: 100%;
}
.exportBar .cms{
    width: 60%;
    display: table-cell;
    text-align: left;
}

.exportBar .lbl {
    display: table-cell;
    font-weight: bold;
    padding-left: 10px;
    vertical-align: middle;
}


.exportBar .select {
    display: table-cell;
    font-weight: normal;
    vertical-align: middle;
    border: 0px;
    border-bottom: 1px solid #e5e5e5;
    margin-left: 5px;
    margin-right: 5px;
    padding: 7px 15px;
    height: auto;
    width: auto;
    border-top:1px solid transparent;
    border-left:1px solid transparent;
    border-right:1px solid transparent;

}

.exportBar .select:hover{
    border:1px solid #ff6600;
    outline-color: #ff6600
}
.exportBar .select:active,.exportBar .select:focus{
    border:1px solid #ff6600;
    outline-color: #ff6600
}

/*TODO have to check how to enable the option select functionality
.exportBar .select option:checked,.exportBar .select option:hover{
    box-shadow: 0 0 10px 100px #ff6600 inset;
}
.exportBar select:focus > option:checked {
    background: #ff6600 !important;
}*/

.exportBar .button.buttonWrap {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    padding-top: 0px;
    float: none;
    width: auto;
}

.exportBar .buttonWrap a {
    float: left;
    margin: 0px 0px 0px 5px;
    line-height: 19px;
    background-color: white;
    display: block;
    color: #000;
    text-decoration: underline;
    padding: 7px 15px;
    border: 1px solid transparent ;
}

.exportBar .buttonWrap a:hover{
    color: #000;
    background-color: white;
    /*border-color: #39396b;*/
    outline: none !important;
    -webkit-box-shadow: 0 0 7px 1px #4F8CBB;
    box-shadow: 0 0 7px 1px #4F8CBB;
}

/*export bar end*/

/*Drillable List*/
.drillableTableData td {
    padding: 8px 15px;
}
.drillableTableData thead tr th {
    padding: 8px 15px;
}
/*Drillable List*/


.authPopup {
    width: 350px;
}

/*region filterForm*/
.filterForm .form .formRow{
    width: auto !important;
    float: left;
}
.filterForm .form .formRow tr {
    display: inline !important;
}
.filterForm .form .formLabelCell {
    width: auto !important;
    display: inline-block !important;
}
.filterForm .form .formControlCell {
    float: none !important;
    width: auto !important;
    display: inline-block !important;
}
/*endregion*/