html {
	height: 100%;
}
body {
	background-color: #f1f7f2;
}
.header {
	padding-left: 0 !important;
}
.header .header-content {
	padding-left: 30px !important;
    padding-right: 30px !important;
}
.header .header-content img {
	height: 44px;
}
.card-title {
    text-transform: none;
}

#admin-nav > li {
	padding-left: 30px;
}
#admin-nav > li > a {
	color: #333;
	background-color: white;
    line-height: 1em;
    font-weight: bold;
    padding: 9px 14px;
    margin-bottom: 0.1em;
}
#admin-nav > li.selected > a {
    border-bottom-color: #007b22;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    margin-bottom: 0;
}
#admin-nav > li > a:hover,
#admin-nav > li > a:focus {
    background-color: #007B22;
    color: white;
    
    border-bottom-color: #007b22;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    margin-bottom: 0;
}
#admin-nav > li > a span {
    cursor: pointer;
    white-space: normal;
}
#admin-nav > li .dropdown-menu-left {
    margin-left: 30px;
    padding: 15px;
    
}
#admin-nav > li a.dropdown-item {
    background-color: white;
    color: #333;
    padding: 10px;
    font-weight: bold;
    border-bottom: 0.1em solid transparent;
}
#admin-nav > li.nav-item a.dropdown-item::before {
    background-color: #333 !important;
    border-radius: 10px;
    content: "";
    height: 5px;
    left: 15;
    position: absolute;
    width: 5px;
    margin-top: 0.6em;
}
#admin-nav > li.nav-item a.dropdown-item:hover, 
#admin-nav > li.nav-item a.dropdown-item:active, 
#admin-nav > li.nav-item a.dropdown-item:focus {
    border-bottom: 0.1em solid #007B22;
    background-color: white;
    /*color: var(--primary);*/
}
#admin-nav > li.nav-item a.dropdown-item.selected {
    color: var(--primary);
}
/*)
li.nav-item .dropdown-menu a {
    background-color: white;
    line-height: 1em;
    font-weight: bold;
}
#admin-nav > li .dropdown-menu a.dropdown-item::before {
    background-color: #333;
    border-radius: 10px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 1em;
    width: 3px;
}
*/
#admin-nav > li.nav-item a.dropdown-item.active {
	color: var(--primary);
    text-decoration: none;
    background-color: white;
}

.modal-footer .btn-first {
	justify-content: flex-start;
}


.content-body {
	margin-left: 0 !important;
	min-height: calc(100vh - 60px) !important;
}
.fw-bold {
    font-weight: 700!important;
}


h1.once_title {
	color: #007B22;
    font-size: 1.4em;
    font-weight: 400;
}


.footer {
	background-color: #f1f7f2;
}

.hidden {
	display: none;
}

input.once_input,
.wizard .content > .body input.once_input {
	border: 2px solid #007B22;
    border-radius: 5px;
    padding: 0.1em 0.5em;
    font-size: 100%;
    font-family: "Avenir W01", Arial, FreeSans, sans-serif;
}
input.once_input:hover,
input.once_input:focus,
.wizard .content > .body input.once_input:hover,
.wizard .content > .body input.once_input:focus {
	background-color: #007B22;
    color: white;
    border-color: #333;
}
input[type="checkbox"].once_check,
.wizard .content > .body input[type="checkbox"].once_check,
#companyEdit-form input[type="checkbox"].once_check,
#companyDetailEdit-form input[type="checkbox"].once_check {
	border: 2px solid #007B22;
}
input[type="checkbox"].once_check:after,
.wizard .content > .body input[type="checkbox"].once_check:after,
#companyEdit-form input[type="checkbox"].once_check:after,
#companyDetailEdit-form input[type="checkbox"].once_check:after {
	background-color: white;
	margin-left: 0;
}
#databases_wrapper input[type="checkbox"].once_check,
#userAdd-modal input[type="checkbox"].once_check,
#userEdit-modal input[type="checkbox"].once_check,
#admAdd-modal input[type="checkbox"].once_check,
#companyEdit-form input[type="checkbox"].once_check {
	margin: 0;
	margin: auto;
	position: static;
	width: 1.2rem;
    height: 1.2rem;
}
#databases_wrapper input[type="checkbox"].once_check:after,
#userAdd-modal input[type="checkbox"].once_check:after,
#userEdit-modal input[type="checkbox"].once_check:after,
#admAdd-modal input[type="checkbox"].once_check:after,
#companyEdit-form input[type="checkbox"].once_check:after,
#companyDetailEdit-form input[type="checkbox"].once_check:after {
	border: 2px solid #007B22;
	width: 1.2rem;
    height: 1.2rem;
}
input.once_input.disabled, 
.wizard .content > .body input.once_input.disabled,
#companyEdit-form input[type="checkbox"].once_check.disabled:after {
	border: 2px solid #aaaaaa;
	background-color: #efefef;
}
#userAdd-modal .col-form-check,
#userEdit-modal .col-form-check,
#admAdd-modal .col-form-check {
	padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}
input[type="checkbox"].once_check:hover, 
input[type="checkbox"].once_check:focus,
input[type="checkbox"].once_check:checked,
input[type="checkbox"].once_check:active,
input[type="checkbox"].once_check:hover:after, 
input[type="checkbox"].once_check:focus:after,
input[type="checkbox"].once_check:checked:after,
input[type="checkbox"].once_check:active:after,
#companyEdit-form input[type="checkbox"].once_check:hover,
#companyEdit-form input[type="checkbox"].once_check:focus,
#companyEdit-form input[type="checkbox"].once_check:checked,
#companyEdit-form input[type="checkbox"].once_check:active,
#companyEdit-form input[type="checkbox"].once_check:hover:after,
#companyEdit-form input[type="checkbox"].once_check:focus:after,
#companyEdit-form input[type="checkbox"].once_check:checked:after,
#companyEdit-form input[type="checkbox"].once_check:active:after,
#companyDetailEdit-form input[type="checkbox"].once_check:hover,
#companyDetailEdit-form input[type="checkbox"].once_check:focus,
#companyDetailEdit-form input[type="checkbox"].once_check:checked,
#companyDetailEdit-form input[type="checkbox"].once_check:active,
#companyDetailEdit-form input[type="checkbox"].once_check:hover:after,
#companyDetailEdit-form input[type="checkbox"].once_check:focus:after,
#companyDetailEdit-form input[type="checkbox"].once_check:checked:after,
#companyDetailEdit-form input[type="checkbox"].once_check:active:after {
	outline: 0;
	box-shadow: none;
}
input[type="checkbox"].once_check:hover:after,
input[type="checkbox"].once_check:focus:after,
#companyEdit-form input[type="checkbox"].once_check:hover:after,
#companyEdit-form input[type="checkbox"].once_check:focus:after
#companyDetailEdit-form input[type="checkbox"].once_check:hover:after,
#companyDetailEdit-form input[type="checkbox"].once_check:focus:after {
	background-color: #007B22;
    color: white;
    border: 0;
}
input[type="checkbox"].once_check:checked:after,
#companyEdit-form input[type="checkbox"].once_check:checked:after,
#companyDetailEdit-form input[type="checkbox"].once_check:checked:after {
	background-color: #0d6efd;
    color: white;
    border: 0;
}
#companyEdit-form input[type="checkbox"].once_check:checked:after,
#companyDetailEdit-form input[type="checkbox"].once_check:checked:after {
	font-size: 14px;
}


a.once_link,
a.once_btn_link {
	text-decoration: underline;
    word-wrap: break-word;
    color: var(--primary);
    font-weight: bold;
}
a.once_link:hover, 
a.once_link:focus {
	text-decoration: none;
    background-color: var(--primary);
    color: white;
}
a.once_btn_link:hover, 
a.once_btn_link:focus {
	text-decoration: none;
    color: var(--dark);
}

.wizard > .actions li:not(.disabled) a {
    background-color: var(--primary);
    color: #fff;
}
button.once_btn,
.wizard > .actions li:not(.disabled) a {
	font-size: 100%;
    cursor: pointer;
    font-weight: bold;
    background-color: #007B22;
    border: 2px solid #007B22;
    border-radius: 5px;
    padding: 0.5em;
    color: white;
    text-transform: uppercase;
    margin: 0.2em;
}
button.once_btn:hover,
button.once_btn:focus,
button.once_btn:active,
.btn-primary:not(:disabled):not(.disabled):active,
.wizard > .actions li:not(.disabled) a:hover,
.wizard > .actions li:not(.disabled) a:focus,
.wizard > .actions li:not(.disabled) a:active {
	background: white;
    color: #007B22;
    border-color: #333;
    outline: 0;
    box-shadow: none;
}
.wizard > .actions .disabled a, 
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:focus,
.wizard > .actions .disabled a:active {
	font-size: 100%;
    cursor: default;
    font-weight: bold;    
    border-radius: 5px;
    padding: 0.5em;
    text-transform: uppercase;
    margin: 0.2em;
    border: 2px solid #EEEEEE;
}
.wizard .actions ul li.disabled a {
	border: 2px solid #EEEEEE;
}

.step-form-horizontal .wizard .steps li.current a, 
.step-form-horizontal .wizard .steps li.disabled a {
    background-color: transparent;
    text-align: center;
}
.step-form-horizontal .wizard .steps li.current a,
.step-form-horizontal .wizard .steps li.current a:hover, 
.step-form-horizontal .wizard .steps li.current a:active {
    color: #007B22;
}
.step-form-horizontal .wizard .steps li.disabled a,
.step-form-horizontal .wizard .steps li.disabled a:hover, 
.step-form-horizontal .wizard .steps li.disabled a:active {
    color: #eee;
}



/* Databases */
#databases tbody tr:nth-of-type(odd) {
    background-color: rgba(241, 247, 242, 0.25) !important;
}
#databases tbody tr:hover {
    background-color: rgba(241, 247, 242, 0.75) !important;
}
#databases tbody tr.editing {
    background-color: #fdffe3 !important;
}
/*
#databases.dataTable thead .sorting,
#databases.dataTable thead .sorting_asc,
#databases.dataTable thead .sorting_desc {
    background-image: none;
}
*/


/* Company */
#company tbody tr:nth-of-type(odd) {
    background-color: rgba(241, 247, 242, 0.25) !important;
}
#company tbody tr:hover {
    background-color: rgba(241, 247, 242, 0.75) !important;
}
#companyEdit-form .form-group {
	margin-bottom: 0;
}
#companyEdit-form label.error {
	font-size: 12px;
}



/* Users */
#users tbody tr:nth-of-type(odd) {
    background-color: rgba(241, 247, 242, 0.25) !important;
}
#users tbody tr:hover {
    background-color: rgba(241, 247, 242, 0.75) !important;
}



/* Registration */
.progress {
    height: 18px !important;
    margin-top: 6px !important;
}
.password-verdict{
	color:#000 !important;
}
.error-list,
.required {
    font-size: 11px !important;
    color: #d52929 !important;
}
#globalError {
    padding: 0 !important;
    margin: 0 !important;
}

#registration-form .alert-danger,
#resetPassword-form .alert-danger {
    padding: 0.5rem 1.25rem;
    margin-top: 0.5rem;
    font-size: 85%;
}

#clientDetail .nav-tabs {
    border-bottom: 2px solid;
        border-color: #eaeaea;
}

#clientDetail .nav-item .nav-link:hover, 
#clientDetail .nav-item .nav-link.active {
	border-bottom: 2px solid;
}
#clientDetail .nav-tabs .nav-item {
    margin-bottom: -2px;
}
#clientDetail .nav-item .nav-link {
    margin-right: 50px;
}