@font-face {
  font-family: 'impact';
  src: url('/SenseOnline2/impact.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.defaultactionbutton {
	cursor: pointer;
	padding: 6px;
	text-align: center;
	margin-top: 1px;
	line-height: 15px;
	border-radius: 2px;
	box-shadow: 0 1px 4px rgb(0 0 0 / 60%);
	color: white;
	transition: background-color .3s;
	margin: 3px;
	border: none;
	background-color: #009d00;
	font-size: 14px;
}
.defaultactionbutton:hover {
	background-color: #2bc02b;
}

.gwt-Button {
        cursor: pointer;
        padding: 6px !important;
        text-align: center !important;
        margin-top: 1px !important;
        line-height: 15px !important;
        border-radius: 2px !important;
        box-shadow: 0 1px 4px rgb(0 0 0 / 60%) !important;
        color: white !important;
        transition: background-color .3s !important;
        margin: 3px !important;
        border: none !important;
	background: none !important;
        background-color: #009d00 !important;
        font-size: 14px !important;
}
.gwt-Button:hover {
        background-color: #2bc02b !important;
}

.leftpanel {
	width: 54%;
	height: 100%;
	vertical-align: top;
	display: inline-block;
	margin-left: 5%;
}
.leftpanel .loginlabel {
	font-size: 30px;
	margin-bottom: 20px;
	font-family: impact;
	color: #009d00;
}
.leftpanel .logintable {
	border: 1px solid #c3c3c3;
	border-radius: 5px;
	padding: 40px 130px;
}
.leftpanel .logintable input[type="text"],
.leftpanel .logintable input[type="password"] {
	margin-left: 10px;
}
.leftpanel .logintable input[type="submit"] {
	width: 60%;
	margin-top: 10px;
	margin-left: 10px;
}

.rightpanel {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	height: 100%;
}
.rightpanel .rightiframe {
	width: 98%;
	border: none;
	height: 360px;
}