@font-face {
    font-family: 'lucida_sansregular';
    src: /*url('../fonts/lucida_sans_regular-webfont.woff2') format('woff2'),*/
        url('../fonts/lucida_sans_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lucida_consoleregular';
    src: url('../fonts/lucon-webfont.woff2') format('woff2'),
        url('../fonts/lucon-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lucida_sans_unicoderegular';
    src: url('../fonts/l_10646-webfont.woff2') format('woff2'),
        url('../fonts/l_10646-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* Sticky footer styles
-------------------------------------------------- */

html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
.main {
    min-height: 100%;
    height: auto !important;
    margin: 0 auto -250px;
    padding: 0 0 30px;
}
body {margin:0; padding:0;position:relative;font-family:lucida_sansregular;position: relative;
      background:url(../images/maroon-bg.png) top left repeat-x, url(../images/bg.png) bottom left repeat;}
.row,.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin:0px;}

/* ------------------- headers -------------------- */
header a.logo img{width:80%;}
header a.logo {text-align:left;}
.logout{}
.navbar-default{background:none; border:0px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{background:url(../images/nav-line.jpg) left center no-repeat;;color: #fff;}
.navbar{margin-bottom: 0px;}
.navbar-default .navbar-nav > li > a{color:#fff;background:url(../images/nav-line.jpg) left center no-repeat;}
.navbar-default .navbar-nav > li:first-child a{background:none;}
.navbar-default .navbar-nav > li:first-child:hover a{background:none;}
.navbar-nav > li > .dropdown-menu { margin-top: 9px;}
.dropdown-menu{right:0px; left:auto;}
/* ------------------- headers  end -------------------- */
/* ------------------- WRAPPERS -------------------- */
.page-wrapper {width:100%;	margin: 0 auto;  padding:30px 40px 30px; margin:0 auto; background:#fff; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); border-radius:4px;}
.container{width:90%;margin:0 auto; padding:0px;}
.container-fluid,.navbar-collapse {padding:0px;}
/* ------------------- top-section start -------------------- */
.top-section{background: #98272b;}
.logo-section{padding-top:10px;padding-bottom:15px;}
.logo-section .first{margin-top:10px;}
a.logo{display:block;}

/* ------------------- misslanious start -------------------- */
.primary-color{color:#97262a;}
h1, h2, h3{margin-top:0px;margin-bottom:10px;}
.col-md-6, .col-md-4,.col-md-8,.col-sm-5 {padding:0px;}
.F15p{font-size:14px;}
ul{margin:0; padding:0}
li{list-style:none;}
a:hover, a:focus {/* color:#f7951e !important; */text-decoration: none;outline: 0px;}
.mrgTOP100p{margin-top:97px !important;}
.opacity{background: rgba(51,51,51,0.85); opacity:0.5; pointer-events: none;}
.font30p {font-size: 30px;}
.grey-bg {background: #d6d6d6;}
.light-grey-bg{background:#f0f0f0; padding-left:55px !important;}
.margin0p{margin:0px !important;}
input[type="radio"], input[type="checkbox"] {margin: 2px 0 0;}
.maroon{color:#97262a !important;}
.red {color:#d2050c !important;}
.text-center {text-align: center;}
h2, h3, h4 {text-transform: uppercase;}
.black {color:#000;}
.relative{position:relative;}
/* ------------------- misslanious end -------------------- */

/* ------------------- form-wizard-steps -------------------- */
.form-wizard-steps{margin:0px 0px 0px 111px; overflow: hidden; position: relative; }
.form-wizard-progress {position:absolute; top:24px; left:0; width:80%; height:1px; background:#ddd;}
.form-wizard-progress-line {position: absolute; 	top:0; left: 0;	height: 1px; background:#6753D8; }
.form-wizard-tolal-steps-4 .form-wizard-step {position: relative; float: left;width:38%;padding: 0px; }
.form-wizard-tolal-steps-4 .form-wizard-step:last-child{width:18%;}
.form-wizard-step .form-wizard-step-icon {width: 48px;height: 48px; margin-top: 0;background: #ffffff;font-size: 22px;line-height: 48px;    border-radius: 50%;text-align: center;border: 1px solid #83817f; color:#83817f;/*  padding-top:11px;  */vertical-align: middle; display: table-cell;}
.form-wizard-step.active .form-wizard-step-icon {width: 48px;height: 48px;margin-top: 0;background: #98272b;font-size: 22px; line-height: 48px;border-radius: 50%; text-align: center; border:1px solid #98272b; color:#fff;}
.form-wizard-step.active p{color:#98272b;}
.form-wizard-tolal-steps-4 .form-wizard-step p.pay{padding-left:13px}
.form-horizontal .form-group {margin-left:0px; margin-right:0px;}
.form-horizontal .control-label {text-align:left; padding-left:0px;}
/* ------------------- form-wizard-steps end -------------------- */

/* ------------------- btn start -------------------- */
.btn {border-radius: 0px;padding:6px 20px;margin-right:5px;outline: 0px;}
.btn:hover,.btn:active:focus{outline:0px;}
.btn-secondary {color: #000; background-color: #fff; border-color: #ccc;}
.btn-default {background: #822625; color: #fff; border:1px solid #822625;}
.btn-default:hover, .btn-default:active, .btn-default:active:focus,.btn-default:focus, .btn-default.focus,.btn-default:active:hover, .btn-default.active:hover,.btn-default:active:focus, .btn-default.active:focus, .btn-default:active.focus, .btn-default.active.focus{background: #f7951e;outline:0px; color: #fff !important; border:1px solid #f7951e;border-color: #f7951e; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.125);}

.send:hover, .send:active, .send:active:focus,.send:focus, .send.focus {color: #000 !important; border-left:0px !important}
.btn-success {color: #822625; background-color: #ffffff; border-color: #ffffff; min-width: 90px;}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success:active:focus{background:#bfa15f; border-color: #bfa15f; color:#fff; outline: 0px;}
.btn-danger {color: #fff; background-color: #822625; border-color: #ffffff;}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger:active:focus{background:#bfa15f; border-color: #bfa15f; color:#fff; outline: 0px;}
.btn-secondary {color: #000; background-color: #fff; border-color: #ccc;}
.btn-secondary:hover,.btn-secondary:focus,.btn-secondary:active,.btn-secondary:active:focus{background:#bfa15f !important; border:1px solid #bfa15f; color:#fff; outline: 0px;}
.btn-center {text-align:center;}
.maroon-bg .btn-success{ background: #822625; color: #fff; border: 1px solid #822625;padding-left: 15px;}
.maroon-bg .btn-success:hover{background: #f7951e;color: #fff; border: 1px solid #f7951e; border-color: #f7951e}
/* ------------------- btn end -------------------- */

/* ------------------- login tab start -------------------- */
.login-tab{margin-top:20px;}
.login-tab .nav-tabs > li{margin-bottom:0px; width: 185px; text-align: center;}
.login-tab .nav-tabs > li.active > a, .login-tab .nav-tabs > li.active > a:hover, .login-tab .nav-tabs > li.active > a:focus{border:0px;border-bottom:2px solid #822625;  color: #ffffff;  background: #822;}
.login-tab .nav > li > a:hover, .login-tab .nav > li > a:focus { text-decoration: none; background-color: #822;border: 1px solid #882222;color: #ffffff;}
.login-tab .nav-tabs > li > a { margin-right: 6px; line-height: 1.42857143; border:1px solid #d3d3d3; border-radius: 4px 4px 0 0; font-size:16px; color:#312d2a; font-weight: bold;}
.login-tab .nav-tabs {border-bottom: 1px solid #d3d3d3; width:100%;}
.login-tab .form-control{width:100%; float:left;}
.login-tab .go-search {float: left; padding: 5px 8px; border: 2px solid #ccc; margin-left: 10px;}
/*.login-tab-area .brn-center {padding:20px 0px;}*/
.login-tab .form-control {background: none; border-top:0px; border-left:0px; border-right:0px;box-shadow:inset 0 0px 0px rgba(0, 0, 0, 0.0);border-radius:0px;}
#login .col-md-6{width:48%;}
#login .col-md-6:last-child{float:right;}
.login-div{background: #fcfcfc; box-shadow:0 1px 10px rgba(0,0,0,0.19), 0 0px 10px rgba(0,0,0,0.23); border-radius:3px; padding:20px; border:1px solid #cfcfcf;}
.login-div .col-sm-4{margin-left:0px; width: 28.50%;}
.login-div .col-sm-8{margin-left:0px; padding-left:0px; width:71%;}
.login-div .col-sm-8 input{width:100%;}
.login-div .btn-center{text-align:left;}
.or-radius {border-radius:50%; background:#fff; border:2px solid #858382; padding:8px; margin: 0 auto; width:41px; height:40px;text-align: center; display: block; margin-top: 20px;}	

/* ------------------- logo caraousal -------------------- */
.bx-wrapper{background:none; border:0px; box-shadow: 0 0 0px #ccc; margin-bottom:5px; margin-top:60px;}
.logo-carousal{padding-top:20px;}
.logo-carousal span{margin-bottom: 20px; font-size:25px; color:#000000;}
.bx-wrapper .bx-controls-direction a {top: 0; margin-top:-75px;}
.bx-wrapper .bx-prev {right: 50px; left:auto;}
.bx-wrapper .bx-pager{display:none;}
.top-posi{position:absolute; right:0; top:0;}
ul.bxslider li{text-align:center;}
.bx-wrapper span { max-width: 100%; display:block; margin: 0 auto; border-radius: 50%; background: #f8f6f6; border:1px solid #e7e7e7; height: 110px; width: 116px; padding: 10px; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;}
.bx-wrapper span.logo1{ background-position: -8px -22px;}
.bx-wrapper span.logo2{background-position: -140px -22px;}
.bx-wrapper span.logo3{background-position: -278px -22px;}
.bx-wrapper span.logo4{background-position: -411px -18px;}
.bx-wrapper span.logo5{background-position: -539px -22px;}
.bx-wrapper span.logo6{background-position: -675px -20px;}
.bx-wrapper span.logo7{background-position: -816px -28px;}
.bx-wrapper span.logo8{background-position: -954px -24px;}
.bx-wrapper span.logo9{background-position: -1076px -24px;}
.bx-wrapper span.logo10{background-position: -1204px -28px;}
.bx-wrapper span.logo11{background-position: -1334px -28px;}
.bx-wrapper span.logo12{background-position: -1467px -28px;}
.bx-wrapper span.logo13{background-position: -939px -28px;}
.bx-wrapper span:hover {background: #97262a; border:1px solid #97262a;}
.bx-wrapper  span:hover.logo1{background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat; background-position: -8px -126px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo2 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat; background-position: -140px -125px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo3 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;background-position: -278px -125px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo4 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;background-position: -411px -122px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo5 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;background-position: -539px -125px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo6 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;background-position: -675px -120px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo7 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;background-position: -816px -130px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo8 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;background-position: -954px -136px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo9 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;background-position: -1076px -128px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo10 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;background-position: -1204px -136px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo11 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;background-position: -1334px -136px; border:1px solid #97262a;}
.bx-wrapper span:hover.logo12 {background-color: #97262a; background-image:url(../images/logo-sprtie.png); background-repeat: no-repeat;background-position: -1467px -140px; border:1px solid #97262a;}
.bx-wrapper img {max-width: 100%; display: block; margin: 0 auto;}
ul.bxslider li p {margin:5px 0 10px; /* width: 150px; */}
/* ------------------- logo caraousal end / tab end -------------------- */

/* -------------------  breadcrumb  start -------------------- */
a {color: #35302e;}
.breadcrumb{margin-top: 5px;background-color:transparent; padding-left:3px;}
.breadcrumb > .active {color: #822625;}
.breadcrumb > li + li:before {content: "\203A"; padding: 0 5px; color: #a19e9d; font-size:18px;}
.breadcrumb > .active a{ color: #822625;}
.breadcrumb > li + li.pull-right:before {content: "\ ";}
/* -------------------  breadcrumb end -------------------- */

a.back-btn {font-weight: normal; font-size:15px; text-transform: capitalize; color: #822625; text-decoration: none; margin-top: 5px;}
a.back-btn .fa{font-size:13px;}
.heading-icon {display: block; margin-right: 10px; vertical-align: middle;width:60px; height:60px; border:0px solid #e6e6e6; float: left;}
.heading-icon img{width:100%; height:100%;}
.dynamicimg-icon {display: block; margin-right: 10px; vertical-align: middle;width:120px; height:80px; border:0px solid #e6e6e6; float: left;}
.dynamicimg-icon img{width:100%; height: 100%;}
.heading-text{display: table-cell; vertical-align: middle; height: 70px;text-transform:uppercase; font-weight: bold;}

/* -------------------  payment-page start  -------------------- */
.reference{background:#f2f1f1; border:1px solid #cecece; margin-top:20px;}
.reference .panel-head{ border-bottom:2px dotted #7d7c7c;padding:20px 20px 20px 20px;}
.reference .panel-head .number-text{color:#949392;}
.reference .pannel-body{background:#f2f1f1; border:1px solid #cecece;}
.reference .panel-head strong{display:block; font-size:18px;}
.reference-no{background:#fff5e0; padding:10px;}
.payment-page .top-biller{margin-bottom:0px;}
.eye-view{text-align:right;}
.reference-no p{margin-bottom:0px;}
.detail-view{padding:15px;}
.detail-view  span{display:block;}
.detail-view  .lable-text{font-weight:bold; font-size:16px;}
.detail-view .field-text{font-size:14px;color: #666361;}
.detail-view .detail-section{ margin-top:10px;}
.terms {padding:15px 30px 15px 18px; font-size: 13px; border-top: 1px dotted #ccc;}
.term-body {padding:0px 20px 20px !important;}
.term-dialog{width:82%;}
.modal-body{padding:0px;}
.modal-header {padding: 10px 15px 0px; border-bottom: 0px solid #e5e5e5;}
.modal-content {border-radius:0px;}
.slimScrollDiv {border:0px solid #eee;}
.payment-option {float:right; width:64%;}
.payment-option .margTOP12p{margin-top:12px;}
#testDiv {height:450px;}
.modal-body .detail-view,.modal-body .detail-view h4 {padding-top:0px; margin-top:0px;}
.modal-body .detail-view h4 {margin-left:20px;}
/* -------------------  payment-page end  -------------------- */
/* -------------------  challan start  -------------------- */
.challan-view{background:#fcfcfc; margin-top:0px !important; padding:20px 30px 0px; border-bottom:1px solid #e0dfdf;}
.challan-view li{margin-top:0px !important;}
.challan-view li span{display:block;}
.challan-view  ul li .first{width:25%; float:left; margin-right: 10px; word-wrap: break-word;}
.challan-view  ul li .fourth{width:20%; float:left; padding:0px 0px 20px 0px; margin-right:0px;}
.challan-view ul li .lable-text {font-size:15px; color:#000000;}
.challan-view ul li  .field-text{font-size:13px; color:#949392;}
.challan-detail {margin-top:20px;}
.amount{background:#f6941e;padding:10px; text-align:center;}
.amount p {font-size: 24px;color: #fff; margin-bottom:0px;}
.pay-request .challan{padding-top:20px; margin-top:10px;}
.top-invoice h4{text-transform:uppercase;}
.paymentdetail{background:#707070;}
.paymentde-challan ul li .first{width:50%; float:left; margin-right:0px; word-wrap: break-word; margin-bottom:15px;}
.challan .detail-view ul li {border-top:2px dotted #c0c0c0; padding:20px 0px 0px; width: 96%; margin: 20px auto;}
.challan .detail-view ul li.last { border-bottom:2px dotted #c0c0c0; padding:20px 0px;}
.challan .detail-view ul li .first{width:22%; float:left; margin-right:0px; margin-left:20px;}
.challan .detail-view ul li .second{width:20%; float:left; margin-right:15px;}
.challan .detail-view ul li .third{width:12%; float:left; margin-right:15px;}
.challan .detail-view ul li .fourth{width:15%; float:left; margin-right:15px;}
.challan .detail-view ul li .five{width:13%; float:left;}
.challan .detail-view ul li .last{width:18%; float:left;}
.challan .detail-view ul li .beneficiary{width:21%; float:left;}
.challan .detail-view ul li .field-text {color: #666361; padding-bottom:8px;}
.yello-bg{background:#dcdcdc url(../images/bottom-design.jpg) no-repeat center bottom; margin-top:0px !important; padding:20px 30px 30px;}
.yello-bg li{margin-top:0px !important;}
.yello-bg .line {background:url(../images/line.jpg) no-repeat right top; min-height:75px;}
.yello-bg  ul li .left,.yello-bg  ul li .right{float:left; width:50%;}
.yello-bg  ul li .first{width:48%; float:left;margin-right:0px;}
.yello-bg ul li .second{width:48%; float:left; padding:0px 41px 20px; margin-right:0px;}
.yello-bg ul li .third{width:48%; float:left; padding:0px 45px 20px; margin-right:0px;}
.yello-bg  ul li .fourth{width:48%; float:left; padding:0px 15px 20px 45px; margin-right:0px;}
.yello-bg ul li .lable-text {font-size:24px; color:#000;}
.yello-bg ul li  .field-text{font-size:16px;color:#666361;}

/* -------------------  challan table start  -------------------- */

.challan-main{width:100%; margin:0 auto;}
.top-invoice{padding:0px 0px 20px;border-bottom: 2px dotted #c7c7c7; margin-bottom:21px;}
.challan {background: #f0f0f0; padding-top:20px;}
/*.challan-main .amount{background: #e4e4e4;}*/
.challan-main .amount p{color:#000;}
.challan-modle .modal-dialog {width: 1050px;}
.challan-modle .modal-dialog .first{float: left; width:18%; padding-right:15px; padding-bottom:20px;}
.challan-modle .modal-dialog .last{float: left; width:10%; padding-right:0px;}
.challan-modle .modal-dialog h4{font-size:25px;}
.challan-modle .modal-dialog .detail-view .lable-text {word-break: break-word;}
.mail-box .form-control{border: 1px solid #cccccc; border-right:0px; padding-left:5px;}
.mail-box .btn-default:hover, .mail-box .btn-default:active, .mail-box .btn-default:active:focus, .mail-box .btn-default:focus,
.mail-box .btn-default.focus {color:#fff;}
.mail-box .form-control:focus {border-color: #ccc;}

/* jquery.countdownTimer.css*/
.style {width: 100%; font-weight: bold; border-style: solid;}
.colorDefinition { background: #fff; color : #822625; border-color:#ccc;}
.size_lg {
    font-size:53px;
    border-width: 7px;
    border-radius: 50%;
    width: 250px;
    height: 250px;
    display: block;
    margin: 30px auto 0px;
    text-align: center;
    line-height: 203px;
    padding-top: 13px;
}

.remove_field{float:left !important; border-radius:0px !important; background:#ccc !important; padding: 9px 12px !important; height: 38px; margin-top: 11px !important;}
.challan-detail .table-bordered > thead > tr > th,.challan-detail .table-bordered > tbody > tr > th, .challan-detail .table-bordered > tfoot > tr > th, .challan-detail .table-bordered > thead > tr > td, .challan-detail .table-bordered > tbody > tr > td, .challan-detail .table-bordered > tfoot > tr > td{border:0px;  border-top: 1px solid #dddddd; padding-left: 20px;}
.challan-detail .table-bordered > thead > tr > th, .challan-detail .table-bordered > thead > tr > td {background:#454545; color:#fff; font-size: 16px;}
.challan-detail .table {margin-top:20px;}
.challan-note{background:#fcfdeb; border:1px solid #e7e6e6; border-radius:2px; padding:20px 20px 31px; margin-top:30px; width:100%;}
.challan-note h4{ color:#807152; text-transform:capitalize; border-bottom:2px dotted #ddd; padding-bottom:5px;}
.challan-note li{padding-top:15px; background:url(../images/note-aarow.jpg) no-repeat left 21px; padding-left: 20px;}
.mail-box{border-top:1px solid #cecdcc; padding:35px 0px 0px 75px;}
.mail-box input{width:50%; float:left; border-radius:0px; border-right:0px;box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);}
.mail-box .btn {float:left;}
.send{background:none; color:#000;border:1px solid #d3d1d1; border-left:0px; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);}
.send:hover, .send:focus, .send:active, .send:active.focus{background:none !important; color:#000 !important;border:1px solid #d3d1d1; border-left:0px; box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);outline:0 none !important; border-color: #d3d1d1 !important;}
.success-chalan {background:#fcfcfc;min-height:790px; padding-top:110px;}
.sucess {text-align:center; color:#6e6e6e; font-size:20px;}
.sucess p{padding-top:20px; font-weight: bold;}
.payment-chalan {background:#fcfcfc;min-height:640px;}
.paymentde-challan{min-height:577px;}
/* -------------------  challan end  -------------------- */
.add-biller .top-biller { padding-bottom: 20px !important; padding-top: 20px !important;}

/* ------------------- Category Listing start ------------------- */
.category{}
.category .col-md-3{margin-top:5px;}
.category .top-biller{padding-bottom:20px;}
.category .form-horizontal .form-group .controls select{width:82%;}
.category .form-horizontal .form-group .controls input{width:84%;}
.category .form-horizontal .form-group .controls{position:relative;float:left; width:65%;}
.category .btn-center{ text-align: center;}
.category .top-biller h4 {font-weight:bold; height: 70px; display: table-cell; vertical-align: middle;}
.category .form-horizontal .form-group .control-label{text-align:left; padding-top: 18px; float: left; width: 35%;}
/* ------------------- Listing start ----------------- */
.listing .col-md-8,.listing .col-md-4,.listing .col-sm-4{ padding-right:0px; padding-left:0px;}
.logo-image{width:135px; height: 100px; border:0px solid #e8e3e3; padding:5px;}
.logo-image img{width:100%; height:100px;}
.logo-image,.text{vertical-align: middle; display: table-cell;}
.text{padding-left: 10px;}
.listing .col-sm-4{border:1px solid transparent; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:10px;}
.listing .col-sm-4:hover{border:1px solid #822625 !important;}
.listing .col-sm-4.active,.listing-div.active{border:1px solid #822625 !important;}
.listing .white-bg {padding-bottom:0px}
.listing  .no-border {border-right:1px solid transparent;}
.listing  .no-border:hover { border-right:1px solid transparent;}
.listing  .no-border-bottom {border-bottom:1px solid transparent;}
.listing  .no-border-bottom:hover { border-bottom:1px solid transparent;}
.top-biller{padding-bottom:15px; border-bottom:2px dotted #c7c7c7; margin-bottom: 25px;}
.top-biller h4{text-transform:uppercase;}
.middle{text-align:center;margin:20px 0px; }
/*------------------- error --------------*/
.error,.errorMessage { background:none; display:block;padding:5px 3px; color:#d9404a !important; font-size:12px;}
.errorMessage {float:left; width:100%;}
.edit-profile .form-horizontal .error,.edit-profile  .errorMessage { background:none; display:block;padding:5px 3px; color:#d9404a !important; font-size:12px; float:left;width:60%;}
.edit-profile .form-horizontal .errorMessage {display:block; float:left;width:60%;}
.category .form-horizontal .error, .category .errorMessage { background:none; display:block;padding:5px 3px; color:#d9404a !important; font-size:12px; float:left;width:60%;}
.category .form-horizontal .errorMessage {display:block; float:left;width:60%;}
.info {	position: absolute; background: #737373; border: 0px solid #737373; display: inline-block;padding: 10px; width:48%; top:-20px; right:-13px; color:#fff; font-size:12px; display:none;}
.info:after {right: 100%;top: 50%;border: solid transparent;	content: " ";height: 0;	width: 0;position: absolute;pointer-events: none;}
.info:after {border-color: rgba(255, 239, 203, 0);	border-right-color: #737373; border-width: 12px; margin-top: -48px;}
.info:before {border-color: rgba(255, 239, 203, 0);	border-right-color: #737373; border-width: 15px; margin-top: -51px;}
.fa-info-circle{color:#893332;}
.info span{display:block; width:100%;}
/*------------------- form-detail -------------------*/
.form-control {color: #423e3c; font-size: 13px;}
.form-control {border: 0px solid #cccccc; border-bottom: 1px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);}
label {font-weight: normal; color: #adacab;}
.form-detail .form-group{padding-left:0px; margin-left:0px; margin-right:0px;}
.form-detail .form-group .col-sm-2 {padding-left:5px;}
.form-detail .captcha-code .form-control{ width:25%; margin-right:10px;}
.form-detail .captcha-code {margin-bottom:30px;}
.form-detail .gender-field .controls{padding-top:14px !important;}

/* FORM */
.form-horizontal .form-group .controls { position: relative;}
.form-control{border: 0px solid #cccccc; border-bottom: 1px solid #ccc; border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);padding: 6px 12px;}
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0.6); box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, 0.6);}	
label{font-weight:normal; color:#adacab;}
.form-control{color:#423e3c; font-size:13px;}
.form-control:focus {border-color: #822625;}
.form-horizontal .control-label{text-align:left; padding-top: 18px; color: #adacab !important;}

.row.form-detail.edit-profile input.form-control.col-sm-5 {width:50%;}
span.circle.edit-profile {float: left; margin-right: 15px; border:0 none; margin-bottom:0px;}
.edit-profile h4{height:76px; display: table-cell;vertical-align: middle;}
.edit-profile{padding-top: 10px;}
.edit-profile .form-horizontal .control-label{text-align:left; padding-top: 18px; float: left; width: 25%;}
.edit-profile .form-horizontal .form-group .controls {float:left; width:75%;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-controlv{padding-left:5px;}
.row.form-detail.edit-profile input.form-control[readonly]:focus {border-color:#adacab !important;}
/*---------------------- invoice-option --------------------------*/
.pending{display:block; background:#ff9c00; color:#fff; padding: 3px 6px; border-radius: 5px; text-align: center; width:85px;}
.inprogress{display:block; background:#5c94e8; color:#fff; padding: 3px 6px; border-radius: 5px; text-align: center; width:85px; }
.done{display:block; background:#479911; color:#fff; padding: 3px 6px; border-radius: 5px; text-align: center;width:85px;}
.hold{display:block; background:#d92222; color:#fff; padding: 3px 4px; border-radius: 5px; text-align: center;width:85px;}
.invoice .table input[type="radio"], input[type="checkbox"]{margin-left: 13px !important;}
.invoice .table .fa-eye{margin-left: 13px !important;}
.terms input[type="checkbox"]{margin-left:-20px !important;}
/* .table > thead > tr > th:nth-child(4){width:200px;}
.table > thead > tr > th:nth-child(5){width:200px;} */
#invoice-payment-grid_c7{width:5%;}
.table thead{background:#f2f2f2; color:#35302e; border-top:2px solid #7c7c7c;}
.table > thead > tr > th{ border-bottom:2px solid #7c7c7c;}
.invoice .search .fa{font-size:14px; color:#a5a5a5;}
.invoice .input-group{ width:155px;}
.invoice .input-group .form-control{font-size:11px;}
.invoice .number{width:182px;}
.btn-center{width:100%; margin:30px auto 0px; text-align: center; }
.total{display:inline-block; padding-right:20px; color:#000; font-size: 16px;}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {vertical-align:middle;}

/* ------------------- footer start -------------------- */
footer{width:100%; background:#812c2f; color:#fff; position: relative; z-index: 10;}
footer h3{font-size:18px;}
footer .top{background:#97262a url(../images/bull.png) no-repeat left bottom; padding:20px 20px 20px 0px;}
footer .container{width:82%; margin:0 auto; font-size:12px;}
footer .col-md-3{width:23%;}
footer .col-md-4{width:31%; padding-left:10px; padding-top:10px; padding-right: 15px;}
footer .follow ul li{ float:left; border-bottom:0px; padding: 0px 20px 10px 0px; width:auto;}
footer .follow ul li a{font-size:34px;}
footer .follow ul li a:hover,footer .follow ul li a:focus{color:#f7951e;}
footer .follow ul li a .fa-google-plus{background:#fff; color:#97262a;border-radius:6px;padding:3px; font-size: 24px;}
footer .follow ul li a .fa-google-plus:hover{background:#f7951e; color:#97262a;border-radius:6px;padding:3px; font-size: 24px;}
footer .follow ul li.googleplus{margin-top:3px;}
footer .follow ul li a::before{content: " "; font-size:0px;}
footer .last {padding-top:10px;}
footer .last  li {border-bottom:0px; width:100%;}
footer .last i{width:18px;}
footer .last p{padding-left:20px;}
footer .last a::before{content: " "; padding-left:13px}
footer ul{}
footer ul li{border-bottom: 1px solid #791e22; padding: 10px 0px;width:85%;}
footer ul li a{color:#fff; display:block;}
footer ul li a::before   { content: "\f0da"; font-family: FontAwesome; padding-right: 0.5em; font-size:16px;}
footer ul li a:hover,footer ul li a:focus{color:#f7951e;}
.copyright{text-align:center; padding:15px; font-size:12px;}
/* ------------------- footer end -------------------- */ 



* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -25px; /* the bottom margin is the negative value of the footer's height */
}
.push {
    height:250px; /* .push must be the same height as .footer */
}


/* css for accordian */
/*******************************
* Does not work properly if "in" is added after "collapse".
* Get free snippets on bootpen.com
*******************************/

.panel-group .panel {border-radius: 0; box-shadow: none; border-color: #EEEEEE;}
.panel-default > .panel-heading {padding: 0; border-radius: 0; color: #212121; background-color: #FAFAFA;
                                 border-color: #EEEEEE;}
.panel-title { font-size: 14px;}
.panel-title > a { display: block; padding: 15px;  text-decoration: none; }
.more-less {float: right; color: #212121; border: 1px solid; border-radius: 50%;padding: 4px 3px 4px 5px;text-align: center;font-size: 12px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE;}
/* ----- v CAN BE DELETED v ----- */
.demo {padding-top:20px;}
/* added for accordian tabs */
.nav-tabs { border-bottom: none; }
.nav-tabs > li > a { border: none; color: #666; }
.nav-tabs > li > a::after { content: ""; ; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0;}
.nav-tabs > li.active > a, .nav-tabs > li { border: 1px solid #98272b; background: #fafafa;color:#fff;}
.nav-tabs > li > a {border: 1px solid #EEEEEE;}
.container.demo .nav-tabs > li {border: 1px solid #EEEEEE; border-radius: 16px;}
.card2 ul.nav.nav-tabs {margin-top: 15px;}
.nav-tabs > li > a {border: none; color: #666; border-radius: 16px;}
.nav-tabs > li > a {line-height: 1;}
.nav > li > a {position: relative; display: block; padding: 9px 15px;}
.container.demo .nav-tabs > li {border: 1px solid #cecece; border-radius: 16px; margin-right: 15px;}
.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
.card2 .form-control[readonly]{background:none;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #fff;background-color: #822625!important;border: 1px solid #822625;border-bottom-color: transparent;
                                                                                              cursor: default;}
.card2 .nav-tabs > li > a {margin-right: 0px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {color:#adacab !important;}
.panel-body.tabs {background: #fafafa;}
.panel-group .panel {border-radius: 0; box-shadow: none; border-color: #EEEEEE; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
                     margin-bottom: 10px;}
label {font-weight: normal;color: #adacab;margin-bottom: 0;}
.form-control {border: 0px solid #cccccc; border-bottom: 1px solid #ccc;border-radius: 0px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
               box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);}
.form-control {color:#adacab;font-size: 13px;}
input.form-control { background: none; padding-left: 0; color: #000;}
.form-control:focus { border-color: none; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
                      box-shadow: none;}
.form-control:focus {border-color: #822625;}
.col-md-4.bottom-line { padding-bottom: 30px;}
.panel-title > a { display: block; font-size: 18px; padding: 15px; text-decoration: none;}
span.internet-banking-icon {background: url(../images/payment-icons.png)no-repeat -30px -30px; height: 26px; top: 10px;left: 10px; width: 26px; position: absolute; display: inline-block;}
span.internet-banking-icon.main{background: url(../images/payment-icons.png)no-repeat -30px -80px;}
span.cc-icon {background: url(../images/payment-icons.png)no-repeat -76px -28px;height:30px;top: 10px;left: 10px; width: 28px; position: absolute; display: inline-block;}
span.cc-icon.main {background: url(../images/payment-icons.png)no-repeat -76px -78px;}
span.dc-icon {background: url(../images/payment-icons.png)no-repeat -76px -28px;height:30px; top: 10px;left: 10px;
              width: 28px; position: absolute; display: inline-block;}
span.dc-icon.main {background: url(../images/payment-icons.png)no-repeat -76px -78px;}
span.neft-icon{background: url(../images/payment-icons.png)no-repeat -124px -28px; height: 30px; top: 10px; left: 10px; width: 25px; position: absolute; display: inline-block;}
span.neft-icon.main{background: url(../images/payment-icons.png)no-repeat -124px -78px;}
span.cheque-icon{background: url(../images/payment-icons.png)no-repeat -169px -29px; height: 31px; top: 10px; left: 10px;    width: 33px;    position: absolute;    display: inline-block;}
span.cheque-icon.main{background: url(../images/payment-icons.png)no-repeat -169px -79px;}
span.cash-icon{background: url(../images/payment-icons.png)no-repeat -220px -30px;height: 25px;top: 10px; left: 18px;    width: 17px;    position: absolute;    display: inline-block;}
span.cash-icon.main{background: url(../images/payment-icons.png)no-repeat -220px -80px;}
span.upi-icon{ background: url(../images/payment-icons.png)no-repeat -254px -37px; height: 11px; top: 18px; left: 10px;
               width: 32px; position: absolute; display: inline-block;}

span.upi-icon.main{background: url(../images/payment-icons.png)no-repeat -254px -87px;}
h4.panel-title a { padding-left: 50px;}
.panel-default > .panel-heading { position: relative;}
.panel.panel-default.pannel1{border:1px solid #98272b;}
.panel.panel-default.pannel2{	border:1px solid #98272b;}
.panel.panel-default.pannel3{	border:1px solid #98272b;}
.panel.panel-default.pannel4{	border:1px solid #98272b;}
.panel.panel-default.pannel5{	border:1px solid #98272b;}
.panel.panel-default.pannel6{	border:1px solid #98272b;}
.reference .slimScrollDiv { min-height:755px; padding-bottom: 30px;}
.reference div#testDiv { min-height:755px; padding-bottom: 30px;}
.login-tab .bx-viewport {min-height:180px;}
.login-tab li.bx-clone {min-width: 150px;}
ul.bxslider li{ min-width: 150px;}
li.two .nav-tabs > li.active > a, .nav-tabs > li { border: 0; background: #fafafa; color: #fff;}
/* Added By akshay */
.panel-body.tabs {padding: 0;}
.container.tabs-container {margin: 0;}
.container.demo {border: none;}
.container.tabs-container { border: none;}
span.heading-icon.margTOP12p.pay-icon {width: auto;}
span.heading-icon.margTOP12p.pay-icon img{width:auto;}
.container.demo {border: none; position: relative; top: 19px;}
.dashbord .table-responsive{margin-left:15px; margin-right:15px;} 
.payment-list { background: rgba(0, 0, 0, 0) url("../images/bg-list.png") no-repeat scroll left top; background-size: cover; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); float: right; padding: 10px 0; width: 38%; min-height:414px;}
.payment-list h3, .payment-graph h3 {font-size: 20px;padding-bottom:15px;padding-right: 15px; padding-top: 20px; text-transform: uppercase;}
.payment-list .table > thead > tr > th {font-weight:bold;}
.payment-list .table .fa-inr{ font-size:16px; color:#333333}
.payment-graph {box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);}
.payment-graph img {width: 100%;}
.payment-list h3 .font12p {color:#822625; margin-top: 12px;}
.payment-list h3 {padding-left: 15px;}
.payment-graph {padding-bottom: 10px;padding-top: 10px; width: 59.3333%;}
.payment-list .btn {margin-right: 0;}
.table-responsive {margin-top: 17px;}
.payment-div{margin-top:20px;}

.table tbody tr {border-bottom: 1px solid #f1f1f1;margin-top: 2px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding:13px 10px; padding: 13px 10px; font-weight: normal; font-size: 14px;}
.chartdiv a {border: 1px solid #989694;border-radius: 8px;color: #000; display: inline-block; margin-right: 5px;padding: 5px;}
.chartdiv a:hover {background: #822625 none repeat scroll 0 0;color: #fff; text-decoration: none;}
.col-md-12.btn-center.maroon-bg.clearfix.form-group.edit-profile {padding: 10px; margin: 0;}
.row.form-detail.edit-profile input.form-control {background: #ffffff;}
.login-tab-area.sign-up .login-tab .form-control {width: 100%; margin-bottom: 15px;}
.container.logo-carousal.new-c { width: 100%; border: none;}
.top-biller {border-bottom: 2px dotted #c7c7c7; margin-bottom: 25px; padding-bottom: 15px; padding-top: 10px;}
.top-biller h4 {text-transform: uppercase;}
.top-biller .btn { margin-right: 0;}
.biller ul.bxslider li {border: 1px solid #bbbab9;min-height: 145px; padding-top: 10px; position: relative;}
.biller .bx-wrapper .bx-prev {left: -45px; right: 0;}
.biller .bx-wrapper .bx-controls-direction a { margin-top: 45px; top: 0;}
.biller .bx-wrapper .bx-next {right: -45px;}
.biller .bx-wrapper {margin: 0 auto 30px;}
.biller ul.bxslider li p { margin: 0 0 10px;/*  width: 190px; */}
.biller ul.bxslider li .close {border: 0 none; position: absolute; right: 0; top: 33px;}
.top-biller {border-bottom: 2px dotted #c7c7c7; margin-bottom: 25px;padding-bottom: 15px; padding-top: 10px;}
.top-biller h4 {height: 76px; display: table-cell; vertical-align: middle;}
.top-biller .btn { margin-right: 0;}
.biller ul.bxslider li { border: 1px solid #bbbab9; min-height: 175px; padding: 10px 10px 0px 10px; position: relative;}
.biller .bx-wrapper .bx-prev {left: -45px; right: 0;}
.biller .bx-wrapper .bx-controls-direction a {margin-top: 45px;top: 0;}
.biller .bx-wrapper .bx-next {right:4px;}
.biller .bx-wrapper {margin: 0 auto 30px;}
.biller ul.bxslider li p { margin: 0 0 10px;/*  width: 190px; */}
.biller ul.bxslider li .close { border: 0 none; position: absolute; right:4px; top:4px; display:block;background:#f9f8f8; border: 1px solid  #a09e9e; opacity:1; color:#888484;text-shadow: 0 0px 0 #ffffff;}
.biller .bx-wrapper { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; box-shadow: 0 0 0 #ccc; margin-bottom: 5px; margin-top:60px;}
.invoice .top-biller h4{height: 50px; display: table-cell; vertical-align: middle;}
.biller .logo-carousal {border-top: 1px solid #ccc; margin-top: 20px; padding-top: 20px;}
.biller .logo-carousal span {background:none; border: 1px solid #ccc; display: block; padding: 0px; text-align: center; width:25px; height: 25px; font-size:16px; line-height:20px;}
.biller .logo-carousal h3 {margin-top: 0;}
.biller .bx-wrapper .bx-controls-direction a {margin-top: -45px; top: 0;}
.biller .bx-wrapper .bx-prev {left: auto;right: 50px;}
.biller .bx-wrapper .bx-pager {display: none;}
.biller .top-posi {position:absolute; right: 0;top: 0;}
.biller ul.bxslider li {text-align: center;}
.biller ul.bxslider li .biller-img{ width: 100%;  height:100px; display:block;}
.biller .bx-wrapper img {display: block; margin: 0 auto; max-width: 100%; max-height:100px; width: 100%;}
.biller ul.bxslider li p { margin:10px 0 10px; padding: 0px 10px;/*  width: 150px; */}
.category h4 {height:50px; display: table-cell; vertical-align: middle;}
.container.logo-carousal.new-c .bx-wrapper span:hover { background:none; border: medium none;}
.dashbord {margin-top: 15px;}
.dashbord .payment-list {padding-bottom:30px;}
.form-div{margin-bottom:20px;}
.login-tab-outer h3 { border-bottom: 2px dotted #ddd; font-size: 30px; margin-bottom:30px; margin-top: 0; padding-bottom: 10px;background: #fff none repeat scroll 0 0; padding:10px 0px 18px;}
.login-tab-outer { background: #fff none repeat scroll 0 0;  margin: 0 auto; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); border-radius: 4px; width:50%;}
.login-tab-area{padding:30px 50px 30px; }
a.logo{display:block; text-align:center;}
.login-tab-area h1{font-size:36px; margin-top:0px; margin-bottom:5px;}
.login-tab-area p{ margin-top:0px; margin-bottom:0px; text-align:center;}
.login-tab-area h6{ margin-top:0px; margin-bottom:0px; text-align:center; color:#822625;}
.login-header a.logo.first.pull-left { margin: 0 auto; width: 100%;}
.login-header a.logo.first.pull-left { margin: 0 auto; width: 100%; margin-bottom: 27px;}
.sign-up{ box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);}
.sign-up .nav-tabs{margin-bottom:15px;}

.base-amount{width:75%;}
.base-amount ul{}
.base-amount ul li{width:100%; margin-top:6px; float:left;}
.base-amount ul li p{float:left; font-size:12px;}
.base-amount ul li .left{width:50%; float:left; display:block;}
.base-amount ul li .right{width:50%; float:left; display:block;}
.base-amount ul li p {float: left; font-size: 12px;}

.heading-borderbtm{border-bottom: 2px dotted #c7c7c7;margin-bottom: 25px; padding-bottom: 15px; padding-top: 10px;}
.marron{color:#98272b; display:inline-block !important;}


footer .col-md-4 {
    width: 31%;
    padding-left: 0;
    padding-top: 10px;
    padding-right: 0;
}

.form-wizard-progress {
    position: absolute;
    top: 24px;
    left: 0;
    width: 80%;
    height: 1px;
    background: #a5a3a3;
}


div#customer-DIV,div#mrchant-Div {min-height:328px;}
div#customer-DIV.login-div .btn-center, div#mrchant-Div.login-div .btn-center{ position:absolute; bottom:25px;}
.rupee-img {background: url(../images/rs-icon.png) no-repeat left 3px;width: 15px;height: 15px;display:inline-block;}
.rupee-img-new {background: url(../images/rs-icon-new.png) no-repeat left 3px;width: 15px;height: 15px;display:inline-block;}
.qr-dode{display:block; padding-top:60px; min-height:800px;}
.qr-dode .text-center{display:block;} 
.container.edit-con {
    margin-bottom: 30px;
}

p.F14p {
    position: relative;
    top: -10px;
}

.heading-borderbtm.headclear h4 {
    text-transform: capitalize;
}

footer h3 {
    text-transform: capitalize;
}

.copyright {
    text-align: center;
    padding: 15px;
    font-size: 10px;
}


.top-biller h4 {
    text-transform: capitalize;
}

.payment-list h3, .payment-graph h3 {
    text-transform: capitalize;
}

h2, h3, h4 {
    text-transform: capitalize;
}
.payment-graph {padding-bottom:38px; padding-top: 10px; width: 59.3333%; min-height: 413px;}
.dashbord .biller ul.bxslider li:hover {text-align: center;border: 1px solid #822625;}
.heading-text {text-transform: capitalize;}
span.font30p {position: relative; top: 2px;}
.reference div#testDiv {background: #fcfcfc;}
.reference .panel-head { background: #fcfcfc;}
.reference .detail-view .field-text {font-size: 15px;  color: #949392;}
.reference .detail-view .lable-text {font-weight: 400; font-size: 16px; color: #000; word-wrap: break-word;}
span.ref-no {color: #949392;font-weight: 400;}
p.sucess {color: #598c50; font-weight: bold;}
.login-tab-outer {
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    border-radius: 4px;
    width: 99%;
}
.form-group.gender label.col-sm-2.control-label {padding: 0;}
.login-tab-area p {margin-top: 10px;margin-bottom: 0px;text-align: left;}

.login-tab-area h1 {
    font-size: 36px;
    margin-top: 0px;
    margin-bottom: 10px;
}
.top-invoice h4 {text-transform: capitalize;}
.sign-up p{ margin: 0 0 10px;}
.sign-up p{ margin: 0 0 10px;}
.sign-up .login-tab .form-control {width: 100%; margin-bottom:0px;}
.sign-up{ box-shadow: 0 3px 6px rgba(0, 0, 0, 0), 0 3px 6px rgba(0, 0, 0, 0);}
.sign-up .nav-tabs{margin-bottom:15px;}
.sign-up .control-label {color: #adacab !important; padding-top:20px; padding-left: 0px;}
#users-forgot-password .form-group .error{color: #adacab !important;}
.sign-up .col-sm-10,.sign-up .col-sm-4{padding-left:0px; padding-right:0px;}
span.required{color:red;}
/*.gender{border-bottom: 1px solid #ccc; padding-bottom: 30px;}*/
.gender{padding-top:15px;}
.sign-up .capcha-img{margin-left:20px; margin-top:-10px;}
.capcha-img a{border-bottom:1px solid #000;}
.capcha-img a:hover,.capcha-img a:focus{border-bottom:1px solid #23527c;}
.ui-datepicker .ui-datepicker-title select {
    /* styling */
    background-color: #bfa15f;
    border: thin solid #efeff1;
    border-radius: 0px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0px 5px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
    background: none;
    font-weight: normal;
    color: #212121;
    border: 1px solid #bfa15f;
}

.ui-datepicker .ui-datepicker-prev {border: 1px solid #bfa15f;
                                    background:none;
                                    font-weight: normal;
                                    color: #212121;}

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #e20d0d url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222222;
    font-weight: bold;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br,.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl,.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {border-radius:0px !important;}
.ui-datepicker {padding:0px;}

/*------------------- datepicker -------------------*/
/* datepicker */
.datepicker{position:relative;}
/* .datepicker  */.ui-datepicker-trigger{position:relative; right:43px; top:2px;font-size: 20px; color:#a5a4a4;}
.ui-datepicker-trigger:active{box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);}
.datepicker .input-append input:focus{position:inherit;}
.ui-datepicker {padding:0px;}
.ui-datepicker table{margin: 0 0.2em .4em;width: 98%;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ border: 1px solid #bfa15f; background: #bfa15f; font-weight: normal; color: #fff; font-size: 13px;}
.ui-corner-all{border-radius:0px; border:1px solid #bfa15f}
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png);}
.ui-widget-header{background:#822625; color:#fff;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{background:#bfa15f; border: 1px solid #bfa15f;}
ul.yiiPager a:link, ul.yiiPager a:visited{border: solid 1px #822625; color:#822625; padding: 6px 8px;}
ul.yiiPager .selected a {background: #822625; color:#fff;}
.pager li > a:hover, .pager li > a:focus {text-decoration: none; background-color: #fff;}
.pager li > a, .pager li > span{border-radius:0;}
.filters{background:#fff;}
tr.filters td{position:relative;}
tr.filters td span.search{position:absolute; top:24px; right:15px;}
#invoice-payment-grid .table > thead > tr > th{font-weight:bold;}
.no-graph{ width: 50%; display: block; margin: 20px auto;text-align:center;}
.no-graph img{width:50%;}
.no-graph-txt{width: 50%; display: block; margin: 20px auto;text-align:center;}
.dashbord .table {margin-bottom: 5px;}
.dashbord .table thead {background: #822625 none repeat scroll 0 0; border-top: 0 none;color: #fff;}
.even {background: rgba(0, 0, 0, 0) url("../images/tble-even.png") repeat scroll left top; border-bottom: 2px solid #fff; font-size: 12px;}
.odd {background: rgba(0, 0, 0, 0) url("../images/tble-odd.png") repeat scroll left top; border-bottom: 2px solid #fff; font-size: 12px;}
#trnsctnDetails .table > tbody > tr > td{font-size:12px !important;}
.text-search{background:url(../images/search.png) no-repeat right top; }
.card2 li.two .nav-tabs > li.active > a, .card2 .nav-tabs > li {border: 0;background: #fafafa;border: 1px solid #d6d6d6;color: #fff;border-radius: 25px; margin-right: 15px;}
a.activeChart{background:#822625;color:#fff; border:1px solid #822625;}
#trnsctn-details-grid .table thead tr th{font-weight:bold;}
#mob-mer{display:none;}
.template-height{min-height:400px;}

.faq ul{padding-left:0px;}
.faq h5{ background:none; padding-left: 15px; font-weight:bold;}
.faq p{ padding-left: 15px;}
.faq p span{display:block;}
.faq ul li{padding-top:10px;}
.faq ul li ul li{ background:url(../images/bullet.png) no-repeat left 3px;background: url(../images/bullet.png) no-repeat left 15px;
                  padding-left: 15px; padding: 10px 18px;}
ul.sub-ui{padding-left:20px;}
a.here {
    color: #337ab7;
}


body div#ui-datepicker-div {
    Z-INDEX: 24!important;
}

.mail-box button.btn.btn-default.margin0p {
    background: transparent;
    color: #000;
    border: none;
    /* border-top: 1px solid #cccccc; */
    /* border-left: 1px solid #cccccc; */
    /* border-bottom: 1px solid #cccccc; */
}
.mail-box button#emailClick2 {
    background: #822625;
    color: #fff;
    border: 1px solid #822625;
}
.modal-body .first { 
    min-height: 82px;
}

.mail-box button#emailClick2:hover {
    background: #822625!important;
    color: #fff!important;
    border: 1px solid #822625!important;
}
footer {

    bottom: -70px;

}

ol.tnc-ol li, .tnc-num li{list-style:inherit;display: list-item; padding-bottom: 12px; padding-left: 12px;text-align:justify;}
ol.tnc-ol, ol.tnc-num { margin: 0 22px;padding: 0;}
.tnc-main{text-align:justify;}
.tnc-main u{font-weight:bold;}
.tnc-num .tnc-ol{margin:0;}
.tnc-num li{padding:0;}
footer a:hover, footer a:focus {color: #fff;}
.modal.fade.in.terms-condition{max-height:480px;}

.modal.fade.in.terms-condition { max-height: 100%;}
.modal-dialog.term-dialog {margin: 0 auto; width: 81%; overflow-y: auto; max-height: 100%;}
div#myModal {  width: 102%;}
.modal-content{border:0;}

.ref-form-control{
    padding-top: 5px;
    padding-left: 0;
    color: #000;
}
.ref-mg-top{margin-top: 6px;}
.ref-btn-btn-primary{    
    border-radius: 6px;
    padding: 6px 15px;
    margin-right: 5px;
    outline: 0px;
    background-color: white;
    border-color: white;}
.ref-seach{
    color: #98272b;
}
.otp-transction{
    background: #fff none repeat scroll 0 0;
    margin: 0 auto;
    box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
    border-radius: 4px;
    width: 50%;
}
.otp-transction-inner{
    padding: 30px 50px 30px;
}
.sear-color{
    color: white;
    padding-left: 2px;
}