/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Main form and form item styles.
 */

::placeholder {
  opacity: 1;
  color: var(--input-fg-color--placeholder);
}

/**
 * General form item.
 */

.form-item {
  margin-block: var(--space-l);
}
.collapsiblockContent{
	display: block;
	width: 100%;
}
.views-field-field-srok{

}
#block-claro-views-block-comments-recent-block-1 .views-row, #block-claro-views-block-poslednii-resheniya-block-1 .views-row{
    padding-bottom: 0.5em;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 0.5em;
		padding: 0.5em;
			background-color: #f3f4f9;
	border-radius: 10px;
}
#block-claro-views-block-comments-recent-block-1 .views-row .views-field, #block-claro-views-block-poslednii-resheniya-block-1 .views-row .views-field{
margin-bottom: 0.3em;
}
#block-claro-views-block-comments-recent-block-1 .views-row:nth-child(2n), #block-claro-views-block-poslednii-resheniya-block-1 .views-row:nth-child(2n){
	background-color: #d9d9d9;
	border-radius: 10px;

	}
	.toolbar-tray-open:not(.toolbar-vertical) .layout-container, body:not(.toolbar-tray-open) .layout-container {
		margin-right: 1em;
		margin-left: 1em;
	}
#edit-group-resheniya .claro-details__wrapper, #edit-group-kommentariy .claro-details__wrapper{
		margin: var(--space-l) var(--details-desktop-wrapper-padding-start);
		margin: 0;
	}
#edit-field-zagruzit-dokumenty-ajax-wrapper .claro-details__wrapper{
		margin: 0.5em;
	}
#block-claro-views-block-comments-recent-block-1 .views-label, #block-claro-views-block-poslednii-resheniya-block-1 .views-label{
font-weight: bold;
}
.vaz{
padding: 0.5em;
	background: #a91919;
	text-align: center;
	color: #fff;
	border-radius: 50px;
}
.view-filters .js-form-wrapper .form-item {
width: initial;
    float: left;
    border: 0;
    box-shadow: none;
    margin-right: 0em;
	margin-block: 0 !important;
	}
.gdoc-field {
margin-left: 0%;
	margin-right: 0%;
	width: 100%;
	height: 500px;
	border: 1px solid black;
	box-sizing: border-box;
}
.layout--twocol > .layout__region--second {
	flex: none;
	box-sizing: border-box;
	width: 38%;
	margin-left: 2%;
}
.layout--twocol > .layout__region--second  .horizontal-tabs{
margin-left: 20px;
}
.layout--twocol > .layout__region--first{
	flex: none;
	width: 60%;
}
.view-filters fieldset.js-form-wrapper .form-item  {
	margin-bottom: 1em !important;
	}
.view-filters .fieldset__wrapper {
		margin: 0 !important;
		margin-block: 0 !important;
	}
.views-exposed-form__item.views-exposed-form__item {
	max-width: 100%;
	margin-block: 0 !important;
}
.view-filters h2{
font-size: 1.3em;
	padding-right: 20px;
}
.page-wrapper *:focus, .ui-dialog *:focus {
	outline: var(--focus-outline);
	box-shadow: none !important;
}
.view-filters .js-form-wrapper .form-item.form-item--cr-min{
width: initial;
    float: left;
    border: 0;
    box-shadow: none;
    margin-right: 1em;
	margin-block: 0 !important;
}
.view-filters .form-type--date label{
display:none !Important;
}
label{
	margin: 0.3em 0 !Important;
}
.views-exposed-form__item.views-exposed-form__item {
max-width: 170px ! Important;
}
.form-actions.views-exposed-form__item.views-exposed-form__item {
    max-width: initial ! Important;
}
.view-filters .fieldset__label {
margin: 0.3em 0 !Important;
    cursor: pointer;
    padding: 0;
    display: table;
    margin-block: calc(var(--space-xs) / 2);
    font-size: var(--font-size-s);
    font-weight: bold;
    line-height: var(--line-height-form-label);
    color: var(--color-fg);
}
.vas{
background: url(../../images/atten.png) center no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: contain;
    text-indent: -1000000px;
    overflow: hidden;
    vertical-align: middle;
}
.views-exposed-form__item--actions.views-exposed-form__item--actions .button {
    margin-bottom: 2px !important;
}
.com3 img{
border-radius: 50%;
	width: 50px;
	max-width: 50px;
}
.com3 article{
	float: left;
	margin-right: 3%;

}
.com3 .links.inline{
	float: right;
}
.com3 .links.inline a{
	background: #eee;
	padding: 0.3em 1em;
	border-radius: 3px;
	color: #000000;
	text-decoration: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.com3 .links.inline a:hover{
	background: #003ecc;
	padding: 0.3em 1em;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
}
.layout__region--second .js-filter-wrapper.clearfix, .flagging-form .js-filter-wrapper.clearfix{
display:none;
}
.action-flag a{
	background: #2ac547;
	padding: 0.5em 3em;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	font-size: 1.1em;
	display: inline-block;
	margin: 1em 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.action-flag a:hover{
	background: #eee;
	color: #000;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}
.region-col2{
width: 27%;
    float: right;
}
.region-col1{
width: 70%;
    float: left;
}
#block-claro-vkhodnasayt{
    border: var(--card-border-size) solid var(--card-border-color);
    border-radius: var(--card-border-radius-size);
    background-color: #f3f4f9;
    box-shadow: var(--card-box-shadow);
    padding: 1em;
margin-bottom: 2em;
}
#block-claro-views-block-comments-recent-block-1, #block-claro-views-block-poslednii-resheniya-block-1{
    border: var(--card-border-size) solid var(--card-border-color);
    border-radius: var(--card-border-radius-size);
    box-shadow: var(--card-box-shadow);
    padding: 1em;
margin-bottom: 2em;
}
#block-claro-fotvkhod{
	box-shadow: none;
	border: 0;
}
#edit-group-kommentariy article.js-comment{
	width: 100%;
	float: left;
}
.indented{
margin-left: 5%;
}
#block-claro-vkhodnasayt input{
width:100%;
margin: 0;
}
.action-unflag a{
	background: #2ac547;
		padding: 0.5em 3em;
	border-radius: 10px;
	color: #fff;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	font-size: 1.1em;
	display: inline-block;
	margin: 1em 0;
	}
.com3{
float: left;
	width: 100%;
	margin-bottom: 1em;
	border-bottom: 1px solid #dadada;
	padding-bottom: 1em;
}
table .com3{
float:none;
}
.layout--twocol .field{
margin: 0.7em 0;
}

.block-views-blockflagi-block-1 h2, #node-produkt-field-kommentariy h2{
	font-size: 1.2em !Important;
}
.totl .view-content{
    display: none;
}
.region-breadcrumb .block-views{
	font-weight: bold;
	font-size: 1.3em;
	background: #fff;
	display: inline-block;
	margin-right: 1em;
	box-shadow: var(--details-box-shadow);
	border-radius: 5px;
	margin-bottom: 1em;
}
a.tot1{
	display: inline-block;
	height: 100%;
	padding: 0 1em;
	color: #000;
	text-decoration: none;
	line-height: 80px;
}

.region-breadcrumb {
	margin-bottom: 1em;
	width: 100%;
}
a.tot1:hover{
background-color: #e9e9e9;
}
#block-claro-sozdat a.tot1, #block-claro-knopkaglavnaya a.tot1{
	display: inline-block;
	height: 100%;
	padding: 0 1em;
	color: #000;
	text-decoration: none;
	line-height: 80px;
}
#block-claro-sozdat, #block-claro-knopkaglavnaya{
	font-weight: bold;
	font-size: 1.3em;
	background: #fff;
	display: inline-block;
	margin-right: 1em;
	box-shadow: var(--details-box-shadow);
	border-radius: 5px;
}
.tot{
display: inline-block;
    border-radius: 50%;
    border: 1px solid var(--color-link);
    padding: 0 0.6em;
    font-weight: bold;
    color: #fff;
    line-height: 1.8em;
    height: 1.8em;
    text-align: center;
    background: var(--color-link);
}
.views-field-field-fio a{
	display: block;
}
.dat{
float: right;
    display: inline-block;
    font-style: italic;
	margin: 0.7em 0;
}
.layout--twocol > .layout__region--first {
    font-size: 1.2em;
}
.field--name-dynamic-token-fieldnode-fio{
	display: inline-block;
}
p {
	margin: 0.5em 0;
}
a.but{
	background: #eee;
	padding: 0.3em 1em;
	border-radius: 3px;
	color: #000000;
	text-decoration: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	}
.region-col1 .block{
    border: var(--card-border-size) solid var(--card-border-color);
    border-radius: var(--card-border-radius-size);
    background-color: var(--card-bg-color);
    box-shadow: var(--card-box-shadow);
    padding: 1em;
    margin-bottom: 2em;
}
.region-col1 .block.block-views-blockmoi-zadachi-block-5{
    background-color: #f9f9f9;
}

a.but:hover {
	background: #003ecc;
	padding: 0.3em 1em;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
}
.ter{
	float: left;
	width: 82%;
}
.com3 article{
	float: left;
	margin-right: 1em;
}
.form-element--type-date {
	cursor: pointer;
}
.views-exposed-form.views-exposed-form {
	align-items: end;
}
.views-exposed-form__item--actions.views-exposed-form__item--actions .button:last-child {
}
.views-exposed-form__item.views-exposed-form__item.views-exposed-form__item--actions{
	margin-right: 0 !important;
}
.form-element--type-select {
	cursor: pointer;
}
.views-exposed-form.views-exposed-form{
padding: 1em !important;
}
.form-item--created-min, .views-exposed-form fieldset{
	margin-right: 1em !important;
}
.form-element--type-date {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.views-exposed-form__item.views-exposed-form__item {
max-width: 100%;
	padding: 0 !important;
	float: left;
	box-sizing: border-box;
margin-inline: 0 !important;
	margin-right: 1em !important;
	margin-bottom: 1em !important;
}

/**
 * When a table row or a container-inline has a single form item, prevent it
 * from adding unnecessary extra spacing.
 * If it has multiple form items, allow spacing between them, overriding core.
 */

tr .form-item,
.container-inline .form-item {
  margin-block: var(--space-s);
}

/**
 * Form element label.
 */

.form-item__label {
  display: table;
  margin-block: calc(var(--space-xs) / 2); /* 4px */
  font-size: var(--font-size-s); /* ~14px */
  font-weight: bold;
  line-height: var(--line-height-form-label);
}

.form-item__label[for] {
  cursor: pointer;
}

.form-item__label.option {
  display: inline;
  font-weight: normal;
}

.form-item__label.has-error {
  color: var(--input--error-color);
}

.form-item__label.option.has-error {
  color: inherit;
}

.form-item__label.is-disabled {
  cursor: default; /* @todo ...or auto? */
  color: var(--input--disabled-fg-color);
}

/* Multiple selectors used to ensure styling even if modules override markup. */

.form-item__label--multiple-value-form,
.field-multiple-table .field-label h4.label {
  display: inline-block;
  margin-block: 0;
  align-self: center;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.form-item__label.form-required::after,
.fieldset__label.form-required::after {
  display: inline-block;
  margin-inline: 0.15em;
  content: "*";
  color: var(--color-maximumred);
  font-size: 0.875rem;
}

/**
 * Form item description.
 */

.form-item__description {
  margin-block: calc(6rem / 16); /* 6px */
  color: var(--input-fg-color--description);
  font-size: var(--font-size-xs); /* ~13px */
  line-height: calc(17rem / 16); /* 17px */
}

.form-item__description.is-disabled {
  color: var(--input--disabled-fg-color);
}

/**
 * Error message (Inline form errors).
 */

.form-item__error-message {
  margin-block: calc(6rem / 16); /* 6px */
  color: var(--input--error-color);
  font-size: var(--font-size-xs); /* ~13px */
  font-weight: normal;
  line-height: calc(17rem / 16); /* 17px */
}

.form-item__prefix.is-disabled,
.form-item__suffix.is-disabled {
  color: var(--input--disabled-fg-color);
}

/* Add some spacing so that the focus ring and suffix don't overlap. */

@media screen and (min-width: 37.5625rem) {
  .form-item__suffix {
    margin-inline-start: var(--space-xs);
    white-space: nowrap;
  }
}

/**
 * Form actions.
 */

.form-actions,
.field-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-block: var(--space-xs);
}

.form-actions .form-wrapper,
.field-actions .form-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-xs) 0;
}

.form-actions .button,
.field-actions .button,
.form-actions .action-link,
.field-actions .action-link {
  margin-block: var(--space-xs);
}

.form-actions .ajax-progress--throbber,
.field-actions .ajax-progress--throbber {
  align-self: center;
}

.form-actions > .form-wrapper {
  margin-inline: 0 var(--space-s);
}

/**
 * Password module.
 *
 * @legacy
 * @todo These should be in a standalone component file.
 */

.confirm-parent,
.password-parent {
  overflow: visible;
  width: auto;
}

.form-item-options-group-info-identifier,
.form-item-pass .description {
  clear: both;
}

/**
 * Custom label placement for editor filter format select.
 */

.form-item--editor-format {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix,
.form-item--editor-format .form-element--editor-format {
  min-width: 1px;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix,
.form-item--editor-format .form-element--editor-format {
  min-width: 1px;
}

.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix {
  margin-inline-end: var(--space-xs);
}

.form-item--editor-format .form-item__description,
.form-item--editor-format .form-item__error-message {
  flex: 0 1 100%;
  min-width: 1px;
}

/**
 * Improve form element usability on narrow devices.
 *
 * @legacy
 */

@media screen and (max-width: 60.5rem) {
  .password-strength {
    width: 100%;
  }
.region-col1 {
	width: 100%;
	float: left;
}
.block {
	overflow: hidden;
}
table {
	width: 100%;
	overflow: scroll;
	display: block;
}
td.views-field-counter, td.views-field-nid, .com3 td:first-child {
	min-width: 60px;
}
td {
	min-width: 180px;
}
.region-col2 {
	width: 100%;
	float: right;
}
.layout--twocol > .layout__region--second .horizontal-tabs {
	margin-left: 0px;
		border: 0;
	}
#edit-group-resheniya .claro-details__wrapper, #edit-group-kommentariy .claro-details__wrapper {
margin: 0.5em;
	}
.layout--twocol > .layout__region--first {
	flex: 100%;
	order: 2;
}
.layout--twocol > .layout__region--second {
	flex: 100%;
	padding-left: 0;
	order: 1;
}
  div.form-item div.password-suggestions {
    float: none;
  }
.dat {
	width: 100%;
}
}

/**
 * Prevent regression due to explicit line-heights applied to these elements in
 * normalize.css 7.0.0.
 */

button {
  line-height: 1.125rem;
}

input,
optgroup {
  line-height: 1.5rem;
}

/**
 * Prevent regression due to -webkit-appearance being set to button in
 * normalize.css 4.1.0.
 */

::-webkit-file-upload-button {
  -webkit-appearance: push-button;
}