/* stylesheet for SQL-Ledger by ADRISUM IINFORMATIKA Kft. */

/* general stuff */
A:link { color: #0057ae; text-decoration: none; }
A:visited { color: #0057ae; text-decoration: none; }
A:active { color: #1BB3DC; text-decoration: none; }
A:hover { color: #ffffc0; background-color: #bbbbbb; }
.ai-blue-l5,.ai-hover-blue-l5:hover{color:#fff!important;background-color:#EBF5FF!important}
.ai-blue-l4,.ai-hover-blue-l4:hover{color:#fff!important;background-color:#BCDDFF!important}
.ai-blue-l3,.ai-hover-blue-l3:hover{color:#fff!important;background-color:#78BCFF!important}
.ai-blue-l2,.ai-hover-blue-l2:hover{color:#fff!important;background-color:#359AFF!important}
.ai-blue-l1,.ai-hover-blue-l1:hover{color:#fff!important;background-color:#0078F1!important}
.ai-blue,.ai-hover-blue:hover{color:#fff!important;background-color:#0057AE!important}
.ai-blue-d1,.ai-hover-blue-d1:hover{color:#fff!important;background-color:#004E9C!important}
.ai-blue-d2,.ai-hover-blue-d2:hover{color:#fff!important;background-color:#00458B!important}
.ai-blue-d3,.ai-hover-blue-d3:hover{color:#fff!important;background-color:#003D79!important}
.ai-blue-d4,.ai-hover-blue-d4:hover{color:#fff!important;background-color:#003468!important}
.ai-blue-d5,.ai-hover-blue-d5:hover{color:#fff!important;background-color:#002B57!important}
.ai-dev-red,.ai-hover-dev-red:hover{color:#fff!important;background-color:#FF0000!important}
.ai-test-red,.ai-hover-test-red:hover{color:#fff!important;background-color:#FFAA7F!important}
.ai-green,.ai-hover-green:hover{color:#fff!important;background-color:#008060!important}
.image-hover:hover{filter:grayscale(100%)}


body {
	font-family: museo-sans-1,museo-sans-2,sans-serif;
	font-size: 14px;
	color: #333333;
	background-color: #ffffff;
}
td {
	font-family: museo-sans-1,museo-sans-2,sans-serif;
	font-size: 14px;
}
th {
	font-family: museo-sans-1,museo-sans-2,sans-serif;
	font-size: 14px;
}

.content {
	max-width: 50%;
	margin: auto;
}

.container {
	padding:16px;
	text-align: center;
}

.container:after,.container:before {
	content:"";
	display:table;
	clear:both;
}

.container-border {
	border:2px solid #0057AE;
}

.w3-half {
	float:left;
	width:100%;
}

.w3-half {
	width:49.99999%;
}

.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before {
	content:"";
	display:table;
	clear:both;
}

.w3-row-padding,.w3-row-padding>.w3-half {
	padding:0 8px;
}

.flip-card {
	background-color: transparent;
	width: 400px;
	height: 200px;
	perspective: 1000px;
}

.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-front-am, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-card-front {
	color: #0D2232;
}

.flip-card-front-am {
	background-color: #EBF5FF;
	color: #0D2232;
}

.flip-card-back {
	background-color: #FFFFFF;
	color: #0057AE;
	transform: rotateY(180deg);
}


/* login and admin */
.login {
	font-family: museo-sans-1,museo-sans-2,sans-serif;
}

h1.login {
	font-size: 20px;
}

th.login {
	text-align: right;
}

body.admin {
	background-color: #FBFFE7;
	color: black;
}

table.login {
	overflow: hidden;
}

table.login, tr, td, form, tbody {
	border: medium none;
}

input.login {
	padding:8px;
	display:block;
	border:none;
	border-bottom:1px solid #ccc;
	width:100%
}

.card {
	box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19);
	padding: 10px;
}

header.login {
	display:block;
}


/* menu stuff */
.menuOut {
	background-image: url(../images/menu_close.png);
	background-repeat:no-repeat;
	background-position: right center;
	line-height: 14px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	padding: 6px 0px 6px 10px;
	border-left: 2px solid #bf0303;
	border-top: 1px dotted #333333;
}
.menuOut2 {
	background-color: #3daee9;
	background-image: url(../images/menu_open.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 14px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	padding: 6px 0px 6px 10px;
	border-left: 2px solid #3daee9;
}
.menuOut3 {
	line-height: 14px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #000084;
	padding: 6px 0px 6px 24px;
	text-align: left;
}
.menuOver {
	background-color: #3daee9;
	background-image: url(../images/down.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 14px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	text-align: right;
	padding: 6px 24px 6px 0px;
}
.menuOver2 {
	background-color: #ffffc0;
	background-image: url(../images/up.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 14px;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding: 6px 24px 6px 0px;
}
.menuOver3 {
	background-image: url(../images/open.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	padding: 6px 0px 6px 24px;
}
.submenu {
	padding: 1px 0px 1px 6px;
	font-weight: normal;
	border-left: 2px solid #3daee9;
}
.submenu a {
	padding-left: 0px;
}

/* lists stuff */
.listheading {
	font-size: 12px;
	background-color: #eeeeee;
	color: #333333;
	padding: 2px;
	height: 24px;
}
.sectionheading {
	font-size: 12px;
	background-color: #CCCCCC;
	color: #53626A;
	padding: 2px;
	height: 24px;
}
.listtop {
	background-color: #8ecbe9;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 4px 4px;
}
A.listheading:active, A.listheading:visited {
	color: #ffffc0;
	text-decoration: none;
}
.listrow1 td, .listrow0 td{
	border-bottom: 1px solid #bbbbbb;
	border-left: 2px solid #FFFFFF;
	padding: 2px 1px;
}
.listrow1 td a, .listrow0 td a {
	color: #009FE3;
}
.listsubtotal {
	font-size: 13px;
	color: 333333;
	font-style: oblique;
}
.listtotal {
	font-size: 13px;
	color: 333333;
	font-weight: bold;
}

/* input stuff */
textarea {
	font-family: museo-sans-1,museo-sans-2,sans-serif;
	font-size: 14px;
}
input {
	font-family: museo-sans-1,museo-sans-2,sans-serif;
	font-size: 14px;
}
input, textarea {
	border: 1px solid #333333;
	padding: 2px;
}
table input, table textarea {
	border-radius: 3px;
}
input:focus, textarea:focus {
	/* Mozilla: */
	background: -moz-linear-gradient(top, #eeeeee, #eff0f1);
	border: 3px solid #0057ae;
}
input:hover, textarea:hover {
	background-color: #8ecbe9;
}
input.required, textarea.required {
	background-color: #ffffc0;
}
input.required:focus, textarea.required:focus {
	/* Mozilla: */
	background: -moz-linear-gradient(top, #eeeeee, #eff0f1);
	border: 3px solid #0057ae;
}
input.required:hover, textarea.required:hover {
	background-color: #8ecbe9;
	border: 3px solid #ffffc0;
}
input.validation-failed, textarea.validation-failed {
	background-color: #bf0303;
}
input.validation-passed, textarea.validation-passed {
	background-color: #8ecbe9;
}
select {
	font-family: museo-sans-1,museo-sans-2,sans-serif;
	font-size: 14px;
}

.submit, .login input submit {
	border: none;
	border-radius: 3px;
	background-image: -moz-linear-gradient(top, #78BCFF, #0057AE);
	font-size: 14px;
	font-weight: 600;
	color: #FFFFFF;
	cursor: pointer;
	text-decoration: none;
	padding: 5px;
}

.submit:hover {
	/* Mozilla: */
	background-image: none;
	border: 2px solid #0057AE;
	background-color: #FFFFD8;
	color: #0057AE;
	font-weight: 700;
}


/* main frame */
.checkbox, .radio {
	font-family: museo-sans-1,museo-sans-2,sans-serif;
	font-size: 14px;
}
.plus0 {    /* font color for negative numbers */
	background-color: #bf0303;
	color: #ffffff;
	padding: 2px 10px;
}
.plus1 {
	background-color: green;
	color: #ffffff;
	padding: 2px 10px;
}
h2.confirm {
	height: 100px;
	background-image: url(../images/warning.png);
	background-repeat: no-repeat;
	padding-left: 100px;
	color: #bf0303;
	font-size: 36px;
}
h2.error {
	background-color: bf0303;
	color: #ffffff;
	padding: 2px 10px;
}
h2.ok {
    background-image: url(../images/pipa.png);
    background-repeat: no-repeat;
    padding-left: 50px;
    color: #008060;
    font-size: 30px;
}

/* media stuff */
@media screen {
	.noscreen {   /* items with this class won't display */
		display: none;
	}
}
@media print {
	* {
		background: none;
	}
	.noprint {   /* items with this class won't print */
		display: none;
	}
	.buttons {
		display: none;
	}
}