@charset "utf-8";
/* master styles */
html,body{width:100%; height:100%}
.login-wrapper{ height:100%; width:100%;}
.position-relative{position:relative}
.position-absolute{position:absolute}
a:hover{text-decoration:none; opacity:0.7}
.small{ font-size:0.9em}
.ln-frm {
    width: 280px;
    padding: 80px 20px 15px;
    height: 330px;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 0;
    box-shadow: 1px 2px 5px #aaa;
	z-index:9;
	background: #212529;
}
.ln-frm:after{ content:""; width:100%; height:100px; background-image:url(img/user-icon.png); background-repeat:no-repeat; position:absolute; background-size:contain;top: -55px; left: 0; background-position:center;
}

.rounded-50{ border-radius:50px;}
.username input,.password input{position:relative; padding-left:35px}
.username:after{ font-family:Font Awesome\ 5 Free; content: "\f007";font-weight: 900;position: absolute;
    top: 5px;
    left: 30px;
    color: #c0c5c8;}
.password:after{ font-family:Font Awesome\ 5 Free; content: "\f023";font-weight: 900;position: absolute;
    top: 5px;
    left: 30px;
    color: #c0c5c8;}
	
.gs-branding {
    background-image: url(img/gs-brand.png);
    width: 200px;
    height: 143px;
    background-size: cover;
    position: absolute;
    left: 50px;
    top: 30px;
}
.module-list{ padding:0; margin:0}
.module-list li{ display:inline-block; margin:10px}
.head{ font-weight:600; padding-bottom:15px}

.totalintity,.inactiveintity,.totalusers,.smsbalance{
    padding: 15px;
    text-align: center;
    min-height: 120px;
    border-radius: 0px;
    border: solid 5px #ffffff;
    box-shadow: 0px 0px 2px #CCC;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
}
.totalintity span,.inactiveintity span,.totalusers span,.smsbalance span{ font-size:1.5em; display:block;}
.errors {
    background: #f5e1e1; color: #c80c0c; padding:7px}
.errors ul { padding: 0; margin: 0;}
.errors ul li { list-style:inside; font-size: small;}
.sys-pagination .pagination{ float:right;}
.sys-pagination .pagination li {
    padding: 2px 10px;
    background: #CCC;
    margin: 0 3px;	
}
.sys-pagination .pagination li a{color:#FFF;}
.sys-pagination .pagination li.active { background:#339 !important}

.shownewpassinput {
    background: #FFF;
    width: 275px;
    padding: 25px;
    position: absolute;
    margin: auto;
    top: 61px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 235px;
	display:none;
}

.master-bg{ background-image:url(img/login-bg.jpg); background-size:cover;}

@media (max-width:576px){
.master-bg{ background-size:100% 100%}	
.gs-branding {
    width: 124px;
    height: 88px;
    left: 0;
    top: auto;
    bottom: 0;
    right: 0;
    margin: auto;
}
}
@media (min-width:768px){.table{display:inline-table}}
@media (min-width:992px){.table{display:inline-table}}
@media (min-width:1200px){.table{display:inline-table}}