body {
  font-family: "Roboto", sans-serif;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url("../fonts/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "IBM Plex Sans";
    src: url("../fonts/IBMPlexSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* text IBM Plex Sans*/
h1,
h2,
h3,
h4,
h5 {
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}
.icons {
    height: 1rem;
    width:1rem;
}
h1 {
  font-size: 45px;
  color: white;
  font-weight: 600;
}

h2 {
  font-size: 32px;
  font-style: normal;
  font-weight: normal;
  color: white;
}

h3 {
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
}

h4 {
  font-size: 20px;
  font-style: normal;
  font-weight: normal;
  font-weight: 100;
  color: white;
  line-height: 150%;
  font-family: "IBM Plex Sans", sans-serif;
}

.btn-header {
    font-family: "IBM Plex Sans", sans-serif;
    align-items: center;
    padding: 8px 20px;
    color: #2595e5;
    background: #edf7fd;
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    display: flex;
    align-items: center;
    text-transform: none;
    box-shadow: none;
    border-radius: 0px;
    border: none;
}

.btn {
    font-family: "IBM Plex Sans", sans-serif;
    align-items: center;
    padding: 8px 20px;
    color: #2595e5;
    background: #edf7fd;
    font-family: "IBM Plex Sans";
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 150%;
    display: flex;
    align-items: center;
    text-transform: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
}

.btn-primary:focus {
  box-shadow: none !important;
  background-color: #edf7fd !important;
  color: #2595e5 !important;
}

.selected-row {
  /* background-color: #a5c6eb !important; */
  background-color: #2595e5b0 !important;
}

.dropdown-menu {
  border-radius: 0 !important;
  width: 100%;
  border: none;
}

.dropdown-item {
  border-radius: 0 !important;
}

th {
  font-weight: 700 !important;
}

.form-select {
  box-shadow: none !important;
}

.table-hover > tbody > tr:hover {
  background-color: #def1fd;
}
input[type=checkbox][disabled] {
    background-color: #EEEEEE;
}
.table-hover > tbody > tr {
  transition: none;
}

.customSelectStyle {
  width: 100% !important;
  color: #4f4f4f !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  background: #edf7fd;
  border: 1px solid #bdbdbd !important;
  border-radius: 0.25rem !important;
}

.bootstrap-select {
  width: 100% !important;
}

table {
  table-layout: fixed;
}

.nav-tabs {
  border-bottom: none;
}

.nav-tabs .nav-link:hover {
  background-color: #f5fbff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #2595e5;
  background-color: #edf7fd;
  border-color: #2595e5;
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #f93154;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover,
#loadButton:focus,
#loadButton:hover {
  color: #1679bf;
  background-color: #d7effd;
  box-shadow: none !important;
  cursor: pointer;
}
.dropdown-menu.show {
  /*max-width: 160% !important;*/
  width: auto !important;
}

.checkbox-lg {
  -ms-transform: scale(1.6); /* IE */
  -moz-transform: scale(1.6); /* FF */
  -webkit-transform: scale(1.6); /* Safari and Chrome */
  -o-transform: scale(1.6); /* Opera */
  transform: scale(1.6);
  margin: 0 !important;
}
.checkbox-lg:checked:focus:before {
  box-shadow: 0 0 0 8px #3b71ca;
}
.checkbox-lg:focus:before {
  box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.6);
}

.logo-block {
  min-width: 160px;
  width: 10.5%;
}

.logo-block img {
  min-width: 140px;
  width: 100%;
  filter: drop-shadow(0 0 3px black);
}



.bad-field {
  border: 1px solid #ea0909 !important;
  background-color: #ffe5e5;
}

/*.tb-arrow {
  padding-right: 25px;
  background-image: url(../svg/arrow-down.svg);
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
}*/

/* .tb-arrow:focus{
  background-image: url(../svg/arrow-up.svg);
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
} */

.customSelectStyle {
  background-image: url(../svg/arrow-down.svg);
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
}

/* .customSelectStyle:focus-within{
  background-image: url(../svg/arrow-up.svg);
  background-size: 11px;
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
} */

.customSelectStyle::after {
  content: none !important;
}

/* #TzTable .selected-row{
  position: fixed;
  top: -1px;
  z-index: 1000;
} */
.selected-row{
  transition: all 5s linear;
}
.sticky-tz {
  position: fixed;
  top: 0;
  left: 0;
  /* margin-left: 48px;
  margin-right: 48px; */
  z-index: 1000;
  background-color: #68b6ed !important;
}
.sticky-tz td:nth-child(1){
  width: 15%;
}
.sticky-tz td:nth-child(2){
  width: 41%;
}
.sticky-tz td:nth-child(3){
  width: 39%;
}
.sticky-tz td:nth-child(4){
  width: 165px;
}

.sticky-tz + tr>td{
  padding-top: 76.594px;
}

.sticky-vri {
  position: fixed;
  top: 77px;
  left: 0;
  z-index: 1000;
  background-color: #68b6ed !important;
}
.sticky-vri td:nth-child(1){
  width: 14.8%;
}
.sticky-vri td:nth-child(2){
  width: 40%;
}
.sticky-vri td:nth-child(3){
  width: 40%;
}
.sticky-vri td:nth-child(4){
  width: 165px;
}

.sticky-vri-short {
  position: fixed;
  top: 77px;
  left: 0;
  z-index: 1000;
  background-color: #68b6ed !important;
}
.sticky-vri-short td:nth-child(1){
  width: 14.8%;
}
.sticky-vri-short td:nth-child(2){
  width: 80%;
}
.sticky-vri-short td:nth-child(3){
  width: 165px;
}

.sticky-vri + tr>td, .sticky-vri-short + tr>td{
  padding-top: 76.594px;
}

/* #flush-heading-article{
  width: fit-content;
}

#flush-heading-article #section{
  margin: 0;
} */

#flush-heading-article .accordion-button::after{
  margin-left: 30px;
}
#flush-heading-article #section{
  margin: 0;
}

.param-value::placeholder{
  color: #a9a9a9;
  text-align: center; 
}
.settings-menu-list{
  width: 13%;
}

.form-switch .form-check-input:indeterminate[type=checkbox]:after {
  content: "";
  position: absolute;
  border: none;
  z-index: 2;
  border-radius: 50%;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #7dff00;
  margin-top: -3px;
  margin-left: 0.38rem;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
  transition: background-color .2s,transform .2s;
}

.form-check-input[type=checkbox]:indeterminate {
  background-image: none;
  background-color: #ff9600;
}

.settings-pills-menu {
    position: sticky;
    top: 0;
}

.ago-type{
  padding: 0;
}