@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=Poppins&display=swap');

* {padding:0;margin:0;box-sizing:border-box;}
body {
    background-color:#eee;
    /*height:100vh;*/
    font-family:"Poppins",sans-serif;
    font-size: 1rem;
    /*background:linear-gradient(to top, #fff 10%, rgba(93, 42, 141, 0.4) 90%) no-repeat;*/
}
.wrapper {
    border-radius:10px;
    margin:50px auto;
    padding:20px 30px;
    box-shadow:20px 20px 80px rgb(206, 206, 206);
}
.h2{
    /*font-family:"Kaushan Script",cursive;*/
    font-size:3rem;
    font-weight:bold;
    /*color:#400485;*/
    /*font-style:italic;*/
}
.h4{font-family:"Poppins",sans-serif;}
.input-field {
    margin-bottom:5px;
    border-radius:5px;
    /*padding:4px;*/
    display:flex;
    align-items:center;
    cursor:pointer;
    border:1px solid #dedede;
    color:#666666;
}
.input-field:hover{color:#888888;border:1px solid #ababab;}
input{
    border:none;
    outline:none;
    box-shadow:none;
    width:100%;
    padding:0px 2px;
    font-family:"Poppins",sans-serif;
    font-size:.75rem;
}
input::placeholder{opacity:0.4;}
a{text-decoration:none;/*color:#400485;*/font-weight:700;}
a:hover{text-decoration:none;/*color:#7b4ca0;*/}
.input-field select{
    border:none;
    width:100%;
    font-family:"Poppins",sans-serif;
    font-size:.75rem;
    /*color:#000000;*/
}
.option{position:relative;padding-left:30px;cursor:pointer;}
.option label.text-muted{display:block;cursor:pointer;}
.option input{display:none;}
.checkmark{
    position:absolute;
    /*top:3px;*/
    left:0;
    height:20px;
    width:20px;
    background-color:#fff;
    border:1px solid #ddd;
    border-radius:50%;
    cursor:pointer;
}
.option input:checked~.checkmark:after{display:block;}
.option .checkmark:after{
    content:"";
    width:13px;
    height:13px;
    display:block;
    /*background:#400485;*/
    position:absolute;
    top:48%;
    left:53%;
    border-radius:50%;
    transform:translate(-50%, -50%) scale(0);
    transition:300ms ease-in-out 0s;
}
.option input[type="radio"]:checked~.checkmark{
    background:#fff;
    transition:300ms ease-in-out 0s;
    /*border:1px solid #400485;*/
}
.option input[type="radio"]:checked~.checkmark:after{transform:translate(-50%, -50%) scale(1);}
.btn.btn-block{border-radius:20px;/*background-color:#400485;*/color:#fff;}
/*.btn.btn-block:hover{background-color:#55268be0;}*/
/*.input-field.pwd{padding-left:10px;}*/
.input-field > i.fa{margin:0px 7px 0px 7px;text-align:center;color:#dedede;}
.input-field > i.fa-info-circle{color:rgba(0,93,151,0.3);}
.input-field.pwd .btn{padding:0px 5px;}
.btn .fa-eye-slash{border:none;outline:none;box-shadow:none;font-size:.75rem;}
@media(max-width: 575px) {
    .wrapper{margin:10px;}
}
@media(max-width:424px){
    .wrapper{padding:30px 10px;margin:5px;}
    .option{position:relative;padding-left:22px;}
    .option label.text-muted{font-size:0.95rem;}
    .checkmark{position:absolute;top:2px;}
    .option .checkmark:after{top:50%;}
    #forgot{font-size:0.95rem;}
}
.popover{max-width:100%;}
.popover-body-container{padding:10px 20px;}
.popover i.fa-warning{color:#fc6a03;}

.auth-msg{margin-top:20px;padding:.5rem;font-size:.75rem;}
.auth-msg::before{font-family:FontAwesome;margin-right:10px;}
.auth-msg.alert-danger::before{content:"\f071";}

.auth-form label{white-space:nowrap;}
.auth-form .check-button label{padding-left:5px;}
.auth-form .fa{font-size:.85rem;}
.auth-form .intro{font-size:.75rem;color:#888888;margin-bottom:.2rem;}
.auth-form .tbl-nvp .smalllink{font-size:.65rem;font-weight:normal;}
.auth-form .tbl-nvp hr{/*margin:.5rem 0rem 1rem 0rem;*/}
.auth-form .tbl-nvp td:nth-child(2){width:100%;}
.auth-form .tbl-nvp td .input-field{padding:2px;margin-bottom:unset;}
.auth-form .tbl-nvp td select.input-field{padding:2px;}
.auth-form .tbl-nvp tr.prop td{padding:2px 0px 2px 0px;}
.auth-form .tbl-nvp tr.prop td:nth-child(1){text-align:right;padding-right:5px;color:#ababab;font-size:.65rem;font-weight:normal;white-space:nowrap;}
.auth-form .tbl-nvp tr.prop td:nth-child(1)::after{content:":";}
.auth-form .tbl-nvp tr.change-pwd td{padding-top:0px;padding-bottom:0px;}
.auth-form .tbl-nvp tr.sep td{padding-top:0px;padding-bottom:0px;}

.auth-form .button-panel{margin-top:.75rem;margin-bottom:.75rem;text-align:center;}
.auth-form .button-panel .btn{width:120px;white-space:nowrap;}
.auth-form .link-panel{font-size:.75rem;}
.auth-form .link-panel a:hover{text-decoration:underline;}

.changepassword-form.wrapper{max-width:500px;}

.forgotpassword-form.wrapper{max-width:500px;}
.forgotpassword-form .or{width:100%;margin:3px 0px 3px 0px;padding-left:20px;background-color:#f7f7f7;border-radius:5px;font-size:.75rem;color:#4682B4;}

.login-form.wrapper{max-width:500px;}

.editprofile-form.wrapper{max-width:600px;}
.editprofile-form.auth-form .tbl-nvp hr{margin-top:10px;}
.editprofile-form.auth-form select option{color:#000000;}
.editprofile-form .auth-msg{margin-top:10px;text-align:center;}
/*
.profile-form.auth-form select.country[data-chosen="< Select a Country >"]{color:#cccccc;}
.profile-form.auth-form select.state[data-chosen="< Select a State >"]{color:#cccccc;}

.profile-form.auth-form select.country[data-chosen="-- unspecified --"]{color:#cccccc;}
.profile-form.auth-form select.state[data-chosen="-- unspecified --"]{color:#cccccc;}
*/

.profile-form.wrapper{max-width:700px;}
.profile-form .field-group .field-label{text-align:right;padding-right:5px;color:#ababab;font-size:.65rem;font-weight:normal;}
.profile-form .field-group .field-value{display:inline;font-family:"Poppins",sans-serif;font-size:.75rem;}
.profile-form .field-group .field-link{font-family:"Poppins",sans-serif;font-size:.75rem;text-decoration:underline;}
.profile-form .field-group .field-message{display:inline-block;width:50%;font-family:"Poppins",sans-serif;font-size:.65rem;white-space:nowrap;overflow-x:clip;}
.profile-form .field-group .field-message.error{color:#aa0000;}
.profile-form .field-group .field-message.success{color:#00aa00;}

.registration-form.wrapper{max-width:500px;}
.resetpassword-form.wrapper{max-width:500px;}
.resetpassword-form #auth_ResetCode{background-color:#efefef;color:#888888;}
.resetpassword-form .resetcode{background-color:#efefef;}
.resetpassword-form .msg-icon{width:75px;margin:20px 0px 50px 0px;}

.input-field.accept-terms{border:none;}
.input-field.accept-terms:hover{border:none;}

.accept-terms{margin-top:20px;}
.check-button label{display:block;}
.check-button input[type=checkbox]{width:unset;margin-right:5px;vertical-align:middle;position:relative;bottom:1px;}

.green-check{color:#00aa00;}
.red-warning{color:#aa0000;}
.icon-message > i{display:block; margin-top:-2px;}
.icon-message > span{margin-left:10px;}