#greenMsg{ border:1px solid #3c3; margin:8px 0; background:#cfc; color:#000; text-align:center;}
#greenMsg h4{margin:8px; padding:0; color:#333;}
#greenMsg p{ color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;margin:8px; padding:0;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    margin-bottom: 0;
    padding-bottom: 3px !Important;
    background: #ffff00 !important;
}

.clearedUL {
    display: block;
    margin: 10px !Important;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    padding:unset !important;
    padding-left:15px !important;
    background-color:unset !important;
    float:unset !important;
}

.clearedUL li {
	display: list-item !important;
    
	}

input[type="button"], input[type="submit"], input[type="reset"], button {
    /* float: right; */
    margin-left: 10px;
    background: #034a92;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: bold;
    height: 40px;
    cursor: pointer;
    padding: 0 10px;
    border: none;
    border-bottom: 3px solid #002c59;
    border-radius: 4px;
	font-size:12px !important;
    /* display: block; */
    text-decoration: none;
    line-height: 35px;
	font-size:15px;
}

.swal2-popup {
	font-size: 0.65rem !important;
	font-family: Roboto,sans-serif !important;
  }
  .swal2-title {

font-size:1.4em !important;
  }

  .swal2-actions button{

line-height: unset !important;
text-transform: unset !important;
font-size:14px !important;


  }
  
 div:where(.swal2-container) .swal2-html-container {
	font-size:1.4em !important; 
	font-family: Roboto,sans-serif !important;
 }	 


input[type="text"], input[type="password"], input[type="email"] {
	font-family:robot !important;
	border: 1px solid #ccc;
	padding: 0 10px;
	height: 35px;
	color:#333;
	font-size:15px;
	
}
select {
	border: 1px solid #ccc !important;
	padding: 0 10px;
	height: 35px;
	color:#333;
	font-size:15px;
	
	font-family:robot !important;

}


p{
	text-align:justify;
	}

.ui-tabs .ui-tabs-hide {
     display: none;
}


.desc 
{font-family:Verdana, Geneva, sans-serif;
font-size:10px;
}

.asterisk
{font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#C30;
}

.blueInstruction
{
	color:#034A92;
	font-family:robot ;
	font-size:17px;
	
	
}

legend{
	color:#034A92 ;
	font-family:robot ;
	font-size:17px ;
}

.newFontStyle
{
	font-family:Roboto;
	size:15px;
    color: #333	
	
}

.feedback{
	
	
margin:10px; 
border:063 solid 1 px;
display:none;
height:25;
padding:10px;
background-color:C9F1CF; 
font-family:Verdana, Geneva, sans-serif;
font-size:14px; 
color:063; 
font-weight:bold;
	
}

.specialTable {
	text-align: left;
	font-size: 12px;
	font-family: verdana;
	background: #c0c0c0;
	width:800;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
}

.specialTable thead  {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	cursor: pointer;
	background:#B9D7EC;
}

.specialTable thead tr,
.specialTable tfoot tr {
	background:#B9D7EC;
}
.specialTable  tbody

{background-color:white;
}

.specialTable td, th {
	border: 1px solid white;
	padding:5px;
}


#institutionPopup,#addressPopup1
{
height: 600px;!important
}

#addressPopup
{
height: 650px;!important
}

#recipientPopup
{
height: 600px;!important
}

#credentialPopup
{
	
	height:700px !important;
	width:600px !important;
	
	
	z-index:10 important;
}

#orderPopup
{
	height:800px;
	overflow:scroll;
	
}



#addressPopup,#credentialPopup,#orderPopup,#addressPopup1
{
width: px; 
background-color: #fff;
position: absolute;
border:3px solid #034A92;
top: 10px;
left:150px;
-moz-opacity:0.9;
-khtml-opacity: 0.9;
-moz-box-shadow: gray 5px 5px 5px; 
-webkit-box-shadow: gray 5px 5px 5px;  
opacity: 1;
filter:alpha(opacity=90);
padding-top:25px;
padding:5px; 

}

#institutionPopup{
	
width: px; 
background-color: #fff;
position: absolute;
border:3px solid #034A92;
top: 300px;
left:150px;
-moz-opacity:0.9;
-khtml-opacity: 0.9;
-moz-box-shadow: gray 5px 5px 5px; 
-webkit-box-shadow: gray 5px 5px 5px;  
opacity: 1;
filter:alpha(opacity=90);
padding-top:25px;
padding:5px;
	
	
}

#recipientPopup{
	
width: px; 
background-color: #fff;
position: absolute;
border:3px solid #034A92;
top: 80px;
left:150px;
-moz-opacity:0.9;
-khtml-opacity: 0.9;
-moz-box-shadow: gray 5px 5px 5px; 
-webkit-box-shadow: gray 5px 5px 5px;  
opacity: 1;
filter:alpha(opacity=90);
padding-top:25px;
padding:5px;
	
	
}

#xcePopup{
	
width: 500px; 
background-color: #fff;
position: absolute;
border:3px solid #034A92;
top: 20px;
left:150px;
-moz-opacity:0.9;
-khtml-opacity: 0.9;
-moz-box-shadow: gray 5px 5px 5px; 
-webkit-box-shadow: gray 5px 5px 5px;  
opacity: 1;
filter:alpha(opacity=90);
padding-top:25px;
padding:5px;
	
	
}



.fieldsetClass
{
	width:800;!important
	font-family:robot; font-size:15px; 
	 margin-bottom:5px;
}

.smallFieldset
{
	width:800;!important
	font-family:robot;
	padding:5px;!important
}

.services
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}

.bullet ul
{
	/*display:list-item!important;*/
	background-color:#FFF!important;
	border-color:#FFF;
	margin-left:20px!important;
	text-align:justify;
}
.bullet ul li
{ 
	display:list-item!important;
	background-color:#FFF!important;
	margin-bottom:7px!important;
}

.table
{ 
margin:5px;
color:#333;
font-size:15px;
font-family:robot;
width:900px;

border:0;
}

.smallTable
{ max-width:780px;!important
}

.review
{
margin:5px;
font-size:15px;
font-family:robot;
color:#333;

	
}

.hide
{
  display:none;
}

.date{
                background:#F9F9F9   url(../images/date_magnify_bw.gif) right center no-repeat !important;
                width:99%;
}

#ui-datepicker-div {
                z-index: 1000;
                font-size: 11px;
}

.tab_selected
{
	background-color:#FFF;
	
}

.tab_unselected
{
	background-color:#999;
	
}

#header { 
	background: #DDDDDD;
	width: 900px;
	height: 165px;
}
#header .headerBackground {
	width:900px;
	height:200px;
} 
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 200px 40px 0 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	color:#FFFFFF;
	text-align:right;
	font-size:30px;
}


/*begin main menu*/
#navcontainer {
	margin:auto 0;
	width:900px;
	text-align:center;
	
}
#navcontainer ul {
	padding: 0;
	margin: auto 0;
	background:url(../images/menuBackground.gif) repeat-x left top;
	float: left;
	width: 100%;
}
#navcontainer ul li { 
	display: inline;
}
#navcontainer ul li a {
	color: #626161;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	font-size:12px;
	font-weight:bold;
	padding:14px 10px;
}
#navcontainer ul li a:hover {
	background: url(../images/menuBackgroundActive.gif) repeat-x left top;
	color: #fff;
}

#navcontainer ul li a:active {
	
background-color:#666;
color:#FFF;
}

/*#navcontainer ul li #current {
	background: url(../images/menuBackgroundActive.gif) repeat-x left top;
	color: #fff;
}
*/
.t {background: #ffffff url(../images/dot.gif) 0 0 repeat-x; display:inline-table;}
.b {background:url(../images/dot.gif) 0 100% repeat-x;}
.l {background:url(../images/dot.gif) 0 0 repeat-y}
.r {background:url(../images/dot.gif) 100% 0 repeat-y}
.bl {background:url(../images/bl.gif) 0 100% no-repeat}
.br {background:url(../images/br.gif) 100% 100% no-repeat}
.tl {background:url(../images/tl.gif) 0 0 no-repeat}
.tr {background:url(../images/tr.gif) 100% 0 no-repeat; padding:5px 10px;}
/*end main menu*/

input {	border: 1px solid black; }
select {border: 1px solid black; }
textarea {border: 1px solid black; }
input.radio {border: 1px solid black;}
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; margin-right:10px; }
select.error { border: 1px dotted red; margin-right:10px; }
textarea.error  { border: 1px dotted red; margin-right:10px; }
.error{display:block;color:#990000 !important;}


.RCclass
{
	border:none;!important
	
}
.tab_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	background: #fff !important;
}
.tab_content {
	padding: 10px;
}

#tabs {
	margin:auto 0;
	width:890px;
	text-align:center;
	
}
#tabs ul {
	padding: 5px 5px 0 5px;
	margin: auto 0;
	/*background:url(../images/menuBackground.gif) repeat-x left top !important;*/ 
	background-color:#C2DDFE; 
	float: left;
	width: 100%;
	
}
#tabs ul li { 
	display: inline;
}
#tabs ul li a {
	color:#034A92;
	text-decoration: none;
	float: left;
	border-right: 1px solid #fff;
	font-size:11px;
	font-weight:bold;
	padding:8px 8px;
	background-color:#fff;
	
}
/*#tabs ul li a:hover {
	background: url(../images/menuBackgroundActive.gif) repeat-x left top;
	color: #fff;*/
}

#tabs ul li a:active {
	
background-color:#666;
color:#FFF;

}

h2 {
color:#1C3E84;
font-size:14px;
}


.errorMsg {
color:#F00;
font-size:14px;
}
.formStyle{
	margin-bottom:0;	
}


.ui-tabs .ui-tabs-hide {
    display: none !important;
}
.ui-tabs .ui-tabs-panel {
  padding: 0.0em 1.2em !important;
}

.ui-widget-header{
	background-color:#B9D7EC !important;	
	
}

.ui-widget-content{
	
	background-color:#fff !important;
	
	
}

.ui-state-default, .ui-widget-content .ui-state-default {
	
	background-color:#fff !important;
	
	
}
td, th {
    border: 1px solid white;
    padding: 1px;
}

input[type="text"], input[type="password"],select {
    font-family: robot !important;
    border: 1px solid #ccc;
    padding: 0 5px;
    height: 25px !important;
    color: #333;
    font-size: 15px;
}
.smallTable tbody tr td {
    padding: 10px !important;
}
.bluelink{
	color:#034A92 !important;
	font-weight:bold !important;
}
.smallTable thead tr th {
    padding-left:14px !important;
}

.client-action-tabs {
	display: flex;
}
.client-action-tab {
	padding: 10px 15px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
}
.client-action-tab i {
	font-size: 16px;
}
.client-action-tab.active {
	color: #007bff;
	font-weight: bold;
}
.back-to-main-screen{
	padding-top: 5px;
	padding-bottom: 5px;
}
.client-name-header{
	padding-top: 5px;
	padding-bottom: 5px;
}