@font-face {
	font-family: "Fira Sans Light";
	font-weight: 300;
	src: url(https://cdn.wolterskluwer.io/wk/fundamentals/1.20.0/typography/assets/FiraSans-Light.woff2) format("woff2"), url(https://cdn.wolterskluwer.io/wk/fundamentals/1.20.0/typography/assets/FiraSans-Light.woff) format("woff");
	font-display: swap
}

@font-face {
	font-family: "Fira Sans Bold";
	font-weight: 500;
	src: url(https://cdn.wolterskluwer.io/wk/fundamentals/1.20.0/typography/assets/FiraSans-Medium.woff2) format("woff2"), url(https://cdn.wolterskluwer.io/wk/fundamentals/1.20.0/typography/assets/FiraSans-Medium.woff) format("woff");
	font-display: swap
}

@font-face {
	font-family: "Fira Sans";
	font-weight: 400;
	src: url(https://cdn.wolterskluwer.io/wk/fundamentals/1.20.0/typography/assets/FiraSans-Regular.woff2) format("woff2"), url(https://cdn.wolterskluwer.io/wk/fundamentals/1.20.0/typography/assets/FiraSans-Regular.woff) format("woff");
	font-display: swap
}
@font-face {
  font-family: 'icofont';
  src: url("../fonts/icomoon.eot?v4");
  src: url("../fonts/icomoon.eot?v4#iefix") format("embedded-opentype"), url("../fonts/icomoon.woff?v4") format("woff"), url("../fonts/icomoon.ttf?v4") format("truetype"), url("../fonts/icomoon.svg?v4#at") format("svg");
  font-weight: normal;
  font-style: normal; }
/* line 4150, ../scss/_app_ui.scss */
[class^="icon-txt"], [class*=" icon-txt"] {
  font-family: 'icofont';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }


/* test */

.react-admin{
	padding: 15px 5px;
}

.react-admin * {
	font-family: "Fira Sans", sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #353535;
}

.react-admin p,
.react-admin li,
.react-admin th,
.react-admin td,
.react-admin input {
	font-family: "Fira Sans Light", sans-serif;
	font-weight: 300;
}

.react-admin p,
.react-admin li {
	line-height: 1.6 !important;
}

.react-admin b {
	font-family: "Fira Sans Bold", sans-serif;
}

.react-admin a {
	color: #005B92;
	text-decoration: none !important;
	cursor: pointer;
}


.react-admin ol {
	padding-left: 20px;
}

.txt-blue {
	color: #4694cd;
}

.txt-red {
	color: #ef3c3c;
}

.txt-green {
	color: #4a8300;
}

.txt-black {
	color: #000;
}

.txt-orange {
	color: #F60;
}

.txt-gray {
	color: #666;
}

.react-admin table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

.react-admin table thead {
	background: none repeat scroll 0 0 transparent;
}

.react-admin table td {
	padding: 12px 10px;
	border-right: 2px solid #fff;
	border-bottom: 0;
}

.react-admin table tr:nth-child(even) td {
	background-color: #edf0f4;
}

.react-admin table th,
.react-admin table thead tr th {
	background-color: #dde3ea;
	border-bottom: 1px solid #d1d1d1;
	padding: 12px 10px;
	border-right: 2px solid #fff;
	color: #000;
	text-align: left;
}

.react-admin table.plain-table {
	width: auto;
}

.react-admin table.plain-table thead {
	background: none repeat scroll 0 0 transparent;
}

.react-admin table.plain-table td {
	padding: 12px 10px;
	border: 0;
	background-color: transparent;
}

.react-admin table.plain-table tr:nth-child(even) td {
	background-color: transparent;
}

.react-admin table.plain-table th,
.react-admin table.plain-table thead tr th {
	border: 0;
	background: none;
}

.react-admin table.lines-table thead {
	background: none repeat scroll 0 0 transparent;
}

.react-admin table.lines-table td {
	padding: 12px 10px;
	border-right: 0;
	border-bottom: 1px solid #dedede;
	background: none;
}

.react-admin table.lines-table tr:nth-child(even) td {
	background-color: transparent;
}

.react-admin table.lines-table th,
.react-admin table.lines-table thead tr th {
	background: none;
	border-bottom: 1px solid #dedede;
	border-right: 0;
}

.react-admin .img-left {
	float: left;
	margin: 0 20px 10px 0;
}

.react-admin .img-right {
	float: right;
	margin: 0 0 10px 20px;
}

.react-admin h2 {
	color: #000;
	line-height: 1.1;
	margin-bottom: 25px;
	margin-top: 5px;
	font-size: 24px;
	font-family: "Fira Sans Bold", sans-serif;
	font-weight: 500;
}

.react-admin h3 {
	line-height: 1.25;
	font-size: 21px;
	margin-top: 3px;
	margin-bottom: 8px;
	font-family: "Fira Sans Bold", sans-serif;
	font-weight: 500;
}

.react-admin h4 {
	line-height: 24px;
	font-size: 16px;
	margin-top: 0px;
	margin-bottom: 10px;
	font-family: "Fira Sans Bold", sans-serif;
	font-weight: 500;
}


@font-face {
	font-family: 'icofont';
	src: url('../../fonts/icomoon.eot');
	src: url('../../fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../../fonts/icomoon.woff') format('woff'),
		url('../../fonts/icomoon.ttf') format('truetype'),
		url('../../fonts/icomoon.svg#fms') format('svg');
	font-weight: normal;
	font-style: normal;
}


.react-admin .article__lock-wrap .panel {
	border: 3px solid #dadada;
	padding: 60px 30px 30px;
}

.react-admin .panel h2,
.react-admin .panel h3,
.react-admin .panel h4,
.react-admin .panel h5,
.react-admin .panel p,
.react-admin .panel li,
.react-admin .panel span {
	color: #353535;
}

.react-admin .panel--gray {
	padding: 30px 30px;
	background-color: #F2F2F2;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	position: relative;
}

.react-admin ul.design-ul {
	list-style: none;
	margin-left: 0;
	padding: 0px;
}

.react-admin ul.design-ul li {
	padding: 0px 5px 0px 25px;
	background-repeat: no-repeat;
	text-indent: -15px;
}

.react-admin ul.design-ul li:before {
	font-family: 'icofont';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: relative;
	left: -10px;
	color: #0077cc;
	content: "\e620";
}


.react-admin ol.design-ol {
	counter-reset: li-counter;
	list-style-type: none;
	margin: 0 0 0 45px;
	padding: 0;
}

.react-admin ol.design-ol>li {
	margin-bottom: 20px;
	min-height: 40px;
	padding-left: 0;
	position: relative;
}

.react-admin ol.design-ol>li::before {
	border: 2px solid #07c;
	border-radius: 1000px;
	color: #07c;
	content: counter(li-counter, decimal);
	counter-increment: li-counter;
	font-size: 1rem;
	font-weight: bold;
	height: 23px;
	left: -45px;
	line-height: 1;
	padding-top: 7px;
	position: absolute;
	text-align: center;
	top: -3px;
	width: 31px;
}


.react-admin ul.design-ul-arrow,
.react-admin ul.design-ul-arrow--rich,
.react-admin ul.design-ul,
.react-admin ul.design-checklist {
	list-style: none;
	margin-left: 15px;
}

.react-admin ul.design-ul-arrow li,
.react-admin ul.design-ul-arrow--rich li,
.react-admin ul.design-ul li,
.react-admin ul.design-checklist li {
	padding: 0px 5px 0px 15px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	text-indent: -22px;
}

.react-admin ul.design-ul-arrow li:before,
.react-admin ul.design-ul-arrow--rich li,
.react-admin ul.design-ul li:before,
.react-admin ul.design-checklist li:before {
	font-family: 'icofont';
	position: relative;
	left: -10px;
	content: "\e91c ";
	color: #999;
	/*$secondary-color;*/
	font-size: 18px;
	vertical-align: middle;
	line-height: 0.5;
}

.react-admin ul.design-ul-arrow li ul.design-ul,
.react-admin ul.design-ul-arrow--rich li ul.design-ul,
.react-admin ul.design-ul li ul.design-ul,
.react-admin ul.design-checklist li ul.design-ul {
	margin-left: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.react-admin ul.design-checklist li {
	margin-bottom: 5px;

}

.react-admin ul.design-checklist li:before {
	content: "\e933 ";
	color: #007AC3;
	/*$primary-color;*/
}

.react-admin .labels-list {
  line-height: 1;
  list-style: none;
  margin: 0; 
	margin-bottom: 5px;
	}
  .react-admin .labels-list .label, .react-admin .labels-list .tag, .react-admin .labels-list .chip, .react-admin .labels-list li {
    color: #353535;
    font-size: 12px;
    display: inline-block;
    margin: 0 5px 4px 0;
    background: #DADADA;
		line-height: 1 !important;
    border-radius: 20px; }
    .react-admin .labels-list .label span, .react-admin .labels-list .tag span, .react-admin .labels-list .chip span, .react-admin .labels-list li span {
      display: inline-block;
      padding: 5px 10px;
			line-height: 1 !important;
      font-size: 12px; }
    .react-admin .labels-list .label a, .react-admin .labels-list .tag a, .react-admin .labels-list .chip a, .react-admin .labels-list li a {
      color: #353535;
      text-decoration: none;
      margin: 0; }
    .react-admin .labels-list .label[class="label"], .react-admin .labels-list .label[class="label "], .react-admin .labels-list .tag[class="label"], .react-admin .labels-list .tag[class="label "], .react-admin .labels-list .chip[class="label"], .react-admin .labels-list .chip[class="label "], .react-admin .labels-list li[class="label"], .react-admin .labels-list li[class="label "] {
      color: #474747; }
      .react-admin .labels-list .label[class="label"] a, .react-admin .labels-list .label[class="label "] a, .react-admin .labels-list .tag[class="label"] a, .react-admin .labels-list .tag[class="label "] a, .react-admin .labels-list .chip[class="label"] a, .react-admin .labels-list .chip[class="label "] a, .react-admin .labels-list li[class="label"] a, .react-admin .labels-list li[class="label "] a {
        color: #474747; }
    .react-admin .labels-list .label i.icon-txt-cross, .react-admin .labels-list .tag i.icon-txt-cross, .react-admin .labels-list .chip i.icon-txt-cross, .react-admin .labels-list li i.icon-txt-cross {
      margin-right: 8px; font-size: 12px; }


.react-admin button,
.react-admin .button,
.react-admin a.button {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0px 0;
	padding: 12px 20px;
	border: 1px solid transparent;
	border-radius: 0px;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
	font-family: inherit;
	font-size: 14px;
	-webkit-appearance: none;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	background-color: #007AC3;
	color: #fff !important;
}

.react-admin .button + .button, .react-admin .button + a {
	margin-left: 15px !important;
}

.react-admin a.button--hollow, .react-admin .button--hollow {
	background: #fff !important;
	border: 1px solid #005B92 !important;
	color: #005B92 !important;
}
.react-admin .button--hollow:hover {
	background: #F2F2F2 !important;
}

.react-admin .button.disabled {
	background-color: #b3b3b3 !important;
	cursor:not-allowed;
	opacity: 0.8;
}


.react-admin .perex.perex--big p {
	font-size: 1rem;
}

.react-admin .perex p {
	line-height: 1.44;
	font-size: 1rem;
	margin-bottom: 30px;
	font-family: "Fira Sans", sans-serif;
	font-weight: 400;
}

.react-admin [class^="icon-txt"],
.react-admin [class*=" icon-txt"] {
	font-family: 'icofont';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.react-admin .icon-txt-check::before {
	content: "\e933";
}

.react-admin .articles-list--minimal {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.react-admin .articles-list--minimal li,
.react-admin .articles-list--minimal li a {
	font-family: "Fira Sans", sans-serif;
	font-weight: 400;
}


/* Container for the table */

.react-admin .flex-table-wrap {
	margin:10px 0px;
	padding:10px 10px 0px 10px;
	background-color: #f4f4f4;
}

.react-admin .flex-table {
	display: flex;
	flex-direction: column;
	gap: 10px; /* Space between rows */
	max-width: 600px; /* Optional: Limit the width of the form */
	margin: 0 auto; /* Center the container */
}
  
.react-admin .flex-row {
	display: flex;
	justify-content: flex-start; /* Align the items from left */
	align-items: center; /* Vertically center the label and input */
	gap: 20px; /* Space between label and input */
}
  
.react-admin .flex-row .ft-label {
	flex: 1; /* Allow the label to take most of the space */
	text-align: left; /* Align the label text to the left */
	align-items: center;
	font-size: 14px;
}

.react-admin .flex-row .ft-label input {
	padding: 5px;
	width: 100%; /* Optional: Make the input take up the available space */
	/* max-width: 300px;*/ /* Optional: Limit the width of input fields */
	height: 30px;
	min-height: 30px;
}
  
.react-admin .flex-row .ft-input {
	flex-shrink: 0; /* Prevent input from shrinking */
	text-align: right; /* Align the input field to the right */
}
  
.react-admin .flex-row .ft-input  input {
	padding: 5px;
	width: 100%; /* Optional: Make the input take up the available space */
	max-width: 300px; /* Optional: Limit the width of input fields */
	height: 30px;
	min-height: 30px;
}










/* line 2, ../scss/_oao.scss */
.site-header--oaoa {
	border-bottom: 1px solid #DADADA;
}

/* line 4, ../scss/_oao.scss */
.site-header--oaoa .site-header__logo-wrap {
	flex: 0 0 auto;
}

@media print,
screen and (min-width: 64em) {

	/* line 4, ../scss/_oao.scss */
	.site-header--oaoa .site-header__logo-wrap {
		margin-right: 20px;
	}
}

/* line 10, ../scss/_oao.scss */
.site-header--oaoa .site-header__tools-wrap {
	margin-top: 1px;
	flex: 1 0 auto;
	justify-content: flex-end;
}

/* line 17, ../scss/_oao.scss */
.logo--oao {
	background: url(../img/logo-oao.png?v2) no-repeat 0 0 !important;
	background-size: contain !important;
	margin-top: 5px;
}

@media screen and (max-width: 1020px) {

	/* line 17, ../scss/_oao.scss */
	.logo--oao {
		width: 160px !important;
		height: 28px !important;
	}
}

/* line 27, ../scss/_oao.scss */
.admin-logo-tag {
	font-size: 0.5625rem;
	background-color: #bb0059;
	color: #fff;
	display: inline-block;
	padding: 1px 5px;
	position: relative;
	left: 41px;
	top: -10px;
}

@media screen and (max-width: 1020px) {

	/* line 27, ../scss/_oao.scss */
	.admin-logo-tag {
		left: 34px;
	}
}

/* line 41, ../scss/_oao.scss */
.site-header__search {
	margin-right: 0;
}

/* line 47, ../scss/_oao.scss */
ul.top-menu--oaoa {
	height: 100%;
	margin-right: 45px;
}

/* line 50, ../scss/_oao.scss */
ul.top-menu--oaoa li {
	height: 100%;
	margin: 0;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	transition: 0.3s;
}

/* line 56, ../scss/_oao.scss */
ul.top-menu--oaoa li.active,
ul.top-menu--oaoa li:hover {
	border-bottom-color: #007AC3;
	box-shadow: 0px 1px 0px 0px #007AC3;
}

/* line 60, ../scss/_oao.scss */
ul.top-menu--oaoa li a {
	height: 100%;
	display: inline-flex;
	padding: 0 15px;
	align-items: center;
}

/* line 67, ../scss/_oao.scss */
ul.top-menu--oaoa i {
	margin-right: 5px;
	color: #474747;
}

@media screen and (max-width: 1020px) {

	/* line 47, ../scss/_oao.scss */
	ul.top-menu--oaoa {
		display: none;
	}
}

/* line 77, ../scss/_oao.scss */
.foot--oaoa .footer-bottom {
	padding-top: 30px;
}

/* line 80, ../scss/_oao.scss */
.foot--oaoa .footer__copyright {
	flex: 0 0 auto;
}

/* line 83, ../scss/_oao.scss */
.foot--oaoa .footer__inline-links {
	flex: 1 0 auto;
}

/* line 89, ../scss/_oao.scss */
.header-section--oaoa {
	background-color: transparent;
	padding-bottom: 0;
}

/* line 92, ../scss/_oao.scss */
.header-section--oaoa .article__tools-list {
	margin: 15px 0 0;
	column-count: 1;
}

@media print,
screen and (min-width: 64em) {

	/* line 92, ../scss/_oao.scss */
	.header-section--oaoa .article__tools-list {
		margin: 0;
	}
}

@media print,
screen and (max-width: 39.99875em) {

	/* line 89, ../scss/_oao.scss */
	.header-section--oaoa {
		margin-bottom: 15px;
	}
}

/* line 104, ../scss/_oao.scss */
.content-header--oaoa {
	align-items: flex-start !important;
}

/* line 106, ../scss/_oao.scss */
.content-header--oaoa .content-header__props--right {
	width: auto;
}

@media print,
screen and (min-width: 64em) {

	/* line 109, ../scss/_oao.scss */
	.content-header--oaoa .question-props__text {
		text-align: right;
	}
}

/* line 117, ../scss/_oao.scss */
.content-header--plain h1 {
	margin-bottom: 30px;
}

/* line 122, ../scss/_oao.scss */
.content-header__question-props {
	display: flex;
	flex-direction: column;
}

/* line 125, ../scss/_oao.scss */
.content-header__question-props p {
	font-size: 0.875rem;
	margin-bottom: 0;
}

/* line 129, ../scss/_oao.scss */
.content-header__question-props a {
	color: #005B92;
}

@media print,
screen and (min-width: 64em) {

	/* line 122, ../scss/_oao.scss */
	.content-header__question-props {
		align-items: flex-end;
	}
}

/* line 138, ../scss/_oao.scss */
.question-props__text span {
	white-space: nowrap;
}

/* line 143, ../scss/_oao.scss */
.question-props__status {
	margin-bottom: 15px;
}

/* line 145, ../scss/_oao.scss */
.question-props__status p {
	margin-bottom: 5px;
}

/* line 147, ../scss/_oao.scss */
.question-props__status p b {
	color: #353535;
}


/* line 214, ../scss/_oao.scss */
.question-edit label {
	font-weight: 400;
	margin-bottom: 0px;
}

/* line 218, ../scss/_oao.scss */
.question-edit input,
.question-edit textarea {
	margin-bottom: 5px;
	transition: 0.3;
	font-size: 1rem;
}

/* line 222, ../scss/_oao.scss */
.question-edit input[readonly],
.question-edit textarea[readonly] {
	margin-bottom: 0px !important;
	border: 0 !important;
	outline: 0 !important;
	box-shadow: none !important;
	padding-right: 0;
	padding-left: 0;
	background: transparent;
}

/* line 232, ../scss/_oao.scss */
.question-edit textarea {
	line-height: 1.4;
}

/* line 234, ../scss/_oao.scss */
.question-edit textarea[readonly] {
	padding-bottom: 0;
}

/* line 240, ../scss/_oao.scss */
.question-edit__name,
.question-edit__body,
.question-edit__category,
.question-edit__admin-note {
	margin-bottom: 25px;
}

/* line 245, ../scss/_oao.scss */
.question-edit__body>label {
	margin-bottom: 15px;
}

/* line 250, ../scss/_oao.scss */
.question-edit__body--answer {
	background-color: #F2F2F2;
	padding: 15px;
}

/* line 253, ../scss/_oao.scss */
.question-edit__body--answer .question-tools {
	margin-bottom: 0;
}

/* line 259, ../scss/_oao.scss */
.question-edit__body-text>p {
	margin-bottom: 15px;
}

/* line 264, ../scss/_oao.scss */
.question-edit__buttons {
	margin-bottom: 30px;
}

@media print,
screen and (max-width: 39.99875em) {

	/* line 267, ../scss/_oao.scss */
	.question-edit__buttons .button {
		width: 100%;
		margin: 0 0 15px;
	}
}

/* line 275, ../scss/_oao.scss */
.question-edit__name input {
	font-size: 1.125rem;
	font-weight: 500;
}

/* line 282, ../scss/_oao.scss */
.question-edit__category .list-items-group {
	margin: 15px 0 10px;
}

/* line 285, ../scss/_oao.scss */
.question-edit__category select {
	margin-bottom: 10px;
}

/* line 290, ../scss/_oao.scss */
.question-edit__admin-note {
	margin-top: 20px;
}

/* line 294, ../scss/_oao.scss */
.question-edit__author {
	margin-bottom: 30px;
}

/* line 296, ../scss/_oao.scss */
.question-edit__author>label {
	margin-bottom: 10px;
}

/* line 299, ../scss/_oao.scss */
.question-edit__author>a.more {
	display: inline-block;
	padding-top: 10px;
}

/* line 303, ../scss/_oao.scss */
.question-edit__author>p {
	font-size: 0.875rem;
	margin-bottom: 10px;
}

/* line 308, ../scss/_oao.scss */
.question-edit__author-item {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

/* line 312, ../scss/_oao.scss */
.question-edit__author-item h3 {
	font-size: 0.875rem;
	font-weight: 400;
	margin-right: 10px;
	margin-bottom: 0;
}

/* line 318, ../scss/_oao.scss */
.question-edit__author-item .question-tools--author {
	margin-bottom: 0;
	display: flex;
	margin-right: 10px;
}

/* line 322, ../scss/_oao.scss */
.question-edit__author-item .question-tools--author li i {
	position: relative;
	top: 2px;
}

/* line 327, ../scss/_oao.scss */
.question-edit__author-item>span {
	font-size: 0.8125rem;
	color: #999999;
}

/* line 333, ../scss/_oao.scss */
.question-edit__author-extra {
	padding-top: 15px;
}

/* line 335, ../scss/_oao.scss */
.question-edit__author-extra .limited-height {
	max-height: 180px;
	overflow: auto;
	margin-bottom: 30px;
}

/* line 340, ../scss/_oao.scss */
.question-edit__author-extra label {
	margin-bottom: 5px;
}

/* line 343, ../scss/_oao.scss */
.question-edit__author-extra .checkbox-list,
.question-edit__author-extra .radio-list {
	display: flex;
	flex-wrap: wrap;
}

/* line 346, ../scss/_oao.scss */
.question-edit__author-extra .checkbox-list>li,
.question-edit__author-extra .radio-list>li {
	flex: 0 0 100%;
	flex-wrap: wrap;
	margin: 0 0 5px;
}

@media print,
screen and (min-width: 40em) {

	/* line 346, ../scss/_oao.scss */
	.question-edit__author-extra .checkbox-list>li,
	.question-edit__author-extra .radio-list>li {
		flex: 0 0 33.3%;
	}
}

/* line 355, ../scss/_oao.scss */
.question-edit__author-extra .checkbox-list {
	padding-top: 15px;
}

/* line 358, ../scss/_oao.scss */
.question-edit__author-extra .checkbox-list li h4 {
	font-size: 0.875rem;
	font-weight: 400;
	flex: 0 0 100%;
	margin-bottom: 0;
}

/* line 365, ../scss/_oao.scss */
.question-edit__author-extra .checkbox-list li>span {
	font-size: 0.75rem;
	color: #999999;
}

/* line 368, ../scss/_oao.scss */
.question-edit__author-extra .checkbox-list li>span:not(:last-child) {
	margin-right: 10px;
}

/* line 374, ../scss/_oao.scss */
.question-edit__author-extra .radio-list {
	margin-bottom: 30px;
}

/* line 377, ../scss/_oao.scss */
.question-edit__author-extra .radio-list li span {
	font-size: 0.75rem;
	color: #999999;
}

/* line 383, ../scss/_oao.scss */
.question-edit__author-extra textarea {
	margin-bottom: 30px;
}

/* line 388, ../scss/_oao.scss */
.question-edit__props {
	margin-bottom: 10px;
}

/* line 390, ../scss/_oao.scss */
.question-edit__props>span {
	font-size: 0.8125rem;
	color: #999999;
	display: block;
}

/* line 399, ../scss/_oao.scss */
.question-edit__body--answer .question-edit__props>span {
	color: #666666;
}

/* line 405, ../scss/_oao.scss */
.question-edit__webpage {
	margin-bottom: 15px;
}

/* line 407, ../scss/_oao.scss */
.question-edit__webpage>label {
	margin-bottom: 5px;
}

/* line 410, ../scss/_oao.scss */
.question-edit__webpage>a:not(.button) {
	display: block;
	margin-bottom: 10px;
}

/* line 414, ../scss/_oao.scss */
.question-edit__webpage p {
	display: inline-block;
	margin-right: 15px;
}

/* line 420, ../scss/_oao.scss */
.qa-item--question,
.qa-item--answer {
	margin-bottom: 30px;
	position: relative;
}

/* line 425, ../scss/_oao.scss */
.qa-item__message {
	margin-bottom: 15px;
}

/* line 427, ../scss/_oao.scss */
.qa-item__message p {
	padding: 10px;
	border: 1px solid #DADADA;
	margin-bottom: 0;
	position: relative;
	font-size: 0.875rem;
}

/* line 433, ../scss/_oao.scss */
.qa-item__message p:after {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: -9px;
	left: 20px;
	transform: rotate(-45deg);
	border: 1px solid #CEC6C6;
	clip-path: polygon(0 4%, 96% 100%, 0 100%);
	background: #fff;
}

/* line 448, ../scss/_oao.scss */
.qa-item__props {
	font-size: 0.8125rem;
	display: block;
}

/* line 457, ../scss/_oao.scss */
.qa-item--answer .qa-item__message p:after {
	left: auto;
	right: 20px;
}

/* line 463, ../scss/_oao.scss */
.qa-item--answer .qa-item__props {
	text-align: right;
}

/* line 469, ../scss/_oao.scss */
.question-edit__version>label {
	margin-bottom: 10px;
}

/* line 474, ../scss/_oao.scss */
.question-edit__doc-suggestions {
	margin-bottom: 30px;
}

/* line 479, ../scss/_oao.scss */
.question-edit__keywords .list-items-group {
	margin: 15px 0 10px;
}

/* line 483, ../scss/_oao.scss */
.question-edit__keywords .limited-height {
	max-height: 165px;
	overflow: auto;
	margin-bottom: 30px;
}

/* line 488, ../scss/_oao.scss */
.question-edit__keywords label {
	margin-bottom: 5px;
	font-weight: 400;
}

/* line 492, ../scss/_oao.scss */
.question-edit__keywords input[type=text] {
	margin-bottom: 5px;
}

/* line 495, ../scss/_oao.scss */
.question-edit__keywords .checkbox-list {
	display: flex;
	flex-wrap: wrap;
	padding-top: 15px;
}

/* line 499, ../scss/_oao.scss */
.question-edit__keywords .checkbox-list>li {
	flex: 0 0 100%;
	flex-wrap: wrap;
	margin: 0 0 5px;
}

@media print,
screen and (min-width: 40em) {

	/* line 499, ../scss/_oao.scss */
	.question-edit__keywords .checkbox-list>li {
		flex: 0 0 33.3%;
	}
}

/* line 511, ../scss/_oao.scss */
.question-edit__related-regulation,
.question-edit__related-documents {
	margin-bottom: 30px;
}

/* line 513, ../scss/_oao.scss */
.question-edit__related-regulation h4,
.question-edit__related-documents h4 {
	margin-bottom: 15px;
}

/* line 516, ../scss/_oao.scss */
.question-edit__related-regulation h5,
.question-edit__related-documents h5 {
	font-weight: 400;
}

/* line 519, ../scss/_oao.scss */
.question-edit__related-regulation label,
.question-edit__related-documents label {
	font-weight: 400;
	margin-bottom: 10px;
}

/* line 525, ../scss/_oao.scss */
.list-items-group>.labels-list {
	margin: 15px 0 15px;
}


.react-admin .grid-layout {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(470px, 1fr));
	column-gap: 20px;
	row-gap: 20px;
	
}

.react-admin .grid-item {
	border: 1px solid #eee;
	padding: 10px;
}

.react-admin .grid-item label {
	font-size: 11px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin: -10px;
	margin-bottom: 10px;
	padding: 7px 10px;
	background: #eee;
}

.react-admin input[type="text"] {
	border: 1px solid #9f9f9f;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2.25rem;
	margin: 0;
	margin-bottom: 10px;
	padding: 0.5rem;
	background-color: #fefefe;
	box-shadow: none;
	font-size: 14px;
	color: #0a0a0a;
	min-height: 40px;
}



.react-admin .checkbox-list {
	display: flex;
	flex-wrap: wrap;
}

.react-admin .checkbox-list>li {
	flex: 0 0 100%;
	flex-wrap: wrap;
	margin: 0 0 5px;
}

@media print,
screen and (min-width: 40em) {
	.react-admin .checkbox-list>li {
		flex: 0 0 calc(33.3% - 10px);
	}
}

.react-admin ul.side-nav {
	list-style-type: none;
	margin: 0 0 10px -5px;
}

/* line 32, ../scss/_mixins-project.scss */
.react-admin ul.side-nav>li {
	font-size: 14px;
	margin: 0 5px 0 5px;
	color: #474747;
	line-height: 1.4;
	font-weight: 400;
}

/* line 37, ../scss/_mixins-project.scss */
.react-admin ul.side-nav>li a {
	display: block;
	text-decoration: none;
	color: #474747;
	font-size: 14px;
}

/* line 41, ../scss/_mixins-project.scss */
.react-admin ul.side-nav>li a:hover {
	color: #000;
}

.react-admin .facet .panel.panel--plain{
	margin-bottom: 20px;
}

.react-admin .facet .panel.panel--plain li, .react-admin .facet .panel.panel--plain li a{
	font-size: 12px;
}

.react-admin input.design-checkbox+label,
.react-admin .facet--checkbox li>a,
.react-admin .checkbox-list li>a {
	padding-left: 30px;
	position: relative;
	margin: 0 0 0px 0;
	color: #353535;
}

.react-admin input.design-checkbox+label::before,
.react-admin .facet--checkbox li>a::before,
.react-admin .checkbox-list li>a::before {
	display: inline-block;
	width: 20px;
	height: 20px;
	content: " ";
	margin-left: -30px;
	position: relative;
	border: 2px solid #DADADA;
	border-radius: 2px;
	margin-right: 10px;
	vertical-align: top;
	left: 0;
	top: 0px;
	background-color: #fff;
	box-sizing: border-box;
}

.react-admin input.design-checkbox:checked+label::after,
.react-admin .facet--checkbox li.checked>a::after,
.react-admin .checkbox-list li.checked>a::after {
	content: "\e933";
	font-family: 'icofont';
	position: absolute;
	top: 0px;
	left: 3px;
	font-size: 14px;
	color: #bb0059;
}

.react-admin ul.question-tools li {
	display: inline-flex;
	font-size: 13px;
	color: #999999;
	align-items: center;
	font-weight: 400;
}

.react-admin ul.question-tools li a {
	color: #005B92 !important;
	font-size: 13px;
	font-weight: 400;
	margin-top: -5px;
}

.react-admin ul.labels-select {
	max-height: 132px;
	border: 1px solid #DADADA;
	overflow: auto;
	margin-left: 0;
	margin-bottom: 15px;
}

.react-admin ul.labels-select li {
	display: flex;
	padding: 3px 5px;
	cursor: pointer;
}

.react-admin ul.labels-select li span.labels-select-meta{
	font-size: 0.8em;
	color: #727272;
	flex: 1 1 auto;
	justify-content: flex-end;
	display: flex;
	align-items: center;
}

.react-admin ul.labels-select li:not(:last-child) {
	border-bottom: 1px solid #DADADA;
}

.react-admin ul.labels-select li.checked:before {
	font-family: 'icofont';
	content: "\e933";
	color: #353535;
	margin-right: 5px;
	font-size: 0.8em;
}

.react-admin ul.labels-select.labels-select--double {
	max-height: 262px;
}

.react-admin ul.labels-select.labels-select--triple {
	max-height: 392px;
}

.react-admin .postfix-wrap{
	display: flex;
	margin-bottom: 10px;
}
.react-admin .postfix-wrap input{
	margin-bottom: 0;
}

p.no-attachments{
	text-align: center;
	background-color: #f7f7f7;
	padding: 5px 10px;
	margin-bottom: 15px;
	font-size: 12px;
}

/* ALERT*/
.react-admin .alert-box {
	border-style: solid;
	border-width: 1px;
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	transition: opacity 300ms ease-out;
	background-color: #f47931;
	border-color: #ef600d;
	color: #FFFFFF;
	margin: 0 0 15px;
}

.react-admin .alert-box [class^="icon-txt"]{
	margin-right: 10px;
	position: relative;
	top: 2px;
	color: #fff;
}

.react-admin .alert-box.alert {
	background-color: #ef3c3c;
	border-color: #ef3c3c;
	color: #FFFFFF;
}

.react-admin .alert-box.secondary {
	background-color: #231f20;
	border-color: #1e1b1c;
	color: #FFFFFF;
}

.react-admin .alert-box.warning {
	background-color: #f47931;
	border-color: #ef600d;
	color: #FFFFFF;
}

.react-admin .alert-box.success {
	background-color: #4a8300;
	border-color: #4a8300;
	color: #FFFFFF;
}

.react-admin .alert-box.info {
	background-color: #ababab;
	border-color: #939393;
	color: #FFFFFF;
}

.react-admin .alert-box.alert-close {
	opacity: 0
}

.react-admin a.more {
	color: #005B92 !important;
	font-size: 14px;
	transition: color 0.3s;
}
.react-admin a.more i{
	margin-left: 5px;
}


.react-admin .icon-txt-pencil::before {
	content: "\e61b";
}
.react-admin .icon-txt-arrow-line-up:before {
  content: "\e907"; }

.react-admin .icon-txt-arrow-line-left:before {
  content: "\e91b"; }

.react-admin .icon-txt-arrow-line-right:before {
  content: "\e91c"; }

.react-admin .icon-txt-arrow-line-down:before {
  content: "\e91d"; }

.react-admin .icon-txt-cross::before {
    content: "\e90b";
}


/* composite input */

.react-admin .composite-input {
	position:relative;
	padding-top:25px
  }
  .react-admin .composite-input input,
  .react-admin .composite-input textarea {


	border: 1px solid #9f9f9f;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2.25rem;
	margin: 0;
	  margin-bottom: 0px;
	margin-bottom: 10px;
	padding: 0.5rem;
	background-color: #fefefe;
	box-shadow: none;
	font-size: 14px;
	color: #0a0a0a;
	min-height: 40px;



  }
  .react-admin .composite-input input:focus,
  .react-admin .composite-input textarea:focus {
	background-color:#fff
  }
  .react-admin .composite-input label {
	position:absolute;
	pointer-events:none;
	left:0px;
	transition:.2s ease all;
	top:0px
  }
  .react-admin .composite-input .help-icon {
	position:absolute;
	right:20px;
	top:17px;
	color:#fff !important
  }
  .react-admin .composite-input .icon-txt-alert-triangle {
	position:absolute;
	top:17px;
	right:10px;
	font-size:20px;
	color:#ef3c3c
  }
  .react-admin .composite-input select {
	padding:5px 10px 5px;
	font-size:.9375rem;
	font-weight:400;
	min-height:40px;
	margin-bottom:25px
  }
  .react-admin .composite-input textarea {
	padding-top:10px
  }
  .react-admin .composite-input .help {
	margin-top:-25px;
	color:#757575
  }
  .react-admin .composite-input .help p {
	margin-bottom:20px;
	color:#757575
  }

  /* datepicker */

    .react-admin .react-datepicker__current-month {
	font-weight:500 !important
  }
    .react-admin .react-datepicker__input-container>input {
	padding-right:55px !important;
	background:#fff url("../img/icon-calendar.svg") no-repeat right 10px center;
	background-size:19px
  }
  .react-admin  .composite-input--date {
	margin-bottom:10px
  }
  .react-admin  .composite-input--date  .react-admin .react-datepicker__input-container>input {
	margin-bottom:0
  }
  .react-admin .composite-input--date label {
	margin-top:0px !important;
	white-space:nowrap
  }
   .react-admin .react-datepicker__close-icon {
	right:30px !important
  }
  .react-admin .react-datepicker__close-icon:after {
	background-color:transparent !important;
	color:#232323 !important;
	font-size:14px !important;
	font-family:"icofont";
	content:"" !important
  }


   .react-admin .react-datepicker__year-read-view--down-arrow,
 .react-admin .react-datepicker__month-read-view--down-arrow,
 .react-admin .react-datepicker__month-year-read-view--down-arrow,
 .react-admin .react-datepicker__navigation-icon::before {
  border-color:#ccc;
  border-style:solid;
  border-width:3px 3px 0 0;
  content:"";
  display:block;
  height:9px;
  position:absolute;
  top:6px;
  width:9px
}
 .react-admin .react-datepicker-popper[data-placement^=top]  .react-admin .react-datepicker__triangle,
 .react-admin .react-datepicker-popper[data-placement^=bottom]  .react-admin .react-datepicker__triangle {
  margin-left:-4px;
  position:absolute;
  width:0
}
 .react-admin .react-datepicker-popper[data-placement^=top]  .react-admin .react-datepicker__triangle::before,
 .react-admin .react-datepicker-popper[data-placement^=bottom]  .react-admin .react-datepicker__triangle::before,
 .react-admin .react-datepicker-popper[data-placement^=top]  .react-admin .react-datepicker__triangle::after,
 .react-admin .react-datepicker-popper[data-placement^=bottom]  .react-admin .react-datepicker__triangle::after {
  box-sizing:content-box;
  position:absolute;
  border:8px solid transparent;
  height:0;
  width:1px;
  content:"";
  z-index:-1;
  border-width:8px;
  left:-8px
}
 .react-admin .react-datepicker-popper[data-placement^=top]  .react-admin .react-datepicker__triangle::before,
 .react-admin .react-datepicker-popper[data-placement^=bottom]  .react-admin .react-datepicker__triangle::before {
  border-bottom-color:#dadada
}
 .react-admin .react-datepicker-popper[data-placement^=bottom]  .react-admin .react-datepicker__triangle {
  top:0;
  margin-top:-8px
}
 .react-admin .react-datepicker-popper[data-placement^=bottom]  .react-admin .react-datepicker__triangle::before,
 .react-admin .react-datepicker-popper[data-placement^=bottom]  .react-admin .react-datepicker__triangle::after {
  border-top:none;
  border-bottom-color:#f0f0f0
}
 .react-admin .react-datepicker-popper[data-placement^=bottom]  .react-admin .react-datepicker__triangle::after {
  top:0
}
 .react-admin .react-datepicker-popper[data-placement^=bottom]  .react-admin .react-datepicker__triangle::before {
  top:-1px;
  border-bottom-color:#dadada
}
 .react-admin .react-datepicker-popper[data-placement^=top]  .react-admin .react-datepicker__triangle {
  bottom:0;
  margin-bottom:-8px
}
 .react-admin .react-datepicker-popper[data-placement^=top]  .react-admin .react-datepicker__triangle::before,
 .react-admin .react-datepicker-popper[data-placement^=top]  .react-admin .react-datepicker__triangle::after {
  border-bottom:none;
  border-top-color:#fff
}
 .react-admin .react-datepicker-popper[data-placement^=top]  .react-admin .react-datepicker__triangle::after {
  bottom:0
}
 .react-admin .react-datepicker-popper[data-placement^=top]  .react-admin .react-datepicker__triangle::before {
  bottom:-1px;
  border-top-color:#dadada
}
 .react-admin .react-datepicker-wrapper {
  display:inline-block;
  padding:0;
  border:0
}
 .react-admin .react-datepicker {
  font-family:"Fira Sans",sans-serif;
  font-size:12px;
  background-color:#fff;
  color:#232323;
  border:1px solid #dadada;
  border-radius:0;
  display:inline-block;
  position:relative
}
 .react-admin .react-datepicker--time-only  .react-admin .react-datepicker__triangle {
  left:35px
}
 .react-admin .react-datepicker--time-only  .react-admin .react-datepicker__time-container {
  border-left:0
}
 .react-admin .react-datepicker--time-only  .react-admin .react-datepicker__time,
 .react-admin .react-datepicker--time-only  .react-admin .react-datepicker__time-box {
  border-bottom-left-radius:.3rem;
  border-bottom-right-radius:.3rem
}
 .react-admin .react-datepicker__triangle {
  position:absolute;
  left:50px
}
 .react-admin .react-datepicker-popper {
  z-index:10
}
 .react-admin .react-datepicker-popper[data-placement^=bottom] {
  margin-top:10px
}
 .react-admin .react-datepicker-popper[data-placement=bottom-end]  .react-admin .react-datepicker__triangle,
 .react-admin .react-datepicker-popper[data-placement=top-end]  .react-admin .react-datepicker__triangle {
  left:auto;
  right:50px
}
 .react-admin .react-datepicker-popper[data-placement^=top] {
  margin-bottom:10px
}
 .react-admin .react-datepicker-popper[data-placement^=right] {
  margin-left:8px
}
 .react-admin .react-datepicker-popper[data-placement^=right]  .react-admin .react-datepicker__triangle {
  left:auto;
  right:42px
}
 .react-admin .react-datepicker-popper[data-placement^=left] {
  margin-right:8px
}
 .react-admin .react-datepicker-popper[data-placement^=left]  .react-admin .react-datepicker__triangle {
  left:42px;
  right:auto
}
 .react-admin .react-datepicker__header {
  text-align:center;
  background-color:#f0f0f0;
  border-bottom:1px solid #dadada;
  border-top-left-radius:0;
  padding:8px 0;
  position:relative
}
 .react-admin .react-datepicker__header--time {
  padding-bottom:8px;
  padding-left:5px;
  padding-right:5px
}
 .react-admin .react-datepicker__header--time:not( .react-admin .react-datepicker__header--time--only) {
  border-top-left-radius:0
}
 .react-admin .react-datepicker__header:not( .react-admin .react-datepicker__header--has-time-select) {
  border-top-right-radius:0
}
 .react-admin .react-datepicker__year-dropdown-container--select,
 .react-admin .react-datepicker__month-dropdown-container--select,
 .react-admin .react-datepicker__month-year-dropdown-container--select,
 .react-admin .react-datepicker__year-dropdown-container--scroll,
 .react-admin .react-datepicker__month-dropdown-container--scroll,
 .react-admin .react-datepicker__month-year-dropdown-container--scroll {
  display:inline-block;
  margin:0 2px
}
 .react-admin .react-datepicker__current-month,
 .react-admin .react-datepicker-time__header,
 .react-admin .react-datepicker-year-header {
  margin-top:0;
  color:#000;
  font-weight:bold;
  font-size:14px;
}
 .react-admin .react-datepicker-time__header {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden
}
 .react-admin .react-datepicker__navigation {
  align-items:center;
  background:none;
  display:flex;
  justify-content:center;
  text-align:center;
  cursor:pointer;
  position:absolute;
  top:2px;
  padding:0;
  border:none;
  z-index:1;
  height:20px;
  width:20px;
  text-indent:-999em;
  overflow:hidden
}
 .react-admin .react-datepicker__navigation--previous {
  left:2px
}
 .react-admin .react-datepicker__navigation--next {
  right:2px
}
 .react-admin .react-datepicker__navigation--next--with-time:not( .react-admin .react-datepicker__navigation--next--with-today-button) {
  right:85px
}
 .react-admin .react-datepicker__navigation--years {
  position:relative;
  top:0;
  display:block;
  margin-left:auto;
  margin-right:auto
}
 .react-admin .react-datepicker__navigation--years-previous {
  top:4px
}
 .react-admin .react-datepicker__navigation--years-upcoming {
  top:-4px
}
 .react-admin .react-datepicker__navigation:hover *::before {
  border-color:#a6a6a6
}
 .react-admin .react-datepicker__navigation-icon {
  position:relative;
  top:-1px;
  font-size:20px
}
 .react-admin .react-datepicker__navigation-icon--next {
  left:-2px
}
 .react-admin .react-datepicker__navigation-icon--next::before {
  transform:rotate(45deg);
  left:-7px
}
 .react-admin .react-datepicker__navigation-icon--previous {
  right:-2px
}
 .react-admin .react-datepicker__navigation-icon--previous::before {
  transform:rotate(225deg);
  right:-7px
}
 .react-admin .react-datepicker__month-container {
  float:left
}
 .react-admin .react-datepicker__year {
  margin:.4rem;
  text-align:center
}
 .react-admin .react-datepicker__year-wrapper {
  display:flex;
  flex-wrap:wrap;
  max-width:180px
}
 .react-admin .react-datepicker__year  .react-admin .react-datepicker__year-text {
  display:inline-block;
  width:4rem;
  margin:2px
}
 .react-admin .react-datepicker__month {
  margin:.4rem;
  text-align:center
}
 .react-admin .react-datepicker__month  .react-admin .react-datepicker__month-text,
 .react-admin .react-datepicker__month  .react-admin .react-datepicker__quarter-text {
  display:inline-block;
  width:4rem;
  margin:2px
}
 .react-admin .react-datepicker__input-time-container {
  clear:both;
  width:100%;
  float:left;
  margin:5px 0 10px 15px;
  text-align:left
}
 .react-admin .react-datepicker__input-time-container  .react-admin .react-datepicker-time__caption {
  display:inline-block
}
 .react-admin .react-datepicker__input-time-container  .react-admin .react-datepicker-time__input-container {
  display:inline-block
}
 .react-admin .react-datepicker__input-time-container  .react-admin .react-datepicker-time__input-container  .react-admin .react-datepicker-time__input {
  display:inline-block;
  margin-left:10px
}
 .react-admin .react-datepicker__input-time-container  .react-admin .react-datepicker-time__input-container  .react-admin .react-datepicker-time__input input {
  width:auto
}
 .react-admin .react-datepicker__input-time-container  .react-admin .react-datepicker-time__input-container  .react-admin .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
 .react-admin .react-datepicker__input-time-container  .react-admin .react-datepicker-time__input-container  .react-admin .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance:none;
  margin:0
}
 .react-admin .react-datepicker__input-time-container  .react-admin .react-datepicker-time__input-container  .react-admin .react-datepicker-time__input input[type=time] {
  -moz-appearance:textfield
}
 .react-admin .react-datepicker__input-time-container  .react-admin .react-datepicker-time__input-container  .react-admin .react-datepicker-time__delimiter {
  margin-left:5px;
  display:inline-block
}
 .react-admin .react-datepicker__time-container {
  float:right;
  border-left:1px solid #dadada;
  width:85px
}
 .react-admin .react-datepicker__time-container--with-today-button {
  display:inline;
  border:1px solid #aeaeae;
  border-radius:.3rem;
  position:absolute;
  right:-72px;
  top:0
}
 .react-admin .react-datepicker__time-container  .react-admin .react-datepicker__time {
  position:relative;
  background:#fff;
  border-bottom-right-radius:.3rem
}
 .react-admin .react-datepicker__time-container  .react-admin .react-datepicker__time  .react-admin .react-datepicker__time-box {
  width:85px;
  overflow-x:hidden;
  margin:0 auto;
  text-align:center;
  border-bottom-right-radius:.3rem
}
 .react-admin .react-datepicker__time-container  .react-admin .react-datepicker__time  .react-admin .react-datepicker__time-box ul .react-admin .react-datepicker__time-list {
  list-style:none;
  margin:0;
  height:calc(195px + (1.7rem / 2));
  overflow-y:scroll;
  padding-right:0;
  padding-left:0;
  width:100%;
  box-sizing:content-box
}
 .react-admin .react-datepicker__time-container  .react-admin .react-datepicker__time  .react-admin .react-datepicker__time-box ul .react-admin .react-datepicker__time-list li .react-admin .react-datepicker__time-list-item {
  height:30px;
  padding:5px 10px;
  white-space:nowrap
}
 .react-admin .react-datepicker__time-container  .react-admin .react-datepicker__time  .react-admin .react-datepicker__time-box ul .react-admin .react-datepicker__time-list li .react-admin .react-datepicker__time-list-item:hover {
  cursor:pointer;
  background-color:#f0f0f0
}
 .react-admin .react-datepicker__time-container  .react-admin .react-datepicker__time  .react-admin .react-datepicker__time-box ul .react-admin .react-datepicker__time-list li .react-admin .react-datepicker__time-list-item--selected {
  background-color:#007ac3;
  color:#fff;
  font-weight:bold
}
 .react-admin .react-datepicker__time-container  .react-admin .react-datepicker__time  .react-admin .react-datepicker__time-box ul .react-admin .react-datepicker__time-list li .react-admin .react-datepicker__time-list-item--selected:hover {
  background-color:#007ac3
}
 .react-admin .react-datepicker__time-container  .react-admin .react-datepicker__time  .react-admin .react-datepicker__time-box ul .react-admin .react-datepicker__time-list li .react-admin .react-datepicker__time-list-item--disabled {
  color:#ccc
}
 .react-admin .react-datepicker__time-container  .react-admin .react-datepicker__time  .react-admin .react-datepicker__time-box ul .react-admin .react-datepicker__time-list li .react-admin .react-datepicker__time-list-item--disabled:hover {
  cursor:default;
  background-color:transparent
}
 .react-admin .react-datepicker__week-number {
  color:#ccc;
  display:inline-block;
  width:1.7rem;
  line-height:1.7rem;
  text-align:center;
  margin:.166rem
}
 .react-admin .react-datepicker__week-number .react-admin .react-datepicker__week-number--clickable {
  cursor:pointer
}
 .react-admin .react-datepicker__week-number .react-admin .react-datepicker__week-number--clickable:hover {
  border-radius:0;
  background-color:#f0f0f0
}
 .react-admin .react-datepicker__day-names,
 .react-admin .react-datepicker__week {
  white-space:nowrap
}
 .react-admin .react-datepicker__day-names {
  margin-bottom:-8px
}
 .react-admin .react-datepicker__day-name,
 .react-admin .react-datepicker__day,
 .react-admin .react-datepicker__time-name {
  color:#232323;
  display:inline-block;
  width:22px;
  line-height:22px;
  text-align:center;
  margin:.166rem;
  font-size:12px;
}
 .react-admin .react-datepicker__month--selected,
 .react-admin .react-datepicker__month--in-selecting-range,
 .react-admin .react-datepicker__month--in-range,
 .react-admin .react-datepicker__quarter--selected,
 .react-admin .react-datepicker__quarter--in-selecting-range,
 .react-admin .react-datepicker__quarter--in-range {
  border-radius:0;
  background-color:#007ac3;
  color:#fff
}
 .react-admin .react-datepicker__month--selected:hover,
 .react-admin .react-datepicker__month--in-selecting-range:hover,
 .react-admin .react-datepicker__month--in-range:hover,
 .react-admin .react-datepicker__quarter--selected:hover,
 .react-admin .react-datepicker__quarter--in-selecting-range:hover,
 .react-admin .react-datepicker__quarter--in-range:hover {
  background-color:#006aaa
}
 .react-admin .react-datepicker__month--disabled,
 .react-admin .react-datepicker__quarter--disabled {
  color:#ccc;
  pointer-events:none
}
 .react-admin .react-datepicker__month--disabled:hover,
 .react-admin .react-datepicker__quarter--disabled:hover {
  cursor:default;
  background-color:transparent
}
 .react-admin .react-datepicker__day,
 .react-admin .react-datepicker__month-text,
 .react-admin .react-datepicker__quarter-text,
 .react-admin .react-datepicker__year-text {
  cursor:pointer
}
 .react-admin .react-datepicker__day:hover,
 .react-admin .react-datepicker__month-text:hover,
 .react-admin .react-datepicker__quarter-text:hover,
 .react-admin .react-datepicker__year-text:hover {
  border-radius:0;
  background-color:#f0f0f0
}
 .react-admin .react-datepicker__day--today,
 .react-admin .react-datepicker__month-text--today,
 .react-admin .react-datepicker__quarter-text--today,
 .react-admin .react-datepicker__year-text--today {
  font-weight:bold
}
 .react-admin .react-datepicker__day--highlighted,
 .react-admin .react-datepicker__month-text--highlighted,
 .react-admin .react-datepicker__quarter-text--highlighted,
 .react-admin .react-datepicker__year-text--highlighted {
  border-radius:0;
  background-color:#3dcc4a;
  color:#fff
}
 .react-admin .react-datepicker__day--highlighted:hover,
 .react-admin .react-datepicker__month-text--highlighted:hover,
 .react-admin .react-datepicker__quarter-text--highlighted:hover,
 .react-admin .react-datepicker__year-text--highlighted:hover {
  background-color:#32be3f
}
 .react-admin .react-datepicker__day--highlighted-custom-1,
 .react-admin .react-datepicker__month-text--highlighted-custom-1,
 .react-admin .react-datepicker__quarter-text--highlighted-custom-1,
 .react-admin .react-datepicker__year-text--highlighted-custom-1 {
  color:#f0f
}
 .react-admin .react-datepicker__day--highlighted-custom-2,
 .react-admin .react-datepicker__month-text--highlighted-custom-2,
 .react-admin .react-datepicker__quarter-text--highlighted-custom-2,
 .react-admin .react-datepicker__year-text--highlighted-custom-2 {
  color:green
}
 .react-admin .react-datepicker__day--selected,
 .react-admin .react-datepicker__day--in-selecting-range,
 .react-admin .react-datepicker__day--in-range,
 .react-admin .react-datepicker__month-text--selected,
 .react-admin .react-datepicker__month-text--in-selecting-range,
 .react-admin .react-datepicker__month-text--in-range,
 .react-admin .react-datepicker__quarter-text--selected,
 .react-admin .react-datepicker__quarter-text--in-selecting-range,
 .react-admin .react-datepicker__quarter-text--in-range,
 .react-admin .react-datepicker__year-text--selected,
 .react-admin .react-datepicker__year-text--in-selecting-range,
 .react-admin .react-datepicker__year-text--in-range {
  border-radius:0;
  background-color:#007ac3;
  color:#fff
}
 .react-admin .react-datepicker__day--selected:hover,
 .react-admin .react-datepicker__day--in-selecting-range:hover,
 .react-admin .react-datepicker__day--in-range:hover,
 .react-admin .react-datepicker__month-text--selected:hover,
 .react-admin .react-datepicker__month-text--in-selecting-range:hover,
 .react-admin .react-datepicker__month-text--in-range:hover,
 .react-admin .react-datepicker__quarter-text--selected:hover,
 .react-admin .react-datepicker__quarter-text--in-selecting-range:hover,
 .react-admin .react-datepicker__quarter-text--in-range:hover,
 .react-admin .react-datepicker__year-text--selected:hover,
 .react-admin .react-datepicker__year-text--in-selecting-range:hover,
 .react-admin .react-datepicker__year-text--in-range:hover {
  background-color:#006aaa
}
 .react-admin .react-datepicker__day--keyboard-selected,
 .react-admin .react-datepicker__month-text--keyboard-selected,
 .react-admin .react-datepicker__quarter-text--keyboard-selected,
 .react-admin .react-datepicker__year-text--keyboard-selected {
  border-radius:0;
  background-color:#009af6;
  color:#fff
}
 .react-admin .react-datepicker__day--keyboard-selected:hover,
 .react-admin .react-datepicker__month-text--keyboard-selected:hover,
 .react-admin .react-datepicker__quarter-text--keyboard-selected:hover,
 .react-admin .react-datepicker__year-text--keyboard-selected:hover {
  background-color:#006aaa
}
 .react-admin .react-datepicker__day--in-selecting-range:not( .react-admin .react-datepicker__day--in-range,
 .react-admin .react-datepicker__month-text--in-range,
 .react-admin .react-datepicker__quarter-text--in-range,
 .react-admin .react-datepicker__year-text--in-range),
 .react-admin .react-datepicker__month-text--in-selecting-range:not( .react-admin .react-datepicker__day--in-range,
 .react-admin .react-datepicker__month-text--in-range,
 .react-admin .react-datepicker__quarter-text--in-range,
 .react-admin .react-datepicker__year-text--in-range),
 .react-admin .react-datepicker__quarter-text--in-selecting-range:not( .react-admin .react-datepicker__day--in-range,
 .react-admin .react-datepicker__month-text--in-range,
 .react-admin .react-datepicker__quarter-text--in-range,
 .react-admin .react-datepicker__year-text--in-range),
 .react-admin .react-datepicker__year-text--in-selecting-range:not( .react-admin .react-datepicker__day--in-range,
 .react-admin .react-datepicker__month-text--in-range,
 .react-admin .react-datepicker__quarter-text--in-range,
 .react-admin .react-datepicker__year-text--in-range) {
  background-color:rgba(0,122,195,.5)
}
 .react-admin .react-datepicker__month--selecting-range  .react-admin .react-datepicker__day--in-range:not( .react-admin .react-datepicker__day--in-selecting-range,
 .react-admin .react-datepicker__month-text--in-selecting-range,
 .react-admin .react-datepicker__quarter-text--in-selecting-range,
 .react-admin .react-datepicker__year-text--in-selecting-range),
 .react-admin .react-datepicker__month--selecting-range  .react-admin .react-datepicker__month-text--in-range:not( .react-admin .react-datepicker__day--in-selecting-range,
 .react-admin .react-datepicker__month-text--in-selecting-range,
 .react-admin .react-datepicker__quarter-text--in-selecting-range,
 .react-admin .react-datepicker__year-text--in-selecting-range),
 .react-admin .react-datepicker__month--selecting-range  .react-admin .react-datepicker__quarter-text--in-range:not( .react-admin .react-datepicker__day--in-selecting-range,
 .react-admin .react-datepicker__month-text--in-selecting-range,
 .react-admin .react-datepicker__quarter-text--in-selecting-range,
 .react-admin .react-datepicker__year-text--in-selecting-range),
 .react-admin .react-datepicker__month--selecting-range  .react-admin .react-datepicker__year-text--in-range:not( .react-admin .react-datepicker__day--in-selecting-range,
 .react-admin .react-datepicker__month-text--in-selecting-range,
 .react-admin .react-datepicker__quarter-text--in-selecting-range,
 .react-admin .react-datepicker__year-text--in-selecting-range) {
  background-color:#f0f0f0;
  color:#232323
}
 .react-admin .react-datepicker__day--disabled,
 .react-admin .react-datepicker__month-text--disabled,
 .react-admin .react-datepicker__quarter-text--disabled,
 .react-admin .react-datepicker__year-text--disabled {
  cursor:default;
  color:#ccc
}
 .react-admin .react-datepicker__day--disabled:hover,
 .react-admin .react-datepicker__month-text--disabled:hover,
 .react-admin .react-datepicker__quarter-text--disabled:hover,
 .react-admin .react-datepicker__year-text--disabled:hover {
  background-color:transparent
}
 .react-admin .react-datepicker__month-text .react-admin .react-datepicker__month--selected:hover,
 .react-admin .react-datepicker__month-text .react-admin .react-datepicker__month--in-range:hover,
 .react-admin .react-datepicker__month-text .react-admin .react-datepicker__quarter--selected:hover,
 .react-admin .react-datepicker__month-text .react-admin .react-datepicker__quarter--in-range:hover,
 .react-admin .react-datepicker__quarter-text .react-admin .react-datepicker__month--selected:hover,
 .react-admin .react-datepicker__quarter-text .react-admin .react-datepicker__month--in-range:hover,
 .react-admin .react-datepicker__quarter-text .react-admin .react-datepicker__quarter--selected:hover,
 .react-admin .react-datepicker__quarter-text .react-admin .react-datepicker__quarter--in-range:hover {
  background-color:#007ac3
}
 .react-admin .react-datepicker__month-text:hover,
 .react-admin .react-datepicker__quarter-text:hover {
  background-color:#f0f0f0
}
 .react-admin .react-datepicker__input-container {
  position:relative;
  display:inline-block;
  width:100%
}
 .react-admin .react-datepicker__year-read-view,
 .react-admin .react-datepicker__month-read-view,
 .react-admin .react-datepicker__month-year-read-view {
  border:1px solid transparent;
  border-radius:0;
  position:relative
}
 .react-admin .react-datepicker__year-read-view:hover,
 .react-admin .react-datepicker__month-read-view:hover,
 .react-admin .react-datepicker__month-year-read-view:hover {
  cursor:pointer
}
 .react-admin .react-datepicker__year-read-view:hover  .react-admin .react-datepicker__year-read-view--down-arrow,
 .react-admin .react-datepicker__year-read-view:hover  .react-admin .react-datepicker__month-read-view--down-arrow,
 .react-admin .react-datepicker__month-read-view:hover  .react-admin .react-datepicker__year-read-view--down-arrow,
 .react-admin .react-datepicker__month-read-view:hover  .react-admin .react-datepicker__month-read-view--down-arrow,
 .react-admin .react-datepicker__month-year-read-view:hover  .react-admin .react-datepicker__year-read-view--down-arrow,
 .react-admin .react-datepicker__month-year-read-view:hover  .react-admin .react-datepicker__month-read-view--down-arrow {
  border-top-color:#b3b3b3
}
 .react-admin .react-datepicker__year-read-view--down-arrow,
 .react-admin .react-datepicker__month-read-view--down-arrow,
 .react-admin .react-datepicker__month-year-read-view--down-arrow {
  transform:rotate(135deg);
  right:-16px;
  top:0
}
 .react-admin .react-datepicker__year-dropdown,
 .react-admin .react-datepicker__month-dropdown,
 .react-admin .react-datepicker__month-year-dropdown {
  background-color:#f0f0f0;
  position:absolute;
  width:50%;
  left:25%;
  top:30px;
  z-index:1;
  text-align:center;
  border-radius:0;
  border:1px solid #dadada
}
 .react-admin .react-datepicker__year-dropdown:hover,
 .react-admin .react-datepicker__month-dropdown:hover,
 .react-admin .react-datepicker__month-year-dropdown:hover {
  cursor:pointer
}
 .react-admin .react-datepicker__year-dropdown--scrollable,
 .react-admin .react-datepicker__month-dropdown--scrollable,
 .react-admin .react-datepicker__month-year-dropdown--scrollable {
  height:150px;
  overflow-y:scroll
}
 .react-admin .react-datepicker__year-option,
 .react-admin .react-datepicker__month-option,
 .react-admin .react-datepicker__month-year-option {
  line-height:20px;
  width:100%;
  display:block;
  margin-left:auto;
  margin-right:auto
}
 .react-admin .react-datepicker__year-option:first-of-type,
 .react-admin .react-datepicker__month-option:first-of-type,
 .react-admin .react-datepicker__month-year-option:first-of-type {
  border-top-left-radius:0;
  border-top-right-radius:0
}
 .react-admin .react-datepicker__year-option:last-of-type,
 .react-admin .react-datepicker__month-option:last-of-type,
 .react-admin .react-datepicker__month-year-option:last-of-type {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0
}
 .react-admin .react-datepicker__year-option:hover,
 .react-admin .react-datepicker__month-option:hover,
 .react-admin .react-datepicker__month-year-option:hover {
  background-color:#ccc
}
 .react-admin .react-datepicker__year-option:hover  .react-admin .react-datepicker__navigation--years-upcoming,
 .react-admin .react-datepicker__month-option:hover  .react-admin .react-datepicker__navigation--years-upcoming,
 .react-admin .react-datepicker__month-year-option:hover  .react-admin .react-datepicker__navigation--years-upcoming {
  border-bottom-color:#b3b3b3
}
 .react-admin .react-datepicker__year-option:hover  .react-admin .react-datepicker__navigation--years-previous,
 .react-admin .react-datepicker__month-option:hover  .react-admin .react-datepicker__navigation--years-previous,
 .react-admin .react-datepicker__month-year-option:hover  .react-admin .react-datepicker__navigation--years-previous {
  border-top-color:#b3b3b3
}
 .react-admin .react-datepicker__year-option--selected,
 .react-admin .react-datepicker__month-option--selected,
 .react-admin .react-datepicker__month-year-option--selected {
  position:absolute;
  left:15px
}
 .react-admin .react-datepicker__close-icon {
  cursor:pointer;
  background-color:transparent;
  border:0;
  outline:0;
  padding:0 6px 0 0;
  position:absolute;
  top:0;
  right:0;
  height:41px;
  display:table-cell;
  vertical-align:middle
}
 .react-admin .react-datepicker__close-icon::after {
  cursor:pointer;
  background-color:#007ac3;
  color:#fff;
  border-radius:50%;
  height:16px;
  width:16px;
  padding:2px;
  font-size:12px;
  line-height:1;
  text-align:center;
  display:table-cell;
  vertical-align:middle;
  content:"×"
}
 .react-admin .react-datepicker__today-button {
  background:#f0f0f0;
  border-top:1px solid #dadada;
  cursor:pointer;
  text-align:center;
  font-weight:bold;
  padding:5px 0;
  clear:left
}
 .react-admin .react-datepicker__portal {
  position:fixed;
  width:100vw;
  height:100vh;
  background-color:rgba(0,0,0,.8);
  left:0;
  top:0;
  justify-content:center;
  align-items:center;
  display:flex;
  z-index:2147483647
}
 .react-admin .react-datepicker__portal  .react-admin .react-datepicker__day-name,
 .react-admin .react-datepicker__portal  .react-admin .react-datepicker__day,
 .react-admin .react-datepicker__portal  .react-admin .react-datepicker__time-name {
  width:3rem;
  line-height:3rem
}
@media(max-width: 400px),(max-height: 550px) {
   .react-admin .react-datepicker__portal  .react-admin .react-datepicker__day-name,
   .react-admin .react-datepicker__portal  .react-admin .react-datepicker__day,
   .react-admin .react-datepicker__portal  .react-admin .react-datepicker__time-name {
    width:2rem;
    line-height:2rem
  }
}
 .react-admin .react-datepicker__portal  .react-admin .react-datepicker__current-month,
 .react-admin .react-datepicker__portal  .react-admin .react-datepicker-time__header {
  font-size:1.44rem
}


/* design table */

.react-admin table.design-tab{
	
}

.react-admin table.design-tab>thead th {
    font-size: 12px;
    padding: 7px 8px 7px 5px;
    color: #fff !important;
    border-bottom: 1px solid #e6e6e8;
    background-color: #777;
	font-weight: bold;
	border-right: 0;
	border-left: 0;
	font-family: Arial, Helvetica, sans-serif;
    /*background-image: url(../img2/bg_40x100.png); background-position:center;*/
}

.react-admin table.design-tab>tbody td {
	font-size: 12px;
	border-right: 0;
	border-left: 0;
	font-family: Arial, Helvetica, sans-serif;
    /*background-image: url(../img2/bg_40x100.png); background-position:center;*/
}


.react-admin-list{padding: 0;}

.react-admin-list .ui-widget-header h3{font-size: 12px; margin-bottom: 3px; padding-top: 2px; padding-bottom: 2px;}
.react-admin-list .facet{padding-top: 5px;}
.react-admin-list .facet h4{font-size: 14px; margin-top: 20px;}
.react-admin-list .facet a.more{font-size: 12px;}
.react-admin-list .facet .panel.panel--plain {margin-bottom: 10px;}
.react-admin-list .facet .composite-input--date .react-datepicker__input-container input{margin-bottom: 0;}
.react-admin-list .react-datepicker-wrapper{width: 100%;}
.react-admin-list .facet .composite-input input,.react-admin-list .facet input[type="text"]{height: 32px; min-height: 32px; font-size: 13px;}
.react-admin-list .facet .composite-input label{font-size: 13px; top: 5px;}
.react-admin-list .facet .side-nav li{background-image: none;}
.react-admin-list .facet .side-nav.facet--checkbox li{margin-bottom: 3px;}
 
.react-admin-list .facet ul.side-nav--design+.side-nav--design {
	margin-top:-15px
  }
  .react-admin-list .facet  ul.side-nav--design.side-nav--collapsible li:not(.plain),
  .react-admin-list .facet ul.side-nav--design.side-nav--collapsible-2 li:not(.plain) {
	cursor:pointer
  }
  .react-admin-list .facet ul.side-nav--design.side-nav--collapsible ul,
  .react-admin-list .facet ul.side-nav--design.side-nav--collapsible-2 ul {
	display:none;
	margin-top:10px
  }
  .react-admin-list .facet ul.side-nav--design.side-nav--collapsible ul li,
  .react-admin-list .facet ul.side-nav--design.side-nav--collapsible-2 ul li {
	font-size:.875rem;
	
  }
  .react-admin-list .facet ul.side-nav--design.side-nav--collapsible li.expanded>ul,
  .react-admin-list .facet ul.side-nav--design.side-nav--collapsible-2 li.expanded>ul {
	display:block
  }
  .react-admin-list .facet  ul.side-nav--design.side-nav--collapsible-2 li.has-children:before {
	content:"" !important;
	font-size:10px;
	top:8px;
	left:0
  }
  .react-admin-list .facet ul.side-nav--design.side-nav--collapsible-2 li.has-children.expanded:before {
	content:"" !important;
	transform:rotate(0deg)
  }
  .react-admin-list .facet  ul.side-nav--design span.submenu-toggler {
	display:block;
	position:absolute;
	top:0;
	left:-7px;
	width:20px;
	height:20px
  }
  .react-admin-list .facet ul.side-nav--design li {
	padding:0px 5px 0px 15px;
	position:relative
  }
  .react-admin-list .facet ul.side-nav--design li:before {
	font-family:"icofont";
	position:absolute;
	left:-5px;
	top:4px;
	content:"";
	color:#757575;
	font-size:18px;
	vertical-align:middle;
	line-height:.5
  }
  .react-admin-list .facet ul.side-nav--design li.expanded:before {
	transform:rotate(90deg)
  }
  .react-admin-list .facet ul.side-nav--design li a {
	display:inline;
	margin-right:5px
  }
  .react-admin-list .facet ul.side-nav--design li.plain:before {
	display:none
  }
  .react-admin-list .facet ul.side-nav--design>li>ul {
	list-style:none;
	margin-bottom:10px;
	margin-left:0
  }
  .react-admin-list .facet ul.side-nav--design>li>ul>li:before {
	font-family:"icofont" !important;
	position:absolute;
	left:-5px !important;
	top:7px !important;
	content:"" !important;
	color:#757575;
	font-size:18px;
	vertical-align:middle;
	line-height:.5
  }
  .react-admin-list .facet ul.side-nav--design>li>ul>li>ul {
	list-style:none;
	margin-bottom:10px;
	margin-left:0
  }
  .react-admin-list .facet ul.side-nav--design .label-meta {
	color:#757575
  }

  .react-admin .paging2-wrap li,
  .react-admin .paging2-wrap li a,
  .react-admin .paging2-wrap li a span,
  .react-admin .paging2-wrap select,
  .react-admin .paging2-wrap option
  {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
  }
  .react-admin .paging2-page-active a,
  .react-admin .paging2-page-active a span 
  {
	color: #fff;
  }
  .react-admin .paging2-wrap select{
	margin-left: 5px;
  }
  .react-admin .paging2-wrap h3{
	margin: 0;
	font-size: 11px;
  }