/*--------Loader---------*/


#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  display: none;
}
#loader div {
  width: 50px;
  height: 50px;
  border: 5px solid white;
  border-top: 5px solid transparent;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  top: 50%;
  left: 50%;
  position: relative;
  margin: -25px 0 0 -25px;
}
@keyframes spin {
  100% { transform: rotate(360deg); }   
}

/****** Multiselect start ******/
.form-style select[multiple]{
  background:#ffffff;
  min-width:180px;
  height: auto;
  padding: 8px 14px 8px;
}
@media (pointer: fine) {
  .form-style select[multiple]{
      min-height: 150px;
  }
} 
.form-style select[multiple] option{
  padding: 9px 5px;
}
.form-style select[multiple] option:checked
{
  background:#f2f2f2;
}
.form-style select[multiple] option:before 
{
  content: "☐ ";
  font-size: 1.7em;
  float: left;
  margin-top: -9px;
  margin-right: 10px;
}
.form-style select[multiple] option:checked:before 
{
  content: "☑ "
}

.form-style button.button{
	min-height: 44px;
    height: 40px;
    line-height: 1.2;
  	padding: 0 20px;
  	color:#ffffff;
	cursor: pointer;
}
.form-style #add-chair{
  color:#0E103E;
  background: #ffffff !important;
}

/****** Multiselect end ******/ 

input[type=submit] {
    cursor: pointer;
}
input[type=submit]:hover {
    background-color: #00558a !important;
}

	
	
	form.handler p.required::after {
      content: "*";
      color: #E73C3E;
    }

    .overlay-wc {
        position: fixed;
        z-index: 1000;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #000000;
        opacity: 0.5;
    }

    .wheelchair-info .close-wheelchair {
        position: absolute;
        top: 10px;
		right: 10px;
		background: transparent !important;
        border: none;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        color: #666;
        display:none;
    }
    .wheelchair-info.active .close-wheelchair {
        display:block;
    }

    .close-wheelchair:hover {
        color: #000000;
    }

    .wheelchair-info-inner {
        position: relative;
        /* so the close button stays inside */
        max-height: 100%;
        overflow: auto;
        padding-right: 30px;
    }

    form {
        max-width: 650px;
        margin: 0 auto;
    }

    h3 {
        margin-bottom: 20px;
        margin-top: 40px;
    }

    input[type=file] {
        margin-bottom: 5px;
        color: #000000;
        display: block;
        margin: 10px 0 10px 0;
    }

    input[type=submit] {
        margin-bottom: 30px;
    }
    #itemsAdded{
      position: absolute;
      z-index: -1;
      border-radius: 50px;
      height: 44px;
      width: 150px;
    }
    .wheelchair-info,
    #switch-info {
        padding: 50px 15px 20px 40px;
        background: #ffffff;
        margin: 20px 0;
    }

    .wheelchair-info {
        padding: 20px;
    }

    .wheelchair-info.active {
        padding: 50px 15px 20px 40px;
    }

    .wheelchair-info h3.headline_small,
    #switch-info h3.headline_small {
        margin-top: 0;
    }

    .wheelchair-info.active {
        position: fixed;
        z-index: 1000;
        top: 10%;
        left: 50%;
        width: 850px;
        height: 80%;
        max-width: 80%;
        margin-left: -425px;
        box-shadow: -1px 0px 95px 44px rgba(0, 0, 0, 0.26);
        -webkit-box-shadow: -1px 0px 95px 44px rgba(0, 0, 0, 0.26);
        -moz-box-shadow: -1px 0px 95px 44px rgba(0, 0, 0, 0.26);
    }

    .wheelchair-info.active .summary {
        display: none;
    }

    .wheelchair-info .wheelchair-info-inner {
        display: none;
    }

    .wheelchair-info.active .wheelchair-info-inner {
        display: block;
    }

    form.handler .image-wrap label,
    form.handler .option_title {
        margin-top: 2em;
        max-width: 80%;
    }




    .field-annotation {
        display: block;
    }

    .radio-option label {
        display: inline-block;
        margin: 0px 0 5px 5px;
        font-weight: normal;
        font-size: 16px;
    }

    .radio-option input {
        vertical-align: middle;
    }
form.handler textarea {
    min-height: 120px;
    padding: 15px 9px;
}
    form.handler label {
        margin-top: 0.5em;
        display: inline-block;
    }

    form.handler .hint {
        color: #00558a;
        display: block;
        border-radius: 100px;
        text-align: left;
        line-height: 35px;
        font-size: 14px;
        font-weight: 500;
        cursor: pointer;
    }


    .form-thumbnail-wrap {
        position: fixed;
        width: 500px;
        padding: 45px 15px 15px 15px;
        top: 50%;
        left: 50%;
        box-shadow: 1px -1px 8px 3px rgba(0, 0, 0, 0.23);
        -webkit-box-shadow: 1px -1px 8px 3px rgba(0, 0, 0, 0.23);
        -moz-box-shadow: 1px -1px 8px 3px rgba(0, 0, 0, 0.23);
        border-radius: 10px;
        background: #ffffff;
        margin-left: -230px;
        margin-top: -230px;
        display: none;
    }

    .form-thumbnail-wrap .close {
        position: absolute;
        right: -5px;
        top: -1px;
        width: 44px;
        height: 44px;
		line-height: 35px;
		color: #00558a;
		opacity: 1;
		text-align: center;
		font-size: 16px;
    }

    .form-thumbnail-wrap img {
        max-width: 100%;
    }


    .add-chair-submit {
        margin: 50px auto 20px auto;
        display: block;
        padding: 0 50px;
    }


    .chair-title {
        display: flex;
    }

    .chair-title .title {
        display: inline-block;
        margin: 0;
    }

    .controlls {
        display: inline-block;
        width: 150px;
        margin-left: auto;
        padding: 10px 0;
        text-align: center;
    }

    .edit {
        display: inline-block;
        cursor: pointer;
        color: #00558A;
        font-size: 16px;
        font-weight: 500;
        transition: color 0.2s ease, transform 0.1s ease;
        position: relative;
    }

    .separator {
        padding: 0 10px;
    }

    .edit:hover {
        color: #00558A;
        transform: scale(1.05);
    }

    .edit:active {
        transform: scale(0.95);
    }


    @media (max-width: 769px) {
        form.handler .image-wrap label {
            margin-top: 2em;
            max-width: 70%;
            vertical-align: middle;
        }

        form.handler .hint {
            position: static;
        }

        .form-thumbnail-wrap {
            width: 95%;
            left: 2.5%;
            margin-left: auto;
            margin-right: auto;
        }

        .wheelchair-info.active {
            position: fixed;
            z-index: 1000;
            top: 7%;
            left: 2%;
            width: 850px;
            height: 89%;
            max-width: 96%;
            margin-left: 0;
        }

        .wheelchair-info {
            padding: 50px 15px 20px 15px;
        }
    }




	
/*File Upload styling Start*/

.file-status.success input[type=button] {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmRiYTNkYTNiNSwgMjAyMy8xMi8xNS0xMDo0MjozNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZmE3YmIzMi1jMzVlLTM1NGItOTgzOS1jZGU0MjBlNDMxNjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTA2Q0FCMEE2M0FFMTFGMDkwNkRFMjNFNkE4NDUzQUIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTA2Q0FCMDk2M0FFMTFGMDkwNkRFMjNFNkE4NDUzQUIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZGE0MjEwNjQtNTM0Mi1jZDQ1LTg4ZTUtMDViMzA0YWQwMmI0IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzZiZmZkY2YtYmZhMC0yZDRmLWFmNGItMjZlNDA0NGYxNTJjIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+X+OQ7wAAA61JREFUeNrsW01oFDEUzmx32239oSBSZT2IgpT2IAiKf1sLggqKh6JQPXjwIF7Ek3rwZFXwJPbkRdGD+INWFKX+gR5Ewd+Dilio1oKIHlRUXNu13fU9N0tfh0w3k8msieaDj8lMZrPvfTNJXjKJVywWmQie5zENWAxsB85T/H0f8A7wYVRDgvz8kyGiBhwEvse/iMh3wH06BBD6GYMAKeBjDY77eR+Y0C2AF0MVuAxcT85fAN8qlIMGzAa2kmvngJ0mV4EFvqe2VUNV2u4rs9XkKnCAGHqS6cNZUu5enQIkmF40kfQtjeXSsmboNFi3AF9I+pPGcj/HVC5LSt6XAa7mjVI9cFT0lgFXkfOdwDYNIheAC8n5OmBtQLk1wJ/AAeA14Af1xmEMe4D5GLq1uDkE3BW1Eey20HE/D6vGAe08DC3jNvAmMMdfNROBVXMScA1wBbneBn7eDVsFbhAVjzP7cIrY36tSBYZJAfUWCtBI2wOVOCBH0jMtFCAT4It0FThBFHxqmQizgM+J/cdUGsG5cOgnl7B/vcePCUMdx5ihAZjlsUIZc8DPAZU4YPM/0A12Rh0MZXkVsM3xR8DlOucD5gPrLGkDMAp8JjMf4MU8J2gMgvxMsP8cTgAnQLjpru/8aCq6uI37pWdeQzSCI3wUmDe4N0DbUnwck9bdC9AbTe0iAm10vYBrBJ0AWgWYbqAvTdUUYJGBAmRVfpRU/LNhyftwYrIZeB046O9ogB3AacALbPzHD8a7sU08fYYPcCoNgNQGCZLfBulQc6VE0Wly/0VBfgvJ7xLkd5D8jRL/t9Zno5SfcTaCGDTlJogbaKBSWyE/bWMvUCRVRVRlRipUqXxAWgaFOAQoMnvwJg4BBi0SoC8OAV67QMgJ4ARwAjgBnABOAFlg+FteV9AgyE+RtGj9QV1A2hoBypOoiB+CfHrtqyD/W0BaK5IxCoDx/RI+HBYtmnzFSsvqcHLlkiC/F7iBv0lXbRQA8YQzCBOtJsUFTz2uEXQCOAGcAE4AJ4AZAiR8XZRpGFXxK4wAhSrGDyqoCbBVmwB080GzgQK0kPRH6V+F+DCyjY19dHhpoAD9xL4t0n6GEGAqG//l5ZBBzh8hdv0SjT51bZvb7RPhNCvtD57CSl93qkl8IMuA53027QjzpqsslLzCShuXKHBhUr7KTx3nCCb7rvXwEaRQgKhtAMVRZt7a4G6Vti7KUtmlrLQ1Fo+ZvxBUYb+PO8txUzVu6XlQSQARfgswAEWuL997UyqqAAAAAElFTkSuQmCC) no-repeat center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 0;
  background-size: 24px;
  color: transparent;
  font-size: 0px;
	min-height: 44px;
}
.file-status.success input[type=button]:focus-visible {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
  border-radius: 2px; /* Optional */
}

/* Optional fallback for older browsers */
.file-status.success input[type=button]:focus {
  outline: 2px solid #005fcc;
  outline-offset: 2px;
}
.file-status.error {
  display: block;
  color: #E73C3E;
  margin: 5px 0 10px 0;
}

input::-webkit-file-upload-button {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAB2AAAAdgB+lymcgAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAMDSURBVHic7Zu9axRBHIafS2JnZcDEFKKFohINWvvVCcYo5H8QRKwNiFpY2atFTlGMsYn+DWKb2AhKQrQTuSjCWYhgEe8sZja33s3szu7t7u9mbx8YuJ3d2Xnfd+f243YOKoabUcG+x4DTwH6gAbQEtRTOJLAGtHVZ03VDwQTwkY75oGwCU4K6CsFmfihCiDNf6hBczZcyhKTmSxVCWvOlCKFf816HMAlsYDf1x7EuKBt4dJ8Qd+QfA68N9a+AhxHtvBgJLuZHgBXDuhWghschuJoHewDgaQhJzEN0AOBZCEnNQ3wA4EkIceaf0Gse3AIAFcKjiP2LhpDWPLgHAAMawm5gPULUohZuI0kA6H0tRvS3rjUVxt0IMXHmIXkAEB/C7RQ+rEM0joOW+jpwTQvKmrbed92y/kAOfVq5QrojH5BmBATYRsKsY/vMuAF8BbaAm7ibh/4CQPe1AHzTGq4naDsQ9BtAZqQ9B5SGKgBpAdJUAUgLkKYKQFqANFUA0gKkMQUwDVwE9hasJU/GgQvA4bgNH9C5Nf2lG+VBkbfCZ4Gfuo8WcM+24TGDqA85iSoygPdd/bSAQ8HK8FfgiKHx0ZxEFcl013INOB4shAMwzReSnEOUFZG+qquAtABpqgCkBUhTBSAtQBqpAH471uWOVABvDXVvihYBasKyBEuo29GrerkOLAtp2WEe8zs3n88To5g9zQcbhM39sOzE58fiCUv99+BDOICGZeOTmckpnlOW+i1T5S46z83h8jwXacWwTK+fJhHnvpeGBtv0PlL6wAxKe7efF1GNTK+9g2koe3IUmzXjwGfMXuaiGtaAd5aGm8CJ3CRnxwzwCbOHVRxe459H/Wxk2sE2agjNAvsYjEvkCGqS1CXUd9407NvAX9Tvg07csezE53LL1TyoYfJsAERnVZ6SbAbLTggLqKEjbSBtaQH305gPc47//+PnS1kFzvRjPEwNuIw6yTQHwJytNFEn6Tkcj3qaoTGG+rvrFOpeW/pK0ELd2zeAL6irQEWFI/8ANrCu7/TXAG4AAAAASUVORK5CYII=) no-repeat 15px;
  background-repeat: no-repeat;
  display: inline-block;
  min-width: 170px;
  background-size: 24px;
  border-radius: 50px;
  padding: 15px 15px 15px 30px;
  margin-right: 10px;
  background-color: rgba(255, 255, 255, 0.25);
  background-blend-mode: overlay;
  cursor: pointer;
}

input::-webkit-file-upload-button:hover {
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1) inset;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1) inset;
  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 1) inset;
  color: #00558a;
}

input:disabled::-webkit-file-upload-button {
  background-color: rgba(255, 255, 255, 0.75);
}

input[type=submit] {
  margin-top: 30px;
}

input[type=file] {
  margin-bottom: 5px;
  color: #000000;
}
.shogun-root .form-error-summary ul li,
.form-error-summary ul li{
  margin-left: -15px;
}
.shogun-root .form-error-summary ul li:before,
.form-error-summary ul li:before{
  /*display:none;*/
  content: "";
  position: absolute;
  left: 0.6rem;                 /* position inside the left padding */
  width: 1.1rem;
  height: 1.1rem;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2L1 21h22L12 2z' fill='%23E73C3E' stroke='%23E73C3E' stroke-width='1.5'/> <rect x='11' y='8' width='2' height='7' fill='%23fff'/> <circle cx='12' cy='18' r='1.2' fill='%23fff'/></svg>");
  border-radius: 0;
  background-color: transparent;
  margin-left: -10px;
  margin-top: 11px;
}
.form-error-summary {
  color: #000000;
  font-size: 0.9rem;
  margin: 40px 0 0px 0;
}
.form-error-summary p {
  /*color: #E73C3E;*/
  color: #000;
  font-weight:500;
}
/*File Upload styling End*/