/* ======================================================================================================= */
/* Bootstrap media sizes                                                                                   */
/* https://getbootstrap.com/docs/4.1/layout/overview/                                                      */
/* ======================================================================================================= */
/* Structure                                                                                               */
/* ======================================================================================================= */
/* Colors                                                                                                  */
/* NOTE: Edge does not manage the short hex form (#fff5 is not considered as the equivalent rgba), so if you
         want to use transparency you must use rgba(r,g,b,a). To create uniformity, i will not use the hex
         notation but only the rgb one in every colour, even if it results in a bigger file.
*/
/* ======================================================================================================= */
/* Fonts                                                                                                   */
/* ======================================================================================================= */
/* Definitions mutuated by DevExtreme                                                                      */
/* REMEMBER: to actually modify the DevExtreme behaviour you must modify the json settings file and then
             generate the devextreme css usign a command like to:
                        devextreme build-theme --input-file=dx.generic.hx.20200210.json                    */
/* ======================================================================================================= */
/* New internal definitions in style DevExtreme                                                            */
.mainpayload .hx-form-grp-header,
.mainpayload-fluid .hx-form-grp-header,
.mainpayload-sm .hx-form-grp-header,
.mainpayload-md .hx-form-grp-header,
.mainpayload-lg .hx-form-grp-header,
.mainpayload-xl .hx-form-grp-header {
  font-size: 1.25rem;
  border-bottom: 1px solid #bbbbbb;
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
  padding-bottom: 0.25rem;
  padding-top: 0.5rem;
}
.tab-text-up {
  font-size: 1.15em;
}
.button-padding {
  padding: 7px 20px;
}
.nav-buttons {
  display: block;
  text-align: right;
  margin-right: 10px;
  margin-bottom: 20px;
}
.pseudo-tab {
  width: 50%;
  text-align: center;
  align-content: center;
  height: 40px;
  border: 1px solid #ced4da;
}
.validation-message {
  font-size: 0.95em;
  color: red;
  font-weight: bold;
}
.validation-container {
  min-height: 20px;
  margin-top: 1px;
}
h5 {
  margin-bottom: 30px;
}