*
{
    margin: 0;
    padding:0;
}

body{
    font-family: 'Poppins';
}

.img-fluid
{
    max-width: 100%;
}

img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

.slider-box
{
    width: 70%;
    float: left;
    height: 100vh;
    overflow: hidden;
    
}

.form-box
{
    width: 30%;
    float: left;
    background-image: url('images/form-box.png');
    background-repeat: no-repeat;
    height: 100vh;
    overflow: hidden;
    background-size: 100% 100%;
}

.logo-head
{
    background: rgba(255,255,255, 0.95);
    min-height: 245px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.form-content
{
    background: rgb(8,65,82);
    background: linear-gradient(180deg, rgba(8,65,82,0.87) 0%, rgb(5 209 45 / 87%) 100%);
    height: 100%;
}

.form-content-sgc
{
    background: rgb(8,65,82);
    background: linear-gradient(180deg, rgba(36,145,66,0.87) 0%, rgb(32 129 192 / 87%) 100%);
    height: 100%;
    display: flex;
    align-content: center;
    align-items: center;
    
}

.form-data
{
    width: 80%;
    margin: 0 auto;
    color: #fff;
    padding-top: 25px;
}

.slide-desc
{
    display: none !important;
}

.input-text input[type="text"], .input-text input[type="password"]
{
    display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 25px 0;
  padding: 10px 20px;
  border: 1px solid #b7b7b7;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  font-family: "Poppins";
  color: rgba(0,142,198,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  word-spacing: 3px;
  background: rgba(255,255,255,1);
  -webkit-box-shadow: 0 1px 9px 7px rgba(183,189,191,0.73) inset, 2px 10px 5px -2px rgba(0,0,0,0.24) ;
  box-shadow: 0 1px 9px 7px rgba(183,189,191,0.73) inset, 2px 10px 5px -2px rgba(0,0,0,0.24) ;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  width: 100%;
  overflow: hidden;
  font-size: 16px;
}

.input-text input[type="text"]:focus 
{
    border: 1px solid #555;
  }

.input-text input[type="text"]:disabled 
{
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 25px 0;
    width: 100%;
    color: #fff !important;
    overflow: hidden;
    opacity: 1;
    font-size: 16px;
    padding: 10px 20px;
    border: 1px solid #87878c;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    font-family: "Poppins";
    color: rgb(255 255 255);
    -o-text-overflow: clip;
    text-overflow: clip;
    word-spacing: 3px;
    background: rgb(66 66 69);
    -webkit-box-shadow: 4px 5px 9px 7px rgb(183 189 191 / 42%) inset, 2px 10px 5px -2px rgb(0 0 0 / 50%);
    box-shadow: 4px 5px 9px 7px rgb(9 10 11 / 33%) inset, 2px 10px 5px -2px rgb(29 25 25 / 50%);
    -webkit-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -moz-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    -o-transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 200ms cubic-bezier(0.42, 0, 0.58, 1);
  }

input[disabled]
{
    color: #fff !important;
}

.login-btn
{
    background: #2a6485;
    -webkit-box-shadow: inset 0px 7px 28px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 7px 28px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 7px 28px 0px rgba(0,0,0,0.75);
border:none;
padding:7px 30px;
font-size: 18px;
color:#fff;
border-radius: 20px;

}

.login-btn:hover
{
    background: #12547a;
    -webkit-box-shadow: inset 0px 7px 28px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 7px 28px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 7px 28px 0px rgba(0,0,0,0.75);
border:none;
padding:7px 30px;
font-size: 18px;
color:#fff;
border-radius: 20px;

}

.float-right
{
    float: right !important;
    text-align: right;
}

a.forgot-pass
{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

a.forgot-pass:hover
{
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

@media (min-width: 280px) and (max-width: 1023px) {
    .slider-box
    {
        display: none;
    }

    .form-box
    {
        width: 100%;
        background-repeat: repeat;
    }
  }

  @media (min-width: 1024px) and (max-width: 1025px) {
    .skdslider {
        width: 100%;
        position: relative;
        display: block;
        overflow: hidden;
        height: 100vh !important;
    }
  }

 .error-msglbl
{
 color: red;
 font-size: 12px;
 font-weight: 400;
text-decoration: none;
background-color: snow;
 font-family: Arial;
padding: 2px,5px;
}