/* @import url(https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,500i,700); */
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap);

* {	
    margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
    font-family: "Inter", sans-serif;
/* font-family: 'Roboto', sans-serif;  */
font-weight: 400;
color: #14151A;
margin-top:0px;
padding-bottom: 20px;
}

article, 
aside, 
figure, 
footer, 
header,
hgroup, 
nav, 
section,
headerlogo,
.header_navigation { 
display: block;
}
header {
    margin: 25px 0;
}

.logo{
    height: 65px;
}

.container {
    width: 940px;
}

.noPadding{
    padding: 0;
}

.black-banner {
    height: 150px;
    display: flex;
    align-items: center;
    margin: 25px 0 0px 0;
    background-color: #14151A;
}

.black-banner h1 {
    margin: 0;
    color: #FDFCFC;
    font-weight: 400;
}

p {
    margin: 10px 0;
}
a {
    text-decoration: underline;
    cursor: pointer;
    color: #4238D6;
}

.bolder{
    font-weight: 700;
}

.bold600{
    font-weight: 600;
}

/* Body CSS start */

/* .bolder,label{
    font-weight: 500;
}

.verificationSuccessText{
    font-weight: 700;
} */

.error{
    color: #CF2A1B;
}

.verifying-modal{
    font-size: 12px;
    font-weight: 700;
}

.unified_container .row .panel-default #api .localAccount .entry .buttons button,
.unified_container .row .panel-default #api .localAccount .entry .buttons button:focus, 
.unified_container .row .panel-default #api .localAccount .entry .buttons button:hover{
    background-color: #1F2228;
    width: 100%;
}

#ecenterLabel{
    display: none;
}

#forgot-username,
#forgot-password{
    /* color: #14151A; */
    text-decoration: underline;
}

input{
    border-radius: 4px;
    border: 1px solid #C8CAD0;
    /* background: #FDFCFC; */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.10);
    /* border: 1px solid #ccc; */
    height: 40px;
    width: 100%;
    padding: 0 15px;
    margin: 0 0 20px 0;
}

select{
    border-radius: 4px;
    border: 1px solid #6C717E;
    /* background: #FDFCFC; */
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.10);
    /* border: 1px solid #ccc; */
    height: 40px;
    width: 100%;
    padding: 0 15px;
    margin: 0 0 20px 0;
}

.buttons button{
    background-color: #CF2A1B;
    color: #FDFCFC;
    border: none;
    margin: 0 0 10px 0;
    width: 100%;
    height: 40px;
    border-radius: 4px; 
    cursor: pointer;
}

.buttons button:hover,
.buttons button:active,
button#tabclose:hover,
button#tabclose:active{
    background-color: #64120D;
}

.buttons button#cancelBtn{
    border-radius: 4px;
    border: 1px solid #C8CAD0;
    background: #FDFCFC;
    /* background-color: #BFBFBF; */
    color: #14151A;
}

.buttons button#cancelBtn:hover,
.buttons button#cancelBtn:active,
.buttons button#cancelBtn:focus{
    border: 1px solid #6C717E;
    background: #F7F7F8;
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.10);
    /* background-color: #808080; */
}

button#tabclose{
    background-color: #CF2A1B;
    color: #FDFCFC;
    border: none;
    margin: 10px 0 10px 0;
    padding: 0 40px;
    text-decoration: none;
    height: 40px;
    cursor: pointer;
}

#continue{
    /* width: 48%;
    float: left; */
    cursor: pointer;
}

#continue+#cancel{
    /* width: 48%;
    float: right; */
    cursor: pointer;
}

button.disabled,
button.disabled:hover,
button.disabled:active{
    background-color: #E9EAEC;
    border: 1px solid #E9EAEC;
    box-shadow: 0px 1px 2px 0px rgba(20, 21, 26, 0.10);
    border-radius: 4px;
    color: #14151A;
    cursor: not-allowed;
}

.RadioSingleSelect input {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 5px;
}

.RadioSingleSelect label:first-child{
    margin-left: 0;
}

.RadioSingleSelect label{
    margin-left: 10px;
    width: 90%;
}

.phoneNumbers,.phoneNumber{
    margin-bottom: 10px;
    font-weight: 500;
}

.intro,.helpLink.tiny,#newPassword_label,#reenterPassword_label,#oldPassword_label{
    display: none;
}

#emailVerificationControl_but_change_claims{
    display: none !important;
}

#attributeList li{
    list-style-type: none;
}

#email_label{
    margin-top: 20px;
}

#totpQrCodeControl-picture img{
    margin: 20px auto;
}

#show-password, #show-password1, #show-password2, #show-password11{
    position: relative;
    top: -49px;
    right: 15px;
    float: right;
    height: 0;
    border: none;
}

.closepwd::after{
    content: url(https://appswebcontainerdev.blob.core.windows.net/root/eye-close.svg);
}
.openpwd::after{
    content: url(https://appswebcontainerdev.blob.core.windows.net/root/eye-open.svg);
}

/* Body CSS end */
footer {
    border-top: 8px solid #14151A;
    padding: 30px 5px 0 5px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 13px;
}

.hrDivider {
    border-bottom: 2px solid #14151A;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

footer a {
    display: inline-block;
    padding-bottom: 3px;
    color: #14151A;
    text-decoration: none;
}

.copylinks a:hover {
    color: #14151A;
    background-color: #FDFCFC;
    text-decoration: none;
}

.copylinks a:hover:after {
    width: 100%;
    background: #14151A;
}

.copylinks a::after {
    content: '';
    display: block;
    margin: auto;
    height: 1px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.FollowLinks .followTxt {
    margin: 4px 0;
    float: right;
}

.FollowLinks a {
    line-height: 0;
    font-size: 0 !important;
    padding: 11px 15px;
}

.FollowLinks p {
    margin: 0;
    text-align: right;
}

.FollowLinks .animate {
    transition: background .5s;
}

.FollowLinks .linkedin {
    background: url(https://appswebcontainerdev.blob.core.windows.net/root/socialIconIn.png) no-repeat 0 0;
}

.FollowLinks .linkedin:hover,
.twitter:active {
    background: url(https://appswebcontainerdev.blob.core.windows.net/root/socialIconIn.png) no-repeat 0 100%;
}

.FollowLinks .twitter {
    background: url(https://appswebcontainerdev.blob.core.windows.net/root/socialTwit.png) no-repeat 48% 0;
}

.FollowLinks .twitter:hover {
    background: url(https://appswebcontainerdev.blob.core.windows.net/root/socialTwit.png) no-repeat 48% 100%;
}

.FollowLinks .youtube {
    background: url(https://appswebcontainerdev.blob.core.windows.net/root/socialIconYouTube.png) no-repeat 100% 0;
}

.FollowLinks .youtube:hover {
    background: url(https://appswebcontainerdev.blob.core.windows.net/root/socialIconYouTube.png) no-repeat 100% 100%;
}

/* removing message "Please wait while we process information"  */
.verifying-modal
{
    display:none;
}

/* Maintenance Banner */

.MaintenanceBanner .container:before{
    content: url(https://appswebcontainerdev.blob.core.windows.net/root/maintanceIcon.svg);
}

.MaintenanceBanner {
    background:#BE2318;
    color: #FDFCFC;
}

.MaintenanceBanner .container{
    display: flex;
    align-items: center;
    gap: 10px;
}

.Textcontainer{
    padding: 10px 5px;
}

.Textcontainer p{
    margin: 0;
}

.MaintenanceBanner a{
    /* background:#BE2318; */
    color: #FDFCFC;
}

.MaintenanceContainer ul{
    margin-left: 45px;
}

@media (max-width:400px){
    .RadioSingleSelect label {
    width: 90% !important;
    font-size: 12.6px;
}
}

@media only screen  and (width: 768px) {
    .RadioSingleSelect label {
    width: 94%;
    }
}

@media only screen and (max-width: 768px) {
    .container {
        width: 100%;
    }

    .logo{
        height: 55px;
    }

    .FollowLinks {
        margin-top: 20px;
    }
}