@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');

body {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px;
    background-color: #e7ebee;
    background: #e7ebee;
    margin: 0px;
}

.modal-body{
	text-align: center;
}

.btn-modal{
	margin-top: 5px;
}

.modal-box{
	margin-top: 20px;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px #00000014;
}

.modal-verifyotp{
	text-align: center;
	padding-top: 20px;
}

.modal-verifyotp .btn-modal{
	letter-spacing: 2px;
}
.modal-otpbox{
	margin-top: 20px;
	display: block;
    width: 75%;
    height: 34px;
    padding: 6px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.modal-open {
    overflow: auto;
    padding-right: 0 !important;
}

.modal-center{
	text-align: center;
}

.modal-title{
	font-weight: 700;
    font-size: 16px;
    vertical-align: -webkit-baseline-middle;
    color: #9e9e9e;
}

.modal-info1{
	font-size: 12px;
    color: #9e9e9e;
    font-weight: 100;
}

.modal-info2{
	font-size: 12px;
    color: #9e9e9e;
    font-weight: 100;
	padding-top: 20px;
}
.modal-info2 a{
	font-weight: 600;
}

.card-header .control-label{
	border-bottom: 1px solid #ddd;
	padding: 10px 0px;
	margin-bottom: 20px;
}
.contact-info {
    display: inline-flex;
    float: right;
}

/*.client-details{
    padding-top: 20px;
}*/

.selectdemat tr th {
    color: #777;
    text-transform: uppercase;
    background: #f0f7ff;
    font-size: 14px;
}

.selectdemat tr{
	background-color: #fff !important;
	border-top: 1px solid #ddd;
}

/* table css*/
table {
  border-collapse: collapse;
  width: 100%;
  margin-top: 4px;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {background-color: #f7f7f7;}


.dashboard_pie{
	float: right;
}
/*Comman css*/


.btn-wisebasket {
    margin-right: 15px;
    line-height: 50px;
}

    .btn-wisebasket a:hover {
        color: #fa8130;
    }

    .btn-wisebasket a {
        font-weight: 700;
        color: #555;
        font-size: 13px;
        text-transform: uppercase;
    }

/* popup css starts */
/* The Modal (background) */


/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 100%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* popup css ends */

label {
    font-weight: 600;
}

a {
    text-decoration: none;
}

table.tbl-broking a {
    cursor: pointer;
}

.lbl-hight {
    /*height: 17px;*/
    width: 100%;
}

.over_hidn_rm {
    overflow: inherit;
}

.lbl-hight25 {
    height: 25px;
    width: 100%;
}

.width100 {
    width: 100%;
}

a:active, a:hover {
    text-decoration: none;
}

ul, ul li {
    padding: 0px;
    list-style: none;
}

.br-right {
    border-right: 1px solid #ddd;
}

.chart_center {
    margin: auto;
    text-align: center;
}

.space50 {
    padding: 50px 0;
}

.bg_yellow {
    background: #ffb822 !important;
    color: #fff !important;
}

.bg_green {
    background: #0abb87 !important;
    color: #fff !important;
}

.bg_skyblue {
    background: #55a6eb !important;
    color: #fff !important;
}

.color_red {
    color: #ff0000;
}

.color_yellow {
    color: #ffb822;
}

.color-orange {
    color: #ff6600;
}

.color-green {
    color: #0abb87;
}

.color-blue {
    color: #55a6eb;
}

.color-red {
    color: #ff0000;
}

span.circle-red {
    width: 10px;
    height: 10px;
    background: red;
    border: 1px solid red;
    display: block;
    border-radius: 100px;
    text-align: center;
    margin: auto;
}

span.circle-green {
    width: 10px;
    height: 10px;
    background: green;
    border: 1px solid green;
    display: block;
    border-radius: 100px;
    text-align: center;
    margin: auto;
}
/*Button*/
.btn:focus {
    outline: none;
}

.btn.btn-showreport {
    background: #f76e2e;
    color: #fff;
    border-radius: 100px;
    padding: 6px 20px;
    border: 2px solid #f76e2e;
    transition: all 0.5s;
    font-weight: 600;
}

    .btn.btn-showreport:hover {
        background: #fff;
        color: #333;
    }

.btn.btn-reset {
    border-color: #f76e2e;
    background: #fff;
    border-radius: 100px;
    padding: 5px 16px;
    transition: all 0.5s;
    border-width: 1px;
}

    .btn.btn-reset:hover {
        background: #f76e2e;
        color: #fff;
    }

.font9 {
    font-size: 9px;
}

/*Margin*/
.ml0 {
    margin-left: 0px;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.mr0 {
    margin-right: 0px;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

/*Padding*/
.pl0 {
    padding-left: 0px;
}

.pdl5 {
    padding-left: 5px;
}

.pdl10 {
    padding-left: 10px;
}

.pdl15 {
    padding-left: 15px;
}

.pdl20 {
    padding-left: 20px;
}

.pdl25 {
    padding-left: 25px;
}

.pr0 {
    padding-right: 0px;
}

.pdr5 {
    padding-right: 5px;
}

.pdr10 {
    padding-right: 10px;
}

.pdr15 {
    padding-right: 15px;
}

.pdr20 {
    padding-right: 20px;
}

.pdr25 {
    padding-right: 25px;
}

.pdb5 {
    padding-bottom: 5px;
}

.pdb10 {
    padding-bottom: 10px;
}

.pdb15 {
    padding-bottom: 15px;
}

.pdb20 {
    padding-bottom: 20px;
}

.pdb25 {
    padding-bottom: 25px;
}

.pdt5 {
    padding-top: 5px;
}

.pdt10 {
    padding-top: 10px;
}

.pdt15 {
    padding-top: 15px;
}

.pdt20 {
    padding-top: 20px;
}

.pdt25 {
    padding-top: 25px;
}


/*Start ToolTip*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: 100%;
        left: 50%;
        margin-left: -60px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

span.custom-tooltip.ncdx-pos-toltip .custom-tooltip-box.show_popup:before {
    content: "";
    position: absolute;
    top: -17px;
    border-top: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #f76e2e;
    border-left: 8px solid transparent;
    left: 59px;
    left: 59px;
    left: 59px;
    left: 59px;
}
/*End ToolTip*/
/* start Header section*/
.inner-pages-header {
    background-color: #fff;
}

.top-header {
    height: auto;
    background: transparent;
    border-bottom: none;
}

.profile_menu ul li img {
    width: 45px;
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 100px;
    padding: 5px;
}

.profile_menu ul li {
    text-align: left;
    vertical-align: middle;
}

.top-contact p {
    line-height: 40px;
    font-size: 15px;
    letter-spacing: 0;
    text-align: left;
    font-weight: 500;
    color: #ff4f01;
    margin: 0px;
}

.top-social {
    float: right;
}

    .top-social ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .top-social ul li {
            display: inline-block;
            line-height: 40px;
            margin: 00px 4px;
        }

            .top-social ul li a {
                color: #b6bbcc;
                font-size: 14px;
            }




/*********************
   Home
******************************************/
.bankdetail-dwnlod a {
    font-size: 14px;
    text-align: right;
    color: #555;
    text-transform: initial;
    vertical-align: super;
}

.bankdetail-dwnlod i {
    margin-right: 7px;
}

.bankdetail-dwnlod a:hover {
    color: #f76e2e;
}

.bankdetail-dwnlod {
    margin-top: 32px;
    text-align: right;
}

.feedback-box {
    position: fixed;
    top: 40%;
    right: -90px;
    /* text-orientation: upright; */
    /* writing-mode: vertical-rl; */
    background: #ff6600;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0;
    opacity: 0.8;
    z-index: 1;
    transition: all 0.5s;
    border-radius: 5px 0 0 5px;
}

    .feedback-box img {
        width: 40px;
        margin-right: 10px;
    }

    .feedback-box:hover {
        opacity: 1;
        right: 0;
    }

    .feedback-box a {
        color: #fff;
        text-decoration: none;
    }
/*********************
    logo-contact
*****************/
.logo-contact {
    padding: 15px 0px;
    border-bottom: none;
    background: transparent;
}



.logo-box a img {
    width: 250px;
    margin-top: 7px;
}


.logo-contact .contact-info ul {
    text-align: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .logo-contact .contact-info ul li {
        display: inline-block;
        font-size: 13px;
    }

        .logo-contact .contact-info ul li span {
            display: inline-block;
            text-align: left;
            margin-left: 10px !important;
            color: #333;
            vertical-align: top;
        }

.logo-contact .contact-info .icon {
    font-size: 14px;
    color: #ff4f01;
    width: 40px;
    height: 40px;
    margin: 0 auto;
    border: solid 1px #ddd;
    line-height: 36px;
    border-radius: 100px;
    text-align: center;
}

.logo-contact .contact-info ul li a {
    font-size: 14px;
    color: #b6bbcc;
    font-weight: 600;
    text-decoration: none;
}

    .logo-contact .contact-info ul li a:hover {
        text-decoration: none;
    }


/*navabr*/
ul.custome_menu {
    width: 100%;
}

.logout-btn a span i {
    margin-right: 10px;
}

nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
    padding: 0;
    display: inline-block;
    margin-bottom: 0px;
}
/*nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover {
    color:#000 !important;
}*/
nav.navbar.bootsnav {
    background-color: #f7f7f7;
}

    /*nav.navbar.bootsnav ul.nav > li a:hover {
        background: #fff !important;
        color: #000000 !important;
    }*/

    nav.navbar.bootsnav ul.nav > li > a {
        color: #000;
    }

.profile_menu ul li label {
    margin-bottom: 0px;
}

.hedr-notifaction .fa {
    border: 1px solid #99abb4;
    background: #99abb4;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 100px;
    text-align: center;
    padding: 6px 0;
    margin-right: 10px;
    font-size: 15px;
}

.hedr-notifaction span.badge.noti_bell_badge {
    position: absolute;
    top: 4px;
    right: 7px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 15px;
    color: #fff !important;
    background: #f27e1b;
    opacity: 2;
    margin: auto;
    padding: 3px;
}
/* End Header section*/

/*********************
    DASHBOARD HIGHLIGHT SECTION
**************************************/
.page-header {
    font-size: 22px;
    text-transform: uppercase;
    color: #000;
    font-weight: 600;
    margin: 40px 0 40px;
    padding-bottom: 0px;
    border-bottom: none;
}

.card_box {
    border-radius: 10px;
    box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
    background-color: #fff;
    color: #252422;
    margin-bottom: 20px;
    position: relative;
    border: 0 none;
    border-left: 6px solid #fcc468;
    transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
    transition: all 0.5s ease-in-out;
}

    .card_box:hover {
        transform: translateY(-20px);
    }

    .card_box .cardbox-body {
        padding: 15px 15px 0;
    }

        /*.card_box .cardbox-footer
{
    padding: 0 15px 15px;
}

.card_box .cardbox-footer
{
    background-color: transparent;
    border: 0;
}

.card_box .cardbox-footer hr
{
    margin-top: 10px;
    margin-bottom: 15px;
}*/

        .card_box .cardbox-body .card-category {
            font-size: 15px;
            line-height: 36px;
            font-weight: 600;
            text-transform: uppercase;
        }

    .card_box .huge {
        font-size: 26px;
        font-weight: 600;
    }

.card_box .cardbox-body .card-amnt{
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 10px;
}

.dashboard_txt p {
    font-size: 13px;
    line-height: 21px;
    padding: 5px 0;
}

.card .box-Amnt{
	border: 2px #f76e2e solid;
    border-radius: 4px;
    background: #f7f7f7;
    display: inline-block;
    width: 100%;
    padding: 10px;
    margin-top: 5px;
}
/*********************
    CARD BOX  SECTION
**************************************/

.card {
    border-radius: 4px;
    background-color: #fff;
    color: #252422;
    margin-bottom: 20px;
    position: relative;
    border: 0 none;
    transition: transform .3s cubic-bezier(.34,2,.6,1),box-shadow .2s ease;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
}

    .card .card-header, .card .card-body {
        padding: 15px 15px;
    }


.card-header h4 {
    border-bottom: 1px solid #ddd;
    padding: 10px 10px 15px;
    margin: 0;
    font-weight: 600;
}


/*********************
   
    Circular from Exchange & CDSL  SECTION

**************************************/
ul.nav.nav-tabs.circular_info {
    border-bottom: 0;
}

/*.nav-tabs.circular_info > li.active > a,
.nav-tabs.circular_info > li.active > a:focus {
    border-bottom: 2px solid #f76e2e !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #f76e2e;
    margin: 0px;
}
    .circular_info li a {
    border-bottom: 2px solid #ddd !important;
    font-size: 14px;
    font-weight: 600;
    border: none;
    margin-right: 0px;
}*/


/*.nav-tabs.circular_info > li > a:hover {
    color: #f76e2e;
    text-decoration: none;
    background-color: transparent;
    border: none;
    margin: 0px;
}*/

.circular_tab {
    padding: 25px;
}
/*NEW*/
.nav-tabs.circular_info > li.active > a:before {
    content: "";
    position: absolute;
    bottom: -19px;
    border-top: 10px solid #f76e2e;
    border-right: 10px solid TRANSPARENT;
    border-bottom: 10px solid TRANSPARENT;
    border-left: 10px solid TRANSPARENT;
    left: 40%;
}

.nav-tabs.circular_info > li > a:hover {
    BACKGROUND: #f76e2e;
    text-decoration: none;
    border: none;
    margin: 0px;
    color: #fff;
    border: none;
}

.circular_info li {
    /* margin-right: 5px; */
    border-right: 2px solid #fff;
}

.nav-tabs.circular_info > li.active > a, .nav-tabs.circular_info > li.active > a:focus {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    color: #fff;
    margin: 0px;
    background: #f76e2e;
    border-radius: 0;
    border: none;
}

.circular_info li a {
    font-size: 14px;
    font-weight: 600;
    border: none;
    margin-right: 0px;
    background: #ddd;
    border-radius: 0;
    transition: all 0.5s;
    color: #000;
}

/*********************
   
    FOOTER SECTION

**************************************/
footer p {
    color: #fff;
    margin: 0;
    font-weight: 600;
    letter-spacing: 0.5px;
}

footer {
    padding: 10px 0;
    margin: 0;
    background: #ff6600;
}

.fter-txt {
    text-align: center;
}

td#MarqueeId {
    vertical-align: baseline;
}
/*******************
    Table
*****************************************/
table.tbl-broking thead tr th {
    font-size: 12px;
}

.tbl-broking a, .tbl-broking tr td, .tbl-broking tbody tr td {
    text-decoration: none;
}

div.dataTables_info, div.dataTables_paginate, div.dataTables_length label, div.dataTables_filter {
    display: none;
}

table.dataTable thead .sorting {
    background-image: url(../images/sort_both.png);
    background-color: #f0f7ff;
    background-repeat: no-repeat;
    background-position: right;
    vertical-align: middle;
}

table.dataTable thead .sorting_asc {
    vertical-align: middle;
}

table.tbl-broking tr th {
    color: #777;
    text-transform: uppercase;
    background: #f0f7ff;
    font-size: 14px;
}

.bg-lightblue {
    background-color: #f0f7ff !important;
}

/*Holding Report*/

/**/
.hold-icon-info {
    display: none;
}

.hold-icon-info1 {
    display: block;
    position: absolute;
    top: 16px;
    background-color: #eee;
    z-index: 999;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
}

.hold-icon {
    position: relative;
}

.hold-icon-info1 table {
    margin-bottom: 0;
    background: #fff;
}
/*icon hover end*/



table.tbl-broking i.fa {
    color: #f76e2e;
    padding-left: 5px;
}

.tbl-broking span.custom-tooltip .fa, .tbl-broking span.custom-tooltipCA .fa {
    color: #f76e2e;
    padding-left: 5px;
}

.report-img ul li {
    display: inline-block;
    list-style: none;
}

.hold-report-ttl h6 {
    margin: 0px;
    font-weight: 600;
}

.hold-report-ttl {
    background: #ddd;
    padding: 5px 10px;
    color: #000;
}

    .hold-report-ttl span {
        vertical-align: sub;
    }

.action-icon ul {
    margin-bottom: 0px;
}

    .action-icon ul li {
        display: inline-block;
        list-style: none;
        background: #99abb4;
        width: 26px;
        height: 26px;
        text-align: center;
        margin: auto;
        line-height: 26px;
        margin-right: 6px;
        color: #fff;
        font-size: 13px;
    }

.report-img ul li {
    display: inline-block;
    list-style: none;
    background: #99abb4;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: auto;
    line-height: 40px;
    margin-right: 6px;
    color: #fff;
    font-size: 18px;
}

    .report-img ul li a {
        color: #fff;
    }


li.excel-btn a, li.redirect-btn a, li.report-btn a, li.print-btn a, li.pdf-btn a {
    color: #fff;
}

li.redirect-btn:hover {
    background: #337ab7;
    color: #fff;
}

li.report-btn:hover {
    background: #28b1d9;
    color: #fff;
}

li.excel-btn:hover {
    background: #227547;
    color: #fff;
}

li.print-btn:hover {
    background: #227547;
    color: #fff;
}

li.pdf-btn:hover {
    background: #f82015;
    color: #fff;
}

.report-img {
    margin-top: 20px;
}

    .report-img ul {
        margin-bottom: 0;
    }


table.tbl-broking thead th {
    border-bottom: none;
}

table.tbl-broking {
    margin-top: 0px !important;
}

    table.tbl-broking tbody tr td {
        font-size: 13px;
        vertical-align: middle;
    }

.tbl-hedrttl {
    background-color: #f0f7ff;
    font-weight: bold;
    text-align: center;
}

.height300 {
    height: 300px;
    overflow: auto;
}
.heightfx {
    
    overflow: auto;
}
label.height25 {
    height: 25px;
    vertical-align: sub;
}

button.btn.btn-excel {
    background: #227547;
    color: #fff;
}

button.btn.btn-report {
    background: #28b1d9;
    color: #fff;
}

.modal-header.udrstand_ttl h4 {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
}

.udrstand_ttl {
    text-align: center;
    padding: 20px;
}

.report-batter-bg {
    background: #f9f9f9;
    padding: 20px 40px;
}

.modal-header.udrstand_ttl small {
    font-size: 13px;
    color: #666;
    line-height: 18px;
    text-align: center;
}

.undr-stand-modal {
    width: 680px;
    margin-top: 30px;
}

.clac-dpbox {
    border-bottom: 1px solid #dcdbdb;
    padding: 10px 0;
}

    .clac-dpbox:last-child {
        border: none;
    }

.calc-report label {
    font-size: 16px;
    color: #666;
}

.calc-report span i {
    font-size: 20px;
    color: #f5690f;
    margin-right: 10px;
}

.dp-qty label, .dp-qtyinfo label {
    font-size: 13px;
    color: #666;
    font-weight: normal;
}

.dp-qty .lt-clr {
    color: #999;
    font-size: 13px;
    font-weight: normal;
}

.dp-qtyinfo .eq, .dp-qtyinfo .pls {
    font-size: 16px;
    font-weight: normal;
    padding: 0 10px;
}

.report-note {
    border-top: 1px solid #ddd;
}

.thgnote li {
    color: #e47434 !important;
    padding: 10px 0;
    border-bottom: 1px solid #dcdbdb;
    list-style-type: disc;
    font-size: 16px;
}

.thgsnote li label {
    color: #333;
    vertical-align: top;
    font-size: 13px;
    text-align: justify;
    line-height: 20px;
    font-weight: normal;
    border-bottom: 1px solid #ddd;
    padding-bottom: 7px;
}

.thgsnote ul {
    padding-left: 20px;
    color: #e47434;
    margin-top: 15px;
}

a.thgnote {
    border-left: 1px solid #d5d3d3;
    font-size: 14px;
    color: #f5690f;
    padding-left: 15px;
    font-weight: 600;
}

.show_thgnote {
    display: none;
}

a.thgnote i {
    margin-left: 5px;
}

.pd-r15 {
    padding-right: 15px;
}

.bg-gery {
    background-color: #f2f2f2
}

.termsCond a .fa-file-text-o {
    color: #f5690f;
}

.termsCond label {
    margin-bottom: 0;
    vertical-align: super;
    font-size: 13px;
    margin-left: 10px;
}

.termsCond a:hover {
    color: #f5690f;
    text-decoration: none;
}

.explain {
    width: 600px;
    padding: 20px;
    margin-top: 13px;
    border-color: #f76e2e;
}

.exple-colums dd {
    font-size: 13px;
    line-height: 15px;
    color: #666;
}

.explain:before {
    position: absolute;
    right: 41px;
    top: -20px;
    border-width: 10px;
    border-color: transparent transparent #f76e2e transparent;
    border-style: solid;
    height: 10px;
    width: 20px;
    content: "";
}

.exple-colums dl {
    margin-bottom: 7px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

    .exple-colums dl:last-child {
        border: none;
        padding: 0px;
    }

.showExplainBlock a:hover, .showExplainBlock a:active, .showExplainBlock a:focus {
    color: #f76e2e;
    text-decoration: none;
    font-weight: 600;
}

.showExplainBlock a {
    font-weight: 600;
}

.note i {
    margin-right: 5px;
    color: #676767;
}

.note ul {
    list-style: none;
}

    .note ul li {
        line-height: 25px;
    }

.note {
    /*background: rgba(236, 230, 204, 0.1);*/
    background: rgba(251, 230, 142, 0.1);
    padding: 20px;
    color: #333;
    border-radius: 5px;
    border: 1px solid #e6e0c4;
}

.tbl-hedr-center thead tr th, .tbl-hedr-center tr th {
    text-align: center;
}

/****************** 
    Gain Loss Report
****************************/
.row.headersummaryGL {
    padding-bottom: 5px;
}

.buy-chages h3 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 700;
    color: #f76e2e;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.buy-chages {
    padding: 20px 20px 20px 20px;
    width: 600px;
    position: relative;
}

    .buy-chages ul li dl {
        margin-bottom: 0;
    }

    .buy-chages:before {
        position: absolute;
        left: 63px;
        top: -20px;
        border-width: 10px;
        border-color: transparent transparent #f76e2e transparent;
        border-style: solid;
        height: 10px;
        width: 10px;
        content: "";
    }

    .buy-chages dl dt {
        font-size: 13px;
        font-weight: 600;
        border-bottom: 2px solid #f76e2e;
        padding-bottom: 5px;
    }

    .buy-chages dl dd {
        padding-top: 5px;
        text-align: center;
    }

.buy-charg-box {
    border-color: #f76e2e;
    padding: 0;
}

.buy-chages ul li {
    position: relative;
    padding: 0 20px;
}

    .buy-chages ul li:after {
        content: "";
        position: absolute;
        top: 0;
        background: #ddd;
        height: 50px;
        width: 2px;
        left: 0;
    }

    .buy-chages ul li:first-child:after {
        background-color: transparent;
    }

.gain-report-info p {
    margin: 0px;
    font-size: 11px;
}



/*LTCG Summary popup*/
.ltc_sumry h5 {
    font-weight: 700;
    font-size: 15px;
    color: #333;
    margin: 0;
    padding: 15px 15px;
}

.ltc_sumry ul li {
    line-height: 26px;
    color: #555;
    padding-left: 15px;
}

.ltc_sumry ul {
    margin-bottom: 0;
}

.panel.panel-default.cust_panel {
    background: #FFF;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    border-color: #FFF;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin: 0px;
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
}

.panel-title.panel_faq > a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f056";
    padding-right: 5px;
    color: #f76e2e;
}

.panel-title.panel_faq > a.collapsed:before {
    float: right !important;
    content: "\f055";
    color: #000;
}

.cust_panel h4.panel-title a {
    font-size: 14px;
    font-weight: 600;
    display: block;
    line-height: 20px;
    text-decoration: none;
}

.panel.panel-default.cust_panel .panel-heading {
    background: #fff;
    padding: 15px;
}

.cust_panel h4.panel-title a:hover {
    color: #f76e2e;
}

.panel-body.cust_body_pnl {
    font-size: 14px;
    line-height: 25px;
}

.cust_panel h4.panel-title a[aria-expanded="true"] {
    color: #f76e2e;
}
/****************** 
      Ledger Report  
****************************/
table.tbl-ledgerdetl tbody tr td {
    font-size: 12px;
    padding: 3px;
    color: #555;
}

table.tbl-ledgerdetl thead tr th {
    font-size: 13px;
    color: #555;
}


/****************** 
        Login   
****************************/
.login-box .alert {
    padding: 8px 10px !important;
}

.login-bg {
    background-image: url(../images/Loginbackgroung.jpg);
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lginbg-white {
    background-color: rgba(255,255,255,0.45);
    padding: 25px 30px;
    margin-top: 35px;
    height: 570px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 5px 5px 0 rgba(0,0,0,0.19);
    border-radius: 15px;
}

.lginbg-whitew {
    background-color: rgba(255,255,255,0.45);
    padding: 25px 30px;
    margin-top: 35px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 5px 5px 0 rgba(0,0,0,0.19);
    border-radius: 15px;
}

.login-box {
    padding: 20px 0 10px;
}

.login-logo {
    text-align: center;
    padding: 15px 0;
}

.login_ttl h3 {
    color: #333;
    font-size: 25px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0px;
}

.inputusername, .inputpass {
    position: relative;
}

    .inputusername:after {
        content: "\f007";
        font-family: fontawesome;
        position: absolute;
        top: 14px;
        left: 15px;
        font-size: 20px;
        color: #949494;
        line-height: 25px;
    }

    .inputpass:after {
        content: "\f023";
        font-family: fontawesome;
        position: absolute;
        top: 14px;
        left: 15px;
        font-size: 20px;
        color: #949494;
        line-height: 25px;
    }

    .inputusername input, .inputpass input {
        padding: 8px 10px 8px 45px;
        height: 50px;
        border: none;
        border-bottom: 2px solid #ddd;
        box-shadow: none;
        border-radius: 0px;
    }

        .inputusername input.form-control:focus, .inputpass input.form-control:focus {
            border-color: #f76e2e;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(247, 110, 46);
        }

.btn.btn-login {
    background-color: #f7c12b;
    height: 50px;
    border: none;
    border-radius: 2px;
    font-size: 20px;
    font-weight: bold;
    color: white;
    border: 2px solid #f7c12b;
    border-radius: 100px;
    cursor: pointer;
    transition: all 0.5s;
}

    .btn.btn-login:hover {
        border: 2px solid #f7c12b;
        background-color: #fff;
        color: #000;
        box-shadow: 0px 5px 14px 0px #777;
    }

.login-content h2 {
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 30px;
    margin-bottom: 30px;
}

.login-text img {
    float: left;
    margin-right: 10px;
}

.login-text {
    clear: both;
    margin-bottom: 30px;
}

    .login-text h5 {
        color: #fff;
        font-weight: 600;
        margin: 0;
        padding: 15px 0;
    }

.login-content p {
    color: #fff;
    font-size: 13px;
}

.login-content {
    padding: 80px 30px 0;
}

.app-download {
    margin-bottom: 30px;
    padding-left: 15px;
}

    .app-download a {
        margin-right: 15px;
    }

.login-social ul li a {
    color: #000;
    text-decoration: none;
}

.login-social ul li {
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 100px;
    text-align: center;
    line-height: 37px;
    margin-right: 10px;
    font-size: 18px;
    transition: all 0.5s;
}



.login-social {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}

li.facebook:hover a, li.twitter:hover a, li.insta:hover a, li.linkedin:hover a {
    color: #fff;
}

li.facebook:hover {
    background: #3b5998;
    color: #FFF !important;
    border-color: #3b5998;
}

li.twitter:hover {
    background: #00acee;
    color: #FFF;
    border-color: #00acee;
}

li.linkedin:hover {
    background: #0e76a8;
    color: #FFF;
    border-color: #0e76a8;
}

li.insta:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
    color: #FFF;
}




/****************** 
    ToolTips css
****************************/
.scrip-ttlpopup {
    background: #ddd;
    color: #000;
    padding: 10px 13px;
    text-align: center;
}

    .scrip-ttlpopup span {
        font-weight: 600;
    }

table.scrpt-tbl {
    margin-bottom: 0px;
}

    table.scrpt-tbl tr th {
        background: #f76e2e;
        color: #fff;
    }

    table.scrpt-tbl tr th, table.scrpt-tbl tr td {
        padding: 5px;
    }

.show_popup .custom-tooltip-contant {
    padding: 0 4px !important;
}

.custom-tooltip .custom-tooltip-box .custom-tooltip-header {
    background-color: #dddddd;
    color: #555;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    border-radius: 10px 10px 0 0;
}

.custom-tooltip .custom-tooltip-box .custom-tooltip-contant {
    clear: both;
    color: #2F4F4F;
    font-size: 13px;
    height: auto;
    padding: 0;
    width: 100%;
    text-align: center;
}

.custom-tooltip .custom-tooltip-box {
    background-color: #dddddd;
    padding: 0px;
    border-radius: 10px;
}

.scrip_data_pop {
    background: #f76e2e;
    color: #fff;
    padding: 10px 20px;
    font-size: 13px;
}

.scrip_body_pop {
    background: #fff;
    padding: 10px 20px 15px;
    overflow: hidden;
    border-radius: 0 0 10px 10px;
}

.custom-tooltip .custom-tooltip-box {
    background-color: #dddddd;
    padding: 10px 0 0;
    border-radius: 10px;
}

.tooltip-header {
    text-align: center;
    color: #555;
    background: #ddd;
    border-radius: 10px 10px 0 0;
    padding: 10px 0 5px;
}

    .tooltip-header h5 {
        margin: 0;
        color: #555;
        font-weight: 600;
        font-size: 14px;
    }

.scrip_data_pop span:nth-child(2), .scrip_data_pop span:nth-child(4) {
    font-size: 15px;
    font-weight: bold !important;
    margin-right: 15px;
}

.scrip_data_pop span:nth-child(1), .scrip_data_pop span:nth-child(3) {
    font-size: 14px;
    margin-right: 6px;
}

.scrip_body_pop span:nth-child(2) {
    margin-right: 15px;
}

/*******************
   Voucher Details
********************************************/
.voucher-content h6 {
    margin: 0;
}

.voucher-content label {
    display: block;
}

.voucher_info {
    margin-bottom: 5px;
}

.voucher_detail {
    width: 600px;
    margin: auto;
}

.voucher-ttl h3 {
    margin: 0px;
    background-color: #f76e2e;
    color: #fff;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 18px;
}

.voucher-content {
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
}

.voucher_info .vouc-add {
    text-align: right;
    font-size: 14px;
    color: #333;
}

.vouc-logo img {
    padding: 10px;
}

/*******************
  Merge Client
********************************************/
.mrge_ttl h5 {
    font-weight: 600;
    font-size: 14px;
}

.mrge_ttl {
    margin-bottom: 15px;
}

a.merge-deleicon i {
    text-align: center;
    color: #e45d5d;
}

    a.merge-deleicon i:hover {
        color: #ff0000;
    }

.error-msg span {
    color: #ff0000;
}

.error-msg {
    color: #ff0000;
    font-size: 12px;
}
.show-error-mg {
    position: absolute;
    top: 92px;
    width: 800px;
    margin: auto;
    text-align: center;
    left: 0;
    z-index: 1;
    padding: 5px 15px;
    font-size: 12px;
    right: 0;
}

/*******************
 CKYC Update
********************************************/
.ckyc-info h6 {
    margin-top: 3px;
}

.ckyc-info .customechck {
    font-weight: 500;
}

.ckyc-info label.control.control--checkbox.ripple {
    font-size: 12px;
}

.bg-white {
    background-color: #fff;
}

.addhr-info p {
    font-size: 13px;
    margin-top: 10px;
}

.scrip-tblttl {
    border: 1px solid #ddd;
    padding: 5px;
}

/*******************
 ScripCharges.aspx
********************************************/
.scrip-name label {
    font-size: 13px;
    font-weight: normal;
}

/*******************
 IPO Registration
********************************************/

.ipo-box {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
}

.ipo_note {
    font-size: 11px;
    margin-top: 15px;
}

.ipo_ttl {
    background: #f76e2e;
    color: #fff;
    padding: 2px 15px;
    border-radius: 4px;
    transform: translateY(-22px);
    font-size: 14px;
}

/*******************
 MTF Details Statments
********************************************/
.MTF-add-info {
    border: 1px solid #ddd;
    padding: 15px 10px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #555;
}

    .MTF-add-info p:last-child {
        margin: 0px;
    }

    .MTF-add-info img {
        width: 200px;
        display: table;
        transform: translateY(45px);
        text-align: center;
        margin: auto;
    }

    .MTF-add-info p {
        margin-bottom: 7px;
    }

.MTF-box {
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.mtf-contact p {
    line-height: 25px;
}


/*************************************************************************************************
   Start Popup Design
**********************************************************************************************************************************/
.fotgt-hader {
    display: block;
    margin: 0 auto 30px;
    width: 90px;
    height: 90px;
    background: #f76e2e;
    border-radius: 100px;
    line-height: 90px;
    box-shadow: 0px 6px 9px 0px #777;
    text-align: center;
}

.OtpForm {
    padding: 35px;
    background: #FFF;
}

    .OtpForm h4 {
        font-size: 18px;
        text-align: center;
        line-height: 22px;
        margin-bottom: 20px;
        color: #333;
        font-weight: 700;
    }


.btn.btn-close:hover {
    background: #f76e2e;
    color: #fff;
}

.btn.btn-close {
    border-color: #f76e2e;
    background: #fff;
    border-radius: 100px;
    padding: 6px 20px;
    transition: all 0.5s;
    font-weight: 600;
}

.modal-dialog.alert_modalbox {
    width: 380px;
}

button.close.btn-close {
    position: absolute;
    top: -8px;
    right: -5px;
    background: #000;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    opacity: 1;
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 20px;
    padding-left: 1px;
}

.modal-dialog.alert_modalbox .modal-header {
    text-align: center;
    background: #fcc468;
    color: #fff;
    border-radius: 5px 5px 0 0;
}

    .modal-dialog.alert_modalbox .modal-header h4 {
        font-weight: 600;
    }

.alert_notice ul li {
    font-size: 11px;
    color: #666;
    line-height: 20px;
    text-align: center;
}

.al_info label {
    margin-bottom: 10px;
}

.al_info {
    margin-bottom: 20px;
    text-align: center;
}

    .al_info p {
        margin-bottom: 5px;
    }

a.btn.btn-reset {
    color: #000;
}

.btn.btn-reset {
    border-color: #f76e2e;
    background: #fff;
    border-radius: 100px;
    padding: 5px 16px;
    transition: all 0.5s;
    border-width: 2px;
    font-weight: 600;
}

    .btn.btn-reset:hover {
        background: #f76e2e;
        color: #fff;
    }

    .btn.btn-showreport:focus, .btn.btn-reset:focus {
        outline: linen;
    }

.price-infobox {
    background: #e7e7e7;
    padding: 10px;
    margin-bottom: 15px;
    position: relative;
}

    .price-infobox .form-group {
        margin-bottom: 0;
    }

span.delete-icon {
    position: absolute;
    top: -23px;
    right: 0;
    color: #e65959;
    font-size: 13px;
    cursor: pointer;
    background: #fcc468;
    border: 1px solid #fcc468;
    border-radius: 100px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 16px;
}

    span.delete-icon:hover {
        color: #ff0000;
    }

table.tbl-broking i.fa.fa-bell {
    color: #f76e2e;
}

table.tbl-broking i.fa .fa-bell-o {
    color: #807c7c;
}

/* Forget Password */
.ffp-error span {
    font-size: 12px;
    color: #ff0000;
}

.forget_box {
    width: 350px;
    background: #fff;
    padding: 20px 50px 30px;
    margin: 30px auto 30px auto;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #777;
}

.fotgt-img {
    display: block;
    margin: 0 auto 30px;
    width: 90px;
    height: 90px;
    background: #f76e2e;
    border-radius: 100px;
    line-height: 90px;
    box-shadow: 0px 6px 9px 0px #777;
    text-align: center;
}

.forget_box h4 {
    margin: 0px 0 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
    text-align: center;
}


.forgt-note p {
    font-size: 10px;
    text-align: left;
    margin-bottom: 0px;
    border: none;
    padding: 0px;
    background: #FFF;
    margin-top: 20px;
    line-height: 15px;
}


/*Contact info*/
.req-icon {
    padding-left: 8px;
}

.request-modal {
    width: 525px;
}

.rqu_info .form-group input {
    border-color: #f7c12b;
    box-shadow: none;
    border-radius: 0px;
}

    .rqu_info .form-group input:focus {
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(247, 193, 43);
        border-color: #f7c12b;
    }

.chn-reu-bg {
    background: #e7e7e7;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}

    .chn-reu-bg span {
        font-size: 12px;
    }
/*Feedback*/
.OtpForm h4 span {
    font-weight: normal;
    font-size: 14px;
}



/********************************
     Footer section
**************************************************************/
.footer {
    background: #fff;
    padding: 20px;
}

.fter-appicon {
    text-align: right;
}

    .fter-appicon a {
        margin-right: 5px;
        text-decoration: none;
    }

.fter-txt p {
    font-size: 10px;
    margin: 0px;
}

.fter-stockinfo {
    background: #fff;
}

.share-info select.form-control {
    height: 25px;
    padding: 0px 12px;
}

.share-info {
    margin-bottom: 15px;
}

/*************************************************************************************************
   End Popup Design
**********************************************************************************************************************************/
/*Custome check box*/
.customechck {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .customechck input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.customechck:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customechck input:checked ~ .checkmark {
    background-color: #f76e2e;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.customechck input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.customechck .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/************************************ 
   Submit Query
**********************************************************/
.submit-qury .btn {
    margin-right: 5px;
}
/************************************ 
   Change Password
**********************************************************/
.chng-pwd-box {
    width: 50%;
    margin: auto;
    padding: 50px 0;
}

.reset-pwd-box {
    width: 90%;
    margin: auto;
    padding: 50px 0;
}

/************************************ 
   Reset Password
**********************************************************/

/*section.footer.restpassword {
    position: fixed;
    bottom: 0;
    width:100%;
}*/

.reset-pwd {
    width: 350px;
    background: #fff;
    padding: 20px 50px 20px;
    margin: 30px auto 90px auto;
    position: relative;
    border-radius: 5px;
    box-shadow: 0px 0px 5px 0px #777;
}

.repwd_ttl img {
    width: 100px;
    text-align: center;
    margin-bottom: 25px;
}

.repwd_ttl {
    text-align: center;
}

.logo_reset_bar img {
    width: 200px;
}

.logo_reset_bar {
    padding: 20px 0;
    height: 80px;
}

.repwd_ttl h3 {
    margin: 0px 0 30px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
    font-size: 18px;
}

.reset-pwd-box .card-body {
    padding: 0;
}

.reset-pwd input.form-control {
    height: 40px;
    /*border: 1px solid #ccc;*/
}

.rest_icon.input-group .input-group-addon {
    background: transparent;
    box-shadow: none;
}

.reset-pwd input.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(247, 110, 46);
    border-color: #f76e2e;
}

.chng-pss {
    margin-top: 10px;
}

.rest_rquird {
    position: absolute;
    bottom: -24px;
    right: -8px;
    color: #9a9a9a;
    font-weight: 600;
}

.forgt-pass {
    color: #333;
    font-size: 14px;
    text-decoration: none;
    float: right;
    font-weight: 600;
    margin-bottom: 15px;
}

.rest_icon.input-group span.input-group-addon {
    background: transparent;
    border-left: 0;
}

.rest_icon.input-group input {
    border-right: 0px;
    border-radius: 0px;
}

.rest_icon.input-group span.input-group-addon i {
    color: #333;
}

/*.rest_icon input {
        padding: 8px 10px 8px 40px;
        height: 50px;
        border: none;
        border-bottom: 2px solid #ddd;
        box-shadow: none;
    }*/
/*.reset-pwd-box {
    width: 80%;
    margin: auto;
}*/
/*.reset-pwd:before {
    content: "";
    position: absolute;
    top: 35%;
    left: 50px;
    background: #f5f3f3;
    width: 2px;
    height: 200px;
}*/
/*.reset-pwd {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 120px 0;
    position: relative;
}*/
/*.bg_reset_pwd {
            background-image: url("images/reset.png");
            background-color: #cccccc;
            background-size: contain;
            background-repeat: no-repeat;
            height: 400px;
            width: 100%;
        }*/
/************************************ 
    Session Expired     
**********************************************************/
.session-box h3 {
    color: #333232;
    font-weight: 700;
    margin: 0;
    padding: 20px 0;
    text-transform: uppercase;
    font-size: 26px;
    text-align: center;
    margin: auto;
}

.session_bg {
    background: #fff !important;
}

.session-box {
    text-align: center;
}

.session_bg {
    background: #fff !important;
    display: flex;
    height: 100vh;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.session-box img {
    margin: auto auto 15px auto;
}

.session-box h4 {
    color: #655f5f;
    padding-bottom: 20px;
    font-weight: 600;
    margin: 0 0 10px 0;
    font-size: 18px;
}



/************************************ 
    No Record Found
**********************************************************/
.norecord-found {
    text-align: center;
    background: #f1f1f1;
    padding: 20px;
    border-radius: 6px;
}

    .norecord-found img {
        margin: auto;
        text-align: center;
        width: 100px;
    }

    .norecord-found p {
        margin: 0;
        padding: 15px 0 0;
        font-weight: 700;
        font-size: 17px;
        color: #737373;
    }


/************************************ 
  BrkBillDetails
**********************************************************/


table.tbl-ledgerdetl tbody tr th {
    color: #777;
    text-transform: uppercase;
    background: #f0f7ff;
    font-size: 12px;
}

table.tbl-ledgerdetl tbody tr td {
    font-size: 13px;
    padding: 6px;
    color: #555;
}



/************************************ 
  Seq Que Verification
**********************************************************/

.fontregular {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.seq_que_box {
    width: 800px;
    margin: auto auto 10px auto;
    text-align: left;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    transform: translateY(70px);
}

.ques_ttl span.badge {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    text-align: center;
    font-size: 20px;
    margin-right: 10px;
    padding: 5px 7px;
    background-color: #f76e2e;
    color: #fff;
    float:left;
}

.ques_ttl {
    margin-bottom: 40px;
}

    .ques_ttl h3 {
        font-size: 20px;
        font-weight: 600;
    }

.form-group.que_input input {
    height: 50px;
    border-radius: 4px;
}

.btnsecu {
    background: #f76e2e;
    border: 2px solid #f76e2e !important;
}

.btnsecureset {
    background: #f76e2e;
}

.btnsecureset {
    background: #FFF;
    border: 1px solid #f76e2e !important;
    color: #333;
}

.btnsecureset, .btnsecu {
    padding: 8px 15px;
    border: none;
    border-radius: 4px;
    min-width: 120px;
    margin: 5px;
}

.btnsecureset:hover, .btnsecu:hover {
    background: #f76e2e;
    color: #FFF;
}

.form-group.que_input label {
    margin-bottom: 20px;
}

.ques_login, .ques_notes {
    padding: 25px 10px;
}

.securi_quetxt p {
    line-height: 21px;
    color: #8b8b89;
}

.securi_quetxt p:nth-child(2) {
    text-align: center;
    color: #f76e2e;
    font-size: 18px;
    padding-top: 10px;
}

.securi_queicon {
    margin: auto auto 15px auto;
    text-align: center;
}

.securi_quetxt ul {
    padding-left: 10px;
}

.securi_quetxt ul li {
    position: relative;
    margin-left: 15px;
    line-height: 22px;
    margin-bottom: 10px;
    font-size: 13px;
}

.securi_quetxt ul li:before {
    content: "\f105 ";
    position: absolute;
    font-family: fontawesome;
    left: -15px;
}


/************************************ 
    Meida     (Responsive)
**********************************************************/
@media (min-width: 1024px) {
    /*Start Nava bar*/
    nav .navbar.bootsnav li.dropdown ul.dropdown-menu {
        padding: 0;
    }

        nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover {
            border-radius: 0px;
        }

    nav.navbar.bootsnav .dropdown-menu li:last-child {
        margin-bottom: 0px;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding: 20px 15px !important;
        font-weight: 600;
        color: #000;
    }
    /*End Navbar*/
    /*Start Login*/
    .login-logo img {
        width: 250px;
    }

    /*End Login*/




}


@media (min-width:320px) and (max-width:767px) {
    /*comman*/
    .Mobhidden {
        display: none;
    }

    .pl0 {
        padding-left: 15px;
    }

    .pr0 {
        padding-right: 15px;
    }

    .logo-contact .logo-box img {
        width: 164px;
        margin-bottom: 10px;
    }

    .profile_menu {
        float: left;
    }

    .logo-contact .contact-info ul li span {
        font-size: 13px;
    }

    ul.nav.navbar-nav.custome_menu li a i.fa {
        display: none;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
        display: block;
    }

    li.dropdown.megamenu-fw i.fa.fa-caret-down {
        display: none;
    }

    nav.navbar.bootsnav ul.nav > li > a {
        padding-left: 15px;
    }

    .lginbg-white {
        margin-left: 15px;
        margin-right: 15px;
    }

    .login-content {
        padding: 30px 30px 0;
    }

        .login-content h2 {
            font-size: 22px;
        }

    .login-bg {
        height: 100%;
    }

    .login-logo img {
        width: 250px;
    }

    .modal-dialog.undr-stand-modal {
        width: auto;
    }

    .report-batter-bg {
        padding: 20px 30px;
    }

    .fter-txt p {
        line-height: 17px;
        text-align: left;
        margin-bottom: 15px;
    }

    .fter-appicon {
        text-align: center;
    }

    .hold-report-ttl {
        font-size: 12px;
    }

    .action-icon {
        margin-top: 7px;
    }

    .showExplainBlock {
        margin-top: 20px;
    }

    .forget_box {
        width: auto;
        padding: 20px 40px 28px;
    }

        .forget_box .btn.btn-showreport {
            margin-bottom: 15px;
        }

    .logo_reset_bar img {
        width: 160px;
        vertical-align: middle;
        padding-top: 8px;
    }

    .contact-info {
        display: block;
    }

    .btn-wisebasket {
        text-align: right;
    }
    /*Holding Report*/
    ul.dropdown-menu.dropdown-menu-right.explain {
        width: 290px;
        left: -14px;
    }

    .showExplainBlock ul li {
        display: block;
        text-align: left;
    }

    .explain:before {
        left: 45px;
        right: 0px;
    }
    .reset-pwd {
        width:auto; padding:20px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .login-logo img {
        width: 250px;
    }

    .login_ttl h3 {
        font-size: 23px;
    }

    .pl0 {
        padding-left: 15px;
    }

    .pr0 {
        padding-right: 15px;
    }

    .card_box .huge {
        font-size: 20 px;
    }

    ul.nav.navbar-nav.custome_menu li a i.fa {
        display: none;
    }

    .contact-info {
        display: inline-block;
        float: right;
    }

    .btn-wisebasket {
        text-align: right;
        margin-right: 0px;
    }

    nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li {
        display: block;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .fter-appicon a {
        margin-bottom: 10px;
        display: block;
    }

        .fter-appicon a:last-child {
            margin-bottom: 0px;
        }
}

@media (min-width:1440px) and (max-width:1920px) {
    .show-error-mg {
        top:14%;
    }
    .forget_minheight {
        min-height: 460px;
    }

    .footer .restpassword {
        position: fixed;
        bottom: 0px;
        width: 100%;
    }

    .forget_box {
        margin: 80px auto 70px auto;
    }

    .reset-pwd {
        margin: 63px auto 63px auto;
    }
    .seq_que_box {
        transform: translateY(40%);
    }
    .seq_que_box.FAque {
        transform: translateY(10%);
    }
}
/*********
    Scroll to Top
******************************/

#return-to-top {
    background: #f76e2e;
    position: fixed;
    bottom: 20px;
    z-index: 99999;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    text-align: center;
    line-height: 48px;
    font-size: 18px;
    color: #fff;
    right: 10px;
}


/******************************
    Custome PopupHover Toggle
**************************************************/
.show_popup hr.custome-hr {
    margin: 10px 0;
}

.custom-tooltip-contant.show_popup {
    background: #fff;
}

.custom-tooltip-box.show_popup {
    background: #fff !important;
}

    .custom-tooltip-box.show_popup:before {
        content: "";
        position: absolute;
        top: 24px;
        border-top: 8px solid transparent;
        border-right: 8px solid #f76e2e;
        border-bottom: 8px solid transparent;
        border-left: 8px solid transparent;
        left: -16px;
    }
/*.show_popup {
    position: absolute;
    background: #fff;
    z-index: 999;
    border: 1px solid #f76e2e;
    border-radius: 5px;
    width: 630px;
    left: 0;
    right: 0;
    margin: 14px auto auto auto;
    display: none;
}*/
.buy-pops.buy_arrow:before {
    content: "";
    position: absolute;
    top: -21px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f76e2e;
    left: 46%;
}

.buy-pops.sell_arrow:before {
    content: "";
    position: absolute;
    top: -21px;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f76e2e;
    left: 49%;
}

.show_popup .buy-pops ul {
    margin-bottom: 0;
    text-align: center;
}

.show_popup .buy-pops h3 {
    margin: 0 0 10px;
    font-size: 15px;
    font-weight: 700;
    color: #f76e2e;
    text-align: center;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.show_popup .buy-pops {
    padding: 10px 0;
    /*width: 600px;*/
    position: relative;
    border-color: #f76e2e;
    text-align: left;
}

    .show_popup .buy-pops ul li dl {
        margin-bottom: 0;
    }
    /*.show_popup .buy-pops:before {
    position: absolute;
    left: 63px;
    top: -20px;
    border-width: 10px;
    border-color: transparent transparent #f76e2e transparent;
    border-style: solid;
    height: 10px;
    width: 10px;
    content: "";
}*/
    .show_popup .buy-pops dl dt {
        font-size: 11px;
        font-weight: 600;
        border-bottom: 2px solid #f76e2e;
        padding-bottom: 5px;
    }

    .show_popup .buy-pops dl dd {
        padding-top: 5px;
        text-align: center;
    }

    .show_popup .buy-pops ul li {
        position: relative;
        padding: 0 5px;
        margin-bottom: 10px;
    }

        .show_popup .buy-pops ul li:after {
            content: "";
            position: absolute;
            top: 0;
            background: #ddd;
            height: 40px;
            width: 2px;
            left: 0;
        }

        .show_popup .buy-pops ul li:first-child:after {
            background-color: transparent;
        }

/****************************
   Start  Data Table
***********************************************/
div.dataTables_paginate {
    margin: 0px 0px 5px 0;
}

.dataTables_paginate.paging_simple_numbers {
    margin-top: 18px;
}

.dataTables_info {
    float: left;
}

div.dataTables_info, div.dataTables_paginate, div.dataTables_length label, div.dataTables_filter {
    display: block;
}

div#DataTables_Table_0_length, div#DataTables_Table_0_filter {
    display: none;
}

a#DataTables_Table_0_previous, a#DataTables_Table_0_next {
    background: #ddd;
    padding: 10px;
    color: #000;
}

a.paginate_button {
    padding: 6px 10px;
    background: #ddd;
    margin-right: 5px;
}

    a.paginate_button.current {
        background: #ff6a00;
        color: #fff;
    }

.dataTables_filter {
    margin: 10px 0;
}

.dataTables_length {
    float: left;
    padding: 10px 0;
}

.dataTables_filter input {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}


/****************************
   End Data Table
***********************************************/

.sub-header {
    background-color: #f0f7ff;
    font-weight: 600;
}

.pay-requ-box {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 0 0 5px 5px;
    margin-bottom: 15px;
}

.pay-total {
    padding: 5px 0 0px;
}

    .pay-total p {
        margin: 0px;
    }

.pay-box .hold-report-ttl span {
    vertical-align: inherit;
}

div#Payment_requ h4.pay_requ {
    font-size: 18px;
    text-align: center;
    line-height: 22px;
    margin-bottom: 20px;
    color: #333;
    font-weight: 700;
}






table.table-bordered th:last-child, table.table-bordered td:last-child {
    border-right-width: 1px;
}






#myTab-accordion .panel-heading {
    background: #f76e2e;
    color: #fff;
}

div#myTab-accordion h4.panel-title {
    border-bottom: none;
    padding: 0;
}

/*Ticker*/
.tickr-box .form-control {
    width:100px;
}
/*Payment box   */
.payment-box {
    padding: 30px 0;
}
.box-Value {
    padding: 10px;
    margin-bottom: 40px;
    background: #f1f1f1;
    border-radius: 5px;
    border: 2px solid #f76e2e;
}
    .box-Value ul.list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px;
        width: 48%;
        text-align: center;
        border-right: 2px solid #f76e2e;
    }
    .box-Value ul.list-inline > li:last-child {
        border:none;
    }
    .box-Value ul.list-inline {
        margin-bottom: 0;
    }

/*************************************************************************************************
   E-Mandate Bank
**********************************************************************************************************************************/
.btn-dwn-ebook {
    background: #f76e2e;
    color: #fff;
    border-radius: 100px;
    padding: 6px 20px;
    border: 2px solid #f76e2e;
    transition: all 0.5s;
    font-weight: 600;
}
.radio-btn-mndate label {
    display: inline-block;
    margin-right: 5px;
}
.panel-heading.mndat-reg-fill-had span:nth-child(1) {
    font-size: 16px;
}
.panel-heading.mndat-reg-fill-had {
    background: #f76e2e;
    color: #fff;
}