/*        @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css");
	   @import url("https://fonts.googleapis.com/css?family=Roboto:400,100,300,500");
       @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css");
       @import url("https://fonts.googleapis.com/css?family=Sofia:400,100,300,500"); */

       @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 300;
        src: url('../Roboto/Roboto-Light.ttf') format('truetype');
      }
      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        src: url('../Roboto/Roboto-Regular.ttf') format('truetype');
      }
      @font-face {
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
        src: url('../Roboto/Roboto-Medium.ttf') format('truetype');
      }

      input[type="text"],
              input[type="password"],
              input[type="email"],
              textarea,
              textarea.form-control {
                  height: 60px;
                  margin: 0;
                  padding: 0 20px;
                  vertical-align: middle;
                  background: #F4F2FF;
                  /* border: 2px solid #000000; */
                  font-family: 'Roboto';
                  font-size: 1em;
                  font-weight: 400;
                  line-height: 50px;
                  border-radius:5px!important;
                  color: #888;
                  -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
                  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
                  -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
              }

              textarea,
              textarea.form-control {
                  padding-top: 10px;
                  padding-bottom: 10px;
                  line-height: 30px;
              }

              input[type="text"]:focus,
              input[type="password"]:focus,
              input[type="email"]:focus,
              textarea:focus,
              textarea.form-control:focus {
                  outline: 0;
                  background: #fff;
                  border: 1px solid #E5E5E5;
                  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
              }



              button.btn {
                  height: 50px;
                  margin: 0;
                  padding: 0 20px;
                  vertical-align: middle;
                  background: #2A6DB9;
                  border: 0;
                  font-family: 'Roboto';
                  font-size: 1em;
                  font-weight: 400;
                  line-height: 50px;
                  color: #fff;
                  -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;
                  text-shadow: none;
                  -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
                  -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
              }

              button.btn:hover { opacity: 0.6; color: #fff; }

              button.btn:active { outline: 0; opacity: 0.6; color: #fff; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

              button.btn:focus { outline: 0; opacity: 0.6; background: #2B6597; color: #fff; }

              button.btn:active:focus, button.btn.active:focus { outline: 0; opacity: 0.6; background: #2B6597; color: #fff; }


              body {
                  font-family: 'Roboto';
                  font-size: 16px;
                  font-weight: 400;
                  color: #fff;
                  line-height: 30px;
                    text-align: center;
                    background-repeat:no-repeat;
                    background-size:cover;
                    background-color:#000;
                    background-attachment: fixed;
                  background-image:  linear-gradient(108.94deg, #1E0A45 8.27%, #49346D 100%);
              }

              .form-box{
                  background: #fff;
              }
              .auth-form-box{
                   margin-left: 52px;
                   margin-top: 23px;
                   background: #fff;
                   border-radius: 15px;
                   box-shadow: 19px 27px 30px 5px rgba(0, 0, 0, 0.3);
                   width: 482px;
                   height: 466px;
              }
               .auth-form-box-register{
                                 margin-top: 22px !important;
                                 height: 524px !important;
                            }
                .form-bottom-register{
                    padding: 15px 25px 15px 25px !important;
                            }             

              .auth-btn1{
                  background:#684CC4!important;
                  border-radius: 7px!important;
                  height: 60px!important;
              }
              .auth-btn2{
                  background:#E9ECEF!important;
                  border-radius: 7px!important;
                  color:#000000!important;
                  height: 60px!important;
              }
              .auth-title{
                  font-weight: 400;
                  color: #000000;
                  font-size:2.18em;
              }
              .auth-subtitle1{
                  color: #000000!important;
                  font-size:0.875em;
                  line-height: 20px;
              }
              .auth-subtitle2{
                  color: #000000!important;
                  font-size:0.875em;
                  margin-top:24px;
                  line-height: 20px;
              }
              .auth-form-group{
                  margin-bottom: 9px!important;
                  padding: 0 20px;
              }
              .login-bottom-btn{
                  margin-top: 30px;
                  margin-bottom: 20px!important;
                  padding: 0 20px;
              }
              #bg {
                  position: fixed;
                  top: 0;
                  left: 0;

                  /* Preserve aspet ratio */
                  min-width: 100%;
                  min-height: 100%;
              }

              strong { font-weight: 500; }

              .forgot-link{
                  padding: 20px 0 10px;
              }

              a, a:hover, a:focus {
                  color: #2B6597;
                  text-decoration: none;
                  -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s;
              }

              h1, h2 {
                 margin-top: 10px;
                 font-size: 1.875rem;
                 font-weight: 300;
                 color: #464B4E;
                 line-height: 50px;
             }
              h3 {
                  font-size: 1.375rem;
                  font-weight: 300;
                  color: #555;
                  line-height: 30px;
              }

              img { max-width: 100%; }

              ::-moz-selection { background: #2B6597; color: #fff; text-shadow: none; }
              ::selection { background: #2B6597; color: #fff; text-shadow: none; }


              .btn-link-1 {
                  display: inline-block;
                  height: 50px;
                  margin: 5px;
                  padding: 16px 20px 0 20px;
                  background: #2B6597;
                  font-size: 1em;
                  font-weight: 300;
                  line-height: 16px;
                  color: #fff;
                  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
              }
              .btn-link-1:hover, .btn-link-1:focus, .btn-link-1:active { outline: 0; opacity: 0.6; color: #fff; }

              .btn-link-1 i {
                  padding-right: 5px;
                  vertical-align: middle;
                  font-size: 1.25em;
                  line-height: 1.25em;
              }

             /*  .container{
                  padding-top:50px;
              } */

              .btn-link-2 {
                  display: inline-block;
                  height: 50px;
                  margin: 5px;
                  padding: 15px 20px 0 20px;
                  background: rgba(0, 0, 0, 0.3);
                  border: 1px solid #fff;
                  font-size: 1em;
                  font-weight: 300;
                  line-height: 1em;
                  color: #fff;
                  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
              }
              .btn-link-2:hover, .btn-link-2:focus,
              .btn-link-2:active, .btn-link-2:active:focus { outline: 0; opacity: 0.6; background: rgba(0, 0, 0, 0.3); color: #fff; }


              /***** Top content *****/
              .inner-container{
                  width: 600px;
              }
              .inner-bg {
                  /* padding: 80px 0 90px 0; */
                   margin: 0;
                   position: absolute;
                   top: 50%;
                   left: 50%;
                   -ms-transform: translate(-50%, -50%);
                   transform: translate(-50%, -50%);
              }

              .top-content .text {
                  color: #fff;
              }

              .top-content .text h1 { color: #fff; }

              .top-content .description {
                  margin: 20px 0 10px 0;
              }

              .top-content .description p { opacity: 0.8; }

              .top-content .description a {
                  color: #fff;
              }
              .top-content .description a:hover,
              .top-content .description a:focus { border-bottom: 1px dotted #fff; }

              .form-box {
                  margin-top: 35px;
              }

              .form-top {
                  overflow: hidden;
                  padding: 0 25px 15px 25px;
                  -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
                  text-align: left;
              }

              .form-top-left {
                  float: left;
                  width: 100%;
                  padding-top: 26px;
                  text-align:center;
              }

              .form-top-left h3 { margin-top: 0; color: #fff; }
              .form-top-left p { opacity: 0.8; color: #fff; }

              .form-top-left-register{
                    padding-top: 12px !important;
                }
              .form-bottom {
                  padding: 20px 25px 15px 25px;
                  -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px;
                  text-align: left;
                  overflow: hidden;
              }

              .form-bottom form textarea {
                  height: 100px;
              }

              .form-bottom form button.btn {
                  width: 100%;
              }

              .form-bottom form .input-error {
                  border-color: #de615e;
              }

              /***** Media queries *****/

              @media (min-width: 992px) and (max-width: 1199px) {}

              @media (min-width: 768px) and (max-width: 991px) {}

              @media (max-width: 767px) {

                  .inner-bg { padding: 60px 0 110px 0; }

              }

              @media (max-width: 415px) {

                  h1, h2 { font-size: 2em; }

              }
         label {
          font-family: 'Roboto';
          font-size: 0.875em;
          color: #04548f;
          text-transform: uppercase;
          font-weight: 500;
          padding-left: 3px;
        }
        .flex-div {
            display: flex;
            justify-content: space-evenly;
            align-items: center;
        }
        .image-container{
            margin-right: 9em;
            width: 610px;
            height: 376px;
        }
        .logo-image{
        width: 355px;
         height: 85px;
        }
        .white-brand .logo-image{
          background-color: #f8fafb;
          border-radius: 2px;
        }
        @media screen and (max-width: 1800px) {
             .image-container{
             margin-right: 9em;
           }
         }
         @media screen and (max-width: 1500px) {
              .image-container{
               margin-right: 8em;
               }
             }
        @media screen and (max-width: 1280px) {
           /* body{
                font-size: 13px;
            }
             .inner-container{
              width: 400px;
              
              } */
            .image-container{
                margin-right: 6em;
                width: 400px;
            }
            
        }
        @media (max-width:1108px){
            .image-container{
                margin-right: 6px;
             }
            .auth-form-box {
                margin-left: 65px;
            }
           }
        .user-password-errorMsg{
            padding: 0px;
            font-size: 1.32rem;
            color: #F83B3B;
            background: none;
            border: none;
            
        }
.sso-signIn-box{
    margin-left: 30%;
}

@media only screen and (max-width: 1023px) {
    .inner-container{
        width: calc(100vw - 80px) !important;
    }
    .image-container{
        display: none;
     }
    .auth-form-box{
        margin-left: 0px !important;
        width: 100% !important;
    }
}
 body.blue{
   background-image: linear-gradient(108.94deg, #280866 8.27%, #5a9ad1 100%);
  }
   .blue .auth-btn1{
     background:#4984d1!important;

   }
   body.green{
      background-image: linear-gradient(108.94deg, #082966 8.27%, #006E74 100%);
     }
      .green .auth-btn1{
        background:#006E74!important;

      }

      body.dark-blue{
            background-image: linear-gradient(108.94deg, #082966 8.27%, #1E4684 100%);
           }
            .dark-blue .auth-btn1{
              background:#1E4684!important;

            }


      body.dark{
            background-image: linear-gradient(108.94deg, #2A3954 8.27%, #21314D 100%);
           }
            .dark .auth-btn1{
              background:#37517f!important;

            }