/*
aston green  #7fd13b
aston red #BA1111
*/

html {
	height: calc(100% - 92px);
}
body {
	min-height: 100%;
	position: relative;
	margin: 0 auto 0 auto !important; /* chrome */
	color: black;
	background-repeat:repeat-x !important;
	padding: 0 2px;
	font-family: Arial !important;
	font-size: 12px;
}

h1, h2, h3, h4 {
	margin: 0;
}

a {
	color: TEMPLATE_BG;
}

.red {
	color: TEMPLATE_BG;
}

.clear {
	clear: both;
}

div.label, label {
	font-weight: bold;
}

div.label, label {
	width: 30%;
}
form div.buttons {
	margin: 10px 0;
	padding-left: 30%;
}

div.buttons {
	margin-bottom: 10px;
}

div.buttons input {
	margin: 0;
}

.labelWidth80 div.label, .labelWidth80 label {
	width: 80px;
}
.labelWidth80 div.buttons {
	padding-left: 80px;
}

.labelWidth220 div.label, .labelWidth220 label {
	width: 220px;
}
.labelWidth220 div.buttons {
	padding-left: 220px;
}

div.row {
	padding: 5px 0;
}

div.row div, div.row label {
	float: left;
}

textarea {
	width: 250px;
	height: 48px;
	border: 1px solid #CCC;
	font-family:Arial;
	font-size: 13px;
}

select.combobox {
	width: 250px;
	height: 21px;
	border: 1px solid #CCC;
}

input.textbox_date {
	width: 68px;
}

input[type='text'] {
	border: 1px solid #CCC;
}
input[type='checkbox'] {
	border: none;
}
.textCenter {
	text-align: center;
}

.left{
	text-align: left;
}

.floatLeft {
	float: left;
	width: 49%;
}

span.form_error, label.form_error {
	color: #A1263B;
}

span.form_error {
	padding-left: 10px;
}

td.allcenter {
	text-align: center;
	vertical-align: middle;
}

div.multiCombo, div.multiComboColumn {
	float: left;
	width: 49%;
}

div.multiComboColumn {
	margin-left: 15px;
}

div.multiCombo div, div.multiComboColumn div {
	margin-bottom: 3px;
}

div.multiCombo input, div.multiComboColumn input {
	float: left;
}
div.multiCombo label, div.multiComboColumn label {
	float: left;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 3px;
	width: auto;
}

.timeField {
	width: 40px;
	margin-right: 2px;
}

.timeField2 {
	width: 50px;
	margin-right: 2px;
}

/****************** webPage ******************/

div#webPage {
	background-color: white;
}

/***** login box *****/
.login_footer {
	height: 60px;
	width: 100%;
	background-color: #717171;
	text-align: center;
	color: #cccccc;
	position: absolute;
	bottom: -60px;
}

.login_footer .copyright {
	padding-top: 25px;
}

.loginBox .line {
	height: 1px;
	width: 100%;
	background-color: #e6e6e6;
	clear: both;
}

.loginBox {
	margin-right: auto;
	margin-left: auto;
	max-width: 950px;
    width:100%;
}

.ssl_info {
	height: 115px;
	width: 260px;
    margin:0 auto;
	color: #696969;
	padding-top: 25px;
}

.ssl_info img {
	float: left;
	padding-right: 12px;
	padding-left: 35px;
}

.loginButton, .forgotButton {
	height: 25px;
	color: white;
	background: #d40103 !important;
	border: 0;
	font-weight: bold;
	border-radius: 3px;
	margin-bottom: 40px;
	float: right;
}

.loginButton:hover, .forgotButton:hover {
	cursor: pointer;
}
.login-buttons {
	text-align: right;
}
.loginButton {
	float:none;
	display: inline-block;
	/*width: 93px;*/
	margin-left: 2px;
	padding-left: 10px;
	padding-right: 10px;
}

.loginButton:first-child {
	margin-left: 0px;
}

.forgotButton {
	width: 140px;
}

.login_content {
	margin: 0 auto;
}

#forgot_password, #login_back {
	clear: both;
	text-align: right;
	margin-bottom: 45px;
	color: #696969;
}

#forgot_password:hover, #login_back:hover {
	text-decoration: underline;
	cursor: pointer;
}

.login_input {
	height: 14px;
	width: 270px;
	border: 1px solid #c2c2c2;
	border-radius: 3px;
	background-color: white;
	color: black;
	padding: 12px;
	margin-bottom: 13px;
}

.borderimage .login_input {
	margin: 13px 0;
}

.loginBox #user.error, .loginBox #pwd.error {
	border: 4px solid #ecbbbe;
}
.boxshadow .loginBox #user.error, .boxshadow .loginBox #pwd.error {
	border: 0;
	box-shadow: 0 0 7px 3px #ecbbbe;
}

.loginBox .errorBox {
	max-width: 270px;
}

.input_placeholder {
	padding-left: 1px;
    text-align: left;
    margin:5px 0 0 0;
}

.borderimage .input_placeholder {
	display: none;
}

/***** info, error boxy *****/

.errorBox {
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	color: #A1263B;
	border: 4px solid #FBCED1;
	background-color: #FCE8EB;
}

.boxshadow .errorBox {
	border: 0;
	box-shadow: 0 0 7px 3px #ecbbbe;
	margin-bottom: 15px;
}

.successBox {
	padding: 10px;
	margin: 0 auto;
	text-align: center;
	color: #3C7140;
	border: 4px solid #3C7140;
	background-color: #EFFDDC;
}

.boxshadow .successBox {
	border: 0;
	box-shadow: 0 0 7px 3px #3C7140;
	margin-bottom: 15px;
}

a.black{
	color: black !important;
}

.aw-tab-header, .aw-accordion-header {
	border-bottom: 1px solid #000;
	background-color: #81a7d2;
	padding: 4px;
}

.instanceCreated {
	margin-right: auto;
	margin-left: auto;
	max-width: 950px;
}

.instanceCreated .line {
	height: 1px;
	width: 100%;
	background-color: #e6e6e6;
	clear: both;
}

.instanceCreated .content {
    margin: 0 auto 30px;
    max-width: 500px;
    padding: 0 30px;
}

.instanceCreated .logo {
    display: block;
    text-align: center;
}

.instanceCreated .logo img {
    margin-top:32px;
    margin-bottom:32px;
}
a.loginButton {
	text-decoration: none;
	line-height: 25px;
	text-align: center;
}

a.button_big {
    display: block;
    text-decoration: none;
}
a.grey{
  color: #696969;
}

.button_big {
    background: url("../images/button_big_green.jpg") no-repeat scroll center center transparent;
    border: medium none;
    color: #FFFFFF !important;
    font-size: 18px;
    height: 57px;
    line-height: 26px;
    padding-top: 8px;
    text-align: center;
    text-shadow: -1px -1px 1px #3C792F;
    width: 291px;
}

#img_zabudnute_heslo {
	display: none;
}
.login_content {
	width: 294px;
	text-align: center;
	margin-bottom: 60px;
}

#logo_container {
    margin-top: 32px;
    margin-bottom: 32px;
    text-align: center;
    width: 100%;
}

#tryFlappsDiv {
    color: #696969;
    height: 115px;
    margin: 0 auto;
    padding-top: 25px;
    width: 260px;
}