/** {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*html {*/
/*    height: 100%;*/
/*}*/

/*Background color*/
#grad1 {
    background-color: #9C27B0;
    background-image: linear-gradient(120deg, #FF4081, #81D4FA);
}

/*form styles*/
#signup_form {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

#signup_form fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    /*box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);*/
    padding: 20px 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;

    /*stacking fieldsets above each other*/
    position: relative;
}

#signup_form fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;

    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#signup_form fieldset:not(:first-of-type) {
    display: none;
}

#signup_form fieldset .form-card {
    text-align: left;
    /*color: #9E9E9E;*/
}

/*#signup_form input, #signup_form textarea {*/
/*    padding: 0px 8px 4px 8px;*/
/*    border: none;*/
/*    border-bottom: 1px solid #ccc;*/
/*    border-radius: 0px;*/
/*    margin-bottom: 25px;*/
/*    margin-top: 2px;*/
/*    width: 100%;*/
/*    box-sizing: border-box;*/
/*    font-family: montserrat;*/
/*    color: #2C3E50;*/
/*    font-size: 16px;*/
/*    letter-spacing: 1px;*/
/*}*/

/*#signup_form input:focus, #signup_form textarea:focus {*/
/*    -moz-box-shadow: none !important;*/
/*    -webkit-box-shadow: none !important;*/
/*    box-shadow: none !important;*/
/*    border: none;*/
/*    font-weight: bold;*/
/*    border-bottom: 2px solid skyblue;*/
/*    outline-width: 0;*/
/*}*/

/*Blue Buttons*/
#signup_form .action-button {
    /*width: 100px;*/
    background: #F18725;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#signup_form .action-button:hover, #signup_form .action-button:focus {
    /*box-shadow: 0 0 0 2px white, 0 0 0 3px #E65400;*/
    background: #E65400;
}

/*Previous Buttons*/
#signup_form .action-button-previous {
    /*width: 100px;*/
    background: #616161;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 0px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#signup_form .action-button-previous:hover, #signup_form .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #616161;
}

/*Dropdown List Exp Date*/
select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px;
}

select.list-dt:focus {
    border-bottom: 2px solid skyblue;
}

/*The background card*/
.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative;
}

/*FieldSet headings*/
.fs-title {
    font-size: 25px;
    color: #2C3E50;
    margin-bottom: 10px;
    font-weight: bold;
    text-align: left;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: #818B56;
}

#progressbar .active {
    color: #000000;
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 20%;
    float: left;
    position: relative;
}

/*Icons in the ProgressBar*/
#progressbar #account:before {
    /*font-family: FontAwesome;*/
    /*content: "\f023";*/
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'><path d='M7.5 6.5C7.5 8.981 9.519 11 12 11s4.5-2.019 4.5-4.5S14.481 2 12 2 7.5 4.019 7.5 6.5zM20 21h1v-1c0-3.859-3.141-7-7-7h-4c-3.86 0-7 3.141-7 7v1h17z'></path></svg>");
}

#progressbar #license:before {
    /*font-family: FontAwesome;*/
    /*content: "\f007";*/
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'><path d='m20.487 17.14-4.065-3.696a1.001 1.001 0 0 0-1.391.043l-2.393 2.461c-.576-.11-1.734-.471-2.926-1.66-1.192-1.193-1.553-2.354-1.66-2.926l2.459-2.394a1 1 0 0 0 .043-1.391L6.859 3.513a1 1 0 0 0-1.391-.087l-2.17 1.861a1 1 0 0 0-.29.649c-.015.25-.301 6.172 4.291 10.766C11.305 20.707 16.323 21 17.705 21c.202 0 .326-.006.359-.008a.992.992 0 0 0 .648-.291l1.86-2.171a.997.997 0 0 0-.085-1.39z'></path></svg>");
}

#progressbar #permissions:before {
    /*font-family: FontAwesome;*/
    /*content: "\f09d";*/
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'><path d='M20 12c0-1.103-.897-2-2-2h-1V7c0-2.757-2.243-5-5-5S7 4.243 7 7v3H6c-1.103 0-2 .897-2 2v8c0 1.103.897 2 2 2h12c1.103 0 2-.897 2-2v-8zM9 7c0-1.654 1.346-3 3-3s3 1.346 3 3v3H9V7z'></path></svg>");
}

#progressbar #confirm:before {
    /*font-family: FontAwesome;*/
    /*content: "\f00c";*/
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'><path d='m10 15.586-3.293-3.293-1.414 1.414L10 18.414l9.707-9.707-1.414-1.414z'></path></svg>");
}

#progressbar #payment:before {
    /*font-family: FontAwesome;*/
    /*content: "\f00c";*/
    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'><path d='M20 4H4c-1.103 0-2 .897-2 2v12c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V6c0-1.103-.897-2-2-2zM4 6h16v2H4V6zm0 12v-6h16.001l.001 6H4z'></path><path d='M6 14h6v2H6z'></path></svg>");
}

/*ProgressBar before any progress*/
#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 60px;
    display: block;
    /*font-size: 18px;*/
    color: #ffffff;
    background: #818B56;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

/*ProgressBar connectors*/
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #818B56;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

/*Color number of the step and the connector before it*/
#progressbar li.active:before, #progressbar li.active:after {
    background: #F4A31C;
}

/*#password_check li.pwd_ok::marker {*/
/*    !*padding-inline-start: 1ch;*!*/
/*    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'><path d='M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z'></path><path d='M9.999 13.587 7.7 11.292l-1.412 1.416 3.713 3.705 6.706-6.706-1.414-1.414z'></path></svg>");*/
/*}*/

/*#password_check li.pwd_not_ok::marker {*/
/*    !*padding-inline-start: 1ch;*!*/
/*    content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 36 36' style='fill: rgba(0, 0, 0, 1);transform: ;msFilter:;'><path d='M9.172 16.242 12 13.414l2.828 2.828 1.414-1.414L13.414 12l2.828-2.828-1.414-1.414L12 10.586 9.172 7.758 7.758 9.172 10.586 12l-2.828 2.828z'></path><path d='M12 22c5.514 0 10-4.486 10-10S17.514 2 12 2 2 6.486 2 12s4.486 10 10 10zm0-18c4.411 0 8 3.589 8 8s-3.589 8-8 8-8-3.589-8-8 3.589-8 8-8z'></path></svg>");*/
/*}*/

/*Imaged Radio Buttons*/
.radio-group {
    position: relative;
    margin-bottom: 25px;
}

.radio {
    display: inline-block;
    width: 204px;
    height: 104px;
    border-radius: 0;
    background: lightblue;
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    margin: 8px 2px;
}

.radio:hover {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.radio.selected {
    box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.1);
}

/*Fit image in bootstrap div*/
.fit-image {
    width: 100%;
    object-fit: cover;
}

.custom-checkbox .checkmark {
    height: 20px !important;
    width: 20px !important;
    border-color: #1E1D1D !important;
}

/*.form-container .field-container:first-of-type {*/
/*    grid-area: name;*/
/*}*/

/*.form-container .field-container:nth-of-type(2) {*/
/*    grid-area: number;*/
/*}*/

.field-container {
    position: relative;
}

/*.form-container {*/
/*    display: grid;*/
/*    grid-column-gap: 10px;*/
/*    grid-template-columns: auto auto;*/
/*    grid-template-rows: 90px 90px 90px;*/
/*    grid-template-areas: "name name""number number""expiration security";*/
/*    max-width: 400px;*/
/*    padding: 20px;*/
/*    color: #707070;*/
/*}*/

/*label {*/
/*    padding-bottom: 5px;*/
/*    font-size: 13px;*/
/*}*/

/*input {*/
/*    margin-top: 3px;*/
/*    padding: 15px;*/
/*    font-size: 16px;*/
/*    width: 100%;*/
/*    border-radius: 3px;*/
/*    border: 1px solid #dcdcdc;*/
/*}*/

.ccicon {
    height: 38px;
    position: absolute;
    right: 6px;
    top: calc(50% - 7px);
    width: 60px;
}