::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#adb4bb;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:#adb4bb;
   opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:#adb4bb;
   opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#adb4bb;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:#adb4bb;
}

::placeholder { /* Most modern browsers support this now. */
   color:#adb4bb;
}



.cc-fc-input-wrapper {
    position:relative;
    margin:10px 0 0 0;
    padding: 0 3px;
}

.cc-fc-input-wrapper:first-child {
   margin-top: 0;
}



.cc-fc-input-wrapper label {
    display:block;
    position:absolute;
    padding:0;
    top:16px;
    left:14px;
    font-size:16px;
    font-weight:500;
    color:#adb4bb;
    cursor: text;
    transition:top 200ms linear, font-size 200ms linear, color 100ms linear, background 200ms linear;
}



.cc-fc-input-wrapper.highlight label {
    color:#3674e0;
}



.cc-fc-input-wrapper input[type=text],
.cc-fc-input-wrapper input[type=number],
.cc-fc-input-wrapper input[type=email],
.cc-fc-input-wrapper input[type=password],
.cc-fc-input-wrapper input[type=tel],
.cc-fc-input-wrapper input[type=date],
.cc-fc-input-wrapper textarea {
    box-sizing:border-box;
    padding:22px 14px 7px 14px;
    padding:22px 10px 7px 10px;
    width:100%;
    border:1px solid #f6f6f7;
    border: 1px solid #eee;
    border-radius:9px;
    background: #f6f6f7;
    color:#000;
    font-family: inherit;
    font-size:16px;
    font-weight:700;
    transition:box-shadow 100ms linear, border 100ms linear;
}

.cc-fc-input-wrapper textarea {
    padding-top:15px;
    padding-bottom:10px;
    height:150px;
    line-height:normal;
    font-family: inherit;
    resize:none;
}



.cc-fc-input-wrapper.highlight input[type=text],
.cc-fc-input-wrapper.highlight input[type=number],
.cc-fc-input-wrapper.highlight input[type=email],
.cc-fc-input-wrapper.highlight input[type=password],
.cc-fc-input-wrapper.highlight input[type=tel],
.cc-fc-input-wrapper.highlight input[type=date],
.cc-fc-input-wrapper.highlight textarea,
.cc-fc-input-wrapper.highlight select {
   border-color: #3674e0;
   border-color: #8ab2f9;
   border-color: #78a6f8;
   -webkit-box-shadow: 0px 0px 0px 3px rgba(217, 234, 255, 1);
   -moz-box-shadow: 0px 0px 0px 3px rgba(217, 234, 255, 1);
   box-shadow: 0px 0px 0px 3px rgba(217, 234, 255, 1);
}



.cc-fc-input-wrapper.focus label {
    top:7px;
    font-size:10px;
}



.cc-fc-input-wrapper.invalid label {
    color:#e40d0d;
}



.cc-fc-input-wrapper.invalid input[type=text],
.cc-fc-input-wrapper.invalid input[type=number],
.cc-fc-input-wrapper.invalid input[type=email],
.cc-fc-input-wrapper.invalid input[type=password],
.cc-fc-input-wrapper.invalid input[type=tel],
.cc-fc-input-wrapper.invalid input[type=date],
.cc-fc-input-wrapper.invalid textarea,
.cc-fc-input-wrapper.invalid select {
    border:1px solid #ffb2b2;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(255,217,217,1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(255,217,217,1);
    box-shadow: 0px 0px 0px 3px rgba(255,217,217,1);
}





.cc-fc-input-wrapper select {
    display:inline-block;
    box-sizing:border-box;
    outline:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin:0;
    padding:22px 30px 7px 14px;
    width:auto;
    height:53px;
    border:1px solid #f6f6f7;
    border: 1px solid #eee;
    border-radius:9px;
    font-size:16px;
    font-weight:700;
    color:#000;
    background:url('../images/select-down-icon.png') 0 0 no-repeat;
    background-size:10px 6px;
    background-position:right 12px top 50%, 0 0;
    background-color:#f6f6f7;
}

.cc-fc-input-wrapper select.expand {
    width:100%;
}



.cc-fc-input-wrapper select::-ms-expand {
    display:none;
}



.cc-fc-input-wrapper select:focus {
    
}



.cc-fc-input-wrapper select option {
    font-weight:normal;
}



.cc-fc-input-wrapper h3.details {
   margin: 3px 0 0 6px;
   font-size: 11px;
   font-weight: 400;
   color: #B0B0B0;
   white-space: initial;
}



.cc-fc-input-wrapper p.message {
    display:none;
    margin:4px 0 0 4px;
    color:#e40d0d;
    font-size:11px;
    font-weight:300;
    white-space: initial;
}

.cc-fc-input-wrapper p.message.show {
    display:block;
}





.cc-fc-input-wrapper.password .toggle-password-btn {
    display:block;
    position:absolute;
    width:50px;
    height:50px;
    line-height:50px;
    top:0;
    right:10px;
    font-size:12px;
    font-weight:500;
    text-align:center;
    color: #1a73e8;
}





.cc-fc-main-password-wrapper .requirements-wrapper {
    /*display:grid;
    grid-template-columns:17px auto;
    column-gap:9px;
    row-gap:5px;*/
    margin:12px 0 0 6px;
}

.cc-fc-main-password-wrapper .requirements-wrapper li {
    margin: 3px 0 0 0;
    font-size: 11px;
    color: #888;
}

.cc-fc-main-password-wrapper .requirements-wrapper li:first-child {
    margin-top: 0;
}

.cc-fc-main-password-wrapper .requirements-wrapper li.pass {
    color:#25c662;
}

.cc-fc-main-password-wrapper .requirements-wrapper li.fail {
    color:#fd0000;
}



.cc-fc-main-password-wrapper .show-password-wrapper input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-content: center;
    justify-content: center;
    sfont-size: 12px;
    spadding: 5px;
    width: 21px;
    height: 21px;
    border: 2px solid #777;
    border-radius: 4px;
}



.cc-fc-main-password-wrapper .show-password-wrapper input[type="checkbox"]::before {
    position: relative;
    top: 1px;
    content: "";
    width: 15px;
    height: 15px;
    clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
    transform: scale(0);
    background-color: #fff;
}

.cc-fc-main-password-wrapper .show-password-wrapper input[type="checkbox"]:checked {
    background: #25c662;
    border-color: #25c662;
}

.cc-fc-main-password-wrapper .show-password-wrapper input[type="checkbox"]:checked::before {
    transform: scale(1);
}



.cc-fc-main-password-wrapper .show-password-wrapper {
    margin: 10px 0 0 0;
}

.cc-fc-main-password-wrapper .show-password-wrapper span {
    position: relative;
    top: -2px;
    left: 1px;
    font-size: 15px;
    color: #333;
}





.cc-fc-input-wrapper.textarea {
   padding-bottom: 20px;
}



.cc-fc-input-wrapper.textarea
label {
   padding: 0 4px 1px 4px;
   left: 12px;
   top: 12px;
}

.cc-fc-input-wrapper.textarea.focus
label {
   top: -8px;
   background: #fff;
}



.cc-fc-input-wrapper.textarea
textarea {
   font-size: 15px;
   font-weight: 400;
}



.cc-fc-input-wrapper.textarea
.character-counter-wrapper {
   position: absolute;
   right: 4px;
   margin-top: 3px;
   color: #555;
   font-weight: 500;
   font-size: 14px;
}

.cc-fc-input-wrapper.textarea
.character-counter-wrapper.over-max {
   color: #ea0c0c;
}



.cc-fc-input-wrapper.textarea
.message {
   padding-right: 60px;
}



.cc-fc-input-wrapper.textarea
.details {
   padding-right: 60px;
}




.cc-fc-switch {
    display:inline-block;
    position:relative;
    width:46px;
    height:30px;
    border-radius:30px;
    background:#e7e4e4;
    transition:background 200ms;
}

.cc-fc-switch.on {
    background:#25c662;
}



.cc-fc-switch
.button {
    position:absolute;
    width:26px;
    height:26px;
    top:2px;
    left:2px;
    border-radius:30px;
    background:#fff;
    transition:left 200ms;
}

.cc-fc-switch.on
.button {
    left:18px;
}





.cc-passcode-input-wrapper {
    display: grid;
    column-gap: 8px;
}



.cc-passcode-input-wrapper
input {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 0 0 5px;
    padding: 0;
    width: 100%;
    height: 55px;
    line-height: 55px;
    border:1px solid #f6f6f7;
    border: 1px solid #eee;
    border-radius: 9px;
    background: #f6f6f7;
    color: #000;
    font-family: inherit;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    transition: box-shadow 100ms linear, border 100ms linear;
}

.cc-passcode-input-wrapper
input:first-child {
    margin-left: 0;
}


.cc-passcode-input-wrapper
input:focus {
   border-color: #3674e0;
   border-color: #8ab2f9;
   border-color: #78a6f8;
   -webkit-box-shadow: 0px 0px 0px 3px rgba(217, 234, 255, 1);
   -moz-box-shadow: 0px 0px 0px 3px rgba(217, 234, 255, 1);
   box-shadow: 0px 0px 0px 3px rgba(217, 234, 255, 1);
}



.cc-passcode-input-wrapper
input.required {
    border:1px solid #ffb2b2;
    -webkit-box-shadow: 0px 0px 0px 3px rgba(255,217,217,1);
    -moz-box-shadow: 0px 0px 0px 3px rgba(255,217,217,1);
    box-shadow: 0px 0px 0px 3px rgba(255,217,217,1);
}