#chartContainer_0{
	height:auto; 
	width: 100%;
}
#chartContainer_C{
	height: auto; 
	width: 100%;
}
#chartContainer_H{
	height:auto; 
	width: 100%;
}
#chartContainer_N{
	height:auto; 
	width: 100%;
}
#chartContainer_P{
	height:auto; 
	width: 100%;
}
#chartContainer_X{
	height:auto; 
	width: 100%;
}

/* .loginBase{max-width:450px} */
.icon-info:hover .popDetail{display:block !important; }
    .span6 label { color:#333; }
    span.required { color:#ff0000; }
    .form-horizontal { width:60% !important;}
    .form-horizontal .control-group { margin-bottom:10px; }
    .form-horizontal .controls { margin-left:180px; padding-left:0px; }
    .form-horizontal .controls input { width:100%; max-width:270px; border-radius:0px; height:20px; }
    .form-horizontal .control-label { text-align:left; }
/* for popover on hover 25012017 */
.relative { position:relative; }    
a.pop {position: relative;top:36px;background: #000000;padding: 0px 3px;border-radius: 50%;text-align: center; display:block; width:25px;}
a.pop .icon-info {color: #fff;font-size: 12px;border-radius: 50px;text-align: center;position: relative;top:0px;left: 1px;}
.popDetail,.popDetail-reminder {display: none;z-index: 10;padding: 14px 20px;line-height: 16px;color: #111;border: 1px solid #efd398;background: #fcf8e3;}
.popDetail span {display: block;font-size: 13px; text-align: left}
/* .popArrow {width: 15px;height: 16px;background: url(../images/popover-arrow.png) repeat;display: block; position: absolute;left: -14px;top:30px; z-index: 20;right: -25px;} */
.popDetail strong {text-align:left;display: block;padding-bottom: 10px;font-size: 15px;}
.popDetail strong i {margin-right: 10px; background: #000000; border-radius: 50%;}
.popDetail strong .fa-info:before {
    content: "\f129";
    left: 5px !important;
    top: 2px !important;
    position: absolute;
}
a.pop:hover .popDetail,a.pop:hover .popDetail-reminder {display: block;position: absolute;right: 0%;left: 35px;min-height: 150px;width: 300px;top: -30px;}
a.pop:hover .recurring-pament{left:244px;}
.add_latefee_button{
	float: left; 
	margin-top: 10px;
}
.resetPassword
{
	float: right;
	clear: both;
	margin-top: -44px;
	/* position: absolute; */
	/* right: 389px; */
}
/* .securityCheckBg{ */
	/* background-color: grey; */
    /* opacity: 0.9; */
/* } */
/* .securityCheckChild{ */
    /* opacity: 1; */
/* } */

.modelSecurityBg{
	background:white;
	border: 2px solid black;
}
.modal-backdrop {
	background-color: #C3C3C3;
	opacity: 0.9 !important;
}
.modal-dialog-custom{
	max-width: 500px;
    margin: 1.75rem auto;
}
/*CSS for Security Page*/
   .security-tips {
  list-style: none;
}

 .security-tips li::before {
  content: "\2022";
  color: red;
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}
  .security-manual li 
  {text-decoration:underline;list-style:none; text-underline-position: under;}
 
 .main::after{width:50px;left:52%}
 .security-border{border:1px solid #007bff;padding:37px}
/*XOX CSS for Security Page XOX*/

.mt-minus{flex:1;}
.header-top::after{flex:1;content:''}
.client-dB-icon{
	font-size: 19px;
    height: 37px;
    width: 37px;
    border: 1px solid red;
    border-radius: 50%;
    padding-left: 8px;
    padding-top: 8px;
    margin-top: -2px;
}
.single_btn_selected{
	background-color: #d71920;
    border-color: #d71920;
    color: #FFF;
}
.transaction-mpos {
	background-color: blue;
	color:#fff;
	border:1px solid blue;
	padding:2px 20px;
	cursor: pointer;
}
/* mPOS css start */
.transacation-submit{
    /* padding: 0px 16px;
    border:5px solid red;
    background-color: #fff; */
    background-color: #d71920;
    color: #fff !important;
    border: 0px;
    padding: 5px 18px;
    text-transform: uppercase;
    border-radius: 6px;

}
.transacation-cancel{
    background-color: #6c757d;
    /* border-color: #6c757d; */
    padding: 5px 18px;
    text-transform: uppercase;
    border-radius: 6px;
    color: #fff !important;
    border: 0px;


}
.mpos-input-color{
    background-color:#e9ecef;
}
.mpos-options{
    display: none;
}
.mpos-modal{
    border:8px solid darkgray;
}
.mpos-payment-info{
     color:gray;
}
.mpos-content{
    width:fit-content;
}
.nav-pills .nav-link.active{
    background-color:#d83c22 ;
}
.new-cust-submit{
background:#0160aa;
color:#fff;
border-radius: 8px;

}
.new-cust-cancel{
    border: 1px solid #0160aa;
    color: #0160aa;
    border-radius: 8px;
}
.merchant-main{
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 8%);
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,0.09);
}
.merchant-tabs{
    box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 8%);
    border-left: 1px solid rgba(0,0,0,0.09);
    background: #fff;
    height:400px;
    position: relative;
}
/* .merchant-action-btn{
    position: absolute;
    bottom:20px;
    right: 20px;
}
#existing-register-form .merchant-action-btn{
    bottom:90px;
} */
.hr{
    width:7%;
    margin:auto;
    border:1px solid red;
}

.exist-cust .hr{
    width: 2%;
}
.exist-cont,.exist-cancel{
    text-transform: capitalize;
    font-size: 20px;
    border-radius:5px;
    font-weight: bold;
    letter-spacing: 1px;
}
.exist-cancel{
    background-color: gray;
    color:#fff;
   
}
.responseBox{
    line-height: 2;
}
.new-cust-submit:disabled{
    background-color: #62a1d1;
}
.home-other-payment{
color: white;
    font-size: 20px!important;
    margin-left: -3px;
    vertical-align: middle;
    text-align: center;
    display: table!important;
}




/* merchant-dashboard-css-start */
.merchant-userinfo{
    background: gray;
    height: 76px;
    width: 77px;
    border-radius: 50%;
    }
    .half-curve{
        position: relative;
        height: 85px;
        width: 52px;
        border-radius: 34px 150px 150px 34px;
        background-color: #2a71ba;
    }
    .count-curve{
        background: #2a71ba;
        /* padding: 7px 12px 6px 11px; */
        padding: 2px 11px 4px 11px;
        border-radius: 0 8px 0px 14px;
        position: absolute;
        top: 0;
        right: 15px;
        font-weight: bold;
        font-size: 11px;
    }
    .merchant-recent{
        /* padding: 20px; */
        background: #ffffff;
        box-shadow: 3px 4px 9px 6px lightgrey;
        border-radius: 7px;
    }
    .recent-collection-status{
        /* box-shadow: 3px 3px 6px 5px lightgrey; */
        /* border: 1px solid lightgray; */
        /* box-shadow: 3px 4px 10px 3px lightgrey; */
        box-shadow: 3px 7px 10px 7px lightgrey;
    
        border-radius: 6px;
    }
    .trans-status{
        /* background: #41b6eb; */
        padding: 0px 22px;
        border-radius:0px 0px 0px 15px;
        width:fit-content;
        color: white;
    }
    .collection-details{
        display: none;
        border-top:1px solid gray;
    }
    .latest-status-report{
        box-shadow: 3px 2px 6px 5px lightgrey;
       
        border-radius: 6px;
    }
    
    /* .recent-collection-status p{
        font-size: 23px;
        color:gray;
    } */
    .vertical-line{
        border-left: 4px solid lightgray;
        height: 500px;
    }
    .merchant-recent h5{
        color:#2a71ba;
    }
    .merchant-userinfo .fa-user-o{
        font-size: 27px;
    }
    .collection-count{
        color:#2a71ba;
        font-weight: bold;
        /* font-size:13px; */
    }
    .status-info{
        color:gray;
        /* font-size: 13px; */
    }
    .carousel-item img{
        width:100%;
    }
    .carousel-indicators li{
            position: relative;
            top: 15px;
            z-index: 9999;
            /* color: red; */
            background-color:silver;
            border:1px solid silver;
            border-radius: 6px;
            height:3px;
            width:10px;
    }
    .carousel-indicators .active{
        background-color: red;
        border:1px solid red;
            border-radius: 6px;
    }
    .show-each-record-collection{
        display: none;
    }
    @media (max-width: 412px) {
        .margin-viewmore{
            margin-top: -15px;
        }
    }
    @media only screen and (max-width: 740px) and (min-width: 413px)  {
        .margin-viewmore{
            padding-top: 10px;
        }
    }

    /* add css for mobile responsive dashboard start */
    
    .mr-8{
        margin-right: -11px
    }
    .collect{
        color: black !important;
    }

    .mb-imgsize{
        height: 76px;
        width: 77px;
        border-radius: 50%;
    }
    .pending-hr{
        width: 4%;
        margin: auto;
        border: 1px solid red;
    }
    .pending-approval{
        background-image:url('../images/pending-approval-bg.png');
        background-size: cover;
        height: auto;
        border:none;
    }
    .pending-count-curve{
        right:0px;
    }
    .pending-li{
        box-shadow: 2px 2px 2px 2px lightgray;
        border-radius: 8px;
    }
    .recent-value{
        font-size: 14px;
    }
    .etender-width{
      width:50%;
    }
    .empty{
       text-align: center;
    }
    /* add css for mobile responsive dashboard end */

    .error {
        color: red;
    }