@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;0,600;1,400;1,600&display=swap');

body,
html {
	width: 100%;
	overflow-x: hidden;
}

body:before {
	content: "";
	background-color: #1d7a2f;
	width: 100%;
	height: 5px;
	display: block;
}

a {
	color: #1d7a2f;
}
a:hover {
	color: #146123;
}

h1 {
	font-size: 24px;
    margin-top: 30px;
    margin-bottom: 25px;
}
h2 {
	font-weight: bold;
	margin-bottom: 20px;
}

/*Inputs*/
.form-control:focus,
.form-control:active,
.form-control:focus,
.form-control:active,
.form-control:focus,
.form-control:active {
	border-color: #146123;
	box-shadow: none;
}

/*Button*/
.btn-primary {
	background-color: #1d7a2f;
	border-color: #1d7a2f;
}
.btn-primary:hover,
.btn-success:hover,
.btn-info:hover {
	background-color: #146123;
	border-color: #146123;
	color: #fff;
}
.btn-primary:focus,
.btn-primary:active,
.btn-success:focus,
.btn-success:active,
.btn-info:focus,
.btn-info:active {
	background-color: #146123;
	border-color: #146123;
	box-shadow: none;
}
.btn-success {
    color: #fff;
    background-color: #6cb640;
    border-color: #6cb640;
}
.btn-info {
	border-color: #1d7a2f;
	background-color: transparent;
	color: #1d7a2f;
}
.btn.disabled {
	background-color: #ccc;
	border-color: #ccc;
	color: #fff;
}

/*Header*/
.tpm-container {
    background-color: #e9f4e5;
    min-height: 46px;
    margin: 0 !important;
    border-radius: 4px;
    width: 1100px;
    margin: 20px auto 30px auto !important;
}
.tpm-container .col-9 {
	padding: 0 !important;
}
.subnav {
	width: 1100px;
	background-color: transparent;
	margin: -20px auto 30px auto !important;
}
.subnav .container {
	padding: 0 !important;
}
.subnav .container .breadcrump {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
    margin: 0 !important;
	background-color: transparent;
}
.subnav a {
	color: #1d7a2f;
}
@media only screen and (min-width: 992px) {
	.tpm-container,
	.subnav {
		max-width: 960px;
	}
}

@media only screen and (min-width: 1200px) {
	.tpm-container,
	.subnav {
		max-width: 1160px;
	}
}

@media only screen and (max-width: 991px) {
	.tpm-container,
	.subnav {
		max-width: 100%;
	}
}
/*Main column*/
#maincolumn {
	border: 0;
	padding: 0 10px;
}

/*Navigation - Login*/
.tpm-login {
	padding-right: 15px !important;
	padding-top: 0 !important;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}
.tpm-login a {
	font-size: 10px;
    color: #1d7a2f;
    font-weight: normal;
	text-transform: uppercase;
}
/*Navigation - Main*/
.tpm-navbar > a,
.tpm-navbar > span,
.tpm-navbar > .tpm-dropdown .tpm-dropbtn {
	color: #1d7a2f;
	font-weight: bold;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
	border-radius: 4px;
}
.tpm-navbar > a:hover,
.tpm-navbar > span:hover,
.tpm-navbar > .tpm-dropdown .tpm-dropbtn:hover {
	background-color: #c6e3bf;
}
.tpm-dropdown:hover .tpm-dropbtn,
.tpm-dropdown:hover .tpm-dropdown-content {
	background-color: #e9f4e5;
}

.tpm-dropdown:hover .tpm-dropdown-content {
	border-radius: 0 0 4px 4px;
	box-shadow: none;
	overflow: hidden;
}
.tpm-dropdown .tpm-dropdown-content a {
	font-size: 12px;
	color: #1d7a2f;
}
.tpm-dropdown .tpm-dropdown-content a:hover {
	background-color: #c6e3bf;
}

/*Footer*/
footer {
	border-top: 1px solid #eee;
	padding-top: 20px;
}
.footer-edih-img-container {
	gap: 40px;
    margin: auto;
    justify-content: center;
}
.footer-edih-img {
	flex: 0;
}
.footer-edih-img:nth-child(2) img {
	height: 40px;
	position: relative;
	top: -6px
}
.footer-edih-img img {
	height: 30px;
}

/*Table*/
table thead th,
.cmstable thead th {
	border-bottom: 2px solid #6cb640;
}
.cmstable tbody tr:hover td {
	background-color: #e9f4e5 !important;
}
.cmstable tbody tr:nth-child(even) td {
	background-color: transparent;
}
table tbody,
.cmstable tbody {
	border-bottom: 2px solid #6cb640;
}
table tbody tr th,
.cmstable tbody tr th {
	border-bottom: 2px solid #6cb640;
}
table tr td {
	border-bottom: 1px solid #eaeaea;
}
table tr:last-child td {
	border-bottom: 0;
}
.content tbody {
	border-bottom: 0;
}
.content tr td {
	border-bottom: 0;
}

/*Accordion table*/
.categories {
	border-top: 2px solid #6cb640;
	border-bottom: 2px solid #6cb640;
}
.categories > .row {
	margin-left: 0;
	margin-right: 0;
}
.cms.categories .pcat-row {
	border-top: 1px solid #eaeaea;
	font-weight: bold;
	background-color: #f9f9f9;
}
.categories > .pcat-row {
	padding-bottom: 0 !important;
}
.cms.categories .pcat-row:hover {
	background-color: #e9f4e5 !important;
}
.cms.categories .pcat-row .ui-sortable .pcat-row {
	font-weight: normal;
	background-color: #fff !important;
}
.categories .edit-cell {
	text-align: right;
}

/*Tabs*/
#tabs ul {
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}
#tabs ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#tabs ul li a {
	border: 1px solid #1d7a2f;
    border-radius: 4px;
    padding: 0.375rem 0.75rem;
	transition: all 0.3s ease-in-out;
	color: #1d7a2f;
}
#tabs ul li a:hover {
	text-decoration: none;
	background-color: #1d7a2f;
	color: #fff;
}

.fieldexpl {
	font-style: italic;
	color: #888;
	font-size: 10px;
}
.grayLineSeparator {
	margin-top: 30px;
}

/*Survey*/
.surveys {
	margin-bottom: 30px;
}
.surveys-container {
	border-top: 2px solid #6cb640;
	border-bottom: 2px solid #6cb640;
}
.survey_instance {
	border-bottom: 1px solid #eaeaea;
	padding: 5px 0 !important;
}
.survey_instance:first-child {
	border-top: 1px solid #eaeaea;
}
.survey_created {
	font-style: italic;
}
.survey_model {
	font-weight: bold;
}
/*
.survey .survey_answers_container,
.survey_answers {
	border-bottom: 1px solid #eaeaea;
	padding: 5px 0;
}
.survey .survey_answers_container {
	display: flex;
}
.survey .survey_answers_container div {
    flex: 5 0 0;
}
.survey .survey_answers_container .survey_answer_idx, .survey .survey_answers_container .survey_result_image {
    flex: 1 0 0;
}
.survey .survey_answers_container .survey_answers_result {
    text-align: right;
}*/
.survey_final_result {
	border-bottom: 2px solid #6cb640;
	border-top: 2px solid #6cb640;
}

.survey_answers.survey_answers_multiple {
	border-top: 1px solid #eaeaea;
}
.survey_answers.survey_answers_multipl:last-child {
	border-bottom: 1px solid #eaeaea;
}
.survey_answers.survey_answers_multipl:first-child {
	border: none;
}
.survey_answers.survey_answers_multiple .survey_answers_title {
	font-style: italic;
	text-align: right;
}
.survey_answers_result_parameter,
.survey_answers_result_result {
	border-bottom: 2px solid #6cb640;
	border-top: 2px solid #6cb640;
	margin-top: -3px;
	margin-bottom: -3px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

.refIndexDiv,
.login_cont {
	background-color: #f9f9f9;
	padding: 30px 20px;
	border-radius: 4px;
}

.loginButton {
	padding: 0.375rem 1rem;
	background-color: #1d7a2f;
	color: #fff;
	font-weight: bold;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}
.loginButton:hover {
	background-color: #146123;
}
.logincheckbox {
	margin-top: 10px;
}
.logindata {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 0.375rem 0.75rem;
}

#paramsColDiv {
	border: 0 !important;
	background-color: #f9f9f9;
	padding: 30px 20px !important;
	border-radius: 4px;
}
#paramsColDiv h3 {
	color: #146123 !important;
	font-weight: bold !important;
}

.cp-list-div {
	border-top: 2px solid #6cb640;
	margin-bottom: 50px !important;
}
.appFieldRow .left {
	font-weight: bold;
	font-size: 10px;
}

/*Articles*/
.articlesList li {
	padding: 0 !important;
}
.articlesList li table tbody {
	border-bottom: 1px solid #eaeaea;
	padding-top: 5px;
	padding-bottom: 5px;
}
.articlesList li table tbody tr td {
	padding-top: 5px;
	padding-bottom: 5px;
}
.articlesList li table tbody tr:hover td {
	background-color: #e9f4e5;
}

#commonLangProps {
	margin-bottom: 50px;
	background-color: #f9f9f9;
	padding: 30px 20px;
	border-radius: 4px;
}

.langspec {
	margin-bottom: 50px;
	border-top: 2px solid #6cb640
}
.langspec .ttl {
	font-size: 18px;
	font-weight: bold;
	background-color: transparent;
	margin-top: 30px;
	margin-bottom: 30px;
}
.langspec .ttl img {
	width: 22px;
	margin-right: 20px;
}

/*Users*/
.ui-widget.ui-widget-content {
	border: 0;
	background: none;
	padding: 0;
}
.ui-tabs .ui-tabs-panel {
	padding: 0 !important;
}
.ui-tabs .ui-widget-header {
	background: none;
	border: 0;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
	border: 0
}

/*Modal*/
.ui-dialog {
    background-color: #fff !important;
    border-radius: 4px !important;
    overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0.4em 1em;
    position: relative;
    background: none;
    border: none;
    color: #1d7a2f;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
}
.ui-widget-content {
	background: none;
}
.ui-dialog-buttonset .ui-button {
	color: #1d7a2f;
	border-color: #1d7a2f;
	border-radius: 4px;
}
.ui-dialog-buttonset .ui-button:hover {
	background: #1d7a2f;
	color: #fff;
}
.ui-widget-overlay {
	background: #146123;
	opacity: 0.5;
}

.node_question_container {
	background-color: #f6f6f6;
	padding: 30px 20px;
	margin-bottom: 30px;
}
.custom_attribute_toggle_checkbox {
	margin-top: 30px;
}
.custom_attribute_container_nodeUrbanPlanning {
	background-color: #eaeaea;
	padding: 30px 20px;
	margin-bottom: 30px;
}

body,
p {
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Rubik', sans-serif;
}

.btn {
    font-size: 14px;
}

.tpm-login a {
    font-size: 11px;
}
.tpm-dropdown .tpm-dropdown-content a {
    font-size: 14px;
}

.appFieldRow .left {
    font-weight: bold;
    font-size: 11px;
}

.myprofile.maincolumn {
    background-color: #f6f6f6;
    border-radius: 4px;
    padding: 30px 20px !important;
    margin: 30px auto 0 auto !important;
    float: none !important;
}
.myprofile.maincolumn h1 {
    margin-top: 0 !important;
}
.myprofile .cp-list-div {
    margin-bottom: 0 !important;
    margin-top: 30px !important;
}

/*Register & Login*/
.signup,
.login {
    background-color: #f6f6f6;
    border-radius: 4px;
    max-width: 600px;
    padding: 30px 20px !important;
    margin: 30px auto 0 auto !important;
    float: none !important;
}
.signup .signup {
    margin-top: -20px !important;
}
.signup h1 {
    margin-left: 20px;
    margin-bottom: 10px;
}
.login h1 {
    margin-top: 0;
}
.signup .cp-list-div a {
    border: 1px solid #1d7a2f;
    border-radius: 4px;
    padding: 0.375rem 0.75rem;
	transition: all 0.3s ease-in-out;
	color: #fff;
    background-color: #1d7a2f;
    cursor: pointer;
}
.signup .cp-list-div a:hover {
	text-decoration: none;
	background-color: #146123;
    border-color: #146123;
	color: #fff;
}

.login_cont_inner .logindata {
    width: 100%;
    border-radius: 4px;
}
.login_cont_inner .logincaption {
    font-weight: bold;
    font-size: 11px;
    margin-top: 15px;
}
.signup .appFieldRow .right {
    margin-bottom: 15px;
}

.login_cont_inner .loginButton {
    border-top: 2px solid #6cb640;
    width: 100%;
    padding-top: 15px;
    background-color: transparent;
    border-radius: 0;
    padding-left: 0;
    cursor: initial;
    margin-top: 10px;
}
.login_cont_inner .loginButton a {
    padding: 0.375rem 1rem;
    background-color: #1d7a2f;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}
.signup .cp-list-div {
    border-top: 2px solid #6cb640;
    margin-bottom: 0px !important;
}

/*Surveys*/
.survey .survey .survey_title_parameter {
    float: left;
    margin-top: -16px;
    margin-right: 45px;
    position: relative;
}
.survey .survey .survey_title_parameter:after {
    content: "/";
    position: absolute;
    top: 20px;
    right: -30px;
    font-weight: bold;
}
.survey .survey .survey_title_parameter_select {
    margin-top: 32px;
    margin-left: 40px;
}
.survey .node_question_container {
    border-radius: 4px;
    padding-bottom: 10px !important;
}
.survey .node_description {
    margin-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.survey .node_description h2 {
    border-bottom: 2px solid #6cb640;
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.survey .question_radios {
    border-bottom: 2px solid #6cb640;
    padding-bottom: 30px;
}
.survey .question_radios input,
.survey .question_radios img {
    margin-right: 5px;
    position: relative;
    z-index: 2;
    left: 10px;
    top: 1px;
}
.survey .question_radios label {
    margin-right: 40px !important;
    position: relative;
    z-index: 1;
    padding-left: 10px;
}
.survey .question_radios label:before {
    content: "";
    border: 1px solid #ccc;
    width: calc(100% + 60px);
    height: 30px;
    display: block;
    position: absolute;
    left: -35px;
    top: -5px;
    border-radius: 4px;
    background-color: #fff;
    z-index: -1;
}
.survey .question_radios .appFieldRow .right label::before {
    left: -20px;
    width: calc(100% + 40px);
}
.survey [class*="custom_attribute_container"] {
    border-radius: 4px;
    border: 1px solid #ccc;
    background-color: #eaeaea;
    padding: 30px 20px;
}
.survey [class*="custom_attribute_container"] input,
.survey [class*="custom_attribute_container"] label {
    margin-bottom: 20px;
}
.survey [class*="custom_attribute_container"] img {
    margin-bottom: 5px;
}
.survey [class*="custom_attribute_container"] .node_answer_name input,
.survey [class*="custom_attribute_container"] .node_answer_desc input,
.survey [class*="custom_attribute_container"] .node_answer_ponder input {
    left: 0;
}
.survey [class*="custom_attribute_container"] .node_answer_name,
.survey [class*="custom_attribute_container"] .node_answer_desc {
    margin-bottom: 20px;
}

.survey .node_question_container hr {
    display: none;
}
.survey .btn-question-next {
    margin-top: 30px;
}

/*Articles*/
.cms .articlesList {
    border-top: 2px solid #6cb640;
    border-bottom: 2px solid #6cb640;
}
.forgottenButton {
	float: right;
}