.ffooter {
    padding-left: 250px;
}
@media screen and  (max-width: 348px) {
    .ffooter { padding-left: 74px; }
}
@media screen and  (max-width: 768px) {
    .ffooter { padding-left: 160px; }
}

@media screen and  (max-width: 992px) {
    .ffooter { padding-left: 2500px;}
}

@media screen and  (min-width: 1200px) {
    .ffooter { padding-left: 250px;}
}

.main-footer {
    background: #fff;
    padding: 15px!important;
    color: #444;
    border-top: 1px solid #d2d6de;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    margin-bottom: -50px;
}
.homepage-footer {
    background: #fff;
    padding: 15px!important;
    color: #444;
    border-top: 1px solid #d2d6de;
    bottom: -150px;
    width: 100%;
    min-height: 100%;
    margin-bottom: -50px;
}
.wordwrapped {
    overflow-wrap: break-word!important;
    word-wrap: break-word!important;
    hyphens: auto!important;
}
section.homepage-content {
    margin: 100px 15px 0 100px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s; 
}

.banner {
    font-family: "Segoe UI", sans-serif;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    top: 0;
    left: 0;
    z-index: 12;
    width: 100%;
    background: #d5e1f1;

}
.container-fluid-signup {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: -205px;
}
.imglogo {
    height: 8em;
}
.signuppanel {
    margin-top: 1em;
}
/*Password CSS*/
.pass_show{position: relative} 

.pass_show .ptxt { 
    position: absolute; 
    top: 50%; 
    right: 10px;
    z-index: 1; 
    color: #f36c01; 
    margin-top: -10px; 
    cursor: pointer; 
    transition: .3s ease all; 
} 
.pass_show .ptxt:hover{color: #333333;} 

.customlogo {
    height: 4em; 
    margin: -5px!important;
}
.proflogo {
    height: 50px!important; 
    width: 50px!important;
}

/* excel upload */
#response {
	padding: 10px;
	margin-top: 10px;
	border-radius: 2px;
	display: none;
}

.success {
	background: #c7efd9;
	border: #bbe2cd 1px solid;
}

.error {
	background: #fbcfcf;
	border: #f3c6c7 1px solid;
}

div#response.display-block {
	display: block;
}
.custom-error{
    color:#ed6b75 !important;
}
div.scroll {
    margin: 4px, 4px;
    padding: 4px;
    overflow-x: auto;
}

div.vert {
    margin: 5px;
    padding: 5px;
    text-align: justify;
}
div.horizontal-scroll {
    overflow-y: hidden;
    overflow-x: auto;
}