@charset "utf-8";
/* master styles */
.master-bg{ background-image:url(img/1-login-bg.png); background-size:100%; background-repeat:no-repeat;}
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: 25px;
    box-shadow: 1px 5px 5px #aaa;
    background-image: url(img/logframe.png);
    background-size: 280px 330px;
    background-repeat: no-repeat;
	z-index:9;
}
.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}

.smsbalance,.totalusers,.inactiveintity,.totalintity{background-image: linear-gradient(
  0deg,
  hsl(240deg 96% 41%) 0%,
  hsl(230deg 100% 37%) 11%,
  hsl(226deg 100% 34%) 22%,
  hsl(223deg 100% 30%) 33%,
  hsl(221deg 100% 26%) 44%,
  hsl(219deg 100% 21%) 56%,
  hsl(215deg 100% 17%) 67%,
  hsl(211deg 100% 13%) 78%,
  hsl(206deg 84% 9%) 89%,
  hsl(210deg 10% 8%) 100%
);}

.totalintity,.inactiveintity,.totalusers,.smsbalance{
    padding: 15px;
    text-align: center;
    min-height: 120px;
    border-radius: 0px;
    border: solid 5px #ffffff;
    box-shadow: 2px 2px 5px #CCC;
    color: #FFF;
    font-size: x-large;
    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;
}


@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}}