:root {
  --pad-mobile:15px;
  --pad-desk:10px;
}

/*  DAY TIME COLOR SCHEME */
:root:has(#theme[value="d"]) {
  color-scheme: light;
  --shadow: rgb(255 255 255 / 10%);
  --inp-bg: #f7f7f7;
  --inp-border-color: #d8e2ef;
  --inp-back-color: #d8dcc9;
  --text-color: #495057;
  --body-bg: #d8dcc9;
  --card-bg: white;
  --border-radius: 5px;
  --card-bg: #e6ead6;
  --action-bg: rgba(0,0,0,0.1);
 
}
/* Nigth time color scheme */
:root:has(#theme[value="n"]) {
  color-scheme: dark;
  --shadow: rgba(0, 0, 0, 0.1);
  --inp-bcolor: red;
  --inp-border-color: #344050;
  --inp-back-color: #0b1727;
}


.layout {
  max-width: 1080px;
  margin: auto;
}

* {
  box-sizing: border-box;
  transition: .2s;
}

img {
  display: block;
  max-width: 100%;
}

html {
  color-scheme: dark ligth;
  background-color: var(--body-bg);
}

body {
  font-family: 'Ubuntu', sans-serif;
  min-height: 95vh;
  margin: 0;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}



select,
textarea,
input[type="text"],
input[type="date"],
input[type="phone"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  font-family: 'Ubuntu', sans-serif;
  font: inherit;
  color: var(--inp-color);
  width: 100%;
  border-radius: var(--border-radius);
  border: none;
  background-color: var(--inp-back-color);
  transition: .1s ease-in-out;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

select:focus,
textarea:focus,
input:focus {
  outline: none;
  box-shadow: 0 0 0 1px #2196F3;
  transition: .1s ease-in-out;
}

select:user-valid,
textarea:user-valid,
input:user-valid {
  box-shadow: 0 0 0px 1px #198754;
}

select:user-invalid,
textarea:user-invalid,
input:user-invalid {
  box-shadow: 0 0 0px 1px #dc3545;
}

::placeholder {
  color: var(--placeh);
  opacity: 1;
  /* Firefox */
}

::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: var(--placeh);
}

.form-control-group {
  display: flex;
  gap: 10px;
}

.form-control-group>.form-control>p {
  margin-bottom: 0;
}

.form-control-group>div {
  width: 50%;
}

.form-control {
  position: relative;
  
}
.form-control:last-child{
  margin-bottom: 15px;
}

.form-control>label {
  position: absolute;
}

form>.form-control:last-of-type {
  margin-bottom: 0 !important;
}



.form-control>p {
  display: none;
}


i {
  font-size: inherit !important;
}


.active {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
a {
  text-decoration: none;
  color: inherit;
}



.tooltip {
  position: relative;
  display: inline-block;
}

.tleft::after {
  right: 20px;
  top: -5px;
}

.tooltip::after {
  content: attr(data-title);
  display: none;
  width: max-content;
  background-color: #000000c2;
  color: #fff;
  text-align: center;
  border-radius: var(--border-radius);
  padding: 5px;
  position: absolute;
  z-index: 1;
  font-size: small;
  font-weight: 100;
}

.tooltip:hover::after {
  display: block;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}




textarea {
  resize: none;
}


button {
  color: white;
  padding: 14px;
  border: 0px solid rgba(0, 0, 0, 20%);
  background: rgb(107 142 35);
  border-radius: var(--border-radius);
  cursor: pointer;
  width: -webkit-fill-available;
  font-size: 16px;
  transition: .1s;
  display: block;
  margin: auto;
}

button:hover {
  box-shadow: 0 0 0 4px rgb(107 142 35 / 35%) !important;
  transition: .4s;
}

.nav444 {
  background: #6B8E23;
  padding: 15px;
  border-radius: 0px;
  color: white;
  display: block;
  
}






.layout .ui-hor-menu{
  display: flex;
  overflow: auto;
  }

.shadow {
  background-color: rgba(0, 0, 0, 0.1);
}
.logo {
  font-family: Lobster;
  font-size: 2em;
  transform: rotate(-6deg);

}

.h_menu {
  display: flex;

}

.h_menu > a {
  padding: 10px;
}
form button:last-child {
    margin-top: 15px;
}

form > .form_last_menu{
  display: flex;
  margin-top: 15px;
}
form > .form_last_menu > div:first-child {
  margin-right: auto;
}
form > h2 {
  margin: 0;
}
.drawer {
  display: none;
  
}
.block_body{
  padding: 15px;
}
.block_body > div {
  background: #e6ead6;
  padding: 15px;
}
.block_body h2 {
  margin: 0;
}