:root {
    --main-blue: #004675;
    --main-green: #66C295;

    --main-background-color: #F3F3F3;
}

body {
    font-size: 13px !important;
    padding: 0;
    margin: 0;
    color: #808080;
    /*font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;*/
    font-family: 'Open Sans', sans-serif !important;
    background-color: var(--main-background-color) !important;
}


.body-content{
    padding-left:15px;
    padding-right:15px;
}
a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}
a img
{
    border: 0;
}
img
{
    border: none;
}
p, ul
{
    /*margin-bottom: 20px;*/
    line-height: 1.6em;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    /*font-size: 1.2em;*/
    color: #000;
}

h1
{
    /*font-size: 2em;*/
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 20px;
}
h3
{
    /*font-size: 1.2em;*/
}
h4
{
    /*font-size: 1.1em;*/
}
h5, h6
{
    /*font-size: 1em;*/
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page
{
    padding: 0px;
    overflow:auto;
	/*height: 100%;
	margin: 0;*/
}

.logon, .logon-2FA
{
    width:400px;
    display:block;
    margin:auto;
    padding-top:20px;
}
.logon-2FA
{ 
    width:715px;
}

.header {
    background-color: #e9e9e9;
    border-color: #dddddd;
    color: #333333;
    /*text-shadow: 0 1px 0 #eeeeee;*/
    font-weight: bold;
    border-width: 1px 0;
    border-style: solid;
    position: relative;
    left: 0;
    right: 0;
    height: 54px;
    z-index: 1000;
    /* Flexbox layout */
    display: flex;
    align-items: center; /* Vertical center */
    padding-left: 10px;
}

.logonLogo img {
    height: 50px;
    display: block;
    margin-right: 10px; /* spacing between image and text */
}

.logonHeader {
    font-size: 16px;
    margin-left: 10px;
    text-align: left;
    display: block;
}
.logonHeader .links a {
    font-size: 16px;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    /*font-size: 22px;*/
}

#main
{
    padding: 5px 5px 5px 5px;
    background-color: #fff;
    margin-bottom: 5px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
    float: left;
    width: 95%;
    overflow:auto;
}

#main img
{
    float: right;
}
.fieldset
{
    float: left;
    width:375px;
    overflow-y:auto;
}
.fieldset1
{
    float:left;
    width:1010px;
}
.homeFieldset
{
    float:left;
    width:480px;
    margin:0px 5px 10px 5px;
    min-height:195px;
    max-height:275px;
    overflow-y:auto;
    
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    /*font-size: .9em;*/
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
    padding: 0 5px 0px 5px;
    margin: 0 0 1.5em 0;
}

legend
{
    /*font-size: 1.2em;*/
    font-weight: bold;
    color: #808080;
    margin-bottom:10px;
}

textarea
{
    min-height: 75px;
}

input {
    font-family: 'Open Sans', sans-serif !important;
    line-height: 23px !important;
}

input[type="text"] {
    width: 196px;
    border: 1px solid #CCC;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
    margin-bottom: 5px;
}

input[type="checkbox"] {
    width: 16px;
    height: 16px;
    font-family: 'Open Sans', sans-serif !important;
    margin-bottom: 0px;
}

input[type="radio"] {
    vertical-align: middle;
}

select
{
    min-width: 200px;
    max-width: 350px;
    width:200px;
    margin-bottom:5px;
    padding-top:2px;
    padding-bottom:2px
}

input[type="password"] {
    width: 200px;
    border: 1px solid #CCC;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
}

input[type="submit"] {
    height: 27px;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 13px !important;
}

.
/* TABLE
----------------------------------------------------------*/

table
{
    /*border: solid 1px #e8eef4;*/
    border: solid 1px white;
    border-collapse: collapse;
}

table td
{
    padding: 5px;
    /*border: solid 1px #e8eef4;*/
    border: solid 1px white;
}

table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    /*border: solid 1px #e8eef4;*/
    border: solid 1px white;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}
.errorLabel
{
    color:Red;    
}

#menucontainer
{
    margin-top: 40px;
}

div#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    /*font-size: 1.1em;*/
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* 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;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .displayLabel
{
    padding: 2px;
    margin: 0.5em 5px 0 0;
    width: 160px;
    clear: both;
}

.display-field, .editor-field, .displayField
{
    margin: 0.5em 0 0 0;
    width: 300px;
}
.displayField
{
    width:280px;
}
.displayField a
{
    color:#092869;
    text-decoration:underline;
}
.displayField a:hover
{
    color:Red;
    text-decoration:underline;
}
.contact-recent
{
    width: 100%;
    float: left;
    margin-top: 5px;
}
.contact-recent-name
{
    width: 150px;
    float: left;
}
.contact-recent-date
{
    width: 150px;
    float: left;
}

.contactPicture
{
    width:60px;
    overflow:hidden;
}

.contactPicture img
{
    width:90%
}

.contactInfo1
{
    float:left;
    width:75%;
    display:block;
    margin-left:5px;
}

.contactInfo2
{
    width:90%;
    margin-left:5px;
}

.contactDisplayHeading {
    color: darkblue;
    line-height: 25px;
    font-weight: bold;
    font-size: 13px;
    text-shadow: none;
    display: block;
    text-wrap: normal;
}

.contactDisplay1
{
    color:black;
    line-height:22px;
    font-weight:normal;
    text-shadow:none;
    display:block;
    text-wrap:normal;
}

.contactHeadingDisplay1
{
    color:black;
    line-height:16px;
    font-weight:normal;
    font-size: 13px;
    text-shadow:none;
    display:block;
    text-wrap:normal;
}
.contactHeader
{
    height:50px;
    text-align:center;
    /*background-color:mintcream;*/
}
.contactOptions
{
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}
.logo
{
    display: block;
    width: 57px;
    height: 57px;
    text-decoration: none;
}
.header-links
{
    float: left;
    margin-left: 150px;
    margin-bottom: 25px;
    margin-top : 15px;
}
.logo-link
{
    float: left;
    width: 80px;
    height: 80px;
    border: 0px;
}
.messages-link, .contacts-link, .notes-link, .calendar-link, .tasks-link, .logoff-link
{
    float: left;
    width: 80px;
    height: 80px;
    margin-left: 4px;
}

.logonButton {
    margin: 4px 0px 0px 0px;
    display: flex;
    align-items: center; /* Vertical center */
}

.logonButton input[type="submit"] {
    min-width: 75px;
}

.logonButton a {
    margin-left: 10px;
    font-size: 13px;
}

.submitButton {
    /*border-radius: 5px;
    padding: 6px 12px;
    background-color: #ddd;
    border-color: #eee;
    cursor: pointer;*/
    margin: 4px 0px 0px 0px;
    display: flex;
    align-items: center;
}
.headerBold
{
    padding: 0 0 15px 20px;
    font-size:1.5em;
}   

.headerContent
{
    padding: 0 0 20px 20px;    
}
.logonBox {
    padding: 20px 20px 0 20px;
    float: left;
    background-color: white !important;
    border: 1px solid #ddd;
}
.logon
{
}

.customerLink, .customerLink1
{
    display:block;
    height:30px;
    float:left;
    width:338px;
    margin-left:5px;
}
.customerLink1
{
    width:130px;
    margin:0px;
    display:block;
    
}
.customerLink a, .customerLink1 a
{
    height:30px; 
    text-decoration:none;
    color:#092869;
    font-size: 13px;
    display:block;
    padding-top:8px;
}
.taskLink, .favoriteLink
{
    display:block;
    height:20px;
    float:left;
    margin-left:5px;  
    width:100%;  
}
.favoriteLink
{
    height:30px;
}
.taskLink a, .favoriteLink a
{
    height:20px; 
    text-decoration:none;
    color:#092869;
    font-size: 13px;
    display:block;
    padding-top:8px;
}
.favoriteLink a 
{
    height:30px;
}
.customerbox-light, .taskbox-ligth
{
    background-color:#f4f4f4;
    height:30px;
}
.taskbox-light
{
    height:45px;
}
.customerbox-dark, .taskbox-dark
{
    background-color:#e3e3e3;
    height:30px;
}
.taskbox-dark
{
    height:45px;
}



/****************************************************************************/
/*Recent Customers*/
/****************************************************************************/
.recent-customers
{
    float:left;
    margin-bottom:10px;
}
.customerFieldset
{
    float:left;
    width:480px;
    margin:0px 5px 10px 5px;
    max-height:275px;
    min-height:125px;
    overflow-y:auto;
    
}
.customerFieldsetLeft
{
    float:left;
    width:480px;
    margin:0px 5px 10px 5px;
    max-height:275px;
    min-height:155px;
    overflow-y:auto;
    
}
.messsages-list
{
    /*font-size: small;*/
}
/****************************************************************************/
/*For general iPad layouts*/
/****************************************************************************/
@media only screen and (device-width: 768px)
{
    /* For general iPad layouts */
    body
    {
        background-color: purple;
    }
}

/****************************************************************************/
/*For iPad portrait layouts*/
/****************************************************************************/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)
{
    /* For portrait layouts only */
}

/****************************************************************************/
/*For iPad landscape layouts*/
/****************************************************************************/
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)
{
    /* For landscape layouts only */
}

/****************************************************************************/
/*For general iPhone layouts*/
/****************************************************************************/
/*@media only screen and (max-device-width: 480px) 
{*/
/* For general iPhone layouts */
/*
    body
    {
        width: 320px;
        height:460px;
    }
    
    .page
    {
        width: 320px;
        height:460px;
    }

}
*/

.links {
    width: 100%;
    height: 54px;
    display: inline-block;
}

.links div {
    /*padding: 5px;*/
}

.links a {
    text-decoration: none;
    display: table-cell;
    text-align: center;
    height: 100%;
    height: 61px;
    padding: 0 10px;
    vertical-align: middle;
    color: #333;
    font-size: 13px;
}
.main > a:first-of-type {
    padding: 0;
}

.links a:hover {
    background-color: #00467f;
    color: white;
    text-shadow: 0;
}

.links-main {
    margin-left: 10px;
    text-align: left;
    display: block; 
}
.links-main > a:first-of-type {
    margin-left: 0;
}
.ui-content {
    padding: 5px;
    margin: 0 auto;
    position: relative;
    background-color: #E8E8E8 !important;
}

.ui-content .ui-listview {
    margin: 0;
    height: 100%;
    overflow-y: auto;
}

.ui-grid-solo, .ui-grid-a {
    height: 100%;
    padding-left: 5px;
}

.ui-page-header, .ui-page-footer {
    height: 33px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-top: 13px;
    margin-bottom: 5px;
    overflow: auto;
    font-weight: bold;
}

.ui-page-header-link {
    font-size: 18px;
}

.ui-grid-solo *, .ui-grid-a * {
    /*overflow: hidden;*/
}

.ui-grid-a .ui-btn {
    margin: 0;
}

.ui-li .ui-btn-inner a.ui-link-inherit {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b {
    height: 500px;
    width:49%;
    float:left;
    margin-bottom:10px;
    margin-top:10px;
    overflow:hidden;
}

.ui-grid-solo .ui-block-a {
    height: 100%;
}

.ui-block-a, .ui-block-b {
    /*padding: 0 5px 5px 0;*/
    margin: 0;
}

.ui-block-a li, .ui-block-b li {
    /*float: left;*/
    width: 100%;
    box-sizing: border-box;
}

#contacts li {
    width: 50%;
    border-right-width: 1px;
    margin: 0;
}

.block-border {
    padding: 0px;
    /*border: solid 2px #CCC;*/
    /*border-radius: .7em;*/
    width: 100%;
    box-sizing: border-box;
    display: table;
    table-layout: fixed;
    background-color: #e9e9e9;
}

.block-border-info {
    background-color: white;
}

.block-border .ui-controlgroup {
    margin: 0px;
    display: table-row;
	-moz-border-radius-bottomleft: 0; 
	-moz-border-radius-bottomright: 0; 
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.ui-controlgroup-controls {
    padding: 5px;
    background-color: #e9e9e9;
}

.controlgroup-header {
    border-bottom-width: 0;
    display: inline-block;
    float: none !important;
    font-size:16px;
}

.controlgroup-headertext {
    border-bottom-width: 0;
    display: inline-block;
    float: none !important;
    font-size: 16px;
    font-weight: bold;
    color: #00467f;
    margin-right: 10px;
    padding-left: 5px;
}

.controlgroup-title {
    cursor: default;
    text-align: center;
    font-weight: normal;
    font-size: 16px;
    font-weight: bold;
    color: #00467f;
    padding-left: 5px;
    padding-right: 5px;
}

a.controlgroup-link {
    width: 150px;
    text-decoration: none;
    color: #222;
}

.block-pane {
    height: 100%;
    width: 100%;
    display: table-row;
}

.block-pane-content {
    height: 100%;
    width: 100%;
    overflow: auto;
    display: inline-block;
    background-color: white;
    margin-bottom: -5px;
    color: black;
}
.block-pane-content-2 {
    height: 100%;
    width: 48%;
    display: inline-block;
    background-color: white;
    margin-bottom: -5px;
    float:left;

}
.col-form-label {text-align:left; font-weight:600;}
.col-form-label {text-align:left; font-weight:600;}
.dialog-content-main .form-select {line-height:1.0;padding-right:0;}
.dialog-content-main .col-form-label {line-height:1.0}
.dialog-content-main input[type="text"], .dialog-content-main input[type="number"] {width:100%; margin-bottom:0px;line-height:0.8 !important;padding-top:0.1825rem;padding-bottom:.1825rem;}
.dialog-content-main .form-check-input:checked {background-color:#00467f;border-color:#00467f;}
.dialog-content-main .row .mb-3 {margin-bottom: .50rem !important;}
.dialog-content-main h2.h5.mb-3 {text-align:left; background-color:#e9e9e9;color:#00467f;padding-left:5px;padding-top:5px;}
.dialog-content-main .row {margin-right:0;}
.dialog-content-main {overflow-x:hidden !important;}
.dialog-content-main select{min-width:100px !important;}
.dialog-content-main .ui-igedit-container {min-width:50px;width:100%;height:24px;}
.float-left, .float-left-end {float:left;}
.float-left-end{padding-left:10px;}
.ico-help {
    display: inline-block;
    margin-left: 5px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 50%;
    background: #00467f;
    color: white;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}
.ui-btn-a {
    width: 85px;
}

.buttonList {
    display: table;
    border-spacing: 3px;
	padding-left: 0px;
	margin-top: 2px;
	width: 100%;
}
.buttonList li {
    list-style: none;
    display: table-row;
    background-color: whitesmoke; /*white;*/
    padding: 2px 5px;
    /*border: solid 1px black;*/
}

.buttonList li a {
    text-decoration: none;
    /*border: solid 1px #999999;*/
    /*border-radius: 3px;*/
    padding: 2px 5px;
    display: table-cell;
    color: #333;
}

.list-header{
    text-decoration: none;
    padding: 2px 5px;
    display: table-cell;
    font-weight : bold;
	background-color: #666666;
	color: white;
	text-shadow: none;
}

.controlgroup {
    padding: 5px;
	/*background: linear-gradient(to right, #139510, white);*/
	/*background: #18b114;*/
}

.controlgroup a {
    padding-left: 5px;
    padding-right: 5px;
	text-shadow: none;
}

.controlgroup a:first-child {
    /*border-top-left-radius: 8px;*/
}

.controlgroup a:last-child {
    /*border-bottom-right-radius: 8px;*/
}

.buttonList li a:hover, .controlgroup a:hover {
    background-color: #ddd;
}

.editor-field ~ .editor-label {
    float: left;
}

.editor-label {
	width: 250px;
}

.report-param-label {
    width: 310px;
}

.editor-parameter {
	display: flex;
	justify-content: flex-start;
	height: 33px;
}

.editor-field input[type='checkbox'] {
	margin-left: 0;
}

.checkbox-list-container {
    /*border-left: #eee solid 1px;*/
    /*padding-left: 10px;*/
    /*margin-left: 10px;*/
	/*display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content:flex-start*/
	/*display: grid;
	grid-template-columns: auto auto auto auto;
	grid-template-rows: auto;
	grid-auto-flow: column;*/
}

.checkbox-list-container label {
	margin-left: 5px;
	vertical-align: middle;
}

.checkbox-list-container td {
	/*width: 320px;*/
}

.grid-editdialog-item input[type='checkbox'] {
    vertical-align: middle;
}

.grid-container {
    display: grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto auto auto auto auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    grid-gap: 10px;
    max-height: 100%;
    margin: 10px;
    align-content: start;
    /*overflow-x: auto;*/
    background-color: var(--main-background-color);
}

.grid-item {
    border: 1px solid #D3D3D3;
    /*border: 0;*/
    overflow: auto;
    background-color: white;
}

.grid-header {
	grid-column-start: 1;
	grid-column-end: 3;
	border: 0px;
	overflow: hidden;
	margin: -10px -10px 0 -10px;
}

.grid-footer {
	grid-column-start: 1;
	grid-column-end: 3;
	border: 0px;
	overflow: hidden;
	margin: 0;
}

.grid-item .block-border {
	border: 0;
    /*background-color: transparent;*/
}

.grid-item .block-pane-content {
    /*background-color: whitesmoke;*/
}

.grid-item .buttonList li a {
	/*border: 0;*/
}

.grid-item-content {
	margin-top: -10px; /* 10 (grid-gap) + 1 (border around grid-item) */
    border-top: none;
}

.grid-item-header {
    border-bottom: none;
}

.grid-item-content-blotter {
    padding: 5px 5px 5px 5px;
    background-color: white;
}
.grid-item-content-blotter-list {
    background-color: white;
}

.grid-item-content-home-dashboard {
    padding: 0 0 0 0;
    margin: -5px -5px -5px -5px;
    border: 0;
    background-color: transparent;
}

.grid-item-content-report-params {
    padding: 5px 5px 5px 5px;
    /*background-color: white;*/
}

.grid-item.grid-item-content-billing-params {
    border: none;
    background-color: transparent;
}

.grid-item.grid-item-content-billing-tabs {
    margin-top: 0;
    border: none;
    background-color: transparent;
    overflow-x: hidden;
}

.sublinks {
    width: 100%;
    height: 40px;
    display: inline-block;
    background-color: var(--main-blue);
    text-shadow: none;
}

.sublinks a {
    text-decoration: none;
    display: table-cell;
    text-align: center;
    height: 100%;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    color: #333;
}

.sublinks a:hover {
    background-color: #00467f;
    color: white;
    text-shadow: 0;
}

.sublinks-main {
    float: left;
}

.buttonList table {
	table-layout: fixed; 
	width: 100%;
}
.buttonList td {
	border-color: transparent; 
	padding: 0px; 
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
}

.ui-widget-content {
    /*border: 1px solid #dddddd;
    background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;*/
    /*border: 0 !important;*/
    background: white !important;
}

.content-table {
    border:none;
    border-spacing:0;
	table-layout: fixed; 
	width: 100%;
}

.content-table-min {
    border:none;
    border-spacing:0;
	table-layout: fixed; 
	margin-left: -5px;
	margin-top: -5px;
}

.content-table td {
    border:none;
	border-color: transparent; 
	padding: 0px; 
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
}

.contacts-table > tbody > tr > td:nth-child(1) {
	min-width: 250px;
	width: 20%;
	padding-right: 15px;
}
.contacts-table > tbody > tr > td:nth-child(2) {
	min-width: 150px;
	width: 20%;
	padding-right: 15px;
}
.contacts-table > tbody > tr > td:nth-child(3) {
	min-width: 250px;
	width: 20%;
	padding-right: 15px;
}
.contacts-table > tbody > tr > td:nth-child(4) {
	width: 40%;
}

.globalAllocations {
	margin-bottom: -5px;
}

.edit-phone
{
}

.confirmBox
{
}
.confirmBox-message
{
    font-size:16px;
}

/*.edit-currency 
{
    font-size : 13px;
}

.edit-currency6
{
    font-size : 13px!important;
}*/

.grid-editdialog-container {
    display: grid;
    grid-template-columns: auto 1fr; /* to be overwritten inline on specific forms as needed */
    grid-template-rows: auto auto auto auto auto auto auto auto; /* to be overwritten inline on specific forms as needed */
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column-gap: 10px;
    grid-row-gap: 0;
    max-height: 100%;
    justify-items: stretch;
    justify-content: stretch;
    background-color: white !important;
}

.grid-editdialog-header {
	grid-column-start: 1;
	grid-column-end: 3; /* needs to be overwritten inline, if grid-editdialog-container is overwritten with more columns */
	border: 0px;
	overflow: hidden;
}

.grid-editdialog-item {
    overflow: auto;
    padding: 3px;
    line-height: 26px;
}

.grid-editdialog-item textarea {
    min-height: 75px;
    width: 99%;
    height: 95%;
    overflow-x: hidden;
	/*border: solid 1px #666666;*/
}

.grid-editdialog-item input[type='text'] {
    width: 99%;
    overflow: hidden;
}

.grid-editdialog-item input[type='checkbox'] {
	margin-left: 0;
}

.block-border-dialog {
	padding: 5px 10px;
}

.ui-igdialog-content.ui-widget-content.ui-dialog-content {
	overflow: hidden;
}

.ui-igdialog-content body{
	overflow: auto;
}

.editReportBenchmarks {
}

.dashboard-icon {
	vertical-align: middle; 
	margin-right: 5px;
}

.dialog-content-main
{
	overflow: auto;
    height : 100%;
    height: -moz-available;          /* WebKit-based browsers will ignore this. */
    height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    height: fill-available;

}


.contactInfo-container {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column-gap: 10px;
    grid-row-gap: 3px;
    max-height: 100%;
    justify-items: stretch;
    justify-content: stretch;
    padding-left: 5px;
}

.contactInfo-main {
	grid-row-start: 1;
	grid-row-end: 3;
	grid-column: 2;
	border: 0px;
	overflow: hidden;
}

.contactInfo-item {
}

.riskalyzeSpeedSign {
	cursor: pointer;
}

.portfolioInfo-container {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column-gap: 10px;
    grid-row-gap: 3px;
    max-height: 100%;
    justify-items: stretch;
    justify-content: stretch;
    margin: 0px;
    padding-left: 5px;
}

.portfolioInfo-item {
	overflow: hidden;
}

.logon input[type='text'] {
    min-height: 20px;
}

.logon input[type='password'] {
    min-height: 20px;
}

.ct-img-src{
    float:left;
    height:36px;
}
.copytalker{
    margin-left:5px;
}
.copytalker img {
    height: 30px !important;
}
.copytalker a {
    height: 30px;
}

.selected-list-item {
    background: #00467f;
    color: white !important;
}

.copytalker img {
    height: 30px !important;
}

.full_form {
    background-color: white !important;
}

.computedPortfolioValue {
    font-weight: bold;
}

.portfolioInformation
{
    border-bottom: none;
}

.hover-icons-row .hover-icons {
    display: none;
}

.hover-icons-row.hovering .hover-icons {
    display: table-cell;
}

.reportparameter-group-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.reportparameter-group-label {
    background-color: #00467f;
    color: white;
    border: 1px solid #00467f;
    display: inline-block;
    padding: 4px 8px;
    margin-bottom: 2px;
}

.report-params {
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    background-color: white;
    color: black;
    margin: 4px -7px -3px -7px;
}

.select-accounts-report-param {
    margin-bottom: 5px;
}

.component-not-found {
    margin-top: 15px;
    margin-left: 15px;
}

.module-content {
    margin: 5px 5px 5px 5px;
    background-color: white;
    border-color: transparent;
}

.module-data-loader-icon {
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.background-task-icon {
    z-index: 999999;
    display: none;
    justify-content: right;
    align-items: flex-end;
    width: 32px;
    height: 32px;
}

.material-symbols-outlined {
    font-size: 25px;
    color: #00467f;
    margin-top: -5px;
    vertical-align: middle;
    cursor: pointer;
}

.material-symbols-outlined:hover {
  color: white;
  background-color: #00467f;
}

.material-symbols-outlined.disabled {
    pointer-events: none;
    opacity: 0.4;        
    cursor: default;     
}

.material-symbols-outlined.contact-menu-icon {
    margin-right: 6px;
}

.material-symbols-outlined.contact-menu-icon:hover {
	color: #66C295 !important;
}

.igGrid-numeric-column-right-align {
    text-align: right;
}

.ui-iggrid-multiheader-cell {
    background: #333 !important;
    text-align: left !important;
}