@charset "UTF-8";
::-webkit-input-placeholder
{ /* Edge */
	color: #605E5C !important;
  opacity: .8;
}
.span-formicon{
font-family:'Glyphicons Halflings' !important;
}
.messageBody{
    background: none !important;
    margin-left: 30px;
    padding: 10px !important;
    font-size: 17px !important;
    border: none !important;
}
span.fa-info-circle{
    font-family: 'Glyphicons Halflings'!important;
}
.form-custom-actions{
    padding-left:0px !important;
}
:-ms-input-placeholder { /* Internet Explorer */
  color: # 605E5C!important;
}::placeholder
{
	color: #605E5C !important;
}
.segoe-font{
  font-family: 'Segoe UI' !important;
}
.label-consent{
  cursor: default !important;
  text-align: justify;
}
.no-padding{
  padding: 0 !important;
}
.validationMessage{
color:red !important;font-style: normal;font-weight: 400; font-size: 14px;line-height: 20px;
}
.validationSuccessMessage{
color:green !important;font-style: normal;font-weight: 600; font-size: 14px;line-height: 20px;
}
.basecamp-body-new{
  background-color: # E8E6DF;
}
.basecamp-body
{
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-image: url(/Microsoft-Learn-keyart-neutral-gray-iso1.png)!important;
    background-size:cover !important;
    background-color: #E8E6DF!important;
    background-position-x: 20px!important;
    background-position-y: 100px!important;
}
.hidden{
    display: none !important;
}
.upper-text{
    letter-spacing: 4px;
    text-transform: uppercase;
    line-height: 16px;
    margin-top:0;
    margin-bottom: 0;
    height: 16px;
    width:100%;
    font-weight: 400;
    font-size: 12px;
    color: #323130
}

h1{
    line-height: 40px;
    margin-top:4px;
    margin-bottom:4px;
}

h2{
    line-height: 36px;
    margin-top:4px;
    margin-bottom:4px;
}

button.signup{
    width: 89px;
    height:32px;
}

h1, h2, h3, h4, h5, p, div, button, input,a,span{
    font-family: 'Segoe UI' !important;
}

.partners-list{
    display: flex; 
    flex-direction: row;
}
.partners-list > .imgdiv {
    margin: 0 32px;
}
.my-learning-block{
  background: linear-gradient(132.01deg, rgba(255, 255, 255, 0.6) -1.07%, rgba(255, 255, 255, 0) 100%);
  filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.15));
  backdrop-filter: blur(2px);
  border-radius: 8px;
  max-width: 544px;
  margin: 0 auto !important;
  padding:48px 8px;
}
.my-learning-block .btn{
  margin-top: 20px;
}

@media (min-width: 320px), (max-width: 639px) {
  .container{
    padding-left:2px;
    padding-right:2px;
  }
  .basecamp-body{
    background-position-y: 205px;
    background-position-x: -485px;
  }
  .faq-columnBlock{
    margin-top: 32px;
  }
  .action-center{
    padding-left:8px;
    padding-right:8px;
  }
  .action-center h2{
    margin: 48px 0px 36px 0px;
  }
  .header-block{
    padding:44px 8px;
    padding-bottom: 20px;
  }
  .columnBlockLayout{
    margin-top: 48px;
    margin-bottom:48px;
  }
  .my-learning{
    margin:48px 0px;
  }
  .my-learning-header{
    margin: 0 auto 32px auto !important;
  }
  .my-learning-block:first-child {
    margin-bottom: 36px !important;
  }
}

@media (min-width: 640px) {
  .basecamp-body{
    background-position-y: -100px;
    background-position-x: -144px;
  }
  .container{
    padding-left:15px;
    padding-right:15px;
  }
}

@media (min-width: 920px) {
  .basecamp-body{
    background-position-x: 20px;
    background-position-y: 100px;
  }
  .action-center{
    padding-left:50px;
    padding-right:50px;
    padding-bottom:64px;
  }
  .action-center h2{
    margin: 64px 0px 48px 0px;
  }
  .action-column{
    text-align:center;
  }
  .action-center-input{
    margin-left: auto;
    margin-right: auto;
  }
  .header-block{
    padding:60px 8px;
    padding-bottom: 24px;
  }
}

@media (min-width: 1024px){
  .columnBlockLayout.hero-panel{
    margin-top: 60px;
    margin-bottom:60px;
  }
  .faq-columnBlock{
    margin-top: 60px;
  }
  .my-learning-block:first-child {
    margin-bottom: 48px !important;
  }
  .my-learning-header{
    margin: 0 auto 44px auto !important;
  }
}
@media (min-width: 1200px){
  .my-learning-block:first-child {
    margin-bottom: 0 !important;
  }
}

/ * Start Word - spacing style * /
.one {
  word-spacing: 10px;
}

.two {
  word-spacing: -2px;
}

/ * End Word - spacing style * /

.segoe-font{
  font-family: 'Segoe UI' !important;
}
.no-padding{
  padding: 0 !important;
}
.hidden{
    display: none !important;
}
input[type="checkbox"]{
    width: 16px;
    height: 16px;
}


/ * Application Form * /
.applicantheader{
  text-align: left; 
  font-family: 'Segoe UI'; 
  font-style: normal; 
  font-weight: 400; 
  font-size: 12px; 
  line-height: 16px; 
  letter-spacing: 4px; 
  text-transform: uppercase; 
  color: #323130;
  margin-top: -8px;
}

.applicant-congrats {
	text-align: left;
    position: relative;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 36px;
    color: #323130;
}

.applicantpara-header{
	  text-align: left;
	  position: relative;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0px;
}

.applicantpara-body{
	text-align: left;
    font-family: 'Segoe UI';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #000000;;
}
.applicant-image-icon{
    width: 10%;
    height: 44px;
    margin-top:5px;
}
.btnResentCode{
    font-family: 'Segoe UI' !important;
    align-items: flex-end;
    line-height: 22px;
    margin-right: 15px;
    color: #0072c9;
    background-color: #f0f8ff;
}
#btnResentCode[disabled]
{
    background-color: lightgray;
    border: lightgray;
    color: black;
    line-height: 24px;
}
.applicantcontainer{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 60px;

    position: absolute;
    width: 1440px;
    height: 1024px;
    left: 0px;
    top: 0px;
    overflow-y: scroll;
}

@media (min-width: 361px) and (max-width: 640px){
    div#applicantContainer{
        width: 640px !important;
    }
    div#applicantFormContainer{
        width: 528px !important;
        margin: 29.8px 48px !important;
    }
    html[dir=ltr] .crmEntityFormView .tab .tab-column:first-child{
        margin-left: 29px;
        width: 510px !important;
    }
    #btnSave{
        margin-top: 14px !important;
    }
    #applicantContentContainer{
        padding: 18.5px !important;
        width: 603px !important;
    }
    #applicantpara-body1{
        width: 531px !important;
    }
    #applicantpara-body2{
        width: 531px !important;
    }
    #applicantpara-body-description{
        width: 540px !important;
    }
    #btnResentCode {
        margin-top: 24px;
    }
    #btnVerifyCode{
        margin-top: 24px;
    }
    #applicantparagroup-body-description{
        width: 540px !important;
    }
    #applicantContentGroupContainer{
        padding: 18.5px !important;
        margin-bottom: 0px !important;
    }
    #applicantpara-group-body{
        width: 531px !important;
    }
    #applicantpara-group-body1{
        width: 531px !important;
    }
    #applicantpara-group-body3{
        width: 531px !important;
    }
    div#applicantGroupFormContainer {
        width: 565px !important;
        margin: 20px 29.5px 24px 29.5px !important;
    }
}

@media (max-width: 360px){
    div#applicantFormContainer{
        width: 345px !important;
        margin-top: 24px !important;
    }
    #EntityFormPanel{
        margin-left: 37px !important;
    }
    .applicant-congrats {
        font-size: 22px!important;
    }
    #btnSave{
        margin-left: -29px;
    }
    .applicant-image-icon {
        height: 48px !important;
        width: 48px !important;
    }
    #applicantpara-body1{
        text-wrap: wrap;
        width: 257px !important;
    }
    #applicantpara-body2{
        text-wrap: wrap;
        width: 257px !important;
    }
    p#applicantpara-header1{
        width: 258px !important;
        font-size: 18px !important;
    }
    p#applicantpara-header2{
        font-size: 18px !important;
        text-wrap: wrap;
    }
    p#applicantpara-header3{
        font-size: 18px !important;
        text-wrap: wrap;
    }
    #applicantGroupFormContainer{
        width: 345px !important;
        margin-top: 24px !important;
    }
    div#applicantContentContainer {
        padding: 15px !important;
        margin-bottom: 0px !important;
        width: 360px !important;
    }    
    .applicantpara-header{
        width: 331px !important;
    }
    #btnResentCode {
        margin-top: 20px;
    }
    #btnVerifyCode{
        margin-top: 20px;
    }
    #applicantparagroup-body-description{
        width: 331px !important;
    }
    #applicantContentGroupContainer{
        padding: 24px 15px !important;
    }
    #applicantpara-group-header{
        width: 258px !important;
        text-wrap: wrap;
        font-size: 18px;
    }
    #applicantpara-group-body{
        width: 258px !important;
    }
    #applicantpara-group-body1{
        width: 258px !important;
    }
    #applicantpara-group-body3{
        width: 258px !important;
    }
    #applicantContentGroupContainer{
        margin-bottom: 0px !important;
    }
}