@import url("bootstrap-icons.css");
body{
    overflow-x: hidden!important;
    height: 100%;
    padding: 0;
    background-image: url(../img/login_bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    background-attachment: fixed;
}
#header_logo{
    height: 50px;
    width: auto;
}
.header_text {
   color: #A88D58;
text-shadow: -1px -1px 0 #fff, 
               1px -1px 0 #fff,
              -1px 1px 0 #fff, 
              1px 1px 0 #fff;
}
.login_container{
    width: 90%!important;
    margin-left: 3rem;
}
@media screen and (max-width:1400px){
#footer_logo{
    height: 60px;
    width: auto;
    display: block;
    margin-bottom: 0.75rem;
	 margin-left: auto;
    margin-right: auto;
}	
}
@media screen and (max-width:1199px){

}
@media screen and (max-width:1024px){	
body{
    overflow-x: hidden!important;
    height: 100%;
    padding: 0;
    background-image: url(../img/login_bg2_1024.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    background-attachment: fixed;
}    
}
@media screen and (max-width:992px){	
body{
    overflow-x: hidden!important;
    height: 100%;
    padding: 0;
    background-image: url(../img/login_bg2_768.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    background-attachment: fixed;
} 
.login_container{
    width: 95%!important;
    margin-left: 2.5rem;
}  
.footer_border{
    border-left: thin none #4B4B4B;
    border-top: thin solid #4B4B4B;
    padding-top: 0.75rem;
}    
}
@media (min-width: 576px) and (max-width: 767.99px) {
}	
@media screen and (max-width:767.99px){

}	
@media screen and (max-width:575.99px){
body{
    overflow-x: hidden!important;
    height: 100%;
    padding: 0;
    background-image: url(../img/login_bg_line.jpg);
    background-size: 200px 200px;
    background-position: left top;
    background-attachment: fixed;
    background-repeat: repeat;
} 
.login_container{
    width: 95%!important;
    margin-left: auto;
    margin-right: auto;
}  
}
@media screen and (max-width:320px){
	
}
/*back top*/
.back-top {
    z-index: 99999;
    position: fixed;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    opacity: 0.6;
    filter: Alpha(opacity=50);
    width: 35px;
    height: 35px;
    background-color: #E9546B;
    background-size: 24px 24px;
    border-radius: 12px;
    box-shadow: 0px 0px 3px #ffffff;
    transform: translateY(0%);
    transition: all 0.2s linear;
    color: #FFFFFF;
    text-align: center;
    line-height: 35px;
    font-size: 2rem;
}

.back-top:hover {
  opacity: 1;
  filter: Alpha(opacity=80);
  box-shadow: 0px 0px 6px #ffffff;
}

.back-top.hide {
    opacity: 0;
    filter: Alpha(opacity=0);
    transform: translateY(150%);
}