* {
  box-sizing: border-box;
}

body {
  font-family: 'Titillium Web', sans-serif;
  background-color:transparent;
}

.btn {
    padding: 0.3em 0.7em 0.5em 0.7em;
    -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; font-weight: 700; margin: 0px 0px 5px 0px; 
}


.btn-secondary {
    color: #333333;
    background-color: #dfdfdf;
}
.btn:hover, .btn:focus, .btn:active, .btn.active {
    background-color: #e5e5e5;
}

.csignLogoContainer {
    width: 150px;
    margin-bottom:12px;
}

.customerLogoContainer {
    margin-bottom: 12px;
}

.csignLogo,
.customerLogo {
    height: 30px;
    padding-right: 200px
}
.customerLogo,
.cancelButtonContainer {
    padding-left: 10px
}

#IdentityMethod {
    width:230px;
}

#buttonAndLogoSection {
    padding-top: 10px;
    text-align: right; 
}

#buttonAndLogoSection .buttonContainer {
    margin-top: -33px;
}

#buttonAndLogoSection {
    overflow-x:hidden;
}

#GridViewFiles,
#buttonAndLogoSection,
#IdentityMethod {
    width: 100%;
}

#GridViewFiles {
    font-size: 14px;
}

#GridViewFiles {
    margin-bottom:8px;
}

#IconLoginPanel {
    display: block;
    height: 224px;
}

.progressText {
    font-family: monospace;
    color: gray;
}

#detailedDebugInfo {
    display:none;
}

label .formating-help {
    color: gray;
    font-size:0.8em;
}

.validation-error {
    color:#DC281E;
}

a {
  color: #337ab7;
  text-decoration: none;
  cursor:pointer;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.nav-links a {
    font-size:0.8em;
}

.nav-links {
    margin-bottom:8px;
}

.btn {
    cursor:pointer;
}


.customerLogoContainer {
    float: left;
}

.fullscreen .customerLogoContainer {
    float: unset;
}
.fullscreen #buttonAndLogoSection {
    text-align: unset;
}

.customerLogoContainer .customerLogo {
    padding-right: 0;
}

.buttonAndSSNContainer {
    float: right;
    padding-right: 10px;
}

.buttonAndSSNContainer .ssnMaskContainer {
    padding-bottom: 6px;
}


.authMethodButton {
    max-height: 100px;
    max-width: 100px;
    height: 100%;
    width: 100%;
    background-size: calc(100% - 10px) calc(100% - 10px);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
}

.authMethodButton:hover {
    background-color:#DDDDDD;
    padding:1px;
    margin:-1px;
}

.centerContainer {
    width: 50%;
    margin: 0 auto;
}

.idMethodContainer {
    padding: 15px;
}

.idMethodPickerHeader {
    display: inline-block;
    text-align: center;
    font-size: 32px;
    margin-top: 12.5%;
}

.idbuttoncontainer {
    background-color: #ffffff;
    border: 1px solid #333333;
    border-radius: 14px;
    cursor: pointer;
    padding: 0px 10px;
}

.btn-content {
    display: inline-flex;
    align-items: center;
    min-width: 254px;
    max-width: 254px;
}

.idbuttoncontainer img {
    width: 75px;
    height: 75px;
    margin-right: 10px;
}

button .btn-content span {
    font-size: 15px;
}

.BankID img {
    content: url(Images/BankID_logo.svg);
}

.Truid img {
    content: url(Images/Truid-Symbol-RGB-Black.svg);
    padding: 18px;
}

.Freja img {
    content: url(Images/FRoundedIndigo.svg);
    padding: 18px;
}

.Vision img {
    content: url(Images/did_logo_rgb.svg);
    padding: 9px;
}

#Sign {
    display:inline-block;
}

#Sign button {
    display: block;
}