/* columns_row */

.columns-row {
	clear: both;
	margin: 0;
	padding: 0;
}

.columns-row:after {
	display: block;
	content: '.';
	text-indent: -999em;
	overflow: hidden;
	height: 1px;
	visibility: hidden;
	clear: both;
}

.columns-row .column {
	float: left;
}

.columns-row .column5 { float: left; width: 5%; }
.columns-row .column10 { float: left; width: 10%; }
.columns-row .column15 { float: left; width: 15%; }
.columns-row .column20 { float: left; width: 20%; }
.columns-row .column25 { float: left; width: 25%; }
.columns-row .column30 { float: left; width: 30%; }
.columns-row .column35 { float: left; width: 35%; }
.columns-row .column40 { float: left; width: 40%; }
.columns-row .column45 { float: left; width: 45%; }
.columns-row .column50 { float: left; width: 50%; }
.columns-row .column55 { float: left; width: 55%; }
.columns-row .column60 { float: left; width: 60%; }
.columns-row .column65 { float: left; width: 65%; }
.columns-row .column70 { float: left; width: 70%; }
.columns-row .column75 { float: left; width: 75%; }
.columns-row .column80 { float: left; width: 80%; }
.columns-row .column85 { float: left; width: 85%; }
.columns-row .column90 { float: left; width: 90%; }
.columns-row .column95 { float: left; width: 95%; }
.columns-row .column1-3 { float: left; width: 33.33333%; }
.columns-row .column2-3 { float: left; width: 66.66666%; }
.columns-row .column1-4 { float: left; width: 25%; }
.columns-row .column3-4 { float: left; width: 75%; }
/*
pagination.php
*/.box-pagination {
	padding: 6px 0;
	text-align: right;
}

.box-pagination * {}

.box-pagination a {
	border: 1px solid #2FB457;
	padding: 0 10px;
	color: #2FB457;
	vertical-align: middle;
}

.box-pagination a img {
	vertical-align: middle;
}

.box-pagination a:hover {
	text-decoration: none;
}

.box-pagination .current {
	background-color: #2FB457;
	border: 1px solid #2FB457;
	color: #fff;
}

/*
box.php + boxed.table.php
*/

div.box {
	/*    overflow: hidden; */
	margin: 0 0 0 0;
	padding: 0;
}

.dark {
	background: #333 url('/_img/_templates/box-dark-bg.gif') left top repeat;
	color: white;
}

.medium {
	background: #8d8d8d url('/_img/_templates/box-medium-bg.gif') left top repeat;
	color: white;
}

.light {
	background: #bfbfbf url('/_img/_templates/box-light-bg.gif') left top repeat;
	color: #333;
}

.x-light {
	background: #e9e9e9 url('/_img/_templates/box-x-light-bg.png') left top repeat-x;
}

.dashed,
.box.dashed,
.box-body.dashed {
	border: 1px dashed #B7B7B7;
}

.rounded {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.top-rounded {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}

div.box > .box-title {
	margin: 10px 5px;
	overflow: visible;
}

.border-top {
	border-top: 1px dashed #B7B7B7;
}

.border-bottom {
	border-bottom: 1px dashed #B7B7B7;
}

hr {
	border-top: 1px dashed #B7B7B7;
	padding: 0;
	margin: 0;
}

hr.box-body-separator {
	margin: 0 10px;
}

/*
div.box .box-title.rounded {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}
*/

div.box div.box-title {
	font-family: "KlavikaRegular", Arial, Helvetica, sans-serif;
	margin: 0 0 2px 0;
	padding: 4px 6px;
	margin: 0;
	font-size: 20px;
	background: transparent;
	color: #000;
}

div.box h1.box-title {
	font-size: 30px;
}

div.box h2.box-title {
	font-size: 22px;
}

div.box h3.box-title {
	font-size: 20px;
}

div.box h4.box-title {
	font-size: 18px;
}

div.box h5.box-title {
	font-size: 16px;
}

div.box .box-title a {
	color: inherit;
	text-decoration: none;
}

.box-title.red,
div.box .box-title.red {
	background: #D90E22;
	color: white;
}

.box-title.dark,
div.box .box-title.dark {
	background: #333;
	color: white;
}

.box-title.underlined,
div.box .box-title.underlined {
	border-bottom: 1px solid #e2e2e2;
}

div.box .box-body {
	display: block;
	padding: 10px 10px;
}

div.box .box-body.dashed {
	padding: 10px 10px;
	margin-bottom: 10px;
}

div.box .box-body table {
	width: 100%;
}

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

div.box .box-title i[class^="icon-"] {
	float: right;
	display: block;
	vertical-align: middle;
}

div.box.tabbed .box-menu {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0 5px 0 0;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	text-align: left;
}

div.box.tabbed .box-menu li {
	display: inline-block;
	text-align: left;
	margin: 0 0 0 5px;
	padding: 0;
	/*background: #FCF1D8;*/
	-webkit-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	transition: background-color 0.4s;
	background: url('/_img/_templates/box-tabbed-bg.jpg') 0 100% repeat-x;
	-moz-border-top-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
}

div.box.tabbed .box-menu li.active {
	/*background: #F5D383;*/
	background: url('/_img/_templates/box-tabbed-active-bg.jpg') 0 100% repeat-x;
}

div.box.tabbed .box-menu li.active a {
	color: white;
}

div.box.tabbed .box-menu li:first-child {
	margin-left: 0;
}

div.box.tabbed .box-menu li a {
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	color: #333;
	font-size: 14px;
	min-width: 90px;
	text-align: center;
}

div.box.tabbed .box-menu:after {
	content: '';
	display: table;
	clear: both;
	height: 0;
}

div.box.tabbed .box-body {
	width: auto;
}

div.box.border-cros .box-body table,
div.box.border-lines .box-body table,
div.box.border-column .box-body table,
div.box.border-lines-last-right .box-body table {
	border-collapse: collapse;
}

div.box.border-lines .box-body table tr td,
div.box.border-lines-last-right .box-body table tr td {
	border-top: solid 1px #e5e5e5;
	vertical-align: middle;
}

div.box.border-lines .box-body table tr.even td,
div.box.border-lines-last-right .box-body table tr.even td {
	background: #FCF1D8;
}

div.box.border-lines-last-right .box-body table tr td:first-child {
	text-align: left;
}

div.box.border-lines-last-right .box-body table tr td:last-child {
	text-align: right;
}

div.box.border-lines .box-body table tr:first-child td,
div.box.border-lines-last-right .box-body table tr:first-child td {
	border-top: none;
}

div.box.border-lines .box-body table tr:first-child td {
	background-color: #F5D383;
	font-weight: bold;
}

div.box.border-cros .box-body table tr td {
	border-top: solid 1px #C9C8BA;
}

div.box.border-cros .box-body table tr:first-child td {
	border-top: none;
}

div.box.border-cros .box-body table tr td:first-child {
	border-left: none;
}

div.box.border-column .box-body table tr td {
	border-left: solid 1px silver
}

div.box.border-column .box-body table tr td:first-child {
	border-left: none
}

/*
 RED MODAL
*/

.red-modal-window-outline {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.5);
	text-align: center;
	z-index: 9000;
	font-size: 0;
}

.red-modal-window-outline .red-modal-window {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 600px;
	height: 300px;
	margin: -150px 0 0 -300px;
	background: white;
	border: none;
	overflow: hidden;
	z-index: 1;
}

.red-modal-window-outline .red-modal-window.shadowed {
	-webkit-box-shadow: 4px 4px 20px black;
	-moz-box-shadow: 4px 4px 20px black;
	box-shadow: 4px 4px 20px black;
	-webkit-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.5);
}

.red-modal-window-outline .red-modal-window.error {
	width: 600px;
	height: 300px;
	margin: -150px 0 0 -300px;
	border: solid 8px red;
	background: white;
}

.red-modal-window-outline .red-modal-window.error .box {
	background: #ffe6e6;
}

.red-modal-window-outline .red-modal-window.small {
	width: 500px;
	height: 140px;
}

.red-modal-window-outline .red-modal-window.mid {
	width: 700px;
	height: 500px;
	margin: -250px 0 0 -350px;
}

.red-modal-window-outline .red-modal-window.big {
	width: auto;
	height: auto;
	margin: 0;
	position: absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: 90%;
}

.red-modal-window-outline .red-modal-window .toolbar {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding-bottom: 12px;
	margin: 0;
	text-align: right;
}

.red-modal-window-outline .red-modal-window .toolbar .toolbar-group {
	margin: 0 10px;
	display: inline-block;
	float: none;
}

.red-modal-window-outline .red-modal-window > .box {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	/*padding: 50px 0 50px 0;*/
	padding: 24px 0 50px 0;
	background: white;
}

.red-modal-window-outline .red-modal-window > .box > .box-title {
	position: absolute;
	top: 0;
	left: 0;
	padding: 7px 10px;
	margin: 0;
	width: 90%;
}

.red-modal-window-outline .red-modal-window > .box > h3.box-title {
	font-size: 25px;
}

.red-modal-window-outline .red-modal-window > .box > .box-body {
	height: 100%;
	overflow: auto;
	padding: 0px;
	/*border-top: solid 1px #e2e2e2;
    border-bottom: solid 1px #e2e2e2;*/
	background: white;
}

.red-modal-window-outline .red-modal-window > .box > .box-body > div {
	margin: 10px;
}

.red-modal-window-outline .red-modal-window > .red-modal-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	border: none;
	display: block;
	height: 24px;
	width: 24px;

	background: #D90E22 url('/_img/_templates/red-modal-close.png') 0 0 repeat-x;
	text-indent: -9999em;
	/*
    background: #D90E22;
    font-size:25px;
    line-height:25px;
    */
	padding: 0px;
	margin: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.red-modal-window-outline .red-modal-window > span.btn.red-modal-close {
	content: " ";
}

/*
.icon-mag-glass {
    background: transparent url(/_img/_templates/icons.png) -140px 0 no-repeat;
    height: 30px;
    width: 30px;
}
*/

/*
    BREADCRUMBS
*/

.breadcrumbs {
	display: block;
	overflow: hidden;
	padding: 10px 0;
	font-size: 12px;
}

.breadcrumbs span {
	float: left;
	padding-right: 10px;
}

.breadcrumbs ul span {
	padding: 0 10px;
}

.breadcrumbs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}

.breadcrumbs ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

.breadcrumbs ul li a {
	color: #000;
	text-decoration: none;
	display: block;
	margin: 0;
	float: left;
}
.breadcrumbs ul li a:first-letter {
	text-transform: uppercase;
}

.breadcrumbs ul li a:hover {
	text-decoration: underline;
}

/*
foldable
*/

.foldable {
	/*border-top: 1px solid #ccc;*/
	margin-top: 5px;
}

.foldable:first-of-type {
	border-top: none;
}

.foldable:nth-child(even) .foldable-row.folded {
	background-color: rgba(232, 232, 232, 0.7);
}

.foldable:nth-child(odd) .foldable-row.folded {
	background-color: rgba(255, 255, 255, 1);
}

.foldable > .foldable-row {
	padding: 5px;
}

.foldable > .foldable-row > .foldable-button {
	min-width: 40px;
}

.foldable .foldable-row.folded,
.foldable .foldable-row.unfolded {
	padding: 5px;
	cursor: pointer;
}

.foldable .foldable-row.unfolded {
	background: #D8F0B7 url("/_img/_templates/foldable-unfolded-bg.jpg") left top repeat-x;
}

.foldable .foldable-row:hover,
.foldable:nth-child(even) .foldable-row:hover {
	background-color: rgba(204, 204, 204, 0.5);
}

.foldable .foldable-row:after {
	content: "";
	display: table;
	clear: both;
}

/* TABLE FORM */

.table-form-container {
	display: table;
	width: 97%;
	padding: 20px;
}

.table-form-field {
	display: block;
	width: 9%;
	vertical-align: bottom;
	padding: 0 6px 10px 0;
	float: left;
	position: relative;
	min-height: 43px;
	margin-bottom: 5px;
}

.table-form-field:last-of-type {
	padding-left: 0;
}

.table-form-field-label {
	display: block;
}

.table-form-field-label.big {
	font-size: 12pt;
	line-height: 16px;
}

.table-form-field-label.huge {
	font-size: 18pt;
	line-height: 10px;
}

.table-form-field-label.bold {
	font-weight: bold;
}

.table-form-field-body {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.table-form-field-body > input,
.table-form-field-body > select {
	width: auto;
	min-width: 80%;
	max-width: 90%;
}

.table-form-field-body > input[type="checkbox"] {
	width: auto;
	min-width: 5%;
	max-width: 10%;
}

.form-controls-container {
	display: block;
	width: 9%;
	vertical-align: bottom;
	padding: 0 6px 10px 0;
	float: left;
	position: relative;
	min-height: 43px;
	margin-bottom: 5px;
}

.form-controls-container > * {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.clear {
	clear: both;
	height: 0px;
	padding: 0;
	margin: 0;
}

.uppercase {
	text-transform: uppercase;
}

.box.margin-bottom {
	margin-bottom: 10px;
}

@media print {

	.table-form-container,
	.table-form-container * {
		background: none !important;
		background-color: transparent !important;
	}

	.form-controls-container > * {
		position: initial !important;
	}

	.table-form-field-label {
		font-weight: bold !important;
	}

	.table-form-field-body {
		position: initial !important;
	}

	.table-form-field {
		width: auto !important;
		min-height: 3em !important;
		padding: initial !important;
		margin: initial !important;
		float: left !important;
		padding-right: 5px !important;
	}

	.table-form-field * {
		position: initial !important;
		vertical-align: top !important;
	}

	.table-form-field-body > input,
	.table-form-field-body > select {
		width: auto;
		min-width: 0 !important;
		max-width: 75px !important;
	}
}

/* TABLEISH */

.tableish-container {
	display: table;
	width: 97.5%;
	padding: 20px;
}

.tableish-field {
	display: block;
	margin: 0 1px 1px 0;
	float: left;
	position: relative;
	background: white;
	border: 1px solid #ccc;
	width: 8%;
}

.tableish-field-cell {
	margin: 5px;
}

.tableish-field:hover .tableish-field-cell {
	background: white;
	border: 4px #ACE500 solid;
	margin: 0px;
	padding: 1px;
}

.tableish-field:last-of-type {
	padding-left: 0;
}

.tableish-field-label {
	display: block;
	margin-bottom: 3px;
	font-size: 9pt;
	font-weight: bold;
	/*border-bottom: 1px solid black;*/
	text-align: center;
}

.tableish-field-label.big {
	font-size: 12pt;
	line-height: 16px;
}

.tableish-field-label.huge {
	font-size: 18pt;
	line-height: 10px;
}

.tableish-field-label.bold {
	font-weight: bold;
}

.tableish-field-body {
	display: block;
	text-align: center;
}

input.short-input {
	max-width: 100px;
}

input.big {
	font-size: 25px;
	height: 30px;
	line-height: 30px;
}

@media print {
	.tableish-container * {
		border: none !important;
		margin: 1px !important;
	}
}