@font-face {
  font-family: 'Gill Sans Pro';
  font-weight: bold;
  src: url('/app/Data/ProjectImages/16369/RD-fonter/gillsansproforriksdagen-bd.otf') format('opentype');
}
@font-face {
  font-family: 'Gill Sans Pro';
  font-style: italic;
  font-weight: bold;
  src: url('/app/Data/ProjectImages/16369/RD-fonter/gillsansproforriksdagen-bdit.otf') format('opentype');
}
@font-face {
  font-family: 'Gill Sans Pro Light';
  src: url('/app/Data/ProjectImages/16369/RD-fonter/gillsansproforriksdagen-lt.otf') format('opentype');
}
@font-face {
  font-family: 'Gill Sans Pro Light';
  font-style: italic;
  src: url('/app/Data/ProjectImages/16369/RD-fonter/gillsansproforriksdagen-ltit.otf') format('opentype');
}
@font-face {
  font-family: 'Gill Sans Pro Medium';
  src: url('/app/Data/ProjectImages/16369/RD-fonter/gillsansproforriksdagen-md.otf') format('opentype');
}
@font-face {
  font-family: 'Gill Sans Pro Medium';
  font-style: italic;
  src: url('/app/Data/ProjectImages/16369/RD-fonter/gillsansproforriksdagen-mdit.otf') format('opentype');
}

.air-datepicker--navigation{
 background-color: rgb(28, 81, 112);
}

.air-datepicker-nav--title, .air-datepicker-nav--title i {
  color:white !important;
}

a {
  text-decoration: underline;
}
.box {
  border-radius: 0 !important;
}

td.InputFieldRed{
  width: auto !important;
}

.InputFieldRed {
  border: 3px solid #AD0000 !important;
  /* Gjorde att fält kom utanför skärmen
  width: auto !important;
  */
}
.error {
  font-weight: bold;
}
.Regline_normal .SelectPersonCount_li {
    display: none;
}
body[data-language-id="2"] [data-language="2"] {
    display: inline !important;
    visibility: visible !important;
}
body[data-language-id="1"] [data-language="1"] {
    display: inline !important;
    visibility: visible !important;
}
body[data-language-id] [data-language] {
    display: none;
}
table.PersonBasket a {
font-weight: bold;
}
body[data-language-id="2"] .RBRL[data-language="2"] {
  display: inline !important;
  visibility: visible !important;
}
body[data-language-id="1"] .RBRL[data-language="1"] {
  display: inline !important;
  visibility: visible !important;
}
body[data-language-id] .RBRL[data-language] {
  display: none;
}
.RBRL {
  font-size: 1rem;
}
td.RadiobuttonRedirectClass p {
    font-size: 4px;
}
td.RadiobuttonRedirectClass label {
    margin-left: 5px;
}
.mindreParagraf {
  font-size: 0.8rem;
  font-weight: bold;
}
.button {
  font-weight: bold;
  padding: 0.7rem 2rem;
  line-height: 1.7rem;
  border: 1px solid #1C5170;
  width:100%;
  max-width:10rem;
  text-align: center;
}
.button:hover {
  border: solid 1px #1C5170;
  background-color: #ffffff;
  color: #222222;
}
/* select#RegistrationType {
  display: none;
} */
/* Notering för person 2 */
#prs2, #prs2ch, #mfoe, .mfoeNo, #prs246, .noevinf {
  font-weight: bold;
  background: yellow;
}
.personcountdiv {display: none;}
.Regline_normal #prs2, .Regline_normal #prs246, .Regline_normal #prs2ch, .Regline_normal #mfoe, .Regline_normal .mfoeNo, .Regline_normal .noevinf {
  display: none;
  background: none;
}

/* Regline fields */

.NewRegQuestionTD > table.ReglineTable {
    Border-spacing: 0 !important;
}
.ReglineElementContainer {
  margin-bottom: 5px;
}
/* .ReglineTable td {display: inline;} */
.moverbody {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.NewRegQuestionTD {vertical-align: bottom !important;}
.NewRegQuestionTD .InputField {width: 90%;}
.activityTR {width: 50%;}
@media screen and (min-width: 860px) {
.ReglineTable td:not(.NewRegQuestionTD > .ReglineTable td) {padding: 0; display:inline-grid; vertical-align: inherit !important;}
}
.activityTR { vertical-align: initial !important;}
.NewRegQuestionTD textarea {
  width:95% !important;
  max-width: 95% !important;
}
.arc-main-content .row, .arc-main-content .row>div {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

h1, h2, h3, h4 {
  letter-spacing: 0px;
}
h1{
  font-family: 'Open Sans', sans-serif !important;
  font-size: 40px !important;
  line-height: 48px !important;
  color: #222222 !important;
}
h2{
  font-family: 'Open Sans', sans-serif !important;
  font-size: 24px !important;
  line-height: 32px !important;
  color: #222222 !important;
}
h3{
  font-family: 'Open Sans', sans-serif !important;
  font-size: 20px !important;
  line-height: 24px !important;
  color: #222222 !important;
}
.pre-header{
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  line-height: 16px !important;
  font-weight: bold !important;
  color: #222222 !important;
}
p, body{
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px !important;
  line-height: 24px !important;
  color: #222222 !important;
}
.RadiobuttonRedirectClass > p {
  line-height: 16px !important;
}
.row {
  padding-left: 88px;
  padding-right: 88px;
}
.row .row {
  padding-left: 0;
  padding-right: 0;
}

/* width NY */
.fieldlabeltd {font-weight: bold; width: 90% !important;}
p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.rdfBtnRow>div {
    display: inline;
}
.arc-main-content {
    padding: 0px !important; 
}

.buttonContainer {
    display: flex;
    justify-content: center;
    gap: 16px;
}
#ConfirmationBodyTable .ConfirmationBodyLeftColumn.ConfirmationBodyLabelTD {
  width: 30%;
}

#ErrorMessageDiv {
  margin-bottom: 18px;
}

.reglineContent {
  padding: 40px;
}
.reglineHeaderContainer{
  padding: 0px 40px 40px 40px !important; ;
}

@media screen and (min-width: 1140px) {
  .row {
    max-width: 964px;
  }
}

@media screen and (max-width: 860px) {
  /* .moverbody { display: block; } */
  .reglineContainer { padding: 5px !important; }
  .ReglineTable td:last-child {margin-bottom: 0.4rem;}
  #backbutton, #forwardbutton { text-align: center; width: 45% !important;}
  input.InputSelect, input.InputField { max-width: 90%; width: 90%; }
  /* .InputSelect NY */
 .InputSelect { max-width: 90%; width: 90%; }
 .reglineContent { padding: 40px 20px;}
 .button { width: 95%; padding: 0.5rem 0.1rem; font-size: 1rem;}
  #InternetConfirmation .col-xs-12 {
    padding: 0;
  }
  .ConfirmationBodyOrderSubTable td {
      padding: 3px;
  }
  .activityTR {width: 100%; }
  td.fieldlabeltd {display: block;}
  .ReglineTable td { width: 110% !important; display: initial; }
  .arc-main-content {
    padding: 0px !important; 
  }
  .reglineHeaderContainer{
    padding: 0px 20px 20px 20px !important; ;
  }
    .row {
    padding-left: 20px;
    padding-right: 20px;
  }
  .buttonContainer {
      display: flex;
      flex-flow: column wrap;
      align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .rdfBtnRow div div {
    text-align: center !important;
    margin-bottom: 0.2rem;
  }
  .rdfBtnRow .col-xs-12 {
    padding: 0;
  }
}

.text-left { 
    text-align: left; 
}

.text-right { 
    text-align: right; 
}

.text-center { 
    text-align: center; 
}

.text-justify { 
    text-align: justify; 
}

@media (min-width: 768px) { 
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}

@media (min-width: 992px) { 
  .text-md-left { text-align: left; }
  .text-md-right { text-align: right; }
  .text-md-center { text-align: center; }
  .text-md-justify { text-align: justify; }
}

@media (min-width: 1200px) { 
  .text-lg-left { text-align: left; }
  .text-lg-right { text-align: right; }
  .text-lg-center { text-align: center; }
  .text-lg-justify { text-align: justify; }
}
