@font-face {
    font-family: Poppins;
    src: url(../fonts/Poppins-Medium.ttf);
}

strong {
	color: #9E0000;
}
body {
	background-color: #d2e6e5;
}
#page_wrapper {
	background-color: #d2e6e5;
	width:100%;
}
input, select {
	font: 14px "Poppins";
}
input:invalid {
    border-color: #40B8B5;
    border-width: 2px;
    box-shadow: none;
}
input[type=button][disabled], input[type=submit][disabled], button[disabled] {
    background-color: #0b4d5b78;
}
.detail_block {
	display: block;
	margin-left: 165px; /*Set left margin to LeftColumnWidth*/;
	margin-top: 2px;
	text-align: center;
	background-color: #d2e6e5;
	padding-top: 30px;
	padding-bottom: 30px;
	font-family: Poppins;
	font-size: 13px;
    color: #01445C;
}
.welcome_message {
    font-size: 20px;
}
#branch_icon {
    background-image: url('../icons/branch.svg');
}
#cashbox_icon {
    background-image: url('../icons/cashbox.svg');
}
#help_icon {
    background-image: url('../icons/help.svg');
}
#legal_entity_icon {
    background-image: url('../icons/legal_entity.svg');
}
#logout_icon {
    background-image: url('../icons/logout.svg');
}
#user_icon {
    background-image: url('../icons/user.svg');
}
h3 {
	color: #01445C;
    font-family: Poppins;
}
h4 {
	color: #01445C;
    font-family: "Poppins";
	font-size:13px
}
h5 {
    color: #A81E1E;
    text-transform: uppercase;
    font-family: "Poppins";
	font-size:15px
}
h9 {
	color: #A81E1E;
}
.button_row{
    width: 97%;
    position: relative;
    margin-left: 2%;
    padding: 0;
    font: 10px "Poppins";
    border: none;
    text-align: left;
}
.highlighted_row{
    background-color:#5DB1B4;
	color:#FFF;
}
.center_align {
	text-align: center;
	width:20%;
	margin-left:40%;
}
.required_input{
    background-color: #C6E5E8;
    color: #01445C;
}

.client_status_good{
    background-color: white;
    color: black;
}

.client_status_risky{
    background-color: #e3ba00;
}

.client_status_debt_collecting{
    background-color: #FFCE85;
}

.client_status_black_listed{
    background-color: #B80000;
}

.client_status_see_note{
    background-color: #009BC2;
}

.client_status_new{
    background-color: #63978B;
}

.client_status_tracing{
    background-color: #AA8B5F;
}

.client_status_awaiting_approval{
    background-color: #6D6E70;
}

.client_status_new_loans_not_allowed{
    background-color: #808080;
}

.client_status_deceased{
    background-color: #000000;
}

.client_status_debt_review{
    background-color: #FFCE85;
}

.client_status_handed_over{
    background-color: #FFCE85;
}

.client_status_overdue{
    background-color: #C8A2C8;
}

.client_status_inactive{
    background-color: #B0E0E6;
}

.client_status_repeat_offender{
    background-color: #F064C8;
}

.payout_instruction_failed{
    background-color: #FFCE85;
}

.payout_instruction_failed_browse_right_align {
    background-color: #FFCE85;
    text-align: right;
    padding-right: 1mm;
}

.processing_overlay {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    z-index: 1000;
    background-color: #808080;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.processing_text {
    position: absolute;
    width:300px;
    top: 200px;
    background-color:white;
    border:1px solid #000;
    padding:15px;
    text-align:center;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

.processing_image {
    width: 16px;
    height: 16px;
}

.tc_form {
	width: 85%;
	position: relative;
	margin-left: 0;
	padding: 5px;
	font: 13px "Poppins";
	background-color: #4e7e88;
	color: #01445C;
    margin-top: 20px;
    border-radius: 8px;
}
.tc_form p input {
	width: 20%;
	overflow-wrap: break-word;
  	white-space: normal;
	text-transform: uppercase;
	background-color: #02455C;
	border-radius: 8px;
	color: white;
	border: none;
	padding: 5px;
    height: 50px;
}
.tc_form table tr td {
	margin-left: 1%;
	width: 98%;
	text-align: left;
}

.tc_form table tr td textarea {
	width: 100%;
	text-align: left;
}

.alert_overlay {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    z-index: 1000;
    background-color: #808080;
    opacity: 0.9;
}

.alert_text {
    position:absolute;
    width:300px;
    background-color: #FFFFFF;
    border:1px solid #FFFFFF;
    padding:15px 20px 5px 20px;
    opacity: 2;
    font-family: Poppins;
}

.update_overlay {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align:center;
    z-index: 1000;
    background-color: #808080;
    opacity: 0.95;
    filter: alpha(opacity=95);
}

.update_overlay_box {
    position:absolute;
    width:75%;
    top: 5%;
    background-color: #808080;
    padding:15px 20px 5px 20px;
    opacity: 1.0;
    filter: alpha(opacity=100);
}

/* the div that holds the date picker calendar */
.dpDiv {
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
    font-family: "Poppins";
    font-size: 12px;
    text-align: center;
    color: #01445C;
    background-color: #C6E5E8;
    border: 1px solid #AAAAAA;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}

/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
    border: 1px solid #C6E5E8;
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA;
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
    background-color: #C6E5E8;
    border: 1px solid #888888;
    cursor: pointer;
    color: red;
}

/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
}

/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
}

/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
    background-color: #01445C;
    border: 1px solid #AAAAAA;
    color: white;
}

/* additional style information for the text that indicates the month and year */
.dpTitleText {
    font-size: 12px;
    /*color: gray;*/
    font-family: Poppins;
    font-weight: bold;
}

/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlight {
    /*color: #4060ff;*/
    font-weight: bold;
}

/* the forward/backward buttons at the top */
.dpButton {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: gray;
    background: #d8e8ff;
    font-weight: bold;
    padding: 0px;
}

/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
    font-family: Poppins;
    font-size: 10px;
    color: #01445C;
    background: #d8e8ff;
    font-weight: bold;
}

.browse_right_align {
    text-align: right;
    padding-right: 1mm;
}

.browse_left_align {
    text-align: left;
    padding-right: 1mm;
}

/* Upgrade Info */
#upgrade_image {
	background-image: url('../images/WhatsNew.png');
    background-position: center;
    background-repeat: no-repeat;
	padding-left: 20%;
    padding-top: 7%;
	position: relative;
	text-align: center;
    height: 480px;
    width: 300px;
}

.bordered_div {
    border: 3px solid #FFFFFF;
    padding-left: 3px;
    padding-right: 3px;
    width: fit-content;
    block-size: fit-content;
    margin: auto;
}

/* TRUMBOWYG EDITOR */

.trumbowyg-editor,
.trumbowyg-editor-box,
.trumbowyg-box,
.trumbowyg-editor table,
.trumbowyg-editor th,
.trumbowyg-editor td,
.trumbowyg-editor tr {
    background-color: white;
    color: black !important;
}

.trumbowyg-editor {
    min-height: 390px !important;
    max-height: 390px;
    overflow-y: auto;
}

.trumbowyg-editor td p,
.trumbowyg-editor td div,
.trumbowyg-editor td span {
    font-weight: normal;
}

.trumbowyg-editor strong {
    color: black !important;
    /*font-weight: bold;*/
}

.trumbowyg-editor p:not([style*="text-align"]),
.trumbowyg-editor span:not([style*="text-align"]),
.trumbowyg-editor div:not([style*="text-align"]) {
    text-align: left !important;
}


/* TRUMBOWYG EDITOR TABLE PLUGIN */

.trumbowyg-dropdown-table {
    --tbw-cell-vertical-padding-dropdown: 4px;
    --tbw-cell-horizontal-padding-dropdown: 8px;
    --tbw-cell-line-height-dropdown: 1.5em;
    box-sizing: border-box;
}

.trumbowyg-dropdown-table table {
    margin-bottom: var(--tbw-cell-line-height-dropdown);
    border-collapse: separate;
}

.trumbowyg-dropdown-table th,
.trumbowyg-dropdown-table td {
    height: calc(var(--tbw-cell-vertical-padding-dropdown) * 2 + var(--tbw-cell-line-height-dropdown));
    min-width: calc(var(--tbw-cell-horizontal-padding-dropdown) * 2);
    padding: var(--tbw-cell-vertical-padding-dropdown) var(--tbw-cell-horizontal-padding-dropdown);
    border: 1px solid #e7eaec;
    box-sizing: border-box;
    width: auto;
}

.trumbowyg-box .trumbowyg-editor-box .trumbowyg-editor {
    --tbw-cell-vertical-padding: 4px;
    --tbw-cell-horizontal-padding: 8px;
    --tbw-cell-line-height: 1.5em;
    box-sizing: border-box;
}

.trumbowyg-box .trumbowyg-editor-box .trumbowyg-editor table {
    margin-bottom: var(--tbw-cell-line-height);
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}

.trumbowyg-box .trumbowyg-editor-box .trumbowyg-editor th,
.trumbowyg-box .trumbowyg-editor-box .trumbowyg-editor td {
    height: calc(var(--tbw-cell-vertical-padding) * 2 + var(--tbw-cell-line-height));
    min-width: calc(var(--tbw-cell-horizontal-padding) * 2);
    padding: var(--tbw-cell-vertical-padding) var(--tbw-cell-horizontal-padding);
    border: 2px solid #e7eaec;
    box-sizing: border-box;
    vertical-align: top;
    background-color: transparent;
    color: inherit;
    width: auto;
}

.trumbowyg-table-resize-layers {
    display: none !important;
}

.trumbowyg-table-resize-vertical-handle {
    display: none !important;
}

/* XDS MFI Status diplays */
.mfi_status_failed{
    background-color: #B80000;
}

.mfi_status_passed{
    background-color: #008000;
}