/*@import url('fonts/Roboto-regular-webfont.woff');*/
@font-face {
font-family: "Roboto";
src: url("fonts/Roboto-regular-webfont.woff") format('woff');
}
@font-face {
font-family: "Roboto-medium";
src: url("fonts/Roboto-medium-webfont.woff") format('woff');
}
@font-face {
font-family: "Roboto-light";
src: url("fonts/Roboto-light-webfont.woff") format('woff');
}
@font-face {
font-family: "Roboto-extralight";
src: url("fonts/Roboto-extralight-webfont.woff") format('woff');
}
*:not(.far):not(.fa):not(.fas):not(.bulk-auth) {
font-family: "Roboto", Helvetica, Arial, sans-serif !important;
}
html {
touch-action: manipulation;
}
body {
font-family: Roboto,Helvetica,Arial,sans-serif !important;
font-size: 14px;
background-image: unset;
background-color: #f2f3f4 !important;
}
.LoginBody {
background-image: url(images/welcome_background_sbsa.jpg);
background-size: cover;
background-position: center bottom;
background-attachment: fixed;
background-color: #004AA0;
background-repeat: no-repeat;
overflow: unset;
}
.LoginBarTop {
background: url(images/sb_logo.png);
background-repeat: no-repeat;
background-size: 42px;
background-position: center;
margin-left: 0;
height: 118px;
content: "";
}
.LoginBarTop:after {
display: block;
content: "Hello!";
color: #ffffff;
font-size: 1.8em;
font-family: arial;
font-weight: 300;
padding: 0;
color: #FFF;
text-align: center;
padding-top: 96px;
}
.LoginUpdatePanel {
width: 360px;
margin-left: -170px;
top: 278px;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition: box-shadow 200ms ease 50ms;
}
.StartRegisterPanel {
margin-left: -170px;
top: 278px;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition: box-shadow 200ms ease 50ms;
text-align: left;
margin-top: 245px;
background: #ffffff;
left: 50%;
position: absolute;
width: 340px;
}
.StartRegisterPanel a.option {
color: #03a;
font-family: Roboto;
font-weight: 400;
font-size: 1.2em;
text-decoration: none;
width: 340px;
height: 65px;
line-height: 30px;
display: block;
padding-left: 60px;
background-image: url(Images/icn_register_28.png);
background-repeat: no-repeat;
background-position: 20px center;
}
.StartRegisterPanel a.option:hover {
background-color: #ededed;
border-radius: 2px;
}
.StartRegisterPanel i {
position: absolute;
top: 27px;
right: 20px;
cursor: pointer;
display: inline-block;
border-right: 1px solid #0ad;
border-bottom: 1px solid #0ad;
width: 10px;
height: 10px;
transform: rotate(-45deg);
}
.TnC, .TnC-Reg {
text-align: left;
margin-top: 20px;
font-family: "Roboto";
font-weight: 400;
font-size: 12px;
color: #787878;
}
.TnC a, .TnC-Reg a {
text-decoration: none;
color: #0ad;
padding-top: 2px;
font-size: 12px;
padding-right: 16px;
}
.TnC-Reg, .TnC-Reg a {
font-size: 13px;
}
.LoginHeadLabel {
font-family: "Roboto";
font-weight: 500;
/* padding: 0; */
padding: 6px 15px;
color: #444;
font-size: 24px;
border: none;
text-align: center;
/* background: url(images/locked_24_tertiary.png);
background-repeat: no-repeat;
background-position: 94px center;
background-size: 10px 13px;*/
margin: 0;
display: inline-block;
}
.LoginBody .LoginHeadLabel:not(.company-body .LoginHeadLabel):before {
content: "";
display: block;
position: absolute;
background: url(images/locked_24_tertiary.png);
background-repeat: no-repeat;
background-size: 10px 13px;
width: 10px;
height: 13px;
margin-left: -15px;
margin-top: 6px;
}
.company-body .LoginHeadLabel {
padding: 50px 15px 50px;
}
.company-body .LoginHeadLabel a {
margin-top: 26px;
}
.LoginUpdatePanel td {
display: block;
}
.LoginHeadLabel-td {
text-align: center;
}
.LoginHeadLabel-Desc {
font-size: 14px;
color: #787878 !important;
}
.LoginTable {
color: #666;
font-size: 14px;
font-family: 'Roboto';
padding-top: 20px;
}
.Textbox, .TextBox, input[type="text"], input[type="search"], select, table.dataTable tbody td input[type="text"] {
background-color: #FDFDFD;
border: 1px solid #D2D2D2;
height: 45px !important;
width: 100%;
/* border-radius: 2px; */
}
.TextBox:disabled, .Textbox:disabled, input.aspNetDisabled, input[type="text"]:disabled, input[type="search"]:disabled, select:disabled, table.dataTable tbody td input[type="text"]:disabled {
color: #858D9D !important;
}
.User {
background:unset;
}
.User:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f007";
color: #f7a10f;
font-style: normal;
width: 20px;
display: inline-block;
text-align: center;
padding-left: 8px;
}
.System {
background: unset;
}
.System:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f085";
color: #3fb0fe;
font-style: normal;
width: 20px;
display: inline-block;
text-align: center;
padding-left: 6px;
}
.no-pad:before {
padding: 0 !important;
}
.ScreenPanel {
margin-top: 0px !important;
}
.HeadLabel {
font-family: Roboto,Helvetica,Arial,sans-serif !important;
font-size: 28px !important;
font-weight: 400 !important;
text-align: left !important;
color: #858d9d !important;
padding: 32px 0 24px 0 !important;
border-bottom: none !important;
}
div label {
color: ##767676 !important;
}
.InternalPanel {
background-color: #fff !important;
border: none !important;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition: box-shadow 200ms ease 50ms;
margin-top: 0px !important;
padding-top: 10px !important;
}
.PopupPanel {
background-color: #fff !important;
border: none !important;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition: box-shadow 200ms ease 50ms;
/*width: min-content!important;*/
padding: 0 0 10px 0 !important;
}
.FloatingPopupPanel {
background-color: #fff !important;
border: none !important;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition: box-shadow 200ms ease 50ms;
padding: 5px;
overflow: auto;
}
.FloatingPanel {
background-color: #fff !important;
border: none !important;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition: box-shadow 200ms ease 50ms;
padding: 5px 5px 8px 5px;
overflow: auto;
}
.FormsPopupPanel {
background-color: #fff !important;
border: none !important;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition: box-shadow 200ms ease 50ms;
padding-bottom: 5px;
}
.FloatingPanel {
padding: 0 0 10px 0 !important;
}
.FloatingPanel > div {
margin-left: 0;
padding-left: 0 !important;
padding-right: 0 !important;
}
.FloatingPanel > .FormHeadLabel {
padding-left: 20px !important;
margin-right: 0 !important;
}
.FormHeadLabel {
border: none !important;
margin-top: 10px;
}
.Form > div > div
/*,.collapsible > [field-id] > div*/ {
width: 100%;
padding: 0 20px 0 20px;
}
.collapsible > div[field-id] {
width: 100%;
padding: 0;
}
.collapsible > div[field-id] input[type="button"] {
margin-left: 7px;
margin-right: 20px;
}
.collapsible > div[field-id] label {
width: 100%;
padding: 0;
}
.collapsible > [field-id] > div {
width: 100%;
padding: 0;
}
.collapsible > [table-id] {
/*float: none !important;*/
width: 100%;
padding: 0px !important;
}
.Form > div > label, .collapsible > [field-id] > label {
/*float: none !important;*/
}
.Form .collapsible {
min-height: 55px;
/*padding-bottom:30PX;*/
padding: 12px 20px 0px 20px;
}
/*input[type="checkbox"] {
outline: 1px solid #0075ff;
outline-offset: 1px;
}*/
[type="checkbox"]:indeterminate:after {
content: "";
display: block;
width: 16px;
height: 16px;
background: #0075ff;
outline: 4px solid #fff;
outline-offset: -5px;
margin-left: -2px;
margin-top: -1px;
}
[type="checkbox"]:not(:checked):not(:indeterminate):after {
content: "";
display: block;
width: 13px;
height: 13px;
background: #fff;
outline: 1px solid #767676;
outline-offset: -1px;
}
input[type="checkbox"]:checked:after {
content: "";
display: block;
width: 16px;
height: 16px;
background: #0075ff;
outline: 1px solid #fff;
outline-offset: -3px;
margin-left: -2px;
margin-top: -1px;
}
input[type="checkbox"]:checked:after:hover {
content: "";
display: block;
width: 16px;
height: 16px;
background: #0075ff;
outline: 1px solid #fff;
outline-offset: -3px;
margin-left: -2px;
margin-top: -1px;
}
[type="checkbox"]:disabled:not(:checked):after {
content: "";
display: block;
width: 13px;
height: 13px;
background: #fff;
outline: 1px solid #d2d2d2;
outline-offset: -1px;
}
input[type="checkbox"]:disabled:checked:after {
content: "";
display: block;
width: 16px;
height: 16px;
background: #d2d2d2;
outline: 1px solid #fff;
outline-offset: -3px;
margin-left: -2px;
margin-top: -1px;
}
/*
input[type="checkbox"]:disabled:after {
content: "";
display: block;
width: 11px;
height: 11px;
background: #f2f3f4;
outline: 1px solid #d2d2d2;
outline-offset: -1px;
}
*/
.settings-link {
position: absolute;
top: 164px;
right: 12px;
}
.settings-link:hover {
cursor: pointer;
}
.settings-container {
top: 90px;
width: 860px;
z-index: 10;
border: none;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition: box-shadow 200ms ease 50ms;
padding-left: 10px;
}
.settings-chart {
border: 1px solid #cccccc;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.32);
margin: 10px;
}
.settings-container .FormHeadLabel {
margin-left: 4px;
}
.settings-enabled:after {
content: '';
background-image: url(../customlayout/Images/icn_check_circle.svg);
display: inline-block;
height: 30px;
width: 30px;
position: relative;
float: right;
top: 5px;
margin-right: 5px;
}
/*.settings-chart {
margin: 1px 0 0 20px;
}*/
select {
background: url(images/h_arrow.gif) no-repeat right #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 15px !important;
}
.ResponseLabel {
display: inline-block;
width: 100%;
background-color: #f8f8fa;
color: #000;
margin-right: -22px;
padding: 10px 0 10px 40px !important;
border: 1px solid #ced3d9;
border-left: 5px solid #475463;
border-radius: 5px 10px 10px 5px !important;
text-align: left;
font-size: 13px;
position: relative;
margin: 0px;
width: 100%;
}
.ResponseLabel::before {
background-image: url('data:image/svg+xml,');
content: '';
display: block;
position: absolute;
top: 8px;
left: 0px;
width: 20px;
height: 20px;
background-repeat: no-repeat;
background-position: center;
color: #000;
padding-left: 40px;
font-weight: bold;
}
.response {
margin-top: 10px;
position: relative;
}
.response .response-a {
font-size: 28px;
font-weight: normal;
color: #d70042;
text-decoration: none;
}
.response .response-a::before {
content: url('data:image/svg+xml,');
display: inline-block;
position: absolute;
top: 0px;
right: 4px;
width: 28px;
height: 28px;
}
.response a {
color: #fff;
background: transparent;
}
.response a:hover {
color: #fff;
background: transparent;
}
/*.response-error span {
background-color: #d0021b;
position: relative;
}*/
/*.response-ok,*/
.ResponseLabel.response-ok {
background-color: #f8f8fa;
color: #000;
border: 1px solid #ced3d9;
border-left: 5px solid #475463;
}
.ResponseLabel.response-ok::before {
background-image: url('data:image/svg+xml,');
content: '';
}
/*.response-ok .response-a::before {
content: url('data:image/svg+xml,');
display: inline-block;
position: absolute;
top: 15px;
right: 22px;
width: 30px;
height: 20px;
}
*/
.ResponseLabel.response-error {
background-color: #fdf5f5;
color: #000;
border: 1px solid #f5caca;
border-left: 5px solid #dd1244;
padding: 30px 0 10px 40px !important;
}
.ResponseLabel.response-error::before {
background-image: url('data:image/svg+xml,');
content: 'Error';
}
.ResponseLabel.response-error .response-a::before {
content: url('data:image/svg+xml,');
}
.ResponseLabel.response-warning {
background-color: #fbf2e0;
color: #000;
border: 1px solid #FFB822;
border-left: 5px solid #FFB822;
padding: 30px 0 10px 40px !important;
}
.ResponseLabel.response-warning::before {
background-image: url('data:image/svg+xml,');
content: 'Warning';
}
/*
.response-warning span {
background-color: #FFB822;
position: relative;
padding-bottom: 8px;
}
*/
.error {
border: 1px solid #d0021b !important;
}
.error-txt {
color: #d0021b !important;
font-weight: bold;
}
.disabled-txt {
color: #858D9D !important;
}
.tree .btn-group {
margin: 15px 0;
}
.button-primary,
.button-secondary,
.button-disabled,
.ButtonDisabled,
.tree .btn-group .button,
.tree .btn-group .Button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
font-family: Roboto,Helvetica,Arial,sans-serif;
font-size: 14px;
letter-spacing: 0.1em;
font-weight: bold;
cursor: pointer;
margin: 10px 0 0 20px;
height: 50px;
min-width: 100px;
border-radius: 2px;
text-transform: uppercase;
}
a.button-primary,
a.button-secondary,
a.button-disabled {
display: inline-block;
text-decoration: none;
line-height: 49px;
padding: 0 6px 0 6px;
/* background-color: #ffffff;*/
}
button-secondary,
button-disabled {
background-color: #ffffff;
}
.button-primary {
border: Solid 1px #0089FF;
background-color: #0089FF;
color: #fff;
/* box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
*/
}
.button-primary:hover {
background-color: #0069C4;
}
.button-secondary,
.tree .btn-group .button,
.tree .btn-group .Button {
border: Solid 1px #0089ff;
background-color: #ffffff;
color: #0089ff;
}
a.button-secondary:hover,
.button-secondary:hover,
.tree .btn-group .button:hover,
.tree .btn-group .Button:hover {
color: #fff;
background-color: #0069C4;
}
.tree li .expand-button {
margin-top: -30.6px !important;
margin-left: 13.6px !important;
}
.tree a {
font-size: 15px;
}
.button-primary:disabled {
border: none;
background-color: #DBDBDB;
color: #858D9D;
cursor: default;
}
.button-secondary:disabled {
border: Solid 1px #707070;
background-color: #FFFFFF;
color: #707070;
cursor: default;
}
#tblOptions {
width: -webkit-fill-available;
margin: 15px 20px;
width: Calc(100% - 40px);
}
#tblOptions tr {
width: 100%;
background-color: #f2f3f4;
height: 60px;
border: solid 1px #dbdbdb !important;
}
#tblOptions td {
padding: 0 0 0 10px;
}
#tblOptions a {
/*border: none;*/
background-color: #ffffff;
color: #0089FF;
cursor: pointer;
padding: 5px 10px 0 10px;
text-decoration: none;
font-size: 13px;
font-weight: bold;
letter-spacing: 0.1em;
border: Solid 1px #0089ff;
height: 40px;
line-height: 30px;
display: inline-block;
text-transform: uppercase;
border-radius: 2px;
white-space: nowrap;
}
#tblOptions a:hover {
color: #fff;
background-color: #0069C4;
}
#tblOptions a.Disabled, #tblOptions a.aspNetDisabled {
border: Solid 1px #707070 !important;
background-color: #FFFFFF;
color: #707070;
cursor: default;
}
.dataTables_wrapper {
padding: 0 !important;
}
.dataTables_scroll {
padding: 0 !important;
width: 100% !important;
}
.dataTables_Head tr:first-child, .dataTables_scrollHead, .google-visualization-table-tr-head {
background-image: linear-gradient(90deg, #0033aa 0%, #1e58d7 100%);
}
.dataTables_scrollHeadInner {
background-color: #0033a1;
}
.dataTable-input .TableCellHead,
.dataTable .TableCellHead {
/* background-color: transparent !important;
*/ height: 80px;
font-family: "Roboto";
font-weight: 500;
font-size: 15px;
white-space: normal;
}
.dataTables_Head .TableCellHead {
padding-top: 0 !important;
padding-bottom: 0 !important;
white-space: nowrap;
}
.google-visualization-table {
vertical-align: top !important;
text-align: left !important;
}
.google-visualization-table th {
background: none !important;
border: none !important;
font-weight: normal !important;
height: 80px !important;
font-family: Roboto-light !important;
font-size: 14px !important;
font-weight: 500 !important;
}
.google-visualization-table td {
padding: 10px 8px !important;
font-family: Roboto-light !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #000 !important;
}
[ref="MonthlyAveragesPerAnnumTable"] tr:not(:first-child) td:nth-child(3),
[ref="MonthlyAveragesPerAnnumTable"] tr:not(:first-child) td:nth-child(4) {
text-align: right !important;
}
[ref="MonthlyAveragesPerAnnumTable"] {
width: 40%;
}
[ref="MonthlyAveragesPerQuarterTable"] {
width: 60%;
}
[ref="MonthlyAveragesPerQuarterTable"] th {
white-space: pre-line !important;
}
[ref="MonthlyAveragesPerQuarterTable"] tr:not(:first-child) td:nth-child(1) {
white-space: nowrap !important;
}
[ref="MonthlyAveragesPerQuarterTable"] tr td:nth-child(1n+3) {
text-align: right !important;
}
.TableCellHead {
background: #0033A1;
padding: 0px 8px !important;
}
.dataTables_length, .dataTables_info {
padding-left: 20px;
padding-top: 10px;
}
.dataTables_paginate {
padding-right: 20px;
}
.dataTables_filter {
width: 100%;
padding: 3px 20px
}
.dataTables_filter label {
line-height: 0;
font-size: 0px;
}
.dataTables_filter input {
width: 100%;
background: url(images/icn_search.svg);
background-repeat: no-repeat;
background-size: 24px;
background-position: 10px center;
padding-left: 43px;
font-size: 14px;
}
.dataTables_wrapper .dataTables_info {
color: #9c9c9c !important;
padding-right: 20px;
}
.dataTables_info {
float: right !important;
clear: none !important;
}
.paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
color: #9c9c9c !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
color: #000 !important;
background: none !important;
background-color: #ededed !important;
border: 1px solid transparent;
border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
color: #000 !important;
background: none !important;
background-color: #ededed !important;
border: 1px solid transparent;
border-radius: 2px;
}
table.dataTable tbody td {
padding: 15px 8px;
}
table.dataTable.stripe tbody tr {
background-color: #eceff3 !important;
}
table.dataTable.stripe tbody tr.odd {
background-color: #ffffff !important;
}
table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr:hover {
background-color: #e0e9fa !important;
}
table.dataTable-input tbody td,
table.dataTable-input tbody td input:not(.button-primary):not(.button-secondary),
table.dataTable tbody td,
table.dataTable tbody td input:not(.button-primary):not(.button-secondary) {
font-family: Roboto-light;
font-size: 14px;
font-weight: 500;
color: #000;
}
table.dataTable-input tfoot td,
table.dataTable-input tfoot td input,
table.dataTable tfoot td,
table.dataTable tfoot td input {
font-family: Roboto-light;
font-size: 14px;
font-weight: bold;
color: #000;
}
table.dataTable-input tr.CashReqGroupTotal td {
padding-top: 0px !important;
padding-right: 20px !important;
line-height: 30px;
}
table.dataTable-input tr.CashReqGroupFiller td {
height: 59.8px;
}
table.dataTable tbody td,
table.dataTable-input tbody td {
padding: 7px 8px !important;
line-height: 43px;
}
table.dataTable-list tbody td {
padding: 0 !important;
}
table.dataTable-list tbody tr:nth-child(odd) .div-noAccess {
background-color: #ffffff;
}
.TableCellHR, table.dataTable tbody td.TableCellHR,
table.dataTable-input tbody td.TableCellHR {
height: 1px;
padding: 0px 8px !important;
border-bottom: 1px solid silver !important;
}
.div-noAccess {
display: block;
height: 57px;
line-height: 54px;
padding: 0px 2px 0px 12px;
border: none;
cursor: pointer;
user-select: none;
}
.div-Access {
display: block;
height: 57px;
line-height: 54px;
padding: 0px 2px 0px 12px;
border: none;
cursor: pointer;
user-select: none;
font-weight: bold;
background-color: transparent;
}
.div-Access:after {
content: '';
background-image: url('data:image/svg+xml,');
display: inline-block;
height: 20px;
width: 20px;
position: relative;
float: right;
top: 20px;
}
.div-noAccess:after {
content: '';
background-image: url('data:image/svg+xml,');
display: inline-block;
height: 20px;
width: 20px;
position: relative;
float: right;
top: 20px;
}
.tblUserAccess tr:nth-child(odd) {
background-color: #f9f9f9 !important;
}
.dd-div {
height: 45px;
line-height: 45px;
width: 100%;
}
td {
font-size: 14px;
}
#tblOptions a.Disabled,
#tblOptions a.disabled {
border: none !important;
padding: 5px 10px 0 10px !important;
}
.tree li > div {
height: 47px !important;
line-height: 44px !important;
border: 1px solid #cccccc;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.32);
border-radius: 2px;
margin-top: 10px;
}
.tree li select,
.tree li select:disabled {
height: 99% !important;
width: 50%;
border: none;
}
.tree li select:disabled {
background-color: transparent;
height: 100%;
width: 50%;
}
.full-size-link {
width: 95% !important;
}
.export-label {
color: #002169 !important;
height: unset !important;
border: none !important;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
}
.wait-lable-bg, .alert-wait-lable-bg {
z-index: 9999 !important
}
.wait-label {
color: #0033A1;
height: unset !important;
border: none !important;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
z-index: 10011 !important;
height: 118px;
}
.alert-wait-label, .oauth-wait-label {
color: #0033A1;
border: none !important;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
z-index: 10011 !important;
}
.oauth-alert {
/*height: 250px !important;*/
width: 678px !important;
display: none;
}
.OAuthMessageContent {
padding:30px;
}
.ADTable {
margin-left: 15px;
/* padding-right: 18px; */
width: 563px;
}
.ADTable td {
padding: 5px;
white-space: nowrap;
}
.bin {
background: url('Images/icn_bin.svg');
width: 20px;
height: 20px;
}
.MonthYearTable {
border-radius: 2px;
height: 45px;
}
.calendardiv {
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
border-radius: 2px;
margin-top: 20px;
margin-left: 0;
width: unset;
}
.calendardiv table, tr, td {
border: none !important;
border-collapse: collapse;
padding: 0;
}
.TESTcpBorder {
border: none !important;
border-radius: 2px;
}
TD.TESTcpCurrentDate {
background-color: #1e90ff !important;
border-radius: 2px;
}
TD.TESTcpTodayText {
/*display: none;*/
border: none !important;
/*padding: 10px 0;*/
}
A.TESTcpTodayText {
color: #000 !important;
}
.MonthYearTable .TESTcpMonthNavigationTD:first-child {
border-radius: 2px 0 0 0;
}
.TESTcpYearNavigationTD {
border-radius: 0 3px 0 0;
}
.TESTcpMonthNavigationTD:nth-child(3) {
border-radius: 0 3px 0 0;
}
.TESTcpYearNavigationTD,
.TESTcpMonthNavigationTD {
background-color: #0033a9 !important;
}
.TESTcpYearNavigationTD select,
.TESTcpMonthNavigationTD select {
color: #fff !important;
background-color: #0033a9 !important;
border: none;
background-image: url('Images/h_arrow_white.gif');
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 90px !important;
}
.TESTcpYearNavigationTD select option,
.TESTcpMonthNavigationTD select option {
color: #000 !important;
background-color: #fff !important;
}
.TESTcpYearNavigationTD select {
width: 60px !important;
}
.TESTcpDayColumnHeader {
font-weight: bold;
border-bottom: none !important;
padding: 6px 0;
}
.TESTcpCurrentMonthDate, .TESTcpOtherMonthDate, .TESTcpCurrentDate {
width: 38px;
height: 34px;
}
.TESTcpOtherMonthDate {
color: #d2d2da !important;
}
.TESTcpCurrentMonthDate a, .TESTcpOtherMonthDate a, .TESTcpCurrentDate a {
padding: 7px;
}
.wait-label {
padding: 16px 10px;
}
.alert-container, .oauth-container {
width: 100%;
height: 100%;
top: 0;
position: absolute;
visibility: hidden;
display: none;
background-color: rgba(22,22,22,0.5); /* complimenting your modal colors */
}
.alert-container:target, .oauth-container:target {
visibility: visible;
display: block;
}
.loader {
border-top: 1px solid #0033A1;
border-right: 1px solid #0033A1;
width: 20px;
height: 20px;
}
.loader-text {
padding-top: 10px;
}
.loader-text:before {
content: 'Loading...';
}
/**, :after, :before {
box-sizing: border-box
}
.clearfix:after,
.clearfix:before {
content: '';
display: table
}
.clearfix:after {
clear: both;
display: block
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.content {
margin-left: 250px;
height: 100%;
}*/
.MenuBG {
position: absolute;
top: 0;
left: 0 !important;
right: unset !important;
height: 85px !important;
display: none;
background: #0033A1 !important;
background-color: transparent;
background-image: url(images/page_left.jpg) !important;
background-repeat: no-repeat !important;
background-position: left center !important;
/* z-index: 10001;*/
}
/********************************************************************************************************************************************************************/
/*Specific to Account Management form*/
.acc-man-body .FormHeadLabel {
margin-left: 0 !important;
padding-left: 20px !important;
}
/********************************************************************************************************************************************************************/
/*Specific to Company form*/
.company-body {
overflow: auto !important;
}
.company-body .ScreenPanel {
margin-top: -5px !important;
}
.company-body .InternalPanel {
margin-top: 0 !important;
padding-top: 0px !important;
top: 100px !important;
}
.company-body .dataTable .TableCellHead {
white-space: nowrap;
}
/********************************************************************************************************************************************************************/
/*Specific to Registration form*/
.registration-body .LoginUpdatePanel {
margin-top: -171px !important;
width: 650px !important;
margin-left: -325px !important;
background-color: white !important;
padding: 20px !important;
}
.registration-body .LoginHeadLabel {
background: none !important;
padding: 0 !important;
text-align: center !important;
}
.registration-body .LoginHeadLabel {
font-size: 1.8em !important;
font-weight: 300 !important;
font-style: normal;
text-rendering: optimizeLegibility;
}
.registration-body .LoginHeadLabel:before {
background: none !important
}
.registration-body .LoginHeadLabel-td {
text-align: center;
}
.registration-body .button-primary {
margin-right: 0 !important;
}
/********************************************************************************************************************************************************************/
/*Specific to Budget Rates form*/
.budget-rates-body .InternalPanel {
width: 1330 !important;
}
.budget-rates-body .TableCell input,
.budget-rates-body .TableCell select,
.budget-rates-body .TableCell span {
width: 78px !important;
}
/********************************************************************************************************************************************************************/
/*Specific to Cashman Categories form*/
.cashman-cat-body .InternalPanel {
padding: 1px 0 !important;
}
.cashman-cat-body .InternalPanel select {
min-width: 50px !important;
}
.cashman-cat-body .InternalPanel input {
margin-top: 15px !important;
}
.cashman-cat-body #pnlAdd.InternalPanel {
padding: 10px 15px !important;
}
.cashman-cat-body #tblDetail tr td {
background-color: #fff !important;
}
/********************************************************************************************************************************************************************/
/*Specific to Banks form*/
.banks-body #pnlAdd .full {
width: 100% !important;
}
.banks-body #pnlAdd .vertical-stack.full,
.banks-body #pnlAdd .vertical-stack > .full {
width: 100% !important;
}
/********************************************************************************************************************************************************************/
/*Specific to Reports form*/
.reports-body #pnlAdd .full {
width: 98% !important;
}
.reports-body .fileUploadLabel {
width: 81% !important;
line-height: 44px;
}
.reports-body [field-id="Upload"] input {
margin: 0px !important;
width: 120px !important;
height: 45px;
margin-right: 3px;
}
/********************************************************************************************************************************************************************/
/*Specific to Default form*/
.default-body input[type="text"], .default-body select {
width: 95% !important;
}
/********************************************************************************************************************************************************************/
/*
@media (max-width:767px) {
.LoginHeadLabel-td {
text-align: left !important;
}
.MenuBG {
width: 100% !important;
display: block;
}
.ScreenPanel {
padding: 0 0;
overflow: auto;
}
.InternalPanel:not(.mobile) {
width: 100% !important;
}
.FloatingPopupPanel {
width: 100% !important;
position: absolute;
left: 0 !important;
margin-left: 0 !important;
}
.col-3 > div {
width: 99%;
}
.col-4 > div {
width: 99%;
}
.settings-container {
width: 440px;
left: unset;
margin-left: unset;
overflow: auto;
}
.LoginUpdatePanel, .registration-body .LoginUpdatePanel {
width: 100% !important;
left: 0px;
margin-left: 0px;
}
.settings-link {
top: 155px;
}
.FormsPopupPanel {
width: 100% !important;
position: absolute;
left: 0 !important;
margin-left: 0 !important;
}
.reports-body .fileUploadLabel {
width: 73% !important;
}
.cashman-reports-body .col-2 > div {
width: 99%;
}
.fc-bulkinput-body .col-2 {
width: 49%;
}
}
*/
/********************************************************************************************************************************************************************/
/*Menu*/
.mega-drop-down a {
color: #fff;
padding: 28px 25px;
height: 85px;
line-height: 46px;
text-decoration: none;
font-family: "Roboto";
font-weight: 500;
font-size: 16px;
}
/* .mega-drop-down a:hover {
box-shadow: 0 -4px 0 #fff inset;
}
.mega-drop-down a:active {
box-shadow: 0 -4px 0 #fff inset;
}*/
.a-active {
box-shadow: 0 -4px 0 #fff inset;
}
.a-inactive {
box-shadow: none;
}
.a-sub-active {
background-color: #fff;
}
.flyout-right a {
height: 57px;
line-height: 20px;
text-decoration: none;
font-family: "Roboto-medium";
display: block;
color: #000 !important;
}
.flyout-right a:hover {
box-shadow: none;
}
.menu-col-1 {
width: 100%;
float: right;
padding-left: 5%;
}
.menu-col-1 li {
width: 100% !important;
}
.menu-col-3 {
position: absolute;
top: 0px;
/*width: 100%;*/
width: -webkit-calc(100% - 480px);
width: -moz-calc(100% - 480px);
width: calc(100% - 480px);
background-color: #fff !important;
color: #000;
display: none;
left: 480px;
height: 100%;
z-index: 10000;
}
.menu-col-3 li {
display: inline-block;
width: 33.33%;
padding-left: 10%;
}
.flyout-right-sub a {
color: #000 !important;
display: block;
padding: 20px 0 20px 0;
height: 57px;
line-height: 20px;
text-decoration: none;
font-family: "Roboto-medium";
width: fit-content !important;
}
.flyout-right-sub a:hover {
text-decoration: underline;
}
.flyout-right-sub-2 a {
color: #000 !important;
padding: 0px 0 0px 0;
line-height: 30px;
font-family: "Roboto";
}
.flyout-right-sub-2 a:hover {
text-decoration: underline;
}
.menuSubBack {
display: none !important;
}
*,
:after,
:before {
box-sizing: border-box
}
.clearfix:after,
.clearfix:before {
content: '';
display: table
}
.clearfix:after {
clear: both;
display: block
}
ul {
/* list-style: none !important;
*/ margin: 0;
padding: 0;
}
.mega-menu ul {
background-color: #F3F3F4;
}
.menu-col-3 ul {
background-color: #fff !important;
}
.exo-menu-content {
width: 100%;
}
.exo-menu {
/* list-style: none;
*/ background: #0033A1;
z-index: 1000;
}
.exo-menu > li {
display: inline-block;
float: left;
}
.exo-menu > li > a {
color: #fff;
text-decoration: none;
}
.exo-menu i {
float: left;
font-size: 18px;
margin-right: 6px;
line-height: 20px !important;
}
li.drop-down,
.flyout-right,
.flyout-left {
position: relative;
}
li.drop-down:before {
content: "\f103";
color: #fff;
font-family: FontAwesome;
font-style: normal;
display: inline;
position: absolute;
right: 6px;
top: 20px;
font-size: 14px;
}
li.drop-down > ul {
left: 0px;
min-width: 230px;
}
.drop-down-ul {
display: none;
}
.flyout-right > ul,
.flyout-left > ul {
top: 0;
min-width: 230px;
display: none;
border-left: 1px solid #365670;
}
li.drop-down > ul > li > a,
.flyout-right ul > li > a,
.flyout-left ul > li > a {
color: #fff;
display: block;
padding: 20px 22px;
text-decoration: none;
background-color: #365670;
border-bottom: 1px dotted #F3F3F4;
-webkit-transition: color 0.2s linear, background 0.2s linear;
-moz-transition: color 0.2s linear, background 0.2s linear;
-o-transition: color 0.2s linear, background 0.2s linear;
transition: color 0.2s linear, background 0.2s linear;
}
.flyout-right ul > li > a,
.flyout-left ul > li > a {
border-bottom: 1px dotted #B8C7BC;
}
.flyout-mega-wrap {
top: 0;
right: 0;
left: 100%;
width: 100%;
display: none;
height: 100%;
padding: 15px;
min-width: 742px;
}
h4.row.mega-title {
color: #eee;
margin-top: 0px;
font-size: 14px;
padding-left: 15px;
padding-bottom: 13px;
text-transform: uppercase;
border-bottom: 1px solid #ccc;
}
.flyout-mega ul > li > a {
font-size: 90%;
line-height: 25px;
color: #fff;
font-family: inherit;
}
.flyout-mega ul > li > a:hover,
.flyout-mega ul > li > a:active,
.flyout-mega ul > li > a:focus {
text-decoration: none;
background-color: transparent !important;
color: #ccc !important
}
.mega-menu {
left: 0;
right: 0;
display: none;
padding-top: 0;
background-color: #fff !important;
box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.15);
z-index: 10000;
width: 100%;
}
h4.row.mega-title {
color: #eee;
margin-top: 0px;
font-size: 14px;
padding-left: 15px;
padding-bottom: 13px;
text-transform: uppercase;
border-bottom: 1px solid #F3F3F4;
padding-top: 15px;
background-color: #365670
}
ul.stander li a {
padding: 3px 0px;
}
ul.description li {
padding-bottom: 12px;
line-height: 8px;
}
ul.description li span {
color: #ccc;
font-size: 85%;
}
a.view-more {
border-radius: 1px;
margin-top: 15px;
background-color: #009FE1;
padding: 2px 10px !important;
line-height: 21px !important;
display: inline-block !important;
}
a.view-more:hover {
color: #fff;
background: #0DADEF;
}
ul.icon-des li a i {
color: #fff;
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
background-color: #009FE1;
line-height: 35px !important;
}
ul.icon-des li {
width: 100%;
display: table;
margin-bottom: 11px;
}
.Blog {
left: 0;
display: none;
color: #fefefe;
padding-top: 15px;
background: #F3F3F4;
padding-bottom: 15px;
}
.Blog .blog-title {
color: #fff;
font-size: 15px;
text-transform: uppercase;
}
.Blog .blog-des {
color: #ccc;
font-size: 90%;
margin-top: 15px;
}
.Blog a.view-more {
margin-top: 0px;
}
.Images {
left: 0;
width: 100%;
display: none;
color: #fefefe;
padding-top: 15px;
background: #F3F3F4;
padding-bottom: 15px;
}
.Images h4 {
font-size: 15px;
margin-top: 0px;
text-transform: uppercase;
}
.flyout-right ul > li > a,
.flyout-left ul > li > a,
.flyout-mega-wrap,
.mega-menu {
background-color: #F3F3F4;
}
@media (min-width:1700px) {
.exo-menu-content {
/*width: 3000px;*/
}
.exo-menu {
padding-left: 250px;
min-height: 85px;
background-image: url(images/page_left.jpg) !important;
background-repeat: no-repeat !important;
background-position: left center !important;
}
.exo-menu > li > a {
display: block;
padding: 20px 19px;
}
.mega-menu ul {
width: 480px;
}
.menu-col-3 {
left: 480px;
}
.menu-col-3 ul {
width: 100%;
/* padding-right: 30%;
*/
}
.mega-menu, .flyout-mega-wrap, .Images, .Blog, .flyout-right > ul,
.flyout-left > ul, li.drop-down > ul {
position: absolute;
}
.flyout-right a {
padding: 20px 0 0 250px;
}
.flyout-right > ul {
left: 100%;
}
.flyout-left > ul {
right: 100%;
}
toggle-menu-div {
display: none;
}
/* .Blog:hover,
.Images:hover,
.mega-menu:hover,
.drop-down-ul:hover,
li.flyout-left > ul:hover,
li.flyout-right > ul:hover,
.flyout-mega-wrap:hover,
li.flyout-left a:hover + ul,
li.flyout-right a:hover + ul,
.blog-drop-down > a:hover + .Blog,
li.drop-down > a:hover + .drop-down-ul,
.images-drop-down > a:hover + .Images,
.mega-drop-down a:hover + .mega-menu,
li.flyout-mega > a:hover + .flyout-mega-wrap {
display: block;
}*/
.mega-drop-down a.last-a {
width: 300px;
padding-right: 50px;
line-height: 25px;
}
.mega-drop-down a.last-a:after {
position: relative;
top: -24px;
left: 38px;
}
.page-active {
box-shadow: 0 -4px 0 #fff inset;
}
}
@media (min-width:1250px) and (max-width:1699px) {
.exo-menu {
padding-left: 60px;
min-height: 85px;
background-image: url(images/sb_logo.png) !important;
background-repeat: no-repeat !important;
background-position: 10px center !important;
background-size: 50px;
}
.exo-menu > li > a {
display: block;
padding: 20px 12px;
font-size: 14.3px;
}
.mega-menu ul {
width: 480px;
}
.menu-col-3 {
left: 480px;
}
.menu-col-3 ul {
width: 100%;
}
.mega-menu, .flyout-mega-wrap, .Images, .Blog, .flyout-right > ul,
.flyout-left > ul, li.drop-down > ul {
position: absolute;
}
.flyout-right a {
padding: 20px 0 0 250px;
}
.flyout-right > ul {
left: 100%;
}
.flyout-left > ul {
right: 100%;
}
toggle-menu-div {
display: none;
}
.mega-drop-down a.last-a {
width: 280px;
padding-right: 50px;
line-height: 25px;
}
.mega-drop-down a.last-a:after {
position: relative;
top: -24px;
left: 38px;
}
.page-active {
box-shadow: 0 -4px 0 #fff inset;
}
}
@media (min-width:768px) and (max-width:1249px) {
.MenuBG {
width: 100% !important;
display: block;
background-image: url(images/sb_logo.png) !important;
background-position: center !important;
background-size: 60px !important;
}
.LoginHeadLabel-td {
text-align: left !important;
}
.ScreenPanel {
padding: 0 0;
overflow: auto;
}
.InternalPanel:not(.mobile) {
width: 100% !important;
}
.col-3 > div {
width: 99%;
}
.col-4 > div {
width: 99%;
}
.FloatingPopupPanel {
width: 100% !important;
position: absolute;
left: 0 !important;
margin-left: 0 !important;
}
.exo-menu {
min-height: 85px;
width: 100%;
}
.exo-menu.display {
background: #0033a1;
min-height: 100%;
width: max-content;
min-width: 100%;
}
.exo-menu > li > a {
width: 100%;
display: none;
}
.exo-menu > li {
border-bottom: none;
}
.exo-menu.display > li {
display: inline-block;
width: unset;
border-bottom: solid 1px #e0e0e0;
box-shadow: none !important;
margin-top: 85px;
}
/*.exo-menu > li:first-child {
margin-top: 85px;
}*/
.exo-menu > li > a {
color: #0033A1;
background-color: #fff;
text-decoration: none;
}
.exo-menu li.has-children a:after {
border-style: solid;
border-width: 1px 1px 0 0;
content: '';
display: inline-block;
height: 8px;
position: absolute;
transform: rotate(135deg);
width: 8px;
right: 20px;
}
.exo-menu li.has-children a:after {
transform: rotate(45deg);
}
.exo-menu li.has-children.a-sub-active a:after {
transform: rotate(135deg);
}
.exo-menu > li > a.a-active:after {
transform: rotate(315deg);
}
.exo-menu > li > .last-a.a-active:after {
transform: rotate(0deg);
}
.mega-menu {
box-shadow: none !important;
}
.mega-menu ul {
width: 30%;
}
.mega-drop-down a {
color: #0a2240 !important;
font-weight: 500;
font-size: 13px;
font-family: "Roboto";
height: 50px;
line-height: 14px;
}
/*.mega-drop-down a:active,
.mega-drop-down a:hover {
box-shadow: none;
border-bottom: solid 1px #e0e0e0 !important;
text-decoration: none;
}*/
.menuSubBack {
display: none !important;
}
.mega-menu li {
border-bottom: solid 1px #e0e0e0;
}
.menu-col-3 {
left: 0px;
top: 51px;
width: 100%;
padding-left: 0;
height: 100%;
position: absolute;
}
.menu-col-3 ul {
width: 100%;
}
.menu-col-3 li {
display: block;
width: 100%;
padding-left: 10%;
}
.menu-col-3 a {
font-weight: 500 !important;
font-size: 13px;
}
.menu-col-1 {
float: none;
padding-left: 0;
}
.menu-col-1 {
}
.display.exo-menu > li > a:not(.last-a) {
display: block;
padding: 20px 10px;
/*max-width: 137px;*/
}
.display.exo-menu > li > a:not(.last-a):after {
border-style: solid;
border-width: 1px 1px 0 0;
content: '';
display: inline-block;
height: 8px;
transform: rotate(45deg);
width: 8px;
margin-left: 10px;
}
.display.exo-menu > li > a.a-active:not(.last-a):after {
transform: rotate(135deg);
border-width: 2px 2px 0 0;
transform-origin: right;
margin-left: 7px;
margin-right: 3px;
}
.mega-menu, .Images, .Blog, .flyout-right > ul,
.flyout-left > ul, li.drop-down > ul {
position: relative;
}
.flyout-right a {
padding: 20px 0 0 20px;
}
.menuSubBack {
display: block !important;
position: absolute;
width: 100px !important;
padding-left: 0 !important;
}
.menuSubBack a:before {
border-style: solid;
border-width: 1px 1px 0 0;
content: '';
display: inline-block;
height: 8px;
position: absolute;
transform: rotate(225deg);
width: 8px;
left: 20px;
margin-top: 5px;
}
.a-active:not(.last-a) {
/*background-color: #f3f3f4 !important;
border-bottom: solid 1px #e0e0e0 !important;*/
font-weight: bold !important;
box-shadow: none;
}
.a-sub-active {
background-color: transparent;
}
.a-sub-active a {
font-weight: bold;
}
.flyout-right-sub, .flyout-right-sub-2 {
height: 57px;
line-height: 57px;
border-bottom: solid 1px #eaeaea;
}
.flyout-right-sub a {
width: 100% !important;
text-decoration: none;
}
.flyout-right-sub-2 a {
padding-left: 20px;
text-decoration: none;
width: 100% !important;
line-height: 60px;
}
.toggle-menu-div {
position: absolute;
display: block;
z-index: 10000;
left: 25px;
box-sizing: border-box;
width: unset;
top: 27px;
}
a.toggle-menu {
display: block;
padding: 14px;
font-size: 27px;
background-color: transparent;
color: #fff;
width: 30px;
height: 20px;
text-decoration: none;
float: right;
}
.mega-drop-down a.last-a:after {
height: 25px;
width: 25px;
position: absolute;
margin-top: -36px;
}
.dataTables_info {
margin-top: 0.5em;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
float: right !important;
}
.mega-drop-down a.last-a {
padding-right: 60px !important;
padding-top: 15px !important;
position: absolute;
display: inline-block;
width: 280px !important;
max-width: 280px !important;
height: 85px;
line-height: 25px;
top: 0;
right: 0;
}
.mega-drop-down a.last-a:after {
top: 53px;
right: 10px;
}
.disp {
position: absolute;
}
.last-div {
top: 85px;
}
*:focus,
*:hover,
*:active {
-webkit-tap-highlight-color: transparent;
outline: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
text-decoration: none !important;
}
.settings-container {
width: 440px;
left: unset;
margin-left: unset;
overflow: auto;
}
.LoginUpdatePanel, .registration-body .LoginUpdatePanel {
width: 100% !important;
left: 0px;
margin-left: 0px;
}
.settings-link {
top: 155px;
}
.FormsPopupPanel {
width: 100% !important;
position: absolute;
left: 0 !important;
margin-left: 0 !important;
}
.reports-body .fileUploadLabel {
width: 73% !important;
}
.cashman-reports-body .col-2 > div {
width: 99%;
}
.fc-bulkinput-body .col-2 {
width: 49%;
}
}
@media (max-width:767px) {
#tblBlotter {
overflow-x: auto !important;
}
#divTabs {
white-space: normal;
}
#divTabs > a {
width: 48% !important;
}
.collapsible-handle {
font-size: 13px !important;
}
.collapsible.collapsed > a > span::after,
.collapsible.expanded > a > span::after {
display: none;
}
.LoginHeadLabel-td {
text-align: left !important;
}
.MenuBG {
width: 100% !important;
display: block;
}
.ScreenPanel {
padding: 0 0;
overflow: auto;
}
.InternalPanel:not(.mobile) {
width: 100% !important;
}
.col-2 > div {
width: 99% !important;
}
.col-3 > div {
width: 99% !important;
}
.col-4 > div {
width: 99% !important;
}
.FloatingPopupPanel {
width: 100% !important;
position: absolute;
left: 0 !important;
margin-left: 0 !important;
}
.exo-menu {
min-height: 85px;
width: 100%;
}
.exo-menu.display {
background: #0033a1;
min-height: 100%;
width: 100%;
position: absolute;
}
.exo-menu > li > a {
width: 100%;
display: none;
}
.exo-menu > li {
border-bottom: none;
}
.exo-menu.display > li {
display: inline-block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
box-shadow: none !important;
}
.exo-menu > li:first-child {
margin-top: 85px;
}
.exo-menu > li > a {
color: #0033A1;
background-color: #fff;
text-decoration: none;
}
.exo-menu > li > a:after, .exo-menu li.has-children a:after {
border-style: solid;
border-width: 1px 1px 0 0;
content: '';
display: inline-block;
height: 8px;
position: absolute;
transform: rotate(135deg);
width: 8px;
right: 20px;
}
.exo-menu li.has-children a:after {
transform: rotate(45deg);
}
.exo-menu > li > a.a-active:after {
transform: rotate(315deg);
}
.exo-menu > li > .last-a.a-active:after {
transform: rotate(0deg);
}
.mega-menu {
box-shadow: none !important;
}
.mega-menu ul {
width: 100%;
}
.mega-drop-down a {
color: #0a2240 !important;
font-weight: 500 !important;
font-size: 16px;
font-family: "Roboto";
height: 50px;
line-height: 14px;
}
/*.mega-drop-down a:active,
.mega-drop-down a:hover {
box-shadow: none;
border-bottom: solid 1px #e0e0e0 !important;
text-decoration: none;
}*/
.mega-menu li {
border-bottom: solid 1px #e0e0e0;
}
.menu-col-3 {
left: 0px;
top: 85px;
width: 100%;
padding-left: 0;
height: 100%;
position: absolute;
}
.menu-col-3 ul {
width: 100%;
}
.menu-col-3 li {
display: block;
width: 100%;
padding-left: 10%;
}
.menu-col-3 a {
font-weight: 500 !important;
font-size: 16px;
}
.menu-col-3 .menu-description {
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
line-height: 0 !important;
border: 0 !important;
}
.menu-col-1 {
float: none;
padding-left: 0;
}
.menu-col-1 {
}
.display.exo-menu > li > a {
display: block;
padding: 20px 22px;
}
.mega-menu, .Images, .Blog, .flyout-right > ul,
.flyout-left > ul, li.drop-down > ul {
position: relative;
}
.flyout-right a {
padding: 20px 0 0 20px;
}
.menuSubBack {
display: block !important;
}
.menuSubBack a:before {
border-style: solid;
border-width: 1px 1px 0 0;
content: '';
display: inline-block;
height: 8px;
position: absolute;
transform: rotate(225deg);
width: 8px;
left: 20px;
margin-top: 5px;
}
.a-active {
background-color: #f3f3f4 !important;
border-bottom: solid 1px #e0e0e0 !important;
box-shadow: none;
}
.flyout-right-sub, .flyout-right-sub-2 {
height: 57px;
line-height: 57px;
border-bottom: solid 1px #eaeaea;
}
.flyout-right-sub a {
width: 100% !important;
text-decoration: none;
}
.flyout-right-sub-2 a {
padding-left: 20px;
text-decoration: none;
width: 100% !important;
line-height: 60px;
}
.toggle-menu-div {
position: absolute;
display: block;
height: 85px;
z-index: 10000;
left: 0px;
box-sizing: border-box;
width: 100%;
top: 0px;
padding-right: 20px;
padding-top: 25px;
background-color: transparent;
background-image: url(images/page_left.jpg) !important;
background-repeat: no-repeat !important;
background-position: left center !important;
}
a.toggle-menu {
display: block;
padding: 14px;
font-size: 27px;
background-color: transparent;
color: #fff;
width: 30px;
height: 20px;
text-decoration: none;
float: right;
}
.mega-drop-down a.last-a:after {
height: 25px;
width: 25px;
position: absolute;
margin-top: -30px;
}
.dataTables_info {
margin-top: 0.5em;
}
.dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate {
float: right !important;
}
.mega-drop-down a.last-a {
padding-right: 60px !important;
padding-top: 17px !important;
}
*:focus,
*:hover,
*:active {
-webkit-tap-highlight-color: transparent;
outline: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
text-decoration: none !important;
}
.settings-container {
width: 440px;
left: unset;
margin-left: unset;
overflow: auto;
}
.LoginUpdatePanel, .registration-body .LoginUpdatePanel {
width: 100% !important;
left: 0px;
margin-left: 0px;
}
.settings-link {
top: 155px;
}
.FormsPopupPanel {
width: 100% !important;
position: absolute;
left: 0 !important;
margin-left: 0 !important;
}
.reports-body .fileUploadLabel {
width: 73% !important;
}
.cashman-reports-body .col-2 > div {
width: 99%;
}
.fc-bulkinput-body .col-2 {
width: 49%;
}
}
a.menu-closed {
background-image: url(images/menuToggleClosed.png);
background-repeat: no-repeat;
}
a.menu-open {
background-image: url(images/menuToggleOpen.png);
background-repeat: no-repeat;
}
.disp {
display: block;
}
.menuSubBack {
display: none;
}
.mega-drop-down a.last-a {
color: #fff !important;
background-color: #0089ff !important;
box-shadow: none !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.mega-drop-down a.last-a:after {
content: '';
background-image: url(Images/icn_user.svg);
background-size: 25px;
background-repeat: no-repeat;
background-position: center center;
display: block;
height: 45px;
width: 45px;
transform: rotate(0deg);
float: right;
border: none;
}
.ContextMenuDiv {
border-radius: 2px;
box-shadow: 0 11px 15px -7px rgba(0,0,0,.2), 0 24px 38px 3px rgba(0,0,0,.14), 0 9px 46px 8px rgba(0,0,0,.12);
}
.ContextMenu {
border: none;
}
.ContextMenuItem {
font-family: "Roboto";
height: 45px;
line-height: 45px;
padding: 0px 40px 0 10px !important;
}
.ContextMenuItem:hover {
font-family: "Roboto";
background: #0033A1;
padding: 0px 40px 0 10px !important;
}
.ContextMenuItem-Disabled {
font-family: "Roboto";
height: 45px;
line-height: 45px;
padding: 0px 40px 0 10px !important;
color: silver;
}
.sheet-container canvas, .sheet-container > div, .sheet-container .sheet-expand-button {
margin-left: 20px;
}
.spreadsheet-grid-container th,
.spreadsheet-container .parent-label {
font-weight: normal;
}
.spreadsheet-grid-container th {
/*background-color: #002169;*/
background-color: #0033a1;
}
.spreadsheet-container td {
border: 1px solid #d9d9d9 !important;
}
.spreadsheet-grid-container td {
padding-left: 0px;
}
.spreadsheet-buttons {
padding: 0 !important;
}
.riskman-forecast td {
padding: 5px 5px 5px 5px;
}
.months-div {
padding: 0 20px 0 20px;
}
.months-container > div {
padding: 0px 40px 20px 10px;
}
.tab-panel {
padding-top: 0px !important;
}
.tabs {
text-align: left;
height: 46px;
border-bottom: solid 2px #e6e6e6;
text-transform: uppercase;
margin-bottom: 10px;
}
/* .tabs a:hover {
text-decoration: underline;
}
*/
.tabs a {
border-right: none;
height: 46px;
line-height: 45px;
font-weight: bold;
}
.tabs a.active {
/* background-image: linear-gradient( 180deg,#0062cf,#0433a1); */
color: #0a2240;
border-bottom: solid 2px #0089ff;
background: none;
}
.refresh-div {
padding-right: 15px;
}
.hr {
border: none;
height: 0px;
background-color: #e6e6e6;
}
hr {
height: 1px;
background-color: #e6e6e6;
border: none;
}
.sub-head {
color: #0a2240;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
white-space: nowrap;
}
.loader {
-webkit-animation: spin 0.5s linear infinite;
-moz-animation: spin 0.5s linear infinite;
animation: spin 0.5s linear infinite;
will-change: transform;
-webkit-transform: rotate(360deg);
}
.loading span {
font-size: 30px;
font-family: serif;
animation-name: pulse-loader;
animation-duration: 1.4s;
animation-iteration-count: infinite;
animation-fill-mode: both;
height: 10px;
line-height: 10px;
color: rgb(0, 0, 0);
}
.loading span:nth-child(2) {
animation-delay: 0.2s;
}
.loading span:nth-child(3) {
animation-delay: 0.3s;
}
@keyframes pulse-loader {
0% {
opacity: 0.25;
}
50% {
opacity: 1;
}
100% {
opacity: 0.25;
}
}
.success-icon {
display: inline-block;
background-image: url('CustomLayout/images/icn_check_circle_solid.png');
width: 24px;
height: 24px;
}
.reg-download-text {
display: inline-block;
height: 57px;
line-height: 54px;
padding: 0px 20px 0px 12px;
}
.reg-download-text-done, .reg-download-text-warn, .reg-download-text-error {
display: block;
height: 57px;
line-height: 54px;
padding: 0px 20px 0px 12px;
font-weight: bold;
}
.reg-download-text-done:after {
content: '';
background-image: url(../customlayout/Images/icn_check_circle.svg);
display: inline-block;
height: 30px;
width: 30px;
position: relative;
float: right;
top: 12px;
}
.reg-download-text-warn:after {
content: '';
background-image: url(../customlayout/Images/icn_warning_outline.svg);
display: inline-block;
height: 30px;
width: 30px;
position: relative;
float: right;
top: 12px;
}
.reg-download-text-error:after {
content: '';
background-image: url(../customlayout/Images/icn_alert_circle_outline.svg);
display: inline-block;
height: 30px;
width: 30px;
position: relative;
float: right;
top: 12px;
}
.info {
background-image: url(images/icn_help_centre.svg), url(images/icn_help_centre_hover.svg);
background-position: center 6px;
background-size: 20px;
background-repeat: no-repeat;
height: 23px;
width: 32px;
display: inline-block;
user-select: none;
}
.info:hover {
background-image: url(images/icn_help_centre_hover.svg);
}
.info-data {
display: none;
position: absolute;
background: #3c3c3c;
color: #fff;
border-radius: 8px;
padding: 20px;
margin-bottom: 20px;
bottom: 5px;
margin-left: -35px;
}
@media (min-width:768px) and (max-width:1249px) {
.info-data {
position: fixed;
width: 90%;
bottom: auto;
top: 50%;
padding: 20px 10px;
transform: translate(0,-50%);
text-align: left;
white-space: normal;
user-select: none
}
.info-data::after {
display: none !important;
}
.info-data-show {
display: flex !important;
}
}
.info-button {
line-height: 32px;
}
.info-data-show {
display: inline-block;
}
.info-data:after {
content: '';
display: block;
position: absolute;
transform: rotate(-0deg);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 7px solid #3c3c3c;
/* top: 10px; */
bottom: -6px;
}
.Form > div > .page-info-container {
padding: 0;
margin-top: 10px;
}
.page-info-container {
width: -webkit-fill-available;
width: 100% !important;
position: relative;
}
.page-info {
background: #0a2240;
color: #ffffff;
white-space: normal;
padding: 20px 90px 20px 10px !important;
border-left: solid 40px #0a2240;
}
.page-info:before {
background-image: url(images/icn_info_circle_solid.svg);
content: '';
display: block;
position: absolute;
top: 0;
left: 10px;
width: 27px;
height: 100%;
background-repeat: no-repeat;
background-position: center;
}
.page-info-container .page-info-container-a {
position: absolute;
color: #fff;
text-decoration: none;
right: 20px;
top: 40%;
}
.page-info-container a {
color: #fff;
background: transparent;
}
.page-info-container a:hover {
color: #fff;
background: transparent;
}
.page-info-container .page-info-container-a:before {
content: "DISMISS"
}
.InternalPanel > .page-info-container {
margin-top:-10px;
}
#Menu1_Menu {
z-index: 10000;
display: block !important;
position: sticky;
top: 0;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
/* IE10+ specific styles go here */
#Menu1_Menu .content {
position: relative;
z-index: 10000;
}
.mega-drop-down a.last-a:after {
position: relative;
margin: -44px 0 0 44px;
}
/* .wait-label {
height: 118px;
}*/
.LoginUpdatePanel td {
float: left;
width: 100%;
}
.option-container div {
float: left;
}
.fields-container div {
float: left;
}
.settings-link {
cursor: pointer;
}
.TESTcpMonthNavigationTD {
border-radius: 0 !important;
}
.dataTables_filter input {
background-size: 24px 24px !important;
}
select {
background-position: right center;
background-size: 12px 5px;
}
select::-ms-expand {
display: none;
}
.export-label {
height: 200px;
}
.sheet-container canvas,
.sheet-container > div {
background-color: #00000055;
}
input[type='checkbox'] {
opacity: 0;
}
input[type='checkbox']:checked + span::before {
background: #0075ff;
outline: 1px solid #0075ff
}
input[type="checkbox"] ~ span:before {
content: "";
display: inline-block;
width: 13px;
height: 13px;
border: 1px solid silver;
margin: -30px 0 0 -16px;
}
.mega-drop-down a.last-a:after {
position: relative;
top: 20px;
left: 38px;
}
.menu-description {
padding-top: 6px !important;
}
}
.menu-description {
color: #767676;
white-space: normal;
padding: 11px 60px 0 60px;
}
.option-container {
z-index: 2;
}
.fields-container {
z-index: 2;
}
.chart-container {
margin-bottom: 20px;
text-align: center;
}
.categ-div {
position: absolute;
top: 500px;
margin-left: 50%;
left: -320px;
width: 640px;
z-index: 1000;
}
.categ-div div {
width: 100%;
padding: 0 20px 0 20px;
}
.categ-div label:not(.HeadLabel) {
float: left;
height: 32px;
line-height: 32px;
padding-left: 20px;
}
.categ-div td {
padding: 7px 8px !important;
line-height: 45px;
}
.categ-tbl-div {
max-height: 400px;
overflow: auto;
}
.categ-tbl {
margin: 20px;
width: 550px;
}
.categ-tbl tbody tr:nth-child(odd) {
background-color: #f9f9f9 !important;
}
.categ-tbl tbody tr:nth-child(even) {
background-color: #ffffff;
}
.categ-tbl > tbody > tr > .div-noAccess {
background-color: transparent !important;
}
.categ-tbl > tbody > tr > td .div-Access {
background-color: transparent !important;
}
.ml-edit-div {
position: absolute;
top: 500px;
margin-left: 50%;
left: -25%;
width: 50%;
z-index: 1000;
}
#divBrowse .FormHeadLabel {
margin-top: 20px;
margin-bottom: 5px;
}
#divBrowse {
top: 150px !important;
}
#divFind {
top: 150px !important;
min-width: 350px;
}
#divFind.FloatingPanel {
padding-left: 20px !important;
padding-right: 20px !important;
}
#divFind.FloatingPanel > .FormHeadLabel {
padding-left: 0px !important;
}
#pnlDocs.FloatingPopupPanel {
padding-left: 20px !important;
padding-right: 20px !important;
}
.fileUploadLabel {
width: 710px !important;
line-height: 41px !important;
margin: 10px 0;
}
[field-id] .fileUploadLabel {
margin: 0px;
}
[field-id] .fileUploadButton {
margin-top: 0px !important;
}
.cm-bankbal-import .fileUploadLabel {
width: 665px !important;
/* margin-left: 5px;
*/}
.fx-bankbal-import .fileUploadLabel {
width: 402px !important;
/* margin-left: 5px;
*/}
[div-id=txtFcUploadFile] .button-secondary {
margin-top: 5px;
}
.ConfirmBox {
position: fixed;
width: 500px !important;
top: 50%;
height: 190px !important;
margin-top: -95px;
margin-left: -250px !important;
left: 50%;
font-family: "Roboto", Helvetica, Arial, sans-serif !important;
background-color: #fff !important;
border: none !important;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
transition: box-shadow 200ms ease 50ms;
padding: 10px 10px 10px 10px;
text-align: center;
user-select: none;
z-index: 10012 !important;
}
.ConfirmBoxMini {
position: fixed;
width: 300px !important;
top: 50%;
height: 120px !important;
margin-top: -95px;
margin-left: -150px !important;
left: 50%;
font-family: "Roboto", Helvetica, Arial, sans-serif !important;
background-color: #fff !important;
border: none !important;
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
transition: box-shadow 200ms ease 50ms;
padding: 10px 10px 10px 10px;
text-align: center;
user-select: none;
z-index: 10012 !important;
}
.ConfirmBoxLabel {
height: 42px;
}
.ConfirmBoxButtons {
}
div.required {
border: unset !important;
}
div.required select, div.required input, div.required span.select2 {
/* border: 1px solid #d0021b !important; */
outline: #d0021b 1px solid;
outline-offset: 0px;
}
td.required > * {
border: 1px solid #d0021b !important;
}
div.required:after {
content: "required";
color: #d0021b;
position: relative;
/* margin-left: -47px; */
margin-top: -66px;
font-size: 12px;
pointer-events: none;
/* right: 0; */
float: right;
}
td.required > * {
border: 1px solid #d0021b !important;
}
td.required:before {
content: attr(req-msg);
color: #d0021b;
position: absolute;
margin-left: 2px;
margin-top: -16px;
font-size: 9px;
pointer-events: none;
}
.bulk-auth-checked {
color: green;
}
.bulk-auth-unchecked {
color: silver;
}
.odd {
background-color: #ffffff !important;
}
.even {
background-color: #eceff3 !important;
}
.Form {
width: 100%;
/* background-color: #f2f3f4;
border: solid 1px #dbdbdb;
padding-bottom: 12px;*/
}
.collapsible-handle {
background-color: #1b55d3;
color: #ffffff;
height: 50px;
line-height: 50px;
font-size: 18px;
padding-left: 5px;
border-radius: 2px 2px 0 0;
}
.collapsible-handle .FormHeadLabel {
color: #ffffff;
line-height: 50px;
margin-left: 0;
margin-right: 0;
}
.collapsible-handle hr {
display: none;
}
.collapsible .TableCellHead, .TableCellHead.TableCellHead-secondary, .TableCellHead-secondary {
background-color: #e0e9fa !important;
color: #0a2240 !important;
height: 45px !important;
font-weight: bold !important;
}
div.dataTables_scrollBody td.TableCellHead {
height: unset !important;
}
.collapsible .dataTables_Head tr:first-child, .collapsible .dataTables_scrollHead, .collapsible .google-visualization-table-tr-head {
background-image: unset !important;
}
.collapsible.collapsed > a > span:after {
color: #ffffff;
content: "\002B";
border: solid 1px #ffffff;
border-radius: 2px;
padding: 0px 8px;
float: right;
margin: 10px;
height: 30px;
line-height: 29px;
}
.collapsible.expanded > a > span:after {
color: #ffffff;
content: "\2212";
border: solid 1px #ffffff;
border-radius: 2px;
padding: 0px 8px;
float: right;
margin: 10px;
height: 30px;
line-height: 29px;
}
.td-collapsible {
display:block;
}
.Table tr:nth-child(odd) {
background-color: #eceff3;
}
.Table tr:nth-child(even) {
background-color: #ffffff;
}
table.dataTable.no-footer {
border-bottom: unset;
}
/* table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
border-left: solid 1px #fff !important;
border-right: solid 1px #fff !important;
}*/
.settings-link {
width: unset !important;
}
.dataTable tr:nth-child(odd):not(tr:nth-child(1)) {
background-color: #eceff3;
}
.dataTable tr:nth-child(even) {
background-color: #ffffff;
}
.dataTable tr:hover.selected:not(tr:nth-child(1)),
.dataTable tr:hover:not(tr:nth-child(1)) {
background-color: #e0e9fa !important;
}
.cashman-iat-body .dataTable tr:not(tr:nth-child(1)) {
background-color: #ffffff;
}
.cashman-iat-body .dataTable tr:hover:not(tr:nth-child(1)) {
background-color: #ffffff !important;
}
.cashman-iat-body .dataTable td {
height: 45px !important;
}
.option-container {
background-color: #f2f3f4;
border: solid 1px #dbdbdb;
margin: 15px 20px;
padding: 0 0 10px 0;
position: relative;
width: Calc(100% - 40px) !important;
}
.fields-container {
background-color: #f2f3f4;
border: solid 1px #dbdbdb;
margin: 15px 20px;
padding: 0 0 10px 0;
position: relative;
width: Calc(100% - 40px) !important;
}
.fields-container .settings-link {
position: absolute;
top: 5px;
right: 6px;
width: unset !important;
padding: 0;
}
.fields-container hr {
display: none;
}
.fields-container.Form {
width: -webkit-fill-available;
}
.inline_search input {
height: 40px !important;
border-radius: 2px 0 0 2px;
padding-top: 1px;
width: calc(100% - 63px);
}
.inline_search a {
border-radius: 0 3px 3px 0 !important;
margin-left: -3px;
}
.Form > div {
padding-top: 0px;
}
.no-border {
border-collapse: unset;
}
#tblMMForm .tabs a {
height: 46px;
line-height: 45px;
}
.BulkInput {
margin-top: 10px;
display: inline-block;
}
#divLinkUser {
width: 700px;
overflow: hidden;
}
.fileUploadButton {
margin: 10px 0 0 0 !important;
width: 120px !important;
height: 45px;
margin-right: 5px !important;
}
.less-margin-top {
margin-top: 5px !important;
}
.form-buttons {
position: fixed;
bottom: 3px;
}
#tblDocs a {
color: #0069C4;
cursor: pointer;
text-decoration: none;
font-weight: bold;
letter-spacing: 0.02em;
height: 45px;
line-height: 45px;
padding-left: 5px;
}
#tblDocs a:hover {
color: #0089FF;
}
.col-1 > div {
width: 100%;
}
.col-2 > div {
width: 50%;
}
.col-3 > div {
width: 33.33%;
}
.col-4 > div {
width: 25%;
}
.col-5 > div {
width: 20%;
}
.col-6 > div {
width: 16.66%;
}
.divField {
margin: unset;
}
.dataTables_wrapper .dataTables_filter input {
margin: 0 0 3px 0;
}
.dataTables_filter {
margin-right: unset;
}
#cmdAuthButton_0 {
display: none;
}
.no-right-pad {
padding-right: 0px;
}
.no-left-pad {
padding-left: 0px !important;
}
.right-pad {
padding-right: 20px;
}
.bottom-pad {
padding-bottom: 20px !important;
}
.left-right-pad {
padding: 0 20px;
}
.right-margin {
margin-right: 20px;
}
.Form > div > .button-secondary,
[table-id="tblExpired"] {
margin-left: 20px;
}
div[field-id="Buttons"],
div[field-id="LinkUserButtons"],
div[table-id="Buttons"],
div[table-id="tblButtons"],
.Authorisation .full {
width: 100% !important;
padding-right: 20px !important;
}
div[table-id="tblButtons"] > table.full {
width: 100% !important;
}
.fields-container > div > .button-secondary {
margin-left: 10px !important;
}
.Form > div > div > div > .button-secondary {
margin-left: 0px !important;
}
.fields-container > div > div,
.fields-container > div > label {
padding-left: 13px !important;
padding-right: 13px;
margin-left: 0px;
}
.fields-container > div > div > label {
padding-left: 0px;
padding-right: 0px;
}
.fields-container > div > div > select,
.fields-container > div > div > input[type="text"] {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
.fa-trash-alt {
color: red !important;
}
.form > div.collapsible div {
padding-right: 0px;
}
.dia-table th {
background-color: #0033A1;
height: 80px;
font-size: 14px;
font-weight: 500 !important;
}
.dia-table tbody td {
height: 59px;
font-size: 14px;
font-weight: 500 !important;
padding: 7px 8px !important;
}
.dia-table tr.GroupHeader {
background-color: #e0e9fa;
}
.dia-table td.GroupHeader {
font-weight: bold !important;
}
.dia-table .data td:nth-child(1) {
padding-left: 20px !important;
}
.dia-table td.input {
background-color: unset !important;
}
.dia-table tr.data td.input input {
border: 1px solid #D2D2D2 !important;
height: 100% !important;
}
/*.dataTable-input thead tr,
.dataTable thead tr {
background-color: #0033a1 !important;
}
*/
.dataTable-input thead tr td.TableCellHead,
.dataTable thead tr td.TableCellHead {
white-space: nowrap;
}
.dataTable-input tbody tr.data,
.dataTable tbody tr.data {
background-color: #fff !important;
height: 45px;
}
.dataTable-input tbody tr.total,
.dataTable tbody tr.total {
background-color: #eceff3 !important;
}
.dataTable-input.alt-row tbody tr:nth-child(odd),
.dataTable.alt-row tbody tr:nth-child(odd) {
background-color: #f2f3f4 !important;
}
/*.dataTable-input tr:nth-child(1) {
background-color: #0033a1;
}
*/
.dataTable tfoot tr,
.dataTable-input tfoot tr {
background-color: unset !important;
}
.shadow {
border-radius: 2px;
box-shadow: 0 2px 3px 2px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
transition: box-shadow 200ms ease 50ms;
}
.dataTable-input thead tr td.TableCellHead .sub,
.dataTable thead tr td.TableCellHead .sub {
background-color: #e0e9fa !important;
background: #e0e9fa !important;
color: #0a2240 !important;
height: 45px !important;
}
.blocker {
position: fixed;
z-index: 100;
}
.highlight-cell {
background-color: #e0e9fa !important;
}
.auth-cell {
background-color: #daffd8 !important;
}
table.sticky-head tbody,
table.sticky-head thead {
display: block;
}
table.sticky-head tbody {
overflow-y: auto;
}
.small-button {
height: 40px;
font-size: 13px;
margin: 10px 0 10px 10px !important;
}
.inline-small-button {
height: 40px;
font-size: 13px;
margin: 10px 0 10px -3px !important;
}
.inline-find-account {
display: inline-block;
margin-left: 10px;
}
.inline-find-account input {
height: 40px !important;
width: 100%;
}
.FormHeadLabel label {
padding-left: 0 !important;
}
span.Textbox {
height: 45px;
line-height: 45px;
}
.small-font {
font-size: 12px;
}
@media screen and (max-width: 700px) {
.alert-wait-label, .oauth-wait-label {
background-color: #ffffff;
position: fixed;
width: 678px;
height: 600px;
top: 50%;
margin-top: -300px;
margin-left: -339px;
left: 350px;
z-index: 10001;
border: 1px solid #3f73ac;
display: none;
/*margin: 30px auto 30px auto;*/
padding: 10px 10px 10px 10px;
color: #3f73ac;
text-align: center;
user-select: none;
}
}
@media screen and (min-width: 700px) {
.alert-wait-label, .oauth-wait-label {
background-color: #ffffff;
position: fixed;
width: 678px;
/*height: 600px;*/
top: 50%;
margin-top: -300px;
margin-left: -339px;
left: 50%;
z-index: 10001;
border: 1px solid #3f73ac;
display: none;
/*margin: 30px auto 30px auto;*/
padding: 10px 10px 10px 10px;
color: #3f73ac;
text-align: center;
user-select: none;
}
}
@media screen and (max-width: 640px) {
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
float: left;
text-align: center;
}
}
table.fixed-table {
table-layout: fixed;
}
.ml-label label {
width: 145px;
}
.ml-radio {
float: left;
margin: 9px;
}
.ml-input-lbl {
width: 16% !important;
margin-left: 8%;
}
.ml-input {
width:75% !important;
}
.ml-sub-label label {
padding-left: 45%;
}
.pb-progress {
position: relative;
width: 100%;
border-bottom: 5px solid #c3c5cc;
height: 24px;
}
.pb-bar {
background-color: #256ac7;
height: 4px;
transition: width 150ms;
top: 20px;
left: 0px;
position: absolute;
}
.pb-percent {
position: absolute;
display: inline-block;
left: 50%;
line-height: 24px;
transform: translateX(-50%);
}
.one-click {
font-style: normal;
}
.one-click:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f053";
color: #000;
/* font-style: normal; */
/* width: 20px; */
/* display: inline-block; */
/* text-align: center; */
padding-right: 8px;
font-size: 12px;
position: relative;
}
table.dataTable tbody td.one-click-placeholder {
padding-left: 31px !important;
}
.no-ml-data {
color: #858d9d;
font-size: 20px;
padding: 20px;
text-align: center;
}
.transaction-export {
width: 100px;
margin-top: 10px;
height: 50px !important;
}
.upload-div {
width: 880px;
position: absolute;
top: 50px;
left: -440px;
margin-left: 50%;
z-index: 10;
}
.upload-file-div {
padding: 0 10px 0 20px;
}
.lockdown-div {
padding: 10px;
}
.lockdown-div .HeadLabel {
width: unset!important;
}
.lockdown-div td {
padding: 6px;
}
.fc-expanded-label {
display: inline-block;
padding-top: 6px;
padding-left: 10px;
font-size: 20px;
font-weight: 400;
color: #858d9d;
width:100%;
}
.fc-expanded-label:after {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: "\f078";
color: #858d9d;
margin: 10px;
}
#divInput {
padding:0px;
}
.collapsible-filters-handle {
background-color: #f2f3f4;
border: solid 1px #dbdbdb !important;
margin: 15px 20px;
padding: 0;
width: Calc(100% - 40px) !important;
box-shadow: none;
}
.collapsible-filters-handle.expanded {
border-bottom: solid 1px transparent !important;
}
.collapsible-filters-handle .FormHeadLabel {
color: #868d9d;
font-size: 22px !important;
margin-top: 0px;
}
.collapsible-filters-handle .FormHeadLabel:after {
color: #868d9d !important;
border-color: #868d9d !important;
}
.fields-container.collapsible-filters-content {
margin-top: -16px;
border-top: solid 1px transparent !important;
position: absolute;
left: 0px;
}
.Textbox-Label-Inline.fc-info-1 {
width: 55%;
white-space: nowrap;
line-height: 12px;
}
.Textbox-Label-Inline.fc-info-2 {
width: 45%;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 5px !important;
}
.cr-duration-div {
padding: 10px;
}
.cr-duration-div .HeadLabel {
width: unset !important;
}
.cr-duration-div td {
padding: 6px;
}
.fake-checkbox-on {
outline: 1px solid #ffffff;
outline-offset: -3px;
width: 16px;
height: 16px;
display: block;
background-color: #297afe;
margin-top: 1px;
}
.fake-checkbox-off {
outline: 1px solid #767676;
outline-offset: -1px;
width: 13px;
height: 13px;
display: block;
margin-top: 1px;
background-color: #ffffff;
}
.fake-checkbox-on.disabled {
background-color: #d9d9d9;
outline: 1px solid #ffffff;
}
.fake-checkbox-off.disabled {
outline: 1px solid #d9d9d9;
}
.export-label {
width: 425px;
margin-left: -212px;
}
.export-label > div {
padding-bottom: 10px;
}
.align-right > div > :first-child {
text-align: right;
}
#tblBulkInput td {
padding: 5px
}
#tblDItems td span input,
#tblDItems td a i,
#tblDItems td div.CategColor {
margin-top: 15px !important;
}
.alert-green,
.alert-green input {
color: #0ba10e;
border-color: #0ba10e;
}
.alert-amber,
.alert-amber input {
color: orange;
border-color: orange;
}
.alert-red,
.alert-red input {
color: red;
border-color: red;
}
[disabled] {
color: #858D9D !important;
}
.red-dot {
width: 10px;
height: 10px;
background-color: #e02222;
border-radius: 50%;
display: inline-block;
}
.green-dot {
width: 10px;
height: 10px;
background-color: #1cba36;
border-radius: 50%;
display: inline-block;
}
.select2-container {
display: table !important;
width: 100% !important;
}
.select2-container .select2-selection--single {
height: 45px !important;
color: #858D9D !important;
border: 1px solid #d2d2d2 !important;
background-color: #FDFDFD !important;
margin-top: 0 !important;
font-size: 13px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 43px !important;
/*color: #858D9D !important;
border: 1px solid #d2d2d2 !important;*/
background-color: #FDFDFD !important;
font-size: 13px !important;
}
.select2-container--default .select2-selection--single[aria-disabled="true"] > .select2-selection__rendered {
color: #858D9D !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 13px !important;
}
.select2-results__option--selectable {
min-height: 25px;
}
.field-required > span.select2-container {
border: 1px solid #d0021b !important;
border-radius: 10px;
}
.field-required:after {
content: "required";
color: #d0021b;
/* position: relative; */
margin-top: -8px;
margin-left: -74px;
font-size: 12px;
pointer-events: none;
float: inline-end;
position: absolute;
background-color: #fff;
padding: 0 5px 0 10px;
border-radius: 10px;
}
.tree .select2-container {
display: inline-block !important;
width: 70% !important;
}
.tree .select2-container .select2-selection--single {
height: 40px !important;
}
.tree .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px !important;
}
.tree li div div:last-child {
position: absolute;
right: 0;
}
#txtSelFormat, #txtExportFormatCP {
width: 100px;
margin-top: 10px;
height: 50px !important;
}
/*td:has(> #txtSelFormat, #txtExportFormatCP) {
padding-top: 26px;
}*/
.fc-bulkinput-body .fileUploadLabel {
margin: 0 0 0 10px;
}
.dataTables_wrapper {
padding: 0 !important;
width: 100%
}
#divBrowse label {
width: 100% !important
}
.select2-results__option {
white-space: nowrap;
text-overflow: ellipsis;
}
.tab-disabled {
color: #9c9cb6 !important;
}
.month-days {
outline: #d2d2d2 1px solid;
outline-offset: -7px;
}
.month-days-div {
width: 260px !important;
}
.month-days-div td {
padding:6px;
}
.lockdown-div {
width: 448px !important;
}
.lockdown-div .disabled {
color: #c4c5ca;
pointer-events: none;
}
.lockdown-div .select2-container {
width: 80px !important;
}
#tblReports .td-label {
font-size: 18px;
padding: 20px 0 6px 0;
}
.required-expandable {
background-color: #d0021b;
}
.required-expandable:before {
content: "required";
color: #d0021b;
position: relative;
margin-top: -32px;
font-size: 12px;
pointer-events: none;
float: inline-end;
height: 12px;
}
.partly-required-expandable {
background-color: #dd611a;
}
.partly-required-expandable:before {
content: "partially required";
color: #dd611a;
position: relative;
margin-top: -32px;
font-size: 12px;
pointer-events: none;
float: inline-end;
height: 12px;
}
div.partly-required select, div.partly-required input, div.partly-required span.select2 {
outline: #dd611a 1px solid;
outline-offset: 0px;
}
td.partly-required > * {
border: 1px solid #dd611a !important;
}
div.partly-required:after {
content: "partially required";
color: #dd611a;
position: relative;
margin-top: -66px;
font-size: 12px;
pointer-events: none;
float: right;
}
.tr-check-none td {
padding-top: 15px;
}
.mandatory-table td {
width: 50%;
}
.mandatory-table td.td-checkbox {
width: 25px;
}
div.err {
border: unset !important;
}
div.err select, div.err input, div.err span.select2 {
/* border: 1px solid #d0021b !important; */
outline: #d0021b 1px solid;
outline-offset: 0px;
}
td.err > * {
border: 1px solid #d0021b !important;
}
div.err:after {
content: "error";
color: #d0021b;
position: relative;
/* margin-left: -47px; */
margin-top: -66px;
margin-right: 18px;
font-size: 12px;
pointer-events: none;
/* right: 0; */
float: right;
}
td.err > * {
border: 1px solid #d0021b !important;
}
td.err:before {
content: attr(req-msg);
color: #d0021b;
position: absolute;
margin-left: 2px;
margin-top: -16px;
font-size: 9px;
pointer-events: none;
}
/***** New SBSA Layout *****/
.button-primary,
.button-secondary,
.button-disabled,
.btn-group [type="button"],
#tblOptions a {
border-radius: 8px !important;
height: 50px !important;
line-height: 49px !important;
padding: 0 20px !important;
margin: 20px 20px 20px 0 !important;
width: unset;
}
.button-primary,
.btn-group [type="button"],
#tblOptions a {
border: Solid 1px #1257fb !important;
background-color: #fff;
color: #1257fb !important;
}
.button-primary:hover,
.btn-group [type="button"]:hover,
#tblOptions a:hover {
background-color: #1257fb !important;
color: #fff !important;
}
#tblOptions a.button-secondary,
.button-secondary,
.tree .btn-group .button,
.tree .btn-group .Button {
border: Solid 1px #ffffff;
background-color: #ffffff;
color: #1257fb;
}
#tblOptions a.button-secondary:hover,
.button-secondary:hover,
.tree .btn-group .button:hover,
.tree .btn-group .Button:hover {
border: Solid 1px #e0eefd;
color: #1257fb;
background-color: #e0eefd;
}
#tblOptions a.Disabled,
#tblOptions a.Disabled:hover,
#tblOptions a[disabled],
#tblOptions a[disabled]:hover,
#tblOptions a.aspNetDisabled,
#tblOptions a.aspNetDisabled:hover,
.button-primary:disabled,
.button-primary:disabled:hover,
.button-primary[disabled],
.button-primary[disabled]:hover {
background-color: #fff !important;
border: Solid 1px #727272 !important;
color: #727272 !important;
cursor: default;
padding: 0 20px !important;
}
.button-secondary:disabled,
.button-secondary:disabled:hover,
.button-secondary[disabled],
.button-secondary[disabled]:hover {
background-color: transparent !important;
color: #727272 !important;
border-color: transparent !important;
cursor: default;
}
.fileUploadButton {
margin-top: 10px !important;
margin-bottom: 10px !important;
width: unset!important;
}
div {
box-shadow: none !important;
}
.HeadLabel {
display: block !important;
}
#pnlAdd,
.InternalPanel {
background-color: transparent !important;
border: none !important;
margin-top: 0 !important;
padding-top: 0 !important;
}
.FloatingPopupPanel {
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
}
.fileUploadLabel {
height: 50px !important;
line-height: 49px !important;
}
[table-id="tblOptions"] {
margin: 0 !important;
padding: 0 !important;
}
[field-id="tblReqAccountButtons"],
.collapsible-handle,
.fields-container,
.option-container,
.btn-group,
#tblOptions {
border-collapse: separate;
width: 100% !important;
margin: 0 !important;
padding: 0 0 0 20px !important;
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
position: relative;
}
.btn-group:last-child {
margin-top: 20px !important;
}
#tblOptions,
.fields-container {
margin-bottom: 20px !important;
}
#tblOptions tr {
background-color: transparent !important;
border: none !important;
}
#tblOptions td {
padding: 0;
}
.inline_search input {
border-radius: 8px 0 0 8px;
width: calc(100% - 96px);
}
input[type=text],
select,
.select2-selection,
.select2-selection--multiple,
.Textbox,
.select2-search__field,
#data-table-search {
border-radius: 8px !important;
padding-left: 20px !important;
padding-right: 10px !important;
}
.select2-selection--multiple {
min-height: 45px !important;
}
#data-table-search {
padding-left: 50px !important;
}
.Form > div > label,
.fields-container > div > div > label {
position: relative;
top: 10px;
left: 10px;
width: fit-content !important;
border-radius: 8px !important;
margin-left: 2px !important;
padding: 0 5px 0 5px !important;
height: 20px;
line-height: 20px;
background-color: #fff;
z-index: 1;
}
.Form > div > label {
margin-left: 20px !important;
}
.info {
background-position: right 0px;
background-size: 18px;
height: 15px;
width: 26px;
}
[type="checkbox"],
[type="radio"] {
margin: 20px 20px 0 17px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
background-color: transparent !important;
}
.select2-container .select2-selection--single {
padding-left: 5px !important;
padding-right: 5px !important;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
background-color: #f7f7f7 !important;
border-color: #d2d2d2 !important;
height: 45px !important;
line-height: 29px !important;
}
div.fieldGrp,
table.fieldGrp,
span[table-id="Buttons"],
div[field-id="Buttons"],
div[field-id="buttons"],
div[table-id="Buttons"],
div[table-id="tblButtons"],
div[field-id="RunReport"],
div.buttonGrp,
table.buttonGrp {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
border-radius: 10px !important;
margin: 0 !important;
padding: 0 0 0 0 !important;
width: 100% !important;
}
.fieldGrp div[field-id="Buttons"] {
border: none !important;
margin: 0 !important;
}
.FormHeadLabel {
color: #333 !important;
font-size: 18px !important;
font-weight: normal !important;
margin-left: 10px !important;
border: none !important;
text-transform: capitalize !important;
}
.FormHeadLabel b {
font-weight: normal !important;
}
div.fieldGrp {
padding: 0 0 20px 0 !important;
}
div.buttonGrp,
table.buttonGrp,
span[table-id="Buttons"],
div[field-id="Buttons"],
div[field-id="buttons"],
div[table-id="Buttons"],
div[table-id="tblButtons"],
div[field-id="RunReport"] {
margin-top: 20px !important;
}
/*div.fieldGrp,*/
table.fieldGrp {
overflow: hidden;
}
div.fieldGrp:empty,
table.fieldGrp:empty {
display: none !important;
}
table.fieldGrp,
table.buttonGrp {
border-collapse: separate;
}
div[field-id="Buttons"] br {
display: none;
}
.page-info-container,
.page-info {
border-radius: 10px;
}
/*.dataTable-input .TableCellHead {
border-radius: 10px 0 0 0;
}*/
/*.dataTable-input thead tr:first-child th:last-child,
.dataTable-input tbody tr:first-child td:last-child {
border-radius: 0 10px 0 0;
}*/
.collapsible {
padding: 0 !important;
}
.collapsible.collapsed > a > span:after {
content: "\f107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #4a4a4a;
font-style: normal;
padding-right: 8px;
font-size: 20px;
cursor: pointer;
height: 29px;
}
.collapsible.expanded > a > span:after {
content: "\f106";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #4a4a4a;
font-style: normal;
padding-right: 8px;
font-size: 20px;
height: 29px;
}
.collapsible.collapsed > a > span:after,
.collapsible.expanded > a > span:after {
border: none;
}
.collapsible-handle {
color: #000 !important;
background-color: #fff !important;
margin: 20px 0 0 0 !important;
}
.collapsible-handle .FormHeadLabel {
color: #878d9d !important;
margin-top: 0 !important;
}
.collapsible-filters-handle {
margin: 0 !important;
padding: 0 !important;
border: none !important;
width: 100% !important;
border: none !important;
}
.collapsible-filters-handle .collapsible-handle {
margin: 0 !important;
}
.collapsible-filters-handle.collapsed .collapsible-handle {
margin-bottom: 20px !important;
}
.collapsible-filters-handle.expanded {
border: none !important;
}
.collapsible-filters-handle .FormHeadLabel {
margin-bottom: 0 !important;
line-height: 46px;
}
.collapsible.expanded .collapsible-handle {
border-radius: 10px 10px 0 0;
}
.collapsible .content {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
border-top: none !important;
border-radius: 0 0 10px 10px;
padding: 0 0px 20px 0px !important;
margin: 0 !important;
overflow: hidden;
}
.auto-collapsible-filters-content {
border-radius: 0 0 10px 10px;
border-top: none !important;
}
.collapsible .content:empty {
display: none;
}
.collapsible .TableCellHead,
.TableCellHead.TableCellHead-secondary,
.TableCellHead-secondary {
background-color: #e5e6e7 !important;
color: #000 !important;
font-weight: normal !important;
border-radius: 0 !important;
}
.sub-head {
margin-top: 5px;
color: #333;
font-size: 18px;
font-weight: normal;
margin-left: 10px !important;
border: none !important;
text-transform: capitalize;
}
.sub-head hr {
display: none
}
.page-info-container {
margin:0 !important;
}
.page-info-container .page-info-container-a {
top: 36%;
}
div.required:after {
margin-top: -55px;
right: 10px;
background-color: #fff;
padding: 0 5px 0 10px;
border-radius: 10px;
z-index: 10;
}
div.required select, div.required input, div.required span.select2 {
border-radius: 10px;
}
.select2-container {
width: 100% !important;
display: inline-block !important;
}
div.required [type="radio"] {
border-radius: 50px;
}
div.required [type="radio"] {
appearance: none;
outline: 1px solid #ca0019;
border: 1px solid #d2d2d2;
border-radius: 50px;
width: 17px;
height: 17px;
margin-top: -3px;
margin-left: 15px;
vertical-align: middle;
}
div.required [for] {
padding-top: 13px;
padding-left: 1px;
display: inline-block;
}
.select2-container {
width: 100% !important;
display: inline-block !important;
}
#divTree {
padding-right: 0px !important;
}
#divTree > ul,
div.fieldGrp1 {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
margin: 0 !important;
padding: 0 0 20px 0 !important;
}
#divTree > ul {
margin-top: 20px !important;
padding-top: 20px !important;
padding-right: 20px !important;
}
div.top-margin {
margin-top: 20px !important;
}
.fa-trash-alt.disabled {
color: #d2d2d2 !important;
}
.tree li > div {
border-radius: 8px;
}
.TESTcpBorder {
border-radius: 10px;
overflow: hidden;
}
.TESTcpBorder .TESTcpYearNavigation {
padding-left: 0 !important;
}
.TESTcpBorder .TESTcpCurrentDate {
border-radius: 8px;
}
.chart,
#settings_container,
#settings_container .settings-chart {
border-radius: 10px;
border: solid 1px #d8d8d8 !important;
overflow: hidden;
}
.chart {
margin: 2px;
}
.response,
.ResponseLabel {
border-radius: 10px;
}
.loading-data {
position: relative;
}
.loading-data:before {
content: "";
position: absolute;
top: 0;
right: 0;
margin: 33px 50px 0 0;
width: 20px;
height: 20px;
border: 1px transparent solid;
border-top: 1px solid #0033A1;
border-right: 1px solid #0033A1;
border-radius: 50px;
z-index: 2;
animation: spin 1s linear infinite;
}
[inline-field].loading-data:before {
margin: 11px 60px 0 0;
}
.body-api-error .loading-data:before {
border-top-color: #ff0000;
border-right-color: #ff0000;
}
td.loading-data:before {
margin: 16px 24px 0 0;
}
.loading-data-button {
position: relative;
}
.loading-data-button::before {
content: "";
position: absolute;
top: 2px;
right: 2px;
margin: 0;
width: 16px;
height: 16px;
border: 1px transparent solid;
border-top: 1px solid #0033A1;
border-right: 1px solid #0033A1;
border-radius: 50px;
z-index: 1;
animation: spin 1s linear infinite;
}
input[type="text"]:-webkit-autofill,
input[type="password"]:-webkit-autofill {
background-color: #fff !important;
font-style: italic;
box-shadow: 0 0 0px 1000px #fff inset !important;
}
#tblOptions .inline_search input {
width: calc(100% - 116px);
margin-right: 20px;
height: 45px !important;
line-height: 45px !important;
}
.balance-container.fieldGrp {
margin-bottom: 20px !important;
padding: 15px 20px 20px 20px !important;
}
.balance-container .bal-container {
display: inline-block;
margin: 0 50px 0 0;
}
.balance-container .bal-container .bal-head {
font-size: 15px;
color: #878d9c;
}
.balance-container .bal-container .bal-data {
text-align: right;
}
.dataTables_processing .wait-lable-bg {
position: fixed;
top: 0;
left: 0;
}
.advanced-alert-ok-button {
margin: 10px 0 0 0 !important;
}
.editable {
border-radius: 8px;
padding: 0 5px;
}
.scroll-table {
overflow: scroll;
max-height: 500px;
display: block;
}
.scroll-table .TableCellHead {
position: sticky;
top: 0
}
.scroll-table .fileUploadLabel {
width: 465px !important;
}
.select2-search__field {
border: 1px solid #d2d2d2;
border-radius: 8px;
}
span.hide {
display:none !important
}
span.select2-container > span.select2-dropdown {
width: fit-content !important;
min-width: unset !important;
border: 1px solid #d2d2d2;
border-radius: 8px;
}
.a-graph {
background-color: #e6e6e7;
}
/***** Page specific styles ******/
/**************************************************
Login / logout
**************************************************/
.LoginBody .LoginUpdatePanel {
background-color: transparent;
padding: 0;
width: 400px;
margin-left: -200px;
}
@media (max-width:1249px) {
.LoginBody .LoginUpdatePanel {
margin-left: unset !important;
}
}
.LoginBody .fieldGrp {
padding: 20px 20px 0 20px !important;
border-radius: 10px 10px 0 0 !important;
border-bottom: none !important;
}
.LoginBody [field-id="Buttons"] {
margin-top: 0 !important;
border-radius: 0 0 10px 10px !important;
border-top: none !important;
}
.LoginBody tr {
position: relative;
padding-bottom: 20px !important;
}
.LoginBody td:not(.LoginTable):not(TableCellHead) {
padding-bottom: 20px !important;
}
.LoginBody .LoginTable {
position: absolute;
top: 0;
left: 0;
margin-top: -9px;
margin-left: 7px;
background-color: #fff;
padding: 0 5px;
}
.LoginBody [role="row"],
.LoginBody [role="row"] .TableCellHead {
margin-bottom: 0px !important;
padding-bottom: 0px !important;
height: 0px !important;
}
.LoginBody [role="row"] .TableCellHead {
padding-top: 20px !important;
}
.LoginBody table.dataTable tr td {
padding-bottom: 5px !important;
}
.LoginBody #tblLogin tr:nth-last-child(2),
.LoginBody #tblLogin tr:nth-last-child(1) {
display: none;
}
.LoginBody [action="./logout.aspx"] #pnlLogin {
text-align: center !important;
background-color: #fff;
padding: 20px;
border-radius: 10px;
border: solid 1px #d8d8d8 !important;
}
.LoginBody [action="./logout.aspx"] #lblHead {
padding-bottom: 15px;
}
[action="./logout.aspx"] .LoginUpdatePanel {
margin-top: -171px;
}
[action="./logout.aspx"] .LoginUpdatePanel .response-ok span {
margin: 0 !important;
width: 100%;
}
.LoginBody:not([action="./logout.aspx"]) .ResponseLabel {
margin: 10px 0 0 0;
width: 100%;
}
/**************************************************
Databases / Company
**************************************************/
.company-body .fieldGrp {
padding: 0px !important;
border-radius: 10px !important;
border-bottom: solid 1px #d8d8d8 !important;
}
.company-body .dataTables_scrollBody {
border-bottom: none !important;
}
/**************************************************
Registration
**************************************************/
.registration-body .LoginUpdatePanel {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
padding: 20px 20px 0 20px !important;
border-radius: 10px;
}
#pnlDownload.LoginUpdatePanel {
width: 554px;
margin-left: -277px;
}
#pnlDownload.LoginUpdatePanel #buttoncontainer {
height: unset !important;
}
#pnlDownload.LoginUpdatePanel #buttoncontainer .button-secondary {
margin-top: 0 !important;
}
/**************************************************
Databases / Company
**************************************************/
.default-body .page-info-container,
.default-body .HeadLabel,
.default-body [field-id="expandCollapsible"],
.default-body .fields-container {
margin-left: 20px !important;
width: calc(100% - 40px) !important;
}
.default-body .fields-container > div > div {
overflow: hidden;
}
.default-body .fields-container > div > div > label {
float: none !important;
display: block !important;
}
.default-body .fields-container .bottom-pad {
padding: 0 !important;
}
.default-body .chart
.default-body #settings_container,
.default-body #settings_container .settings-chart {
border-radius: 10px;
border: solid 1px #d8d8d8 !important;
}
/***************************************************
IB Overnight Borrowing Facilities
***************************************************/
.ib-obf-body #pnlAdd {
padding: 0 !important;
}
.ib-obf-body #divTabs {
background-color: #fff !important;
/* border: solid 1px #d8d8d8 !important; */
margin: 0 0 20px 0 !important;
border-radius: 10px;
overflow: hidden;
height: 50px;
border-bottom: unset
}
.ib-obf-body .collapsible-filters-handle {
background-color: #fff !important;
}
/* .ib-obf-body .collapsible-filters-handle a.collapsible-handle {
margin-top: 0 !important;
}*/
.ib-obf-body .tab-panel {
background-color: transparent !important;
}
.ib-obf-body .tab-content {
margin-bottom: 0 !important;
background-color: #fff !important;
padding: 20px;
border: 1px solid #d8d8d8;
border-radius: 10px
}
.ib-obf-body [field-id="HeadInfo"],
.ib-obf-body [table-id="tblAccruals"],
.ib-obf-body #tblCurrPos_wrapper,
.ib-obf-body #fieldGrp,
.ib-obf-body div[table-id="tblAccuralsButtons"],
.ib-obf-body div[table-id="cmdCashflowUpdates"],
.ib-obf-body div[field-id="cmdSave"] {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
padding: 0 0 0 20px !important;
margin: 20px 0 !important;
width: 100% !important;
}
.ib-obf-body div[table-id="tblAccuralsButtons"],
.ib-obf-body div[table-id="cmdCashflowUpdates"],
.ib-obf-body div[field-id="cmdSave"] {
margin-bottom: 0 !important;
}
.ib-obf-body #fieldGrp {
margin: 0 !important;
padding: 0 0 20px 0 !important;
}
.ib-obf-body [table-id="tblAccruals"],
.ib-obf-body #tblCurrPos_wrapper {
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
}
.ib-obf-body [table-id="tblAccruals"] {
}
.ib-obf-body #fieldGrp > div {
padding: 0 !important;
}
.ib-obf-body [field-id="Cashflows"],
.ib-obf-body [field-id="Interest"],
.ib-obf-body [field-id="DayCountConv"],
.ib-obf-body [field-id="DateConv"],
.ib-obf-body [field-id="Capitalisation"] {
padding: 0;
}
.ib-obf-body .collapsible-handle {
color: #000 !important;
background-color: #fff !important;
margin: 20px 0 0 0 !important;
}
.ib-obf-body #tblSTForm [field-id="Cashflows"] .content {
padding: 0 !important;
border-radius: unset !important;
border: none !important;
display: none;
}
.ib-obf-body #tblSTForm #divBrowse {
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
overflow:unset;
}
.ib-obf-body #tblSTForm [field-id="Cashflows"] [field-id="CashflowStartDate"] {
border-top: solid 1px #d8d8d8 !important;
border-left: solid 1px #d8d8d8 !important;
border-right: solid 1px #d8d8d8 !important;
border-radius: 10px 10px 0 0 !important;
padding: 0 20px 0 20px !important;
}
.ib-obf-body #tblSTForm [field-id="Cashflows"] [field-id="CashflowEndDate"] {
border-left: solid 1px #d8d8d8 !important;
border-right: solid 1px #d8d8d8 !important;
padding: 10px 20px 0 20px !important;
}
.ib-obf-body #tblSTForm [field-id="Cashflows"] [field-id="CashflowRefresh"],
.ib-obf-body #tblSTForm [field-id="Cashflows"] [table-id="tblCashflowsConsolidated"] {
border-left: solid 1px #d8d8d8 !important;
border-right: solid 1px #d8d8d8 !important;
border-bottom: solid 1px #d8d8d8 !important;
}
.ib-obf-body #tblSTForm [field-id="Cashflows"] [field-id="CashflowRefresh"] {
margin-bottom: 20px !important;
border-radius: 0 0 10px 10px !important;
}
.ib-obf-body #tblSTForm [field-id="Cashflows"] [table-id="tblCashflowsConsolidated"] {
border-radius: 10px !important;
}
.ib-obf-body #tblSTForm [field-id="Cashflows"] [table-id="cmdCashflowUpdates"] {
border: solid 1px #d8d8d8 !important;
border-radius: 10px !important;
}
.ib-obf-body #tblMMForm [field-id="HeadInfo"] {
padding: 20px 20px 20px 0 !important;
margin: 0 !important;
}
.ib-obf-body #tblMMForm #divTabs {
margin: 0 !important;
}
.ib-obf-body #fieldGrp {
width: 100%;
}
.ib-obf-body #fieldGrp.col-1 > div:not(.full):not(.fill) {
width: 100% !important;
}
.ib-obf-body #fieldGrp.col-2 > div:not(.full):not(.fill) {
width: 50% !important;
}
.ib-obf-body #fieldGrp.col-3 > div:not(.full):not(.fill) {
width: 33.33% !important;
}
.ib-obf-body #fieldGrp.col-4 > div:not(.full):not(.fill) {
width: 25% !important;
}
.ib-obf-body #fieldGrp.col-5 > div:not(.full):not(.fill) {
width: 20% !important;
}
.ib-obf-body #fieldGrp.col-6 > div:not(.full):not(.fill) {
width: 16.66% !important;
}
/***************************************************
IB Update Cashflows
***************************************************/
.ib-update-cashflows-body #pnlAdd {
padding: 0 0 0 20px !important;
height: unset !important;
display: flex;
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
background-color: #fff !important;
}
.ib-update-cashflows-body br {
display: none !important;
}
/***************************************************
Admin Users
***************************************************/
.admin-users-body #divLinkUser {
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
}
.admin-users-body #divLinkUser [field-id="LinkUserButtons"] input {
margin-right: 0px !important;
margin-bottom: 10px !important;
}
/***************************************************
Admin Reports
***************************************************/
.reports-body #pnlAdd div[field-id="Buttons"].full {
width: 100% !important;
}
.reports-body [field-id="Upload"] > div {
margin-top: 10px;
}
.reports-body [field-id="Upload"] .fileUploadButton {
width: unset !important;
}
.reports-body [field-id="Upload"] .fileUploadLabel {
width: calc(100% - 145px) !important;
}
.reports-body [field-id="tblReports"] {
padding: 0 20px !important;
}
.reports-body [field-id="tblReports"] [type="checkbox"] {
margin: 10px 10px 10px 0 !important;
}
/***************************************************
Message Alerts
***************************************************/
.message-alerts-body [table-id="tblExpired"].fieldGrp {
padding-left: 20px !important;
margin-bottom: 20px !important;
}
/***************************************************
MF Currencies & Static Currencies
***************************************************/
.mf-static-currencies-body #pnlAdd .fieldGrp,
.mf-currencies-body #pnlAdd .fieldGrp {
padding: 0 20px 20px 20px !important;
}
.mf-static-currencies-body #divTransfer {
width: 300px;
left: 50% !important;
margin-left: -150px
}
.mf-static-currencies-body .hist-date {
padding-left: 54px
}
/***************************************************
MF Suppliers
***************************************************/
.mf-suppliers-body #pnlAdd .collapsible-handle {
margin: 20px 20px 0 20px !important;
width: calc(100% - 40px) !important;
}
.mf-suppliers-body [field-id="BopCodes"].collapsed {
margin-bottom: 20px !important;
}
.mf-suppliers-body [field-id="BopCodes"] .content {
margin-bottom: 20px !important;
padding-top: 0 !important;
}
.mf-suppliers-body #pnlAdd .collapsible .content {
width: calc(100% - 40px) !important;
padding: 20px 0 20px 0 !important;
margin-left: 20px !important;
}
/***************************************************
CM Divisions
***************************************************/
.cm-divisions-body .fieldGrp .collapsible-handle {
margin: 20px 20px 0 20px !important;
width: calc(100% - 40px) !important;
}
.cm-divisions-body .fieldGrp .collapsible .content {
width: calc(100% - 40px) !important;
padding: 20px 0 20px 0 !important;
margin-left: 20px !important;
}
.cm-divisions-body .Form [field-id="SwiftLetter"] a {
margin: 20px 0 20px -25px !important;
}
.cm-divisions-body .Form [field-id="AccountsHead"] [field-id="SwiftLetter"] a {
margin: 20px 0 0 40px !important;
}
.cm-divisions-body .Form [field-id="tblExternals"] input[type="button"],
.cm-divisions-body .Form [field-id="tblInternals"] input[type="button"],
.cm-divisions-body .Form [field-id="AddBankButton"] input {
margin: 20px 0 0 20px !important;
}
.cm-divisions-body #tblInternals .checkboxes-fit,
.cm-divisions-body #tblExternals .checkboxes-fit {
width: 25% !important;
}
.cm-divisions-body #tblInternals .checkboxes-fit [type="checkbox"],
.cm-divisions-body #tblExternals .checkboxes-fit [type="checkbox"] {
margin: 10px 20px 0 17px;
}
.cm-divisions-body #tblInternals label,
.cm-divisions-body #tblExternals label {
width: 100% !important;
padding-top: 7px;
}
/***************************************************
CM User Accounts
***************************************************/
.cm-user-accounts .PopupPanel {
margin-top: 0 !important;
background-color: transparent !important;
}
.cm-user-accounts [table-id="tblDivisions"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
/***************************************************
CM User Divisions
***************************************************/
.cm-user-divisions-body [table-id="tblDivisions"] {
padding-left: 0 !important;
padding-right: 0 !important;
}
/***************************************************
CM Bank Bal
***************************************************/
.cm-bankbal-import .fileUploadLabel {
width: 634px !important;
}
/***************************************************
CM Transactions
***************************************************/
.cm-transactions-body .collapsible-filters-handle {
margin-top: 20px !important;
}
.cm-transactions-body .collapsible-filters-handle .collapsible-handle {
margin-bottom: 0px !important;
}
.cm-transactions-body .fields-container {
margin-bottom: 0 !important;
}
.cm-transactions-body #cmdExport {
margin: 20px !important;
}
.cm-transactions-body .select2-container {
width: 100px;
}
.cm-transactions-body .select2-container .select2-selection--single {
height: 50px !important;
padding-top: 1px;
}
.select2-container .select2-search__field {
width: 100% !important;
min-width: 100px;
margin-top: 2px !important;
height: 40px !important;
}
.cm-transactions-body .ml-edit-div,
.cm-transactions-body .categ-div {
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
}
.cm-transactions-body .ml-edit-div [type="radio"],
.cm-transactions-body .categ-div [type="radio"] {
margin: 8px 5px 0 0 !important;
}
.cm-transactions-body .fileUploadLabel {
width: 685px !important;
text-align: left;
}
.cm-transactions-body .UploadHist-edit-div {
width: 100%;
padding-bottom: 0 !important;
}
.cm-transactions-body .UploadHist-edit-div div.right-pad {
padding-right: 0 !important;
}
.cm-transactions-body .upload-div {
border-radius: 10px;
padding-bottom: 0 !important;
}
/***************************************************
CM Cash Req
***************************************************/
.cm-cashReq-body .fieldGrp [field-id="cmdReqDate"] {
margin: 0 !important;
padding: 0 !important;
}
.cm-cashReq-body .fieldGrp [field-id="cmdReqDate"] > div {
margin: 0 !important;
padding: 0 !important;
}
.cm-cashReq-body .fieldGrp [field-id="cmdReqDate"] input {
margin: 20px 20px 0 0 !important;
}
.cm-cashReq-body [field-id="tblReq"],
.cm-cashReq-body [field-id="txtAuthoriser"],
.cm-cashReq-body [field-id="tblReqSaveButtons"] {
background-color: #fff;
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
}
.cm-cashReq-body [field-id="txtAuthoriser"] {
margin: 20px 0 0 0;
}
.cm-cashReq-body [field-id="tblReqSaveButtons"] {
margin: 20px 0 20px 0;
}
.cm-cashReq-body [field-id="tblReq"],
.cm-cashReq-body [field-id="txtAuthoriser"] {
padding-bottom: 20px !important;
}
.cm-cashReq-body .FloatingPanel {
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
}
/***************************************************
CM Cash Settlement
***************************************************/
.cm-cash-settlement-body #divTabContent,
.cm-cash-settlement-body #divTabs {
padding-left: 0;
padding-right: 0;
}
/***************************************************
FX Spot Ext Sur
***************************************************/
.fx-spot-ext-sur-body .fieldGrp {
margin-bottom: 20px !important;
}
.fx-spot-ext-sur-body .ResponseLabel,
.fx-spot-ext-sur-body .response-ok {
border-radius: 10px;
}
.fx-spot-ext-sur-body #tblExt .TableCellHead:nth-child(1),
.fx-spot-ext-sur-body #tblInt .TableCellHead:nth-child(1) {
border-radius: 10px 0 0 0;
}
.fx-spot-ext-sur-body #tblExt .TableCellHead:last-child,
.fx-spot-ext-sur-body #tblInt .TableCellHead:last-child {
border-radius: 0 10px 0 0;
}
/***************************************************
FX Report Selection
***************************************************/
.fx-report-selection-body [field-id="Divisions"] {
padding-left: 20px !important;
padding-right: 20px !important;
}
.fx-report-selection-body [id="divDivisions"] {
padding-bottom: 0 !important;
}
.fx-report-selection-body [id="divDivisions"] [type="button"][onclick="selectAll()"] {
margin-right: 10px !important;
}
/***************************************************
FX ECA
***************************************************/
.fx-eca-body .collapsible {
padding-left: 20px !important;
padding-right: 20px !important;
}
/***************************************************
FC Categories
***************************************************/
.fc-categ-body .FormHeadLabel label {
position: unset !important;
margin: 0 0 10px 0 !important;
}
.fc-categ-body [id^="txtVisibility"] {
margin: 0 5px 0 5px !important;
}
.fc-categ-body #tblDItems td:not(.TableCellHead) {
vertical-align: top;
}
.fc-categ-body td.TableCellHead {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.fc-categ-body td.TableCellHead [type="checkbox"] {
margin-top: 0px !important;
}
.fc-categ-body .dynamic-info span.Textbox-Label,
.fc-categ-body .dynamic-info span.Textbox-Label-Inline.fc-info-1,
.fc-categ-body .dynamic-info span.Textbox-Label-Inline.fc-info-2 {
line-height: 12px;
}
/***************************************************
FC Profile
***************************************************/
.fc-profile-body .daterange-div,
.fc-profile-body .lockdown-div {
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
padding-bottom: 0 !important;
}
.fc-profile-body .right-pad {
padding-right: 0 !important;
}
.fc-profile-body #divCurrs {
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
}
.fc-profile-body #divCurrs [type="checkbox"] {
margin-left: 10px !important;
margin-right: 5px !important;
}
.fc-profile-body .lockdown-div [type="checkbox"] {
margin: 10px 0px 10px 5px !important;
}
/***************************************************
FC Profile Div
***************************************************/
.profileDiv-body #lblComp {
font-size: 18px;
margin-bottom: 20px !important;
display: block;
}
.profileDiv-body .right-pad {
padding-right: 0 !important;
}
/***************************************************
FC Bulk Input
***************************************************/
.fc-bulkinput-body .fileUploadButton {
margin: 0 0 0 10px !important;
}
.fc-bulkinput-body .collapsible-filters-handle,
.fc-bulkinput-body .auto-collapsible-filters-content,
.fc-bulkinput-body #pnlGrid .form-buttons {
margin-left: 20px !important;
width: calc(100% - 40px) !important;
}
.fc-bulkinput-body .fieldGrp.sheet-bg {
position: absolute;
margin-left: 20px !important;
width: calc(100% - 40px) !important;
z-index: -1
}
/***************************************************
IB Facilities
***************************************************/
.facilities-body .tabs {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
margin: 0 0 20px 0 !important;
border-radius: 10px;
height: 50px;
overflow: hidden;
}
.facilities-body [field-id="Facility"] table,
.facilities-body [field-id="CommitmentFee"] table,
.facilities-body [field-id="CommitmentFeePay"] table,
.facilities-body [field-id="Cashflows"] table {
border-radius: 10px 10px 0 0 !important;
border-bottom: none !important;
width: calc(100% - 2px);
}
.facilities-body [field-id="Facility"] > div,
.facilities-body [field-id="CommitmentFee"] > div,
.facilities-body [field-id="CommitmentFeePay"] > div,
.facilities-body [field-id="Cashflows"] > div:nth-child(6) {
border-radius: 0 0 10px 10px !important;
border-top: none !important;
padding-bottom: 0 !important;
}
.facilities-body #tblUtilisation {
width: calc(100% - 2px);
}
.facilities-body [field-id="Cashflows"] .content {
border-radius: 0 !important;
border-top: none !important;
border-bottom: none !important;
}
.facilities-body [field-id="Cashflows"] .content:nth-child(2) {
border-radius: 10px 0 0 0 !important;
padding: 10px 10px 10px 20px !important;
border-right: none !important;
}
.facilities-body [field-id="Cashflows"] .content:nth-child(3) {
border-radius: 0 10px 0 0 !important;
padding: 10px 10px 10px 20px !important;
border-left: none !important;
}
.facilities-body [field-id="Cashflows"] > div:nth-child(6) {
border-bottom: solid 1px #d8d8d8 !important;
}
/***************************************************
IB Pricing / Trading
***************************************************/
.ib-pricing-trading-body [table-id="tblTabs"] {
padding-top: 10px;
padding-bottom: 20px;
}
.ib-pricing-trading-body [table-id="tblTabs"] label,
.ib-pricing-trading-body #confirmForm label {
top: 0;
left: 0;
margin-left: 0px !important;
}
.ib-pricing-trading-body [field-id="selection"] {
margin-bottom: 0 !important;
display: flex;
padding: 5px 0 0 10px !important;
}
.ib-pricing-trading-body .arrow-right:before {
content: "\f105";
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #4a4a4a;
padding-right: 8px;
font-size: 18px;
background-image: none;
}
.ib-pricing-trading-body #divBlotter {
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
background-color: #fff;
}
.ib-pricing-trading-body [field-id="newtrade"],
.ib-pricing-trading-body #confirmForm {
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
background-color: #fff !important;
padding: 10px 0 0 20px !important;
}
.ib-pricing-trading-body [field-id="newtrade"] [field-id="txtNewTradeButtons"] > div,
.ib-pricing-trading-body #confirmForm > div {
width: 100% !important;
padding-right: 0 !important;
}
/***************************************************
WCA Profile
***************************************************/
.wca-profile-body #divCurrs [type="checkbox"] {
margin-left: 10px !important;
margin-right: 5px !important;
}
/***************************************************
WCA
***************************************************/
.wca-body .spreadsheet-container {
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
background-color: #fff !important;
width: 100% !important;
padding: 20px;
}
.wca-body .spreadsheet-label-container > div {
height: 21.26px;
}
.wca-body .tabs {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
margin: 0 0 20px 0 !important;
border-radius: 10px;
height: 50px;
overflow: hidden;
}
/***************************************************
RM Profile
***************************************************/
.rm-profile-body #divCurrs [type="checkbox"] {
margin-left: 10px !important;
margin-right: 5px !important;
}
/***************************************************
RM
***************************************************/
.rm-body .tabs,
.rm-body .spreadsheet-container {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
}
.rm-body .tabs {
margin: 0 0 20px 0 !important;
height: 50px;
overflow: hidden;
}
.rm-body .spreadsheet-container {
width: 100% !important;
padding: 20px;
}
.rm-body .spreadsheet-grid-details:empty,
.rm-body [field-id="CP_Refresh"] label,
.rm-body [field-id="PK_Refresh"] label,
.rm-body [field-id="DA_Refresh"] label {
display: none;
}
.rm-body .fields-container label {
top: 17px !important;
}
.rm-body [tab="TP"] .fields-container {
padding-bottom: 20px !important;
}
/***************************************************
IU Profile
***************************************************/
.iu-profile-body #divCurrs [type="checkbox"] {
margin-left: 10px !important;
margin-right: 5px !important;
}
.ui-profileDiv-body #lblComp {
font-size: 18px;
margin-bottom: 20px !important;
display: block;
}
/***************************************************
RM
***************************************************/
.iu-body .tabs {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
margin: 0 0 20px 0 !important;
border-radius: 10px;
height: 50px;
overflow: hidden;
}
.iu-body [table-id="CounterpartyLimits"],
.iu-body [table-id="InstrumentLimits"],
.iu-body [table-id="PercentApportionment"] {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
padding: 20px 0 !important;
}
.iu-body [table-id="CounterpartyLimits"] {
border-bottom: none !important;
border-radius: 10px 10px 0 0;
}
.iu-body [table-id="InstrumentLimits"] {
border-top: none !important;
border-radius: 0 0 10px 10px;
}
.iu-body [table-id="PercentApportionment"] {
border-radius: 10px;
}
.iu-body #tblInstrumentLimits .iu-sub-head,
.iu-body #tblPercentApportionment td.iu-sub-head {
padding-top: 0 !important;
height: unset !important;
}
.iu-body #tblInstrumentLimits tr:first-child {
display: none;
}
/***************************************************
Workflows
***************************************************/
.workflow-categ-access-body .fieldGrp #lblUser {
font-size: 18px;
margin-bottom: 20px !important;
padding: 20px 0 0 20px;
display: block;
border: none;
}
.workflow-body #divAdd,
.workflow-setup-body #divAdd {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
padding: 20px !important;
border-radius: 10px;
}
.workflow-setup-body .workflows-categories,
.workflow-setup-body .workflows-flows {
border: solid 1px #d8d8d8 !important;
border-radius: 10px 10px 0 0;
}
.workflow-setup-body .workflows-heading,
.workflow-setup-body .workflows-desc,
.workflow-setup-body .workflows-url {
margin-top: 20px;
}
.workflow-setup-body .workflows-heading span,
.workflow-setup-body .workflows-desc span,
.workflow-setup-body .workflows-url span {
margin-top: -10px;
margin-left: 10px;
padding: 0 5px;
position: absolute;
background-color: #fff;
width: unset;
}
.workflow-setup-body .buttonGrp input {
margin-bottom: 10px !important;
}
.workflow-setup-body .workflows-style-options {
border-radius: 10px;
padding-right: 10px;
}
/***************************************************
Cashman IAT/Payments
***************************************************/
.cashman-iat-body [form-id="top"] {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
padding-bottom: 14px;
margin-bottom: 20px;
}
.cashman-iat-body [table-id="tblList"] {
padding: 0;
}
.cashman-iat-body [div-id],
.cashman-iat-body [form-id="browse"] {
background-color: #fff !important;
border: solid 1px #d8d8d8 !important;
border-radius: 10px;
overflow: hidden;
}
.cashman-iat-body [form-id="browse"] {
padding-bottom: 0px !important;
margin-bottom: 20px !important;
}
.cashman-iat-body [form-id="browse"] .right-pad {
padding-right: 0px !important;
}
.cashman-iat-body .collapsible-handle {
margin-top: 0px !important;
color: #fff !important;
}
.cashman-iat-body .collapsible-handle span:after {
color: #fff !important;
}
.cashman-iat-body [field-id^="refBar"] {
margin-bottom: 20px !important;
}
.cashman-iat-body [field-id^="refBar"] [div-id] {
border-radius: 0 0 10px 10px;
border-top: none !important;
}
.cashman-iat-body [field-id^="refBar"] [top-level] {
padding-left: 20px !important;
padding-bottom: 10px !important;
}
.cashman-iat-body [field-id^="refBar"] [top-level] > div > label {
margin-left: 0px !important;
}
.cashman-iat-body [field-id^="refBar"] [top-level] > div > div {
border-radius: 10px;
}
.cashman-iat-body [field-id^="refBar"] .content,
.cashman-iat-body [class="div-button"] {
padding-bottom: 0px !important;
}
.cashman-iat-body [class="div-button"] .status-message {
padding-right: 20px;
margin-bottom: 10px;
}
.cashman-iat-body [field-id^="refBar"] [auth-id] {
padding-right: 20px !important;
}
.cashman-iat-body .top-level > div > div {
margin-left: 20px;
}
.cashman-iat-body .InternalPanel.success {
background-color: #fff !important;
border: 1px solid #d8d8d8 !important;
border-radius: 10px;
padding: 0 !important;
margin-bottom: 20px !important;
}
.cashman-iat-body .auth {
padding: 20px
}
/***************************************************
Cashman IAT/Payments
***************************************************/
.fx-contracts #divBrowse .collapsible-filters-handle.expanded {
border-radius: 10px 10px 0 0 !important;
}
/***************************************************
KYC Entities
***************************************************/
[action="./KYCEntities.aspx"] div.InternalPanel .Form:nth-child(1) {
background-color: #fff !important;
border: 1px solid #d8d8d8 !important;
border-radius: 10px;
}
/***************************************************
External Rates Allocation
***************************************************/
[action="./IntLinkNoUpdate.aspx"] #lblHead {
padding-left: 0px !important;
}
[action="./IntLinkNoUpdate.aspx"] [field-id="UpdateHead"] {
display: none !important;
}
[action="./IntLinkNoUpdate.aspx"] #tblExtList:not(:has(tr)),
[action="./IntLinkNoUpdate.aspx"] #tblList:not(:has(tr)) {
display: none !important;
}
[action="./IntLinkNoUpdate.aspx"] #pnlExtList {
padding-right: 10px;
}
[action="./IntLinkNoUpdate.aspx"] #pnlIntList {
padding-left: 10px;
}
[action="./IntLinkNoUpdate.aspx"] #tblExtList,
[action="./IntLinkNoUpdate.aspx"] #tblList {
border: 1px solid #d8d8d8;
border-radius: 10px;
}
[action="./IntLinkNoUpdate.aspx"] #tblExtList,
[action="./IntLinkNoUpdate.aspx"] #tblList [type="checkbox"] {
margin: 0;
}
[action="./IntLinkNoUpdate.aspx"] #tblExtList td.TableCellHead:nth-child(1),
[action="./IntLinkNoUpdate.aspx"] #tblList td.TableCellHead:nth-child(1) {
border-radius: 10px 0 0 0;
}
[action="./IntLinkNoUpdate.aspx"] #tblExtList td.TableCellHead:last-child,
[action="./IntLinkNoUpdate.aspx"] #tblList td.TableCellHead:last-child {
border-radius: 0 10px 0 0;
}
[action="./IntLinkNoUpdate.aspx"] #tblExtList tr:last-child td:nth-child(1),
[action="./IntLinkNoUpdate.aspx"] #tblList tr:last-child td:nth-child(1) {
border-radius: 0 0 0 10px;
}
[action="./IntLinkNoUpdate.aspx"] #tblExtList tr:last-child td:last-child,
[action="./IntLinkNoUpdate.aspx"] #tblList tr:last-child td:last-child {
border-radius: 0 0 10px 0;
}
[action="./IntLinkNoUpdate.aspx"] [field-id="UpdateButton"],
[action="./IntLinkNoUpdate.aspx"] [field-id="RefreshButton"] {
text-align: right !important;
}
/* OLD FX SCREEN FIX */
[action="./BulkContract.aspx?type=I"] #pnlAdd [field-id="browseCollapsible"],
[action="./BulkContract.aspx?type=E"] #pnlAdd [field-id="browseCollapsible"] {
padding: 0 20px 20px 20px !important;
background-color: #fff;
border-radius: 10px;
}
[action="./BulkContract.aspx?type=I"] #pnlAdd #pnlRequest [field-id],
[action="./BulkContract.aspx?type=E"] #pnlAdd #pnlRequest [field-id] {
border: none !important;
margin-right: 20px !important;
}
[action="./BulkContract.aspx?type=I"] #pnlTable,
[action="./BulkContract.aspx?type=E"] #pnlTable {
background-color: #fff;
}
[action="./BulkContract.aspx?type=I"] #pnlButtons,
[action="./BulkContract.aspx?type=E"] #pnlButtons {
background-color: #fff;
border-radius: 0 0 10px 10px;
}