#videoThumbnail {
       cursor: pointer;
       max-width: 100%;
       height: auto;
   }
   #vervfvi {
      
      color: #ff0000;;
      max-width:fit-content;
      text-align:center; 
      margin-left:10%;     

      
  }

  #vervfvi:hover {
  background-color: #FFBD33; /* Gold hover effect */
  transform: scale(1.02); /* Slightly enlarges the button on hover */
 
  }
/* Sticky Navigation Bar */
#sticky-nav {
   width: 100%; /* Matches header width */
   font-size: 16px; /* Matches your header's font size */
   
 }
 
 /* Button Styling */
 .nav-button {
   margin: 5px;
   padding: 10px 20px;
   font-size: 14px;
   background-color: #003366;
   color: white;
   border: none;
   border-radius: 5px;
   cursor: pointer;
   transition: all 0.3s ease;
 }
 
 .nav-button:hover {
   background-color: #FFBD33; /* Gold hover effect */
   color: #003366;
   transform: scale(1.05); /* Slightly enlarges the button on hover */
 }
 #step {
   margin-left:7%;
   font-size: 1em;
   color:#4c6e8c
 }
 .step2 {
   
   font-size: 1em;
   font-weight:bold;
   
   
 }

#how-it-works {
   padding: 2px; 
   
} 




ul1 {
font-size: 1em;;
list-style: none;
line-height: 1.3;
background:white;
border-radius:2%; 

background-color:white;
max-width:100%;
margin-left:0%;
border:0px solid lightblue;
}

#outputList {
   margin-left:5%;width:90%;background-color: #FFBD33;text-align: center;margin-right: 0%;font-weight:400;
}


ul {
   font-size: 1em;;
   list-style: none;
   line-height: 1.3;
   background:white;
   border-radius:2%; 
   
   background-color:white;
   max-width:100%;
   margin-left:0%;
   border:0px solid lightblue;
   }
   

#imghelp {
   padding-left: 5%;
}

#transferList{
   
   height:70px;overflow-y:scroll;
   
}
.lookup {
   margin-left: 10%;
}

#clientList {
   
   height:70px;overflow-y:scroll;
  
}

.clist,.tlist {
   background-color: aliceblue;
  
 
}


.clist.active,.tlist.active{
   background-color: #007BFF;
   color: white;
   }
     
  


.highlight {
       background-color: lightblue;
   }
 
/* unvisited link */
a:link {
color:purple; 
text-decoration: none;

}
a:visited {
   color:dodgerblue; 
   text-decoration: none;
   
   }




/* mouse over link */
a:hover {
color: white;
background-color: #5fb4e6;
text-decoration: none;
font-size:110%;

}


/* selected link */
a:active {
color: #FFBD33;
text-decoration: none;
font-size:110%
}
html{
font-family:Inter;
max-width:80%;
margin:auto;
color:rgb(45, 73, 153);
line-height: 1.1em;
font-size:0.90em; 
scroll-behavior: smooth;

}
input:placeholder-shown {
border: 5px solid lightblue;
font-style: italic; 
}


label{
display: inline-block;
text-align: left;
margin-left:5%;
}


input[type=text] {
   color:#007BFF;
   font-size:1em;
display: inline-block;
margin-left:5%;
height: 1.5em;
line-height: 2em; 
border-radius: 0px; ;
background-color:white;
border:1px solid lightblue
}  



input[type=url], input[type=email], input[type=tel] {
   color:#007BFF;
display: inline-block;
margin-left:5%;
height: 1.5em;
line-height: 2em; 
border-radius: 0px; ;
background-color:white;
border:1px solid lightblue


}


input[type=password], input[type=textarea] input[type=number] {
   color:#007BFF;
display: inline-block;
margin-left:5%;
width: 20%;
height: 1.5em;
line-height: 2em; font-size: 0.90em;
border-radius: 0px; ;
background-color:white;
border:1px solid lightblue;
}


table {
max-width: 100% ;
margin-left:auto; 
margin-right:auto; 
border-collapse: collapse;
overflow: hidden;


}


form{
border-radius: 0px;
margin-left:0%;
max-width: 100%;
margin-left:auto; 
margin-right:auto; 
background:white;
display:none;
filter:drop-shadow(1px 1px 2px #b5d6e8);
}


#displayKeys {
max-width: 60% ;
margin-left:auto; 
margin-right:auto; 
border-collapse: collapse;
overflow: hidden;

text-align:center;

}
#displayVPN {
max-width: 60% ;
margin-left:auto; 
margin-right:auto; 
border-collapse: collapse;
overflow: hidden;

text-align:center
}



.viewEmails {
background-color: white;
border:none
}

.buttonV,.buttonD {
background-image: linear-gradient(
to right,
#007BFF,
rgba(6, 95, 150, 0.61) ,
rgba(6, 95, 150, 0.61) 200%,
rgba(6, 95, 150, 0.61) 100%
);
background-position-x: 0%;
background-size: 200%;
text-shadow: 0 1px 1px #333;
font-family:Arial, Helvetica, sans-serif;
color: white; /* White text color */
padding: 10px ; /* Padding inside the button */
border: none; /* Remove default border */
border-radius: 10px; /* Rounded corners */
position: relative; /* For positioning the inner border */
font-size: 0.90em;; /* Font size */
font-weight: bold; /* Bold text */
cursor: pointer; /* Pointer cursor on hover */
outline: none; /* Remove default outline */
}


.buttonE,.buttonS,.buttonI{

border-radius: 10px; /* Rounded corners */

}

.buttonV::before, .buttonD::before  {
content: ''; /* Empty content for the pseudo-element */
position: absolute; /* Absolute positioning */
top: 2px; /* Positioning the inner border */
left: 2px; /* Positioning the inner border */
right: 2px; /* Positioning the inner border */
bottom: 3px; /* Positioning the inner border */
border: 2px solid white; /* White inner border */
border-radius: 8px; /* Rounded corners for the inner border */
}
.buttonV:hover, .buttonE:hover,.buttonS:hover,.buttonD:hover{
background-position-x: 100%;
transform: scale(1.05);
background: #004085;
}
.buttonV:focus,.buttonE:focus,.buttonS:focus,.buttonD:hover {
background-color: #004085 ;

}
.buttonV:active,.buttonE:active,.buttonS:active,.buttonD:active {
background-color: #004085; /* Even darker blue on click */
}
   .buttonE,.buttonS,.buttonI{
   
   border-radius: 10px; /* Rounded corners */
   
   }

#submit,#getVPNConfig,#MFASubmit,#addUser,#sendReport,#sendReport2{
   background-image: linear-gradient(
   to right,
   #004085,
   rgba(6, 95, 150, 0.61) ,
   rgba(6, 95, 150, 0.61) 200%,
   rgba(6, 95, 150, 0.61) 100%
   );
   background-position-x: 0%;
   background-size: 200%;
   text-shadow: 0 1px 1px #333;
   font-family:Arial, Helvetica, sans-serif;
   color: white; /* White text color */
   padding: 1px 10px 1px; /* Padding inside the button */
   border: none; /* Remove default border */
   border-radius: 10px; /* Rounded corners */
   position: relative; /* For positioning the inner border */
   font-size: 0.90em;; /* Font size */
   font-weight: bold; /* Bold text */
   cursor: pointer; /* Pointer cursor on hover */
   outline: none; /* Remove default outline */
   line-height: 2em;
   } 
  
   #submit::before, #addUser::before,#getVPNConfig::before ,#MFASubmit::before,#sendReport::before ,#sendReport2::before {
   content: ''; /* Empty content for the pseudo-element */
   position: absolute; /* Absolute positioning */
   top: 2px; /* Positioning the inner border */
   left: 2px; /* Positioning the inner border */
   right: 2px; /* Positioning the inner border */
   bottom: 3px; /* Positioning the inner border */
   border: 2px solid white; /* White inner border */
   border-radius: 8px; /* Rounded corners for the inner border */
   }
   #submit:hover,#addUser:hover,#getVPNConfig:hover ,#MFASubmit:hover,#sendReport:hover,#sendReport2:hover{
   background-position-x: 100%;
   transform: scale(1.05);
   background: #004085;
   }
  #submit:focus,#addUser:focus,#getVPNConfig:focus,#MFASubmit:focus ,#sendReport:focus,#sendReport2:focus{
   background-color: #004085 ;
   
   }
   #submit:active,#addUser:active,#getVPNConfig:active,#MFASubmit:active {
   background-color: #004085; /* Even darker blue on click */
   }

   #savestockreport {
      text-align:right;
      font-size: 1.1em;
      font-weight:bold;
      padding-right:5%
   }
   .active {
      background-color: #004085;  
   }
 
   
   #logo{
      max-width: 80%;
      margin-left:auto; 
      margin-right:auto; 
      padding:0px;
      border:0px solid lightblue;
      background:white;
      border-radius: 0px;
      }
      

.buttons-flex {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    @media (max-width: 450px) {
 .buttonV,#getVPNConfig,#sendReport,#sendReport2 {
    
    font-size:90%;
 }

 



}

::placeholder {
color: #7a9ee6;
opacity: .7; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12-18 */
color:#7a9ee6;
}



.center
{
text-align:center;
}

#signinMobile {
   display: none;   
}
#featuresMobile {
   display: none;   
}
#howMobile {
   display: none;   
}
#stepMobile {
   display: none;   
}

.frontheader {
   color:#FFBD33; filter: drop-shadow(0 0 0.5rem #06488a); text-align:left; margin-left:0%
}
#stockticker2,#emailaddress2 {
   background:transparent;color:#FFBD33;
}
.frontheader2 {
   color:#FFBD33; filter: drop-shadow(0 0 0.5rem #06488a); text-align:left; background:transparent;
}
#frontfooter {
   color:#1578db ; text-align:center;text-shadow: .3px .3px .3px rgb(224, 169, 4);
}
#footer {
   text-align:center; text-shadow: .3px .3px .3px rgb(224, 169, 4);
}



#addRequest {
display: none; 
background-image:url('img/addReport.jpg');
background-repeat: no-repeat;
    background-size: cover;
max-height:100px;
font-family: 'Inter';color:#FFBD33;
padding:5px 5px 5px
}
#psw{
   max-width: 100px;
}
#MFACode{
   max-width: 150px;
}

#responseHelp{
display: none; 
}
#MFA {
display: none; 
}
#accountdetail {
display: none; 
}

#upAccount {
display: block;
line-height: 2em;margin-left:0%;
filter:none
}

#ID {
display: none;
background-color:white;font-family: 'Inter',sans-serif; color:rgb(45, 73, 153);line-height: 2em;
overflow:auto;background-color: white; 
background-image: URL('img/IDBackground.png') ;

}

#helpHead {
display: none; 
background-image:url('img/addReport.jpg');
background-repeat: no-repeat;
    background-size: cover;

}
#helpHeadMobile {
display: none;
}
#mainmenumobile {
display: none;
text-align:left;font-size: 1em; font-weight:400
}
#mainmenu {
   text-align:center;font-size: 1em; font-weight:400
}

#addperson {
display: none; 
}
#complete {
display: none; 
}

#addTags {
display: none; 
}
#addtags {
   background-color:#FFBD33
}

#addEmails {
display: none; 
background-color:white;font-family: 'Inter',sans-serif; color:rgb(45, 73, 153);line-height: 1.5em;height:800px;
overflow:auto;background-color: white; 
background-image: URL('img/IDBackground.png') ;
}
#addEmailsMobile {
    display: none; 
    }
#addEmailHeader {
   background-image:url('img/addReport.jpg');
   background-repeat: no-repeat;
    background-size: cover;
}

#addEmailHeaderTable {
   text-align:center;width:100%;font-family: 'Inter';color:#FFBD33;border-radius:2%;
}
.copyE {
   padding-left:2%; padding-right:2%
}


#sendDocuments {
display: none; 
padding:20px;
margin-left:20px;


}
#uploadForm {
   display: none; 
   text-align:center;
   padding:20px;
   margin-left:20px;
   }



#loader {
display: none; 
color:#008631;text-align:center;font-weight:500
}
#cont {
display: none;
background-image:url("img/candlestick.png"), linear-gradient(to bottom,#64b2fb,#598bc4);
height:200px;overflow:auto;background-color:white;border-radius:0%;


} 
#cont2 {
display: none; 
}


#cont5 {
display: none; 
text-align:left;background-color:white
} 

#cont6 {
display: none; 
height:180px;overflow-y:scroll;overflow-x:scroll;background-color:aliceblue;border-radius:2%;
} 

#removeAPI {
display: none; 
}

#verify {
display: none; 
} 

#tagDisplay {
display: none; 
}
#robust {
   margin-left:30%;
  
}


table.custom_class {
font-family: 'Inter',sans-serif;
text-align: center;
width: 100%;
color: white;
   

       
}
table.custom_class th {
padding-top: 1px;
padding-bottom: 1px;
text-align: center;
font-size: 1em;;



}
table.custom_class td {
box-sizing: border-box;

font-size: 1em;;
}
table.custom_class tr {
margin-left:5px;
box-sizing: border-box; 
font-size: 1em;; 
padding-top: 0px;
padding-bottom: 0px;

}

tr.active{
background:white;
}

tr.hover{
background:lightgoldenrodyellow;
}

.col-1 {
       width: 25%;
   }
   .col-2 {
       width: 35%;
   }
   .col-3 {
       width: 13%;
   }
   .col-4 {
       width: 13%;
   }
   .col-3 {
       width: 13%;
   }

#dropdown {
  padding-left:0%
}


.dropbtn {
   margin-left:10%;
text-align:center;
border-radius: 49%;
font-family: 'Lato';
color:white;
min-width: 260px;
min-height:125px;
line-height: 1.5em;
font-size: 1.75em;
background-color:rgba(115, 172, 207, 0.61);
padding: 10px 10px 10px 10px;
text-decoration:#4c6e8c ;
background-image: url('img/Vervstock.png');
border-style:solid;
background-size: 300px 154px;
border-color:rgb(45, 110, 153);
text-align:right;

}

.dropdown {
position: relative;
display: inline-block;

}

.dropdown-content {
display: none;
border-radius: 10%;
margin-left:20%;
position: absolute;
min-width: 200px;
background-image: linear-gradient(to right,rgb(45, 110, 153),#4a94d9,#4a94d9,rgba(6, 95, 150, 0.61),#4a94d9);
box-shadow: 0px 8px 1vm 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: #FFBD33;
padding: 12px 1vm;
font-size: 90%;
line-height: 1.6em;
text-decoration: none;
display: block;
border-radius: 20px;

}
h1 {
text-align:center;
} 
#btnctr {
text-align: center;
margin-left:10%;
margin-right:10%;
}

.dropdown-content a:hover {background-color:rgb(45, 110, 153);margin-left:15%;}
.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: rgb(45, 110, 153);}

.symbol {
     font-family: Unicode;
     font-size:180%;
     font-weight: bold;
      color: #FFBD33;
 }

    
.vervstyle {


text-align:left;
font-size: 1.1em;;
font-weight:400;


}
.vervstyle2 {

   text-align:left;
   font-size: 1.1em;;
   
   }

   #head_background {
background-image: url("img/spiral3.jpg");
filter:drop-shadow(0 0mm 0.6rem #06488a);
background-repeat: no-repeat;
opacity: 90%;
background-size: cover; /* or contain */
       background-position: center;
       border-radius: 0%;
       height: 41vh; /* Ensure the div has a height */
   
}
  

#head_background_free {
   background-image: url("img/spiral3.jpg");
   filter:drop-shadow(0 0mm 0.6rem #1a61a9);
   background-repeat: no-repeat;
   opacity: 90%;
   background-size: cover; /* or contain */
          background-position: center;
          border-radius: 0%;
          height: 35vh; /* Ensure the div has a height */
      
   }

.add img {
   display: block;
   margin-left: auto;
   margin-right: auto
}

.add img:hover {
  background-color: rgba(blue, 0.5);  
}

.send_documents {
 margin: 10px 0;
       display: flex;
       align-items: center;
       border-style:solid;border-color:rgba(120, 198, 246, 0.61);border:3px 

}


   .send_documents label {
       margin-right: 10px; /* Space between label and button */
       
   }

   
   /* Basic styling for the select element */
select {
   
    background-color: #f0f8ff !important ; /* Light blue background */
    color: #4c6e8c!important; /* Dark blue text */
    padding: 3px;
    border: 1px solid #f0f8ff !important; /* Dark blue border */
    border-radius: 2px;
    font-size: 0.90em;;
    width: 250px; /* Adjust as necessary */
    font: inherit;
}

/* Arrow icon styling */
select:after {
     
    font-size: 0.90em;;
    color: #4c6e8c !important; /* Dark blue */
    padding-left: 10px;
}

/* Style the options in the dropdown */
select option {
    background-color: #f0f8ff !important; /* Light blue background */
    color: #4c6e8c !important; /* Dark blue text */
    padding: 10px;
}

/* Highlight the selected option with a darker blue */
select option:checked {
    background-color: #4c6e8c !important; /* Dark blue background */
    color: #ffffff !important; /* White text */
}

/* Customize the hover effect on options */
select option:hover {
    background-color: #87cefa !important; /* Slightly darker blue on hover */
    color: #4c6e8c !important; /* Dark blue text */
}

#accountID {

    max-width:200px;
    font-size:0.9em;
    
}

.headsup{
   color:#FFBD33;
   font-size: 110%;
   text-align:center;
   

}
.expandable {
   cursor: pointer;
   font-size: 1em;
   color: #003366; /* Dark Blue */
   font-weight: 400;
   transition: background-color 0.3s, color 0.3s;
   padding: 10px;
   margin: 5px 0;
 }
 
 .expandable:hover {
   background-color: #FFBD33; /* Gold */
   color: #003366; /* Dark Blue text stays consistent */
   border-radius: 5px; /* Optional: Make hover feel softer */
 }
 
 .definition {
   max-height: 0;
   overflow: hidden;
   transition: max-height 0.3s ease;
 }
 
 .definition[style="display: block;"] {
   max-height: 200px; /* Adjust based on content length */
 }
 

.trading {
width:80%; height: auto;
text-align:center;

}
.trading2 {
   padding-left: 5%;
   
   }
#freetrialaccount {
   font-weight: 400;
   text-align:right;
   font-size:120% !important;
   margin-right:0%;
   width:100%;
   

}
#freetrialaccount:hover{
   background-position-x: 100%;
   transform: scale(1.05);
   color: white;
   }


#aboutreports,#freereports,#invest,#signintoaccount{
   display: inline-block;  font-weight: bold; 
   border-radius: 6px; text-decoration: none; 
   transition: background-color 0.3s ease;
   background-image: linear-gradient(
   to right,
   
   #0b50b8,
   #FFBD33,
   rgba(6, 95, 150, 0.61) ,
   rgba(6, 95, 150, 0.61) 200%,
   rgba(6, 95, 150, 0.61) 100%
   );
   background-position-x: 0%;
   background-size: 200%;
   text-shadow: 0 1px 1px #333;
   font-family:Arial, Helvetica, sans-serif;
   color: white; /* White text color */
   
   border: none; /* Remove default border */
   border-radius: 10px; /* Rounded corners */
   position: relative; /* For positioning the inner border */
   font-size: 0.90em;; /* Font size */
   font-weight: bold; /* Bold text */
   cursor: pointer; /* Pointer cursor on hover */
   outline: none; /* Remove default outline */
   line-height: 2em;
   } 
  
   #aboutreports::before,#freereports::before,#invest::before, #signintoaccount::before {
   content: ''; /* Empty content for the pseudo-element */
   position: absolute; /* Absolute positioning */
   top: 2px; /* Positioning the inner border */
   left: 2px; /* Positioning the inner border */
   right: 2px; /* Positioning the inner border */
   bottom: 3px; /* Positioning the inner border */
   border: 2px solid white; /* White inner border */
   border-radius: 8px; /* Rounded corners for the inner border */
   }
   #aboutreports:hover,#freereports:hover,#invest:hover,#signintoaccount:hover{
   background-position-x: 100%;
   transform: scale(1.05);
   background: #004085;
   }
 #aboutreports:focus,#freereports:focus,#invest:focus,#signintoaccount:focus{
   background-color: #004085 ;
   
   }
#aboutreports:active,#freereports:active,#invest:active,#signintoaccount:active  {
   background-color: #004085; /* Even darker blue on click */
   }


#ricon {
   width:20px;
}

#invest{
   display: inline-block; padding: 12px 24px; font-size:16px; font-weight: bold;line-height:120%; 
   color:white; background-color:#06488a ; border-radius: 6px; text-decoration: none; 
   transition: background-color 0.3s ease;
   max-width:50%; text-align:center;margin-left:5%
 
}

#freereports{
   display: inline-block; padding: 12px 24px; font-size: 16px; font-weight: bold; 
   color:white; background-color:#06488a  ; border-radius: 6px; text-decoration: none; 
   transition: background-color 0.3s ease;
 
}

#aboutreports{
   display: inline-block; padding: 12px 24px; font-size: 16px; font-weight: bold; 
   color:white; background-color:#06488a  ; border-radius: 6px; text-decoration: none; 
   transition: background-color 0.3s ease;
 
}


#green:hover,#yellow:hover,#gold:hover,#freereports:hover,#aboutreports:hover, #invest:hover{
   background-position-x: 100%;
   transform: scale(1.05);
   color: white;
   }
   #remindme {
      color:#007BFF;
      font-weight: 400;
      margin-left:15%;
   
   }
   #remindme:hover{
      background-position-x: 100%;
      transform: scale(1.05);
      color: white;
      }

#showAccount {
   display:none;
   background-image: URL('img/accountBackground.png') 
}

.menu {

   font-size:105%;text-align:left;font-weight:400;color:#003366;
   
} 
.mmenu{

    font-size:105%;text-align:left;font-weight:400;color:#003366;
    padding-right:20px
 } 
 .mmenu:hover,.menu:hover {
   background-color: rgb(141, 195, 249); /* Gold hover effect */
   color: #003366;
   border-radius: 5%;
   transform: scale(1.05); /* Slightly enlarges the button on hover */
 }

 .emailheader {
    text-align:center;font-family: 'Inter';color:#FFBD33;border-radius:2%;
 }

 .senddocs {
   background-repeat: no-repeat;
    background-size: cover;
    text-align:center;width:100%;border-radius:2%;background-image:url('img/addReport.jpg');padding-left:2%; padding-right:2% 
 }
 .simple {
   font-family:'Lato';font-size:2.2vw;text-align:center;color:#FFBD33; padding-right:10%;line-height: 1.1em;text-shadow: 2px 2px 2px navy
 }
 #VervHeaderMobile {
   display:none;
 }
 #whychoose {
   padding-left:20px !important;
   color:white
 }
 .simpleMobile {
   font-size:120%;text-align:center;color:white;text-align:center;
}
 .simple1 {
 
   font-family: 'Lato';font-size:1.8vw;;color:#FFBD33;text-shadow: 2px 2px 2px navy
 }
 .forinternetusers {
    font-family:'Lato';color: white;font-size:1.5vw
 }
 .nav {
   font-family:'Lato';color: white;font-size:1.6vw
}
#navhead {background-color: #003366; color: white;}

 .alert {
    color:#f4aa0a !important;text-align:center !important;font-weight:500 !important;padding-left:5% !important;padding-right:5% !important;
 }
 #blurbvideo {
   padding:5%;
   float:right;
   color:white;
   
 }
 
 #comic1 {
  
  font-size:120%;font-weight:400;
  font-family:  'Inter';
   
    
    
 }

 .tooltip {
   position: relative;
   margin-left:10%;
   display: inline-block;
   border-bottom: 1px dotted #0d4483;
 }
 
 .tooltip .tooltiptext {
   visibility: hidden;
   width: 150px;
   background-color: #0d4483;
   color: #fff;
   text-align: center;
   border-radius: 6px;
   padding: 5px 0;
   position: absolute;
   z-index: 1;
   bottom: 125%;
   left: 50%;
   margin-left: 0%;
   opacity: 0;
   transition: opacity 0.3s;
 }
 
 .tooltip .tooltiptext::after {
   content: "";
   position: absolute;
   top: 100%;
   left: 50%;
   margin-left: 0%;
   border-width: 5px;
   border-style: solid;
   border-color: #0d4483 transparent transparent transparent;
 }
 
 .tooltip:hover .tooltiptext {
   visibility: visible;
   opacity: 1;
 }
 .comic2 {
    font-family: 'Inter';
    padding-left:2%
 }
 .comic3 {
   background-repeat: no-repeat;
    background-size: cover;
   font-family: 'Inter';background-image:url('img/addReport.jpg');color:white
 }
 .font110 {
    font-size:110%;
 }
 #green {
    color:rgb(30, 180, 30);
    font-size:110%;
    font-weight:bold
 }
 #yellow {
    color: orange;
    font-size:110%;
    font-weight:bold
 }
 #gold {
   color: #ff6600;
   font-size:110%;
   font-weight:bold
}
.icon {
   color:rgb(244, 126, 8);
   font-size:110%;
   font-weight:bold

}


 #configHeadTable,#configHeadTable2 {
   font-family: 'Inter';
 }
 #helpHeadTable {
   font-family: 'Inter';color:white;
   padding-top:5%
 }


 #helpHeadMobileTable {
   font-family: 'Inter';background-color:white
 }

 
 #configHeadTable, #helpHeadTable, #helpHeadMobileTable,#configHeadTable2 td {
   padding:2%;
 }

 #vsafeimage,#vsafeimage0 {
   padding:10%;text-align:center;

 }
 #vsafeimage2,#vsafeimage3{
   padding-left:2%; padding-right:2%
 }
 #vervsafe4 {
   padding-left:5%
 }

 #yellowtick {
   padding-left: 5%;padding-right: 5%;
   

 }
 #yellowticklist {
   display:none;
   padding-left: 2%;padding-right: 2%;
   text-align:left;
   
   

 }
 #yellowtickdiv {
   font-size: 0.90em;;text-align:left;line-height: 2em;padding-left:15%;padding-right:15%
 }
 #create {
   font-size:110%;;text-align:left;font-weight:bold;
   margin-left:10%;
 }
 .centerit {
   text-align:center
 }

#EUID {
   width:250px;background-color:white;
}
#EUIDesc {
   width: 300px;background-color:white
}
#personaldata {
   font-size:110%;text-align:left;font-weight:bold;
   margin-left:0%;
}
#tags {
   margin-left:5%
}
#tagItem {
   width: 150px;background-color:white ;
}
#tagValue {
    width: 200px;background-color:white ;
}
#docupimg {
   margin-left:5%
}
#tagList {
   margin-left:5%;width:90%;background-color: #FFBD33;text-align: center;margin-right: 0%;font-weight:400;border-width: 0 !important;
}
#tagDisplay {
   width:500px 
}
#personaldata {
   font-size:110%;text-align:left;font-weight:300;
   margin-left:5%;
}
#personaldatadone {
   font-size:110%;text-align:left;font-weight:bold;
   margin-left:5%;
}

#person {
   margin-left:5%
}
#addperson {
   text-align:left;margin-left:10%;color:rgb(45, 73, 153);
}
#selectperson {
   font-size: 0.90em;text-align:left;margin-left:5%;
}
#emailHeaderBackground {
   background-repeat: no-repeat;
    background-size: cover;
   background-image:url('img/addReport.jpg');
   max-height:100px;
font-family: 'Inter';color:#FFBD33;
padding:5px 5px 5px;
line-height:0em
}
#vsafeimage {
   padding-left:2%; padding-right:2%;
   text-align:left
}
#emsimple,#sendsimple, #emHeadersimple {
   padding-left:2%; padding-right:2%;
   font-family:  'Inter';font-size:1.6vw;;color:#FFBD33
}
#yellowtick2 {
   display:none;
   margin-left:5%;
  width:85%
}

#yellowtick2 td {
   padding-left: 2%;padding-right: 2%;line-height: 1.2em;
}
#yellowtick3 {
   margin-left:5%;
   
}
#yellowtick3 td {
   padding-left: 2%;padding-right: 2%" 
}

#sendReceive {
   display:none
}
#report,#report2,#emailItem { 
   width: 200px;background-color:white;  
}

#reportdesc,#reportdesc2,#emailValue {
  
   width: 250px;background-color:white ;
   
}
#request {

   width: 250px;background-color:white ;
}


#span6,#span7,#span8,#span9,#span10 {
   margin-left:3%
}
.full-width-input {
    width: 100%;
    box-sizing: border-box; /* This ensures padding and borders don't affect the width */
    margin:0;
}
#yesupload {
   display: none; 
   border-radius:20px;width:85%;color:blue;text-align:center
 }
 #loader {
   display: none;
 }
 #completed {
   display: none;
   text-align:center;color:dodgerblue;font-weight: 500;font-size:110%
 }

 #provide {
   text-align:center;color:navy;font-size:120%
 }
 input::file-selector-button {
 background-image: linear-gradient(
   to right,
   #5a6cab,
   #5a6cab,
   #FFBD33 100%,
   #FFBD33 200%
 );
 background-position-x: 0%;
 background-size: 200%;
 border: 0;
 border-radius: 8px;
 color: #fff;
 padding: 0.5rem 0.75rem;
 text-shadow: 0 1px 1px #333;
 transition: all 0.25s;
}
input::file-selector-button:hover {
 background-position-x: 100%;
 transform: scale(1.1);
}

 input[type=file] {
 display: block;
 color: #FFBD33;
 font-style: oblique;
}
.investtext {
   color:dodgerblue;
   font-size:1.15em;
   font-family:Lato

}

#how {
   display: flex; justify-content: space-between;
   text-align: center;
  
   font-size:1em;
   padding-right:20%
}
#features {
   
   background: linear-gradient(#06488a, #f6e5c1,white );

}
#stephow {
   
   background-color:   white;

}

#fpi {
   margin-left:5%;
}
#stocktable {
   background-color:white;
   font-size:1em;
   

}