/*  
 * Circle Chart  
 */  
svg.uk-circlechart {  
display: block;  
margin: auto;  
}  
svg.uk-circlechart path {  
/*fill: #0bc9eb;*/ 
/*fill: #0099d4;*/
fill:lightblue;   
}  
svg.uk-circlechart circle {  
fill: #ffffff;  
}  
svg.uk-circlechart text {  
font-size: 48px;  
fill: #919191;  
dominant-baseline: central;  
text-anchor: middle;  
}  
.tm-block-secondary svg.uk-circlechart path {  
fill: #0bc9eb;  
}  
.tm-block-secondary svg.uk-circlechart circle {  
fill: #2a3537;  
}  
.tm-block-secondary svg.uk-circlechart text {  
fill: #ffffff;  
}  
.tm-block-primary svg.uk-circlechart path {  
fill: #ffffff;  
}  
.tm-block-primary svg.uk-circlechart circle {  
fill: #0bc9eb;  
}  
.tm-block-primary svg.uk-circlechart text {  
fill: #ffffff;  
}


#system-message-container {
   /* position: absolute;
    top: 157px;
    right: 100px; */
}

#module-188 .uk-text-right a {
    display:block;
    margin:0 auto;
}

#module-187 .uk-text-right a {
    display:block;
    margin:0 auto;
}

/* PayPlans styling */
#fd .o-btn--primary {
    background-color: #0098d3!important;
    box-shadow: 0 4px 28px rgba(0,0,0,.07)!important;
}
#pp .pp-plan-upgrade-info--action {
    background-image: linear-gradient(90deg, #03a4e3 0, #0488bc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFA368E6",endColorstr="#FF786BEF",GradientType=1);
    color: #fff;
    font-size: var(--fd-font-size-sm);
    box-shadow: 0 .4em .4em rgb(0 152 211 / 32%);
}
#fd .o-btn--primary:hover {
    --tw-bg-opacity: 1;
    background-color: #0286b9!important;
}

.uk-navbar-container {
    position:relative!important;
}

#fd .o-btn--primary {
    border-color: var(--fd-primary,rgba(var(--fd-primary),var(--tw-border-opacity)) )!important;
    border-radius: 30px!important;
}

/*#fd .o-btn--primary:hover {
    --tw-bg-opacity: 1;
    background-color: var(--fd-primary-600-hex,rgba(var(--fd-primary-600),var(--tw-bg-opacity)) )
}*/


 .com-users-reset .control-group {
    width: 50%!important;
    margin: 20px auto!important;
}
.com-users-login .plg_system_webauthn_login_button, .com-users-login .com-users-login__input .form-control-feedback,
.com-users-login__remind,
.com-users-login__register {
    display:none;
}

.com-users-login .input-password-toggle {
    border: 1px solid #d8d8d8;
}
.com-users-login .com-users-login__options .list-group-item {
    border:none;
    text-align:center;
}
.com-users-login .control-group {
    text-align:center;
}


/* logo button */
.customlogin a.btn-primary ,
.com-users-login button,
.com-users-reset button {
    font-size: 14px;
    font-weight: normal;
    font-family: Raleway,"Open Sans",Helvetica,Arial
}
.customlogin a.btn-primary:hover,
.com-users-login button:hover,
.com-users-reset button:hover {
    background-color: #0099d4;
    border-color: #0099d4;
    color: white;
}

.com-users-login  {
    border: 1px solid #d8d8d8;
    max-width: 450px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
    padding-bottom: 25px;
    background: #fbfbfb;
}

.com-users-login .control-group {
    width: 90% !important;
    margin: 20px auto!important;
}

.com-users-login__reset {
    background: #fbfbfb;
}

.com-users-login .form-control:where(input), .com-users-login .uk-input  {
    border: 1px solid #d8d8d8!important;
}

.com-users-login h1 {
    font-size:30px;
}

.pp-access-alert__action #fd .o-btn--primary {
    border:none;
}

#fd .o-dialog-footer-content button.o-btn--default,
#fd .o-btn-toolbar button.o-btn--default,
#fd select.o-form-control {
    border-radius:30px;
}

#pp-discount-code {
    border-radius: 30px;
    height: 30px;
    line-height: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.pp-checkout-table label {
    display:none;
}



/* changes after deplyment */
a,
.uk-link {
  color: #0099d4;
  text-decoration: none;
  cursor: pointer;
}

.wf-icon-zoom-link {
    display:none;
}

.wfpopup {
    padding: 0em 0em 0em 0em!important;
    width: 195px;
    font-weight: bold;
}

#module-258 #customField115,
#module-258 #field_1 label input,
#module-258 #field_2 label input {
    width: 190px;
    border-radius: 9px;
    border: 1px solid silver;
}


#member-profile input.readonly {
    border: 1px solid #eeeeee;
    color:silver;
}

#member-profile {
    max-width: 645px;
    margin: 0 auto;
}

.com-users-profile__edit-submit button {
    margin-right:15px;
}