.app-consent-container { width: 480px; max-width: 480px; color: #494949; position: relative; }
.transparent { background-color: transparent; }
.group-header {  height: 30px; line-height: 30px; position: relative; padding: 0 5px 0 5px; top: -20px; left: 20px; background-color: #fafafa; width: 380px; font-size: 14px; margin-top: 4px; }
.group-header .pscheckbox {  width: 370px; height: 30px; align-items: center; margin-top: 2px; top: -8px; }
.group-header .pscheckbox .md-container { margin-top: 21px !important; }
.group-header .icon {  pointer-events: none; background: url("../../../bundle/i/settings/icon-certificate.svg"); background-repeat: no-repeat; width: 40px; height: 26px; margin-right: 5px;}
.group-header .text {  pointer-events: none;}
.app-consent-container .certificate-auto { margin-top: 10px; margin-left: 40px; }
.app-consent-container .certificate-manual { margin-top: 30px; margin-left: 40px; }
.file-picker { height: 45px; margin-top: 20px; margin-left: 60px; }
.file-picker #file_form { display: none;}
.file-picker .pick-button { pointer-events: none; height: 20px; margin-right: 10px; background-color: rgba(49,189,166,0.87); color: #fff; width: 110px; font-size: 13px; }
.file-picker .pick-button:hover { background-color: rgba(49,189,166,1.0); color: #fff; }
.file-picker .picked-file { margin-top: auto; margin-bottom: auto; }
.password-form { height: 30px; margin-top: 10px; }
.password-text { margin-top: auto; margin-bottom: auto; margin-left: 60px; margin-right: 20px; }
.password-form .password-input { height: 30px; margin-top: 0px; width: 250px; border: 1px solid darkgray; border-radius: 5px; background-color: white; padding-left: 5px !important; }
.password-input .pwd-icon { height: 20px; width: 20px; margin-bottom: 3px; position: absolute;	left: 270px; top: 7px; }
 .upn-form { margin-top: 20px; margin-left: 40px; }
 .ps-divider { width: 90%; margin-top: 20px; margin-left: 30px; height: 1px; border-width:0; background-color: lightgray }
 .upn-form { margin-top: 20px; margin-left: 40px; width: 415px; }
 .upn-input { height: 30px; margin-top: 5px; border: 1px solid darkgray; border-radius: 5px; background-color: white; padding-left: 10px; width: 400px; }
 .upn-text { border-style: none; }
 .upn-form .invalid-text { border-style: solid; border-color: palevioletred; border-width: 1px; }
 .upn-form .upn-input .upn-button { position: absolute; left: 310px; height: 20px; background-color: rgba(49,189,166,0.87); color: #fff; font-size: 13px; }
 .upn-form .upn-input .disabled { opacity: 0.5; background-color: gray; }
 .upn-form .upn-input .upn-button:hover { background-color: rgba(49,189,166,1.0); color: #fff; }
 .upn-form .upn-input .disabled:hover { background-color: gray; color: #fff; }

 .upn-form .save-input { height: 26px; margin-bottom: 5px; border: 1px solid darkgray; border-radius: 5px; padding: 0 5px; }
 .upn-form .save-actions { display:grid; grid-template-columns:315px 90px; margin-bottom: 10px;}
 .upn-form .save-error { color: darkred; }
 .upn-form .save-button { height: 20px; width: 90px; background-color: rgba(49,189,166,0.87); color: #fff; font-size: 13px; float:right; }
 .upn-form .save-button:hover { background-color: rgba(49,189,166,1.0); color: #fff; }
 .upn-form .disabled { opacity: 0.5; background-color: gray; }
 .upn-form .disabled:hover { background-color: gray; color: #fff; }

.ps-wizard { background: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; bottom: 0; left: 0; align-items: center; display: flex; justify-content: center; }
.ps-wizard .container { width: 800px; height: 435px; background-color: white; border-radius: 5px; }
.ps-wizard .container .header { width: 100%; height: 50px; background-color: #009688; color: white; font-size: 20px; display: flex; align-items: center; }
.ps-wizard .container .header .text { margin-left: 20px; }
.ps-wizard .container .contents { width: 100%; }
.ps-wizard .container .contents .title { display: flex; width: 100%;justify-content: center;height: 70px;align-items: center; }
.ps-wizard .container .contents .title .text { font-size: 16px; font-weight: 600; }
.ps-wizard .container .contents .progress { display: flex; width: 100%;justify-content: center;height: 10px;align-items: center;margin-top: 10px; }
.ps-wizard .container .contents .progress .bar { width: 70%; margin: 0 auto; border-radius: 10px; border: 4px solid transparent; position: relative; padding: 1px; }
.ps-wizard .container .contents .progress .bar:before { background-color: #a5e2d8; content: ''; border-radius: 3px; position: absolute; top: -3px; right: -3px; bottom: -3px; left: -3px; }
.ps-wizard .container .contents .progress .bar .loader { position: absolute; border-radius: 3px; top: -3px; right: 100%; height: 8px; bottom: 0; left: 0; background: #009688; width: 0; animation: loadBar 2s linear infinite; }
.ps-wizard .container .contents .stepnumber { display: flex; width: 100%;justify-content: center;height: 20px;align-items: center; }
.ps-wizard .container .contents .stepnumber .text { font-size: 16px; font-weight: 600; }
.ps-wizard .container .contents .steps { width: 100%; height: 180px; }
.ps-wizard .container .contents .steps .stepcontainer { column-count: 4; column-gap: 30px;margin-left: 20px;margin-right: 20px; margin-top: 30px; font-size: 13px; }
.ps-wizard .container .contents .steps .stepcontainer .aligner { display: flex; }
.ps-wizard .container .contents .steps .stepcontainer .disabled { opacity: 0.5; }
.ps-wizard .container .contents .steps .stepcontainer .aligner .step { float: left; border-radius: 50%; width: 30px; height: 30px; background-color: #009688; column-count: 1; color: white; display: flex; justify-content: center; align-items: center; margin-right: 15px; font-size: 15; }
.ps-wizard .container .contents .steps .stepcontainer .aligner .stepCurrent { animation: stepBGColor; animation-duration: 2s; animation-iteration-count: infinite; }
.ps-wizard .container .contents .steps .stepcontainer .aligner .stepDisabled { opacity: 0.5; background-color: gray; }
.ps-wizard .container .contents .steps .stepcontainer .aligner .text { float: right; height: 170px; width: 120px; }
    .ps-wizard .container .contents .steps .stepcontainer .aligner .accept-button {
        width: 110px;
        height: 20px;
        margin-right: 10px;
        margin-left: 0px;
        margin-top: 20px;
    }
/*.ps-wizard .container .contents .steps .stepcontainer .aligner .accept-button:hover { background-color: rgba(49,189,166,1.0); color: #fff; }*/
.ps-wizard .container .contents .steps .stepcontainer .aligner .disabled { opacity: 0.5; background-color: gray; }
.ps-wizard .container .contents .steps .stepcontainer .aligner .disabled:hover { opacity: 0.5; background-color: gray; }
.ps-wizard .container .contents .warning { width: 100%; height: 65px; display: flex; background-color: #FFE1A3; align-items: center; border-radius: 5px; }
.ps-wizard .container .contents .warning .contents { margin: 20px; display: flex; }
.ps-wizard .container .contents .warning .icon { background: url("../../../bundle/i/settings/icon-warning.svg"); width: 65px; height: 32px; margin-top: 8px; background-size: 35px; }
.ps-wizard .container .contents .warning .text { font-size: 14px; margin-top: 8px; margin-left: 20px; }

@keyframes stepBGColor { 
    0% { background-color: #009688; }
    50% { background-color: lightgray; }
    100% { background-color: #009688;}
}

@keyframes loadBar {
    0% {left: 0%; right: 100%; width: 0%; }
    30% { left: 0%;right: 50%; width: 50%; }
    70% { right: 0%; left: 50%; width: 50%; }
    100% { left: 100%; right: 0%; width: 0%; }
}

.scope-title { font-size: 14px; font-weight: 400; margin-left: 40px; padding-top: 5px; padding-bottom: 5px; }
.scope-check { font-size: 14px; font-weight: 400; margin-right: 10px; margin-left: 40px; color:#009688; margin-top: -3px;}
.scope-uncheck { font-size: 14px; font-weight: 400; margin-right: 8px; margin-left: 38px; color: red; margin-top: -3px; }
.scope-text { font-size: 12px; font-weight: 400; }

.consent-progress { width: 100%; height: 105%; position: absolute; top: -30px; left: 0px; z-index: 1000; background: rgba(250, 250, 250, 0.7); margin-left: 10px; }
.disabled-input { opacity: 0.5; }
[permissions-tooltip]::before {
    position : absolute;
    content : attr(permissions-tooltip);
    opacity : 0;
}
[permissions-tooltip]:hover::before {
    opacity : 1;
}
[permissions-tooltip]:not([permissions-tooltip-persistent])::before {
    pointer-events: none;
}

.permission-entry { display: flex; cursor: default; }
.cert-password { margin-left: 0; }