/* --- BODY --- */

body {
	background-color: lightgrey;
	font-family: sans-serif;
	font-size: 12px;
}

.ui-dialog-content.ui-widget-content {
	font-family: sans-serif;
	font-size: 12px;
}

.wrapper {
	margin: 10px;
	padding: 1px 25px 1px 15px;
	background-color: white;
	-webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.75);
	min-height: 95vh;
	position: relative;
}

.body .contents {
/*	margin-left: 180px;*/
	padding: 15px 0px 15px 15px;
}

body.picker {
	background-color: white;
	margin: 0;
}

body.picker .body .contents {
	margin: 0;
	padding: 0;
}

body.picker .body {
	overflow-x: hidden;
	overflow-y: scroll;
}

.contents > form {
	margin: 0;
	background-color: lightgrey;
	padding: 15px;
}

.cell form {
	display: inline-block;
}

iframe {
	width: 100%;
	height: 100%;
	border: 0;
}

/* --- HEADER --- */

.header .logo {
	border: 1px solid black;
	width: 180px;
	/*height: 100px;*/
	float: left;
}


/* --- MENU --- */ /* from: https://codepen.io/philhoyt/pen/ujHzd */

nav.menu {
	margin-top: 5px;
}

nav.menu ul {
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	z-index: 1;
}

nav.menu ul a {
	display:block;
	color:#333;
	text-decoration:none;
	line-height:32px;
	padding:0 15px;
}

nav.menu ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0
}

nav.menu ul li:hover {
	background:#f6f6f6
}

nav.menu ul ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0
}

nav.menu ul ul li {
	float:none;
	width:200px
}

nav.menu ul ul a {
	line-height:120%;
	padding:10px 15px
}

nav.menu ul ul ul {
	top:0;
	left:100%
}

nav.menu ul li:hover > ul {
	display:block
}


/* --- NAV SECTIONS --- */

.header .navigation_sections {
	float: left;
	padding: 0 15px;
}

.header .navigation_sections .item {
	display: inline-block;
	padding: 10px 20px;
	background-color: #53A4BF;
	color: white;
	font-weight: bold;
	border-radius: 5px;
}
.header .navigation_sections .item.selected {
	background-color: #376E7F;
}

.header .navigation_sections .item:not(.selected):hover {
	background-color: #1C3740;
}


/* --- USER --- */

.header .user {
	text-align: right;
	font-size: 10px;
	font-weight: bold;
	color: white;
	padding: 5px 10px;
	background-color: #376E7F;
	float: right;
}

.header .user span {
	color: lightgray;
	font-weight: normal;
}

.header .user a {
	color: white;
}


/* --- NAV OPTIONS --- */

.body .navigation_options {
	float: left;
	padding: 15px 0;
	width: 180px;
}

.body .navigation_options .item {
	padding: 2px 5px;
	background-color: #53A4BF;
	color: white;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom: 2px;
}

.body .navigation_options a {
	text-decoration: none;
}
.body .navigation_options .item.selected {
	background-color: #376E7F;
}
.body .navigation_options .item:hover {
	background-color: #1C3740;
}


/* --- NAV TABS --- */

.body .navigation_tabs {
}

.body .navigation_tabs .item {
	color: grey;
	display: inline-block;
	padding: 4px 8px;
	background-color: lightgrey;

/*	border-top-left-radius: 4px;
	border-top-right-radius: 4px;*/
	border-right: 1px solid white;
}

.body .navigation_tabs .item.selected {
	background-color: lightgrey;
	font-weight: bold;
	border-bottom: 2px solid lightgrey;
}
.body .navigation_tabs .item:not(.selected) {
	border-bottom: 2px solid white;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}

textarea {
	border-radius: 3px;
	border: 1px solid gray;
	padding: 3px 6px;
	font-size: 12px;
}

select {
	background-color: white;
	border: 1px solid grey;
	border-radius: 3px;
	/*
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;
	background-color: white;
	border: 0;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	*/
}

select + span.after-select {
	background-color: white;
	background-image: url('/http/css/img/Find.png');
	background-repeat: no-repeat;
	background-size: 14px;
	width: 14px;
	display: inline-block;
	border: 2px solid white;
	border-top: 3px solid white;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}

input[type="checkbox"] {
	margin: 0;
}

table {
	width: 100%;
	border-spacing: 0px;
}

th, td {
	font-weight: normal;
	text-align: left;
}



input.wait {

    background-color: #ffffff;
	background-image: url('/http/css/img/wait.gif');
    background-size: 20px 20px;
    background-position:right center;
    background-repeat: no-repeat;

}




/* --- FOOTER --- */

.footer {
	padding-top: 15px;
	text-align: center;
	font-size: 10px;
	position: absolute;
	width: 96%;
	bottom: 10px;
}


/* --- FIELDS --- */

.field .detail-field {
	min-height: 20px;
	margin-top: 4px;
	margin-left: 7px;
}

.field .nonedit-field {
	min-height: 20px;
	margin-top: 4px;
	margin-left: 7px;
}

.field .edit-field {
	min-height: 24px;
	max-width: calc(100% - 15px);
	width: 100%;
}

.field .edit-field input,
.field .edit-field select,
.field .edit-field textarea {
	font-family: sans-serif;
	padding: 1px 4px;
	margin: 0;
	/*max-width: 100%;*/
}
.field .edit-field textarea {
	padding: 3px 6px !important;
}

.field.type-multitext .nonedit-field {
	min-height: 43px;
}

.field.type-html-editor .nonedit-field iframe {
	height: 500px;
	background-color: white;
	border-radius: 3px;
}

.fields-subtitle {
	color: #376E7F;
	margin: 5px 0px;
	border-bottom: 1px solid #376E7F;
	padding: 5px 0px;
}


/* --- CONTROLLERS LAYOUT --- */

.contents form .title {

	vertical-align: bottom;
	color: #376E7F;
	font-weight: bold;
	height: 24px;
	padding: 2px 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #376E7F;

}

.contents form .title .actions {
	float: right;
	white-space: nowrap;
}

.contents form .title > .subtitle {

	font-weight: normal;
	font-style: italic;
	font-size: 10px;
	
}



/* --- CONTROLLER LIST --- */

.list tr {
	/*height: 28px;*/
}

.list th, .list td {
	padding: 0px 4px;
}

.list tbody td {
	vertical-align: top;
	border-bottom: 1px solid white;
}
.list tbody tr:nth-child(1) td {
	border-top: 1px solid white;
}

.list th {
	height: 28px;
	background-color: #C4C4C4;
	color: gray;
	border-right: 2px solid lightgrey;
	border-top: 2px solid lightgrey;
	border-bottom: 2px solid lightgrey;
}

.list thead th:nth-child(1) {
	border-left: 2px solid lightgrey;
}


.actions td {
	padding-top: 10px;
	padding-bottom: 3px;
}



.list tbody tr:hover td {
	color: gray;
}

.list tbody tr[inline-action-link]:hover td {
	cursor: pointer;
}

.list tbody tr.removed td {
	text-decoration: line-through;
	color: grey;
}
.list tbody tr.removed:hover td {
	color: white;
}


.list tfoot {
	color: gray;
}

.list tfoot > tr:nth-child(1) > td {
	border-bottom: 1px solid #376E7F;
	padding-top: 15px;
	padding-bottom: 15px;
}

.pagination td {
	padding: 2px 5px;
}

.pagination .rows_per_pages {
	float: right;
	white-space: nowrap;
}

.pagination .page #page_num_goto {
	width: 28px;
}




/* --- FILTERS --- */

.rkterp-filters-toolbar {
	margin-bottom: 6px;
}

.rkterp-filters-toolbar table.filters label, .rkterp-filters-toolbar .toolbar-shrinked-part {
	font-size: x-small;
	color: gray;
}

.rkterp-filters-toolbar table.filters input,
.rkterp-filters-toolbar table.filters select,
.rkterp-filters-toolbar table.filters select option {
	font-size: x-small;
	color: blue;
}

.rkterp-filters-toolbar table.filters td:nth-child(1) {
	width: 2px;
	white-space: nowrap;
	padding-right: 8px;
}

.rkterp-filters-toolbar .filter-status .status-option {
	display: inline-block;
	background-color: white;
	padding: 2px;
	border-radius: 4px;
	font-size: x-small;
	color: gray;
	text-decoration: line-through;
	cursor: pointer;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 3px;
}

.rkterp-filters-toolbar .filter-status .status-option.selected {
	color: blue;
	text-decoration: none;
}

.title .fast-lookup {
	display: inline-block;
	margin-right: 12px;
}

.title .fast-lookup input {
	font-size: x-small;
	color: blue;
}


/* --- CONTROLLER DETAIL --- */

.detail td {
	padding: 3px 5px;
	vertical-align: top;
}

.detail .field label {
	color: gray;
}

.detail tfoot > tr:nth-child(1) > td {
	border-top: 1px solid #376E7F;
}

.detail tfoot > tr.actions > td {
	padding-top: 15px;
	height: 40px;
}
.detail tfoot > tr.owner {
	font-size: 10px;
	font-style: italic;
}
.detail tfoot > tr.owner label {
	color: gray;
}


.removed-message {
	background-color: #376E7F;
	padding: 8px;
}
.removed-message span {
	color: red;
	font-weight: bold;
	background-color: lightgrey;
	padding: 2px 10px;
	border-radius: 4px;
}



/* --- SUBHEADER --- */

.subheader .label, .subheader .value {
	display: inline-block;
	padding: 3px 5px;
	vertical-align: top;
}
.subheader .label {
	width: 120px;
	/*color: darkgray;*/
}



/* --- CONTROLLER ASSIGNATION --- */

.assignation .row .checkbox, .assignation .row .description {
	display: inline-block;
}




/* --- ACTIONS --- */

.rkterp-action {
	display: inline-block;
	height: 20px;
	cursor: pointer;
	color: #376E7F;
	text-decoration: none;
	border: 0;
	background-color: transparent;
}

.rkterp-action:hover {
	-webkit-filter: brightness(1.3);
	-moz-filter: brightness(1.3);
	-o-filter:  brightness(1.3);
	-ms-filter:  brightness(1.3);
	filter: brightness(1.3);
	text-decoration: underline;
}

.rkterp-action:active {
	position: relative;
	top: 1px;
	left: 1px;
}

.rkterp-action[disabled] {
	-webkit-filter: grayscale(100%) opacity(50%);
	-moz-filter: grayscale(100%) opacity(50%);
	-o-filter: grayscale(100%) opacity(50%);
	-ms-filter:  grayscale(100%) opacity(50%);
	filter: grayscale(100%) opacity(50%);
}
.rkterp-action[disabled]:hover {
	text-decoration: none;
	cursor: default;
}
.rkterp-action[disabled]:active {
	position: static;
	top: 0;
	left: 0;
}

.rkterp-action img.action-icon {
	width: 16px;
	height: 16px;
	margin-right: 4px;
	margin-bottom: -2px;
}

.rkterp-action.only-icon {
	padding: 0;
}

.sort img.action-icon {
	width: 12px;
	height: 12px;
}


span.wait:before {
	content: '';
	background-image: url('/http/css/img/show.gif');
	/*background-position: 0px;*/
	background-size: 40px;
	background-repeat: no-repeat;
	width: 40px;
	height: 40px;
	position: absolute;
}

.rkterp-action.close {
	background-image: url('/http/css/img/Close_blue.png');
	background-size: cover;
	width: 14px;
	height: 14px;
}


/* --- EDITION ACTIONS BEHAVIUOR --- */

.field-container.update .edit-field,
.rkterp-action.list_save,
.rkterp-action.detail_save,
.rkterp-action.list_cancel,
.rkterp-action.detail_cancel,
.rkterp-action.on-edit-action {
	display: none;
}

.field-container.update.on-edit .nonedit-field,
.field-container.on-edit .rkterp-action.list_edit,
.field-container.on-edit .rkterp-action.list_remove,
.field-container.on-edit .rkterp-action.detail_edit,
.field-container.on-edit .rkterp-action.detail_remove {
	display: none;
}

.field-container.update.on-edit .edit-field,
.field-container.on-edit .rkterp-action.list_save,
.field-container.on-edit .rkterp-action.list_cancel,
.field-container.on-edit .rkterp-action.detail_save,
.field-container.on-edit .rkterp-action.detail_cancel,
.field-container.on-edit .rkterp-action.on-edit-action,
.field-container.create .rkterp-action.on-edit-action {
	display: inline-block;
}

form.on-edit .rkterp-action {
	display: none;
}



/* --- PICKER --- */

.rkt-ui-tooltip-action {
	display: inline-block;
	cursor: pointer;
	background-color: transparent;
	border: 0;
}

.rkt-ui-tooltip-action:hover {
	-webkit-filter: brightness(1.3);
	-moz-filter: brightness(1.3);
	-o-filter:  brightness(1.3);
	-ms-filter:  brightness(1.3);
	filter: brightness(1.3);
	text-decoration: underline;
}
.rkt-ui-tooltip-action:active {
	position: relative;
	top: 1px;
	left: 1px;
}

/*
.rkterp-ui-picker-button[disabled] {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter:  grayscale(100%);
	filter: grayscale(100%);
}
.rkterp-ui-picker-button[disabled]:hover {
	text-decoration: none;
	cursor: default;
}
.rkterp-ui-picker-button[disabled]:active {
	position: static;
	top: 0;
	left: 0;
}
*/

rkt_ui[rkt_ui_type="picker"] > .rkterp-ui-picker-container {
	white-space: nowrap;
	width: calc(96% - 24px) !important;
}

rkt_ui[rkt_ui_type="picker"] .reset {
	color: transparent;
	margin-left: -10px;
	cursor: pointer;
	font-weight: bold;
}
rkt_ui[rkt_ui_type="picker"] .reset::after {
	content: "\000D7";
}
rkt_ui[rkt_ui_type="picker"] .reset:hover {
	color: red;
}


/* --- CUSTOMIZABLE COLUMNS --- */

div.separator {
	background-color: transparent;
	width: 6px;
}

div.separator.snapping {
	background-color: red;
}

.ui-column-selector-popup {
	background-color: white;
	padding: 5px;
	opacity: 0.7;
	font-size: 10px;
	border: 1px solid grey;
}


/* --- DIALOGS --- */

.ui-widget-overlay.ui-front {

	opacity: .6 !important;

}


/* --- QUERY BUILDER --- */

.query-builder .btn {
	display: inline-block;
	height: 20px;
	cursor: pointer;
	color: #376E7F;
	text-decoration: none;
	border: 0;
	background-color: transparent;
	border-radius: 3px;
	border : 1px #376E7F solid;
}

.query-builder .btn:hover {
	-webkit-filter: brightness(1.3);
	-moz-filter: brightness(1.3);
	-o-filter:  brightness(1.3);
	-ms-filter:  brightness(1.3);
	filter: brightness(1.3);
	text-decoration: underline;
}


.query-builder .btn[data-delete] {
	float: right;
	color: red;
	border : 1px red solid;
}

.query-builder label.btn {
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	margin-top: 4px;
}

.query-builder label.btn.active {
	font-weight: bold;
}


/* --- MEDIA --- */

.thumbnail {
	object-fit: contain;
	border: 1px solid darkgrey;
	padding: 4px;
}

.thumbnail.medium {
	width: 120px;
	height: 120px;
}

.thumbnail.small {
	width: 80px;
	height: 80px;
}

.media.document {
	background-image: url('/http/css/img/New document.png');
	background-size: 60%;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 80%;
}

.media.document .document_title {
	font-size: 10px;
	color: grey;
}

.image-selector {
	display: inline-block;
	margin: 10px;
	vertical-align: top;
}

.thumbnail.selected {
	border: 1px solid blue;
}

/* --- WIDGETS --- */

.contents .widget {
	float: left;
	width: 30%;
	border: 2px solid #376E7F;
	border-radius: 8px;
	padding: 8px;
	background-color: #53A4BF;
}

.contents .widget > .title {
	font-weight: bold;
	color: #376E7F;
	padding-bottom: 8px;
}

.contents .widget .aggregate {
	padding: 2px 0px;
	border-top: 1px solid #376E7F;
}
.contents .widget .aggregate .value {
	float: right;
}

/* --- MESSAGES --- */

.rkterp-messages {
	position: fixed;
	top: 80px;
	left: 30%;
	width: 40%;
	border: 1px solid black;
	padding: 15px;
	border-radius: 5px;
	background-color: lightgray;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
	z-index: 999999;
}

.rkterp-messages .error {
	color: red;
	font-weight: bold;
}
.rkterp-messages .error:before {
	content: url('/http/css/img/Error.png');
	margin-right: 10px;
}

.rkterp-messages .warning {
	color: darkorange;
	font-weight: bold;
}
.rkterp-messages .warning:before {
	content: url('/http/css/img/Warning.png');
	margin-right: 10px;
}

.rkterp-messages .info {
	/*color: blue;*/
}
.rkterp-messages .info:before {
	content: url('/http/css/img/About.png');
	margin-right: 10px;
}
.rkterp-messages .close {
	float: right;
}



/* --- CHECKS --- */

.check-icon {
	display: inline-block;
	color: transparent;
	background-size: cover;
	width: 14px;
	height: 14px;
	padding-left: 0px;
	margin-right: 4px;
}

.check-icon.info {
	background-image: url('/http/css/img/About.png');
}

.check-icon.warn {
	background-image: url('/http/css/img/Warning.png');
}

.check-icon.error {
	background-image: url('/http/css/img/Error.png');
}

.check-icon.ok {
	background-image: url('/http/css/img/Apply.png');
}
.check-icon.ko {
	background-image: url('/http/css/img/Erase.png');
}



.detail-checks {
	padding-left: 12px;
	padding-bottom: 12px;
}

/*
.detail-checks .check-message {
	margin-left: 4px;
}
*/

.detail-checks .check-message.info {
	color: blue;
}
.detail-checks .check-message.warn {
	color: darkorange;
}
.detail-checks .check-message.error {
	color: red;
	font-weight: bold;
}


/* --- TAGS --- */

rkt_ui[rkt_ui_type="tags"] > span {
	margin-left: 12px;
}

span.rkt-ui-tag {
	background-color: white;
	border: 1px solid white;
	margin-right: 4px;
	padding: 1px 5px;
	border-radius: 5px;
}

span.rkt-ui-tag span.delete {
	padding-left: 2px;
	color: white;
	font-weight: bold;
	cursor: pointer;
}
span.rkt-ui-tag span.delete:hover {
	color: red;
}

span.rkt-ui-tag span.delete::after {
	content: "\000D7";
}

.list .row:hover span.rkt-ui-tag {
	color: grey;
}


/* --- MULTIVALUES --- */

rkt_ui[rkt_ui_type="multi-value"] .add {
	background-color: grey;
	color: white;
	font-weight: bold;
	cursor: pointer;
	border-radius: 6px;
	padding-left: 2px;
	padding-right: 2px;
}
rkt_ui[rkt_ui_type="multi-value"] .add:after {
	content: "+";
}
rkt_ui[rkt_ui_type="multi-value"] .add:hover {
	background-color: blue;
}

rkt_ui[rkt_ui_type="multi-value"] .remove {
	background-color: grey;
	color: white;
	font-weight: bold;
	cursor: pointer;
	border-radius: 6px;
	padding-left: 2px;
	padding-right: 2px;
}
rkt_ui[rkt_ui_type="multi-value"] .remove:after {
	content: "\000D7";
}
rkt_ui[rkt_ui_type="multi-value"] .remove:hover {
	background-color: red;
}

.multi-value-container .item {
    margin-top: 2px;
}

rkt_ui[rkt_ui_type="multi-value"] .item {
    margin-left: 7px;
}

.nonedit-field .multi-value-container {
	padding-bottom: 18px;
}


/* --- POPUP --- */

.popup {
	position: absolute;
	box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
	background: #fff;
	border-bottom: 1px solid #bbb;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	padding-top: 8px;
	padding-right: 6px;
	padding-left: 2px;
	padding-bottom: 8px;
	z-index: 100;
}


/* --- ORDERABLE --- */

.orderable {
	list-style-type: none;
}

.orderable li {
	border: 1px solid grey;
	margin-right: 15%;
	padding: 5px;
	margin-bottom: 5px;
	border-radius: 5px;
	background-color: white;
}


/* --- TREE --- */

.rkterp-ui-tree .icon {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0;
	padding: 0;
	background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important; 
	/*border: solid 1px gray;*/
}

.rkterp-ui-tree .icon.object.single {
	background-image: url('/http/css/img/tree/page.gif');
}

.rkterp-ui-tree .icon.object.folder.open {
	background-image: url('/http/css/img/tree/folderopen.gif');
	cursor: pointer;
}

.rkterp-ui-tree .icon.object.folder {
	background-image: url('/http/css/img/tree/folder.gif');
	cursor: pointer;
}

.rkterp-ui-tree .icon.connector.connector-l {
	background-image: url('/http/css/img/tree/joinbottom.gif');
}

.tree .icon.connector.connector-t {
	background-image: url('/http/css/img/tree/join.gif');
}

.rkterp-ui-tree .item .container .drop-top {
	height: 1px;
}
.rkterp-ui-tree .item .container .drop-top.drag {
	height: 2px;
	background-color: rgba(0, 0, 255, .35);
}

.rkterp-ui-tree .item .container.drag {
	background-color: rgba(0, 0, 255, .35);
}


/*
.rkterp-ui-tree .item .container.drag.bottom {
	border-bottom: 2px solid rgba(0, 0, 255, .35);
}

.rkterp-ui-tree .item .container.drag.top {
	border-top: 2px solid rgba(0, 0, 255, .35);
}

.rkterp-ui-tree .item .container.drag.middle {
	background-color: rgba(0, 0, 255, .35);
}
*/

.rkterp-ui-tree .item .container {
	display: inline-block;
	min-width: 250px;
}

.rkterp-ui-tree .item .description {
	display: inline-block;
}

.rkterp-ui-tree .item .description.removed {
	text-decoration: line-through;
	color: grey;
}

.rkterp-ui-tree .actions {
	display: inline-block;
	margin-left: 16px;
}

.rkterp-ui-tree .actions .action {
	display: inline-block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	color: #376E7F;
	text-decoration: none;
	border: 0;
	background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    margin-right: 4px;
}

.rkterp-ui-tree .actions .action.create {
	background-image: url('/http/css/img/star.png');
}
.rkterp-ui-tree .actions .action.save {
	background-image: url('/http/css/img/edit.png');
}
.rkterp-ui-tree .actions .action.remove {
	background-image: url('/http/css/img/remove.png');
}
.rkterp-ui-tree .actions .action.move {
	background-image: url('/http/css/img/Blue pin.png');
	cursor: grab;
}
.rkterp-ui-tree .actions .action.select {
	background-image: url('/http/css/img/Apply.png');
}
.rkterp-ui-tree .actions .action.print {
	background-image: url('/http/css/img/Print.png');
}

.rkterp-ui-tree .footer {
	position: relative;
	bottom: 0;
	text-align: left;
	margin-top: 25px;
	border-top: 1px solid #376E7F;
	width: 100%;
}

.rkt_tree img.icon {
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
}

.rkt_tree img.icon.indent {
	background: url('/http/css/img/tree/line.gif');
}

.rkt_tree img.icon.indent.last {
	background: url('/http/css/img/tree/empty.gif');
}

.rkt_tree img.icon.opener {
	background: url('/http/css/img/tree/plus.gif');
	cursor: pointer;
}

.rkt_tree img.icon.opener.open {
	background: url('/http/css/img/tree/minus.gif');
}

.rkt_tree img.icon.opener.last {
	background: url('/http/css/img/tree/plusbottom.gif');
}

.rkt_tree img.icon.opener.open.last {
	background: url('/http/css/img/tree/minusbottom.gif');
}

.rkt_tree img.icon.folder {
	background: url('/http/css/img/tree/folder.gif');
	cursor: pointer;
}

.rkt_tree img.icon.folder.open {
	background: url('/http/css/img/tree/folderopen.gif');
}

.rkt_tree img.icon.join {
	background: url('/http/css/img/tree/join.gif');
}

.rkt_tree img.icon.join.last {
	background: url('/http/css/img/tree/joinbottom.gif');
}

.rkt_tree img.icon.file {
	background: url('/http/css/img/tree/page.gif');
	cursor: pointer;
}




/* --- BOOLEAN --- */

.list .checkbox-column {
	text-align: center;
}
.checkbox-column {
	/*font-size: 20px;*/
}
.checkbox-column.checkbox-column-false::after {
	content: "\02014";
}
.checkbox-column.checkbox-column-true::after {
	content: "\02714";
}


/* --- LOGIN --- */

.message.error {
	color: red;
}
.forget_pwd {
	font-size: 8px;
	text-align: right;
}


/* --- FIELDS --- */

.width-30, .width-60, .width-100, .width-150, .width-250, .width-400, .width-600, .width-full {
	width: 100%;
}

.width-30 {
	max-width: 30px;
}

.width-60 {
	max-width: 60px;
}

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

.width-150 {
	max-width: 150px;
}

.width-250 {
	max-width: 250px;
}

.width-400 {
	max-width: 400px;
}

.width-600 {
	max-width: 600px;
}

.width-full {
	max-width: 100%;
}


.date {
	max-width: 80px;
}

.date.time {
	max-width: 120px;
}

.status {
	width: 80px;
}

.doc-number {
	width: 100px;
}

.phone {
	width: 120px;
}

.email {
	width: 120px;
}

.amount {
	width: 60px;
}

.pge {
	width: 40px;
}