#main_content .wrapper-img img,
#main_content .wrap-image img {
  max-width: 400px;
}

.navbar li a {
  text-decoration: none;
}
nav.radio__button li.navbar-item {
  margin: 6px;
}
nav.radio__button li.navbar-item .checkbox {
  padding: 6px;
  border: 1px solid black;
  border-radius: 6px;
}

.calendar .datepicker {
  max-width: 400px;
  width: unset !important;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: none;
}

.datepicker--cell.datepicker--cell-day.date-highlight {
  font-weight: 700;
}

/** TABLE **/

#exampleModalGroupTable {
  padding-top: 7px;
  padding-bottom: 7px;
  display: none;
  padding-right: 0px;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 1;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  outline: 0;
}
#exampleModalGroupTable .modal-full {
  max-width: 100% !important;
  width: auto !important;
  margin: 1.75rem auto;
  padding: 0px !important;
}
#exampleModalGroupTable .modal-content {
  position: absolut;
  top: 0;
  left: 0;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
@media (min-width: 768px) {
  #exampleModalGroupTable .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
#exampleModalGroupTable .sticky-box {
  position: sticky;
  top: -8px;
  z-index: 4;
}
#exampleModalGroupTable .sticky-box,
#BodyDataTable thead#thead-fixed {
  background-color: lightgray;
}
#exampleModalGroupTable .modal-header {
  padding: 12px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 5px;
  padding-top: 10px;
}
#exampleModalGroupTable .close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity = 20);
}
#exampleModalGroupTable .docs-card__body--inner-table {
  padding: 0 !important;
  padding-top: 16px !important;
  overflow-x: scroll;
}
#exampleModalGroupTable .modal-body {
  position: relative;
  padding: 15px;
}
#exampleModalGroupTable #modalBodyDataTableSection {
  overflow: auto;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  cursor: grab;
}
#exampleModalGroupTable table[data-sortable] {
  border-collapse: collapse;
  border-spacing: 0;
}
#exampleModalGroupTable #modalFooterTable {
  padding: 10px;
}

/** POSTUPLENIE APP **/
.color-1#content #app{
    --button-background-color: #EEEEEE;
    --button-border: #ADADAD;
    --border: 1px solid #525252;
    --main-text-color: #000000;
    --main-background-color: #FFFFFF;
    --main-border: 2px solid #000000;
    --button-outline: 0.05em dashed #525252;
}
.color-2#content #app{
    --button-background-color: #525252;
    --button-border: #FFFFFF;
    --border: 1px solid #FFFFFF;
    --main-text-color: #FFFFFF;
    --main-background-color: #000000;
    --main-border: 2px solid #FFFFFF;
    --button-outline: 0.05em dashed #FFFFFF;
}
.color-3#content #app{
    --button-background-color: #EEEEEE;
    --button-border: #195183;
    --border: 1px solid #195183;
    --main-text-color: #195183;
    --main-background-color: #9DD1FF;
    --main-border: 2px solid #195183;
    --button-outline: 0.05em dashed #195183;
}
.color-4#content #app{
    --button-background-color: #EDE3A1;
    --button-border: #4D4B43;
    --border: 1px solid #4D4B43;
    --main-text-color: #4D4B43;
    --main-background-color: #F7F3D6;
    --main-border: 2px solid #4D4B43;
    --button-outline: 0.05em dashed #4D4B43;
}
.color-5#content #app{
    --button-background-color: #51431D;
    --button-border: #A9DD38;
    --border: 1px solid #A9DD38;
    --main-text-color: #A9DD38;
    --main-background-color: #3B2716;
    --main-border: 2px solid #A9DD38;
    --button-outline: 0.05em dashed #A9DD38;
}

/** Redefining the color palette App **/
#content #app .selector .selector-items .selector-item[data-v-1bd4d3ee]:hover {
  background-color: var(--button-background-color);
}
#content #app .selector[data-v-1bd4d3ee] {
  border: var(--border);
}
#content #app .selector .selected-element .right .arrow[data-v-1bd4d3ee] {
  fill: var(--main-text-color);
  stroke: var(--main-text-color);
}
#content #app .selector.selector--open .selected-element[data-v-1bd4d3ee]{
    border-bottom: var(--border);
}
#content #app .btn.orange[data-v-38ea156e]:hover,
#content #app .btn.blue[data-v-38ea156e]:hover {
    color: var(--main-text-color);
    background-color: var(--button-background-color) !important;
    border-color: var(--button-border);
    outline: var(--button-outline);
}
#content #app .btn.orange[data-v-38ea156e],
#content #app .btn.blue[data-v-38ea156e]{
    border: var(--border);
    background-color: var(--main-background-color);
    color: var(--main-text-color);
}
#content #app .toggle-slider .switch[data-v-f1c72f9e] {
    border: var(--main-border);
    background-color: var(--button-background-color) !important;
}
#content #app .item-link[data-v-dad0191d] {
    color: var(--main-text-color);
    border: var(--main-border);
}
#content #app .items-link-block .item-link[data-v-dad0191d] {
    background-color: var(--button-background-color) !important;
}
#content #app .item-link .bottom .arrow svg[data-v-dad0191d] {
    stroke: var(--main-text-color);
}
#content #app .toggle-slider .switch .slider[data-v-f1c72f9e] {
    background-color: var(--main-text-color) !important;
}
#content #app .toggle-slider .switch--checked .slider[data-v-f1c72f9e] {
    background-color: var(-main-text-color) !important;
}

/** DIRECTIONS TEST PAGE **/
.wrapper__list-answers .element-item.answer{
  min-height: 75px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.wrapper__list-answers .element-item.answer .answer__chekbox{
  display: flex;
  align-items: center;
}
.wrapper__list-answers .element-item.answer .answer__text{
  display: inline-block;
}
.list-title-question__title {
  display: none;
}
.list-title-question__title--active {
  display: block;
}
.list-answer__wrap-answer {
  display: none;
}
.list-answer__wrap-answer--active {
  display: block;
}

	/** RESULTS **/
.result__test {
  display: none;
}
.result-card-hidden {
  display: none;
}