﻿input[type="file"].messageSender {
    display: inline
}
span.angularTextLink, span.textLink, a:link {
    color: #034af3;
    text-decoration: underline;
}

span.whiteTextLink, a.whiteTextLink{
    color: #ffffff;
    text-decoration: underline;
}

span.angularTextLinkError, span.textLinkError {
    color: #ff0000;
    font-weight: bold;
    text-decoration: underline;
}

span.statusHeaderTextLink {
    font-size: 0.75em;
    color: black;
    text-decoration: underline;
}

span.statusHeaderTextLink:hover {
    color: lime;
    text-decoration: none;
    cursor: pointer;
}


a:visited { color: #505abc; }

span.angularTextLink:hover, span.textLink:hover, a:hover {
    color: #1d60ff;
    text-decoration: none;
    cursor: pointer;
}

span.whiteTextLink:hover, a.whiteTextLink:hover {
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

a.navbar-link {
    text-decoration:none;
}

span.angularTextLinkError:hover, span.textLinkError:hover {
    color: #ff0000;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
}


.ptpPopOverCellInfo {
    text-decoration:none;
    border-bottom:1px dotted #999;
    padding: 1px 3px;
    margin:0 3px;
    margin-top:2px;
    cursor:pointer;
}

a:active { color: #12eb87; }

img { border-style: none; }

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section { display: block; }

/* HEADINGS
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 { padding: 0 0 10px 0; }

h3 { font-size: 1.2em; }

h4 { font-size: 1.1em; }

h5, h6 { font-size: 1em; }

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */

.page {
    width: 99%;
    margin-left: auto;
    margin-right: auto;
}

header, #header {
    position: relative;
    margin-bottom: 0;
    color: #000;
    padding-bottom: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main {
    padding: 15px 15px 15px 15px;
    background-color: #fff;
    overflow: auto;
}

.login-main {
	color: #3A1C46;
	background-color: #3A1C46;
	overflow: auto;
	min-height: 100%;
	max-height: 100%;
}

footer,
#footer {
    background-color: #999999;
    color: #ffffff;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    font-size: 1em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    white-space: nowrap;
    position: fixed;
    width: inherit;
    bottom: 0;
}

footer,
div#footer a {
    color: #fff;
    text-decoration: none;
}

footer,
div#footer a:hover {
    color: #fff;
    text-decoration: underline;
}


/* TAB MENU
----------------------------------------------------------*/

.menuBottomSeparator { border-bottom: 1px solid #aaa; }

.menuTopSeparator { border-top: 1px solid #aaa; }

li:hover + .menuTopSeparator { border-top: 1px solid black; }

.ptpNavigationMenu li span.ui-button-text {
    padding: 5px 10px;
    font-size: 1.25em;
    text-decoration: none;
    background-color: #eee;
    color: #4293d6;
    font-family: Arial, sans-serif/*{ffDefault}*/;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ptpNavigationMenu li a {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.ptpNavigationMenu .selected .ui-button-text { background: white; }

.ptpNavigationMenu li { padding-right: 3px; }

.ptpNavigationMenu li.hasSubMenu span.ui-button-text { padding-right: 1.5em; }

.ptpNavigationMenu .ui-widget-header, .ptpNavigationMenu li a.ui-state-hover span.ui-button-text { background: #fff; }

.ptpNavigationMenu li a.ui-state-hover, a.ptp-ui-menu-item {
    background: #fff;
    text-decoration: none;
}

.ui-state-default span {
    color: black
}

.ptpNavigationMenu li a.ui-state-default { border: 0px solid transparent; }

.ptpNavigationMenu {
    border: 0;
    background: transparent;
}

.inPageMenu {
    height: 2.0em;
    font-family: arial;
}

.inPageMenu li span.ui-button-text {
    font-family: arial;
    font-size: 1.1em;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid #5c87b2;
}

.inPageMenu a.ui-state-hover span {
    border-top: 1px solid #5c87b2;
    border-left: 1px solid #5c87b2;
    border-right: 1px solid #5c87b2;
    border-bottom: 1px solid #5c87b2;
}

.inPageMenu a.ui-state-hover span.ui-button-icon-secondary { border: 0; }

.inPageMenu li.selected span.ui-button-text {
    border-top: 1px solid #5c87b2;
    border-left: 1px solid #5c87b2;
    border-right: 1px solid #5c87b2;
    border-bottom: 1px solid #ffffff;
}

.progress-label {
    float: left;
    margin-left: 45%;
    margin-top: 5px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
}

.floatLeft {
    float: left;
    text-align: left;
}

.floatRight { float: right; }


.tableList {
    border: 1px #5c87b2 solid;
    padding: 1px;
}


.ptpFixIniFile {
    overflow: scroll;
    width: 275px;
    height: 600px;
}

.fixIniFile {
    width: 275px;
    
}

.fixIniCompanyHover:hover {
    background-color: lightcyan;
}

fieldset.fixIniCompanySelected.ptp {
    border-color:red;
    border-style:solid;
    border-width: 2px;
}
     
/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/


fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

fieldset.ptp {
    border: 1px solid #ddd;
    padding: 0.2em;
    margin: 0.2em;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0.2em;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0.2em;
}

.ptp > legend {
    font-size: 0.8em;
    font-weight: bold;
    width: auto;
    border-bottom: 0;
}

textarea {
    min-height: 75px;
    font-family: inherit;
}

input[type="text"],
input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

input[type="search"] {
    border-top: 0;
    border-right: 0;
    border-left: 0;
    border-bottom: 1px dashed #000;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="search"]:focus {
    outline: none;
}


    
    input[type="text"].cell {
        width: 98%;
    }

input[type="text"].number { width: 4em; }

input[type="text"].csvEntry { width: 10em; }

input[type="text"].smallnumber { width: 2em; }

input[type="text"].symbol { width: 4em; }


select {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}



input[type="text"].time { width: 6em; }

/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}



table.noborder {
    border: solid 0px #ffffff;
    border-collapse: collapse;
    padding: 0px;
}

table.noborder td { padding: 0px; }

table td {
    padding: 5px;
    border: solid 1px #e8eef4;
}

table th {
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
    white-space: nowrap;
}

table.leftAlign { text-align: left; }

table.paddingnoborder {
    border: solid 0px #ffffff;
    border-collapse: collapse;
    padding: 0px;
}

table.paddingnoborder td { border: none; }

table.dataTable { clear: both; }

td.cellNoWrap { white-space: nowrap; }

td.cellRightAline { text-align: right; }

/* MISC
----------------------------------------------------------*/

.clear { clear: both; }

.error { color: Red; }

.redText { color: Maroon; }

.serviceNotRunningTextLink:hover { text-decoration: underline; }

.serviceNotRunning, .serviceRunning { cursor: pointer; }

.serviceNotRunning, .serviceNotRunningTextLink { color: tomato; }

.serviceRunning { color: chartreuse; }

.ui-grid-row-error{
    background-color: red;
}

.logo {
    top: 8px;
    left: 0px;
}

.iress-banner-logo {
	height: 4em;
	margin-left: 1em;
	margin-top: 0.75em;
}

.banner-app-name {
	top: 2px;
	position: absolute;
	right: 10px;
	font-family: tahoma;
	color: #fff;
	border: none;
	line-height: 1.5em;
	font-size: 3.1em;
}

.iress-login-logo {
	height: 10em;
	margin-left: 6em;
}

.iress-login-app-name {
	top: 0;
	right: 1em;
	font-family: tahoma;
	padding: 5px 0;
	margin: 0.2em;
	color: #fff;
	border: none;
	font-size: 2.4em;
}

.login-form {
	position: absolute;
	width: 24em;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
}

input[type="text"].login-input, input[type="password"].login-input {
	width: 92.5%;
	height: 2em;
	font-size: 1.2em;
	padding: 0.4em;
	padding-left: 1em;
	background-color: #C7BFCB;
	margin-top: 1.25em;
}

.login-button {
	width: 100%;
	height: 3em;
	color: #C7BFCB;
	background-color: #3A1C46;
	border-color: #C7BFCB;
	border-width: 2px;
	margin-top: 1em;
	font-size: 1.2em;
}

.rightBanner {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 76px;
}

.bannerBacking {
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 104px;
	color: #3A1C46;
	background-color: #3A1C46;
}

.top-level-container {
    position: absolute;
    bottom: 0;
}

.systemTypeSwitcher {
    position: absolute;
    line-height: 1.5em;
    padding: 5px 10px;
    font-size: 1em;
    font-weight: bold;
    color: #000;
    background-color: #ffffff;
    display: block;
    bottom: 0px;
    right: 0px;
    cursor: pointer;
}

.systemTypeSwitcher:hover { text-decoration: underline; }

.systemTypeSwitcher.ok span.systemTypeLabel { color: lime; }

.systemTypeSwitcher.error span.systemTypeLabel { color: red; }


.securityExchangeName {
    font-weight: bold;
    font-size: large;
    margin-bottom: 1em;
}

td.selectedExchange {
    background-color: #5c87b2;
    color: white;
}

div#top-level-title {
    color: #fff;
    margin: 0.5em 0.5em 0.75em 0;
}

div#title {
    display: block;
    float: left;
    text-align: left;
}

#logindisplay {
    font-size: 1em;
    text-align: right;
    color: White;
    position: absolute;
    top: 80px;
    right: 10px;
}

.alignRight {
    text-align: right;
}

.fullWidthNoBorderTable td[contenteditable="true"] {
    border: 1px solid #5C87B2;
}

.downloadDetailsFirstColumn {
    width: 200px;
}

table.smallRowPadding {
    border-collapse: separate;
    border-spacing: 0.5em;
}

#logindisplay a:link {
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited {
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: white;
    text-decoration: none;
}

/* Client Administration
----------------------------------------------------------*/

.listOfCompanies,div#listOfCompanies, div#listOfUsers, div#listOfGroups {
    width: 25%;
    display: block;
    float: left;
}

.listOfCompanies,div#listOfCompanies, div#listOfUsers, div#listOfGroups {
    margin-top: 3px;
    font-size: 1em;
}

#searchCompany, #searchUsers, #searchGroups { width: 98%; }

.companyList, #companyList, #userList, #UserList, #groupsList { width: 100%; }

#addCompany, #addUser, #addGroup {
    width: 100%;
    padding: 0 3em 0 3em;
}


#adminMenuContainer { font-size: 0.80em; }

ul#adminMenu {
    padding: 0 0 .5em 0;
    margin: 0;
    text-align: left;
}

ul#adminMenu li {
    display: inline;
    list-style: none;
}

ul#adminMenu li a {
    padding: .5em .5em;
    font-weight: bold;
    text-decoration: none;
    line-height: 1em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

.instances { font-weight: normal; }

div#adminDetails, .adminDetails {
    border: 1px #5C87B2 solid;
    padding: 0.8em 0.8em 0.8em 0.8em;
}

div#companyName, span#companyName {
    font-size: 1.5em;
    font-weight: 300;
    margin: 0 1em 0 0.5em;
}


table#companyDetails,
table.companyDetails,
table.userDetails,
.noborder,
table#companyDetails td,
table.companyDetails td,
table.userDetails td,
.noborder td,
table.optionsTable,
table.optionsTable td {
    border: 0px;
}

.optionsTableContainer
{
    vertical-align:top;
}

table.groupDetails td {
    font-family: Arial, "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    font-size: .85em;
    color: dimGray;
    padding: 5px;
}

.clear { clear: both; }


.leftPane {
    min-width: 45%;
    height: 100%;
}

.leftPane, .leftPaneNoWidth {
    display: block;
    float: left;
}

.error-text {
    color: rgb(255, 0, 0);
}

div#leftReportPane { min-width: 54%; }


.rightPane, .rightAlignedPane { width: 45%; }

.rightPane, .rightPaneNoWidth, .rightAlignedPane {
    display: block;
    float: right;
}


.rightAlignedPane { text-align: right; }

.groups { width: 250px; }

.clientGroups { width: 175px; }


/* FixConnections
-----------------------------------------------------------*/

div#adminDetailsHeader, .adminDetailsHeader {
    width: 100%;
    margin: 0.5em 0em 1.5em 0;
}

div#adminHeaderSurround, .adminHeaderSurround {
    border-bottom: 1px #000 solid;
    padding: 0.4em 0em 0em 0em;
}

.adminDetailsFloatRight {
    float: right;
    margin-right: 1em;
}

div#companyName, span#companyName {
    font-size: 1.5em;
    font-weight: 300;
    margin: 0 1em 0 0.5em;
}


div#blotterConnectionDetailsMain,div#connectionDetailsMain, div#oldConnectionDetailsMain, div#idCodeDetailsMain {
    height: 320px;
    margin: 0 1em 0.5em 0.5em;
    border: 1px #5c87b2 solid;
}

.distributionList {
    padding-left: 0.8em;
    padding-top: 0.5em;
}

.ui-helper-center { text-align: center; }

div#fixConnectionsSupport {
    height: 300px;
    margin: 0 1em 0.5em 0;
    border: 1px #5c87b2 solid;
}

div#fixConnectionsSupport {
    overflow: scroll;
    overflow-x: hidden;
}

div#fixSupportDetailsMain { padding: 0 0 0 0.5em; }

div#adminDetailsMain, .adminDetailsMain {
    height: 280px;
    margin: 0 1em 0 0.5em;
}

div#auditDetailsMain {
    height: 325px;
    margin: 0 1em 0 0.5em;
}

div#auditDetails {
    height: 96%;
    margin: 0 0.5em 0 0.5em;
    overflow: scroll;
    overflow-x: hidden;
    border: 1px #5c87b2 solid;
}

div#fixConnectionFooterLeft, div.footerLeft {
    display: block;
    float: left;
}

div#fixConnectionFooterRight {
    display: block;
    float: right;
    margin-right: 2em;
}

div#fixConnectionFooterLeft ul {
    padding: 0;
    margin: 1em 0 1em 0.5em;
}

div#fixConnectionFooterLeft ul li, div#fixConnectionFooterRight ul li { list-style: none; }

.sectionHeader {
    font-size: 1em;
    font-weight: bold;
}

div#adminDetailFooter { margin: 1em 0 1em 0.5em; }

div#omsConnections {
    display: block;
    float: left;
    width: 50%;
    margin-left: 0.5em;
    border: 1px #5c87b2 solid;
    height: 98%;
    overflow: scroll;
    overflow-x: hidden;
}

div#connectionDetails {
    width: 48%;
    height: 98%;
    margin-right: 1em;
    border: 1px #5c87b2 solid;
    overflow: scroll;
    overflow-x: hidden;
    display: block;
    float: left;
}

div#enabledRsps {
    width: 48%;
    height: 98%;
    margin-right: 1em;
    border: 1px #5c87b2 solid;
    overflow: scroll;
    overflow-x: hidden;
    display: block;
    float: right;
}

.fullWidth {
    width: 100%;
    padding: 0;
}

.fullWidthTable { width: 100%; }

.fullWidthNoBorderTable {
    width: 100%;
    border: 0;
}

table.outsideTableBorder { border: 1px #5c87b2 solid; }

.fullWidthNoBorderTable td { border: 0; }

.clientCodeDetails td { border: 0; }

input[type=text].editableBicCode { width: 10em; }

input[type=text].editableFirmCode { width: 4em; }

input[type=text].editableCoFundsCode { width: 8em; }

input[type=text].editableDmaCompId { width: 10em; }

input[type=text].editableLseFixGCompId { width: 10em; }

input[type=text].editableIdCodeDescription { width: 30em; }

input[type=text].smallNumberEdit{ width: 4em; border-bottom: dotted 2px #357ebd; border-top:0; border-right:0;border-left: 0;}

table.listOfConnections, table.listOfConnectionsHeader {
    border: 0;
    border-collapse: separate;
    border-spacing: 0px;
}

table.listOfIdCodesHeader { border: 0; }

table.listOfBicCodes, table.listOfIdCodes { border: 0; }

div.scrollableConnectionTable, div.scrollableBicCodeTable {
    overflow-y: scroll;
    padding: 0px;
    margin: 0px;
}

div.scrollableConnectionTable { height: 227px; }

div.scrollableBicCodeTable, div.scrollableIdCodeTable { height: 290px; }

.rspConnectionName, .rspConnection { margin: 0.25em 0.5em 1em 0.5em; }

.rspConnection {
    overflow: auto;
    overflow-x: hidden;
    height: 100px;
    border: 1px solid #5c87b2;
}

div.connectionTypeDialog {
    vertical-align: middle;
    text-align: center;
}


/* System Status Styles
-----------------------------------------------------------*/

div.ptpStatusLeftPane, div.ptpStatusRightPane {
    display: block;
    width: 48%;
    height: 100%;
}

div.ptpStatusLeftPane { float: left; }

div.ptpStatusRightPane { float: right; }

div#ptpConnectivityDetails { height: 600px; }

div.statusBox {
    width: 100%;
    margin-bottom: 1.5em;
}

h3.statusHeading { font-weight: bold; user-select: none;}

.ui-accordion .ui-accordion-content {
    padding: 0;
    overflow-y: hidden;
}

div.statusBoxContents { border: 1px solid black; }

#clientName {
    color: black;
    font-weight: bold;
    font-size: x-large;
    display: block;
}

div#serviceStatusMessages {
    display: block;
    border: 1px solid black;
    float: left;
    width: 35%;
}

div#serviceStatusIndicators {
    margin-top: 1em;
    width: 100%;
    height: 200px;
    display: block;
}

div#ptpSummaryDetails {
    width: 100%;
    margin-bottom: 1em;
}

 ul#ptpSummaryItems, ul#ptpClientSummaryItems, ul#ptpCoreServices, ul#ptpAncillaryServices {
    padding-left: 0;
}

ul#ptpCoreServices, ul#ptpAncillaryServices { width: 100%; }

ul#ptpSummaryItems li, ul#ptpClientSummaryItems li, ul#ptpCoreServices li, ul#ptpAncillaryServices li {
    font-size: 0.95em;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    list-style: none;
    width: 125px;
    margin-left: 0.5em;
    margin-right: 0.5em;
    color: Black;
}

.smallIndicatorTitle, .smallCount {
    border: 1px solid black;
    color: Black;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}


.smallIndicatorTitle { background-color: Lime; }

.clickable { cursor: pointer; }

.smallIndicator, .smallCount {
    font-weight: bold;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

.smallCountPlaceholder {
    visibility: hidden;
}

.stopCircle, .goCircle, .unknownCircle {
    display: inline-block;
    width: 1em;
    height: 1em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em;
}

.goCircle { background-color: lime; }

.unknownCircle { background-color: orange; }

.stopCircle { background-color: red; }

.cellIndicator { text-align: center; }

.number { width: 10em; }

/* Admin Styles 
-----------------------------------------------------------*/

td.AdminCellHeader { text-align: right; }

td.AdminTextData { text-align: left; }

td.AdminCheckBoxData, td.AdminReportButtons, div.AdminText { text-align: center; }

/* Styles for validation helpers
-----------------------------------------------------------*/

.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.smallErrorText {
    color: red;
    font-size: 0.75em;
}

.errorLegend{
    position:relative;
    padding:0 0 0 0;
    margin:0 0 0 0;
    top: -1em;
}

.validation-summary-valid { display: none; }


select.ptpFixSettingsLocalDifference, input.ptpFixSettingsLocalDifference {
    color: blue;
}

select.ptpFixSettingsError, input.ptpFixSettingsError {
    border: 1px solid red;
    background-color: #ffcccc;
}

select:focus.ptpFixSettingsError, input[type=text]:focus.ptpFixSettingsError {
    outline: red auto 5px;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/

.display-label,
.editor-label { margin: 1em 0 0 0; }

.display-field,
.editor-field { margin: 0.5em 0 0 0; }

.text-box { width: 30em; }

.text-box.multi-line { height: 6.5em; }

.tri-state { width: 6em; }



/* Deal Finder
----------------------------------------------------------*/

.dialog { display: none; }

div#dealFinderSearch {
    width: 100%;
    display: block;
    float: left;
    padding-bottom: 1em;
}

/*
.findDeal {
width: 98%;
}
*/

table.picker { border: 0px; }

table.picker td { border: 0px; }

table#findDealTable { border: 0px; }

table#findDealTable td { border: 0px; }

#addCompany {
    width: 100%;
    padding: 0 3em 0 3em;
}

#administration {
    width: 99%;
    margin: 0 0 0 1em;
}

#companyAdminDetails, .companyAdminDetails {
    width: 70%;
    margin: 0 0 0 1em;
    float: left;
}

#adminMenuContainer {
    font-size: 0.8em;
    height: 28px;
}

ul#adminMenu {
    padding: 0 0 .5em 0;
    margin: 0;
    text-align: left;
}

ul#adminMenu li {
    display: inline;
    list-style: none;
}

ul#adminMenu li a {
    padding: .5em .5em;
    font-weight: bold;
    text-decoration: none;
    line-height: 1em;
    background-color: #e8eef4;
    color: #034af3;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}

.clear { clear: both; }


.grid { width: 100%; }

.halfGrid{ width: 50%; }


#gridLayout { width: 100%; }

#loading {
    position: absolute;
    z-index: 2;
    visibility: hidden;
    top: 45%;
    left: 45%;
}

#grayBackground {
    position: absolute;
    top: 0%;
    bottom: 0%;
    right: 0%;
    left: 0%;
    background: #000000;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    z-index: 1;
}


.hidden, .hiddenRow { visibility: hidden; }

.hiddenRow { display: none; }

.noDisplay { display: none; }


.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px;
}

.dealDetailsTable {
    width: 100%;
    border: 0;
    text-align: center;
}

.dealDetailsRowSpanHeader { vertical-align: middle; }

.dealDetailsColSpanHeader {
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px;
    border-bottom-color: White;
    border-collapse: separate;
}

tr.quote td { background-color: #44FF66; }

tr.businessMessageReject td { background-color: #FFAA12; }

/*****DEAL DETAIL: EXECUTION REPORT COLOUR CODING*/

tr.Filled { background-color: #44FF66; }

tr.New, tr.Replaced td { background-color: yellow; }

tr.DoneForDay, tr.PendingCancel, tr.Suspended, tr.PendingNew, tr.AcceptedForBidding, tr.PendingReplace td { background-color: #FFAA12; }

tr.PartialFill, tr.Calculated, tr.Restated td { background-color: #44AAFF; }

tr.Canceled, tr.Stopped, tr.Rejected, tr.Expired td { background-color: #FF4466; }



/*****MISSED EXECUTION****/

select.missedExecutionStatus {
    font-size: 0.85em;
    padding: 0px;
}

input[type=text].groupText { width: 408px; }

input[type=text].EmailPrefix { width: 4em; }

.debtTable { font-size: 8pt; }

div#primaryConnections tr th,
div#drConnections tr th,
div#stockFileDialog tr th,
div.defaultDataTable tr th,
div.statusTableHeader, div.statusTable tr th {
    background-color: #cccccc;
    margin: 0;
    padding: 3px;
    border: 0;
    border-bottom: ridge 2px black;
}

.ui-accordion h3.go, div.statusTable .go { background: lime; }

.ui-accordion h3.stop, div.statusTable .stop { background: red; }

table.dataTable tr.even, table.dataTable tr.even td[class*="sorting_"], div#primaryConnections tr.even, div#drConnections tr.even, div.defaultDataTable tr.even,
div#stockFileDialog tr.even, div#stockFileDialog tr.even td[class*="sorting_"], div.defaultDataTable tr.even td[class*="sorting_"],
div.statusTable tr.even, div.statusTable tr.even td[class*="sorting_"] { background-color: #dddddd; }



table.dataTable tr.odd, table.dataTable tr.odd td[class*="sorting_"], div#primaryConnections tr.odd, div#drConnections tr.odd, div.defaultDataTable tr.odd,
div#stockFileDialog tr.odd, div#stockFileDialog tr.odd td[class*="sorting_"], div.defaultDataTable tr.odd td[class*="sorting_"],
div.statusTable tr.odd, div.statusTable tr.odd td[class*="sorting_"] { background-color: #ffffff; }

table.dataTable tr.gui-row {
    background-color: palegreen;
}

div#primaryConnections tr.even td,
div#drConnections tr.even td,
div#primaryConnections tr.odd td,
div#drConnections tr.odd td,
div#stockFileDialog tr.odd td,
div#stockFileDialog tr.even td,
div.defaultDataTable tr.even td,
div.defaultDataTable tr.odd td,
div.statusTable tr.even td,
div.statusTable tr.odd td,
div.statusTable tr.even td.sorting_1,
div.statusTableDataCell, div.statusTable tr.odd td.sorting_1 {
    padding: 3px;
    border: 0;
    border-bottom: ridge 1px black;
    margin: 0;    
}

div.statusTableDataCell.serviceUnregistered{
    font-style: italic
}

div.statusBoxContents > .statusBoxContentsWrapper > .ui-grid {
    border: 0
}

.ui-grid-cell-contents.status-ui-grid-cell-contents {
    padding: 1px;
    margin:0;
    height: 15px;
}

.popover.left.systemStatusServices > .arrow {
    color: black;
}

.popover.left.systemStatusServices > .arrow:after {
    border-left-color: black;
}

.systemStatusServices.popover {
    background-color: black;
    font-style: italic;
    max-width: 400px;
}

div.ui-grid-cell.systemStatusDataCell {
    border-right-width: 0;
}

.ui-grid-row:nth-child(even) .ui-grid-cell.systemStatusDataCell {
    background-color: #dddddd;
}

tr.row_selected {
    border-top-style: solid;
    border-top-width: 3px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-color: #4293D6;
}

table.dataTable tr.odd.row_hover, table.dataTable tr.even.row_hover, div#primaryConnections tr.odd.row_hover, div#primaryConnections tr.even.row_hover, table.fixConnectionDisplay tr:hover {
    border-top-style: solid;
    border-top-width: 3px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-color: #4293D6;
    background-color: lightsteelblue;
}

table.dataTable tr.gui-row.row_hover, table.dataTable tr.guid-row.row_hover 
{
    background-color: lightgreen;
}

tr.odd td, tr.even td{
    cursor: pointer;
}

.statisticsBicCode {
    font-size: 75%;
    font-style: italic;
}

.statisticsGridNumber {
    position:relative;
    text-align:center;
}

.excelFloatRight {
    float: right;
    margin-right: 1em;
    margin-top: .4em;
}

.activeSystem, .inactiveSystem { }

.activeSystem {
    color: lime;
    font-weight: bold;
}

.inactiveSystem { color: black; }

.currentDisplaySystem { font-size: 20pt; }

.nonDisplaySystem {
    font-size: 10pt;
    text-decoration: underline;
}

span.nonDisplaySystem:hover {
    text-decoration: none;
    cursor: pointer;
}


div.statusBoxContents .dataTables_filter { display: none; }

td.cellcenter, th.cellcenter { text-align: center; }

div#primaryConnections tr.even td.focus,
div#primaryConnections tr.odd td.focus,
div.statusTable tr.odd td.focus {
    border: 2px solid blue;
    margin: 3px;
}

/*
    Positions Excel logo in Timeline
*/

div#floatRight {
    position: absolute;
    top: 51px;
    right: 24px;
}

.addDeleteEdit {
    margin-top: 0.3em;
    margin-bottom: 0.4em;
}

.exchangeAddDeleteEdit {
    float: left;
    margin-top: 0.3em;
}

#clientTradingModesBlock {
    width: 25%;
    min-width:150px;
}

#orderTypesBlock, #timesInForceBlock, #currencyTypesBlock, .smallWidthCodeList, #refMarketSegmentsBlock {
    width: 40%;
    min-width: 250px;
}

input[type=checkbox][disabled].hideUnchecked:not(:checked) { visibility: hidden; }


#processAdHocFileDialog div {
    padding-top: 1em;
    padding-bottom:1em;
}

#processAdHocFileDialog input {
    outline: 0;
}

#processAdHocFileDialog input[type=text] {
    border: 0;
    border-bottom: 1px grey dashed;
    width: 20em;
}

/*************
    Support
**************/

#support {
    margin: 0 1em 1em 1em;
    height: inherit;
}

#supportMenuContainer {
    font-size: 0.80em;
    height: 30px;
}

div#supportDetails {
    border: 1px #5C87B2 solid;
    padding: 1em 2em 2em 2em;
}

ol { list-style: none; }

/* SupportTicket */

#RaiseSupportButtonContainer {
    width: 200px;
    margin-left: 20em;
}

#RaiseSupportTicketButton {
    background-color: #3CA4EF;
    padding: 0.3em 0.3em 0.3em 0.3em;
    cursor: pointer;
    border-radius: 0.8em 0.8em 0.8em 0.8em;
    -webkit-border-radius: 0.8em 0.8em 0.8em 0.8em;
    -moz-border-radius: 0.8em 0.8em 0.8em 0.8em;
}

#RaiseSupportTicketInner {
    background-color: #3CA4EF;
    padding: 0.2em;
    border: 2px #fff solid;
    cursor: pointer;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    -webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
}

#RaiseSupportTicketButton:hover {
    background-color: #1E86D1;
    padding: 0.3em 0.3em 0.3em 0.3em;
    cursor: pointer;
    border-radius: 0.8em 0.8em 0.8em 0.8em;
    -webkit-border-radius: 0.8em 0.8em 0.8em 0.8em;
    -moz-border-radius: 0.8em 0.8em 0.8em 0.8em;
}

#RaiseSupportTicketInner:hover {
    background-color: #1E86D1;
    padding: 0.2em;
    border: 2px #fff solid;
    cursor: pointer;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    -webkit-border-radius: 0.5em 0.5em 0.5em 0.5em;
    -moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
}

#RaiseSupportTicketText {
    color: #fff;
    margin: 0.5em 0.5em 0.5em 0.5em;
}

.supportTicket li {
    list-style: none;
    line-height: 1.5em;
}

.supportTicket span {
    float: left;
    width: 2em;
}

/* Rsp Information */

#marketingContainer {
    height: 100%;
    overflow: auto;
    height: auto;
}

#rspMarketingContainer { padding: 2em 2em 2em 0em; }

#marketingInfoContainer {
    float: left;
    display: block;
    width: 70%;
}

#listOfRsps {
    width: 25%;
    float: left;
}

textarea#MarketingInformation {
    width: 100%;
    height: 100px;
    font-size: 1em;
}

table#marketingTable { padding: 1em; }

#postedLogo { width: 50%; }

#marketingLogo { margin: 2em; }

#marketingInformation {
    overflow: auto;
    height: auto;
    margin-left: 2em;
}

#marketingText {
    padding: 2em 2em 2em 2em;
    margin: 2em 0em 2em 0em;
}

div#privacyPolicy {
    margin: 2em 2em 0em 2em;
    overflow: auto;
    height: auto;
}


.arrow-right {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid black;
}

.arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid black;
}

.ui-accordion .ui-accordion-header .ui-icon.arrow-down { margin-top: -4px; }

.ui-accordion .ui-accordion-header .ui-icon.arrow-right { margin-left: 4px; }

/* Order minding styles*/

div.orderMindingActivityDetails { padding-top: 2px }

div.orderDetailsHeader {
    /*padding-top: 2px; */
    padding-bottom: 5px;
    padding-right: 20px;
    float: left;
    cursor: pointer;
    font-weight: bold
}

div#OrderMindingDetailsMain table td {
    padding-left: 5px;
}
/*End of Order minding styles*/

.breakComment {
    word-wrap: break-word;
    word-break: break-all;
}

div.securityDetails {
    border: 1px solid black;
    width: 540px;
    margin-bottom: 10px;
}

div.headerControl{
    border: 1px solid black;
    padding: 5px;
}

div.securityName {
    font-weight: bold;
    font-size: 2em;
}

ul.ui-helper-no-list-style {
    list-style: none;
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 1em;
    padding-bottom: 0px;
    line-height: 1.3em;
}

ul.securityDetails {
    list-style: none;
    padding-left: 5px;
}

ul.securityDetails li { display: inline; }

ul.securityDetails li span.securityDetails { float: left; }

ul.securityDetails li span.securityId { width: 13em; }

ul.securityDetails li span.symbol { width: 8em; }

ul.securityDetails li span.exDestination { width: 8em; }

ul.securityDetails li span.currency { width: 5em; }
    ul.securityDetails li span.currencySelect {
        
    }

select.input-currency {
    line-height: 1em;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: dashed 1px;
}


ul.securityDetails li span.exchange { width: 8em; }

img.imageLink:hover { border: 1px solid grey; }

.AnyTime-pkr { z-index: 9999 }


.findDeal.ui-accordion h2.findDeal.ui-accordion-header {
    border: none;
    background: #DFEAF9;

    /*super light #F4F9FF pale accordian top #DFEAF9 banner blue: #C2D2E8 bright blue #c2e1fe;*//*grey blue #baccdf;*/
}

.findDeal.ui-accordion-content /*h2.findDeal.ui-accordion-header*/ {
    border: #DFEAF9;
    border-style: solid;
    background: #F4F9FF;

    /*super light #F4F9FF pale accordian top #DFEAF9 banner blue: #C2D2E8 bright blue #c2e1fe;*//*grey blue #baccdf;*/
}

.findDeal h2 {
    padding-left: 2em;
    padding-top: 0.55em;
    padding-bottom: .75em;
    padding-right: 0.5em;
    font-size: 1.2em;
}


.findDeal label:hover { color: darkblue; }


.findDeal fieldset { border: none; }

.findDeal .button {
    border: 1px solid lightgrey;
    text-align: center;
    cursor: pointer;
    background-color: #DFEAF9;
    background: -webkit-gradient(linear, left top, left bottom, from(#F4F9FF), to(#DFEAF9));
    background: -moz-linear-gradient(top, #F4F9FF, #DFEAF9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F9FF', endColorstr='#DFEAF9');
    border-radius: 0.35em 0.35em 0.35em 0.35em;
    -webkit-border-radius: 0.35em 0.35em 0.35em 0.35em;
    -moz-border-radius: 0.35em 0.35em 0.35em 0.35em;
}

.findDeal .button:hover {
    border: 1px solid lightsteelblue;
    color: black;
    background-color: #DFEAF9;
    background: -webkit-gradient(linear, left top, left bottom, from(#DFEAF9), to(#F4F9FF));
    background: -moz-linear-gradient(top, #DFEAF9, #F4F9FF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFEAF9', endColorstr='#F4F9FF');
}

.findDeal #SearchButton {
    position: absolute;
    right: 10px;
    top: 0.2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    width: 80px;
}

#securityDetailsFilter #SearchButton {
    right: inherit;
    top: inherit;
}

.findDeal #ClearButton {
    position: absolute;
    right: 31px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    width: 80px;
    text-align: center;
    margin-top: -1em;
    cursor: pointer;
    background-color: #F4F9FF;
    border-radius: 0.35em 0.35em 0.35em 0.35em;
    -webkit-border-radius: 0.35em 0.35em 0.35em 0.35em;
    -moz-border-radius: 0.35em 0.35em 0.35em 0.35em;
}

.findDeal #searchParams { margin-right: 100px; }


/* row highlighting */

#dealFinderGrid tbody tr.even:hover, #dealFinderGrid tbody tr.even td.highlighted {
    background-color: #ECFFB3;
    cursor: pointer;
}

#dealFinderGrid tbody tr.odd:hover, #dealFinderGrid tbody tr.odd td.highlighted {
    background-color: #ECFFB3;
    cursor: pointer;
}

#dealFinderGrid tr {
    white-space: nowrap;
    height: 3em;
}

#dealFinderGrid tr.even {
    background-color: #fff;
    cursor: pointer;
}

#dealFinderGrid tr.even:hover {
    background-color: #ECFFB3;
    cursor: pointer;
}

#dealFinderGrid tr.even:hover td.sorting_1 {
    background-color: #DDFF75;
    cursor: pointer;
}

#dealFinderGrid tr.odd:hover td.sorting_1 {
    background-color: #D6FF5C;
    cursor: pointer;
}

#dealFinderGrid tbody tr.row_selected {
    background-color: #ECFFB3;
    border: 0px;
}

#dealFinderGrid tbody tr.row_selected td.sorting_1 {
    background-color: #DDFF75;
    border: 0px;
}

/* normal grid for dealFinder */

#dealFinderGrid tr.odd {
    background-color: #DFEAF9;
    cursor: pointer;
}

#dealFinderGrid tr.even td.sorting_1 {
    background-color: #DFEAF9;
    cursor: pointer;
}

#dealFinderGrid tr.odd td.sorting_1 {
    background-color: #DFEAF9;
    cursor: pointer;
}

/* empty table */

.dataTables_empty { background: #DFEAF9; }

#cofundDetails {
    padding-bottom: 0.5em;
    margin: 0 1em 0 0.5em;
}



/* Contact WebTrader Layout */

.contactContainer {
	display: block;	
}

.contactDivider {
	border-top: solid lightgrey 1px;
}

.contactShorten {
	width: 95%;
	border-color: #E3E3E3;
}

.contactSpaced {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.contactLeft {
	float: left;
	width: 50%;
}

.contactRight {
	float: right;
	width: 50%;
}

.contactClear {
	clear: both;
}

.contactLayoutH2 {
	margin-top: 1em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.contactLayout {
	margin: 0.5em;
}

.contactLayout2 {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

input[type="checkbox"].contactCheckBoxOffSet {
	position: relative;
	top: 0.15em;
}

.contactRightAlignText {
	position: relative;
	text-align: right;
	margin-right: 1em;
	top: 0.4em;
}

.contactPullLeft {
	position: relative;
	/*left: -5em;*/
}

.contact-modal-headers-column {
    margin-right: 18px;
}

.contact-modal-subheaders {
    text-align: center;
    font-weight: bold;
}

.access-list-header {
    background-color: #EAEAEA;
    padding: 5px;
    font-size: 15px;
    font-weight: bold;
}

.access-list {
    max-height: 250px;
    overflow-y: auto;
}

div.access-row.ng-scope {
    height: 25px;
    display: flex;
    align-items: center;
}

label.access-label.ng-binding {
    margin: 5px;
    display: flex;
    align-items: center;
}

input.access-checkbox.ng-pristine, input.access-checkbox.ng-dirty {
    margin: 0 10px 0 2px;
}

.gridStyle {
    /*border: 1px solid rgb(212,212,212);*/
    width: 100%; 
    height: 330px
}

.order-types-grid
{
    width: 100%; 
    height: 265px;
}

.other-options-grid {
    width: 100%; 
    height: 60px;
    margin-top:5px;
}

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }


.row {
    margin-top: 10px;
}

.row:first-child, .row.row-dense {
    margin-top: 0;
}


input.fixEndpointSelect ~ span {
    visibility: hidden;
}

input.fixEndpointSelect:checked ~ span {
    visibility: visible;
}



input[type="text"].form-control,
input[type="password"].form-control {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 100%;
}

input[type="button"][disabled]{
    background-color:#ffffff;
    border: dashed 1px grey;
    color: grey;
}






.ptp-notification-header-controls {
	
}


.ptp-notification-header-controls.ng-hide-add.ng-hide-add-active,
.ptp-notification-header-controls.ng-hide-remove.ng-hide-remove-active {
  -webkit-transition:all linear 0.5s;
  transition:all linear 0.5s;
}


textarea.ptp-notification-resolution {
	resize: vertical;
}

.ptp-enabled {
    color:green;
}

.ptp-disabled {
    color: darkred;
}

.ptp-indent-text {
    text-indent: 2em;
}

.ptp-indent-text-2x {
    text-indent: 4em;
}



/* Exchange Non trading days */
.selected-non-trading-day a {
	background-color: lightseagreen !important;
	background-image: none !important;
	color: white !important;
}


div.modal-fixSettings {
    width:1500px;
}

div.modal-fixSettings > div.modal-content{
    height:870px;    
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.bs-nopadding-callout {
    padding: 5px;
    margin:  5px 5px;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.nm-np-callout {
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

.np-callout {
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.bs-callout-header {
    padding: 3px;
    margin: 3px 0;
    color: #1b809e;
    font-weight: bold;
    font-size: larger;
}

.bs-callout-info {
    border-left-color: #1b809e;
}

.bs-callout-warning {
    border-left-color: #aa6708;
}

.bs-callout-danger {
    border-left-color: #ce4844;
}

.bs-callout-primary {
    border-left-color: #e8ea00;
}

.bs-callout-success {
    border-left-color: #4cae4c;
}

.uib-tooltip-contact-cell{
    min-width:300px;
    max-width:100%;
    width: 500px;

}
.uib-tooltip-contact-cell .tooltip-inner{
    max-width:400px;
    width:400px;
}

/*firm management styles
--------------------------------------------------------------------------------------------------*/
div.firm-management-content {
    border: 1px #5C87B2 solid;
    padding: 0.8em 0.8em 0.8em 0.8em;
    vertical-align: top;
    overflow-x: hidden;
    overflow-y: auto;
}

ul.firm-admin-menu li.ui-menu-bar-item a.disabled span.ui-button-text {
    color: dimgray;
    cursor: not-allowed;
}

div.firm-management-content .grid {
    height: 400px;
}

div.firm-management-content div.home-content .grid {
    height: 500px;
}

div.firm-management-content input.ng-invalid-required,
div.firm-management-content select.ng-invalid-required,
div.firm-management-modal .form-control.ng-invalid-required,
div.firm-management-modal select.ng-invalid-required {
    background-color: lightpink;
}

div.firm-management-content div.firm-type-grid-container {
    width: 20%;
    display: inline-block;
}

div.firm-management-content div.parent-product-code-grid-container {
    margin-left: 2%;
    width: 31%;
    display: inline-block;
}

div .firm-management-content div.child-product-code-grid-container {
    margin-left: 2%;
    width: 43%;
    display: inline-block;
}

div.firm-management-content div.button-container {
    margin-top: 5px;
}

div.firm-management-content div.billing-region-grid-container {
    width: 15%;
    display: inline-block;
}

div.firm-management-content div.billing-code-grid-container {
    margin-left: 2%;
    width: 48%;
    display: inline-block;
}

div.firm-management-content div.billing-override-reasons-grid-container {
    margin-left: 2%;
    width: 31%;
    display: inline-block;
}

div.firm-management-content div.omses-grid-container {
    width: 25%;
    display: inline-block;
}


div.firm-management-content div.firm-list {
    width: 25%;
    display: inline-block;
}

div.firm-management-content div.firm-list select {
    width: 100%;
}

div.firm-detail-content {
    width: 73%;
    margin-left: 1%;
    display: inline-block;
    vertical-align: top;
}

div.firm-detail-content div.container-fluid {
    border: 1px #5C87B2 solid;
    padding: 0.8em 0.8em 0.8em 0.8em;
}

div.firm-detail-content table,
div.firm-detail-content table td {
border: 0;
}

div.firm-detail-content table.address {
    border: 1px #ccc solid;
    margin-top: 10px;
    margin-bottom: 10px;
}

div.firm-detail-content table.address td {
    padding-left: 20px;
    padding-right: 20px;
}

div.firm-detail-content table.address td.field-label.title {
    font-weight: bold;
}

div.firm-detail-content textarea {
width: 100%;
}

div.firm-detail-content td.field-label {
text-align: right;
}

div.firm-detail-content td.field-label.notes {
    vertical-align: top;
}

div.firm-management-content div.firm-contacts-content .grid {
    height: 320px;
}

div.firm-management-content div.firm-contacts-content table {
    width: 100%;
}

div.firm-management-content div.firm-sessions-content .grid {
    height: 150px;
}

div.firm-management-content div.firm-sessions-content table.session-details {
    width: 100%;
}

div.firm-management-content div.firm-sessions-content table.session-details td {
    width: 16.666666%
}


div.firm-management-content div.firm-sessions-content table.session-details td.colspan4 {
    width: 66.666666%
}


div.firm-management-content span.sequence-numbers {
    color: darkred;
}

div.firm-management-content span.sequence-numbers.connected {
    color: darkgreen;
}

div.firm-management-content input.edit-sequence-numbers-button {
    margin-left: 5px;
    width: 40px;
}

div.firm-management-content div.firm-trade-authorisations-content .grid {
    height: 200px;
}

div.firm-management-content div.firm-trade-authorisations-content .trade-authorisation-menu {
    margin-top: 10px;
}

div.firm-management-content div.firm-trade-authorisations-content table.billing input[type=text],
div.firm-management-content div.firm-trade-authorisations-content table.billing input[type=number] {
    width: 140px;
}

div.firm-management-content div.firm-trade-authorisations-content table.rules span.rule-item {
    margin-right: 10px;
}

div.firm-management-content div.firm-trade-authorisations-content table.rules input.rule-tag {
    width: 65px;
}


div.firm-management-content div.firm-trade-authorisations-content ul.trade-authorisation-menu .tab-invalid span {
    background-color: lightpink;
}

div.firm-management-modal textarea.notes {
    width: 100%;
}

div.dma-execution-management table,
div.dma-execution-management table td {
    border: 0;
}

div.dma-execution-management input.ng-invalid-required,
div.dma-execution-management select.ng-invalid-required,
div.broker-net-price-calculation-config input.ng-invalid-required,
div.broker-net-price-calculation-config select.ng-invalid-required {
    background-color: lightpink;
}


