/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/fonts/roboto/font.css ***!
  \**************************************************************************************************************************************************************************************************************************/
@font-face {
	font-family: 'Roboto-Bold';
	src: url('Roboto-Bold.ttf') format("opentype");
}

@font-face {
	font-family: 'Roboto-Medium';
	src: url('Roboto-Medium.ttf') format("opentype");
}

@font-face {
	font-family: 'Roboto-Regular';
	src: url('Roboto-Regular.ttf') format("opentype");
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/fonts/material/font.css ***!
  \****************************************************************************************************************************************************************************************************************************/
 @font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url('flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/root.scss?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* You can add global styles to this file, and also import other style files */
:root {
  --notification-and-control-color: rgb(236, 91, 91);
}

html {
  height: 100%;
  font-size: 16px;
}

body {
  height: 100%;
  margin: 0;
  color: rgb(40, 52, 74);
}
body button:disabled,
body button[disabled] {
  background: var(--disabled-color) !important;
  cursor: default;
}
body button:disabled:hover,
body button[disabled]:hover {
  opacity: 1;
}
body button {
  cursor: pointer;
  outline: none;
}
body button:hover {
  opacity: 0.8;
}
body .required:after {
  content: "*";
  display: inline-block;
  margin-left: 2px;
  color: rgb(255, 0, 0);
  font-size: 15px;
}
body input[type=time] {
  padding: 4px 10px;
  font-size: 14px;
  line-height: 20px;
  color: rgba(40, 52, 74, 0.9);
  background: rgb(255, 255, 255);
  border-radius: 2px;
  border: 1px solid rgb(223, 223, 223);
  box-sizing: border-box;
}
body input[type=time]:disabled {
  color: #676767;
  background-color: #fafafa;
}
body input[type=time]:focus-visible {
  outline-offset: -2px !important;
}

/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 9em;
}

* {
  scrollbar-width: thin;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles/mdom.scss?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --active-color: #0bb494;
  --active-color-hover: rgba(86, 197, 175, 0.2);
  --accent-color: rgb(11, 180, 148);
  --disabled-color: #a6ded3;
  --password-color: #0bb494;
  --control-font-family: Roboto-Medium, sans-serif;
  --control-font-family-bold: Roboto-Bold, sans-serif;
  --control-font-family-regual: Roboto-Regular, sans-serif;
}

body {
  font-family: "Roboto-Regular", sans-serif;
}

.logo {
  height: 25px;
  max-width: 100px;
  margin: 12px 30px 11px 20px;
}
.logo:focus {
  outline: none;
}
.logo:hover {
  cursor: pointer;
}

/*# sourceMappingURL=styles.css.map*/