/* source-sans-pro-300 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/source-sans-pro-v13-latin-300.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
    url('fonts/source-sans-pro-v13-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/source-sans-pro-v13-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/source-sans-pro-v13-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/source-sans-pro-v13-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
    url('fonts/source-sans-pro-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/source-sans-pro-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/source-sans-pro-v13-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300italic - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 300;
    src: url('fonts/source-sans-pro-v13-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro Light Italic'), local('SourceSansPro-LightItalic'),
    url('fonts/source-sans-pro-v13-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/source-sans-pro-v13-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/source-sans-pro-v13-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-italic - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 400;
    src: url('fonts/source-sans-pro-v13-latin-italic.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
    url('fonts/source-sans-pro-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/source-sans-pro-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/source-sans-pro-v13-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/source-sans-pro-v13-latin-600.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
    url('fonts/source-sans-pro-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/source-sans-pro-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-600.woff') format('woff'), /* Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/source-sans-pro-v13-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600italic - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: italic;
    font-weight: 600;
    src: url('fonts/source-sans-pro-v13-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
    url('fonts/source-sans-pro-v13-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/source-sans-pro-v13-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/source-sans-pro-v13-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/source-sans-pro-v13-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
    url('fonts/source-sans-pro-v13-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/source-sans-pro-v13-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/source-sans-pro-v13-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/source-sans-pro-v13-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}


#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

body{
	background: url(../image/mainbg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
/*
Ding Commentted, 20201130
To change layout like AdminLTE, the following need to be removed so that the page content including the header will
position at the right of the left panel.
body:not(.sidebar-mini-md) .main-header{
    margin-left: 0;
	margin-bottom: 0;
}
*/

/*
Ding Added, 
START styles for wrap_menu_text to collapsed like AdminLTE menu 
*/
.nav-sidebar .nav-link div.wrap_menu_text {
  display: inline-block;
  margin: 0;
}
@media (min-width: 992px) {
  .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link div.wrap_menu_text {
    width: 0;
  }
  .sidebar-mini.sidebar-collapse .nav-sidebar .nav-link div.wrap_menu_text {
    margin-left: -10px;
    opacity: 0;
    display: none;
  }
  .sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link div.wrap_menu_text,
  .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link div.wrap_menu_text {
    display: inline-block;
    margin-left: 0;
    opacity: 1;
	width: auto;
  }
}
@media (min-width: 768px) {
  .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link div.wrap_menu_text {
    width: 0;
  }
  .sidebar-mini-md.sidebar-collapse .nav-sidebar .nav-link div.wrap_menu_text {
    margin-left: -10px;
    opacity: 0;
    display: none;
  }
  .sidebar-mini-md.sidebar-collapse .main-sidebar:hover .nav-sidebar .nav-link div.wrap_menu_text
  .sidebar-mini-md.sidebar-collapse .main-sidebar.sidebar-focused .nav-sidebar .nav-link div.wrap_menu_text {
    display: inline-block;
    margin-left: 0;
    opacity: 1;
    visibility: visible;
  }
}
.sidebar-collapse .sidebar-no-expand.main-sidebar.sidebar-focused .nav-sidebar .nav-link div.wrap_menu_text
.sidebar-collapse .sidebar-no-expand.main-sidebar:hover .nav-sidebar .nav-link div.wrap_menu_text {
  margin-left: -10px;
  opacity: 0;
  display: none;
  width: 0;
}
.sidebar .nav-link div.wrap_menu_text  {
  transition: margin-left 0.3s linear, opacity 0.3s ease, visibility 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
  .sidebar .nav-link div.wrap_menu_text  {
    transition: none;
  }
}
/* 
DONE styles for wrap_menu_text to collapsed like AdminLTE menu 
*/

.internal .wrapper .container.content{
	margin-top: 48px;
	height: 100%;
	-webkit-box-shadow: 0px -17px 17px -4px rgba(0,0,0,0.47);
	-moz-box-shadow: 0px -17px 17px -4px rgba(0,0,0,0.47);
	box-shadow: 0px -17px 17px -4px rgba(0,0,0,0.47);
	background-color: white;
}

#overlay{	
	position: fixed;
	top: 0;
	z-index: 1100;
	width: 100%;
	height:100%;
	display: none;
	background: rgba(255,255,255,255);
}
.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
}
.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
	100% { 
		transform: rotate(360deg); 
	}
}
.is-hide{
	display:none;
}

p.form-control-static{
    margin-top: 0;
    margin-bottom: 0;
}

input[type=checkbox].is-invalid{
    border-color: #dc3545;
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.validation-summary ul {
    margin: 0;
}
span.required{
    font-weight: bold;
    color: red;
}

.user-op-panel{
    display: none;
}

/*LoginPage CSS*/
.login-box-custom{
	width: 629px;
}

/*EntireSystem CSS*/
.footer-bottom{
	background-color:#343a40; 
	Position: fixed;
	bottom:0px; 
	width:100%;
}