/* General styles */

body {
    margin-top: 20px;
    background: url('../images/backgrounds/grey_dot.jpg');
}

ul {
    list-style-type: none;
    padding: 0;
}


a.link {
    height:100%;
    width:100%;
    display:block
}

a {
    color: white;

}

a:hover {
    text-decoration: none;
    color: #BCCCDD;
}

img {
    max-width: 100%;
}

.botpad {
  padding-bottom: 2px ;
}

p.fpr-header {
    margin-bottom: 3px;
    padding-left: 12px;
    font-size:22px;
    color: DarkGreen;
    text-decoration: underline;
}

.fpr-body {
    padding-left: 24px;
    margin-bottom: 1px;
}

/* Operation header style */
label.op-hdr {
  padding: 0px;
  margin: 0px;
  margin-left: -30px;
  color: #124C75;
  font-size: 18px;
  }

label.sm-hdr {
  padding: 0px;
  margin: 0px;
  margin-left: 0px;
  color: #124C75;
  font-size: 16px !important;
  }

label.frm {
  padding-bottom:3px;
  }

.btn-sm {
  background-color: <?php echo $dark;?>;
  border: none;
  color: white;
  margin: 0px !important;
  padding: 0px;
  text-align:center ;
  font-weight:bold;
  vertical-align:middle !important;
  /*text-decoration: none;*/
  /*display: inline-block;*/
  /*font-size: 16px;*/
  /*margin: 4px 2px;*/
  cursor: pointer;
}

.btn-sm:hover {
  background-color: <?php echo $medium;?>;
  color: <?php echo $dark;?>;
}

.btn-xs {
  background-color: <?php echo $dark;?>;
  border: none;
  color: white;
  margin: 0px !important;
  padding: 0px;
  text-align:center ;
  font-weight:bold;
  vertical-align:middle !important;
  /*text-decoration: none;*/
  /*display: inline-block;*/
  /*font-size: 16px;*/
  /*margin: 4px 2px;*/
  cursor: pointer;
}

.btn-xs:hover {
  background-color: <?php echo $medium;?>;
  color: <?php echo $dark;?>;
}

.jalabel {
text-align:left;
height:34px;
font-size: 16px;
margin: 2px 0px 4px 0px;
padding: 0px 0px 0px 10px;
background-color: <?php echo $medium;?>;
color:<?php echo $dark;?>;
}

li.jas-bullet:before
{
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e008";
    font-family: 'Glyphicons Halflings';
    font-size: 16px;
    float: left;
    margin-top: 0px;
    margin-left: -24px;
    color: #C1434F;
}

ul.jas-list
{
   padding-left: 20px;
   text-indent: 2px;
   list-style: none;
   list-style-position: outside;
   color:#124C75;    /*DARK blue*/
}

#MenuTabs.tab-pills {
  color : black;
  background-color: red;
  padding : 5px 15px;
}


.ad-lft{
  padding: 0px 12px 0px 3px;
  /*color:#124C75;    DARK blue*/
  color: #C1434F !important;
  font-style: italic;
  font-weight: bold ;
}

.ad-rght{
    padding: 0px 0px 0px 0px;
    color:#124C75;  /*  DARK blue*/
}

.dl-horizontal dt{
    color:#124C75;
    font-size: 18px;
}

.dl-horizontal dd{
    color:#124C75;
    font-size: 18px;

}

.panel-heading{
    background-color: steelblue;
    border-radius: 6px;
    border: none;
    color: #fff;
    padding: 0;
}

.panel-title{
    color:white;

    font-size: 20px ;
    font-weight: bold;
    padding:12px 0px 12px 12px ;
}

.panel-title a:link {
    color:white;
    text-decoration:none;
}

.panel-title a:hover{
    color:#C1434F;
    font-style: italic;
    background-color:#D4DBE2;
    border-radius: 4px;
    padding: 2px 10px 2px 10px;
}

.panel-title a:visited{
    color:white;
}

.panel-body {
    margin:0px 0px 0px 0px;
    line-height: 24px !important;
    color:#124C75; !important;
    font-size: 18px !important;
    padding:24px ;

}


.jumbotron{
    padding: 12px 24px 1px 24px !important;
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 0px !important;
}

.collapse{
line-height: 120%;
padding: 10px !important;
}



/* Carousel style */
.carousel-container {
    margin: 15px 0;
    position: relative;
}

.carousel-container .carousel-text {
    padding: 2px 0px 2px 0px;
    background: rgba(0,0,0,0.4);
    color: white;
    text-shadow: 2px 2px black;
    position: absolute;
    bottom: 50px;
    width: 100%;
    letter-spacing: 1px;
}

.carousel-inner .item img {
    width: 100%;

}

/* Login container style */
.login-container {
    position: absolute;
    z-index: 80;
}

.login-container .btn-primary {
    background-color: #C1434F;
    border-radius: 0;
    border: none;
    font-size: 16px;
    padding: 15px 25px;
}


/* Login panel style */

.login-panel {
    background-color: #ddd;
    padding: 15px 30px;
}

.login-panel h5 {
    color: #124C75;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 10px;
}

.login-panel input {
    border-radius: 0;
    width: 150px;
    margin-bottom: 10px;
}

.login-panel input[type=button] {
    background-color: #124C75;
    color: white;
    margin-bottom: 5px;
}

.login-panel a {
    color: #124C75;
    text-decoration: underline;
}
/*
.login-panel a:hover {
    color: #124C75;
    text-decoration: none;
}  */

.login-panel .links a:last-of-type {
    float: right;
}

/* Info text boxes style */
.info-text-box {
    color: white;
    padding: 15px;
    margin: 0 -2px 0 0;
}

.info-text-box h3 {
    margin: 0;
    line-height: 26px;
}

.info-text-box h4 {
    font-size: 20px;
    margin: 0;
    line-height: 26px;
}

.info-text-box-adj-mN {
   padding-left: 7px;
   padding-right: 6px;
}

.info-text-box-aadj-mY {
   margin-left: 4px;
   margin-right: 4px;
}
.info-text-box-mY {
    color: white;
    padding: 15px;
    margin: 0px 0px 0px 0px;
}

.info-text-box-mY h3 {
    margin: 0;
    line-height: 26px;
    height:100px;
}

.info-text-box-mY h4 {
    font-size: 20px;
    margin: 0;
    line-height: 26px;
}

.info-text-box-mN {
    color: white;
    padding: 15px;
    /*margin: 0 -4px 0 -8px;*/
}

.info-text-box-mN h3 {
    margin: 0;
    line-height: 26px;
    height:100px;
}

.info-text-box-mN h4 {
    font-size: 20px;
    margin: 0;
    line-height: 26px;
}

.info-text-box-mN-right h4 {
    margin: 0px;
}

.red {
  color:red;
}

.blue-bg {
    background-color: #124C75;   /*This is our DARK blue, see medium-bg */
}

.red-bg {
    background-color: #D12839;
}

.light-blue-bg {
    background-color: #BCCCDD;  /*This is our MEDIUM blue, see medium-bg */
}

.light-blue-bg a:hover {
    color: #124C75;
}

.light-bg {
    background-color: #D4DBE2;
    padding: 0px 30px;
}

.band {
    margin-right: 0px;
    margin-left: -30px;
    line-height: 36px;
    padding: 3px 30px;
} /*jva*/

.bandbox {
    margin-right: -24px;
    margin-left: -24px;
    padding: 3px 30px;
} /*jva*/

.narrow-band {
    margin-right: -30px;
    margin-left: -30px;
    line-height: 12px;
    padding: 3px 30px;
} /*jva*/

.shutters {
    padding: 0px 10px
} /*jva*/


.medium-bg {
    background-color: #BCCCDD;

} /*jva*/

.white-bg {
    background-color: white;

} /*jva*/

/* Smart images container style */
ul.smart-images-container li {
    overflow: hidden;
    position: relative;
    margin: 15px 0;

}

ul.smart-images-container li:hover .hidden-text {
    left: 0;
    right: 0;
}

ul.smart-images-container .hidden-text {
    background-color: rgba(18, 76, 117, 0.7);
    background: rgba(255,255,255,0.8);
    color:rgba(18, 76, 117, 0.9);
    /*text-shadow: 2px 2px black;*/
    position: absolute;
    padding: 0px 3px;
    right: 100%;
    top: 0;
    bottom: 0;
    left: -100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease-in 200ms;
}

ul.smart-images-container .hidden-text h4 {
    line-height: 24px;
}

/* Form style */

.divider {
  height: 1px;
  width:100%;
  display:block; /* for use on default inline elements like span */
  margin: 9px 0;
  overflow: hidden;
  background-color: grey;
}
/* Moved to styles.htm to use colour variables
.form-item {
    background-color: #BCCCDD;
    color: #124C75;
    margin-top: 15px;
}
*/

.form-item select {
          font-size: 20px;
          font-weight: 400;
          padding-left: 6px;
          padding-bottom: 0px;
          padding-top: 0px;
          }

.form-item label {
    font-size: 20px;
    margin: 3px 10px 0;
}

.form-item input {
    font-size: 20px;
    /*margin: 3px 10px 0;*/
}

.form-item + small {
    color: #124C75;
    display: block;
    margin-bottom: 15px;
}

footer {
    padding-top: 20px;
    padding-bottom: 20px;
}

body.menuOn {
    overflow: hidden;
}
.layout_1_overlay {
    background-color: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    width: 100%;
    height: 100%;
    display: none;
}
body.menuOn .layout_1_overlay  {
    display: block;
}
.layout_1 .navbar-toggle {
    background-color: white;
    float: none;
    /*display: inline-block !important; */

}
.layout_1 .navbar-toggle .icon-bar {
    background-color: DarkSlateGrey;
    transition: all 0.3s;
}
.layout_1 .navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0;
}
.layout_1 .navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
}

.layout_1 .navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
}

.lang-flags img {
    width: 22px;
    height: auto;
}

.lang-select {
    max-width: 110px;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 6px;
    border: 1px solid #ccc;
    margin-top: 0;   /* <--- important */
}

.layout_1_header-logo {
    padding: 0 10px;
}
/*redo ---------------------------25Nov25---------------------------------*/
.footer-copy {
   padding:24px 0px 24px 18px;
   border-bottom-left-radius: 18px;
}

.footer-privacy {
   padding:24px 0px 24px 18px;
}

.footer-contact {
   padding:24px 18px 24px 0px;
   border-bottom-right-radius: 18px;
}

.header-wrapper {
   margin:0 !important;
   padding:0 !important;
}

.header-eight {
   padding-right:6px !important;
}

.header-logo {
   padding: 0px 0px 0px 18px; 
   background-color: white; 
   /*display: flex;  justify-content: left; align-items: center;*/
   border-top-left-radius: 18px;
   height: 76px
}

.header-language {
   padding:10px 12px 0px 0px!important;
   background-color: white; 
   display: block;  
   height: 76px;
   position:relative
}

.header-flags {                       /*media*/

}

.header-slogan {
    padding: 6px 18px 0px 0px;
    border-top-right-radius: 18px;
    height: 76px
}

.header-slogan h3 {
    margin: 0px;
    padding-top: 6px;
    padding-bottom: 6px;
}



.header-toggle {
    position: absolute;
    top: 10px;
    right: 0px;
    background-color: white;
    border: none;
    z-index: 999;
}



.layout_1_headerWrapper {
    position: relative; /* required for absolute positioning inside it */
}



/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

.layout_1_main-userName {
    padding: 15px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.layout_1_main-userName span {
    margin: 5px 0;
}
.layout_1_main-userName span:nth-child(1) {
    margin-right: 15px;
}
.layout_1_main-nav {
    padding: 0 !important;
}
.layout_1_main-nav ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}
.layout_1_main-nav ul li {
    margin: 0 2px 0 0;
}
.layout_1_main-nav ul li a {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 4px;
}
.layout_1_main-nav ul li a:hover {
    background-color: #BCCCDD !important;
}
.layout_1_main-body {
    min-height: 400px;
    padding: 20px;
}
.layout_1 .formField {
    margin-bottom: 30px;
    position: relative;
}
.layout_1 .formField_error {
    font-size: 11px;
    text-align: center;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: -18px;
}

.layout_1 .formField_error2 {
    font-size: 11px;
    text-align: center;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: -18px;
}

.layout_1 .formField_field {
    font-size: 18px;
    color: DarkSlateGray;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    width: 100%;
    min-height: 52px;
}
.layout_1 .formField_flex {
    display: flex;
    flex-wrap: wrap;
}
.layout_1 .formField_flex label.formField_label {
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    width: 40%;
    display: flex;
    align-items: center;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    min-height: 52px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.layout_1 .formField_flex .formField_field {
    width: 60%;
    border-right: 0;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.layout_1 .formField.formField_style2 {
    margin-bottom: 10px;
}
.layout_1 .formField.formField_style2 label.formField_label {
    width: 50%;
    font-size: 14px;
    padding: 10px;
    min-height: 45px;
}
.layout_1 .formField_style2 .formField_field {
    font-size: 14px;
    padding: 10px;
    min-height: 45px;
}
.layout_1 .formField_style2 .formField_flex .formField_field {
    width: 50%;
}
.layout_1 .highlightInfo_1 {
    border-radius: 9px;
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.layout_1 .highlightInfo_1 p {
    margin: 5px 25px;
    font-size: 18px;
}
.layout_1 .highlightInfo_1 p span {
    background-color: #ffb95d;
    padding: 5px 10px;
}
.layout_1 .setActions button {
    margin: 10px 5px;
}
.layout_1_linkedOrg {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.layout_1_linkedOrg-label {
    width: 194px;
    margin-right: 15px;
}
.layout_1_linkedOrg-label .formField.formField_style2 label.formField_label {
    width: 100%;
    border-radius: 6px;
}
.layout_1_linkedOrg-depart {
    width: 184px;
    margin-right: 15px;
}
.layout_1_linkedOrg-depart .formField_style2 .formField_flex .formField_field {
    width: 100%;
    border-radius: 6px;
}
.layout_1_linkedOrg-actions {
    margin-bottom: 8px;
}
.layout_1_linkedOrg-actions aside {
    display: flex;
    align-items: center;
}
.layout_1_linkedOrg-actions aside input {
    width: 100%; padding: 11px 10px; margin-right: 15px;
}
.layout_1_linkedOrg-actions aside button {
    font-size: 21px;
    line-height: 1;
    padding: 8px 10px;
}
.layout_1_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 15px;
    border-radius: 0 0 18px 18px;
    overflow: hidden;
}
.layout_1_footer-left, .layout_1_footer-right {
    width: 50%;
    padding: 0 15px;
}
.layout_1_footer p {
    font-size: 18px;
    margin-bottom: 0;
}
.layout_1 .p-0 {
    padding: 0;
}
.layout_1 .mb-0 {
    margin-bottom: 0;
}
.layout_1 .w-100 {
    width: 100%;
}
.layout_1 .ele_bg {
    padding: 12px;
    border-radius: 6px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    min-height: 54px;
}
.layout_1 .ele_bg p {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}
.layout_1 .resultsRow {
    padding: 0 12px;
}
.layout_1 .resultsRow .formField_field {
    font-size: 12px;
    padding: 4px;
    min-height: 30px;
    margin: 12px 0;
}
.layout_1 .resultsTestsCheck {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.layout_1 .resultsTestsCheck label {
    margin-right: 15px;
}
.layout_1 .resultsTestsCheck label input {
    transform: translateY(1px);
}
.layout_1 .resultsTestsTakers label input {
    transform: translateY(1px);
}

.layout_1_testZone {
    padding: 20px 0;
}
.layout_1_testZone-question {
    text-align: center;
    margin-bottom: 30px;
}
.layout_1_testZone-question input {
    background-color: AliceBlue;
    padding: 4px 20px;
    border: 0;
    width: 100%;
    max-width: 120px;
    margin: 5px;
}
.layout_1_testZone-question input:focus {
    outline: none;
    box-shadow: none;
}
.layout_1_testZone-options,
.layout_1_testZone-labels {
    max-width: 560px;
    width: 100%;
    margin: 0 auto;
}
.layout_1_testZone-options label {
    font-weight: normal;
    font-size: 18px;
    color: DarkSlateGray;
    cursor: pointer;
    margin: 0 0 10px;
    padding: 8px 16px 8px 8px;
    border-radius: 20px;
}
.layout_1_testZone-options label:hover {
    background-color: lightslategray;
    color: #fff;
}
.layout_1_testZone-options label.selected {
    background-color: steelblue;
    color: #fff;
    font-weight: 700;
}
.layout_1_testZone-options--radio {
    border: 2px solid #164464;
    background-color: #f0f8ff;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50px;
    margin-right: 5px;
    position: relative;
}
.layout_1_testZone-options--radio::before {
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #f0f8ff;
    background-color: #164464;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block;
    border-radius: 50px;
    display: none;
}
.layout_1_testZone-options label.selected .layout_1_testZone-options--radio::before {
    display: block;
}
.layout_1_testZone-btns {
    text-align: center;
    padding: 10px 0;
}
.layout_1 .colorGolden {
    color: DarkGoldenRod;
}
.layout_1_testZone-labels h3 {
    color: DarkSlateGray;
}
.layout_1_testZone-writingQuestion input {
    background-color: #cecbcb;
    max-width: 300px;
    border: 2px inset light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
}









@media (min-width: 768px) {
    .ml-sm-auto { 
        margin-left: auto;
    }
    .text-sm-right {
        text-align: right;
    }
    .layout_1 .formField_flex.numberCheck .formField_label {
        width: 70%;
    }
    .layout_1 .formField_flex.numberCheck .formField_field {
        width: 30%;
    }
}


@media (min-width: 992px) {

    /* Make the entire header one row again */
    .layout_1_header {
        display: flex;
        flex-direction: row;        /* <---- REVERT TO SINGLE ROW */
        align-items: center;
        justify-content: space-between;
    }

    /* All right-hand elements appear in a single horizontal block */
    .header-right-area {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 20px;
    }

    /* Language block: flags above selector (your requirement) */
    .layout_1_header-langArea {
        display: flex;
        flex-direction: column;     /* flags on top */
        align-items: flex-end;      /* right side */
        gap: 6px;
    }

    /* Flags themselves in one row */
    .lang-flags {
        display: flex;
        flex-direction: row;
        gap: 6px;
    }

    /* Slogan stays inline on same row */
    .layout_1_header-slogan {
      /*   width: auto;
        padding-top: 0;
        margin-left: 20px;
        white-space: nowrap;        keeps slogan in one line */
    }
}


@media (min-width: 1200px) {
    .ml-lg-auto {
        margin-left: auto;
    }
    .text-lg-right {
        text-align: right;
    }
}

@media (max-width: 1200px) {
    .carousel-container .carousel-text {
        font-size: 24px;
    }

    .red-bg h4 {
        font-size: 18px;
    }

    .light-blue-bg h3 {
        font-size: 20px;
    }
}

@media (max-width: 992px) {
/*new ------------------------------------------------------------------------------*/
    .footer-copy {
       padding:12px 0px 0px 18px;
       text-align: center;
       border-bottom-left-radius: 0px;
    }
    
    .footer-privacy {
       padding:2px 0px 12px 18px;
       border-bottom-left-radius: 18px;
    }
    
    .footer-contact {
       padding:2px 18px 12px 0px;
       border-bottom-right-radius: 18px;
    }

    .header-logo {

    }

    .header-language {
       border-top-right-radius: 18px;
    }
    
    .header-slogan {
        margin-top:4px;
        margin-bottom:0px;
        padding: 2px 0px 0px 0px;
        border-top-right-radius: 0px;
        height: 38px;
        text-align:center
     }
    
    .header-slogan h3 {
        font-size: 18px
    }
 /*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^*/
    .light-blue-bg {
        margin-top: 20px;
    }

    ul.smart-images-container img {
        width: 48%;
        margin-right: 4%;
    }

    /* canceling the hover state for tablets */

    ul.smart-images-container .hidden-text, ul.smart-images-container li:hover .hidden-text {
        left: 52%;
        right: 0;
    }
    .layout_1_header-slogan {
        width: 45%;
    }
}


@media (max-width: 991px) {
    .layout_1_header {
        display: flex;
        flex-direction: column;
    }

    .header-top-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .layout_1_header-langArea {
        display: flex;
        flex-direction: column;   /* flags above dropdown */
        align-items: flex-end;
        gap: 6px;
    }

    .lang-flags {
        display: flex;
        flex-direction: row;
        gap: 6px;
    }
}

@media screen and (max-width: 990px) {

    p.fpr-header {
    padding-left: 6px;
    font-size:14px;
    line-height: 18px;
    }

    .fpr-body {
    padding-left: 12px;
    font-size:14px;
    line-height: 18px;
    }

    .info-text-box-mY-left h4 {
    text-align: center;
    color: white;
    font-size: 20px;
    margin: 0 -2px 0 -8px;
    line-height: 26px;
    }

    .info-text-box-mY-right h4 {
    text-align: center;
    color: white;
    font-size: 20px;
    margin: 0px -2px 0px -16px!important;
    line-height: 26px;
    }


  .info-text-box-mN-left {
  color: white;
  padding: 15px;
  margin: 0 -4px 0 -8px;
  }

  .info-text-box-mN-left h3 {
  margin: 0;
  line-height: 26px;
  height:100px;
  }

  .info-text-box-mN-left h4 {
  text-align: center;
  color: white;
  font-size: 20px;
  margin: 0 -2px 0 -8px;
  line-height: 26px;
  }
  
  .info-text-box-mN-right {
  color: white;
  padding: 15px;
  margin: 0 -4px 0 -8px;
  }

  .info-text-box-mN-right h3 {
  margin: 0;
  line-height: 26px;
  height:100px;
  }

  .info-text-box-mN-right h4 {
  text-align: center;
  color: white;
  font-size: 20px;
  margin: 0px -2px 0px -16px!important;
  line-height: 26px;
  }

}

@media (max-width: 768px) {
    .login-container {
        position: static;
    }

    .login-panel form {
        display: flex;
        justify-content: space-around;
    }

    ul.smart-images-container img {
        width: 100%;
        margin-right: 0%;
    }

    ul.smart-images-container .hidden-text {
        width: 100%;
        position: static;
    }

   .panel-title{
        padding:12px 0px 12px 20px !important;
    }

   .panel-body {
        margin:0px ;
        padding:0px !important;
    }

    /*start added by Florian 20/02/19*/
    .ad-rght {
        margin-bottom: 20px;
    }
 
    .center-mobile {
        text-align: center;
    }
 
    dl.dl-horizontal dd {
        margin-bottom: 20px;

    }
 
    .jas-bullet {
        margin-bottom: 20px;
    }
 
    .light-bg {
        padding: 0;
    }
 
    label.op-hdr {
        margin-left: 0;
    }
    /*end added by Florian 20/02/19*/

    
    .layout_1_header {
        flex-direction: column-reverse;
        align-items: start;
    }
    .layout_1_header-logo {
        width: 100%;
    }
    .layout_1_header-logo img {
        max-width: 150px;
    }
    .layout_1_header-slogan {
        width: 100%;
        min-height: 15px;
    }
    .layout_1_header-slogan .text-right {
        text-align: center;
        margin: 0;
        padding: 15px;
        display: none;
    }
    .layout_1_main-nav ul {
        flex-direction: column;
        padding: 7px;
    }
    .layout_1_main-nav ul li {
        margin: 2px 0 0 0;
    }
    .layout_1_main-nav ul li a {
        display: block;
    }
    .layout_1 .formField_flex label.formField_label {
        width: auto;
        padding: 8px;
        margin-bottom: 5px;
        font-size: 16px;
        min-height: inherit;
        border-radius: 3px;
        border: none;
    }
    .layout_1 .formField_flex .formField_field {
        width: 100%;
        padding: 8px;
        font-size: 16px;
        min-height: inherit;
        border-radius: 3px;
    }
    .layout_1 .formField.formField_style2 label.formField_label {
        min-height: 40px;
        margin: 0;
    }
    .layout_1 .btn-epi {
        font-size: 14px;
    }
    .layout_1 .top-band {
        font-size: 16px;
    }
    .layout_1_linkedOrg-actions aside button {
        padding: 4px 10px;
    }
    .layout_1 .resultsTestsTakers .col-xs-12 {
        margin-bottom: 20px;
    }

    .footer-adjust {
       margin-right:-16px!important
    }

}

@media (max-width: 576.98px) {
    .layout_1_linkedOrg-label, .layout_1_linkedOrg-depart {
        width: 100%;
        margin-right: 0;
    }
}