/* --- Agregated data for entity e-2 (dcms-std-resp-common) ---> */

/* Responsive page related classes for DCMS */

* { box-sizing: border-box; }

.col-1 { width: 8.33%; }
.col-2 { width: 16.66%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33%; }
.col-5 { width: 41.66%; }
.col-6 { width: 50%; }
.col-7 { width: 58.33%; }
.col-8 { width: 66.66%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33%; }
.col-11 { width: 91.66%; }
.col-12 { width: 100%; }
[class*="col-"] { float: left; }

.row::after {
  content: "";
  clear: both;
  display: table;
}

img {
  width: 100%;
  height: auto;
}

video {
  width: 100%;
  height: auto;
}



/* --- Agregated data for entity e-3 (dcms-std-proj-common) ---> */

/* DCMS test project - common custom styles */

body {
  /* Define global styles */
  background-color: rgb(255, 255, 255);
  font-family: Verdana, Arial, sans-serif;
  
}

/* Responsive tweaks ---> */
@media screen and (max-width: 600px)
{
  /* Mobile */
  /* company logo on page header --> */
  .cc97 {
    width: 10vh;
  }
}
@media screen and ((min-width: 601px) and (max-width: 767px))
{
  /* Tablet */
  /* company logo on page header --> */
  .cc97 {
    width: 13vh;
  }
}
@media screen and (min-width: 768px)
{
  /* Desktop */
  /* company logo on page header --> */
  .cc97 {
    width: 18vh;
  }
}



/* localform module styles --> */
.usr_ContactForm {
  
}
table.usr_ContactForm {
  margin-left: auto;
  margin-right: auto;
}
caption.usr_ContactForm {
  text-align: center;
  color: #ffffff;
  background-color: #444444;
  padding: 0.25em;
}
tr.usr_ContactForm {
  vertical-align: top;
}
th.usr_ContactForm {
  text-align: right;
  padding-right: 0.5em;
  font-weight: normal;
  vertical-align: top;
}
td.usr_ContactForm {
  text-align:left;
}

.usr_ContactFormError {
  color: rgb(220, 16, 20);
  font-weight: bold;
  text-align: center;
  border: 1px solid red;
  border-radius: 4px;
}
.usr_ContactFormOK {
  color: rgb(0, 32, 8);
  font-weight: bold;
  text-align: center;
  border: 1px solid limegreen;
  border-radius: 4px;
}

/* General form elements style */
textarea:invalid, input:invalid  {
  border-color: rgb(220, 16, 20);
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}
textarea:valid, input:valid {
  border-color: rgb(128, 192, 128);
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
}
/* Accesibility aids for form elements */
input+span, textarea+span {
  /*position: relative;*/
}
input+span::before, textarea+span::before {
  /*position: absolute;*/
}
textarea:invalid + span::before, input:invalid + span::before  {
  content: '✖';
  color: #aa0000;
}
textarea:valid + span::before, input:valid + span::before {
  content: '✓';
  color: green;
}

/* ipblk module styles --> */
tr.ipblk_r {
  text-align: right;
}


/* --- Agregated data for entity e-7 (dcms-local) ---> */

/* DCMS styles for DCMSL items on current project */
/* Note that you usually do NOT edit this file, it is often autogenerated */

.cc11 {
  /* Cookies permission layer */
  display: none;
  background-color: rgba(248, 248, 240, 0.9);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  font-size: 0.85em;
  z-index: 100;
  position: fixed;
  padding: 0.25em;
  overflow: auto;
  top: 0.25em;
  width: 98vw
}
.cc12 {
  /* cookieBox title */
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 0.2em
}
.cc13 {
  /* cookieBox main text */
  font-weight: lighter;
  padding-top: 0.2em;
  padding-bottom: 0.2em
}
.cc14 {
  /* cookieBox user selection options */
  font-weight: lighter;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(160, 160, 160);
  border-radius: 4px;
  padding: 0.25em
}
.cc20 {
  /* Options menu layer */
  display: none;
  background-color: rgba(248, 248, 240, 0.85);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  font-size: 0.85em;
  z-index: 100;
  position: absolute;
  right: 0.5em;
  padding: 0.25em;
  transition: display 0.5s
}
.cc21 {
  /* Menu title */
  background-color: rgb(25, 25, 23);
  color: rgb(248, 248, 240);
  width: 100%;
  text-align: center
}
.cc22 {
  /* Menu item */
  cursor: pointer
}
.cc22:focus {
  /* Menu Item (focus) */
  border: 1px solid
}
.cc23 {
  /* Menu overlay button */
  position: absolute;
  top: 0.1em;
  right: 0.1em;
  z-index: 99;
  width: 1.1em;
  height: 1.1em;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(160, 160, 160);
  border-radius: 4px;
  background-color: rgba(250, 250, 250, 0.8);
  background-image: url("config-icon");
  cursor: pointer
}
.cc31 {
  /* Language selection layer */
  display: none;
  background-color: rgba(248, 248, 240, 0.9);
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
  font-size: 0.85em;
  z-index: 100;
  position: fixed;
  padding: 0.25em;
  right: 1em
}
.cc32 {
  /* langBox title */
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 0.2em
}
.cc33 {
  /* langBox main text */
  font-weight: lighter;
  padding-top: 0.2em;
  padding-bottom: 0.2em
}
.cc34 {
  /* langBox user selection options */
  font-weight: lighter;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(160, 160, 160);
  border-radius: 4px;
  padding: 0.25em
}
.cc97 {
  /* Main logo image (inherits from std-proj too) */

}
.cc98 {
  /* Main page (global) */
  background-color: #ffffff
}
.cc99 {
  /* Main page title */
  display: block;
  font-size: 150%;
  font-weight: bold;
  padding-top: 0.55vw;
  padding-bottom: 0.65vw;
  text-align: center
}
.cc100 {
  /* Paragraph title header */
  display: block;
  font-size: 125%;
  font-weight: bold;
  padding-top: 1.25vw;
  padding-bottom: 0.5vw;
  background-color: rgba(240, 240, 240, 0.5);
  margin-top: 1.5vw;
  margin-bottom: 0.5vw
}
.cc101 {
  /* Paragraph content */
  display: block;
  font-size: 100%;
  padding-top: 0.5vw;
  padding-bottom: 0.5vw;
  padding-left: 1vw;
  padding-right: 1vw
}
.cc102 {
  /* Centered element */
  display: block;
  margin-left: auto;
  margin-right: auto;
  float: none
}
.cc103 {
  /* Paragraph box */
  border: 1px solid #8899bb;
  border-radius: 6px;
  margin-top: 1vw;
  margin-bottom: 1vw;
  box-shadow: 0px 0px 5px 5px #EEEFF2
}
.cc103:hover {
  /* Paragraph box */
  box-shadow: 0px 0px 7px 7px #bbbec2
}
.cc103:focus {
  /* Paragraph box */
  box-shadow: 0px 0px 6px 6px #bbc2be
}
.cc104 {
  /* Paragraph header - neutral */
  text-shadow: #888 0 0 0.3em
}
.cc105 {
  /* Paragraph header - Software */
  text-shadow: #f88 0 0 0.3em
}
.cc106 {
  /* Paragraph header - Products */
  text-shadow: #8f8 0 0 0.3em
}
.cc107 {
  /* Paragraph header - Services */
  text-shadow: #ff8 0 0 0.3em
}
.cc108 {
  /* Paragraph title image */
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.33;
  object-fit: none;
  width: auto
}
.cc109 {
  /* Paragraph title block */
  position: relative;
  overflow: hidden;
  margin-bottom: 0.5vw;
  background-color: rgba(220,220,220,0.75)
}
.cc110 {
  /* Footer */
  display: block;
  width: 100%;
  background-color: #eeeeee;
  font-size: 75%;
  text-align: center;
  clear: both
}
.cc111 {
  /* Paragraph title text */
  padding-top: 1.25vw;
  padding-bottom: 0.5vw;
  text-align: center;
  font-size: 125%;
  position: relative;
  z-index: 2;
  font-weight: bold
}
.cc112 {
  /* Footer content */
  display: inline;
  margin-left: 2vw;
  margin-right: 2vw
}
.cc115 {
  /* Form area */
  padding-top: 0.75em;
  padding-bottom: 0.5em
}
.cc116 {
  /* Box background - product */
  background: url(bg_prod) repeat center center
}
.cc117 {
  /* Box background - services */
  background: url(bg_svc) repeat center center
}
.cc118 {
  /* Box background - software */
  background: url(bg_sw) repeat center center
}