/* materialize override */
html {
   scroll-behavior: smooth;
   min-width: 300px;
   font-family:
      ibm-plex-sans,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      Oxygen-Sans,
      Ubuntu,
      Cantarell,
      "Helvetica Neue",
      sans-serif;
   font-weight: normal;
   font-size: 16px;
   /* color: #121212; */
   color: #333333;
   line-height: 27px;
   /* Tmavsi POZADI? - jen u produktovych stranek?*/
   /* background-color: #000000; */
}
html body {
   background-color: #ffffff;
   padding-top: var(--offset-top);
}

body.noSubmenu {
   padding-top: calc(var(--offset-top) - var(--submenu-height));
}

.bold,
strong {
   font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 300;
   margin-top: 0px;
}

span.anchor {
   scroll-margin-top: 150px;
}

.btn,
.btnfontonly {
   font-size: 13px;
   letter-spacing: 0.5px;
}
.btnfontonly {
   font-size: initial;
}
.minit {
   /* font-size: 12px; */
   font-size: 13px;
   /* line-height: 20px; */
   line-height: 24px;
   margin-top: 13px !important;
}
div.floatingImg {
   float: right;
   width: 40%;
   padding: 1rem;
   padding-right: 0rem;
}
div.floatingImg img {
   width: 100%;
}
.page-footer {
   clear: both;
   width: 100%;
   margin-top: auto;
}
@media only screen and (min-width: 1047px) {
   .page-footer .minit {
      font-size: 15px;
   }
   .logoforsmall {
      display: none;
   }
}

.d-flex {
   display: flex;
}

/* home page - barvy */
/* h1 - velky nadpis - 121212 */
/* p text pod nadpisem - 595959 */

/* barva textu - tmave seda 595959 */
/* barva odkazu, stejna jako barva modreho motivu - modra 1462FA */

/* default z metarialize.css: .black, .black-text, .white, .white-text */
.humusoft-grey {
   background-color: #787878;
}
.humusoft-grey-text {
   color: #787878;
}
.humusoft-grey.lighten-5 {
   background-color: #f5f5f5;
}
.humusoft-grey.lighten-4 {
   background-color: #e3e3e3;
}
.humusoft-grey.lighten-3 {
   background-color: #cccccc;
}
.humusoft-grey.lighten-2 {
   background-color: #b0b0b0;
}
.humusoft-grey.lighten-1 {
   background-color: #969696;
}
.humusoft-grey-text.text-lighten-5 {
   color: #f5f5f5;
}
.humusoft-grey-text.text-lighten-4 {
   color: #e3e3e3;
}
.humusoft-grey-text.text-lighten-3 {
   color: #cccccc;
}
.humusoft-grey-text.text-lighten-2 {
   color: #b0b0b0;
}
.humusoft-grey-text.text-lighten-1 {
   color: #969696;
}
.humusoft-grey.darken-1 {
   background-color: #595959;
}
.humusoft-grey.darken-2 {
   background-color: #3d3d3d;
}
.humusoft-grey.darken-3 {
   background-color: #262626;
}
.humusoft-grey.darken-4 {
   background-color: #121212;
}
.humusoft-grey-text.text-darken-1 {
   color: #595959;
}
.humusoft-grey-text.text-darken-2 {
   color: #3d3d3d;
}
.humusoft-grey-text.text-darken-3 {
   color: #262626;
}
.humusoft-grey-text.text-darken-4 {
   color: #121212;
}
/* zakladni barva odkazu v textu */
.humusoft-blue-text.text-url-blue {
   /* color: #039be5; */
   color: #2c7fa7;
}
/* STARE core barvy produktu */
.humusoft-blue {
   background-color: #1462fa;
}
.humusoft-blue-text {
   color: #1462fa;
}
.humusoft-yellow {
   background-color: #f89f0a;
}
.humusoft-yellow-text {
   color: #f89f0a;
}
.humusoft-red {
   background-color: #e50816;
}
.humusoft-red-text {
   color: #e50816;
}
/* NOVE core barvy produktu */

.humusoft-matlab {
   background-color: var(--matlab-color) !important;
}
.humusoft-matlab-text {
   color: var(--matlab-color) !important;
}
.humusoft-comsol {
   background-color: var(--comsol-color) !important;
}
.humusoft-comsol-text {
   color: var(--comsol-color) !important;
}
.humusoft-dspace {
   background-color: var(--dspace-color) !important;
}
.humusoft-heavyhorse-bg {
   background-color: var(--heavyhorse-color) !important;
}
.humusoft-heavyhorse-text {
   color: var(--heavyhorse-color) !important;
}
.humusoft-dspace-text {
   color: var(--dspace-color) !important;
}
.humusoft-humusoft {
   /* pridane important kvuli class btn */
   background-color: var(--humusoft-color) !important;
}
.humusoft-humusoft-text {
   color: var(--humusoft-color) !important;
}
.humusoft-humusoft-base {
   background-color: var(--humusoft-base-color) !important;
}
.humusoft-humusoft-base2 {
   background-color: var(--humusoft-base2-color) !important;
}
.humusoft-humusoft-base-text,
.humusoft-humusoft-base2-text {
   color: var(--humusoft-base-color);
}
a {
   color: #2c7fa7;
}
.humusoft-humusoft-base a,
.humusoft-humusoft-base2 a,
.form-block-w-bgrnd a {
   color: #75b4d3;
}
.humusoft-humusoft-base a.btn,
.humusoft-humusoft-base2 a.btn {
   color: #ffffff;
}
.humusoft-humusoft-base a.btn.grey,
.humusoft-humusoft-base2 a.btn.grey {
   color: #2c7fa7;
}
/* uprava plovouciho vodorovneho menu */
header {
   width: 100%;
   position: fixed;
   z-index: 500;
   top: 0rem;
}

nav {
   background-color: var(--humusoft-base-color);
}
/* uprava stranoveho menu */
nav.sidenav,
nav.sidenav .collapsible-body {
   background-color: var(--humusoft-base-color);
   color: #ffffff;
}
.sidenav li {
   text-align: left;
}
.sidenav li > a,
.sidenav li > a > i.material-icons {
   color: #ffffff;
   padding: 0 15px;
}
.sidenav li > i {
   font-size: 15px;
   font-weight: bold;
   padding-left: 10px;
}

.site_error {
   --border_color: red;
   position: absolute;
   left: 50%;
   translate: -50% 0;
   border-top: var(--border_color) 8px solid;
   border-bottom: var(--border_color) 8px solid;
   border-radius: 5px;
   background-color: rgb(248, 115, 115);
   margin-top: 10px;
   z-index: 500;
   padding: 1rem;
   font-weight: bold;
}

.arrow-back {
   display: none;
}

.logo-container {
   height: var(--menu-height); /* Set the height of the container */
}

@media only screen and (max-width: 1046px) {
   :root {
      --menu-height: 64px;
      --submenu-height: 0px;
      --offset-top: calc(var(--menu-height) + var(--menu-pt) + var(--submenu-height));
   }
   body {
      padding-top: var(--offset-top);
   }
   nav a.hamenu {
      margin: 0px;
   }
   nav a.hamenu,
   nav a.hamenu i {
      height: 0;
      line-height: 54px;
   }
   .logo-container {
      flex-grow: 1;
   }

   nav.flexmenu .hide-on-med-and-down {
      display: none !important;
   }

   nav a.sidenav-trigger {
      display: block;
   }

   nav.flexmenu .nav-wrapper {
      text-align: center;
      max-height: var(--menu-height);
   }

   .arrow-back {
      display: block;
      font-size: 3rem;
      margin-left: 2rem;
      margin-bottom: 1rem;
   }
}

/* uprava tlacitek */
.btn,
.btn-large,
.btn-small,
.btn-flat {
   border-radius: unset;
}

body div.container.flexcards.homepage {
   padding-top: 6rem;
   padding-bottom: 3rem;
}
body div.container.flexcards.homepageNotFirst,
body div.container.flextabs.homepageNotFirst {
   padding-top: 2rem;
   padding-bottom: 3rem;
}
body div.container.flexcards.homepageLast {
   padding-top: 2rem;
   padding-bottom: 6rem;
}
@media only screen and (max-width: 1047px) {
   body div.container.flexcards.homepage {
      padding-top: 4rem;
   }
   body div.container.flexcards.homepageNotFirst,
   body div.container.flexcards.homepageLast,
   body div.container.flextabs.homepageNotFirst {
      padding-top: 1rem;
   }
}

.row > .col img {
   margin-bottom: 20px;

   @media screen and (min-width: 993px) {
      margin-bottom: 0;
   }
}

.paddingblock {
   padding-top: 2rem;
   padding-bottom: 3rem;
   clear: both;
}
@media only screen and (max-width: 1047px) {
   .paddingblock {
      padding-top: 1rem;
   }
}

.paddingcontent {
   padding-top: 4rem;
   padding-bottom: 4rem;
}

.paddingcontent.accodrioncontent,
.paddingcontent .framebox5050,
.form-block-w-bgrnd > .row,
.form-block > .row {
   margin-bottom: 0px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}
@media only screen and (max-width: 600px) {
   :root {
      --menu-height: 56px;
   }
   .row.container .col {
      margin-bottom: 25px;
   }
   .framebox5050pict {
      margin-top: 25px;
   }
   .row.container .col.imgBackground {
      min-height: 250px !important;
   }
   .flex-column > .material-placeholder > img {
      margin-bottom: 20px;
   }
}
.row.paddingcontent {
   margin-bottom: 0px;
}
.paddingcontent .framebox5050 {
   border: 1px solid #e3e3e3;
   min-height: 80px;
}
.paddingcontent .framebox5050 .framebox5050text {
   padding: 40px;
   padding-left: 60px;
   padding-right: 60px;
   background-color: #ffffff;
   min-height: inherit;
}
.paddingcontent .framebox5050 .framebox5050pict {
   display: grid;
   min-height: inherit;
}

.paddingcontent .framebox5050 .framebox5050pict img {
   margin: auto;
}

/* form blok s pozadim */
.form-block-w-bgrnd {
   background-image: url(/img/background/karlin-viadukt-v2.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-blend-mode: multiply;
   background-position: center;
}
.form-block-w-bgrnd.on-demand {
   background-image: url(/img/background/karlin-viadukt-v2.jpg);
}
.form-block-w-bgrnd > .row > div:first-of-type,
.comunity-block-w-bgrnd > .row > div:first-of-type {
   padding: 30px;
}
.form-block-w-bgrnd > .row > div:last-of-type,
.comunity-block-w-bgrnd > .row > div:last-of-type {
   padding: 20px 30px 20px 30px;
   overflow: hidden;
   background-color: #ffffff;
   margin-top: 4rem;
   margin-bottom: 4rem;
}
.comunity-block-w-bgrnd {
   background-image: url(/img/background/humusoft-comunity-v2.jpg);
   background-repeat: no-repeat;
   background-size: cover;
   background-blend-mode: multiply;
   background-position: top;
}
/* form obecne */
form .waves-effect input[type="submit"] {
   width: 100%;
   height: 100%;
   color: #ffffff;
   cursor: pointer;
   font-size: 1.3em;
   font-weight: bold;
}
.dropdown-content li > a,
.dropdown-content li > span {
   color: #333333;
}
.select-wrapper input.select-dropdown {
   height: 3.3rem !important;
}

.reverseHorizontal {
   display: flex;
   flex-flow: row-reverse;
}

/* barevne prouzky */
.flexcards .card.mlrim {
   height: 100%;
   border-bottom: 10px solid var(--matlab-color);
}
.flexcards .card.cmrim {
   height: 100%;
   border-bottom: 10px solid var(--comsol-color);
}
.flexcards .card.dsrim {
   height: 100%;
   border-bottom: 10px solid var(--dspace-color);
}
.flexcards .card.humrim {
   height: 100%;
   border-bottom: 10px solid var(--humusoft-color);
}
.flexcards .card.hhrim {
   height: 100%;
   border-bottom: 10px solid var(--heavyhorse-color);
}

/*
.flexcards .card .card-content {
	height: 6.6rem;
	overflow: visible;
}
.flexcards .card .card-content:last-child {
	height: 8.2rem;
}
*/
/* pro zatim na karte produktu na uvodni strance */
.flexcards .card a,
.flexcards a {
   /* color: #ffffff; */
   color: unset;
}
.flexcards .card a:hover,
.flexcards a:hover {
   text-decoration: underline;
}
.flexcards .card .card-content p {
   font-size: 13px;
   line-height: 22px;
}
.flexcards .card .card-content h2,
.flexcards .card .card-content h3,
.flexcards .card .card-content h5 {
   margin-top: 0px;
   line-height: 22px;
}
.flexcards .card .card-content h2,
.flexcards .card .card-content h3 {
   margin-bottom: 0.7rem;
}
/* POKUS s natazenim obrazku v karte
.flexcards .card .card-image {
	overflow: clip;
	height: 50px;
}
.flexcards .card .card-image img {
	width: 200%;
}
*/
nav {
   padding-top: var(--menu-pt);
}
.maintopmenu {
   display: flex;
   position: relative;
   width: 100%;
   height: 64px;
}

/* uprava hlavniho top menu do flex-u */
nav.flexmenu ul a:hover {
   background-color: unset;
}
nav.flexmenu ul > li > ul > li:hover {
   background-color: var(--humusoft-base2-active-color);
}
nav.flexmenu ul li {
   /* dela to neplechu s menu - nerovnomerne se zarovnavaji dlouhe polozky */
   /* overflow: hidden; */
   float: none;
}
nav.flexmenu ul.maintopmenu > li:first-of-type {
   padding-top: 0px;
}
nav.flexmenu ul.maintopmenu > li.selected {
   position: relative;
}

nav.flexmenu ul.maintopmenu > li.selected::after {
   content: "";
   position: absolute;
   background-color: var(--humusoft-subMenu-bgColor);
   width: 20px;
   height: 5px;
   left: 50%;
   bottom: 0px;
   translate: -50%;
   clip-path: polygon(50% 0, 0 100%, 100% 100%);
   pointer-events: none;
}
nav.flexmenu ul li a.logo {
   overflow: hidden;
   display: initial;
}
nav.flexmenu ul li a.logo img {
   overflow-y: hidden;
   height: 56px;
   padding: 10px;
   padding-left: 0px;
   padding-bottom: 14px;
   padding-top: 5px;
}
nav.flexmenu .dropdown-button {
   cursor: pointer;
}
nav.flexmenu .dropdown-content {
   background-color: var(--humusoft-base2-color);
}

nav.flexmenu i.right {
   margin-left: 0px;
}
nav.flexmenu i.invertpict {
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
}
nav ul a {
   overflow: clip;
}
nav ul a.noclip {
   overflow: auto;
}

nav ul.subMenu {
   display: flex;
}
nav ul.subMenu a {
   padding-top: 10px;
   padding-bottom: 10px;
}
nav ul.subMenu li.selected {
   box-shadow: inset 0px -3px 0px 0px var(--humusoft-color);
}
nav ul.mobileSubMenu li.selected {
   box-shadow: inset 10px 0px 0px 0px var(--humusoft-color);
   background-color: rgb(211, 211, 211);
}
nav ul.subMenu li:hover,
nav ul.mobileSubMenu li.humusoft-grey.lighten-5:hover {
   background-color: #e3e3e3;
}
nav ul.subMenu li.logoProdMenu:hover,
nav ul.mobileSubMenu li.humusoft-grey.lighten-5.prodMenuTitle:hover {
   background-color: #f5f5f5;
}

/* barevne podani podmenu pro adresar event - tedy pro stranky seminaru atd.
nav ul.subMenu a[href^="/event/"] {
   color: #2c7fa7 !important;
}
nav ul.subMenu li.selected a[href^="/event/"] {
   color: #333333 !important;
} */

nav #navdropdown1.dropdown-content,
nav #navdropdown2.dropdown-content,
nav #navdropdown3.dropdown-content,
nav #navdropdown4.dropdown-content {
   height: unset !important;
   left: 0;
   top: var(--menu-height) !important;
   flex-wrap: wrap;
}

nav #navdropdown1.dropdown-content li,
nav #navdropdown2.dropdown-content li,
nav #navdropdown3.dropdown-content li {
   text-align: center;
   width: 20%;
}
nav #navdropdown3.dropdown-content.lang-selection li {
   width: 100%;
}
nav #navdropdown3.dropdown-content.lang-selection li:hover > a {
   color: #000000;
}
nav #navdropdown4.dropdown-content li {
   /* text-align: center; */
   width: 100%;
   overflow: hidden;
}
nav #navdropdown4.dropdown-content li > input {
   font-size: 0.8rem;
   color: #ffffff;
}

nav #navdropdown1.dropdown-content li > a,
nav #navdropdown2.dropdown-content li > a,
nav #navdropdown3.dropdown-content li > a,
nav #navdropdown4.dropdown-content li > a {
   /* font-size: 12px; */
   font-size: 0.8rem;
   color: #ffffff;
}
nav #navdropdown1.dropdown-content li > a span.title,
nav #navdropdown2.dropdown-content li > a span.title,
nav #navdropdown3.dropdown-content li > a span.title,
nav #navdropdown4.dropdown-content li > a span.title {
   /* font-size: 13px; */
   font-size: 0.9rem;
   display: block;
   padding-bottom: 6px;
   font-weight: bold;
}
nav #navdropdown1.dropdown-content li > a span.discr,
nav #navdropdown2.dropdown-content li > a span.discr,
nav #navdropdown3.dropdown-content li > a span.discr,
nav #navdropdown4.dropdown-content li > a span.discr {
   color: #f5f5f5;
}

nav #navdropdown1.dropdown-content li img,
nav #navdropdown2.dropdown-content li img,
nav #navdropdown4.dropdown-content li img {
   width: 40px;
   padding-bottom: 14px;
}

#mobilesidenav.collapsible .collapsible-body li img {
   width: 25px;
   vertical-align: middle;
   margin-right: 15px;
}
ul#mobilesidenav li.sidenav-trigger:hover {
   background-color: rgba(0, 0, 0, 0.05);
}
#mobilesidenav > li.selected {
   position: relative;
}
#mobilesidenav.noSubmenu > li.selected::after {
   content: none;
}
#mobilesidenav > li.selected::after {
   content: "";
   position: absolute;
   background-color: white;
   width: 10px;
   height: 10px;
   top: 19px;
   right: 0;
   clip-path: polygon(10% 50%, 100% 100%, 100% 0);
}

#mobilesidenav i.material-icons {
   height: 48px;
}

#mobilesidenav li[data-target="search-window"] {
   margin: 0;
   height: 48px;
   padding: 15px;
}

/* uprava zarovnavani GRID pomoci CSS FLEX */
.flexcards .row {
   display: flex;
   flex-wrap: wrap;
}
.flexcards .row .col {
   float: none;
   border: 0.35rem solid #ffffff;
   padding: inherit;
}
.homepage .flexcards .row .col:first-child {
   border-left: none;
}
.homepage .flexcards .row .col:last-child {
   border-right: none;
}
@media only screen and (max-width: 600px) {
   .homepage .flexcards .row .col:nth-child(1) {
      border-top: none;
   }
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
   .homepage .flexcards .row .col:nth-child(1) {
      border-top: none;
   }
   .homepage .flexcards .row .col:nth-child(2) {
      border-top: none;
   }
   .homepage .flexcards .row .col:nth-child(2n + 1) {
      border-left: none;
   }
   .homepage .flexcards .row .col:nth-child(2n) {
      border-right: none;
   }
}
@media only screen and (min-width: 993px) {
   .homepage .flexcards .row .col:nth-child(1) {
      border-top: none;
   }
   .homepage .flexcards .row .col:nth-child(2) {
      border-top: none;
   }
   .homepage .flexcards .row .col:nth-child(3) {
      border-top: none;
   }
   .homepage .flexcards .row .col:nth-child(4) {
      border-top: none;
   }
}

@media only screen and (max-width: 992px) {
   .m-column {
      display: flex;
      flex-direction: column;
   }

   .m-column-reverse {
      display: flex;
      flex-direction: column-reverse;
   }
}

.humusoft-grey .flexcards .row .col {
   border: 0.35rem solid #121212;
}
/* oprava pro paticku stranky */
.page-footer.humusoft-grey .flexcards .row .col {
   border: none;
}
.flexcards .card {
   box-shadow: none;
   margin-top: 0rem;
   margin-bottom: 0rem;
   border-radius: unset;
}
.flexcards .card .card-content {
   border-radius: unset;
}
.flexcards .card.mlrim .card-content,
.flexcards .card.cmrim .card-content,
.flexcards .card.dsrim .card-content,
.flexcards .card.hhrim .card-content {
   min-height: 380px;
}
/* uprava pro zobrazeni minimanlni castoobrazku v pozadi */
@media only screen and (max-width: 600px) {
   .flexcards .card.mlrim .card-content,
   .flexcards .card.cmrim .card-content,
   .flexcards .card.dsrim .card-content,
   .flexcards .card.hhrim .card-content {
      min-height: 220px;
   }
}
/* footer, cerne pozadi */
.flexcards.black .row .col {
   border: 0.35rem solid #000000;
}

/* uprava TAB pro nase vyuziti v humusoft zalozkach pro akce */
.flextabs .tabs .tab {
   text-transform: none;
}
.flextabs .tabs .showmoretab {
   flex-grow: 1;
   text-align: right;
   line-height: 48px;
   height: 48px;
   font-size: 14px;
}
.flextabs .tabs .tab a.active {
   color: #ffffff;
   background-color: var(--humusoft-color);
}
.flextabs .tabs .tab a:hover {
   color: #ffffff;
   background-color: var(--humusoft-active-color);
}
.flextabs .tabs .tab a {
   color: initial;
   background-color: #f5f5f5;
}
.flextabs .tabs .indicator {
   display: none;
}

.flextabs .tabs {
   display: flex;
   flex-wrap: wrap;
   overflow-x: unset;
   overflow-y: unset;
   height: unset;
}
.flextabs .row {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   margin-bottom: 0px;
   border-bottom: 5px solid #ffffff;
   background-color: #f6f6f6;
}
.flextabs .row .col {
   float: none;
   padding: 0.75rem;
}
/* uprava pro prehled eventu */
.flextabs.events .row .col p,
.flextabs.events .row .col h6,
.flextabs.news .row .col p,
.flextabs.news .row .col h6 {
   margin: 0px;
}
.flextabs.events .row .col:first-of-type p,
.flextabs.news .row .col:first-of-type p {
   font-size: 14px;
   /* font-weight: bold; */
}
/*
.flextabs.events .row .col:first-of-type p span,
.flextabs.news .row .col:first-of-type p span {

	padding: 2px 3px 2px 3px;
	color: white;
	border-radius: 3px;
	font-size: 90%;
	vertical-align: top;

}
*/
.flextabs.events .row .col:first-of-type p span.time {
   padding: unset;
   color: #262626;
   border-radius: unset;
   font-size: inherit;
   font-weight: normal;
   vertical-align: unset;
}
/* .flextabs.events .row .col:last-of-type {
   padding-left: 0px;
   padding-right: 0px;
   text-align: center;
}
.flextabs.events .row.training .col:nth-last-of-type(2) {
   padding-left: 0px;
   padding-right: 0px;
   text-align: center;
} */
/*
.flextabs.events a h6,
.flextabs.news a h6 {
	color: initial;
}
*/
.flextabs.events a:hover h6,
.flextabs.news a:hover h6 {
   text-decoration: underline;
}
/* uprava pro ceniky */
.flextabs.pricing .tabs .tab a:hover,
.flextabs.pricing .tabs .tab a.active {
   color: #161616;
   background-color: #f5f5f5;
}
.flextabs.pricing .tabs .tab a.active {
   border-top: 2px solid #039be5;
}
.flextabs.pricing .tabs .tab a {
   color: #393939;
   background-color: #e3e3e3;
}
.flextabs.pricing .row .col {
   float: none;
   padding-top: 0rem;
   padding-bottom: 0rem;
}
.flextabs.pricing .row .col p {
   padding: 0rem;
   margin: 0.25rem;
}

footer.page-footer a:hover {
   text-decoration: underline;
}

/* stranka eventu */
.event .bio img {
   padding-bottom: 30px;
}
@media only screen and (max-width: 600px) {
   .event .bio img,
   .eventbio img {
      max-width: 100px;
      padding-bottom: 0;
   }
}
div.container.event ul {
   margin-top: 0px;
}
/* stranka eventu - menu */
nav ul.subMenu.matlab li.selected {
   border-bottom: 4px solid var(--matlab-color);
}

/* tabulky */
table.humLightTable p {
   font-weight: initial;
}
table.humLightTable > thead > tr,
table.humLightTable > tbody > tr {
   border-bottom: 1px solid silver;
}
table.humLightTable > tbody > tr:last-of-type {
   border-bottom: 0px none;
}
table.humLightTable tr > th,
table.humLightTable tr > td {
   border-right: 1px solid silver;
}
table.humLightTable tr > th:last-of-type,
table.humLightTable tr > td:last-of-type {
   border-right: 0px none;
}
table.humLightTable th.centered,
table.humLightTable td.centered {
   text-align: center;
}

/* uprava formularu */
/* ================ */
.input-field > textarea,
.input-field > input {
   margin-top: 5px !important;
   margin-bottom: -2px !important;
}
.input-field > textarea {
   padding-right: 10px !important;
}
.input-field > textarea.humusoft-grey.lighten-5.errorColor,
.input-field > textarea.errorColor,
.input-field > input.humusoft-grey.lighten-5.errorColor,
.input-field > input.white-text.errorColor,
.input-field > input.errorColor {
   background-color: #fcd6d6 !important;
   border-bottom: 1px solid #f44336 !important;
   box-shadow: 0 1px 0 0 #f44336 !important;
}
/*
.form-block .input-field > textarea.humusoft-grey.lighten-5.errorColor,
.form-block .input-field > input.humusoft-grey.lighten-5.errorColor,
.form-block .input-field > input.white-text.errorColor,
.form-block .input-field > input.errorColor,
.form-block-w-bgrnd .input-field > input.errorColor {
	background-color: #fcd6d6 !important;
	border-bottom: 1px solid #F44336 !important;
	box-shadow: 0 1px 0 0 #F44336 !important;
}
*/
.input-field > label,
.filtermatrix label {
   color: #585858 !important;
}
/* aktivni input - nastaveni barvy popisku */
.input-field > label.active {
   color: #333333 !important;
}
/* aktivni input - nastaveni barvy spodniho ramecku/linky */
input[type="email"]:not(.browser-default):focus:not([readonly]),
input[type="tel"]:not(.browser-default):focus:not([readonly]),
input[type="text"]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
   border-bottom: 1px solid #1565c0 !important;
   box-shadow: 0 1px 0 0 #1565c0 !important;
}
.formerror,
.formsuccess {
   padding: 1rem;
}
.formerror {
   background-color: #fcd6d6;
   border-left: 2px solid #f44336;
   border-right: 2px solid #f44336;
}
.formsuccess {
   background-color: #83daa7;
   border-left: 2px solid #39a765;
   border-right: 2px solid #39a765;
}
.formsuccess.info {
   background-color: #fc0;
   border-left: 2px solid #bf9900;
   border-right: 2px solid #bf9900;
}

@media only screen and (max-width: 600px) {
   .marginTopOnMobile {
      margin-top: 15px;
   }
}
form div.submit i {
   padding: 0px;
}
form div.submit input[type="submit"] {
   height: 36px;
   padding: 0 16px;
   color: #ffffff;
   cursor: pointer;

   font-size: 13px;
   letter-spacing: 0.5px;
}
#result p {
   padding-top: 5px;
   padding-bottom: 3px;
   padding-left: 10px;
   padding-right: 5px;
   margin-bottom: 0px;
}
#result ul {
   list-style-position: inside;
   margin-top: 0px;
   padding-left: 15px;
   padding-bottom: 5px;
   padding-right: 5px;
}
#result ul,
#result ul > li {
   list-style-type: disc;
}
/* form newsletter na hlavni strance */
.humusoftkomunity div.col > p:not(.formsuccess) {
   padding-top: 0rem !important;
}
.humusoftkomunity div.col.humFullSizeAtMobile > div.row {
   margin-bottom: 0rem !important;
}
.humusoftkomunity div.col > p > i,
.startups div.col > p > i {
   color: #ffffff;
   display: none;
}

/* vlastni barva pro Radio buttons */
[type="radio"]:checked + span::after {
   background-color: #1462fa;
   border: 2px solid #1462fa;
}
/* vlastni barva zaskrtavatka - checkbox */
[type="checkbox"]:checked + span:not(.lever):before {
   border-right: 2px solid #1462fa;
   border-bottom: 2px solid #1462fa;
}
[type="checkbox"].filled-in:checked + span:not(.lever):after {
   border: 2px solid #1462fa;
   background-color: #1462fa;
}
/* vlastni "focus" barva u select/option */
.select-wrapper input.select-dropdown:focus {
   border-bottom: 2px solid #1462fa;
}
form div.training label span {
   min-width: 121px !important;
}

.twoButtsInLine div a {
   height: fit-content;
   word-break: break-word;
   line-height: normal;
   padding: 10px;
}

/* uprava 2-buttons */
div.row.twoButtsInLine > div:first-of-type {
   text-align: right;
}
div.row.twoButtsInLine > div:last-of-type {
   text-align: left;
}

/* uprava seznamu - konstrukce ul li */
ul.list {
   padding-left: 2rem;
   list-style-type: disc;
}
ul.list li {
   list-style-type: unset;
}
ul.list ul {
   list-style-type: circle;
}
ul.list > ul {
   padding-left: 2rem;
   padding-top: 5px;
}
ul.list > ul li {
   list-style-type: circle;
}

ul.list > ul > ul {
   padding-left: 2rem;
   padding-top: 5px;
}
ul.list > ul > ul li {
   list-style-type: none;
}

.humColumnReverse {
   flex-direction: row-reverse;
}

@media only screen and (max-width: 600px) {
   .flexcards .row .col {
      border-left: none;
      border-right: none;
   }
   /* uprava pro prehled eventu */
   .flextabs.events .row .col:last-of-type a,
   .flextabs.events .row.training .col:nth-of-type(2) a {
      /* width: 93%; */
      min-width: 33%;
   }

   /* FIX - to se bude tykat asi vsech "pruhu", ktere sdili pulku s obrazkem */
   .row .col.humusoftkomunity {
      padding-top: 3rem;
      padding-bottom: 3rem;
   }

   div.row.twoButtsInLine > div:first-of-type,
   div.row.twoButtsInLine > div:last-of-type {
      text-align: center;
   }
   div.row.twoButtsInLine > div {
      padding-top: 10px;
   }
   div.row.twoButtsInLine > div:first-of-type {
      padding-top: inherit;
   }
   .humColumnReverseMobile,
   .humColumnReverse,
   .mobileColumnReverse {
      display: flex;
      flex-direction: column-reverse !important;
   }

   .mobileColumn,
   s-column {
      display: flex;
      flex-direction: column !important;
   }

   .humFullSizeAtMobile {
      width: 100%;
   }

   /* footer do dvou radku */
   .footer-copyright a {
      float: none !important;
      display: block;
   }
}

@media only screen and (min-width: 601px) and (max-width: 1046px) {
   /* GRID - otoceny offset */
   .flexcards .row .col.offset-m6 {
      margin-right: 50% !important;
      margin-left: 0px !important;
   }
}

@media only screen and (min-width: 1047px) {
   .logo-container {
      padding-right: 15px;
   }
   /* GRID - otoceny offset */
   .flexcards .row .col.offset-l3 {
      margin-right: 25% !important;
      margin-left: 0px !important;
   }
}

@media only screen and (max-width: 1193px) {
   .humColumnReverseL {
      display: flex;
      flex-direction: column-reverse;
   }
}
.logoOnly .logo {
   display: inline-block;
   line-height: normal;
   height: calc(var(--menu-height));
}
.logoOnly > .container {
   text-align: center;
}

/* uprava jquery ui */
.ccrosssaccordion .ui-accordion > h3 {
   border: 0px;
   border-radius: unset;
   border-top: 1px solid #e3e3e3;
   font-size: 21px;
}
.ccrosssaccordion .ui-accordion > h3:first-of-type {
   border: 0px;
   border-radius: unset;
}
.ccrosssaccordion .ui-accordion .ui-accordion-content {
   border: 0px;
   border-radius: unset;
   background-color: inherit;
}
/* override ikon pro akordeon ccrosssaccordion */
.ccrosssaccordion .ui-icon {
   background-image: url("/img/ui/ui-icons_444444_256x240.png") !important;
}
.ccrosssaccordion .ui-state-default {
   color: #595959;
}
.ccrosssaccordion #accordion2 .ui-state-default {
   /* background-color: #ffffff; */
   background-color: inherit;
   /* color: #cccccc; */
}
.ccrosssaccordion .ui-state-active {
   color: #121212;
   background-color: inherit;
   /* margin-bottom: -30px !important; */
}
.ccrosssaccordion div.ui-accordion .ui-accordion-header {
   margin-top: 0px;
}
.ccrosssaccordion div.ui-accordion div.ui-accordion-content p {
   margin-top: -5px;
   margin-left: -10px;
}

/* uprava pro tmave pozadi */
.humusoft-humusoft-base .ccrosssaccordion .ui-accordion > h3,
.humusoft-grey.darken-4 .ccrosssaccordion .ui-accordion > h3 {
   border-top: 1px solid #3d3d3d;
}
.humusoft-humusoft-base .ccrosssaccordion .ui-accordion > h3:first-of-type,
.humusoft-grey.darken-4 .ccrosssaccordion .ui-accordion > h3:first-of-type {
   border: 0px;
}
.humusoft-humusoft-base .ccrosssaccordion .ui-state-default,
.humusoft-grey.darken-4 .ccrosssaccordion .ui-state-default {
   color: #aaaaaa;
   background-color: inherit;
}
.humusoft-humusoft-base .ccrosssaccordion .ui-state-active,
.humusoft-grey.darken-4 .ccrosssaccordion .ui-state-active {
   color: #f5f5f5;
}
.humusoft-humusoft-base .ccrosssaccordion div.ui-accordion div.ui-accordion-content p,
.humusoft-grey.darken-4 .ccrosssaccordion div.ui-accordion div.ui-accordion-content p {
   /* color: #e3e3e3; */
   color: #cccccc;
}

@media only screen and (max-width: 991px) {
   .ccrosssaccordion .ui-accordion > h3 {
      font-size: 18px;
   }
}

a.customColorButton,
i.waves-input-wrapper.customColorButton {
   /* background-color: #1565C0 !important; */
   background-color: var(--humusoft-color) !important;
}

.matlabColorTheme .popisproduktu h4 a {
   color: var(--matlab-color) !important;
}
.matlabColorTheme .newVersionBox,
.matlabColorTheme a.customColorButton,
.matlabColorTheme i.waves-input-wrapper.customColorButton {
   background-color: var(--matlab-color) !important;
}

.comsolColorTheme .newVersionBox,
.comsolColorTheme a.customColorButton,
.comsolColorTheme i.waves-input-wrapper.customColorButton {
   background-color: var(--comsol-color) !important;
}
.comsolColorTheme .popisproduktu a {
   color: var(--comsol-color) !important;
}

.dspaceColorTheme .popisproduktu a {
   color: var(--dspace-color) !important;
}
.dspaceColorTheme .newVersionBox,
.dspaceColorTheme a.customColorButton,
.dspaceColorTheme i.waves-input-wrapper.customColorButton {
   background-color: var(--dspace-color) !important;
}

.heavyhorseColorTheme .newVersionBox,
.heavyhorseColorTheme a.customColorButton,
.heavyhorseColorTheme i.waves-input-wrapper.customColorButton {
   background-color: var(--heavyhorse-color) !important;
}

/* uprava "puntiku" u slidu */
.carousel .indicators {
   text-align: right;
   margin-right: 15px;
}
.carousel .indicators .indicator-item {
   background-color: rgba(96.1, 96.1, 96.1, 0.3);
}
.carousel .indicators .indicator-item.active {
   background-color: rgba(69, 69, 69, 0.7);
}

/* ikony pred textem/nadpisem */
.ondemand div.row {
   border-top: 1px solid #e3e3e3;
   padding-top: 12px;
}
.ondemand div.row:first-of-type {
   border-top: none;
   padding-top: 2rem;
}
.ondemand .service:before {
   content: "";
   display: block;
   background: url("/img/ico/check.png") no-repeat;
   width: 20px;
   height: 20px;
   float: left;
   margin: 12px 30px 0 0;
}
@media only screen and (min-width: 601px) and (max-width: 1046px) {
   .ondemand .service:before {
      margin: 8px 30px 0 0;
   }
}

/* siroke tlacitko - hlavne pod seznamy jako odkaz na "zobrazit vse" */
.btn.humusoft-fullwidth-button {
   width: 100%;
   font-weight: bold;
   border-bottom: 10px solid var(--humusoft-color);
   color: #3d3d3d;
   box-shadow: none;
   padding-bottom: 33px;
}
.btn.humusoft-fullwidth-button:hover {
   text-decoration: underline;
}

body > div.skiptranslate > iframe {
   top: auto !important;
   bottom: 0 !important;
}

/* tlacitko zobrazeni obsahu u skoleni */
ul.collapsible li .expandButton {
   background-color: #1565c0 !important;
   width: 190px;
   padding: 10px;
   color: #ffffff;
   margin-top: 1rem;
}
ul.collapsible li .expandButton p {
   margin-top: 0;
   margin-bottom: 0;
   text-transform: uppercase;
}
ul.collapsible li.active .expandButton {
   display: none;
}

@media only screen and (max-width: 400px) {
   .skoleni #matlab > form > div.training:nth-child(7) div label {
      padding-right: 35px !important;
   }
}

.cookie-consent-banner {
   display: none;
   position: fixed;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: #f8f9fa;
   box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
   color: black;
   padding: 5px;
   font-size: 12px;
   text-align: center;
   z-index: 1033;
}

.cookie-consent-button {
   border: none;
   padding: 8px 16px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 14px;
   margin: 4px 2px;
   cursor: pointer;
   border-radius: 4px;
}

.cookie-consent-button:hover {
   box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
}

.cookie-consent-button:active {
   opacity: 0.5;
}

.cookie-consent-button.btn-success {
   background-color: var(--humusoft-color);
   color: white;
}

.cookie-consent-button.btn-grayscale {
   background-color: #dfe1e5;
   color: black;
}

div.collapsible-header {
   display: block;
   line-height: normal;
   background-color: transparent;
   border: none;
}

div.collapsible-header h2 > i {
   font-size: 1.2rem;
   margin-right: 5px;
   transition: all 0.5s;
}

div.collapsible-header h2 {
   display: flex;
   align-items: center;
   color: var(--humusoft-color);
}

.training h2 a {
   color: unset;
}

li.active div.collapsible-header h2 > i {
   rotate: 90deg z;
}

.skoleni .collapsible-body {
   padding: 2rem 2rem 1rem 2rem;
}

.skoleni .price {
   margin-top: 20px;
   font-size: 0.9em;
   font-weight: bold;
}

.training h2 strong:hover {
   text-decoration: underline;
}

.graybg {
   background: #ebebeb;
   border-bottom: 4px solid #bdbdbd;
   padding: 5px 20px 5px 20px;
   display: inline-block;
}

.social {
   padding: 0;
   filter: grayscale(100%);
}

ul.mlList {
   padding-left: 1rem;
}

ul.mlList li {
   list-style-type: disc;
}

div.row.training {
   flex-wrap: nowrap;
}

.training + .collapsible-body .pdf {
   float: right;
}

@media screen and (max-width: 900px) {
   .training + .collapsible-body .pdf {
      text-align: center;
      margin-bottom: 10px;
      float: unset;
   }
}

.verticalCenterAlignment {
   display: flex;
   align-items: center;
}

@media screen and (max-width: 550px) {
   div.row.training {
      flex-wrap: wrap;
   }

   div.row.training div:last-child {
      flex-grow: 1;
      margin-bottom: 20px;
      text-align: right;
   }
   div.row.training div:last-child a {
      justify-content: right;
   }
}

.flex-column {
   display: flex;
   flex-direction: column;
}

/* news */
#newsStripe {
   padding: 5px 0;
   width: 100%;
   height: fit-content;
   padding: 10px 0;
   font-size: 0.9em;
   display: flex;
   align-items: center;
   background-color: #cee2f5;
}

#newsStripe > div::-webkit-scrollbar {
   display: none;
}

#newsStripe > div {
   -ms-overflow-style: none;
   scrollbar-width: none;
}

#newsStripe a {
   padding: 0 5px;
}

/* archive papers */
.papers h3 {
   margin: 50px 0 30px 0;
}
.papers :is(h4, h5) {
   margin-top: 50px;
}

/* google search */
.gcsc-find-more-on-google-root,
.gcsc-more-maybe-branding-root {
   display: none;
}

#___gcse_0 {
   padding-bottom: 50px;
}

#___gcse_0 tr {
   border: none;
}

/* banner homepage */
.banner {
   padding: 15px;
   font-weight: bold;
   color: #ffffff;
   display: flex;
   align-items: stretch;
   gap: 15px;
   position: relative;
   height: 130px;
}
.box .banner-box:only-child {
   max-width: 550px;
}
.banner:hover {
   text-decoration: underline;
}
.banner.humusoftGradient {
   --clr: var(--humusoft-base-color);
   background: linear-gradient(180deg, rgb(0, 0, 0) -100%, var(--clr) 20%, rgba(255, 255, 255, 0.1) 140%);
   border-bottom: 10px solid var(--clr);
}
.banner.matlabGradient {
   --clr: rgb(199, 140, 3);
   background: linear-gradient(180deg, rgb(0, 0, 0) -100%, var(--clr) 20%, rgba(255, 255, 255, 0.1) 140%);
   border-bottom: 10px solid var(--clr);
}
.banner.comsolGradient {
   --clr: rgb(57, 153, 223);
   background: linear-gradient(180deg, rgb(0, 0, 0) -100%, var(--clr) 20%, rgba(255, 255, 255, 0.1) 140%);
   border-bottom: 10px solid var(--clr);
}
.banner.dSpaceGradient {
   background: linear-gradient(180deg, rgb(0, 0, 0) -100%, var(--dspace-color) 20%, rgba(255, 255, 255, 0.1) 140%);
   border-bottom: 10px solid var(--dspace-color);
}
.banner.heavyhorseGradient {
   background: linear-gradient(180deg, rgb(0, 0, 0) -100%, var(--heavyhorse-color) 20%, rgba(255, 255, 255, 0.1) 140%);
   border-bottom: 10px solid var(--heavyhorse-color);
}
.banner.greyGradient {
   --clr: rgb(123, 123, 123);
   background: linear-gradient(180deg, var(--clr) 20%, rgba(255, 255, 255, 0.1) 140%);
   border-bottom: 10px solid var(--clr);
}
.banner.limeGradient {
   --clr: rgb(162, 213, 88);
   background: linear-gradient(180deg, rgb(0, 0, 0) -100%, var(--clr) 20%, rgba(255, 255, 255, 0.1) 140%);
   border-bottom: 10px solid var(--clr);
}
.banner.greenGradient {
   --clr: rgb(5, 126, 86);
   background: linear-gradient(180deg, rgb(0, 0, 0) -100%, var(--clr) 20%, rgba(255, 255, 255, 0.1) 140%);
   border-bottom: 10px solid var(--clr);
}
.banner .gradient {
   padding: 15px;
   width: 100%;
   height: 100%;
   position: relative;
   display: flex;
   align-items: center;
   mix-blend-mode: luminosity;
}

.banner .gradient::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: -1;
}

.banner .imgOverlay {
   padding: 15px;
   width: 100%;
   height: 100%;
   position: relative;
   display: flex;
   align-items: center;
   mix-blend-mode: luminosity;
   opacity: 0.1;
}

.banner .imgOverlay::before {
   content: "";
   position: absolute;
   inset: 0;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-image: var(--img);
   z-index: -1;
}
.banner.matlabGradient.filter {
   background: unset;
}
.banner.comsolGradient.filter {
   background: unset;
}
.banner.greyGradient.filter {
   background: unset;
}
.banner.greenGradient.filter {
   background: unset;
}

.banner:hover .filter + div {
   text-decoration: underline;
}
.banner .filter + div {
   position: absolute;
   inset: 0;
   padding: 15px;
   display: flex;
   align-items: center;
}
.banner.matlabGradient .filter + div {
   background: linear-gradient(180deg, rgba(199, 140, 3, 0.8) 90%, rgba(255, 255, 255, 0.8) 140%);
}
.banner.comsolGradient .filter + div {
   background: linear-gradient(180deg, rgba(57, 153, 223, 0.8) 90%, rgba(255, 255, 255, 0.8) 140%);
}
.banner.greyGradient .filter + div {
   background: linear-gradient(180deg, rgba(123, 123, 123, 0.8) 90%, rgba(255, 255, 255, 0.8) 140%);
}
.banner.greenGradient .filter + div {
   background: linear-gradient(180deg, rgba(162, 213, 88, 0.8) 90%, rgba(255, 255, 255, 0.8) 140%);
}
.banner-left {
   border-radius: 7px;
   width: 100px;
   position: relative;
}
.banner-right {
   flex-grow: 1;
   margin: auto 0;
   line-height: normal;
}

.banner-right > div {
   max-height: 100px;
   display: -webkit-box;
   -webkit-line-clamp: 5;
   -webkit-box-orient: vertical;
   overflow: hidden;
   word-break: break-word;
}

.banner-right a {
   text-decoration: none;
   color: white;
   font-size: 1em;
}

.banner.clip {
   width: 100%;
   padding: 0;
   gap: 5px;
}
.banner.clip .banner-left {
   height: 100%;
   clip-path: polygon(0 0, 75% 0%, 100% 50%, 75% 100%, 0 100%);
}
.banner.clip .banner-left img {
   max-width: 100px;
   object-fit: cover;
   aspect-ratio: 0.83444/1;
}
.banner.clip.img-90 .banner-left img {
   max-width: 90px;
}
.banner.clip.img-80 .banner-left img {
   max-width: 80px;
}
.banner.clip.img-75 .banner-left img {
   max-width: 75px;
}
.banner.clip.img-70 .banner-left img {
   max-width: 70px;
}
.banner.clip.img-60 .banner-left img {
   max-width: 60px;
}
.banner.clip .banner-left::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   right: 0px;
   background-color: rgb(255, 255, 255);
   clip-path: polygon(100% 0%, 100% 100%, 70% 100%, 95% 50%, 70% 0%);
}

.no-border {
   border: none !important;
}

.no-padding {
   padding: 0 !important;
}

ul.no-padding {
   list-style-position: inside;
}

.no-margin {
   margin: 0 !important;
}

ul.no-margin {
   list-style-position: inside;
}
.underline {
   text-decoration: underline !important;
}

.hide {
   display: none !important;
}
.invisible {
   visibility: hidden !important;
}

.products-container > :nth-child(2n + 1) {
   background-color: white;
}
.products-container > :nth-child(2n) {
   background-color: var(--humusoft-base-color);
   color: white;
   flex-direction: row-reverse;
}

.product > div p {
   font-size: 21px;
}

.product img {
   clip-path: polygon(35% 0%, 100% 0%, 65% 100%, 0% 100%);
}
@media only screen and (min-width: 993px) {
   .product img {
      max-height: 250px;
      width: auto !important;
      margin: 10px auto;
   }
   .products-container > .product > div {
      margin: 0 auto;
   }
}
@media only screen and (max-width: 992px) {
   .products-container > :nth-child(2n) img {
      rotate: y 180deg;
   }
   .product img {
      filter: contrast(60%) grayscale(20%);
   }
   .product::after {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      mix-blend-mode: color-burn;
      clip-path: polygon(35.2% 0%, 100% 0%, 65% 100%, 0.2% 100%);
   }

   .products-container > :nth-child(2n + 1)::after {
      rotate: y 180deg;
   }

   .product {
      position: relative;
   }
   .product > div {
      position: absolute;
      z-index: 5;
      color: rgb(255, 255, 255);
      max-width: 70%;
      flex-direction: row;
      display: grid;
      place-items: center;
   }

   .product > div h4 {
      font-size: 4.5vw;
      line-height: 1.5;
      margin: 0;
   }
   .product > div p {
      font-size: 3vw;
      line-height: 1.5;
   }

   .products-container > :nth-child(2n + 1) > div {
      translate: 21%;
   }
   .products-container > :nth-child(2n) > div {
      translate: -21%;
   }
}

#honeywell-drones-banner ul {
   font-size: 1.3em;
}

.show-for-sr {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   overflow: hidden !important;
   clip: rect(0, 0, 0, 0) !important;
   white-space: nowrap !important;
   border: 0 !important;
}

label.default {
   font-size: 1rem;
   color: #9e9e9e;
}

.iconLinksContainer {
   display: grid;
   grid-template-columns: repeat(3, minmax(100px, 1fr));
   gap: 10px;
   border-right: black 5px solid;
}

@media screen and (max-width: 992px) {
   .iconLinksContainer {
      border-right: none;
   }
}
@media screen and (max-width: 400px) {
   .iconLinksContainer {
      grid-template-columns: repeat(2, minmax(100px, 1fr));
      border-right: none;
   }
}

.bio img.responsive-img.materialboxed {
   object-fit: contain;
   aspect-ratio: 1/1;
   width: 250px;
   clip-path: polygon(10% 0, 90% 0, 90% 100%, 10% 100%);
}

.langSelector.disabled {
   pointer-events: none;
   cursor: not-allowed;
   opacity: 0.6;
}

.pagination li.active {
   background-color: var(--humusoft-color);
}

.program.col {
   padding: 0;
}
@media only screen and (max-width: 600px) {
   .program p {
      margin: 0;
   }
   .program.col {
      margin: 20px 0;
   }
}

div.country .input-field {
   margin: 0;
}

.notification {
   position: relative;
}

.notification .badge {
   position: absolute;
   top: 11px;
   right: -8px;
   border-radius: 50%;
   background-color: #ff0000de;
   color: white;
   font-weight: bold;
   height: fit-content;
   line-height: 1rem;
   font-size: 0.7rem;
   padding: 1px 5px;
}

.notifications {
   flex-wrap: nowrap !important;
   flex-direction: column;
   gap: 10px;
   padding: 10px 0;
   max-height: 530px;
   overflow-y: auto;
}

#mobilesidenav > li > a {
   font-size: 1rem;
}
#mobilesidenav > li:nth-child(1) {
   border-bottom: 1px solid white;
}
#mobilesidenav .material-icons {
   float: right;
}

#mobilesidenav .sidenav-trigger {
   border-top: 1px solid white;
   margin: 0;
   padding: 0 18px;
}

.profile {
   word-break: break-word;
}

.pesTeam p {
   margin: 0px;
}

.pos-abs {
   position: absolute;
}

.pos-rel {
   position: relative;
}

@media screen and (min-width: 993px) {
   .pos-abs-m {
      position: absolute;
   }
}
@media screen and (max-width: 992px) {
   .pesTeam p {
      margin-top: 20px;
   }
}
@media screen and (max-width: 992px) {
   .profile .imgHolder {
      text-align: center;
   }
}

#news .box {
   margin-bottom: 0px;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
   gap: 8px;
}

form div.m3-top > label + .input-field {
   margin: 0;
}
form div.m3-top {
   margin-top: 3rem;
}

.event-card {
   padding: 0 10px;
}

.clickable {
   cursor: pointer;
}

/* Custom switch colors */
.switch label input[type="checkbox"]:checked + .lever {
   background-color: var(--humusoft-color); /* Lever color when switched on */
}
.switch label input[type="checkbox"]:checked + .lever::after,
.switch label input[type="checkbox"]:checked + .lever::before {
   left: 23px;
}

.switch label input[type="checkbox"]:checked + .lever::after {
   background-color: rgb(245, 245, 245); /* Lever color when switched on */
}
.switch input:checked + .lever::before {
   background-color: #000000; /* Circle color */
}
.switch label .lever::before,
.switch label .lever::after {
   left: 2px;
   top: 2.5px;
   width: 20px;
   height: 20px;
}

.switch label .lever {
   width: 45px;
   height: 25px;
}

.row.imgsEqualHeight img {
   margin: auto;
}

@media only screen and (max-width: 600px) {
   h1,
   .h1size {
      font-size: 28px !important;
   }
   h2,
   .h2size {
      font-size: 26px !important;
   }
   h3,
   .h3size {
      font-size: 24px !important;
   }
   h4,
   .h4size {
      font-size: 22px !important;
   }
   h5,
   .h5size {
      font-size: 20px !important;
   }
   h6,
   .h6size {
      font-size: 18px !important;
   }

   .paddingcontent {
      padding-top: 2rem;
      padding-bottom: 2rem;
   }
}

@media only screen and (min-width: 601px) {
   h1,
   .h1size {
      font-size: 42px !important;
   }
   h2,
   .h2size {
      font-size: 36px !important;
   }
   h3,
   .h3size {
      font-size: 31px !important;
   }
   h4,
   .h4size {
      font-size: 27px !important;
   }
   h5,
   .h5size {
      font-size: 24px !important;
   }
   h6,
   .h6size {
      font-size: 22px !important;
   }
}

.m-0 {
   margin: 0 !important;
}
.m-1 {
   margin: 0.25rem !important;
}
.m-2 {
   margin: 0.5rem !important;
}
.m-3 {
   margin: 1rem !important;
}
.m-4 {
   margin: 1.5rem !important;
}
.m-5 {
   margin: 2rem !important;
}
.m-6 {
   margin: 3rem !important;
}

.mt-0 {
   margin-top: 0 !important;
}
.mt-1 {
   margin-top: 0.25rem !important;
}
.mt-2 {
   margin-top: 0.5rem !important;
}
.mt-3 {
   margin-top: 1rem !important;
}
.mt-4 {
   margin-top: 1.5rem !important;
}
.mt-5 {
   margin-top: 2rem !important;
}
.mt-6 {
   margin-top: 3rem !important;
}

.mb-0 {
   margin-bottom: 0 !important;
}
.mb-1 {
   margin-bottom: 0.25rem !important;
}
.mb-2 {
   margin-bottom: 0.5rem !important;
}
.mb-3 {
   margin-bottom: 1rem !important;
}
.mb-4 {
   margin-bottom: 1.5rem !important;
}
.mb-5 {
   margin-bottom: 2rem !important;
}
.mb-6 {
   margin-bottom: 3rem !important;
}

.ml-0 {
   margin-left: 0 !important;
}
.ml-1 {
   margin-left: 0.25rem !important;
}
.ml-2 {
   margin-left: 0.5rem !important;
}
.ml-3 {
   margin-left: 1rem !important;
}
.ml-4 {
   margin-left: 1.5rem !important;
}
.ml-5 {
   margin-left: 2rem !important;
}
.ml-6 {
   margin-left: 3rem !important;
}

.mr-0 {
   margin-right: 0 !important;
}
.mr-1 {
   margin-right: 0.25rem !important;
}
.mr-2 {
   margin-right: 0.5rem !important;
}
.mr-3 {
   margin-right: 1rem !important;
}
.mr-4 {
   margin-right: 1.5rem !important;
}
.mr-5 {
   margin-right: 2rem !important;
}
.mr-6 {
   margin-right: 3rem !important;
}

.p-0 {
   padding: 0 !important;
}
.p-1 {
   padding: 0.25rem !important;
}
.p-2 {
   padding: 0.5rem !important;
}
.p-3 {
   padding: 1rem !important;
}
.p-4 {
   padding: 1.5rem !important;
}
.p-5 {
   padding: 2rem !important;
}
.p-6 {
   padding: 3rem !important;
}

.pt-0 {
   padding-top: 0 !important;
}
.pt-1 {
   padding-top: 0.25rem !important;
}
.pt-2 {
   padding-top: 0.5rem !important;
}
.pt-3 {
   padding-top: 1rem !important;
}
.pt-4 {
   padding-top: 1.5rem !important;
}
.pt-5 {
   padding-top: 2rem !important;
}
.pt-6 {
   padding-top: 3rem !important;
}

.pb-0 {
   padding-bottom: 0 !important;
}
.pb-1 {
   padding-bottom: 0.25rem !important;
}
.pb-2 {
   padding-bottom: 0.5rem !important;
}
.pb-3 {
   padding-bottom: 1rem !important;
}
.pb-4 {
   padding-bottom: 1.5rem !important;
}
.pb-5 {
   padding-bottom: 2rem !important;
}
.pb-6 {
   padding-bottom: 3rem !important;
}

.pl-0 {
   padding-left: 0 !important;
}
.pl-1 {
   padding-left: 0.25rem !important;
}
.pl-2 {
   padding-left: 0.5rem !important;
}
.pl-3 {
   padding-left: 1rem !important;
}
.pl-4 {
   padding-left: 1.5rem !important;
}
.pl-5 {
   padding-left: 2rem !important;
}
.pl-6 {
   padding-left: 3rem !important;
}

.pr-0 {
   padding-right: 0 !important;
}
.pr-1 {
   padding-right: 0.25rem !important;
}
.pr-2 {
   padding-right: 0.5rem !important;
}
.pr-3 {
   padding-right: 1rem !important;
}
.pr-4 {
   padding-right: 1.5rem !important;
}
.pr-5 {
   padding-right: 2rem !important;
}
.pr-6 {
   padding-right: 3rem !important;
}