@import "ckeditor5-content.css";
/*@import "ckeditor5-editor.css";*/

A:hover {
    text-decoration: none;
    color: 003f6d;
}

A {
    text-decoration: none;
    color: 1c56fa;
}

BODY {
    margin: 0;
    color: 464646;
    background-color: FFFFFF;
    font: normal 12px/16px Arial, Helvetica, sans-serif;
}

h2, h3, h4, h5, h6, p, hr {
    margin: 12px 0;
}

h3 {
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    color: 003f6d;
}

h4 {
    font-size: 13px;
    color: 003f6d;
}

h5 {
    font-size: 12px;
    color: 000;
}

hr {
    height: 4px;
    background: transparent url(/FileAccess/images/ven_divider.png) repeat-x left top;
    border:: 0;
    clear: both;
}

Table.formContentTable {
    width: 100%;
}

Table.InputTable {
    width: 100%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1e1',
    endColorstr='#ffffff');;
    background: -moz-linear-gradient(top, #e1e1e1, #ffffff);;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1),
    to(#ffffff));;
}

Table.SubTableCol {
    margin-top: 0px;
    margin-left: 10px;
}

table.ven_table td {
    padding: 4px;
    border-width: 0 1px;
    border: 1px solid #dfdfdf;
}

Table.ven_table {
    margin: auto;
    border-width: 1px 0;;
    border: 1px solid #dfdfdf;
    border-collapse: collapse;
    background: dfdfdf;
}

TD.formContentData p {
    margin-top: 0px;
    padding: 0px;
}

TD.formContentData2 {
    padding: 4px;
    background-color: f7f7f7;
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 2;
    border-left-width: 1;
    width: 0;
    width: 65%;
    vertical-align: top;
    border-bottom-color: FFFFFF;
    border-left-color: FFFFFF;
}

TD.formContentDataH {
    text-align: left;
    padding: 4px;
    width: 65%;
    border-bottom: 1px dotted #cbcbcb;
}

TD.formContentDataN {
    font-size: 9pt;
    font-family: Arial;
    color: 000000;
    background-color: FFFFFF;
    border-style: none;
    width: 100%;
    border-bottom-color: F7CA8F;
    border-left-color: F7CA8F;
}

TD.formContentDataS {
    padding: 2px;
    width: 3%;
}

TD.formContentDataWide {
    padding: 2px;
    border-style: none;
    width: 85%;
    border-bottom-color: F7CA8F;
    border-left-color: F7CA8F;
}

TD.formContentData {
    padding: 2px;
    color: 464646;
    background-color: f7f7f7;
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 2;
    border-left-width: 2;
    width: 0;
    width: 65%;
    vertical-align: top;
    border-bottom-color: FFFFFF;
    border-left-color: FFFFFF;
}

TD.formContentLabel2 {
    font-weight: bold;
    text-align: left;
    padding: 4px;
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 2;
    border-left-width: 1;
    width: 0;
    width: 35%;
    background: #ebebeb;
    vertical-align: top;
    border-bottom-color: FFFFFF;
    border-left-color: FFFFFF;
}

TD.formContentLabelH {
    font-weight: bold;
    text-align: left;
    padding: 4px;
    width: 35%;
    border-bottom: 1px dotted #cbcbcb;
}

TD.formContentLabelInfo {
    font-weight: bold;
    text-indent: 30px;
    margin-bottom: 0;
    padding: 5px;
    color: FFFFFF;
    background-color: FFFFFF;
    width: 37%;
    background-image: url(/FileAccess/images/ven_info_hdr_bg.png);
    background-repeat: no-repeat;
    border-bottom: 1px dotted #cbcbcb;
}

TD.formContentLabelN {
    width: 100%;
}

TD.formContentLabel {
    font-weight: bold;
    text-align: left;
    padding: 4px;
    color: 464646;
    border-style: solid;
    border-width: 0;
    border-width: 0;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 2;
    border-left-width: 2;
    width: 0;
    width: 35%;
    background: #ebebeb;
    vertical-align: top;
    border-bottom-color: FFFFFF;
    border-left-color: FFFFFF;
}

TD.formContentStatement {
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
    padding: 2pt;
    color: 000000;
    border-style: none;
    border-width: 0;
    border-width: 0;
    border-right-width: 0;
    border-left-width: 0;
    width: 0;
    width: 30%;
}

TD.formTableColumnHeader {
    font-weight: bold;
    padding: 4px;
    color: ffffff;
    background-color: 5c0000;
    border-width: 1px 0 0 1px;
    border: solid #dfdfdf;
}

TD.formTableColumnLabelEV {
    padding: 4px;
    background-color: f7f7f7;
    border-style: solid;
    border-color: dfdfdf;
    border-width: 0 1px;
}

TD.formTableColumnLabel {
    padding: 4px;
    background-color: ebebeb;
    border-style: solid;
    border-color: dfdfdf;
    border-width: 0 1px;
}

TD.formTableHeader {
    font-size: 12px;
    font-family: Arial, Helvetica, Sans Serif;
    font-weight: bold;
    color: 000000;
    border-style: none;
    border-width: 0;
    border-width: 0;
    border-right-width: 0;
    border-bottom-width: 3;
    border-left-width: 0;
    width: 0;
    border-top-color: F7CA8F;
    border-right-color: F7CA8F;
    border-bottom-color: F7CA8F;
    border-left-color: F7CA8F;
}

TD.formTableSubHeader {
    font-size: 13px;
    margin: 12px 0px;
    color: 003f6d;
}

TD {
    font: normal 12px/16px Arial, Helvetica, sans-serif;
}

TH.formTableColumnHeader {
    font-size: 9pt;
    font-family: Arial;
    font-weight: bold;
    color: A5521C;
    background-color: FFE2C2;
    border-style: solid;
    border-top-width: 0;
    border-right-width: 0;
    border-bottom-width: 3;
    border-left-width: 1;
    width: 0;
    background-image: url(dblsort.gif);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
    border-bottom-color: F7CA8F;
    border-left-color: F7CA8F;
}

#main {
    width: 580px;
}

* html .ven_fixed {
    height: 1%;
}

* + html hr, * html hr {
    margin: 0;
    color: #fff;
    height: 3px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 2px solid #f2f2f2;
}

.attachment .att_download_doc {
    margin: 0 5px 12px 0;
    padding: 0 12px;
    padding-left: 35px;
    border-style: none;
    border-color: dfdfdf;
    border-width: 1px;
    display: block;
    float: left;
    background: url(/FileAccess/images/ven_icon_doc.png) no-repeat left top;
}

.attachment .att_download_pdf {
    margin: 0 5px 12px 0;
    padding: 0 12px;
    padding-left: 35px;
    border-style: none;
    border-color: dfdfdf;
    border-width: 1px;
    display: block;
    float: left;
    background: url(/FileAccess/images/ven_icon_pdf.png) no-repeat left top;
}

.attachment .att_download_xls {
    margin: 0 5px 12px 0;
    padding: 0 12px;
    padding-left: 35px;
    border-style: none;
    border-color: dfdfdf;
    border-width: 1px;
    display: block;
    float: left;
    background: url(/FileAccess/images/ven_icon_xls.png) no-repeat left top;
}

.attachment {
    margin: 12px 0;
    padding: 0 12px;
    border-color: dfdfdf;
}

.att_table {
    margin: 12px 0;
    padding: 0 12px;
    border-style: solid;
    border-color: dfdfdf;
    border-width: 1px;
    width: 100%;
}

.clearboth {
    clear: both;
}

.company_name {
    font-size: 14px;
    font-weight: bold;
}

.fixed:after {
    height: 0px;
    content: .;
    display: block;
    clear: both;
    visibility: hidden;
}

.fixed {
    display: block;
    min-height: 1%;
}

.FootNoteRemark {
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    font-style: italic;
    color: 696969;
}

.FootNote {
    font-size: 14px;
    color: 696969;
    font: italic 11px/11px Arial;;
}

.tabs li.ven_selected {
    border-top: 3px solid #003f6d;
    color: #003f6d;
}

.tabs li {
    border-color: c1c1c1;: /* fallback */
background-color: #f6f8f8;
    background-position: left -635px; /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f8f8),
    to(#e9e9e9)); /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #e9e9e9, #f6f8f8);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #e9e9e9, #f6f8f8); /* IE 10 */
    background: -ms-linear-gradient(top, #e9e9e9, #f6f8f8);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #e9e9e9, #f6f8f8);
    float: left;
    padding: 6px 12px;
    border: solid #c1c1c1;
    border-width: 3px 1px 0 0;
    cursor: pointer;
}

.tabSection {
    margin: 12px 0;
    padding: 0 12px;
    border-color: dfdfdf;
}

.tabs {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid #c1c1c1;
    border-width: 0 0 1px 1px;
    font-weight: bold;
}

.thumbnail {
    float: left;
    width: 180px;
    border: 0px solid #999;
    margin: 0 15px 15px 0;
    padding: 5px;;
}

.ven_alert, .ven_alert .FootNote {
    color: #f00;
}

.ven_announcement_info h4 {
    line-height: 27px;
    margin-bottom: 0;
    padding-left: 35px;
    color: ffffff;
    background: url(/FileAccess/images/ven_info_hdr_bg.png) no-repeat left top;
    border-bottom: 1px dotted #cbcbcb;
}

.ven_announcement_info table {
    background-color: f3f3f3;
    width: 100%;
}

.ven_fixed:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

pre {
    white-space: pre-wrap;
    word-wrap: normal;
    font-family: Arial, Helvetica, sans-serif;
    display: inline;
}

.ckeviewer table {
    max-width: 100% !important;
}

#sarCompliancePublicShareReason .ck-editor__editable {
    min-height: 100px;
    min-width: 1000px;
    overflow-y: auto;
}

#sardiversityOtherRemarksn .ck-editor__editable {
    min-height: 100px;
    min-width: 1000px;
    overflow-y: auto;
}

#announcementDetail .ck-editor__editable {
    min-height: 370px;
    min-width: 1125px;
    overflow-y: auto;
}

#outComeOfMeeting .ck-editor__editable {
    min-height: 370px;
    min-width: 1125px;
    overflow-y: auto;
}

#ckEdit .ck-editor__editable {
    min-height: 100px;
    min-width: 800px;
    overflow-y: auto;
}

#content .ck-editor__editable {
    min-height: 100px;
    min-width: 750px;
    overflow-y: auto;
}

#templateContent .ck-editor__editable {
    min-height: 120px;
    min-width: 880px;
    overflow-y: auto;
}

#ckEditorAnswerCreate .ck-editor__editable {
    min-height: 100px;
    min-width: 800px;
    overflow-y: auto;
}

#ckeContentBody .ck-editor__editable {
    min-height: 600px;
    min-width: 800px;
    overflow-y: auto;
}

/*
#sarAppointedDirectorsTableRow .fieldContent div .datagrid .datagrid-wrap .datagrid-view .datagrid-view1 .datagrid-body {
	height : 120px !important;
}

#sarAppointedDirectorsTableRow .fieldContent div .datagrid .datagrid-wrap .datagrid-view .datagrid-view1 .datagrid-body .datagrid-body-inner table tbody tr {
	height : 120px !important;
}
*/

.ckeviewer pre p {
    margin-bottom: 3px;
    margin-top: 3px;
}

.ck-editor__editable p {
    margin-bottom: 3px;
    margin-top: 3px;
}

.ck-editor__editable {
    min-height: 120px;
    max-height: 500px;
    /* overflow-y: auto; */
}

.ck-content pre {
    background: none !important;
    border: none !important;
    display: inline-block;
}

.block-div {
    display: block; /* Ensures the div behaves as a block-level element */
    width: 100%; /* Takes full width of the container */
    margin-bottom: 10px; /* Adds space between divs to prevent overlap */
    background-color: lightblue;
    padding: 10px;
    box-sizing: border-box; /* Ensures padding is included in the width */
}

.ck-editor__editable {
    max-height: none !important;
}

.ck-content .table {
    margin: 0.9em 0!important; /* Changed from auto to 0 to remove centering */
}

.ck.ck-editor__editable_inline {
    border: 1px solid transparent;
    overflow: visible !important;
    padding: 0 var(--ck-spacing-standard)
}

/*.ck-content ul,*/
/*.ck-content ol {*/
/*    padding-left: 10px !important;*/
/*}*/