/*<<<<<MAIN*/
/*Template:Yii2App/web/css/site.css*/
html,
body {
	height: 100%;
	color: inherit;
	background-color: inherit;
}
.wrap {
	min-height: 100%;
	height: auto;
	margin: 0 auto -60px;
	padding: 0 0 60px;
}
.wrap > .container {
	padding: 0px 15px 20px;
}
.footer {
	height: 60px;
	background-color: #f5f5f5;
	border-top: 1px solid #ddd;
	padding-top: 20px;
}
body.site .header {
	color: inherit;
	background-color: #e3f2fd;
}

/* MAIN NAVBAR */
IMG#app-logo {
	max-height: 64px;
	min-height: 32px;
	margin-bottom: 2px;
}
body.site nav.navbar {
	padding-top: 1px;
	padding: 0;
	margin-bottom: 1px;
}
body.site .nav.navbar .navbar-brand {
	padding-top: 1px;
	padding-bottom: 0;
	margin-bottom: 1px;
}
body.site .navbar-light .navbar-brand {
	color: inherit !important;
}
body.site nav ol.breadcrumb {
	background-color: inherit;
}
body.site nav ol.breadcrumb .breadcrumb-item.active {
	color: inherit;
}
/* churros formwizard */
.churros-wizard .sw-main {
	background-color: inherit;
}
.churros-wizard .sw-theme-default > ul.step-anchor {
	background-color: inherit;
}
.churros-wizard .step-content {
	background-color: inherit;
}
.churros-wizard .sw-theme-default > ul.step-anchor > li.active > a {
	color: inherit;
}
.sw-theme-default > ul.step-anchor > li.done > a {
	color: inherit !important;
}

.jumbotron {
	text-align: center;
	background-color: transparent;
	padding-bottom: 10px;
	padding-top: 10px;
}

.jumbotron .btn {
	font-size: 21px;
	padding: 14px 24px;
}


.hint-block {
	display: block;
	margin-top: 5px;
	color: #999;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
	padding: 15px;
	border: none;
}

@media(max-width:767px) {
	.nav li > form > button.logout {
		display:block;
		text-align: left;
		width: 100%;
		padding: 10px 15px;
	}
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
	text-decoration: none;
}

.nav > li > form > button.logout:focus {
	outline: none;
}
/*>>>>>MAIN*/
/*<<<<<COMMON_STYLES*/
@import "/css/app_common.css";
body { /* bootstrap color is blue */
	color: black;
}
.no-padding {
	padding: 0 !important;
}
.no-horiz-margin {
	margin-left: -15px !important;
	margin-right: -15px !important;
}
.invalid {
	color: white;
	background-color:orange;
}
.hidden {
	display:none;
}
@media not print {
	.not-set {
		color: gray;
		font-style: italic;
		font-family: serif;
		font-size: .6rem;
	}
	.icon-danger {
		color: red;
	}
}
@media print {
	body {
		background: none;
	}
	.not-set {
		visibility: hidden;
	}
}
.btn.btn-cancel {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	font-size: smaller;
}
input[type="checkbox"]:focus + .custom-control-label {
  /* Add your custom styles here */
  /* For example, change the color and add a border */
  border-bottom: 1px solid gray;
}
/*bootstrap5 polifill*/
.g-0 {
	margin-right: 0;
	margin-left: 0;
}
.g-1 {
	margin-right: 0.25rem;
	margin-left: 0.25rem;
}
.g-2 {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
}
.g-3 {
	margin-right: 1rem;
	margin-left: 1rem;
}
/*>>>>>COMMON_STYLES*/
/*<<<<<FORMS*/
.col-form-label {
	color: inherit;
	background-color: inherit;
	text-align: right;
}
.select2-container .selection .select2-selection,
.file-caption-name.form-control,
.form-control {
	color: inherit;
	background-color: inherit;
}
.form-control:focus {
	color: inherit;
	background-color: inherit;
}
.form-control::placeholder { opacity:0.5; }
.form-control-plaintext {
	padding: 0.375rem 0.75rem !important;
	background-color: #e9ecef;
	opacity: 1;
}
.readonly {
	background-color: #e9ecef;
	opacity: 1;
}
.custom-control.custom-checkbox {
	margin-bottom: 1rem;
/* 	padding-left: 15px; */
}
.form-buttons-group {
	padding-left: 0.75rem;
}
/*>>>>>FORMS*/