/* ***** Font Face ***** */
@font-face {
    font-family: 'Faktum';
    src: url('../../font/Faktum.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

.font-faktum{
    font-family:'Faktum',Arial, sans-serif;
}
.non-float{
    float:none!important;
}

.font12{
    font-size:12px;
}

/*Portal Login Page*/

.nav-link.dropdown-toggle.d-none.d-sm-inline-block.headertext{
    background: none!important
}
.customerportalogoin{
    padding-top:150px;
}

.body-portal-login{
    height: 100vh;
}

.logoHolder{
    position: relative;
    display: block;
    /*width: 400px;*/
    margin: 0 auto 0 auto;
    text-align: center;
}
.logoHolder .imgLogo{    
    position: relative;
    display: block;
    width: 250px;
    height: 100px;
    margin:  0 auto  0 auto;
    
}
.logoHolder img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    width: 100%!important;
    height: auto;
    margin: auto;
    object-fit: scale-down;
    text-shadow: 0 0 3px #ff0000, 0 0 5px #0000ff;
}

.cp_login_form_holder{
    border:0;
    padding-top:18px;
}

.cp_login_form{
    position: relative;
    z-index: 1;
    width:400px;
    box-sizing:border-box;
    padding:45px 15px 55px 15px ;
    margin: 0 auto;
    border-radius:25px;
    overflow:hidden;    
}
.cp_login_form:before {
    border-radius: 10px;
    content: ''; /* Required for pseudo-elements */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.85); /* background with 50% opacity */
    z-index: -1; /* Places the background behind the content */
}
.cp_login_form .form-title{
    font-family:'Faktum',Arial, sans-serif;
    font-size:23px;
    text-align:center;
    padding:0 15px 0 15px;
    margin:25px 0 0 0;
}

.cp_login_form .form-subtitle{
    font-family:'Faktum',Arial, sans-serif;
    font-size:13px; 
    text-align:center;
    padding-bottom:25px;
}

.cp_login_form .alert {
    display:inline-block;
    width: 100%;
    margin: auto;
    padding: 5px 0;
    margin-bottom: 15px;
    text-align:center;
    font-size: 12px;
}

.cp_login_form .alert.alert-danger {
    background-color: transparent;
    text-align:center;
}

.cp_login_form a.forget-pw{
    float:right;
    display:inline-block;
    font-weight: bold;
    text-align:right;
    font-size:12px;
    margin-bottom:20px;
    margin-right:15px;
    color:#848484!important;
}
.cp_login_form a.forget-pw:hover{
    color:#ACACAC!important;
}

.btn-signin{
    width:100%;
    box-shadow: none;
    box-shadow: none;
    color: white;
}

.cp_login_form a.forget-pw, .cp_login_form a.forget-pw:hover
.cp_login_form a.register-link, .cp_login_form a.register-link:hover
{
    text-decoration:none;
}

.cp_login_form a.register-link{font-weight: bold;color:#848484!important;}
.cp_login_form a.register-link:hover{color:#ACACAC!important;}
.alert-warning{
    border-color: transparent!important;}

.alert-danger{
    color: #b94a48;
    border-color: transparent!important;
}

.cp_login_form .form-control {
    background:#fff;
}

.cp_login_form .controls .modif-icon{    
    border-radius: 40px 0 0 40px;
    padding-right:25px;
}

.cp_login_form .controls .modif-icon .icon-user:before{
     padding:2px 0 0 2px;
}
.cp_login_form .controls .modif-icon .icon-lock:before{
    padding:3px 0 0 2px;
}

.cp_login_form input.modif-input{
    border-radius: 0 40px 40px 0;
    color: black !important;
    font-size:12px;
}

.cp_login_form input.modif-input:focus{
    box-shadow:none;
}

.cp_login_form .controls{
    margin-bottom:20px;
}

.cp_login_form hr.login-separator{
    margin:25px 0 0 0;
}
.cp_login_form .reg-txt{
    text-align:center;
    font-size:12px;
}
.cp_login_form  .login-bottom-btn{
    margin-top:25px;
    text-align:center;
}

.cp_login_form  .login-bottom-btn-content{
    margin-top: 8px;
    font-size:12px;
}
.cp_login_form  .login-bottom-btn-txtcontent{
    display:block;
}

.cp_login_form  .login-bottom-btn-content i{
    font-size:25px; 
    margin-bottom:15px;
}
.cp_login_form  .login-bottom-btn input,
.cp_login_form  .login-bottom-btn button{
    font-weight: bold;
    font-size:12px;
    /*background-color: #fff;*/
    background-color:transparent;
    border:0;
    padding:0;
}

/*.cp_login_form  .btnselfSignUp:disabled,
.cp_login_form  .btnpayBills:disabled{
    opacity:.50
}*/

.btnpayBills:disabled, .btnselfSignUp:disabled{
    background-color:transparent;
    opacity:1;
    color:#484B4C;
}

.footer-portal-login{
    position:absolute;
    font-size: 10px;
    text-align: center;
    position:fixed;
    bottom:0; 
    width: 100%;
    
   background-color:rgba(255,255,255,0.2);
}

.footer-portal-login a{
    color: #000;
}

.nofloat{
    float:none!important;
}

.cursor-def{
    cursor:default;
}

.dashboardlogo{
    min-width: 260px;
    max-width: 260px
}

.dashboardlogo img{
    min-width: 100%;
    max-width: 100%
}

/*Customer Portal Register Page*/
.headerregisterpage{
    width: 100%;
    padding: 5px;
}

.headerregisterpage div{
    margin: 0;
}

.headerregisterpage .logo{
    min-width: 61px;
    min-height: 61px;
    margin: 0 auto;
    padding-top:5px;
    padding-bottom:5px;
    text-align: center;
}

.headerregisterpage .logo img{
   min-width: auto!important; 
   max-height:90px;
}


.error{
    color:red;
}

/*Reset Password Form*/
#reset-header{
    margin-bottom:20px;
}

/*dashboard*/
.dashboard-boxes{
    min-height: 154px;
}
.btn-payhere{
    cursor: pointer;
    margin-bottom:10px;
}

/*card-title title*/
h1.card-title {
    font-size: 1.75rem
}
h2.card-title {
    font-size: 1.53125rem
}
h3.card-title {
    font-size: 1.3125rem
}
h4.card-title {
    font-size: 1.09375rem
}
h5.card-title,
h6.card-title {
    font-size: .875rem
}

/*search table*/
#DataTables_Table_0_filter [type=search],
#DataTables_Table_1_filter [type=search],
#DataTables_Table_2_filter [type=search],
#DataTables_Table_3_filter [type=search],
#DataTables_Table_4_filter [type=search]{
    margin-left:10px;
    width:200px;
}

/*pagination*/
.dataTables_info{
    margin-top:10px;
    margin-bottom:10px;
}
.pagination {
	display: flex;
	padding-left: 0;
	list-style: none
}
.paginate_button > a {
	position: relative;
	display: block;
	color: #6c757d;
	background-color: #fff;
	border: 1px solid #dee2e6
}
.paginate_button > a:hover {
	z-index: 2;
	color: #343a40;
	text-decoration: none;
	background-color: #e9ecef;
	border-color: #dee2e6
}
.paginate_button > a:focus {
	z-index: 3;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(59, 125, 221, .25)
}
.paginate_button:not(:first-child) > a {
	margin-left: -1px
}
.paginate_button.active > a {
	z-index: 3;
	color: #fff;
	background-color: #3b7ddd;
	border-color: #3b7ddd
}
.paginate_button.disabled > a {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff;
	border-color: #dee2e6
}
.paginate_button > a {
	padding: .3rem .75rem
}
.paginate_button:first-child > a {
	border-top-left-radius: .2rem;
	border-bottom-left-radius: .2rem
}
.paginate_button:last-child > a {
	border-top-right-radius: .2rem;
	border-bottom-right-radius: .2rem
}
.pagination-lg .paginate_button > a {
	padding: .35rem 1rem;
	font-size: .925rem
}
.pagination-lg .paginate_button:first-child  > a {
	border-top-left-radius: .3rem;
	border-bottom-left-radius: .3rem
}
.pagination-lg .paginate_button:last-child > a {
	border-top-right-radius: .3rem;
	border-bottom-right-radius: .3rem
}
.pagination-sm .paginate_button > a {
	padding: .15rem .5rem;
	font-size: .75rem
}
.pagination-sm .paginate_button:first-child  > a {
	border-top-left-radius: .1rem;
	border-bottom-left-radius: .1rem
}
.pagination-sm .paginate_button:last-child > a {
	border-top-right-radius: .1rem;
	border-bottom-right-radius: .1rem
}

/*Table Filters*/
.form-inline .form-control {
    display: inline-block;
}
div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    font-weight: normal;
    float: right;
    margin-bottom:20px;
}

.accountdetails > button.btn.btn-large.btn-primary,
.accountdetails > a.btn.btn-large.btn-warning{
    float:left;
    width:150px;
    padding:6px 12px;
    margin-left:8px;
}

.faq-border{
    background: #FFFSSS;
    box-shadow: none;
    border: 0;
    padding: .35rem .75rem;
}

.contactus , .contactus2{
    height:450px;
}

.contactus2{
    overflow:auto;
}

.customerpayment-footer
{
    position:absolute;
    bottom:-20px;
    text-align:center;
}


 /** footer **/
 ng-footer{display:none;}
 
/*** MEDIA SCREEN **/
/**login page**/
@media (max-width: 991px){
    .cp_login_form .col-md-6 {
        width:100%;
    }
}