.display-block{
     display: block;
}
.display-none.display-none.display-none{
     display: none;
}
.display-initial{
    display: initial;
}
.display-flex{
    display: flex;
}
 .padding-zero{
     padding:0;
}
 .z-index-fifty{
     z-index:50;
}

 .width-full.width-full.width-full{
     width: 100%;
}
 .width-full-important{
     width: 100% !important;
}
 .svg-style {
     margin: auto;
     background: #ffffff;
     display: block;
     width: 100px;
     height: 50px;
}

#loader {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
}
.loader-body {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.8);
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}
.loader-text {
	font-family: 'Source Sans Pro', Arial, sans-serif;
	font-size: 16px;
	color: #2a3137;
}

#instruction-box{
	font:normal 0.92em verdana, arial, helvetica, sans-serif;
	background:#FDF8E5 url(../images/info-icon.gif) no-repeat top left;
	color:#2b406b;
	border:1px solid #FDEDB0	;
	padding:5px 5px 5px 30px;
	width:90%;
	position:relative;
	margin: 0 1em 1.4em 0em;
	min-height: 24px; 
	line-height: 1.5;
}

#instruction-box strong {
   color: #2b406b;
}

#prompt-box{
	font:normal 11px verdana, arial, helvetica, sans-serif;
	color:#000000;
	padding:5px 5px 5px 5px;
	z-index:-1;
}

.dialogBackgroundDiv {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	height:0;
	width:0;
	background-color:#000000;
	z-index:5000;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
.dialogDiv {
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
	height:0;
	width:0;
	padding:0px;
        border-color: #577495;
        border-width: 1px;
        border-style: solid;
        background-color: #FFFFFF;
	z-index:5001;
	overflow:visible;
}

.userguide-instruction{
	font:normal 11px verdana, arial, helvetica, sans-serif;
	color:#1950A3;
	border:2px solid #F4A460	;
	padding:0px 1px 1px 1px;
	width:270px;
	margin: 0 1em 1.4em 0em;
	height: 200px;
	position:absolute;
	overflow: auto;
	overflow-x: hidden; 
	background-color:#F5F5DC;
	z-index: 10000;
	right: 0;
	top: 0;	
}

.userguide-instruction-header{
  margin: 0 0.75em 0 0;
  background-color: #F5F5DC; 
  color: #F4A460; 
  font: .8em verdana, arial, helvetica, sans-serif;
  font-weight: normal;
  letter-spacing: 0.8px;
  height: 2em;
  width: 260px;
  overflow: hidden;
  padding-top: 0.4em;
  font-size: 9px;
}

.userguide-instruction-header a {
   color: #F4A460;
   text-decoration: none;
}
  
.userguide-instruction-header a:active {
  color: #F4A460;
}
  
.userguide-instruction-header a:hover {
  text-decoration: underline;
}


#steps{
   font-size: 11px;
   margin: .4em .4em .4em;
}

#steps ul li{
   color: #1950A3;
   font-weight: normal;
   font-size: 11px;
   text-decoration: none;
   min-height:30px;
}

#steps li.step0{
   padding:0px 4px 0px 44px;  
}

#steps li.step1{
   background: url(../../images/step1.gif) no-repeat top left;
   padding:0px 4px 0px 44px;  
}

#steps li.step2{
   background: url(../../images/step2.gif) no-repeat top left;
   padding:0px 4px 0px 44px;  
}

#steps li.step3{
   background: url(../../images/step3.gif) no-repeat top left;
   padding:0px 4px 0px 44px;  
}

#steps li.step4{
   background: url(../../images/step4.gif) no-repeat top left;
   padding:0px 4px 0px 44px;  
}

#steps li.step5{
   background: url(../../images/step5.gif) no-repeat top left;
   padding:0px 4px 0px 44px;  
}

#steps li.step6{
   background: url(../../images/step6.gif) no-repeat top left;
   padding:0px 4px 0px 44px;  
}

#steps li.step7{
   background: url(../../images/step7.gif) no-repeat top left;
   padding:0px 4px 0px 44px;  
}

#steps li.step8{
   background: url(../../images/step8.gif) no-repeat top left;
   padding:0px 4px 0px 44px;  
}

#steps li.step9{
   background: url(../../images/step9.gif) no-repeat top left;
   padding:0px 4px 0px 44px;  
}


#notice-instruction-box{
	font:normal 11px verdana, arial, helvetica, sans-serif;
	background:#FDF8E5;
	color:#000000;
	border:1px solid #FF0000	;
	padding:10px 10px 5px 10px;
	width:770px;
	position:relative;
	margin: 0 1em 1.4em 0em;
	min-height: 24px; 
}
.dropdown-dropdown-menu{
	position: relative;
	top: 20px;
	display: none;
	width: 100%;
}
.dropdown-dropdown {
    width: 100%;
    flex-direction: column;
    padding: 0.75rem 1.5rem;
}
@media screen and (max-width: 1024px) {
    .sgds-navbar-item.sgds-dropdown{
        align-items: flex-start;
        width: 100%;
        flex-direction: column;
    }
    .sgds-dropdown-menu{
        position: relative;
    }
    .sgds-dropdown.sgds-navbar-item.dropdown-dropdown .dropdown-dropdown-menu{
        position: relative;
        top: 15px;
        display: none;
        width: 100%;
    }
}

.sgds-dropdown-menu.sgds-dropdown-content .sgds-dropdown-item, .dropdown-dropdown .sgds-dropdown-trigger {
    color: #414950;
}
.sgds-dropdown.sgds-navbar-item.dropdown-dropdown.is-active .dropdown-dropdown-menu{
	display:block;
}
@media screen and (min-width: 1024px) {
    .dropdown-dropdown-menu{
		position: absolute;
		top: -8px;
		left: 100%;
		display: none;
	}
	.sgds-dropdown-menu.sgds-dropdown-content {
		width: calc(100% + 56px);
	}
}