body {
background-color: #ffffff ;
}

* {
color: #010201 ; /* elinex */
/*color: #010102 ; /* gigagas */
letter-spacing: 1.2pt ;
line-height: 22px ;
font-family: Futura, Arial, Helvetica ;
font-weight: normal ;
font-style: normal ;
font-size: 16px ;
}

@keyframes blinker {
  from {opacity: 0.8;}
  to {opacity: 0.1;}
}

@keyframes blinkingMovingCaption {
    0%{ text-indent : 0px ; }
    10%{ text-indent : 2px ; }
    20%{ text-indent : 7px ; }
    30%{ text-indent :27px ; }
    40%{ text-indent : 42px ; }
    50%{ text-indent : 62px ; }
    60%{ text-indent :85px ; }
    70%{ text-indent : 91px ; }
    80%{ text-indent : 96px ; }
    90%{ text-indent : 99px ; }
    100%{ text-indent : 100px ; }
}

#wait_message_box {
position: absolute;
z-index : 110 ;
left : 0px ;
top : 0px ;
display: none;
max-width : 360px ;
min-height : 50px ;
align-items : center ;
padding: 2px 4px;
border: 1px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
border-radius: 4px;
background-color: rgba(252,255,255,0.9);
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
line-height: 24px ;
font-size: 22px ;
/*line-height: normal ;*/
/*font-size: 14px;*/
font-family: Futura, Arial, Helvetica ;
text-align: center ;
white-space : normal ;
animation-name: blinker;
animation-iteration-count: infinite;
animation-duration: 1s;
}


/* ELEMENT SELECTORS */

table, tr, td {
background-color: #ffffff ;
/*background-color: rgba(252,255,255,0.9);*/
vertical-align: top ;
border-collapse: collapse;
}

tbody{
    width: 100%;
    display: table;
}

img {
border-width: 0px ;
vertical-align: middle ;
}

hr {
color: #154815 ; /* elinex */
/*color: #050538 ; /* gigagas */
height: 1px ;
border-width:  0px ;
background-color: gray ;
}

div {
display : block ;
}

a:link {
color: #154815 ; /* elinex */
/*color: #050538 ; /* gigagas */
}

a:visited {
color: #153815 ; /* elinex */
/*color: #050568 ; /* gigagas */
}

a:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
}

a:active {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
}


/*CLASS SELECTORS */

.bulletdivider {
font-size: 150% ;
margin-left: 4px ;
margin-right: 4px ;
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
}

td.verticalbardivider {
/*font-size: 80% ;*/
width : 12px ;
vertical-align : middle ;
text-align : center ;
}

td.verticalbardivider span , span.verticalbardivider {
margin : 0px 5px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left) */
color : #f06010 ; /* elinex */
/* color: #e08000 ; /* gigagas */
text-align : center ;
}

.nodisplay {
display: none ;
}

.smalltext {
letter-spacing : 0.4pt;
line-height : 14px ;
font-size : 12px ;
vertical-align : middle ;
}

.alignright {
text-align:  right ;
}

.alignleft {
text-align:  left ;
}

.aligncenter {
text-align:  center ;
}

.resizable {
resize:  both ;
}

.highlightattention {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
font-weight: 500 ;
}

.highlightattentionblinking {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
font-weight: 500 ;
animation-name: blinkingMovingCaption ;
animation-duration: 1s ;
animation-iteration-count: infinite ;
}

img.pagelogo {
height:  78px ;
width: auto ;
margin: 0px 0px ;   
background-color:#ffffff ; */
}

/* elinex heading class */
div.heading {
vertical-align : middle ;
text-decoration : none ;
font-weight : 500 ;
line-height : normal ;
height :  26px ;
padding : 0px 2px ;
font-size : 24px ;
text-align : left ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
margin : 8px 2px 2px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
display : inline ;
}

div.heading:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
}


/* elinex pageform class */
div.pageformheading {
margin : 8px 2px 2px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size : 20px ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
}

div.pageform {
max-width : 100% ;
}

div.pageform > table {
width : 96% ;
display : table ;
table-layout : fixed ;
padding : 0px 0px ;
margin : 0px 0px ;
background-color : #fcffff ;
}

div.pageform > table tr {
}

div.pageform > table tr td:first-child {
max-width : 140px ;
padding-bottom : 4px ;
}

/* Caption column div */
div.pageform > table tr td:first-child div {
/*cursor : pointer ; */
overflow : hidden ;
white-space : nowrap ;
vertical-align : middle ;
text-overflow : ellipsis ;
font-size : 14px ;
margin : 2px 2px 2px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px 0px 2px; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : 1.4 ; /* line-height : 20px ; */
text-align : left ;
width : 100% ;
}

div.pageform > table tr:not(:first-child) td:first-child span {
display : inline-block ;
margin : 0px ;
overflow : hidden ;
white-space : nowrap ;
}

div.pageform > table tr td:first-child > input[type="text"] {
vertical-align : top ;
line-height : 20px ;
height: 26px ;
text-align : left ;
width : 96% ;
min-width : 200px ;
max-width : 650px ;
margin : 4px 2px ;
border : 1px solid black ;
border-radius : 1px ;
white-space : normal ;
overflow : auto ;
text-overflow : ellipsis ;
}

div.pageform > table tr td:first-child > input[type="checkbox"] {
vertical-align : top ;
cursor : pointer ;
height :  26px ;
width : 26px ;
margin : 4px 2px ;
}

div.pageform > table tr td:first-child > input:disabled {
background-color: white ;
color: #b0b0b0 ;
border: 1px solid #b0b0b0;
border-radius : 1px ;
cursor: not-allowed ;
}

div.pageform > table tr td:first-child > input:focus {
background-color: white ;
outline: none ;
cursor: text ;
border: 2px solid #f06010; /* elinex */
/*border: 2px solid #e08000; /* gigagas */
border-radius : 1px ;
}

/* Non-caption column div */
div.pageform > table tr td:not(:first-child) {
width : 96% ;
padding-bottom : 4px ;
}

div.pageform > table tr td:not(:first-child) div {
 /*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : normal ; /* line-height : 20px ; */
text-align : left ;
width : 96% ;
}

div.pageform > table tr td:not(:first-child) div.threecolumntext , div.threecolumntext {
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
orphans : 8 ;
text-align : justify ;
line-height : 1.4 ; 
width : 96% ;
min-width : 200px ;
/*max-width : 650px ;*/
column-width : 200px ;
column-count : 3 ;
column-gap : 20px ;
column-rule : 1px solid #e0e0e0 ;
white-space : normal ;
overflow : auto ;
text-overflow : ellipsis ;
}

div.pageform > table tr:not(:first-child) td:not(:first-child) span {
display : inline-block ;
margin : 0px ;
overflow : hidden ;
white-space : nowrap ;
}

div.pageform > table tr td:not(:first-child) textarea , textarea.pageform {
vertical-align : top ;
line-height : 20px ;
height : 80px ;
text-align : left ;
width : 96% ;
min-width : 200px ;
max-width : 650px ;
margin : 4px 2px ;
border : 1px solid black ;
border-radius : 1px ;
white-space : normal ;
overflow : hidden ;
text-overflow : ellipsis ;
overflow-y : scroll ;
}

div.pageform > table tr td:not(:first-child) textarea:disabled , textarea.pageform:disabled {
background-color: white ;
color: #b0b0b0 ;
border: 1px solid #b0b0b0;
border-radius : 1px ;
cursor: not-allowed ;
}

div.pageform > table tr td:not(:first-child) textarea:focus , textarea.pageform:focus {
background-color: white ;
outline: none ;
border: 2px solid #f06010; /* elinex */
/*border: 2px solid #e08000; /* gigagas */
border-radius : 1px ;
cursor: text ;
}

div.pageform > table tr td:not(:first-child) > input[type="text"] , input[type="text"].pageform  {
vertical-align : top ;
line-height : 20px ;
height: 26px ;
text-align : left ;
width : 96% ;
min-width : 200px ;
max-width : 650px ;
margin : 4px 2px ;
border : 1px solid black ;
border-radius : 1px ;
white-space : normal ;
overflow : auto ;
text-overflow : ellipsis ;
}

div.pageform > table tr td:not(:first-child) > input[type="checkbox"] , input[type="checkbox"].pageform  {
vertical-align : top ;
cursor : pointer ;
height :  26px ;
width : 26px ;
margin : 4px 2px ;
}

div.pageform > table tr td:not(:first-child) > input:disabled , input.pageform:disabled  {
background-color: white ;
color: #b0b0b0 ;
border: 1px solid #b0b0b0;
border-radius : 1px ;
cursor: not-allowed ;
}

div.pageform > table tr td:not(:first-child) > input:focus , input.pageform:focus {
background-color: white ;
outline: none ;
cursor: text ;
border: 2px solid #f06010; /* elinex */
/*border: 2px solid #e08000; /* gigagas */
border-radius : 1px ;
}

div.pageform > table tr td:not(:first-child) > div.button {
vertical-align: top ;
cursor: pointer ;
text-align: left ;
/*height:  26px ;*/
width: 100px ;
margin: 8px 2px ;  /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size: 14px ;
line-height: normal ;
padding: 0px 2px ;
color: #154815 ; /* elinex */
/*color: #050538 ; /* gigagas */
display:inline-block;
background-color: transparent ;
white-space: nowrap ;
overflow : hidden ; 
text-overflow : ellipsis ;
text-decoration: underline ;
transition: transform 0.3s ease ; /* smooth transitions */
}

div.pageform > table tr td:not(:first-child) > div.button:disabled {
color: #b0b0b0 ;
cursor: not-allowed ;
}

div.pageform > table tr td:not(:first-child) > div.button:hover {
color : #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
/*z-index : 10 ; /* Brings the expanded div to the front */
}

div.pageform > table tr td:not(:first-child) > div.button:focus {
color : #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
z-index : 10 ; /* Brings the expanded image to the front */
}

div.pageform > table tr td:not(:first-child) > div.button:active {
color : #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
/*z-index : 10 ; /* Brings the expanded image to the front */
}


/* elinex button class */
div.button {
vertical-align: top ;
cursor: pointer ;
text-align: center ;
/*height:  26px ;*/
width: 100px ;
margin: 8px 2px ;  /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size: 14px ;
line-height: normal ;
padding: 0px 2px ;
color: #154815 ; /* elinex */
/*color: #050538 ; /* gigagas */
display:inline-block;
background-color: transparent ;
white-space: nowrap ;
overflow : hidden ; 
text-overflow : ellipsis ;
text-decoration: underline ;
transition: transform 0.3s ease ; /* smooth transitions */
}

div.button:disabled {
color: #b0b0b0 ;
cursor: not-allowed ;
}

div.button:hover {
color : #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
/*transform-origin : left center ;*/
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
z-index : 10 ; /* Brings the expanded div to the front */
}

div.button:focus {
color : #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
/*transform-origin : left center ;*/
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
z-index : 10 ; /* Brings the expanded image to the front */
}

div.button:active {
color : #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
/*transform-origin : left center ;*/
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
z-index : 10 ; /* Brings the expanded image to the front */
}

img.button {
vertical-align : top ;
cursor : pointer ;
height :  24px ;
/*width : 100px ;*/
margin : 4px 2px ;   
/*background-color:#f0f0f0; */
/*border :1px solid #102010 ;*/
/*border-radius : 2px ;*/
transition : transform 0.3s ease ; /* smooth transitions */
}

img.button:disabled {
border:1px solid #f0f0f0 ;
cursor: not-allowed ;
}

img.button:hover {
/*background-color:#e0e0e0;*/
border : 2px solid #f06010 ;
transform: scale(1.1) ; /* Scales the image to 1.1 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
z-index: 10 ; /* Brings the expanded image to the front */
}

img.button:focus {
/*background-color:#e0e0e0;*/
border : 2px solid #f06010 ;
transform: scale(1.1) ; /* Scales the image to 1.1 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
z-index: 10 ; /* Brings the expanded image to the front */
}

img.button:active {
/*background-color:#e0e0e0;*/
border:2px solid #f06010;
transform: scale(1.1) ; /* Scales the image to 1.1 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
z-index: 10 ; /* Brings the expanded image to the front */
}


/* elinex inlinemenu class */
table.inlinemenu {
width : 100% ;
display : table ;
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
background-color : #fcffff ;
table-layout : auto ;
}

table.inlinemenu tr {
padding : 0px 0px ;
background-color : #fcffff ;
width : 100% ; 
}

table.inlinemenu tr td {
text-align : center ;
background-color : #fcffff ;
vertical-align : middle ;
width : 120px ;
}

table.inlinemenu tr td > div , div.inlinemenubutton {
cursor : pointer ;
vertical-align : middle ;
text-align : center ;
height :  26px ;
font-size : 20px ;
margin : 0px 4px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : normal ; /* line-height : 20px ; */
text-align : center ;
color : #154815 ; /* elinex */
/*color : #050538 ; /* gigagas */
display : inline-block;
background-color : #fcffff ;
width : 100px ;
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis ;
text-decoration : underline ;
transition : transform 0.3s ease ; /* smooth transitions */
}

table.inlinemenu tr td > div:disabled , div.inlinemenubutton:disabled {
color: #b0b0b0 ;
cursor: not-allowed ;
}

table.inlinemenu tr td > div:hover , div.inlinemenubutton:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform: scale(1.2) ; /* Scales the image to 1.2 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
z-index: 10 ; /* Brings the expanded div to the front */
}

table.inlinemenu tr td > div:focus , div.inlinemenubutton:focus {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform: scale(1.2) ; /* Scales the image to 1.2 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
z-index: 10 ; /* Brings the expanded div to the front */
}

table.inlinemenu tr td > div:active , div.inlinemenubutton:active {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform: scale(1.2) ; /* Scales the image to 1.2 times its original size */
/*box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) ; /* Add a slight lift to make it more noticeable */
z-index: 10 ; /* Brings the expanded div to the front */
}


/* elinex titletip class */
div.titletip {
opacity : 0.1 ;
overflow : auto ; /* Required to create the resizing handle */
resize : both ; /* Allows resizing both horizontally and vertically */
max-width : 300px ;
min-height : 10px ;
transition : opacity 0.5s ease-in ;
z-index: 10 ; /* Brings the div to the front */
}

div.titletip:hover {
opacity : 1 ;
cursor : grab ;
z-index: 10 ; /* Brings the div to the front */
}

div.titletip:focus {
opacity : 1 ;
cursor : grab ;
z-index: 10 ; /* Brings the div to the front */
}

div.titletip:active {
opacity : 1 ;
cursor : grab ;
z-index: 10 ; /* Brings the div to the front */
}

div.titletip > table {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 95% ;
background-color : #fcffff ;
/*border : 1px solid #154815 ; /* elinex */
/*border: 1px solid #050538 ; /* gigagas */
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
border-collapse : separate ;
border-spacing : 0 ; /* Optional: Removes spacing between cells */
border-radius : 4px ;
}

div.titletip > table:hover {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.titletip > table:focus {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.titletip > table:active {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.titletip > table tr:first-child , div.titletip > table tr:first-child td {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 100% ;
/*background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
}

div.titletip > table tr:first-child td > div {
cursor : pointer ;
vertical-align : middle ;
/*text-align : right ;*/
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 2px 0px 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*width : "100%" ; */
/*float : "right" ;*/
text-decoration : none ;
/*color : white ;*/
/*transform : none ;*/
/*background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
height : 20px ;
z-index: 10 ; /* Brings the div to the front */
}

div.titletip > table tr:first-child td > div:hover {
cursor : pointer ; /* Override cursor : grap in .titletip:hover */
transform : scale(1.3) ; /* Scales the image to 1.3 times its original size */
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
font-weight: 500 ;
}

div.titletip > table tr:not(:first-child) , div.titletip > table tr:not(:first-child) td {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 100% ;
background-color : tranparent ;
}

div.titletip > table tr:not(:first-child) td > div {
/*cursor : pointer ; */
max-width : 200px ;
overflow : auto ;
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : normal ; /* line-height : 20px ; */
text-align : left ;
width : 100% ;
z-index: 10 ; /* Brings the div to the front */
}


/* elinex popupmessage class */
div.popupmessage {
opacity : 0.8 ;
overflow : auto ; /* Required to create the resizing handle */
/*resize : both ; /* Allows resizing both horizontally and vertically */
max-width : 250px ;
min-height : 10px ;
transition : opacity 1s ease-in ;
z-index: 100 ; /* Brings the div to the front */
}

div.popupmessage:hover {
opacity : 1 ;
z-index: 100 ; /* Brings the div to the front */
}

div.popupmessage:focus {
opacity : 1 ;
z-index: 100 ; /* Brings the div to the front */
}

div.popupmessage:active {
opacity : 1 ;
z-index: 100 ; /* Brings the div to the front */
}

div.popupmessage > table {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 95% ;
/*background-color : #fcffff ;
/*border : 1px solid #154815 ; /* elinex */
/*border: 1px solid #050538 ; /* gigagas */
border : 1px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
border-collapse : separate ;
border-spacing : 0 ; /* Optional: Removes spacing between cells */
border-radius : 2px ;
}

div.popupmessage > table tr:first-child , div.popupmessage > table tr:first-child td {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 100% ;
/*background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
}

div.popupmessage > table tr:first-child td > div {
cursor : pointer ;
vertical-align : middle ;
font-size : 18px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 2px 0px 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*width : "100%" ; */
/*float : "right" ;*/
text-decoration : none ;
/*color : white ;*/
/*transform : none ;*/
/*background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
height : 25px ;
z-index: 100 ; /* Brings the div to the front */
}

div.popupmessage > table tr:first-child td > div:hover {
cursor : pointer ;
transform : scale(1.3) ; /* Scales the image to 1.3 times its original size */
/*color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
font-weight: 500 ;
}

div.popupmessage > table tr:not(:first-child) , div.popupmessage > table tr:not(:first-child) td {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 100% ;
background-color : tranparent ;
}

div.popupmessage > table tr:not(:first-child) td > div {
/*cursor : pointer ; */
max-width : 200px ;
overflow : auto ;
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : normal ; /* line-height : 20px ; */
text-align : left ;
width : 100% ;
z-index: 100 ; /* Brings the div to the front */
}


/* elinex classes and styles for page notes */
div.pagenotesheadingerrors {
font-size : 20px ;
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
}

div.pagenotesheadingwarnings {
font-size : 20px ;
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
}

div.pagenotesheadinglogs {
font-size : 20px ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
}

div.pagenotesheadingmessages {
font-size : 20px ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
}

div.pagenotes {
max-width : 100% ;
}

div.pagenotes > table {
width : 96% ;
display : table ;
table-layout : fixed ;
padding : 0px 0px ;
margin : 0px 0px ;
background-color : #fcffff ;
}

div.pagenotes > table tr {
}

div.pagenotes > table tr td:first-child {
max-width : 100px ;
padding-bottom : 4px ;
}

div.pagenotes > table tr td:first-child div {
/*cursor : pointer ; */
overflow : hidden ;
white-space : nowrap ;
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 8px 0px 0px; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : normal ; /* line-height : 20px ; */
text-align : left ;
width : 100% ;
transform-origin : left center ;
}

div.pagenotes > table tr td:not(:first-child) {
width : 95% ;
padding-bottom : 4px ;
}

div.pagenotes > table tr td:not(:first-child) div {
/*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : normal ; /* line-height : 20px ; */
text-align : left ;
width : 100% ;
}

div.pagenoteinfo {
max-width : 100% ;
}

div.pagenoteinfo > table {
width : 100% ;
display : table ;
table-layout : fixed ;
padding : 0px 0px ;
margin : 0px 0px ;
background-color : #fcffff ;
}

div.pagenoteinfo > table tr {
}

div.pagenoteinfo > table tr td:first-child {
max-width : 100px ;
min-width : 60px ;
padding-bottom : 2px ;
}

div.pagenoteinfo > table tr td:first-child div {
/*cursor : pointer ; */
overflow : hidden ;
text-overflow : ellipsis ;
white-space : nowrap ;
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 8px 0px 0px; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : normal ; /* line-height : 20px ; */
text-align : left ;
width : 100% ;
}

div.pagenoteinfo > table tr td:not(:first-child) {
width : 95% ;
padding-bottom : 2px ;
}

div.pagenoteinfo > table tr td:not(:first-child) div {
/*cursor : pointer ; */
overflow : hidden ;
text-overflow : ellipsis ;
white-space : normal ;
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : normal ; /* line-height : 20px ; */
text-align : left ;
width : 100% ;
}


/* elinex popupprompt class */
div.popupprompt {
opacity : 1 ;
overflow : auto ; /* Required to create the resizing handle */
/*resize : both ; /* Allows resizing both horizontally and vertically */
max-width :300px ;
min-height : 10px ;
transition : opacity 0.5s ease-in ;
z-index: 110 ; /* Brings the div to the front */
}

div.popupprompt:hover {
opacity : 1 ;
z-index: 110 ; /* Brings the div to the front */
}

div.popupprompt:focus {
opacity : 1 ;
z-index: 110 ; /* Brings the div to the front */
}

div.popupprompt:active {
opacity : 1 ;
z-index: 110 ; /* Brings the div to the front */
}

div.popupprompt > table {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 95% ;
/*background-color : #fcffff ;
/*border : 1px solid #154815 ; /* elinex */
/*border: 1px solid #050538 ; /* gigagas */
border : 1px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
border-collapse : separate ;
border-spacing : 0 ; /* Optional: Removes spacing between cells */
border-radius : 2px ;
}

div.popupprompt > table tr:first-child , div.popupprompt > table tr:first-child td {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 100% ;
/*background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
}

div.popupprompt > table tr:first-child td > div {
cursor : pointer ;
vertical-align : middle ;
font-size : 18px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 2px 0px 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*width : "100%" ; */
/*float : "right" ;*/
text-decoration : none ;
/*color : white ;*/
/*transform : none ;*/
/*background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
height : 25px ;
z-index: 110 ; /* Brings the div to the front */
}

div.popupprompt > table tr:first-child td > div:hover {
cursor : pointer ;
transform : scale(1.3) ; /* Scales the image to 1.3 times its original size */
/*color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
font-weight: 500 ;
}

div.popupprompt > table tr:not(:first-child) , div.popupprompt > table tr:not(:first-child) td {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 100% ;
background-color : tranparent ;
}

div.popupprompt > table tr:not(:first-child) td > div {
/*cursor : pointer ; */
max-width : 280px ;
overflow : auto ;
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : normal ; /* line-height : 20px ; */
text-align : left ;
width : 100% ;
z-index: 110 ; /* Brings the div to the front */
}


/* elinex popupselect class */
div.popupselect {
opacity : 0.8 ;
overflow : auto ; /* Required to create the resizing handle */
/*resize : both ; /* Allows resizing both horizontally and vertically */
max-width : 400px ;
min-width : 140px ;
min-height : 40px ;
transition : opacity 0.5s ease-in ;
z-index: 40 ; /* Brings the div to the front */
}

div.popupselect:hover {
opacity : 1 ;
cursor : grab ;
z-index: 40 ; /* Brings the div to the front */
}

div.popupselect:focus {
opacity : 1 ;
cursor : grab ;
z-index: 40 ; /* Brings the div to the front */
}

div.popupselect:active {
opacity : 1 ;
cursor : grab ;
z-index: 40 ; /* Brings the div to the front */
}

div.popupselect > table {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 95% ;
background-color : #fcffff ;
/*border : 1px solid #154815 ; /* elinex */
/*border: 1px solid #050538 ; /* gigagas */
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
border-collapse : separate ;
border-spacing : 0 ; /* Optional: Removes spacing between cells */
border-radius : 2px ;
}

div.popupselect > table:hover {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.popupselect > table:focus {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.popupselect > table:active {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.popupselect > table tr:first-child , div.popupselect > table tr:first-child td {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 100% ;
/*background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
}

div.popupselect > table tr:first-child td > div {
cursor : pointer ;
vertical-align : middle ;
/*text-align : right ;*/
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 2px 0px 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
text-decoration : none ;
height : 20px ;
z-index: 10 ; /* Brings the div to the front */
}

div.popupselect > table tr:first-child td > div:hover {
cursor : pointer ;
transform-origin : left center ;
transform : scale(1.3) ; /* Scales the image to 1.3 times its original size */
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
font-weight: 500 ;
}

div.popupselect > table tr:not(:first-child) , div.popupselect > table tr:not(:first-child) td {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 100% ;
background-color : tranparent ;
}

div.popupselect > table tr:not(:first-child) td > div {
/*cursor : pointer ; */
max-width : 200px ;
overflow : auto ;
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
line-height : normal ; /* line-height : 20px ; */
text-align : left ;
width : 100% ;
transform-origin : left center ; /* This will apply to all child options */
z-index: 40 ; /* Brings the div to the front */
}


/* elinex popupmenu class */
div.popupmenu {
opacity : 0.8 ;
overflow : auto ; /* Required to create the resizing handle */
resize : both ; /* Allows resizing both horizontally and vertically */
max-width : 300px ;
min-height : 10px ;
transition : opacity 0.5s ease-in ;
z-index: 20 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupmenu:hover {
opacity : 1 ;
cursor : grab ;
z-index: 20 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupmenu:focus {
opacity : 1 ;
cursor : grab ;
z-index: 20 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupmenu:active {
opacity : 1 ;
cursor : grab ;
z-index: 20 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupmenu > table {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 95% ;
background-color : #fcffff ;
border : 1px solid #154815 ; /* elinex */
/*border: 1px solid #050538 ; /* gigagas */
border-collapse : separate ;
border-spacing : 0 ; /* Optional: Removes spacing between cells */
border-radius : 2px ;
}

div.popupmenu > table:hover {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.popupmenu > table:focus {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.popupmenu > table:active {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.popupmenu > table tr:first-child , div.popupmenu > table tr:first-child td {
/*table-layout : fixed ; */
padding : 0px 0px 8px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
width : 95% ;
/*background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
}

div.popupmenu > table tr:first-child td div {
cursor : pointer ;
vertical-align : middle ;
/*text-align : left ;*/
font-size : 16px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 2px 0px 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
width : 95% ;
text-decoration : none ;
/*background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
height : 20px ;
z-index: 20 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupmenu > table tr:first-child td div:hover {
cursor : pointer ; /* Override cursor : grap in .popupmenu:hover */
transform-origin : left center ;
transform : scale(1.3) ; /* Scales the image to 1.3 times its original size */
color : #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
font-weight: 500 ;
}

div.popupmenu > table tr:not(:first-child) , div.popupmenu > table tr:not(:first-child) td {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 95% ;
background-color : #fcffff ;
}

div.popupmenu > table tr:not(:first-child) td div {
/*cursor : pointer ; */
vertical-align : top ;
font-size : 14px ;
margin : 0px 0px 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*line-height : normal ; /* line-height : 20px ; */
text-align : left ;
/*background-color : #fcffff ;*/
transform : none ;
width : 95% ;
min-width : 240px ;
max-width : 500px ;
white-space : normal ;
overflow : hidden ;
text-overflow : ellipsis ;
z-index: 20 ; /* titletip=10 , popupmenu=20, popupform=30 */
}


/* elinex popupform class */
div.popupform {
padding : 0px 0px ;
margin : 0px 0px ;
opacity : 0.1 ;
overflow : auto ; /* Required to create the resizing handle */
resize : both ; /* Allows resizing both horizontally and vertically */
/*max-width : 650px ;*/
min-height : 40px ;
transition : opacity 0.5s ease-in ;
z-index: 20 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupform:hover {
opacity : 1 ;
cursor : grab ;
z-index : 30 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupform:focus {
opacity : 1 ;
cursor : grab ;
z-index : 30 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupform:active {
opacity : 1 ;
cursor : grab ;
z-index : 30 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupform > table {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 95% ;
background-color : #fcffff ;
border : 1px solid #154815 ; /* elinex */
/*border: 1px solid #050538 ; /* gigagas */
border-collapse : separate ;
border-spacing : 0 ; /* Optional: Removes spacing between cells */
border-radius : 2px ;
}

div.popupform > table:hover {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.popupform > table:focus {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.popupform > table:active {
border : 2px solid #f06010 ; /* elinex */
/*border: 1px solid #e08000 ; /* gigagas */
}

div.popupform > table tr:first-child {
/*table-layout : fixed ; */
padding : 0px 0px 8px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
width : 95% ;
background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
}

div.popupform > table tr:first-child td:first-child {
/*table-layout : fixed ; */
padding : 0px 0px 8px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
width : 15% ;
background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
}

div.popupform > table tr:first-child td:not(:first-child) {
/*table-layout : fixed ; */
padding : 0px 0px 8px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*width : 80% ;*/
background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
}

div.popupform > table tr:first-child td div {
cursor : pointer ;
vertical-align : middle ;
/*text-align : left ;*/
font-size : 16px ;
margin : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 2px 0px 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
width : 95% ;
text-decoration : none ;
color : white ;
background-color: transparent ;
/*background-color: #154815 ; /* elinex */
/*background-color: #050538 ; /* gigagas */
height : 20px ;
z-index: 30 ; /* titletip=10 , popupform=20, popupform=30 */
}

div.popupform > table tr:first-child td div:hover {
cursor : pointer ; /* Override cursor : grap in .popupform:hover */
transform : scale(1.3) ; /* Scales the image to 1.3 times its original size */
/*color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
font-weight: 500 ;
}

div.popupform > table tr:not(:first-child) td:first-child span {
display : inline-block ;
margin : 0px ;
overflow : hidden ;
white-space : nowrap ;
}

div.popupform > table tr:not(:first-child) {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 95% ;
background-color : #fcffff ;
}

div.popupform > table tr:not(:first-child) td:first-child {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
width : 15% ;
/*background-color : #fcffff ;*/
}

div.popupform > table tr:not(:first-child) td:not(:first-child) {
/*table-layout : fixed ; */
padding : 0px 0px ;
margin : 0px 0px ;
/*width : 80% ;*/
display : flex ;
/*background-color : #fcffff ;*/
}

div.popupform > table tr:not(:first-child) td:first-child div {
/*cursor : pointer ; */
vertical-align : top ;
font-size : 14px ;
margin : 0px 0px 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 8px 0px 0px 4px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*line-height : normal ; /* line-height : 20px ; */
text-align : left ;
/*background-color : #fcffff ;*/
transform : none ;
/*width : 95% ;*/
min-width : 100px ;
max-width : 200px ;
white-space : nowrap ;
overflow : hidden ;
text-overflow : ellipsis ;
z-index: 30 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupform > table tr:not(:first-child) td:not(:first-child) div {
/*cursor : pointer ; */
vertical-align : top ;
font-size : 14px ;
margin : 0px 0px 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 8px 0px 0px 4px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*line-height : normal ; /* line-height : 20px ; */
text-align : left ;
/*background-color : #fcffff ;*/
transform : none ;
/*width : 95% ; */
min-width : 140px ;
max-width : 500px ;
white-space : normal ;
overflow : hidden ;
text-overflow : ellipsis ;
z-index: 30 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupform > table tr:not(:first-child) td:not(:first-child) span {
display : inline-block ;
margin : 0px ;
overflow : hidden ;
white-space : nowrap ;
}

div.popupform > table tr:not(:first-child) td:first-child img {
cursor : pointer ;
vertical-align : top ;
margin : 0px 0px 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 4px 0px 0px 4px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*line-height : normal ; /* line-height : 20px ; */
/*background-color : #fcffff ;*/
transform : none ;
/*min-width : 100px ;*/
height : 30px ;
max-width : 200px ;
z-index: 30 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupform > table tr:not(:first-child) td:not(:first-child) img {
cursor : pointer ;
vertical-align : top ;
font-size : 14px ;
margin : 0px 0px 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 4px 0px 0px 4px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*line-height : normal ; /* line-height : 20px ; */
/*background-color : #fcffff ;*/
transform : none ;
/*width : 140px ; */
height : 30px ;
/*min-width : 140px ; */
max-width : 500px ;
z-index: 30 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupform > table tr:not(:first-child) td:first-child textarea {
cursor : text ;
vertical-align : top ;
font-size : 14px ;
margin : 0px 0px 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*line-height : normal ; /* line-height : 20px ; */
text-align : left ;
/*background-color : #fcffff ;*/
transform : none ;
/*width : 95% ;*/
min-width : 100px ;
max-width : 200px ;
white-space : normal ;
overflow : hidden ;
text-overflow : ellipsis ;
z-index: 30 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupform > table tr:not(:first-child) td:not(:first-child) textarea , textarea.popupform {
vertical-align : top ;
line-height : 20px ;
height : 80px ;
text-align : left ;
/*width : 95% ;*/
min-width : 140px ;
max-width : 500px ;
margin : 4px 2px ;
border : 1px solid black ;
white-space : normal ;
overflow : hidden ;
text-overflow : ellipsis ;
overflow-y : scroll ;
z-index: 31 ; /* titletip=10 , popupform=20, popupform=30 */
}

div.popupform > table tr:not(:first-child) td:not(:first-child) textarea:disabled , textarea.popupform:disabled {
background-color: white ;
color: #b0b0b0 ;
border: 1px solid #b0b0b0 ;
cursor: not-allowed ;
}

div.popupform > table tr:not(:first-child) td:not(:first-child) textarea:focus , textarea.popupform:focus {
background-color: white ;
outline: none ;
border: 2px solid #f06010; /* elinex */
/*border: 2px solid #e08000; /* gigagas */
cursor: text ;
}

div.popupform > table tr:not(:first-child) td:first-child > input[type="text"] {
cursor : text ;
vertical-align : top ;
font-size : 14px ;
margin : 0px 0px 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
/*line-height : normal ; /* line-height : 20px ; */
text-align : left ;
/*background-color : #fcffff ;*/
transform : none ;
/*width : 95% ;*/
min-width : 100px ;
max-width : 200px ;
white-space : normal ;
overflow : hidden ;
text-overflow : ellipsis ;
z-index: 30 ; /* titletip=10 , popupmenu=20, popupform=30 */
}

div.popupform > table tr:not(:first-child) td:not(:first-child) > input[type="text"] , input[type="text"].popupform {
cursor : text ;
vertical-align : top ;
line-height : 20px ;
height : 26px ;
text-align : left ;
/*width : 95% ;*/
min-width : 140px ;
max-width : 500px ;
margin : 4px 2px ;
border : 1px solid black ;
white-space : normal ;
overflow : auto ;
text-overflow : ellipsis ;
z-index: 31 ; /* titletip=10 , popupform=20, popupform=30 */
}

div.popupform > table tr:not(:first-child) td:not(:first-child) > input[type="file"] , input[type="file"].popupform {
cursor : text ;
vertical-align : top ;
line-height : 20px ;
height : 26px ;
text-align : left ;
/*width : 95% ;*/
min-width : 140px ;
max-width : 500px ;
margin : 4px 2px ;
white-space : normal ;
overflow : auto ;
text-overflow : ellipsis ;
z-index: 31 ; /* titletip=10 , popupform=20, popupform=30 */
}

div.popupform > table tr:not(:first-child) td > input[type="checkbox"] , input[type="checkbox"].popupform {
vertical-align : top ;
cursor : pointer ;
height :  26px ;
width : 26px ;
margin : 4px 2px ;
z-index: 31 ; /* titletip=10 , popupform=20, popupform=30 */
}

div.popupform > table tr:not(:first-child) td > input:disabled , input.popupform:disabled {
background-color: white ;
color: #b0b0b0 ;
border: 1px solid #b0b0b0;
cursor: not-allowed ;
}

div.popupform > table tr:not(:first-child) td > input:focus , input.popupform:focus {
background-color: white ;
outline: none ;
cursor: text ;
border: 2px solid #f06010 ; /* elinex */
/*border: 2px solid #e08000 ; /* gigagas */
}

/* elinex pagehtml class */
div.pagehtmlheading {
margin : 20px 2px 10px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size : 24px ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
transition : 1s ease; /* Smoothly animates the justification shift */
transform-origin : left center ;
}

div.pagehtmlheading:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.pagehtml {
width : 100% ;
max-width : 1000px ;
}

div.pagehtml > table {
width : 96% ;
display : table ;
table-layout : fixed ;
padding : 0px 0px ;
margin : 0px 0px ;
background-color : #fcffff ;
}

div.pagehtml > table tr {
border-bottom : 20px solid transparent ;
background-clip : padding-box ;
}

div.pagehtml > table tr td {
width : 96% ;
padding-bottom : 4px ;
}

div.pagehtml > table tr td div {
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
orphans : 8 ;
text-align : justify ;
overflow-wrap : break-word ;
line-height : 1.4 ; 
width : 96% ;
min-width : 200px ;
/*max-width : 650px ;*/
/*column-width : 250px ;*/
column-count : 2 ;
column-gap : 20px ;
column-rule : 1px solid #e0e0e0 ;
white-space : normal ;
overflow : auto ;
text-overflow : ellipsis ;
/* Enable hyphenation */
hyphens : auto ;
/* Support for older/specific browsers */
/*-webkit-hyphens : auto ;*/
-ms-hyphens : auto ;
  }

div.pagehtml > table tr td div img {
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
break-inside: avoid ; /* Prevents the image from splitting across columns */
/*max-width : 200px ;*/
border-radius : 4px ;
}

div.pagehtml > table tr td div img.floatleft {
float : left ;
margin-right : 15px ;
margin-left : 0px ;
/*margin : 15px 15px 10px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
transition : 0.5s ease; /* Smoothly animates the justification shift */
transform-origin : left top ;
width : 50% ; /* This is about 50% of a column since there are 2 columns */
height : auto ;
will-change : width ;
}

div.pagehtml > table tr td div img.floatleft:hover {
width : 60% ;
/* transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.pagehtml > table tr td div img.floatright {
float : right ;
margin-right : 0px ;
margin-left : 15px ;
/*margin : 15px 0px 10px 15px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
transition : 0.5s ease; /* Smoothly animates the justification shift */
transform-origin : right top ;
width : 50% ;
height : auto ;
will-change : width ;
}

div.pagehtml > table tr td div img.floatright:hover {
width : 60% ;
/*transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.pagehtml > table tr td div p {
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
overflow-wrap : break-word ;
line-height : 1.4 ;
}

div.pagehtml > table tr td span {
/*display : inline-block ; */
/*margin : 0px ;*/
overflow : hidden ;
white-space : nowrap ;
}

div.pagehtml > table tr td.captioncolumn {
 /*cursor : pointer ; */
width : 20% ;
padding-bottom : 4px ;
}

div.pagehtml > table tr td.captioncolumn div {
 /*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
text-align : left ;
column-count : auto ;
column-gap : normal ;
column-rule : none ;
white-space : normal ;
overflow : auto ;
/*width : 96% ;*/
}

div.pagehtml > table tr td.textcolumn {
 /*cursor : pointer ; */
width : 80% ;
padding-bottom : 4px ;
}


/* elinex templates class */
div.templatesheading {
margin : 20px 2px 10px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size : 24px ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
transition : 1s ease; /* Smoothly animates the justification shift */
transform-origin : left center ;
}

div.templatesheading:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.templates {
width : 100% ;
max-width : 1000px ;
}

div.templates > table {
width : 96% ;
display : table ;
table-layout : fixed ;
padding : 0px 0px ;
margin : 0px 0px ;
background-color : #fcffff ;
}

div.templates > table tr {
border-bottom : 20px solid transparent ;
background-clip : padding-box ;
}

div.templates > table tr td.captioncolumn {
 /*cursor : pointer ; */
width : 20% ;
padding-bottom : 4px ;
}

div.templates > table tr td.captioncolumn div {
 /*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
text-align : left ;
column-count : auto ;
column-gap : normal ;
column-rule : none ;
white-space : normal ;
overflow : auto ;
/*width : 96% ;*/
}

div.templates > table tr td.textcolumn {
width : 80% ;
padding-bottom : 4px ;
}

div.templates > table tr td.textcolumn div {
 /*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
text-align : left ;
column-count : auto ;
column-gap : normal ;
column-rule : none ;
white-space : normal ;
overflow : auto ;
/*width : 96% ;*/
}

div.templates > table tr td.texttwocolumn {
width : 80% ;
padding-bottom : 4px ;
}

div.templates > table tr td.texttwocolumn div {
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
orphans : 2 ;
text-align : justify ;
overflow-wrap : break-word ;
line-height : 1.4 ; 
width : 96% ;
min-width : 200px ;
/*max-width : 650px ;*/
/*column-width : 250px ;*/
column-count : 2 ;
column-gap : 20px ;
column-rule : 1px solid #e0e0e0 ;
white-space : normal ;
overflow : auto ;
text-overflow : ellipsis ;
/* Enable hyphenation */
hyphens : auto ;
/* Support for older/specific browsers */
/*-webkit-hyphens : auto ;*/
-ms-hyphens : auto ;
}

div.templates > table tr td div p {
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
overflow-wrap : break-word ;
line-height : 1.4 ;
}


/* elinex template class */
div.templateheading {
margin : 20px 2px 10px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size : 24px ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
transition : 1s ease; /* Smoothly animates the justification shift */
transform-origin : left center ;
}

div.templateheading:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.template {
width : 100% ;
max-width : 1000px ;
}

div.template > table {
width : 96% ;
display : table ;
table-layout : fixed ;
padding : 0px 0px ;
margin : 0px 0px ;
background-color : #fcffff ;
}

div.template > table tr {
border-bottom : 20px solid transparent ;
background-clip : padding-box ;
}

/* Special formatting for buttons in a text column  */
div.template > table tr td div div.bigbutton {
margin : 20px 2px 5px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size : 24px ;
/* height : 24px ; */
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
transition : 1s ease; /* Smoothly animates the justification shift */
transform-origin : left center ;
}

div.template > table tr td div div.bigbutton:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.template > table tr td.captioncolumn {
 /*cursor : pointer ; */
width : 20% ;
padding-bottom : 4px ;
}

div.template > table tr td.captioncolumn div {
 /*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
text-align : left ;
column-count : auto ;
column-gap : normal ;
column-rule : none ;
white-space : normal ;
overflow : auto ;
/*width : 96% ;*/
}

div.template > table tr td.textcolumn {
width : 80% ;
padding-bottom : 4px ;
}

div.template > table tr td.textcolumn div {
 /*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
text-align : left ;
column-count : auto ;
column-gap : normal ;
column-rule : none ;
white-space : normal ;
overflow : auto ;
/*width : 96% ;*/
}

div.template > table tr td.texttwocolumn {
width : 80% ;
padding-bottom : 4px ;
}

div.template > table tr td.texttwocolumn div {
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
orphans : 2 ;
text-align : justify ;
overflow-wrap : break-word ;
line-height : 1.4 ; 
width : 96% ;
min-width : 200px ;
/*max-width : 650px ;*/
/*column-width : 250px ;*/
column-count : 2 ;
column-gap : 20px ;
column-rule : 1px solid #e0e0e0 ;
white-space : normal ;
overflow : auto ;
text-overflow : ellipsis ;
/* Enable hyphenation */
hyphens : auto ;
/* Support for older/specific browsers */
/*-webkit-hyphens : auto ;*/
-ms-hyphens : auto ;
}

div.template > table tr td div p {
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
overflow-wrap : break-word ;
line-height : 1.4 ;
}

div.template > table tr td div.subheading {
margin : 20px 2px 5px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size : 24px ;
height : 24px ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
transition : 1s ease; /* Smoothly animates the justification shift */
transform-origin : left center ;
}

div.template > table tr td div.subheading:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.template > table tr td div textarea {
font-size : 14px ;
vertical-align : top ;
line-height : 20px ;
height : 80px ;
text-align : left ;
width : 96% ;
min-width : 200px ;
max-width : 650px ;
margin : 4px 2px ;
border : 1px solid black ;
border-radius : 1px ;
white-space : normal ;
overflow : hidden ;
text-overflow : ellipsis ;
overflow-y : scroll ;
}

div.template > table tr td div textarea:disabled {
background-color: white ;
color: #b0b0b0 ;
border: 1px solid #b0b0b0;
border-radius : 1px ;
cursor: not-allowed ;
}

div.template > table tr td div textarea:focus {
background-color: white ;
outline: none ;
border: 2px solid #f06010; /* elinex */
/*border: 2px solid #e08000; /* gigagas */
border-radius : 1px ;
cursor: text ;
}


/* elinex features class */
div.featuresheading {
margin : 20px 2px 10px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size : 24px ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
transition : 1s ease; /* Smoothly animates the justification shift */
transform-origin : left center ;
}

div.featuresheading:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.features {
width : 100% ;
max-width : 1000px ;
}

div.features > table {
width : 96% ;
display : table ;
table-layout : fixed ;
padding : 0px 0px ;
margin : 0px 0px ;
background-color : #fcffff ;
}

div.features > table tr {
border-bottom : 20px solid transparent ;
background-clip : padding-box ;
}

div.features > table tr td.captioncolumn {
 /*cursor : pointer ; */
width : 20% ;
padding-bottom : 4px ;
}

div.features > table tr td.captioncolumn div {
 /*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
text-align : left ;
column-count : auto ;
column-gap : normal ;
column-rule : none ;
white-space : normal ;
overflow : auto ;
/*width : 96% ;*/
}

div.features > table tr td.textcolumn {
width : 80% ;
padding-bottom : 4px ;
}

div.features > table tr td.textcolumn div {
 /*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
text-align : left ;
column-count : auto ;
column-gap : normal ;
column-rule : none ;
white-space : normal ;
overflow : auto ;
/*width : 96% ;*/
}

div.features > table tr td.texttwocolumn {
width : 80% ;
padding-bottom : 4px ;
}

div.features > table tr td.texttwocolumn div {
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
orphans : 2 ;
text-align : justify ;
overflow-wrap : break-word ;
line-height : 1.4 ; 
width : 96% ;
min-width : 200px ;
/*max-width : 650px ;*/
/*column-width : 250px ;*/
column-count : 2 ;
column-gap : 20px ;
column-rule : 1px solid #e0e0e0 ;
white-space : normal ;
overflow : auto ;
text-overflow : ellipsis ;
/* Enable hyphenation */
hyphens : auto ;
/* Support for older/specific browsers */
/*-webkit-hyphens : auto ;*/
-ms-hyphens : auto ;
}

div.features > table tr td div p {
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
overflow-wrap : break-word ;
line-height : 1.4 ;
}


/* elinex feature class */
div.featureheading {
margin : 20px 2px 10px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size : 24px ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
transition : 1s ease; /* Smoothly animates the justification shift */
transform-origin : left center ;
}

div.featureheading:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.feature {
width : 100% ;
max-width : 1000px ;
}

div.feature > table {
width : 96% ;
display : table ;
table-layout : fixed ;
border-collapse : separate ;
border-spacing : 0 ;
padding : 0px 0px ;
margin : 0px 0px ;
background-color : #fcffff ;
}

div.feature > table tr {
border-bottom : 20px solid transparent ;
background-clip : padding-box ;
}

/* Special formatting for buttons in a text column  */
div.feature > table tr td div div.bigbutton {
margin : 20px 2px 5px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size : 24px ;
/* height : 24px ; */
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
transition : 1s ease; /* Smoothly animates the justification shift */
transform-origin : left center ;
}

div.feature > table tr td div div.bigbutton:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.feature > table tr td.captioncolumn {
 /*cursor : pointer ; */
width : 20% ;
padding-bottom : 8px ;
}

div.feature > table tr td.captioncolumn div {
 /*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
text-align : left ;
column-count : auto ;
column-gap : normal ;
column-rule : none ;
white-space : normal ;
overflow : auto ;
/*width : 96% ;*/
}

div.feature > table tr td.textcolumn {
width : 80% ;
padding-bottom : 8px ;
}

div.feature > table tr td.textcolumn div {
 /*cursor : pointer ; */
overflow : hidden ;
white-space : normal ;
vertical-align : middle ;
text-align : left ;
column-count : auto ;
column-gap : normal ;
column-rule : none ;
white-space : normal ;
overflow : auto ;
/*width : 96% ;*/
}

div.feature > table tr td.texttwocolumn {
width : 80% ;
padding-bottom : 8px ;
}

div.feature > table tr td.texttwocolumn div {
vertical-align : middle ;
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
orphans : 2 ;
text-align : justify ;
overflow-wrap : break-word ;
line-height : 1.4 ; 
width : 96% ;
min-width : 200px ;
/*max-width : 650px ;*/
/*column-width : 250px ;*/
column-count : 2 ;
column-gap : 20px ;
column-rule : 1px solid #e0e0e0 ;
white-space : normal ;
overflow : auto ;
text-overflow : ellipsis ;
/* Enable hyphenation */
hyphens : auto ;
/* Support for older/specific browsers */
/*-webkit-hyphens : auto ;*/
-ms-hyphens : auto ;
}

div.feature > table tr td div p {
font-size : 14px ;
margin : 0px 0px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
overflow-wrap : break-word ;
line-height : 1.4 ;
}

div.feature > table tr td div.subheading {
margin : 20px 2px 5px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
padding : 0px 2px ; /* 2 (top/bottom left/right) ; 3 (top/bottom right left) ; 4 (top right bottom left ) */
font-size : 24px ;
height : 24px ;
color : #154815 ; /* elinex */
/* color :#050538 ; /* gigagas */
transition : 1s ease; /* Smoothly animates the justification shift */
transform-origin : left center ;
}

div.feature > table tr td div.subheading:hover {
color: #f06010 ; /* elinex */
/*color: #e08000 ; /* gigagas */
transform : scale(1.2) ; /* Scales the image to 1.2 times its original size */
}

div.feature > table tr td div textarea {
font-size : 14px ;
vertical-align : top ;
line-height : 20px ;
height : 80px ;
text-align : left ;
width : 96% ;
min-width : 200px ;
max-width : 650px ;
margin : 4px 2px ;
border : 1px solid black ;
border-radius : 1px ;
white-space : normal ;
overflow : hidden ;
text-overflow : ellipsis ;
overflow-y : scroll ;
}

div.feature > table tr td div input[type="text"] {
cursor : text ;
vertical-align : top ;
font-size : 14px ;
text-align : left ;
width : 96% ;
min-width : 200px ;
max-width : 650px ;
margin : 4px 2px ;
transform : none ;
white-space : normal ;
overflow : hidden ;
text-overflow : ellipsis ;
}

div.feature > table tr td div textarea:disabled {
background-color: white ;
color: #b0b0b0 ;
border: 1px solid #b0b0b0;
border-radius : 1px ;
cursor: not-allowed ;
}

div.feature > table tr td div textarea:focus {
background-color: white ;
outline: none ;
border: 2px solid #f06010; /* elinex */
/*border: 2px solid #e08000; /* gigagas */
border-radius : 1px ;
cursor: text ;
}