/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
/*previous purple color used was #863091 */
.container, .outerframe{
    padding-left:0;
    padding-right:0;
}
.modal {
    z-index: 99999;
    overflow:hidden;
}
.modal:before{
    display:none;
}
.modal .modal-dialog {
    transform: translate(-50% , -50%)!important;
    left: 50%;
    top: 50%;
    margin: 0;
    padding: 15px!important;
    position: absolute;
}
.fruity a {
    color: #3d1152 !important;
}
/*.font-noto {*/
/*    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
/*}*/
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
p {
    margin: 0 0 10px;
}
.btn-check:focus+.btn, .btn:focus{
    box-shadow:none;
}
#group-1 .group-container .group-title, #group-8 .group-container .group-title, #group-12 .group-container .group-title {
    margin-top: 0 !important;
    font-weight: 600;
}
.group-description {
    margin-bottom: 0;
    margin-left: 0;
}

.group-container .group-title {
    margin-top: 15px !important;
    font-size: 36px;
}
.group-outer-container, .group-container {
    margin-bottom: 0;
}
.question-text .ls-label-question p{
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    font-weight:500;
}
#navigator-container {
    display: flex;
}
a{
	text-decoration:none;
}
.survey-welcome a:hover {
    text-decoration: underline;
}
.btn-group-lg>.btn, .btn-lg {
    font-size: 18px;
    padding: .725rem 1rem;
    line-height: 1.325;
}
.question-text legend{
    color:#3d1152;
    border-bottom: none !important;
    hyphens: none;
    margin-bottom: 20px;
}
#group-img-1, #group-img-8, #group-img-12{
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 auto;
}
#group-1 .question-container, #group-8 .question-container, #group-12 .question-container{
    border: 0 !important;
    box-shadow: none !important;
}
#group-1 .group-container .group-title h1, #group-8 .group-container .group-title h1,
#group-12 .group-container .group-title h1{
    margin-top:0 !important;
    font-weight:600;
}
#group-img-1 {
	background: url('../files/people.png') no-repeat;
	background-size: 100% 100%;
}
#group-img-8{
    background: url('../files/business.png') no-repeat;
	background-size: 100% 100%;
}
#group-img-12{
    background: url('../files/future.png') no-repeat;
	background-size: 100% 100%;
}
body .top-container {
	margin-top: 30px !important;
}
.navbar-toggle{display:none;}

.group-outer-container, .group-container{
  margin-top:0 !important;
   padding-top:0 !important;
}
.radio-item input[type="radio"]:focus + label::before {
    outline: 1px solid !important;
    outline-offset: 1px !important;
    box-shadow: none;
    border-color: #cccccc;
}
.radio-item label.radio-align3::before{
    top:8px;
}

.radio-item label.radio-align2::before{
    top:5px;
}
.radio-item label.radio-align1::before{
    top:2px;
}
.radio-item label.radio-align3::after{
    top:11px;
}

.radio-item label.radio-align2::after{
    top:8px;
}
.radio-item label.radio-align1::after{
    top:5px;
}
.fruity .btn-default:focus{
  outline: 2px solid #58595b !important; 
  outline-offset: 0px !important;
}
.fruity .btn-primary:focus {
    outline: 2px solid #58595b !important;
    outline-offset: 1px !important;
    box-shadow: none;
}
.space-col{
    display:block;
}
.navbar-toggle{
    display:none;
}
.survey-name{
    color:#3d1152;
}
.asterisk{
    display:none;
}
.fruity .btn-primary:hover {
    background-color: #cfc1b4!important;
    border: 1px solid #3d1152;
    color:#3d1152 !important;
    font-weight:500;
}
.answer-item :hover {
    font-weight: 600;
}
.radio-item input[type="radio"]:checked + label{
  font-weight:800;
}
.ls-no-js-hidden{
    display:none !important;
}
.ls-label-question p, .ls-label-question p span{
	color: #3d1152 !important;
}
#welcome-container ~ #navigator-container {
	display: grid;
	justify-content: center;
}
/*.space-col {*/
/*	margin-bottom: 0 !important;*/
/*	display: block;*/
/*}*/
.ls-label-question p, .ls-label-question p span, body{
    -webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

body .top-container {
	margin-bottom: 0px !important;
}
.survey-welcome p {
	font-size: 17px;
	line-height: 26px;
	color: #000;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	letter-spacing: .3px;
}

.question-container {
    background-color: #ffffff;
    border: 1px solid #919191 !important;
    /*border: 1px solid #3d1152 !important;*/
	box-shadow: 0 1px 2px rgba(145,145,145,1) !important;
    margin: 0 auto;
    padding: 5px;
}
#navigator-container > div {
    padding: 0 8px !important;
}
li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-bottom: 6px;
}
.ls-answers {
    padding:0 !important;
    margin-bottom:15px;
}
.question-title-container{
    padding-bottom:0 !important;
    padding-right: 15px;
    padding-left: 15px;
}
.group-title {
	margin-bottom: 15px !important;
	margin-top: 0px !important;
	font-size: 32px;
	color: #58595B;
}
.fruity .progress-bar {
    color: #fff;
    background-color: #3d1152;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    font-size: 12px;
}
.fruity .navbar-toggle {
    border: solid 1px #3d1152 !important;
}
.fruity .navbar-toggle .icon-bar {
	background-color: #510c5c !important;
}
.ls-question-help, .ls-questionhelp {
    margin-left: 0px !important;
    margin-bottom: 5px;
    color: #3d1152 !important;
}

.ls-questionhelp:before{
    display:none !important;
}
body .answer-item label::after {
    background-color: #3d1152 !important;
}
.fruity .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #3d1152;
    border: 1px solid #3d1152;
}
.fruity .btn-default:hover, .fruity .btn-default:focus, .fruity .btn-default:active, .fruity .btn-default.active, .fruity .open .dropdown-toggle.btn-default {
	color: #3d1152;
	border: 1px solid #3d1152;
	background-color: rgba(15,62,18,0.1);
}
.fruity .btn-default {
	background-color: rgba(255,255,255,0.2);
	border: 1px solid #3d1152;
	color: #3d1152;
}
.fruity .btn-primary {
	color: #fff;
	background-color: #3d1152;
	border: 1px solid #3d1152;
}
.fruity .form-control:focus {
    border: 1px solid #3d1152;
}
.ls-label-question  {
    font-size: 18px;
    font-weight: 500;
}
.thankyoutext {
	font-size: 50px;
	color: #3d1152;
	margin-bottom: 16px;
	font-weight: 600;
}
.completed-wrapper {
	text-align: center;
	height: 400px;
	width: 100%;
	padding: 60px 10px;
}
.completed-text {
	background: #eeeeee8a;
	padding: 10px 25px;
	border-radius: 6px;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}
.thanking-text {
	text-align: center;
	font-size: 65px;
	color: #3d1152;
	font-weight: 600;
	line-height: 50px;
}
.thanking-sub-text {
    text-align: center;
    font-size: 30px;
}

/* this is only for Irish */
.greencircle {
    background: #004d44;
    border-radius: 50%;
    color: #fff;
    width: 20px;
    font-weight: 800;
    display: inline-flex;
    padding: 2px 8px;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    margin-top: -2px;
}
.cus-text{
    color:#3d1152;
    font-weight:800;
    margin-top: -2px;
}
.radio-item label::before{
	top: 3px;
	width:18px;
	height:18px;
}
.radio-item label::after{
	top: 6px;
	width:12px;
	height:12px;
}

.ls-questionhelp ul{
	list-style: none;
  	padding-left: 0px;
 }
 .ls-questionhelp ul li{
  	margin-bottom: 5px;
  	display: flex;
  	align-items: center;
  	justify-content: flex-start;
 }
 
 .fontSizeBtn {
    padding: 0;
    display: flex;
    list-style: none;
    margin: 0;
}
.text-hide {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    border: 0;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
}

.navbar-header .logo-container {
    margin: 0!important;
}

.navbar {
    padding: 0;
    margin-bottom: 20px;
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    z-index:9;
}

.navbar-header {
    padding-left: 0;
    padding-right: 0;
}

  .navbar-header::before, .navbar-header::after, .head_nav::before, .head_nav::after {
        display:none;
    }.navbar-header .navbar-brand {
    max-width: 188px;
    padding: 0;
}

.navbar-header .logo-container, .navbar-header .navbar-brand, .navbar-header .right_logo{
    margin-top: -5px!important;
}

.logo-container>img {
    max-height: 54px;
    padding: 0;
    width: auto;
}
.fruity .btn-outline-secondary {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #3d1152;
    color: #3d1152;
}

.fruity .btn-outline-secondary:hover, .fruity .btn-outline-secondary:focus, .fruity .btn-outline-secondary:active, .fruity .btn-outline-secondary.active{
        color: #3d1152;
    border: 1px solid #3d1152;
    background-color: #ddd !important;
    box-shadow: none!important;
}
.answer-container {
    padding-left: 15px;
    padding-right: 15px;
}
.fruity .btn-outline-secondary:focus {
    outline: 2px solid #58595b !important;
    outline-offset: 0px !important;
}
.form-token .form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.mx-27 {
    padding-left: 27px!important;
    padding-top: 10px;
}

.form-token .btn-outline-secondary {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid #3d1152;
    color: #3d1152;
}
.text-right {
    text-align: right;
}
.form-token  input#token {
    border-radius: 3.5px!important;
}
.form-token #ls-toggle-token-show {
    display: none;
}
.token-page {
    margin-top: 50px;
}
/* end */
@media screen and (max-width: 767px) {
    .head_nav{
        display:flex;
    }
    .text_inc {
    	width: 65%;
    }
    .group-title{
        font-size:20px;
    }
    .question-container {
        padding: 5px 0;
    }
     #block_error {
        width: auto !important;
        padding: 10px !important;
        margin: 0 15px !important;
    }
    .thanking-text {
        font-size: 42px;
        font-weight: 500;
        line-height: 30px;
    }
    .thanking-sub-text {
        font-size: 13px;
    }
    .greencircle{
        width:22px;
        height:22px;
        padding: 1px 6px 0px 6px;
        min-width: 22px;
        min-height: 22px;
    }
    
}


.txt_btn:hover {
	cursor: pointer;
	background: #eae5e0;
	color: #fff;
	text-align: center;
	color: #444;
	border: 0;
}
.txt_btn {
	margin: 5px 3px;
	background: #3d1152;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	border: 0;
	width: 30px;
	height: 30px;
    font-size: 13px;
}
.btntxt{
    display:flex;
    align-items:center;
    gap: 5px;
    min-width: 240px;
    justify-content: flex-end;
}

.text_inc {
    padding: 0;
    display: flex;
    width: fit-content;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    gap: 3px;
    padding-right: 46px;
}
.slash:after{
    content: "/";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 800;
    text-decoration: inherit;
    color: #3d1152;
    font-size: 35px;
    padding-right: rem !important;
    position: absolute;
    margin-left: -5px;
    margin-top:-25px;
}
.main_btn {
	display: flex;
	justify-content: center;
	position: static;
	z-index: 9999;
	top: 5px;
	width: 100%;
	left: 0;
	list-style:none;
}
.main_btn .btn {
	background: #eae5e0;
	color: #3d1152;
	border: 1px solid #3d1152;
    line-height: 1.25;
    margin-left: 3px !important;
}
.main_btn a{
    padding-right:10px;
}
.navbar-header {
	display: flex;
	align-items: center;
	width: 100%;
	justify-content:space-between;
    padding: 10px 15px 0 0;
}

@media screen and (max-width: 767px) {
   
    .navbar-header {
        margin-left: 0px !important;
            align-items: flex-start;
    }
    /*.navbar-header::before, .navbar-header::after {*/
    /*    display: none;*/
    /*}*/
    .right_logo .logo{
    	max-width: 160px;
    }
    .logo-container > img {
        padding: 0px !important;
        max-height: 40px !important;
    }
    #group-1 .group-container .group-title h1, #group-8 .group-container .group-title h1,
    #group-12 .group-container .group-title h1{
        font-size:36px;
    }
    .main_btn {
        display: flex;
        justify-content: center !important;
        margin: 0;
        padding-right: 0;
    }
    .main_btn > div {
        display: flex;
        align-items: center;
        justify-content: center;
        width:100%;
    }
    .main_btn .btn {
    	margin-bottom: 5px;
    	margin-right: 5px;
    }
  
    .text_inc {
    	width: calc(100% - 247px) !important;
    	display: flex !important;
    	justify-content: center !important;
    	margin-top: 0;
    	padding: 0;
    }
   
    .main_btn a {
    	padding: 5px 10px !important;
    	box-shadow: none !important;
    }
    .group-description p {
        padding: 0 ;
    }
    .group-description p span{
        color: #3d1152 !important;
    }
    body .top-container {
    	margin:20px 0px 10px 0px !important;
    }
    .completed-wrapper {
    	padding: 100px 9px !important;
    }
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
   .fruity .navbar {
        padding-bottom: 0;
        padding-top: 0;
    }
    .container-md {
        padding-left: 15px;
    }
    #navigator-container > div {
        padding: 0 10px !important;
    }
    .navbar-header .logo-container, .navbar-header .navbar-brand, .navbar-header .right_logo {
        margin-top: 0!important;
    }
   
}
.main_btn a {
	line-height: normal !important;
	margin-left: 5px;
}
.main_screen:focus{
  outline: 2px solid #58595b !important; 
  outline-offset: 0px !important;
  border-radius:2px;
}
.mb-0{
    margin-bottom:0 !important;
}
.main_screen:hover, .main_screen:focus, .main_screen:active{
    color:#3d1152 !important;
    background:#ddd !important;
}

.group-container .well{
  background-color:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  padding:0 !important;
  color:#3d1152;
  font-size:26px;
}
.fa-eye, .fa-eye-slash {
	background: #ddd;
	border: 1px solid #eae5e0;
	font-size: 18px;
	align-items: center;
	display: flex;
	cursor: pointer;
	padding: 0 5px;
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	border-radius: 4px;
}
.token-page .form-group .load-survey-input{
	display: flex;
}

.token-page .text-info {
	color: #000!important;
	font-size: 18px;
	line-height: 26px;
}


@media (max-width: 360px) {
   
    .main_btn {
        top: 105px;
    }
    html body .navbar.navbar-default.navbar-fixed-top {
        min-height: 120px!important;
    }
    .btntxt div {
        display: flex;
        align-items: center;
        gap: 5px;
        flex-wrap: wrap;
    }
    .btntxt {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-top: -2px!important;
    }
     .btntxt .txt_btn {
        width: 24px;
        height: 24px;
        font-size: 12px;
        margin: 0 3px;
    }
   
}
@media screen and (min-width: 1199px){
   
}
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-weight: 400;
    }
     #welcome-container ~ #navigator-container .col-xs-6{
        min-width:57%;!important;
    }
    .text_inc{
        padding-left:71px;
    }
 }
 .txt_btn span {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* WCAG Changes*/


.checkbox-item label::before {
    width: 24px !important;
    height: 24px !important;
}

.radio-item label, .checkbox-item label {
    padding-left: inherit !important;
}



.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
    font-size: 16px !important;
}

.checkbox-item label::before {
    width: 24px !important;
    height: 24px !important;
}

.checkbox-item input[type="checkbox"]:checked + label::after {
    width: 24px !important;
    height: 24px !important;
}

/* === Floating vertical bar === */
  .side-rail {
    position: fixed;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column-reverse; /* bottom to top order */
    align-items: center;
    gap: 8px;
    z-index: 9999;
    list-style:none;
    display:none;
  }

  .side-item {
    background: #f0f0f0; /* light gray button bg */
    color: #222;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    padding: 6px 8px;
    writing-mode: vertical-rl; /* vertical text */
    text-orientation: mixed;
    transform: rotate(180deg); /* makes text flow bottom → top */
    /*transition: background 0.25s ease, transform 0.2s ease;*/
    border: 1px solid #3d1152;
  }

  .side-item:hover {
    background: #cfc1b4;
    color:#3d1152 !important;
    /*transform: rotate(180deg) scale(1.05);*/
    border: 1px solid #3d1152;
    text-decoration: none;
  }
  
    .extends_extends_fruity_CIPD_2023 article {
        position: relative;
        max-width: 1350px;
        margin: auto;
    }
    
    .extends_extends_fruity_CIPD_2023 article .side-rail {
        position: absolute;
        right: 3px;
    }
    
  
@media (max-width:800px){
    /*#outerframeContainer {*/
    /*    padding-right: 54px;*/
    /*}*/
}
    
    @media (max-width: 768px) {
    .extends_extends_fruity_CIPD_2023 .navbar-brand>img {
        max-height: 50px;
        padding: 9px;
    }
    .extends_extends_fruity_CIPD_2023 .navbar-brand {
        padding: 0;
                margin: 0 !important;
    }
    .extends_extends_fruity_CIPD_2023 .text_inc .btntxt {
        margin-top: 0;
    }
    .extends_extends_fruity_CIPD_2023 .question-container{
        padding:5px;
    }
    .extends_extends_fruity_CIPD_2023 .main_btn .btn {
        line-height: 1.1;
    }
    .extends_extends_fruity_CIPD_2023 .radio-item label {
        padding-top: 3px !important;
    }
    .main_btn .btn {
        padding: 6px;
    }
}
    
  /* Mobile: move bar to bottom */
@media (max-width: 480px) {
    .side-rail {
       top: 60%;
    }
    .side-item {
      /*writing-mode: horizontal-tb;
      transform: none; */
      padding: 8px 10px;
    }
    .extends_extends_fruity_CIPD_2023 .radio-item .side-rail{
        right:0;
    }
   
    }
    @media (max-width: 576px) {
     .group-container .group-title {
    font-size: 18px;
}
#group-1 .group-container .group-title, #group-8 .group-container .group-title, #group-12 .group-container .group-title {
    font-size: 36px;
}
        .side-item {
          /*writing-mode: horizontal-tb;
          transform: none; */
          padding: 8px 10px;
        }
       
        .side-rail a {
            padding: 6px 3px;
        }
        
        .logo-container > img {
            max-height: 30px !important;
            padding-left: 0!important;
            padding-right: 0!important;
        }
       .main_btn {
            top: 56px;
            order: 2;
            position: absolute;
            width: 100%;
        }
        .main_btn > div button {
            padding: 5px 10px !important;
            white-space: nowrap;
        }
        html body .navbar.navbar-default.navbar-fixed-top {
            min-height: 104px!important;
        }
      
        .txt_btn {
            width: 30px;
            height: 30px;
            font-size: 14px;
            margin: 0 3px;
        }
        .main_btn .btn {
            padding: 5px;
        }
        .side-rail {
            top: 28%!important;
            margin-top: 100px;
            right: 1px!important;
        }
        .text_inc {
            width: fit-content!important;
        }
       #outerframeContainer {
            padding-right: 15px;
        }
        .fruity .navbar {
            padding-bottom: 20px;
            padding-top: 0;
            min-height: 104px !important;
        }
        .main_btn .btn {
            margin: 4px 5px !important;
            line-height: 1.1;
        }
        body .top-container {
            margin: 40px 0px 10px 0px !important;
        }
        .modal .modal-dialog {
            padding: 8px;
            width: 100%;
        }
        .btntxt {
            min-width: fit-content;
        }
        .navbar-header {
            padding: 10px 0 0;
        }
      
    }

@media (max-height: 256px) {
    .side-rail {
        top: 50%;
    }
}

  @media (max-width: 640px) {
    .side-rail {
      /*flex-direction: row;*/
      /*bottom: 15px;*/
       top: 60%;
      /*right: 50%;*/
      /*transform: translateX(50%);*/
    }
    .side-item {
      /*writing-mode: horizontal-tb;
      transform: none; */
      padding: 8px 10px;
    }
  }
  
    @media (max-width: 992px) {
        .side-rail {
           top: 50%;
           z-index:9999;
        }   
    }

    .side-item {
      /*writing-mode: horizontal-tb;
      transform: none; */
      padding: 8px 10px;
    }

    /*.side-item:hover {
      transform: scale(1.05);
    } */


.radio-item .ls-label-xs-visibility, .checkbox-item .ls-label-xs-visibility {
    width: 30px !important;
    height: 30px !important;
}

.radio-item label::before {
    width: 18px !important;
    height: 18px !important;
    transition: none;
}
/*.radio-item label::after {*/
/*    width: 22px !important;*/
/*    height: 22px !important;*/
/*}*/

/*.radio-item label {*/
/*    padding-left: 12px !important;*/
/*}*/

/*.radio-item {*/
/*padding-bottom: 7px !important;*/
/*}*/

.radio-item label {
    padding-left: 5px !important;
    /*padding-top: 5px !important;*/
    /*margin-bottom: 5px;*/
}

.side-rail a {
  color: #fff !important;
}
.side-item {
  background: #3d1152;
  color: #fff !important;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  border-radius: 0 6px 6px 0;
  padding: 12px 8px 10px 4px;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  transform: rotate(180deg);
  transition: background 0.25s ease, transform 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.side-item:focus {
    outline: 2px solid #3d1152;
    outline-offset: 3px;
}


.close {
    font-size: 24px !important;
}

.radio-item input[type="radio"]{
    height: 24px !important;
    width: 24px !important;
}

/*#linkIncrease:focus-visible, #linkDecrease:focus-visible{*/
/*    outline: 2px solid #3d1152;*/
/*    outline-offset: 3px;*/
/*}*/



.main_btn .btn:hover, .main_btn .btn:focus {
    background: #ddd !important;
}z

.fruity .form-control {
    /*border: 1px solid #767676 !important;*/
        border: 2px solid #3d1152 !important;
}
/*.radio-item label:hover::before {*/
/*    border: 2px solid #3d1152;*/
/*}*/
/*.radio-item input[type="radio"]:focus + label::before {*/
/*    border: 2px solid #3d1152;*/
/*}*/

/*.radio-item input[type="radio"]:focus + label {*/
/*    font-weight: 600;*/
/*}*/

@media(max-width:576px){
    .form-token .form-group {
        flex-direction: column;
        gap:10px;
    }
    .text-right, .load-survey-input {
        width: 100%;
        text-align: left;
        padding-left: 0!important;
    }
    .token-page {
         margin-top: 30px;
    }
    #navigator-container .text-right {
        padding: 0px;
        width: 50%;
    }
}

@supports (-webkit-touch-callout: none) {
    @media only screen and (min-device-width: 320px) and (max-device-width: 430px) {
        .side-rail {
            right: 19px!important;
        }
    }
}

@media (min-width: 1400px) {
    .container, .container-md {
        width: 1170px;
        padding-left:15px;
        padding-right:15px;
    }
}