.hidden, .hide {display: none !important;}
.input-container-s1 {width:100%; }
.input-container-s1 .input-title {margin: 5px 0 10px 0; }
.input-container-s1 .input-title-container {display: flex;}
.input-container-s1 input {-webkit-appearance: none; -moz-appearance: none; appearance: none;
    width:100%; background: rgba(255, 255, 255, 0.7); padding: 0 10px; font-size:18px; border: 1px solid var(--color-very-light-gray);
               box-sizing: border-box; border-radius: 5px; Height: 45px; }

.input-container-s1 textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'Roboto';
                   width:100%; background: rgba(255, 255, 255, 0.7); padding: 10px 10px; font-size:18px; border: 1px solid var(--color-very-light-gray);
                              box-sizing: border-box; border-radius: 5px; }
.input-error-panel { display: flex; margin: 0px 0 5px 10px; overflow: hidden; flex-grow: 1; padding-top: 4px; background: rgba(255, 119, 101, 0.2); mix-blend-mode: normal; border: 1px solid #FF8C73; border-radius: 5px;}
.input-error-panel img {width:20px; height: 20px; margin-left: 5px;}
.input-error-panel div {margin: 2px 5px; overflow: hidden; font-size: 14px; color:black; }

.input-container-s1 .select-container {width: 100%; position: relative; }
.input-container-s1 .select-container .select-box {display: flex;
    width:100%; background: rgba(255, 255, 255, 0.7); padding: 0 10px; font-size:18px; border: 1px solid var(--color-very-light-gray);
               border-radius: 5px; Height: 45px; }
.input-container-s1 .select-container .select-panel {background-color: #fff; z-index: 9999; min-width: 100%; 
                 display: none; position: absolute;  left: 0;  top: 100%; border: 1px solid var(--color-very-light-gray); border-radius: 5px;}
.input-container-s1 .select-container .select-text{  font-size:18px; font-family: 'Roboto'; font-weight: 400;letter-spacing: 0.01em; margin-top: 8px; width: calc(100% - 30px)}
.input-container-s1 .select-up {background-image: url('../../../general/assets/img/icn_select_down_grey.png'); background-size: contain;width:35px; height:35px; margin-top: 3px;}
.input-container-s1 .select-up:hover {background-image: url('../../../general/assets/img/icn_select_down_blue.png');  }
.input-container-s1 .select-down {background-image: url('../../../general/assets/img/icn_select_down_blue.png'); }
.input-description {font-size:12px; margin-top:5px;}
@media (min-width: 700px) {
.input-container-s1 {width:48%; }
}



.panel-style2 { height:200px; padding: 5px; width: 100%; border: 1px solid var(--color_button_border); font-size: 14px; border-radius: 4px;
  outline: none;}


.page-error-panel { display: flex; margin: 20px 26px 0 26px; padding-bottom: 5px;overflow: hidden; padding-top: 4px; background: rgba(255, 119, 101, 0.2); mix-blend-mode: normal; border: 1px solid #FF8C73; border-radius: 5px;}
.page-error-panel img {width:20px; height: 20px; margin-left: 5px;}
.page-error-panel div {margin: 2px 5px; overflow: hidden; font-size: 14px; font-family: 'Roboto'; font-style: normal; font-weight: 500;}



/* *** Panel CSS ***  */
.panelTinted {width:100%; height: 100%; background-color:rgba(255,255,255,0.8); position:absolute; left:0px; top:0px; z-index:1000;}
.panelMain {position: fixed; border-radius: 8px; background-color:#343d44; top: 100px;z-index:1001;
                       width:400px;left: 50%;margin-left: -200px;}
.panelText {width:90%; margin-left:5%; margin-top: 20px; color:white; text-align: center;}
.panelButton {display: inline-block; border-radius: 25px; background-color: #00a7de; color: #FFFFFF;
               text-align: center; font-size: 16px; padding: 10px; width: 150px; cursor: pointer; margin: 50px 0px 20px 0px;}
/* *** Panel CSS *** */




.radiobutton_container img {width:25px; height: 25px; cursor: pointer; margin-top: 2px;}
.radiobutton-group-container,.radiobutton-group-container-multi {display: flex; }
.radiobutton-group-container > div:not(:first-child){margin-left: 30px;}

.radiobutton-group-container-multi._duble_column {flex-wrap: wrap; justify-content: space-between;}
.radiobutton-group-container-multi._duble_column > div {width:48%}
.radiobutton-group-container-multi._duble_column > div:nth-child(n+3) {margin-top: 10px}

.radiobutton-group-container-multi._single_column {flex-direction: column;}
.radiobutton-group-container-multi._single_column > div {width:100%}
/* .radiobutton-group-container-multi._single_column > div:nth-child(n+3) {margin-top: 0px} */


.line-title-value-container {margin: 5px 0 20px 0;}
.line-title-value {display:flex; }
.line-title-value p:nth-child(1){font-size: 15px; color: #7F8298;  padding-top: 1px;}
.line-title-value p:nth-child(2){font-size: 16px; color: #373B53;margin-left: 10px; }




.back-red {background: red;}


.inpage-messages{width:100%; text-align:center; color:#666; font-size: 14px; margin-top: 50px;}
.inpage-messages img {width:20px; height:8px;}

/*

@font-face {
    font-family: 'Eina03-Regular';
    src: local('Eina03-Regular'), url('../fonts/Eina03-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Eina03-SemiBold';
    src: local('Eina03-SemiBold'), url('../fonts/Eina03-SemiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'Eina03-Bold';
    src: local('Eina03-Bold'), url('../fonts/Eina03-Bold.ttf') format('truetype');
}

:root {
  --color-dark-navy-gray: #373B53;
  --color-very-light-gray: #E4E6F2;
  --color-text-light-gray: #696A77;
  --color-background-gray: #F8F8FB;


  --color_blue:#0FA4E1;
  --color_dark_navy_blue: #3d4857;
  --color_blue_gray: #527487;
  --color_gray:#CCC;
  --color_dark_gray:#4d4d4d;
  --color_red:#DF0E0E;
  --color_green: #4AAB50;
  --color_even:#C8D6F0;
  --color_odd:#A4ACBB;
  --color_light_grey: #F7F3F3;
  --color_table_header:#0FA4E1;
  --color_panel_back:#f9fafa;
  --color_panel_title:#d0d9df

}

*{box-sizing: border-box;}
body{
  font-family: 'Roboto', sans-serif; border:0px; font-weight: 300;
  margin:0;

}
p{margin:0}
@-webkit-keyframes autofill {
    to {
        color: #666;
        background: transparent;
    }
}
input, button {outline: none;}
a {text-decoration:none;}
hr {border: 0; height: 0.5px; background: white;}
nav {margin:0; padding: 0;}




.section-full {width:100%; height:70px; overflow: auto;}
.section-middle {width:90%; margin-left: 5%; overflow: auto; margin: 0px auto;}

.input-style2 { height:30px; padding: 5px; width: 700px; border: 1px solid var(--color_blue); font-size: 14px; border-radius: 4px;
     -webkit-appearance: button; appearance: button; outline: none;}
.button_style1 {width:100px; height:40px; display: flex;
  justify-content: center;
  align-items: center; cursor:pointer; font-size: 16px; font-family: 'Roboto'; color:white; padding: 6px 12px 6px 12px; background: #5262ED; border-radius: 20px;}
.button_style1:hover{background: #7A87FF; transition: 0.8s;}


.radiobutton_container{}
.radiobutton_container img {width:30px; height: 30px; cursor: pointer;}


/* *** Panel CSS ***  * /
.panelTinted {width:100%; height: 100%; background-color:rgba(255,255,255,0.8); position:absolute; left:0px; top:0px; z-index:1000;}
.panelMain {position: fixed; border-radius: 8px; background-color:#343d44; top: 100px;z-index:1001;
                       width:400px;left: 50%;margin-left: -200px;}
.panelText {width:90%; margin-left:5%; margin-top: 20px; color:white; text-align: center;}
.panelButton {display: inline-block; border-radius: 25px; background-color: #00a7de; color: #FFFFFF;
               text-align: center; font-size: 16px; padding: 10px; width: 150px; cursor: pointer; margin: 50px 0px 20px 0px;}
/* *** Panel CSS *** * /

.page-logo {margin: 10px 0 0 20px; font-size: 2em;}
.section-main {width:100%; height: calc(100vh - 70px); overflow: auto;}
.page-header {background: red}

.width150 {width:150px !important;}
.width180 {width:180px !important;}
.width20 {width:20px !important;}
.back-blue {background-color: var(--color_blue) !important;}
.back-light-gray {background-color: var(--color-background-gray) !important;}
.back-green {background-color: var(--color_green) !important;}
.back-red {background-color: var(--color_red) !important;}
.back-light-gray {background-color: var(--color_light_grey) !important;}
.color-white {color: white !important;}
.hidden {display: none !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.ml0 {margin-left: 0 !important; }
.pt70 {padding-top:70px !important;}
.flex-grow-2 {flex-grow:2 !important}
.margin-right-0 {margin-right:0px !important}
.pointer {cursor:pointer !important;}
.fs-14 {font-size: 14px !important;}
.fs-12 {font-size: 12px !important;}
.fs-10 {font-size: 10px !important;}
.fs-8 {font-size: 8px !important;}
.font-pridi {font-family: 'Pridi', serif;}
.font-eina-regular {font-family: 'Eina03-Regular', serif;}
.font-eina-semi-bold {font-family: 'Eina03-SemiBold', serif;}
.font-eina-bold {font-family: 'Eina03-Bold', serif;}

.flex{display: flex;}
.hide{display: none;}
.flex-space-between{justify-content: space-between;}
.flex-wrap {flex-wrap: wrap;}
.for-desktop{display: none;}

@media (min-width: 768px) {
  .for-mobile{display: none;}
  .for-desktop{display: flex;}
  /* .section-middle {width:700px;} * /
}

@media (min-width: 1050px) {
  .section-middle {width:1000px;}
}

@media (min-width: 1200px) {
  .section-middle {width:1200px; }
}

*/