/*body {
}*/

select:required:invalid {
  color: gray;
}

.invalid-option {
  color: gray;
}

option {
  color: black;
}

#login-background-container,
#choose-background-container,
#signup-background-container{
    width:100%;
    height:100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: -1;
    min-height: 750px;
    
}
#login-background {
    width:100%;
    height:100%;
    background-size:cover;
    background-position:center;
    background-image: url('/login/img/photography/login-bg.jpg');
    padding-top:50px;
}
#choose-background {
    width:100%;
    height:100%;
    background: #5c5aa3;
    background: -moz-linear-gradient(45deg, #5c5aa3 0%, #1b86e4 35%, #0099ff 62%, #80ccff 100%);
    /*background: -webkit-gradient(left bottom, right top,color-stop(0%, #5c5aa3), color-stop(35%, #1b86e4), color-stop(62%, #0099ff), color-stop(100%, #80ccff));*/
    background: -webkit-linear-gradient(45deg, #5c5aa3 0%, #1b86e4 35%, #0099ff 62%, #80ccff 100%);
    background: -o-linear-gradient(45deg, #5c5aa3 0%, #1b86e4 35%, #0099ff 62%, #80ccff 100%);
    background: -ms-linear-gradient(45deg, #5c5aa3 0%, #1b86e4 35%, #0099ff 62%, #80ccff 100%);
    background: linear-gradient(45deg, #5c5aa3 0%, #1b86e4 35%, #0099ff 62%, #80ccff 100%);background-color: #1888E7;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
#signup-background{
        width:100%;
    height:100%;
    background-color:#33318c;
}
#signup-background.client{
    background-color:#95D5FF;
}
/*.login-container{

  background: -webkit-repeating-linear-gradient(rgba(0, 153, 255, 0.9), rgba(51, 49, 140, 0.9));
  background: -o-repeating-linear-gradient(rgba(0, 153, 255, 0.9), rgba(51, 49, 140, 0.9));
  background: -moz-repeating-linear-gradient(rgba(0, 153, 255, 0.9), rgba(51, 49, 140, 0.9));
  background: repeating-linear-gradient(rgba(0, 153, 255, 0.9), rgba(51, 49, 140, 0.9));
}*/
.login-container{
    /*position: fixed;*/
    margin: 0px auto;
    right: 0;
    left: 0;
    /*top: 5%;*/
    width: 100%;
    max-width: 486px;
    max-height: 700px;
    text-align: center;
    background-color: white;
    box-shadow: 1px 2px 2px 0px #7d7d7d;
}

.choose-container {
    width:400px;
    position: fixed;
    margin: 0px auto;
    right: 0;
    left: 0;
    height:500px;
    background-color: rgba(255,255,255,0.8);
    border-radius: 5px;
    top:100px;
}

.signup-container{
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 486px;
    text-align:center;
    overflow: auto;
    background-color: #fff;
    color:#333;
    padding-bottom: 25px;
}



.signup-image-container{
    width:calc(100% - 486px);
    position:fixed;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url('/shared/img/graphics/mavin-people.svg');
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: cover;
}

.signup-image-container.client{
    background-image: url('/shared/img/graphics/mavin-circle.svg');
    background-size:contain;
}


.login-title{
    margin-top:5%;
}
.signup-title{
    margin-top:20%;
}

.login-logo{
    width:200px;
}

.login-input,.signup-input,.counselor-select{
    border: 1px solid #bbb;
    border-radius: 2px;
    padding: 5px 10px;
    outline:none;
}

.login-input {
    width: 250px;
}

.signup-input {
    width: 300px;
}

.signup-input-area{
    resize: none;
    height: 50px;
}

.counselor-select {
    width: 100%;
}

.month-day-select{
    width: 75px;
}

.month-day-select:disabled {
    color: gray;
}

.year-select{
    width: 125px;
}

.year-select:disabled {
    color: gray;
}

.login-button{
    background-color: #0099ff;
    border: 2px solid #0099ff;
    color: white;
    padding: 10px 30px;
    outline: none;
}

/*.login-button:hover{
    border-bottom: 3px solid #1187D7;
    border-right: 2px solid #1187d7;  
}*/
.signin-button-row {
    padding-top: 2px;
    padding-bottom: 2px;
}

.signin-button {
    display: flex; 
    align-items:center; 
    width: 230px; 
    height: 42px; 
    margin: 0 auto;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15); 
    border-radius: 3px; 
    border: 1px solid transparent; 
    cursor: pointer;
}

.signin-img {
    padding: 0px 15px 0px 15px; 
    width: 50px; 
    height: 50px;
}

.signin-text {
    margin-top: 3px;
    font-family: Roboto; 
    font-size: 16px;
    line-height: 16px;
}

.choose-text
{
    color: #595959;
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}
.choose-option
{
    width: 230px;
    margin-left: calc(50% - 115px);
    height:80px;
    background-color: #fff;
    border-radius: 3px;
    margin-bottom:15px;
    cursor: pointer;
    text-align: center;
    padding-top: 10px
}
.choose-type
{
    color: #a9a9a9;
    text-align: center;
    margin-top: 15px;
    font-style: italic;
    font-weight: 300;
    font-size: 14px;
}

.signup-button{
    background-color: #33318c;
    border:2px solid #33318c;
    padding:10px 30px;
    color:white;
    outline:none;
}

.signup-button:hover{
    border-bottom: 3px solid #28245F;
    border-right: 2px solid #28245F; 
}

.signup-button.blue{
    background-color: #0099ff;
    border: 1px solid #0099ff;

}

.signup-now
{
    color: #6d6e70;
    font-size: 13px;
    font-weight: 500;
    margin-top: 35px;
    text-align: center;
}
.signup-now a
{
    text-decoration: none;
    color: #0098ff;
    cursor: pointer;
}

.forgot-password-link a{
    color:#333;
}

.have-account-link a{
    color:#28245F;
}
.create-account-link{
    background-color:transparent;
    border:1px solid #fff;
    color:white;
    padding:5px 15px;
    width:150px;
}

.create-account-link a{
    color:white!important;
}

.signup-confirmation-background{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #33318c;
}

.confirmation-container{
        background-color: white;
    width: 100%;
    max-width: 500px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    top: 15%;
    padding: 20px;
    text-align: center;

           border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    box-shadow: 1px 1px 2px 1px rgba(238, 238, 238, 0.25);

      box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition:.3s;  
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.confirmation-action-container{
    max-width: 200px;
    padding: 10px;
    margin: 0px auto;
    background-color: #0099ff;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    transition:.3s;  
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.confirmation-action-container a{
    color:white!important;

}

.login-container-logo-mark{
    margin:0px auto;
    width:150px;
    height:150px;
    background-repeat:no-repeat;
    background-image:url('/shared/img/AdminConsole-logomark.svg');
}

.marketplace-container-logo-mark{
    margin:0px auto;
    width:356px;
    height:82px;
    background-repeat:no-repeat;
    background-image:url('/shared/img/logos/marketplace.png');
}

/*Login Apps List*/
.login-apps-list-icons li{
    display:inline-block;
}
.login-apps-list-icon{
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin: 5px 10px;
}
.login-apps-list-icon.scribe{
    background-image: url('/shared/img/AdminConsole-scribe.svg');
}
.login-apps-list-icon.tyrospot{
    background-image: url('/shared/img/AdminConsole-tyrospot.svg');
}
.login-apps-list-icon.wire{
    background-image: url('/shared/img/AdminConsole-wire.svg');
}
.login-apps-list-icon.vision{
    background-image: url('/shared/img/AdminConsole-vision.svg');
}

.modal.layer2{
    z-index: 1060;
 }
 
 .modal-backdrop.layer2{
    z-index: 1055;
 }
 
 .modal.layer3{
    z-index: 1070;
 }
 
 .modal-backdrop.layer3{
    z-index: 1065;
 }

 .btn-white-new{
    background-color: #fff;
    border: 1px solid #EFF4FA;
    padding: 7px 30px;
    border-radius: 3px;
    font-weight: 400;
    font-size: 14px;
    color: #424344;
}

.btn-white-new:disabled {
    color: #979899;
}