/* Default CSS Stylesheet for a new Web Application project*/

BODY
{
	font-weight: normal;
	font-size: 14pt;
	font-family: sans-serif;
	background-color:#ffffff;
}

.opltext
{
    font-weight: normal;
	font-size: 10pt;
	font-family: sans-serif;
	color:#0f6cbd;
}

span.nogo
{
    font-weight:400;
	font-size: 14pt;
	font-family: sans-serif;
	color:#d10059;
}

.content-centered
{
    text-align:center; 
    position:relative
}

.progress-bar
{
    background-color: #0F6CBD;
}

.oplheadline
{
    font-size:16pt;
    color:#0f6cbd;
    font-weight:600;
}

.vertical-text {
  writing-mode: vertical-rl !important;
  text-orientation: upright;
}

.scrollable-treeview {
    height: 600px;
    overflow-y: auto;
}

.customGridView {
        border-collapse: collapse;
        border: 1px solid #4e4e4e; /* Single outer border */        
    }

.customGridView td, .customGridView th {
        border: 1px solid #4e4e4e; /* Single inner borders */
        padding: 5px; /* Optional: for better appearance */
    }

.table-bordered {
	border: 1px solid #4e4e4e;
	border-collapse:collapse;
    background-color: #fafafa;
    color:#4e4e4e;    
    border-radius:4px;
}

#tblMail {
    background-color: #fafafa;
}


.centered{
    text-align:center; 
    margin-left:auto; 
    margin-right:auto;
    vertical-align:middle;
}

.smaller-font{
    font-size:70%;
}

.spacer-large {
    height: 100px;
}

.spacer-small
{
    height:50px;
}

.review{
    text-align: center;
    color: #4e4e4e;
}

td.alignright{
    text-align:right;
}

td.submit
{
	background-color:#4e4e4e;
}

td.center{
    text-align:center;
    margin-left:auto; 
    margin-right:auto;
    vertical-align:top;
}

input.submit
{
	background-color:#0f6cbd;
	font-family:sans-serif;
	font-size:16pt;
	color:#FAFAFA;
}

input.submit-dark
{
	background-color:#4e4e4e;
	font-family:sans-serif;
	font-size:16pt;
	color:#fafafa;
}

input.createaccount{
    background-color:#0f6cbd;
    color:#fafafa;
}

input.textbox
{
	background-color:white;
	color: #4e4e4e;
	font-size:16pt;
    border: solid 2px #E0E0E0;
    border-radius:5px;
}

textarea.textbox
{
	background-color:#fafafa;
	font-family:sans-serif;
	color: #4e4e4e;
	font-size:16pt;
}

.groktextbox
{
    background-color:white;
	color: #4e4e4e;
	font-size:14pt;
    border: solid 2px #0f6cbd;
    border-radius:5px;
}

.incomplete-box
{
    background-color:#fafafa;
    color:#0f6cbd;
    border: solid 2px #0f6cbd;
    padding:10px;
    border-radius:5px;
} 

input.faq
{
	background-color:#fafafa;
	font-family:sans-serif;
	font-size:16pt;	
	color: #4e4e4e;
}

select.dropdown
{
	background-color:white;
	font-family:sans-serif;
	font-size:16pt;
	color: #4e4e4e;
}

textarea.submit
{
	background-color:#fafafa;
	font-family:sans-serif;
	font-size:16pt;
	color: #4e4e4e;
}

div.validation
{
	text-align:center;
	list-style-image: url("images\exclaim.gif");
}

.surpsise{
    float:left;
}
	
.cta
{
   background-color:#0f6cbd;
	font-family:sans-serif;
	font-size:14pt;
	color:#fafafa;
    text-decoration:none;
    border-radius:4px;
    width:90%;
}

.button
{
   	background-color:#0f6cbd;
	font-family:sans-serif;
	font-size:14pt;
	color:#fafafa;
    text-decoration:none;
    border-radius:4px;
}

.oplbutton
{
    background-color:#0f6cbd;
	font-family:sans-serif;
	font-size:14pt;
	color:#fafafa;
    text-decoration:none;
    border-radius:4px;
}

H1
{
	font-family:sans-serif;
	font-size:20pt;
	font-weight:bold;
	color:#0f6cbd;
}

H2
{
	font-family:sans-serif;
	font-weight: bold;
	font-size: 18pt;
	color:#0f6cbd;
}

H3, H4, H5, TH, THEAD, TFOOT
{
    font-family:sans-serif;
	font-weight: bold;
	font-size: 16pt;
    color:#4e4e4e;
    text-align:center;
}

.certificates-div
{
    margin-top:10px; 
    margin-bottom:10px;
}

.footer-div
{
    text-align:center;
    background-color:#4e4e4e;
    color:#fafafa;
    vertical-align:middle;
    font-size:12pt;
    padding-top:10px;
    padding-bottom:10px;
}

.lawyer-footer-div
{
    text-align:center;
    background-color:#4e4e4e;
    color:#fafafa;
    vertical-align:middle;
    font-size:12pt;
    height:50px;
    padding-top:10px;
    padding-bottom:10px;
}

.centered{
    text-align:center; 
    vertical-align:middle;    
}

.right{
    text-align:right;
}

.left{
    text-align:left;
}

.bold-right{
    text-align:right;
    font-weight:bold; 
}

.darker-row {
    background-color: #efefef;
}

.reasons-div
{
    text-align:left;
}

#lblYear
{
    font-size:8pt;
    color:#fafafa;
}


.made-easy {
    background-color:#efefef;
    margin:5px;
    padding:10px;
    display:block;
    float:left;
    border-radius:10px;
}

panel.nogo
{
	font-size: 14pt;
	border-style:solid;
	border:2px;
	border-color:#e0e0e0;
	color:#0f6cbd;	
}

panel.normal
{
	font-size: 14pt;
	border-style:solid;
	border:2px;
	border-color:#e0e0e0;
	color:Blue;	
}

span.tip
{
	background-color:#fafafa;
	font-family: sans-serif;
	font-size: 14pt;
	width: 100%;
}

span.alert
{
	background-color:#fafafa;
	font-family: sans-serif;
	font-size: 14pt;
	width: 100%;
}

span.faq
{
	background-color:#fafafa;
	font-family:sans-serif;
	font-size:14pt;
	width:100%;
	border-style:solid;
	border:2px;
	border-color:#E0E0E0;
	color:#4e4e4e;
}

label.faq
{
	background-color:#fafafa;
	font-family:sans-serif;
	font-size:14pt;
	width:100%;
	border-style:solid;
	border:2px;
	border-color:#E0E0E0;
	color:#4e4e4e;
}

label.help
{
	background-color:#fafafa;
	font-family:sans-serif;
	font-size:14pt;
	width:100%;
	border-style:solid;
	border:2px;
	border-color:#E0E0E0;
	color:#0f6cbd;
}

span.help
{
	font-size: 16pt;
	border:2px;
	border-color:#E0E0E0;
	color:#0f6cbd;	
}

span.nogo
{
	font-size: 16pt;
	border:2px;
	border-color:#E0E0E0;
	color:#0f6cbd;	
}

#lnkInstructionsON
{
    font-size:16pt;
}

#lnkInstructionsOFF
{
    font-size:16pt;
}

#lnkAssetInstructionsON
{
    font-size:16pt;
}

#lnkAssetInstructionsOFF
{
    font-size:16pt;
}


#lblMSA{
    color:#0f6cbd;
}

#lblDateofResponse{
    color:#0f6cbd;
}

a
{
    color:#0f6cbd;
    text-decoration: none;
}

.oplmenunodes
{
    font-family:Verdana;
    Font-Size:12pt;
    color:#0f6cbd;
}

.oplselectedmenunodes
{
    font-family:Verdana;
    Font-Size:12pt;
    color:#0f6cbd;
    font-weight:700;
}


A:link	{	
	font-family:sans-serif;
	color:#0f6cbd;
	}	
		

A:visited	{	
	font-family:sans-serif;
	}	
		
A:active	{	
	font-family:sans-serif;
	}	
		
A:hover	{	
	font-family:sans-serif;
	}

A.createaccount
{
    text-decoration:none;
    color:#FAFAFA;
    font-size:12pt;
    text-align:center; 
    padding-top:10px;
}

A.famcode
{
    text-decoration:none;
    color:#0f6cbd;
    font-size:12pt;
    text-align:center; 
    padding-top:10px;
}


a.notalink{
    color:#fafafa;
    background-color:#4e4e4e;
    text-decoration:none;
}				
		
div	.shadow {
  -moz-box-shadow:    1px 1px 3px 3px #0f6cbd;
  -webkit-box-shadow: 1px 1px 3px 3px #0f6cbd;
}

.scrollable-col {
      height: 1000px; /* Fixed height for the column */
      overflow-y: auto; /* Enable vertical scrolling */
      border: 1px solid #0f6cbd; /* Optional: for visibility */      
    }

@media (min-width: 768px) {
    .container {
        text-align: left;
    }

    .content-centered {
        text-align: center;
    }

    .row {
        overflow: hidden; /* Clearfix for floated children */
    }
}
    @media (max-width: 767px) {
        .container {
            text-align: center;
        }

        .col-xs-12 {
            float: none !important; /* Ensure stacking on mobile */
        }
    }

    .menu1_NDTreeView_2 {
        max-width: 100%;
        overflow-x: auto;
        white-space: normal; /* Allow text wrapping */
    }

    .menu1_NDTreeView_0, .menu1_NDTreeView_1, .menu1_NDTreeView_3, .menu1_NDTreeView_5, .menu1_NDTreeView_7 {
        display: block;
        white-space: normal;
        word-wrap: break-word;
    }