html {
    height: 100%;
}

*{margin:0;padding:0;}

body{
	background-color: #fff ;
	background-repeat: no-repeat;
	background-position: top center;		
	background-image: url("../images/login_back.jpg");
	font-family:'Open Sans',sans-serif;
	background-size: auto 100%;
	
}

.button{
  width:385px;
  background:#3399cc;
  display:block;
  margin:0 auto;
  padding:10px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  margin-top:10px;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
  opacity:0.6;
}

.button:hover{
  background:#2288bb;
}

#login{
  width:400px;
  margin:0 auto;
  margin-top:8px;
  margin-bottom:2%;
  transition:opacity 1s;
  -webkit-transition:opacity 1s;
}

#triangle{
  width:0;
  border-top:12x solid transparent;
  border-right:12px solid transparent;
  border-bottom:12px solid #3399cc;
  border-left:12px solid transparent;
  margin:0 auto;
  opacity:0.6;
}

h1{
  background:#3399cc;
  padding:20px 0;
  font-size:140%;
  font-weight:300;
  text-align:center;
  color:#fff;
  opacity:0.6;
  width:200px;
}

.sticky_header{
	width:100%;
	height:80px;
	background:rgba(0,42,79,0.5) ;
	top:0px;
	
}
.sticky_header img{
	margin-left:10%;
	float:left;	
}
.clear{
	clear:both;
}

.error{
	background:#F8D2CA;
	color:red;
	text-align:center;
	opacity:0.6;
	padding:10px;
}
.footer{
	position:fixed;
    bottom:0;
	text-align:center;
	width:100%;
	font-family: 'Nunito', sans-serif;
	color:#FFF;
	font-weight:normal;
	width:100%;
	height:80px;
	background:rgba(0,42,79,0.5) ;
}
.float-right{
	float:right;
}
.title_text{
	font-family: Arial Narrow,Arial,sans-serif;
	color:#D4D7D5;
	padding:10px;
	font-size:26px;
	margin-right:10%;
	font-weight:500;
	margin-top:13px;
	text-transform:uppercase;
	text-shadow: -1px 0 #8AA8CA, 0 1px #8AA8CA, 1px 0 #8AA8CA, 0 -1px #8AA8CA;
	
}

/* Start style sheet by priyank*/
.overlay { height: 100%;left: 0;position: absolute;top: 0;width: 100%; }
.bg-op-white{ background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0; }
.bg-op-dark{ background: rgba(70, 70, 70, 0.7) none repeat scroll 0 0; }
.overlay .loader { font-size: 25px;margin-top: 20px; }
.bg-op-white .loader{ color: #000; }
.bg-op-dark .loader{ color: #FFF; }

.text-left{ text-align: left; }
.text-right{ text-align: right; }
.text-center{ text-align: center; }

.login_box_link a,.login_box_footer a{color: #fff;text-decoration: none;}
.success {background: #cbf8ca none repeat scroll 0 0;color: #18670e;opacity: 0.6;padding: 10px;text-align: center;font-weight: bold;}

.alert-info {background: #fcf8e3 none repeat scroll 0 0;color: #8a6d3b;opacity: 0.8;padding: 10px;text-align: center;font-weight: 500;line-height: 24px;}
.login_box {background: rgba(0, 42, 79, 0.6) none repeat scroll 0 0;margin: 200px auto 0;max-width: 600px;padding: 10px;text-align: center;z-index: 999;width: 100%;position: relative;}
.inline-group {display: block;padding: 5px;margin-bottom: 5px;}
.inline-group h1 {background: transparent;opacity: 1;padding: 0;text-align: center;width: 100%;}
.inline-group .control-group{float: left;}

.control-group {position: relative;}
.control-group i {left: 8px;position: absolute;top: 12px;color: #626262;}

.control{background:#fff;border:1px solid #ccc;padding:10px;font-family:'Open Sans',sans-serif;font-size:95%;color:#555;margin-right: 10px;position: relative;}
.btn-control{background:#3399cc;border:0;padding: 10px;font-family:'Open Sans',sans-serif;font-size: 18px;font-weight:bold;line-height: 19px;color:#fff;cursor:pointer;transition:background .3s;-webkit-transition:background .3s;min-width: 108px;}
.btn-control:hover{background:#2288bb;}

.input-login {padding-left: 35px;width: 184px;}
.input-forgot{width: 425px;padding-left: 35px;}
/* End style sheet by priyank*/

.login_box_footer{ text-align: right;color:white;padding-right:5px;line-height:25px;}
.cpointer{ cursor: pointer;}

/* fancy check-box css start*/

.cb_control { position: relative;padding-left: 30px; margin-bottom: 15px; cursor: pointer; font-size: 18px;}
.cb_control input { position: absolute; z-index: -1; opacity: 0;}
.control__indicator { position: absolute; top: 2px; left: 0; height: 18px;width: 18px;background: #eeeeee;}
.control--radio .control__indicator { border-radius: 50%; }
.cb_control:hover input ~ .control__indicator,
.cb_control input:focus ~ .control__indicator { background: #ccc; }
.cb_control input:checked ~ .control__indicator { background: #2aa1c0;}
.cb_control:hover input:not([disabled]):checked ~ .control__indicator,
.cb_control input:checked:focus ~ .control__indicator {  background: #74C2E6; }
.cb_control input:disabled ~ .control__indicator { background: #e6e6e6;opacity: 0.6;pointer-events: none; }
.control__indicator:after { content: ''; position: absolute;display: none;}
.cb_control input:checked ~ .control__indicator:after { display: block;}
.control--checkbox .control__indicator:after { left: 7px;top: 3px;width: 3px;height: 7px;border: solid #fff;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.control--checkbox input:disabled ~ .control__indicator:after {border-color: #7b7b7b;}

/* fancy check-box css end*/

@media (max-width: 1500px) {
	
}

@media (max-width: 1250px) {
    body{
        background-image: url("../images/login_back_small.jpg");
    }
    .sticky_header img.xs_logo {  
        width: 430px;
        margin-top: 10px;
    }
    .sticky_header .title_text{
        font-size:20px;
        margin-top: 18px;
    }
}

@media (max-width: 1170px) {
	.sticky_header img.xs_logo { 
            width: 400px; 
            margin-top: 10px;
            margin-left: 2%;
        }
        .sticky_header .title_text{
            font-size:20px; 
            margin-top: 18px;
            margin-right: 2%; 
        }
}
@media (max-width: 700px) {
    body{
        background-attachment: fixed;
    }
    
    .sticky_header{
        width:100%;
        height:50px;
        background:rgba(0,42,79,0.5) ;
        opacity:0.8;
        top:0px;
        padding:10px;
    }
    
    .sticky_header img.xs_logo { 
        width: 315px;
        margin-top: 2px;
        margin-left: 1%;
    }
    
    .sticky_header .title_text{ 
        font-size:15px; 
        margin-top: 5px;
        margin-right: 1.5%; 
    }

    .login_box {
        max-width: 500px;
        width: calc(100% - 40px);
        margin: 20px auto 0;
    }
    .control-group {
        margin-bottom: 10px;
        width: 100%;
    }
    .input-login, .input-forgot {
        padding-left: 35px;
        width: calc(100% - 60px);
    }

    
    .title_text{
        font-size:22px;
        margin-top: 0px;
    }	
    
    .footer {
        height: 60px;
        margin-top: 20px;
    }
}
@media (max-width: 500px) {
    .sticky_header {
        width: calc(100% - 20px);
        height: 80px;
        position: relative;
    }
    
    .sticky_header img.xs_logo {  
        width: 98%; 
        margin-top: 0px; 
        margin-left: 0%;
    }
    
    .sticky_header .title_text{ 
        font-size:14px;
        margin-top: 0px;
        margin-right: 0px;
        position: absolute;
        bottom: 0px;
        right: 0px;
        padding-bottom: 3px;
    }

    
    .sticky_header .title_text{
        font-size:16px;
        margin-right: 0px;
        margin-top: 5px;
    }

    .login_box{
        margin: 20px auto 0;
    }
    .inline-group h1 {
        font-size: 18px;
    }
}
@media (max-width: 320px) {
    .sticky_header { height: 60px; }
}