@font-face{
    font-family:PFDinDisplayPro-Light;
    src:local('PFDinDisplayPro-Light'),
        url(fonts/PFDinDisplayPro-Light.woff) format('woff');
        font-weight: 300;
        font-style: normal;
    }
@font-face{
      font-family:PFDinDisplayPro-Regular;
      src: local('PFDinDisplayPro-Regular'),
          url(fonts/PFDinDisplayPro-Bold.woff) format('woff');
      font-weight: 300;
      font-style: normal;
    }

.paper {
    background: rgba(11,11,11,.1);
    border: 2px solid transparent;
    border-radius: 8px;
    -webkit-box-shadow: 0 12px 20px rgba(0,0,0,.04);
    box-shadow: 0 12px 20px rgba(0,0,0,.04);
    margin-bottom: 20px;
    padding: 10px;
}
.form-wrapper {
    margin: 45px;
    font-family: PFDinDisplayPro-Light;
    font-size: 18px; /*1.5vw*/
    display:block;

    background: linear-gradient(145deg, #002cae 17%, #04b6f1 100%) !important;

    max-width: 1140px;
    margin: 0 auto;
}


.loading-submit {
    margin:0 50%;
    width: 100%;
  }

.form-wrapper .form-input input.error, 
.form-wrapper .form-input select.error,
.form-wrapper .error {
   /* border: 1px solid red !important; */
   border: none;
}

.form-wrapper .form-elements {
    width: 100%;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;

    -webkit-align-content: start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    /*flex-flow: row wrap;*/

    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;

    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-direction: normal;
    -moz-box-orient: horizontal;

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
  
.form-wrapper .form-flex {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;

    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: space-between;
    align-content: space-between;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;  
    -webkit-flex-flow: row wrap;
}

.form-wrapper .form-flex-between {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

  
.form-flex-inline {
    display: inline-flex;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
}

.form-wrapper .form-input {
    position: relative;
    /*margin: 0 20px 0 0;*/
    width: 280px;
}

.form-wrapper .form-input.form-input-half {
    width: 140px;
}

.form-wrapper .form-input input, 
.form-wrapper .form-input select {
    height: 40px;
    border: none;
    border-radius: 4px;
    padding: 5px 0px 0 15px;
    color: #333;
  
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: inherit;
}
  

.form-wrapper .ticketSubmit {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    margin: 0;
    padding: 0;

    border: 1px solid #027bd5;
}

.form-wrapper form {
    padding: 40px 20px 40px 30px;
}
.form-wrapper .form-icon.input-close,
.form-wrapper .form-icon.input-calendar {
    position: absolute;
    top: 0px;
    cursor: pointer;
    height: 40px;
    padding: 10px 5px;
    width: 20px;
    right: 10px;
}

.form-wrapper .form-icon.input-calendar {
    padding: 10px 5px;
}

.form-wrapper .datepicker_btn.form-icon.input-calendar {
    padding: 10px 5px !important;
}


.form-wrapper .backdateContainer .input-calendar {
    top: 28px;
}

.form-wrapper .form-icon.sep {
    height: 40px;
    padding: 10px 5px;
    cursor: pointer;
}

.form-wrapper .form-icon .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
}

.form-wrapper .icon.i-repeat {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath fill='%23068fd8' d='M0 224c0 17.7 14.3 32 32 32s32-14.3 32-32c0-53 43-96 96-96H320v32c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l64-64c12.5-12.5 12.5-32.8 0-45.3l-64-64c-9.2-9.2-22.9-11.9-34.9-6.9S320 19.1 320 32V64H160C71.6 64 0 135.6 0 224zm512 64c0-17.7-14.3-32-32-32s-32 14.3-32 32c0 53-43 96-96 96H192V352c0-12.9-7.8-24.6-19.8-29.6s-25.7-2.2-34.9 6.9l-64 64c-12.5 12.5-12.5 32.8 0 45.3l64 64c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6V448H352c88.4 0 160-71.6 160-160z'/%3e%3c/svg%3e");
}

.form-wrapper .icon.i-close {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3e%3cpath fill='%23068fd8' d='M310.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L160 210.7 54.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L114.7 256 9.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L160 301.3 265.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L205.3 256 310.6 150.6z'/%3e%3c/svg%3e");
}

.form-wrapper .icon.i-calendar {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23068fd8' d='M152 64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0C141.3 0 152 10.75 152 24V64zM48 248H128V192H48V248zM48 296V360H128V296H48zM176 296V360H272V296H176zM320 296V360H400V296H320zM400 192H320V248H400V192zM400 408H320V464H384C392.8 464 400 456.8 400 448V408zM272 408H176V464H272V408zM128 408H48V448C48 456.8 55.16 464 64 464H128V408zM272 192H176V248H272V192z'/%3e%3c/svg%3e");
}

.form-wrapper .v-autocomplete-list {
    position: absolute;
    z-index: 999999;
    background-color: #f8f8f8;
    border-radius: 4px;
    top: 42px;
    cursor: pointer;
    width: 280px;
    max-height: 310px;
    overflow-y: scroll;
}

.form-wrapper .v-autocomplete-list-item {
    padding: 2px 12px;
    font-size: 16px;
    font-weight: 600;
}

.form-wrapper .v-autocomplete-list-item span {
    font-size: 14px;
    font-weight: 300;
    color: gray;
}

.form-wrapper .form-elements.form-flex.mob {
    margin-top: 25px;
}

.form-wrapper label {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}


.form-wrapper .form-switch {
    position: absolute;
    /*bottom: 0; */
    top: 50%;

}


.form-wrapper .switcher-input { 
    width: 48px;
    height: 22px;

    background: #fff;
    /* border: 1px solid #ccc; */
    border-radius: 4px;
    position: relative;
    display: inline-block;
    overflow: visible;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: .1s ease-out all;
    transition: .1s ease-out all;
    /* top: -1px;  */
    top: 4px;
    margin-left: 5px;
}

.form-wrapper .switcher-input small { 
    height:16px 
}

small {
    font-size: 92%;
}

.form-wrapper .switcher-input small {
    background: #d8d8d8;
    border-radius: 4px;
    width: 21px;
    height: 18px;
    position: absolute;
    top: 2px;
    left: 1px;
    transition: .3s ease-out all;
    -webkit-transition: .3s ease-out all;
}

.form-wrapper .switcher-input.checked small {
    background: rgba(34,147,215,1);
    left: 24px;
}

.form-wrapper input:active, 
.form-wrapper input:hover, 
.form-wrapper input:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
}

.form-wrapper .form-submit-mob {
    display: none;
}

@media only screen and (max-width:768px) {
    .form-wrapper .form-input {
        width: 100%;
        margin-bottom: 30px;
    }

    .form-wrapper .mob .form-input {
        width: 140px;
    }

    .form-wrapper .form-icon.sep.sep-revert {
        width: 100%;
        margin: 6px 10px 6px 8px;
        padding: 0;
        text-align: right;
        height: 20px;
    }

    .form-wrapper .mob .form-icon.sep {
        display: none;
    }

    .form-wrapper .form-switch {
        position: relative;
        top: 0; 
    }

    .form-wrapper .switcher-input {
        margin-left: 5px;
    }

    .form-wrapper .form-submit {
        display: none;    
    }

    .form-wrapper .form-submit-mob {
        display: block;
        width: 100% !important;
        margin: 0 !important;
    }

    .margin-none,
    .form-wrapper .form-elements.form-flex.mob {
        margin: 0 !important;
    }

    
}