@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200italic,200,300,300italic,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900italic,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300italic,300,100italic,100);
html,body{
  height:100%;
}

body{
  margin-top: 0px !important; 
  background-color: #f2f2f2 !important;"
}
.form_div{
    width: 100%;
    box-sizing: border-box;
    padding: 30px;
    background: #fff none repeat scroll 0 0;
}
.tb1.form-control { 
    margin-bottom: 0px;
    padding-left: 35px;
    min-height: 35px;

}
#imgCaptcha > img{
    top: 32px;
    width: 100px;
    height: 31px;
  }
.tb1::-webkit-input-placeholder{
  color: #6e32ce !important;
  font-size: 15px;
}
.tb1::-moz-placeholder{
  font-size: 15px;
  color: #6e32ce !important;
}
.form_div i{
  position: relative;
  top: 32px;
  font-size: 30px;
  color: #787779;
  margin-left:5px;
  margin-right:20px;
}
.sub_btn_form {
    background: #6e32ce none repeat scroll 0 0;
    border: medium none;
    box-sizing: border-box;
    color: #fff;
    font-size: 18px;
    padding: 2% 15%;
    display: inherit;
    margin: 0px auto;   
    transition: all .2s ease-in-out;
}
#imgCaptcha{
  position: relative;
}
#imgCaptcha > img {
    position: absolute;
    right: 0px;
      top: 32px;
}
.sub_btn_form:hover{
  background: #262626;
}
@media(max-width: 480px){
  #imgCaptcha > img{
    top: 32px;
    width: 100px;
    height: 31px;
  }
}
.form-control{
        height: 26px;
        padding: 2px;
        font-size: 12px;
      }
      .container {
        margin: 0px auto;
        width: 700px;
      /*  min-height: 510px;*/
        min-height: 100vh;
        background-color:white;
        box-shadow: inset -50px -50px 5px -94px #ABABAB,1px -6px 14px 2px #756C6C;
        -webkit-box-shadow: inset -50px -50px 5px -94px #ABABAB,1px -6px 14px 2px #756C6C;
        -moz-box-shadow: inset -50px -50px 5px -94px #ABABAB,1px -6px 14px 2px #756C6C;
        -o-box-shadow: inset -50px -50px 5px -94px #ABABAB,1px -6px 14px 2px #756C6C;
        padding: 0px;
       
      }
      #header{
        background-color: #737373;
        /*min-height: 60px;*/
      }
      #footer{
        background-color: #737373;
      /*  min-height: 60px;*/
      }
      #logo{
        width:  80%;
        padding-top: 15px;
        margin:0 auto;
      }
      #footer_text1{
        width:  80%;
        padding-top: 10px;
        margin:0 auto; 
      }
      #login_panel{
        width:  80%;
        padding-top: 15px;
        margin:0 auto;
        min-height: 80vh;
      }
      #box_1{
          border:1px solid #a6a6a6; border-radius:4px;background-color: white; margin-bottom: 5px;  padding-bottom: 5px;
          padding: 0px;
      }
      @media (min-width: 1001px)  {
        #footer{
        background-color:#737373;
       /* min-height: 60px;*/
     /*   margin-top: 510px;*/
      }
      /*#box_1{
        margin-top: 80px;
      }*/
    }
    @media (min-width: 721px)  and ( max-width: 1000px ) {
      #footer{
        background-color:#737373;
       /* min-height: 60px;*/
      /*  margin-top: 200px;*/
      }
    }
    @media (min-width: 601px)  and ( max-width: 720px ) {
      .container {
        margin: 0px auto;
        width: 600px;
      }
      #footer{
        background-color: #737373;
        min-height: 60px;
      /*  margin-top: 100px;*/
      }
    }
    @media (min-width: 501px)  and ( max-width: 600px ) {
        .container {
          margin: 0px auto;
          width: 500px;
        }
        #login_panel{
          width:  80%;
          margin:0 auto;
        }
        #footer{
          background-color: #737373;
        /*  min-height: 60px;*/
        /*  margin-top: 100px;*/
        }
    }
    @media (min-width: 401px)  and ( max-width: 500px ) {   
      .container {
        margin: 0px auto;
        width: 400px;
      }
      #login_panel{
        width:  90%;
        margin:0 auto;
      }
      #footer{
        background-color: #737373;
        min-height: 60px;
        /*margin-top: 100px;*/
      }
    }
    @media (min-width: 351px)  and ( max-width: 400px ) {   
      .container {
        margin: 0px auto;
        width: 350px;
      }
      #footer{
        background-color: #737373;
       /* min-height: 60px;*/
      /*  margin-top: 100px;*/
      }
      #login_panel{
        width:  95%;
        margin:0 auto;
      }
    }
    @media   ( max-width: 350px ) { 
      .container {
        margin: 0px auto;
        width: 280px;
      }
      #login_panel{
        width:  98%;
        margin:0 auto;
      }
    }   
    #box_2{
      border-bottom:1px solid #e6e6e6;   min-height:20px; padding:3px;
    }
    #box_2 >div{
      padding:4px;  font-family: arial; font-size: 20px;  font-weight: 15px
    }
   
    #box_3{
      padding-top:0px; font-family: arial; font-size: 15px;  font-weight: 15px;
    }
    .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}
#footer_text1 > p{
  color: white;
    margin-bottom: 0px;
    padding-bottom: 10px;
}