html, body {
	height: 100%;
	min-height: 100%;
}

.dlg_tabs {
	position:relative;
	margin:0 auto;
	width:100%
}

.dlg_tabs label {
	display:block;
	float:left;
	cursor:pointer;
	font-weight:bold;
	font-size:15px;
	position:relative;
	top:2px;
	width:25%;
	height:100px;
	text-align:center;
	text-shadow:#fff 0 1px 0;
	z-index:1;
	line-height: 50px;
	font-family: "Arial Bold","Arial";
	font-size: 220%;
	font-style: normal;
	font-weight: 700;
	color: LightGrey;
}

.dlg_tabs img{
	vertical-align: middle;
}

.dlgtab {
	position:absolute;
	left:-9999px;
}

#dlg_tab_1:checked ~ #dlg_tab_l1,#dlg_tab_2:checked ~ #dlg_tab_l2,#dlg_tab_3:checked ~ #dlg_tab_l3,#dlg_tab_4:checked ~ #dlg_tab_l4 {
	top:0;
	z-index:3;
	text-decoration: underline;
    color: Black;
}

.dlg_tabs_cont {
	background:#fff;
	padding:5px 25px;
	position:relative;
	z-index:2;
	height:230px;
	min-width: 780px;
}

.dlg_tabs_cont > div {
	position:absolute;
	left:-9999px;
	top:0;
	opacity:0;
	transition:opacity .5s ease-in-out;
}

#dlg_tab_1:checked ~ .dlg_tabs_cont #dlg_tab_c1,#dlg_tab_2:checked ~ .dlg_tabs_cont #dlg_tab_c2,
  #dlg_tab_3:checked ~ .dlg_tabs_cont #dlg_tab_c3,#dlg_tab_4:checked ~ .dlg_tabs_cont #dlg_tab_c4 {
	position:static;
	left:0;
	opacity:1;
}
.mobileBaseFont {
	font-family: "Arial Bold","Arial" !important;
	font-size: 220% !important;
	font-style: normal !important;
	font-weight: 500 !important;
}

#dlg_tab_c1 {
	height: 800px
}

#android_left_col {
	float:left;
	width:33%;
	background: rgba(0, 0, 0, 0) url("../img/Mobile/androidFrame.png") no-repeat scroll center 20px / auto 400px;
	height: 600px;
	margin: 10px 10px;
	min-width:207px;
}
#android_right_col {
	float:right;
	width:60%;
	margin: 10px 10px;
	min-width: 480px;
}

#IPad_left_col {
	float:left;
	width:50%;
	background: rgba(0, 0, 0, 0) url("../img/Mobile/IPadFrame.png") no-repeat scroll center 20px / auto 270px;
	height: 600px;
	margin: 10px 0px;
	min-width:384px;
}
#IPad_right_col {
	float:right;
	width:50%;
	margin: 10px 0px;
	min-width: 318px;
}

#IPhone_left_col {
	float:left;
	width:33%;
	background: rgba(0, 0, 0, 0) url("../img/Mobile/iPhoneFrame.png") no-repeat scroll center 20px / auto 400px;
	height: 600px;
	margin: 10px 10px;
	min-width:207px;
}
#IPhone_right_col {
	float:right;
	width:60%;
	margin: 10px 10px;
	min-width: 480px;
}

#android_right_col p {
	margin: 20px auto;
	display: block;
}

#IPad_right_col p {
	margin: 20px auto;
	display: block;
}

#IPhone_right_col p {
	margin: 20px auto;
	display: block;
}

.smaller {
	font-size: 65% !important;
}

.bolder {
	font-weight: 700;
}

.gray {
	color: #666666;
}

.small {
	font-size: 85% !important;
}

.bxsliderAndroidContainer {
    height: 325px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 59px;
    width: 182px;
}

.bxsliderIPadContainer {
	/*height: 230px;
	left: 94px;
	position: absolute;
	top: 55px;
	width: 315px;*/
	height: 230px;
	margin: 40px auto auto;
	width: 315px;
}

.bxsliderIPhoneContainer {
    height: 306px;
    width: 176px;
    margin-top: 69px;
    margin-left: auto;
    margin-right: auto;
}

.android_content {
	height: 115%;
	width: auto;
}

.IPad_content {
	height: 231px;
	width: auto;
}

.bx-wrapper {
	height:100%;
}

.bx-wrapper .bx-pager{
	margin: -25px 0 !important;
	bottom: -40px;
}

.bx-wrapper .bx-viewport {
	height:100% !important;
	-webkit-box-shadow: 0;
	box-shadow: none;
	border: 0;
	left: 0;
	background: #fff;
}

.bx-wrapper img {
	height:100% !important;
}

.phoneInput
{
	line-height:14px;
	font: 14px "Arial Bold","Arial" !important;
	margin-left: 5px;
}

.phoneInput button {
	margin: 5px 25px;
	padding: 5px 20px;
	vertical-align: middle;
}

.phoneInput input,.phoneInput button, .sendSms {
	padding: 6px;
	font: 20px Tahoma,Verdana,sans-serif;
}

.mobileTabIcon {
	width:auto;
	height:50px;
}

.centerText {
	margin: 20px auto;
	text-align: center;
}

.sendSms {
	margin-left: 30px;
}

.mobileAccessTable .fullRow {
	width:100%;
	text-align:center;
	margin:10px auto
}

.mobileAccessTable .firstCol {
	width:30%;
	text-align:right;
}

.mobileAccessTable .secondCol {
	width:30%;
}

.mobileAccessTable .thirdCol {
	width:30%;
	text-align:left;
}

.mobileAccessTable {
	width:100%;
	display:table;
	margin:0px auto;
}
.mobileAccessTable th,.mobileAccessTable td {
	padding: 10px 0;
}

.ng-scope {
	height: 100%;
}

.cssload-container{
	position:relative;
	height: 100%;
}

.cssload-whirlpool,
.cssload-whirlpool::before,
.cssload-whirlpool::after {
	position: absolute;
	top: 50%;
	left: 50%;
	border: 1px solid rgb(204,204,204);
	border-left-color: rgb(0,0,0);
	border-radius: 974px;
	-o-border-radius: 974px;
	-ms-border-radius: 974px;
	-webkit-border-radius: 974px;
}

.cssload-whirlpool {
	margin: -24px 0 0 -24px;
	height: 49px;
	width: 49px;
	animation: cssload-rotate 1150ms linear infinite;
	-o-animation: cssload-rotate 1150ms linear infinite;
	-webkit-animation: cssload-rotate 1150ms linear infinite;
	-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::before {
	content: "";
	margin: -22px 0 0 -22px;
	height: 43px;
	width: 43px;
	animation: cssload-rotate 1150ms linear infinite;
	-o-animation: cssload-rotate 1150ms linear infinite;
	-webkit-animation: cssload-rotate 1150ms linear infinite;
	-moz-animation: cssload-rotate 1150ms linear infinite;
}

.cssload-whirlpool::after {
	content: "";
	margin: -28px 0 0 -28px;
	height: 55px;
	width: 55px;
	animation: cssload-rotate 2300ms linear infinite;
	-o-animation: cssload-rotate 2300ms linear infinite;
	-webkit-animation: cssload-rotate 2300ms linear infinite;
	-moz-animation: cssload-rotate 2300ms linear infinite;
}

@keyframes cssload-rotate {
	100% {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-rotate {
	100% {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-rotate {
	100% {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-rotate {
	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-rotate {
	100% {
		-moz-transform: rotate(360deg);
	}
}

.dlg_tabs_cont #dlg_tab_c4 {
	height:100%
}

.red {
	color: red;
}

.loginListTable {
	width:80%;
	text-align:center;
	margin:10px auto;
}

.loginListTable th,.loginListTable td {
	padding: 10px 0;
}

.loginListTable button, .loginListTable input {
	font-family: "Arial Bold","Arial" !important;
	font-size: 14px;
	padding: 5px 20px;
}

.loginListText {
	font-family: "Arial Bold","Arial" !important;
	font-size: 120%;
	font-style: normal !important;
	font-weight: 500 !important;
}

.green {
	color: green;
}

.blue {
	color: #0269C2;
}