/* Copyrighted 2009-2023 Phora Group. All rights reserved.*/
:root {
	--blue-color:#2A448C;
	--green-color:#A2CD42;
	--white-color:#FFFFFF;
	--aqua-color:#34A9BA;
	--daqua-color:#338E9B;
	--bullet-point-radius:10px;
	--line-radius:32px;
	--line-color: #E4E4E4;
	--line-thickness:4px;
	--vlgrey-color: #F0F0F0;
	--llgrey-color: #DDDDDD;
	--lgrey-color: #D0D0D0;
	--black-color:#000000;
	--pane-radius:3px;
	--view-radius:5px;
	--footer-height:50px;
	--footer-height-2:60px;
	--footer-height-3:65px;
}

@font-face{
	font-family: 'OpenSans-SemiCondensed-Medium';
    src: url('fonts/OpenSans_SemiCondensed-Medium.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'OpenSans-Bold';
    src: url('fonts/OpenSans-Bold.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'OpenSans-SemiBold';
    src: url('fonts/OpenSans-SemiBold.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'OpenSans-Regular';
    src: url('fonts/OpenSans-Regular.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
@font-face{
	font-family: 'OpenSans-Medium';
    src: url('fonts/OpenSans-Medium.ttf') 
        format('opentype');
    font-weight: normal;
    font-style: normal;
}
body {
	font-size:12.5px;
	font-weight: normal;
	background-color:#F1F1F1;
	font-family: 'OpenSans-Regular';
}


/* ============================================  2024-0131 updates ===================================*/ 
.container-div {
	position: fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	display:-webkit-flex;
	display:flex;
	align-items:center;
	justify-content: center;
}

.login-panel {
}
.logo {
	padding:20px;
	height:150px;
}
.logo img {
	width:100%
}
.logo .product-name {
	color: var(--daqua-color);
	font-size: 26px;
	font-family:OpenSans-SemiBold;
	margin-left:5px;
	line-height: 28px;
}
.main-panel {
	-webkit-border-radius: var(--view-radius);
	border-radius: var(--view-radius);;
	background-color:var(--white-color);
	height:500px;
}
.row-main,
.row-main2 {
	height: calc(100% - var(--footer-height));
}
.row-main > div {
	height:100%;
}
.information-panel {
	height:100%;
}
.user-entry {
	margin:20px;
	-webkit-border-radius: var(--view-pane);
	border-radius: var(--view-pane);
	height: calc(100% - 190px);
}

.footer-copyright {
	display:flex;
	align-items:center;
	font-size:11px;
	line-height:14px;
	font-weight:500;
	height: var(--footer-height);
}
.footer-copyright > div {
	padding: 0 20px;
}
@media screen and (min-width:1400px){
	.container-panel {
		width:50%;
	}
	.logo img {
		width:auto;
		max-height:70px;
	}
}
@media screen and (min-width:1200px) and (max-width:1400px) {
	.container-panel {
		width:60%;
	}
	.logo img {
		width:auto;
		max-height:70px;
	}
}
	
@media screen and (min-width:1000px) and (max-width:1200px) {
	.container-panel {
		width:70%;
	}
	.logo img {
		width:auto;
		max-height:70px;
	}
}

@media screen and (min-width:768px) and (max-width:999px) {
	.container-panel {
		width:90%;
	}
	.logo img {
		width:auto;
		max-height:70px;
	}
}

@media screen and (min-width:720px) and (max-width:767px) {
	.container-panel {
		width:90%;
	}
	.iphora-info{
		display:none;
	}
	.logo img {
		width:auto;
		max-height:70px;
	}
}
@media screen and (min-width:480px) and (max-width:720px){
	.container-panel {
		width:90%;
	}
	.iphora-info{
		display:none;
	}
	.row-main,
	.row-main2 {
		height: calc(100% - var(--footer-height-2));
	}
	.footer-copyright {
		height: var(--footer-height-2);
	}
	.logo img {
		width:auto;
		max-height:70px;
	}
}
@media screen and (max-width:480px){
	body {
		font-size:16px;
		line-height: 18px;
		padding-top:0px;
	}
	.form-control,
	label,
	input,
	button,
	select,
	div,
	textarea {
		font-size:16px;
		line-height:18px;
	}
	.iphora-info{
		display:none;
	}
	.row-main,
	.row-main2 {
		height: calc(100% - var(--footer-height-3));
	}
	.footer-copyright {
		height: var(--footer-height-3);
	}
	.footer-copyright > div {
		font-size:12px;
		line-height:14px;
	}
	.logo img {
		width:auto;
		max-height:75px;
	}
} 
.login-header {
	background-color:#9ECB3B;
	height:100px;
	color:#FFFFFF;
	font-size:32px;
	width:100%;
	padding-top:25px;
	padding-left:30px;
	display:block;
}
.password-header {
	background-color:#9ECB3B;
	height:100px;
	color:#FFFFFF;
	font-size:32px;
	width:100%;
	padding-top:25px;
	padding-left:30px;
	display:block;
}
.request-header {
	//background-color:#9ECB3B;
	background-color:#4a66a3;
	height:100px;
	color:#FFFFFF;
	font-size:32px;
	width:100%;
	padding-top:25px;
	padding-left:30px;
	display:block;
}

.login-tip {
	background-color:transparent;
	background-image:url(green-tip.gif);
	background-repeat: no-repeat;
	height:15px;
	margin-bottom:40px;
	width:300px;
	display:block;
}
.request-tip {
	background-color:transparent;
	background-image:url(request-tip.gif);
	background-repeat: no-repeat;
	height:15px;
	margin-bottom:40px;
	width:300px;
	display:block;
}

.pad-left-40 {
	padding-left:20px;
	margin-right:20px;
	display:block;
}

.ip-block {
		display:block;
}

.ip-password {
		display:block;
		float:left;
}

.navbar-inverse .brand {
	color:#FFFFFF !important;
}

.spacer {
	font-size:1pt;
	height:1px;
}
.btn{
	text-shadow:none;
	background-color:transparent;
	background-image:none;
	border-style:none;
	border-width:0px;
	border-radius:3px;
	-webkit-border-radius:3px;
}
.btn:hover {
	text-shadow:none;
}
.btn-link, .btn-link:hover, btn-link:focus{
	color:#000000;
}
.btn-pg {
  margin-left:10px;
  color: #ffffff;
  text-shadow: none;
  background-color: #26408a;
  *background-color: #26408a;
  background-image: none;
  border-color: #1C5EC2;
}
.btn-pg:hover, .btn-group .btn.btn-pg:hover {
  color: #000000;
  background-color: #B6C3DE;
  *background-color: #B6C3DE;
  text-shadow:none;
}
.btn-pg:focus, .btn-group .btn.btn-pg:focus {
	color: #FFFFFF;
	background-color:#26408a;
	*background-color:#26408a;
	text-shadow:none;
}
.btn-green, .btn-green:focus{
	color: #ffffff;
	background-color:#9ECB3B;
	*background-color:#9ECB3B;
	background-image: none;
	margin-left:10px;
	text-shadow:none;
}
.btn-green:hover {
	color: #000000;
	background-color: #76952B;
	*background-color: #76952B;
}
.padding-left-0 {
	padding-left:0;
}
.padding-20 {
	padding:20px;
}
.padding-top-20 {
	padding-top:20px;
}
.padding-top-40 {
	padding-top:40px;
}
.padding-top-60 {
	padding-top:60px;
}
.margin-0 {
	margin:0px;
}
.margin-top-20 {
	margin-top:20px;
}
.margin-top-40 {
	margin-top:40px;
}
.margin-top-60 {
	margin-top:60px;
}
.margin-left-40 {
	margin-left:40px;
}
.margin-bottom-5{
	margin-bottom:5px;
}
.margin-bottom-10{
	margin-bottom:10px;
}
.margin-bottom-20{
	margin-bottom:20px;
}
.margin-bottom-30{
	margin-bottom:30px;
}
.margin-bottom-40{
	margin-bottom:40px;
}
select, 
textarea,
input[type="text"], 
input[type="search"], 
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="tel"], 
input[type="color"], 
.input-group,
.form-control {
	box-shadow: none;
	margin: 0;
	border-color: var(--lgrey-color);
	-webkit-appearance:none;
	-webkit-border-radius: var(--pane-radius);
	border-radius: var(--pane-radius);
	outline: none;
}
.hidden-submit {
    border: 0 none;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}


.logo-image {
	margin:10px;
}
.message {
	padding-top:10px;
	padding-bottom:20px;
	font-size:.9em;
	line-height:14px;
}
.password-reset {
	text-align:center;
	padding-top:10px;	
}
.link {
	font-size: 1.1em;
	color:#4a66a3;
}
.iphora-info {
	padding:20px;
	margin-top:40px;
}
.large-icon{
	font-size:1.2em;
}
.green {
	color:#A2CD42;
}
.orange {
	color:#F7AA21;
}
.laqua {
	color:#92D4CF;
}
.aqua {
	color:#34A9BA;
}
.daqua {
	color:var(--daqua-color);
}
.blue {
	color:#2A448C;
}
.steel  {
	color:#808080;
}
.btn-green,
.badge.green {
	background-color:#A2CD42;
	color:#FFFFFF;
}
.btn-green:hover,.btn-green:focus{
	color:#F0F0F0;
}
.link-green,.link-green:hover, .link-green:focus {
	color:#6E8B27;
	cursor:pointer;
	font-size:.8em;
}
.btn-orange{
	background-color:#F7AA21;
	color:#FFFFFF;
}
.btn-orange:hover,.btn-orange:focus{
	color:#F0F0F0;
}
.link-orange,.link-orange:hover, .link-orange:focus {
	color:#F7AA21;
	cursor:pointer;
	font-size:.8em;
}
.btn-laqua {
	background-color:#92D4CF;
	color:#FFFFFF;
}
.btn-aqua,
.badge.aqua {
	background-color:#34A9BA;
	color:#FFFFFF;
}
.btn-daqua {
	background-color: var(--daqua-color);
	color: var(--white-color);
}
.btn-daqua:hover,.btn-daqua:focus{
	color:#F0F0F0;
}
.btn-aqua:hover,.btn-aqua:focus{
	color:#F0F0F0;
}
.link-aqua, .link-aqua:hover, .link-aqua:focus{
	color:#155E69;
	cursor:pointer;
	font-size:.8em;
}
.btn-blue{
	background-color:#2A448C;
	color:#FFFFFF;
}
.btn-blue:hover,.btn-blue:focus{
	color:#D0D0D0;
}
.link-blue, .link-blue:hover, .link-blue:focus {
	color:#2A448C;
	cursor:pointer;
	font-size:.8em;
}
.btn-steel {
	background-color:#808080;
	color:#FFFFFF;
}
.btn-steel:hover,.btn-steel:focus{
	color:#D0D0D0;
}
.btn-link,
.btn-link:hover {
	color:#000000;
}
.right-border-none {
	border-right-width:0;
}
.bottom-border-none {
	border-bottom-width:0;
}
.bottom-border {
	border-bottom-width:1px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
}
.border-box {
	box-sizing: border-box;
	overflow-y:auto;
	clear:both;
}
.radius-border-bottom-right {
	-webkit-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}
.text-lg{
	font-size:115%;
}
.text-sm{
	font-size:85%;
}	
.text-xs {
	font-size:70%;
}
.form-control {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.input-group-addon {
	cursor:pointer;
}
.tag-line1{
	font-size:36px;
	font-family: 'OpenSans-Medium';
	color:var(--daqua-color);
}
.tag-line2{
	font-size:24px;
	color: var(--black-color);
}
.tag-line3{
	font-size:16px;
	color: var(--black-color);
	line-height:24px;
}